@popmelt.com/core 0.25.0 → 0.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import{Z as St,va as Ie,xa as ho,x as Ln,K as Vi,t as sd,_ as dd,ta as Cr,sa as mo,ra as Yn,ha as Qi,ea as Zi,R as qi,Y as Ui,W as go,U as cd,V as ud,ca as pd,X as Ji,da as kr,P as Yi,Ca as Xi,Ea as Ki,na as fd,Ba as hd,u as md,I as gd,wa as yd,s as bd,T as vd,ua as xd,ka as wd,ja as Cd,ma as kd,Ga as Sd,b as Id,Ja as Md,a as Gi,c as yo,d as Td,g as ea,e as Ed,f as Ld,h as Ad}from"./chunk-RLCNRGNJ.mjs";import{d as bo,b as $d,a as ta}from"./chunk-NXMPY7RX.mjs";import{q as Nd,A as na,z as vo,C as ra,B as xo,E as oa,D as wo,j as Co,i as jt,p as An,c as Xn,h as ko,g as ia,f as Rd,e as aa}from"./chunk-ZJPPZLXU.mjs";import{createContext as Sr,lazy as Pd,useSyncExternalStore as la,useState as R,useRef as $,useCallback as oe,useEffect as F,useMemo as ue,useContext as pn,useId as Kn,useLayoutEffect as qe,Suspense as zd,useReducer as sa,createElement as da,Component as Hd}from"react";import{createLucideIcon as Od,Search as ca,Bot as Dd,Brain as Wd,Zap as jd,Leaf as _d,ChevronDown as So,Fingerprint as ua,MessageCircle as Bd,Check as Gn,RefreshCw as Io,Trash2 as Fd,Image as Vd,Clock as pa,OctagonAlert as Qd,MessageCircleQuestionMark as Zd,TriangleAlert as qd,Reply as Ud,Link2 as Mo,X as fa,LockOpen as Jd,Lock as ha,LoaderCircle as er,UserPlus as Yd,History as ma,ChevronLeft as Xd,Settings as ga,LogOut as Kd,ArrowUpRight as Gd,Plus as ec,Folder as tc,Moon as nc,Monitor as rc,Sun as oc,Pause as ya,RotateCcw as ic,Copy as ac,Hand as lc,ALargeSmall as sc,Bold as dc,BetweenHorizontalStart as cc,BetweenVerticalEnd as uc,AlignLeft as ba,Palette as va,Move as pc,Scaling as fc,RotateCw as hc,CircleDashed as mc,Blend as gc,MoveHorizontal as yc,MoveVertical as bc,SlidersHorizontal as vc,AlignStartVertical as xc,AlignCenterVertical as wc,AlignEndVertical as Cc,StretchHorizontal as kc,AlignHorizontalJustifyStart as Sc,AlignHorizontalJustifyCenter as Ic,AlignHorizontalJustifyEnd as Mc,AlignHorizontalSpaceBetween as Tc,AlignHorizontalSpaceAround as Ec,AlignCenter as Lc,AlignRight as Ac,AlignJustify as $c,Signal as Nc,SignalZero as Rc,SignalLow as Pc,SignalMedium as zc,SignalHigh as Hc}from"lucide-react";import{jsx as s,jsxs as v,Fragment as Me}from"react/jsx-runtime";import{flushSync as Oc}from"react-dom";var Dc=Array.from({length:16},(e,t)=>{let n=2.75+t*5;return`M${n} 0L${n-40} 40`}).join(" "),$n="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 Wc(){let e=[],t=0,n=0;for(let[,M,S]of $n.matchAll(/([A-Z])([^A-Z]*)/g)){let T=(S.match(/-?\d*\.?\d+/g)??[]).map(Number),N=t,H=n;if(M!=="Z")if(M==="H"?t=T[0]:M==="V"?n=T[0]:(t=T[T.length-2],n=T[T.length-1]),M==="C")for(let P=1;P<=24;P++){let L=P/24,j=1-L;e.push({x:j**3*N+3*j**2*L*T[0]+3*j*L**2*T[2]+L**3*t,y:j**3*H+3*j**2*L*T[1]+3*j*L**2*T[3]+L**3*n})}else e.push({x:t,y:n})}let r=24,o=e.findIndex(M=>M.y>=r),i=o;for(;i+1<e.length&&e[i+1].y>=r;)i++;let a=(M,S)=>({x:M.x+(S.x-M.x)*(r-M.y)/(S.y-M.y),y:r}),l=a(e[o-1],e[o]),d=a(e[i],e[i+1]),c=(l.x+d.x)/2,u=(l.x-d.x)/2,p=[l,...e.slice(o,i+1),d].map(M=>{let S=Math.asin(Math.max(-1,Math.min(1,(M.x-c)/u))),T=Math.cos(S);return{longitude:S,height:T>1e-5?(M.y-r)/T:0}}),h=[],f=[8,6.2,8.6,6.5,8],g=[0,1.4,.8,1.8,1.1,0],y=(M,S,T,N)=>{for(let H=0;H<=24;H++){let P=H/24,L=1-P;h.push({longitude:L**3*M[0]+3*L**2*P*S[0]+3*L*P**2*T[0]+P**3*N[0],height:L**3*M[1]+3*L**2*P*S[1]+3*L*P**2*T[1]+P**3*N[1]})}};for(let[M,S]of f.entries()){let T=Math.PI/2+M/f.length*Math.PI,N=T+Math.PI/f.length,H=(T+N)/2,P=.145,L=g[M],j=g[M+1];y([T,L],[H-P,L],[H-P,L+.7],[H-P,S-1.4]);for(let Z=0;Z<=32;Z++){let ae=Math.PI*(1-Z/32);h.push({longitude:H+P*Math.cos(ae),height:S-1.4+1.4*Math.sin(ae)})}y([H+P,S-1.4],[H+P,j+.7],[H+P,j],[N,j])}let C=[...p,...h],k=M=>`L${M.x} ${M.y}`,w=`M${e[0].x} ${e[0].y}`+e.slice(1,o).map(k).join("")+k(l),E=k(d)+e.slice(i+1).map(k).join("")+"Z";return M=>{let S=Math.atan2(Math.sin(M),Math.cos(M));if(Math.abs(S)<1e-9)return $n;let T=C.map(N=>({longitude:Math.atan2(Math.sin(N.longitude+S),Math.cos(N.longitude+S)),height:N.height})).filter(N=>Math.abs(N.longitude)<Math.PI/2).sort((N,H)=>H.longitude-N.longitude).map(N=>{let H=c+u*Math.sin(N.longitude),P=r+N.height*Math.cos(N.longitude);return`L${H} ${P}`}).join("");return w+T+E}}function xa({active:e,interactive:t=!1,hatched:n=!1,onSettlingChange:r,...o}){let i=$(null),a=$(null),l=$(null),d=Kn(),c=$(0),u=$(!1),p=$(null);return qe(()=>{e&&(a.current?.setAttribute("fill",o.fill??"currentColor"),a.current?.setAttribute("stroke","none"))},[e,o.fill]),qe(()=>{let h=i.current;if(!h)return;h.style.removeProperty("fill"),h.style.removeProperty("stroke");let f=window.matchMedia("(prefers-reduced-motion: reduce)"),g=0,y=null,C=0,k=!1,w=c.current,E=Math.ceil(w),M=!e&&E-w>1e-9,S=!1,T=0,N=null,H=h,P=H.style.cursor,L=H.style.touchAction,j=X=>{a.current?.setAttribute("d",X),l.current?.setAttribute("d",X)},Z=()=>{p.current??(p.current=Wc()),j(p.current(-c.current*Math.PI*2))},ae=()=>{k=!0,c.current=0,j($n),a.current?.removeAttribute("fill"),a.current?.removeAttribute("stroke"),r?.(!1)},pe=X=>{let xe=y===null?0:X-y;if(y=X,S){let A=Math.min(xe/1e3,.05),I=e?1/15:0,W=Math.exp(-1.8*A);c.current+=I*A+(T-I)*(1-W)/1.8,T=I+(T-I)*W,Math.abs(T-I)<.005&&(S=!1,w=c.current,E=Math.round(w),C=0)}else if(e)c.current+=xe/15e3;else{C+=xe;let A=Math.min(1,C/250);if(A===1){ae();return}let I=1-(1-A)**3;c.current=w+(E-w)*I}Z(),g=requestAnimationFrame(pe)},le=()=>{cancelAnimationFrame(g),y=null,!(N||k)&&(!e&&(f.matches||!u.current||document.hidden)?ae():f.matches?(c.current=0,j($n)):u.current&&!document.hidden&&(g=requestAnimationFrame(pe)))},J=X=>{N||!X.isPrimary||X.button!==0||(H.setPointerCapture(X.pointerId),N={id:X.pointerId,startX:X.clientX,x:X.clientX,time:X.timeStamp,moved:!1},T=0,cancelAnimationFrame(g),H.style.cursor="grabbing")},ye=X=>{if(!N||N.id!==X.pointerId||!N.moved&&Math.abs(X.clientX-N.startX)<3)return;N.moved=!0;let xe=-(X.clientX-N.x)/160,A=Math.max((X.timeStamp-N.time)/1e3,.001),I=24/(Math.PI*2);T+=(Math.max(-I,Math.min(I,xe/A))-T)*(1-Math.exp(-A/.035)),c.current+=xe,N.x=X.clientX,N.time=X.timeStamp,Z()},G=X=>{!N||N.id!==X.pointerId||(N.moved&&(T*=Math.exp(-Math.max(0,X.timeStamp-N.time-40)/60),S=X.type==="pointerup"&&!f.matches,k=!1,w=c.current,E=Math.round(w),C=0),N=null,H.style.cursor="grab",H.hasPointerCapture(X.pointerId)&&H.releasePointerCapture(X.pointerId),le())};if(!e&&!M&&(ae(),!t))return;let be=X=>{for(let[xe,A]of Object.entries({pointerdown:J,pointermove:ye,pointerup:G,pointercancel:G,lostpointercapture:G}))H[X](xe,A)};t&&(H.style.cursor="grab",H.style.touchAction="pan-y",be("addEventListener")),r?.(M);let Ee=new IntersectionObserver(([X])=>{u.current=X?.isIntersecting??!1,le()});return Ee.observe(h),f.addEventListener("change",le),document.addEventListener("visibilitychange",le),le(),()=>{cancelAnimationFrame(g),Ee.disconnect(),t&&(be("removeEventListener"),H.style.cursor=P,H.style.touchAction=L,N&&H.hasPointerCapture(N.id)&&H.releasePointerCapture(N.id)),f.removeEventListener("change",le),document.removeEventListener("visibilitychange",le)}},[e,t,r]),v("svg",{...o,ref:i,children:[n&&v(Me,{children:[s("defs",{children:v("mask",{id:d,x:"0",y:"0",width:"40",height:"40",maskUnits:"userSpaceOnUse",style:{maskType:"luminance"},children:[s("rect",{width:"40",height:"40",fill:"white"}),s("path",{ref:l,d:$n,fill:"black",stroke:"black",strokeWidth:"5",strokeLinejoin:"round"})]})}),s("path",{d:Dc,fill:"none",stroke:"currentColor",strokeWidth:"0.65",mask:`url(#${d})`})]}),s("path",{ref:a,d:$n})]})}function jc(){return s("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:s("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 _c({position:e}){let t=e.endsWith("-left"),n=e.endsWith("-center"),r=e.startsWith("top-")?4:10;return s("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:v("g",{transform:t?"translate(14 0) scale(-1 1)":void 0,children:[s("rect",{x:"1.5",y:"1.5",width:"11",height:"11",rx:"2.5",stroke:"currentColor",strokeWidth:"1"}),s("circle",{cx:n?7:10,cy:r,r:"1.5",fill:"currentColor"})]})})}function wa(e){return e.charAt(0).toUpperCase()+e.slice(1)}function fn(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 Ca({theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:r,onSnapPositionChange:o,onHistory:i,onSettings:a,active:l,workspace:d,connection:c,connectionDetails:u,style:p}){let h=Ie[e],f=yd(t),[g,y]=R(!1),[C,k]=R(!1);return v("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&&s("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:s(ma,{size:16,"aria-hidden":"true"})}),a&&s("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:s(ga,{size:16,"aria-hidden":"true"})}),s(xa,{interactive:!0,active:l,"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}}),v("div",{style:{display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",gap:8},children:[v("div",{style:{display:"flex",alignItems:"center",gap:4},children:[s(jc,{}),v("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:[s("span",{children:"\u2318"}),s("span",{children:"\u2318"})]})]}),s("p",{style:{margin:0,color:h.secondary},children:"A tiny, powerful design layer for humans and AI."}),v("p",{style:{margin:0,color:h.secondary},children:[s("span",{style:{fontWeight:500},children:"Questions, ideas, or issues?"})," ",s("a",{href:"mailto:reb@popmelt.com",style:{color:"inherit",fontWeight:"inherit",textDecoration:"underline",textUnderlineOffset:"3px"},children:"Email"})," or ",s("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,v("div",{style:{display:"flex",width:"100%",alignItems:"flex-start",gap:8,fontSize:12},children:[c,v("button",{type:"button",disabled:!o,"aria-label":`Toolbar position: ${wa(r)}. Move to ${r==="bottom-right"?"bottom-left":"bottom-right"}.`,onClick:()=>o?.(r==="bottom-right"?"bottom-left":"bottom-right"),onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),style:{...fn(h,g),cursor:o?"pointer":"default",flexShrink:0,whiteSpace:"nowrap"},children:[s(_c,{position:r}),s("span",{children:wa(r)})]}),v("button",{type:"button",disabled:!n,"aria-label":`Theme mode: ${t}. Click to switch to ${f}`,title:`Theme: ${t}. Switch to ${f}`,"data-popmelt-theme-control":t,onClick:()=>n?.(f),onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),style:{...fn(h,C),flexShrink:0,whiteSpace:"nowrap"},children:[t==="dark"?s(nc,{size:14,strokeWidth:1.5}):t==="auto"?s(rc,{size:14,strokeWidth:1.5}):s(oc,{size:14,strokeWidth:1.5}),s("span",{children:t==="auto"?"Auto":t==="dark"?"Dark":"Light"})]})]}),u]})}function Bc(){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,l,d){let c=window.location.pathname;t.call(window.history,a,l,d),r(c)},i=function(a,l,d){let c=window.location.pathname;n.call(window.history,a,l,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 Fc(){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 Vc(e){return Bc(),window.addEventListener("popstate",e),window.addEventListener("popmelt:locationchange",e),()=>{window.removeEventListener("popstate",e),window.removeEventListener("popmelt:locationchange",e),Fc()}}function Qc(){return window.location.pathname}function ka(){return la(Vc,Qc,()=>"/")}var Sa=28;function Zc({theme:e,project:t,model:n,bridgeUrl:r,host:o,hostSetup:i,onClose:a,onBrowseCollection:l,onPrefetchCollection:d,onInvalidateCollection:c,cachedSnapshot:u,onSnapshotChange:p,style:h}){let f=Ie[e],g=e==="light"?f.primary:f.hoverForeground,[y,C]=R(o&&r?u?.connection??null:null),[k,w]=R(o&&r?u?.taste??null:null),[E,M]=R(!1),[S,T]=R(null),[N,H]=R(!1),[P,L]=R(0),[j,Z]=R(null),ae=$(void 0),pe=()=>clearTimeout(ae.current);F(()=>()=>clearTimeout(ae.current),[]);let le=$(c);le.current=c;let J=$(u);J.current=u;let ye=$(p);ye.current=p;let G=$(void 0),be=$(void 0);F(()=>{if(!y)return;let I=y.state==="signed_in"?y.accountId:void 0;(y.state!=="signed_in"||G.current&&(G.current!==I||be.current!==y.environment))&&(clearTimeout(ae.current),le.current?.()),G.current=I,be.current=y.environment},[y]);let Ee={onMouseEnter:()=>{pe(),ae.current=setTimeout(()=>d?.(),100)},onMouseLeave:pe,onFocus:()=>{pe(),d?.()}};F(()=>{let I=!0,W=new AbortController,_,O=o&&r?J.current:null;if(G.current=O?.connection.accountId,be.current=O?.connection.environment,C(O?.connection??null),w(O?.taste??null),M(!1),T(null),!o||!r)return;async function ee(){try{let we=await Ln(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(!we.ok)throw Error("Connection unavailable. Retry after checking the local bridge or secure storage.");let te=await we.json();if(!I)return;if(T(te.error?"Sign-in did not complete. Please try again.":null),te.state==="signed_in"){G.current&&(G.current!==te.accountId||be.current!==te.environment)&&(C(te),w(null),M(!1),ye.current?.(null));let Je=await Ln(`${r}/cloud-taste/direction`,{signal:W.signal,cache:"no-store"});if(!Je.ok)throw Error("Could not read taste. Reconnect if access has expired.");let q=await Je.json(),He=te;if(te.profile===void 0){let Le=await Ln(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(Le.ok){let me=await Le.json();if(me.state!=="signed_in"||me.accountId!==te.accountId||me.environment!==te.environment)throw Error("Connection changed while reading taste. Reopen Settings to verify it.");He=me}}if(!I)return;let re=q.direction?.name??null;C(He),w(re),M(!0),G.current=He.accountId,be.current=He.environment,ye.current?.(He.accountId?{connection:He,taste:re,generation:typeof q.generation=="number"&&Number.isFinite(q.generation)?q.generation:0}:null)}else C(te),w(null),M(!0),G.current=void 0,ye.current?.(null);I&&(_=setTimeout(ee,te.pending?1e3:15e3))}catch(we){I&&(C(null),w(null),M(!1),ye.current?.(null),T(we instanceof Error?we.message:"Connection unavailable."))}}return ee(),()=>{I=!1,W.abort(),clearTimeout(_)}},[r,o,P]);async function X(I){if(!o||!r||N)return;pe(),c?.();let W=I==="sign-in"?window.open("about:blank","_blank"):null;if(I==="sign-in"&&!W){T("Allow popups, then try sign-in again.");return}W&&(W.opener=null),H(!0),M(!1),C(null),T(null),w(null),ye.current?.(null);try{let _=await Ln(`${r}/cloud-taste/${I}`,{method:"POST",headers:{"Content-Type":"application/json"},body:"{}"});if(!_.ok)throw Error("Could not update the connection. Check secure storage and try again.");let O=await _.json();if(I==="sign-in"){let ee=Md(O.authorizationUrl);if(!W)throw Error("Allow popups, then cancel and retry sign-in.");W.location.replace(ee.href)}L(ee=>ee+1)}catch(_){W?.close(),L(O=>O+1),T(_ instanceof Error?_.message:"Connection unavailable.")}finally{H(!1)}}let xe={display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,minHeight:28,width:"100%"},A={display:"inline-flex",alignItems:"center",gap:4,padding:"4px 10px 4px 8px",border:0,borderRadius:8,background:"transparent",color:g,font:"inherit",fontWeight:500,minWidth:0};return v("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 ${f.border}`,borderRadius:20,background:f.surface,color:f.secondary,backdropFilter:"blur(59.5px)",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",...h},children:[s("style",{children:`[data-popmelt-settings] button:not([data-model-picker] button):not(:disabled):hover { background-color: ${f.hoverSurface} !important; } [data-popmelt-settings] button:not([data-model-picker] button):disabled { cursor: default; opacity: .6; }
2
+ import{Z as St,va as Ie,xa as ho,x as Ln,K as Vi,t as sd,_ as dd,ta as Cr,sa as mo,ra as Yn,ha as Qi,ea as Zi,R as qi,Y as Ui,W as go,U as cd,V as ud,ca as pd,X as Ji,da as kr,P as Yi,Ca as Xi,Ea as Ki,na as fd,Ba as hd,u as md,I as gd,wa as yd,s as bd,T as vd,ua as xd,ka as wd,ja as Cd,ma as kd,Ga as Sd,b as Id,Ja as Md,a as Gi,c as yo,d as Td,g as ea,e as Ed,f as Ld,h as Ad}from"./chunk-EH5Y2F4E.mjs";import{d as bo,b as $d,a as ta}from"./chunk-NXMPY7RX.mjs";import{q as Nd,A as na,z as vo,C as ra,B as xo,E as oa,D as wo,j as Co,i as Wt,p as An,c as Xn,h as ko,g as ia,f as Rd,e as aa}from"./chunk-ZJPPZLXU.mjs";import{createContext as Sr,lazy as Pd,useSyncExternalStore as la,useState as R,useRef as $,useCallback as oe,useEffect as F,useMemo as ue,useContext as pn,useId as Kn,useLayoutEffect as qe,Suspense as zd,useReducer as sa,createElement as da,Component as Hd}from"react";import{createLucideIcon as Od,Search as ca,Bot as Dd,Brain as jd,Zap as Wd,Leaf as _d,ChevronDown as So,Fingerprint as ua,MessageCircle as Bd,Check as Gn,RefreshCw as Io,Trash2 as Fd,Image as Vd,Clock as pa,OctagonAlert as Qd,MessageCircleQuestionMark as Zd,TriangleAlert as qd,Reply as Ud,Link2 as Mo,X as fa,LockOpen as Jd,Lock as ha,LoaderCircle as er,UserPlus as Yd,History as ma,ChevronLeft as Xd,Settings as ga,LogOut as Kd,ArrowUpRight as Gd,Plus as ec,Folder as tc,Moon as nc,Monitor as rc,Sun as oc,Pause as ya,RotateCcw as ic,Copy as ac,Hand as lc,ALargeSmall as sc,Bold as dc,BetweenHorizontalStart as cc,BetweenVerticalEnd as uc,AlignLeft as ba,Palette as va,Move as pc,Scaling as fc,RotateCw as hc,CircleDashed as mc,Blend as gc,MoveHorizontal as yc,MoveVertical as bc,SlidersHorizontal as vc,AlignStartVertical as xc,AlignCenterVertical as wc,AlignEndVertical as Cc,StretchHorizontal as kc,AlignHorizontalJustifyStart as Sc,AlignHorizontalJustifyCenter as Ic,AlignHorizontalJustifyEnd as Mc,AlignHorizontalSpaceBetween as Tc,AlignHorizontalSpaceAround as Ec,AlignCenter as Lc,AlignRight as Ac,AlignJustify as $c,Signal as Nc,SignalZero as Rc,SignalLow as Pc,SignalMedium as zc,SignalHigh as Hc}from"lucide-react";import{jsx as s,jsxs as v,Fragment as Me}from"react/jsx-runtime";import{flushSync as Oc}from"react-dom";var Dc=Array.from({length:16},(e,t)=>{let n=2.75+t*5;return`M${n} 0L${n-40} 40`}).join(" "),$n="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 jc(){let e=[],t=0,n=0;for(let[,M,S]of $n.matchAll(/([A-Z])([^A-Z]*)/g)){let T=(S.match(/-?\d*\.?\d+/g)??[]).map(Number),N=t,H=n;if(M!=="Z")if(M==="H"?t=T[0]:M==="V"?n=T[0]:(t=T[T.length-2],n=T[T.length-1]),M==="C")for(let P=1;P<=24;P++){let L=P/24,W=1-L;e.push({x:W**3*N+3*W**2*L*T[0]+3*W*L**2*T[2]+L**3*t,y:W**3*H+3*W**2*L*T[1]+3*W*L**2*T[3]+L**3*n})}else e.push({x:t,y:n})}let r=24,o=e.findIndex(M=>M.y>=r),i=o;for(;i+1<e.length&&e[i+1].y>=r;)i++;let a=(M,S)=>({x:M.x+(S.x-M.x)*(r-M.y)/(S.y-M.y),y:r}),l=a(e[o-1],e[o]),d=a(e[i],e[i+1]),c=(l.x+d.x)/2,u=(l.x-d.x)/2,p=[l,...e.slice(o,i+1),d].map(M=>{let S=Math.asin(Math.max(-1,Math.min(1,(M.x-c)/u))),T=Math.cos(S);return{longitude:S,height:T>1e-5?(M.y-r)/T:0}}),h=[],f=[8,6.2,8.6,6.5,8],g=[0,1.4,.8,1.8,1.1,0],y=(M,S,T,N)=>{for(let H=0;H<=24;H++){let P=H/24,L=1-P;h.push({longitude:L**3*M[0]+3*L**2*P*S[0]+3*L*P**2*T[0]+P**3*N[0],height:L**3*M[1]+3*L**2*P*S[1]+3*L*P**2*T[1]+P**3*N[1]})}};for(let[M,S]of f.entries()){let T=Math.PI/2+M/f.length*Math.PI,N=T+Math.PI/f.length,H=(T+N)/2,P=.145,L=g[M],W=g[M+1];y([T,L],[H-P,L],[H-P,L+.7],[H-P,S-1.4]);for(let Z=0;Z<=32;Z++){let ae=Math.PI*(1-Z/32);h.push({longitude:H+P*Math.cos(ae),height:S-1.4+1.4*Math.sin(ae)})}y([H+P,S-1.4],[H+P,W+.7],[H+P,W],[N,W])}let C=[...p,...h],k=M=>`L${M.x} ${M.y}`,w=`M${e[0].x} ${e[0].y}`+e.slice(1,o).map(k).join("")+k(l),E=k(d)+e.slice(i+1).map(k).join("")+"Z";return M=>{let S=Math.atan2(Math.sin(M),Math.cos(M));if(Math.abs(S)<1e-9)return $n;let T=C.map(N=>({longitude:Math.atan2(Math.sin(N.longitude+S),Math.cos(N.longitude+S)),height:N.height})).filter(N=>Math.abs(N.longitude)<Math.PI/2).sort((N,H)=>H.longitude-N.longitude).map(N=>{let H=c+u*Math.sin(N.longitude),P=r+N.height*Math.cos(N.longitude);return`L${H} ${P}`}).join("");return w+T+E}}function xa({active:e,interactive:t=!1,hatched:n=!1,onSettlingChange:r,...o}){let i=$(null),a=$(null),l=$(null),d=Kn(),c=$(0),u=$(!1),p=$(null);return qe(()=>{e&&(a.current?.setAttribute("fill",o.fill??"currentColor"),a.current?.setAttribute("stroke","none"))},[e,o.fill]),qe(()=>{let h=i.current;if(!h)return;h.style.removeProperty("fill"),h.style.removeProperty("stroke");let f=window.matchMedia("(prefers-reduced-motion: reduce)"),g=0,y=null,C=0,k=!1,w=c.current,E=Math.ceil(w),M=!e&&E-w>1e-9,S=!1,T=0,N=null,H=h,P=H.style.cursor,L=H.style.touchAction,W=X=>{a.current?.setAttribute("d",X),l.current?.setAttribute("d",X)},Z=()=>{p.current??(p.current=jc()),W(p.current(-c.current*Math.PI*2))},ae=()=>{k=!0,c.current=0,W($n),a.current?.removeAttribute("fill"),a.current?.removeAttribute("stroke"),r?.(!1)},pe=X=>{let xe=y===null?0:X-y;if(y=X,S){let A=Math.min(xe/1e3,.05),I=e?1/15:0,j=Math.exp(-1.8*A);c.current+=I*A+(T-I)*(1-j)/1.8,T=I+(T-I)*j,Math.abs(T-I)<.005&&(S=!1,w=c.current,E=Math.round(w),C=0)}else if(e)c.current+=xe/15e3;else{C+=xe;let A=Math.min(1,C/250);if(A===1){ae();return}let I=1-(1-A)**3;c.current=w+(E-w)*I}Z(),g=requestAnimationFrame(pe)},le=()=>{cancelAnimationFrame(g),y=null,!(N||k)&&(!e&&(f.matches||!u.current||document.hidden)?ae():f.matches?(c.current=0,W($n)):u.current&&!document.hidden&&(g=requestAnimationFrame(pe)))},J=X=>{N||!X.isPrimary||X.button!==0||(H.setPointerCapture(X.pointerId),N={id:X.pointerId,startX:X.clientX,x:X.clientX,time:X.timeStamp,moved:!1},T=0,cancelAnimationFrame(g),H.style.cursor="grabbing")},ye=X=>{if(!N||N.id!==X.pointerId||!N.moved&&Math.abs(X.clientX-N.startX)<3)return;N.moved=!0;let xe=-(X.clientX-N.x)/160,A=Math.max((X.timeStamp-N.time)/1e3,.001),I=24/(Math.PI*2);T+=(Math.max(-I,Math.min(I,xe/A))-T)*(1-Math.exp(-A/.035)),c.current+=xe,N.x=X.clientX,N.time=X.timeStamp,Z()},G=X=>{!N||N.id!==X.pointerId||(N.moved&&(T*=Math.exp(-Math.max(0,X.timeStamp-N.time-40)/60),S=X.type==="pointerup"&&!f.matches,k=!1,w=c.current,E=Math.round(w),C=0),N=null,H.style.cursor="grab",H.hasPointerCapture(X.pointerId)&&H.releasePointerCapture(X.pointerId),le())};if(!e&&!M&&(ae(),!t))return;let be=X=>{for(let[xe,A]of Object.entries({pointerdown:J,pointermove:ye,pointerup:G,pointercancel:G,lostpointercapture:G}))H[X](xe,A)};t&&(H.style.cursor="grab",H.style.touchAction="pan-y",be("addEventListener")),r?.(M);let Ee=new IntersectionObserver(([X])=>{u.current=X?.isIntersecting??!1,le()});return Ee.observe(h),f.addEventListener("change",le),document.addEventListener("visibilitychange",le),le(),()=>{cancelAnimationFrame(g),Ee.disconnect(),t&&(be("removeEventListener"),H.style.cursor=P,H.style.touchAction=L,N&&H.hasPointerCapture(N.id)&&H.releasePointerCapture(N.id)),f.removeEventListener("change",le),document.removeEventListener("visibilitychange",le)}},[e,t,r]),v("svg",{...o,ref:i,children:[n&&v(Me,{children:[s("defs",{children:v("mask",{id:d,x:"0",y:"0",width:"40",height:"40",maskUnits:"userSpaceOnUse",style:{maskType:"luminance"},children:[s("rect",{width:"40",height:"40",fill:"white"}),s("path",{ref:l,d:$n,fill:"black",stroke:"black",strokeWidth:"5",strokeLinejoin:"round"})]})}),s("path",{d:Dc,fill:"none",stroke:"currentColor",strokeWidth:"0.65",mask:`url(#${d})`})]}),s("path",{ref:a,d:$n})]})}function Wc(){return s("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:s("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 _c({position:e}){let t=e.endsWith("-left"),n=e.endsWith("-center"),r=e.startsWith("top-")?4:10;return s("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:v("g",{transform:t?"translate(14 0) scale(-1 1)":void 0,children:[s("rect",{x:"1.5",y:"1.5",width:"11",height:"11",rx:"2.5",stroke:"currentColor",strokeWidth:"1"}),s("circle",{cx:n?7:10,cy:r,r:"1.5",fill:"currentColor"})]})})}function wa(e){return e.charAt(0).toUpperCase()+e.slice(1)}function fn(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 Ca({theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:r,onSnapPositionChange:o,onHistory:i,onSettings:a,active:l,workspace:d,connection:c,connectionDetails:u,style:p}){let h=Ie[e],f=yd(t),[g,y]=R(!1),[C,k]=R(!1);return v("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&&s("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:s(ma,{size:16,"aria-hidden":"true"})}),a&&s("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:s(ga,{size:16,"aria-hidden":"true"})}),s(xa,{interactive:!0,active:l,"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}}),v("div",{style:{display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",gap:8},children:[v("div",{style:{display:"flex",alignItems:"center",gap:4},children:[s(Wc,{}),v("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:[s("span",{children:"\u2318"}),s("span",{children:"\u2318"})]})]}),s("p",{style:{margin:0,color:h.secondary},children:"A tiny, powerful design layer for humans and AI."}),v("p",{style:{margin:0,color:h.secondary},children:[s("span",{style:{fontWeight:500},children:"Questions, ideas, or issues?"})," ",s("a",{href:"mailto:reb@popmelt.com",style:{color:"inherit",fontWeight:"inherit",textDecoration:"underline",textUnderlineOffset:"3px"},children:"Email"})," or ",s("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,v("div",{style:{display:"flex",width:"100%",alignItems:"flex-start",gap:8,fontSize:12},children:[c,v("button",{type:"button",disabled:!o,"aria-label":`Toolbar position: ${wa(r)}. Move to ${r==="bottom-right"?"bottom-left":"bottom-right"}.`,onClick:()=>o?.(r==="bottom-right"?"bottom-left":"bottom-right"),onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),style:{...fn(h,g),cursor:o?"pointer":"default",flexShrink:0,whiteSpace:"nowrap"},children:[s(_c,{position:r}),s("span",{children:wa(r)})]}),v("button",{type:"button",disabled:!n,"aria-label":`Theme mode: ${t}. Click to switch to ${f}`,title:`Theme: ${t}. Switch to ${f}`,"data-popmelt-theme-control":t,onClick:()=>n?.(f),onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),style:{...fn(h,C),flexShrink:0,whiteSpace:"nowrap"},children:[t==="dark"?s(nc,{size:14,strokeWidth:1.5}):t==="auto"?s(rc,{size:14,strokeWidth:1.5}):s(oc,{size:14,strokeWidth:1.5}),s("span",{children:t==="auto"?"Auto":t==="dark"?"Dark":"Light"})]})]}),u]})}function Bc(){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,l,d){let c=window.location.pathname;t.call(window.history,a,l,d),r(c)},i=function(a,l,d){let c=window.location.pathname;n.call(window.history,a,l,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 Fc(){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 Vc(e){return Bc(),window.addEventListener("popstate",e),window.addEventListener("popmelt:locationchange",e),()=>{window.removeEventListener("popstate",e),window.removeEventListener("popmelt:locationchange",e),Fc()}}function Qc(){return window.location.pathname}function ka(){return la(Vc,Qc,()=>"/")}var Sa=28;function Zc({theme:e,project:t,model:n,bridgeUrl:r,host:o,hostSetup:i,onClose:a,onBrowseCollection:l,onPrefetchCollection:d,onInvalidateCollection:c,cachedSnapshot:u,onSnapshotChange:p,style:h}){let f=Ie[e],g=e==="light"?f.primary:f.hoverForeground,[y,C]=R(o&&r?u?.connection??null:null),[k,w]=R(o&&r?u?.taste??null:null),[E,M]=R(!1),[S,T]=R(null),[N,H]=R(!1),[P,L]=R(0),[W,Z]=R(null),ae=$(void 0),pe=()=>clearTimeout(ae.current);F(()=>()=>clearTimeout(ae.current),[]);let le=$(c);le.current=c;let J=$(u);J.current=u;let ye=$(p);ye.current=p;let G=$(void 0),be=$(void 0);F(()=>{if(!y)return;let I=y.state==="signed_in"?y.accountId:void 0;(y.state!=="signed_in"||G.current&&(G.current!==I||be.current!==y.environment))&&(clearTimeout(ae.current),le.current?.()),G.current=I,be.current=y.environment},[y]);let Ee={onMouseEnter:()=>{pe(),ae.current=setTimeout(()=>d?.(),100)},onMouseLeave:pe,onFocus:()=>{pe(),d?.()}};F(()=>{let I=!0,j=new AbortController,_,O=o&&r?J.current:null;if(G.current=O?.connection.accountId,be.current=O?.connection.environment,C(O?.connection??null),w(O?.taste??null),M(!1),T(null),!o||!r)return;async function ee(){try{let we=await Ln(`${r}/cloud-taste/status`,{signal:j.signal,cache:"no-store"});if(!we.ok)throw Error("Connection unavailable. Retry after checking the local bridge or secure storage.");let te=await we.json();if(!I)return;if(T(te.error?"Sign-in did not complete. Please try again.":null),te.state==="signed_in"){G.current&&(G.current!==te.accountId||be.current!==te.environment)&&(C(te),w(null),M(!1),ye.current?.(null));let Je=await Ln(`${r}/cloud-taste/direction`,{signal:j.signal,cache:"no-store"});if(!Je.ok)throw Error("Could not read taste. Reconnect if access has expired.");let q=await Je.json(),He=te;if(te.profile===void 0){let Le=await Ln(`${r}/cloud-taste/status`,{signal:j.signal,cache:"no-store"});if(Le.ok){let me=await Le.json();if(me.state!=="signed_in"||me.accountId!==te.accountId||me.environment!==te.environment)throw Error("Connection changed while reading taste. Reopen Settings to verify it.");He=me}}if(!I)return;let re=q.direction?.name??null;C(He),w(re),M(!0),G.current=He.accountId,be.current=He.environment,ye.current?.(He.accountId?{connection:He,taste:re,generation:typeof q.generation=="number"&&Number.isFinite(q.generation)?q.generation:0}:null)}else C(te),w(null),M(!0),G.current=void 0,ye.current?.(null);I&&(_=setTimeout(ee,te.pending?1e3:15e3))}catch(we){I&&(C(null),w(null),M(!1),ye.current?.(null),T(we instanceof Error?we.message:"Connection unavailable."))}}return ee(),()=>{I=!1,j.abort(),clearTimeout(_)}},[r,o,P]);async function X(I){if(!o||!r||N)return;pe(),c?.();let j=I==="sign-in"?window.open("about:blank","_blank"):null;if(I==="sign-in"&&!j){T("Allow popups, then try sign-in again.");return}j&&(j.opener=null),H(!0),M(!1),C(null),T(null),w(null),ye.current?.(null);try{let _=await Ln(`${r}/cloud-taste/${I}`,{method:"POST",headers:{"Content-Type":"application/json"},body:"{}"});if(!_.ok)throw Error("Could not update the connection. Check secure storage and try again.");let O=await _.json();if(I==="sign-in"){let ee=Md(O.authorizationUrl);if(!j)throw Error("Allow popups, then cancel and retry sign-in.");j.location.replace(ee.href)}L(ee=>ee+1)}catch(_){j?.close(),L(O=>O+1),T(_ instanceof Error?_.message:"Connection unavailable.")}finally{H(!1)}}let xe={display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,minHeight:28,width:"100%"},A={display:"inline-flex",alignItems:"center",gap:4,padding:"4px 10px 4px 8px",border:0,borderRadius:8,background:"transparent",color:g,font:"inherit",fontWeight:500,minWidth:0};return v("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 ${f.border}`,borderRadius:20,background:f.surface,color:f.secondary,backdropFilter:"blur(59.5px)",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",...h},children:[s("style",{children:`[data-popmelt-settings] button:not([data-model-picker] button):not(:disabled):hover { background-color: ${f.hoverSurface} !important; } [data-popmelt-settings] button:not([data-model-picker] button):disabled { cursor: default; opacity: .6; }
3
3
  [data-account-identity] { color: ${g}; transform: translateX(${Sa}px); transition: transform 160ms ease, background-color 120ms ease, color 120ms ease; }
4
4
  [data-popmelt-settings] [data-account-control] button[data-account-logout]:is(:disabled, :enabled) { opacity: 0; pointer-events: none; transition: opacity 120ms ease; }
5
5
  [data-account-avatar] { opacity: 1; transition: opacity 120ms ease; }
@@ -7,7 +7,7 @@ import{Z as St,va as Ie,xa as ho,x as Ln,K as Vi,t as sd,_ as dd,ta as Cr,sa as
7
7
  [data-account-control]:is(:hover, :focus-within) [data-account-identity] { transform: translateX(0); background: ${f.hoverSurface}; color: ${f.secondary}; }
8
8
  [data-popmelt-settings] [data-account-control]:is(:hover, :focus-within) button[data-account-logout]:enabled { opacity: 1; pointer-events: auto; }
9
9
  @media (prefers-reduced-motion: reduce) { [data-account-control] :is([data-account-logout], [data-account-identity], [data-account-avatar]) { transition: none !important; } }
10
- `}),v("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:f.primary,fontWeight:600},children:[s(Xd,{size:16}),s(ga,{size:16}),"Settings"]}),v("section",{style:{display:"flex",flexDirection:"column",gap:6},"aria-label":"Local settings",children:[s("span",{style:{color:f.hoverForeground,fontSize:12,fontWeight:500,marginBottom:2},children:"Local"}),v("div",{style:xe,children:[s("span",{children:"Project"}),s("div",{style:{minWidth:0,maxWidth:"65%"},children:t})]}),v("div",{style:xe,children:[s("span",{children:"Default model"}),n]})]}),v("section",{style:{display:"flex",flexDirection:"column",gap:6},"aria-label":"Popmelt.com settings",children:[v("span",{style:{color:f.hoverForeground,fontSize:12,fontWeight:500,marginBottom:2},children:["Popmelt.com"," ",y?.environment==="staging"&&s("span",{style:{color:f.muted},children:"(Staging)"})]}),o?v(Me,{children:[v("div",{style:xe,children:[s("span",{children:"Your account"}),y?.state==="signed_in"?v("span",{"data-account-control":!0,style:{position:"relative",display:"inline-flex",alignItems:"center",boxSizing:"border-box",paddingRight:Sa,maxWidth:"65%"},children:[v("span",{"data-account-identity":!0,style:{...A,color:void 0,paddingLeft:6,overflow:"hidden",flexShrink:1},children:[y.profile?.avatarUrl&&y.profile.avatarUrl!==j?s("img",{"data-account-avatar":!0,src:y.profile.avatarUrl,alt:"",width:16,height:16,referrerPolicy:"no-referrer",style:{borderRadius:"50%",objectFit:"cover",flexShrink:0},onError:()=>Z(y.profile?.avatarUrl??null)}):null,s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:y.profile?.name||"Your account"})]}),s("button",{type:"button","data-account-logout":!0,"aria-label":`Sign out ${y.profile?.name||"of Popmelt"}`,title:"Disconnect your account and the active taste model.",disabled:N||!E,onClick:()=>{X("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:f.primary,cursor:"pointer"},children:s(Kd,{size:14})})]}):y?.pending?s("button",{type:"button",style:{...A,cursor:"pointer"},disabled:N||!E,onClick:()=>{X("disconnect")},children:"Cancel sign-in"}):v("button",{type:"button",style:{...A,cursor:"pointer"},disabled:N||!E||!r||y?.state==="unavailable",onClick:()=>{X("sign-in")},children:["Sign in ",s(Gd,{size:14})]})]}),y?.state==="signed_in"&&v("div",{style:xe,children:[s("span",{children:"Taste"}),k?s("button",{type:"button","data-active-taste-badge":!0,...Ee,onClick:l,disabled:!l||!E,style:{...A,paddingLeft:6,cursor:"pointer"},children:v(Me,{children:[s(ha,{size:14,style:{flexShrink:0}}),s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:k})]})}):v("button",{type:"button",disabled:!l,onClick:l,...Ee,style:{...A,paddingLeft:6,gap:3,color:e==="light"?g:f.secondary,background:f.hoverSurface,cursor:l?"pointer":"default"},children:[s(ec,{size:14,"aria-hidden":"true"})," Browse collection"]})]}),y?.state==="unavailable"&&s("span",{style:{fontSize:12},children:"Cloud taste is not enabled on this bridge."})]}):i??s("span",{children:"Cloud taste is private to the host."})]}),S&&v("div",{role:"status",style:{fontSize:12},children:[S," ",s("button",{type:"button",style:{...A,cursor:"pointer"},onClick:()=>L(I=>I+1),children:"Retry"})]})]})}var Ir=new Map;function Ia(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 qc(e,t,n=fetch){let r=Ia(e),o=`popmelt.cloud-host.v1:${t}:${r.port||"80"}`,i=Ir.get(o);if(i)return i;let a=(async()=>{let l=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=Ia(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(l=(await h.json()).token,typeof l!="string"||!/^[A-Za-z0-9_-]{43}$/.test(l))throw new Error("Invalid local host response.");sessionStorage.setItem(o,l)}if(!l)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":l}});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 l})();return Ir.set(o,a),a.finally(()=>{Ir.get(o)===a&&Ir.delete(o)}).catch(()=>{}),a}function Uc(e,t,n){let r=`${e}
10
+ `}),v("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:f.primary,fontWeight:600},children:[s(Xd,{size:16}),s(ga,{size:16}),"Settings"]}),v("section",{style:{display:"flex",flexDirection:"column",gap:6},"aria-label":"Local settings",children:[s("span",{style:{color:f.hoverForeground,fontSize:12,fontWeight:500,marginBottom:2},children:"Local"}),v("div",{style:xe,children:[s("span",{children:"Project"}),s("div",{style:{minWidth:0,maxWidth:"65%"},children:t})]}),v("div",{style:xe,children:[s("span",{children:"Default model"}),n]})]}),v("section",{style:{display:"flex",flexDirection:"column",gap:6},"aria-label":"Popmelt.com settings",children:[v("span",{style:{color:f.hoverForeground,fontSize:12,fontWeight:500,marginBottom:2},children:["Popmelt.com"," ",y?.environment==="staging"&&s("span",{style:{color:f.muted},children:"(Staging)"})]}),o?v(Me,{children:[v("div",{style:xe,children:[s("span",{children:"Your account"}),y?.state==="signed_in"?v("span",{"data-account-control":!0,style:{position:"relative",display:"inline-flex",alignItems:"center",boxSizing:"border-box",paddingRight:Sa,maxWidth:"65%"},children:[v("span",{"data-account-identity":!0,style:{...A,color:void 0,paddingLeft:6,overflow:"hidden",flexShrink:1},children:[y.profile?.avatarUrl&&y.profile.avatarUrl!==W?s("img",{"data-account-avatar":!0,src:y.profile.avatarUrl,alt:"",width:16,height:16,referrerPolicy:"no-referrer",style:{borderRadius:"50%",objectFit:"cover",flexShrink:0},onError:()=>Z(y.profile?.avatarUrl??null)}):null,s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:y.profile?.name||"Your account"})]}),s("button",{type:"button","data-account-logout":!0,"aria-label":`Sign out ${y.profile?.name||"of Popmelt"}`,title:"Disconnect your account and the active taste model.",disabled:N||!E,onClick:()=>{X("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:f.primary,cursor:"pointer"},children:s(Kd,{size:14})})]}):y?.pending?s("button",{type:"button",style:{...A,cursor:"pointer"},disabled:N||!E,onClick:()=>{X("disconnect")},children:"Cancel sign-in"}):v("button",{type:"button",style:{...A,cursor:"pointer"},disabled:N||!E||!r||y?.state==="unavailable",onClick:()=>{X("sign-in")},children:["Sign in ",s(Gd,{size:14})]})]}),y?.state==="signed_in"&&v("div",{style:xe,children:[s("span",{children:"Taste"}),k?s("button",{type:"button","data-active-taste-badge":!0,...Ee,onClick:l,disabled:!l||!E,style:{...A,paddingLeft:6,cursor:"pointer"},children:v(Me,{children:[s(ha,{size:14,style:{flexShrink:0}}),s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:k})]})}):v("button",{type:"button",disabled:!l,onClick:l,...Ee,style:{...A,paddingLeft:6,gap:3,color:e==="light"?g:f.secondary,background:f.hoverSurface,cursor:l?"pointer":"default"},children:[s(ec,{size:14,"aria-hidden":"true"})," Browse collection"]})]}),y?.state==="unavailable"&&s("span",{style:{fontSize:12},children:"Cloud taste is not enabled on this bridge."})]}):i??s("span",{children:"Cloud taste is private to the host."})]}),S&&v("div",{role:"status",style:{fontSize:12},children:[S," ",s("button",{type:"button",style:{...A,cursor:"pointer"},onClick:()=>L(I=>I+1),children:"Retry"})]})]})}var Ir=new Map;function Ia(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 qc(e,t,n=fetch){let r=Ia(e),o=`popmelt.cloud-host.v1:${t}:${r.port||"80"}`,i=Ir.get(o);if(i)return i;let a=(async()=>{let l=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=Ia(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(l=(await h.json()).token,typeof l!="string"||!/^[A-Za-z0-9_-]{43}$/.test(l))throw new Error("Invalid local host response.");sessionStorage.setItem(o,l)}if(!l)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":l}});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 l})();return Ir.set(o,a),a.finally(()=>{Ir.get(o)===a&&Ir.delete(o)}).catch(()=>{}),a}function Uc(e,t,n){let r=`${e}
11
11
  ${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"",key:r}),!n||!e||!t)return;let a=!0,l;return qc(e,t).then(d=>{!a||!d||(l=md(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,l?.()}},[e,t,n,r]),n&&o.key===r?o:{linked:!1,error:""}}function Jc({detail:e,retryLabel:t,retry:n,fixPrompt:r,theme:o}){let i=Ie[o],[a,l]=R(!1),d=$(!1),c=$(!0),[u,p]=R(""),[h,f]=R(!1);F(()=>(c.current=!0,()=>{c.current=!1}),[]),F(()=>{if(!h)return;let y=setTimeout(()=>f(!1),2e3);return()=>clearTimeout(y)},[h]);let g=async()=>{if(!d.current){d.current=!0,l(!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&&l(!1)}}};return v("div",{"data-popmelt-session-recovery":!0,style:{width:"100%",borderTop:`1px solid ${i.border}`,paddingTop:12,fontSize:12,color:i.mutedStrong},children:[s("p",{style:{margin:"0 0 10px",lineHeight:1.5},children:e}),s("style",{children:`
12
12
  [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; }
13
13
  [data-popmelt-session-recovery] button:disabled { opacity: .6; cursor: default; }
@@ -15,12 +15,12 @@ ${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"
15
15
  @keyframes popmelt-session-recovery-spin { to { transform: rotate(360deg); } }
16
16
  [data-popmelt-session-recovery] .lucide-loader-circle { animation: popmelt-session-recovery-spin .8s linear infinite; }
17
17
  @media (prefers-reduced-motion: reduce) { [data-popmelt-session-recovery] .lucide-loader-circle { animation: none; } }
18
- `}),v("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:[v("button",{type:"button",disabled:a,onClick:()=>{g()},children:[a?s(er,{size:14,"aria-hidden":"true"}):s(ic,{size:14,"aria-hidden":"true"}),a?"Checking\u2026":t]}),v("button",{type:"button",disabled:h,onClick:async()=>{try{await navigator.clipboard.writeText(r),c.current&&(f(!0),p(""))}catch{c.current&&p("Couldn\u2019t copy the fix prompt \u2014 try again")}},children:[h?s(Gn,{size:14,"aria-hidden":"true"}):s(ac,{size:14,"aria-hidden":"true"}),h?"Copied":"Prompt to fix"]})]}),s("span",{role:"status",style:{display:"block",marginTop:u?8:0},children:u})]})}function Yc({theme:e,label:t,reconnecting:n,retry:r,restart:o,clearLocalSpace:i,retryLabel:a="Reconnect",pendingLabel:l="Reconnecting",failedLabel:d="Connection failed",hint:c="Reconnect without reloading the page or clearing your draft"}){let[u,p]=R(!1),[h,f]=R(!1),[g,y]=R(!1),[C,k]=R(l),[w,E]=R(!1),[M]=R(()=>Array.from(new Set([t,a,l,d,...i?["Clear space","Clearing"]:[],...o?["Restart server","Restarting server"]:[]]))),S=$(!1),T=$(!0);F(()=>(T.current=!0,()=>{T.current=!1}),[]);let N=w&&!!i,H=w&&!N&&!!o,P=N?"Clear space":H?"Restart server":a,L=(u||h)&&!g,j=g?C:L?P:w?d:t,Z=N?"Clear this participant\u2019s local recovery data and unsynced changes; keep identity and server-saved work":H?"Reconnect failed. Restart the session server and reconnect; this may briefly disconnect other peers":w?"Try reconnecting again. If it keeps failing, ask the host to check the server":c,ae=async()=>{if(!S.current){S.current=!0,k(N?"Clearing":H?"Restarting server":l),y(!0);try{N?await i?.():(H&&await o?.(),await r()),T.current&&E(!1)}catch{T.current&&E(!0)}finally{S.current=!1,T.current&&y(!1)}}};return v("span",{style:{display:"inline-flex",flexDirection:"column",alignItems:"flex-start",gap:6,minWidth:0,maxWidth:"100%"},children:[s("style",{children:`
18
+ `}),v("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:[v("button",{type:"button",disabled:a,onClick:()=>{g()},children:[a?s(er,{size:14,"aria-hidden":"true"}):s(ic,{size:14,"aria-hidden":"true"}),a?"Checking\u2026":t]}),v("button",{type:"button",disabled:h,onClick:async()=>{try{await navigator.clipboard.writeText(r),c.current&&(f(!0),p(""))}catch{c.current&&p("Couldn\u2019t copy the fix prompt \u2014 try again")}},children:[h?s(Gn,{size:14,"aria-hidden":"true"}):s(ac,{size:14,"aria-hidden":"true"}),h?"Copied":"Prompt to fix"]})]}),s("span",{role:"status",style:{display:"block",marginTop:u?8:0},children:u})]})}function Yc({theme:e,label:t,reconnecting:n,retry:r,restart:o,clearLocalSpace:i,retryLabel:a="Reconnect",pendingLabel:l="Reconnecting",failedLabel:d="Connection failed",hint:c="Reconnect without reloading the page or clearing your draft"}){let[u,p]=R(!1),[h,f]=R(!1),[g,y]=R(!1),[C,k]=R(l),[w,E]=R(!1),[M]=R(()=>Array.from(new Set([t,a,l,d,...i?["Clear space","Clearing"]:[],...o?["Restart server","Restarting server"]:[]]))),S=$(!1),T=$(!0);F(()=>(T.current=!0,()=>{T.current=!1}),[]);let N=w&&!!i,H=w&&!N&&!!o,P=N?"Clear space":H?"Restart server":a,L=(u||h)&&!g,W=g?C:L?P:w?d:t,Z=N?"Clear this participant\u2019s local recovery data and unsynced changes; keep identity and server-saved work":H?"Reconnect failed. Restart the session server and reconnect; this may briefly disconnect other peers":w?"Try reconnecting again. If it keeps failing, ask the host to check the server":c,ae=async()=>{if(!S.current){S.current=!0,k(N?"Clearing":H?"Restarting server":l),y(!0);try{N?await i?.():(H&&await o?.(),await r()),T.current&&E(!1)}catch{T.current&&E(!0)}finally{S.current=!1,T.current&&y(!1)}}};return v("span",{style:{display:"inline-flex",flexDirection:"column",alignItems:"flex-start",gap:6,minWidth:0,maxWidth:"100%"},children:[s("style",{children:`
19
19
  @keyframes popmelt-connection-spin { to { transform: rotate(360deg); } }
20
20
  [data-popmelt-session-connection] .lucide-loader-circle { animation: popmelt-connection-spin .8s linear infinite; }
21
21
  [data-popmelt-session-connection] > svg { flex-shrink: 0; }
22
22
  @media (prefers-reduced-motion: reduce) { [data-popmelt-session-connection] .lucide-loader-circle { animation: none; } }
23
- `}),v("button",{"data-popmelt-session-connection":!0,type:"button",disabled:g,title:Z,"aria-label":`${j}. ${Z}`,"aria-busy":g,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onFocus:()=>f(!0),onBlur:()=>f(!1),onClick:()=>{ae()},style:{...fn(Ie[e],L),cursor:g?"default":"pointer",minWidth:0,maxWidth:"100%"},children:[g||n&&!L?s(er,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):L||w?s(Io,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):s(ya,{size:14,strokeWidth:1.5,"aria-hidden":"true"}),v("span",{style:{display:"inline-grid",textAlign:"left",whiteSpace:"nowrap",position:"relative",minWidth:0},children:[M.map(pe=>s("span",{"aria-hidden":"true",style:{gridArea:"1 / 1",visibility:"hidden",pointerEvents:"none",overflow:"hidden"},children:pe},pe)),s("span",{"data-popmelt-connection-label":!0,title:j,style:{position:"absolute",inset:0,overflow:"hidden",textOverflow:"ellipsis"},children:j})]})]})]})}function Nn(e){return e<=767}function hn(e){return Nn(e)?8:16}function xt(e){let t=hn(e);return e<=480?Math.max(0,e-t*2):Math.min(360,Math.max(0,e-t*2))}var mn=16,Ye=40,zt=8,Ma="popmelt-toolbar-snap-position";function gn(e){return e.startsWith("top-")}function Rn(e){return e.endsWith("-right")}function tr(e){return e.endsWith("-center")}function Ta(){try{let e=localStorage.getItem(Ma);if(e&&Xc(e))return e}catch{}return"bottom-right"}function Ea(e){try{localStorage.setItem(Ma,e)}catch{}}function Xc(e){return["bottom-right","bottom-center","bottom-left","top-right","top-center","top-left"].includes(e)}function Kc(e,t,n){let r=Nn(t),o=hn(t),i=gn(e)?r?`max(${o}px, env(safe-area-inset-top))`:o:r?"auto":n-o-Ye,a=!gn(e)&&r?`max(${o}px, env(safe-area-inset-bottom))`:void 0;return tr(e)?{position:"fixed",top:i,bottom:a,left:"50%",transform:"translateX(-50%)"}:Rn(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 _t(e,t,n,r=12){let o=gn(e),i=Nn(t),a=hn(t),l=o?{top:i?`calc(max(${a}px, env(safe-area-inset-top)) + ${Ye+r}px)`:a+Ye+r}:{bottom:i?`calc(max(${a}px, env(safe-area-inset-bottom)) + ${Ye+r}px)`:a+Ye+r},d;return tr(e)?d={left:"50%",transform:"translateX(-50%)"}:Rn(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",...l,...d}}function Gc(e,t,n){let r=gn(e),o=Nn(t),i=hn(t),a=r?{top:o?`calc(max(${i}px, env(safe-area-inset-top)) + ${Ye+8}px)`:i+Ye+8}:{bottom:o?`calc(max(${i}px, env(safe-area-inset-bottom)) + ${Ye+8}px)`:i+Ye+8},l,d;return tr(e)?(l={left:"50%",transform:"translateX(-50%)"},d="center"):Rn(e)?(l={right:o?`max(${i}px, env(safe-area-inset-right))`:i},d="flex-end"):(l={left:o?`max(${i}px, env(safe-area-inset-left))`:i},d="flex-start"),{position:"fixed",...a,...l,zIndex:9999,display:"flex",flexDirection:"column",alignItems:d}}function eu(e,t=typeof window<"u"?window.innerWidth:1920){let n=gn(e),r=Rn(e)||tr(e),o=Nn(t),i=hn(t),a=n&&r?i+Ye+zt:i,l=!n&&r?i+Ye+zt: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(${l}px, env(safe-area-inset-bottom))`:l,width:xt(t)}}function tu(e,t,n){let r=xt(t),o=hn(t),i=gn(e),a,l;Rn(e)||tr(e)?(a=t-o,l=a-r):(l=o,a=l+r);let d=i?o+Ye+zt:n-o-Ye-zt;return{left:l,right:a,y:d}}var nu=["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],yn={toolbar:{toggleWindowMs:300},tools:{imprint:{key:"i",tool:"model"},steer:{key:"s",tool:"sticker"},comment:{key:"c",tool:"inspector"}},actions:{send:{key:"Enter"},screenshot:{key:"c"},clear:{keys:["Backspace","Delete"]},undo:{key:"z"}},omnidial:{previous:["a","ArrowLeft"],next:["d","ArrowRight"],previousFacet:["q"],nextFacet:["e"],descendOrApply:["w","Enter"],ascend:["s","Escape"],query:[" "]}},ru=[{type:"model",label:"Imprint",shortcut:"I"},{type:"sticker",label:"Steer",shortcut:"S"},{type:"inspector",label:"Chat",shortcut:"C"}];function ou(e){let t=e.toLowerCase();return Object.values(yn.tools).find(n=>n.key===t)?.tool??null}function iu(e){let t=e.length===1?e.toLowerCase():e,n=yn.omnidial;return[...n.previous,...n.next,...n.previousFacet,...n.nextFacet,...n.descendOrApply,...n.ascend,...n.query].includes(t)||/^[a-z0-9]$/i.test(e)}var La=100,It=200,Mr={surface:null,phase:"visible"};function To({openDelayMs:e=La,exitDurationMs:t=It}={}){let[n,r]=R(Mr),o=$(Mr),i=$(null),a=$(null),l=$(null),d=oe(y=>{o.current.surface===y.surface&&o.current.phase===y.phase||(o.current=y,r(y))},[]),c=oe(()=>{a.current&&(clearTimeout(a.current),a.current=null)},[]),u=oe(()=>{l.current&&(clearTimeout(l.current),l.current=null)},[]),p=oe(y=>{i.current=y,c(),u(),d({surface:y,phase:"visible"})},[u,c,d]),h=oe(y=>{if(i.current=y,c(),u(),o.current.surface!==null){d({surface:y,phase:"visible"});return}a.current=setTimeout(()=>{a.current=null,i.current===y&&d({surface:y,phase:"visible"})},e)},[u,c,e,d]),f=oe(y=>{i.current===y&&(i.current=null),c(),o.current.surface===y&&(u(),d({surface:y,phase:"exiting"}),l.current=setTimeout(()=>{l.current=null,i.current===null&&d(Mr)},t))},[u,c,t,d]),g=oe(y=>{y&&o.current.surface!==y||(i.current=null,c(),u(),d(Mr))},[u,c,d]);return F(()=>()=>{c(),u()},[u,c]),{surface:n.surface,phase:n.phase,enter:h,leave:f,show:p,dismiss:g}}var au={version:"0.25.0"},Aa=au.version;function Eo({theme:e,expanded:t,width:n,snapPosition:r,viewport:o,toolbarRef:i,style:a,...l}){let d=Ie[e];return s("div",{...l,ref:i,id:"devtools-toolbar",role:"toolbar","data-popmelt-theme":e,style:{...Kc(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 Lo({expanded:e,active:t=!1,color:n,onSettlingChange:r,...o}){return s("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:s(xa,{"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 $a({theme:e,active:t,busy:n,color:r,onSettlingChange:o,onOpen:i,onCrosshairHover:a,onMouseEnter:l,toolbarRef:d,...c}){let u=$(null);return F(()=>{let p=u.current;if(!p)return;let h=p.querySelector("[data-popmelt-logo]"),f=()=>{p.style.opacity="1",!n&&h&&(h.style.fill=Ie[e].primary,h.style.stroke="none")},g=()=>{p.style.opacity=n?"1":"0.2",!n&&h&&(h.style.fill="none",h.style.removeProperty("stroke"))};return p.addEventListener("mouseenter",f),p.addEventListener("mouseleave",g),()=>{p.removeEventListener("mouseenter",f),p.removeEventListener("mouseleave",g)}},[n,e]),s(Eo,{...c,theme:e,expanded:!1,width:40,toolbarRef:p=>{u.current=p,typeof d=="function"?d(p):d&&(d.current=p)},onMouseEnter:l,style:{opacity:n?1:.2,...c.style},children:s(Lo,{expanded:!1,active:t,color:r,onSettlingChange:o,onClick:i,onMouseEnter:()=>a?.(!0),onMouseLeave:()=>a?.(!1)})})}function Na(){let e=()=>typeof window>"u"?{w:1920,h:1080}:{w:window.visualViewport?.width??window.innerWidth,h:window.visualViewport?.height??window.innerHeight},[t,n]=R(e);return F(()=>{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 Ra(e){let t=$(e);t.current=e,F(()=>{let n=0,r=0,o=a=>{if(a.key!=="Meta"&&a.key!=="Control"){r=0;return}let l=Date.now();r=l-n<yn.toolbar.toggleWindowMs?r+1:1,r>=2&&(t.current(),r=0),n=l},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 lu=(e,t)=>({display:"flex",width:t,height:32,borderRadius:16,overflow:"hidden",background:Ie[e].control});function su({theme:e,icon:t,menuOpen:n=!1,interactive:r=!0,primaryLabel:o="Cycle annotations",primaryCursor:i=!1,dotColor:a,onPrimary:l,onMenu:d}){let c=Ie[e];return v("div",{"data-popmelt-compact-tool-control":!0,style:{...lu(e,46),pointerEvents:r?void 0:"none"},children:[v("button",{type:"button","aria-label":o,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:l,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&&s("span",{"aria-hidden":"true",style:{position:"absolute",left:16,top:14,width:4,height:4,borderRadius:"50%",background:a,pointerEvents:"none"}})]}),s("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:s(So,{size:12,strokeWidth:2,style:{transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})})]})}function du({theme:e,themePreference:t=e,onThemePreferenceChange:n,action:r,logoOnly:o=!1,connection:i,panel:a,deemphasizeControls:l=!1,onCollapse:d,ariaLabel:c="Popmelt admission"}){let[u,p]=R(()=>!o),[h,f]=R(Ta),g=$(null),y=To(),{leave:C,dismiss:k}=y,w=y.surface!==null&&y.phase==="visible",E=Na(),M=()=>{if(u){k(),d?.(),p(!1);return}p(!0),o&&y.show("popmelt-guide")};return Ra(M),F(()=>{let S=g.current;if(!S)return;let T=N=>{N.relatedTarget instanceof Node&&S.contains(N.relatedTarget)||C("popmelt-guide")};return S.addEventListener("pointerout",T),()=>S.removeEventListener("pointerout",T)},[u,C]),u?v("div",{ref:g,style:{display:"contents"},onKeyDown:S=>{S.key==="Escape"&&k()},onBlur:S=>{S.relatedTarget instanceof Node&&g.current?.contains(S.relatedTarget)||C("popmelt-guide")},children:[s("style",{children:`
23
+ `}),v("button",{"data-popmelt-session-connection":!0,type:"button",disabled:g,title:Z,"aria-label":`${W}. ${Z}`,"aria-busy":g,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onFocus:()=>f(!0),onBlur:()=>f(!1),onClick:()=>{ae()},style:{...fn(Ie[e],L),cursor:g?"default":"pointer",minWidth:0,maxWidth:"100%"},children:[g||n&&!L?s(er,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):L||w?s(Io,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):s(ya,{size:14,strokeWidth:1.5,"aria-hidden":"true"}),v("span",{style:{display:"inline-grid",textAlign:"left",whiteSpace:"nowrap",position:"relative",minWidth:0},children:[M.map(pe=>s("span",{"aria-hidden":"true",style:{gridArea:"1 / 1",visibility:"hidden",pointerEvents:"none",overflow:"hidden"},children:pe},pe)),s("span",{"data-popmelt-connection-label":!0,title:W,style:{position:"absolute",inset:0,overflow:"hidden",textOverflow:"ellipsis"},children:W})]})]})]})}function Nn(e){return e<=767}function hn(e){return Nn(e)?8:16}function xt(e){let t=hn(e);return e<=480?Math.max(0,e-t*2):Math.min(360,Math.max(0,e-t*2))}var mn=16,Ye=40,zt=8,Ma="popmelt-toolbar-snap-position";function gn(e){return e.startsWith("top-")}function Rn(e){return e.endsWith("-right")}function tr(e){return e.endsWith("-center")}function Ta(){try{let e=localStorage.getItem(Ma);if(e&&Xc(e))return e}catch{}return"bottom-right"}function Ea(e){try{localStorage.setItem(Ma,e)}catch{}}function Xc(e){return["bottom-right","bottom-center","bottom-left","top-right","top-center","top-left"].includes(e)}function Kc(e,t,n){let r=Nn(t),o=hn(t),i=gn(e)?r?`max(${o}px, env(safe-area-inset-top))`:o:r?"auto":n-o-Ye,a=!gn(e)&&r?`max(${o}px, env(safe-area-inset-bottom))`:void 0;return tr(e)?{position:"fixed",top:i,bottom:a,left:"50%",transform:"translateX(-50%)"}:Rn(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 _t(e,t,n,r=12){let o=gn(e),i=Nn(t),a=hn(t),l=o?{top:i?`calc(max(${a}px, env(safe-area-inset-top)) + ${Ye+r}px)`:a+Ye+r}:{bottom:i?`calc(max(${a}px, env(safe-area-inset-bottom)) + ${Ye+r}px)`:a+Ye+r},d;return tr(e)?d={left:"50%",transform:"translateX(-50%)"}:Rn(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",...l,...d}}function Gc(e,t,n){let r=gn(e),o=Nn(t),i=hn(t),a=r?{top:o?`calc(max(${i}px, env(safe-area-inset-top)) + ${Ye+8}px)`:i+Ye+8}:{bottom:o?`calc(max(${i}px, env(safe-area-inset-bottom)) + ${Ye+8}px)`:i+Ye+8},l,d;return tr(e)?(l={left:"50%",transform:"translateX(-50%)"},d="center"):Rn(e)?(l={right:o?`max(${i}px, env(safe-area-inset-right))`:i},d="flex-end"):(l={left:o?`max(${i}px, env(safe-area-inset-left))`:i},d="flex-start"),{position:"fixed",...a,...l,zIndex:9999,display:"flex",flexDirection:"column",alignItems:d}}function eu(e,t=typeof window<"u"?window.innerWidth:1920){let n=gn(e),r=Rn(e)||tr(e),o=Nn(t),i=hn(t),a=n&&r?i+Ye+zt:i,l=!n&&r?i+Ye+zt: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(${l}px, env(safe-area-inset-bottom))`:l,width:xt(t)}}function tu(e,t,n){let r=xt(t),o=hn(t),i=gn(e),a,l;Rn(e)||tr(e)?(a=t-o,l=a-r):(l=o,a=l+r);let d=i?o+Ye+zt:n-o-Ye-zt;return{left:l,right:a,y:d}}var nu=["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],yn={toolbar:{toggleWindowMs:300},tools:{imprint:{key:"i",tool:"model"},steer:{key:"s",tool:"sticker"},comment:{key:"c",tool:"inspector"}},actions:{send:{key:"Enter"},screenshot:{key:"c"},clear:{keys:["Backspace","Delete"]},undo:{key:"z"}},omnidial:{previous:["a","ArrowLeft"],next:["d","ArrowRight"],previousFacet:["q"],nextFacet:["e"],descendOrApply:["w","Enter"],ascend:["s","Escape"],query:[" "]}},ru=[{type:"model",label:"Imprint",shortcut:"I"},{type:"sticker",label:"Steer",shortcut:"S"},{type:"inspector",label:"Chat",shortcut:"C"}];function ou(e){let t=e.toLowerCase();return Object.values(yn.tools).find(n=>n.key===t)?.tool??null}function iu(e){let t=e.length===1?e.toLowerCase():e,n=yn.omnidial;return[...n.previous,...n.next,...n.previousFacet,...n.nextFacet,...n.descendOrApply,...n.ascend,...n.query].includes(t)||/^[a-z0-9]$/i.test(e)}var La=100,It=200,Mr={surface:null,phase:"visible"};function To({openDelayMs:e=La,exitDurationMs:t=It}={}){let[n,r]=R(Mr),o=$(Mr),i=$(null),a=$(null),l=$(null),d=oe(y=>{o.current.surface===y.surface&&o.current.phase===y.phase||(o.current=y,r(y))},[]),c=oe(()=>{a.current&&(clearTimeout(a.current),a.current=null)},[]),u=oe(()=>{l.current&&(clearTimeout(l.current),l.current=null)},[]),p=oe(y=>{i.current=y,c(),u(),d({surface:y,phase:"visible"})},[u,c,d]),h=oe(y=>{if(i.current=y,c(),u(),o.current.surface!==null){d({surface:y,phase:"visible"});return}a.current=setTimeout(()=>{a.current=null,i.current===y&&d({surface:y,phase:"visible"})},e)},[u,c,e,d]),f=oe(y=>{i.current===y&&(i.current=null),c(),o.current.surface===y&&(u(),d({surface:y,phase:"exiting"}),l.current=setTimeout(()=>{l.current=null,i.current===null&&d(Mr)},t))},[u,c,t,d]),g=oe(y=>{y&&o.current.surface!==y||(i.current=null,c(),u(),d(Mr))},[u,c,d]);return F(()=>()=>{c(),u()},[u,c]),{surface:n.surface,phase:n.phase,enter:h,leave:f,show:p,dismiss:g}}var au={version:"0.26.0"},Aa=au.version;function Eo({theme:e,expanded:t,width:n,snapPosition:r,viewport:o,toolbarRef:i,style:a,...l}){let d=Ie[e];return s("div",{...l,ref:i,id:"devtools-toolbar",role:"toolbar","data-popmelt-theme":e,style:{...Kc(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 Lo({expanded:e,active:t=!1,color:n,onSettlingChange:r,...o}){return s("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:s(xa,{"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 $a({theme:e,active:t,busy:n,color:r,onSettlingChange:o,onOpen:i,onCrosshairHover:a,onMouseEnter:l,toolbarRef:d,...c}){let u=$(null);return F(()=>{let p=u.current;if(!p)return;let h=p.querySelector("[data-popmelt-logo]"),f=()=>{p.style.opacity="1",!n&&h&&(h.style.fill=Ie[e].primary,h.style.stroke="none")},g=()=>{p.style.opacity=n?"1":"0.2",!n&&h&&(h.style.fill="none",h.style.removeProperty("stroke"))};return p.addEventListener("mouseenter",f),p.addEventListener("mouseleave",g),()=>{p.removeEventListener("mouseenter",f),p.removeEventListener("mouseleave",g)}},[n,e]),s(Eo,{...c,theme:e,expanded:!1,width:40,toolbarRef:p=>{u.current=p,typeof d=="function"?d(p):d&&(d.current=p)},onMouseEnter:l,style:{opacity:n?1:.2,...c.style},children:s(Lo,{expanded:!1,active:t,color:r,onSettlingChange:o,onClick:i,onMouseEnter:()=>a?.(!0),onMouseLeave:()=>a?.(!1)})})}function Na(){let e=()=>typeof window>"u"?{w:1920,h:1080}:{w:window.visualViewport?.width??window.innerWidth,h:window.visualViewport?.height??window.innerHeight},[t,n]=R(e);return F(()=>{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 Ra(e){let t=$(e);t.current=e,F(()=>{let n=0,r=0,o=a=>{if(a.key!=="Meta"&&a.key!=="Control"){r=0;return}let l=Date.now();r=l-n<yn.toolbar.toggleWindowMs?r+1:1,r>=2&&(t.current(),r=0),n=l},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 lu=(e,t)=>({display:"flex",width:t,height:32,borderRadius:16,overflow:"hidden",background:Ie[e].control});function su({theme:e,icon:t,menuOpen:n=!1,interactive:r=!0,primaryLabel:o="Cycle annotations",primaryCursor:i=!1,dotColor:a,onPrimary:l,onMenu:d}){let c=Ie[e];return v("div",{"data-popmelt-compact-tool-control":!0,style:{...lu(e,46),pointerEvents:r?void 0:"none"},children:[v("button",{type:"button","aria-label":o,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:l,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&&s("span",{"aria-hidden":"true",style:{position:"absolute",left:16,top:14,width:4,height:4,borderRadius:"50%",background:a,pointerEvents:"none"}})]}),s("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:s(So,{size:12,strokeWidth:2,style:{transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})})]})}function du({theme:e,themePreference:t=e,onThemePreferenceChange:n,action:r,logoOnly:o=!1,connection:i,panel:a,deemphasizeControls:l=!1,onCollapse:d,ariaLabel:c="Popmelt admission"}){let[u,p]=R(()=>!o),[h,f]=R(Ta),g=$(null),y=To(),{leave:C,dismiss:k}=y,w=y.surface!==null&&y.phase==="visible",E=Na(),M=()=>{if(u){k(),d?.(),p(!1);return}p(!0),o&&y.show("popmelt-guide")};return Ra(M),F(()=>{let S=g.current;if(!S)return;let T=N=>{N.relatedTarget instanceof Node&&S.contains(N.relatedTarget)||C("popmelt-guide")};return S.addEventListener("pointerout",T),()=>S.removeEventListener("pointerout",T)},[u,C]),u?v("div",{ref:g,style:{display:"contents"},onKeyDown:S=>{S.key==="Escape"&&k()},onBlur:S=>{S.relatedTarget instanceof Node&&g.current?.contains(S.relatedTarget)||C("popmelt-guide")},children:[s("style",{children:`
24
24
  [data-popmelt-entry-dimmed] [data-popmelt-entry-content],
25
25
  [data-popmelt-entry-dimmed] [data-popmelt-entry-control] > [data-popmelt-logo] {
26
26
  opacity: 1;
@@ -40,13 +40,13 @@ ${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"
40
40
  transition: none;
41
41
  }
42
42
  }
43
- `}),y.surface&&s("div",{"data-devtools":"popmelt-guide-corridor",onMouseEnter:()=>y.enter("popmelt-guide"),style:{..._t(h,E.w,E.h,0),width:xt(E.w),boxSizing:"content-box",...h.startsWith("top-")?{paddingTop:zt}:{paddingBottom:zt},zIndex:10001},children:s(Ca,{theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:h,onSnapPositionChange:S=>{Ea(S),f(S)},active:w,style:{opacity:w?1:0,transition:w?"none":`opacity ${It}ms ease`},connection:i??v("span",{style:{...fn(Ie[e],!1),cursor:"default"},children:[s(Mo,{size:14,strokeWidth:1.5}),v("span",{children:["Version ",Aa]})]})})}),a&&!y.surface&&s("div",{"data-devtools":"toolbar-entry-panel",style:{..._t(h,E.w,E.h,zt),zIndex:10001},children:a}),v(Eo,{theme:e,expanded:!0,width:"max-content",snapPosition:h,viewport:E,"aria-label":c,"data-popmelt-entry-dimmed":!!(l&&a&&!y.surface),style:o?{width:40,padding:0,gap:0,justifyContent:"center",border:`1px solid ${Ie[e].border}`,boxShadow:"none"}:void 0,children:[s("span",{style:{display:"contents"},onMouseEnter:()=>k(),onFocus:()=>k(),children:r}),s(Lo,{expanded:!0,"data-popmelt-entry-control":!0,color:Ie[e].primary,onClick:M,onMouseEnter:()=>y.enter("popmelt-guide"),onFocus:()=>y.show("popmelt-guide")})]})]}):s($a,{theme:e,snapPosition:h,viewport:E,color:Ie[e].primary,onOpen:M})}function Pa(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 za={textAlign:"left",display:"flex",flexDirection:"column",gap:4,width:"100%"},Ha={display:"flex",alignItems:"baseline",gap:16,width:"100%"},Oa={flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:"0.14px"},Da={flexShrink:0,fontSize:12,fontWeight:500,letterSpacing:"0.12px"};function cu(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 uu({bridgeUrl:e,theme:t,style:n,onClose:r,onViewThread:o,onPreviewThread:i}){let a=Ie[t],[l,d]=R(""),[c,u]=R(0),[p,h]=R(0),[f,g]=R([]),[y,C]=R(!1),[k,w]=R(!0),[E,M]=R(null),[S,T]=R(Date.now),N=$(null);F(()=>(i?.(null),()=>i?.(null)),[i,l,e]),F(()=>{N.current?.focus();let L=setInterval(()=>T(Date.now()),3e4);return()=>clearInterval(L)},[]),F(()=>{let L=!1,j=new AbortController;w(!0),M(null),c===0&&g([]);let Z=setTimeout(async()=>{try{if(!e)throw new Error("Bridge unavailable");let ae=new URLSearchParams({q:l,limit:"10",offset:String(c)}),pe=await Ln(`${e}/threads/history?${ae}`,{signal:j.signal});if(!pe.ok)throw new Error("History unavailable");let le=await pe.json();if(L)return;g(J=>c===0?le.threads:[...J,...le.threads.filter(ye=>!J.some(G=>G.id===ye.id))]),C(le.hasMore)}catch{L||M("Couldn\u2019t load history. Check the bridge connection.")}finally{L||w(!1)}},l?180:0);return()=>{L=!0,j.abort(),clearTimeout(Z)}},[e,l,c,p]);let H=new Map;for(let L of f){let j=l.trim()?"Results":cu(L.updatedAt,S);H.set(j,[...H.get(j)??[],L])}let P={border:0,padding:0,background:"transparent",font:"inherit",color:"inherit",cursor:"pointer"};return v("div",{ref:N,role:"dialog","aria-label":"History",tabIndex:-1,"data-devtools":"history-panel","data-popmelt-theme":t,"data-popmelt-font":"sans",onKeyDown:L=>{L.stopPropagation(),L.key==="Escape"&&(L.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:[s("style",{children:`
43
+ `}),y.surface&&s("div",{"data-devtools":"popmelt-guide-corridor",onMouseEnter:()=>y.enter("popmelt-guide"),style:{..._t(h,E.w,E.h,0),width:xt(E.w),boxSizing:"content-box",...h.startsWith("top-")?{paddingTop:zt}:{paddingBottom:zt},zIndex:10001},children:s(Ca,{theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:h,onSnapPositionChange:S=>{Ea(S),f(S)},active:w,style:{opacity:w?1:0,transition:w?"none":`opacity ${It}ms ease`},connection:i??v("span",{style:{...fn(Ie[e],!1),cursor:"default"},children:[s(Mo,{size:14,strokeWidth:1.5}),v("span",{children:["Version ",Aa]})]})})}),a&&!y.surface&&s("div",{"data-devtools":"toolbar-entry-panel",style:{..._t(h,E.w,E.h,zt),zIndex:10001},children:a}),v(Eo,{theme:e,expanded:!0,width:"max-content",snapPosition:h,viewport:E,"aria-label":c,"data-popmelt-entry-dimmed":!!(l&&a&&!y.surface),style:o?{width:40,padding:0,gap:0,justifyContent:"center",border:`1px solid ${Ie[e].border}`,boxShadow:"none"}:void 0,children:[s("span",{style:{display:"contents"},onMouseEnter:()=>k(),onFocus:()=>k(),children:r}),s(Lo,{expanded:!0,"data-popmelt-entry-control":!0,color:Ie[e].primary,onClick:M,onMouseEnter:()=>y.enter("popmelt-guide"),onFocus:()=>y.show("popmelt-guide")})]})]}):s($a,{theme:e,snapPosition:h,viewport:E,color:Ie[e].primary,onOpen:M})}function Pa(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 za={textAlign:"left",display:"flex",flexDirection:"column",gap:4,width:"100%"},Ha={display:"flex",alignItems:"baseline",gap:16,width:"100%"},Oa={flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:"0.14px"},Da={flexShrink:0,fontSize:12,fontWeight:500,letterSpacing:"0.12px"};function cu(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 uu({bridgeUrl:e,theme:t,style:n,onClose:r,onViewThread:o,onPreviewThread:i}){let a=Ie[t],[l,d]=R(""),[c,u]=R(0),[p,h]=R(0),[f,g]=R([]),[y,C]=R(!1),[k,w]=R(!0),[E,M]=R(null),[S,T]=R(Date.now),N=$(null);F(()=>(i?.(null),()=>i?.(null)),[i,l,e]),F(()=>{N.current?.focus();let L=setInterval(()=>T(Date.now()),3e4);return()=>clearInterval(L)},[]),F(()=>{let L=!1,W=new AbortController;w(!0),M(null),c===0&&g([]);let Z=setTimeout(async()=>{try{if(!e)throw new Error("Bridge unavailable");let ae=new URLSearchParams({q:l,limit:"10",offset:String(c)}),pe=await Ln(`${e}/threads/history?${ae}`,{signal:W.signal});if(!pe.ok)throw new Error("History unavailable");let le=await pe.json();if(L)return;g(J=>c===0?le.threads:[...J,...le.threads.filter(ye=>!J.some(G=>G.id===ye.id))]),C(le.hasMore)}catch{L||M("Couldn\u2019t load history. Check the bridge connection.")}finally{L||w(!1)}},l?180:0);return()=>{L=!0,W.abort(),clearTimeout(Z)}},[e,l,c,p]);let H=new Map;for(let L of f){let W=l.trim()?"Results":cu(L.updatedAt,S);H.set(W,[...H.get(W)??[],L])}let P={border:0,padding:0,background:"transparent",font:"inherit",color:"inherit",cursor:"pointer"};return v("div",{ref:N,role:"dialog","aria-label":"History",tabIndex:-1,"data-devtools":"history-panel","data-popmelt-theme":t,"data-popmelt-font":"sans",onKeyDown:L=>{L.stopPropagation(),L.key==="Escape"&&(L.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:[s("style",{children:`
44
44
  [data-devtools="history-panel"] button:focus-visible, [data-devtools="history-panel"] input:focus-visible { outline: 2px solid ${a.primary}; outline-offset: 3px; }
45
45
  [data-devtools="history-panel"] .popmelt-history-row { color: ${a.secondary}; }
46
46
  [data-devtools="history-panel"] .popmelt-history-row:hover { color: ${a.primary}; }
47
47
  [data-devtools="history-panel"] .popmelt-history-row time { color: ${a.muted}; }
48
48
  [data-devtools="history-panel"] .popmelt-history-row:hover time { color: ${a.secondary}; }
49
- `}),v("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",color:a.primary},children:[v("div",{style:{display:"flex",alignItems:"center",gap:4,fontWeight:600,letterSpacing:"-0.14px"},children:[s(ma,{size:16,"aria-hidden":"true"}),"History"]}),s("button",{type:"button","aria-label":"Close history",style:{...P,display:"flex",color:a.muted},onClick:r,children:s(fa,{size:16})})]}),v("label",{style:{display:"flex",alignItems:"center",gap:8},children:[s(ca,{size:14,"aria-hidden":"true",style:{flexShrink:0,color:a.muted}}),s("input",{type:"search","aria-label":"Search all threads",placeholder:"Search all threads",maxLength:500,value:l,onChange:L=>{d(L.target.value),u(0)},style:{width:"100%",minWidth:0,border:0,padding:0,background:"transparent",font:"inherit",color:a.primary}})]}),v("div",{"aria-busy":k,style:{overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column",gap:24},children:[[...H].map(([L,j])=>v("section",{"aria-label":L,style:{display:"flex",flexDirection:"column",gap:12},children:[s("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px"},children:L}),s("div",{style:{display:"flex",flexDirection:"column",gap:8},children:j.map(Z=>v("button",{type:"button",className:"popmelt-history-row",title:[Z.preview,Z.archived?"Dismissed":"",Z.previousWorkspace?"Previous workspace":""].filter(Boolean).join(" \xB7 "),onClick:()=>o(Z.id),onMouseEnter:()=>i?.(Z),onMouseLeave:()=>i?.(null),onFocus:()=>i?.(Z),onBlur:()=>i?.(null),style:{...P,color:void 0,...za},children:[v("span",{style:Ha,children:[s("span",{style:Oa,children:Z.preview}),s("time",{dateTime:new Date(Z.updatedAt).toISOString(),style:Da,children:Pa(Z.updatedAt,S)})]}),l.trim()&&Z.excerpt&&s("span",{style:{fontSize:12,color:a.secondary,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:Z.excerpt})]},Z.id))})]},L)),E?v("div",{role:"alert",children:[E," ",s("button",{type:"button",style:{...P,textDecoration:"underline"},onClick:()=>h(L=>L+1),children:"Retry"})]}):k?s("div",{role:"status",children:"Loading\u2026"}):f.length===0?s("div",{role:"status",children:l.trim()?"No matching threads.":"No conversations yet."}):null,y&&!k&&!E&&s("button",{type:"button",style:{...P,alignSelf:"flex-start",textDecoration:"underline"},onClick:()=>u(L=>L+10),children:"Show more"})]})]})}var Tr={direct:"Edit","approval-required":"Suggest",blocked:"Blocked"},Ao={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."},Wa=["circle","square","diamond","hexagon"];function $o(e="circle",t=26){return{circle:19,square:17.5,diamond:20,hexagon:19}[e]*t/24}var ja=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",pu={diamond:ja([[12,1],[23,12],[12,23],[1,12]]),hexagon:ja([[12,2],[21,7],[21,17],[12,22],[3,17],[3,7]])};function nr({shape:e="circle",color:t,size:n=26,outline:r,style:o,...i}){return s("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:s("g",{fill:t,stroke:r??"none",strokeWidth:r?1.2:0,strokeLinejoin:"round",children:e==="circle"?s("circle",{cx:"12",cy:"12",r:"9.5"}):e==="square"?s("rect",{x:"3.25",y:"3.25",width:"17.5",height:"17.5",rx:"3"}):s("path",{d:pu[e]})})})}function Pn(e){return(e%360+360)%360}function Er(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)?Pn(n):null}function Yt(e){return`oklch(${.628} ${.258} ${Pn(e)})`}function _a(e){let t=Er(e)??29;return Yt(t+60)}function No(e){return new Set(e.filter(t=>t.groupId&&t.threadId).map(t=>t.groupId))}function Ro(e,t){let n=!!(e.groupId&&t.has(e.groupId));return(e.status??"pending")==="pending"&&!e.threadId&&!n&&!(e.replyCount&&e.replyCount>0)}function fu(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 hu(e,t){let n=Math.abs(Pn(e)-Pn(t));return Math.min(n,360-n)<.5}function zn(e,t,n){let r=Er(e)??29,o=Math.round(360/60),i=No(t),a=t.flatMap((c,u)=>{if(!c.color)return[];if(n&&c.pathname&&c.pathname!==n)return[];if(Ro(c,i))return[];let p=Er(c.color);return p===null?[]:[{hue:p,key:fu(c,u,i)}]}),l=Yt(r),d=Number.POSITIVE_INFINITY;for(let c=0;c<o;c+=1){let u=Pn(r+c*60),p=new Set(a.filter(h=>hu(h.hue,u)).map(h=>h.key));if(p.size===0)return Yt(u);p.size<d&&(d=p.size,l=Yt(u))}return l}function mu(e,t){let n=No(e);return e.map(r=>Ro(r,n)?{...r,color:t}:r)}function gu(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),zn(_a(e.color),r,e.pathname)}function yu(e,t){return e.find(n=>n.color)?.color??t}function bu(e){let t=[...e.annotations].sort((i,a)=>a.timestamp-i.timestamp),n=No(e.annotations),r=t.find(i=>Ro(i,n)&&!!i.color);if(r?.color)return zn(r.color,e.annotations,e.currentPathname);if(e.savedCursor)return zn(e.savedCursor,e.annotations,e.currentPathname);let o=t.find(i=>!!(i.threadId&&i.color));return o?.color?zn(_a(o.color),e.annotations,e.currentPathname):zn(Yt(29),e.annotations,e.currentPathname)}var rr=[210,150,270,90,330,30].map(e=>Pn(29+e)),Po=[.68,.5,.82,.59,.75,.43];function vu(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");return Wa[([0,2,3,0,1,1][e%6]+Math.floor(e/6))%4]}function Xt(e){if(e.identity?.relationship==="host")return"circle";if(e.shape&&Wa.includes(e.shape))return e.shape;let t=/^oklch\(([\d.]+) ([\d.]+) ([\d.]+)\)$/.exec(e.color??"");if(t){let n=Po.indexOf(Number(t[1])),r=rr.indexOf(Number(t[3])),o=Math.round((.14/Number(t[2])-1)*4),i=(o*Po.length+n)*rr.length+r;if(n>=0&&r>=0&&o>=0&&Number.isSafeInteger(i)&&Ba(i)===e.color)return vu(i)}return"circle"}function Ba(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");let t=Math.floor(e/rr.length),n=Po,r=n[t%n.length],o=.14/(1+Math.floor(t/n.length)*.25);return`oklch(${r} ${o} ${rr[e%rr.length]})`}function xu(e,t,n){return e?.identity.relationship==="host"?e.identity.id===t?n:e.color??bo.activeColor:e?.color??Ba(0)}function Fa(e){return e.reduce((t,n)=>t+$o(Xt(n)),0)-Math.max(0,e.length-1)*4.5}function wu({peers:e,viewedPeerId:t,selectedPeerId:n=t,onPreview:r,onPeek:o,onPeekEnd:i,theme:a="dark",detailsPeerId:l,detailsId:d,onDetailsEnter:c,onDetailsLeave:u,onDetailsDismiss:p}){let h=Ie[a],f=a==="light"?"#ffffff":"#000000",g=l??t,y=Kn(),C=$(null),k=$({onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i});k.current={onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i};let w=$(null),E=()=>{w.current!==null&&cancelAnimationFrame(w.current),w.current=null},M=e.length>0;return F(()=>{let S=C.current;if(!S)return;let T=N=>{if(N.pointerType==="touch")return;let H=N.target instanceof Element?N.target.closest("button[data-peer-id]"):null;if(!H||!S.contains(H)||N.relatedTarget instanceof Node&&H.contains(N.relatedTarget))return;let P=H.dataset.peerId;N.type==="pointerover"?(E(),Oc(()=>k.current.onDetailsEnter?.(P,"pointer")),k.current.onPeek&&(w.current=requestAnimationFrame(()=>{w.current=requestAnimationFrame(()=>{w.current=null,k.current.onPeek?.(P)})}))):(E(),k.current.onPeekEnd?.(P),k.current.onDetailsLeave?.(P,N.relatedTarget))};return S.addEventListener("pointerover",T),S.addEventListener("pointerout",T),S.addEventListener("pointercancel",T),()=>{E(),S.removeEventListener("pointerover",T),S.removeEventListener("pointerout",T),S.removeEventListener("pointercancel",T)}},[M]),e.length?s("ul",{ref:C,"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:S,permission:T,color:N=h.secondary,shape:H,unseenActivity:P},L)=>v("li",{style:{display:"flex",position:"relative",zIndex:e.length-L,marginRight:L===e.length-1?0:-4.5},children:[v("button",{type:"button","aria-pressed":n===S.id,"aria-label":`Preview ${S.name}'s plane \u2014 ${Tr[T]}${P?" \u2014 New activity":""}`,title:c?void 0:`${S.name} \xB7 ${Tr[T]}: ${Ao[T]}`,"aria-describedby":[`${y}-${L}`,l===S.id?d:void 0].filter(Boolean).join(" "),"data-peer-id":S.id,onClick:()=>{E(),r(S.id)},onFocus:()=>c?.(S.id,"focus"),onBlur:j=>u?.(S.id,j.relatedTarget),onKeyDown:j=>{j.key==="Escape"&&(E(),i?.(S.id)),!(j.key!=="Escape"||l!==S.id)&&(j.preventDefault(),j.stopPropagation(),p?.(S.id))},style:{display:"flex",position:"relative",alignItems:"center",width:$o(Xt({identity:S,color:N,shape:H})),height:22,boxSizing:"border-box",border:0,padding:0,background:"transparent",cursor:"pointer",outlineOffset:2},children:[s(nr,{shape:Xt({identity:S,color:N,shape:H}),color:g===S.id?N:`color-mix(in srgb, ${N} 20%, ${h.surface})`,outline:n===S.id?f:h.surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),P&&s("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"}})]}),s("span",{id:`${y}-${L}`,hidden:!0,children:Ao[T]})]},S.id))}):null}function zo(e,t){return JSON.stringify([e,t??null])}function Ho(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 Cu(e,t){return e.filter(n=>n.threadId===t).flatMap(n=>Ho(n).map(r=>r.key))}function ku(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(),l=i.filter(c=>!a.includes(c));if(!l.length)return a;let d=[...new Set([...a,...l])].slice(-1e3);n=d;try{e.setItem(t,JSON.stringify(d))}catch{}return d};return{read:r,markMany:o,mark:i=>o([i])}}function Va({at:e,theme:t,label:n}){let[r,o]=R(Date.now);if(F(()=>{let l=setInterval(()=>o(Date.now()),1e3);return()=>clearInterval(l)},[]),!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 s("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 Kt={gap:16,padding:12,radius:20,width:360,viewportGutter:32,identitySize:24},Hn={gap:6,padding:"4px 8px",radius:8,iconSize:12},Lr={gap:3,padding:"2px 6px",radius:8},bn={gap:3,padding:"3px 9px 3px 6px",radius:8,iconSize:10},Gt=bn,or={size:21,padding:3,radius:8,iconSize:15},Oo={padding:"0 4px",height:18,radius:6},Qa={fontFamily:St,fontSize:12,fontWeight:500,lineHeight:1.3};function Do(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Lr.gap,padding:Lr.padding,borderRadius:Lr.radius,border:0,flexShrink:0,background:Ie[e].control,color:Ie[e].primary,...Qa,whiteSpace:"nowrap",cursor:"pointer",transition:"box-shadow 120ms ease"}}var Su=Od("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"}]]),Za=120,Iu=180,Mu=2e3;function Wo(e){let t=Ie[e];return{display:"flex",alignItems:"center",gap:Kt.gap,width:Kt.width,maxWidth:`calc(100vw - ${Kt.viewportGutter}px)`,boxSizing:"border-box",border:`1px solid ${t.border}`,borderRadius:Kt.radius,padding:Kt.padding,background:t.surface,color:t.primary,backdropFilter:"blur(59.5px)",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.01em"}}function Tu({peer:e,theme:t,id:n,style:r,onPermissionChange:o,onRevokeAccess:i,onInvite:a,isOwn:l=!1,onFocusSuggestion:d,onHoverSuggestion:c,onSharePreview:u,pendingSubmissions:p=[],viewedSuggestionKeys:h=[],showUnreadSuggestions:f=!0}){let g=$(c);g.current=c;let y=$(null);F(()=>{let re=y.current;if(!re)return;let Le=g.current,me=Ce=>{if(Ce.pointerType==="touch")return;let fe=Ce.target instanceof Element?Ce.target.closest('[data-devtools="peer-review-sent"]'):null;!fe||!re.contains(fe)||Ce.relatedTarget instanceof Node&&fe.contains(Ce.relatedTarget)||g.current?.(Ce.type==="pointerover"?fe.dataset.annotationId??null:null)};return re.addEventListener("pointerover",me),re.addEventListener("pointerout",me),re.addEventListener("pointercancel",me),()=>{re.removeEventListener("pointerover",me),re.removeEventListener("pointerout",me),re.removeEventListener("pointercancel",me),Le?.(null)}},[e.identity.id]);let[C,k]=R(!1),[w,E]=R(),[M,S]=R(),T=$(0),N=$(null),H=$(!1);qe(()=>{!C&&H.current&&(H.current=!1,N.current?.focus({preventScroll:!0}))},[C,e.identity.id]);let P=async(re,Le)=>{k(!0),E(re),S(void 0);try{await Le()||(T.current+=1,S({target:re,pulse:T.current}))}catch{T.current+=1,S({target:re,pulse:T.current})}finally{k(!1),E(void 0)}},[L,j]=R("idle"),[Z,ae]=R(),pe=$(0),le=$(null),[J,ye]=R();qe(()=>{if(!le.current)return;let re=!0,Le=()=>{if(!re||!le.current)return;let me=getComputedStyle(le.current),Ce=document.createElement("span");Object.assign(Ce.style,{position:"fixed",visibility:"hidden",pointerEvents:"none",whiteSpace:"nowrap",fontFamily:me.fontFamily,fontSize:me.fontSize,fontWeight:me.fontWeight,lineHeight:me.lineHeight}),document.body.append(Ce);let fe=Number.parseFloat(me.paddingLeft)+Number.parseFloat(me.paddingRight)+Gt.iconSize+Gt.gap,st=Ht=>(Ce.textContent=Ht,Math.ceil(fe+Ce.getBoundingClientRect().width)),Mt={idle:st("Invite"),busy:st("Copying\u2026"),copied:st("Copied")};Ce.remove(),Object.values(Mt).every(Ht=>Ht>fe)&&ye(Mt)};return Le(),document.fonts?.ready.then(Le),()=>{re=!1}},[t,l,a]),F(()=>{if(L==="copied"){let re=setTimeout(()=>{j(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches?"idle":"copied-out")},Mu);return()=>clearTimeout(re)}if(L==="copied-out"){let re=setTimeout(()=>j("idle-in"),Za);return()=>clearTimeout(re)}if(L==="idle-in"){let re=setTimeout(()=>j("idle"),16);return()=>clearTimeout(re)}},[L]);let G=Ie[t],[be,Ee]=R(),[X,xe]=R(),A=$(0),[I,W]=R(Date.now);F(()=>{if(!p.length)return;let re=setInterval(()=>W(Date.now()),3e4);return()=>clearInterval(re)},[p.length]);let[_,O]=R("idle"),ee=e.permission==="direct"?Jd:ha,we=!l&&!!o,te=[...p].sort((re,Le)=>(Le.submittedAt??0)-(re.submittedAt??0)),Je=te.flatMap(Ho),q=new Set(h),He=async(re,Le)=>{if(!d)return;let me=zo(re,Le);k(!0),Ee(me),xe(void 0);try{await d(re,Le)}catch{A.current+=1,xe({key:me,pulse:A.current})}finally{k(!1),Ee(void 0)}};return v("div",{id:n,ref:y,role:o||a||d||u?"group":"tooltip","data-devtools":"peer-details","data-popmelt-font":"sans","data-popmelt-theme":t,style:{...Wo(t),flexWrap:d||u?"wrap":void 0,...r},children:[s("style",{children:`
49
+ `}),v("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",color:a.primary},children:[v("div",{style:{display:"flex",alignItems:"center",gap:4,fontWeight:600,letterSpacing:"-0.14px"},children:[s(ma,{size:16,"aria-hidden":"true"}),"History"]}),s("button",{type:"button","aria-label":"Close history",style:{...P,display:"flex",color:a.muted},onClick:r,children:s(fa,{size:16})})]}),v("label",{style:{display:"flex",alignItems:"center",gap:8},children:[s(ca,{size:14,"aria-hidden":"true",style:{flexShrink:0,color:a.muted}}),s("input",{type:"search","aria-label":"Search all threads",placeholder:"Search all threads",maxLength:500,value:l,onChange:L=>{d(L.target.value),u(0)},style:{width:"100%",minWidth:0,border:0,padding:0,background:"transparent",font:"inherit",color:a.primary}})]}),v("div",{"aria-busy":k,style:{overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column",gap:24},children:[[...H].map(([L,W])=>v("section",{"aria-label":L,style:{display:"flex",flexDirection:"column",gap:12},children:[s("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px"},children:L}),s("div",{style:{display:"flex",flexDirection:"column",gap:8},children:W.map(Z=>v("button",{type:"button",className:"popmelt-history-row",title:[Z.preview,Z.archived?"Dismissed":"",Z.previousWorkspace?"Previous workspace":""].filter(Boolean).join(" \xB7 "),onClick:()=>o(Z.id),onMouseEnter:()=>i?.(Z),onMouseLeave:()=>i?.(null),onFocus:()=>i?.(Z),onBlur:()=>i?.(null),style:{...P,color:void 0,...za},children:[v("span",{style:Ha,children:[s("span",{style:Oa,children:Z.preview}),s("time",{dateTime:new Date(Z.updatedAt).toISOString(),style:Da,children:Pa(Z.updatedAt,S)})]}),l.trim()&&Z.excerpt&&s("span",{style:{fontSize:12,color:a.secondary,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:Z.excerpt})]},Z.id))})]},L)),E?v("div",{role:"alert",children:[E," ",s("button",{type:"button",style:{...P,textDecoration:"underline"},onClick:()=>h(L=>L+1),children:"Retry"})]}):k?s("div",{role:"status",children:"Loading\u2026"}):f.length===0?s("div",{role:"status",children:l.trim()?"No matching threads.":"No conversations yet."}):null,y&&!k&&!E&&s("button",{type:"button",style:{...P,alignSelf:"flex-start",textDecoration:"underline"},onClick:()=>u(L=>L+10),children:"Show more"})]})]})}var Tr={direct:"Edit","approval-required":"Suggest",blocked:"Blocked"},Ao={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."},ja=["circle","square","diamond","hexagon"];function $o(e="circle",t=26){return{circle:19,square:17.5,diamond:20,hexagon:19}[e]*t/24}var Wa=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",pu={diamond:Wa([[12,1],[23,12],[12,23],[1,12]]),hexagon:Wa([[12,2],[21,7],[21,17],[12,22],[3,17],[3,7]])};function nr({shape:e="circle",color:t,size:n=26,outline:r,style:o,...i}){return s("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:s("g",{fill:t,stroke:r??"none",strokeWidth:r?1.2:0,strokeLinejoin:"round",children:e==="circle"?s("circle",{cx:"12",cy:"12",r:"9.5"}):e==="square"?s("rect",{x:"3.25",y:"3.25",width:"17.5",height:"17.5",rx:"3"}):s("path",{d:pu[e]})})})}function Pn(e){return(e%360+360)%360}function Er(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)?Pn(n):null}function Yt(e){return`oklch(${.628} ${.258} ${Pn(e)})`}function _a(e){let t=Er(e)??29;return Yt(t+60)}function No(e){return new Set(e.filter(t=>t.groupId&&t.threadId).map(t=>t.groupId))}function Ro(e,t){let n=!!(e.groupId&&t.has(e.groupId));return(e.status??"pending")==="pending"&&!e.threadId&&!n&&!(e.replyCount&&e.replyCount>0)}function fu(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 hu(e,t){let n=Math.abs(Pn(e)-Pn(t));return Math.min(n,360-n)<.5}function zn(e,t,n){let r=Er(e)??29,o=Math.round(360/60),i=No(t),a=t.flatMap((c,u)=>{if(!c.color)return[];if(n&&c.pathname&&c.pathname!==n)return[];if(Ro(c,i))return[];let p=Er(c.color);return p===null?[]:[{hue:p,key:fu(c,u,i)}]}),l=Yt(r),d=Number.POSITIVE_INFINITY;for(let c=0;c<o;c+=1){let u=Pn(r+c*60),p=new Set(a.filter(h=>hu(h.hue,u)).map(h=>h.key));if(p.size===0)return Yt(u);p.size<d&&(d=p.size,l=Yt(u))}return l}function mu(e,t){let n=No(e);return e.map(r=>Ro(r,n)?{...r,color:t}:r)}function gu(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),zn(_a(e.color),r,e.pathname)}function yu(e,t){return e.find(n=>n.color)?.color??t}function bu(e){let t=[...e.annotations].sort((i,a)=>a.timestamp-i.timestamp),n=No(e.annotations),r=t.find(i=>Ro(i,n)&&!!i.color);if(r?.color)return zn(r.color,e.annotations,e.currentPathname);if(e.savedCursor)return zn(e.savedCursor,e.annotations,e.currentPathname);let o=t.find(i=>!!(i.threadId&&i.color));return o?.color?zn(_a(o.color),e.annotations,e.currentPathname):zn(Yt(29),e.annotations,e.currentPathname)}var rr=[210,150,270,90,330,30].map(e=>Pn(29+e)),Po=[.68,.5,.82,.59,.75,.43];function vu(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");return ja[([0,2,3,0,1,1][e%6]+Math.floor(e/6))%4]}function Xt(e){if(e.identity?.relationship==="host")return"circle";if(e.shape&&ja.includes(e.shape))return e.shape;let t=/^oklch\(([\d.]+) ([\d.]+) ([\d.]+)\)$/.exec(e.color??"");if(t){let n=Po.indexOf(Number(t[1])),r=rr.indexOf(Number(t[3])),o=Math.round((.14/Number(t[2])-1)*4),i=(o*Po.length+n)*rr.length+r;if(n>=0&&r>=0&&o>=0&&Number.isSafeInteger(i)&&Ba(i)===e.color)return vu(i)}return"circle"}function Ba(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");let t=Math.floor(e/rr.length),n=Po,r=n[t%n.length],o=.14/(1+Math.floor(t/n.length)*.25);return`oklch(${r} ${o} ${rr[e%rr.length]})`}function xu(e,t,n){return e?.identity.relationship==="host"?e.identity.id===t?n:e.color??bo.activeColor:e?.color??Ba(0)}function Fa(e){return e.reduce((t,n)=>t+$o(Xt(n)),0)-Math.max(0,e.length-1)*4.5}function wu({peers:e,viewedPeerId:t,selectedPeerId:n=t,onPreview:r,onPeek:o,onPeekEnd:i,theme:a="dark",detailsPeerId:l,detailsId:d,onDetailsEnter:c,onDetailsLeave:u,onDetailsDismiss:p}){let h=Ie[a],f=a==="light"?"#ffffff":"#000000",g=l??t,y=Kn(),C=$(null),k=$({onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i});k.current={onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i};let w=$(null),E=()=>{w.current!==null&&cancelAnimationFrame(w.current),w.current=null},M=e.length>0;return F(()=>{let S=C.current;if(!S)return;let T=N=>{if(N.pointerType==="touch")return;let H=N.target instanceof Element?N.target.closest("button[data-peer-id]"):null;if(!H||!S.contains(H)||N.relatedTarget instanceof Node&&H.contains(N.relatedTarget))return;let P=H.dataset.peerId;N.type==="pointerover"?(E(),Oc(()=>k.current.onDetailsEnter?.(P,"pointer")),k.current.onPeek&&(w.current=requestAnimationFrame(()=>{w.current=requestAnimationFrame(()=>{w.current=null,k.current.onPeek?.(P)})}))):(E(),k.current.onPeekEnd?.(P),k.current.onDetailsLeave?.(P,N.relatedTarget))};return S.addEventListener("pointerover",T),S.addEventListener("pointerout",T),S.addEventListener("pointercancel",T),()=>{E(),S.removeEventListener("pointerover",T),S.removeEventListener("pointerout",T),S.removeEventListener("pointercancel",T)}},[M]),e.length?s("ul",{ref:C,"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:S,permission:T,color:N=h.secondary,shape:H,unseenActivity:P},L)=>v("li",{style:{display:"flex",position:"relative",zIndex:e.length-L,marginRight:L===e.length-1?0:-4.5},children:[v("button",{type:"button","aria-pressed":n===S.id,"aria-label":`Preview ${S.name}'s plane \u2014 ${Tr[T]}${P?" \u2014 New activity":""}`,title:c?void 0:`${S.name} \xB7 ${Tr[T]}: ${Ao[T]}`,"aria-describedby":[`${y}-${L}`,l===S.id?d:void 0].filter(Boolean).join(" "),"data-peer-id":S.id,onClick:()=>{E(),r(S.id)},onFocus:()=>c?.(S.id,"focus"),onBlur:W=>u?.(S.id,W.relatedTarget),onKeyDown:W=>{W.key==="Escape"&&(E(),i?.(S.id)),!(W.key!=="Escape"||l!==S.id)&&(W.preventDefault(),W.stopPropagation(),p?.(S.id))},style:{display:"flex",position:"relative",alignItems:"center",width:$o(Xt({identity:S,color:N,shape:H})),height:22,boxSizing:"border-box",border:0,padding:0,background:"transparent",cursor:"pointer",outlineOffset:2},children:[s(nr,{shape:Xt({identity:S,color:N,shape:H}),color:g===S.id?N:`color-mix(in srgb, ${N} 20%, ${h.surface})`,outline:n===S.id?f:h.surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),P&&s("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"}})]}),s("span",{id:`${y}-${L}`,hidden:!0,children:Ao[T]})]},S.id))}):null}function zo(e,t){return JSON.stringify([e,t??null])}function Ho(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 Cu(e,t){return e.filter(n=>n.threadId===t).flatMap(n=>Ho(n).map(r=>r.key))}function ku(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(),l=i.filter(c=>!a.includes(c));if(!l.length)return a;let d=[...new Set([...a,...l])].slice(-1e3);n=d;try{e.setItem(t,JSON.stringify(d))}catch{}return d};return{read:r,markMany:o,mark:i=>o([i])}}function Va({at:e,theme:t,label:n}){let[r,o]=R(Date.now);if(F(()=>{let l=setInterval(()=>o(Date.now()),1e3);return()=>clearInterval(l)},[]),!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 s("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 Kt={gap:16,padding:12,radius:20,width:360,viewportGutter:32,identitySize:24},Hn={gap:6,padding:"4px 8px",radius:8,iconSize:12},Lr={gap:3,padding:"2px 6px",radius:8},bn={gap:3,padding:"3px 9px 3px 6px",radius:8,iconSize:10},Gt=bn,or={size:21,padding:3,radius:8,iconSize:15},Oo={padding:"0 4px",height:18,radius:6},Qa={fontFamily:St,fontSize:12,fontWeight:500,lineHeight:1.3};function Do(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Lr.gap,padding:Lr.padding,borderRadius:Lr.radius,border:0,flexShrink:0,background:Ie[e].control,color:Ie[e].primary,...Qa,whiteSpace:"nowrap",cursor:"pointer",transition:"box-shadow 120ms ease"}}var Su=Od("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"}]]),Za=120,Iu=180,Mu=2e3;function jo(e){let t=Ie[e];return{display:"flex",alignItems:"center",gap:Kt.gap,width:Kt.width,maxWidth:`calc(100vw - ${Kt.viewportGutter}px)`,boxSizing:"border-box",border:`1px solid ${t.border}`,borderRadius:Kt.radius,padding:Kt.padding,background:t.surface,color:t.primary,backdropFilter:"blur(59.5px)",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.01em"}}function Tu({peer:e,theme:t,id:n,style:r,onPermissionChange:o,onRevokeAccess:i,onInvite:a,isOwn:l=!1,onFocusSuggestion:d,onHoverSuggestion:c,onSharePreview:u,pendingSubmissions:p=[],viewedSuggestionKeys:h=[],showUnreadSuggestions:f=!0}){let g=$(c);g.current=c;let y=$(null);F(()=>{let re=y.current;if(!re)return;let Le=g.current,me=Ce=>{if(Ce.pointerType==="touch")return;let fe=Ce.target instanceof Element?Ce.target.closest('[data-devtools="peer-review-sent"]'):null;!fe||!re.contains(fe)||Ce.relatedTarget instanceof Node&&fe.contains(Ce.relatedTarget)||g.current?.(Ce.type==="pointerover"?fe.dataset.annotationId??null:null)};return re.addEventListener("pointerover",me),re.addEventListener("pointerout",me),re.addEventListener("pointercancel",me),()=>{re.removeEventListener("pointerover",me),re.removeEventListener("pointerout",me),re.removeEventListener("pointercancel",me),Le?.(null)}},[e.identity.id]);let[C,k]=R(!1),[w,E]=R(),[M,S]=R(),T=$(0),N=$(null),H=$(!1);qe(()=>{!C&&H.current&&(H.current=!1,N.current?.focus({preventScroll:!0}))},[C,e.identity.id]);let P=async(re,Le)=>{k(!0),E(re),S(void 0);try{await Le()||(T.current+=1,S({target:re,pulse:T.current}))}catch{T.current+=1,S({target:re,pulse:T.current})}finally{k(!1),E(void 0)}},[L,W]=R("idle"),[Z,ae]=R(),pe=$(0),le=$(null),[J,ye]=R();qe(()=>{if(!le.current)return;let re=!0,Le=()=>{if(!re||!le.current)return;let me=getComputedStyle(le.current),Ce=document.createElement("span");Object.assign(Ce.style,{position:"fixed",visibility:"hidden",pointerEvents:"none",whiteSpace:"nowrap",fontFamily:me.fontFamily,fontSize:me.fontSize,fontWeight:me.fontWeight,lineHeight:me.lineHeight}),document.body.append(Ce);let fe=Number.parseFloat(me.paddingLeft)+Number.parseFloat(me.paddingRight)+Gt.iconSize+Gt.gap,st=Ht=>(Ce.textContent=Ht,Math.ceil(fe+Ce.getBoundingClientRect().width)),Mt={idle:st("Invite"),busy:st("Copying\u2026"),copied:st("Copied")};Ce.remove(),Object.values(Mt).every(Ht=>Ht>fe)&&ye(Mt)};return Le(),document.fonts?.ready.then(Le),()=>{re=!1}},[t,l,a]),F(()=>{if(L==="copied"){let re=setTimeout(()=>{W(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches?"idle":"copied-out")},Mu);return()=>clearTimeout(re)}if(L==="copied-out"){let re=setTimeout(()=>W("idle-in"),Za);return()=>clearTimeout(re)}if(L==="idle-in"){let re=setTimeout(()=>W("idle"),16);return()=>clearTimeout(re)}},[L]);let G=Ie[t],[be,Ee]=R(),[X,xe]=R(),A=$(0),[I,j]=R(Date.now);F(()=>{if(!p.length)return;let re=setInterval(()=>j(Date.now()),3e4);return()=>clearInterval(re)},[p.length]);let[_,O]=R("idle"),ee=e.permission==="direct"?Jd:ha,we=!l&&!!o,te=[...p].sort((re,Le)=>(Le.submittedAt??0)-(re.submittedAt??0)),Je=te.flatMap(Ho),q=new Set(h),He=async(re,Le)=>{if(!d)return;let me=zo(re,Le);k(!0),Ee(me),xe(void 0);try{await d(re,Le)}catch{A.current+=1,xe({key:me,pulse:A.current})}finally{k(!1),Ee(void 0)}};return v("div",{id:n,ref:y,role:o||a||d||u?"group":"tooltip","data-devtools":"peer-details","data-popmelt-font":"sans","data-popmelt-theme":t,style:{...jo(t),flexWrap:d||u?"wrap":void 0,...r},children:[s("style",{children:`
50
50
  [data-devtools="peer-revoke"] { color: ${G.secondary}; }
51
51
  [data-devtools="peer-revoke"]:not(:disabled):is(:hover, :focus-visible) { color: ${G.primary}; }
52
52
  [data-devtools="peer-revoke-label"] {
@@ -94,7 +94,7 @@ ${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"
94
94
  [data-popmelt-peer-action-rejection] { animation: none !important; }
95
95
  [data-popmelt-peer-action-spinner] { animation: none !important; }
96
96
  }
97
- `}),v("div",{style:{display:"flex",alignItems:"center",gap:6,flex:"1 1 auto",minWidth:0},children:[s(nr,{shape:Xt(e),color:e.color??G.secondary,size:Kt.identitySize}),v("span",{style:{minWidth:0},children:[v("span",{style:{display:"flex",alignItems:"center",gap:6,minWidth:0},children:[s("span",{"data-devtools":"peer-name",style:{display:"block",fontWeight:600,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.identity.name}),!l&&e.lastActivityAt!==void 0&&s(Va,{at:e.lastActivityAt,theme:t,label:"Last plane activity"})]}),e.stagedCount!==void 0&&v("span",{"data-devtools":"peer-staged-count",style:{display:"block",fontSize:12,color:G.secondary,marginTop:3,whiteSpace:"nowrap"},children:[e.stagedCount," staged"," ",e.stagedCount===1?"change":"changes"]})]})]}),l&&a&&s("button",{ref:le,type:"button","data-devtools":"peer-invite",disabled:L==="busy","aria-live":"polite","aria-label":Z===void 0?void 0:"Invitation copy failed; try again","data-popmelt-peer-action-rejection":Z===void 0?void 0:Z%2?"odd":"even",onClick:async()=>{ae(void 0),j("busy");try{await a(),j("copied")}catch{pe.current+=1,j("idle"),ae(pe.current)}},style:{...Do(t),width:J?J[L==="busy"?"busy":L==="copied"||L==="copied-out"?"copied":"idle"]:void 0,boxSizing:"border-box",overflow:"hidden",gap:Gt.gap,padding:Gt.padding,borderRadius:Gt.radius,letterSpacing:"-0.01em",transition:`box-shadow 120ms ease, width ${Iu}ms ease`,color:L==="busy"?G.muted:G.primary,cursor:L==="busy"?"default":"pointer"},children:v("span",{"data-popmelt-peer-invite-content":!0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"inherit",opacity:L==="copied-out"||L==="idle-in"?0:1,transition:`opacity ${Za}ms ease`},children:[L==="busy"?s(er,{"data-popmelt-peer-action-spinner":!0,size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):L==="copied"||L==="copied-out"?s(Gn,{size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):s(Yd,{size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),L==="busy"?"Copying\u2026":L==="copied"||L==="copied-out"?"Copied":"Invite"]})}),(!l||e.identity.relationship!=="host")&&v("div",{style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},children:[v("button",{"data-devtools":"peer-permission",type:"button",disabled:!we||C||e.permission==="blocked","aria-label":we?M?.target==="permission"?"Permission update failed; try again":`${Tr[e.permission]} permissions; switch to ${e.permission==="direct"?"Suggest":"Edit"}`:void 0,"data-popmelt-peer-action-rejection":M?.target==="permission"?M.pulse%2?"odd":"even":void 0,onClick:()=>we&&o&&void P("permission",()=>o(e.permission==="direct"?"approval-required":"direct")),style:{...Do(t),gap:bn.gap,padding:bn.padding,borderRadius:bn.radius,letterSpacing:"-0.01em",transition:"box-shadow 120ms ease, opacity 120ms ease",color:C?G.muted:G.primary,cursor:!we||C?"default":"pointer"},children:[w==="permission"?s(er,{"data-popmelt-peer-action-spinner":!0,size:bn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):s(ee,{size:bn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),Tr[e.permission]]}),!l&&i&&e.identity.relationship!=="host"&&v("button",{type:"button","data-devtools":"peer-revoke",ref:N,"aria-label":M?.target==="revoke"?`Could not remove ${e.identity.name}; try again`:`Remove ${e.identity.name} from session`,"data-popmelt-peer-action-rejection":M?.target==="revoke"?M.pulse%2?"odd":"even":void 0,disabled:C,onClick:()=>{H.current=!0,P("revoke",i)},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",width:or.size,height:or.size,padding:or.padding,borderRadius:or.radius,border:0,background:"transparent",flexShrink:0,fontFamily:St,fontSize:12,fontWeight:500,lineHeight:1.3,cursor:C?"default":"pointer"},children:[s("span",{"data-devtools":"peer-revoke-label","aria-hidden":"true",style:{position:"absolute",right:18,top:"50%",transform:"translateY(-50%)"},children:s("span",{style:{display:"block",paddingRight:3,whiteSpace:"nowrap"},children:"Remove?"})}),s(Su,{size:or.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]}),u&&v("div",{style:{flexBasis:"100%"},children:[s("button",{type:"button",disabled:_==="busy",onClick:async()=>{O("busy");try{await u(),O("shared")}catch{O("error")}},style:{width:"100%",padding:"8px 12px",border:`1px solid ${G.border}`,borderRadius:Lr.radius,background:"transparent",color:G.primary,font:"inherit",cursor:"pointer"},children:_==="busy"?"Requesting preview\u2026":_==="shared"?"Share my plane again":"Share my plane"}),_==="error"&&s("div",{role:"status",style:{fontSize:12,marginTop:6},children:"Preview unavailable. Your draft still works; sharing requires a supported browser and permission."})]}),d&&te.length>0&&v("section",{"aria-label":"Suggestions awaiting review","data-devtools":"peer-review-list",style:{flexBasis:"100%",minWidth:0,display:"flex",flexDirection:"column",gap:12},children:[s("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px",color:G.secondary},children:"Awaiting review"}),s("div",{style:{display:"flex",flexDirection:"column",gap:8,maxHeight:216,overflowY:"auto",overflowX:"hidden",padding:"0 4px",margin:"0 -4px"},children:Je.map(({submission:re,annotation:Le,key:me})=>{let Ce=f&&!q.has(me);return s("button",{type:"button",className:"popmelt-history-row","data-devtools":"peer-review-sent","data-submission-id":re.id,"data-annotation-id":Le.id,"data-unread":Ce?"true":void 0,disabled:C,"aria-label":`${Ce?"New: ":""}View ${Le.label} on the peer plane`,"aria-busy":be===me,"data-popmelt-peer-action-rejection":X?.key===me?X.pulse%2?"odd":"even":void 0,onClick:()=>{He(re.id,Le.id)},onFocus:()=>c?.(Le.id??null),onBlur:()=>c?.(null),style:{border:0,padding:0,background:"transparent",font:"inherit",cursor:C?"default":"pointer",...za},children:v("span",{style:Ha,children:[s("span",{"aria-hidden":"true",style:{width:6,flexShrink:0,alignSelf:"center",marginRight:-12},children:Ce&&s("span",{"data-devtools":"peer-review-unread-dot",style:{display:"block",width:6,height:6,borderRadius:"50%",background:e.color??G.secondary}})}),s("span",{style:Oa,children:Le.label}),re.submittedAt!==void 0&&s("time",{dateTime:new Date(re.submittedAt).toISOString(),style:Da,children:Pa(re.submittedAt,I)})]})},me)})})]})]})}var qa=e=>e instanceof Element?e.closest("[data-admission-request-id]")?.getAttribute("data-admission-request-id")??null:null;function Eu(e,t,n){let r=$(e);r.current=e,qe(()=>{let o=n?.current??window,i=null,a=!1,l=u=>{u.pointerType!=="touch"&&(i=u.type==="pointerover"?u.composedPath().map(qa).find(Boolean)??null:qa(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",l,!0),o.addEventListener("pointerout",l,!0),window.addEventListener("keydown",d,!0),window.addEventListener("keyup",d,!0),window.addEventListener("blur",c),()=>{o.removeEventListener("pointerover",l,!0),o.removeEventListener("pointerout",l,!0),window.removeEventListener("keydown",d,!0),window.removeEventListener("keyup",d,!0),window.removeEventListener("blur",c)}},[t,n])}var Ua=260,jo=120;function Ja(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:Oo.padding,height:Oo.height,borderRadius:Oo.radius,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:400,background:Ie[e].control,color:Ie[e].primary}}function Ya(e){return Wo(e)}function _o(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Hn.gap,padding:Hn.padding,borderRadius:Hn.radius,border:0,background:"transparent",color:Ie[e].primary,font:"inherit",fontWeight:500,cursor:"pointer",whiteSpace:"nowrap",flexShrink:0}}function Lu({request:e,selected:t,dimmed:n=!1,onClick:r,theme:o,detailsId:i,onDetailsEnter:a,onDetailsLeave:l,onDetailsDismiss:d,onHoverChange:c}){let u=$(null);return F(()=>{let p=u.current;if(!p)return;let h=f=>{if(f.pointerType==="touch"||f.relatedTarget instanceof Node&&p.contains(f.relatedTarget))return;let g=f.type==="pointerover";c?.(g),g?a?.("pointer"):l?.(f.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,l,c]),v("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=>l?.(p.relatedTarget),onKeyDown:p=>{p.key!=="Escape"||!t||(p.preventDefault(),p.stopPropagation(),d?.())},onClick:r,style:{width:$o(Xt(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:[s(nr,{shape:Xt(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"}}),s(lc,{size:12,style:{width:12,height:12,position:"relative",flexShrink:0,pointerEvents:"none"},"aria-hidden":"true","data-popmelt-admission-wave":!0})]})}function Au({id:e,request:t,theme:n,onDecide:r,style:o,grantRef:i}){let[a,l]=R(!1),[d,c]=R(),u=$(0),p=$(!1),h=async f=>{if(!p.current){p.current=!0,l(!0),c(void 0);try{await r(t.id,f)}catch{u.current+=1,c({target:f,pulse:u.current})}finally{p.current=!1,l(!1)}}};return v("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:{...Ya(n),...o},children:[s("style",{children:`
97
+ `}),v("div",{style:{display:"flex",alignItems:"center",gap:6,flex:"1 1 auto",minWidth:0},children:[s(nr,{shape:Xt(e),color:e.color??G.secondary,size:Kt.identitySize}),v("span",{style:{minWidth:0},children:[v("span",{style:{display:"flex",alignItems:"center",gap:6,minWidth:0},children:[s("span",{"data-devtools":"peer-name",style:{display:"block",fontWeight:600,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.identity.name}),!l&&e.lastActivityAt!==void 0&&s(Va,{at:e.lastActivityAt,theme:t,label:"Last plane activity"})]}),e.stagedCount!==void 0&&v("span",{"data-devtools":"peer-staged-count",style:{display:"block",fontSize:12,color:G.secondary,marginTop:3,whiteSpace:"nowrap"},children:[e.stagedCount," staged"," ",e.stagedCount===1?"change":"changes"]})]})]}),l&&a&&s("button",{ref:le,type:"button","data-devtools":"peer-invite",disabled:L==="busy","aria-live":"polite","aria-label":Z===void 0?void 0:"Invitation copy failed; try again","data-popmelt-peer-action-rejection":Z===void 0?void 0:Z%2?"odd":"even",onClick:async()=>{ae(void 0),W("busy");try{await a(),W("copied")}catch{pe.current+=1,W("idle"),ae(pe.current)}},style:{...Do(t),width:J?J[L==="busy"?"busy":L==="copied"||L==="copied-out"?"copied":"idle"]:void 0,boxSizing:"border-box",overflow:"hidden",gap:Gt.gap,padding:Gt.padding,borderRadius:Gt.radius,letterSpacing:"-0.01em",transition:`box-shadow 120ms ease, width ${Iu}ms ease`,color:L==="busy"?G.muted:G.primary,cursor:L==="busy"?"default":"pointer"},children:v("span",{"data-popmelt-peer-invite-content":!0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"inherit",opacity:L==="copied-out"||L==="idle-in"?0:1,transition:`opacity ${Za}ms ease`},children:[L==="busy"?s(er,{"data-popmelt-peer-action-spinner":!0,size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):L==="copied"||L==="copied-out"?s(Gn,{size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):s(Yd,{size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),L==="busy"?"Copying\u2026":L==="copied"||L==="copied-out"?"Copied":"Invite"]})}),(!l||e.identity.relationship!=="host")&&v("div",{style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},children:[v("button",{"data-devtools":"peer-permission",type:"button",disabled:!we||C||e.permission==="blocked","aria-label":we?M?.target==="permission"?"Permission update failed; try again":`${Tr[e.permission]} permissions; switch to ${e.permission==="direct"?"Suggest":"Edit"}`:void 0,"data-popmelt-peer-action-rejection":M?.target==="permission"?M.pulse%2?"odd":"even":void 0,onClick:()=>we&&o&&void P("permission",()=>o(e.permission==="direct"?"approval-required":"direct")),style:{...Do(t),gap:bn.gap,padding:bn.padding,borderRadius:bn.radius,letterSpacing:"-0.01em",transition:"box-shadow 120ms ease, opacity 120ms ease",color:C?G.muted:G.primary,cursor:!we||C?"default":"pointer"},children:[w==="permission"?s(er,{"data-popmelt-peer-action-spinner":!0,size:bn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):s(ee,{size:bn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),Tr[e.permission]]}),!l&&i&&e.identity.relationship!=="host"&&v("button",{type:"button","data-devtools":"peer-revoke",ref:N,"aria-label":M?.target==="revoke"?`Could not remove ${e.identity.name}; try again`:`Remove ${e.identity.name} from session`,"data-popmelt-peer-action-rejection":M?.target==="revoke"?M.pulse%2?"odd":"even":void 0,disabled:C,onClick:()=>{H.current=!0,P("revoke",i)},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",width:or.size,height:or.size,padding:or.padding,borderRadius:or.radius,border:0,background:"transparent",flexShrink:0,fontFamily:St,fontSize:12,fontWeight:500,lineHeight:1.3,cursor:C?"default":"pointer"},children:[s("span",{"data-devtools":"peer-revoke-label","aria-hidden":"true",style:{position:"absolute",right:18,top:"50%",transform:"translateY(-50%)"},children:s("span",{style:{display:"block",paddingRight:3,whiteSpace:"nowrap"},children:"Remove?"})}),s(Su,{size:or.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]}),u&&v("div",{style:{flexBasis:"100%"},children:[s("button",{type:"button",disabled:_==="busy",onClick:async()=>{O("busy");try{await u(),O("shared")}catch{O("error")}},style:{width:"100%",padding:"8px 12px",border:`1px solid ${G.border}`,borderRadius:Lr.radius,background:"transparent",color:G.primary,font:"inherit",cursor:"pointer"},children:_==="busy"?"Requesting preview\u2026":_==="shared"?"Share my plane again":"Share my plane"}),_==="error"&&s("div",{role:"status",style:{fontSize:12,marginTop:6},children:"Preview unavailable. Your draft still works; sharing requires a supported browser and permission."})]}),d&&te.length>0&&v("section",{"aria-label":"Suggestions awaiting review","data-devtools":"peer-review-list",style:{flexBasis:"100%",minWidth:0,display:"flex",flexDirection:"column",gap:12},children:[s("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px",color:G.secondary},children:"Awaiting review"}),s("div",{style:{display:"flex",flexDirection:"column",gap:8,maxHeight:216,overflowY:"auto",overflowX:"hidden",padding:"0 4px",margin:"0 -4px"},children:Je.map(({submission:re,annotation:Le,key:me})=>{let Ce=f&&!q.has(me);return s("button",{type:"button",className:"popmelt-history-row","data-devtools":"peer-review-sent","data-submission-id":re.id,"data-annotation-id":Le.id,"data-unread":Ce?"true":void 0,disabled:C,"aria-label":`${Ce?"New: ":""}View ${Le.label} on the peer plane`,"aria-busy":be===me,"data-popmelt-peer-action-rejection":X?.key===me?X.pulse%2?"odd":"even":void 0,onClick:()=>{He(re.id,Le.id)},onFocus:()=>c?.(Le.id??null),onBlur:()=>c?.(null),style:{border:0,padding:0,background:"transparent",font:"inherit",cursor:C?"default":"pointer",...za},children:v("span",{style:Ha,children:[s("span",{"aria-hidden":"true",style:{width:6,flexShrink:0,alignSelf:"center",marginRight:-12},children:Ce&&s("span",{"data-devtools":"peer-review-unread-dot",style:{display:"block",width:6,height:6,borderRadius:"50%",background:e.color??G.secondary}})}),s("span",{style:Oa,children:Le.label}),re.submittedAt!==void 0&&s("time",{dateTime:new Date(re.submittedAt).toISOString(),style:Da,children:Pa(re.submittedAt,I)})]})},me)})})]})]})}var qa=e=>e instanceof Element?e.closest("[data-admission-request-id]")?.getAttribute("data-admission-request-id")??null:null;function Eu(e,t,n){let r=$(e);r.current=e,qe(()=>{let o=n?.current??window,i=null,a=!1,l=u=>{u.pointerType!=="touch"&&(i=u.type==="pointerover"?u.composedPath().map(qa).find(Boolean)??null:qa(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",l,!0),o.addEventListener("pointerout",l,!0),window.addEventListener("keydown",d,!0),window.addEventListener("keyup",d,!0),window.addEventListener("blur",c),()=>{o.removeEventListener("pointerover",l,!0),o.removeEventListener("pointerout",l,!0),window.removeEventListener("keydown",d,!0),window.removeEventListener("keyup",d,!0),window.removeEventListener("blur",c)}},[t,n])}var Ua=260,Wo=120;function Ja(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:Oo.padding,height:Oo.height,borderRadius:Oo.radius,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:400,background:Ie[e].control,color:Ie[e].primary}}function Ya(e){return jo(e)}function _o(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Hn.gap,padding:Hn.padding,borderRadius:Hn.radius,border:0,background:"transparent",color:Ie[e].primary,font:"inherit",fontWeight:500,cursor:"pointer",whiteSpace:"nowrap",flexShrink:0}}function Lu({request:e,selected:t,dimmed:n=!1,onClick:r,theme:o,detailsId:i,onDetailsEnter:a,onDetailsLeave:l,onDetailsDismiss:d,onHoverChange:c}){let u=$(null);return F(()=>{let p=u.current;if(!p)return;let h=f=>{if(f.pointerType==="touch"||f.relatedTarget instanceof Node&&p.contains(f.relatedTarget))return;let g=f.type==="pointerover";c?.(g),g?a?.("pointer"):l?.(f.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,l,c]),v("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=>l?.(p.relatedTarget),onKeyDown:p=>{p.key!=="Escape"||!t||(p.preventDefault(),p.stopPropagation(),d?.())},onClick:r,style:{width:$o(Xt(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:[s(nr,{shape:Xt(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"}}),s(lc,{size:12,style:{width:12,height:12,position:"relative",flexShrink:0,pointerEvents:"none"},"aria-hidden":"true","data-popmelt-admission-wave":!0})]})}function Au({id:e,request:t,theme:n,onDecide:r,style:o,grantRef:i}){let[a,l]=R(!1),[d,c]=R(),u=$(0),p=$(!1),h=async f=>{if(!p.current){p.current=!0,l(!0),c(void 0);try{await r(t.id,f)}catch{u.current+=1,c({target:f,pulse:u.current})}finally{p.current=!1,l(!1)}}};return v("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:{...Ya(n),...o},children:[s("style",{children:`
98
98
  [data-devtools="admission-card"][data-popmelt-theme="${n}"] [data-admission-reject] {
99
99
  color: ${Ie[n].mutedStrong};
100
100
  transition: color 120ms ease;
@@ -103,13 +103,13 @@ ${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"
103
103
  color: ${Ie[n].primary};
104
104
  }
105
105
  [data-admission-invite] {
106
- transition: opacity ${jo}ms ease;
106
+ transition: opacity ${Wo}ms ease;
107
107
  }
108
108
  [data-admission-reject-label] {
109
109
  max-width: 0;
110
110
  opacity: 0;
111
111
  overflow: hidden;
112
- transition: max-width 160ms ease, opacity ${jo}ms ease;
112
+ transition: max-width 160ms ease, opacity ${Wo}ms ease;
113
113
  }
114
114
  [data-admission-reject]:not(:disabled):is(:hover, :focus-visible) [data-admission-reject-label] {
115
115
  max-width: 54px;
@@ -185,7 +185,7 @@ ${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"
185
185
  [data-popmelt-admission-updating-dot] { animation: none; opacity: 1; }
186
186
  [data-popmelt-admission-decision-rejection] { animation: none !important; }
187
187
  }
188
- `}),v("div",{style:{display:"flex",alignItems:"center",gap:6,flex:1,minWidth:0},children:[s(nr,{"data-popmelt-request-avatar":!0,shape:Xt(t),color:t.color??"transparent",size:Kt.identitySize}),s("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontWeight:600},children:t.name}),s(Va,{at:t.createdAt,theme:n,label:"Requested"})]}),v("div",{style:{display:"flex",gap:0,position:"relative"},children:[v("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:{..._o(n),position:"relative",boxSizing:"border-box",overflow:"hidden"},onClick:()=>{h("grant")},children:[s("kbd",{"aria-hidden":"true","data-popmelt-admission-invite-shortcut":!0,style:{...Ja(n),opacity:a?0:1,transition:`opacity ${jo}ms ease`},children:"space"}),s("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 ${Ua}ms ease both`:void 0},children:"to invite"}),a&&v("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 ${Ua}ms ease 40ms both`},children:["Updating",v("span",{"aria-hidden":"true","data-popmelt-admission-updating-dots":!0,style:{display:"inline-block"},children:[s("span",{"data-popmelt-admission-updating-dot":"1",children:"."}),s("span",{"data-popmelt-admission-updating-dot":"2",children:"."}),s("span",{"data-popmelt-admission-updating-dot":"3",children:"."})]})]})]}),v("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:{..._o(n),color:void 0,position:"relative"},onClick:()=>{h("decline")},children:[s("span",{"data-admission-reject-label":!0,"aria-hidden":"true",style:{position:"absolute",right:20,top:"50%",transform:"translateY(-50%)"},children:s("span",{style:{display:"block",paddingRight:4,whiteSpace:"nowrap"},children:"Decline?"})}),s(fa,{size:Hn.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]})]})}var Xa=`
188
+ `}),v("div",{style:{display:"flex",alignItems:"center",gap:6,flex:1,minWidth:0},children:[s(nr,{"data-popmelt-request-avatar":!0,shape:Xt(t),color:t.color??"transparent",size:Kt.identitySize}),s("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontWeight:600},children:t.name}),s(Va,{at:t.createdAt,theme:n,label:"Requested"})]}),v("div",{style:{display:"flex",gap:0,position:"relative"},children:[v("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:{..._o(n),position:"relative",boxSizing:"border-box",overflow:"hidden"},onClick:()=>{h("grant")},children:[s("kbd",{"aria-hidden":"true","data-popmelt-admission-invite-shortcut":!0,style:{...Ja(n),opacity:a?0:1,transition:`opacity ${Wo}ms ease`},children:"space"}),s("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 ${Ua}ms ease both`:void 0},children:"to invite"}),a&&v("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 ${Ua}ms ease 40ms both`},children:["Updating",v("span",{"aria-hidden":"true","data-popmelt-admission-updating-dots":!0,style:{display:"inline-block"},children:[s("span",{"data-popmelt-admission-updating-dot":"1",children:"."}),s("span",{"data-popmelt-admission-updating-dot":"2",children:"."}),s("span",{"data-popmelt-admission-updating-dot":"3",children:"."})]})]})]}),v("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:{..._o(n),color:void 0,position:"relative"},onClick:()=>{h("decline")},children:[s("span",{"data-admission-reject-label":!0,"aria-hidden":"true",style:{position:"absolute",right:20,top:"50%",transform:"translateY(-50%)"},children:s("span",{style:{display:"block",paddingRight:4,whiteSpace:"nowrap"},children:"Decline?"})}),s(fa,{size:Hn.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]})]})}var Xa=`
189
189
  [data-popmelt-admission-wave] {
190
190
  transform-box: fill-box;
191
191
  transform-origin: 70% 85%;
@@ -203,8 +203,8 @@ ${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"
203
203
  60% { transform: rotate(12deg); }
204
204
  80% { transform: rotate(-6deg); }
205
205
  }
206
- `,Bo=Sr(null),Ka=Sr(void 0);function $u({onJoin:e,theme:t,style:n,capturePreview:r=!0}){let o=Kn(),i=Kn(),[a,l]=R(""),[d,c]=R(!1),[u,p]=R(!0),[h,f]=R(!1),g=Ie[t];return v("form",{"data-devtools":"peer-join","data-popmelt-font":"sans","data-popmelt-theme":t,"aria-label":"Join the canvas",onSubmit:async y=>{if(y.preventDefault(),!(d||!a.trim())){c(!0),f(!1);try{await e(a.trim(),{sharePreview:r&&u})}catch{f(!0)}finally{c(!1)}}},style:{...Wo(t),display:"block",...n},children:[s("label",{htmlFor:o,style:{display:"block",fontWeight:600,marginBottom:8},children:"Join the canvas"}),s("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:y=>l(y.target.value),style:{width:"100%",boxSizing:"border-box",padding:"8px 10px",border:`1px solid ${g.border}`,borderRadius:Hn.radius,background:"transparent",color:g.primary,font:"inherit"}}),s("p",{title:Ao["approval-required"],style:{fontSize:12,color:g.secondary,margin:"8px 0"},children:"Suggest \xB7 Explore freely. The host approves code changes."}),r&&v(Me,{children:[v("label",{style:{display:"flex",gap:8,alignItems:"center",margin:"12px 0 4px"},children:[s("input",{type:"checkbox",name:"share-preview",checked:u,disabled:d,onChange:y=>p(y.target.checked)}),"Share my plane"]}),s("p",{style:{fontSize:12,color:g.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."})]}),s("button",{type:"submit",disabled:d||!a.trim(),style:{width:"100%",padding:"8px 12px",border:0,borderRadius:Hn.radius,background:g.primary,color:g.surface,font:"inherit",cursor:"pointer"},children:d?"Joining\u2026":"Join"}),h&&s("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 Ga=Sr(null);function el(e){return JSON.stringify(e.map(t=>{if(!t.linkedSelector)return t;let{points:n,linkedAnchor:r,...o}=t;return o}))}function Nu(e,t,n,r,o,i=!0){let a=$(null),l=$(null),d=$(null),c=$(null),u=$(null);F(()=>{i&&localStorage.removeItem(o.inspected)},[i,o.inspected]),F(()=>{if(!i||!r.current)return;let p=el(t.annotations);p!==a.current&&(a.current=p,localStorage.setItem(o.annotations,JSON.stringify(t.annotations)))},[i,t.annotations,r,o]),F(()=>{if(!i)return;let p=h=>{if(r.current)try{let f=h.newValue?JSON.parse(h.newValue):[];if(!Array.isArray(f))return;if(h.key===o.annotations){let y=el(f);if(y===a.current)return;a.current=y,n({type:"SYNC_ANNOTATIONS",payload:{annotations:f}});return}let g=JSON.stringify(f);if(h.key===o.styleMods){if(g===l.current)return;l.current=g,n({type:"RESTORE_STYLE_MODIFICATIONS",payload:f})}else if(h.key===o.textMods){if(g===d.current)return;d.current=g,n({type:"RESTORE_TEXT_MODIFICATIONS",payload:f})}else if(h.key===o.domMods){if(g===c.current)return;c.current=g,n({type:"RESTORE_DOM_MODIFICATIONS",payload:f})}else if(h.key===o.spacingChanges){if(g===u.current)return;u.current=g,n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:f})}}catch{}};return window.addEventListener("storage",p),()=>window.removeEventListener("storage",p)},[i,n,r,o]),F(()=>{if(!i||!r.current)return;localStorage.setItem(o.expanded,String(e)),localStorage.setItem(o.color,t.activeColor);let p=(h,f,g)=>{let y=JSON.stringify(f);y!==g.current&&(g.current=y,localStorage.setItem(h,y))};p(o.styleMods,t.styleModifications,l),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 tl(e){let t=$(e);F(()=>t.current(),[])}function Ru(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),l=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(l)&&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 Pu="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMic+PGRlZnM+PHBhdHRlcm4gaWQ9J2QnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnPjxwYXRoIGQ9J00tMSwxIGwyLC0yIE0wLDQgbDQsLTQgTTMsNSBsMiwtMicgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScuNScvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSd1cmwoI2QpJy8+PC9zdmc+",zu={borderWidth:3,borderStyle:"solid",borderImage:`url("${Pu}") 4 / 1.9 / 0 round`};function Ar(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((l,d)=>d.timestamp-l.timestamp);let a=i[0];a.groupId&&o.add(a.groupId);for(let l=1;l<i.length;l++){let d=i[l];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 $r(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,l]=[parseInt(r[1],10),parseInt(r[2],10),parseInt(r[3],10)];return(.2126*i+.7152*a+.0722*l)/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),l=parseInt(i.slice(2,4),16),d=parseInt(i.slice(4,6),16);if(!isNaN(a))return(.2126*a+.7152*l+.0722*d)/255}return null}function Hu(e){return(t,n)=>{let r=$r(t[1]),o=$r(n[1]);return r!==null&&o!==null?r-o:t[0].localeCompare(n[0])}}function Ou(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 Du(e){let t=new Map;for(let o of e){let i=Ou(o[0]),a=t.get(i);a||(a=[],t.set(i,a)),a.push(o)}let n=Hu();for(let o of t.values())o.sort(n);let r=[...t.entries()];return r.sort((o,i)=>{let a=$r(o[1][0][1])??0,l=$r(i[1][0][1])??0;return a-l}),r}function Wu(e){return e<=1?"zero":e<=4?"low":e<=7?"medium":"high"}var nl=new Set(["expresses"]),Fo={project:0,route:1,selector:2,component:3,file:4};function ju(e){return`${e.scope.kind}:${[...e.scope.values].sort().join("|")||"*"}`}function _u(e){return e.scope.kind==="project"&&e.scope.values.length===0?"Project":e.scope.values.join(", ")||e.scope.kind}function rl(e,t){let n=e.kind==="intention"?5:e.kind==="principle"?4:1,r=4-Fo[e.scope.kind];return n+r+Math.min(3,t)*3+Math.min(2,e.evidenceCount/3)}function Bu(e){return e.scope.kind==="project"||e.kind==="principle"||e.kind==="intention"&&e.evidenceCount>=2}function ir(e,t,n){return[...e].sort((r,o)=>{let i=t.get(r),a=t.get(o);return rl(a,n.get(o)?.length??0)-rl(i,n.get(r)?.length??0)||a.updatedAt.localeCompare(i.updatedAt)})}function Fu(e){let t=e.explanations.filter(k=>k.state!=="retired"),n=new Map(t.map(k=>[k.id,k])),r=t.filter(k=>k.state!=="challenged"),o=new Set(r.map(k=>k.id)),i=new Map,a=new Map,l=new Set;for(let k of t)for(let w of k.relations){if(!nl.has(w.type))continue;let E=w.direction==="outgoing"?k.id:w.explanationId,M=w.direction==="outgoing"?w.explanationId:k.id,S=`${E}:${M}`;l.has(S)||!o.has(E)||!o.has(M)||(l.add(S),i.set(M,new Set([...i.get(M)??[],E])),a.set(E,new Set([...a.get(E)??[],M])))}let d=new Map,c=new Map;for(let[k,w]of i)d.set(k,ir(w,n,d));for(let[k,w]of a)c.set(k,ir(w,n,d));let u=ir(r.flatMap(k=>(c.get(k.id)?.length??0)>0?[]:(d.get(k.id)?.length??0)>0||Bu(k)?[k.id]:[]),n,d),p=new Set,h=k=>{if(!p.has(k)){p.add(k);for(let w of d.get(k)??[])h(w)}};u.forEach(h);let f=new Map;for(let k of u){let w=n.get(k),E=ju(w),M=f.get(E);M?M.rootIds.push(k):f.set(E,{id:E,label:_u(w),scopeKind:w.scope.kind,rootIds:[k]})}let g=[...f.values()].sort((k,w)=>Fo[k.scopeKind]-Fo[w.scopeKind]||k.label.localeCompare(w.label)),y=ir(r.flatMap(k=>p.has(k.id)?[]:[k.id]),n,d),C=ir(t.flatMap(k=>k.state==="challenged"?[k.id]:[]),n,d);return{explanationsById:n,childrenById:d,parentIdsById:c,sections:g,unplacedIds:y,challengedIds:C}}function Vu(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 l of e.parentIdsById.get(a)??[])r.has(l)||(r.add(l),o.push(l))}let i=a=>new Map([...a].flatMap(([l,d])=>r.has(l)?[[l,d.filter(c=>r.has(c))]]:[]));return{explanationsById:e.explanationsById,childrenById:i(e.childrenById),parentIdsById:i(e.parentIdsById),sections:e.sections.flatMap(a=>{let l=a.rootIds.filter(d=>r.has(d));return l.length?[{...a,rootIds:l}]:[]}),unplacedIds:e.unplacedIds.filter(a=>n.has(a)),challengedIds:e.challengedIds.filter(a=>n.has(a))}}function Qu(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 Zu(e){return nl.has(e.type)}var qu=/^#[0-9a-fA-F]{3,8}$/,Uu=/^(?:rgba?|hsla?|oklch)\([^)]+\)$/,Ju=new Set(["black","white","red","blue","green","yellow","orange","purple","pink","gray","grey","cyan","magenta","brown","navy","teal","maroon","olive","silver","aqua","fuchsia","lime"]),Yu=/^-?\d+(\.\d+)?(px|rem|em|%)$/;function ol(e){let t=e.trim();return qu.test(t)||Uu.test(t)||Ju.has(t.toLowerCase())}function Xu(e){return Yu.test(e.trim())}function Ku(e){let t=e.trim().match(/^(-?\d+(?:\.\d+)?)px$/);return t?parseFloat(t[1]):null}function Vo(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(...Vo(o,i))}else n.push([i,Array.isArray(o)?o.map(String).join(", "):String(o??"")])}return n}function Gu(e){return e.length===0?"generic":e.filter(([,t])=>ol(t)).length>e.length/2?"colors":e.filter(([,t])=>Xu(t)).length>e.length/2?"spacing":"generic"}var ep={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 tp({varName:e,value:t,reference:n}){return s("div",{title:n?`${e} \u2192 ${n}
207
- ${t}`:`${e}: ${t}`,style:{width:28,height:28,backgroundColor:t,outline:"1px solid var(--popmelt-library-hairline)",outlineOffset:-1,position:"relative"},children:n&&s(Mo,{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 np({entries:e,references:t}){let n=[],r=[];for(let i of e)ol(i[1])?n.push(i):r.push(i);let o=Du(n);return v(Me,{children:[o.map(([i,a])=>v("div",{style:{marginBottom:4},children:[v("div",{style:{fontSize:10,color:"var(--popmelt-library-muted)",marginBottom:2},children:[i,a.length>1?` (${a.length})`:""]}),s("div",{style:{display:"flex",flexWrap:"wrap",gap:2},children:a.map(([l,d])=>s(tp,{varName:l,value:d,reference:t[l]},l))})]},i)),r.length>0&&s(Qo,{entries:r})]})}var Nr=[0,1,2,4,8,12,16,20,24,28,32];function rp(e){if(e<=32){let t=Nr[0],n=Math.abs(e-t);for(let r=1;r<Nr.length;r++){let o=Math.abs(e-Nr[r]);o<n&&(t=Nr[r],n=o)}return t}return Math.round(e/8)*8}function op({label:e,value:t,px:n,tokenPath:r,rawToken:o,onHover:i,onModify:a,onDelete:l}){let[d,c]=R(!1),[u,p]=R(null),h=$(!1),f=$(0),g=$(0),y=$([]),C=u!==null?u:n,k=u!==null?`${u}px`:t,w=u!==null,E=oe(S=>{S.preventDefault(),h.current=!0,f.current=S.clientX,g.current=n;let T=yo(o);y.current=Td(T);let N=P=>{let L=P.clientX-f.current,j=Math.max(0,Math.round(g.current+L));P.shiftKey&&(j=rp(j));for(let Z of y.current)Z.element.style.setProperty(Z.property,j+"px","important");p(j),i?.({name:e,px:j,token:T})},H=()=>{window.removeEventListener("mousemove",N),window.removeEventListener("mouseup",H),document.body.style.cursor="",h.current=!1,p(P=>{if(P!==null&&P!==n&&a){let L=yo(o),j=L.bindings&&L.bindings.length>0,Z;if(j){let J=ea(L.bindings,g.current,P);Z=JSON.stringify({...L,value:`${P}px`,bindings:J})}else{let J=Ed(y.current,g.current),ye=Ld(y.current);if(J.length>0){let G=ea(J,g.current,P);Z=JSON.stringify({value:`${P}px`,property:ye,bindings:G})}else Z=`${P}px`}let ae=typeof o=="string"?o:JSON.stringify(o),pe=y.current.map(J=>({selector:jt(J.element),property:J.property})),le=Ad(y.current,g.current,P);a({tokenPath:r,originalValue:ae,currentValue:Z,targets:pe,originalPx:g.current,currentPx:P},{id:Math.random().toString(36).substring(2,9),tokenPath:r,tokenName:e,originalPx:g.current,newPx:P,affectedElements:le})}return P})};document.body.style.cursor="ew-resize",window.addEventListener("mousemove",N),window.addEventListener("mouseup",H)},[n,e,r,o,i,a]),M=yo(o);return v("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:C,token:M}))},onMouseLeave:()=>{h.current||(c(!1),i?.(null))},onMouseDown:E,children:[s("span",{style:{color:d||w?"#FF0000":"var(--popmelt-library-muted)"},children:e}),v("span",{style:{display:"flex",alignItems:"center",gap:4},children:[s("span",{style:{color:d||w?"#FF0000":"var(--popmelt-library-secondary)",fontWeight:600},children:k}),l&&d&&!w&&s("button",{type:"button",title:"Remove token",onMouseDown:S=>{S.stopPropagation();let T=typeof o=="string"?o:JSON.stringify(o);l(r,T)},style:{border:"none",background:"none",cursor:"pointer",padding:0,fontSize:10,lineHeight:1,color:"var(--popmelt-library-muted)"},onMouseEnter:S=>{S.currentTarget.style.color="#FF0000"},onMouseLeave:S=>{S.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]})]})}function ip({entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}){let a=[],l=[];for(let d of e){let c=Ku(d[1]);c!==null?a.push([d[0],d[1],c]):l.push(d)}return v(Me,{children:[a.length>0&&s("div",{style:{display:"flex",flexDirection:"column",gap:2},children:a.map(([d,c,u])=>{let p=d.split(".").pop(),h=n?ap(n,d):c,f=h&&typeof h=="object"&&"value"in h?h:c;return s(op,{label:p,value:c,px:u,tokenPath:`tokens.${t}.${d}`,rawToken:f,onHover:r,onModify:o,onDelete:i},d)})}),l.length>0&&s(Qo,{entries:l})]})}function ap(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 Qo({entries:e}){return s("div",{style:{display:"flex",flexDirection:"column",gap:3},children:e.map(([t,n])=>v("div",{style:{fontSize:11},children:[s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:10,marginBottom:1},children:t}),s("div",{style:{color:"var(--popmelt-library-primary)",lineHeight:1.4,paddingLeft:8},children:n})]},t))})}function il({entries:e,categoryKey:t,rawTokens:n,onSpacingHover:r,onModifyToken:o,onDeleteToken:i}){let a=Gu(e);return a==="colors"?s(np,{entries:e,references:{}}):a==="spacing"?s(ip,{entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}):s(Qo,{entries:e})}function lp(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 l=i[a];for(;l;){let d=l.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={...l.memoizedProps};return delete p.ref,{type:d,props:p}}if(!n){if(u.length>=4&&t.includes(u)){let p={...l.memoizedProps};delete p.ref,n={type:d,props:p}}else if(t.length>=4&&u.includes(t)){let p={...l.memoizedProps};delete p.ref,n={type:d,props:p}}}}l=l.return}}return n}var sp=class extends Hd{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 dp({tokens:e,onSpacingHover:t,onModifyToken:n,onDeleteToken:r}){return!e||Object.keys(e).length===0?s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"No projected tokens yet."}):s("div",{style:{display:"flex",flexDirection:"column",gap:12},children:Object.entries(e).map(([o,i])=>{let a=Vo(i);return v("section",{children:[s("div",{style:{color:"var(--popmelt-library-secondary)",fontSize:10,fontWeight:700,letterSpacing:"0.05em",marginBottom:6,textTransform:"uppercase"},children:o}),s(il,{entries:a,categoryKey:o,rawTokens:i,onSpacingHover:t,onModifyToken:n,onDeleteToken:r})]},o)})})}function cp({name:e,value:t,selected:n,highlighted:r,onRemove:o,onHover:i}){let[a,l]=R(!1),[d,c]=R(!1),u=$(null),p=$(0),[h,f]=R(0),[g,y]=R(0),C=Vo(t),k=C.find(([P])=>P==="description")?.[1];F(()=>{if(!d&&!r){f(0),y(0),p.current=0;return}let P=Gi(e);f(P.length)},[d,r,e]),F(()=>{n&&u.current&&u.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[n]);let w=n||r||d,E=n?"139,92,246":"34,197,94",M=n?"#8b5cf6":"#22c55e",S=w?`rgba(${E},0.06)`:void 0,T=w?`inset 0 0 0 1.5px rgba(${E},0.35)`:void 0,N=r||d,H=oe(()=>{let P=Gi(e);if(P.length===0)return;let L=p.current%P.length;P[L].rootElement.scrollIntoView({behavior:"smooth",block:"center"}),y(L),p.current=L+1,i?.({name:e,instanceIndex:L})},[e,i]);return v("div",{ref:u,onClick:H,onMouseEnter:()=>{c(!0),i?.({name:e,instanceIndex:0})},onMouseLeave:()=>{c(!1),i?.(null)},style:{marginBottom:8,background:S,padding:6,boxShadow:T,cursor:"pointer"},children:[v("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[v("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:6},children:[s("div",{style:{fontWeight:700,fontSize:11,letterSpacing:"0.05em",padding:"2px 6px",backgroundColor:N?M:"transparent",color:N?"#fff":"var(--popmelt-library-secondary)"},children:e}),N&&h>1&&v("span",{style:{fontSize:10,fontWeight:600,color:"var(--popmelt-library-muted)"},children:[g+1,"/",h]})]}),o&&d&&s("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"})]}),k&&s("div",{style:{fontSize:11,color:N?"var(--popmelt-library-primary)":"var(--popmelt-library-muted)",marginBottom:6,lineHeight:1.4},children:k}),a?s(il,{entries:C.filter(([P])=>P!=="description"),categoryKey:""}):s(up,{name:e,onNotFound:()=>l(!0),entries:C})]})}function up({name:e,onNotFound:t}){let[n,r]=R(null),[o,i]=R(!1);return F(()=>{let a=lp(e);a||t(),r(a),i(!0)},[e,t]),!o||!n?null:s(sp,{onError:t,children:s("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:s("div",{style:{zoom:.5,pointerEvents:"none"},children:da(n.type,n.props)})})})}function pp({components:e,selectedComponent:t,hoveredComponent:n,onRemove:r,onHover:o}){if(!e||Object.keys(e).length===0)return s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."});let i=new Set(Object.keys(e)),a=Id(i),l=Object.entries(e).sort(([d],[c])=>(a.get(d)??1/0)-(a.get(c)??1/0));return s(Me,{children:l.map(([d,c])=>s(cp,{name:d,value:c,selected:t===d,highlighted:n===d,onRemove:r,onHover:o},d))})}var fp={emerging:"Emerging",testing:"Emerging",grounded:"Grounded",challenged:"Challenged",retired:"Retired"};function hp(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}function al(e,t){return t==="all"?e.state!=="retired":t==="emerging"?e.state==="emerging"||e.state==="testing":e.state===t}function mp({explanation:e}){let t=Wu(e.evidenceCount);return v("span",{"aria-hidden":!0,style:{display:"flex",alignItems:"center",width:14,height:14},children:[s(Nc,{size:14,strokeWidth:1.8,style:{flexShrink:0,marginRight:-14,color:"var(--popmelt-library-muted)"}}),s(t==="zero"?Rc:t==="low"?Pc:t==="medium"?zc:Hc,{size:14,strokeWidth:1.8,style:{flexShrink:0,color:"var(--popmelt-library-primary)"}})]})}function Zo({explanation:e,expanded:t,onToggle:n,onViewThread:r}){let o=e.state==="challenged",i=e.relations.filter(l=>!Zu(l)),a=`${e.evidenceCount} ${e.evidenceCount===1?"signal":"signals"}`;return v("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:[v("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:[v("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:[s("span",{children:fp[e.state]}),s("span",{style:{color:"var(--popmelt-library-muted)"},children:e.kind.charAt(0).toUpperCase()+e.kind.slice(1)}),v("span",{"data-popmelt-signal-tooltip-trigger":!0,"aria-label":a,style:{display:"inline-flex",marginLeft:"auto",position:"relative"},children:[s(mp,{explanation:e}),s("span",{"data-popmelt-signal-tooltip":!0,"aria-hidden":!0,children:a})]})]}),s("div",{style:{fontSize:14,lineHeight:1.3,fontWeight:400,...t?{}:{display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:4,overflow:"hidden"}},children:e.statement})]}),t&&v("div",{style:{padding:"14px 16px 16px",color:"var(--popmelt-library-secondary)",fontSize:12,lineHeight:1.45},children:[s("div",{children:e.rationale}),e.needsGrounding&&s("div",{style:{marginTop:14,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Awaiting confirmation"}),e.concrete.length>0&&v("div",{style:{marginTop:14},children:[s("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Concrete expression"}),e.concrete.map(l=>v("div",{style:{marginBottom:5,overflowWrap:"anywhere"},children:[s("code",{style:{color:"var(--popmelt-library-muted-strong)"},children:l.modelPath})," ","= ",hp(l.value)]},l.id))]}),i.length>0&&v("div",{style:{marginTop:14},children:[s("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Related understanding"}),i.slice(0,4).map(l=>v("div",{style:{marginBottom:5},children:[s("span",{style:{color:"var(--popmelt-library-muted-strong)"},children:Qu(l)})," ","\xB7 ",l.statement]},l.id))]}),e.recentEvidence.length>0&&v("div",{style:{marginTop:14},children:[s("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Recent grounding"}),e.recentEvidence.map(l=>s("div",{style:{marginBottom:7},children:l.summary},l.id))]}),r&&e.sourceThreadIds[0]&&s("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 ll({id:e,depth:t,projection:n,expandedIds:r,onToggle:o,onViewThread:i}){let a=n.explanationsById.get(e);if(!a)return null;let l=n.childrenById.get(e)??[],d=r.has(e);return v("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[s(Zo,{explanation:a,expanded:d,onToggle:()=>o(e),onViewThread:i}),d&&l.length>0&&s("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:l.map(c=>s(ll,{id:c,depth:t+1,projection:n,expandedIds:r,onToggle:o,onViewThread:i},c))})]})}function gp({view:e,filter:t,onViewThread:n}){let[r,o]=R(()=>new Set),i=oe(c=>{o(u=>{let p=new Set(u);return p.has(c)?p.delete(c):p.add(c),p})},[]),a=ue(()=>Fu(e),[e]),l=ue(()=>t==="all"?a:Vu(a,c=>al(c,t)),[t,a]),d=e.explanations.filter(c=>al(c,t)).length;return F(()=>{t!=="all"&&o(new Set([...l.childrenById].flatMap(([c,u])=>u.length?[c]:[])))},[t,l]),e.counts.total===0?s("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?v("div",{style:{color:"var(--popmelt-library-muted)",lineHeight:1.5,fontSize:12},children:["No ",t," understanding yet."]}):v("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[l.sections.map(c=>v("section",{style:{display:"flex",flexDirection:"column",gap:4},children:[s("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=>s(ll,{id:u,depth:0,projection:l,expandedIds:r,onToggle:i,onViewThread:n},u))]},c.id)),l.unplacedIds.length>0&&v("details",{open:t!=="all",children:[v("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["+ ",l.unplacedIds.length," observations still finding their place"]}),s("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:l.unplacedIds.map(c=>{let u=l.explanationsById.get(c);return u?s(Zo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]}),l.challengedIds.length>0&&v("details",{open:t==="challenged",children:[v("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["\u2212 ",l.challengedIds.length," challenged explanations"]}),s("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:l.challengedIds.map(c=>{let u=l.explanationsById.get(c);return u?s(Zo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]})]})}function yp({bridgeUrl:e,onMouseEnter:t,onMouseLeave:n,selectedComponent:r,hoveredComponent:o,onComponentHover:i,onSpacingTokenHover:a,onModifySpacingToken:l,onDeleteSpacingToken:d,onComponentAdded:c,onComponentRemoved:u,onViewThread:p,snapPosition:h="bottom-right",temporarilyHidden:f=!1}){let[g,,y]=ho(e),C=Ie[g],k={"--popmelt-library-surface":C.surface,"--popmelt-library-raised":C.raisedSurface,"--popmelt-library-control":C.control,"--popmelt-library-soft-surface":C.softSurface,"--popmelt-library-hover-surface":C.hoverSurface,"--popmelt-library-primary":C.primary,"--popmelt-library-filter-active":C.hoverForeground,"--popmelt-library-secondary":C.secondary,"--popmelt-library-muted":C.muted,"--popmelt-library-muted-strong":C.mutedStrong,"--popmelt-library-border":C.border,"--popmelt-library-hairline":C.hairline,"--popmelt-library-soft-hairline":C.softHairline},[w,E]=R(void 0),[M,S]=R({head:{sequence:0,updatedAt:new Date(0).toISOString()},counts:{total:0,emerging:0,testing:0,grounded:0,challenged:0,retired:0,needsGrounding:0},explanations:[]}),[T,N]=R(!0),[H]=R("understanding"),[P,L]=R("all"),j=$(null),[Z,ae]=R({hasAbove:!1,hasBelow:!1}),[pe,le]=R(()=>typeof window>"u"?1920:window.visualViewport?.width??window.innerWidth);F(()=>{let A=()=>le(window.visualViewport?.width??window.innerWidth);return window.addEventListener("resize",A),window.visualViewport?.addEventListener("resize",A),()=>{window.removeEventListener("resize",A),window.visualViewport?.removeEventListener("resize",A)}},[]);let J=oe(()=>{let A=j.current;if(!A)return;let I={hasAbove:A.scrollTop>1,hasBelow:A.scrollTop+A.clientHeight<A.scrollHeight-1};ae(W=>W.hasAbove===I.hasAbove&&W.hasBelow===I.hasBelow?W:I)},[]);F(()=>{let A=!1;return gd(e).then(I=>{A||(S(I),N(!1))}),()=>{A=!0}},[e]),F(()=>{let A=requestAnimationFrame(J),I=j.current;if(!I||typeof ResizeObserver>"u")return()=>cancelAnimationFrame(A);let W=new ResizeObserver(J);W.observe(I);let _=I.firstElementChild;return _&&W.observe(_),()=>{cancelAnimationFrame(A),W.disconnect()}},[P,M,T,J]);let ye=oe(A=>{E(I=>{if(!I?.components)return I;let{[A]:W,..._}=I.components;return{...I,components:_}}),u?.(A)},[u]),G=w?.components,be=w?.tokens,Ee=G&&Object.keys(G).length>0,X=be&&Object.keys(be).length>0,xe=$(null);return F(()=>{let A=xe.current;if(!A)return;let I=t,W=n;return I&&A.addEventListener("mouseenter",I),W&&A.addEventListener("mouseleave",W),()=>{I&&A.removeEventListener("mouseenter",I),W&&A.removeEventListener("mouseleave",W)}},[t,n]),v("div",{ref:xe,"data-devtools":"imprint-panel","data-popmelt-font":"sans","data-popmelt-theme":g,"data-popmelt-theme-preference":y,"aria-hidden":f||void 0,style:{...ep,...k,...eu(h,pe),opacity:f?0:1,visibility:f?"hidden":"visible",pointerEvents:f?"none":"auto",transition:f?`opacity ${It}ms ease, visibility 0s linear ${It}ms`:"none"},children:[s("style",{children:`
206
+ `,Bo=Sr(null),Ka=Sr(void 0);function $u({onJoin:e,theme:t,style:n,capturePreview:r=!0}){let o=Kn(),i=Kn(),[a,l]=R(""),[d,c]=R(!1),[u,p]=R(!0),[h,f]=R(!1),g=Ie[t];return v("form",{"data-devtools":"peer-join","data-popmelt-font":"sans","data-popmelt-theme":t,"aria-label":"Join the canvas",onSubmit:async y=>{if(y.preventDefault(),!(d||!a.trim())){c(!0),f(!1);try{await e(a.trim(),{sharePreview:r&&u})}catch{f(!0)}finally{c(!1)}}},style:{...jo(t),display:"block",...n},children:[s("label",{htmlFor:o,style:{display:"block",fontWeight:600,marginBottom:8},children:"Join the canvas"}),s("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:y=>l(y.target.value),style:{width:"100%",boxSizing:"border-box",padding:"8px 10px",border:`1px solid ${g.border}`,borderRadius:Hn.radius,background:"transparent",color:g.primary,font:"inherit"}}),s("p",{title:Ao["approval-required"],style:{fontSize:12,color:g.secondary,margin:"8px 0"},children:"Suggest \xB7 Explore freely. The host approves code changes."}),r&&v(Me,{children:[v("label",{style:{display:"flex",gap:8,alignItems:"center",margin:"12px 0 4px"},children:[s("input",{type:"checkbox",name:"share-preview",checked:u,disabled:d,onChange:y=>p(y.target.checked)}),"Share my plane"]}),s("p",{style:{fontSize:12,color:g.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."})]}),s("button",{type:"submit",disabled:d||!a.trim(),style:{width:"100%",padding:"8px 12px",border:0,borderRadius:Hn.radius,background:g.primary,color:g.surface,font:"inherit",cursor:"pointer"},children:d?"Joining\u2026":"Join"}),h&&s("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 Ga=Sr(null);function el(e){return JSON.stringify(e.map(t=>{if(!t.linkedSelector)return t;let{points:n,linkedAnchor:r,...o}=t;return o}))}function Nu(e,t,n,r,o,i=!0){let a=$(null),l=$(null),d=$(null),c=$(null),u=$(null);F(()=>{i&&localStorage.removeItem(o.inspected)},[i,o.inspected]),F(()=>{if(!i||!r.current)return;let p=el(t.annotations);p!==a.current&&(a.current=p,localStorage.setItem(o.annotations,JSON.stringify(t.annotations)))},[i,t.annotations,r,o]),F(()=>{if(!i)return;let p=h=>{if(r.current)try{let f=h.newValue?JSON.parse(h.newValue):[];if(!Array.isArray(f))return;if(h.key===o.annotations){let y=el(f);if(y===a.current)return;a.current=y,n({type:"SYNC_ANNOTATIONS",payload:{annotations:f}});return}let g=JSON.stringify(f);if(h.key===o.styleMods){if(g===l.current)return;l.current=g,n({type:"RESTORE_STYLE_MODIFICATIONS",payload:f})}else if(h.key===o.textMods){if(g===d.current)return;d.current=g,n({type:"RESTORE_TEXT_MODIFICATIONS",payload:f})}else if(h.key===o.domMods){if(g===c.current)return;c.current=g,n({type:"RESTORE_DOM_MODIFICATIONS",payload:f})}else if(h.key===o.spacingChanges){if(g===u.current)return;u.current=g,n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:f})}}catch{}};return window.addEventListener("storage",p),()=>window.removeEventListener("storage",p)},[i,n,r,o]),F(()=>{if(!i||!r.current)return;localStorage.setItem(o.expanded,String(e)),localStorage.setItem(o.color,t.activeColor);let p=(h,f,g)=>{let y=JSON.stringify(f);y!==g.current&&(g.current=y,localStorage.setItem(h,y))};p(o.styleMods,t.styleModifications,l),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 tl(e){let t=$(e);F(()=>t.current(),[])}function Ru(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),l=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(l)&&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 Pu="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMic+PGRlZnM+PHBhdHRlcm4gaWQ9J2QnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnPjxwYXRoIGQ9J00tMSwxIGwyLC0yIE0wLDQgbDQsLTQgTTMsNSBsMiwtMicgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScuNScvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSd1cmwoI2QpJy8+PC9zdmc+",zu={borderWidth:3,borderStyle:"solid",borderImage:`url("${Pu}") 4 / 1.9 / 0 round`};function Ar(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((l,d)=>d.timestamp-l.timestamp);let a=i[0];a.groupId&&o.add(a.groupId);for(let l=1;l<i.length;l++){let d=i[l];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 $r(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,l]=[parseInt(r[1],10),parseInt(r[2],10),parseInt(r[3],10)];return(.2126*i+.7152*a+.0722*l)/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),l=parseInt(i.slice(2,4),16),d=parseInt(i.slice(4,6),16);if(!isNaN(a))return(.2126*a+.7152*l+.0722*d)/255}return null}function Hu(e){return(t,n)=>{let r=$r(t[1]),o=$r(n[1]);return r!==null&&o!==null?r-o:t[0].localeCompare(n[0])}}function Ou(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 Du(e){let t=new Map;for(let o of e){let i=Ou(o[0]),a=t.get(i);a||(a=[],t.set(i,a)),a.push(o)}let n=Hu();for(let o of t.values())o.sort(n);let r=[...t.entries()];return r.sort((o,i)=>{let a=$r(o[1][0][1])??0,l=$r(i[1][0][1])??0;return a-l}),r}function ju(e){return e<=1?"zero":e<=4?"low":e<=7?"medium":"high"}var nl=new Set(["expresses"]),Fo={project:0,route:1,selector:2,component:3,file:4};function Wu(e){return`${e.scope.kind}:${[...e.scope.values].sort().join("|")||"*"}`}function _u(e){return e.scope.kind==="project"&&e.scope.values.length===0?"Project":e.scope.values.join(", ")||e.scope.kind}function rl(e,t){let n=e.kind==="intention"?5:e.kind==="principle"?4:1,r=4-Fo[e.scope.kind];return n+r+Math.min(3,t)*3+Math.min(2,e.evidenceCount/3)}function Bu(e){return e.scope.kind==="project"||e.kind==="principle"||e.kind==="intention"&&e.evidenceCount>=2}function ir(e,t,n){return[...e].sort((r,o)=>{let i=t.get(r),a=t.get(o);return rl(a,n.get(o)?.length??0)-rl(i,n.get(r)?.length??0)||a.updatedAt.localeCompare(i.updatedAt)})}function Fu(e){let t=e.explanations.filter(k=>k.state!=="retired"),n=new Map(t.map(k=>[k.id,k])),r=t.filter(k=>k.state!=="challenged"),o=new Set(r.map(k=>k.id)),i=new Map,a=new Map,l=new Set;for(let k of t)for(let w of k.relations){if(!nl.has(w.type))continue;let E=w.direction==="outgoing"?k.id:w.explanationId,M=w.direction==="outgoing"?w.explanationId:k.id,S=`${E}:${M}`;l.has(S)||!o.has(E)||!o.has(M)||(l.add(S),i.set(M,new Set([...i.get(M)??[],E])),a.set(E,new Set([...a.get(E)??[],M])))}let d=new Map,c=new Map;for(let[k,w]of i)d.set(k,ir(w,n,d));for(let[k,w]of a)c.set(k,ir(w,n,d));let u=ir(r.flatMap(k=>(c.get(k.id)?.length??0)>0?[]:(d.get(k.id)?.length??0)>0||Bu(k)?[k.id]:[]),n,d),p=new Set,h=k=>{if(!p.has(k)){p.add(k);for(let w of d.get(k)??[])h(w)}};u.forEach(h);let f=new Map;for(let k of u){let w=n.get(k),E=Wu(w),M=f.get(E);M?M.rootIds.push(k):f.set(E,{id:E,label:_u(w),scopeKind:w.scope.kind,rootIds:[k]})}let g=[...f.values()].sort((k,w)=>Fo[k.scopeKind]-Fo[w.scopeKind]||k.label.localeCompare(w.label)),y=ir(r.flatMap(k=>p.has(k.id)?[]:[k.id]),n,d),C=ir(t.flatMap(k=>k.state==="challenged"?[k.id]:[]),n,d);return{explanationsById:n,childrenById:d,parentIdsById:c,sections:g,unplacedIds:y,challengedIds:C}}function Vu(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 l of e.parentIdsById.get(a)??[])r.has(l)||(r.add(l),o.push(l))}let i=a=>new Map([...a].flatMap(([l,d])=>r.has(l)?[[l,d.filter(c=>r.has(c))]]:[]));return{explanationsById:e.explanationsById,childrenById:i(e.childrenById),parentIdsById:i(e.parentIdsById),sections:e.sections.flatMap(a=>{let l=a.rootIds.filter(d=>r.has(d));return l.length?[{...a,rootIds:l}]:[]}),unplacedIds:e.unplacedIds.filter(a=>n.has(a)),challengedIds:e.challengedIds.filter(a=>n.has(a))}}function Qu(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 Zu(e){return nl.has(e.type)}var qu=/^#[0-9a-fA-F]{3,8}$/,Uu=/^(?:rgba?|hsla?|oklch)\([^)]+\)$/,Ju=new Set(["black","white","red","blue","green","yellow","orange","purple","pink","gray","grey","cyan","magenta","brown","navy","teal","maroon","olive","silver","aqua","fuchsia","lime"]),Yu=/^-?\d+(\.\d+)?(px|rem|em|%)$/;function ol(e){let t=e.trim();return qu.test(t)||Uu.test(t)||Ju.has(t.toLowerCase())}function Xu(e){return Yu.test(e.trim())}function Ku(e){let t=e.trim().match(/^(-?\d+(?:\.\d+)?)px$/);return t?parseFloat(t[1]):null}function Vo(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(...Vo(o,i))}else n.push([i,Array.isArray(o)?o.map(String).join(", "):String(o??"")])}return n}function Gu(e){return e.length===0?"generic":e.filter(([,t])=>ol(t)).length>e.length/2?"colors":e.filter(([,t])=>Xu(t)).length>e.length/2?"spacing":"generic"}var ep={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 tp({varName:e,value:t,reference:n}){return s("div",{title:n?`${e} \u2192 ${n}
207
+ ${t}`:`${e}: ${t}`,style:{width:28,height:28,backgroundColor:t,outline:"1px solid var(--popmelt-library-hairline)",outlineOffset:-1,position:"relative"},children:n&&s(Mo,{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 np({entries:e,references:t}){let n=[],r=[];for(let i of e)ol(i[1])?n.push(i):r.push(i);let o=Du(n);return v(Me,{children:[o.map(([i,a])=>v("div",{style:{marginBottom:4},children:[v("div",{style:{fontSize:10,color:"var(--popmelt-library-muted)",marginBottom:2},children:[i,a.length>1?` (${a.length})`:""]}),s("div",{style:{display:"flex",flexWrap:"wrap",gap:2},children:a.map(([l,d])=>s(tp,{varName:l,value:d,reference:t[l]},l))})]},i)),r.length>0&&s(Qo,{entries:r})]})}var Nr=[0,1,2,4,8,12,16,20,24,28,32];function rp(e){if(e<=32){let t=Nr[0],n=Math.abs(e-t);for(let r=1;r<Nr.length;r++){let o=Math.abs(e-Nr[r]);o<n&&(t=Nr[r],n=o)}return t}return Math.round(e/8)*8}function op({label:e,value:t,px:n,tokenPath:r,rawToken:o,onHover:i,onModify:a,onDelete:l}){let[d,c]=R(!1),[u,p]=R(null),h=$(!1),f=$(0),g=$(0),y=$([]),C=u!==null?u:n,k=u!==null?`${u}px`:t,w=u!==null,E=oe(S=>{S.preventDefault(),h.current=!0,f.current=S.clientX,g.current=n;let T=yo(o);y.current=Td(T);let N=P=>{let L=P.clientX-f.current,W=Math.max(0,Math.round(g.current+L));P.shiftKey&&(W=rp(W));for(let Z of y.current)Z.element.style.setProperty(Z.property,W+"px","important");p(W),i?.({name:e,px:W,token:T})},H=()=>{window.removeEventListener("mousemove",N),window.removeEventListener("mouseup",H),document.body.style.cursor="",h.current=!1,p(P=>{if(P!==null&&P!==n&&a){let L=yo(o),W=L.bindings&&L.bindings.length>0,Z;if(W){let J=ea(L.bindings,g.current,P);Z=JSON.stringify({...L,value:`${P}px`,bindings:J})}else{let J=Ed(y.current,g.current),ye=Ld(y.current);if(J.length>0){let G=ea(J,g.current,P);Z=JSON.stringify({value:`${P}px`,property:ye,bindings:G})}else Z=`${P}px`}let ae=typeof o=="string"?o:JSON.stringify(o),pe=y.current.map(J=>({selector:Wt(J.element),property:J.property})),le=Ad(y.current,g.current,P);a({tokenPath:r,originalValue:ae,currentValue:Z,targets:pe,originalPx:g.current,currentPx:P},{id:Math.random().toString(36).substring(2,9),tokenPath:r,tokenName:e,originalPx:g.current,newPx:P,affectedElements:le})}return P})};document.body.style.cursor="ew-resize",window.addEventListener("mousemove",N),window.addEventListener("mouseup",H)},[n,e,r,o,i,a]),M=yo(o);return v("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:C,token:M}))},onMouseLeave:()=>{h.current||(c(!1),i?.(null))},onMouseDown:E,children:[s("span",{style:{color:d||w?"#FF0000":"var(--popmelt-library-muted)"},children:e}),v("span",{style:{display:"flex",alignItems:"center",gap:4},children:[s("span",{style:{color:d||w?"#FF0000":"var(--popmelt-library-secondary)",fontWeight:600},children:k}),l&&d&&!w&&s("button",{type:"button",title:"Remove token",onMouseDown:S=>{S.stopPropagation();let T=typeof o=="string"?o:JSON.stringify(o);l(r,T)},style:{border:"none",background:"none",cursor:"pointer",padding:0,fontSize:10,lineHeight:1,color:"var(--popmelt-library-muted)"},onMouseEnter:S=>{S.currentTarget.style.color="#FF0000"},onMouseLeave:S=>{S.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]})]})}function ip({entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}){let a=[],l=[];for(let d of e){let c=Ku(d[1]);c!==null?a.push([d[0],d[1],c]):l.push(d)}return v(Me,{children:[a.length>0&&s("div",{style:{display:"flex",flexDirection:"column",gap:2},children:a.map(([d,c,u])=>{let p=d.split(".").pop(),h=n?ap(n,d):c,f=h&&typeof h=="object"&&"value"in h?h:c;return s(op,{label:p,value:c,px:u,tokenPath:`tokens.${t}.${d}`,rawToken:f,onHover:r,onModify:o,onDelete:i},d)})}),l.length>0&&s(Qo,{entries:l})]})}function ap(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 Qo({entries:e}){return s("div",{style:{display:"flex",flexDirection:"column",gap:3},children:e.map(([t,n])=>v("div",{style:{fontSize:11},children:[s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:10,marginBottom:1},children:t}),s("div",{style:{color:"var(--popmelt-library-primary)",lineHeight:1.4,paddingLeft:8},children:n})]},t))})}function il({entries:e,categoryKey:t,rawTokens:n,onSpacingHover:r,onModifyToken:o,onDeleteToken:i}){let a=Gu(e);return a==="colors"?s(np,{entries:e,references:{}}):a==="spacing"?s(ip,{entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}):s(Qo,{entries:e})}function lp(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 l=i[a];for(;l;){let d=l.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={...l.memoizedProps};return delete p.ref,{type:d,props:p}}if(!n){if(u.length>=4&&t.includes(u)){let p={...l.memoizedProps};delete p.ref,n={type:d,props:p}}else if(t.length>=4&&u.includes(t)){let p={...l.memoizedProps};delete p.ref,n={type:d,props:p}}}}l=l.return}}return n}var sp=class extends Hd{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 dp({tokens:e,onSpacingHover:t,onModifyToken:n,onDeleteToken:r}){return!e||Object.keys(e).length===0?s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"No projected tokens yet."}):s("div",{style:{display:"flex",flexDirection:"column",gap:12},children:Object.entries(e).map(([o,i])=>{let a=Vo(i);return v("section",{children:[s("div",{style:{color:"var(--popmelt-library-secondary)",fontSize:10,fontWeight:700,letterSpacing:"0.05em",marginBottom:6,textTransform:"uppercase"},children:o}),s(il,{entries:a,categoryKey:o,rawTokens:i,onSpacingHover:t,onModifyToken:n,onDeleteToken:r})]},o)})})}function cp({name:e,value:t,selected:n,highlighted:r,onRemove:o,onHover:i}){let[a,l]=R(!1),[d,c]=R(!1),u=$(null),p=$(0),[h,f]=R(0),[g,y]=R(0),C=Vo(t),k=C.find(([P])=>P==="description")?.[1];F(()=>{if(!d&&!r){f(0),y(0),p.current=0;return}let P=Gi(e);f(P.length)},[d,r,e]),F(()=>{n&&u.current&&u.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[n]);let w=n||r||d,E=n?"139,92,246":"34,197,94",M=n?"#8b5cf6":"#22c55e",S=w?`rgba(${E},0.06)`:void 0,T=w?`inset 0 0 0 1.5px rgba(${E},0.35)`:void 0,N=r||d,H=oe(()=>{let P=Gi(e);if(P.length===0)return;let L=p.current%P.length;P[L].rootElement.scrollIntoView({behavior:"smooth",block:"center"}),y(L),p.current=L+1,i?.({name:e,instanceIndex:L})},[e,i]);return v("div",{ref:u,onClick:H,onMouseEnter:()=>{c(!0),i?.({name:e,instanceIndex:0})},onMouseLeave:()=>{c(!1),i?.(null)},style:{marginBottom:8,background:S,padding:6,boxShadow:T,cursor:"pointer"},children:[v("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[v("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:6},children:[s("div",{style:{fontWeight:700,fontSize:11,letterSpacing:"0.05em",padding:"2px 6px",backgroundColor:N?M:"transparent",color:N?"#fff":"var(--popmelt-library-secondary)"},children:e}),N&&h>1&&v("span",{style:{fontSize:10,fontWeight:600,color:"var(--popmelt-library-muted)"},children:[g+1,"/",h]})]}),o&&d&&s("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"})]}),k&&s("div",{style:{fontSize:11,color:N?"var(--popmelt-library-primary)":"var(--popmelt-library-muted)",marginBottom:6,lineHeight:1.4},children:k}),a?s(il,{entries:C.filter(([P])=>P!=="description"),categoryKey:""}):s(up,{name:e,onNotFound:()=>l(!0),entries:C})]})}function up({name:e,onNotFound:t}){let[n,r]=R(null),[o,i]=R(!1);return F(()=>{let a=lp(e);a||t(),r(a),i(!0)},[e,t]),!o||!n?null:s(sp,{onError:t,children:s("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:s("div",{style:{zoom:.5,pointerEvents:"none"},children:da(n.type,n.props)})})})}function pp({components:e,selectedComponent:t,hoveredComponent:n,onRemove:r,onHover:o}){if(!e||Object.keys(e).length===0)return s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."});let i=new Set(Object.keys(e)),a=Id(i),l=Object.entries(e).sort(([d],[c])=>(a.get(d)??1/0)-(a.get(c)??1/0));return s(Me,{children:l.map(([d,c])=>s(cp,{name:d,value:c,selected:t===d,highlighted:n===d,onRemove:r,onHover:o},d))})}var fp={emerging:"Emerging",testing:"Emerging",grounded:"Grounded",challenged:"Challenged",retired:"Retired"};function hp(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}function al(e,t){return t==="all"?e.state!=="retired":t==="emerging"?e.state==="emerging"||e.state==="testing":e.state===t}function mp({explanation:e}){let t=ju(e.evidenceCount);return v("span",{"aria-hidden":!0,style:{display:"flex",alignItems:"center",width:14,height:14},children:[s(Nc,{size:14,strokeWidth:1.8,style:{flexShrink:0,marginRight:-14,color:"var(--popmelt-library-muted)"}}),s(t==="zero"?Rc:t==="low"?Pc:t==="medium"?zc:Hc,{size:14,strokeWidth:1.8,style:{flexShrink:0,color:"var(--popmelt-library-primary)"}})]})}function Zo({explanation:e,expanded:t,onToggle:n,onViewThread:r}){let o=e.state==="challenged",i=e.relations.filter(l=>!Zu(l)),a=`${e.evidenceCount} ${e.evidenceCount===1?"signal":"signals"}`;return v("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:[v("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:[v("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:[s("span",{children:fp[e.state]}),s("span",{style:{color:"var(--popmelt-library-muted)"},children:e.kind.charAt(0).toUpperCase()+e.kind.slice(1)}),v("span",{"data-popmelt-signal-tooltip-trigger":!0,"aria-label":a,style:{display:"inline-flex",marginLeft:"auto",position:"relative"},children:[s(mp,{explanation:e}),s("span",{"data-popmelt-signal-tooltip":!0,"aria-hidden":!0,children:a})]})]}),s("div",{style:{fontSize:14,lineHeight:1.3,fontWeight:400,...t?{}:{display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:4,overflow:"hidden"}},children:e.statement})]}),t&&v("div",{style:{padding:"14px 16px 16px",color:"var(--popmelt-library-secondary)",fontSize:12,lineHeight:1.45},children:[s("div",{children:e.rationale}),e.needsGrounding&&s("div",{style:{marginTop:14,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Awaiting confirmation"}),e.concrete.length>0&&v("div",{style:{marginTop:14},children:[s("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Concrete expression"}),e.concrete.map(l=>v("div",{style:{marginBottom:5,overflowWrap:"anywhere"},children:[s("code",{style:{color:"var(--popmelt-library-muted-strong)"},children:l.modelPath})," ","= ",hp(l.value)]},l.id))]}),i.length>0&&v("div",{style:{marginTop:14},children:[s("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Related understanding"}),i.slice(0,4).map(l=>v("div",{style:{marginBottom:5},children:[s("span",{style:{color:"var(--popmelt-library-muted-strong)"},children:Qu(l)})," ","\xB7 ",l.statement]},l.id))]}),e.recentEvidence.length>0&&v("div",{style:{marginTop:14},children:[s("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Recent grounding"}),e.recentEvidence.map(l=>s("div",{style:{marginBottom:7},children:l.summary},l.id))]}),r&&e.sourceThreadIds[0]&&s("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 ll({id:e,depth:t,projection:n,expandedIds:r,onToggle:o,onViewThread:i}){let a=n.explanationsById.get(e);if(!a)return null;let l=n.childrenById.get(e)??[],d=r.has(e);return v("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[s(Zo,{explanation:a,expanded:d,onToggle:()=>o(e),onViewThread:i}),d&&l.length>0&&s("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:l.map(c=>s(ll,{id:c,depth:t+1,projection:n,expandedIds:r,onToggle:o,onViewThread:i},c))})]})}function gp({view:e,filter:t,onViewThread:n}){let[r,o]=R(()=>new Set),i=oe(c=>{o(u=>{let p=new Set(u);return p.has(c)?p.delete(c):p.add(c),p})},[]),a=ue(()=>Fu(e),[e]),l=ue(()=>t==="all"?a:Vu(a,c=>al(c,t)),[t,a]),d=e.explanations.filter(c=>al(c,t)).length;return F(()=>{t!=="all"&&o(new Set([...l.childrenById].flatMap(([c,u])=>u.length?[c]:[])))},[t,l]),e.counts.total===0?s("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?v("div",{style:{color:"var(--popmelt-library-muted)",lineHeight:1.5,fontSize:12},children:["No ",t," understanding yet."]}):v("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[l.sections.map(c=>v("section",{style:{display:"flex",flexDirection:"column",gap:4},children:[s("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=>s(ll,{id:u,depth:0,projection:l,expandedIds:r,onToggle:i,onViewThread:n},u))]},c.id)),l.unplacedIds.length>0&&v("details",{open:t!=="all",children:[v("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["+ ",l.unplacedIds.length," observations still finding their place"]}),s("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:l.unplacedIds.map(c=>{let u=l.explanationsById.get(c);return u?s(Zo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]}),l.challengedIds.length>0&&v("details",{open:t==="challenged",children:[v("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["\u2212 ",l.challengedIds.length," challenged explanations"]}),s("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:l.challengedIds.map(c=>{let u=l.explanationsById.get(c);return u?s(Zo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]})]})}function yp({bridgeUrl:e,onMouseEnter:t,onMouseLeave:n,selectedComponent:r,hoveredComponent:o,onComponentHover:i,onSpacingTokenHover:a,onModifySpacingToken:l,onDeleteSpacingToken:d,onComponentAdded:c,onComponentRemoved:u,onViewThread:p,snapPosition:h="bottom-right",temporarilyHidden:f=!1}){let[g,,y]=ho(e),C=Ie[g],k={"--popmelt-library-surface":C.surface,"--popmelt-library-raised":C.raisedSurface,"--popmelt-library-control":C.control,"--popmelt-library-soft-surface":C.softSurface,"--popmelt-library-hover-surface":C.hoverSurface,"--popmelt-library-primary":C.primary,"--popmelt-library-filter-active":C.hoverForeground,"--popmelt-library-secondary":C.secondary,"--popmelt-library-muted":C.muted,"--popmelt-library-muted-strong":C.mutedStrong,"--popmelt-library-border":C.border,"--popmelt-library-hairline":C.hairline,"--popmelt-library-soft-hairline":C.softHairline},[w,E]=R(void 0),[M,S]=R({head:{sequence:0,updatedAt:new Date(0).toISOString()},counts:{total:0,emerging:0,testing:0,grounded:0,challenged:0,retired:0,needsGrounding:0},explanations:[]}),[T,N]=R(!0),[H]=R("understanding"),[P,L]=R("all"),W=$(null),[Z,ae]=R({hasAbove:!1,hasBelow:!1}),[pe,le]=R(()=>typeof window>"u"?1920:window.visualViewport?.width??window.innerWidth);F(()=>{let A=()=>le(window.visualViewport?.width??window.innerWidth);return window.addEventListener("resize",A),window.visualViewport?.addEventListener("resize",A),()=>{window.removeEventListener("resize",A),window.visualViewport?.removeEventListener("resize",A)}},[]);let J=oe(()=>{let A=W.current;if(!A)return;let I={hasAbove:A.scrollTop>1,hasBelow:A.scrollTop+A.clientHeight<A.scrollHeight-1};ae(j=>j.hasAbove===I.hasAbove&&j.hasBelow===I.hasBelow?j:I)},[]);F(()=>{let A=!1;return gd(e).then(I=>{A||(S(I),N(!1))}),()=>{A=!0}},[e]),F(()=>{let A=requestAnimationFrame(J),I=W.current;if(!I||typeof ResizeObserver>"u")return()=>cancelAnimationFrame(A);let j=new ResizeObserver(J);j.observe(I);let _=I.firstElementChild;return _&&j.observe(_),()=>{cancelAnimationFrame(A),j.disconnect()}},[P,M,T,J]);let ye=oe(A=>{E(I=>{if(!I?.components)return I;let{[A]:j,..._}=I.components;return{...I,components:_}}),u?.(A)},[u]),G=w?.components,be=w?.tokens,Ee=G&&Object.keys(G).length>0,X=be&&Object.keys(be).length>0,xe=$(null);return F(()=>{let A=xe.current;if(!A)return;let I=t,j=n;return I&&A.addEventListener("mouseenter",I),j&&A.addEventListener("mouseleave",j),()=>{I&&A.removeEventListener("mouseenter",I),j&&A.removeEventListener("mouseleave",j)}},[t,n]),v("div",{ref:xe,"data-devtools":"imprint-panel","data-popmelt-font":"sans","data-popmelt-theme":g,"data-popmelt-theme-preference":y,"aria-hidden":f||void 0,style:{...ep,...k,...eu(h,pe),opacity:f?0:1,visibility:f?"hidden":"visible",pointerEvents:f?"none":"auto",transition:f?`opacity ${It}ms ease, visibility 0s linear ${It}ms`:"none"},children:[s("style",{children:`
208
208
  [data-popmelt-imprint-filter]:hover {
209
209
  background: var(--popmelt-library-hover-surface) !important;
210
210
  color: var(--popmelt-library-filter-active) !important;
@@ -238,9 +238,9 @@ ${t}`:`${e}: ${t}`,style:{width:28,height:28,backgroundColor:t,outline:"1px soli
238
238
  @media (hover: none), (pointer: coarse) {
239
239
  [data-popmelt-imprint-filter] { min-height: 40px; }
240
240
  }
241
- `}),v("div",{style:{display:"flex",alignItems:"center",gap:6,fontWeight:600,fontSize:14,marginBottom:16},children:[s(ua,{size:16,strokeWidth:1.8,"aria-hidden":!0}),s("span",{children:"Imprint"}),s("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"})]}),s("div",{style:{display:"flex",gap:0,marginBottom:16},children:["all","grounded","emerging","challenged"].map(A=>s("button",{"data-popmelt-imprint-filter":!0,type:"button","aria-pressed":P===A,onClick:()=>L(A),style:{border:0,borderRadius:8,background:P===A?"var(--popmelt-library-raised)":"transparent",color:P===A?"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:A.charAt(0).toUpperCase()+A.slice(1)},A))}),s("div",{ref:j,"data-popmelt-imprint-scroll":!0,onScroll:J,style:{flex:1,overflowY:"auto",minHeight:0,margin:"0 -16px -16px",padding:"0 16px 16px",boxSizing:"border-box",maskImage:Z.hasAbove&&Z.hasBelow?"linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)":Z.hasAbove?"linear-gradient(to bottom, transparent 0, black 24px)":Z.hasBelow?"linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)":void 0,WebkitMaskImage:Z.hasAbove&&Z.hasBelow?"linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)":Z.hasAbove?"linear-gradient(to bottom, transparent 0, black 24px)":Z.hasBelow?"linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)":void 0},children:s("div",{children:T?s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"Loading..."}):H==="understanding"?s(gp,{view:M,filter:P,onViewThread:p}):H==="patterns"?Ee?s(pp,{components:G,selectedComponent:r,hoveredComponent:o,onRemove:ye,onHover:i}):s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."}):X?s(dp,{tokens:be,onSpacingHover:a,onModifyToken:l,onDeleteToken:d}):s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No design tokens defined yet."})})})]})}function sl(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 dl(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 cl(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):sl(n.model)-sl(r.model))||dl(n.model)-dl(r.model)||(r.model.catalogPriority??-r.index)-(n.model.catalogPriority??-n.index))}function ul(e,t){return cl(t.map((n,r)=>({index:r,model:n})))}function bp(e){return[...new Set(e.flatMap(t=>t.upstreamProvider?[t.upstreamProvider]:[]))]}function vp(e,t){let n=Pr(t);return n?e.filter(r=>Pr(`${r} ${Rr(r)}`).includes(n)):e}function xp(e,t){if(!e||!t)return"";let n=Rr(e);return Pr(`${e} ${n}`).includes(Pr(t))?n:""}function pl(e,t){return t?cl(e.flatMap((n,r)=>n.upstreamProvider===t?[{index:r,model:n}]:[])):[]}function wp(e,t){let n=pl(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 Cp="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",kp="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",Sp="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 Ip({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"0 0 1200 1200",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:s("path",{d:Cp})})}function Mp({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"0 0 158.7128 157.296",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:s("path",{d:kp})})}function Tp({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"0 0 49.7202 40.0402",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:s("path",{d:Sp,fillRule:"evenodd",clipRule:"evenodd"})})}function Ep({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"8 8 48 48",fill:"none",style:{flexShrink:0,...t},children:s("path",{fill:"currentColor",d:"M14 16h36v8H40v32h-8V24h-6v22h-8V24h-4z"})})}function ar({provider:e,size:t=16,style:n}){return e==="codex"?s(Mp,{size:t,style:n}):e==="copilot"?s(Tp,{size:t,style:n}):e==="omp"?s(Ep,{size:t,style:n}):s(Ip,{size:t,style:n})}var fl=[{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"}],hl=[{id:"claude-opus-4-6",label:"Opus 4.6",source:"static",supportedReasoningLevels:fl},{id:"claude-sonnet-4-6",label:"Sonn 4.6",source:"static",supportedReasoningLevels:fl}],ml=[{id:"gpt-5.4",label:"GPT 5.4",source:"static"},{id:"gpt-5.3-codex",label:"Codex 5.3",source:"static"},{id:"gpt-5.3-codex-spark",label:"Spark 5.3",source:"static"}],gl=[{id:"",label:"Default",source:"static"}],yl=[{id:"",label:"OMP default",source:"static"}],Lp=[...hl,...ml,...gl,...yl];function Ap(e,t){if(t==="copilot"&&!e)return"Copilot";if(t==="omp"&&!e)return"OMP";if(!e)return t==="codex"?"Codex":"Claude Code";let n=Lp.find(r=>r.id===e);return n?n.label:e.replace(/-\d{8,}$/,"")}var zr=St,$p={minimal:"Minimal",low:"Low",medium:"Medium",high:"High",xhigh:"X-high",max:"Max",ultra:"Ultra"};function bl(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 Np({count:e,index:t,pill:n}){let r=Math.min(e,7),o=e<=1?0:Math.round(t*(r-1)/(e-1));return s("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 l=a===o;return s("span",{style:a===0&&!l?{background:"#555",borderRadius:2,height:6,width:1,transition:"background-color 120ms ease, height 120ms ease, width 120ms ease"}:{background:l?"#fff":"#888",borderRadius:999,height:l?3:2,width:l?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:l=!0,onScrubChange:d}){let c=$(null),u=$(!1),[p,h]=R(!1),[f,g]=R(!1),y=n>=0&&n<t.length?n:0,C=t[y],k=!o||t.length<=1;return v("button",{type:"button",disabled:k,onPointerDown:w=>{!i||k||(c.current={x:w.clientX,index:y,moved:!1},g(!0),d?.(!0),w.currentTarget.setPointerCapture(w.pointerId))},onPointerMove:w=>{let E=c.current;if(!E||!i||!o)return;let M=w.clientX-E.x;Math.abs(M)>=4&&(E.moved=!0);let S=Math.max(0,Math.min(t.length-1,E.index+Math.round(M/22)));E.moved&&S!==y&&o(S)},onPointerUp:w=>{let E=c.current;E&&(w.currentTarget.hasPointerCapture(w.pointerId)&&w.currentTarget.releasePointerCapture(w.pointerId),u.current=E.moved,c.current=null,g(!1),d?.(!1))},onPointerCancel:()=>{c.current=null,g(!1),d?.(!1)},onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onClick:()=>{if(u.current){u.current=!1;return}k||o((y+1)%t.length)},style:{alignItems:"center",background:"transparent",border:0,borderRadius:24,color:a!=="check"&&(p||f)?"#eee":"#aaa",cursor:k?"default":i?"ew-resize":"pointer",display:"flex",fontFamily:zr,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:[v("span",{style:{alignItems:"center",display:"inline-flex",gap:6,minWidth:0},children:[s(e,{"aria-hidden":"true",size:12,strokeWidth:1.75}),s("span",{style:{lineHeight:1.35,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r??C?.label??"Unavailable"})]}),a==="check"?s(Gn,{"aria-hidden":"true",color:"#fff",size:12,strokeWidth:2,style:{opacity:l?1:0,transition:"opacity 120ms ease"}}):s(Np,{count:t.length,index:n,pill:p||f})]})}function vl({visible:e,style:t,provider:n,availableProviders:r=[],models:o,modelIndex:i,agentSettings:a={},onProviderChange:l,onModelChange:d,onAgentSettingsChange:c,onMouseEnter:u,onMouseLeave:p,onScrubChange:h}){let f=o[i]??o[0],g=ue(()=>bp(o),[o]),y=f?.upstreamProvider??g[0],[C,k]=R(""),[w,E]=R(!1),[M,S]=R(!1),T=ue(()=>vp(g,C),[C,g]),N=T[0],H=xp(N,C),P=H.toLowerCase().indexOf(C.trim().toLowerCase());F(()=>{w||k(y?Rr(y):"")},[w,y]);let L=I=>{let W=wp(o,I),_=o[W];k(Rr(I)),E(!1),d?.(W),a.serviceTier&&!_?.speedTiers?.some(O=>O.id===a.serviceTier)&&c?.({...a,serviceTier:void 0})},j=ue(()=>n==="omp"?pl(o,y):ul(n,o),[o,n,y]),Z=j.findIndex(I=>I.index===i),ae=j.map(I=>({value:String(I.index),label:bl(I.model.label)})),pe=n==="claude"?["low","medium","high","xhigh","max"]:["low","medium","high","xhigh"],le=f?.supportedReasoningLevels?.map(I=>I.effort)??pe,J=le.map(I=>({value:I,label:$p[I]??I})),ye=a.reasoningEffort??f?.defaultReasoningLevel??le[0],G=Math.max(0,le.indexOf(ye??"")),be=[{value:"",label:"Standard"},...(f?.speedTiers??[]).filter(I=>I.id!=="default").map(I=>({value:I.id,label:I.label}))],Ee=Math.max(0,be.findIndex(I=>I.value===(a.serviceTier??""))),X=(f?.speedTiers?.length??0)>0,xe=I=>{let W=j[I];W&&(d?.(W.index),a.serviceTier&&!W.model.speedTiers?.some(_=>_.id===a.serviceTier)&&c?.({...a,serviceTier:void 0}))},A=["codex","claude","omp","copilot"].filter(I=>r.length===0||r.includes(I));return v("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:zr,position:"absolute",transition:"opacity 120ms ease",width:139,zIndex:4,...t},children:[s("div",{style:{display:"flex",width:"100%"},children:A.map(I=>{let W=n===I;return s("button",{type:"button","aria-label":`Use ${I==="codex"?"GPT":I==="claude"?"Claude":I==="copilot"?"Copilot":"OMP"}`,"aria-pressed":W,disabled:!l,onClick:()=>l?.(I),style:{alignItems:"center",background:W?"#333":"transparent",border:0,borderRadius:24,color:W?"#eee":"#aaa",cursor:l?"pointer":"default",display:"flex",flex:1,justifyContent:"center",padding:"8px 10px",transition:"background-color 120ms ease, color 120ms ease"},children:s(ar,{provider:I,size:12})},I)})}),n==="omp"&&g.length>0&&v("div",{style:{position:"relative",width:"100%"},children:[s(ca,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{color:"#777",left:10,opacity:M?1:0,pointerEvents:"none",position:"absolute",top:8,transition:"opacity 120ms ease",zIndex:3}}),w&&H&&s("div",{"aria-hidden":"true",style:{color:"#666",fontFamily:zr,fontSize:12,height:28,left:0,lineHeight:"28px",overflow:"hidden",padding:M?"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?v(Me,{children:[H.slice(0,P),s("span",{style:{color:"#eee"},children:H.slice(P,P+C.trim().length)}),H.slice(P+C.trim().length)]}):H}),s("input",{"aria-label":"OMP provider","aria-autocomplete":"inline",autoComplete:"off",onBlur:()=>{E(!1)},onChange:I=>{k(I.currentTarget.value),E(!0)},onFocus:I=>{E(!0),I.currentTarget.select()},onKeyDown:I=>{if(I.key==="Enter"){let W=T[0];W&&(I.preventDefault(),L(W),I.currentTarget.blur())}else if(I.key==="Tab"){let W=T[0];W&&H&&L(W)}else I.key==="Escape"&&I.currentTarget.blur()},onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),placeholder:"Provider",value:C,style:{background:"transparent",border:0,borderRadius:0,boxSizing:"border-box",color:w&&H?"transparent":w||M?"#eee":"#aaa",caretColor:w&&!H?"#eee":"transparent",cursor:w?"text":"pointer",fontFamily:zr,fontSize:12,height:28,outline:"none",padding:M?"6px 10px 6px 28px":"6px 10px",position:"relative",transition:"color 120ms ease, padding-left 120ms ease",width:"100%",zIndex:2}})]}),s(qo,{icon:Dd,options:ae,selectedIndex:Z,displayLabel:Z<0&&f?bl(f.label):void 0,onSelect:d?xe:void 0,onScrubChange:h,scrub:!0}),s(qo,{icon:Wd,options:J,selectedIndex:G,onSelect:c?I=>c({...a,reasoningEffort:J[I].value}):void 0,onScrubChange:h,scrub:!0,indicator:"effort"}),X&&s(Me,{children:s(qo,{icon:Ee>0?jd:_d,options:be,selectedIndex:Ee,onSelect:c&&be.length>1?I=>c({...a,serviceTier:be[I].value||void 0}):void 0,indicator:"check",indicatorActive:Ee>0})})]})}function Rp({provider:e,open:t,onClick:n,onMouseEnter:r,onMouseLeave:o,style:i}){let[a,l]=R(!1);return v("button",{type:"button","data-model-picker":!0,"aria-expanded":t,"aria-label":"Choose model settings",onMouseEnter:()=>{l(!0),r?.()},onMouseLeave:()=>{l(!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:[s(ar,{provider:e,size:14}),s(So,{"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 xl({children:e,active:t,siblingActive:n,disabled:r,onClick:o,title:i}){let a=()=>r?.4:n&&!t?.5:1,l={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 s("button",{type:"button",onClick:r?void 0:o,title:i,disabled:r,style:l,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 Pp(e,t){let n=[],r=new Set,o=[...e].sort((a,l)=>a.timestamp-l.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 l=e.filter(c=>c.groupId===a.groupId&&i(c));if(l.length===0)continue;let d=l.find(c=>c.type!=="text")??l[0];n.push({id:d.id,pathname:d.pathname??a.pathname,annotations:l,timestamp:Math.min(...l.map(c=>c.timestamp))});continue}n.push({id:a.id,pathname:a.pathname,annotations:[a],timestamp:a.timestamp})}return n.sort((a,l)=>a.timestamp-l.timestamp)}function wl(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 zp(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 lt={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"},Hp="v1",Op="popmelt-workspace-generation";function Hr(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Dp(e,t){return{styleModifications:Hr(e.getItem(t.styleMods)),textModifications:Hr(e.getItem(t.textMods)),domModifications:Hr(e.getItem(t.domMods)),spacingTokenChanges:Hr(e.getItem(t.spacingChanges))}}function wt(e,t){return`${e}:project:${encodeURIComponent(t.trim())}`}function Or(e){return{expanded:wt(lt.expanded,e),annotations:wt(lt.annotations,e),styleMods:wt(lt.styleMods,e),textMods:wt(lt.textMods,e),domMods:wt(lt.domMods,e),spacingChanges:wt(lt.spacingChanges,e),tool:wt(lt.tool,e),color:wt(lt.color,e),stroke:wt(lt.stroke,e),inspected:wt(lt.inspected,e)}}function Cl(e){return wt(Op,e)}function Wp(e,t){let n=e.getItem(Cl(t));if(n===null||n.trim()==="")return null;let r=Number(n);return Number.isInteger(r)&&r>=0?r:null}function jp(e,t){return!Number.isInteger(t)||t<0?!1:t>(e??0)}function kl(e,t){return typeof e.pathname=="string"&&e.pathname===t}function _p(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Bp(e,t,n){return e.filter(r=>!r||typeof r.id!="string"||!kl(r,t)||(r.status??"pending")!=="pending"||r.threadId?!1:r.target?!0:!(r.linkedSelector&&!n(r.linkedSelector)))}function Fp(e){let{storage:t,projectId:n,pathname:r,selectorExists:o}=e,i=Or(n),a=wt(`popmelt-annotation-workspace-migration-${Hp}`,n);if(t.getItem(a)==="complete")return i;let l=Bp(_p(t.getItem(lt.annotations)),r,o);t.getItem(i.annotations)===null&&t.setItem(i.annotations,JSON.stringify(l));let d=[["expanded",lt.expanded],["tool",lt.tool],["color",lt.color],["stroke",lt.stroke]];for(let[c,u]of d){let p=c==="color"?t.getItem(u)??t.getItem(lt.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(lt))t.removeItem(c);return i}var Vp=["inspector","sticker","model"];function Sl(e){return typeof e=="string"&&Vp.includes(e)?e:null}function Uo(e,t){return Sl(e.getItem(t))}function Qp(e,t,n){let r=Sl(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 qp(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:l,clientY:d}=i;r(),n=requestAnimationFrame(()=>{n=null,Zp(e,l,d)||t()})};return e.addEventListener("pointerout",o),e.addEventListener("pointerover",r),()=>{r(),e.removeEventListener("pointerout",o),e.removeEventListener("pointerover",r)}}var Up=Pd(()=>import("./PopmeltTasteConnectedPane-77Z23N6Y.mjs").then(e=>({default:e.PopmeltTasteConnectedPane})));function Jp({size:e=16}){return s("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",fill:"none",style:{display:"block",width:e,height:e,flexShrink:0},children:s("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 Yp=ru;function Xp({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 Kp({reconnecting:e,refresh:t,paused:n=!1}){return e?s(er,{size:14,strokeWidth:1.5,"aria-hidden":"true","data-popmelt-reconnecting-spinner":!0,style:{animation:"spin 0.8s linear infinite"}}):n?s(ya,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):t?s(Io,{size:14,strokeWidth:1.5}):s(Mo,{size:14,strokeWidth:1.5})}function Gp({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 e1({hovered:e,canRestartBridge:t,bridgeRestartDisabled:n,bridgeRestartState:r,isBridgeConnected:o}){return e&&t&&!n&&r==="idle"&&o!==!1}function Jo({value:e,options:t,onChange:n,disabled:r=!1}){let[o,i]=R(!1),[a,l]=R({side:"below",maxHeight:220}),d=$(null),c=$(null),u=t.find(p=>p.value===e)??t[0];return qe(()=>{if(!o||!d.current)return;let p=()=>{let f=d.current?.getBoundingClientRect();if(!f)return;let g=8,y=Math.max(0,window.innerHeight-f.bottom-g),C=Math.max(0,f.top-g),k=Math.min(220,t.length*30+2),w=y>=Math.min(k,120)||y>=C?"below":"above";l({side:w,maxHeight:Math.max(48,Math.min(k,w==="below"?y:C))})};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]),F(()=>{if(!o)return;let p=f=>{!d.current||f.composedPath().includes(d.current)||i(!1)},h=f=>{f.key==="Escape"&&i(!1)};return document.addEventListener("mousedown",p),document.addEventListener("keydown",h),()=>{document.removeEventListener("mousedown",p),document.removeEventListener("keydown",h)}},[o]),v("div",{ref:d,style:{position:"relative",minWidth:0},children:[v("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:[s("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:u?.label??""}),s(So,{size:12,style:{flexShrink:0}})]}),o&&s("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 v("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:[s("span",{style:{width:14,display:"flex",flexShrink:0},children:h&&s(Gn,{size:13,strokeWidth:2})}),s("span",{children:p.label})]},p.value)})})]})}function t1(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 n1(e,t,n,r,o,i,a,l){let d=(e-o)*(r-i)-(n-o)*(t-i),c=(e-a)*(i-l)-(o-a)*(t-l),u=(e-n)*(l-r)-(a-n)*(t-r),p=d<0||c<0||u<0,h=d>0||c>0||u>0;return!(p&&h)}function r1(e="bottom-right"){return tu(e,window.innerWidth,window.innerHeight)}function o1(){return da(tc,{"aria-hidden":!0,size:14,strokeWidth:1.5,style:{flexShrink:0}})}function i1(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 Il={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.
241
+ `}),v("div",{style:{display:"flex",alignItems:"center",gap:6,fontWeight:600,fontSize:14,marginBottom:16},children:[s(ua,{size:16,strokeWidth:1.8,"aria-hidden":!0}),s("span",{children:"Imprint"}),s("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"})]}),s("div",{style:{display:"flex",gap:0,marginBottom:16},children:["all","grounded","emerging","challenged"].map(A=>s("button",{"data-popmelt-imprint-filter":!0,type:"button","aria-pressed":P===A,onClick:()=>L(A),style:{border:0,borderRadius:8,background:P===A?"var(--popmelt-library-raised)":"transparent",color:P===A?"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:A.charAt(0).toUpperCase()+A.slice(1)},A))}),s("div",{ref:W,"data-popmelt-imprint-scroll":!0,onScroll:J,style:{flex:1,overflowY:"auto",minHeight:0,margin:"0 -16px -16px",padding:"0 16px 16px",boxSizing:"border-box",maskImage:Z.hasAbove&&Z.hasBelow?"linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)":Z.hasAbove?"linear-gradient(to bottom, transparent 0, black 24px)":Z.hasBelow?"linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)":void 0,WebkitMaskImage:Z.hasAbove&&Z.hasBelow?"linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)":Z.hasAbove?"linear-gradient(to bottom, transparent 0, black 24px)":Z.hasBelow?"linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)":void 0},children:s("div",{children:T?s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"Loading..."}):H==="understanding"?s(gp,{view:M,filter:P,onViewThread:p}):H==="patterns"?Ee?s(pp,{components:G,selectedComponent:r,hoveredComponent:o,onRemove:ye,onHover:i}):s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."}):X?s(dp,{tokens:be,onSpacingHover:a,onModifyToken:l,onDeleteToken:d}):s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No design tokens defined yet."})})})]})}function sl(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 dl(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 cl(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):sl(n.model)-sl(r.model))||dl(n.model)-dl(r.model)||(r.model.catalogPriority??-r.index)-(n.model.catalogPriority??-n.index))}function ul(e,t){return cl(t.map((n,r)=>({index:r,model:n})))}function bp(e){return[...new Set(e.flatMap(t=>t.upstreamProvider?[t.upstreamProvider]:[]))]}function vp(e,t){let n=Pr(t);return n?e.filter(r=>Pr(`${r} ${Rr(r)}`).includes(n)):e}function xp(e,t){if(!e||!t)return"";let n=Rr(e);return Pr(`${e} ${n}`).includes(Pr(t))?n:""}function pl(e,t){return t?cl(e.flatMap((n,r)=>n.upstreamProvider===t?[{index:r,model:n}]:[])):[]}function wp(e,t){let n=pl(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 fl={id:"",label:"Codex default",source:"cli",isDefault:!0};function Cp(e){return[fl,...e.filter(t=>t.id!=="")]}var kp="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",Ip="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 Mp({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"0 0 1200 1200",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:s("path",{d:kp})})}function Tp({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"0 0 158.7128 157.296",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:s("path",{d:Sp})})}function Ep({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"0 0 49.7202 40.0402",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:s("path",{d:Ip,fillRule:"evenodd",clipRule:"evenodd"})})}function Lp({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"8 8 48 48",fill:"none",style:{flexShrink:0,...t},children:s("path",{fill:"currentColor",d:"M14 16h36v8H40v32h-8V24h-6v22h-8V24h-4z"})})}function ar({provider:e,size:t=16,style:n}){return e==="codex"?s(Tp,{size:t,style:n}):e==="copilot"?s(Ep,{size:t,style:n}):e==="omp"?s(Lp,{size:t,style:n}):s(Mp,{size:t,style:n})}var hl=[{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"}],ml=[{id:"claude-opus-4-6",label:"Opus 4.6",source:"static",supportedReasoningLevels:hl},{id:"claude-sonnet-4-6",label:"Sonn 4.6",source:"static",supportedReasoningLevels:hl}],Ap=[fl],gl=[{id:"",label:"Default",source:"static"}],yl=[{id:"",label:"OMP default",source:"static"}],$p=[...ml,...Ap,...gl,...yl];function Np(e,t){if(t==="copilot"&&!e)return"Copilot";if(t==="omp"&&!e)return"OMP";if(!e)return t==="codex"?"Codex":"Claude Code";let n=$p.find(r=>r.id===e);return n?n.label:e.replace(/-\d{8,}$/,"")}var zr=St,Rp={minimal:"Minimal",low:"Low",medium:"Medium",high:"High",xhigh:"X-high",max:"Max",ultra:"Ultra"};function bl(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 Pp({count:e,index:t,pill:n}){let r=Math.min(e,7),o=e<=1?0:Math.round(t*(r-1)/(e-1));return s("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 l=a===o;return s("span",{style:a===0&&!l?{background:"#555",borderRadius:2,height:6,width:1,transition:"background-color 120ms ease, height 120ms ease, width 120ms ease"}:{background:l?"#fff":"#888",borderRadius:999,height:l?3:2,width:l?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:l=!0,onScrubChange:d}){let c=$(null),u=$(!1),[p,h]=R(!1),[f,g]=R(!1),y=n>=0&&n<t.length?n:0,C=t[y],k=!o||t.length<=1;return v("button",{type:"button",disabled:k,onPointerDown:w=>{!i||k||(c.current={x:w.clientX,index:y,moved:!1},g(!0),d?.(!0),w.currentTarget.setPointerCapture(w.pointerId))},onPointerMove:w=>{let E=c.current;if(!E||!i||!o)return;let M=w.clientX-E.x;Math.abs(M)>=4&&(E.moved=!0);let S=Math.max(0,Math.min(t.length-1,E.index+Math.round(M/22)));E.moved&&S!==y&&o(S)},onPointerUp:w=>{let E=c.current;E&&(w.currentTarget.hasPointerCapture(w.pointerId)&&w.currentTarget.releasePointerCapture(w.pointerId),u.current=E.moved,c.current=null,g(!1),d?.(!1))},onPointerCancel:()=>{c.current=null,g(!1),d?.(!1)},onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onClick:()=>{if(u.current){u.current=!1;return}k||o((y+1)%t.length)},style:{alignItems:"center",background:"transparent",border:0,borderRadius:24,color:a!=="check"&&(p||f)?"#eee":"#aaa",cursor:k?"default":i?"ew-resize":"pointer",display:"flex",fontFamily:zr,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:[v("span",{style:{alignItems:"center",display:"inline-flex",gap:6,minWidth:0},children:[s(e,{"aria-hidden":"true",size:12,strokeWidth:1.75}),s("span",{style:{lineHeight:1.35,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r??C?.label??"Unavailable"})]}),a==="check"?s(Gn,{"aria-hidden":"true",color:"#fff",size:12,strokeWidth:2,style:{opacity:l?1:0,transition:"opacity 120ms ease"}}):s(Pp,{count:t.length,index:n,pill:p||f})]})}function vl({visible:e,style:t,provider:n,availableProviders:r=[],models:o,modelIndex:i,agentSettings:a={},onProviderChange:l,onModelChange:d,onAgentSettingsChange:c,onMouseEnter:u,onMouseLeave:p,onScrubChange:h}){let f=o[i]??o[0],g=ue(()=>bp(o),[o]),y=f?.upstreamProvider??g[0],[C,k]=R(""),[w,E]=R(!1),[M,S]=R(!1),T=ue(()=>vp(g,C),[C,g]),N=T[0],H=xp(N,C),P=H.toLowerCase().indexOf(C.trim().toLowerCase());F(()=>{w||k(y?Rr(y):"")},[w,y]);let L=I=>{let j=wp(o,I),_=o[j];k(Rr(I)),E(!1),d?.(j),a.serviceTier&&!_?.speedTiers?.some(O=>O.id===a.serviceTier)&&c?.({...a,serviceTier:void 0})},W=ue(()=>n==="omp"?pl(o,y):ul(n,o),[o,n,y]),Z=W.findIndex(I=>I.index===i),ae=W.map(I=>({value:String(I.index),label:bl(I.model.label)})),pe=n==="claude"?["low","medium","high","xhigh","max"]:["low","medium","high","xhigh"],le=f?.supportedReasoningLevels?.map(I=>I.effort)??pe,J=le.map(I=>({value:I,label:Rp[I]??I})),ye=a.reasoningEffort??f?.defaultReasoningLevel??le[0],G=Math.max(0,le.indexOf(ye??"")),be=[{value:"",label:"Standard"},...(f?.speedTiers??[]).filter(I=>I.id!=="default").map(I=>({value:I.id,label:I.label}))],Ee=Math.max(0,be.findIndex(I=>I.value===(a.serviceTier??""))),X=(f?.speedTiers?.length??0)>0,xe=I=>{let j=W[I];j&&(d?.(j.index),a.serviceTier&&!j.model.speedTiers?.some(_=>_.id===a.serviceTier)&&c?.({...a,serviceTier:void 0}))},A=["codex","claude","omp","copilot"].filter(I=>r.length===0||r.includes(I));return v("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:zr,position:"absolute",transition:"opacity 120ms ease",width:139,zIndex:4,...t},children:[s("div",{style:{display:"flex",width:"100%"},children:A.map(I=>{let j=n===I;return s("button",{type:"button","aria-label":`Use ${I==="codex"?"GPT":I==="claude"?"Claude":I==="copilot"?"Copilot":"OMP"}`,"aria-pressed":j,disabled:!l,onClick:()=>l?.(I),style:{alignItems:"center",background:j?"#333":"transparent",border:0,borderRadius:24,color:j?"#eee":"#aaa",cursor:l?"pointer":"default",display:"flex",flex:1,justifyContent:"center",padding:"8px 10px",transition:"background-color 120ms ease, color 120ms ease"},children:s(ar,{provider:I,size:12})},I)})}),n==="omp"&&g.length>0&&v("div",{style:{position:"relative",width:"100%"},children:[s(ca,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{color:"#777",left:10,opacity:M?1:0,pointerEvents:"none",position:"absolute",top:8,transition:"opacity 120ms ease",zIndex:3}}),w&&H&&s("div",{"aria-hidden":"true",style:{color:"#666",fontFamily:zr,fontSize:12,height:28,left:0,lineHeight:"28px",overflow:"hidden",padding:M?"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?v(Me,{children:[H.slice(0,P),s("span",{style:{color:"#eee"},children:H.slice(P,P+C.trim().length)}),H.slice(P+C.trim().length)]}):H}),s("input",{"aria-label":"OMP provider","aria-autocomplete":"inline",autoComplete:"off",onBlur:()=>{E(!1)},onChange:I=>{k(I.currentTarget.value),E(!0)},onFocus:I=>{E(!0),I.currentTarget.select()},onKeyDown:I=>{if(I.key==="Enter"){let j=T[0];j&&(I.preventDefault(),L(j),I.currentTarget.blur())}else if(I.key==="Tab"){let j=T[0];j&&H&&L(j)}else I.key==="Escape"&&I.currentTarget.blur()},onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),placeholder:"Provider",value:C,style:{background:"transparent",border:0,borderRadius:0,boxSizing:"border-box",color:w&&H?"transparent":w||M?"#eee":"#aaa",caretColor:w&&!H?"#eee":"transparent",cursor:w?"text":"pointer",fontFamily:zr,fontSize:12,height:28,outline:"none",padding:M?"6px 10px 6px 28px":"6px 10px",position:"relative",transition:"color 120ms ease, padding-left 120ms ease",width:"100%",zIndex:2}})]}),s(qo,{icon:Dd,options:ae,selectedIndex:Z,displayLabel:Z<0&&f?bl(f.label):void 0,onSelect:d?xe:void 0,onScrubChange:h,scrub:!0}),s(qo,{icon:jd,options:J,selectedIndex:G,onSelect:c?I=>c({...a,reasoningEffort:J[I].value}):void 0,onScrubChange:h,scrub:!0,indicator:"effort"}),X&&s(Me,{children:s(qo,{icon:Ee>0?Wd:_d,options:be,selectedIndex:Ee,onSelect:c&&be.length>1?I=>c({...a,serviceTier:be[I].value||void 0}):void 0,indicator:"check",indicatorActive:Ee>0})})]})}function zp({provider:e,open:t,onClick:n,onMouseEnter:r,onMouseLeave:o,style:i}){let[a,l]=R(!1);return v("button",{type:"button","data-model-picker":!0,"aria-expanded":t,"aria-label":"Choose model settings",onMouseEnter:()=>{l(!0),r?.()},onMouseLeave:()=>{l(!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:[s(ar,{provider:e,size:14}),s(So,{"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 xl({children:e,active:t,siblingActive:n,disabled:r,onClick:o,title:i}){let a=()=>r?.4:n&&!t?.5:1,l={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 s("button",{type:"button",onClick:r?void 0:o,title:i,disabled:r,style:l,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 Hp(e,t){let n=[],r=new Set,o=[...e].sort((a,l)=>a.timestamp-l.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 l=e.filter(c=>c.groupId===a.groupId&&i(c));if(l.length===0)continue;let d=l.find(c=>c.type!=="text")??l[0];n.push({id:d.id,pathname:d.pathname??a.pathname,annotations:l,timestamp:Math.min(...l.map(c=>c.timestamp))});continue}n.push({id:a.id,pathname:a.pathname,annotations:[a],timestamp:a.timestamp})}return n.sort((a,l)=>a.timestamp-l.timestamp)}function wl(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 Op(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 lt={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"},Dp="v1",jp="popmelt-workspace-generation";function Hr(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Wp(e,t){return{styleModifications:Hr(e.getItem(t.styleMods)),textModifications:Hr(e.getItem(t.textMods)),domModifications:Hr(e.getItem(t.domMods)),spacingTokenChanges:Hr(e.getItem(t.spacingChanges))}}function wt(e,t){return`${e}:project:${encodeURIComponent(t.trim())}`}function Or(e){return{expanded:wt(lt.expanded,e),annotations:wt(lt.annotations,e),styleMods:wt(lt.styleMods,e),textMods:wt(lt.textMods,e),domMods:wt(lt.domMods,e),spacingChanges:wt(lt.spacingChanges,e),tool:wt(lt.tool,e),color:wt(lt.color,e),stroke:wt(lt.stroke,e),inspected:wt(lt.inspected,e)}}function Cl(e){return wt(jp,e)}function _p(e,t){let n=e.getItem(Cl(t));if(n===null||n.trim()==="")return null;let r=Number(n);return Number.isInteger(r)&&r>=0?r:null}function Bp(e,t){return!Number.isInteger(t)||t<0?!1:t>(e??0)}function kl(e,t){return typeof e.pathname=="string"&&e.pathname===t}function Fp(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Vp(e,t,n){return e.filter(r=>!r||typeof r.id!="string"||!kl(r,t)||(r.status??"pending")!=="pending"||r.threadId?!1:r.target?!0:!(r.linkedSelector&&!n(r.linkedSelector)))}function Qp(e){let{storage:t,projectId:n,pathname:r,selectorExists:o}=e,i=Or(n),a=wt(`popmelt-annotation-workspace-migration-${Dp}`,n);if(t.getItem(a)==="complete")return i;let l=Vp(Fp(t.getItem(lt.annotations)),r,o);t.getItem(i.annotations)===null&&t.setItem(i.annotations,JSON.stringify(l));let d=[["expanded",lt.expanded],["tool",lt.tool],["color",lt.color],["stroke",lt.stroke]];for(let[c,u]of d){let p=c==="color"?t.getItem(u)??t.getItem(lt.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(lt))t.removeItem(c);return i}var Zp=["inspector","sticker","model"];function Sl(e){return typeof e=="string"&&Zp.includes(e)?e:null}function Uo(e,t){return Sl(e.getItem(t))}function qp(e,t,n){let r=Sl(n);r&&e.setItem(t,r)}function Up(e,t,n){let r=e.getRootNode().elementFromPoint?.(t,n)??e.ownerDocument.elementFromPoint?.(t,n);return r instanceof Node&&e.contains(r)}function Jp(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:l,clientY:d}=i;r(),n=requestAnimationFrame(()=>{n=null,Up(e,l,d)||t()})};return e.addEventListener("pointerout",o),e.addEventListener("pointerover",r),()=>{r(),e.removeEventListener("pointerout",o),e.removeEventListener("pointerover",r)}}var Yp=Pd(()=>import("./PopmeltTasteConnectedPane-IXJ2KAPX.mjs").then(e=>({default:e.PopmeltTasteConnectedPane})));function Xp({size:e=16}){return s("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",fill:"none",style:{display:"block",width:e,height:e,flexShrink:0},children:s("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 Kp=ru;function Gp({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 e1({reconnecting:e,refresh:t,paused:n=!1}){return e?s(er,{size:14,strokeWidth:1.5,"aria-hidden":"true","data-popmelt-reconnecting-spinner":!0,style:{animation:"spin 0.8s linear infinite"}}):n?s(ya,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):t?s(Io,{size:14,strokeWidth:1.5}):s(Mo,{size:14,strokeWidth:1.5})}function t1({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 n1({hovered:e,canRestartBridge:t,bridgeRestartDisabled:n,bridgeRestartState:r,isBridgeConnected:o}){return e&&t&&!n&&r==="idle"&&o!==!1}function Jo({value:e,options:t,onChange:n,disabled:r=!1}){let[o,i]=R(!1),[a,l]=R({side:"below",maxHeight:220}),d=$(null),c=$(null),u=t.find(p=>p.value===e)??t[0];return qe(()=>{if(!o||!d.current)return;let p=()=>{let f=d.current?.getBoundingClientRect();if(!f)return;let g=8,y=Math.max(0,window.innerHeight-f.bottom-g),C=Math.max(0,f.top-g),k=Math.min(220,t.length*30+2),w=y>=Math.min(k,120)||y>=C?"below":"above";l({side:w,maxHeight:Math.max(48,Math.min(k,w==="below"?y:C))})};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]),F(()=>{if(!o)return;let p=f=>{!d.current||f.composedPath().includes(d.current)||i(!1)},h=f=>{f.key==="Escape"&&i(!1)};return document.addEventListener("mousedown",p),document.addEventListener("keydown",h),()=>{document.removeEventListener("mousedown",p),document.removeEventListener("keydown",h)}},[o]),v("div",{ref:d,style:{position:"relative",minWidth:0},children:[v("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:[s("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:u?.label??""}),s(So,{size:12,style:{flexShrink:0}})]}),o&&s("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 v("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:[s("span",{style:{width:14,display:"flex",flexShrink:0},children:h&&s(Gn,{size:13,strokeWidth:2})}),s("span",{children:p.label})]},p.value)})})]})}function r1(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 o1(e,t,n,r,o,i,a,l){let d=(e-o)*(r-i)-(n-o)*(t-i),c=(e-a)*(i-l)-(o-a)*(t-l),u=(e-n)*(l-r)-(a-n)*(t-r),p=d<0||c<0||u<0,h=d>0||c>0||u>0;return!(p&&h)}function i1(e="bottom-right"){return tu(e,window.innerWidth,window.innerHeight)}function a1(){return da(tc,{"aria-hidden":!0,size:14,strokeWidth:1.5,style:{flexShrink:0}})}function l1(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 Il={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.
242
242
 
243
- Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{key:"\u2318\u2318",desc:"Toggle toolbar"}]}},Ml=St;function a1(e){let t=[];try{let n=JSON.parse(localStorage.getItem(e.annotations)||"[]");Array.isArray(n)&&(t=n)}catch{}return bu({savedCursor:localStorage.getItem(e.color),annotations:t,currentPathname:window.location.pathname})}function l1(e){return"entry"in e?s(du,{...e.entry}):s(s1,{...e})}function s1({projectId:e,state:t,dispatch:n,onScreenshot:r,onSendToClaude:o,hasExternalSendableItems:i=!1,readOnlyPreview:a=!1,hasActiveJobs:l,activeJobColor:d,onCrosshairHover:c,onClear:u,provider:p="codex",onProviderChange:h,availableProviders:f,modelIndex:g=0,modelCount:y=2,modelLabel:C="Opus 4.6",models:k=[],agentSettings:w={},onModelChange:E,onAgentSettingsChange:M,onModelMenuOpen:S,onViewThread:T,onPreviewHistoryThread:N,onNavigate:H,annotationCycleFocus:P=null,onAnnotationCycleFocusChange:L,isThreadPanelOpen:j,threadOpenRequest:Z=0,hasOpenThreadPanel:ae=!1,projectPanelTemporarilyHidden:pe=!1,mcpStatus:le,bridgeUrl:J,isBridgeConnected:ye,packageVersion:G,bridgeVersion:be,projectRoot:Ee,projectRootAccess:X,codexSandboxMode:xe,bridgeRestartState:A="idle",bridgeRestartMessage:I,onBridgeRestart:W,onMouseEnter:_,onToolbarHoverChange:O,activeChromeHoverSurface:ee=null,toolbarRef:we,snapPosition:te="bottom-right",onSnapPositionChange:Je}){let q=pn(Ga),He=pn(Bo),re=He?.participantId,Le=Uc(J,e??void 0,!q&&!He),me=!!(q?.ownIsHost||Le.linked),Ce=Fa(q?.peers??[])+Fa(q?.admissionRequests??[])+(q?.admissionRequests?.length?6:0),fe=ue(()=>{let m=e?.trim()||"__pending__";if(re){let x=Or(m);return Object.fromEntries(Object.entries(x).map(([z,ie])=>[z,`${ie}:participant:${encodeURIComponent(re)}`]))}return typeof window>"u"||!e?.trim()?Or(m):Fp({storage:localStorage,projectId:m,pathname:window.location.pathname,selectorExists:x=>!!Co(x)})},[e,re]),[st,Mt]=R(!1),Ht=l||st,ge=Na(),[Ne,dt]=R(()=>q?.onJoin?!0:He?t.isAnnotating:typeof window>"u"?!1:localStorage.getItem(fe.expanded)==="true"),We=$(Z);F(()=>{Z!==We.current&&(We.current=Z,dt(!0))},[Z]);let[Pe,Vt,Nt]=ho(J),Ae=Ie[Pe],kn=$(null),{surface:De,phase:Tt,enter:Bn,leave:fr,show:Fn,dismiss:Rt}=To({openDelayMs:La,exitDurationMs:It}),pt=$(null),[Et,Vn]=R(null),b=oe(()=>{pt.current!==null&&(pt.current=null,Vn(null))},[]),ne=oe(m=>{pt.current&&m!==`peer:${pt.current}`&&b(),Fn(m)},[b,Fn]),K=oe(m=>{pt.current&&m!==`peer:${pt.current}`&&b(),Bn(m)},[b,Bn]),he=oe(m=>{m!==`peer:${pt.current}`&&fr(m)},[fr]),V=oe(m=>{(!m||pt.current&&m===`peer:${pt.current}`)&&b(),Rt(m)},[b,Rt]),Fe=De==="tool-menu",Te=Fe&&Tt==="visible",ze=De==="popmelt-guide",Oe=ze&&Tt==="visible",Re=Kn(),Ve=De?.startsWith("peer:")?De.slice(5):null,ke=q?.peers.find(m=>m.identity.id===Ve),_e=De?.startsWith("admission:")?De.slice(10):null,Se=q?.admissionRequests?.find(m=>m.id===_e),je=!!(ke||Se),Qt=je&&Tt==="visible",Q=$(null),[de,Qe]=R(null),Ze=$(null);F(()=>{let m=Ze.current;if(m)return Ru(m)},[Ne]),Eu(Qt?_e:null,Q,Ze);let ht=$(null),kt=m=>m instanceof Node&&(ht.current?.closest('[role="toolbar"]')?.contains(m)||m instanceof Element&&!!m.closest('[data-devtools="peer-details-corridor"], [data-devtools="admission-details"]'));F(()=>{Ve!==null&&(!ke||!Ne)&&V(`peer:${Ve}`)},[ke,V,Ne,Ve]),F(()=>{if(!Et)return;let m=z=>{z.composedPath().some(ie=>ie instanceof Element&&(ie.getAttribute("data-devtools")==="peer-details-corridor"||ie.getAttribute("data-peer-id")===Et))||V(`peer:${Et}`)},x=z=>{z.key==="Escape"&&V(`peer:${Et}`)};return document.addEventListener("pointerdown",m),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",m),document.removeEventListener("keydown",x)}},[V,Et]),F(()=>{if(!_e)return;if(!Se||!Ne){V(`admission:${_e}`);return}let m=x=>{x.composedPath().some(z=>z instanceof Element&&["admission-details","admission-chip"].includes(z.getAttribute("data-devtools")??""))||V(`admission:${_e}`)};return document.addEventListener("pointerdown",m),()=>document.removeEventListener("pointerdown",m)},[_e,Se,Ne,V]),qe(()=>(O?.("peer-details",je),()=>{je&&O?.("peer-details",!1)}),[O,je]);let[on,an]=R(null),Qn=$(t.isAnnotating),Ot=$(!1),tt=P?.groupId??null,Xe=$([]),ln=$(null),Be=$(tt),Zn=$(new Set(t.annotations.map(m=>m.id))),Gr=$(typeof window<"u"?Uo(localStorage,fe.tool):null),hr=$(null),Sn=$(typeof window<"u"?a1(fe):null),sn=$(typeof window<"u"?localStorage.getItem(fe.stroke):null),[B,se]=R(null),[Pt,Dt]=R(!1),[ot,Wt]=R(!1),mt=JSON.stringify([e,Ee,J]),In=!!(me&&J&&ye!==!1),Zt=$(null),js=In&&Zt.current?.key===mt?Zt.current.snapshot:null;F(()=>{(!In||Zt.current?.key!==mt)&&(Zt.current=null)},[In,mt]);let[_s,mr]=R(!1),[Bs,Fs]=R(0);F(()=>{ot||mr(!1)},[ot]),F(()=>{Wt(!1)},[J,Ne,q?.ownIsHost]),F(()=>{if(ot!=="settings"||!Oe)return;let m=x=>{x.key==="Escape"&&(x.composedPath().some(z=>z instanceof HTMLElement&&z.hasAttribute("data-taste-search"))||(x.preventDefault(),x.stopImmediatePropagation(),Wt(!1),ne("popmelt-guide")))};return document.addEventListener("keydown",m,!0),()=>document.removeEventListener("keydown",m,!0)},[ot,Oe,ne]),F(()=>{Ne||Dt(!1)},[Ne]),F(()=>{Dt(!1)},[J]);let[Vs,eo]=R(!1),[Ii,to]=R(!1),[qn,gr]=R(!1),Lt=$(!1),vt=$(null),it=$(null),Un=$(null),yr=$(!1);F(()=>{B!=="collapse"&&(eo(!1),to(!1),gr(!1))},[B]),F(()=>{ze||gr(!1)},[ze]);let no=B!==null||Oe;qe(()=>(O?.("guidance-panel",no),()=>{no&&O?.("guidance-panel",!1)}),[no,O]),qe(()=>(O?.("tool-menu",Te),()=>{Te&&O?.("tool-menu",!1)}),[O,Te]),qe(()=>(O?.("popmelt-guide",Oe),()=>{Oe&&O?.("popmelt-guide",!1)}),[O,Oe]);let Mi=!j&&(B==="model"||t.activeTool==="model");F(()=>()=>{yr.current&&(yr.current=!1,O?.("project-panel",!1))},[O,Mi]);let Qs=oe(()=>{ne("tool-menu")},[ne]),qt=oe(()=>{an(null),V("tool-menu")},[V]),[Zs,qs]=R([]),Ti=$({x:0,y:0}),Mn=$(null),br=$(null),Ut=$(null),ct=oe(()=>{Mn.current=null,br.current=null,Ut.current&&(clearTimeout(Ut.current),Ut.current=null)},[]);F(()=>{ee==="job-stack"&&(V(),Lt.current=!1,se(null),ct(),vt.current&&(clearTimeout(vt.current),vt.current=null),it.current&&(clearTimeout(it.current),it.current=null))},[ee,ct,V]);let ro=oe(m=>{it.current&&(clearTimeout(it.current),it.current=null),Lt.current?(Mn.current=m,br.current={...Ti.current},Ut.current&&clearTimeout(Ut.current),Ut.current=setTimeout(()=>{Mn.current&&(se(Mn.current),ct())},300)):(vt.current&&clearTimeout(vt.current),vt.current=setTimeout(()=>{Lt.current=!0,se(m),vt.current=null},500))},[ct]),vr=oe(()=>{ct(),vt.current&&(clearTimeout(vt.current),vt.current=null),it.current=setTimeout(()=>{Lt.current=!1,se(null)},150)},[ct]);F(()=>{ze?Lt.current=!0:B===null&&(Lt.current=!1)},[B,ze]),F(()=>{let m=Un.current;if(!m)return;let x=()=>{if(ze){K("popmelt-guide");return}ct(),it.current&&(clearTimeout(it.current),it.current=null)},z=()=>{ze||(it.current=setTimeout(()=>{Lt.current=!1,se(null)},150))};return m.addEventListener("mouseenter",x),m.addEventListener("mouseleave",z),()=>{m.removeEventListener("mouseenter",x),m.removeEventListener("mouseleave",z)}},[ct,V,K,B,Pt,ot,ae,he,ze]),F(()=>{let m=Ze.current;if(m)return qp(m,()=>{(De?.startsWith("peer:")||De?.startsWith("admission:"))&&he(De),ae?(V("popmelt-guide"),V("tool-menu")):(he("popmelt-guide"),he("tool-menu"))})},[V,De,ae,he]),F(()=>{if(B!=="counter"||!J)return;let m=!1;return Ln(`${J}/threads/recent?limit=5`).then(x=>x.ok?x.json():[]).then(x=>{m||qs(x)}).catch(()=>{}),()=>{m=!0}},[B,J]);let Us=oe(m=>{if(Ti.current={x:m.clientX,y:m.clientY},Mn.current&&br.current){let x=br.current,z=r1(te);n1(m.clientX,m.clientY,x.x,x.y,z.left,z.y,z.right,z.y)||(se(Mn.current),ct())}},[ct,te]),Js=ue(()=>{let m=(f??[]).map(x=>x==="claude"?"Claude":x==="codex"?"Codex":x==="copilot"?"Copilot":x==="omp"?"OMP":x);return{name:"AI Model",desc:m.length>1?`${m.join(" and ")} are available.`:m.length===1?`Connected to ${m[0]}.`:"No AI providers detected.",usage:m.length>1?["Click the logo to switch between providers","Click the model name to switch tiers"]:["Click the model name to switch tiers"],keys:m.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}]}},[f]),Ys=ue(()=>{let m=f&&f.length>0?f:["claude","codex","omp","copilot"],x=m.indexOf(p);return m[(x>=0?x+1:0)%m.length]??p},[f,p]),Xs=ue(()=>t1(y,g),[y,g]),oo=k[g],Ei=oo?.supportedReasoningLevels??[],Li=oo?.speedTiers??[];Nu(Ne,t,n,Ot,fe,!He),F(()=>{if(hr.current!==fe.tool){hr.current=fe.tool;let m=Uo(localStorage,fe.tool);if(m&&m!==t.activeTool){n({type:"SET_TOOL",payload:m});return}}Qp(localStorage,fe.tool,t.activeTool)},[n,t.activeTool,fe.tool]),tl(()=>{let m=new URLSearchParams(window.location.search);if(!m.has("popmelt"))return;let x=document.createElement("style");x.textContent="nextjs-portal, vite-error-overlay { display: none !important; }",document.head.appendChild(x);let z=parseInt(m.get("popmelt")||"0",10)||0,ie=()=>{dt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})},D=z>0?setTimeout(ie,z):null;return D||ie(),()=>{D&&clearTimeout(D),x.remove()}}),tl(()=>{if(He)return wo(t.domModifications),vo(t.styleModifications),xo(t.textModifications),dt(t.isAnnotating),Ot.current=!0,()=>{Ot.current=!1};let m=localStorage.getItem(fe.expanded)==="true",x=localStorage.getItem(fe.annotations);if(Sn.current&&n({type:"SET_COLOR",payload:Sn.current}),x)try{let D=JSON.parse(x);if(Array.isArray(D)&&D.length>0){for(let U of D)(U.status==="waiting_input"||U.status==="sending"||U.status==="in_flight")&&(U.status=U.threadId?"resolved":"pending");let Y=Sn.current?mu(D,Sn.current):D;n({type:"RESTORE_ANNOTATIONS",payload:{annotations:Y}})}}catch{}let z=Dp(localStorage,fe);if(z.styleModifications.length>0&&(n({type:"RESTORE_STYLE_MODIFICATIONS",payload:z.styleModifications}),vo(z.styleModifications)),z.textModifications.length>0&&(n({type:"RESTORE_TEXT_MODIFICATIONS",payload:z.textModifications}),xo(z.textModifications)),z.domModifications.length>0&&(n({type:"RESTORE_DOM_MODIFICATIONS",payload:z.domModifications}),wo(z.domModifications)),z.spacingTokenChanges.length>0&&n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:z.spacingTokenChanges}),m&&!t.isAnnotating){if(Ne||dt(!0),n({type:"SET_TOOL",payload:Gr.current||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),sn.current){let Y=parseFloat(sn.current);isNaN(Y)||n({type:"SET_STROKE_WIDTH",payload:Y})}let D=sessionStorage.getItem("popmelt-pending-focus");if(D){sessionStorage.removeItem("popmelt-pending-focus");try{let{annotationId:Y}=JSON.parse(D);if(Y){let U=x?JSON.parse(x)??[]:[],ve=U.find(ce=>ce.id===Y),nt=ve?.groupId?U.filter(ce=>ce.groupId===ve.groupId):ve?[ve]:[];L?.({groupId:Y,annotationIds:nt.map(ce=>ce.id)}),requestAnimationFrame(()=>{n({type:"SELECT_ANNOTATION",payload:{id:Y}});let ce=U.find(at=>at.id===Y);if(ce){let at=(ce.groupId?U.filter(gt=>gt.groupId===ce.groupId):[ce]).flatMap(gt=>gt.points);if(at.length>0){let gt=Math.min(...at.map(yt=>yt.x)),Ge=Math.max(...at.map(yt=>yt.x)),ft=Math.min(...at.map(yt=>yt.y)),wr=Math.max(...at.map(yt=>yt.y));window.scrollTo({left:(gt+Ge)/2-window.innerWidth/2,top:(ft+wr)/2-window.innerHeight/2,behavior:"smooth"})}}})}}catch{}}}let ie=sessionStorage.getItem("popmelt-pending-thread");if(ie){sessionStorage.removeItem("popmelt-pending-thread");try{let{threadId:D,selector:Y,preview:U}=JSON.parse(ie);D&&requestAnimationFrame(()=>{if(Y)try{let ve=document.querySelector(Y);if(ve){let nt=ve.getBoundingClientRect(),ce=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:ce,point:{x:nt.left+nt.width,y:nt.top},text:U||"[thread]",linkedSelector:Y,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[ce],threadId:D}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[ce],status:"resolved"}})}}catch{}T&&T(D)})}catch{}}return Ot.current=!0,()=>{Ot.current=!1}});let Ai=$(t.styleModifications),$i=$(t.textModifications),Ni=$(t.domModifications);F(()=>{let m=Ai.current,x=t.styleModifications;m!==x&&(na(m),vo(x),Ai.current=x)},[t.styleModifications]),F(()=>{let m=$i.current,x=t.textModifications;m!==x&&(ra(m),xo(x),$i.current=x)},[t.textModifications]),F(()=>{let m=Ni.current,x=t.domModifications;m!==x&&(oa(m),wo(x),Ni.current=x)},[t.domModifications]),F(()=>{let m=Qn.current;Qn.current=t.isAnnotating;let x=Xp({wasAnnotating:m,isAnnotating:t.isAnnotating,isExpanded:Ne});x.expanded!==null&&dt(x.expanded),x.annotating!==null&&n({type:"SET_ANNOTATING",payload:x.annotating})},[n,t.isAnnotating,Ne]);let Ri=$(Ne);Ri.current=Ne,Ra(()=>{if(Ri.current)n({type:"SET_ANNOTATING",payload:!1}),dt(!1);else{let m=Uo(localStorage,fe.tool);n({type:"SET_TOOL",payload:m||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),dt(!0)}});let io=oe(m=>{a||(ct(),n({type:"SET_TOOL",payload:m}),t.isAnnotating||n({type:"SET_ANNOTATING",payload:!0}),Lt.current=!1,se(null),vt.current&&(clearTimeout(vt.current),vt.current=null),it.current&&(clearTimeout(it.current),it.current=null))},[n,t.isAnnotating,ct,a]),Pi=oe(async()=>{window.focus(),await r()},[r]),zi=oe(async()=>{o&&await o()},[o]),Ks=oe(()=>{n({type:"SET_ANNOTATING",payload:!1}),V(),dt(!1)},[V,n]);F(()=>{if(!Fe)return;let m=z=>{!kn.current||z.composedPath().includes(kn.current)||qt()},x=z=>{z.key==="Escape"&&(z.preventDefault(),z.stopPropagation(),qt())};return document.addEventListener("mousedown",m),document.addEventListener("keydown",x),()=>{document.removeEventListener("mousedown",m),document.removeEventListener("keydown",x)}},[qt,Fe]);let ao=oe(()=>{a||(na(t.styleModifications),ra(t.textModifications),oa(t.domModifications),document.querySelectorAll("[data-pm]").forEach(m=>m.removeAttribute("data-pm")),n({type:"CLEAR"}),n({type:"CLEAR_ALL_STYLES"}),localStorage.removeItem(fe.annotations),localStorage.removeItem(fe.styleMods),localStorage.removeItem(fe.textMods),localStorage.removeItem(fe.domMods),localStorage.removeItem(fe.spacingChanges),L?.(null),Xe.current=[],ln.current=null,u?.())},[n,t.styleModifications,t.textModifications,t.domModifications,L,u,fe,a]),lo=Er(t.activeColor)??29,Tn=$(null),Hi=$(null),Oi=t.annotations.length>0;F(()=>{let m=Hi.current;if(!m||!Oi)return;let x=z=>{z.preventDefault(),z.stopPropagation();let ie=z.deltaY>0?-1:1,D=((lo+ie)%360+360)%360,Y=Yt(D);n({type:"SET_COLOR",payload:Y}),t.selectedAnnotationIds.length>0&&n({type:"UPDATE_ANNOTATION_COLOR",payload:{id:t.lastSelectedId||t.selectedAnnotationIds[0],color:Y}})};return m.addEventListener("wheel",x,{passive:!1}),()=>m.removeEventListener("wheel",x)},[Oi,t.selectedAnnotationIds,t.lastSelectedId,lo,n]);let xr=$(!1),Gs=oe(()=>{xr.current=!1,Tn.current=setTimeout(()=>{xr.current=!0,n({type:"SET_COLOR",payload:Yt(29)})},500)},[n]),Di=oe(()=>{Tn.current&&(clearTimeout(Tn.current),Tn.current=null)},[]);F(()=>()=>{Tn.current&&clearTimeout(Tn.current),Ut.current&&clearTimeout(Ut.current)},[]);let At=ka(),Wi=ue(()=>Ar(t.annotations),[t.annotations]),Ke=ue(()=>Pp(t.annotations,Wi),[t.annotations,Wi]),ed=ue(()=>Ke.filter(m=>!m.pathname||m.pathname===At),[Ke,At]),so=tt?Ke.findIndex(m=>m.id===tt):null,En=so!==null&&so>=0?so:null,co=En!==null?Ke[En]??null:null,dn=oe(()=>{L?.(null),Xe.current=[],ln.current=null},[L]);F(()=>{let m=Be.current;Be.current=tt,m!==null&&tt===null&&(Xe.current=[],ln.current=null)},[tt]),F(()=>{let m=new Set(t.annotations.map(z=>z.id)),x=t.annotations.some(z=>!Zn.current.has(z.id)&&z.id!==tt&&(z.status??"pending")==="pending");Zn.current=m,x&&dn()},[dn,tt,t.annotations]),F(()=>{tt&&!Ke.some(m=>m.id===tt)&&dn()},[Ke,dn,tt]);let ji=oe(async m=>{let x=Ke.find(D=>D.id===m);if(!x)return!1;if(L?.({groupId:x.id,annotationIds:x.annotations.map(D=>D.id)}),qt(),!(!x.pathname||x.pathname===At)){if(sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:x.id,pathname:x.pathname})),!H)return window.location.href=x.pathname,!0;try{await H(x.pathname)}catch{return sessionStorage.removeItem("popmelt-pending-focus"),!1}if(sessionStorage.removeItem("popmelt-pending-focus"),window.location.pathname!==x.pathname)return!1}n({type:"SELECT_ANNOTATION",payload:{id:x.id}}),t.activeTool!=="inspector"&&n({type:"SET_TOOL",payload:"inspector"});let z=x.annotations.find(D=>D.linkedSelector)?.linkedSelector,ie=z?Co(z):null;if(ie){let D=ie.getBoundingClientRect();window.scrollTo({left:D.left+D.width/2+window.scrollX-window.innerWidth/2,top:D.top+D.height/2+window.scrollY-window.innerHeight/2,behavior:"smooth"})}else{let D=x.annotations.flatMap(ce=>ce.points);if(D.length===0)return!1;let Y=Math.min(...D.map(ce=>ce.x)),U=Math.max(...D.map(ce=>ce.x)),ve=Math.min(...D.map(ce=>ce.y)),nt=Math.max(...D.map(ce=>ce.y));window.scrollTo({left:(Y+U)/2-window.innerWidth/2,top:(ve+nt)/2-window.innerHeight/2,behavior:"smooth"})}if(T){let D=x.annotations.find(Y=>Y.threadId)?.threadId;D&&T(D)}return!0},[Ke,qt,At,n,L,H,T,t.activeTool]),_i=oe(async()=>{if(Ke.length===0){dn();return}Xe.current.length===0&&(ln.current=At,Xe.current=wl(Ke,At));let m=Xe.current,x=zp(m,tt);if(tt!==null&&x===m[0]){let z=ln.current??At;Xe.current=wl(Ke,z),x=Xe.current[0]??null}for(let z=0;x&&z<Xe.current.length;z+=1){if(await ji(x))return;let ie=Xe.current.indexOf(x);if(Xe.current=Xe.current.filter(D=>D!==x),Xe.current.length===0)break;x=Xe.current[Math.min(ie,Xe.current.length-1)]??Xe.current[0]}dn()},[Ke,dn,At,ji,tt]);F(()=>{if(!Ne)return;let m=x=>{if(x.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((x.metaKey||x.ctrlKey)&&x.key===yn.actions.send.key){o&&(i||t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(D=>!D.captured).length>0)&&(x.preventDefault(),zi());return}if((x.metaKey||x.ctrlKey)&&x.key.toLowerCase()===yn.actions.screenshot.key){let D=window.getSelection();if(D&&D.toString().length>0)return;(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&(x.preventDefault(),window.focus(),Pi());return}if((x.metaKey||x.ctrlKey)&&yn.actions.clear.keys.includes(x.key)){x.preventDefault(),ao();return}if(x.metaKey||x.ctrlKey||x.altKey||t.activeTool==="sticker"&&iu(x.key))return;let ie=ou(x.key);ie&&(x.preventDefault(),io(ie))};return window.addEventListener("keydown",m),()=>window.removeEventListener("keydown",m)},[Ne,io,Pi,zi,o,i,ao,t.activeTool,t.annotations.length,t.styleModifications.length,t.textModifications.length,t.spacingTokenChanges,B]);let td=88+(Ce?Ce+6:0),Bi=ye===!1||q?.connectionNotice?"rgba(239, 68, 68, 0.4)":l&&d?d:Ae.primary,Jn=!!(G&&be&&G!==be),Jt=A==="restarting"||!W&&!J,nd=A==="error"?"#dc2626":A==="ok"?Bt.iconDefault:Jn?"#b45309":Bt.iconDefault,rd=A==="restarting"?"Restarting":A==="error"?"Restart failed":A==="ok"?"Restarted":Jn?"Update bridge":null,uo=I??(Jn?`Page version ${G}; bridge version ${be}. Refresh the page after updating the package, or restart the bridge after rebuilding it.`:be?`Bridge ${be}. Restart bridge.`:"Restart bridge"),po=Yp.map(m=>({...m,Icon:m.type==="model"?ua:m.type==="sticker"?Jp:Bd})),cn=po.find(({type:m})=>m===t.activeTool)??po[0],od=cn.Icon,id=te.startsWith("top"),ad=140,ld=-38,un=ze?"collapse":B,fo=Math.max(0,ge.h-Ye-mn*2-zt),Fi=$(null);return F(()=>{if(!Ne)return;let m=Fi.current;if(!m)return;let x=()=>{O?.("popmelt-trigger",!0),c?.(!0),K("popmelt-guide")},z=()=>{O?.("popmelt-trigger",!1),c?.(!1)};return m.addEventListener("mouseenter",x),m.addEventListener("mouseleave",z),()=>{m.removeEventListener("mouseenter",x),m.removeEventListener("mouseleave",z)}},[K,Ne,c,O]),Ne?v(Me,{children:[s("style",{children:`
243
+ Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{key:"\u2318\u2318",desc:"Toggle toolbar"}]}},Ml=St;function s1(e){let t=[];try{let n=JSON.parse(localStorage.getItem(e.annotations)||"[]");Array.isArray(n)&&(t=n)}catch{}return bu({savedCursor:localStorage.getItem(e.color),annotations:t,currentPathname:window.location.pathname})}function d1(e){return"entry"in e?s(du,{...e.entry}):s(c1,{...e})}function c1({projectId:e,state:t,dispatch:n,onScreenshot:r,onSendToClaude:o,hasExternalSendableItems:i=!1,readOnlyPreview:a=!1,hasActiveJobs:l,activeJobColor:d,onCrosshairHover:c,onClear:u,provider:p="codex",onProviderChange:h,availableProviders:f,modelIndex:g=0,modelCount:y=2,modelLabel:C="Opus 4.6",models:k=[],agentSettings:w={},onModelChange:E,onAgentSettingsChange:M,onModelMenuOpen:S,onViewThread:T,onPreviewHistoryThread:N,onNavigate:H,annotationCycleFocus:P=null,onAnnotationCycleFocusChange:L,isThreadPanelOpen:W,threadOpenRequest:Z=0,hasOpenThreadPanel:ae=!1,projectPanelTemporarilyHidden:pe=!1,mcpStatus:le,bridgeUrl:J,isBridgeConnected:ye,packageVersion:G,bridgeVersion:be,projectRoot:Ee,projectRootAccess:X,codexSandboxMode:xe,bridgeRestartState:A="idle",bridgeRestartMessage:I,onBridgeRestart:j,onMouseEnter:_,onToolbarHoverChange:O,activeChromeHoverSurface:ee=null,toolbarRef:we,snapPosition:te="bottom-right",onSnapPositionChange:Je}){let q=pn(Ga),He=pn(Bo),re=He?.participantId,Le=Uc(J,e??void 0,!q&&!He),me=!!(q?.ownIsHost||Le.linked),Ce=Fa(q?.peers??[])+Fa(q?.admissionRequests??[])+(q?.admissionRequests?.length?6:0),fe=ue(()=>{let m=e?.trim()||"__pending__";if(re){let x=Or(m);return Object.fromEntries(Object.entries(x).map(([z,ie])=>[z,`${ie}:participant:${encodeURIComponent(re)}`]))}return typeof window>"u"||!e?.trim()?Or(m):Qp({storage:localStorage,projectId:m,pathname:window.location.pathname,selectorExists:x=>!!Co(x)})},[e,re]),[st,Mt]=R(!1),Ht=l||st,ge=Na(),[Ne,dt]=R(()=>q?.onJoin?!0:He?t.isAnnotating:typeof window>"u"?!1:localStorage.getItem(fe.expanded)==="true"),je=$(Z);F(()=>{Z!==je.current&&(je.current=Z,dt(!0))},[Z]);let[Pe,Vt,Nt]=ho(J),Ae=Ie[Pe],kn=$(null),{surface:De,phase:Tt,enter:Bn,leave:fr,show:Fn,dismiss:Rt}=To({openDelayMs:La,exitDurationMs:It}),pt=$(null),[Et,Vn]=R(null),b=oe(()=>{pt.current!==null&&(pt.current=null,Vn(null))},[]),ne=oe(m=>{pt.current&&m!==`peer:${pt.current}`&&b(),Fn(m)},[b,Fn]),K=oe(m=>{pt.current&&m!==`peer:${pt.current}`&&b(),Bn(m)},[b,Bn]),he=oe(m=>{m!==`peer:${pt.current}`&&fr(m)},[fr]),V=oe(m=>{(!m||pt.current&&m===`peer:${pt.current}`)&&b(),Rt(m)},[b,Rt]),Fe=De==="tool-menu",Te=Fe&&Tt==="visible",ze=De==="popmelt-guide",Oe=ze&&Tt==="visible",Re=Kn(),Ve=De?.startsWith("peer:")?De.slice(5):null,ke=q?.peers.find(m=>m.identity.id===Ve),_e=De?.startsWith("admission:")?De.slice(10):null,Se=q?.admissionRequests?.find(m=>m.id===_e),We=!!(ke||Se),Qt=We&&Tt==="visible",Q=$(null),[de,Qe]=R(null),Ze=$(null);F(()=>{let m=Ze.current;if(m)return Ru(m)},[Ne]),Eu(Qt?_e:null,Q,Ze);let ht=$(null),kt=m=>m instanceof Node&&(ht.current?.closest('[role="toolbar"]')?.contains(m)||m instanceof Element&&!!m.closest('[data-devtools="peer-details-corridor"], [data-devtools="admission-details"]'));F(()=>{Ve!==null&&(!ke||!Ne)&&V(`peer:${Ve}`)},[ke,V,Ne,Ve]),F(()=>{if(!Et)return;let m=z=>{z.composedPath().some(ie=>ie instanceof Element&&(ie.getAttribute("data-devtools")==="peer-details-corridor"||ie.getAttribute("data-peer-id")===Et))||V(`peer:${Et}`)},x=z=>{z.key==="Escape"&&V(`peer:${Et}`)};return document.addEventListener("pointerdown",m),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",m),document.removeEventListener("keydown",x)}},[V,Et]),F(()=>{if(!_e)return;if(!Se||!Ne){V(`admission:${_e}`);return}let m=x=>{x.composedPath().some(z=>z instanceof Element&&["admission-details","admission-chip"].includes(z.getAttribute("data-devtools")??""))||V(`admission:${_e}`)};return document.addEventListener("pointerdown",m),()=>document.removeEventListener("pointerdown",m)},[_e,Se,Ne,V]),qe(()=>(O?.("peer-details",We),()=>{We&&O?.("peer-details",!1)}),[O,We]);let[on,an]=R(null),Qn=$(t.isAnnotating),Ot=$(!1),tt=P?.groupId??null,Xe=$([]),ln=$(null),Be=$(tt),Zn=$(new Set(t.annotations.map(m=>m.id))),Gr=$(typeof window<"u"?Uo(localStorage,fe.tool):null),hr=$(null),Sn=$(typeof window<"u"?s1(fe):null),sn=$(typeof window<"u"?localStorage.getItem(fe.stroke):null),[B,se]=R(null),[Pt,Dt]=R(!1),[ot,jt]=R(!1),mt=JSON.stringify([e,Ee,J]),In=!!(me&&J&&ye!==!1),Zt=$(null),Ws=In&&Zt.current?.key===mt?Zt.current.snapshot:null;F(()=>{(!In||Zt.current?.key!==mt)&&(Zt.current=null)},[In,mt]);let[_s,mr]=R(!1),[Bs,Fs]=R(0);F(()=>{ot||mr(!1)},[ot]),F(()=>{jt(!1)},[J,Ne,q?.ownIsHost]),F(()=>{if(ot!=="settings"||!Oe)return;let m=x=>{x.key==="Escape"&&(x.composedPath().some(z=>z instanceof HTMLElement&&z.hasAttribute("data-taste-search"))||(x.preventDefault(),x.stopImmediatePropagation(),jt(!1),ne("popmelt-guide")))};return document.addEventListener("keydown",m,!0),()=>document.removeEventListener("keydown",m,!0)},[ot,Oe,ne]),F(()=>{Ne||Dt(!1)},[Ne]),F(()=>{Dt(!1)},[J]);let[Vs,eo]=R(!1),[Ii,to]=R(!1),[qn,gr]=R(!1),Lt=$(!1),vt=$(null),it=$(null),Un=$(null),yr=$(!1);F(()=>{B!=="collapse"&&(eo(!1),to(!1),gr(!1))},[B]),F(()=>{ze||gr(!1)},[ze]);let no=B!==null||Oe;qe(()=>(O?.("guidance-panel",no),()=>{no&&O?.("guidance-panel",!1)}),[no,O]),qe(()=>(O?.("tool-menu",Te),()=>{Te&&O?.("tool-menu",!1)}),[O,Te]),qe(()=>(O?.("popmelt-guide",Oe),()=>{Oe&&O?.("popmelt-guide",!1)}),[O,Oe]);let Mi=!W&&(B==="model"||t.activeTool==="model");F(()=>()=>{yr.current&&(yr.current=!1,O?.("project-panel",!1))},[O,Mi]);let Qs=oe(()=>{ne("tool-menu")},[ne]),qt=oe(()=>{an(null),V("tool-menu")},[V]),[Zs,qs]=R([]),Ti=$({x:0,y:0}),Mn=$(null),br=$(null),Ut=$(null),ct=oe(()=>{Mn.current=null,br.current=null,Ut.current&&(clearTimeout(Ut.current),Ut.current=null)},[]);F(()=>{ee==="job-stack"&&(V(),Lt.current=!1,se(null),ct(),vt.current&&(clearTimeout(vt.current),vt.current=null),it.current&&(clearTimeout(it.current),it.current=null))},[ee,ct,V]);let ro=oe(m=>{it.current&&(clearTimeout(it.current),it.current=null),Lt.current?(Mn.current=m,br.current={...Ti.current},Ut.current&&clearTimeout(Ut.current),Ut.current=setTimeout(()=>{Mn.current&&(se(Mn.current),ct())},300)):(vt.current&&clearTimeout(vt.current),vt.current=setTimeout(()=>{Lt.current=!0,se(m),vt.current=null},500))},[ct]),vr=oe(()=>{ct(),vt.current&&(clearTimeout(vt.current),vt.current=null),it.current=setTimeout(()=>{Lt.current=!1,se(null)},150)},[ct]);F(()=>{ze?Lt.current=!0:B===null&&(Lt.current=!1)},[B,ze]),F(()=>{let m=Un.current;if(!m)return;let x=()=>{if(ze){K("popmelt-guide");return}ct(),it.current&&(clearTimeout(it.current),it.current=null)},z=()=>{ze||(it.current=setTimeout(()=>{Lt.current=!1,se(null)},150))};return m.addEventListener("mouseenter",x),m.addEventListener("mouseleave",z),()=>{m.removeEventListener("mouseenter",x),m.removeEventListener("mouseleave",z)}},[ct,V,K,B,Pt,ot,ae,he,ze]),F(()=>{let m=Ze.current;if(m)return Jp(m,()=>{(De?.startsWith("peer:")||De?.startsWith("admission:"))&&he(De),ae?(V("popmelt-guide"),V("tool-menu")):(he("popmelt-guide"),he("tool-menu"))})},[V,De,ae,he]),F(()=>{if(B!=="counter"||!J)return;let m=!1;return Ln(`${J}/threads/recent?limit=5`).then(x=>x.ok?x.json():[]).then(x=>{m||qs(x)}).catch(()=>{}),()=>{m=!0}},[B,J]);let Us=oe(m=>{if(Ti.current={x:m.clientX,y:m.clientY},Mn.current&&br.current){let x=br.current,z=i1(te);o1(m.clientX,m.clientY,x.x,x.y,z.left,z.y,z.right,z.y)||(se(Mn.current),ct())}},[ct,te]),Js=ue(()=>{let m=(f??[]).map(x=>x==="claude"?"Claude":x==="codex"?"Codex":x==="copilot"?"Copilot":x==="omp"?"OMP":x);return{name:"AI Model",desc:m.length>1?`${m.join(" and ")} are available.`:m.length===1?`Connected to ${m[0]}.`:"No AI providers detected.",usage:m.length>1?["Click the logo to switch between providers","Click the model name to switch tiers"]:["Click the model name to switch tiers"],keys:m.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}]}},[f]),Ys=ue(()=>{let m=f&&f.length>0?f:["claude","codex","omp","copilot"],x=m.indexOf(p);return m[(x>=0?x+1:0)%m.length]??p},[f,p]),Xs=ue(()=>r1(y,g),[y,g]),oo=k[g],Ei=oo?.supportedReasoningLevels??[],Li=oo?.speedTiers??[];Nu(Ne,t,n,Ot,fe,!He),F(()=>{if(hr.current!==fe.tool){hr.current=fe.tool;let m=Uo(localStorage,fe.tool);if(m&&m!==t.activeTool){n({type:"SET_TOOL",payload:m});return}}qp(localStorage,fe.tool,t.activeTool)},[n,t.activeTool,fe.tool]),tl(()=>{let m=new URLSearchParams(window.location.search);if(!m.has("popmelt"))return;let x=document.createElement("style");x.textContent="nextjs-portal, vite-error-overlay { display: none !important; }",document.head.appendChild(x);let z=parseInt(m.get("popmelt")||"0",10)||0,ie=()=>{dt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})},D=z>0?setTimeout(ie,z):null;return D||ie(),()=>{D&&clearTimeout(D),x.remove()}}),tl(()=>{if(He)return wo(t.domModifications),vo(t.styleModifications),xo(t.textModifications),dt(t.isAnnotating),Ot.current=!0,()=>{Ot.current=!1};let m=localStorage.getItem(fe.expanded)==="true",x=localStorage.getItem(fe.annotations);if(Sn.current&&n({type:"SET_COLOR",payload:Sn.current}),x)try{let D=JSON.parse(x);if(Array.isArray(D)&&D.length>0){for(let U of D)(U.status==="waiting_input"||U.status==="sending"||U.status==="in_flight")&&(U.status=U.threadId?"resolved":"pending");let Y=Sn.current?mu(D,Sn.current):D;n({type:"RESTORE_ANNOTATIONS",payload:{annotations:Y}})}}catch{}let z=Wp(localStorage,fe);if(z.styleModifications.length>0&&(n({type:"RESTORE_STYLE_MODIFICATIONS",payload:z.styleModifications}),vo(z.styleModifications)),z.textModifications.length>0&&(n({type:"RESTORE_TEXT_MODIFICATIONS",payload:z.textModifications}),xo(z.textModifications)),z.domModifications.length>0&&(n({type:"RESTORE_DOM_MODIFICATIONS",payload:z.domModifications}),wo(z.domModifications)),z.spacingTokenChanges.length>0&&n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:z.spacingTokenChanges}),m&&!t.isAnnotating){if(Ne||dt(!0),n({type:"SET_TOOL",payload:Gr.current||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),sn.current){let Y=parseFloat(sn.current);isNaN(Y)||n({type:"SET_STROKE_WIDTH",payload:Y})}let D=sessionStorage.getItem("popmelt-pending-focus");if(D){sessionStorage.removeItem("popmelt-pending-focus");try{let{annotationId:Y}=JSON.parse(D);if(Y){let U=x?JSON.parse(x)??[]:[],ve=U.find(ce=>ce.id===Y),nt=ve?.groupId?U.filter(ce=>ce.groupId===ve.groupId):ve?[ve]:[];L?.({groupId:Y,annotationIds:nt.map(ce=>ce.id)}),requestAnimationFrame(()=>{n({type:"SELECT_ANNOTATION",payload:{id:Y}});let ce=U.find(at=>at.id===Y);if(ce){let at=(ce.groupId?U.filter(gt=>gt.groupId===ce.groupId):[ce]).flatMap(gt=>gt.points);if(at.length>0){let gt=Math.min(...at.map(yt=>yt.x)),Ge=Math.max(...at.map(yt=>yt.x)),ft=Math.min(...at.map(yt=>yt.y)),wr=Math.max(...at.map(yt=>yt.y));window.scrollTo({left:(gt+Ge)/2-window.innerWidth/2,top:(ft+wr)/2-window.innerHeight/2,behavior:"smooth"})}}})}}catch{}}}let ie=sessionStorage.getItem("popmelt-pending-thread");if(ie){sessionStorage.removeItem("popmelt-pending-thread");try{let{threadId:D,selector:Y,preview:U}=JSON.parse(ie);D&&requestAnimationFrame(()=>{if(Y)try{let ve=document.querySelector(Y);if(ve){let nt=ve.getBoundingClientRect(),ce=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:ce,point:{x:nt.left+nt.width,y:nt.top},text:U||"[thread]",linkedSelector:Y,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[ce],threadId:D}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[ce],status:"resolved"}})}}catch{}T&&T(D)})}catch{}}return Ot.current=!0,()=>{Ot.current=!1}});let Ai=$(t.styleModifications),$i=$(t.textModifications),Ni=$(t.domModifications);F(()=>{let m=Ai.current,x=t.styleModifications;m!==x&&(na(m),vo(x),Ai.current=x)},[t.styleModifications]),F(()=>{let m=$i.current,x=t.textModifications;m!==x&&(ra(m),xo(x),$i.current=x)},[t.textModifications]),F(()=>{let m=Ni.current,x=t.domModifications;m!==x&&(oa(m),wo(x),Ni.current=x)},[t.domModifications]),F(()=>{let m=Qn.current;Qn.current=t.isAnnotating;let x=Gp({wasAnnotating:m,isAnnotating:t.isAnnotating,isExpanded:Ne});x.expanded!==null&&dt(x.expanded),x.annotating!==null&&n({type:"SET_ANNOTATING",payload:x.annotating})},[n,t.isAnnotating,Ne]);let Ri=$(Ne);Ri.current=Ne,Ra(()=>{if(Ri.current)n({type:"SET_ANNOTATING",payload:!1}),dt(!1);else{let m=Uo(localStorage,fe.tool);n({type:"SET_TOOL",payload:m||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),dt(!0)}});let io=oe(m=>{a||(ct(),n({type:"SET_TOOL",payload:m}),t.isAnnotating||n({type:"SET_ANNOTATING",payload:!0}),Lt.current=!1,se(null),vt.current&&(clearTimeout(vt.current),vt.current=null),it.current&&(clearTimeout(it.current),it.current=null))},[n,t.isAnnotating,ct,a]),Pi=oe(async()=>{window.focus(),await r()},[r]),zi=oe(async()=>{o&&await o()},[o]),Ks=oe(()=>{n({type:"SET_ANNOTATING",payload:!1}),V(),dt(!1)},[V,n]);F(()=>{if(!Fe)return;let m=z=>{!kn.current||z.composedPath().includes(kn.current)||qt()},x=z=>{z.key==="Escape"&&(z.preventDefault(),z.stopPropagation(),qt())};return document.addEventListener("mousedown",m),document.addEventListener("keydown",x),()=>{document.removeEventListener("mousedown",m),document.removeEventListener("keydown",x)}},[qt,Fe]);let ao=oe(()=>{a||(na(t.styleModifications),ra(t.textModifications),oa(t.domModifications),document.querySelectorAll("[data-pm]").forEach(m=>m.removeAttribute("data-pm")),n({type:"CLEAR"}),n({type:"CLEAR_ALL_STYLES"}),localStorage.removeItem(fe.annotations),localStorage.removeItem(fe.styleMods),localStorage.removeItem(fe.textMods),localStorage.removeItem(fe.domMods),localStorage.removeItem(fe.spacingChanges),L?.(null),Xe.current=[],ln.current=null,u?.())},[n,t.styleModifications,t.textModifications,t.domModifications,L,u,fe,a]),lo=Er(t.activeColor)??29,Tn=$(null),Hi=$(null),Oi=t.annotations.length>0;F(()=>{let m=Hi.current;if(!m||!Oi)return;let x=z=>{z.preventDefault(),z.stopPropagation();let ie=z.deltaY>0?-1:1,D=((lo+ie)%360+360)%360,Y=Yt(D);n({type:"SET_COLOR",payload:Y}),t.selectedAnnotationIds.length>0&&n({type:"UPDATE_ANNOTATION_COLOR",payload:{id:t.lastSelectedId||t.selectedAnnotationIds[0],color:Y}})};return m.addEventListener("wheel",x,{passive:!1}),()=>m.removeEventListener("wheel",x)},[Oi,t.selectedAnnotationIds,t.lastSelectedId,lo,n]);let xr=$(!1),Gs=oe(()=>{xr.current=!1,Tn.current=setTimeout(()=>{xr.current=!0,n({type:"SET_COLOR",payload:Yt(29)})},500)},[n]),Di=oe(()=>{Tn.current&&(clearTimeout(Tn.current),Tn.current=null)},[]);F(()=>()=>{Tn.current&&clearTimeout(Tn.current),Ut.current&&clearTimeout(Ut.current)},[]);let At=ka(),ji=ue(()=>Ar(t.annotations),[t.annotations]),Ke=ue(()=>Hp(t.annotations,ji),[t.annotations,ji]),ed=ue(()=>Ke.filter(m=>!m.pathname||m.pathname===At),[Ke,At]),so=tt?Ke.findIndex(m=>m.id===tt):null,En=so!==null&&so>=0?so:null,co=En!==null?Ke[En]??null:null,dn=oe(()=>{L?.(null),Xe.current=[],ln.current=null},[L]);F(()=>{let m=Be.current;Be.current=tt,m!==null&&tt===null&&(Xe.current=[],ln.current=null)},[tt]),F(()=>{let m=new Set(t.annotations.map(z=>z.id)),x=t.annotations.some(z=>!Zn.current.has(z.id)&&z.id!==tt&&(z.status??"pending")==="pending");Zn.current=m,x&&dn()},[dn,tt,t.annotations]),F(()=>{tt&&!Ke.some(m=>m.id===tt)&&dn()},[Ke,dn,tt]);let Wi=oe(async m=>{let x=Ke.find(D=>D.id===m);if(!x)return!1;if(L?.({groupId:x.id,annotationIds:x.annotations.map(D=>D.id)}),qt(),!(!x.pathname||x.pathname===At)){if(sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:x.id,pathname:x.pathname})),!H)return window.location.href=x.pathname,!0;try{await H(x.pathname)}catch{return sessionStorage.removeItem("popmelt-pending-focus"),!1}if(sessionStorage.removeItem("popmelt-pending-focus"),window.location.pathname!==x.pathname)return!1}n({type:"SELECT_ANNOTATION",payload:{id:x.id}}),t.activeTool!=="inspector"&&n({type:"SET_TOOL",payload:"inspector"});let z=x.annotations.find(D=>D.linkedSelector)?.linkedSelector,ie=z?Co(z):null;if(ie){let D=ie.getBoundingClientRect();window.scrollTo({left:D.left+D.width/2+window.scrollX-window.innerWidth/2,top:D.top+D.height/2+window.scrollY-window.innerHeight/2,behavior:"smooth"})}else{let D=x.annotations.flatMap(ce=>ce.points);if(D.length===0)return!1;let Y=Math.min(...D.map(ce=>ce.x)),U=Math.max(...D.map(ce=>ce.x)),ve=Math.min(...D.map(ce=>ce.y)),nt=Math.max(...D.map(ce=>ce.y));window.scrollTo({left:(Y+U)/2-window.innerWidth/2,top:(ve+nt)/2-window.innerHeight/2,behavior:"smooth"})}if(T){let D=x.annotations.find(Y=>Y.threadId)?.threadId;D&&T(D)}return!0},[Ke,qt,At,n,L,H,T,t.activeTool]),_i=oe(async()=>{if(Ke.length===0){dn();return}Xe.current.length===0&&(ln.current=At,Xe.current=wl(Ke,At));let m=Xe.current,x=Op(m,tt);if(tt!==null&&x===m[0]){let z=ln.current??At;Xe.current=wl(Ke,z),x=Xe.current[0]??null}for(let z=0;x&&z<Xe.current.length;z+=1){if(await Wi(x))return;let ie=Xe.current.indexOf(x);if(Xe.current=Xe.current.filter(D=>D!==x),Xe.current.length===0)break;x=Xe.current[Math.min(ie,Xe.current.length-1)]??Xe.current[0]}dn()},[Ke,dn,At,Wi,tt]);F(()=>{if(!Ne)return;let m=x=>{if(x.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((x.metaKey||x.ctrlKey)&&x.key===yn.actions.send.key){o&&(i||t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(D=>!D.captured).length>0)&&(x.preventDefault(),zi());return}if((x.metaKey||x.ctrlKey)&&x.key.toLowerCase()===yn.actions.screenshot.key){let D=window.getSelection();if(D&&D.toString().length>0)return;(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&(x.preventDefault(),window.focus(),Pi());return}if((x.metaKey||x.ctrlKey)&&yn.actions.clear.keys.includes(x.key)){x.preventDefault(),ao();return}if(x.metaKey||x.ctrlKey||x.altKey||t.activeTool==="sticker"&&iu(x.key))return;let ie=ou(x.key);ie&&(x.preventDefault(),io(ie))};return window.addEventListener("keydown",m),()=>window.removeEventListener("keydown",m)},[Ne,io,Pi,zi,o,i,ao,t.activeTool,t.annotations.length,t.styleModifications.length,t.textModifications.length,t.spacingTokenChanges,B]);let td=88+(Ce?Ce+6:0),Bi=ye===!1||q?.connectionNotice?"rgba(239, 68, 68, 0.4)":l&&d?d:Ae.primary,Jn=!!(G&&be&&G!==be),Jt=A==="restarting"||!j&&!J,nd=A==="error"?"#dc2626":A==="ok"?Bt.iconDefault:Jn?"#b45309":Bt.iconDefault,rd=A==="restarting"?"Restarting":A==="error"?"Restart failed":A==="ok"?"Restarted":Jn?"Update bridge":null,uo=I??(Jn?`Page version ${G}; bridge version ${be}. Refresh the page after updating the package, or restart the bridge after rebuilding it.`:be?`Bridge ${be}. Restart bridge.`:"Restart bridge"),po=Kp.map(m=>({...m,Icon:m.type==="model"?ua:m.type==="sticker"?Xp:Bd})),cn=po.find(({type:m})=>m===t.activeTool)??po[0],od=cn.Icon,id=te.startsWith("top"),ad=140,ld=-38,un=ze?"collapse":B,fo=Math.max(0,ge.h-Ye-mn*2-zt),Fi=$(null);return F(()=>{if(!Ne)return;let m=Fi.current;if(!m)return;let x=()=>{O?.("popmelt-trigger",!0),c?.(!0),K("popmelt-guide")},z=()=>{O?.("popmelt-trigger",!1),c?.(!1)};return m.addEventListener("mouseenter",x),m.addEventListener("mouseleave",z),()=>{m.removeEventListener("mouseenter",x),m.removeEventListener("mouseleave",z)}},[K,Ne,c,O]),Ne?v(Me,{children:[s("style",{children:`
244
244
  ${Xa}
245
245
  @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
246
246
  @media (prefers-reduced-motion: reduce) { [data-popmelt-reconnecting-spinner] { animation: none !important; } }
@@ -249,10 +249,10 @@ Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{
249
249
  @media (hover: none), (pointer: coarse) {
250
250
  [data-popmelt-tool-menu-item] { min-height: 40px !important; }
251
251
  }
252
- `}),Mi&&s(yp,{bridgeUrl:J,onViewThread:T,snapPosition:te,temporarilyHidden:pe,onMouseEnter:()=>{yr.current=!0,O?.("project-panel",!0),ct(),it.current&&(clearTimeout(it.current),it.current=null)},onMouseLeave:()=>{yr.current=!1,O?.("project-panel",!1),t.activeTool!=="model"&&vr()}}),v("div",{ref:Ze,style:{display:"contents"},children:[q?.onJoin&&s($u,{theme:Pe,onJoin:q.onJoin,style:{..._t(te,ge.w,ge.h),zIndex:10001,pointerEvents:"auto"}}),Se&&q?.onAdmissionDecision&&Ne&&ee!=="job-stack"&&s("div",{"data-devtools":"admission-details","data-admission-request-id":Se.id,onPointerEnter:()=>K(`admission:${Se.id}`),onPointerLeave:m=>{m.relatedTarget instanceof Node&&Ze.current?.contains(m.relatedTarget)||he(`admission:${Se.id}`)},onFocusCapture:()=>ne(`admission:${Se.id}`),onBlurCapture:m=>{m.relatedTarget instanceof Node&&m.currentTarget.contains(m.relatedTarget)||he(`admission:${Se.id}`)},onKeyDown:m=>{m.key==="Escape"&&(V(`admission:${Se.id}`),m.stopPropagation())},style:{..._t(te,ge.w,ge.h,0),width:"max-content",maxWidth:Math.min(360,xt(ge.w)),...te.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},children:s(Au,{grantRef:Q,id:Re,request:Se,theme:Pe,onDecide:q.onAdmissionDecision,style:{maxWidth:Math.min(360,xt(ge.w)),opacity:Qt?1:0,transition:ae?"none":`opacity ${It}ms ease`}},Se.id)}),!Se&&ke&&Ne&&ee!=="job-stack"&&s("div",{"data-devtools":"peer-details-corridor",style:{..._t(te,ge.w,ge.h,0),width:"max-content",maxWidth:Math.min(360,xt(ge.w)),...te.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},onPointerEnter:()=>K(`peer:${ke.identity.id}`),onFocusCapture:()=>ne(`peer:${ke.identity.id}`),onBlurCapture:m=>{m.relatedTarget instanceof Node&&m.currentTarget.contains(m.relatedTarget)||he(`peer:${ke.identity.id}`)},onPointerLeave:m=>{let x=m.relatedTarget;x instanceof Node&&Ze.current?.contains(x)||he(`peer:${ke.identity.id}`)},children:s(Tu,{id:Re,peer:ke,isOwn:ke.identity.id===q?.ownPeerId,onSharePreview:ke.identity.id===q?.ownPeerId?q.onSharePreview:void 0,pendingSubmissions:q?.pendingSubmissions?.filter(m=>m.authorId===ke.identity.id),viewedSuggestionKeys:q?.viewedSuggestionKeys,onHoverSuggestion:q?.onHoverSuggestion?m=>q.onHoverSuggestion(ke.identity.id,m):void 0,showUnreadSuggestions:!!q?.ownIsHost,onFocusSuggestion:q?.onFocusSuggestion?(m,x)=>(pt.current=ke.identity.id,Vn(ke.identity.id),ne(`peer:${ke.identity.id}`),q.onFocusSuggestion(ke.identity.id,m,x)):void 0,onInvite:ke.identity.relationship==="host"&&ke.identity.id===q?.ownPeerId?q.onInvite:void 0,onPermissionChange:ke.identity.relationship!=="host"&&q?.onPermissionChange?m=>q.onPermissionChange(ke.identity.id,m):void 0,onRevokeAccess:ke.identity.relationship!=="host"&&q?.onRevokeAccess?()=>q.onRevokeAccess(ke.identity.id,m=>ne(`peer:${m}`)):void 0,theme:Pe,style:{maxWidth:Math.min(360,xt(ge.w)),opacity:Qt?1:0,transition:ae?"none":`opacity ${It}ms ease`}})}),_s&&me&&s("div",{ref:ot==="taste"?Un:void 0,inert:ot!=="taste"||!Oe,"aria-hidden":ot!=="taste"||!Oe,style:{..._t(te,ge.w,ge.h),...te.startsWith("top-")?{top:mn+Ye,paddingTop:zt}:{bottom:mn+Ye,paddingBottom:zt},width:xt(ge.w),display:ot==="taste"&&ze&&!Pt&&ee!=="job-stack"?"block":"none",opacity:Oe?1:0,transition:Oe||ae?"none":`opacity ${It}ms ease`,pointerEvents:"auto",zIndex:10001},children:s(zd,{fallback:s("div",{role:"status",style:{height:fo,borderRadius:20,background:Ae.surface,color:Ae.primary,display:"grid",placeItems:"center",fontFamily:St,fontSize:13},children:"Loading collection\u2026"}),children:s(Up,{visible:ot==="taste"&&Oe,prefetchSignal:Bs,bridgeUrl:J,theme:Pe,onDirectionChange:m=>{if(!m){Zt.current=null;return}let x=Zt.current;if(x?.key!==mt||x.snapshot.connection.accountId!==m.accountId||x.snapshot.connection.environment!==m.environment){Zt.current=null;return}m.generation<x.snapshot.generation||(x.snapshot={...x.snapshot,taste:m.name,generation:m.generation})},onClose:()=>Wt("settings"),style:{height:fo,maxHeight:fo}})})}),Pt&&ze&&T&&!je&&ee!=="job-stack"&&s("div",{ref:Un,style:{..._t(te,ge.w,ge.h),...te.startsWith("top-")?{top:mn+Ye,paddingTop:8}:{bottom:mn+Ye,paddingBottom:8},width:Math.min(360,xt(ge.w)),pointerEvents:"auto",zIndex:10001,opacity:Oe?1:0,transition:Oe||ae?"none":`opacity ${It}ms ease`},children:s(uu,{onPreviewThread:N,bridgeUrl:J,theme:Pe,style:{width:Math.min(360,xt(ge.w)),maxHeight:Math.max(120,ge.h-Ye-mn*2-24)},onClose:()=>{Dt(!1),se(null),V("popmelt-guide")},onViewThread:m=>{Dt(!1),se(null),V("popmelt-guide"),T?.(m)}})}),!q?.onJoin&&!(Pt&&ze)&&!(ot==="taste"&&ze)&&!je&&ee!=="job-stack"&&un&&un!=="model"&&(un==="provider"||Il[un])&&(()=>{let m=un==="provider"?Js:Il[un];if(un==="collapse"){let x=_t(te,ge.w,ge.h),z=8,ie=mn+Ye,D=te.startsWith("top-")?{...x,top:ie}:{...x,bottom:ie},Y=!!(W||J),U=q?.connectionNotice,ve=U?.recovery&&(U.kind==="draft-sync"||U.kind==="reconnecting"||U.kind==="status-check"||U.kind==="local-storage"),nt="";if(J)try{nt=new URL(J).port}catch{nt=""}let ce=q?.connectionNotice?.label??Gp({bridgeRestartState:A,bridgeIsStale:Jn,isBridgeConnected:ye,packageVersion:G}),at=!q?.connectionNotice&&e1({hovered:Vs,canRestartBridge:Y,bridgeRestartDisabled:Jt,bridgeRestartState:A,isBridgeConnected:ye}),gt=at?nt?`Refresh :${nt}`:"Refresh bridge":ce,Ge=i1(Ee),ft=X?.state==="ready",wr=Ee?[Ee,p==="codex"&&xe?`Codex sandbox: ${xe}.`:null,X?.message??"Working-directory permission check unavailable."].filter(Boolean).join(`
253
- `):"Working directory unavailable.";return s("div",{ref:Un,style:{...D,width:xt(ge.w),boxSizing:"content-box",...te.startsWith("top-")?{paddingTop:z}:{paddingBottom:z},backgroundColor:"transparent",zIndex:10001,pointerEvents:"auto",opacity:Oe?1:0,transition:Oe||ae?"none":`opacity ${It}ms ease`},children:ot==="settings"?s(Zc,{theme:Pe,bridgeUrl:J,host:me,hostSetup:!q&&!He?v("div",{style:{display:"grid",gap:8},children:[s("span",{children:Le.error||"Authorize this browser from your project terminal, then open the private link:"}),v("code",{style:{fontSize:11,overflowWrap:"anywhere",userSelect:"text"},children:["npx popmelt cloud link"," ",typeof location>"u"?"<app-url>":location.origin]}),s("span",{children:"This authorizes local cloud access only. Multiplayer stays off."})]}):void 0,cachedSnapshot:js,onSnapshotChange:yt=>{Zt.current=yt&&In?{key:mt,snapshot:yt}:null},onBrowseCollection:()=>{mr(!0),Wt("taste")},onPrefetchCollection:()=>{mr(!0),Fs(yt=>yt+1)},onInvalidateCollection:()=>mr(!1),onClose:()=>{Wt(!1),ne("popmelt-guide")},project:v("span",{"aria-label":wr,"data-workspace-access-state":X?.state??"unknown",title:wr,style:{display:"inline-flex",minWidth:0,maxWidth:"100%",alignItems:"center",gap:4,color:Pe==="light"?Ae.primary:X&&!ft?Ae.hoverForeground:Ae.muted,fontWeight:X&&!ft?500:400},children:[s(o1,{}),s("span",{style:{minWidth:0,flex:"1 1 auto",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:Ge}),s("span",{"aria-hidden":"true",style:{flexShrink:0,fontSize:10,fontWeight:700,lineHeight:1},children:X?ft?"\u2713":"!":"\u2026"})]}),model:v("span",{onMouseEnter:()=>to(!0),onMouseLeave:()=>{to(!1),gr(!1)},style:{display:"inline-flex",position:"relative"},children:[v("button",{type:"button","aria-expanded":qn,onClick:()=>{qn||S?.(),gr(yt=>!yt)},style:{...fn(Ae,Ii||qn),...Pe==="light"&&!Ii&&!qn?{color:Ae.primary}:{},minWidth:0},children:[s(ar,{provider:p,size:14}),s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:C})]}),s(vl,{visible:qn,provider:p,availableProviders:f,models:k,modelIndex:g,agentSettings:w,onProviderChange:h,onModelChange:E,onAgentSettingsChange:M,style:{border:`1px solid ${Ae.hairline}`,top:"100%",bottom:"auto",left:"auto",right:0,transform:"none"}})]})}):ot?null:s(Ca,{theme:Pe,themePreference:Nt,onThemePreferenceChange:Vt,snapPosition:te,onSnapPositionChange:Je,active:Oe,onSettings:()=>{Wt("settings"),Dt(!1)},onHistory:()=>{Dt(!0),ne("popmelt-guide"),se(null)},connectionDetails:!ve&&q?.connectionNotice?.recovery&&s(Jc,{theme:Pe,...q.connectionNotice.recovery}),connection:ve&&U?.recovery?s(Yc,{theme:Pe,label:U.label,reconnecting:U.reconnecting,retry:U.recovery.retry,clearLocalSpace:U.recovery.clearLocalSpace,retryLabel:U.recovery.retryLabel,pendingLabel:U.kind==="local-storage"?"Retrying saving":void 0,failedLabel:U.kind==="local-storage"?"Save failed":void 0,hint:U.kind==="local-storage"?"Retry local saving without reloading or clearing your draft":void 0,restart:q?.ownIsHost&&U.kind!=="local-storage"?W:void 0}):v("button",{type:"button",onClick:()=>{q?.connectionNotice||!Y||Jt||(W?W():Vi(J))},disabled:!!q?.connectionNotice||!Y||Jt,"aria-label":q?.connectionNotice?`${ce}. ${q.connectionNotice.detail}`:Y?`${ce}. ${uo}`:ce,title:q?.connectionNotice?.detail??uo,onMouseEnter:()=>eo(!0),onMouseLeave:()=>eo(!1),style:{...fn(Ae,at),color:at?Ae.hoverForeground:A==="error"||ye===!1?Ae.mutedStrong:Ae.muted,cursor:!q?.connectionNotice&&Y&&!Jt?"pointer":"default",opacity:1},children:[s(Kp,{reconnecting:q?.connectionNotice?!!q.connectionNotice.reconnecting:A==="restarting",refresh:at,paused:q?.connectionNotice?.paused}),s("span",{children:gt})]})})})}return v("div",{ref:Un,style:{..._t(te,ge.w,ge.h),width:Math.min(300,xt(ge.w)),backgroundColor:"#eaeaea",...zu,boxSizing:"content-box",zIndex:10001,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:12,color:"#1f2937",padding:12,...B!=="collapse"&&B!=="counter"&&B!=="provider"?{pointerEvents:"none"}:{}},children:[B==="collapse"&&s("div",{style:{marginBottom:10,width:"fit-content",color:Bt.iconDefault},children:s("svg",{width:"48",height:"48",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:s("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"})})}),v("div",{style:{display:"flex",alignItems:"center",gap:6,fontWeight:700,fontSize:13,marginBottom:6},children:[s("span",{children:m.name}),m.keys[0]&&s("code",{style:{fontSize:10,fontWeight:500,backgroundColor:"rgba(0,0,0,0.06)",padding:"1px 4px",color:"#6b7280"},children:m.keys[0].key})]}),s("div",{style:{color:"#6b7280",lineHeight:1.5,marginBottom:B==="collapse"?0:10},children:m.desc.split(`
252
+ `}),Mi&&s(yp,{bridgeUrl:J,onViewThread:T,snapPosition:te,temporarilyHidden:pe,onMouseEnter:()=>{yr.current=!0,O?.("project-panel",!0),ct(),it.current&&(clearTimeout(it.current),it.current=null)},onMouseLeave:()=>{yr.current=!1,O?.("project-panel",!1),t.activeTool!=="model"&&vr()}}),v("div",{ref:Ze,style:{display:"contents"},children:[q?.onJoin&&s($u,{theme:Pe,onJoin:q.onJoin,style:{..._t(te,ge.w,ge.h),zIndex:10001,pointerEvents:"auto"}}),Se&&q?.onAdmissionDecision&&Ne&&ee!=="job-stack"&&s("div",{"data-devtools":"admission-details","data-admission-request-id":Se.id,onPointerEnter:()=>K(`admission:${Se.id}`),onPointerLeave:m=>{m.relatedTarget instanceof Node&&Ze.current?.contains(m.relatedTarget)||he(`admission:${Se.id}`)},onFocusCapture:()=>ne(`admission:${Se.id}`),onBlurCapture:m=>{m.relatedTarget instanceof Node&&m.currentTarget.contains(m.relatedTarget)||he(`admission:${Se.id}`)},onKeyDown:m=>{m.key==="Escape"&&(V(`admission:${Se.id}`),m.stopPropagation())},style:{..._t(te,ge.w,ge.h,0),width:"max-content",maxWidth:Math.min(360,xt(ge.w)),...te.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},children:s(Au,{grantRef:Q,id:Re,request:Se,theme:Pe,onDecide:q.onAdmissionDecision,style:{maxWidth:Math.min(360,xt(ge.w)),opacity:Qt?1:0,transition:ae?"none":`opacity ${It}ms ease`}},Se.id)}),!Se&&ke&&Ne&&ee!=="job-stack"&&s("div",{"data-devtools":"peer-details-corridor",style:{..._t(te,ge.w,ge.h,0),width:"max-content",maxWidth:Math.min(360,xt(ge.w)),...te.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},onPointerEnter:()=>K(`peer:${ke.identity.id}`),onFocusCapture:()=>ne(`peer:${ke.identity.id}`),onBlurCapture:m=>{m.relatedTarget instanceof Node&&m.currentTarget.contains(m.relatedTarget)||he(`peer:${ke.identity.id}`)},onPointerLeave:m=>{let x=m.relatedTarget;x instanceof Node&&Ze.current?.contains(x)||he(`peer:${ke.identity.id}`)},children:s(Tu,{id:Re,peer:ke,isOwn:ke.identity.id===q?.ownPeerId,onSharePreview:ke.identity.id===q?.ownPeerId?q.onSharePreview:void 0,pendingSubmissions:q?.pendingSubmissions?.filter(m=>m.authorId===ke.identity.id),viewedSuggestionKeys:q?.viewedSuggestionKeys,onHoverSuggestion:q?.onHoverSuggestion?m=>q.onHoverSuggestion(ke.identity.id,m):void 0,showUnreadSuggestions:!!q?.ownIsHost,onFocusSuggestion:q?.onFocusSuggestion?(m,x)=>(pt.current=ke.identity.id,Vn(ke.identity.id),ne(`peer:${ke.identity.id}`),q.onFocusSuggestion(ke.identity.id,m,x)):void 0,onInvite:ke.identity.relationship==="host"&&ke.identity.id===q?.ownPeerId?q.onInvite:void 0,onPermissionChange:ke.identity.relationship!=="host"&&q?.onPermissionChange?m=>q.onPermissionChange(ke.identity.id,m):void 0,onRevokeAccess:ke.identity.relationship!=="host"&&q?.onRevokeAccess?()=>q.onRevokeAccess(ke.identity.id,m=>ne(`peer:${m}`)):void 0,theme:Pe,style:{maxWidth:Math.min(360,xt(ge.w)),opacity:Qt?1:0,transition:ae?"none":`opacity ${It}ms ease`}})}),_s&&me&&s("div",{ref:ot==="taste"?Un:void 0,inert:ot!=="taste"||!Oe,"aria-hidden":ot!=="taste"||!Oe,style:{..._t(te,ge.w,ge.h),...te.startsWith("top-")?{top:mn+Ye,paddingTop:zt}:{bottom:mn+Ye,paddingBottom:zt},width:xt(ge.w),display:ot==="taste"&&ze&&!Pt&&ee!=="job-stack"?"block":"none",opacity:Oe?1:0,transition:Oe||ae?"none":`opacity ${It}ms ease`,pointerEvents:"auto",zIndex:10001},children:s(zd,{fallback:s("div",{role:"status",style:{height:fo,borderRadius:20,background:Ae.surface,color:Ae.primary,display:"grid",placeItems:"center",fontFamily:St,fontSize:13},children:"Loading collection\u2026"}),children:s(Yp,{visible:ot==="taste"&&Oe,prefetchSignal:Bs,bridgeUrl:J,theme:Pe,onDirectionChange:m=>{if(!m){Zt.current=null;return}let x=Zt.current;if(x?.key!==mt||x.snapshot.connection.accountId!==m.accountId||x.snapshot.connection.environment!==m.environment){Zt.current=null;return}m.generation<x.snapshot.generation||(x.snapshot={...x.snapshot,taste:m.name,generation:m.generation})},onClose:()=>jt("settings"),style:{height:fo,maxHeight:fo}})})}),Pt&&ze&&T&&!We&&ee!=="job-stack"&&s("div",{ref:Un,style:{..._t(te,ge.w,ge.h),...te.startsWith("top-")?{top:mn+Ye,paddingTop:8}:{bottom:mn+Ye,paddingBottom:8},width:Math.min(360,xt(ge.w)),pointerEvents:"auto",zIndex:10001,opacity:Oe?1:0,transition:Oe||ae?"none":`opacity ${It}ms ease`},children:s(uu,{onPreviewThread:N,bridgeUrl:J,theme:Pe,style:{width:Math.min(360,xt(ge.w)),maxHeight:Math.max(120,ge.h-Ye-mn*2-24)},onClose:()=>{Dt(!1),se(null),V("popmelt-guide")},onViewThread:m=>{Dt(!1),se(null),V("popmelt-guide"),T?.(m)}})}),!q?.onJoin&&!(Pt&&ze)&&!(ot==="taste"&&ze)&&!We&&ee!=="job-stack"&&un&&un!=="model"&&(un==="provider"||Il[un])&&(()=>{let m=un==="provider"?Js:Il[un];if(un==="collapse"){let x=_t(te,ge.w,ge.h),z=8,ie=mn+Ye,D=te.startsWith("top-")?{...x,top:ie}:{...x,bottom:ie},Y=!!(j||J),U=q?.connectionNotice,ve=U?.recovery&&(U.kind==="draft-sync"||U.kind==="reconnecting"||U.kind==="status-check"||U.kind==="local-storage"),nt="";if(J)try{nt=new URL(J).port}catch{nt=""}let ce=q?.connectionNotice?.label??t1({bridgeRestartState:A,bridgeIsStale:Jn,isBridgeConnected:ye,packageVersion:G}),at=!q?.connectionNotice&&n1({hovered:Vs,canRestartBridge:Y,bridgeRestartDisabled:Jt,bridgeRestartState:A,isBridgeConnected:ye}),gt=at?nt?`Refresh :${nt}`:"Refresh bridge":ce,Ge=l1(Ee),ft=X?.state==="ready",wr=Ee?[Ee,p==="codex"&&xe?`Codex sandbox: ${xe}.`:null,X?.message??"Working-directory permission check unavailable."].filter(Boolean).join(`
253
+ `):"Working directory unavailable.";return s("div",{ref:Un,style:{...D,width:xt(ge.w),boxSizing:"content-box",...te.startsWith("top-")?{paddingTop:z}:{paddingBottom:z},backgroundColor:"transparent",zIndex:10001,pointerEvents:"auto",opacity:Oe?1:0,transition:Oe||ae?"none":`opacity ${It}ms ease`},children:ot==="settings"?s(Zc,{theme:Pe,bridgeUrl:J,host:me,hostSetup:!q&&!He?v("div",{style:{display:"grid",gap:8},children:[s("span",{children:Le.error||"Authorize this browser from your project terminal, then open the private link:"}),v("code",{style:{fontSize:11,overflowWrap:"anywhere",userSelect:"text"},children:["npx popmelt cloud link"," ",typeof location>"u"?"<app-url>":location.origin]}),s("span",{children:"This authorizes local cloud access only. Multiplayer stays off."})]}):void 0,cachedSnapshot:Ws,onSnapshotChange:yt=>{Zt.current=yt&&In?{key:mt,snapshot:yt}:null},onBrowseCollection:()=>{mr(!0),jt("taste")},onPrefetchCollection:()=>{mr(!0),Fs(yt=>yt+1)},onInvalidateCollection:()=>mr(!1),onClose:()=>{jt(!1),ne("popmelt-guide")},project:v("span",{"aria-label":wr,"data-workspace-access-state":X?.state??"unknown",title:wr,style:{display:"inline-flex",minWidth:0,maxWidth:"100%",alignItems:"center",gap:4,color:Pe==="light"?Ae.primary:X&&!ft?Ae.hoverForeground:Ae.muted,fontWeight:X&&!ft?500:400},children:[s(a1,{}),s("span",{style:{minWidth:0,flex:"1 1 auto",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:Ge}),s("span",{"aria-hidden":"true",style:{flexShrink:0,fontSize:10,fontWeight:700,lineHeight:1},children:X?ft?"\u2713":"!":"\u2026"})]}),model:v("span",{onMouseEnter:()=>to(!0),onMouseLeave:()=>{to(!1),gr(!1)},style:{display:"inline-flex",position:"relative"},children:[v("button",{type:"button","aria-expanded":qn,onClick:()=>{qn||S?.(),gr(yt=>!yt)},style:{...fn(Ae,Ii||qn),...Pe==="light"&&!Ii&&!qn?{color:Ae.primary}:{},minWidth:0},children:[s(ar,{provider:p,size:14}),s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:C})]}),s(vl,{visible:qn,provider:p,availableProviders:f,models:k,modelIndex:g,agentSettings:w,onProviderChange:h,onModelChange:E,onAgentSettingsChange:M,style:{border:`1px solid ${Ae.hairline}`,top:"100%",bottom:"auto",left:"auto",right:0,transform:"none"}})]})}):ot?null:s(Ca,{theme:Pe,themePreference:Nt,onThemePreferenceChange:Vt,snapPosition:te,onSnapPositionChange:Je,active:Oe,onSettings:()=>{jt("settings"),Dt(!1)},onHistory:()=>{Dt(!0),ne("popmelt-guide"),se(null)},connectionDetails:!ve&&q?.connectionNotice?.recovery&&s(Jc,{theme:Pe,...q.connectionNotice.recovery}),connection:ve&&U?.recovery?s(Yc,{theme:Pe,label:U.label,reconnecting:U.reconnecting,retry:U.recovery.retry,clearLocalSpace:U.recovery.clearLocalSpace,retryLabel:U.recovery.retryLabel,pendingLabel:U.kind==="local-storage"?"Retrying saving":void 0,failedLabel:U.kind==="local-storage"?"Save failed":void 0,hint:U.kind==="local-storage"?"Retry local saving without reloading or clearing your draft":void 0,restart:q?.ownIsHost&&U.kind!=="local-storage"?j:void 0}):v("button",{type:"button",onClick:()=>{q?.connectionNotice||!Y||Jt||(j?j():Vi(J))},disabled:!!q?.connectionNotice||!Y||Jt,"aria-label":q?.connectionNotice?`${ce}. ${q.connectionNotice.detail}`:Y?`${ce}. ${uo}`:ce,title:q?.connectionNotice?.detail??uo,onMouseEnter:()=>eo(!0),onMouseLeave:()=>eo(!1),style:{...fn(Ae,at),color:at?Ae.hoverForeground:A==="error"||ye===!1?Ae.mutedStrong:Ae.muted,cursor:!q?.connectionNotice&&Y&&!Jt?"pointer":"default",opacity:1},children:[s(e1,{reconnecting:q?.connectionNotice?!!q.connectionNotice.reconnecting:A==="restarting",refresh:at,paused:q?.connectionNotice?.paused}),s("span",{children:gt})]})})})}return v("div",{ref:Un,style:{..._t(te,ge.w,ge.h),width:Math.min(300,xt(ge.w)),backgroundColor:"#eaeaea",...zu,boxSizing:"content-box",zIndex:10001,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:12,color:"#1f2937",padding:12,...B!=="collapse"&&B!=="counter"&&B!=="provider"?{pointerEvents:"none"}:{}},children:[B==="collapse"&&s("div",{style:{marginBottom:10,width:"fit-content",color:Bt.iconDefault},children:s("svg",{width:"48",height:"48",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:s("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"})})}),v("div",{style:{display:"flex",alignItems:"center",gap:6,fontWeight:700,fontSize:13,marginBottom:6},children:[s("span",{children:m.name}),m.keys[0]&&s("code",{style:{fontSize:10,fontWeight:500,backgroundColor:"rgba(0,0,0,0.06)",padding:"1px 4px",color:"#6b7280"},children:m.keys[0].key})]}),s("div",{style:{color:"#6b7280",lineHeight:1.5,marginBottom:B==="collapse"?0:10},children:m.desc.split(`
254
254
 
255
- `).map((x,z)=>s("p",{style:{margin:0,marginTop:z>0?8:0},children:x},z))}),B==="provider"?v("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[v("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[s("span",{style:{color:"#6b7280",fontSize:11},children:"Model"}),s(Jo,{value:String(g),options:k.map((x,z)=>({value:String(z),label:x.label})),onChange:x=>E?.(Number(x)),disabled:!E||k.length===0})]}),Ei.length>0&&v("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[s("span",{style:{color:"#6b7280",fontSize:11},children:"Thinking"}),s(Jo,{value:w.reasoningEffort??"",onChange:x=>M?.({...w,reasoningEffort:x||void 0}),disabled:!M,options:[{value:"",label:"Inherit"},...Ei.map(x=>({value:x.effort,label:`${x.effort.charAt(0).toUpperCase()}${x.effort.slice(1)}${x.effort===oo?.defaultReasoningLevel?" (model default)":""}`}))]})]}),Li.length>0&&v("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[s("span",{style:{color:"#6b7280",fontSize:11},children:"Speed"}),s(Jo,{value:w.serviceTier??"",onChange:x=>M?.({...w,serviceTier:x||void 0}),disabled:!M,options:[{value:"",label:"Inherit"},{value:"default",label:"Standard"},...Li.map(x=>({value:x.id,label:x.label}))]})]})]}):m.usage.map((x,z)=>v("div",{style:{display:"flex",gap:6,marginBottom:3,lineHeight:1.4},children:[s("span",{style:{color:"#9ca3af",flexShrink:0},children:"\u2013"}),s("span",{children:x})]},z)),B==="collapse"&&Je&&v("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:10,paddingTop:8},children:[s("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:6,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Position"}),s("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:3,width:"fit-content"},children:nu.map(x=>{let z=x===te;return s("button",{type:"button",onClick:()=>{se(null),Lt.current=!1,ct(),Je(x)},title:x,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:ie=>{z||(ie.currentTarget.style.backgroundColor="rgba(0,0,0,0.15)")},onMouseLeave:ie=>{z||(ie.currentTarget.style.backgroundColor="rgba(0,0,0,0.08)")}},x)})})]}),B==="collapse"&&(()=>{let x=Object.entries(le??{}),z=x.filter(([,U])=>U.found&&!U.disabled).map(([U])=>U.charAt(0).toUpperCase()+U.slice(1)),ie=x.filter(([,U])=>!U.found).map(([U])=>U);if(!J&&!W&&z.length===0&&ie.length===0)return null;let D=ie.map(U=>U.charAt(0).toUpperCase()+U.slice(1)),Y=[...z,...D];return v("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||J)&&s("button",{type:"button",onClick:()=>{Jt||(W?W():Vi(J))},disabled:Jt,title:uo,"aria-label":rd??"Restart bridge",style:{display:"flex",alignItems:"center",justifyContent:"center",width:22,height:22,border:"none",borderRadius:0,backgroundColor:Jn||A!=="idle"?"rgba(0,0,0,0.07)":"rgba(0,0,0,0.04)",color:nd,cursor:Jt?"default":"pointer",padding:0,opacity:Jt?.55:1,flexShrink:0},children:A==="ok"?s(Gn,{size:14,strokeWidth:1.8}):s(Io,{size:13,strokeWidth:1.7,style:{animation:A==="restarting"?"spin 0.8s linear infinite":void 0}})}),z.length>0?v("span",{style:{color:"#6b7280"},children:["Available in ",Y.join(", ")]}):ie.length>0?v("span",{style:{color:"#6b7280"},children:["Available in ",D.join(", ")]}):null]})})(),m.keys.length>1&&s("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8,display:"flex",flexDirection:"column",gap:4},children:m.keys.slice(1).map((x,z)=>v("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:x.accent?"#fff":"#6b7280"},children:[s("code",{style:{fontSize:10,backgroundColor:x.accent?t.activeColor:"rgba(0,0,0,0.06)",color:x.accent?"#fff":void 0,padding:"1px 4px",whiteSpace:"nowrap"},children:x.key}),s("span",{style:{color:x.accent?t.activeColor:void 0,fontWeight:x.accent?600:void 0},children:x.desc})]},z))}),B==="counter"&&Ke.length>0&&(()=>{let x=s("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:s("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Active"})}),z=new Map;for(let Y of Ke){let U=Y.pathname||At;z.has(U)||z.set(U,[]),z.get(U).push(Y)}let ie=[...z.entries()],D=ie.length>1;return v("div",{children:[x,s("div",{style:{maxHeight:200,overflowY:"auto"},children:ie.map(([Y,U])=>s("div",{style:{marginBottom:D?4:0},children:U.map(ve=>{let nt=ve.annotations.find(Ge=>Ge.type==="text"&&Ge.text)?.text||`[${ve.annotations[0]?.type??"annotation"}]`,ce=t.selectedAnnotationIds.includes(ve.id),at=Ke.indexOf(ve)+1,gt=ve.annotations[0]?.color??t.activeColor;return v("div",{onClick:()=>{if(L?.({groupId:ve.id,annotationIds:ve.annotations.map(Ge=>Ge.id)}),!(!ve.pathname||ve.pathname===At)){sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:ve.id,pathname:ve.pathname})),window.location.href=ve.pathname;return}if(n({type:"SELECT_ANNOTATION",payload:{id:ve.id}}),T){let Ge=ve.annotations.find(ft=>ft.threadId)?.threadId;Ge&&T(Ge)}Lt.current=!1,se(null)},style:{display:"flex",alignItems:"baseline",gap:4,padding:"2px 0",cursor:"pointer"},onMouseEnter:Ge=>{let ft=Ge.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor=gt,ft.style.color="#fff")},onMouseLeave:Ge=>{if(ce)return;let ft=Ge.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor="rgba(0,0,0,0.06)",ft.style.color="#6b7280")},children:[v("code",{"data-route-badge":!0,style:{fontSize:10,color:ce?"#fff":"#6b7280",backgroundColor:ce?gt:"rgba(0,0,0,0.06)",padding:"1px 4px",flexShrink:0,whiteSpace:"nowrap"},children:[at,". ",D?Y:""]}),s("span",{style:{fontSize:11,color:ce?"#1f2937":"#6b7280",fontWeight:ce?600:400,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:nt})]},ve.id)})},Y))})]})})(),B==="counter"&&(()=>{let x=new Set(Ke.flatMap(D=>D.annotations.map(Y=>Y.threadId).filter(Boolean))),z=Zs.filter(D=>!x.has(D.id));if(z.length===0)return null;let ie=D=>{let Y=Math.floor((Date.now()-D)/1e3);if(Y<60)return"now";let U=Math.floor(Y/60);if(U<60)return`${U}m`;let ve=Math.floor(U/60);return ve<24?`${ve}h`:`${Math.floor(ve/24)}d`};return v("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:[s("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Recent"}),z.map(D=>v("div",{onClick:()=>{let Y=D.elementIdentifiers[0];if(Y){let U=Y.indexOf(":"),ve=U>0&&Y[0]==="/",nt=ve?Y.slice(0,U):void 0,ce=ve?Y.slice(U+1):Y;if(!(!nt||nt===At)){sessionStorage.setItem("popmelt-pending-thread",JSON.stringify({threadId:D.id,selector:ce,preview:D.preview})),window.location.href=nt;return}try{let at=document.querySelector(ce);if(at){let gt=at.getBoundingClientRect(),Ge=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:Ge,point:{x:gt.left+gt.width,y:gt.top},text:D.preview,linkedSelector:ce,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[Ge],threadId:D.id}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[Ge],status:"resolved"}})}}catch{}}T&&T(D.id),Lt.current=!1,se(null)},style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",gap:8,padding:"2px 0",cursor:"pointer",color:"#6b7280",fontSize:11},onMouseEnter:Y=>{Y.currentTarget.style.color="#1f2937"},onMouseLeave:Y=>{Y.currentTarget.style.color="#6b7280"},children:[s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:D.preview}),s("span",{style:{flexShrink:0,fontSize:10,color:"#9ca3af"},children:ie(D.createdAt)})]},D.id))]})})()]})})(),v(Eo,{toolbarRef:we,theme:Pe,expanded:!0,width:td,snapPosition:te,viewport:ge,"data-popmelt-theme-preference":Nt,style:{zIndex:Fe?10004:9999},onMouseEnter:()=>{_?.(),O?.("toolbar",!0)},onMouseLeave:()=>O?.("toolbar",!1),onPointerLeave:m=>{kt(m.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&he(De)},onMouseMove:Us,children:[v("div",{ref:kn,onMouseEnter:()=>{O?.("tool-trigger",!0),K("tool-menu")},onMouseLeave:()=>{O?.("tool-trigger",!1),ae||he("tool-menu")},style:{position:"relative",width:46,height:32,flexShrink:0},children:[s(su,{theme:Pe,icon:s(od,{size:16,strokeWidth:1.75}),primaryLabel:cn.type==="inspector"?"Cycle annotations":cn.label,primaryCursor:cn.type==="inspector"&&Ke.length>0,dotColor:cn.type==="inspector"&&co?co.annotations[0]?.color??t.activeColor:void 0,menuOpen:Te,onPrimary:()=>{cn.type==="inspector"&&(qt(),_i())},onMenu:()=>{Te?qt():Qs()}}),ee!=="job-stack"&&Fe&&s("div",{style:{position:"absolute",...id?{top:"100%",paddingTop:12}:{bottom:"100%",paddingBottom:12},right:ld,width:ad,boxSizing:"content-box",background:"transparent",zIndex:10003,pointerEvents:"auto"},children:s("div",{role:"menu","data-popmelt-font":"sans",style:{width:"100%",padding:4,border:`1px solid ${Ae.border}`,borderRadius:20,background:Ae.surface,boxSizing:"border-box",fontFamily:Ml,opacity:Te?1:0,pointerEvents:"auto",transition:Te||ae?"none":`opacity ${It}ms ease`},children:po.map(({type:m,label:x,shortcut:z,Icon:ie})=>{let D=m===cn.type,Y=D||on===m;return v("button",{"data-popmelt-tool-menu-item":!0,type:"button",role:"menuitemradio","aria-checked":D,onClick:()=>{io(m),qt()},onMouseEnter:U=>{an(m),U.currentTarget.style.color=Ae.primary},onMouseLeave:U=>{an(null),U.currentTarget.style.color=D?Ae.primary:Ae.mutedStrong},style:{width:"100%",height:D?32:30,display:"flex",alignItems:"center",gap:D?8:6,padding:"0 10px",border:0,borderRadius:16,background:D?Ae.control:"transparent",color:D?Ae.primary:Ae.mutedStrong,cursor:"pointer",fontFamily:Ml,fontSize:14,textAlign:"left",transition:"background-color 120ms ease, color 120ms ease"},children:[s(ie,{size:14,strokeWidth:1.75}),s("span",{children:x}),s("code",{"aria-hidden":"true",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:18,height:18,marginLeft:"auto",boxSizing:"border-box",borderRadius:6,background:Y?`color-mix(in srgb, ${Ae.control} 60%, ${Ae.muted} 40%)`:Ae.control,color:Y?Ae.primary:Ae.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})]},m)})})})]}),q&&(q.peers.length>0||!!q.admissionRequests?.length)&&v("div",{ref:ht,"data-devtools":"peer-controls",style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},onPointerEnter:()=>{(De?.startsWith("peer:")||De?.startsWith("admission:"))&&ne(De)},onPointerLeave:m=>{kt(m.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&he(De)},children:[s(wu,{...q,theme:Pe,detailsPeerId:Ve,detailsId:Re,onDetailsEnter:m=>{ct(),ne(`peer:${m}`)},onDetailsLeave:(m,x)=>{kt(x)||he(`peer:${m}`)},onDetailsDismiss:m=>V(`peer:${m}`)}),!!q.admissionRequests?.length&&s("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((m,x,z)=>s("li",{style:{display:"flex",position:"relative",zIndex:z.length-x,marginRight:x===z.length-1?0:-4.5},children:s(Lu,{request:m,selected:_e===m.id,dimmed:de!==null&&de!==m.id&&z.some(ie=>ie.id===de),onHoverChange:ie=>Qe(D=>ie?m.id:D===m.id?null:D),detailsId:Re,theme:Pe,onDetailsEnter:()=>{ct(),ne(`admission:${m.id}`)},onDetailsLeave:ie=>{kt(ie)||he(`admission:${m.id}`)},onDetailsDismiss:()=>V(`admission:${m.id}`),onClick:()=>{ne(`admission:${m.id}`),Dt(!1)}})},m.id))})]}),v("div",{className:"legacy-toolbar-controls",style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[(Ke.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(m=>!m.captured).length>0)&&(()=>{let m=co,x=t.annotations.length>0&&t.annotations.every(D=>D.status&&D.status!=="pending"),z=En!==null?m?.annotations.some(D=>D.status&&D.status!=="pending")??!1:x,ie=Yt(lo);return s("span",{onMouseEnter:()=>ro("counter"),onMouseLeave:vr,children:s("button",{ref:Hi,type:"button",onClick:()=>{if(xr.current){xr.current=!1;return}_i()},onMouseDown:Gs,onMouseUp:Di,onMouseLeave:Di,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&&En===null?"#999999":ie,cursor:"pointer",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:11,fontWeight:600,color:"#ffffff",transition:"background 150ms ease"},children:(()=>{let D=Ke.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(U=>!U.captured).length;if(En!==null)return v(Me,{children:[En+1,v("span",{style:{opacity:.4,display:"flex",gap:4},children:[s("span",{children:"/"}),s("span",{children:D})]})]});let Y=ed.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(U=>!U.captured).length;return D>Y?v(Me,{children:[Y,v("span",{style:{opacity:.4,display:"flex",gap:4},children:[s("span",{children:"/"}),s("span",{children:D})]})]}):D})()})})})(),(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&s("span",{onMouseEnter:()=>ro("clear"),onMouseLeave:vr,children:s(xl,{siblingActive:t.isAnnotating,onClick:ao,title:"Clear all (\u2318\u232B)",children:s(Fd,{size:17,strokeWidth:1.5})})}),h&&v(Me,{children:[s("div",{style:{width:1,height:20,backgroundColor:"rgba(0, 0, 0, 0.05)",margin:"0 2px"}}),s("span",{onMouseEnter:()=>ro("provider"),onMouseLeave:vr,style:{display:"contents"},children:v("div",{style:{display:"flex",alignItems:"center",gap:0},children:[s(xl,{onClick:()=>h(Ys),children:s(ar,{provider:p})}),v("button",{type:"button",onClick:()=>{let m=(g+1)%y;E?.(m)},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:[s("span",{children:C}),s("span",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:Xs.map(m=>s("div",{style:{width:m.overflow?2:3,height:m.overflow?2:3,borderRadius:"50%",backgroundColor:m.active?Bt.iconDefault:"rgba(0,0,0,0.2)",opacity:m.overflow?.65:1,transition:"background-color 150ms ease, opacity 150ms ease"}},m.key))})]})]})})]}),s("div",{ref:Fi,style:{display:"inline-flex",cursor:"pointer"},children:s(Lo,{expanded:!0,active:!!l,color:Bi,onSettlingChange:Mt,onClick:Ks,onFocus:()=>{O?.("popmelt-trigger",!0),c?.(!0),ne("popmelt-guide")},onBlur:m=>{let x=m.relatedTarget;x instanceof Node&&Ze.current?.contains(x)||(O?.("popmelt-trigger",!1),c?.(!1),he("popmelt-guide"))}})})]})]})]},"expanded-toolbar-surfaces")]}):s($a,{theme:Pe,snapPosition:te,viewport:ge,toolbarRef:we,"data-popmelt-theme-preference":Nt,active:!!l,busy:Ht,color:Bi,onSettlingChange:Mt,onMouseEnter:_,onCrosshairHover:c,onOpen:()=>{dt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})}})}var Tl=Sr(null),d1=()=>()=>{},El=()=>null;function Yo(){return Math.random().toString(36).substring(2,9)}function Dr(e){return e.status?e:e.captured?{...e,status:"in_flight"}:{...e,status:"pending"}}function Ue(e){return{...e,undoStack:[...e.undoStack,{annotations:e.annotations,styleModifications:e.styleModifications,textModifications:e.textModifications,domModifications:e.domModifications,spacingTokenChanges:e.spacingTokenChanges,spacingTokenMods:e.spacingTokenMods}],redoStack:[]}}function c1(e,t){return{...e,isAnnotating:t}}function u1(e,t){return{...e,activeTool:t}}function p1(e,t){return{...e,activeColor:t}}function f1(e,t){return{...e,strokeWidth:t}}function h1(e,t){let n={id:t.id??Yo(),type:"text",points:[t.point],text:t.text,fontSize:t.fontSize||12,color:e.activeColor,strokeWidth:e.strokeWidth,timestamp:Date.now(),status:"pending",pathname:typeof window<"u"?window.location.pathname:"/",groupId:t.groupId,linkedSelector:t.linkedSelector,target:t.target,linkedAnchor:t.linkedAnchor,elements:t.elements,...t.imageCount?{imageCount:t.imageCount}:{},...t.attachments?.length?{attachments:t.attachments}:{},...t.interactionEpisode?{interactionEpisode:t.interactionEpisode}:{}};return{...t.groupId?e:Ue(e),annotations:[...e.annotations,n]}}function m1(e,t){return{...Ue(e),annotations:e.annotations.map(n=>n.id===t.id?{...n,text:t.text,...t.imageCount!=null?{imageCount:t.imageCount}:{},...t.attachments?{attachments:t.attachments}:{},...t.interactionEpisode?{interactionEpisode:t.interactionEpisode}:{}}:n)}}function g1(e,t){return{...e,annotations:e.annotations.map(n=>n.id===t.id?{...n,fontSize:Math.max(12,Math.min(72,t.fontSize))}:n)}}function y1(e,t){return{...Ue(e),annotations:e.annotations.map(n=>{if(n.id!==t.id)return n;let r=n.interactionEpisode?.frames?.length??0,{interactionEpisode:o,...i}=n;if(r===0)return i;let a=Math.max(0,(n.imageCount??0)-r);if(a===0){let{imageCount:l,...d}=i;return d}return{...i,imageCount:a}})}}function b1(e,t){let n=Ue(e),r=e.annotations.find(i=>i.id===t.id)?.groupId,o=new Set(e.annotations.filter(i=>i.id===t.id||r&&i.groupId===r).map(i=>i.id));return{...n,annotations:e.annotations.filter(i=>i.id!==t.id&&!(r&&i.groupId===r)),selectedAnnotationIds:e.selectedAnnotationIds.filter(i=>!o.has(i)),lastSelectedId:e.lastSelectedId&&o.has(e.lastSelectedId)?null:e.lastSelectedId}}function v1(e,t){let n=t.saveUndo?Ue(e):e,r=e.annotations.find(o=>o.id===t.id)?.groupId;return{...n,annotations:e.annotations.map(o=>{if(!(o.id===t.id||r&&o.groupId===r))return o;let i=t.delta.x,a=t.delta.y;return{...o,points:o.points.map(l=>({x:l.x+i,y:l.y+a}))}})}}function x1(e,t){let n=t.saveUndo?Ue(e):e,r=e.annotations.find(a=>a.id===t.id);if(!r||r.type==="text"||r.points.length<2)return e;let o=0,i=0;if(r.type==="rectangle"&&r.groupId){let a=t.points,l=Math.min(a[0].x,a[1].x),d=Math.max(a[0].y,a[1].y),c=r.points[0],u=r.points[r.points.length-1],p=Math.min(c.x,u.x),h=Math.max(c.y,u.y);o=l-p,i=d-h}return{...n,annotations:e.annotations.map(a=>a.id===t.id?{...a,points:t.points}:r.groupId&&a.groupId===r.groupId&&a.type==="text"?{...a,points:a.points.map(l=>({x:l.x+o,y:l.y+i}))}:a)}}function w1(e,t){return{...Ue(e),annotations:[...e.annotations,...t.annotations.map(Dr)]}}function C1(e,t){let n=new Set,r=[];for(let o of t.annotations)n.has(o.id)||(n.add(o.id),r.push(Dr(o)));return{...e,annotations:r}}function k1(e,t){let n=new Map(e.annotations.map(o=>[o.id,o])),r=t.annotations.map(o=>{let i=Dr(o),a=n.get(i.id);return!a||!i.linkedSelector||a.linkedSelector!==i.linkedSelector?i:{...i,points:a.points,linkedAnchor:a.linkedAnchor}});return{...e,annotations:r}}function S1(e,t){let n=new Set(e.annotations.map(o=>o.id)),r=t.annotations.filter(o=>!n.has(o.id)).map(Dr);return r.length>0?{...e,annotations:[...e.annotations,...r]}:e}function I1(e){if(e.undoStack.length===0)return e;let t=e.undoStack[e.undoStack.length-1];return{...e,annotations:t?.annotations||[],styleModifications:t?.styleModifications||[],textModifications:t?.textModifications||[],domModifications:t?.domModifications||[],spacingTokenChanges:t?.spacingTokenChanges||[],spacingTokenMods:t?.spacingTokenMods||[],undoStack:e.undoStack.slice(0,-1),redoStack:[...e.redoStack,{annotations:e.annotations,styleModifications:e.styleModifications,textModifications:e.textModifications,domModifications:e.domModifications,spacingTokenChanges:e.spacingTokenChanges,spacingTokenMods:e.spacingTokenMods}]}}function M1(e){if(e.redoStack.length===0)return e;let t=e.redoStack[e.redoStack.length-1];return{...e,annotations:t?.annotations||[],styleModifications:t?.styleModifications||[],textModifications:t?.textModifications||[],domModifications:t?.domModifications||[],spacingTokenChanges:t?.spacingTokenChanges||[],spacingTokenMods:t?.spacingTokenMods||[],redoStack:e.redoStack.slice(0,-1),undoStack:[...e.undoStack,{annotations:e.annotations,styleModifications:e.styleModifications,textModifications:e.textModifications,domModifications:e.domModifications,spacingTokenChanges:e.spacingTokenChanges,spacingTokenMods:e.spacingTokenMods}]}}function T1(e,t){let{id:n,addToSelection:r}=t;if(n===null)return{...e,selectedAnnotationIds:[],lastSelectedId:null};if(r)if(e.selectedAnnotationIds.includes(n)){let o=e.selectedAnnotationIds.filter(i=>i!==n);return{...e,selectedAnnotationIds:o,lastSelectedId:o.length>0?o[o.length-1]:null}}else return{...e,selectedAnnotationIds:[...e.selectedAnnotationIds,n],lastSelectedId:n};return{...e,selectedAnnotationIds:[n],lastSelectedId:n}}function E1(e,t){let n=e.annotations.find(o=>o.id===t.id)?.groupId,r=new Set;for(let o of e.selectedAnnotationIds){let i=e.annotations.find(a=>a.id===o);i?.groupId&&r.add(i.groupId)}return{...e,annotations:e.annotations.map(o=>o.id===t.id||e.selectedAnnotationIds.includes(o.id)||o.groupId&&(o.groupId===n||r.has(o.groupId))?{...o,color:t.color}:o)}}function L1(e,t){let n=typeof window<"u"?window.location.pathname:"/",r=t?new Set(t):void 0;return{...e,annotations:e.annotations.map(o=>r&&!r.has(o.id)?o:{...o,captured:!0,status:o.status==="pending"||o.status==="sending"||!o.status?"in_flight":o.status}),styleModifications:e.styleModifications.map(o=>!o.pathname||o.pathname===n?{...o,captured:!0}:o),textModifications:e.textModifications.map(o=>!o.pathname||o.pathname===n?{...o,captured:!0}:o),domModifications:e.domModifications.map(o=>!o.pathname||o.pathname===n?{...o,captured:!0}:o),spacingTokenChanges:e.spacingTokenChanges.map(o=>({...o,captured:!0})),spacingTokenMods:e.spacingTokenMods.map(o=>({...o,captured:!0}))}}function A1(e){return e.annotations.some(t=>(t.status??"pending")==="pending")||e.styleModifications.some(t=>!t.captured)||e.textModifications.some(t=>!t.captured)||e.domModifications.some(t=>!t.captured)||e.spacingTokenChanges.some(t=>!t.captured)||e.spacingTokenMods.some(t=>!t.captured)?{...Ue(e),annotations:e.annotations.filter(t=>(t.status??"pending")!=="pending"),styleModifications:e.styleModifications.filter(t=>t.captured),textModifications:e.textModifications.filter(t=>t.captured),domModifications:e.domModifications.filter(t=>t.captured),spacingTokenChanges:e.spacingTokenChanges.filter(t=>t.captured),spacingTokenMods:e.spacingTokenMods.filter(t=>t.captured),selectedAnnotationIds:[],lastSelectedId:null}:e}function $1(e){return{...e,annotations:[],undoStack:[],redoStack:[],selectedAnnotationIds:[],lastSelectedId:null,textModifications:[],domModifications:[],spacingTokenChanges:[],spacingTokenMods:[]}}function N1(e,t){let{selector:n,element:r,property:o,original:i,modified:a}=t,l=typeof window<"u"?window.location.pathname:"/",d=e.styleModifications.findIndex(c=>c.selector===n&&(!c.pathname||c.pathname===l));if(i===a&&d<0)return e;if(d>=0){let c=e.styleModifications[d];if(c.captured){let g=Ue(e),y=g.styleModifications.map((C,k)=>k===d?{...C,changes:[{property:o,original:i,modified:a}],createdAt:C.createdAt??Date.now(),captured:!1,pathname:l}:C);return{...g,styleModifications:y}}let u=c.changes.findIndex(g=>g.property===o),p,h=e;if(u>=0){let g=c.changes[u];a===g.original?p=c.changes.filter((y,C)=>C!==u):p=c.changes.map((y,C)=>C===u?{...y,modified:a}:y)}else{if(i===a)return e;h=Ue(e),p=[...c.changes,{property:o,original:i,modified:a}]}if(p.length===0)return{...h,styleModifications:h.styleModifications.filter((g,y)=>y!==d)};let f=h.styleModifications.map((g,y)=>y===d?{...g,changes:p,createdAt:g.createdAt??Date.now()}:g);return{...h,styleModifications:f}}else{let c=Ue(e),u={selector:n,element:r,changes:[{property:o,original:i,modified:a}],createdAt:Date.now(),pathname:l};return{...c,styleModifications:[...c.styleModifications,u]}}}function R1(e,t){let{selector:n,durableSelector:r,element:o,changes:i}=t,a=typeof window<"u"?window.location.pathname:"/",l=i.filter(u=>u.original!==u.modified);if(l.length===0)return e;let d=Ue(e),c=d.styleModifications.findIndex(u=>u.selector===n&&(!u.pathname||u.pathname===a));if(c>=0){let u=d.styleModifications[c],p=u.captured?[]:[...u.changes];for(let h of l){let f=p.findIndex(g=>g.property===h.property);f>=0?h.modified===p[f].original?p=p.filter((g,y)=>y!==f):p=p.map((g,y)=>y===f?{...g,modified:h.modified,token:h.token,sticker:h.sticker}:g):p.push(h)}return p.length===0?{...d,styleModifications:d.styleModifications.filter((h,f)=>f!==c)}:{...d,styleModifications:d.styleModifications.map((h,f)=>f===c?{...h,changes:p,createdAt:h.createdAt??Date.now(),captured:!1,pathname:a}:h)}}else return{...d,styleModifications:[...d.styleModifications,{selector:n,durableSelector:r,element:o,changes:l,createdAt:Date.now(),pathname:a}]}}function P1(e,t){let{selector:n,property:r}=t,o=typeof window<"u"?window.location.pathname:"/",i=Ue(e),a=i.styleModifications.map(l=>l.selector!==n||l.pathname&&l.pathname!==o?l:{...l,changes:l.changes.filter(d=>d.property!==r)}).filter(l=>l.changes.length>0);return{...i,styleModifications:a}}function z1(e,t){let{selector:n,sticker:r}=t,o=typeof window<"u"?window.location.pathname:"/";if(!e.styleModifications.find(l=>l.selector===n&&(!l.pathname||l.pathname===o)&&!l.captured&&l.changes.some(d=>d.sticker?.family===r.family&&d.sticker.subproperty===r.subproperty)))return e;let i=Ue(e),a=i.styleModifications.map(l=>l.selector!==n||l.pathname&&l.pathname!==o||l.captured?l:{...l,changes:l.changes.filter(d=>d.sticker?.family!==r.family||d.sticker.subproperty!==r.subproperty)}).filter(l=>l.changes.length>0);return{...i,styleModifications:a}}function H1(e){return e.styleModifications.length===0?e:{...Ue(e),styleModifications:[]}}function O1(e,t){let n=new Set(t.selectors);if(n.size===0)return e;let r=e.styleModifications.filter(o=>!o.captured||!n.has(o.selector)&&(!o.durableSelector||!n.has(o.durableSelector)));return r.length===e.styleModifications.length?e:{...e,styleModifications:r}}function D1(e,t){let n=Date.now();return{...e,styleModifications:t.map((r,o)=>({...r,createdAt:r.createdAt??n+o}))}}function W1(e,t,n,r){return e.selector===t&&(!e.pathname||e.pathname===r)&&e.textNodePath.length===n.length&&e.textNodePath.every((o,i)=>o===n[i])}function Ll(e,t,n=!0){let{selector:r,durableSelector:o,element:i,textNodePath:a,original:l,modified:d}=t,c=typeof window<"u"?window.location.pathname:"/",u=e.textModifications.findIndex(h=>W1(h,r,a,c));if(l===d&&u<0)return e;if(u>=0){let h=e.textModifications[u],f=h.captured&&n?Ue(e):e,g=h.captured?l:h.original;return d===g?{...f,textModifications:f.textModifications.filter((y,C)=>C!==u)}:{...f,textModifications:f.textModifications.map((y,C)=>C===u?{...y,durableSelector:o,element:i,original:g,modified:d,createdAt:y.createdAt??Date.now(),captured:!1,pathname:c}:y)}}let p=n?Ue(e):e;return{...p,textModifications:[...p.textModifications,{selector:r,durableSelector:o,element:i,textNodePath:a,original:l,modified:d,createdAt:Date.now(),pathname:c}]}}function j1(e,t,n=!0){return t.length===0?e:t.reduce((r,o)=>Ll(r,o,!1),n?Ue(e):e)}function _1(e,t){let n=Date.now();return{...e,textModifications:t.map((r,o)=>({...r,createdAt:r.createdAt??n+o}))}}function B1(e,t){let n=Ue(e),r=n.domModifications.findIndex(o=>o.id===t.id);return r>=0?{...n,domModifications:n.domModifications.map((o,i)=>i===r?{...t,captured:!1}:o)}:{...n,domModifications:[...n.domModifications,t]}}function F1(e,t){return{...e,domModifications:t}}function V1(e,t){let{updates:n}=t,r=new Map(n.map(o=>[o.id,o]));return{...e,annotations:e.annotations.map(o=>{let i=r.get(o.id);return i?{...o,points:[i.point,...o.points.slice(1)],...i.linkedAnchor?{linkedAnchor:i.linkedAnchor}:{}}:o})}}function Q1(e,t){let n=new Set(t.ids);return{...e,annotations:e.annotations.map(r=>n.has(r.id)?{...r,status:t.status}:r)}}function Z1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>{if(!n.has(o.id)&&!(o.groupId&&r.has(o.groupId)))return o;let i=!!t.jobId&&o.replyJobIds?.includes(t.jobId),a=o.status==="waiting_input";return{...o,status:a?"waiting_input":"resolved",replyCount:(o.replyCount??0)+(i?0:1),replyJobIds:t.jobId&&!i?[...o.replyJobIds??[],t.jobId]:o.replyJobIds,threadId:o.threadId||t.threadId,question:a?o.question:void 0}})}}function q1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>n.has(o.id)||o.groupId&&r.has(o.groupId)?{...o,status:"failed",threadId:o.threadId||t.threadId,question:void 0}:o)}}function U1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>n.has(o.id)||o.groupId&&r.has(o.groupId)?{...o,threadId:t.threadId,targetBindingId:t.targetBindingId}:o)}}function J1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>n.has(o.id)||o.groupId&&r.has(o.groupId)?{...o,status:"waiting_input",question:t.question,threadId:t.threadId}:o)}}function Y1(e,t){let n=new Map(t.resolutions.map(o=>[o.annotationId,o])),r=new Map;for(let o of e.annotations){let i=n.get(o.id);i&&o.groupId&&r.set(o.groupId,i)}return{...e,annotations:e.annotations.map(o=>{let i=n.get(o.id)||(o.groupId?r.get(o.groupId):void 0);if(!i)return o;let a=!!t.jobId&&o.replyJobIds?.includes(t.jobId);return{...o,status:i.status,resolutionSummary:i.summary,scope:i.finalScope??i.inferredScope??null,replyCount:(o.replyCount??0)+(a?0:1),replyJobIds:t.jobId&&!a?[...o.replyJobIds??[],t.jobId]:o.replyJobIds,question:void 0,threadId:o.threadId||t.threadId}})}}function X1(e,t){let{linkedSelectors:n,styleSelectors:r}=t,o=new Set(n),i=new Set(r),a=typeof window<"u"?window.location.pathname:"/",l=new Set,d=new Set;for(let f of e.annotations)f.linkedSelector&&o.has(f.linkedSelector)&&(l.add(f.id),f.groupId&&d.add(f.groupId));for(let f of e.annotations)f.groupId&&d.has(f.groupId)&&l.add(f.id);let c=e.annotations.filter(f=>!l.has(f.id)),u=e.styleModifications.filter(f=>!i.has(f.selector)||f.pathname&&f.pathname!==a),p=e.domModifications.filter(f=>!i.has(f.selector)||f.pathname&&f.pathname!==a);if(c.length===e.annotations.length&&u.length===e.styleModifications.length&&p.length===e.domModifications.length)return e;let h=e.selectedAnnotationIds.filter(f=>!l.has(f));return{...e,annotations:c,styleModifications:u,domModifications:p,selectedAnnotationIds:h,lastSelectedId:h.length>0?h[h.length-1]:null}}function K1(e,t){let n=e.spacingTokenChanges.findIndex(r=>r.tokenPath===t.tokenPath);return n>=0?{...e,spacingTokenChanges:e.spacingTokenChanges.map((r,o)=>o===n?t:r)}:{...e,spacingTokenChanges:[...e.spacingTokenChanges,t]}}function G1(e,t){return{...e,spacingTokenChanges:t}}function e0(e,t){let n=Ue(e),r=e.spacingTokenMods.findIndex(i=>i.tokenPath===t.tokenPath),o;if(r>=0){let i=e.spacingTokenMods[r],a={...t,originalValue:i.captured?i.currentValue:i.originalValue,originalPx:i.captured?i.currentPx:i.originalPx,captured:!1};o=e.spacingTokenMods.map((l,d)=>d===r?a:l)}else o=[...e.spacingTokenMods,{...t,captured:!1}];return{...n,spacingTokenMods:o}}function t0(e,t){let n=Ue(e),r=e.spacingTokenMods.findIndex(c=>c.tokenPath===t.tokenPath),o=r>=0?e.spacingTokenMods[r]:null,i=r>=0?o.captured?o.currentValue:o.originalValue:t.originalValue,a=r>=0?o.captured?o.currentPx:o.originalPx:parseFloat(t.originalValue)||0,l={tokenPath:t.tokenPath,originalValue:i,currentValue:"__deleted__",targets:o?.targets??[],originalPx:a,currentPx:0,captured:!1},d;return r>=0?d=e.spacingTokenMods.map((c,u)=>u===r?l:c):d=[...e.spacingTokenMods,l],{...n,spacingTokenMods:d}}function Al(e,t){switch(t.type){case"SET_ANNOTATING":return c1(e,t.payload);case"SET_TOOL":return u1(e,t.payload);case"SET_COLOR":return p1(e,t.payload);case"SET_STROKE_WIDTH":return f1(e,t.payload);case"ADD_TEXT":return h1(e,t.payload);case"UPDATE_TEXT":return m1(e,t.payload);case"CLEAR_INTERACTION_EPISODE":return y1(e,t.payload);case"UPDATE_TEXT_SIZE":return g1(e,t.payload);case"DELETE_ANNOTATION":return b1(e,t.payload);case"MOVE_ANNOTATION":return v1(e,t.payload);case"RESIZE_ANNOTATION":return x1(e,t.payload);case"PASTE_ANNOTATIONS":return w1(e,t.payload);case"RESTORE_ANNOTATIONS":return C1(e,t.payload);case"SYNC_ANNOTATIONS":return k1(e,t.payload);case"MERGE_ANNOTATIONS":return S1(e,t.payload);case"UNDO":return I1(e);case"REDO":return M1(e);case"SELECT_ANNOTATION":return T1(e,t.payload);case"UPDATE_ANNOTATION_COLOR":return E1(e,t.payload);case"MARK_CAPTURED":return L1(e,t.payload?.annotationIds);case"CLEAR":return $1(e);case"DISCARD_DRAFT":return A1(e);case"MODIFY_STYLE":return N1(e,t.payload);case"MODIFY_STYLES_BATCH":return R1(e,t.payload);case"CLEAR_STYLE":return P1(e,t.payload);case"CLEAR_STICKER":return z1(e,t.payload);case"CLEAR_ALL_STYLES":return H1(e);case"SETTLE_CAPTURED_STYLES":return O1(e,t.payload);case"RESTORE_STYLE_MODIFICATIONS":return D1(e,t.payload);case"MODIFY_TEXT_CONTENT":return Ll(e,t.payload);case"MODIFY_TEXT_CONTENTS":return j1(e,t.payload,t.saveUndo??!0);case"RESTORE_TEXT_MODIFICATIONS":return _1(e,t.payload);case"MODIFY_DOM_STRUCTURE":return B1(e,t.payload);case"RESTORE_DOM_MODIFICATIONS":return F1(e,t.payload);case"UPDATE_LINKED_POSITIONS":return V1(e,t.payload);case"CLEANUP_ORPHANED":return X1(e,t.payload);case"SET_ANNOTATION_STATUS":return Q1(e,t.payload);case"MARK_ANNOTATIONS_REPLIED":return Z1(e,t.payload);case"MARK_ANNOTATIONS_FAILED":return q1(e,t.payload);case"SET_ANNOTATION_THREAD":return U1(e,t.payload);case"SET_ANNOTATION_QUESTION":return J1(e,t.payload);case"APPLY_RESOLUTIONS":return Y1(e,t.payload);case"ADD_SPACING_TOKEN_CHANGE":return K1(e,t.payload);case"RESTORE_SPACING_TOKEN_CHANGES":return G1(e,t.payload);case"MODIFY_SPACING_TOKEN":return e0(e,t.payload);case"DELETE_SPACING_TOKEN":return t0(e,t.payload);default:return t}}function n0(e,t){let n=pn(Tl),[r,o]=sa(Al,bo),i=la(n?.subscribe??d1,n?.getSnapshot??El,n?.getSnapshot??El)??r,a=n?.dispatch??o;return F(()=>{if(!i.isAnnotating)return;let l=d=>{t?.current||d.defaultPrevented||d.isComposing||d.altKey||d.composedPath().some(c=>c instanceof Element&&(c.matches('input, textarea, select, [role="textbox"]')||c instanceof HTMLElement&&c.isContentEditable||c.hasAttribute("contenteditable")&&c.getAttribute("contenteditable")!=="false"))||(d.metaKey||d.ctrlKey)&&d.key.toLowerCase()===yn.actions.undo.key&&(d.preventDefault(),d.shiftKey?a({type:"REDO"}):e?.current?.()||a({type:"UNDO"}))};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[a,i.isAnnotating,e,t]),[i,a]}function r0(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:l,modified:d,token:c})=>({property:a,original:l,modified:d,token:c}))}}function $l(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:l})=>[o,i,a,l??null]).sort((o,i)=>String(o[0]).localeCompare(String(i[0]))));return n(e.changes)===n(t.changes)}function Xo(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"})),l=!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=>$l(c,h)));return u?.threadId?(l=!0,{...c,awaitingReview:{submissionId:u.id,threadId:u.threadId}}):c});return i||l?{...e,annotations:i?a:e.annotations,styleModifications:l?d:e.styleModifications}:e}function o0(e){if(e.awaitingReview)return{jobId:`suggestion:${e.awaitingReview.submissionId}`,threadId:e.awaitingReview.threadId,status:"awaiting_review",selectors:[e.selector],annotationNumber:e.annotationNumber}}function Nl(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}function lr(e){return e?!!e.closest("#devtools-toolbar, #devtools-scrim, #devtools-text-input, [data-devtools], [data-popmelt-panel], [data-popmelt-shadow-host]"):!1}function i0(e,t){let n=document,r=n.caretPositionFromPoint?.(e,t);if(r?.offsetNode?.nodeType===Node.TEXT_NODE)return r.offsetNode;let o=n.caretRangeFromPoint?.(e,t);return o?.startContainer?.nodeType===Node.TEXT_NODE?o.startContainer:null}function a0(e,t){if(!e)return t();let n=e.style.pointerEvents;e.style.pointerEvents="none";try{return t()}finally{e.style.pointerEvents=n}}function l0(e,t,n){let r=document.createTreeWalker(e,NodeFilter.SHOW_TEXT,{acceptNode(i){return i.textContent?.trim()?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT}}),o=r.nextNode();for(;o;){let i=o,a=document.createRange();a.selectNodeContents(i);let l=Array.from(a.getClientRects());if(a.detach?.(),l.some(d=>t>=d.left&&t<=d.right&&n>=d.top&&n<=d.bottom))return i;o=r.nextNode()}return null}function s0(e,t,n){return a0(n,()=>{let r=i0(e,t);if(!r){let w=document.elementFromPoint(e,t);w&&!lr(w)&&(r=l0(w,e,t))}if(!r||!(r.parentElement instanceof HTMLElement))return null;let o=r.parentElement;if(lr(o))return null;for(;o.parentElement&&o!==document.body;){let w=window.getComputedStyle(o).display,E=w==="inline-block"&&o.childNodes.length===1&&o.firstChild?.nodeType===Node.ELEMENT_NODE;if(w!=="inline"&&w!=="contents"&&!E)break;let M=o.parentElement;if(lr(M))break;if(Array.from(M.childNodes).some(N=>N.nodeType===Node.TEXT_NODE&&!!N.nodeValue?.trim())){o=M;continue}let S=window.getComputedStyle(M).display,T=S==="inline-block"&&M.childNodes.length===1&&M.firstChild?.nodeType===Node.ELEMENT_NODE;if(S==="inline"||S==="contents"||T){o=M;continue}break}let i=o.tagName.toLowerCase();if(i==="script"||i==="style"||i==="textarea"||i==="input")return null;let a=c0(o),l=a.map(w=>w.originalText).join("");if(!l.trim())return null;let d=Rl(o,r);if(!d)return null;let c=window.getComputedStyle(o),u=zl(a,o,c),{textRect:p,boundaryRect:h,boundaryRects:f,flowRect:g,firstLineIndent:y}=u;if(p.width<=0||p.height<=0)return null;let C=parseFloat(c.fontSize)||12,k=c.whiteSpace!=="nowrap"&&c.whiteSpace!=="pre"&&(f0(r)||c.display!=="inline");return{textNode:r,targetElement:o,textNodePath:d,segments:a,originalText:l,rect:p,boundaryRect:h,boundaryRects:f,flowRect:g,firstLineIndent:y,styles:c,fontSize:C,wrapsText:k}})}function Rl(e,t){let n=[],r=t;for(;r&&r!==e;){let o=r.parentNode;if(!o)return null;n.unshift(Array.prototype.indexOf.call(o.childNodes,r)),r=o}return r===e?n:null}function d0(e,t){let n=document.createRange();n.selectNodeContents(e);let r=n.getBoundingClientRect();if(n.detach?.(),r.width>0&&r.height>0)return{left:r.left,top:r.top,width:r.width,height:r.height};let o=t.getBoundingClientRect();return{left:o.left,top:o.top,width:o.width,height:o.height}}function c0(e){let t=[],n=r=>{if(r.nodeType===Node.TEXT_NODE){let i=r,a=Rl(e,i);a&&t.push({textNode:i,textNodePath:a,originalText:i.nodeValue??""});return}if(r.nodeType!==Node.ELEMENT_NODE&&r!==e)return;let o=r.tagName?.toLowerCase();o==="script"||o==="style"||r.childNodes.forEach(n)};return e.childNodes.forEach(n),t}function Pl(e){return{left:e.left,top:e.top,width:e.width,height:e.height}}function u0(e){let t=[];for(let n of e){if(!n.textNode.isConnected||!n.originalText.trim())continue;let r=document.createRange();r.selectNodeContents(n.textNode),t.push(...Array.from(r.getClientRects()).filter(o=>o.width>0&&o.height>0).map(Pl)),r.detach?.()}return bd(t)}function p0(e){let t=e.getBoundingClientRect(),n=window.getComputedStyle(e),r=(parseFloat(n.borderLeftWidth)||0)+(parseFloat(n.paddingLeft)||0),o=(parseFloat(n.borderRightWidth)||0)+(parseFloat(n.paddingRight)||0),i=(parseFloat(n.borderTopWidth)||0)+(parseFloat(n.paddingTop)||0),a=(parseFloat(n.borderBottomWidth)||0)+(parseFloat(n.paddingBottom)||0);return{left:t.left+r,top:t.top+i,width:Math.max(0,t.width-r-o),height:Math.max(0,t.height-i-a)}}function zl(e,t,n){let r=Pl(t.getBoundingClientRect()),o=u0(e),i=e[0]?.textNode?d0(e[0].textNode,t):r,a=o.length>0?o:[i];return sd({display:n.display,fragmentRects:a,elementRect:r,parentContentRect:t.parentElement?p0(t.parentElement):void 0})}function f0(e){let t=document.createRange();t.selectNodeContents(e);let n=Array.from(t.getClientRects()).filter(r=>r.width>0&&r.height>0).length;return t.detach?.(),n>1}function h0(e,t,n){if(t===n||e.length===0)return[];let r=0;for(;r<t.length&&r<n.length&&t[r]===n[r];)r+=1;let o=0;for(;o<t.length-r&&o<n.length-r&&t[t.length-1-o]===n[n.length-1-o];)o+=1;let i=r,a=t.length-o,l=n.slice(r,n.length-o),d=0,c=!1;return e.flatMap((u,p)=>{let h=d,f=h+u.originalText.length;d=f;let g=i===a,y=g&&(i>=h&&i<f||p===e.length-1&&i===f),C=!g&&f>i&&h<a;if(!y&&!C)return[];let k=Math.max(0,Math.min(u.originalText.length,i-h)),w=Math.max(0,Math.min(u.originalText.length,a-h)),E=u.originalText.slice(0,k);return c||(E+=l,c=!0),E+=u.originalText.slice(w),E===u.originalText?[]:[{segment:u,modifiedText:E}]})}function Ko(e,t){return Math.abs(e.left-t.left)<.5&&Math.abs(e.top-t.top)<.5&&Math.abs(e.width-t.width)<.5&&Math.abs(e.height-t.height)<.5}function m0(e,t){return!e||!t?e===t:Ko(e,t)}function g0(e,t){return e.length===t.length&&e.every((n,r)=>Ko(n,t[r]))}function y0(){return{isDragging:!1,hasMoved:!1,mode:"move",startX:0,startY:0,element:null,originalParent:null,originalIndex:-1,selector:null,durableSelector:null,elementInfo:null}}function Wr(e){if(!e||e===document.body||e===document.documentElement||lr(e))return!1;let t=e.tagName.toLowerCase();return["script","style","link","meta","head","html","body","input","textarea","select","option","button"].includes(t)?!1:!!e.parentElement}function Ft(e){let t=e.getAttribute("data-pm");return t||(t=Math.random().toString(36).substring(2,8),e.setAttribute("data-pm",t)),`[data-pm="${t}"]`}function Go(e){return e.parentElement?Array.from(e.parentElement.children).indexOf(e):-1}function Hl(e){e.removeAttribute("data-pm"),e.querySelectorAll("[data-pm]").forEach(t=>t.removeAttribute("data-pm"))}function Ol(e,t,n,r,o=Nd){let i=n.parentElement;if(!i)return null;let a=o(e,t);for(;a&&a!==document.body;){if(a===n||n.contains(a)){a=a.parentElement;continue}if(a.parentElement===i&&Wr(a))break;a=a.parentElement}if(!a||a===document.body||a.parentElement!==i||a===r)return null;let l=a.getBoundingClientRect(),d=l.height>=l.width?t<l.top+l.height/2?"before":"after":e<l.left+l.width/2?"before":"after",c=Go(a),u=d==="before"?c:c+1;return{parent:i,reference:a,placement:d,index:u}}function ei(e,t,n){let r=Array.from(e.children).filter(i=>i!==t),o=Math.max(0,Math.min(n,r.length));e.insertBefore(t,r[o]??null)}function b0({drag:e,clientX:t,clientY:n,pathname:r,createId:o,rootElement:i,elementAtPoint:a}){let l=e.element;if(!l||!e.selector||!e.durableSelector||!e.elementInfo)return null;let d=Ol(t,n,l,i,a);if(!d)return null;let c=e.originalParent===d.parent&&d.index>e.originalIndex?d.index-1:d.index;if(e.mode==="move"&&e.originalParent===d.parent&&(c===e.originalIndex||c===e.originalIndex+1))return null;let u=jt(d.parent),p=Ft(d.parent),h=jt(d.reference),f=Ft(d.reference),g=e.selector,y=e.durableSelector,C=e.elementInfo;if(e.mode==="copy"){let w=l.cloneNode(!0);if(!(w instanceof Element))return null;Hl(w),ei(d.parent,w,c),g=Ft(w),y=jt(w),C={...An(w),selector:g}}else ei(d.parent,l,c);let k=e.originalParent;return{id:o(),operation:e.mode,selector:g,durableSelector:y,element:C,sourceSelector:e.mode==="copy"?e.selector:void 0,sourceDurableSelector:e.mode==="copy"?e.durableSelector:void 0,sourceElement:e.mode==="copy"?e.elementInfo:void 0,originalParentSelector:k?Ft(k):void 0,originalParentDurableSelector:k?jt(k):void 0,originalIndex:e.originalIndex,targetParentSelector:p,targetParentDurableSelector:u,targetIndex:c,referenceSelector:f,referenceDurableSelector:h,placement:d.placement,pathname:r}}function Dl(e){return e instanceof HTMLElement&&(e.tagName==="INPUT"||e.tagName==="TEXTAREA"||e.isContentEditable===!0||e.getAttribute("contenteditable")==="true")}function v0(){if(typeof document>"u")return null;let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e}function ti(e){let t=e.composedPath?.()[0]??e.target;return Dl(t)||Dl(v0())}function Wl(e,t,n){if(n)return[n];let r=new Set(t),o=new Map;for(let a of e)a.groupId&&a.threadId&&o.set(a.groupId,a.threadId);let i=new Set;for(let a of e){if(!r.has(a.id))continue;let l=a.threadId||(a.groupId?o.get(a.groupId):void 0);l&&i.add(l)}return[...i]}function x0({state:e,stateRef:t,activeTextRef:n,selectedIdsRef:r,dispatch:o,clearSelection:i,selectAnnotation:a,handHoveredElement:l,onArchiveThread:d,openThreadId:c,currentPathname:u,hasOpenThread:p}){let h=$([]),f=$(0),g=$(null);F(()=>{let y=C=>{if(C.key==="Escape"){if(C.defaultPrevented||C.repeat||n.current||p||ti(C))return;if(r.current.length>0){C.preventDefault(),i();return}let w=t.current;if(w.annotations.some(E=>(E.status??"pending")==="pending")||w.styleModifications.some(E=>!E.captured)||w.textModifications.some(E=>!E.captured)||w.domModifications.some(E=>!E.captured)||w.spacingTokenChanges.some(E=>!E.captured)||w.spacingTokenMods.some(E=>!E.captured)){C.preventDefault(),o({type:"DISCARD_DRAFT"});return}}if((C.metaKey||C.ctrlKey)&&C.key.toLowerCase()==="c"&&e.activeTool==="hand"&&l&&!n.current){if(Wr(l)){C.preventDefault();let w=Ft(l);g.current={source:l,sourceSelector:w,sourceDurableSelector:jt(l),sourceElement:{...An(l),selector:w}}}return}if((C.metaKey||C.ctrlKey)&&C.key.toLowerCase()==="v"&&e.activeTool==="hand"&&g.current&&!n.current){let w=g.current,E=l&&Wr(l)?l:w.source,M=E.parentElement;if(M){C.preventDefault();let S=jt(M),T=Ft(M),N=jt(E),H=Ft(E),P=Go(E)+1,L=w.source.cloneNode(!0);if(L instanceof Element){Hl(L),ei(M,L,P);let j=Ft(L),Z=jt(L),ae={...An(L),selector:j};o({type:"MODIFY_DOM_STRUCTURE",payload:{id:Yo(),operation:"copy",selector:j,durableSelector:Z,element:ae,sourceSelector:w.sourceSelector,sourceDurableSelector:w.sourceDurableSelector,sourceElement:w.sourceElement,targetParentSelector:T,targetParentDurableSelector:S,targetIndex:P,referenceSelector:H,referenceDurableSelector:N,placement:"after",pathname:u}})}}return}if((C.metaKey||C.ctrlKey)&&C.key==="v"&&h.current.length>0&&!n.current){C.preventDefault(),f.current+=1;let w=f.current*20,E=h.current[0]?.groupId?Math.random().toString(36).substring(2,9):void 0,M=h.current.map(T=>({...T,id:Math.random().toString(36).substring(2,9),groupId:T.groupId?E:void 0,timestamp:Date.now(),points:T.points.map(N=>({x:N.x+w,y:N.y+w}))}));o({type:"PASTE_ANNOTATIONS",payload:{annotations:M}});let S=M.find(T=>T.type!=="text")??M[0];S&&a(S.id);return}let k=r.current;if(!n.current&&!ti(C)&&(C.key==="Delete"||C.key==="Backspace")&&!C.metaKey&&!C.ctrlKey&&!C.altKey){if(k.length===0&&!c)return;let w=Wl(t.current.annotations,k,c);if(!d||w.length===0)return;C.preventDefault();for(let E of w)d(E);i()}};return window.addEventListener("keydown",y),()=>window.removeEventListener("keydown",y)},[n,i,u,o,l,p,d,c,a,r,e.activeTool,t])}var et=["slate","gray","zinc","neutral","stone","red","orange","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"],ni=[50,100,200,300,400,500,600,700,800,900,950],ri=500,w0={name:"neutral",step:950},jr={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 sr(e,t){return jr[e][t]}function C0(e,t){let n=et.indexOf(e);return et[(n+t+et.length)%et.length]}function k0(e,t){let n=et.indexOf(e);return et[(n+t%et.length+et.length)%et.length]}function S0(e,t){let n=et.indexOf(e),r=(et.indexOf(t)-n+et.length)%et.length;return r<=et.length/2?r:r-et.length}function vn(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 I0(e){let t=vn(e);if(!t)return null;let n=null;for(let r of et)for(let o of ni){let i=vn(jr[r][o]).reduce((a,l,d)=>a+(l-t[d])**2,0);(!n||i<n.distance)&&(n={name:r,step:o,distance:i})}return n&&{name:n.name,step:n.step}}function M0(e,t){let n=vn(t);return n?ni.reduce((r,o)=>{let i=vn(jr[e][r]),a=vn(jr[e][o]),l=i.reduce((d,c,u)=>d+(c-n[u])**2,0);return a.reduce((d,c,u)=>d+(c-n[u])**2,0)<l?o:r}):null}function jl(e,t){let n=vn(e),r=vn(t);return n!==null&&r!==null&&n.every((o,i)=>o===r[i])}var ut=["padding","margin","border","radius","stack","grid","text","color","transform","opacity"],On=[0,1,2,3,4,6,8,10,12,16],T0=[-16,-12,-10,-8,-6,-4,-3,-2,-1,0,1,2,3,4,6,8,10,12,16],E0=[0,1,2,4,8],L0=["vertical","horizontal"],A0=["stretch","start","center","end","baseline"],$0=["start","center","end","between","around","evenly"],N0=[1,2,3,4,5,6],_l=["xs","sm","base","lg","xl","2xl","3xl","4xl"],Bl=[300,400,500,600,700,800],Fl=["none","tight","snug","normal","relaxed","loose"],Vl=["tighter","tight","normal","wide","wider","widest"],Ql=["left","center","right","justify"],Zl=[25,50,75,90,95,100,105,110,125,150],ql=[-180,-90,-45,-25,-12,-6,-3,-2,-1,0,1,2,3,6,12,25,45,90,180],Ul=[0,5,10,20,25,30,40,50,60,70,75,80,90,95,100],Jl=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],R0={padding:On,margin:On,border:E0,radius:On},P0={padding:"p",margin:"m",border:"border",radius:"rounded",stack:"flex",grid:"grid",text:"text",color:"text",transform:"transform",opacity:"opacity"},z0={padding:"P",margin:"M",border:"B",radius:"R",stack:"F",grid:"G",text:"FO",color:"BG",transform:"T",opacity:"O"},H0={padding:"Padding",margin:"Margin",border:"Borders",radius:"Radii",stack:"Flexbox",grid:"Grid",text:"Fonts",color:"Background",transform:"Transform",opacity:"Opacity"},O0={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:et,transform:["translate","scale","rotate"],opacity:["opacity","mix-blend"]},Yl={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 rt(e){return et.includes(e)}function xn(e,t){return e==="color"||(e==="text"||e==="border")&&(t==="color"||rt(t))}var _r=e=>encodeURIComponent(e),Xl=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='${_r(e)}' flood-opacity='.42'/%3E%3CfeDropShadow dx='0' dy='1.25' stdDeviation='1.1' flood-color='${_r(e)}' flood-opacity='.24'/%3E%3C/filter%3E%3C/defs%3E`;function D0(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${Xl(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='${_r(e)}' stroke='white' stroke-width='1.25'/%3E%3C/svg%3E") 4 4, pointer`}function W0(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${Xl(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='${_r(e)}' stroke='white' stroke-width='1.111'/%3E%3C/svg%3E") 4 4, pointer`}function wn(e,t="all"){let n=bt(e,t);return e==="color"||(e==="text"||e==="border")&&xn(e,n)?ni:e==="stack"?n==="direction"?L0:n==="align"?A0:n==="justify"?$0:On:e==="grid"?n==="gap"?On:N0:e==="text"?n==="weight"?Bl:n==="line-height"?Fl:n==="letter-spacing"?Vl:n==="text-align"?Ql:_l:e==="transform"?n==="scale"?Zl:n==="rotate"?ql:T0:e==="opacity"?n==="mix-blend"?Jl:Ul:R0[e]}function Kl(e,t,n="all"){let r=wn(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 oi(e){return O0[e]}function bt(e,t){if(e==="stack"&&(t==="vertical"||t==="horizontal"))return"direction";if((e==="text"||e==="border")&&rt(t))return t;let n=oi(e);return n.includes(t)?t:n[0]}function j0(e,t){return e==="text"?"size":e==="transform"?"translate":e==="opacity"?"opacity":bt(e,t)}function _0(e,t,n){return e==="family"?"family":(t==="text"||t==="border")&&n==="color"?"variant":"value"}function B0(e,t,n){let r=oi(e),o=(e==="text"||e==="border")&&rt(t)?"color":bt(e,t),i=r.indexOf(o);return r[(i+n+r.length)%r.length]}function F0(e,t){let n=ut.indexOf(e);return ut[(n+t+ut.length)%ut.length]}function V0(e,t,n,r="all"){let o=wn(e,r),i=Kl(e,t,r),a=o.indexOf(i);return o[(a+n+o.length)%o.length]}function Q0(e){return z0[e]}function Br(e){return H0[e]}function Z0(e,t){let n=bt(e,t);return e==="color"||(e==="text"||e==="border")&&rt(n)?n:`${Q0(e)}${Yl[n]}`}function ii(e,t){let n=bt(e,t);return e==="color"||(e==="text"||e==="border")&&rt(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):Yl[n]}function Dn(e,t){let n=bt(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"||rt(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"||rt(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 Gl(e,t){let n=bt(e,t);return e==="color"?["background-color"]:e==="stack"||e==="grid"?n==="gap"?["row-gap","column-gap"]:[Dn(e,n)]:e==="text"?n==="color"||rt(n)?["color"]:n==="line-height"||n==="letter-spacing"?[Dn(e,n),"font-size"]:[Dn(e,n)]:e==="border"&&(n==="color"||rt(n))?["border-top-color","border-right-color","border-bottom-color","border-left-color"]:e==="transform"||e==="opacity"?[Dn(e,n)]:(e==="padding"||e==="margin")&&n==="x"?[`${e}-left`,`${e}-right`]:(e==="padding"||e==="margin")&&n==="y"?[`${e}-top`,`${e}-bottom`]:n!=="all"?[Dn(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 Ct(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 dr(e,t,n){let r=n.trim().toLowerCase();if(e==="text"){if(t==="size"){let o=Ct(n,e);return o===null?null:en(_l,i=>Fr[i],o)}if(t==="weight"){if(r==="normal")return 400;if(r==="bold")return 700;let o=Number(r);return Number.isFinite(o)?en(Bl,i=>i,o):null}if(t==="text-align")return r==="start"?"left":r==="end"?"right":Ql.includes(r)?r:null}if(e==="transform"){if(r==="none")return t==="scale"?100:0;if(t==="translate"){let o=Ct(n,e);return o===null?null:en(On,i=>i*4,o)}if(t==="scale"){let o=Number.parseFloat(n)*100;return Number.isFinite(o)?en(Zl,i=>i,o):null}if(t==="rotate"){let o=Number.parseFloat(n);return Number.isFinite(o)?en(ql,i=>i,o):null}}if(e==="opacity"){if(t==="mix-blend")return Jl.includes(r)?r:null;let o=Number.parseFloat(n)*100;return Number.isFinite(o)?en(Ul,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 q0(e,t,n="all"){let r=bt(e,n);if(e==="color"||(e==="text"||e==="border")&&rt(r)){let l=M0(r,t[0]??"");if(l===null)return null;let d=sr(r,l);return t.every(c=>jl(c,d))?l:null}if(e==="text"){if(r==="line-height"&&(t[0]??"").trim().toLowerCase()==="normal")return"normal";if(r==="line-height"){let l=Ct(t[0]??"",e),d=Ct(t[1]??"",e);return l===null||d===null||d===0?null:en(Fl,c=>Vr[c],l/d)}if(r==="letter-spacing"){let l=(t[0]??"").trim().toLowerCase();if(l==="normal")return"normal";let d=Ct(l,e),c=Ct(t[1]??"",e);return d===null||c===null||c===0?null:en(Vl,u=>Qr[u],d/c)}return dr(e,r,t[0]??"")}if(e==="transform"||e==="opacity"||e==="stack"&&r!=="gap")return dr(e,r,t[0]??"");if(e==="grid"&&r!=="gap"){let l=t[0]?.trim().split(/\s+/).filter(Boolean).length??0;return wn("grid",r).includes(l)?l:null}let o=t.map(l=>Ct(l,e));if(o.length===0||o.some(l=>l===null))return null;let i=o[0];if(!o.every(l=>Math.abs(l-i)<.01))return null;let a=wn(e,r).filter(l=>typeof l=="number");return a.length===0?null:a.reduce((l,d)=>Math.abs(Number.parseFloat(cr(e,d,r))-i)<Math.abs(Number.parseFloat(cr(e,l,r))-i)?d:l)}function U0(e,t,n,r="all"){let o=bt(e,r);if(e==="color"||(e==="text"||e==="border")&&rt(o)){let l=sr(o,t);return n.length>0&&n.every(d=>jl(d,l))}if(e==="text"){if(o==="size"){let l=Ct(n[0]??"",e);return l!==null&&Math.abs(l-Fr[t])<.01}if(o==="weight")return dr(e,o,n[0]??"")===t;if(o==="line-height"){let l=(n[0]??"").trim().toLowerCase();if(l==="normal")return t==="normal";let d=Ct(l,e),c=Ct(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Vr[t])<.01}if(o==="letter-spacing"){let l=(n[0]??"").trim().toLowerCase();if(l==="normal")return t==="normal";let d=Ct(l,e),c=Ct(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Qr[t])<.001}return dr(e,o,n[0]??"")===t}if(e==="transform"||e==="opacity"||e==="stack"&&o!=="gap")return dr(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(cr(e,t,o)),a=n.map(l=>Ct(l,e));return a.length>0&&a.every(l=>l!==null&&Math.abs(l-i)<.01)}function J0(e,t,n,r){let o=U0(e,t,Gl(e,n).map(r),n),i=ns(e),a=ts(e,n,t).every(c=>r(c.property).trim()===c.value),l=e==="border"&&!xn(e,n)&&typeof t=="number"&&t>0?es(n):null,d=!l||!["","none"].includes(r(l).trim());return o&&(!i||r("display").trim()===i)&&a&&d}function es(e){let t=bt("border",e);return t==="all"?"border-style":`border-${t}-style`}function Y0(e){return e==="color"?"background-color":e==="border"?"border-top-color":"color"}function ai(e,t,n){let r=bt(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 rt(r)?`text-${r}-${t}`:r==="size"?`text-${t}`:r==="weight"?K0[t]:r==="line-height"?`leading-${t}`:r==="letter-spacing"?`tracking-${t}`:`text-${t}`;if(e==="border"&&rt(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=P0[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 cr(e,t,n="all"){let r=bt(e,n);if(e==="color"||(e==="text"||e==="border")&&rt(r))return sr(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"?`${Fr[t]}px`:r==="weight"?String(t):r==="line-height"?String(Vr[t]):r==="letter-spacing"?`${Qr[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 ts(e,t,n){let r=bt(e,t);return(e==="padding"||e==="margin")&&(r==="x"||r==="y")?[{property:r==="x"?`${e}-right`:`${e}-bottom`,value:cr(e,n??0,r),token:ai(e,n??0,r)}]:[]}function X0(e,t,n){if(t==="text"&&(n==="size"||n==="all"))return String(Fr[e]);if(t==="text"&&n==="line-height"){let r=Vr[e];return String(Number(r.toFixed(1)))}if(t==="text"&&n==="letter-spacing"){let r=Qr[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 ns(e){return e==="stack"?"flex":e==="grid"?"grid":null}var Fr={xs:12,sm:14,base:16,lg:18,xl:20,"2xl":24,"3xl":30,"4xl":36},K0={300:"font-light",400:"font-normal",500:"font-medium",600:"font-semibold",700:"font-bold",800:"font-extrabold"},Vr={none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2},Qr={tighter:-.05,tight:-.025,normal:0,wide:.025,wider:.05,widest:.1};function en(e,t,n){return e.reduce((r,o)=>Math.abs(t(o)-n)<Math.abs(t(r)-n)?o:r)}function ur(e,t){return t.selectors??(t.targetBindingId?[]:[e])}function G0(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(l=>!l.threadId||!l.linkedSelector||l.status==="pending"?!1:n(l.linkedSelector)===o),a=[...new Set(i.map(l=>l.threadId))];if(a.length===1)return{threadId:a[0],targetBindingId:i.find(l=>l.targetBindingId)?.targetBindingId,color:i.find(l=>l.color)?.color,selectorAliases:[...new Set([r[0],...i.map(l=>l.linkedSelector)])]}}function e2(e,t,n,r){let o=[...new Set(e)];return o.length!==1?n:Zr(o[0],t,r)?.color??n}function t2(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Zr(n[0],t);return r?.continuationEligible?r.threadId:void 0}function n2(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Zr(n[0],t);return r?.continuationEligible?r.targetBindingId:void 0}function Zr(e,t,n){for(let[o,i]of t)if(ur(o,i).includes(e))return i;if(!n)return;let r=n(e);if(r){for(let[o,i]of t)if(ur(o,i).some(a=>n(a)===r))return i}}function r2(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 o2(e,t){let n=new Set;for(let[r,o]of e)if(t.has(o.threadId))for(let i of ur(r,o))n.add(i);return n}function i2(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 ur(d,c))a.add(u);let l=new Map(e);for(let d of a){let c=[...l].find(([f,g])=>ur(f,g).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}`;l.set(h,{...u,jobId:t,threadId:p,status:n,label:r,selectors:u?.selectors??[d]})}return l}function a2(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 l2(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 l=n.indexOf(a.threadId);o.set(i,{...a,annotationNumber:a.annotationNumber??(l>=0?l+1:void 0)})}return o}function li(e,t,n){if(t)return e?t.jobId===n?t:void 0:t}var s2=Number.MAX_SAFE_INTEGER;function qr(e){return`${e.pathname??"*"}\0${e.selector}`}function d2(e,t){return`element:${e??"*"}\0${t}`}function si({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?d2(p.pathname,p.selector):`annotation:${u.groupId??u.id}`,f=r.get(h);if(f){f.createdAt=Math.min(f.createdAt,u.timestamp),f.annotationIds.push(u.id);continue}r.set(h,{key:h,createdAt:u.timestamp,stableIndex:o++,annotationIds:[u.id]})}let a=u=>{let p=qr(u),h=`element:${p}`,f=u.createdAt??s2,g=r.get(h);if(g){g.createdAt=Math.min(g.createdAt,f),g.modificationKey=p;return}r.set(h,{key:h,createdAt:f,stableIndex:o++,annotationIds:[],modificationKey:p})};t.forEach(a),n.forEach(a);let l=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(f=>l.set(f,h)),u.modificationKey&&d.set(u.modificationKey,h)}),{annotationNumberById:l,modificationNumberByKey:d,count:c.length}}function rs({state:e,pageAnnotations:t,pageStyleModifications:n,pageTextModifications:r}){let o=ue(()=>Ar(e.annotations),[e.annotations]),i=ue(()=>si({annotations:t.filter(l=>!o.has(l)),styleModifications:n,textModifications:r}),[t,n,r,o]),a=ue(()=>{let l=new Map,d=c=>{let u=i.modificationNumberByKey.get(qr(c));if(u===void 0)return;let p=l.get(c.selector);(p===void 0||u<p)&&l.set(c.selector,u)};return n.forEach(d),r.forEach(d),l},[n,r,i.modificationNumberByKey]);return{supersededAnnotations:o,stagedArtifactOrder:i,annotationGroupMap:i.annotationNumberById,pageModificationNumberBySelector:a}}async function c2(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 os="devtools-active-text";function u2(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 p2(e,t,n){if(e.current)return n;e.current=!0;try{return await t()}finally{e.current=!1}}function f2(e){e.removeItem(os)}function h2(e){return e.key!=="Enter"||!e.metaKey&&!e.ctrlKey?!1:(e.preventDefault(),e.stopPropagation(),!0)}function m2(e){return e?e.originalText!==void 0?e.text!==e.originalText:e.text.trim().length>0||!!e.hasInteractionEpisode:!1}function g2(e){let t=new Map;for(let n of e)n.groupId&&n.threadId&&t.set(n.groupId,n.threadId);return t}function y2(e,t){return e.threadId??(e.groupId?t.get(e.groupId):void 0)}function di(e,t,n=new Set){let r=g2(e);return e.filter(o=>{let i=y2(o,r);return kl(o,t)&&o.status!=="dismissed"&&(!i||!n.has(i))})}function is(e,t,n,r=new Set,o=new Map){let i=new Set;for(let a of di(t,n,r))a.linkedSelector&&i.add(a.linkedSelector);for(let[a,l]of o)if(!r.has(l.threadId))for(let d of l.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 b2({state:e,activeText:t,currentPathname:n,dismissedThreadIds:r,modifiedElementThreadStates:o}){let i=ue(()=>di(e.annotations,n,r),[e.annotations,n,r]),a=ue(()=>is(e.styleModifications,e.annotations,n,r,o),[e.annotations,e.styleModifications,n,r,o]),l=ue(()=>is(e.textModifications,e.annotations,n,r,o),[e.annotations,e.textModifications,n,r,o]),d=ue(()=>{let p=new Set,h=f=>!f.captured&&(!f.pathname||f.pathname===n);for(let f of e.styleModifications)h(f)&&!f.awaitingReview&&p.add(`element:${f.selector}`);for(let f of e.textModifications)h(f)&&p.add(`element:${f.selector}`);for(let f of e.domModifications)h(f)&&p.add(`element:${f.selector}`);for(let f of e.spacingTokenChanges)f.captured||p.add(`spacing:${f.tokenPath}`);for(let f of e.spacingTokenMods)f.captured||p.add(`spacing:${f.tokenPath}`);return p},[n,e.domModifications,e.spacingTokenChanges,e.spacingTokenMods,e.styleModifications,e.textModifications]),c=ue(()=>u2(e.annotations,t,d),[e.annotations,t,d]),u=ue(()=>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:l,pendingBundleCount:c,pendingTextAnnotations:u}}function v2(e,t="host",n){let[r,o]=R(()=>n?.read().selectedId??t),[i,a]=R(null);F(()=>{o(n?.read().selectedId??t),a(null)},[n,t]);let l=oe(u=>{n?.select(u),o(u),a(null)},[n]),d=oe(u=>a(u),[]),c=oe(u=>{a(p=>p===u?null:p)},[]);return F(()=>{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:l,peek:d,leave:c}}function x2({name:e,isOwnPlane:t,color:n,changed:r}){return v("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:dd,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 w2(e,t=[],n=""){let r=new Map;if(!e)return r;let o=Xo(e,t,n),i=Ar(o.annotations),a=o.annotations.filter(d=>!i.has(d)),l=si({...o,annotations:a});for(let d of a){let c=l.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=l.modificationNumberByKey.get(qr(d));c&&u!==void 0&&!r.has(c)&&r.set(c,u)}return r}function C2(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 k2(e,t,n){let r=new Set(t);return e.filter(o=>!r.has(o)&&!n.has(o))}function S2(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 I2(e,t){return new Set(e.filter(n=>n.lastMessageRole==="human"&&!t.has(n.id)).map(n=>n.id))}function M2(e){return new Set(e.flatMap(t=>t.acknowledgedJobIds??[]))}function T2(e){return new Set(e.filter(t=>!t.pendingQuestion).map(t=>t.id))}function E2(e,t){return t?e.some(n=>n.jobId===t&&(n.role==="assistant"||!!n.error||!!n.cancelled)&&!n.queued):!0}function ci(e,t){let n=`${t||"/"}:`;return e.startsWith(n)?e.slice(n.length)||null:e.startsWith("/")?null:e}function L2(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 l=ci(a,t);l&&o.set(l,(o.get(l)??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 l of i.targetBindings??[]){if(l.anchor.type==="opaque"){let c=n?.(l.anchor);if(!c?.length)continue;r.set(l.id,{...a,targetBindingId:l.id,selectors:c,continuationEligible:l.continuationEligible??!1});continue}if(l.anchor.pathname!==t)continue;let d=[l.anchor.runtimeSelector,l.anchor.structuralSelector,...l.anchor.legacySelectors??[]].filter(c=>!!c);r.set(l.id,{...a,targetBindingId:l.id,selectors:d,continuationEligible:l.continuationEligible??!1,...l.anchor.targetFingerprint?{targetFingerprint:l.anchor.targetFingerprint}:{}})}continue}for(let l of i.elementIdentifiers??[]){let d=ci(l,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 A2(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 $2(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 N2(e){return $2(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 R2(e){return e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function as(e){return`${e} image${e>1?"s":""} attached`}function ui(e){return e<=0?0:32+String(e).length*7.2}function ls({imageCount:e,color:t,layered:n=!1}){return e<=0?null:v("div",{"data-devtools":"active-image-attachment-badge",role:"img","aria-label":as(e),title:as(e),style:{position:"relative",flex:"0 0 auto",display:"flex",marginRight:-2,zIndex:2},children:[s("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?Cr:void 0,WebkitMaskImage:n?Cr:void 0},children:s("span",{style:{width:10,height:10,background:t,transform:"rotate(-45deg)"}})}),v("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?mo:void 0,WebkitMaskImage:n?mo:void 0},children:[s(Vd,{size:12,strokeWidth:2,"aria-hidden":!0}),e]})]})}function P2({point:e,scroll:t,attachments:n,showAttachments:r,onRemoveAttachment:o}){return s(Me,{children:r&&n.length>0&&s("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=>v("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 ",R2(i.size)," \xD7"]},i.id))})})}function z2(e){return[...e.tokens.map(t=>t.label),`${e.typed}${e.completion||e.fallback}`].filter(Boolean).join(" ")}function H2({query:e,border:t,background:n,foreground:r,renderIcon:o}){return v("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"?s("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}`):s("span",{"data-popmelt-sticker-query-token":"label",style:{color:r,opacity:.72},children:i.label},`${i.label}-${a}`)),e.typed?s("span",{children:e.typed}):v("span",{style:{display:"inline-flex",alignItems:"center",gap:0,color:r,opacity:.58,fontWeight:500},children:[s("span",{"data-popmelt-sticker-query-caret":!0,style:{width:1,height:11,flexShrink:0,background:r,animation:"popmeltStickerQueryCaret 900ms steps(1, end) infinite"}}),s("span",{children:e.fallback})]}),e.completion&&s("span",{style:{color:r,opacity:.62},children:e.completion}),e.fallback&&e.typed&&v("span",{style:{color:r,opacity:.68},children:["\u2192 ",e.fallback]})]})}var Cn=106,tn=42,nn=24,pi=7.5,ss=10,O2=140,fi=750,Ur=250,ds=200,D2=34,hi=44,cs=(tn-nn)/2,W2=hi+nn,us=10,Wn=8,$e=32,ps=$e+8,fs=(ps-$e)/2,$t=250,hs=400,ms="cubic-bezier(0.16, 1, 0.3, 1)",gs=180,j2=[0,180,240,300],_2=40,B2=80,F2=8;function ys(e,t,n=tn,r=_2,o=Cn){let i=e.left+o,a=e.top+n,l=Math.min(i,t.right)-Math.max(e.left,t.left),d=Math.min(a,t.bottom)-Math.max(e.top,t.top);if(l<=0||d<=0)return 1;let c=Math.min(l,d);return Math.max(0,1-c/r)}function bs(e,t,n,r=tn,o=B2,i=F2,a=Cn){let l=Math.min(Math.max(e.x,n.left),n.right),d=Math.min(Math.max(e.y,n.top),n.bottom),c={x:l-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}],f=Math.max(0,...h.map(y=>(y.x-e.x)*p.x+(y.y-e.y)*p.y)),g=Math.max(o,f+i);return Math.min(1,u/g)}function V2(e,t=pi){return e===null?nn:Math.max(39,18+t*2+Math.ceil(e))}function Q2(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 Z2={padding:"padding",margin:"margin",border:"border",radius:"radius",stack:"stack-vertical",grid:"grid",text:"text-size",color:"palette",transform:"transform-translate",opacity:"opacity"},q2={top:0,right:90,bottom:180,left:270},U2={"top-right":0,"bottom-right":90,"bottom-left":180,"top-left":270};function J2(e,t="all",n){return xn(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:Z2[e],rotation:0}:e==="radius"?{name:"radius-top-right",rotation:U2[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)+(q2[t]??0)}}function Y2({name:e}){switch(e){case"padding":return s("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 s("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 s("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 s("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 s("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 s("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 s("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 s("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 s(Me,{children:s("path",{d:"M4 1.25H8M4 10.75H8M1.25 8V4M10.75 8V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"radius":return s(Me,{children:s("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 v(Me,{children:[s("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"}),s("circle",{cx:"1.252",cy:"1.248",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),s("circle",{cx:"1.252",cy:"6",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),s("circle",{cx:"1.252",cy:"10.752",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"})]});case"gap-y":return v(Me,{children:[s("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"}),s("circle",{cx:"1.248",cy:"10.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"1.248",cy:"1.252",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6",cy:"10.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6",cy:"1.252",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.752",cy:"10.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.752",cy:"1.252",r:"0.748",fill:"currentColor"})]});case"border-top":return v(Me,{children:[s("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"}),s("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6.625",cy:"10.752",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6.625",cy:"1.248",r:"0.748",fill:"currentColor"})]});case"radius-top-right":return v(Me,{children:[s("path",{d:"M8.25 1.25H8.75A2 2 0 0 1 10.75 3.25V3.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),s("circle",{cx:"9.748",cy:"9.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"2.248",cy:"9.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"2.248",cy:"2.248",r:"0.748",fill:"currentColor"})]});case"stack-vertical":case"stack-horizontal":return s("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 v(Me,{children:[s("path",{d:"M1 2H11M2.5 5.25H9.5M4 8.5H8",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("path",{d:"M6 0.75V10.75",stroke:"currentColor",strokeWidth:"0.75",strokeDasharray:"1 2"})]});case"justify":return v(Me,{children:[s("path",{d:"M1 1.5V10.5M11 1.5V10.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("path",{d:"M3 3H9M3 6H9M3 9H9",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})]});case"grid":return s("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 s("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 s("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 pr({family:e,size:t=12,step:n,subproperty:r="all"}){let o=J2(e,r),i=o.name==="text-size"?sc:o.name==="text-weight"?dc:o.name==="text-leading"?cc:o.name==="text-tracking"?uc:o.name==="text-align"?ba:o.name==="palette"?va:o.name==="transform-translate"?pc:o.name==="transform-scale"?fc:o.name==="transform-rotate"?hc:o.name==="opacity"?mc:o.name==="mix-blend"?gc:null;return i?s(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`}}):s("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:s(Y2,{name:o.name})})}function X2(e,t){let n=(ut.indexOf(e)+t%ut.length+ut.length)%ut.length;return ut[n]}function K2(e,t){let n=ut.indexOf(e),r=(ut.indexOf(t)-n+ut.length)%ut.length;return r<=ut.length/2?r:r-ut.length}function G2(e,t,n,r="all"){let o=wn(e,r),i=(o.indexOf(t)+n%o.length+o.length)%o.length;return o[i]}function ef(e,t,n,r="all"){let o=wn(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 mi({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 v("div",{style:{position:"relative",width:96,height:32,overflow:"hidden"},children:[r&&s("span",{"aria-hidden":"true",style:{position:"absolute",left:$e,top:0,width:$e,height:$e,borderRadius:$e/2,background:t.control}}),s("div",{"data-popmelt-sticker-rail":!0,style:{position:"absolute",inset:0,transform:`translateX(${-e*$e}px)`,transition:`transform ${$t}ms ease`,willChange:"transform"},children:a.map(l=>{let d=l===e;return s("span",{style:{position:"absolute",left:$e+l*$e,top:0,width:$e,height:$e,display:"flex",alignItems:"center",justifyContent:"center",color:d?o??t.primary:t.mutedStrong,transition:i?"none":`color ${hs}ms ${ms}`},children:n(l,d)},l)})})]})}function tf({family:e,colors:t,showControl:n=!0,activeColor:r,snapActiveColor:o}){let i=$(e),a=$(e),[l,d]=R(0);return qe(()=>{if(a.current===e)return;let c=K2(a.current,e);a.current=e,d(u=>u+c)},[e]),s(mi,{offset:l,colors:t,showControl:n,activeColor:r,snapActiveColor:o,renderItem:(c,u)=>{let p=X2(i.current,c);return s(pr,{family:p,subproperty:"all",size:u?14:12})}})}function nf({color:e,colors:t,showControl:n=!0}){let r=$(e),o=$(e),[i,a]=R(0);return qe(()=>{if(o.current===e)return;let l=S0(o.current,e);o.current=e,a(d=>d+l)},[e]),s(mi,{offset:i,colors:t,showControl:n,renderItem:(l,d)=>{let c=k0(r.current,l),u=d?14:12;return s("span",{"aria-label":c,"data-popmelt-sticker-color":c,style:{width:u,height:u,borderRadius:"50%",background:sr(c,ri),boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 0.08)",transition:`width ${$t}ms ease, height ${$t}ms ease`}})}})}function rf({name:e,size:t}){let n=e==="align-start"?xc:e==="align-center"?wc:e==="align-end"?Cc:e==="align-stretch"?kc:e==="justify-start"?Sc:e==="justify-center"?Ic:e==="justify-end"?Mc:e==="justify-between"?Tc:e==="justify-around"?Ec:e==="text-align-left"?ba:e==="text-align-center"?Lc:e==="text-align-right"?Ac:e==="text-align-justify"?$c:null;return n?s(n,{"aria-hidden":"true","data-popmelt-sticker-step-icon":e,width:t,height:t,strokeWidth:2.25,style:{display:"block"}}):s("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"?v(Me,{children:[s("path",{d:"M1.5 10.5H12.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("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"})]}):v(Me,{children:[s("path",{d:"M1.5 2V12M12.5 2V12",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("rect",{x:"3.25",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),s("rect",{x:"8.75",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),s("circle",{cx:"7",cy:"7",r:"0.75",fill:"currentColor"})]})})}function of({family:e,step:t,subproperty:n,colors:r,showControl:o=!0,unavailable:i=!1,activeColor:a,snapActiveColor:l=!1}){let d=$(t),c=$(t),[u,p]=R(0);return F(()=>{if(c.current===t)return;let h=ef(e,c.current,t,n);c.current=t,p(f=>f+h)},[e,t,n]),s(mi,{offset:u,colors:r,showControl:o,activeColor:a??(i?r.muted:r.primary),snapActiveColor:l,renderItem:(h,f)=>{let g=G2(e,d.current,h,n),y=Q2(e,n,g);return s("span",{"data-popmelt-sticker-step-unavailable":f&&i?"true":void 0,style:{alignItems:"center",display:"flex",fontSize:f?14:12,justifyContent:"center",transition:`font-size ${$t}ms ease`},children:y?s(rf,{name:y,size:f?14:12}):X0(g,e,n)})}})}function af(e,t="padding",n="all"){return xn(t,n)?e==="family"?{family:0,variant:-$e,value:-$e*2}:e==="variant"?{family:$e,variant:0,value:-$e}:{family:$e*2,variant:$e,value:0}:e==="family"?{family:0,variant:-$e*2,value:-$e}:{family:$e,variant:-$e,value:0}}function lf(e){return e==="family"?0:hi-cs}function vs(e){return e==="family"?$e/nn:1}function sf(e){return e==="family"?14/(12*vs(e)):1}function df(e,t,n){return`${e}:${t}:${n}`}function cf(e,t,n="all"){return t==="value"||xn(e,n)&&t==="variant"}function uf(e,t){let n=Br(e),r=ii(e,t);return r===n?n:`${n} ${r}`}function pf(e,t,n){return rt(n)?e==="color"?t!=="family":(e==="text"||e==="border")&&t==="value":!1}function ff({family:e,step:t,subproperty:n,stage:r,accentColor:o,applyPulse:i=0,snapPulse:a=0,stepUnavailable:l=!1,colors:d}){let c=af(r,e,n),u=$(r),p=$(i),h=$(a),[f,g]=R(!1),y=h.current!==a;qe(()=>{h.current=a},[a]),qe(()=>{let k=u.current!==r&&r!=="family",w=r==="value"&&p.current!==i;if(u.current=r,p.current=i,!k&&!w)return;g(!0);let E=window.requestAnimationFrame(()=>g(!1));return()=>window.cancelAnimationFrame(E)},[i,r]);let C=k=>({position:"absolute",left:0,right:0,top:fs,height:$e,transform:`translateY(${k}px)`,transition:y?"none":`transform ${$t}ms ease`,willChange:"transform"});return v("div",{"data-popmelt-sticker-depth-rail":r,style:{position:"relative",width:96,height:ps,marginBlock:-4,overflow:"hidden",zIndex:2},children:[s("span",{"aria-hidden":"true","data-popmelt-sticker-depth-control":!0,style:{position:"absolute",left:$e,top:fs,width:$e,height:$e,borderRadius:$e/2,background:f?o:d.control,transition:f?"none":`background ${hs}ms ${ms}`}}),s("div",{"aria-hidden":r!=="family","data-popmelt-sticker-depth-row":"family",style:C(c.family),children:s(tf,{family:e,colors:d,showControl:!1,activeColor:f?d.surface:d.primary,snapActiveColor:f})}),s("div",{"aria-hidden":r!=="variant","data-popmelt-sticker-depth-row":"variant",style:C(c.variant),children:xn(e,n)&&rt(n)&&s(nf,{color:n,colors:d,showControl:!1})}),s("div",{"aria-hidden":r!=="value","data-popmelt-sticker-depth-row":"value",style:C(c.value),children:s(of,{family:e,step:t,subproperty:n,colors:d,showControl:!1,unavailable:l,activeColor:f?d.surface:void 0,snapActiveColor:f},df(r,e,n))})]})}function xs(e,t,n=tn,r=Cn){let o=e.x+us,i=e.y+us;return{left:Math.min(Math.max(Wn,o),Math.max(Wn,t.width-r-Wn)),top:Math.min(Math.max(Wn,i),Math.max(Wn,t.height-n-Wn))}}function ws(e,t,n){return n?0:Math.min(e,t)}function hf({cursor:e,family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a=0,contextLabelPulse:l=0,depthSnapPulse:d=0,rejectPulse:c=0,stepUnavailable:u=!1,query:p=null,toolbarElement:h,threadElement:f,annotationRailHovered:g=!1}){let[y]=ho(),C=Ie[y],k=`color-mix(in srgb, ${C.actionForeground} 16%, ${C.actionSurface})`,w=Z0(t,r),E=$(t),M=$(o),S=$(r),T=$(o),N=$(a),H=$(l),P=$(c),L=$(null),j=$(!1),Z=$(!1),ae=$(0),pe=$(0),le=$(0),J=$(0),[ye,G]=R(null),[be,Ee]=R(!1),[X,xe]=R(!1),[A,I]=R(!1),[W,_]=R(null),[O,ee]=R(!1),[we,te]=R(0),[Je,q]=R(!1),[He,re]=R(!1);qe(()=>{if(P.current===c)return;P.current=c,re(!1);let We=window.requestAnimationFrame(()=>re(!0)),Pe=window.setTimeout(()=>re(!1),240);return()=>{window.cancelAnimationFrame(We),window.clearTimeout(Pe)}},[c]),qe(()=>{let We=T.current!==o&&o!=="family",Pe=o==="value"&&N.current!==a;if(T.current=o,N.current=a,!We&&!Pe)return;q(!0);let Vt=window.requestAnimationFrame(()=>q(!1));return()=>window.cancelAnimationFrame(Vt)},[a,o]),qe(()=>{let We=M.current!=="family"&&o==="family";M.current=o;let Pe=(Nt=!1)=>{ae.current&&window.cancelAnimationFrame(ae.current),Nt||window.clearTimeout(pe.current),window.clearTimeout(le.current),window.clearTimeout(J.current),ae.current=0,Nt||(pe.current=0),le.current=0,J.current=0},Vt=Nt=>{let Ae=ds;le.current=window.setTimeout(()=>{xe(Nt),Z.current=!1,Ee(!1)},fi),J.current=window.setTimeout(()=>{j.current=!1,G(null)},fi+Ae+D2)};if(o!=="family"){if(Pe(),E.current=t,!j.current)return;xe(!0),Z.current=!1,Ee(!1),J.current=window.setTimeout(()=>{j.current=!1,G(null)},Ur);return}if(!(E.current===t&&!We)){if(E.current=t,j.current=!0,G(t),We){Pe(),xe(!1),I(!0),Z.current=!0,Ee(!0),pe.current=window.setTimeout(()=>{pe.current=0,I(!1)},Ur),Vt(!1);return}pe.current||(Pe(!0),I(!1),xe(!1),Z.current||(Z.current=!0,Ee(!0)),Vt(!1))}},[t,o]),F(()=>()=>{window.cancelAnimationFrame(ae.current),window.clearTimeout(pe.current),window.clearTimeout(le.current),window.clearTimeout(J.current)},[]),F(()=>{let We=H.current!==l;if(H.current=l,!cf(t,o,r)){_(null),ee(!1),S.current=r;return}if(E.current!==t){S.current=r,_(null),ee(!1);return}if(S.current===r&&!We)return;S.current=r,ee(We),_(We?uf(t,r):ii(t,r));let Pe=window.setTimeout(()=>{_(null),ee(!1)},fi);return()=>window.clearTimeout(Pe)},[l,t,o,r]),qe(()=>{if(!W||!L.current){te(0);return}te(L.current.scrollWidth)},[W]);let Le=V2(W?we:null,O?ss:pi),me=O?ss:pi,Ce=W?0:O2,fe=p||o!=="family"||ye?W2:tn,st=ue(()=>xs(e,{width:typeof window>"u"?Cn:window.innerWidth,height:typeof window>"u"?tn:window.innerHeight},fe),[fe,e]),Mt=h?ys(st,h.getBoundingClientRect(),fe):1,Ht=f?bs(e,st,f.getBoundingClientRect(),fe):1,ge=ws(Mt,Ht,g),Ne={position:"fixed",left:st.left,top:st.top,width:Cn,height:tn,display:"flex",alignItems:"center",justifyContent:"center",gap:1,boxSizing:"border-box",padding:4,border:`1px solid ${C.border}`,borderRadius:22,background:C.surface,color:C.primary,fontFamily:St,fontSize:12,fontWeight:600,lineHeight:1,pointerEvents:"none",overflow:"visible",opacity:ge,transform:`scale(${ge})`,transformOrigin:`${e.x-st.left}px ${e.y-st.top}px`,visibility:ge===0?"hidden":"visible",animation:He?"popmeltStickerReject 220ms ease-out":void 0,zIndex:2147483647,colorScheme:y},dt=p?z2(p):"";return v("div",{role:"status","aria-label":p?`Sticker search: ${dt||"search tokens"}`:`Sticker ${o}: ${o==="family"?t:o==="variant"?w:`${n} ${w}`}`,"data-popmelt-sticker-hud":!0,"aria-hidden":g||void 0,style:Ne,children:[s("style",{children:`@keyframes popmeltStickerReject {
255
+ `).map((x,z)=>s("p",{style:{margin:0,marginTop:z>0?8:0},children:x},z))}),B==="provider"?v("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[v("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[s("span",{style:{color:"#6b7280",fontSize:11},children:"Model"}),s(Jo,{value:String(g),options:k.map((x,z)=>({value:String(z),label:x.label})),onChange:x=>E?.(Number(x)),disabled:!E||k.length===0})]}),Ei.length>0&&v("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[s("span",{style:{color:"#6b7280",fontSize:11},children:"Thinking"}),s(Jo,{value:w.reasoningEffort??"",onChange:x=>M?.({...w,reasoningEffort:x||void 0}),disabled:!M,options:[{value:"",label:"Inherit"},...Ei.map(x=>({value:x.effort,label:`${x.effort.charAt(0).toUpperCase()}${x.effort.slice(1)}${x.effort===oo?.defaultReasoningLevel?" (model default)":""}`}))]})]}),Li.length>0&&v("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[s("span",{style:{color:"#6b7280",fontSize:11},children:"Speed"}),s(Jo,{value:w.serviceTier??"",onChange:x=>M?.({...w,serviceTier:x||void 0}),disabled:!M,options:[{value:"",label:"Inherit"},{value:"default",label:"Standard"},...Li.map(x=>({value:x.id,label:x.label}))]})]})]}):m.usage.map((x,z)=>v("div",{style:{display:"flex",gap:6,marginBottom:3,lineHeight:1.4},children:[s("span",{style:{color:"#9ca3af",flexShrink:0},children:"\u2013"}),s("span",{children:x})]},z)),B==="collapse"&&Je&&v("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:10,paddingTop:8},children:[s("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:6,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Position"}),s("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:3,width:"fit-content"},children:nu.map(x=>{let z=x===te;return s("button",{type:"button",onClick:()=>{se(null),Lt.current=!1,ct(),Je(x)},title:x,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:ie=>{z||(ie.currentTarget.style.backgroundColor="rgba(0,0,0,0.15)")},onMouseLeave:ie=>{z||(ie.currentTarget.style.backgroundColor="rgba(0,0,0,0.08)")}},x)})})]}),B==="collapse"&&(()=>{let x=Object.entries(le??{}),z=x.filter(([,U])=>U.found&&!U.disabled).map(([U])=>U.charAt(0).toUpperCase()+U.slice(1)),ie=x.filter(([,U])=>!U.found).map(([U])=>U);if(!J&&!j&&z.length===0&&ie.length===0)return null;let D=ie.map(U=>U.charAt(0).toUpperCase()+U.slice(1)),Y=[...z,...D];return v("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:10,paddingTop:8,display:"flex",alignItems:"center",gap:6,fontSize:11},children:[(j||J)&&s("button",{type:"button",onClick:()=>{Jt||(j?j():Vi(J))},disabled:Jt,title:uo,"aria-label":rd??"Restart bridge",style:{display:"flex",alignItems:"center",justifyContent:"center",width:22,height:22,border:"none",borderRadius:0,backgroundColor:Jn||A!=="idle"?"rgba(0,0,0,0.07)":"rgba(0,0,0,0.04)",color:nd,cursor:Jt?"default":"pointer",padding:0,opacity:Jt?.55:1,flexShrink:0},children:A==="ok"?s(Gn,{size:14,strokeWidth:1.8}):s(Io,{size:13,strokeWidth:1.7,style:{animation:A==="restarting"?"spin 0.8s linear infinite":void 0}})}),z.length>0?v("span",{style:{color:"#6b7280"},children:["Available in ",Y.join(", ")]}):ie.length>0?v("span",{style:{color:"#6b7280"},children:["Available in ",D.join(", ")]}):null]})})(),m.keys.length>1&&s("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8,display:"flex",flexDirection:"column",gap:4},children:m.keys.slice(1).map((x,z)=>v("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:x.accent?"#fff":"#6b7280"},children:[s("code",{style:{fontSize:10,backgroundColor:x.accent?t.activeColor:"rgba(0,0,0,0.06)",color:x.accent?"#fff":void 0,padding:"1px 4px",whiteSpace:"nowrap"},children:x.key}),s("span",{style:{color:x.accent?t.activeColor:void 0,fontWeight:x.accent?600:void 0},children:x.desc})]},z))}),B==="counter"&&Ke.length>0&&(()=>{let x=s("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:s("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Active"})}),z=new Map;for(let Y of Ke){let U=Y.pathname||At;z.has(U)||z.set(U,[]),z.get(U).push(Y)}let ie=[...z.entries()],D=ie.length>1;return v("div",{children:[x,s("div",{style:{maxHeight:200,overflowY:"auto"},children:ie.map(([Y,U])=>s("div",{style:{marginBottom:D?4:0},children:U.map(ve=>{let nt=ve.annotations.find(Ge=>Ge.type==="text"&&Ge.text)?.text||`[${ve.annotations[0]?.type??"annotation"}]`,ce=t.selectedAnnotationIds.includes(ve.id),at=Ke.indexOf(ve)+1,gt=ve.annotations[0]?.color??t.activeColor;return v("div",{onClick:()=>{if(L?.({groupId:ve.id,annotationIds:ve.annotations.map(Ge=>Ge.id)}),!(!ve.pathname||ve.pathname===At)){sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:ve.id,pathname:ve.pathname})),window.location.href=ve.pathname;return}if(n({type:"SELECT_ANNOTATION",payload:{id:ve.id}}),T){let Ge=ve.annotations.find(ft=>ft.threadId)?.threadId;Ge&&T(Ge)}Lt.current=!1,se(null)},style:{display:"flex",alignItems:"baseline",gap:4,padding:"2px 0",cursor:"pointer"},onMouseEnter:Ge=>{let ft=Ge.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor=gt,ft.style.color="#fff")},onMouseLeave:Ge=>{if(ce)return;let ft=Ge.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor="rgba(0,0,0,0.06)",ft.style.color="#6b7280")},children:[v("code",{"data-route-badge":!0,style:{fontSize:10,color:ce?"#fff":"#6b7280",backgroundColor:ce?gt:"rgba(0,0,0,0.06)",padding:"1px 4px",flexShrink:0,whiteSpace:"nowrap"},children:[at,". ",D?Y:""]}),s("span",{style:{fontSize:11,color:ce?"#1f2937":"#6b7280",fontWeight:ce?600:400,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:nt})]},ve.id)})},Y))})]})})(),B==="counter"&&(()=>{let x=new Set(Ke.flatMap(D=>D.annotations.map(Y=>Y.threadId).filter(Boolean))),z=Zs.filter(D=>!x.has(D.id));if(z.length===0)return null;let ie=D=>{let Y=Math.floor((Date.now()-D)/1e3);if(Y<60)return"now";let U=Math.floor(Y/60);if(U<60)return`${U}m`;let ve=Math.floor(U/60);return ve<24?`${ve}h`:`${Math.floor(ve/24)}d`};return v("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:[s("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Recent"}),z.map(D=>v("div",{onClick:()=>{let Y=D.elementIdentifiers[0];if(Y){let U=Y.indexOf(":"),ve=U>0&&Y[0]==="/",nt=ve?Y.slice(0,U):void 0,ce=ve?Y.slice(U+1):Y;if(!(!nt||nt===At)){sessionStorage.setItem("popmelt-pending-thread",JSON.stringify({threadId:D.id,selector:ce,preview:D.preview})),window.location.href=nt;return}try{let at=document.querySelector(ce);if(at){let gt=at.getBoundingClientRect(),Ge=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:Ge,point:{x:gt.left+gt.width,y:gt.top},text:D.preview,linkedSelector:ce,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[Ge],threadId:D.id}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[Ge],status:"resolved"}})}}catch{}}T&&T(D.id),Lt.current=!1,se(null)},style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",gap:8,padding:"2px 0",cursor:"pointer",color:"#6b7280",fontSize:11},onMouseEnter:Y=>{Y.currentTarget.style.color="#1f2937"},onMouseLeave:Y=>{Y.currentTarget.style.color="#6b7280"},children:[s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:D.preview}),s("span",{style:{flexShrink:0,fontSize:10,color:"#9ca3af"},children:ie(D.createdAt)})]},D.id))]})})()]})})(),v(Eo,{toolbarRef:we,theme:Pe,expanded:!0,width:td,snapPosition:te,viewport:ge,"data-popmelt-theme-preference":Nt,style:{zIndex:Fe?10004:9999},onMouseEnter:()=>{_?.(),O?.("toolbar",!0)},onMouseLeave:()=>O?.("toolbar",!1),onPointerLeave:m=>{kt(m.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&he(De)},onMouseMove:Us,children:[v("div",{ref:kn,onMouseEnter:()=>{O?.("tool-trigger",!0),K("tool-menu")},onMouseLeave:()=>{O?.("tool-trigger",!1),ae||he("tool-menu")},style:{position:"relative",width:46,height:32,flexShrink:0},children:[s(su,{theme:Pe,icon:s(od,{size:16,strokeWidth:1.75}),primaryLabel:cn.type==="inspector"?"Cycle annotations":cn.label,primaryCursor:cn.type==="inspector"&&Ke.length>0,dotColor:cn.type==="inspector"&&co?co.annotations[0]?.color??t.activeColor:void 0,menuOpen:Te,onPrimary:()=>{cn.type==="inspector"&&(qt(),_i())},onMenu:()=>{Te?qt():Qs()}}),ee!=="job-stack"&&Fe&&s("div",{style:{position:"absolute",...id?{top:"100%",paddingTop:12}:{bottom:"100%",paddingBottom:12},right:ld,width:ad,boxSizing:"content-box",background:"transparent",zIndex:10003,pointerEvents:"auto"},children:s("div",{role:"menu","data-popmelt-font":"sans",style:{width:"100%",padding:4,border:`1px solid ${Ae.border}`,borderRadius:20,background:Ae.surface,boxSizing:"border-box",fontFamily:Ml,opacity:Te?1:0,pointerEvents:"auto",transition:Te||ae?"none":`opacity ${It}ms ease`},children:po.map(({type:m,label:x,shortcut:z,Icon:ie})=>{let D=m===cn.type,Y=D||on===m;return v("button",{"data-popmelt-tool-menu-item":!0,type:"button",role:"menuitemradio","aria-checked":D,onClick:()=>{io(m),qt()},onMouseEnter:U=>{an(m),U.currentTarget.style.color=Ae.primary},onMouseLeave:U=>{an(null),U.currentTarget.style.color=D?Ae.primary:Ae.mutedStrong},style:{width:"100%",height:D?32:30,display:"flex",alignItems:"center",gap:D?8:6,padding:"0 10px",border:0,borderRadius:16,background:D?Ae.control:"transparent",color:D?Ae.primary:Ae.mutedStrong,cursor:"pointer",fontFamily:Ml,fontSize:14,textAlign:"left",transition:"background-color 120ms ease, color 120ms ease"},children:[s(ie,{size:14,strokeWidth:1.75}),s("span",{children:x}),s("code",{"aria-hidden":"true",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:18,height:18,marginLeft:"auto",boxSizing:"border-box",borderRadius:6,background:Y?`color-mix(in srgb, ${Ae.control} 60%, ${Ae.muted} 40%)`:Ae.control,color:Y?Ae.primary:Ae.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})]},m)})})})]}),q&&(q.peers.length>0||!!q.admissionRequests?.length)&&v("div",{ref:ht,"data-devtools":"peer-controls",style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},onPointerEnter:()=>{(De?.startsWith("peer:")||De?.startsWith("admission:"))&&ne(De)},onPointerLeave:m=>{kt(m.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&he(De)},children:[s(wu,{...q,theme:Pe,detailsPeerId:Ve,detailsId:Re,onDetailsEnter:m=>{ct(),ne(`peer:${m}`)},onDetailsLeave:(m,x)=>{kt(x)||he(`peer:${m}`)},onDetailsDismiss:m=>V(`peer:${m}`)}),!!q.admissionRequests?.length&&s("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((m,x,z)=>s("li",{style:{display:"flex",position:"relative",zIndex:z.length-x,marginRight:x===z.length-1?0:-4.5},children:s(Lu,{request:m,selected:_e===m.id,dimmed:de!==null&&de!==m.id&&z.some(ie=>ie.id===de),onHoverChange:ie=>Qe(D=>ie?m.id:D===m.id?null:D),detailsId:Re,theme:Pe,onDetailsEnter:()=>{ct(),ne(`admission:${m.id}`)},onDetailsLeave:ie=>{kt(ie)||he(`admission:${m.id}`)},onDetailsDismiss:()=>V(`admission:${m.id}`),onClick:()=>{ne(`admission:${m.id}`),Dt(!1)}})},m.id))})]}),v("div",{className:"legacy-toolbar-controls",style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[(Ke.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(m=>!m.captured).length>0)&&(()=>{let m=co,x=t.annotations.length>0&&t.annotations.every(D=>D.status&&D.status!=="pending"),z=En!==null?m?.annotations.some(D=>D.status&&D.status!=="pending")??!1:x,ie=Yt(lo);return s("span",{onMouseEnter:()=>ro("counter"),onMouseLeave:vr,children:s("button",{ref:Hi,type:"button",onClick:()=>{if(xr.current){xr.current=!1;return}_i()},onMouseDown:Gs,onMouseUp:Di,onMouseLeave:Di,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&&En===null?"#999999":ie,cursor:"pointer",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:11,fontWeight:600,color:"#ffffff",transition:"background 150ms ease"},children:(()=>{let D=Ke.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(U=>!U.captured).length;if(En!==null)return v(Me,{children:[En+1,v("span",{style:{opacity:.4,display:"flex",gap:4},children:[s("span",{children:"/"}),s("span",{children:D})]})]});let Y=ed.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(U=>!U.captured).length;return D>Y?v(Me,{children:[Y,v("span",{style:{opacity:.4,display:"flex",gap:4},children:[s("span",{children:"/"}),s("span",{children:D})]})]}):D})()})})})(),(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&s("span",{onMouseEnter:()=>ro("clear"),onMouseLeave:vr,children:s(xl,{siblingActive:t.isAnnotating,onClick:ao,title:"Clear all (\u2318\u232B)",children:s(Fd,{size:17,strokeWidth:1.5})})}),h&&v(Me,{children:[s("div",{style:{width:1,height:20,backgroundColor:"rgba(0, 0, 0, 0.05)",margin:"0 2px"}}),s("span",{onMouseEnter:()=>ro("provider"),onMouseLeave:vr,style:{display:"contents"},children:v("div",{style:{display:"flex",alignItems:"center",gap:0},children:[s(xl,{onClick:()=>h(Ys),children:s(ar,{provider:p})}),v("button",{type:"button",onClick:()=>{let m=(g+1)%y;E?.(m)},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:[s("span",{children:C}),s("span",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:Xs.map(m=>s("div",{style:{width:m.overflow?2:3,height:m.overflow?2:3,borderRadius:"50%",backgroundColor:m.active?Bt.iconDefault:"rgba(0,0,0,0.2)",opacity:m.overflow?.65:1,transition:"background-color 150ms ease, opacity 150ms ease"}},m.key))})]})]})})]}),s("div",{ref:Fi,style:{display:"inline-flex",cursor:"pointer"},children:s(Lo,{expanded:!0,active:!!l,color:Bi,onSettlingChange:Mt,onClick:Ks,onFocus:()=>{O?.("popmelt-trigger",!0),c?.(!0),ne("popmelt-guide")},onBlur:m=>{let x=m.relatedTarget;x instanceof Node&&Ze.current?.contains(x)||(O?.("popmelt-trigger",!1),c?.(!1),he("popmelt-guide"))}})})]})]})]},"expanded-toolbar-surfaces")]}):s($a,{theme:Pe,snapPosition:te,viewport:ge,toolbarRef:we,"data-popmelt-theme-preference":Nt,active:!!l,busy:Ht,color:Bi,onSettlingChange:Mt,onMouseEnter:_,onCrosshairHover:c,onOpen:()=>{dt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})}})}var Tl=Sr(null),u1=()=>()=>{},El=()=>null;function Yo(){return Math.random().toString(36).substring(2,9)}function Dr(e){return e.status?e:e.captured?{...e,status:"in_flight"}:{...e,status:"pending"}}function Ue(e){return{...e,undoStack:[...e.undoStack,{annotations:e.annotations,styleModifications:e.styleModifications,textModifications:e.textModifications,domModifications:e.domModifications,spacingTokenChanges:e.spacingTokenChanges,spacingTokenMods:e.spacingTokenMods}],redoStack:[]}}function p1(e,t){return{...e,isAnnotating:t}}function f1(e,t){return{...e,activeTool:t}}function h1(e,t){return{...e,activeColor:t}}function m1(e,t){return{...e,strokeWidth:t}}function g1(e,t){let n={id:t.id??Yo(),type:"text",points:[t.point],text:t.text,fontSize:t.fontSize||12,color:e.activeColor,strokeWidth:e.strokeWidth,timestamp:Date.now(),status:"pending",pathname:typeof window<"u"?window.location.pathname:"/",groupId:t.groupId,linkedSelector:t.linkedSelector,target:t.target,linkedAnchor:t.linkedAnchor,elements:t.elements,...t.imageCount?{imageCount:t.imageCount}:{},...t.attachments?.length?{attachments:t.attachments}:{},...t.interactionEpisode?{interactionEpisode:t.interactionEpisode}:{}};return{...t.groupId?e:Ue(e),annotations:[...e.annotations,n]}}function y1(e,t){return{...Ue(e),annotations:e.annotations.map(n=>n.id===t.id?{...n,text:t.text,...t.imageCount!=null?{imageCount:t.imageCount}:{},...t.attachments?{attachments:t.attachments}:{},...t.interactionEpisode?{interactionEpisode:t.interactionEpisode}:{}}:n)}}function b1(e,t){return{...e,annotations:e.annotations.map(n=>n.id===t.id?{...n,fontSize:Math.max(12,Math.min(72,t.fontSize))}:n)}}function v1(e,t){return{...Ue(e),annotations:e.annotations.map(n=>{if(n.id!==t.id)return n;let r=n.interactionEpisode?.frames?.length??0,{interactionEpisode:o,...i}=n;if(r===0)return i;let a=Math.max(0,(n.imageCount??0)-r);if(a===0){let{imageCount:l,...d}=i;return d}return{...i,imageCount:a}})}}function x1(e,t){let n=Ue(e),r=e.annotations.find(i=>i.id===t.id)?.groupId,o=new Set(e.annotations.filter(i=>i.id===t.id||r&&i.groupId===r).map(i=>i.id));return{...n,annotations:e.annotations.filter(i=>i.id!==t.id&&!(r&&i.groupId===r)),selectedAnnotationIds:e.selectedAnnotationIds.filter(i=>!o.has(i)),lastSelectedId:e.lastSelectedId&&o.has(e.lastSelectedId)?null:e.lastSelectedId}}function w1(e,t){let n=t.saveUndo?Ue(e):e,r=e.annotations.find(o=>o.id===t.id)?.groupId;return{...n,annotations:e.annotations.map(o=>{if(!(o.id===t.id||r&&o.groupId===r))return o;let i=t.delta.x,a=t.delta.y;return{...o,points:o.points.map(l=>({x:l.x+i,y:l.y+a}))}})}}function C1(e,t){let n=t.saveUndo?Ue(e):e,r=e.annotations.find(a=>a.id===t.id);if(!r||r.type==="text"||r.points.length<2)return e;let o=0,i=0;if(r.type==="rectangle"&&r.groupId){let a=t.points,l=Math.min(a[0].x,a[1].x),d=Math.max(a[0].y,a[1].y),c=r.points[0],u=r.points[r.points.length-1],p=Math.min(c.x,u.x),h=Math.max(c.y,u.y);o=l-p,i=d-h}return{...n,annotations:e.annotations.map(a=>a.id===t.id?{...a,points:t.points}:r.groupId&&a.groupId===r.groupId&&a.type==="text"?{...a,points:a.points.map(l=>({x:l.x+o,y:l.y+i}))}:a)}}function k1(e,t){return{...Ue(e),annotations:[...e.annotations,...t.annotations.map(Dr)]}}function S1(e,t){let n=new Set,r=[];for(let o of t.annotations)n.has(o.id)||(n.add(o.id),r.push(Dr(o)));return{...e,annotations:r}}function I1(e,t){let n=new Map(e.annotations.map(o=>[o.id,o])),r=t.annotations.map(o=>{let i=Dr(o),a=n.get(i.id);return!a||!i.linkedSelector||a.linkedSelector!==i.linkedSelector?i:{...i,points:a.points,linkedAnchor:a.linkedAnchor}});return{...e,annotations:r}}function M1(e,t){let n=new Set(e.annotations.map(o=>o.id)),r=t.annotations.filter(o=>!n.has(o.id)).map(Dr);return r.length>0?{...e,annotations:[...e.annotations,...r]}:e}function T1(e){if(e.undoStack.length===0)return e;let t=e.undoStack[e.undoStack.length-1];return{...e,annotations:t?.annotations||[],styleModifications:t?.styleModifications||[],textModifications:t?.textModifications||[],domModifications:t?.domModifications||[],spacingTokenChanges:t?.spacingTokenChanges||[],spacingTokenMods:t?.spacingTokenMods||[],undoStack:e.undoStack.slice(0,-1),redoStack:[...e.redoStack,{annotations:e.annotations,styleModifications:e.styleModifications,textModifications:e.textModifications,domModifications:e.domModifications,spacingTokenChanges:e.spacingTokenChanges,spacingTokenMods:e.spacingTokenMods}]}}function E1(e){if(e.redoStack.length===0)return e;let t=e.redoStack[e.redoStack.length-1];return{...e,annotations:t?.annotations||[],styleModifications:t?.styleModifications||[],textModifications:t?.textModifications||[],domModifications:t?.domModifications||[],spacingTokenChanges:t?.spacingTokenChanges||[],spacingTokenMods:t?.spacingTokenMods||[],redoStack:e.redoStack.slice(0,-1),undoStack:[...e.undoStack,{annotations:e.annotations,styleModifications:e.styleModifications,textModifications:e.textModifications,domModifications:e.domModifications,spacingTokenChanges:e.spacingTokenChanges,spacingTokenMods:e.spacingTokenMods}]}}function L1(e,t){let{id:n,addToSelection:r}=t;if(n===null)return{...e,selectedAnnotationIds:[],lastSelectedId:null};if(r)if(e.selectedAnnotationIds.includes(n)){let o=e.selectedAnnotationIds.filter(i=>i!==n);return{...e,selectedAnnotationIds:o,lastSelectedId:o.length>0?o[o.length-1]:null}}else return{...e,selectedAnnotationIds:[...e.selectedAnnotationIds,n],lastSelectedId:n};return{...e,selectedAnnotationIds:[n],lastSelectedId:n}}function A1(e,t){let n=e.annotations.find(o=>o.id===t.id)?.groupId,r=new Set;for(let o of e.selectedAnnotationIds){let i=e.annotations.find(a=>a.id===o);i?.groupId&&r.add(i.groupId)}return{...e,annotations:e.annotations.map(o=>o.id===t.id||e.selectedAnnotationIds.includes(o.id)||o.groupId&&(o.groupId===n||r.has(o.groupId))?{...o,color:t.color}:o)}}function $1(e,t){let n=typeof window<"u"?window.location.pathname:"/",r=t?new Set(t):void 0;return{...e,annotations:e.annotations.map(o=>r&&!r.has(o.id)?o:{...o,captured:!0,status:o.status==="pending"||o.status==="sending"||!o.status?"in_flight":o.status}),styleModifications:e.styleModifications.map(o=>!o.pathname||o.pathname===n?{...o,captured:!0}:o),textModifications:e.textModifications.map(o=>!o.pathname||o.pathname===n?{...o,captured:!0}:o),domModifications:e.domModifications.map(o=>!o.pathname||o.pathname===n?{...o,captured:!0}:o),spacingTokenChanges:e.spacingTokenChanges.map(o=>({...o,captured:!0})),spacingTokenMods:e.spacingTokenMods.map(o=>({...o,captured:!0}))}}function N1(e){return e.annotations.some(t=>(t.status??"pending")==="pending")||e.styleModifications.some(t=>!t.captured)||e.textModifications.some(t=>!t.captured)||e.domModifications.some(t=>!t.captured)||e.spacingTokenChanges.some(t=>!t.captured)||e.spacingTokenMods.some(t=>!t.captured)?{...Ue(e),annotations:e.annotations.filter(t=>(t.status??"pending")!=="pending"),styleModifications:e.styleModifications.filter(t=>t.captured),textModifications:e.textModifications.filter(t=>t.captured),domModifications:e.domModifications.filter(t=>t.captured),spacingTokenChanges:e.spacingTokenChanges.filter(t=>t.captured),spacingTokenMods:e.spacingTokenMods.filter(t=>t.captured),selectedAnnotationIds:[],lastSelectedId:null}:e}function R1(e){return{...e,annotations:[],undoStack:[],redoStack:[],selectedAnnotationIds:[],lastSelectedId:null,textModifications:[],domModifications:[],spacingTokenChanges:[],spacingTokenMods:[]}}function P1(e,t){let{selector:n,element:r,property:o,original:i,modified:a}=t,l=typeof window<"u"?window.location.pathname:"/",d=e.styleModifications.findIndex(c=>c.selector===n&&(!c.pathname||c.pathname===l));if(i===a&&d<0)return e;if(d>=0){let c=e.styleModifications[d];if(c.captured){let g=Ue(e),y=g.styleModifications.map((C,k)=>k===d?{...C,changes:[{property:o,original:i,modified:a}],createdAt:C.createdAt??Date.now(),captured:!1,pathname:l}:C);return{...g,styleModifications:y}}let u=c.changes.findIndex(g=>g.property===o),p,h=e;if(u>=0){let g=c.changes[u];a===g.original?p=c.changes.filter((y,C)=>C!==u):p=c.changes.map((y,C)=>C===u?{...y,modified:a}:y)}else{if(i===a)return e;h=Ue(e),p=[...c.changes,{property:o,original:i,modified:a}]}if(p.length===0)return{...h,styleModifications:h.styleModifications.filter((g,y)=>y!==d)};let f=h.styleModifications.map((g,y)=>y===d?{...g,changes:p,createdAt:g.createdAt??Date.now()}:g);return{...h,styleModifications:f}}else{let c=Ue(e),u={selector:n,element:r,changes:[{property:o,original:i,modified:a}],createdAt:Date.now(),pathname:l};return{...c,styleModifications:[...c.styleModifications,u]}}}function z1(e,t){let{selector:n,durableSelector:r,element:o,changes:i}=t,a=typeof window<"u"?window.location.pathname:"/",l=i.filter(u=>u.original!==u.modified);if(l.length===0)return e;let d=Ue(e),c=d.styleModifications.findIndex(u=>u.selector===n&&(!u.pathname||u.pathname===a));if(c>=0){let u=d.styleModifications[c],p=u.captured?[]:[...u.changes];for(let h of l){let f=p.findIndex(g=>g.property===h.property);f>=0?h.modified===p[f].original?p=p.filter((g,y)=>y!==f):p=p.map((g,y)=>y===f?{...g,modified:h.modified,token:h.token,sticker:h.sticker}:g):p.push(h)}return p.length===0?{...d,styleModifications:d.styleModifications.filter((h,f)=>f!==c)}:{...d,styleModifications:d.styleModifications.map((h,f)=>f===c?{...h,changes:p,createdAt:h.createdAt??Date.now(),captured:!1,pathname:a}:h)}}else return{...d,styleModifications:[...d.styleModifications,{selector:n,durableSelector:r,element:o,changes:l,createdAt:Date.now(),pathname:a}]}}function H1(e,t){let{selector:n,property:r}=t,o=typeof window<"u"?window.location.pathname:"/",i=Ue(e),a=i.styleModifications.map(l=>l.selector!==n||l.pathname&&l.pathname!==o?l:{...l,changes:l.changes.filter(d=>d.property!==r)}).filter(l=>l.changes.length>0);return{...i,styleModifications:a}}function O1(e,t){let{selector:n,sticker:r}=t,o=typeof window<"u"?window.location.pathname:"/";if(!e.styleModifications.find(l=>l.selector===n&&(!l.pathname||l.pathname===o)&&!l.captured&&l.changes.some(d=>d.sticker?.family===r.family&&d.sticker.subproperty===r.subproperty)))return e;let i=Ue(e),a=i.styleModifications.map(l=>l.selector!==n||l.pathname&&l.pathname!==o||l.captured?l:{...l,changes:l.changes.filter(d=>d.sticker?.family!==r.family||d.sticker.subproperty!==r.subproperty)}).filter(l=>l.changes.length>0);return{...i,styleModifications:a}}function D1(e){return e.styleModifications.length===0?e:{...Ue(e),styleModifications:[]}}function j1(e,t){let n=new Set(t.selectors);if(n.size===0)return e;let r=e.styleModifications.filter(o=>!o.captured||!n.has(o.selector)&&(!o.durableSelector||!n.has(o.durableSelector)));return r.length===e.styleModifications.length?e:{...e,styleModifications:r}}function W1(e,t){let n=Date.now();return{...e,styleModifications:t.map((r,o)=>({...r,createdAt:r.createdAt??n+o}))}}function _1(e,t,n,r){return e.selector===t&&(!e.pathname||e.pathname===r)&&e.textNodePath.length===n.length&&e.textNodePath.every((o,i)=>o===n[i])}function Ll(e,t,n=!0){let{selector:r,durableSelector:o,element:i,textNodePath:a,original:l,modified:d}=t,c=typeof window<"u"?window.location.pathname:"/",u=e.textModifications.findIndex(h=>_1(h,r,a,c));if(l===d&&u<0)return e;if(u>=0){let h=e.textModifications[u],f=h.captured&&n?Ue(e):e,g=h.captured?l:h.original;return d===g?{...f,textModifications:f.textModifications.filter((y,C)=>C!==u)}:{...f,textModifications:f.textModifications.map((y,C)=>C===u?{...y,durableSelector:o,element:i,original:g,modified:d,createdAt:y.createdAt??Date.now(),captured:!1,pathname:c}:y)}}let p=n?Ue(e):e;return{...p,textModifications:[...p.textModifications,{selector:r,durableSelector:o,element:i,textNodePath:a,original:l,modified:d,createdAt:Date.now(),pathname:c}]}}function B1(e,t,n=!0){return t.length===0?e:t.reduce((r,o)=>Ll(r,o,!1),n?Ue(e):e)}function F1(e,t){let n=Date.now();return{...e,textModifications:t.map((r,o)=>({...r,createdAt:r.createdAt??n+o}))}}function V1(e,t){let n=Ue(e),r=n.domModifications.findIndex(o=>o.id===t.id);return r>=0?{...n,domModifications:n.domModifications.map((o,i)=>i===r?{...t,captured:!1}:o)}:{...n,domModifications:[...n.domModifications,t]}}function Q1(e,t){return{...e,domModifications:t}}function Z1(e,t){let{updates:n}=t,r=new Map(n.map(o=>[o.id,o]));return{...e,annotations:e.annotations.map(o=>{let i=r.get(o.id);return i?{...o,points:[i.point,...o.points.slice(1)],...i.linkedAnchor?{linkedAnchor:i.linkedAnchor}:{}}:o})}}function q1(e,t){let n=new Set(t.ids);return{...e,annotations:e.annotations.map(r=>n.has(r.id)?{...r,status:t.status}:r)}}function U1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>{if(!n.has(o.id)&&!(o.groupId&&r.has(o.groupId)))return o;let i=!!t.jobId&&o.replyJobIds?.includes(t.jobId),a=o.status==="waiting_input";return{...o,status:a?"waiting_input":"resolved",replyCount:(o.replyCount??0)+(i?0:1),replyJobIds:t.jobId&&!i?[...o.replyJobIds??[],t.jobId]:o.replyJobIds,threadId:o.threadId||t.threadId,question:a?o.question:void 0}})}}function J1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>n.has(o.id)||o.groupId&&r.has(o.groupId)?{...o,status:"failed",threadId:o.threadId||t.threadId,question:void 0}:o)}}function Y1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>n.has(o.id)||o.groupId&&r.has(o.groupId)?{...o,threadId:t.threadId,targetBindingId:t.targetBindingId}:o)}}function X1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>n.has(o.id)||o.groupId&&r.has(o.groupId)?{...o,status:"waiting_input",question:t.question,threadId:t.threadId}:o)}}function K1(e,t){let n=new Map(t.resolutions.map(o=>[o.annotationId,o])),r=new Map;for(let o of e.annotations){let i=n.get(o.id);i&&o.groupId&&r.set(o.groupId,i)}return{...e,annotations:e.annotations.map(o=>{let i=n.get(o.id)||(o.groupId?r.get(o.groupId):void 0);if(!i)return o;let a=!!t.jobId&&o.replyJobIds?.includes(t.jobId);return{...o,status:i.status,resolutionSummary:i.summary,scope:i.finalScope??i.inferredScope??null,replyCount:(o.replyCount??0)+(a?0:1),replyJobIds:t.jobId&&!a?[...o.replyJobIds??[],t.jobId]:o.replyJobIds,question:void 0,threadId:o.threadId||t.threadId}})}}function G1(e,t){let{linkedSelectors:n,styleSelectors:r}=t,o=new Set(n),i=new Set(r),a=typeof window<"u"?window.location.pathname:"/",l=new Set,d=new Set;for(let f of e.annotations)f.linkedSelector&&o.has(f.linkedSelector)&&(l.add(f.id),f.groupId&&d.add(f.groupId));for(let f of e.annotations)f.groupId&&d.has(f.groupId)&&l.add(f.id);let c=e.annotations.filter(f=>!l.has(f.id)),u=e.styleModifications.filter(f=>!i.has(f.selector)||f.pathname&&f.pathname!==a),p=e.domModifications.filter(f=>!i.has(f.selector)||f.pathname&&f.pathname!==a);if(c.length===e.annotations.length&&u.length===e.styleModifications.length&&p.length===e.domModifications.length)return e;let h=e.selectedAnnotationIds.filter(f=>!l.has(f));return{...e,annotations:c,styleModifications:u,domModifications:p,selectedAnnotationIds:h,lastSelectedId:h.length>0?h[h.length-1]:null}}function e0(e,t){let n=e.spacingTokenChanges.findIndex(r=>r.tokenPath===t.tokenPath);return n>=0?{...e,spacingTokenChanges:e.spacingTokenChanges.map((r,o)=>o===n?t:r)}:{...e,spacingTokenChanges:[...e.spacingTokenChanges,t]}}function t0(e,t){return{...e,spacingTokenChanges:t}}function n0(e,t){let n=Ue(e),r=e.spacingTokenMods.findIndex(i=>i.tokenPath===t.tokenPath),o;if(r>=0){let i=e.spacingTokenMods[r],a={...t,originalValue:i.captured?i.currentValue:i.originalValue,originalPx:i.captured?i.currentPx:i.originalPx,captured:!1};o=e.spacingTokenMods.map((l,d)=>d===r?a:l)}else o=[...e.spacingTokenMods,{...t,captured:!1}];return{...n,spacingTokenMods:o}}function r0(e,t){let n=Ue(e),r=e.spacingTokenMods.findIndex(c=>c.tokenPath===t.tokenPath),o=r>=0?e.spacingTokenMods[r]:null,i=r>=0?o.captured?o.currentValue:o.originalValue:t.originalValue,a=r>=0?o.captured?o.currentPx:o.originalPx:parseFloat(t.originalValue)||0,l={tokenPath:t.tokenPath,originalValue:i,currentValue:"__deleted__",targets:o?.targets??[],originalPx:a,currentPx:0,captured:!1},d;return r>=0?d=e.spacingTokenMods.map((c,u)=>u===r?l:c):d=[...e.spacingTokenMods,l],{...n,spacingTokenMods:d}}function Al(e,t){switch(t.type){case"SET_ANNOTATING":return p1(e,t.payload);case"SET_TOOL":return f1(e,t.payload);case"SET_COLOR":return h1(e,t.payload);case"SET_STROKE_WIDTH":return m1(e,t.payload);case"ADD_TEXT":return g1(e,t.payload);case"UPDATE_TEXT":return y1(e,t.payload);case"CLEAR_INTERACTION_EPISODE":return v1(e,t.payload);case"UPDATE_TEXT_SIZE":return b1(e,t.payload);case"DELETE_ANNOTATION":return x1(e,t.payload);case"MOVE_ANNOTATION":return w1(e,t.payload);case"RESIZE_ANNOTATION":return C1(e,t.payload);case"PASTE_ANNOTATIONS":return k1(e,t.payload);case"RESTORE_ANNOTATIONS":return S1(e,t.payload);case"SYNC_ANNOTATIONS":return I1(e,t.payload);case"MERGE_ANNOTATIONS":return M1(e,t.payload);case"UNDO":return T1(e);case"REDO":return E1(e);case"SELECT_ANNOTATION":return L1(e,t.payload);case"UPDATE_ANNOTATION_COLOR":return A1(e,t.payload);case"MARK_CAPTURED":return $1(e,t.payload?.annotationIds);case"CLEAR":return R1(e);case"DISCARD_DRAFT":return N1(e);case"MODIFY_STYLE":return P1(e,t.payload);case"MODIFY_STYLES_BATCH":return z1(e,t.payload);case"CLEAR_STYLE":return H1(e,t.payload);case"CLEAR_STICKER":return O1(e,t.payload);case"CLEAR_ALL_STYLES":return D1(e);case"SETTLE_CAPTURED_STYLES":return j1(e,t.payload);case"RESTORE_STYLE_MODIFICATIONS":return W1(e,t.payload);case"MODIFY_TEXT_CONTENT":return Ll(e,t.payload);case"MODIFY_TEXT_CONTENTS":return B1(e,t.payload,t.saveUndo??!0);case"RESTORE_TEXT_MODIFICATIONS":return F1(e,t.payload);case"MODIFY_DOM_STRUCTURE":return V1(e,t.payload);case"RESTORE_DOM_MODIFICATIONS":return Q1(e,t.payload);case"UPDATE_LINKED_POSITIONS":return Z1(e,t.payload);case"CLEANUP_ORPHANED":return G1(e,t.payload);case"SET_ANNOTATION_STATUS":return q1(e,t.payload);case"MARK_ANNOTATIONS_REPLIED":return U1(e,t.payload);case"MARK_ANNOTATIONS_FAILED":return J1(e,t.payload);case"SET_ANNOTATION_THREAD":return Y1(e,t.payload);case"SET_ANNOTATION_QUESTION":return X1(e,t.payload);case"APPLY_RESOLUTIONS":return K1(e,t.payload);case"ADD_SPACING_TOKEN_CHANGE":return e0(e,t.payload);case"RESTORE_SPACING_TOKEN_CHANGES":return t0(e,t.payload);case"MODIFY_SPACING_TOKEN":return n0(e,t.payload);case"DELETE_SPACING_TOKEN":return r0(e,t.payload);default:return t}}function o0(e,t){let n=pn(Tl),[r,o]=sa(Al,bo),i=la(n?.subscribe??u1,n?.getSnapshot??El,n?.getSnapshot??El)??r,a=n?.dispatch??o;return F(()=>{if(!i.isAnnotating)return;let l=d=>{t?.current||d.defaultPrevented||d.isComposing||d.altKey||d.composedPath().some(c=>c instanceof Element&&(c.matches('input, textarea, select, [role="textbox"]')||c instanceof HTMLElement&&c.isContentEditable||c.hasAttribute("contenteditable")&&c.getAttribute("contenteditable")!=="false"))||(d.metaKey||d.ctrlKey)&&d.key.toLowerCase()===yn.actions.undo.key&&(d.preventDefault(),d.shiftKey?a({type:"REDO"}):e?.current?.()||a({type:"UNDO"}))};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[a,i.isAnnotating,e,t]),[i,a]}function i0(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:l,modified:d,token:c})=>({property:a,original:l,modified:d,token:c}))}}function $l(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:l})=>[o,i,a,l??null]).sort((o,i)=>String(o[0]).localeCompare(String(i[0]))));return n(e.changes)===n(t.changes)}function Xo(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"})),l=!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=>$l(c,h)));return u?.threadId?(l=!0,{...c,awaitingReview:{submissionId:u.id,threadId:u.threadId}}):c});return i||l?{...e,annotations:i?a:e.annotations,styleModifications:l?d:e.styleModifications}:e}function a0(e){if(e.awaitingReview)return{jobId:`suggestion:${e.awaitingReview.submissionId}`,threadId:e.awaitingReview.threadId,status:"awaiting_review",selectors:[e.selector],annotationNumber:e.annotationNumber}}function Nl(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}function lr(e){return e?!!e.closest("#devtools-toolbar, #devtools-scrim, #devtools-text-input, [data-devtools], [data-popmelt-panel], [data-popmelt-shadow-host]"):!1}function l0(e,t){let n=document,r=n.caretPositionFromPoint?.(e,t);if(r?.offsetNode?.nodeType===Node.TEXT_NODE)return r.offsetNode;let o=n.caretRangeFromPoint?.(e,t);return o?.startContainer?.nodeType===Node.TEXT_NODE?o.startContainer:null}function s0(e,t){if(!e)return t();let n=e.style.pointerEvents;e.style.pointerEvents="none";try{return t()}finally{e.style.pointerEvents=n}}function d0(e,t,n){let r=document.createTreeWalker(e,NodeFilter.SHOW_TEXT,{acceptNode(i){return i.textContent?.trim()?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT}}),o=r.nextNode();for(;o;){let i=o,a=document.createRange();a.selectNodeContents(i);let l=Array.from(a.getClientRects());if(a.detach?.(),l.some(d=>t>=d.left&&t<=d.right&&n>=d.top&&n<=d.bottom))return i;o=r.nextNode()}return null}function c0(e,t,n){return s0(n,()=>{let r=l0(e,t);if(!r){let w=document.elementFromPoint(e,t);w&&!lr(w)&&(r=d0(w,e,t))}if(!r||!(r.parentElement instanceof HTMLElement))return null;let o=r.parentElement;if(lr(o))return null;for(;o.parentElement&&o!==document.body;){let w=window.getComputedStyle(o).display,E=w==="inline-block"&&o.childNodes.length===1&&o.firstChild?.nodeType===Node.ELEMENT_NODE;if(w!=="inline"&&w!=="contents"&&!E)break;let M=o.parentElement;if(lr(M))break;if(Array.from(M.childNodes).some(N=>N.nodeType===Node.TEXT_NODE&&!!N.nodeValue?.trim())){o=M;continue}let S=window.getComputedStyle(M).display,T=S==="inline-block"&&M.childNodes.length===1&&M.firstChild?.nodeType===Node.ELEMENT_NODE;if(S==="inline"||S==="contents"||T){o=M;continue}break}let i=o.tagName.toLowerCase();if(i==="script"||i==="style"||i==="textarea"||i==="input")return null;let a=p0(o),l=a.map(w=>w.originalText).join("");if(!l.trim())return null;let d=Rl(o,r);if(!d)return null;let c=window.getComputedStyle(o),u=zl(a,o,c),{textRect:p,boundaryRect:h,boundaryRects:f,flowRect:g,firstLineIndent:y}=u;if(p.width<=0||p.height<=0)return null;let C=parseFloat(c.fontSize)||12,k=c.whiteSpace!=="nowrap"&&c.whiteSpace!=="pre"&&(m0(r)||c.display!=="inline");return{textNode:r,targetElement:o,textNodePath:d,segments:a,originalText:l,rect:p,boundaryRect:h,boundaryRects:f,flowRect:g,firstLineIndent:y,styles:c,fontSize:C,wrapsText:k}})}function Rl(e,t){let n=[],r=t;for(;r&&r!==e;){let o=r.parentNode;if(!o)return null;n.unshift(Array.prototype.indexOf.call(o.childNodes,r)),r=o}return r===e?n:null}function u0(e,t){let n=document.createRange();n.selectNodeContents(e);let r=n.getBoundingClientRect();if(n.detach?.(),r.width>0&&r.height>0)return{left:r.left,top:r.top,width:r.width,height:r.height};let o=t.getBoundingClientRect();return{left:o.left,top:o.top,width:o.width,height:o.height}}function p0(e){let t=[],n=r=>{if(r.nodeType===Node.TEXT_NODE){let i=r,a=Rl(e,i);a&&t.push({textNode:i,textNodePath:a,originalText:i.nodeValue??""});return}if(r.nodeType!==Node.ELEMENT_NODE&&r!==e)return;let o=r.tagName?.toLowerCase();o==="script"||o==="style"||r.childNodes.forEach(n)};return e.childNodes.forEach(n),t}function Pl(e){return{left:e.left,top:e.top,width:e.width,height:e.height}}function f0(e){let t=[];for(let n of e){if(!n.textNode.isConnected||!n.originalText.trim())continue;let r=document.createRange();r.selectNodeContents(n.textNode),t.push(...Array.from(r.getClientRects()).filter(o=>o.width>0&&o.height>0).map(Pl)),r.detach?.()}return bd(t)}function h0(e){let t=e.getBoundingClientRect(),n=window.getComputedStyle(e),r=(parseFloat(n.borderLeftWidth)||0)+(parseFloat(n.paddingLeft)||0),o=(parseFloat(n.borderRightWidth)||0)+(parseFloat(n.paddingRight)||0),i=(parseFloat(n.borderTopWidth)||0)+(parseFloat(n.paddingTop)||0),a=(parseFloat(n.borderBottomWidth)||0)+(parseFloat(n.paddingBottom)||0);return{left:t.left+r,top:t.top+i,width:Math.max(0,t.width-r-o),height:Math.max(0,t.height-i-a)}}function zl(e,t,n){let r=Pl(t.getBoundingClientRect()),o=f0(e),i=e[0]?.textNode?u0(e[0].textNode,t):r,a=o.length>0?o:[i];return sd({display:n.display,fragmentRects:a,elementRect:r,parentContentRect:t.parentElement?h0(t.parentElement):void 0})}function m0(e){let t=document.createRange();t.selectNodeContents(e);let n=Array.from(t.getClientRects()).filter(r=>r.width>0&&r.height>0).length;return t.detach?.(),n>1}function g0(e,t,n){if(t===n||e.length===0)return[];let r=0;for(;r<t.length&&r<n.length&&t[r]===n[r];)r+=1;let o=0;for(;o<t.length-r&&o<n.length-r&&t[t.length-1-o]===n[n.length-1-o];)o+=1;let i=r,a=t.length-o,l=n.slice(r,n.length-o),d=0,c=!1;return e.flatMap((u,p)=>{let h=d,f=h+u.originalText.length;d=f;let g=i===a,y=g&&(i>=h&&i<f||p===e.length-1&&i===f),C=!g&&f>i&&h<a;if(!y&&!C)return[];let k=Math.max(0,Math.min(u.originalText.length,i-h)),w=Math.max(0,Math.min(u.originalText.length,a-h)),E=u.originalText.slice(0,k);return c||(E+=l,c=!0),E+=u.originalText.slice(w),E===u.originalText?[]:[{segment:u,modifiedText:E}]})}function Ko(e,t){return Math.abs(e.left-t.left)<.5&&Math.abs(e.top-t.top)<.5&&Math.abs(e.width-t.width)<.5&&Math.abs(e.height-t.height)<.5}function y0(e,t){return!e||!t?e===t:Ko(e,t)}function b0(e,t){return e.length===t.length&&e.every((n,r)=>Ko(n,t[r]))}function v0(){return{isDragging:!1,hasMoved:!1,mode:"move",startX:0,startY:0,element:null,originalParent:null,originalIndex:-1,selector:null,durableSelector:null,elementInfo:null}}function jr(e){if(!e||e===document.body||e===document.documentElement||lr(e))return!1;let t=e.tagName.toLowerCase();return["script","style","link","meta","head","html","body","input","textarea","select","option","button"].includes(t)?!1:!!e.parentElement}function Ft(e){let t=e.getAttribute("data-pm");return t||(t=Math.random().toString(36).substring(2,8),e.setAttribute("data-pm",t)),`[data-pm="${t}"]`}function Go(e){return e.parentElement?Array.from(e.parentElement.children).indexOf(e):-1}function Hl(e){e.removeAttribute("data-pm"),e.querySelectorAll("[data-pm]").forEach(t=>t.removeAttribute("data-pm"))}function Ol(e,t,n,r,o=Nd){let i=n.parentElement;if(!i)return null;let a=o(e,t);for(;a&&a!==document.body;){if(a===n||n.contains(a)){a=a.parentElement;continue}if(a.parentElement===i&&jr(a))break;a=a.parentElement}if(!a||a===document.body||a.parentElement!==i||a===r)return null;let l=a.getBoundingClientRect(),d=l.height>=l.width?t<l.top+l.height/2?"before":"after":e<l.left+l.width/2?"before":"after",c=Go(a),u=d==="before"?c:c+1;return{parent:i,reference:a,placement:d,index:u}}function ei(e,t,n){let r=Array.from(e.children).filter(i=>i!==t),o=Math.max(0,Math.min(n,r.length));e.insertBefore(t,r[o]??null)}function x0({drag:e,clientX:t,clientY:n,pathname:r,createId:o,rootElement:i,elementAtPoint:a}){let l=e.element;if(!l||!e.selector||!e.durableSelector||!e.elementInfo)return null;let d=Ol(t,n,l,i,a);if(!d)return null;let c=e.originalParent===d.parent&&d.index>e.originalIndex?d.index-1:d.index;if(e.mode==="move"&&e.originalParent===d.parent&&(c===e.originalIndex||c===e.originalIndex+1))return null;let u=Wt(d.parent),p=Ft(d.parent),h=Wt(d.reference),f=Ft(d.reference),g=e.selector,y=e.durableSelector,C=e.elementInfo;if(e.mode==="copy"){let w=l.cloneNode(!0);if(!(w instanceof Element))return null;Hl(w),ei(d.parent,w,c),g=Ft(w),y=Wt(w),C={...An(w),selector:g}}else ei(d.parent,l,c);let k=e.originalParent;return{id:o(),operation:e.mode,selector:g,durableSelector:y,element:C,sourceSelector:e.mode==="copy"?e.selector:void 0,sourceDurableSelector:e.mode==="copy"?e.durableSelector:void 0,sourceElement:e.mode==="copy"?e.elementInfo:void 0,originalParentSelector:k?Ft(k):void 0,originalParentDurableSelector:k?Wt(k):void 0,originalIndex:e.originalIndex,targetParentSelector:p,targetParentDurableSelector:u,targetIndex:c,referenceSelector:f,referenceDurableSelector:h,placement:d.placement,pathname:r}}function Dl(e){return e instanceof HTMLElement&&(e.tagName==="INPUT"||e.tagName==="TEXTAREA"||e.isContentEditable===!0||e.getAttribute("contenteditable")==="true")}function w0(){if(typeof document>"u")return null;let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e}function ti(e){let t=e.composedPath?.()[0]??e.target;return Dl(t)||Dl(w0())}function jl(e,t,n){if(n)return[n];let r=new Set(t),o=new Map;for(let a of e)a.groupId&&a.threadId&&o.set(a.groupId,a.threadId);let i=new Set;for(let a of e){if(!r.has(a.id))continue;let l=a.threadId||(a.groupId?o.get(a.groupId):void 0);l&&i.add(l)}return[...i]}function C0({state:e,stateRef:t,activeTextRef:n,selectedIdsRef:r,dispatch:o,clearSelection:i,selectAnnotation:a,handHoveredElement:l,onArchiveThread:d,openThreadId:c,currentPathname:u,hasOpenThread:p}){let h=$([]),f=$(0),g=$(null);F(()=>{let y=C=>{if(C.key==="Escape"){if(C.defaultPrevented||C.repeat||n.current||p||ti(C))return;if(r.current.length>0){C.preventDefault(),i();return}let w=t.current;if(w.annotations.some(E=>(E.status??"pending")==="pending")||w.styleModifications.some(E=>!E.captured)||w.textModifications.some(E=>!E.captured)||w.domModifications.some(E=>!E.captured)||w.spacingTokenChanges.some(E=>!E.captured)||w.spacingTokenMods.some(E=>!E.captured)){C.preventDefault(),o({type:"DISCARD_DRAFT"});return}}if((C.metaKey||C.ctrlKey)&&C.key.toLowerCase()==="c"&&e.activeTool==="hand"&&l&&!n.current){if(jr(l)){C.preventDefault();let w=Ft(l);g.current={source:l,sourceSelector:w,sourceDurableSelector:Wt(l),sourceElement:{...An(l),selector:w}}}return}if((C.metaKey||C.ctrlKey)&&C.key.toLowerCase()==="v"&&e.activeTool==="hand"&&g.current&&!n.current){let w=g.current,E=l&&jr(l)?l:w.source,M=E.parentElement;if(M){C.preventDefault();let S=Wt(M),T=Ft(M),N=Wt(E),H=Ft(E),P=Go(E)+1,L=w.source.cloneNode(!0);if(L instanceof Element){Hl(L),ei(M,L,P);let W=Ft(L),Z=Wt(L),ae={...An(L),selector:W};o({type:"MODIFY_DOM_STRUCTURE",payload:{id:Yo(),operation:"copy",selector:W,durableSelector:Z,element:ae,sourceSelector:w.sourceSelector,sourceDurableSelector:w.sourceDurableSelector,sourceElement:w.sourceElement,targetParentSelector:T,targetParentDurableSelector:S,targetIndex:P,referenceSelector:H,referenceDurableSelector:N,placement:"after",pathname:u}})}}return}if((C.metaKey||C.ctrlKey)&&C.key==="v"&&h.current.length>0&&!n.current){C.preventDefault(),f.current+=1;let w=f.current*20,E=h.current[0]?.groupId?Math.random().toString(36).substring(2,9):void 0,M=h.current.map(T=>({...T,id:Math.random().toString(36).substring(2,9),groupId:T.groupId?E:void 0,timestamp:Date.now(),points:T.points.map(N=>({x:N.x+w,y:N.y+w}))}));o({type:"PASTE_ANNOTATIONS",payload:{annotations:M}});let S=M.find(T=>T.type!=="text")??M[0];S&&a(S.id);return}let k=r.current;if(!n.current&&!ti(C)&&(C.key==="Delete"||C.key==="Backspace")&&!C.metaKey&&!C.ctrlKey&&!C.altKey){if(k.length===0&&!c)return;let w=jl(t.current.annotations,k,c);if(!d||w.length===0)return;C.preventDefault();for(let E of w)d(E);i()}};return window.addEventListener("keydown",y),()=>window.removeEventListener("keydown",y)},[n,i,u,o,l,p,d,c,a,r,e.activeTool,t])}var et=["slate","gray","zinc","neutral","stone","red","orange","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"],ni=[50,100,200,300,400,500,600,700,800,900,950],ri=500,k0={name:"neutral",step:950},Wr={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 sr(e,t){return Wr[e][t]}function S0(e,t){let n=et.indexOf(e);return et[(n+t+et.length)%et.length]}function I0(e,t){let n=et.indexOf(e);return et[(n+t%et.length+et.length)%et.length]}function M0(e,t){let n=et.indexOf(e),r=(et.indexOf(t)-n+et.length)%et.length;return r<=et.length/2?r:r-et.length}function vn(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 T0(e){let t=vn(e);if(!t)return null;let n=null;for(let r of et)for(let o of ni){let i=vn(Wr[r][o]).reduce((a,l,d)=>a+(l-t[d])**2,0);(!n||i<n.distance)&&(n={name:r,step:o,distance:i})}return n&&{name:n.name,step:n.step}}function E0(e,t){let n=vn(t);return n?ni.reduce((r,o)=>{let i=vn(Wr[e][r]),a=vn(Wr[e][o]),l=i.reduce((d,c,u)=>d+(c-n[u])**2,0);return a.reduce((d,c,u)=>d+(c-n[u])**2,0)<l?o:r}):null}function Wl(e,t){let n=vn(e),r=vn(t);return n!==null&&r!==null&&n.every((o,i)=>o===r[i])}var ut=["padding","margin","border","radius","stack","grid","text","color","transform","opacity"],On=[0,1,2,3,4,6,8,10,12,16],L0=[-16,-12,-10,-8,-6,-4,-3,-2,-1,0,1,2,3,4,6,8,10,12,16],A0=[0,1,2,4,8],$0=["vertical","horizontal"],N0=["stretch","start","center","end","baseline"],R0=["start","center","end","between","around","evenly"],P0=[1,2,3,4,5,6],_l=["xs","sm","base","lg","xl","2xl","3xl","4xl"],Bl=[300,400,500,600,700,800],Fl=["none","tight","snug","normal","relaxed","loose"],Vl=["tighter","tight","normal","wide","wider","widest"],Ql=["left","center","right","justify"],Zl=[25,50,75,90,95,100,105,110,125,150],ql=[-180,-90,-45,-25,-12,-6,-3,-2,-1,0,1,2,3,6,12,25,45,90,180],Ul=[0,5,10,20,25,30,40,50,60,70,75,80,90,95,100],Jl=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],z0={padding:On,margin:On,border:A0,radius:On},H0={padding:"p",margin:"m",border:"border",radius:"rounded",stack:"flex",grid:"grid",text:"text",color:"text",transform:"transform",opacity:"opacity"},O0={padding:"P",margin:"M",border:"B",radius:"R",stack:"F",grid:"G",text:"FO",color:"BG",transform:"T",opacity:"O"},D0={padding:"Padding",margin:"Margin",border:"Borders",radius:"Radii",stack:"Flexbox",grid:"Grid",text:"Fonts",color:"Background",transform:"Transform",opacity:"Opacity"},j0={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:et,transform:["translate","scale","rotate"],opacity:["opacity","mix-blend"]},Yl={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 rt(e){return et.includes(e)}function xn(e,t){return e==="color"||(e==="text"||e==="border")&&(t==="color"||rt(t))}var _r=e=>encodeURIComponent(e),Xl=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='${_r(e)}' flood-opacity='.42'/%3E%3CfeDropShadow dx='0' dy='1.25' stdDeviation='1.1' flood-color='${_r(e)}' flood-opacity='.24'/%3E%3C/filter%3E%3C/defs%3E`;function W0(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${Xl(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='${_r(e)}' stroke='white' stroke-width='1.25'/%3E%3C/svg%3E") 4 4, pointer`}function _0(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${Xl(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='${_r(e)}' stroke='white' stroke-width='1.111'/%3E%3C/svg%3E") 4 4, pointer`}function wn(e,t="all"){let n=bt(e,t);return e==="color"||(e==="text"||e==="border")&&xn(e,n)?ni:e==="stack"?n==="direction"?$0:n==="align"?N0:n==="justify"?R0:On:e==="grid"?n==="gap"?On:P0:e==="text"?n==="weight"?Bl:n==="line-height"?Fl:n==="letter-spacing"?Vl:n==="text-align"?Ql:_l:e==="transform"?n==="scale"?Zl:n==="rotate"?ql:L0:e==="opacity"?n==="mix-blend"?Jl:Ul:z0[e]}function Kl(e,t,n="all"){let r=wn(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 oi(e){return j0[e]}function bt(e,t){if(e==="stack"&&(t==="vertical"||t==="horizontal"))return"direction";if((e==="text"||e==="border")&&rt(t))return t;let n=oi(e);return n.includes(t)?t:n[0]}function B0(e,t){return e==="text"?"size":e==="transform"?"translate":e==="opacity"?"opacity":bt(e,t)}function F0(e,t,n){return e==="family"?"family":(t==="text"||t==="border")&&n==="color"?"variant":"value"}function V0(e,t,n){let r=oi(e),o=(e==="text"||e==="border")&&rt(t)?"color":bt(e,t),i=r.indexOf(o);return r[(i+n+r.length)%r.length]}function Q0(e,t){let n=ut.indexOf(e);return ut[(n+t+ut.length)%ut.length]}function Z0(e,t,n,r="all"){let o=wn(e,r),i=Kl(e,t,r),a=o.indexOf(i);return o[(a+n+o.length)%o.length]}function q0(e){return O0[e]}function Br(e){return D0[e]}function U0(e,t){let n=bt(e,t);return e==="color"||(e==="text"||e==="border")&&rt(n)?n:`${q0(e)}${Yl[n]}`}function ii(e,t){let n=bt(e,t);return e==="color"||(e==="text"||e==="border")&&rt(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):Yl[n]}function Dn(e,t){let n=bt(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"||rt(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"||rt(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 Gl(e,t){let n=bt(e,t);return e==="color"?["background-color"]:e==="stack"||e==="grid"?n==="gap"?["row-gap","column-gap"]:[Dn(e,n)]:e==="text"?n==="color"||rt(n)?["color"]:n==="line-height"||n==="letter-spacing"?[Dn(e,n),"font-size"]:[Dn(e,n)]:e==="border"&&(n==="color"||rt(n))?["border-top-color","border-right-color","border-bottom-color","border-left-color"]:e==="transform"||e==="opacity"?[Dn(e,n)]:(e==="padding"||e==="margin")&&n==="x"?[`${e}-left`,`${e}-right`]:(e==="padding"||e==="margin")&&n==="y"?[`${e}-top`,`${e}-bottom`]:n!=="all"?[Dn(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 Ct(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 dr(e,t,n){let r=n.trim().toLowerCase();if(e==="text"){if(t==="size"){let o=Ct(n,e);return o===null?null:en(_l,i=>Fr[i],o)}if(t==="weight"){if(r==="normal")return 400;if(r==="bold")return 700;let o=Number(r);return Number.isFinite(o)?en(Bl,i=>i,o):null}if(t==="text-align")return r==="start"?"left":r==="end"?"right":Ql.includes(r)?r:null}if(e==="transform"){if(r==="none")return t==="scale"?100:0;if(t==="translate"){let o=Ct(n,e);return o===null?null:en(On,i=>i*4,o)}if(t==="scale"){let o=Number.parseFloat(n)*100;return Number.isFinite(o)?en(Zl,i=>i,o):null}if(t==="rotate"){let o=Number.parseFloat(n);return Number.isFinite(o)?en(ql,i=>i,o):null}}if(e==="opacity"){if(t==="mix-blend")return Jl.includes(r)?r:null;let o=Number.parseFloat(n)*100;return Number.isFinite(o)?en(Ul,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 J0(e,t,n="all"){let r=bt(e,n);if(e==="color"||(e==="text"||e==="border")&&rt(r)){let l=E0(r,t[0]??"");if(l===null)return null;let d=sr(r,l);return t.every(c=>Wl(c,d))?l:null}if(e==="text"){if(r==="line-height"&&(t[0]??"").trim().toLowerCase()==="normal")return"normal";if(r==="line-height"){let l=Ct(t[0]??"",e),d=Ct(t[1]??"",e);return l===null||d===null||d===0?null:en(Fl,c=>Vr[c],l/d)}if(r==="letter-spacing"){let l=(t[0]??"").trim().toLowerCase();if(l==="normal")return"normal";let d=Ct(l,e),c=Ct(t[1]??"",e);return d===null||c===null||c===0?null:en(Vl,u=>Qr[u],d/c)}return dr(e,r,t[0]??"")}if(e==="transform"||e==="opacity"||e==="stack"&&r!=="gap")return dr(e,r,t[0]??"");if(e==="grid"&&r!=="gap"){let l=t[0]?.trim().split(/\s+/).filter(Boolean).length??0;return wn("grid",r).includes(l)?l:null}let o=t.map(l=>Ct(l,e));if(o.length===0||o.some(l=>l===null))return null;let i=o[0];if(!o.every(l=>Math.abs(l-i)<.01))return null;let a=wn(e,r).filter(l=>typeof l=="number");return a.length===0?null:a.reduce((l,d)=>Math.abs(Number.parseFloat(cr(e,d,r))-i)<Math.abs(Number.parseFloat(cr(e,l,r))-i)?d:l)}function Y0(e,t,n,r="all"){let o=bt(e,r);if(e==="color"||(e==="text"||e==="border")&&rt(o)){let l=sr(o,t);return n.length>0&&n.every(d=>Wl(d,l))}if(e==="text"){if(o==="size"){let l=Ct(n[0]??"",e);return l!==null&&Math.abs(l-Fr[t])<.01}if(o==="weight")return dr(e,o,n[0]??"")===t;if(o==="line-height"){let l=(n[0]??"").trim().toLowerCase();if(l==="normal")return t==="normal";let d=Ct(l,e),c=Ct(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Vr[t])<.01}if(o==="letter-spacing"){let l=(n[0]??"").trim().toLowerCase();if(l==="normal")return t==="normal";let d=Ct(l,e),c=Ct(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Qr[t])<.001}return dr(e,o,n[0]??"")===t}if(e==="transform"||e==="opacity"||e==="stack"&&o!=="gap")return dr(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(cr(e,t,o)),a=n.map(l=>Ct(l,e));return a.length>0&&a.every(l=>l!==null&&Math.abs(l-i)<.01)}function X0(e,t,n,r){let o=Y0(e,t,Gl(e,n).map(r),n),i=ns(e),a=ts(e,n,t).every(c=>r(c.property).trim()===c.value),l=e==="border"&&!xn(e,n)&&typeof t=="number"&&t>0?es(n):null,d=!l||!["","none"].includes(r(l).trim());return o&&(!i||r("display").trim()===i)&&a&&d}function es(e){let t=bt("border",e);return t==="all"?"border-style":`border-${t}-style`}function K0(e){return e==="color"?"background-color":e==="border"?"border-top-color":"color"}function ai(e,t,n){let r=bt(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 rt(r)?`text-${r}-${t}`:r==="size"?`text-${t}`:r==="weight"?e2[t]:r==="line-height"?`leading-${t}`:r==="letter-spacing"?`tracking-${t}`:`text-${t}`;if(e==="border"&&rt(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=H0[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 cr(e,t,n="all"){let r=bt(e,n);if(e==="color"||(e==="text"||e==="border")&&rt(r))return sr(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"?`${Fr[t]}px`:r==="weight"?String(t):r==="line-height"?String(Vr[t]):r==="letter-spacing"?`${Qr[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 ts(e,t,n){let r=bt(e,t);return(e==="padding"||e==="margin")&&(r==="x"||r==="y")?[{property:r==="x"?`${e}-right`:`${e}-bottom`,value:cr(e,n??0,r),token:ai(e,n??0,r)}]:[]}function G0(e,t,n){if(t==="text"&&(n==="size"||n==="all"))return String(Fr[e]);if(t==="text"&&n==="line-height"){let r=Vr[e];return String(Number(r.toFixed(1)))}if(t==="text"&&n==="letter-spacing"){let r=Qr[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 ns(e){return e==="stack"?"flex":e==="grid"?"grid":null}var Fr={xs:12,sm:14,base:16,lg:18,xl:20,"2xl":24,"3xl":30,"4xl":36},e2={300:"font-light",400:"font-normal",500:"font-medium",600:"font-semibold",700:"font-bold",800:"font-extrabold"},Vr={none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2},Qr={tighter:-.05,tight:-.025,normal:0,wide:.025,wider:.05,widest:.1};function en(e,t,n){return e.reduce((r,o)=>Math.abs(t(o)-n)<Math.abs(t(r)-n)?o:r)}function ur(e,t){return t.selectors??(t.targetBindingId?[]:[e])}function t2(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(l=>!l.threadId||!l.linkedSelector||l.status==="pending"?!1:n(l.linkedSelector)===o),a=[...new Set(i.map(l=>l.threadId))];if(a.length===1)return{threadId:a[0],targetBindingId:i.find(l=>l.targetBindingId)?.targetBindingId,color:i.find(l=>l.color)?.color,selectorAliases:[...new Set([r[0],...i.map(l=>l.linkedSelector)])]}}function n2(e,t,n,r){let o=[...new Set(e)];return o.length!==1?n:Zr(o[0],t,r)?.color??n}function r2(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Zr(n[0],t);return r?.continuationEligible?r.threadId:void 0}function o2(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Zr(n[0],t);return r?.continuationEligible?r.targetBindingId:void 0}function Zr(e,t,n){for(let[o,i]of t)if(ur(o,i).includes(e))return i;if(!n)return;let r=n(e);if(r){for(let[o,i]of t)if(ur(o,i).some(a=>n(a)===r))return i}}function i2(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 a2(e,t){let n=new Set;for(let[r,o]of e)if(t.has(o.threadId))for(let i of ur(r,o))n.add(i);return n}function l2(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 ur(d,c))a.add(u);let l=new Map(e);for(let d of a){let c=[...l].find(([f,g])=>ur(f,g).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}`;l.set(h,{...u,jobId:t,threadId:p,status:n,label:r,selectors:u?.selectors??[d]})}return l}function s2(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 d2(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 l=n.indexOf(a.threadId);o.set(i,{...a,annotationNumber:a.annotationNumber??(l>=0?l+1:void 0)})}return o}function li(e,t,n){if(t)return e?t.jobId===n?t:void 0:t}var c2=Number.MAX_SAFE_INTEGER;function qr(e){return`${e.pathname??"*"}\0${e.selector}`}function u2(e,t){return`element:${e??"*"}\0${t}`}function si({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?u2(p.pathname,p.selector):`annotation:${u.groupId??u.id}`,f=r.get(h);if(f){f.createdAt=Math.min(f.createdAt,u.timestamp),f.annotationIds.push(u.id);continue}r.set(h,{key:h,createdAt:u.timestamp,stableIndex:o++,annotationIds:[u.id]})}let a=u=>{let p=qr(u),h=`element:${p}`,f=u.createdAt??c2,g=r.get(h);if(g){g.createdAt=Math.min(g.createdAt,f),g.modificationKey=p;return}r.set(h,{key:h,createdAt:f,stableIndex:o++,annotationIds:[],modificationKey:p})};t.forEach(a),n.forEach(a);let l=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(f=>l.set(f,h)),u.modificationKey&&d.set(u.modificationKey,h)}),{annotationNumberById:l,modificationNumberByKey:d,count:c.length}}function rs({state:e,pageAnnotations:t,pageStyleModifications:n,pageTextModifications:r}){let o=ue(()=>Ar(e.annotations),[e.annotations]),i=ue(()=>si({annotations:t.filter(l=>!o.has(l)),styleModifications:n,textModifications:r}),[t,n,r,o]),a=ue(()=>{let l=new Map,d=c=>{let u=i.modificationNumberByKey.get(qr(c));if(u===void 0)return;let p=l.get(c.selector);(p===void 0||u<p)&&l.set(c.selector,u)};return n.forEach(d),r.forEach(d),l},[n,r,i.modificationNumberByKey]);return{supersededAnnotations:o,stagedArtifactOrder:i,annotationGroupMap:i.annotationNumberById,pageModificationNumberBySelector:a}}async function p2(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 os="devtools-active-text";function f2(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 h2(e,t,n){if(e.current)return n;e.current=!0;try{return await t()}finally{e.current=!1}}function m2(e){e.removeItem(os)}function g2(e){return e.key!=="Enter"||!e.metaKey&&!e.ctrlKey?!1:(e.preventDefault(),e.stopPropagation(),!0)}function y2(e){return e?e.originalText!==void 0?e.text!==e.originalText:e.text.trim().length>0||!!e.hasInteractionEpisode:!1}function b2(e){let t=new Map;for(let n of e)n.groupId&&n.threadId&&t.set(n.groupId,n.threadId);return t}function v2(e,t){return e.threadId??(e.groupId?t.get(e.groupId):void 0)}function di(e,t,n=new Set){let r=b2(e);return e.filter(o=>{let i=v2(o,r);return kl(o,t)&&o.status!=="dismissed"&&(!i||!n.has(i))})}function is(e,t,n,r=new Set,o=new Map){let i=new Set;for(let a of di(t,n,r))a.linkedSelector&&i.add(a.linkedSelector);for(let[a,l]of o)if(!r.has(l.threadId))for(let d of l.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 x2({state:e,activeText:t,currentPathname:n,dismissedThreadIds:r,modifiedElementThreadStates:o}){let i=ue(()=>di(e.annotations,n,r),[e.annotations,n,r]),a=ue(()=>is(e.styleModifications,e.annotations,n,r,o),[e.annotations,e.styleModifications,n,r,o]),l=ue(()=>is(e.textModifications,e.annotations,n,r,o),[e.annotations,e.textModifications,n,r,o]),d=ue(()=>{let p=new Set,h=f=>!f.captured&&(!f.pathname||f.pathname===n);for(let f of e.styleModifications)h(f)&&!f.awaitingReview&&p.add(`element:${f.selector}`);for(let f of e.textModifications)h(f)&&p.add(`element:${f.selector}`);for(let f of e.domModifications)h(f)&&p.add(`element:${f.selector}`);for(let f of e.spacingTokenChanges)f.captured||p.add(`spacing:${f.tokenPath}`);for(let f of e.spacingTokenMods)f.captured||p.add(`spacing:${f.tokenPath}`);return p},[n,e.domModifications,e.spacingTokenChanges,e.spacingTokenMods,e.styleModifications,e.textModifications]),c=ue(()=>f2(e.annotations,t,d),[e.annotations,t,d]),u=ue(()=>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:l,pendingBundleCount:c,pendingTextAnnotations:u}}function w2(e,t="host",n){let[r,o]=R(()=>n?.read().selectedId??t),[i,a]=R(null);F(()=>{o(n?.read().selectedId??t),a(null)},[n,t]);let l=oe(u=>{n?.select(u),o(u),a(null)},[n]),d=oe(u=>a(u),[]),c=oe(u=>{a(p=>p===u?null:p)},[]);return F(()=>{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:l,peek:d,leave:c}}function C2({name:e,isOwnPlane:t,color:n,changed:r}){return v("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:dd,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 k2(e,t=[],n=""){let r=new Map;if(!e)return r;let o=Xo(e,t,n),i=Ar(o.annotations),a=o.annotations.filter(d=>!i.has(d)),l=si({...o,annotations:a});for(let d of a){let c=l.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=l.modificationNumberByKey.get(qr(d));c&&u!==void 0&&!r.has(c)&&r.set(c,u)}return r}function S2(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 I2(e,t,n){let r=new Set(t);return e.filter(o=>!r.has(o)&&!n.has(o))}function M2(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 T2(e,t){return new Set(e.filter(n=>n.lastMessageRole==="human"&&!t.has(n.id)).map(n=>n.id))}function E2(e){return new Set(e.flatMap(t=>t.acknowledgedJobIds??[]))}function L2(e){return new Set(e.filter(t=>!t.pendingQuestion).map(t=>t.id))}function A2(e,t){return t?e.some(n=>n.jobId===t&&(n.role==="assistant"||!!n.error||!!n.cancelled)&&!n.queued):!0}function ci(e,t){let n=`${t||"/"}:`;return e.startsWith(n)?e.slice(n.length)||null:e.startsWith("/")?null:e}function $2(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 l=ci(a,t);l&&o.set(l,(o.get(l)??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 l of i.targetBindings??[]){if(l.anchor.type==="opaque"){let c=n?.(l.anchor);if(!c?.length)continue;r.set(l.id,{...a,targetBindingId:l.id,selectors:c,continuationEligible:l.continuationEligible??!1});continue}if(l.anchor.pathname!==t)continue;let d=[l.anchor.runtimeSelector,l.anchor.structuralSelector,...l.anchor.legacySelectors??[]].filter(c=>!!c);r.set(l.id,{...a,targetBindingId:l.id,selectors:d,continuationEligible:l.continuationEligible??!1,...l.anchor.targetFingerprint?{targetFingerprint:l.anchor.targetFingerprint}:{}})}continue}for(let l of i.elementIdentifiers??[]){let d=ci(l,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 N2(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 R2(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 P2(e){return R2(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 z2(e){return e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function as(e){return`${e} image${e>1?"s":""} attached`}function ui(e){return e<=0?0:32+String(e).length*7.2}function ls({imageCount:e,color:t,layered:n=!1}){return e<=0?null:v("div",{"data-devtools":"active-image-attachment-badge",role:"img","aria-label":as(e),title:as(e),style:{position:"relative",flex:"0 0 auto",display:"flex",marginRight:-2,zIndex:2},children:[s("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?Cr:void 0,WebkitMaskImage:n?Cr:void 0},children:s("span",{style:{width:10,height:10,background:t,transform:"rotate(-45deg)"}})}),v("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?mo:void 0,WebkitMaskImage:n?mo:void 0},children:[s(Vd,{size:12,strokeWidth:2,"aria-hidden":!0}),e]})]})}function H2({point:e,scroll:t,attachments:n,showAttachments:r,onRemoveAttachment:o}){return s(Me,{children:r&&n.length>0&&s("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=>v("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 ",z2(i.size)," \xD7"]},i.id))})})}function O2(e){return[...e.tokens.map(t=>t.label),`${e.typed}${e.completion||e.fallback}`].filter(Boolean).join(" ")}function D2({query:e,border:t,background:n,foreground:r,renderIcon:o}){return v("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"?s("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}`):s("span",{"data-popmelt-sticker-query-token":"label",style:{color:r,opacity:.72},children:i.label},`${i.label}-${a}`)),e.typed?s("span",{children:e.typed}):v("span",{style:{display:"inline-flex",alignItems:"center",gap:0,color:r,opacity:.58,fontWeight:500},children:[s("span",{"data-popmelt-sticker-query-caret":!0,style:{width:1,height:11,flexShrink:0,background:r,animation:"popmeltStickerQueryCaret 900ms steps(1, end) infinite"}}),s("span",{children:e.fallback})]}),e.completion&&s("span",{style:{color:r,opacity:.62},children:e.completion}),e.fallback&&e.typed&&v("span",{style:{color:r,opacity:.68},children:["\u2192 ",e.fallback]})]})}var Cn=106,tn=42,nn=24,pi=7.5,ss=10,j2=140,fi=750,Ur=250,ds=200,W2=34,hi=44,cs=(tn-nn)/2,_2=hi+nn,us=10,jn=8,$e=32,ps=$e+8,fs=(ps-$e)/2,$t=250,hs=400,ms="cubic-bezier(0.16, 1, 0.3, 1)",gs=180,B2=[0,180,240,300],F2=40,V2=80,Q2=8;function ys(e,t,n=tn,r=F2,o=Cn){let i=e.left+o,a=e.top+n,l=Math.min(i,t.right)-Math.max(e.left,t.left),d=Math.min(a,t.bottom)-Math.max(e.top,t.top);if(l<=0||d<=0)return 1;let c=Math.min(l,d);return Math.max(0,1-c/r)}function bs(e,t,n,r=tn,o=V2,i=Q2,a=Cn){let l=Math.min(Math.max(e.x,n.left),n.right),d=Math.min(Math.max(e.y,n.top),n.bottom),c={x:l-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}],f=Math.max(0,...h.map(y=>(y.x-e.x)*p.x+(y.y-e.y)*p.y)),g=Math.max(o,f+i);return Math.min(1,u/g)}function Z2(e,t=pi){return e===null?nn:Math.max(39,18+t*2+Math.ceil(e))}function q2(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 U2={padding:"padding",margin:"margin",border:"border",radius:"radius",stack:"stack-vertical",grid:"grid",text:"text-size",color:"palette",transform:"transform-translate",opacity:"opacity"},J2={top:0,right:90,bottom:180,left:270},Y2={"top-right":0,"bottom-right":90,"bottom-left":180,"top-left":270};function X2(e,t="all",n){return xn(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:U2[e],rotation:0}:e==="radius"?{name:"radius-top-right",rotation:Y2[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)+(J2[t]??0)}}function K2({name:e}){switch(e){case"padding":return s("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 s("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 s("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 s("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 s("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 s("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 s("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 s("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 s(Me,{children:s("path",{d:"M4 1.25H8M4 10.75H8M1.25 8V4M10.75 8V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"radius":return s(Me,{children:s("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 v(Me,{children:[s("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"}),s("circle",{cx:"1.252",cy:"1.248",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),s("circle",{cx:"1.252",cy:"6",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),s("circle",{cx:"1.252",cy:"10.752",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"})]});case"gap-y":return v(Me,{children:[s("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"}),s("circle",{cx:"1.248",cy:"10.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"1.248",cy:"1.252",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6",cy:"10.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6",cy:"1.252",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.752",cy:"10.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.752",cy:"1.252",r:"0.748",fill:"currentColor"})]});case"border-top":return v(Me,{children:[s("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"}),s("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6.625",cy:"10.752",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6.625",cy:"1.248",r:"0.748",fill:"currentColor"})]});case"radius-top-right":return v(Me,{children:[s("path",{d:"M8.25 1.25H8.75A2 2 0 0 1 10.75 3.25V3.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),s("circle",{cx:"9.748",cy:"9.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"2.248",cy:"9.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"2.248",cy:"2.248",r:"0.748",fill:"currentColor"})]});case"stack-vertical":case"stack-horizontal":return s("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 v(Me,{children:[s("path",{d:"M1 2H11M2.5 5.25H9.5M4 8.5H8",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("path",{d:"M6 0.75V10.75",stroke:"currentColor",strokeWidth:"0.75",strokeDasharray:"1 2"})]});case"justify":return v(Me,{children:[s("path",{d:"M1 1.5V10.5M11 1.5V10.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("path",{d:"M3 3H9M3 6H9M3 9H9",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})]});case"grid":return s("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 s("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 s("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 pr({family:e,size:t=12,step:n,subproperty:r="all"}){let o=X2(e,r),i=o.name==="text-size"?sc:o.name==="text-weight"?dc:o.name==="text-leading"?cc:o.name==="text-tracking"?uc:o.name==="text-align"?ba:o.name==="palette"?va:o.name==="transform-translate"?pc:o.name==="transform-scale"?fc:o.name==="transform-rotate"?hc:o.name==="opacity"?mc:o.name==="mix-blend"?gc:null;return i?s(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`}}):s("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:s(K2,{name:o.name})})}function G2(e,t){let n=(ut.indexOf(e)+t%ut.length+ut.length)%ut.length;return ut[n]}function ef(e,t){let n=ut.indexOf(e),r=(ut.indexOf(t)-n+ut.length)%ut.length;return r<=ut.length/2?r:r-ut.length}function tf(e,t,n,r="all"){let o=wn(e,r),i=(o.indexOf(t)+n%o.length+o.length)%o.length;return o[i]}function nf(e,t,n,r="all"){let o=wn(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 mi({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 v("div",{style:{position:"relative",width:96,height:32,overflow:"hidden"},children:[r&&s("span",{"aria-hidden":"true",style:{position:"absolute",left:$e,top:0,width:$e,height:$e,borderRadius:$e/2,background:t.control}}),s("div",{"data-popmelt-sticker-rail":!0,style:{position:"absolute",inset:0,transform:`translateX(${-e*$e}px)`,transition:`transform ${$t}ms ease`,willChange:"transform"},children:a.map(l=>{let d=l===e;return s("span",{style:{position:"absolute",left:$e+l*$e,top:0,width:$e,height:$e,display:"flex",alignItems:"center",justifyContent:"center",color:d?o??t.primary:t.mutedStrong,transition:i?"none":`color ${hs}ms ${ms}`},children:n(l,d)},l)})})]})}function rf({family:e,colors:t,showControl:n=!0,activeColor:r,snapActiveColor:o}){let i=$(e),a=$(e),[l,d]=R(0);return qe(()=>{if(a.current===e)return;let c=ef(a.current,e);a.current=e,d(u=>u+c)},[e]),s(mi,{offset:l,colors:t,showControl:n,activeColor:r,snapActiveColor:o,renderItem:(c,u)=>{let p=G2(i.current,c);return s(pr,{family:p,subproperty:"all",size:u?14:12})}})}function of({color:e,colors:t,showControl:n=!0}){let r=$(e),o=$(e),[i,a]=R(0);return qe(()=>{if(o.current===e)return;let l=M0(o.current,e);o.current=e,a(d=>d+l)},[e]),s(mi,{offset:i,colors:t,showControl:n,renderItem:(l,d)=>{let c=I0(r.current,l),u=d?14:12;return s("span",{"aria-label":c,"data-popmelt-sticker-color":c,style:{width:u,height:u,borderRadius:"50%",background:sr(c,ri),boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 0.08)",transition:`width ${$t}ms ease, height ${$t}ms ease`}})}})}function af({name:e,size:t}){let n=e==="align-start"?xc:e==="align-center"?wc:e==="align-end"?Cc:e==="align-stretch"?kc:e==="justify-start"?Sc:e==="justify-center"?Ic:e==="justify-end"?Mc:e==="justify-between"?Tc:e==="justify-around"?Ec:e==="text-align-left"?ba:e==="text-align-center"?Lc:e==="text-align-right"?Ac:e==="text-align-justify"?$c:null;return n?s(n,{"aria-hidden":"true","data-popmelt-sticker-step-icon":e,width:t,height:t,strokeWidth:2.25,style:{display:"block"}}):s("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"?v(Me,{children:[s("path",{d:"M1.5 10.5H12.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("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"})]}):v(Me,{children:[s("path",{d:"M1.5 2V12M12.5 2V12",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("rect",{x:"3.25",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),s("rect",{x:"8.75",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),s("circle",{cx:"7",cy:"7",r:"0.75",fill:"currentColor"})]})})}function lf({family:e,step:t,subproperty:n,colors:r,showControl:o=!0,unavailable:i=!1,activeColor:a,snapActiveColor:l=!1}){let d=$(t),c=$(t),[u,p]=R(0);return F(()=>{if(c.current===t)return;let h=nf(e,c.current,t,n);c.current=t,p(f=>f+h)},[e,t,n]),s(mi,{offset:u,colors:r,showControl:o,activeColor:a??(i?r.muted:r.primary),snapActiveColor:l,renderItem:(h,f)=>{let g=tf(e,d.current,h,n),y=q2(e,n,g);return s("span",{"data-popmelt-sticker-step-unavailable":f&&i?"true":void 0,style:{alignItems:"center",display:"flex",fontSize:f?14:12,justifyContent:"center",transition:`font-size ${$t}ms ease`},children:y?s(af,{name:y,size:f?14:12}):G0(g,e,n)})}})}function sf(e,t="padding",n="all"){return xn(t,n)?e==="family"?{family:0,variant:-$e,value:-$e*2}:e==="variant"?{family:$e,variant:0,value:-$e}:{family:$e*2,variant:$e,value:0}:e==="family"?{family:0,variant:-$e*2,value:-$e}:{family:$e,variant:-$e,value:0}}function df(e){return e==="family"?0:hi-cs}function vs(e){return e==="family"?$e/nn:1}function cf(e){return e==="family"?14/(12*vs(e)):1}function uf(e,t,n){return`${e}:${t}:${n}`}function pf(e,t,n="all"){return t==="value"||xn(e,n)&&t==="variant"}function ff(e,t){let n=Br(e),r=ii(e,t);return r===n?n:`${n} ${r}`}function hf(e,t,n){return rt(n)?e==="color"?t!=="family":(e==="text"||e==="border")&&t==="value":!1}function mf({family:e,step:t,subproperty:n,stage:r,accentColor:o,applyPulse:i=0,snapPulse:a=0,stepUnavailable:l=!1,colors:d}){let c=sf(r,e,n),u=$(r),p=$(i),h=$(a),[f,g]=R(!1),y=h.current!==a;qe(()=>{h.current=a},[a]),qe(()=>{let k=u.current!==r&&r!=="family",w=r==="value"&&p.current!==i;if(u.current=r,p.current=i,!k&&!w)return;g(!0);let E=window.requestAnimationFrame(()=>g(!1));return()=>window.cancelAnimationFrame(E)},[i,r]);let C=k=>({position:"absolute",left:0,right:0,top:fs,height:$e,transform:`translateY(${k}px)`,transition:y?"none":`transform ${$t}ms ease`,willChange:"transform"});return v("div",{"data-popmelt-sticker-depth-rail":r,style:{position:"relative",width:96,height:ps,marginBlock:-4,overflow:"hidden",zIndex:2},children:[s("span",{"aria-hidden":"true","data-popmelt-sticker-depth-control":!0,style:{position:"absolute",left:$e,top:fs,width:$e,height:$e,borderRadius:$e/2,background:f?o:d.control,transition:f?"none":`background ${hs}ms ${ms}`}}),s("div",{"aria-hidden":r!=="family","data-popmelt-sticker-depth-row":"family",style:C(c.family),children:s(rf,{family:e,colors:d,showControl:!1,activeColor:f?d.surface:d.primary,snapActiveColor:f})}),s("div",{"aria-hidden":r!=="variant","data-popmelt-sticker-depth-row":"variant",style:C(c.variant),children:xn(e,n)&&rt(n)&&s(of,{color:n,colors:d,showControl:!1})}),s("div",{"aria-hidden":r!=="value","data-popmelt-sticker-depth-row":"value",style:C(c.value),children:s(lf,{family:e,step:t,subproperty:n,colors:d,showControl:!1,unavailable:l,activeColor:f?d.surface:void 0,snapActiveColor:f},uf(r,e,n))})]})}function xs(e,t,n=tn,r=Cn){let o=e.x+us,i=e.y+us;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 ws(e,t,n){return n?0:Math.min(e,t)}function gf({cursor:e,family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a=0,contextLabelPulse:l=0,depthSnapPulse:d=0,rejectPulse:c=0,stepUnavailable:u=!1,query:p=null,toolbarElement:h,threadElement:f,annotationRailHovered:g=!1}){let[y]=ho(),C=Ie[y],k=`color-mix(in srgb, ${C.actionForeground} 16%, ${C.actionSurface})`,w=U0(t,r),E=$(t),M=$(o),S=$(r),T=$(o),N=$(a),H=$(l),P=$(c),L=$(null),W=$(!1),Z=$(!1),ae=$(0),pe=$(0),le=$(0),J=$(0),[ye,G]=R(null),[be,Ee]=R(!1),[X,xe]=R(!1),[A,I]=R(!1),[j,_]=R(null),[O,ee]=R(!1),[we,te]=R(0),[Je,q]=R(!1),[He,re]=R(!1);qe(()=>{if(P.current===c)return;P.current=c,re(!1);let je=window.requestAnimationFrame(()=>re(!0)),Pe=window.setTimeout(()=>re(!1),240);return()=>{window.cancelAnimationFrame(je),window.clearTimeout(Pe)}},[c]),qe(()=>{let je=T.current!==o&&o!=="family",Pe=o==="value"&&N.current!==a;if(T.current=o,N.current=a,!je&&!Pe)return;q(!0);let Vt=window.requestAnimationFrame(()=>q(!1));return()=>window.cancelAnimationFrame(Vt)},[a,o]),qe(()=>{let je=M.current!=="family"&&o==="family";M.current=o;let Pe=(Nt=!1)=>{ae.current&&window.cancelAnimationFrame(ae.current),Nt||window.clearTimeout(pe.current),window.clearTimeout(le.current),window.clearTimeout(J.current),ae.current=0,Nt||(pe.current=0),le.current=0,J.current=0},Vt=Nt=>{let Ae=ds;le.current=window.setTimeout(()=>{xe(Nt),Z.current=!1,Ee(!1)},fi),J.current=window.setTimeout(()=>{W.current=!1,G(null)},fi+Ae+W2)};if(o!=="family"){if(Pe(),E.current=t,!W.current)return;xe(!0),Z.current=!1,Ee(!1),J.current=window.setTimeout(()=>{W.current=!1,G(null)},Ur);return}if(!(E.current===t&&!je)){if(E.current=t,W.current=!0,G(t),je){Pe(),xe(!1),I(!0),Z.current=!0,Ee(!0),pe.current=window.setTimeout(()=>{pe.current=0,I(!1)},Ur),Vt(!1);return}pe.current||(Pe(!0),I(!1),xe(!1),Z.current||(Z.current=!0,Ee(!0)),Vt(!1))}},[t,o]),F(()=>()=>{window.cancelAnimationFrame(ae.current),window.clearTimeout(pe.current),window.clearTimeout(le.current),window.clearTimeout(J.current)},[]),F(()=>{let je=H.current!==l;if(H.current=l,!pf(t,o,r)){_(null),ee(!1),S.current=r;return}if(E.current!==t){S.current=r,_(null),ee(!1);return}if(S.current===r&&!je)return;S.current=r,ee(je),_(je?ff(t,r):ii(t,r));let Pe=window.setTimeout(()=>{_(null),ee(!1)},fi);return()=>window.clearTimeout(Pe)},[l,t,o,r]),qe(()=>{if(!j||!L.current){te(0);return}te(L.current.scrollWidth)},[j]);let Le=Z2(j?we:null,O?ss:pi),me=O?ss:pi,Ce=j?0:j2,fe=p||o!=="family"||ye?_2:tn,st=ue(()=>xs(e,{width:typeof window>"u"?Cn:window.innerWidth,height:typeof window>"u"?tn:window.innerHeight},fe),[fe,e]),Mt=h?ys(st,h.getBoundingClientRect(),fe):1,Ht=f?bs(e,st,f.getBoundingClientRect(),fe):1,ge=ws(Mt,Ht,g),Ne={position:"fixed",left:st.left,top:st.top,width:Cn,height:tn,display:"flex",alignItems:"center",justifyContent:"center",gap:1,boxSizing:"border-box",padding:4,border:`1px solid ${C.border}`,borderRadius:22,background:C.surface,color:C.primary,fontFamily:St,fontSize:12,fontWeight:600,lineHeight:1,pointerEvents:"none",overflow:"visible",opacity:ge,transform:`scale(${ge})`,transformOrigin:`${e.x-st.left}px ${e.y-st.top}px`,visibility:ge===0?"hidden":"visible",animation:He?"popmeltStickerReject 220ms ease-out":void 0,zIndex:2147483647,colorScheme:y},dt=p?O2(p):"";return v("div",{role:"status","aria-label":p?`Sticker search: ${dt||"search tokens"}`:`Sticker ${o}: ${o==="family"?t:o==="variant"?w:`${n} ${w}`}`,"data-popmelt-sticker-hud":!0,"aria-hidden":g||void 0,style:Ne,children:[s("style",{children:`@keyframes popmeltStickerReject {
256
256
  ${Yn}
257
257
  }
258
258
  @keyframes popmeltStickerFamilyLabelEnter {
@@ -268,7 +268,7 @@ Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{
268
268
  @keyframes popmeltStickerQueryCaret {
269
269
  0%, 45% { opacity: 1; }
270
270
  55%, 100% { opacity: 0; }
271
- }`}),s("span",{"aria-hidden":"true","data-popmelt-sticker-wheel-shell":!0,style:{position:"absolute",inset:1,borderRadius:21,background:C.surface,zIndex:1}}),s(ff,{family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a,snapPulse:d,stepUnavailable:u,colors:C}),!p&&v("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:(Cn-Le)/2,top:cs,width:Le,height:nn,display:"flex",alignItems:"center",justifyContent:"center",gap:W?4:0,padding:W?`0 ${me}px`:0,boxSizing:"border-box",border:`1px solid ${k}`,borderRadius:nn/2,background:C.actionSurface,color:C.actionForeground,transform:`translateY(${lf(o)}px) scale(${vs(o)})`,transition:`left ${Ce}ms ease-out, width ${Ce}ms ease-out, gap ${Ce}ms ease-out, padding ${Ce}ms ease-out, transform ${$t}ms ease`,transformOrigin:"center",willChange:"left, width, transform",overflow:"hidden",zIndex:0},children:[s("span",{style:{display:"block",transform:`scale(${sf(o)})`,transition:`transform ${$t}ms ease`,transformOrigin:"center"},children:pf(t,o,r)?s("span",{"data-popmelt-sticker-color-context":r,style:{display:"block",width:12,height:12,borderRadius:"50%",background:sr(r,o==="value"?n:ri),boxShadow:"inset 0 0 0 1px rgb(255 255 255 / 0.16)"}}):s(pr,{family:t,subproperty:t==="text"&&o==="variant"&&rt(r)?"color":r})}),s("span",{ref:L,"data-popmelt-sticker-subproperty-label":!0,style:{flexShrink:0,opacity:W&&we>0?1:0,color:C.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transition:"opacity 120ms ease"},children:W})]}),p&&s(H2,{query:p,border:k,background:C.actionSurface,foreground:C.actionForeground,renderIcon:We=>s(pr,{family:We.family,subproperty:We.subproperty,size:12})}),s("span",{"aria-hidden":"true","data-popmelt-sticker-depth-burst":!0,style:{position:"absolute",left:(Cn-$e)/2,top:(tn-$e)/2,width:$e,height:$e,overflow:"visible",pointerEvents:"none",zIndex:3},children:j2.map(We=>s("span",{style:{position:"absolute",left:"50%",top:"50%",width:4,height:1.5,borderRadius:1,background:i,opacity:Je?1:0,transform:`translate(-50%, -50%) rotate(${We}deg) translateX(${Je?17:30}px) scaleX(${Je?.7:1})`,transformOrigin:"center",transition:Je?"none":`transform ${gs}ms cubic-bezier(0.16, 1, 0.3, 1), opacity ${gs}ms ease-out`,willChange:"transform, opacity"}},We))}),!p&&ye&&s("span",{"data-popmelt-sticker-family-label":!0,style:{position:"absolute",left:"50%",top:hi,height:nn,display:"flex",alignItems:"center",justifyContent:"center",padding:"0 10px",boxSizing:"border-box",opacity:be?1:0,transform:`translate(-50%, ${X?-35:0}px) scale(${X?.9:1})`,transformOrigin:"center",transition:`transform ${Ur}ms ease, opacity ${ds}ms ease`,animation:be&&A?`popmeltStickerFamilyLabelEnter ${Ur}ms ease`:void 0,border:`1px solid ${k}`,borderRadius:nn/2,background:C.actionSurface,color:C.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",willChange:"transform, opacity",zIndex:0},children:Br(ye)})]})}var mf=3,gf=250,gi=["reviewing","considering","thinking","zhuzhing","iterating","tweaking","reflecting","noodling","pondering","finessing","polishing","riffing"],yf=3e3;function bf(e){let t=pn(qi),[n,r]=R(0),[o,i]=R(()=>Math.floor(Math.random()*gi.length));return F(()=>{if(!e||!t)return;let a=setInterval(()=>r(d=>(d+1)%mf),gf),l=setInterval(()=>i(d=>(d+1)%gi.length),yf);return()=>{clearInterval(a),clearInterval(l)}},[e,t]),{charIndex:n,word:gi[o]}}function Cs(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 vf=["id","data-pm","data-testid","data-test","data-cy","data-popmelt-media-id","data-popmelt-see-id","data-popmelt-subject-key","aria-label","name","href"],xf=["style","class","open","hidden","aria-hidden","data-state"];function yi(e){let t=new Set(vf);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,...xf])],changesIdentity:n=>n.type!=="attributes"||t.has(n.attributeName??"")}}var bi=12,ks=.24,Ss=8;function Is(e){return{boxSizing:"border-box",height:22,display:"flex",alignItems:"center",gap:4,backgroundColor:e,color:"#fff",fontSize:bi,lineHeight:`${bi*Zi}px`,fontFamily:Qi,letterSpacing:`${ks}px`,padding:`0 ${Ss}px`,borderRadius:8,whiteSpace:"nowrap",maxWidth:400}}var wf={overflow:"hidden",textOverflow:"ellipsis",flex:1,minWidth:0};function Ms(e,t){return!!(t&&(e===t||e.contains(t)))}function vi(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 xi(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 Cf(e,t,n,r){return t?r?.get(e)??n:n}function kf(e,t,n){return n?.color?n.color:t?.pending===!1&&(t.threadState||t.awaitingReview)?t.color:e}function Sf(e,t){return t?"#888888":e}function If(e){return e.isInFlight?"#888888":e.comment?e.comment.pending===!1?"#888888":e.threadAccentColor:e.isInFlight||e.hasThreadState||e.hasStickers?"#888888":e.accentColor}function Mf(e){return e.textChangeCount>0&&e.styleChangeCount===0?{label:`Text changed: ${e.modifiedText?.replace(/\s+/g," ").trim()||"Empty text"}`}:{label:e.elementLabel}}function Tf(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 Ts(e,t){let n=e.get(t);return n?(clearTimeout(n),e.delete(t),!0):!1}function Ef(e,t,n,r=1e3){Ts(e,t),e.set(t,setTimeout(()=>{e.delete(t),n()},r))}function Lf(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 Jr(e,t,n){return e!==null&&e.selector===t&&e.expandedIndices.includes(n)}function Es(e,t){return e?.selector===t?null:e}function Af({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 Ls({selector:e,label:t,tokens:n}){return JSON.stringify([e,t,n])}function Yr({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 rn(e){return e.selection?`${e.selection.family}:${e.selection.subproperty}`:`custom:${e.custom.property}`}function $f(e,t){return!e||!!t}function Nf(e,t){return{paddingLeft:e===0?8:xd,paddingRight:8,zIndex:t-e+1}}function Rf(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}`:ai(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=>rn(o)===rn(r))||t.push(r)}return t}function Pf({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 s(pr,{...t});let a=/(^|-)color$|^(fill|stroke)$/.test(e)?va:/(^|-)(width|inline-size)$/.test(e)?yc:/(^|-)(height|block-size)$/.test(e)?bc:vc;return s(a,{"aria-hidden":"true","data-popmelt-property-icon":e,size:12,strokeWidth:2.5,style:{display:"block"}})}function jn(e){return e.comment?.threadState??e.threadState}function zf(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 l=o.stickers[a];return i.token===l.token&&i.selection===l.selection&&rn(i)===rn(l)})})}function As(e){return Cs(e.element)}var Xr=8;function Hf(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 Of(e,t,n){return Hf(t,n,e)?e:{}}function $s(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 Ns(e,t){return t||e?.pending===!1?0:e?.imageCount??0}function Df(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%))`,l=o!==void 0?`${o}px`:"0px",d=i!==void 0?`${i}px`:"100dvh";return`translate(${a}, min(max(0px, calc(${l} - max(0px, ${t}px))), calc(${d} - max(0px, ${t}px) - 100%)))`}function Rs({left:e,top:t,avoidTop:n,avoidBottom:r,anchor:o,horizontalAlignment:i="left",visualRef:a,style:l,children:d,...c}){let u=vd(o),p=e-u.left,h=t-u.top;return s("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:Df(p,h,i,u.left+u.right,n,r),...l},children:s("div",{ref:a,children:d})})}function Ps({targetDocument:e,subjectRegistry:t,projectedTargets:n,readOnly:r=!1,focusedSelector:o,styleModifications:i,textModifications:a,stagedComments:l,accentColor:d,annotationNumberBySelector:c,inFlightSelectors:u,inFlightAnnotationIds:p,activeAnnotationIds:h,inFlightSelectorJobIds:f,waitingApprovalJobIds:g,inFlightSelectorColors:y,toolbarRef:C,onHoverSelector:k,sendHintSelector:w,pendingBundleCount:E=1,onHoverSendBundle:M,onSend:S,onSelectSticker:T,onDeleteSticker:N,threadStates:H,onViewThread:P,hoveredElement:L,hoveredElementInfo:j,showHoverIdentifier:Z=!1,onEditComment:ae,onDeleteComment:pe,onDeletePeerComment:le,onDeletePeerStyles:J,onDiscardTextChanges:ye,onArchiveThread:G,onClearInteractionEpisode:be,onEditSubject:Ee,onDeleteSubject:X,onHoverSubjectLabel:xe,activeCommentEntry:A,refreshKey:I}){let W=pn(qi),[_,O]=R([]),[ee,we]=R(null),[te,Je]=R(null),[q,He]=R(()=>new Map),re=$(new Map),Le=$(new Map),me=$(new Map),Ce=$(new Map),fe=$(new Map),st=$(new Map),Mt=oe(b=>{Ts(fe.current,b)},[]),Ht=oe(b=>{Ef(fe.current,b,()=>{Je(ne=>ne===b?null:ne),we(ne=>ne?.selector===b?null:ne)})},[]),ge=oe((b,ne,K)=>{we(he=>Lf(he,{selector:b,target:ne,index:K}))},[]),Ne=oe(b=>!!u?.has(b.selector)||!!b.comment&&!!h?.has(b.comment.id),[h,u]),dt=oe((b,ne)=>!Ne(b)&&(!!b.comment&&!!p?.has(b.comment.id)||ne?.status==="in_flight"),[Ne,p]),We=oe(b=>{let ne=li(b.hasPendingChanges,jn(b),f?.get(b.selector));return Af({isInFlight:Ne(b),isQueued:dt(b,ne),threadStatus:ne?.status})},[Ne,dt,f]),Pe=_.filter(b=>b.hasPendingChanges||!!jn(b)).map(b=>Ls({selector:b.selector,label:b.label,tokens:[...b.stickers.map(ne=>ne.token),...We(b)==="draft"?[]:[`status:${We(b)}`]]})).join("|");qe(()=>{let b=new Set,ne=new Map,K=new Set,he=new Set;for(let V of _){let Fe=jn(V);if(!V.hasPendingChanges&&!Fe)continue;b.add(V.selector);let Te=We(V),ze=Ls({selector:V.selector,label:V.label,tokens:[...V.stickers.map(Se=>Se.token),...Te==="draft"?[]:[`status:${Te}`]]});if(re.current.get(V.selector)===ze)continue;re.current.set(V.selector,ze);let Oe=me.current.get(V.selector);me.current.set(V.selector,Te),Te==="working"&&Oe!=="working"&&he.add(V.selector);let Re=Le.current.get(V.selector),Ve=new Map,ke=null;for(let Se of V.stickers){let je=rn(Se);Ve.set(je,Se.token),Re?.get(je)!==Se.token&&(ke=je)}if(Le.current.set(V.selector,Ve),!V.hasPendingChanges&&(Oe===void 0||Oe==="draft"&&Te!=="queued"&&Te!=="working")){let Se=Ce.current.get(V.selector);Se&&clearTimeout(Se),Ce.current.delete(V.selector),K.add(V.selector);continue}ne.set(V.selector,ke);let _e=Ce.current.get(V.selector);_e&&clearTimeout(_e),Ce.current.set(V.selector,setTimeout(()=>{He(Se=>{if(!Se.has(V.selector))return Se;let je=new Map(Se);return je.delete(V.selector),je}),Ce.current.delete(V.selector)},1e3))}for(let[V,Fe]of Ce.current)b.has(V)||(clearTimeout(Fe),Ce.current.delete(V),re.current.delete(V),Le.current.delete(V),me.current.delete(V));he.size>0&&we(V=>V&&he.has(V.selector)?null:V),He(V=>{let Fe=new Map([...V].filter(([Te])=>b.has(Te)));for(let[Te,ze]of ne)Fe.set(Te,ze);for(let Te of K)Fe.delete(Te);return Fe.size===V.size&&[...Fe].every(([Te,ze])=>V.get(Te)===ze)?V:Fe})},[_,Pe,We]),F(()=>()=>{for(let b of Ce.current.values())clearTimeout(b);Ce.current.clear();for(let b of fe.current.values())clearTimeout(b);fe.current.clear(),re.current.clear(),Le.current.clear(),me.current.clear()},[]);let Vt=u&&u.size>0||h&&h.size>0,{charIndex:Nt,word:Ae}=bf(!!Vt);F(()=>{if(!W)return;let b=null,ne=!1,K=e??document,he=yi([...l.flatMap(Re=>[Re.selector,Re.element.selector]),...i.flatMap(Re=>[Re.selector,Re.element.selector]),...a.flatMap(Re=>[Re.selector,Re.element.selector]),...Array.from(H??[]).flatMap(([Re,Ve])=>Ve.selectors??[Re])]),V=Re=>{try{let Ve=K.querySelectorAll(Re);return Ve.length===1?Ve[0]:null}catch{return null}},Fe=(Re,Ve)=>n?null:ko(Re,Ve,K),Te=()=>{let Re=[],Ve=new Map,ke=Q=>(Ve.has(Q)||Ve.set(Q,n?null:e?V(Q):Co(Q)),Ve.get(Q)),_e=new Map;for(let Q of l)_e.set(Q.selector,{selector:Q.selector,element:Q.element,styleChangeCount:0,textChangeCount:0,hasPendingChanges:Q.pending!==!1,stickers:[],comment:Q});for(let Q of i){let de=_e.get(Q.selector),Qe=[...de?.stickers??[]];if($f(Q.captured,f?.get(Q.selector)))for(let Ze of Rf(Q.changes)){let ht=rn(Ze);Qe.some(kt=>rn(kt)===ht)||Qe.push(Ze)}_e.set(Q.selector,{selector:Q.selector,element:Q.element,styleChangeCount:(de?.styleChangeCount??0)+Q.changes.length,textChangeCount:de?.textChangeCount??0,modifiedText:de?.modifiedText,hasPendingChanges:(de?.hasPendingChanges??!1)||!Q.captured&&!Q.awaitingReview,threadState:o0(Q)??de?.threadState,stickers:Qe,comment:de?.comment})}for(let Q of a){let de=_e.get(Q.selector);_e.set(Q.selector,{selector:Q.selector,element:de?.element??Q.element,styleChangeCount:de?.styleChangeCount??0,textChangeCount:1,modifiedText:Q.modified,hasPendingChanges:(de?.hasPendingChanges??!1)||!Q.captured,stickers:de?.stickers??[],threadState:de?.threadState,comment:de?.comment})}let Se=new Set,je=new Set,Qt=new Set;for(let Q of _e.values()){let de=Q.comment?.threadState;de?.threadId&&je.add(de.threadId),de?.targetBindingId&&Qt.add(de.targetBindingId)}for(let[Q,de]of _e){let Qe=Fe(Q,de.element);Qe&&(de.resolvedElement=Qe),Qe&&Se.add(Qe)}for(let[Q,de]of H??[]){if(n||je.has(de.threadId)||de.targetBindingId&&Qt.has(de.targetBindingId))continue;let Qe=ia(de.selectors??[Q],de.targetFingerprint,K);if(Qe.status!=="matched")continue;let{element:Ze}=Qe,ht=de.selectors?.[0]??Q;!Ze||Se.has(Ze)||(Se.add(Ze),_e.set(ht,{selector:ht,element:{...An(Ze),selector:ht},styleChangeCount:0,textChangeCount:0,hasPendingChanges:!1,stickers:[],resolvedElement:Ze,threadState:de}))}Array.from(_e.values()).forEach(Q=>{let de=Q.transientElement??Q.resolvedElement??Fe(Q.selector,Q.element),Qe=n?.get(Q.selector);if(!de&&!Qe)return;let Ze=Mf({elementLabel:As(Q),styleChangeCount:Q.styleChangeCount,textChangeCount:Q.textChangeCount,modifiedText:Q.modifiedText}),ht=Q.comment?.threadState??Q.threadState??(H?Zr(Q.selector,H,ke):void 0);Re.push({threadState:ht,selector:Q.selector,label:Q.threadState?.title?.trim()||Ze.label,annotationNumber:Q.transientElement?void 0:Q.comment?.annotationNumber??ht?.annotationNumber??c.get(Q.selector),domElement:de,projectedRect:Qe,hasPendingChanges:Q.hasPendingChanges,hasElementChanges:Q.styleChangeCount>0||Q.textChangeCount>0,stickers:Q.stickers,transient:!!Q.transientElement,comment:Q.comment})}),O(Q=>zf(Q,Re)?Q:Re)},ze=()=>{ne||b!==null||(b=requestAnimationFrame(()=>{b=null,Te()}))};if(Te(),n)return;window.addEventListener("resize",ze,!0);let Oe=new MutationObserver(Re=>{Re.some(he.changesIdentity)&&ze()});return Oe.observe(K.body,{attributes:!0,childList:!0,characterData:!0,subtree:!0,attributeFilter:he.attributes}),window.addEventListener("load",ze),K.fonts?.ready?.then(ze),()=>{ne=!0,window.removeEventListener("resize",ze,!0),window.removeEventListener("load",ze),Oe.disconnect(),b&&cancelAnimationFrame(b)}},[W,c,l,i,a,H,f,e,n]);let kn=Z&&!te&&L&&j?.selector&&!_.some(b=>b.domElement===L)?{selector:j.selector,label:As({element:j}),annotationNumber:void 0,domElement:L,hasPendingChanges:!1,hasElementChanges:!1,stickers:[],transient:!0}:null,De=kn?[..._,kn]:_;if(De.length===0)return null;let Tt=W?C?.current?.getBoundingClientRect():void 0,Bn=Tt?Tt.top<window.innerHeight/2:!1,fr=Tt?{avoidTop:Bn?Tt.bottom+Xr:void 0,avoidBottom:Bn?void 0:Tt.top-Xr,avoidLeft:Tt.left-Xr,avoidRight:Tt.right+Xr}:{},Fn=b=>{let ne=A?.element===b.domElement,K=li(b.hasPendingChanges,jn(b),f?.get(b.selector)),he=Ne(b),V=dt(b,K),Fe=g?.has(f?.get(b.selector)??K?.jobId??""),Te=b.comment?.awaitingReview?"Awaiting review":Fe?"Approval needed":he?Ae||"Thinking":V?"Queued":K?.status==="in_flight"?"Thinking":K?.status==="waiting_input"?"Question":K?.status==="failed"?"Failed":K?.label??"Replied";return(ne?A.width+(A.trailingWidth??0)+$s(b):$s(b)+ui(Ns(b.comment,he||!!K))+hd(b.comment?.interactionEpisodeStepCount??0))+(K||b.comment?.awaitingReview?28+Te.length*7.2:0)},Rt=De.find(b=>b.transient)??De.find(b=>b.domElement&&Ms(b.domElement,L)||te===b.selector||ee?.selector===b.selector)??(r?De.find(b=>b.selector===o):void 0),pt=(()=>{if(!Rt)return null;let b=Rt.projectedRect,ne=b?{...b,right:b.left+b.width,bottom:b.top+b.height}:Rt.domElement?.getBoundingClientRect();if(!ne)return null;let K=Fn(Rt),he=Ui(ne,22,2,window.innerHeight,K,window.innerWidth);return go(he,K,22)})(),Et=Is(d),Vn=wf;return v(Me,{children:[s("style",{dangerouslySetInnerHTML:{__html:`
271
+ }`}),s("span",{"aria-hidden":"true","data-popmelt-sticker-wheel-shell":!0,style:{position:"absolute",inset:1,borderRadius:21,background:C.surface,zIndex:1}}),s(mf,{family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a,snapPulse:d,stepUnavailable:u,colors:C}),!p&&v("span",{"aria-hidden":"true","data-popmelt-sticker-token-context":!0,"data-popmelt-sticker-token-context-stage":o,"data-popmelt-sticker-token-context-expanded":j?"true":"false",style:{position:"absolute",left:(Cn-Le)/2,top:cs,width:Le,height:nn,display:"flex",alignItems:"center",justifyContent:"center",gap:j?4:0,padding:j?`0 ${me}px`:0,boxSizing:"border-box",border:`1px solid ${k}`,borderRadius:nn/2,background:C.actionSurface,color:C.actionForeground,transform:`translateY(${df(o)}px) scale(${vs(o)})`,transition:`left ${Ce}ms ease-out, width ${Ce}ms ease-out, gap ${Ce}ms ease-out, padding ${Ce}ms ease-out, transform ${$t}ms ease`,transformOrigin:"center",willChange:"left, width, transform",overflow:"hidden",zIndex:0},children:[s("span",{style:{display:"block",transform:`scale(${cf(o)})`,transition:`transform ${$t}ms ease`,transformOrigin:"center"},children:hf(t,o,r)?s("span",{"data-popmelt-sticker-color-context":r,style:{display:"block",width:12,height:12,borderRadius:"50%",background:sr(r,o==="value"?n:ri),boxShadow:"inset 0 0 0 1px rgb(255 255 255 / 0.16)"}}):s(pr,{family:t,subproperty:t==="text"&&o==="variant"&&rt(r)?"color":r})}),s("span",{ref:L,"data-popmelt-sticker-subproperty-label":!0,style:{flexShrink:0,opacity:j&&we>0?1:0,color:C.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transition:"opacity 120ms ease"},children:j})]}),p&&s(D2,{query:p,border:k,background:C.actionSurface,foreground:C.actionForeground,renderIcon:je=>s(pr,{family:je.family,subproperty:je.subproperty,size:12})}),s("span",{"aria-hidden":"true","data-popmelt-sticker-depth-burst":!0,style:{position:"absolute",left:(Cn-$e)/2,top:(tn-$e)/2,width:$e,height:$e,overflow:"visible",pointerEvents:"none",zIndex:3},children:B2.map(je=>s("span",{style:{position:"absolute",left:"50%",top:"50%",width:4,height:1.5,borderRadius:1,background:i,opacity:Je?1:0,transform:`translate(-50%, -50%) rotate(${je}deg) translateX(${Je?17:30}px) scaleX(${Je?.7:1})`,transformOrigin:"center",transition:Je?"none":`transform ${gs}ms cubic-bezier(0.16, 1, 0.3, 1), opacity ${gs}ms ease-out`,willChange:"transform, opacity"}},je))}),!p&&ye&&s("span",{"data-popmelt-sticker-family-label":!0,style:{position:"absolute",left:"50%",top:hi,height:nn,display:"flex",alignItems:"center",justifyContent:"center",padding:"0 10px",boxSizing:"border-box",opacity:be?1:0,transform:`translate(-50%, ${X?-35:0}px) scale(${X?.9:1})`,transformOrigin:"center",transition:`transform ${Ur}ms ease, opacity ${ds}ms ease`,animation:be&&A?`popmeltStickerFamilyLabelEnter ${Ur}ms ease`:void 0,border:`1px solid ${k}`,borderRadius:nn/2,background:C.actionSurface,color:C.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",willChange:"transform, opacity",zIndex:0},children:Br(ye)})]})}var yf=3,bf=250,gi=["reviewing","considering","thinking","zhuzhing","iterating","tweaking","reflecting","noodling","pondering","finessing","polishing","riffing"],vf=3e3;function xf(e){let t=pn(qi),[n,r]=R(0),[o,i]=R(()=>Math.floor(Math.random()*gi.length));return F(()=>{if(!e||!t)return;let a=setInterval(()=>r(d=>(d+1)%yf),bf),l=setInterval(()=>i(d=>(d+1)%gi.length),vf);return()=>{clearInterval(a),clearInterval(l)}},[e,t]),{charIndex:n,word:gi[o]}}function Cs(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 wf=["id","data-pm","data-testid","data-test","data-cy","data-popmelt-media-id","data-popmelt-see-id","data-popmelt-subject-key","aria-label","name","href"],Cf=["style","class","open","hidden","aria-hidden","data-state"];function yi(e){let t=new Set(wf);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,...Cf])],changesIdentity:n=>n.type!=="attributes"||t.has(n.attributeName??"")}}var bi=12,ks=.24,Ss=8;function Is(e){return{boxSizing:"border-box",height:22,display:"flex",alignItems:"center",gap:4,backgroundColor:e,color:"#fff",fontSize:bi,lineHeight:`${bi*Zi}px`,fontFamily:Qi,letterSpacing:`${ks}px`,padding:`0 ${Ss}px`,borderRadius:8,whiteSpace:"nowrap",maxWidth:400}}var kf={overflow:"hidden",textOverflow:"ellipsis",flex:1,minWidth:0};function Ms(e,t){return!!(t&&(e===t||e.contains(t)))}function vi(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 xi(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 Sf(e,t,n,r){return t?r?.get(e)??n:n}function If(e,t,n){return n?.color?n.color:t?.pending===!1&&(t.threadState||t.awaitingReview)?t.color:e}function Mf(e,t){return t?"#888888":e}function Tf(e){return e.isInFlight?"#888888":e.comment?e.comment.pending===!1?"#888888":e.threadAccentColor:e.isInFlight||e.hasThreadState||e.hasStickers?"#888888":e.accentColor}function Ef(e){return e.textChangeCount>0&&e.styleChangeCount===0?{label:`Text changed: ${e.modifiedText?.replace(/\s+/g," ").trim()||"Empty text"}`}:{label:e.elementLabel}}function Lf(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 Ts(e,t){let n=e.get(t);return n?(clearTimeout(n),e.delete(t),!0):!1}function Af(e,t,n,r=1e3){Ts(e,t),e.set(t,setTimeout(()=>{e.delete(t),n()},r))}function $f(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 Jr(e,t,n){return e!==null&&e.selector===t&&e.expandedIndices.includes(n)}function Es(e,t){return e?.selector===t?null:e}function Nf({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 Ls({selector:e,label:t,tokens:n}){return JSON.stringify([e,t,n])}function Yr({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 rn(e){return e.selection?`${e.selection.family}:${e.selection.subproperty}`:`custom:${e.custom.property}`}function Rf(e,t){return!e||!!t}function Pf(e,t){return{paddingLeft:e===0?8:xd,paddingRight:8,zIndex:t-e+1}}function zf(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}`:ai(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=>rn(o)===rn(r))||t.push(r)}return t}function Hf({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 s(pr,{...t});let a=/(^|-)color$|^(fill|stroke)$/.test(e)?va:/(^|-)(width|inline-size)$/.test(e)?yc:/(^|-)(height|block-size)$/.test(e)?bc:vc;return s(a,{"aria-hidden":"true","data-popmelt-property-icon":e,size:12,strokeWidth:2.5,style:{display:"block"}})}function Wn(e){return e.comment?.threadState??e.threadState}function Of(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 l=o.stickers[a];return i.token===l.token&&i.selection===l.selection&&rn(i)===rn(l)})})}function As(e){return Cs(e.element)}var Xr=8;function Df(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 jf(e,t,n){return Df(t,n,e)?e:{}}function $s(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 Ns(e,t){return t||e?.pending===!1?0:e?.imageCount??0}function Wf(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%))`,l=o!==void 0?`${o}px`:"0px",d=i!==void 0?`${i}px`:"100dvh";return`translate(${a}, min(max(0px, calc(${l} - max(0px, ${t}px))), calc(${d} - max(0px, ${t}px) - 100%)))`}function Rs({left:e,top:t,avoidTop:n,avoidBottom:r,anchor:o,horizontalAlignment:i="left",visualRef:a,style:l,children:d,...c}){let u=vd(o),p=e-u.left,h=t-u.top;return s("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:Wf(p,h,i,u.left+u.right,n,r),...l},children:s("div",{ref:a,children:d})})}function Ps({targetDocument:e,subjectRegistry:t,projectedTargets:n,readOnly:r=!1,focusedSelector:o,styleModifications:i,textModifications:a,stagedComments:l,accentColor:d,annotationNumberBySelector:c,inFlightSelectors:u,inFlightAnnotationIds:p,activeAnnotationIds:h,inFlightSelectorJobIds:f,waitingApprovalJobIds:g,inFlightSelectorColors:y,toolbarRef:C,onHoverSelector:k,sendHintSelector:w,pendingBundleCount:E=1,onHoverSendBundle:M,onSend:S,onSelectSticker:T,onDeleteSticker:N,threadStates:H,onViewThread:P,hoveredElement:L,hoveredElementInfo:W,showHoverIdentifier:Z=!1,onEditComment:ae,onDeleteComment:pe,onDeletePeerComment:le,onDeletePeerStyles:J,onDiscardTextChanges:ye,onArchiveThread:G,onClearInteractionEpisode:be,onEditSubject:Ee,onDeleteSubject:X,onHoverSubjectLabel:xe,activeCommentEntry:A,refreshKey:I}){let j=pn(qi),[_,O]=R([]),[ee,we]=R(null),[te,Je]=R(null),[q,He]=R(()=>new Map),re=$(new Map),Le=$(new Map),me=$(new Map),Ce=$(new Map),fe=$(new Map),st=$(new Map),Mt=oe(b=>{Ts(fe.current,b)},[]),Ht=oe(b=>{Af(fe.current,b,()=>{Je(ne=>ne===b?null:ne),we(ne=>ne?.selector===b?null:ne)})},[]),ge=oe((b,ne,K)=>{we(he=>$f(he,{selector:b,target:ne,index:K}))},[]),Ne=oe(b=>!!u?.has(b.selector)||!!b.comment&&!!h?.has(b.comment.id),[h,u]),dt=oe((b,ne)=>!Ne(b)&&(!!b.comment&&!!p?.has(b.comment.id)||ne?.status==="in_flight"),[Ne,p]),je=oe(b=>{let ne=li(b.hasPendingChanges,Wn(b),f?.get(b.selector));return Nf({isInFlight:Ne(b),isQueued:dt(b,ne),threadStatus:ne?.status})},[Ne,dt,f]),Pe=_.filter(b=>b.hasPendingChanges||!!Wn(b)).map(b=>Ls({selector:b.selector,label:b.label,tokens:[...b.stickers.map(ne=>ne.token),...je(b)==="draft"?[]:[`status:${je(b)}`]]})).join("|");qe(()=>{let b=new Set,ne=new Map,K=new Set,he=new Set;for(let V of _){let Fe=Wn(V);if(!V.hasPendingChanges&&!Fe)continue;b.add(V.selector);let Te=je(V),ze=Ls({selector:V.selector,label:V.label,tokens:[...V.stickers.map(Se=>Se.token),...Te==="draft"?[]:[`status:${Te}`]]});if(re.current.get(V.selector)===ze)continue;re.current.set(V.selector,ze);let Oe=me.current.get(V.selector);me.current.set(V.selector,Te),Te==="working"&&Oe!=="working"&&he.add(V.selector);let Re=Le.current.get(V.selector),Ve=new Map,ke=null;for(let Se of V.stickers){let We=rn(Se);Ve.set(We,Se.token),Re?.get(We)!==Se.token&&(ke=We)}if(Le.current.set(V.selector,Ve),!V.hasPendingChanges&&(Oe===void 0||Oe==="draft"&&Te!=="queued"&&Te!=="working")){let Se=Ce.current.get(V.selector);Se&&clearTimeout(Se),Ce.current.delete(V.selector),K.add(V.selector);continue}ne.set(V.selector,ke);let _e=Ce.current.get(V.selector);_e&&clearTimeout(_e),Ce.current.set(V.selector,setTimeout(()=>{He(Se=>{if(!Se.has(V.selector))return Se;let We=new Map(Se);return We.delete(V.selector),We}),Ce.current.delete(V.selector)},1e3))}for(let[V,Fe]of Ce.current)b.has(V)||(clearTimeout(Fe),Ce.current.delete(V),re.current.delete(V),Le.current.delete(V),me.current.delete(V));he.size>0&&we(V=>V&&he.has(V.selector)?null:V),He(V=>{let Fe=new Map([...V].filter(([Te])=>b.has(Te)));for(let[Te,ze]of ne)Fe.set(Te,ze);for(let Te of K)Fe.delete(Te);return Fe.size===V.size&&[...Fe].every(([Te,ze])=>V.get(Te)===ze)?V:Fe})},[_,Pe,je]),F(()=>()=>{for(let b of Ce.current.values())clearTimeout(b);Ce.current.clear();for(let b of fe.current.values())clearTimeout(b);fe.current.clear(),re.current.clear(),Le.current.clear(),me.current.clear()},[]);let Vt=u&&u.size>0||h&&h.size>0,{charIndex:Nt,word:Ae}=xf(!!Vt);F(()=>{if(!j)return;let b=null,ne=!1,K=e??document,he=yi([...l.flatMap(Re=>[Re.selector,Re.element.selector]),...i.flatMap(Re=>[Re.selector,Re.element.selector]),...a.flatMap(Re=>[Re.selector,Re.element.selector]),...Array.from(H??[]).flatMap(([Re,Ve])=>Ve.selectors??[Re])]),V=Re=>{try{let Ve=K.querySelectorAll(Re);return Ve.length===1?Ve[0]:null}catch{return null}},Fe=(Re,Ve)=>n?null:ko(Re,Ve,K),Te=()=>{let Re=[],Ve=new Map,ke=Q=>(Ve.has(Q)||Ve.set(Q,n?null:e?V(Q):Co(Q)),Ve.get(Q)),_e=new Map;for(let Q of l)_e.set(Q.selector,{selector:Q.selector,element:Q.element,styleChangeCount:0,textChangeCount:0,hasPendingChanges:Q.pending!==!1,stickers:[],comment:Q});for(let Q of i){let de=_e.get(Q.selector),Qe=[...de?.stickers??[]];if(Rf(Q.captured,f?.get(Q.selector)))for(let Ze of zf(Q.changes)){let ht=rn(Ze);Qe.some(kt=>rn(kt)===ht)||Qe.push(Ze)}_e.set(Q.selector,{selector:Q.selector,element:Q.element,styleChangeCount:(de?.styleChangeCount??0)+Q.changes.length,textChangeCount:de?.textChangeCount??0,modifiedText:de?.modifiedText,hasPendingChanges:(de?.hasPendingChanges??!1)||!Q.captured&&!Q.awaitingReview,threadState:a0(Q)??de?.threadState,stickers:Qe,comment:de?.comment})}for(let Q of a){let de=_e.get(Q.selector);_e.set(Q.selector,{selector:Q.selector,element:de?.element??Q.element,styleChangeCount:de?.styleChangeCount??0,textChangeCount:1,modifiedText:Q.modified,hasPendingChanges:(de?.hasPendingChanges??!1)||!Q.captured,stickers:de?.stickers??[],threadState:de?.threadState,comment:de?.comment})}let Se=new Set,We=new Set,Qt=new Set;for(let Q of _e.values()){let de=Q.comment?.threadState;de?.threadId&&We.add(de.threadId),de?.targetBindingId&&Qt.add(de.targetBindingId)}for(let[Q,de]of _e){let Qe=Fe(Q,de.element);Qe&&(de.resolvedElement=Qe),Qe&&Se.add(Qe)}for(let[Q,de]of H??[]){if(n||We.has(de.threadId)||de.targetBindingId&&Qt.has(de.targetBindingId))continue;let Qe=ia(de.selectors??[Q],de.targetFingerprint,K);if(Qe.status!=="matched")continue;let{element:Ze}=Qe,ht=de.selectors?.[0]??Q;!Ze||Se.has(Ze)||(Se.add(Ze),_e.set(ht,{selector:ht,element:{...An(Ze),selector:ht},styleChangeCount:0,textChangeCount:0,hasPendingChanges:!1,stickers:[],resolvedElement:Ze,threadState:de}))}Array.from(_e.values()).forEach(Q=>{let de=Q.transientElement??Q.resolvedElement??Fe(Q.selector,Q.element),Qe=n?.get(Q.selector);if(!de&&!Qe)return;let Ze=Ef({elementLabel:As(Q),styleChangeCount:Q.styleChangeCount,textChangeCount:Q.textChangeCount,modifiedText:Q.modifiedText}),ht=Q.comment?.threadState??Q.threadState??(H?Zr(Q.selector,H,ke):void 0);Re.push({threadState:ht,selector:Q.selector,label:Q.threadState?.title?.trim()||Ze.label,annotationNumber:Q.transientElement?void 0:Q.comment?.annotationNumber??ht?.annotationNumber??c.get(Q.selector),domElement:de,projectedRect:Qe,hasPendingChanges:Q.hasPendingChanges,hasElementChanges:Q.styleChangeCount>0||Q.textChangeCount>0,stickers:Q.stickers,transient:!!Q.transientElement,comment:Q.comment})}),O(Q=>Of(Q,Re)?Q:Re)},ze=()=>{ne||b!==null||(b=requestAnimationFrame(()=>{b=null,Te()}))};if(Te(),n)return;window.addEventListener("resize",ze,!0);let Oe=new MutationObserver(Re=>{Re.some(he.changesIdentity)&&ze()});return Oe.observe(K.body,{attributes:!0,childList:!0,characterData:!0,subtree:!0,attributeFilter:he.attributes}),window.addEventListener("load",ze),K.fonts?.ready?.then(ze),()=>{ne=!0,window.removeEventListener("resize",ze,!0),window.removeEventListener("load",ze),Oe.disconnect(),b&&cancelAnimationFrame(b)}},[j,c,l,i,a,H,f,e,n]);let kn=Z&&!te&&L&&W?.selector&&!_.some(b=>b.domElement===L)?{selector:W.selector,label:As({element:W}),annotationNumber:void 0,domElement:L,hasPendingChanges:!1,hasElementChanges:!1,stickers:[],transient:!0}:null,De=kn?[..._,kn]:_;if(De.length===0)return null;let Tt=j?C?.current?.getBoundingClientRect():void 0,Bn=Tt?Tt.top<window.innerHeight/2:!1,fr=Tt?{avoidTop:Bn?Tt.bottom+Xr:void 0,avoidBottom:Bn?void 0:Tt.top-Xr,avoidLeft:Tt.left-Xr,avoidRight:Tt.right+Xr}:{},Fn=b=>{let ne=A?.element===b.domElement,K=li(b.hasPendingChanges,Wn(b),f?.get(b.selector)),he=Ne(b),V=dt(b,K),Fe=g?.has(f?.get(b.selector)??K?.jobId??""),Te=b.comment?.awaitingReview?"Awaiting review":Fe?"Approval needed":he?Ae||"Thinking":V?"Queued":K?.status==="in_flight"?"Thinking":K?.status==="waiting_input"?"Question":K?.status==="failed"?"Failed":K?.label??"Replied";return(ne?A.width+(A.trailingWidth??0)+$s(b):$s(b)+ui(Ns(b.comment,he||!!K))+hd(b.comment?.interactionEpisodeStepCount??0))+(K||b.comment?.awaitingReview?28+Te.length*7.2:0)},Rt=De.find(b=>b.transient)??De.find(b=>b.domElement&&Ms(b.domElement,L)||te===b.selector||ee?.selector===b.selector)??(r?De.find(b=>b.selector===o):void 0),pt=(()=>{if(!Rt)return null;let b=Rt.projectedRect,ne=b?{...b,right:b.left+b.width,bottom:b.top+b.height}:Rt.domElement?.getBoundingClientRect();if(!ne)return null;let K=Fn(Rt),he=Ui(ne,22,2,window.innerHeight,K,window.innerWidth);return go(he,K,22)})(),Et=Is(d),Vn=kf;return v(Me,{children:[s("style",{dangerouslySetInnerHTML:{__html:`
272
272
  [data-devtools="badge"]::selection,
273
273
  [data-devtools="badge"] *::selection {
274
274
  background: #000000;
@@ -342,4 +342,4 @@ Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{
342
342
  transition: none;
343
343
  }
344
344
  }
345
- `}}),De.map(b=>{let ne=A?.element===b.domElement,K=li(b.hasPendingChanges,jn(b),f?.get(b.selector)),he=Ne(b),V=dt(b,K),Fe=Cf(b.selector,he,d,y),Te=kf(Fe,b.comment,jn(b)),ze=he||K?.status==="in_flight",Oe=Sf(Te,ze),Re=g?.has(f?.get(b.selector)??K?.jobId??""),Ve=b.comment?.awaitingReview||K?.status==="awaiting_review",ke=Ve?"Awaiting review":Re?"Approval needed":he?Ae||"Thinking":V?"Queued":K?.status==="in_flight"?"Thinking":K?.status==="waiting_input"?"Question":K?.status==="failed"?"Failed":K?.label??"Replied",_e=!!(b.domElement&&Ms(b.domElement,L)),Se=te===b.selector,je=q.has(b.selector),Qt=q.get(b.selector),Q=!!K||b.comment?.pending===!1,de=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Q,isHovered:r&&o===b.selector||_e||Se||Jr(ee,b.selector,0),hasTimedReveal:je,isRevealedSticker:!1}),Qe=b.stickers.length+1,Ze=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Q,isHovered:Jr(ee,b.selector,Qe),hasTimedReveal:je,isRevealedSticker:!1}),ht=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Q,isHovered:r&&o===b.selector||_e||Se||Jr(ee,b.selector,Qe),hasTimedReveal:je,isRevealedSticker:je}),kt=Fn(b),on=(ne?A.imageCount:Ns(b.comment,he||!!K))??0,an=b.stickers.length>0||on>0,Qn=cd({hasCommentEntry:ne||!!b.comment,stagedChangeCount:b.stickers.length+ +(on>0)}),Ot=he||!!K||!!b.comment?.awaitingReview,tt=!Ot&&b.selector===w,Xe=!ne&&de.annotationCollapsed&&ht.stickerCollapsed&&Ze.sendCompact&&!je&&ee?.selector!==b.selector,ln=Xe?ud({annotationNumber:b.annotationNumber,stickerCount:b.stickers.length,interactionEpisodeStepCount:b.comment?.interactionEpisodeStepCount??0,hasStatus:Ot,hasSend:tt,controlGap:Qn})+ui(on):kt;return s(pd,{element:b.domElement,projectedRect:b.projectedRect,onRemove:b.comment&&le?()=>le(b.comment.id):J&&i.some(Be=>Be.selector===b.selector)?()=>J(i.filter(Be=>Be.selector===b.selector)):void 0,onActivate:b.comment?.threadId||K?.threadId?()=>P?.(b.comment?.threadId??K?.threadId):void 0,hideOutline:!(r&&Rt===b),color:Te,fillOpacity:.1,outlineZIndex:10002,subjectRegistry:t,hideTooltip:!0,railGap:2,railWidth:kt,refreshKey:I,renderRail:Be=>{let Zn=st.current.get(b.selector)?.getBoundingClientRect(),Gr=Zn?.width?Zn:go(Be,kt,22),hr=!!(Xe&&Rt!==b&&pt&&Ji(Gr,pt));if(Rt!==b&&pt&&Ji(go(Be,ln,22),pt))return null;let Sn=Be.horizontalAlignment==="right"?Be.left-kt:Be.left,sn=Of(fr,Sn,kt);if(b.transient){let B=b.domElement?$d(b.domElement):null;return s(Rs,{"data-popmelt-rail-priority":"intent","data-popmelt-subject-label-action":B?"true":void 0,"data-popmelt-subject-adapter":B?.adapter,"data-popmelt-subject-key":B?.key,left:Be.left,top:Be.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:Be.anchor,horizontalAlignment:Be.horizontalAlignment,style:{zIndex:10001,pointerEvents:B?"auto":"none",cursor:B?"pointer":void 0},onPointerDown:se=>{B&&se.stopPropagation()},onClick:se=>{B&&(se.preventDefault(),se.stopPropagation(),Ee?.(B))},onContextMenu:se=>{B&&(se.preventDefault(),se.stopPropagation(),X?.(B))},onMouseEnter:()=>{B&&xe?.(B)},onMouseLeave:()=>xe?.(null),children:s("div",{"data-devtools":"steer-element-identifier",ref:se=>{b.domElement&&Yi(b.domElement,se)},"data-popmelt-subject-label-action":B?"true":void 0,style:{...Et,borderRadius:b.domElement===document.body?kr("bottom-left"):kr(Be.anchor)},children:s("span",{style:Vn,children:b.label})})})}return s(Rs,{"data-popmelt-rail-priority":"history","data-popmelt-snap-collapse":hr||void 0,visualRef:B=>{B?st.current.set(b.selector,B):st.current.delete(b.selector)},left:Be.left,top:Be.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:Be.anchor,horizontalAlignment:Be.horizontalAlignment,onClick:()=>{if(ne)return;let B=Tf(b.comment,b.comment?.threadId??K?.threadId);B.type==="edit-comment"?ae?.(B.annotationId):B.type==="open-thread"&&P?.(B.threadId)},onContextMenu:B=>{if(B.preventDefault(),B.stopPropagation(),b.comment&&le){le(b.comment.id);return}if(J){let se=i.filter(Pt=>Pt.selector===b.selector);if(se.length){J(se);return}}b.comment&&b.comment.pending!==!1&&pe?(Mt(b.selector),we(se=>Es(se,b.selector)),Je(se=>se===b.selector?null:se),k?.(null),pe(b.comment.id)):a.some(se=>se.selector===b.selector&&!se.captured)?ye?.(b.selector):!b.hasPendingChanges&&!he&&K?.status==="resolved"&&G?.(K.threadId)},onMouseEnter:()=>{Mt(b.selector),Je(b.selector),k?.(b.selector)},onMouseLeave:()=>{Ht(b.selector),k?.(null)},style:{zIndex:ne?10002:1e4,cursor:ne?"text":"pointer",pointerEvents:"auto"},children:v("div",{ref:B=>{b.domElement&&Yi(b.domElement,B)},style:{display:"flex",alignItems:"center",gap:Qn},children:[ne?A.render(Be.anchor):v("div",{"data-devtools":"badge","data-popmelt-collapsed":de.annotationCollapsed,onMouseEnter:()=>ge(b.selector,"annotation",0),style:{...Et,backgroundColor:If({accentColor:d,threadAccentColor:Te,comment:b.comment,isInFlight:he,hasThreadState:!!K,hasStickers:b.stickers.length>0}),gap:0,letterSpacing:b.comment?0:Et.letterSpacing,borderRadius:b.domElement===document.body?kr("bottom-left"):kr(Be.anchor)},children:[s("span",{style:{fontWeight:600},children:b.annotationNumber}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",style:{...Vn,paddingLeft:b.comment?0:void 0},children:b.comment?v(Me,{children:[".",s("span",{style:{marginLeft:2},children:b.comment.text})]}):v(Me,{children:[". ",b.label]})})})]}),!an&&s(Xi,{stepCount:ne?0:b.comment?.interactionEpisodeStepCount??0,onClear:b.comment?.pending!==!1&&be?()=>be(b.comment.id):void 0,submitted:b.comment?.pending===!1}),an&&v("div",{className:"popmelt-staged-sticker-group",children:[b.stickers.map((B,se)=>{let Pt=rn(B),Dt=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:!!K,isHovered:Jr(ee,b.selector,se+1),hasTimedReveal:je,isRevealedSticker:je&&Pt===Qt}),ot=Nf(se,b.stickers.length+ +(on>0)),Wt=se===0?void 0:mo;return v("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:ot.zIndex},children:[s("span",{"aria-hidden":!0,className:"popmelt-staged-sticker-pointer",style:{"--popmelt-staged-accent":Oe,WebkitMaskImage:se===0?void 0:Cr,maskImage:se===0?void 0:Cr}}),v("button",{type:"button","data-devtools":"staged-sticker","data-popmelt-style-property":B.custom?.property,title:B.custom?`${B.custom.property}: ${B.custom.value}`:void 0,"data-popmelt-collapsed":Dt.stickerCollapsed,onMouseEnter:()=>ge(b.selector,Pt,se+1),"aria-label":B.custom?`Custom ${B.custom.property}: ${B.custom.value}`:`${r?"Staged":"Edit staged"} ${B.token} sticker`,onPointerDown:mt=>{mt.preventDefault(),mt.stopPropagation()},onClick:mt=>{mt.preventDefault(),mt.stopPropagation(),B.selection&&T?.(b.selector,B.selection)},onContextMenu:mt=>{mt.preventDefault(),mt.stopPropagation(),Mt(b.selector),we(In=>Es(In,b.selector)),k?.(null),B.selection&&N?.(b.selector,B.selection)},style:{...Et,position:"relative",height:"100%",minHeight:22,appearance:"none",border:0,margin:0,paddingLeft:ot.paddingLeft,paddingRight:ot.paddingRight,gap:0,cursor:B.selection&&(T||N)?"pointer":"default",backgroundColor:Oe,WebkitMaskImage:Wt,maskImage:Wt},children:[B.selection?s(pr,{family:B.selection.family,subproperty:B.selection.subproperty,step:B.selection.step}):s(Pf,{property:B.custom.property}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:B.token})})]})]},Pt)}),s(ls,{imageCount:on,color:Oe,layered:b.stickers.length>0}),!ne&&(b.comment?.interactionEpisodeStepCount??0)>0&&s("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:1},children:s(Xi,{stepCount:b.comment.interactionEpisodeStepCount,layered:!0,onClear:b.comment?.pending!==!1&&be?()=>be(b.comment.id):void 0,submitted:b.comment?.pending===!1})}),tt&&s(Ki,{bundleCount:E,compact:Ze.sendCompact,layered:!0,onHoverChange:B=>{B&&ge(b.selector,"send",Qe),M?.(B)},onSend:S,style:{position:"relative",zIndex:(b.comment?.interactionEpisodeStepCount??0)>0?0:1}})]}),Ot&&s("button",{type:"button","data-devtools":"annotation-badge","data-popmelt-collapsed":ht.stickerCollapsed,onMouseEnter:()=>ge(b.selector,"thread-status",Qe),"aria-label":K?`${ke}. Open thread`:ke,onPointerDown:B=>{B.preventDefault(),B.stopPropagation()},onClick:B=>{B.preventDefault(),B.stopPropagation();let se=b.comment?.threadId??K?.threadId;se&&P?.(se)},style:{...Et,appearance:"none",border:0,margin:0,cursor:K&&P?"pointer":"default",backgroundColor:Te,gap:0},children:Ve?v(Me,{children:[s(pa,{size:12,strokeWidth:2.25}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:ke})})]}):he?v(Me,{children:[Re?s(Qd,{size:12,"aria-label":"Approval needed"}):s("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"currentColor",style:{verticalAlign:"middle"},children:Nt===1?v(Me,{children:[s("circle",{cx:"7",cy:"7",r:"2"}),s("circle",{cx:"17",cy:"7",r:"2"}),s("circle",{cx:"7",cy:"17",r:"2"}),s("circle",{cx:"17",cy:"17",r:"2"})]}):v(Me,{children:[s("circle",{cx:"12",cy:"6",r:"2"}),s("circle",{cx:"6",cy:"12",r:"2"}),s("circle",{cx:"18",cy:"12",r:"2"}),s("circle",{cx:"12",cy:"18",r:"2"})]})}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",style:{opacity:.8},children:ke})})]}):v(Me,{children:[V?s(pa,{"data-devtools":"queued-status-icon",size:12,strokeWidth:2.25,style:{verticalAlign:"middle",opacity:.6}}):K?.status==="waiting_input"?s(Zd,{"data-devtools":"question-status-icon",size:12,strokeWidth:2.25,style:{transform:"translateY(-0.5px)",flexShrink:0}}):K?.status==="failed"?s(qd,{size:12,strokeWidth:2.25}):s(Ud,{size:12,strokeWidth:2.25}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:ke})})]})}),tt&&!an&&s(Ki,{bundleCount:E,compact:Ze.sendCompact,onHoverChange:B=>{B&&ge(b.selector,"send",Qe),M?.(B)},onSend:S})]})})}},`${b.transient?"intent":"history"}:${b.selector}`)})]})}var _n=8,wi=4;function Wf(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function jf(e,t){return e===t||aa(e,t)||aa(t,e)}function _f(e,t){return jf(e,t)||Xn(e)!==null&&Xn(e)===Xn(t)}function Bf(e){let t=0,n=Xn(e);for(;n;)t+=1,n=Xn(n);return t}function Ci(e,t){return ko(e,t?.[0])}function zs(e){return!!(e.linkedSelector&&e.elements?.[0]?.tagName.toLowerCase()==="body")}function Ff(e){let t=Ui(e,22,2,window.innerHeight);return{x:t.left+window.scrollX+8,y:t.top+window.scrollY+4}}function Vf(e){let t=e?.getBoundingClientRect();return!t||typeof window>"u"?{}:t.top<window.innerHeight/2?{avoidTop:t.bottom+_n,avoidLeft:t.left-_n,avoidRight:t.right+_n}:{avoidBottom:t.top-_n,avoidLeft:t.left-_n,avoidRight:t.right+_n}}function Qf(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 Zf(e,t,n=0,r,o,i=90){let a=e.left+window.scrollX+8,l=t==="top-left"?e.top+window.scrollY-wi-22-n*22+4:e.bottom+window.scrollY+wi+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 f=window.scrollY+p.bottom+4;f>d&&(d=f,u="top")}else{let f=window.scrollY+p.top-22-4;f<c&&(c=f,u="bottom")}}return d>c&&(c=d),l<d?l=u==="top"?d:e.top+window.scrollY+4:l>c&&(l=u==="bottom"?c:Math.max(e.top+window.scrollY+4,c)),{x:a,y:l}}var qf=new Set(["resolved","needs_review","waiting_input","failed"]);function ki(e){return e.linkedSelector??(e.target?ta(e.target):void 0)}function Uf(e,t){let n=e.groupId?t.filter(c=>c.groupId===e.groupId):[e],r=n.find(c=>c.status!==void 0&&qf.has(c.status)),o=n.find(c=>c.threadId),i=n.find(c=>ki(c)),a=i?ki(i):void 0;if(!r?.status||!o?.threadId||!a)return;let l=n.find(c=>c.targetBindingId),d=n.find(c=>c.replyJobIds?.length);return{status:r.status,threadId:o.threadId,targetBindingId:l?.targetBindingId,replyJobIds:d?.replyJobIds,linkedSelector:a,elements:i?.elements}}function Hs({resolveElement:e,projectedSelectors:t,activeText:n,activeColor:r,annotations:o,annotationNumberById:i,focusedThreadAnnotationId:a,hiddenCollidingAnnotationIds:l,modifiedElementThreadStates:d,nestedCollidingAnnotationCountById:c,nestedCollidingAnnotationIdsById:u,pageAnnotations:p,pageStyleModifications:h,pageTextModifications:f,sendHintAnchorId:g,supersededAnnotations:y,visibleCollisionRepresentativeByAnnotationId:C,activeTextSendHintId:k,targetResolutionRevision:w}){let E=oe((A,I)=>t?null:e?e(A,I):Ci(A,I),[w,e,t]),M=ue(()=>{let A=[],I=new Set,W=[...p].sort((_,O)=>O.timestamp-_.timestamp);for(let _ of W){if(_.type!=="text"||!_.text||!_.linkedSelector||y.has(_)||l.has(_.id))continue;let O=_.status??(_.captured?"in_flight":"pending");if(!["pending","sending","in_flight","awaiting_review"].includes(O))continue;let ee=i.get(_.id);if(ee===void 0||I.has(_.linkedSelector))continue;let we=E(_.linkedSelector,_.elements),te=_.elements?.[0];!we&&!(t?.has(_.linkedSelector)&&te)||(I.add(_.linkedSelector),A.push({id:_.id,selector:_.linkedSelector,text:_.text.replace(/\n/g," "),annotationNumber:ee,color:_.color,element:te??An(we),pending:O==="pending",awaitingReview:O==="awaiting_review",threadId:_.threadId,imageCount:_.imageCount??0,interactionEpisodeStepCount:_.interactionEpisode?.steps.length}))}return A},[i,l,p,y,E,t]),S=ue(()=>new Set(M.map(A=>A.id)),[M]),T=ue(()=>{let A=new Map;for(let I of p){if(I.type!=="text")continue;let W=Uf(I,p);W&&A.set(I.id,W)}return A},[p]),N=ue(()=>{let A=[],I=new Set,W=[...p].sort((_,O)=>+(O.id===a)-+(_.id===a)||O.timestamp-_.timestamp);for(let _ of W){let O=T.get(_.id);if(!O||!vi({..._,status:O.status,threadId:O.threadId,linkedSelector:O.linkedSelector})||!_.text||y.has(_)||l.has(_.id)||I.has(O.linkedSelector))continue;let ee=i.get(_.id);if(ee===void 0)continue;let we=E(O.linkedSelector,O.elements),te=O.elements?.[0];!we&&!(t?.has(O.linkedSelector)&&te)||(I.add(O.linkedSelector),A.push({id:_.id,selector:O.linkedSelector,text:_.text.replace(/\n/g," "),annotationNumber:ee,color:_.color,element:te??An(we),pending:!1,imageCount:_.imageCount??0,interactionEpisodeStepCount:_.interactionEpisode?.steps.length,threadState:{jobId:O.replyJobIds?.[O.replyJobIds.length-1]??O.threadId,threadId:O.threadId,targetBindingId:O.targetBindingId,annotationNumber:ee,status:O.status==="waiting_input"?"waiting_input":O.status==="failed"?"failed":"resolved",label:O.status==="waiting_input"?"Question":O.status==="failed"?"Failed":"Replied"}}))}return A},[i,a,l,p,T,y,E,t]),H=ue(()=>[...M,...N],[N,M]),P=ue(()=>{let A=new Set,I=new Set,W=new Set,_=new Set;for(let[O,ee]of d??[])if(ia(ee.selectors??[O],ee.targetFingerprint).status==="matched"){I.add(ee.threadId),ee.targetBindingId&&W.add(ee.targetBindingId);for(let we of ee.selectors??[])_.add(we);!ee.targetBindingId&&!ee.selectors?.length&&_.add(O)}for(let O of p){let ee=T.get(O.id),we=O.groupId?p.filter(He=>He.groupId===O.groupId):[O],te=we.map(ki).find(He=>!!He),Je=we.find(He=>He.threadId)?.threadId,q=we.find(He=>He.targetBindingId)?.targetBindingId;if(!(O.type!=="text"||!O.text||!te||y.has(O)||l.has(O.id))){if(Je&&I.has(Je)||q&&W.has(q)||_.has(te)){A.add(O.id);continue}!ee||!vi({...O,status:ee.status,threadId:ee.threadId,linkedSelector:ee.linkedSelector})||E(ee.linkedSelector,ee.elements)&&A.add(O.id)}}return A},[l,d,p,T,y,E]),L=ue(()=>{let A=new Set;for(let I of p)!xi(I)||!I.linkedSelector||y.has(I)||l.has(I.id)||E(I.linkedSelector,I.elements)&&A.add(I.id);return A},[l,p,y,E]),j=ue(()=>{let A=new Set(L);for(let I of S)A.add(I);for(let I of P)A.add(I);return A},[L,P,S]),Z=ue(()=>new Map(H.map(A=>[A.selector,A.color])),[H]),ae=ue(()=>new Set([...l,...j]),[j,l]),pe=ue(()=>{if(!n?.linkedSelector||n.domEdit)return null;let A=E(n.linkedSelector,n.elements);if(!A)return null;let I=[...h,...f].find(O=>!O.captured&&Ci(O.selector,[O.element])===A),W=p.find(O=>O.id===n.id),_=!!(!n.isNew&&W&&xi(W));return!I&&!_?null:{element:A,selector:I?.selector??n.linkedSelector}},[n,p,h,f,E]),le=g===k?g:g?C.get(g)??g:null,J=ue(()=>{if(le===k)return n?.text.trim()?pe?.selector??null:null;if(le&&le!==k)return M.find(A=>A.id===le)?.selector??null;for(let A=f.length-1;A>=0;A-=1){let I=f[A];if(I&&!I.captured)return I.selector}for(let A=h.length-1;A>=0;A-=1){let I=h[A];if(I&&!I.captured&&!I.awaitingReview)return I.selector}return null},[n,pe,k,h,f,M,le]),ye=n?n.isNew?k:n.id:null,G=ye?c.get(ye)??0:0,be=ye?u.get(ye)??[]:[],Ee=n?.isNew?void 0:o.find(A=>A.id===n?.id),X=(Ee?.status??(Ee?.captured?"in_flight":"pending"))==="pending"?Ee?.color??r:"#8c8c8c",xe=ue(()=>p.filter(A=>!(y.has(A)||l.has(A.id)||j.has(A.id)||n&&!n.isNew&&A.id===n.id)),[n,j,l,p,y]);return{activeTextAnnotation:Ee,activeTextCollisionId:ye,activeTextModifiedRail:pe,activeTextNestedAnnotationCount:G,activeTextNestedAnnotationIds:be,activeTextNestedBadgeColor:X,elementRailColorBySelector:Z,elementRailCommentIds:j,elementRailComments:H,hiddenAnnotationBadgeIds:ae,modifiedElementSendHintSelector:J,stagedElementComments:M,visibleCanvasAnnotations:xe,visibleSendHintAnchorId:le}}function Kr(e){if(e.length<2)return null;let t=e[0],n=e[e.length-1];return t&&n?[t,n]:null}var Jf=(e,t,n,r)=>{let o=Kr(t);if(!o)return;let[i,a]=o,l=(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(l,d,c,u,0,0,Math.PI*2),e.stroke()},Yf=(e,t,n,r)=>{let o=Kr(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 l=1;l<t.length-1;l++){let d=t[l],c=t[l+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()},Xf=(e,t,n,r)=>{let o=Kr(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()},Kf=(e,t,n,r)=>{let o=Kr(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))},Os=11,Si=4,Gf=`600 ${Os}px system-ui, -apple-system, sans-serif`;function Ds(e,t,n){return e.map(r=>({x:r.x-t,y:r.y-n}))}function eh(e,t,n,r,o,i){let a=String(r);e.font=Gf;let l=e.measureText(a).width+Si*2,d=Os+Si*2,c=t-l/2,u=n+i/2+2;e.fillStyle=o,e.fillRect(c,u,l,d),e.fillStyle="#ffffff",e.textBaseline="middle",e.fillText(a,c+Si,u+d/2)}function th(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=$(null),t=oe(()=>{let a=e.current;if(!a)return;let l=a.getContext("2d");l&&l.clearRect(0,0,a.width,a.height)},[]),n=oe((a,l,d,c=1,u=!1)=>{let p=e.current;if(!p)return;let h=p.getContext("2d");if(!h)return;let f=a.status??(a.captured?"in_flight":"pending"),g=f==="pending"?a.color:"#8c8c8c";switch(h.save(),h.globalAlpha=c,a.type){case"freehand":Yf(h,a.points,g,a.strokeWidth);break;case"line":Xf(h,a.points,g,a.strokeWidth);break;case"rectangle":Kf(h,a.points,g,a.strokeWidth);break;case"circle":Jf(h,a.points,g,a.strokeWidth);break;case"text":if(a.text&&a.points[0]){let y=f==="pending"?"#ffffff":"#dddddd";fd(h,a.points[0],a.text,g,a.fontSize,l,a.points[0].x,d,y,zs(a)?"bottom-left":a.linkedAnchor,u)}break}h.restore()},[]),r=oe((a,l)=>{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,l/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),f=Math.max(u.x,p.x),g=Math.min(u.y,p.y),y=Math.max(u.y,p.y),C=(h+f)/2,k=(g+y)/2;[{x:C,y:g},{x:C,y},{x:h,y:k},{x:f,y:k}].forEach(w=>{c.beginPath(),c.rect(w.x-l/2,w.y-l/2,l,l),c.fill(),c.stroke()});return}if(a.type==="rectangle"||a.type==="freehand"){let u,p,h,f;if(a.type==="freehand")u=Math.min(...a.points.map(g=>g.x)),p=Math.max(...a.points.map(g=>g.x)),h=Math.min(...a.points.map(g=>g.y)),f=Math.max(...a.points.map(g=>g.y));else{let g=a.points[0],y=a.points[a.points.length-1];u=Math.min(g.x,y.x),p=Math.max(g.x,y.x),h=Math.min(g.y,y.y),f=Math.max(g.y,y.y)}[{x:u,y:h},{x:p,y:h},{x:u,y:f},{x:p,y:f}].forEach(g=>{c.beginPath(),c.rect(g.x-l/2,g.y-l/2,l,l),c.fill(),c.stroke()})}}},[]),o=oe((a,l,d,c=0,u=0,p,h,f,g,y,C=.5,k)=>{if(t(),a.forEach(w=>{let E={...w,points:Ds(w.points,c,u)},M=p?.get(w.id),S=y?.has(w.id)??!1,T=!!h?.size,N=h?.has(w.id)??!1,H=T?N?1:.2:g&&!g.has(w.id)&&!S?C:1;n(E,M,f,H,k?.has(w.id))}),l&&l.length>0&&d){let w=e.current?.getContext("2d");for(let E of l){let M=a.find(S=>S.id===E);if(M){let S=y?.has(M.id)??!1,T=!!h?.size,N=h?.has(M.id)??!1,H=T?N?1:.2:g&&!g.has(M.id)&&!S?C:1,P={...M,points:Ds(M.points,c,u)};if(w?.save(),w&&(w.globalAlpha=H),r(P,d),w&&M.type!=="text"&&p&&!(M.groupId&&a.some(L=>L.groupId===M.groupId&&L.type==="text"))){let L=p.get(M.id);if(L!==void 0){let j=th(P);if(j){let Z=(M.status??(M.captured?"in_flight":"pending"))==="pending"?M.color:"#999999";eh(w,j.x,j.y,L,Z,d)}}}w?.restore()}}}},[t,n,r]),i=oe(()=>{let a=e.current;if(!a)return;let l=window.devicePixelRatio||1,d=window.visualViewport?.width??window.innerWidth,c=window.visualViewport?.height??window.innerHeight;a.width=d*l,a.height=c*l;let u=a.getContext("2d");u&&u.scale(l,l)},[]);return{canvasRef:e,clearCanvas:t,drawAnnotation:n,redrawAll:o,resizeCanvas:i}}function nh(e){if(e.length===0)return{x:0,y:0,width:0,height:0};let t=e.map(l=>l.x),n=e.map(l=>l.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 rh=new Set;function oh({annotations:e,annotationGroupMap:t,targetDocument:n,color:r,onViewThread:o,onDelete:i}){let{canvasRef:a,redrawAll:l,resizeCanvas:d}=Ws(),[c,u]=R({x:0,y:0,revision:0}),[p,h]=R([]);qe(()=>{let g=n.defaultView,y=()=>{let C=g?.frameElement?.getBoundingClientRect();u(k=>({x:(C?.left??0)-(g?.scrollX??0),y:(C?.top??0)-(g?.scrollY??0),revision:k.revision+1}))};return y(),g?.addEventListener("scroll",y,{passive:!0}),window.addEventListener("resize",y),()=>{g?.removeEventListener("scroll",y),window.removeEventListener("resize",y)}},[n]);let f=ue(()=>di(e,n.location?.pathname??"/").filter(g=>g.points.length>0).map(g=>({...g,color:r,points:g.points.map(y=>({x:y.x+c.x,y:y.y+c.y}))})),[e,r,n,c]);return qe(()=>{if(!f.length){h([]);return}d(),l(f,[],void 0,0,0,t);let g=a.current?.getContext("2d");g&&h(f.map(y=>{if(y.type!=="text"){let T=nh(y.points);return{annotation:y,left:T.x,top:T.y,width:Math.max(12,T.width),height:Math.max(12,T.height)}}let C=y.fontSize??12,k=t.get(y.id),w=`${k===void 0?"":`${k}. `}${(y.text??"").replace(/\n/g," ")}`,E=y.points[0];g.font=`${C}px ${Qi}`;let M=g.measureText(wd(g,w,Cd(E.x))).width+16,S=kd(E,C,void 0,M);return{annotation:y,left:S.x-8,top:S.y-4,width:M,height:C*Zi+8}}))},[f,t,a,l,d]),f.length?v(Me,{children:[s("canvas",{ref:a,"aria-hidden":!0,style:{position:"fixed",inset:0,width:"100vw",height:"100vh",pointerEvents:"none",zIndex:9999}}),p.map(({annotation:g,...y})=>s("button",{type:"button","data-devtools":"peer-canvas-annotation","data-annotation-id":g.id,"aria-label":g.text??"Annotation",onClick:C=>{C.stopPropagation(),g.threadId&&o?.(g.threadId)},onPointerDown:C=>C.stopPropagation(),onContextMenu:i?C=>{C.preventDefault(),C.stopPropagation(),i(g.id)}:void 0,style:{...y,position:"fixed",padding:0,border:0,background:"transparent",pointerEvents:"auto",cursor:g.threadId?"pointer":"default",zIndex:9999}},g.id)),s(Sd,{annotations:f,supersededAnnotations:rh,annotationGroupMap:t,scrollX:0,scrollY:0,onViewThread:o,canvasRef:a,pendingBundleCount:0})]}):null}var ih=new Set,ah=new Map,lh=new Map,sh=new Map;function dh({peer:e,targetDocument:t,projectedTargets:n,hoveredElement:r,getSubjects:o,onApprove:i,focusedAnnotationId:a}){let l=pn(Ka),d=pn(Bo),c=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerAnnotations&&!d.view?.isPeeking?S=>{d.deletePeerAnnotations(e.identity.id,[S]).catch(()=>{})}:void 0,u=ue(()=>Nl(Xo(e.state??bo,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?S=>{d.deletePeerStyles(e.identity.id,S.map(r0)).catch(()=>{})}:void 0,[h,f]=R(0),g=ue(()=>yi((e.state?.annotations??[]).flatMap(S=>[S.linkedSelector,S.elements?.[0]?.selector].filter(T=>!!T))),[e.state?.annotations]);F(()=>{if(!t||n)return;let S=new MutationObserver(T=>{T.some(g.changesIdentity)&&f(N=>N+1)});return S.observe(t.body,{childList:!0,characterData:!0,subtree:!0,attributes:!0,attributeFilter:g.attributes}),()=>S.disconnect()},[t,n,g]);let y=oe((S,T)=>!t||n?null:ko(S,T?.[0],t),[t,n]),C=ue(()=>n?new Set(n.keys()):void 0,[n]),k=rs({state:u,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications}),w=u.annotations.find(S=>S.id===a)?.linkedSelector,E=[...u.annotations].filter(S=>!S.captured&&!k.supersededAnnotations.has(S)).sort((S,T)=>T.timestamp-S.timestamp)[0],M=Hs({resolveElement:y,projectedSelectors:C,activeText:null,activeColor:e.color,annotations:u.annotations,annotationNumberById:k.annotationGroupMap,hiddenCollidingAnnotationIds:ih,nestedCollidingAnnotationCountById:ah,nestedCollidingAnnotationIdsById:lh,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications,sendHintAnchorId:E?.id??null,supersededAnnotations:k.supersededAnnotations,visibleCollisionRepresentativeByAnnotationId:sh,activeTextSendHintId:"",targetResolutionRevision:e.revision+h});return v("div",{"data-devtools":"peer-rails","data-peer-id":e.identity.id,"aria-label":`${e.identity.name}'s suggestions`,children:[t&&!n&&s(oh,{annotations:M.visibleCanvasAnnotations,annotationGroupMap:k.annotationGroupMap,targetDocument:t,color:e.color,onViewThread:l,onDelete:c}),s(Ps,{targetDocument:t,projectedTargets:n,hoveredElement:r,subjectRegistry:o?.(),readOnly:!0,onDeletePeerComment:c,onDeletePeerStyles:p,styleModifications:u.styleModifications,textModifications:u.textModifications,stagedComments:M.elementRailComments,accentColor:e.color,annotationNumberBySelector:k.pageModificationNumberBySelector,sendHintSelector:i?M.modifiedElementSendHintSelector:null,pendingBundleCount:k.stagedArtifactOrder.count,onSend:i,onViewThread:l,focusedSelector:w,refreshKey:e.revision})]})}function ch(e,t){let[n,r]=sa(l=>l+1,0),o=Date.now(),i=t?e.filter(l=>l.startedAt<=o&&o<l.expiresAt+2e3).map(l=>({presence:l,engaged:!l.ended&&o<l.expiresAt})):[],a=Math.min(...i.map(({presence:l,engaged:d})=>d?l.expiresAt:l.expiresAt+2e3));return F(()=>{if(!t||!Number.isFinite(a))return;let l=setTimeout(r,Math.max(0,a-Date.now()));return window.addEventListener("focus",r),document.addEventListener("visibilitychange",r),()=>{clearTimeout(l),window.removeEventListener("focus",r),document.removeEventListener("visibilitychange",r)}},[t,a,n]),i}function uh(e,t){let n=e.split(Rd()),r=t;try{for(let[o,i]of n.entries()){let a=r.querySelectorAll(i);if(a.length!==1)return null;let l=a[0];if(o===n.length-1)return l;if(!l.shadowRoot)return null;r=l.shadowRoot}}catch{}return null}function ph(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:ta(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=ci(n,t);return r?[{selector:r}]:[]}).slice(0,8)}export{ts as $,Or as $a,S2 as $b,w0 as A,i2 as Aa,Ta as Ab,C0 as B,a2 as Ba,Ea as Bb,I0 as C,l2 as Ca,Gc as Cb,ut as D,Ps as Da,It as Db,rt as E,wi as Ea,To as Eb,xn as F,Wf as Fa,Aa as Fb,D0 as G,_f as Ga,Kt as Gb,W0 as H,Bf as Ha,bn as Hb,wn as I,Ci as Ia,Qa as Ib,Kl as J,zs as Ja,Do as Jb,oi as K,Ff as Ka,Ja as Kb,bt as L,Vf as La,Ya as Lb,j0 as M,Qf as Ma,_o as Mb,_0 as N,Zf as Na,Xa as Nb,B0 as O,Hs as Oa,ka as Ob,F0 as P,qr as Pa,ul as Pb,V0 as Q,si as Qa,ar as Qb,Br as R,Ar as Ra,hl as Rb,ii as S,rs as Sa,ml as Sb,Dn as T,Ws as Ta,gl as Tb,Gl as U,c2 as Ua,yl as Ub,q0 as V,os as Va,Ap as Vb,J0 as W,p2 as Wa,vl as Wb,es as X,f2 as Xa,Rp as Xb,Y0 as Y,h2 as Ya,l1 as Yb,ai as Z,m2 as Za,C2 as Zb,cr as _,wt as _a,k2 as _b,Tl as a,ns as aa,Cl as ab,I2 as ac,Yo as b,Bo as ba,Wp as bb,M2 as bc,Al as c,Ka as ca,jp as cb,T2 as cc,n0 as d,Cs as da,b2 as db,E2 as dc,$l as e,yi as ea,dh as eb,L2 as ec,Xo as f,N2 as fa,v2 as fb,uh as fc,Nl as g,ui as ga,ch as gb,ph as gc,lr as h,ls as ha,x2 as hb,s0 as i,P2 as ia,w2 as ib,zl as j,ys as ja,Ga as jb,h0 as k,bs as ka,zo as kb,Ko as l,xs as la,Ho as lb,m0 as m,ws as ma,Cu as mb,g0 as n,hf as na,ku as nb,y0 as o,bi as oa,nr as ob,Wr as p,ks as pa,zn as pb,Ft as q,Ss as qa,gu as qb,Go as r,Is as ra,yu as rb,Ol as s,G0 as sa,Xt as sb,b0 as t,e2 as ta,xu as tb,ti as u,t2 as ua,fn as ub,Wl as v,n2 as va,Nn as vb,x0 as w,vi as wa,hn as wb,A2 as x,xi as xa,xt as xb,et as y,r2 as ya,gn as yb,ri as z,o2 as za,Rn as zb};
345
+ `}}),De.map(b=>{let ne=A?.element===b.domElement,K=li(b.hasPendingChanges,Wn(b),f?.get(b.selector)),he=Ne(b),V=dt(b,K),Fe=Sf(b.selector,he,d,y),Te=If(Fe,b.comment,Wn(b)),ze=he||K?.status==="in_flight",Oe=Mf(Te,ze),Re=g?.has(f?.get(b.selector)??K?.jobId??""),Ve=b.comment?.awaitingReview||K?.status==="awaiting_review",ke=Ve?"Awaiting review":Re?"Approval needed":he?Ae||"Thinking":V?"Queued":K?.status==="in_flight"?"Thinking":K?.status==="waiting_input"?"Question":K?.status==="failed"?"Failed":K?.label??"Replied",_e=!!(b.domElement&&Ms(b.domElement,L)),Se=te===b.selector,We=q.has(b.selector),Qt=q.get(b.selector),Q=!!K||b.comment?.pending===!1,de=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Q,isHovered:r&&o===b.selector||_e||Se||Jr(ee,b.selector,0),hasTimedReveal:We,isRevealedSticker:!1}),Qe=b.stickers.length+1,Ze=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Q,isHovered:Jr(ee,b.selector,Qe),hasTimedReveal:We,isRevealedSticker:!1}),ht=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Q,isHovered:r&&o===b.selector||_e||Se||Jr(ee,b.selector,Qe),hasTimedReveal:We,isRevealedSticker:We}),kt=Fn(b),on=(ne?A.imageCount:Ns(b.comment,he||!!K))??0,an=b.stickers.length>0||on>0,Qn=cd({hasCommentEntry:ne||!!b.comment,stagedChangeCount:b.stickers.length+ +(on>0)}),Ot=he||!!K||!!b.comment?.awaitingReview,tt=!Ot&&b.selector===w,Xe=!ne&&de.annotationCollapsed&&ht.stickerCollapsed&&Ze.sendCompact&&!We&&ee?.selector!==b.selector,ln=Xe?ud({annotationNumber:b.annotationNumber,stickerCount:b.stickers.length,interactionEpisodeStepCount:b.comment?.interactionEpisodeStepCount??0,hasStatus:Ot,hasSend:tt,controlGap:Qn})+ui(on):kt;return s(pd,{element:b.domElement,projectedRect:b.projectedRect,onRemove:b.comment&&le?()=>le(b.comment.id):J&&i.some(Be=>Be.selector===b.selector)?()=>J(i.filter(Be=>Be.selector===b.selector)):void 0,onActivate:b.comment?.threadId||K?.threadId?()=>P?.(b.comment?.threadId??K?.threadId):void 0,hideOutline:!(r&&Rt===b),color:Te,fillOpacity:.1,outlineZIndex:10002,subjectRegistry:t,hideTooltip:!0,railGap:2,railWidth:kt,refreshKey:I,renderRail:Be=>{let Zn=st.current.get(b.selector)?.getBoundingClientRect(),Gr=Zn?.width?Zn:go(Be,kt,22),hr=!!(Xe&&Rt!==b&&pt&&Ji(Gr,pt));if(Rt!==b&&pt&&Ji(go(Be,ln,22),pt))return null;let Sn=Be.horizontalAlignment==="right"?Be.left-kt:Be.left,sn=jf(fr,Sn,kt);if(b.transient){let B=b.domElement?$d(b.domElement):null;return s(Rs,{"data-popmelt-rail-priority":"intent","data-popmelt-subject-label-action":B?"true":void 0,"data-popmelt-subject-adapter":B?.adapter,"data-popmelt-subject-key":B?.key,left:Be.left,top:Be.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:Be.anchor,horizontalAlignment:Be.horizontalAlignment,style:{zIndex:10001,pointerEvents:B?"auto":"none",cursor:B?"pointer":void 0},onPointerDown:se=>{B&&se.stopPropagation()},onClick:se=>{B&&(se.preventDefault(),se.stopPropagation(),Ee?.(B))},onContextMenu:se=>{B&&(se.preventDefault(),se.stopPropagation(),X?.(B))},onMouseEnter:()=>{B&&xe?.(B)},onMouseLeave:()=>xe?.(null),children:s("div",{"data-devtools":"steer-element-identifier",ref:se=>{b.domElement&&Yi(b.domElement,se)},"data-popmelt-subject-label-action":B?"true":void 0,style:{...Et,borderRadius:b.domElement===document.body?kr("bottom-left"):kr(Be.anchor)},children:s("span",{style:Vn,children:b.label})})})}return s(Rs,{"data-popmelt-rail-priority":"history","data-popmelt-snap-collapse":hr||void 0,visualRef:B=>{B?st.current.set(b.selector,B):st.current.delete(b.selector)},left:Be.left,top:Be.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:Be.anchor,horizontalAlignment:Be.horizontalAlignment,onClick:()=>{if(ne)return;let B=Lf(b.comment,b.comment?.threadId??K?.threadId);B.type==="edit-comment"?ae?.(B.annotationId):B.type==="open-thread"&&P?.(B.threadId)},onContextMenu:B=>{if(B.preventDefault(),B.stopPropagation(),b.comment&&le){le(b.comment.id);return}if(J){let se=i.filter(Pt=>Pt.selector===b.selector);if(se.length){J(se);return}}b.comment&&b.comment.pending!==!1&&pe?(Mt(b.selector),we(se=>Es(se,b.selector)),Je(se=>se===b.selector?null:se),k?.(null),pe(b.comment.id)):a.some(se=>se.selector===b.selector&&!se.captured)?ye?.(b.selector):!b.hasPendingChanges&&!he&&K?.status==="resolved"&&G?.(K.threadId)},onMouseEnter:()=>{Mt(b.selector),Je(b.selector),k?.(b.selector)},onMouseLeave:()=>{Ht(b.selector),k?.(null)},style:{zIndex:ne?10002:1e4,cursor:ne?"text":"pointer",pointerEvents:"auto"},children:v("div",{ref:B=>{b.domElement&&Yi(b.domElement,B)},style:{display:"flex",alignItems:"center",gap:Qn},children:[ne?A.render(Be.anchor):v("div",{"data-devtools":"badge","data-popmelt-collapsed":de.annotationCollapsed,onMouseEnter:()=>ge(b.selector,"annotation",0),style:{...Et,backgroundColor:Tf({accentColor:d,threadAccentColor:Te,comment:b.comment,isInFlight:he,hasThreadState:!!K,hasStickers:b.stickers.length>0}),gap:0,letterSpacing:b.comment?0:Et.letterSpacing,borderRadius:b.domElement===document.body?kr("bottom-left"):kr(Be.anchor)},children:[s("span",{style:{fontWeight:600},children:b.annotationNumber}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",style:{...Vn,paddingLeft:b.comment?0:void 0},children:b.comment?v(Me,{children:[".",s("span",{style:{marginLeft:2},children:b.comment.text})]}):v(Me,{children:[". ",b.label]})})})]}),!an&&s(Xi,{stepCount:ne?0:b.comment?.interactionEpisodeStepCount??0,onClear:b.comment?.pending!==!1&&be?()=>be(b.comment.id):void 0,submitted:b.comment?.pending===!1}),an&&v("div",{className:"popmelt-staged-sticker-group",children:[b.stickers.map((B,se)=>{let Pt=rn(B),Dt=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:!!K,isHovered:Jr(ee,b.selector,se+1),hasTimedReveal:We,isRevealedSticker:We&&Pt===Qt}),ot=Pf(se,b.stickers.length+ +(on>0)),jt=se===0?void 0:mo;return v("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:ot.zIndex},children:[s("span",{"aria-hidden":!0,className:"popmelt-staged-sticker-pointer",style:{"--popmelt-staged-accent":Oe,WebkitMaskImage:se===0?void 0:Cr,maskImage:se===0?void 0:Cr}}),v("button",{type:"button","data-devtools":"staged-sticker","data-popmelt-style-property":B.custom?.property,title:B.custom?`${B.custom.property}: ${B.custom.value}`:void 0,"data-popmelt-collapsed":Dt.stickerCollapsed,onMouseEnter:()=>ge(b.selector,Pt,se+1),"aria-label":B.custom?`Custom ${B.custom.property}: ${B.custom.value}`:`${r?"Staged":"Edit staged"} ${B.token} sticker`,onPointerDown:mt=>{mt.preventDefault(),mt.stopPropagation()},onClick:mt=>{mt.preventDefault(),mt.stopPropagation(),B.selection&&T?.(b.selector,B.selection)},onContextMenu:mt=>{mt.preventDefault(),mt.stopPropagation(),Mt(b.selector),we(In=>Es(In,b.selector)),k?.(null),B.selection&&N?.(b.selector,B.selection)},style:{...Et,position:"relative",height:"100%",minHeight:22,appearance:"none",border:0,margin:0,paddingLeft:ot.paddingLeft,paddingRight:ot.paddingRight,gap:0,cursor:B.selection&&(T||N)?"pointer":"default",backgroundColor:Oe,WebkitMaskImage:jt,maskImage:jt},children:[B.selection?s(pr,{family:B.selection.family,subproperty:B.selection.subproperty,step:B.selection.step}):s(Hf,{property:B.custom.property}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:B.token})})]})]},Pt)}),s(ls,{imageCount:on,color:Oe,layered:b.stickers.length>0}),!ne&&(b.comment?.interactionEpisodeStepCount??0)>0&&s("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:1},children:s(Xi,{stepCount:b.comment.interactionEpisodeStepCount,layered:!0,onClear:b.comment?.pending!==!1&&be?()=>be(b.comment.id):void 0,submitted:b.comment?.pending===!1})}),tt&&s(Ki,{bundleCount:E,compact:Ze.sendCompact,layered:!0,onHoverChange:B=>{B&&ge(b.selector,"send",Qe),M?.(B)},onSend:S,style:{position:"relative",zIndex:(b.comment?.interactionEpisodeStepCount??0)>0?0:1}})]}),Ot&&s("button",{type:"button","data-devtools":"annotation-badge","data-popmelt-collapsed":ht.stickerCollapsed,onMouseEnter:()=>ge(b.selector,"thread-status",Qe),"aria-label":K?`${ke}. Open thread`:ke,onPointerDown:B=>{B.preventDefault(),B.stopPropagation()},onClick:B=>{B.preventDefault(),B.stopPropagation();let se=b.comment?.threadId??K?.threadId;se&&P?.(se)},style:{...Et,appearance:"none",border:0,margin:0,cursor:K&&P?"pointer":"default",backgroundColor:Te,gap:0},children:Ve?v(Me,{children:[s(pa,{size:12,strokeWidth:2.25}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:ke})})]}):he?v(Me,{children:[Re?s(Qd,{size:12,"aria-label":"Approval needed"}):s("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"currentColor",style:{verticalAlign:"middle"},children:Nt===1?v(Me,{children:[s("circle",{cx:"7",cy:"7",r:"2"}),s("circle",{cx:"17",cy:"7",r:"2"}),s("circle",{cx:"7",cy:"17",r:"2"}),s("circle",{cx:"17",cy:"17",r:"2"})]}):v(Me,{children:[s("circle",{cx:"12",cy:"6",r:"2"}),s("circle",{cx:"6",cy:"12",r:"2"}),s("circle",{cx:"18",cy:"12",r:"2"}),s("circle",{cx:"12",cy:"18",r:"2"})]})}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",style:{opacity:.8},children:ke})})]}):v(Me,{children:[V?s(pa,{"data-devtools":"queued-status-icon",size:12,strokeWidth:2.25,style:{verticalAlign:"middle",opacity:.6}}):K?.status==="waiting_input"?s(Zd,{"data-devtools":"question-status-icon",size:12,strokeWidth:2.25,style:{transform:"translateY(-0.5px)",flexShrink:0}}):K?.status==="failed"?s(qd,{size:12,strokeWidth:2.25}):s(Ud,{size:12,strokeWidth:2.25}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:ke})})]})}),tt&&!an&&s(Ki,{bundleCount:E,compact:Ze.sendCompact,onHoverChange:B=>{B&&ge(b.selector,"send",Qe),M?.(B)},onSend:S})]})})}},`${b.transient?"intent":"history"}:${b.selector}`)})]})}var _n=8,wi=4;function _f(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function Bf(e,t){return e===t||aa(e,t)||aa(t,e)}function Ff(e,t){return Bf(e,t)||Xn(e)!==null&&Xn(e)===Xn(t)}function Vf(e){let t=0,n=Xn(e);for(;n;)t+=1,n=Xn(n);return t}function Ci(e,t){return ko(e,t?.[0])}function zs(e){return!!(e.linkedSelector&&e.elements?.[0]?.tagName.toLowerCase()==="body")}function Qf(e){let t=Ui(e,22,2,window.innerHeight);return{x:t.left+window.scrollX+8,y:t.top+window.scrollY+4}}function Zf(e){let t=e?.getBoundingClientRect();return!t||typeof window>"u"?{}:t.top<window.innerHeight/2?{avoidTop:t.bottom+_n,avoidLeft:t.left-_n,avoidRight:t.right+_n}:{avoidBottom:t.top-_n,avoidLeft:t.left-_n,avoidRight:t.right+_n}}function qf(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 Uf(e,t,n=0,r,o,i=90){let a=e.left+window.scrollX+8,l=t==="top-left"?e.top+window.scrollY-wi-22-n*22+4:e.bottom+window.scrollY+wi+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 f=window.scrollY+p.bottom+4;f>d&&(d=f,u="top")}else{let f=window.scrollY+p.top-22-4;f<c&&(c=f,u="bottom")}}return d>c&&(c=d),l<d?l=u==="top"?d:e.top+window.scrollY+4:l>c&&(l=u==="bottom"?c:Math.max(e.top+window.scrollY+4,c)),{x:a,y:l}}var Jf=new Set(["resolved","needs_review","waiting_input","failed"]);function ki(e){return e.linkedSelector??(e.target?ta(e.target):void 0)}function Yf(e,t){let n=e.groupId?t.filter(c=>c.groupId===e.groupId):[e],r=n.find(c=>c.status!==void 0&&Jf.has(c.status)),o=n.find(c=>c.threadId),i=n.find(c=>ki(c)),a=i?ki(i):void 0;if(!r?.status||!o?.threadId||!a)return;let l=n.find(c=>c.targetBindingId),d=n.find(c=>c.replyJobIds?.length);return{status:r.status,threadId:o.threadId,targetBindingId:l?.targetBindingId,replyJobIds:d?.replyJobIds,linkedSelector:a,elements:i?.elements}}function Hs({resolveElement:e,projectedSelectors:t,activeText:n,activeColor:r,annotations:o,annotationNumberById:i,focusedThreadAnnotationId:a,hiddenCollidingAnnotationIds:l,modifiedElementThreadStates:d,nestedCollidingAnnotationCountById:c,nestedCollidingAnnotationIdsById:u,pageAnnotations:p,pageStyleModifications:h,pageTextModifications:f,sendHintAnchorId:g,supersededAnnotations:y,visibleCollisionRepresentativeByAnnotationId:C,activeTextSendHintId:k,targetResolutionRevision:w}){let E=oe((A,I)=>t?null:e?e(A,I):Ci(A,I),[w,e,t]),M=ue(()=>{let A=[],I=new Set,j=[...p].sort((_,O)=>O.timestamp-_.timestamp);for(let _ of j){if(_.type!=="text"||!_.text||!_.linkedSelector||y.has(_)||l.has(_.id))continue;let O=_.status??(_.captured?"in_flight":"pending");if(!["pending","sending","in_flight","awaiting_review"].includes(O))continue;let ee=i.get(_.id);if(ee===void 0||I.has(_.linkedSelector))continue;let we=E(_.linkedSelector,_.elements),te=_.elements?.[0];!we&&!(t?.has(_.linkedSelector)&&te)||(I.add(_.linkedSelector),A.push({id:_.id,selector:_.linkedSelector,text:_.text.replace(/\n/g," "),annotationNumber:ee,color:_.color,element:te??An(we),pending:O==="pending",awaitingReview:O==="awaiting_review",threadId:_.threadId,imageCount:_.imageCount??0,interactionEpisodeStepCount:_.interactionEpisode?.steps.length}))}return A},[i,l,p,y,E,t]),S=ue(()=>new Set(M.map(A=>A.id)),[M]),T=ue(()=>{let A=new Map;for(let I of p){if(I.type!=="text")continue;let j=Yf(I,p);j&&A.set(I.id,j)}return A},[p]),N=ue(()=>{let A=[],I=new Set,j=[...p].sort((_,O)=>+(O.id===a)-+(_.id===a)||O.timestamp-_.timestamp);for(let _ of j){let O=T.get(_.id);if(!O||!vi({..._,status:O.status,threadId:O.threadId,linkedSelector:O.linkedSelector})||!_.text||y.has(_)||l.has(_.id)||I.has(O.linkedSelector))continue;let ee=i.get(_.id);if(ee===void 0)continue;let we=E(O.linkedSelector,O.elements),te=O.elements?.[0];!we&&!(t?.has(O.linkedSelector)&&te)||(I.add(O.linkedSelector),A.push({id:_.id,selector:O.linkedSelector,text:_.text.replace(/\n/g," "),annotationNumber:ee,color:_.color,element:te??An(we),pending:!1,imageCount:_.imageCount??0,interactionEpisodeStepCount:_.interactionEpisode?.steps.length,threadState:{jobId:O.replyJobIds?.[O.replyJobIds.length-1]??O.threadId,threadId:O.threadId,targetBindingId:O.targetBindingId,annotationNumber:ee,status:O.status==="waiting_input"?"waiting_input":O.status==="failed"?"failed":"resolved",label:O.status==="waiting_input"?"Question":O.status==="failed"?"Failed":"Replied"}}))}return A},[i,a,l,p,T,y,E,t]),H=ue(()=>[...M,...N],[N,M]),P=ue(()=>{let A=new Set,I=new Set,j=new Set,_=new Set;for(let[O,ee]of d??[])if(ia(ee.selectors??[O],ee.targetFingerprint).status==="matched"){I.add(ee.threadId),ee.targetBindingId&&j.add(ee.targetBindingId);for(let we of ee.selectors??[])_.add(we);!ee.targetBindingId&&!ee.selectors?.length&&_.add(O)}for(let O of p){let ee=T.get(O.id),we=O.groupId?p.filter(He=>He.groupId===O.groupId):[O],te=we.map(ki).find(He=>!!He),Je=we.find(He=>He.threadId)?.threadId,q=we.find(He=>He.targetBindingId)?.targetBindingId;if(!(O.type!=="text"||!O.text||!te||y.has(O)||l.has(O.id))){if(Je&&I.has(Je)||q&&j.has(q)||_.has(te)){A.add(O.id);continue}!ee||!vi({...O,status:ee.status,threadId:ee.threadId,linkedSelector:ee.linkedSelector})||E(ee.linkedSelector,ee.elements)&&A.add(O.id)}}return A},[l,d,p,T,y,E]),L=ue(()=>{let A=new Set;for(let I of p)!xi(I)||!I.linkedSelector||y.has(I)||l.has(I.id)||E(I.linkedSelector,I.elements)&&A.add(I.id);return A},[l,p,y,E]),W=ue(()=>{let A=new Set(L);for(let I of S)A.add(I);for(let I of P)A.add(I);return A},[L,P,S]),Z=ue(()=>new Map(H.map(A=>[A.selector,A.color])),[H]),ae=ue(()=>new Set([...l,...W]),[W,l]),pe=ue(()=>{if(!n?.linkedSelector||n.domEdit)return null;let A=E(n.linkedSelector,n.elements);if(!A)return null;let I=[...h,...f].find(O=>!O.captured&&Ci(O.selector,[O.element])===A),j=p.find(O=>O.id===n.id),_=!!(!n.isNew&&j&&xi(j));return!I&&!_?null:{element:A,selector:I?.selector??n.linkedSelector}},[n,p,h,f,E]),le=g===k?g:g?C.get(g)??g:null,J=ue(()=>{if(le===k)return n?.text.trim()?pe?.selector??null:null;if(le&&le!==k)return M.find(A=>A.id===le)?.selector??null;for(let A=f.length-1;A>=0;A-=1){let I=f[A];if(I&&!I.captured)return I.selector}for(let A=h.length-1;A>=0;A-=1){let I=h[A];if(I&&!I.captured&&!I.awaitingReview)return I.selector}return null},[n,pe,k,h,f,M,le]),ye=n?n.isNew?k:n.id:null,G=ye?c.get(ye)??0:0,be=ye?u.get(ye)??[]:[],Ee=n?.isNew?void 0:o.find(A=>A.id===n?.id),X=(Ee?.status??(Ee?.captured?"in_flight":"pending"))==="pending"?Ee?.color??r:"#8c8c8c",xe=ue(()=>p.filter(A=>!(y.has(A)||l.has(A.id)||W.has(A.id)||n&&!n.isNew&&A.id===n.id)),[n,W,l,p,y]);return{activeTextAnnotation:Ee,activeTextCollisionId:ye,activeTextModifiedRail:pe,activeTextNestedAnnotationCount:G,activeTextNestedAnnotationIds:be,activeTextNestedBadgeColor:X,elementRailColorBySelector:Z,elementRailCommentIds:W,elementRailComments:H,hiddenAnnotationBadgeIds:ae,modifiedElementSendHintSelector:J,stagedElementComments:M,visibleCanvasAnnotations:xe,visibleSendHintAnchorId:le}}function Kr(e){if(e.length<2)return null;let t=e[0],n=e[e.length-1];return t&&n?[t,n]:null}var Xf=(e,t,n,r)=>{let o=Kr(t);if(!o)return;let[i,a]=o,l=(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(l,d,c,u,0,0,Math.PI*2),e.stroke()},Kf=(e,t,n,r)=>{let o=Kr(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 l=1;l<t.length-1;l++){let d=t[l],c=t[l+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()},Gf=(e,t,n,r)=>{let o=Kr(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()},eh=(e,t,n,r)=>{let o=Kr(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))},Os=11,Si=4,th=`600 ${Os}px system-ui, -apple-system, sans-serif`;function Ds(e,t,n){return e.map(r=>({x:r.x-t,y:r.y-n}))}function nh(e,t,n,r,o,i){let a=String(r);e.font=th;let l=e.measureText(a).width+Si*2,d=Os+Si*2,c=t-l/2,u=n+i/2+2;e.fillStyle=o,e.fillRect(c,u,l,d),e.fillStyle="#ffffff",e.textBaseline="middle",e.fillText(a,c+Si,u+d/2)}function rh(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 js(){let e=$(null),t=oe(()=>{let a=e.current;if(!a)return;let l=a.getContext("2d");l&&l.clearRect(0,0,a.width,a.height)},[]),n=oe((a,l,d,c=1,u=!1)=>{let p=e.current;if(!p)return;let h=p.getContext("2d");if(!h)return;let f=a.status??(a.captured?"in_flight":"pending"),g=f==="pending"?a.color:"#8c8c8c";switch(h.save(),h.globalAlpha=c,a.type){case"freehand":Kf(h,a.points,g,a.strokeWidth);break;case"line":Gf(h,a.points,g,a.strokeWidth);break;case"rectangle":eh(h,a.points,g,a.strokeWidth);break;case"circle":Xf(h,a.points,g,a.strokeWidth);break;case"text":if(a.text&&a.points[0]){let y=f==="pending"?"#ffffff":"#dddddd";fd(h,a.points[0],a.text,g,a.fontSize,l,a.points[0].x,d,y,zs(a)?"bottom-left":a.linkedAnchor,u)}break}h.restore()},[]),r=oe((a,l)=>{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,l/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),f=Math.max(u.x,p.x),g=Math.min(u.y,p.y),y=Math.max(u.y,p.y),C=(h+f)/2,k=(g+y)/2;[{x:C,y:g},{x:C,y},{x:h,y:k},{x:f,y:k}].forEach(w=>{c.beginPath(),c.rect(w.x-l/2,w.y-l/2,l,l),c.fill(),c.stroke()});return}if(a.type==="rectangle"||a.type==="freehand"){let u,p,h,f;if(a.type==="freehand")u=Math.min(...a.points.map(g=>g.x)),p=Math.max(...a.points.map(g=>g.x)),h=Math.min(...a.points.map(g=>g.y)),f=Math.max(...a.points.map(g=>g.y));else{let g=a.points[0],y=a.points[a.points.length-1];u=Math.min(g.x,y.x),p=Math.max(g.x,y.x),h=Math.min(g.y,y.y),f=Math.max(g.y,y.y)}[{x:u,y:h},{x:p,y:h},{x:u,y:f},{x:p,y:f}].forEach(g=>{c.beginPath(),c.rect(g.x-l/2,g.y-l/2,l,l),c.fill(),c.stroke()})}}},[]),o=oe((a,l,d,c=0,u=0,p,h,f,g,y,C=.5,k)=>{if(t(),a.forEach(w=>{let E={...w,points:Ds(w.points,c,u)},M=p?.get(w.id),S=y?.has(w.id)??!1,T=!!h?.size,N=h?.has(w.id)??!1,H=T?N?1:.2:g&&!g.has(w.id)&&!S?C:1;n(E,M,f,H,k?.has(w.id))}),l&&l.length>0&&d){let w=e.current?.getContext("2d");for(let E of l){let M=a.find(S=>S.id===E);if(M){let S=y?.has(M.id)??!1,T=!!h?.size,N=h?.has(M.id)??!1,H=T?N?1:.2:g&&!g.has(M.id)&&!S?C:1,P={...M,points:Ds(M.points,c,u)};if(w?.save(),w&&(w.globalAlpha=H),r(P,d),w&&M.type!=="text"&&p&&!(M.groupId&&a.some(L=>L.groupId===M.groupId&&L.type==="text"))){let L=p.get(M.id);if(L!==void 0){let W=rh(P);if(W){let Z=(M.status??(M.captured?"in_flight":"pending"))==="pending"?M.color:"#999999";nh(w,W.x,W.y,L,Z,d)}}}w?.restore()}}}},[t,n,r]),i=oe(()=>{let a=e.current;if(!a)return;let l=window.devicePixelRatio||1,d=window.visualViewport?.width??window.innerWidth,c=window.visualViewport?.height??window.innerHeight;a.width=d*l,a.height=c*l;let u=a.getContext("2d");u&&u.scale(l,l)},[]);return{canvasRef:e,clearCanvas:t,drawAnnotation:n,redrawAll:o,resizeCanvas:i}}function oh(e){if(e.length===0)return{x:0,y:0,width:0,height:0};let t=e.map(l=>l.x),n=e.map(l=>l.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 ih=new Set;function ah({annotations:e,annotationGroupMap:t,targetDocument:n,color:r,onViewThread:o,onDelete:i}){let{canvasRef:a,redrawAll:l,resizeCanvas:d}=js(),[c,u]=R({x:0,y:0,revision:0}),[p,h]=R([]);qe(()=>{let g=n.defaultView,y=()=>{let C=g?.frameElement?.getBoundingClientRect();u(k=>({x:(C?.left??0)-(g?.scrollX??0),y:(C?.top??0)-(g?.scrollY??0),revision:k.revision+1}))};return y(),g?.addEventListener("scroll",y,{passive:!0}),window.addEventListener("resize",y),()=>{g?.removeEventListener("scroll",y),window.removeEventListener("resize",y)}},[n]);let f=ue(()=>di(e,n.location?.pathname??"/").filter(g=>g.points.length>0).map(g=>({...g,color:r,points:g.points.map(y=>({x:y.x+c.x,y:y.y+c.y}))})),[e,r,n,c]);return qe(()=>{if(!f.length){h([]);return}d(),l(f,[],void 0,0,0,t);let g=a.current?.getContext("2d");g&&h(f.map(y=>{if(y.type!=="text"){let T=oh(y.points);return{annotation:y,left:T.x,top:T.y,width:Math.max(12,T.width),height:Math.max(12,T.height)}}let C=y.fontSize??12,k=t.get(y.id),w=`${k===void 0?"":`${k}. `}${(y.text??"").replace(/\n/g," ")}`,E=y.points[0];g.font=`${C}px ${Qi}`;let M=g.measureText(wd(g,w,Cd(E.x))).width+16,S=kd(E,C,void 0,M);return{annotation:y,left:S.x-8,top:S.y-4,width:M,height:C*Zi+8}}))},[f,t,a,l,d]),f.length?v(Me,{children:[s("canvas",{ref:a,"aria-hidden":!0,style:{position:"fixed",inset:0,width:"100vw",height:"100vh",pointerEvents:"none",zIndex:9999}}),p.map(({annotation:g,...y})=>s("button",{type:"button","data-devtools":"peer-canvas-annotation","data-annotation-id":g.id,"aria-label":g.text??"Annotation",onClick:C=>{C.stopPropagation(),g.threadId&&o?.(g.threadId)},onPointerDown:C=>C.stopPropagation(),onContextMenu:i?C=>{C.preventDefault(),C.stopPropagation(),i(g.id)}:void 0,style:{...y,position:"fixed",padding:0,border:0,background:"transparent",pointerEvents:"auto",cursor:g.threadId?"pointer":"default",zIndex:9999}},g.id)),s(Sd,{annotations:f,supersededAnnotations:ih,annotationGroupMap:t,scrollX:0,scrollY:0,onViewThread:o,canvasRef:a,pendingBundleCount:0})]}):null}var lh=new Set,sh=new Map,dh=new Map,ch=new Map;function uh({peer:e,targetDocument:t,projectedTargets:n,hoveredElement:r,getSubjects:o,onApprove:i,focusedAnnotationId:a}){let l=pn(Ka),d=pn(Bo),c=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerAnnotations&&!d.view?.isPeeking?S=>{d.deletePeerAnnotations(e.identity.id,[S]).catch(()=>{})}:void 0,u=ue(()=>Nl(Xo(e.state??bo,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?S=>{d.deletePeerStyles(e.identity.id,S.map(i0)).catch(()=>{})}:void 0,[h,f]=R(0),g=ue(()=>yi((e.state?.annotations??[]).flatMap(S=>[S.linkedSelector,S.elements?.[0]?.selector].filter(T=>!!T))),[e.state?.annotations]);F(()=>{if(!t||n)return;let S=new MutationObserver(T=>{T.some(g.changesIdentity)&&f(N=>N+1)});return S.observe(t.body,{childList:!0,characterData:!0,subtree:!0,attributes:!0,attributeFilter:g.attributes}),()=>S.disconnect()},[t,n,g]);let y=oe((S,T)=>!t||n?null:ko(S,T?.[0],t),[t,n]),C=ue(()=>n?new Set(n.keys()):void 0,[n]),k=rs({state:u,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications}),w=u.annotations.find(S=>S.id===a)?.linkedSelector,E=[...u.annotations].filter(S=>!S.captured&&!k.supersededAnnotations.has(S)).sort((S,T)=>T.timestamp-S.timestamp)[0],M=Hs({resolveElement:y,projectedSelectors:C,activeText:null,activeColor:e.color,annotations:u.annotations,annotationNumberById:k.annotationGroupMap,hiddenCollidingAnnotationIds:lh,nestedCollidingAnnotationCountById:sh,nestedCollidingAnnotationIdsById:dh,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications,sendHintAnchorId:E?.id??null,supersededAnnotations:k.supersededAnnotations,visibleCollisionRepresentativeByAnnotationId:ch,activeTextSendHintId:"",targetResolutionRevision:e.revision+h});return v("div",{"data-devtools":"peer-rails","data-peer-id":e.identity.id,"aria-label":`${e.identity.name}'s suggestions`,children:[t&&!n&&s(ah,{annotations:M.visibleCanvasAnnotations,annotationGroupMap:k.annotationGroupMap,targetDocument:t,color:e.color,onViewThread:l,onDelete:c}),s(Ps,{targetDocument:t,projectedTargets:n,hoveredElement:r,subjectRegistry:o?.(),readOnly:!0,onDeletePeerComment:c,onDeletePeerStyles:p,styleModifications:u.styleModifications,textModifications:u.textModifications,stagedComments:M.elementRailComments,accentColor:e.color,annotationNumberBySelector:k.pageModificationNumberBySelector,sendHintSelector:i?M.modifiedElementSendHintSelector:null,pendingBundleCount:k.stagedArtifactOrder.count,onSend:i,onViewThread:l,focusedSelector:w,refreshKey:e.revision})]})}function ph(e,t){let[n,r]=sa(l=>l+1,0),o=Date.now(),i=t?e.filter(l=>l.startedAt<=o&&o<l.expiresAt+2e3).map(l=>({presence:l,engaged:!l.ended&&o<l.expiresAt})):[],a=Math.min(...i.map(({presence:l,engaged:d})=>d?l.expiresAt:l.expiresAt+2e3));return F(()=>{if(!t||!Number.isFinite(a))return;let l=setTimeout(r,Math.max(0,a-Date.now()));return window.addEventListener("focus",r),document.addEventListener("visibilitychange",r),()=>{clearTimeout(l),window.removeEventListener("focus",r),document.removeEventListener("visibilitychange",r)}},[t,a,n]),i}function fh(e,t){let n=e.split(Rd()),r=t;try{for(let[o,i]of n.entries()){let a=r.querySelectorAll(i);if(a.length!==1)return null;let l=a[0];if(o===n.length-1)return l;if(!l.shadowRoot)return null;r=l.shadowRoot}}catch{}return null}function hh(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:ta(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=ci(n,t);return r?[{selector:r}]:[]}).slice(0,8)}export{cr as $,wt as $a,M2 as $b,ri as A,a2 as Aa,Rn as Ab,k0 as B,l2 as Ba,Ta as Bb,S0 as C,s2 as Ca,Ea as Cb,T0 as D,d2 as Da,Gc as Db,ut as E,Ps as Ea,It as Eb,rt as F,wi as Fa,To as Fb,xn as G,_f as Ga,Aa as Gb,W0 as H,Ff as Ha,Kt as Hb,_0 as I,Vf as Ia,bn as Ib,wn as J,Ci as Ja,Qa as Jb,Kl as K,zs as Ka,Do as Kb,oi as L,Qf as La,Ja as Lb,bt as M,Zf as Ma,Ya as Mb,B0 as N,qf as Na,_o as Nb,F0 as O,Uf as Oa,Xa as Ob,V0 as P,Hs as Pa,ka as Pb,Q0 as Q,qr as Qa,ul as Qb,Z0 as R,si as Ra,ar as Rb,Br as S,Ar as Sa,ml as Sb,ii as T,rs as Ta,gl as Tb,Dn as U,js as Ua,yl as Ub,Gl as V,p2 as Va,Np as Vb,J0 as W,os as Wa,vl as Wb,X0 as X,h2 as Xa,zp as Xb,es as Y,m2 as Ya,d1 as Yb,K0 as Z,g2 as Za,S2 as Zb,ai as _,y2 as _a,I2 as _b,Cp as a,ts as aa,Or as ab,T2 as ac,Tl as b,ns as ba,Cl as bb,E2 as bc,Yo as c,Bo as ca,_p as cb,L2 as cc,Al as d,Ka as da,Bp as db,A2 as dc,o0 as e,Cs as ea,x2 as eb,$2 as ec,$l as f,yi as fa,uh as fb,fh as fc,Xo as g,P2 as ga,w2 as gb,hh as gc,Nl as h,ui as ha,ph as hb,lr as i,ls as ia,C2 as ib,c0 as j,H2 as ja,k2 as jb,zl as k,ys as ka,Ga as kb,g0 as l,bs as la,zo as lb,Ko as m,xs as ma,Ho as mb,y0 as n,ws as na,Cu as nb,b0 as o,gf as oa,ku as ob,v0 as p,bi as pa,nr as pb,jr as q,ks as qa,zn as qb,Ft as r,Ss as ra,gu as rb,Go as s,Is as sa,yu as sb,Ol as t,t2 as ta,Xt as tb,x0 as u,n2 as ua,xu as ub,ti as v,r2 as va,fn as vb,jl as w,o2 as wa,Nn as wb,C0 as x,vi as xa,hn as xb,N2 as y,xi as ya,xt as yb,et as z,i2 as za,gn as zb};