@popmelt.com/core 0.27.0 → 0.27.1

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.
Files changed (20) hide show
  1. package/claude-plugin/.claude-plugin/plugin.json +1 -1
  2. package/codex-plugin/.codex-plugin/plugin.json +1 -1
  3. package/dist/{ParticipantRuntime-AD3YD4FW.mjs → ParticipantRuntime-TWGYNKIS.mjs} +4 -4
  4. package/dist/{PopmeltTasteConnectedPane-HLCTVPJP.mjs → PopmeltTasteConnectedPane-WDF556E2.mjs} +1 -1
  5. package/dist/bridge-entry.mjs +1 -1
  6. package/dist/{browser-runtime-3JZGB3P2.mjs → browser-runtime-PFJI3VEQ.mjs} +1 -1
  7. package/dist/browser.mjs +1 -1
  8. package/dist/{chunk-MDJYUX5S.mjs → chunk-3PVLCKSV.mjs} +30 -30
  9. package/dist/{chunk-7YIQQYRU.mjs → chunk-7MGWRICI.mjs} +12 -12
  10. package/dist/{chunk-C5Q6LDAS.mjs → chunk-CLDWTCKX.mjs} +1 -1
  11. package/dist/{chunk-MTRUVFH7.mjs → chunk-YC7B37F6.mjs} +1 -1
  12. package/dist/{chunk-TFPKDKDO.mjs → chunk-YMCTJKYN.mjs} +17 -17
  13. package/dist/cli.mjs +1 -1
  14. package/dist/index.mjs +1 -1
  15. package/dist/plugin-astro.mjs +1 -1
  16. package/dist/plugin-nuxt.mjs +1 -1
  17. package/dist/plugin-vite.mjs +1 -1
  18. package/dist/{server-MJF4KF26.mjs → server-J5NV3BMT.mjs} +1 -1
  19. package/dist/server.mjs +1 -1
  20. package/package.json +1 -1
package/dist/{chunk-TFPKDKDO.mjs → chunk-YMCTJKYN.mjs} RENAMED
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import{_ as Ct,wa as Me,ya as bo,x as Ln,R as Ui,K as qi,t as pd,$ as fd,ua as Sr,ta as vo,sa as Kn,ia as Yi,fa as Ji,S as Xi,Z as Ki,X as xo,V as hd,W as md,da as gd,Y as Gi,ea as Ir,P as ea,Da as ta,Fa as na,oa as yd,Ca as bd,u as vd,I as xd,xa as wd,s as Cd,U as kd,va as Sd,la as Id,ka as Md,na as Td,Ha as Ed,b as Ld,Ka as Ad,a as ra,c as wo,d as Rd,g as oa,e as $d,f as Nd,h as zd}from"./chunk-7YIQQYRU.mjs";import{d as Co,b as Pd,a as ia}from"./chunk-TSY2K45H.mjs";import{C as Od,M as aa,L as ko,O as la,N as Mr,Q as sa,P as So,v as Gn,d as An,t as jt,B as Rn,l as er,s as Io,r as da,q as Hd,c as Mo,f as Tr,o as ca,p as Dd,e as Wd,g as Bd}from"./chunk-D7HY2EDH.mjs";import{createContext as Er,lazy as jd,useSyncExternalStore as ua,useState as N,useRef as R,useCallback as oe,useEffect as F,useMemo as fe,useContext as pn,useId as tr,useLayoutEffect as Ve,Suspense as _d,useReducer as pa,createElement as fa,Component as Fd}from"react";import{createLucideIcon as Vd,Search as ha,Bot as Qd,Brain as Zd,Zap as Ud,Leaf as qd,ChevronDown as To,Fingerprint as ma,MessageCircle as Yd,Check as nr,RefreshCw as Eo,Trash2 as Jd,Image as Xd,Clock as ga,OctagonAlert as Kd,MessageCircleQuestionMark as Gd,TriangleAlert as ec,Reply as tc,Link2 as Lo,X as ya,LockOpen as nc,Lock as ba,LoaderCircle as rr,UserPlus as rc,History as va,ChevronLeft as oc,Settings as xa,LogOut as ic,ArrowUpRight as ac,Plus as lc,Folder as sc,Moon as dc,Monitor as cc,Sun as uc,Pause as wa,RotateCcw as pc,Copy as fc,Hand as hc,ALargeSmall as mc,Bold as gc,BetweenHorizontalStart as yc,BetweenVerticalEnd as bc,AlignLeft as Ca,Palette as ka,Move as vc,Scaling as xc,RotateCw as wc,CircleDashed as Cc,Blend as kc,MoveHorizontal as Sc,MoveVertical as Ic,SlidersHorizontal as Mc,AlignStartVertical as Tc,AlignCenterVertical as Ec,AlignEndVertical as Lc,StretchHorizontal as Ac,AlignHorizontalJustifyStart as Rc,AlignHorizontalJustifyCenter as $c,AlignHorizontalJustifyEnd as Nc,AlignHorizontalSpaceBetween as zc,AlignHorizontalSpaceAround as Pc,AlignCenter as Oc,AlignRight as Hc,AlignJustify as Dc,Signal as Wc,SignalZero as Bc,SignalLow as jc,SignalMedium as _c,SignalHigh as Fc}from"lucide-react";import{jsx as s,jsxs as v,Fragment as Te}from"react/jsx-runtime";import{flushSync as Vc}from"react-dom";var Qc=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 Zc(){let e=[],t=0,n=0;for(let[,M,k]of $n.matchAll(/([A-Z])([^A-Z]*)/g)){let E=(k.match(/-?\d*\.?\d+/g)??[]).map(Number),$=t,O=n;if(M!=="Z")if(M==="H"?t=E[0]:M==="V"?n=E[0]:(t=E[E.length-2],n=E[E.length-1]),M==="C")for(let z=1;z<=24;z++){let T=z/24,B=1-T;e.push({x:B**3*$+3*B**2*T*E[0]+3*B*T**2*E[2]+T**3*t,y:B**3*O+3*B**2*T*E[1]+3*B*T**2*E[3]+T**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,k)=>({x:M.x+(k.x-M.x)*(r-M.y)/(k.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 k=Math.asin(Math.max(-1,Math.min(1,(M.x-c)/u))),E=Math.cos(k);return{longitude:k,height:E>1e-5?(M.y-r)/E:0}}),h=[],f=[8,6.2,8.6,6.5,8],g=[0,1.4,.8,1.8,1.1,0],y=(M,k,E,$)=>{for(let O=0;O<=24;O++){let z=O/24,T=1-z;h.push({longitude:T**3*M[0]+3*T**2*z*k[0]+3*T*z**2*E[0]+z**3*$[0],height:T**3*M[1]+3*T**2*z*k[1]+3*T*z**2*E[1]+z**3*$[1]})}};for(let[M,k]of f.entries()){let E=Math.PI/2+M/f.length*Math.PI,$=E+Math.PI/f.length,O=(E+$)/2,z=.145,T=g[M],B=g[M+1];y([E,T],[O-z,T],[O-z,T+.7],[O-z,k-1.4]);for(let Z=0;Z<=32;Z++){let ae=Math.PI*(1-Z/32);h.push({longitude:O+z*Math.cos(ae),height:k-1.4+1.4*Math.sin(ae)})}y([O+z,k-1.4],[O+z,B+.7],[O+z,B],[$,B])}let w=[...p,...h],S=M=>`L${M.x} ${M.y}`,C=`M${e[0].x} ${e[0].y}`+e.slice(1,o).map(S).join("")+S(l),L=S(d)+e.slice(i+1).map(S).join("")+"Z";return M=>{let k=Math.atan2(Math.sin(M),Math.cos(M));if(Math.abs(k)<1e-9)return $n;let E=w.map($=>({longitude:Math.atan2(Math.sin($.longitude+k),Math.cos($.longitude+k)),height:$.height})).filter($=>Math.abs($.longitude)<Math.PI/2).sort(($,O)=>O.longitude-$.longitude).map($=>{let O=c+u*Math.sin($.longitude),z=r+$.height*Math.cos($.longitude);return`L${O} ${z}`}).join("");return C+E+L}}function Sa({active:e,interactive:t=!1,hatched:n=!1,onSettlingChange:r,...o}){let i=R(null),a=R(null),l=R(null),d=tr(),c=R(0),u=R(!1),p=R(null);return Ve(()=>{e&&(a.current?.setAttribute("fill",o.fill??"currentColor"),a.current?.setAttribute("stroke","none"))},[e,o.fill]),Ve(()=>{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,w=0,S=!1,C=c.current,L=Math.ceil(C),M=!e&&L-C>1e-9,k=!1,E=0,$=null,O=h,z=O.style.cursor,T=O.style.touchAction,B=X=>{a.current?.setAttribute("d",X),l.current?.setAttribute("d",X)},Z=()=>{p.current??(p.current=Zc()),B(p.current(-c.current*Math.PI*2))},ae=()=>{S=!0,c.current=0,B($n),a.current?.removeAttribute("fill"),a.current?.removeAttribute("stroke"),r?.(!1)},he=X=>{let ke=y===null?0:X-y;if(y=X,k){let A=Math.min(ke/1e3,.05),I=e?1/15:0,W=Math.exp(-1.8*A);c.current+=I*A+(E-I)*(1-W)/1.8,E=I+(E-I)*W,Math.abs(E-I)<.005&&(k=!1,C=c.current,L=Math.round(C),w=0)}else if(e)c.current+=ke/15e3;else{w+=ke;let A=Math.min(1,w/250);if(A===1){ae();return}let I=1-(1-A)**3;c.current=C+(L-C)*I}Z(),g=requestAnimationFrame(he)},le=()=>{cancelAnimationFrame(g),y=null,!($||S)&&(!e&&(f.matches||!u.current||document.hidden)?ae():f.matches?(c.current=0,B($n)):u.current&&!document.hidden&&(g=requestAnimationFrame(he)))},Y=X=>{$||!X.isPrimary||X.button!==0||(O.setPointerCapture(X.pointerId),$={id:X.pointerId,startX:X.clientX,x:X.clientX,time:X.timeStamp,moved:!1},E=0,cancelAnimationFrame(g),O.style.cursor="grabbing")},ve=X=>{if(!$||$.id!==X.pointerId||!$.moved&&Math.abs(X.clientX-$.startX)<3)return;$.moved=!0;let ke=-(X.clientX-$.x)/160,A=Math.max((X.timeStamp-$.time)/1e3,.001),I=24/(Math.PI*2);E+=(Math.max(-I,Math.min(I,ke/A))-E)*(1-Math.exp(-A/.035)),c.current+=ke,$.x=X.clientX,$.time=X.timeStamp,Z()},G=X=>{!$||$.id!==X.pointerId||($.moved&&(E*=Math.exp(-Math.max(0,X.timeStamp-$.time-40)/60),k=X.type==="pointerup"&&!f.matches,S=!1,C=c.current,L=Math.round(C),w=0),$=null,O.style.cursor="grab",O.hasPointerCapture(X.pointerId)&&O.releasePointerCapture(X.pointerId),le())};if(!e&&!M&&(ae(),!t))return;let we=X=>{for(let[ke,A]of Object.entries({pointerdown:Y,pointermove:ve,pointerup:G,pointercancel:G,lostpointercapture:G}))O[X](ke,A)};t&&(O.style.cursor="grab",O.style.touchAction="pan-y",we("addEventListener")),r?.(M);let Le=new IntersectionObserver(([X])=>{u.current=X?.isIntersecting??!1,le()});return Le.observe(h),f.addEventListener("change",le),document.addEventListener("visibilitychange",le),le(),()=>{cancelAnimationFrame(g),Le.disconnect(),t&&(we("removeEventListener"),O.style.cursor=z,O.style.touchAction=T,$&&O.hasPointerCapture($.id)&&O.releasePointerCapture($.id)),f.removeEventListener("change",le),document.removeEventListener("visibilitychange",le)}},[e,t,r]),v("svg",{...o,ref:i,children:[n&&v(Te,{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:Qc,fill:"none",stroke:"currentColor",strokeWidth:"0.65",mask:`url(#${d})`})]}),s("path",{ref:a,d:$n})]})}function Uc(){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 qc({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 Ia(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 Ma({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=Me[e],f=wd(t),[g,y]=N(!1),[w,S]=N(!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:Ct,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(va,{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(xa,{size:16,"aria-hidden":"true"})}),s(Sa,{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(Uc,{}),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: ${Ia(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(qc,{position:r}),s("span",{children:Ia(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:()=>S(!0),onMouseLeave:()=>S(!1),style:{...fn(h,w),flexShrink:0,whiteSpace:"nowrap"},children:[t==="dark"?s(dc,{size:14,strokeWidth:1.5}):t==="auto"?s(cc,{size:14,strokeWidth:1.5}):s(uc,{size:14,strokeWidth:1.5}),s("span",{children:t==="auto"?"Auto":t==="dark"?"Dark":"Light"})]})]}),u]})}function Yc(){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 Jc(){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 Xc(e){return Yc(),window.addEventListener("popstate",e),window.addEventListener("popmelt:locationchange",e),()=>{window.removeEventListener("popstate",e),window.removeEventListener("popmelt:locationchange",e),Jc()}}function Kc(){return window.location.pathname}function Ta(){return ua(Xc,Kc,()=>"/")}var Ea=28;function Gc({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=Me[e],g=e==="light"?f.primary:f.hoverForeground,[y,w]=N(o&&r?u?.connection??null:null),[S,C]=N(o&&r?u?.taste??null:null),[L,M]=N(!1),[k,E]=N(null),[$,O]=N(!1),[z,T]=N(0),[B,Z]=N(null),ae=R(void 0),he=()=>clearTimeout(ae.current);F(()=>()=>clearTimeout(ae.current),[]);let le=R(c);le.current=c;let Y=R(u);Y.current=u;let ve=R(p);ve.current=p;let G=R(void 0),we=R(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||we.current!==y.environment))&&(clearTimeout(ae.current),le.current?.()),G.current=I,we.current=y.environment},[y]);let Le={onMouseEnter:()=>{he(),ae.current=setTimeout(()=>d?.(),100)},onMouseLeave:he,onFocus:()=>{he(),d?.()}};F(()=>{let I=!0,W=new AbortController,j,H=o&&r?Y.current:null;if(G.current=H?.connection.accountId,we.current=H?.connection.environment,w(H?.connection??null),C(H?.taste??null),M(!1),E(null),!o||!r)return;async function ee(){try{let Se=await Ln(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(!Se.ok)throw Error("Connection unavailable. Retry after checking the local bridge or secure storage.");let te=await Se.json();if(!I)return;if(E(te.error?"Sign-in did not complete. Please try again.":null),te.state==="signed_in"){G.current&&(G.current!==te.accountId||we.current!==te.environment)&&(w(te),C(null),M(!1),ve.current?.(null));let Ze=await Ln(`${r}/cloud-taste/direction`,{signal:W.signal,cache:"no-store"});if(!Ze.ok)throw Error("Could not read taste. Reconnect if access has expired.");let U=await Ze.json(),Oe=te;if(te.profile===void 0){let Ae=await Ln(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(Ae.ok){let ye=await Ae.json();if(ye.state!=="signed_in"||ye.accountId!==te.accountId||ye.environment!==te.environment)throw Error("Connection changed while reading taste. Reopen Settings to verify it.");Oe=ye}}if(!I)return;let re=U.direction?.name??null;w(Oe),C(re),M(!0),G.current=Oe.accountId,we.current=Oe.environment,ve.current?.(Oe.accountId?{connection:Oe,taste:re,generation:typeof U.generation=="number"&&Number.isFinite(U.generation)?U.generation:0}:null)}else w(te),C(null),M(!0),G.current=void 0,ve.current?.(null);I&&(j=setTimeout(ee,te.pending?1e3:15e3))}catch(Se){I&&(w(null),C(null),M(!1),ve.current?.(null),E(Se instanceof Error?Se.message:"Connection unavailable."))}}return ee(),()=>{I=!1,W.abort(),clearTimeout(j)}},[r,o,z]);async function X(I){if(!o||!r||$)return;he(),c?.();let W=I==="sign-in"?window.open("about:blank","_blank"):null;if(I==="sign-in"&&!W){E("Allow popups, then try sign-in again.");return}W&&(W.opener=null),O(!0),M(!1),w(null),E(null),C(null),ve.current?.(null);try{let j=await Ln(`${r}/cloud-taste/${I}`,{method:"POST",headers:{"Content-Type":"application/json"},body:"{}"});if(!j.ok)throw Error("Could not update the connection. Check secure storage and try again.");let H=await j.json();if(I==="sign-in"){let ee=Ad(H.authorizationUrl);if(!W)throw Error("Allow popups, then cancel and retry sign-in.");W.location.replace(ee.href)}T(ee=>ee+1)}catch(j){W?.close(),T(H=>H+1),E(j instanceof Error?j.message:"Connection unavailable.")}finally{O(!1)}}let ke={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:Ct,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{_ as Ct,xa as Me,za as bo,x as Ln,R as Ui,K as qi,t as pd,$ as fd,va as Sr,ua as vo,sa as Kn,ia as Yi,fa as Ji,ta as hd,S as Xi,Z as Ki,X as xo,V as md,W as gd,da as yd,Y as Gi,ea as Ir,P as ea,Ea as ta,Ga as na,oa as bd,Da as vd,u as xd,I as wd,ya as Cd,s as kd,U as Sd,wa as Id,la as Md,ka as Td,na as Ed,Ia as Ld,b as Ad,La as Rd,a as ra,c as wo,d as $d,g as oa,e as Nd,f as zd,h as Pd}from"./chunk-7MGWRICI.mjs";import{d as Co,b as Od,a as ia}from"./chunk-TSY2K45H.mjs";import{C as Hd,M as aa,L as ko,O as la,N as Mr,Q as sa,P as So,v as Gn,d as An,t as Bt,B as Rn,l as er,s as Io,r as da,q as Dd,c as Mo,f as Tr,o as ca,p as Wd,e as jd,g as Bd}from"./chunk-D7HY2EDH.mjs";import{createContext as Er,lazy as _d,useSyncExternalStore as ua,useState as N,useRef as R,useCallback as oe,useEffect as F,useMemo as fe,useContext as pn,useId as tr,useLayoutEffect as Ve,Suspense as Fd,useReducer as pa,createElement as fa,Component as Vd}from"react";import{createLucideIcon as Qd,Search as ha,Bot as Zd,Brain as Ud,Zap as qd,Leaf as Yd,ChevronDown as To,Fingerprint as ma,MessageCircle as Jd,Check as nr,RefreshCw as Eo,Trash2 as Xd,Image as Kd,Clock as ga,OctagonAlert as Gd,MessageCircleQuestionMark as ec,TriangleAlert as tc,Reply as nc,Link2 as Lo,X as ya,LockOpen as rc,Lock as ba,LoaderCircle as rr,UserPlus as oc,History as va,ChevronLeft as ic,Settings as xa,LogOut as ac,ArrowUpRight as lc,Plus as sc,Folder as dc,Moon as cc,Monitor as uc,Sun as pc,Pause as wa,RotateCcw as fc,Copy as hc,Hand as mc,ALargeSmall as gc,Bold as yc,BetweenHorizontalStart as bc,BetweenVerticalEnd as vc,AlignLeft as Ca,Palette as ka,Move as xc,Scaling as wc,RotateCw as Cc,CircleDashed as kc,Blend as Sc,MoveHorizontal as Ic,MoveVertical as Mc,SlidersHorizontal as Tc,AlignStartVertical as Ec,AlignCenterVertical as Lc,AlignEndVertical as Ac,StretchHorizontal as Rc,AlignHorizontalJustifyStart as $c,AlignHorizontalJustifyCenter as Nc,AlignHorizontalJustifyEnd as zc,AlignHorizontalSpaceBetween as Pc,AlignHorizontalSpaceAround as Oc,AlignCenter as Hc,AlignRight as Dc,AlignJustify as Wc,Signal as jc,SignalZero as Bc,SignalLow as _c,SignalMedium as Fc,SignalHigh as Vc}from"lucide-react";import{jsx as s,jsxs as v,Fragment as Te}from"react/jsx-runtime";import{flushSync as Qc}from"react-dom";var Zc=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 Uc(){let e=[],t=0,n=0;for(let[,M,k]of $n.matchAll(/([A-Z])([^A-Z]*)/g)){let E=(k.match(/-?\d*\.?\d+/g)??[]).map(Number),$=t,O=n;if(M!=="Z")if(M==="H"?t=E[0]:M==="V"?n=E[0]:(t=E[E.length-2],n=E[E.length-1]),M==="C")for(let z=1;z<=24;z++){let T=z/24,j=1-T;e.push({x:j**3*$+3*j**2*T*E[0]+3*j*T**2*E[2]+T**3*t,y:j**3*O+3*j**2*T*E[1]+3*j*T**2*E[3]+T**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,k)=>({x:M.x+(k.x-M.x)*(r-M.y)/(k.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 k=Math.asin(Math.max(-1,Math.min(1,(M.x-c)/u))),E=Math.cos(k);return{longitude:k,height:E>1e-5?(M.y-r)/E:0}}),h=[],f=[8,6.2,8.6,6.5,8],g=[0,1.4,.8,1.8,1.1,0],y=(M,k,E,$)=>{for(let O=0;O<=24;O++){let z=O/24,T=1-z;h.push({longitude:T**3*M[0]+3*T**2*z*k[0]+3*T*z**2*E[0]+z**3*$[0],height:T**3*M[1]+3*T**2*z*k[1]+3*T*z**2*E[1]+z**3*$[1]})}};for(let[M,k]of f.entries()){let E=Math.PI/2+M/f.length*Math.PI,$=E+Math.PI/f.length,O=(E+$)/2,z=.145,T=g[M],j=g[M+1];y([E,T],[O-z,T],[O-z,T+.7],[O-z,k-1.4]);for(let Z=0;Z<=32;Z++){let ae=Math.PI*(1-Z/32);h.push({longitude:O+z*Math.cos(ae),height:k-1.4+1.4*Math.sin(ae)})}y([O+z,k-1.4],[O+z,j+.7],[O+z,j],[$,j])}let w=[...p,...h],S=M=>`L${M.x} ${M.y}`,C=`M${e[0].x} ${e[0].y}`+e.slice(1,o).map(S).join("")+S(l),L=S(d)+e.slice(i+1).map(S).join("")+"Z";return M=>{let k=Math.atan2(Math.sin(M),Math.cos(M));if(Math.abs(k)<1e-9)return $n;let E=w.map($=>({longitude:Math.atan2(Math.sin($.longitude+k),Math.cos($.longitude+k)),height:$.height})).filter($=>Math.abs($.longitude)<Math.PI/2).sort(($,O)=>O.longitude-$.longitude).map($=>{let O=c+u*Math.sin($.longitude),z=r+$.height*Math.cos($.longitude);return`L${O} ${z}`}).join("");return C+E+L}}function Sa({active:e,interactive:t=!1,hatched:n=!1,onSettlingChange:r,...o}){let i=R(null),a=R(null),l=R(null),d=tr(),c=R(0),u=R(!1),p=R(null);return Ve(()=>{e&&(a.current?.setAttribute("fill",o.fill??"currentColor"),a.current?.setAttribute("stroke","none"))},[e,o.fill]),Ve(()=>{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,w=0,S=!1,C=c.current,L=Math.ceil(C),M=!e&&L-C>1e-9,k=!1,E=0,$=null,O=h,z=O.style.cursor,T=O.style.touchAction,j=X=>{a.current?.setAttribute("d",X),l.current?.setAttribute("d",X)},Z=()=>{p.current??(p.current=Uc()),j(p.current(-c.current*Math.PI*2))},ae=()=>{S=!0,c.current=0,j($n),a.current?.removeAttribute("fill"),a.current?.removeAttribute("stroke"),r?.(!1)},he=X=>{let ke=y===null?0:X-y;if(y=X,k){let A=Math.min(ke/1e3,.05),I=e?1/15:0,W=Math.exp(-1.8*A);c.current+=I*A+(E-I)*(1-W)/1.8,E=I+(E-I)*W,Math.abs(E-I)<.005&&(k=!1,C=c.current,L=Math.round(C),w=0)}else if(e)c.current+=ke/15e3;else{w+=ke;let A=Math.min(1,w/250);if(A===1){ae();return}let I=1-(1-A)**3;c.current=C+(L-C)*I}Z(),g=requestAnimationFrame(he)},le=()=>{cancelAnimationFrame(g),y=null,!($||S)&&(!e&&(f.matches||!u.current||document.hidden)?ae():f.matches?(c.current=0,j($n)):u.current&&!document.hidden&&(g=requestAnimationFrame(he)))},Y=X=>{$||!X.isPrimary||X.button!==0||(O.setPointerCapture(X.pointerId),$={id:X.pointerId,startX:X.clientX,x:X.clientX,time:X.timeStamp,moved:!1},E=0,cancelAnimationFrame(g),O.style.cursor="grabbing")},ve=X=>{if(!$||$.id!==X.pointerId||!$.moved&&Math.abs(X.clientX-$.startX)<3)return;$.moved=!0;let ke=-(X.clientX-$.x)/160,A=Math.max((X.timeStamp-$.time)/1e3,.001),I=24/(Math.PI*2);E+=(Math.max(-I,Math.min(I,ke/A))-E)*(1-Math.exp(-A/.035)),c.current+=ke,$.x=X.clientX,$.time=X.timeStamp,Z()},G=X=>{!$||$.id!==X.pointerId||($.moved&&(E*=Math.exp(-Math.max(0,X.timeStamp-$.time-40)/60),k=X.type==="pointerup"&&!f.matches,S=!1,C=c.current,L=Math.round(C),w=0),$=null,O.style.cursor="grab",O.hasPointerCapture(X.pointerId)&&O.releasePointerCapture(X.pointerId),le())};if(!e&&!M&&(ae(),!t))return;let we=X=>{for(let[ke,A]of Object.entries({pointerdown:Y,pointermove:ve,pointerup:G,pointercancel:G,lostpointercapture:G}))O[X](ke,A)};t&&(O.style.cursor="grab",O.style.touchAction="pan-y",we("addEventListener")),r?.(M);let Le=new IntersectionObserver(([X])=>{u.current=X?.isIntersecting??!1,le()});return Le.observe(h),f.addEventListener("change",le),document.addEventListener("visibilitychange",le),le(),()=>{cancelAnimationFrame(g),Le.disconnect(),t&&(we("removeEventListener"),O.style.cursor=z,O.style.touchAction=T,$&&O.hasPointerCapture($.id)&&O.releasePointerCapture($.id)),f.removeEventListener("change",le),document.removeEventListener("visibilitychange",le)}},[e,t,r]),v("svg",{...o,ref:i,children:[n&&v(Te,{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:Zc,fill:"none",stroke:"currentColor",strokeWidth:"0.65",mask:`url(#${d})`})]}),s("path",{ref:a,d:$n})]})}function qc(){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 Yc({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 Ia(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 Ma({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=Me[e],f=Cd(t),[g,y]=N(!1),[w,S]=N(!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:Ct,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(va,{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(xa,{size:16,"aria-hidden":"true"})}),s(Sa,{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(qc,{}),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: ${Ia(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(Yc,{position:r}),s("span",{children:Ia(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:()=>S(!0),onMouseLeave:()=>S(!1),style:{...fn(h,w),flexShrink:0,whiteSpace:"nowrap"},children:[t==="dark"?s(cc,{size:14,strokeWidth:1.5}):t==="auto"?s(uc,{size:14,strokeWidth:1.5}):s(pc,{size:14,strokeWidth:1.5}),s("span",{children:t==="auto"?"Auto":t==="dark"?"Dark":"Light"})]})]}),u]})}function Jc(){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 Xc(){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 Kc(e){return Jc(),window.addEventListener("popstate",e),window.addEventListener("popmelt:locationchange",e),()=>{window.removeEventListener("popstate",e),window.removeEventListener("popmelt:locationchange",e),Xc()}}function Gc(){return window.location.pathname}function Ta(){return ua(Kc,Gc,()=>"/")}var Ea=28;function eu({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=Me[e],g=e==="light"?f.primary:f.hoverForeground,[y,w]=N(o&&r?u?.connection??null:null),[S,C]=N(o&&r?u?.taste??null:null),[L,M]=N(!1),[k,E]=N(null),[$,O]=N(!1),[z,T]=N(0),[j,Z]=N(null),ae=R(void 0),he=()=>clearTimeout(ae.current);F(()=>()=>clearTimeout(ae.current),[]);let le=R(c);le.current=c;let Y=R(u);Y.current=u;let ve=R(p);ve.current=p;let G=R(void 0),we=R(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||we.current!==y.environment))&&(clearTimeout(ae.current),le.current?.()),G.current=I,we.current=y.environment},[y]);let Le={onMouseEnter:()=>{he(),ae.current=setTimeout(()=>d?.(),100)},onMouseLeave:he,onFocus:()=>{he(),d?.()}};F(()=>{let I=!0,W=new AbortController,B,H=o&&r?Y.current:null;if(G.current=H?.connection.accountId,we.current=H?.connection.environment,w(H?.connection??null),C(H?.taste??null),M(!1),E(null),!o||!r)return;async function ee(){try{let Se=await Ln(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(!Se.ok)throw Error("Connection unavailable. Retry after checking the local bridge or secure storage.");let te=await Se.json();if(!I)return;if(E(te.error?"Sign-in did not complete. Please try again.":null),te.state==="signed_in"){G.current&&(G.current!==te.accountId||we.current!==te.environment)&&(w(te),C(null),M(!1),ve.current?.(null));let Ze=await Ln(`${r}/cloud-taste/direction`,{signal:W.signal,cache:"no-store"});if(!Ze.ok)throw Error("Could not read taste. Reconnect if access has expired.");let U=await Ze.json(),Oe=te;if(te.profile===void 0){let Ae=await Ln(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(Ae.ok){let ye=await Ae.json();if(ye.state!=="signed_in"||ye.accountId!==te.accountId||ye.environment!==te.environment)throw Error("Connection changed while reading taste. Reopen Settings to verify it.");Oe=ye}}if(!I)return;let re=U.direction?.name??null;w(Oe),C(re),M(!0),G.current=Oe.accountId,we.current=Oe.environment,ve.current?.(Oe.accountId?{connection:Oe,taste:re,generation:typeof U.generation=="number"&&Number.isFinite(U.generation)?U.generation:0}:null)}else w(te),C(null),M(!0),G.current=void 0,ve.current?.(null);I&&(B=setTimeout(ee,te.pending?1e3:15e3))}catch(Se){I&&(w(null),C(null),M(!1),ve.current?.(null),E(Se instanceof Error?Se.message:"Connection unavailable."))}}return ee(),()=>{I=!1,W.abort(),clearTimeout(B)}},[r,o,z]);async function X(I){if(!o||!r||$)return;he(),c?.();let W=I==="sign-in"?window.open("about:blank","_blank"):null;if(I==="sign-in"&&!W){E("Allow popups, then try sign-in again.");return}W&&(W.opener=null),O(!0),M(!1),w(null),E(null),C(null),ve.current?.(null);try{let B=await Ln(`${r}/cloud-taste/${I}`,{method:"POST",headers:{"Content-Type":"application/json"},body:"{}"});if(!B.ok)throw Error("Could not update the connection. Check secure storage and try again.");let H=await B.json();if(I==="sign-in"){let ee=Rd(H.authorizationUrl);if(!W)throw Error("Allow popups, then cancel and retry sign-in.");W.location.replace(ee.href)}T(ee=>ee+1)}catch(B){W?.close(),T(H=>H+1),E(B instanceof Error?B.message:"Connection unavailable.")}finally{O(!1)}}let ke={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:Ct,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(${Ea}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,20 +7,20 @@ import{_ as Ct,wa as Me,ya as bo,x as Ln,R as Ui,K as qi,t as pd,$ as fd,ua as S
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(oc,{size:16}),s(xa,{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:ke,children:[s("span",{children:"Project"}),s("div",{style:{minWidth:0,maxWidth:"65%"},children:t})]}),v("div",{style:ke,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(Te,{children:[v("div",{style:ke,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:Ea,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!==B?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:$||!L,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(ic,{size:14})})]}):y?.pending?s("button",{type:"button",style:{...A,cursor:"pointer"},disabled:$||!L,onClick:()=>{X("disconnect")},children:"Cancel sign-in"}):v("button",{type:"button",style:{...A,cursor:"pointer"},disabled:$||!L||!r||y?.state==="unavailable",onClick:()=>{X("sign-in")},children:["Sign in ",s(ac,{size:14})]})]}),y?.state==="signed_in"&&v("div",{style:ke,children:[s("span",{children:"Taste"}),S?s("button",{type:"button","data-active-taste-badge":!0,...Le,onClick:l,disabled:!l||!L,style:{...A,paddingLeft:6,cursor:"pointer"},children:v(Te,{children:[s(ba,{size:14,style:{flexShrink:0}}),s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:S})]})}):v("button",{type:"button",disabled:!l,onClick:l,...Le,style:{...A,paddingLeft:6,gap:3,color:e==="light"?g:f.secondary,background:f.hoverSurface,cursor:l?"pointer":"default"},children:[s(lc,{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."})]}),k&&v("div",{role:"status",style:{fontSize:12},children:[k," ",s("button",{type:"button",style:{...A,cursor:"pointer"},onClick:()=>T(I=>I+1),children:"Retry"})]})]})}var Lr=new Map;function La(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 eu(e,t,n=fetch){let r=La(e),o=`popmelt.cloud-host.v1:${t}:${r.port||"80"}`,i=Lr.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=La(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 Lr.set(o,a),a.finally(()=>{Lr.get(o)===a&&Lr.delete(o)}).catch(()=>{}),a}function tu(e,t,n){let r=`${e}
11
- ${t}`,[o,i]=N({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"",key:r}),!n||!e||!t)return;let a=!0,l;return eu(e,t).then(d=>{!a||!d||(l=vd(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 nu({detail:e,retryLabel:t,retry:n,fixPrompt:r,theme:o}){let i=Me[o],[a,l]=N(!1),d=R(!1),c=R(!0),[u,p]=N(""),[h,f]=N(!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:`
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(ic,{size:16}),s(xa,{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:ke,children:[s("span",{children:"Project"}),s("div",{style:{minWidth:0,maxWidth:"65%"},children:t})]}),v("div",{style:ke,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(Te,{children:[v("div",{style:ke,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:Ea,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:$||!L,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(ac,{size:14})})]}):y?.pending?s("button",{type:"button",style:{...A,cursor:"pointer"},disabled:$||!L,onClick:()=>{X("disconnect")},children:"Cancel sign-in"}):v("button",{type:"button",style:{...A,cursor:"pointer"},disabled:$||!L||!r||y?.state==="unavailable",onClick:()=>{X("sign-in")},children:["Sign in ",s(lc,{size:14})]})]}),y?.state==="signed_in"&&v("div",{style:ke,children:[s("span",{children:"Taste"}),S?s("button",{type:"button","data-active-taste-badge":!0,...Le,onClick:l,disabled:!l||!L,style:{...A,paddingLeft:6,cursor:"pointer"},children:v(Te,{children:[s(ba,{size:14,style:{flexShrink:0}}),s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:S})]})}):v("button",{type:"button",disabled:!l,onClick:l,...Le,style:{...A,paddingLeft:6,gap:3,color:e==="light"?g:f.secondary,background:f.hoverSurface,cursor:l?"pointer":"default"},children:[s(sc,{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."})]}),k&&v("div",{role:"status",style:{fontSize:12},children:[k," ",s("button",{type:"button",style:{...A,cursor:"pointer"},onClick:()=>T(I=>I+1),children:"Retry"})]})]})}var Lr=new Map;function La(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 tu(e,t,n=fetch){let r=La(e),o=`popmelt.cloud-host.v1:${t}:${r.port||"80"}`,i=Lr.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=La(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 Lr.set(o,a),a.finally(()=>{Lr.get(o)===a&&Lr.delete(o)}).catch(()=>{}),a}function nu(e,t,n){let r=`${e}
11
+ ${t}`,[o,i]=N({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"",key:r}),!n||!e||!t)return;let a=!0,l;return tu(e,t).then(d=>{!a||!d||(l=xd(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 ru({detail:e,retryLabel:t,retry:n,fixPrompt:r,theme:o}){let i=Me[o],[a,l]=N(!1),d=R(!1),c=R(!0),[u,p]=N(""),[h,f]=N(!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; }
14
14
  [data-popmelt-session-recovery] button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
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(rr,{size:14,"aria-hidden":"true"}):s(pc,{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(nr,{size:14,"aria-hidden":"true"}):s(fc,{size:14,"aria-hidden":"true"}),h?"Copied":"Prompt to fix"]})]}),s("span",{role:"status",style:{display:"block",marginTop:u?8:0},children:u})]})}function ru({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]=N(!1),[h,f]=N(!1),[g,y]=N(!1),[w,S]=N(l),[C,L]=N(!1),[M]=N(()=>Array.from(new Set([t,a,l,d,...i?["Clear space","Clearing"]:[],...o?["Restart server","Restarting server"]:[]]))),k=R(!1),E=R(!0);F(()=>(E.current=!0,()=>{E.current=!1}),[]);let $=C&&!!i,O=C&&!$&&!!o,z=$?"Clear space":O?"Restart server":a,T=(u||h)&&!g,B=g?w:T?z:C?d:t,Z=$?"Clear this participant\u2019s local recovery data and unsynced changes; keep identity and server-saved work":O?"Reconnect failed. Restart the session server and reconnect; this may briefly disconnect other peers":C?"Try reconnecting again. If it keeps failing, ask the host to check the server":c,ae=async()=>{if(!k.current){k.current=!0,S($?"Clearing":O?"Restarting server":l),y(!0);try{$?await i?.():(O&&await o?.(),await r()),E.current&&L(!1)}catch{E.current&&L(!0)}finally{k.current=!1,E.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(rr,{size:14,"aria-hidden":"true"}):s(fc,{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(nr,{size:14,"aria-hidden":"true"}):s(hc,{size:14,"aria-hidden":"true"}),h?"Copied":"Prompt to fix"]})]}),s("span",{role:"status",style:{display:"block",marginTop:u?8:0},children:u})]})}function ou({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]=N(!1),[h,f]=N(!1),[g,y]=N(!1),[w,S]=N(l),[C,L]=N(!1),[M]=N(()=>Array.from(new Set([t,a,l,d,...i?["Clear space","Clearing"]:[],...o?["Restart server","Restarting server"]:[]]))),k=R(!1),E=R(!0);F(()=>(E.current=!0,()=>{E.current=!1}),[]);let $=C&&!!i,O=C&&!$&&!!o,z=$?"Clear space":O?"Restart server":a,T=(u||h)&&!g,j=g?w:T?z:C?d:t,Z=$?"Clear this participant\u2019s local recovery data and unsynced changes; keep identity and server-saved work":O?"Reconnect failed. Restart the session server and reconnect; this may briefly disconnect other peers":C?"Try reconnecting again. If it keeps failing, ask the host to check the server":c,ae=async()=>{if(!k.current){k.current=!0,S($?"Clearing":O?"Restarting server":l),y(!0);try{$?await i?.():(O&&await o?.(),await r()),E.current&&L(!1)}catch{E.current&&L(!0)}finally{k.current=!1,E.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":`${B}. ${Z}`,"aria-busy":g,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onFocus:()=>f(!0),onBlur:()=>f(!1),onClick:()=>{ae()},style:{...fn(Me[e],T),cursor:g?"default":"pointer",minWidth:0,maxWidth:"100%"},children:[g||n&&!T?s(rr,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):T||C?s(Eo,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):s(wa,{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(he=>s("span",{"aria-hidden":"true",style:{gridArea:"1 / 1",visibility:"hidden",pointerEvents:"none",overflow:"hidden"},children:he},he)),s("span",{"data-popmelt-connection-label":!0,title:B,style:{position:"absolute",inset:0,overflow:"hidden",textOverflow:"ellipsis"},children:B})]})]})]})}function Nn(e){return e<=767}function hn(e){return Nn(e)?8:16}function vt(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,Ue=40,zt=8,Aa="popmelt-toolbar-snap-position";function gn(e){return e.startsWith("top-")}function zn(e){return e.endsWith("-right")}function or(e){return e.endsWith("-center")}function Ra(){try{let e=localStorage.getItem(Aa);if(e&&ou(e))return e}catch{}return"bottom-right"}function $a(e){try{localStorage.setItem(Aa,e)}catch{}}function ou(e){return["bottom-right","bottom-center","bottom-left","top-right","top-center","top-left"].includes(e)}function iu(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-Ue,a=!gn(e)&&r?`max(${o}px, env(safe-area-inset-bottom))`:void 0;return or(e)?{position:"fixed",top:i,bottom:a,left:"50%",transform:"translateX(-50%)"}:zn(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)) + ${Ue+r}px)`:a+Ue+r}:{bottom:i?`calc(max(${a}px, env(safe-area-inset-bottom)) + ${Ue+r}px)`:a+Ue+r},d;return or(e)?d={left:"50%",transform:"translateX(-50%)"}:zn(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 au(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)) + ${Ue+8}px)`:i+Ue+8}:{bottom:o?`calc(max(${i}px, env(safe-area-inset-bottom)) + ${Ue+8}px)`:i+Ue+8},l,d;return or(e)?(l={left:"50%",transform:"translateX(-50%)"},d="center"):zn(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 lu(e,t=typeof window<"u"?window.innerWidth:1920){let n=gn(e),r=zn(e)||or(e),o=Nn(t),i=hn(t),a=n&&r?i+Ue+zt:i,l=!n&&r?i+Ue+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:vt(t)}}function su(e,t,n){let r=vt(t),o=hn(t),i=gn(e),a,l;zn(e)||or(e)?(a=t-o,l=a-r):(l=o,a=l+r);let d=i?o+Ue+zt:n-o-Ue-zt;return{left:l,right:a,y:d}}var du=["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:[" "]}},cu=[{type:"model",label:"Imprint",shortcut:"I"},{type:"sticker",label:"Steer",shortcut:"S"},{type:"inspector",label:"Chat",shortcut:"C"}];function uu(e){let t=e.toLowerCase();return Object.values(yn.tools).find(n=>n.key===t)?.tool??null}function pu(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 Na=100,kt=200,Ar={surface:null,phase:"visible"};function Ao({openDelayMs:e=Na,exitDurationMs:t=kt}={}){let[n,r]=N(Ar),o=R(Ar),i=R(null),a=R(null),l=R(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(Ar)},t))},[u,c,t,d]),g=oe(y=>{y&&o.current.surface!==y||(i.current=null,c(),u(),d(Ar))},[u,c,d]);return F(()=>()=>{c(),u()},[u,c]),{surface:n.surface,phase:n.phase,enter:h,leave:f,show:p,dismiss:g}}var fu={version:"0.27.0"},za=fu.version;function Ro({theme:e,expanded:t,width:n,snapPosition:r,viewport:o,toolbarRef:i,style:a,...l}){let d=Me[e];return s("div",{...l,ref:i,id:"devtools-toolbar",role:"toolbar","data-popmelt-theme":e,style:{...iu(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 $o({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(Sa,{"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 Pa({theme:e,active:t,busy:n,color:r,onSettlingChange:o,onOpen:i,onCrosshairHover:a,onMouseEnter:l,toolbarRef:d,...c}){let u=R(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=Me[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(Ro,{...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($o,{expanded:!1,active:t,color:r,onSettlingChange:o,onClick:i,onMouseEnter:()=>a?.(!0),onMouseLeave:()=>a?.(!1)})})}function Oa(){let e=()=>typeof window>"u"?{w:1920,h:1080}:{w:window.visualViewport?.width??window.innerWidth,h:window.visualViewport?.height??window.innerHeight},[t,n]=N(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 Ha(e){let t=R(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 hu=(e,t)=>({display:"flex",width:t,height:32,borderRadius:16,overflow:"hidden",background:Me[e].control});function mu({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=Me[e];return v("div",{"data-popmelt-compact-tool-control":!0,style:{...hu(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(To,{size:12,strokeWidth:2,style:{transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})})]})}function gu({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]=N(()=>!o),[h,f]=N(Ra),g=R(null),y=Ao(),{leave:w,dismiss:S}=y,C=y.surface!==null&&y.phase==="visible",L=Oa(),M=()=>{if(u){S(),d?.(),p(!1);return}p(!0),o&&y.show("popmelt-guide")};return Ha(M),F(()=>{let k=g.current;if(!k)return;let E=$=>{$.relatedTarget instanceof Node&&k.contains($.relatedTarget)||w("popmelt-guide")};return k.addEventListener("pointerout",E),()=>k.removeEventListener("pointerout",E)},[u,w]),u?v("div",{ref:g,style:{display:"contents"},onKeyDown:k=>{k.key==="Escape"&&S()},onBlur:k=>{k.relatedTarget instanceof Node&&g.current?.contains(k.relatedTarget)||w("popmelt-guide")},children:[s("style",{children:`
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(Me[e],T),cursor:g?"default":"pointer",minWidth:0,maxWidth:"100%"},children:[g||n&&!T?s(rr,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):T||C?s(Eo,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):s(wa,{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(he=>s("span",{"aria-hidden":"true",style:{gridArea:"1 / 1",visibility:"hidden",pointerEvents:"none",overflow:"hidden"},children:he},he)),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 vt(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,Ue=40,zt=8,Aa="popmelt-toolbar-snap-position";function gn(e){return e.startsWith("top-")}function zn(e){return e.endsWith("-right")}function or(e){return e.endsWith("-center")}function Ra(){try{let e=localStorage.getItem(Aa);if(e&&iu(e))return e}catch{}return"bottom-right"}function $a(e){try{localStorage.setItem(Aa,e)}catch{}}function iu(e){return["bottom-right","bottom-center","bottom-left","top-right","top-center","top-left"].includes(e)}function au(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-Ue,a=!gn(e)&&r?`max(${o}px, env(safe-area-inset-bottom))`:void 0;return or(e)?{position:"fixed",top:i,bottom:a,left:"50%",transform:"translateX(-50%)"}:zn(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)) + ${Ue+r}px)`:a+Ue+r}:{bottom:i?`calc(max(${a}px, env(safe-area-inset-bottom)) + ${Ue+r}px)`:a+Ue+r},d;return or(e)?d={left:"50%",transform:"translateX(-50%)"}:zn(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 lu(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)) + ${Ue+8}px)`:i+Ue+8}:{bottom:o?`calc(max(${i}px, env(safe-area-inset-bottom)) + ${Ue+8}px)`:i+Ue+8},l,d;return or(e)?(l={left:"50%",transform:"translateX(-50%)"},d="center"):zn(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 su(e,t=typeof window<"u"?window.innerWidth:1920){let n=gn(e),r=zn(e)||or(e),o=Nn(t),i=hn(t),a=n&&r?i+Ue+zt:i,l=!n&&r?i+Ue+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:vt(t)}}function du(e,t,n){let r=vt(t),o=hn(t),i=gn(e),a,l;zn(e)||or(e)?(a=t-o,l=a-r):(l=o,a=l+r);let d=i?o+Ue+zt:n-o-Ue-zt;return{left:l,right:a,y:d}}var cu=["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:[" "]}},uu=[{type:"model",label:"Imprint",shortcut:"I"},{type:"sticker",label:"Steer",shortcut:"S"},{type:"inspector",label:"Chat",shortcut:"C"}];function pu(e){let t=e.toLowerCase();return Object.values(yn.tools).find(n=>n.key===t)?.tool??null}function fu(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 Na=100,kt=200,Ar={surface:null,phase:"visible"};function Ao({openDelayMs:e=Na,exitDurationMs:t=kt}={}){let[n,r]=N(Ar),o=R(Ar),i=R(null),a=R(null),l=R(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(Ar)},t))},[u,c,t,d]),g=oe(y=>{y&&o.current.surface!==y||(i.current=null,c(),u(),d(Ar))},[u,c,d]);return F(()=>()=>{c(),u()},[u,c]),{surface:n.surface,phase:n.phase,enter:h,leave:f,show:p,dismiss:g}}var hu={version:"0.27.1"},za=hu.version;function Ro({theme:e,expanded:t,width:n,snapPosition:r,viewport:o,toolbarRef:i,style:a,...l}){let d=Me[e];return s("div",{...l,ref:i,id:"devtools-toolbar",role:"toolbar","data-popmelt-theme":e,style:{...au(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 $o({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(Sa,{"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 Pa({theme:e,active:t,busy:n,color:r,onSettlingChange:o,onOpen:i,onCrosshairHover:a,onMouseEnter:l,toolbarRef:d,...c}){let u=R(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=Me[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(Ro,{...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($o,{expanded:!1,active:t,color:r,onSettlingChange:o,onClick:i,onMouseEnter:()=>a?.(!0),onMouseLeave:()=>a?.(!1)})})}function Oa(){let e=()=>typeof window>"u"?{w:1920,h:1080}:{w:window.visualViewport?.width??window.innerWidth,h:window.visualViewport?.height??window.innerHeight},[t,n]=N(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 Ha(e){let t=R(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 mu=(e,t)=>({display:"flex",width:t,height:32,borderRadius:16,overflow:"hidden",background:Me[e].control});function gu({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=Me[e];return v("div",{"data-popmelt-compact-tool-control":!0,style:{...mu(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(To,{size:12,strokeWidth:2,style:{transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})})]})}function yu({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]=N(()=>!o),[h,f]=N(Ra),g=R(null),y=Ao(),{leave:w,dismiss:S}=y,C=y.surface!==null&&y.phase==="visible",L=Oa(),M=()=>{if(u){S(),d?.(),p(!1);return}p(!0),o&&y.show("popmelt-guide")};return Ha(M),F(()=>{let k=g.current;if(!k)return;let E=$=>{$.relatedTarget instanceof Node&&k.contains($.relatedTarget)||w("popmelt-guide")};return k.addEventListener("pointerout",E),()=>k.removeEventListener("pointerout",E)},[u,w]),u?v("div",{ref:g,style:{display:"contents"},onKeyDown:k=>{k.key==="Escape"&&S()},onBlur:k=>{k.relatedTarget instanceof Node&&g.current?.contains(k.relatedTarget)||w("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]=N({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,L.w,L.h,0),width:vt(L.w),boxSizing:"content-box",...h.startsWith("top-")?{paddingTop:zt}:{paddingBottom:zt},zIndex:10001},children:s(Ma,{theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:h,onSnapPositionChange:k=>{$a(k),f(k)},active:C,style:{opacity:C?1:0,transition:C?"none":`opacity ${kt}ms ease`},connection:i??v("span",{style:{...fn(Me[e],!1),cursor:"default"},children:[s(Lo,{size:14,strokeWidth:1.5}),v("span",{children:["Version ",za]})]})})}),a&&!y.surface&&s("div",{"data-devtools":"toolbar-entry-panel",style:{..._t(h,L.w,L.h,zt),zIndex:10001},children:a}),v(Ro,{theme:e,expanded:!0,width:"max-content",snapPosition:h,viewport:L,"aria-label":c,"data-popmelt-entry-dimmed":!!(l&&a&&!y.surface),style:o?{width:40,padding:0,gap:0,justifyContent:"center",border:`1px solid ${Me[e].border}`,boxShadow:"none"}:void 0,children:[s("span",{style:{display:"contents"},onMouseEnter:()=>S(),onFocus:()=>S(),children:r}),s($o,{expanded:!0,"data-popmelt-entry-control":!0,color:Me[e].primary,onClick:M,onMouseEnter:()=>y.enter("popmelt-guide"),onFocus:()=>y.show("popmelt-guide")})]})]}):s(Pa,{theme:e,snapPosition:h,viewport:L,color:Me[e].primary,onOpen:M})}function Da(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 Wa={textAlign:"left",display:"flex",flexDirection:"column",gap:4,width:"100%"},Ba={display:"flex",alignItems:"baseline",gap:16,width:"100%"},ja={flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:"0.14px"},_a={flexShrink:0,fontSize:12,fontWeight:500,letterSpacing:"0.12px"};function yu(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 bu({bridgeUrl:e,theme:t,style:n,onClose:r,onViewThread:o,onPreviewThread:i}){let a=Me[t],[l,d]=N(""),[c,u]=N(0),[p,h]=N(0),[f,g]=N([]),[y,w]=N(!1),[S,C]=N(!0),[L,M]=N(null),[k,E]=N(Date.now),$=R(null);F(()=>(i?.(null),()=>i?.(null)),[i,l,e]),F(()=>{$.current?.focus();let T=setInterval(()=>E(Date.now()),3e4);return()=>clearInterval(T)},[]),F(()=>{let T=!1,B=new AbortController;C(!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)}),he=await Ln(`${e}/threads/history?${ae}`,{signal:B.signal});if(!he.ok)throw new Error("History unavailable");let le=await he.json();if(T)return;g(Y=>c===0?le.threads:[...Y,...le.threads.filter(ve=>!Y.some(G=>G.id===ve.id))]),w(le.hasMore)}catch{T||M("Couldn\u2019t load history. Check the bridge connection.")}finally{T||C(!1)}},l?180:0);return()=>{T=!0,B.abort(),clearTimeout(Z)}},[e,l,c,p]);let O=new Map;for(let T of f){let B=l.trim()?"Results":yu(T.updatedAt,k);O.set(B,[...O.get(B)??[],T])}let z={border:0,padding:0,background:"transparent",font:"inherit",color:"inherit",cursor:"pointer"};return v("div",{ref:$,role:"dialog","aria-label":"History",tabIndex:-1,"data-devtools":"history-panel","data-popmelt-theme":t,"data-popmelt-font":"sans",onKeyDown:T=>{T.stopPropagation(),T.key==="Escape"&&(T.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:Ct,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,L.w,L.h,0),width:vt(L.w),boxSizing:"content-box",...h.startsWith("top-")?{paddingTop:zt}:{paddingBottom:zt},zIndex:10001},children:s(Ma,{theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:h,onSnapPositionChange:k=>{$a(k),f(k)},active:C,style:{opacity:C?1:0,transition:C?"none":`opacity ${kt}ms ease`},connection:i??v("span",{style:{...fn(Me[e],!1),cursor:"default"},children:[s(Lo,{size:14,strokeWidth:1.5}),v("span",{children:["Version ",za]})]})})}),a&&!y.surface&&s("div",{"data-devtools":"toolbar-entry-panel",style:{..._t(h,L.w,L.h,zt),zIndex:10001},children:a}),v(Ro,{theme:e,expanded:!0,width:"max-content",snapPosition:h,viewport:L,"aria-label":c,"data-popmelt-entry-dimmed":!!(l&&a&&!y.surface),style:o?{width:40,padding:0,gap:0,justifyContent:"center",border:`1px solid ${Me[e].border}`,boxShadow:"none"}:void 0,children:[s("span",{style:{display:"contents"},onMouseEnter:()=>S(),onFocus:()=>S(),children:r}),s($o,{expanded:!0,"data-popmelt-entry-control":!0,color:Me[e].primary,onClick:M,onMouseEnter:()=>y.enter("popmelt-guide"),onFocus:()=>y.show("popmelt-guide")})]})]}):s(Pa,{theme:e,snapPosition:h,viewport:L,color:Me[e].primary,onOpen:M})}function Da(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 Wa={textAlign:"left",display:"flex",flexDirection:"column",gap:4,width:"100%"},ja={display:"flex",alignItems:"baseline",gap:16,width:"100%"},Ba={flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:"0.14px"},_a={flexShrink:0,fontSize:12,fontWeight:500,letterSpacing:"0.12px"};function bu(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 vu({bridgeUrl:e,theme:t,style:n,onClose:r,onViewThread:o,onPreviewThread:i}){let a=Me[t],[l,d]=N(""),[c,u]=N(0),[p,h]=N(0),[f,g]=N([]),[y,w]=N(!1),[S,C]=N(!0),[L,M]=N(null),[k,E]=N(Date.now),$=R(null);F(()=>(i?.(null),()=>i?.(null)),[i,l,e]),F(()=>{$.current?.focus();let T=setInterval(()=>E(Date.now()),3e4);return()=>clearInterval(T)},[]),F(()=>{let T=!1,j=new AbortController;C(!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)}),he=await Ln(`${e}/threads/history?${ae}`,{signal:j.signal});if(!he.ok)throw new Error("History unavailable");let le=await he.json();if(T)return;g(Y=>c===0?le.threads:[...Y,...le.threads.filter(ve=>!Y.some(G=>G.id===ve.id))]),w(le.hasMore)}catch{T||M("Couldn\u2019t load history. Check the bridge connection.")}finally{T||C(!1)}},l?180:0);return()=>{T=!0,j.abort(),clearTimeout(Z)}},[e,l,c,p]);let O=new Map;for(let T of f){let j=l.trim()?"Results":bu(T.updatedAt,k);O.set(j,[...O.get(j)??[],T])}let z={border:0,padding:0,background:"transparent",font:"inherit",color:"inherit",cursor:"pointer"};return v("div",{ref:$,role:"dialog","aria-label":"History",tabIndex:-1,"data-devtools":"history-panel","data-popmelt-theme":t,"data-popmelt-font":"sans",onKeyDown:T=>{T.stopPropagation(),T.key==="Escape"&&(T.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:Ct,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(va,{size:16,"aria-hidden":"true"}),"History"]}),s("button",{type:"button","aria-label":"Close history",style:{...z,display:"flex",color:a.muted},onClick:r,children:s(ya,{size:16})})]}),v("label",{style:{display:"flex",alignItems:"center",gap:8},children:[s(ha,{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:T=>{d(T.target.value),u(0)},style:{width:"100%",minWidth:0,border:0,padding:0,background:"transparent",font:"inherit",color:a.primary}})]}),v("div",{"aria-busy":S,style:{overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column",gap:24},children:[[...O].map(([T,B])=>v("section",{"aria-label":T,style:{display:"flex",flexDirection:"column",gap:12},children:[s("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px"},children:T}),s("div",{style:{display:"flex",flexDirection:"column",gap:8},children:B.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:{...z,color:void 0,...Wa},children:[v("span",{style:Ba,children:[s("span",{style:ja,children:Z.preview}),s("time",{dateTime:new Date(Z.updatedAt).toISOString(),style:_a,children:Da(Z.updatedAt,k)})]}),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))})]},T)),L?v("div",{role:"alert",children:[L," ",s("button",{type:"button",style:{...z,textDecoration:"underline"},onClick:()=>h(T=>T+1),children:"Retry"})]}):S?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&&!S&&!L&&s("button",{type:"button",style:{...z,alignSelf:"flex-start",textDecoration:"underline"},onClick:()=>u(T=>T+10),children:"Show more"})]})]})}var Rr={direct:"Edit","approval-required":"Suggest",blocked:"Blocked"},No={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."},Fa=["circle","square","diamond","hexagon"];function zo(e="circle",t=26){return{circle:19,square:17.5,diamond:20,hexagon:19}[e]*t/24}var Va=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",vu={diamond:Va([[12,1],[23,12],[12,23],[1,12]]),hexagon:Va([[12,2],[21,7],[21,17],[12,22],[3,17],[3,7]])};function ir({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:vu[e]})})})}function Pn(e){return(e%360+360)%360}function $r(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 Xt(e){return`oklch(${.628} ${.258} ${Pn(e)})`}function Qa(e){let t=$r(e)??29;return Xt(t+60)}function Po(e){return new Set(e.filter(t=>t.groupId&&t.threadId).map(t=>t.groupId))}function Oo(e,t){let n=!!(e.groupId&&t.has(e.groupId));return(e.status??"pending")==="pending"&&!e.threadId&&!n&&!(e.replyCount&&e.replyCount>0)}function xu(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 wu(e,t){let n=Math.abs(Pn(e)-Pn(t));return Math.min(n,360-n)<.5}function On(e,t,n){let r=$r(e)??29,o=Math.round(360/60),i=Po(t),a=t.flatMap((c,u)=>{if(!c.color)return[];if(n&&c.pathname&&c.pathname!==n)return[];if(Oo(c,i))return[];let p=$r(c.color);return p===null?[]:[{hue:p,key:xu(c,u,i)}]}),l=Xt(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=>wu(h.hue,u)).map(h=>h.key));if(p.size===0)return Xt(u);p.size<d&&(d=p.size,l=Xt(u))}return l}function Cu(e,t){let n=Po(e);return e.map(r=>Oo(r,n)?{...r,color:t}:r)}function ku(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),On(Qa(e.color),r,e.pathname)}function Su(e,t){return e.find(n=>n.color)?.color??t}function Iu(e){let t=[...e.annotations].sort((i,a)=>a.timestamp-i.timestamp),n=Po(e.annotations),r=t.find(i=>Oo(i,n)&&!!i.color);if(r?.color)return On(r.color,e.annotations,e.currentPathname);if(e.savedCursor)return On(e.savedCursor,e.annotations,e.currentPathname);let o=t.find(i=>!!(i.threadId&&i.color));return o?.color?On(Qa(o.color),e.annotations,e.currentPathname):On(Xt(29),e.annotations,e.currentPathname)}var ar=[210,150,270,90,330,30].map(e=>Pn(29+e)),Ho=[.68,.5,.82,.59,.75,.43];function Mu(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");return Fa[([0,2,3,0,1,1][e%6]+Math.floor(e/6))%4]}function Kt(e){if(e.identity?.relationship==="host")return"circle";if(e.shape&&Fa.includes(e.shape))return e.shape;let t=/^oklch\(([\d.]+) ([\d.]+) ([\d.]+)\)$/.exec(e.color??"");if(t){let n=Ho.indexOf(Number(t[1])),r=ar.indexOf(Number(t[3])),o=Math.round((.14/Number(t[2])-1)*4),i=(o*Ho.length+n)*ar.length+r;if(n>=0&&r>=0&&o>=0&&Number.isSafeInteger(i)&&Za(i)===e.color)return Mu(i)}return"circle"}function Za(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");let t=Math.floor(e/ar.length),n=Ho,r=n[t%n.length],o=.14/(1+Math.floor(t/n.length)*.25);return`oklch(${r} ${o} ${ar[e%ar.length]})`}function Tu(e,t,n){return e?.identity.relationship==="host"?e.identity.id===t?n:e.color??Co.activeColor:e?.color??Za(0)}function Ua(e){return e.reduce((t,n)=>t+zo(Kt(n)),0)-Math.max(0,e.length-1)*4.5}function Eu({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=Me[a],f=a==="light"?"#ffffff":"#000000",g=l??t,y=tr(),w=R(null),S=R({onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i});S.current={onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i};let C=R(null),L=()=>{C.current!==null&&cancelAnimationFrame(C.current),C.current=null},M=e.length>0;return F(()=>{let k=w.current;if(!k)return;let E=$=>{if($.pointerType==="touch")return;let O=$.target instanceof Element?$.target.closest("button[data-peer-id]"):null;if(!O||!k.contains(O)||$.relatedTarget instanceof Node&&O.contains($.relatedTarget))return;let z=O.dataset.peerId;$.type==="pointerover"?(L(),Vc(()=>S.current.onDetailsEnter?.(z,"pointer")),S.current.onPeek&&(C.current=requestAnimationFrame(()=>{C.current=requestAnimationFrame(()=>{C.current=null,S.current.onPeek?.(z)})}))):(L(),S.current.onPeekEnd?.(z),S.current.onDetailsLeave?.(z,$.relatedTarget))};return k.addEventListener("pointerover",E),k.addEventListener("pointerout",E),k.addEventListener("pointercancel",E),()=>{L(),k.removeEventListener("pointerover",E),k.removeEventListener("pointerout",E),k.removeEventListener("pointercancel",E)}},[M]),e.length?s("ul",{ref:w,"aria-label":"Canvas peers","data-devtools":"peer-chip-stack",style:{display:"flex",alignItems:"center",isolation:"isolate",flexShrink:0,margin:0,padding:0,listStyle:"none"},children:e.map(({identity:k,permission:E,color:$=h.secondary,shape:O,unseenActivity:z},T)=>v("li",{style:{display:"flex",position:"relative",zIndex:e.length-T,marginRight:T===e.length-1?0:-4.5},children:[v("button",{type:"button","aria-pressed":n===k.id,"aria-label":`Preview ${k.name}'s plane \u2014 ${Rr[E]}${z?" \u2014 New activity":""}`,title:c?void 0:`${k.name} \xB7 ${Rr[E]}: ${No[E]}`,"aria-describedby":[`${y}-${T}`,l===k.id?d:void 0].filter(Boolean).join(" "),"data-peer-id":k.id,onClick:()=>{L(),r(k.id)},onFocus:()=>c?.(k.id,"focus"),onBlur:B=>u?.(k.id,B.relatedTarget),onKeyDown:B=>{B.key==="Escape"&&(L(),i?.(k.id)),!(B.key!=="Escape"||l!==k.id)&&(B.preventDefault(),B.stopPropagation(),p?.(k.id))},style:{display:"flex",position:"relative",alignItems:"center",width:zo(Kt({identity:k,color:$,shape:O})),height:22,boxSizing:"border-box",border:0,padding:0,background:"transparent",cursor:"pointer",outlineOffset:2},children:[s(ir,{shape:Kt({identity:k,color:$,shape:O}),color:g===k.id?$:`color-mix(in srgb, ${$} 20%, ${h.surface})`,outline:n===k.id?f:h.surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),z&&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}-${T}`,hidden:!0,children:No[E]})]},k.id))}):null}function Do(e,t){return JSON.stringify([e,t??null])}function Wo(e){return(e.annotations?.length?e.annotations:[{id:void 0,label:"Submitted changes"}]).map(t=>({submission:e,annotation:t,key:Do(e.id,t.id)}))}function Lu(e,t){return e.filter(n=>n.threadId===t).flatMap(n=>Wo(n).map(r=>r.key))}function Au(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 qa({at:e,theme:t,label:n}){let[r,o]=N(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:Me[t].control,borderRadius:6,padding:"0 3px",fontSize:12,fontWeight:400,color:Me[t].mutedStrong,whiteSpace:"nowrap",flexShrink:0},children:a})}var Gt={gap:16,padding:12,radius:20,width:360,viewportGutter:32,identitySize:24},Hn={gap:6,padding:"4px 8px",radius:8,iconSize:12},Nr={gap:3,padding:"2px 6px",radius:8},bn={gap:3,padding:"3px 9px 3px 6px",radius:8,iconSize:10},en=bn,lr={size:21,padding:3,radius:8,iconSize:15},Bo={padding:"0 4px",height:18,radius:6},Ya={fontFamily:Ct,fontSize:12,fontWeight:500,lineHeight:1.3};function jo(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Nr.gap,padding:Nr.padding,borderRadius:Nr.radius,border:0,flexShrink:0,background:Me[e].control,color:Me[e].primary,...Ya,whiteSpace:"nowrap",cursor:"pointer",transition:"box-shadow 120ms ease"}}var Ru=Vd("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"}]]),Ja=120,$u=180,Nu=2e3;function _o(e){let t=Me[e];return{display:"flex",alignItems:"center",gap:Gt.gap,width:Gt.width,maxWidth:`calc(100vw - ${Gt.viewportGutter}px)`,boxSizing:"border-box",border:`1px solid ${t.border}`,borderRadius:Gt.radius,padding:Gt.padding,background:t.surface,color:t.primary,backdropFilter:"blur(59.5px)",fontFamily:Ct,fontSize:14,lineHeight:1.3,letterSpacing:"-0.01em"}}function zu({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=R(c);g.current=c;let y=R(null);F(()=>{let re=y.current;if(!re)return;let Ae=g.current,ye=Ie=>{if(Ie.pointerType==="touch")return;let me=Ie.target instanceof Element?Ie.target.closest('[data-devtools="peer-review-sent"]'):null;!me||!re.contains(me)||Ie.relatedTarget instanceof Node&&me.contains(Ie.relatedTarget)||g.current?.(Ie.type==="pointerover"?me.dataset.annotationId??null:null)};return re.addEventListener("pointerover",ye),re.addEventListener("pointerout",ye),re.addEventListener("pointercancel",ye),()=>{re.removeEventListener("pointerover",ye),re.removeEventListener("pointerout",ye),re.removeEventListener("pointercancel",ye),Ae?.(null)}},[e.identity.id]);let[w,S]=N(!1),[C,L]=N(),[M,k]=N(),E=R(0),$=R(null),O=R(!1);Ve(()=>{!w&&O.current&&(O.current=!1,$.current?.focus({preventScroll:!0}))},[w,e.identity.id]);let z=async(re,Ae)=>{S(!0),L(re),k(void 0);try{await Ae()||(E.current+=1,k({target:re,pulse:E.current}))}catch{E.current+=1,k({target:re,pulse:E.current})}finally{S(!1),L(void 0)}},[T,B]=N("idle"),[Z,ae]=N(),he=R(0),le=R(null),[Y,ve]=N();Ve(()=>{if(!le.current)return;let re=!0,Ae=()=>{if(!re||!le.current)return;let ye=getComputedStyle(le.current),Ie=document.createElement("span");Object.assign(Ie.style,{position:"fixed",visibility:"hidden",pointerEvents:"none",whiteSpace:"nowrap",fontFamily:ye.fontFamily,fontSize:ye.fontSize,fontWeight:ye.fontWeight,lineHeight:ye.lineHeight}),document.body.append(Ie);let me=Number.parseFloat(ye.paddingLeft)+Number.parseFloat(ye.paddingRight)+en.iconSize+en.gap,at=Pt=>(Ie.textContent=Pt,Math.ceil(me+Ie.getBoundingClientRect().width)),St={idle:at("Invite"),busy:at("Copying\u2026"),copied:at("Copied")};Ie.remove(),Object.values(St).every(Pt=>Pt>me)&&ve(St)};return Ae(),document.fonts?.ready.then(Ae),()=>{re=!1}},[t,l,a]),F(()=>{if(T==="copied"){let re=setTimeout(()=>{B(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches?"idle":"copied-out")},Nu);return()=>clearTimeout(re)}if(T==="copied-out"){let re=setTimeout(()=>B("idle-in"),Ja);return()=>clearTimeout(re)}if(T==="idle-in"){let re=setTimeout(()=>B("idle"),16);return()=>clearTimeout(re)}},[T]);let G=Me[t],[we,Le]=N(),[X,ke]=N(),A=R(0),[I,W]=N(Date.now);F(()=>{if(!p.length)return;let re=setInterval(()=>W(Date.now()),3e4);return()=>clearInterval(re)},[p.length]);let[j,H]=N("idle"),ee=e.permission==="direct"?nc:ba,Se=!l&&!!o,te=[...p].sort((re,Ae)=>(Ae.submittedAt??0)-(re.submittedAt??0)),Ze=te.flatMap(Wo),U=new Set(h),Oe=async(re,Ae)=>{if(!d)return;let ye=Do(re,Ae);S(!0),Le(ye),ke(void 0);try{await d(re,Ae)}catch{A.current+=1,ke({key:ye,pulse:A.current})}finally{S(!1),Le(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:{..._o(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(va,{size:16,"aria-hidden":"true"}),"History"]}),s("button",{type:"button","aria-label":"Close history",style:{...z,display:"flex",color:a.muted},onClick:r,children:s(ya,{size:16})})]}),v("label",{style:{display:"flex",alignItems:"center",gap:8},children:[s(ha,{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:T=>{d(T.target.value),u(0)},style:{width:"100%",minWidth:0,border:0,padding:0,background:"transparent",font:"inherit",color:a.primary}})]}),v("div",{"aria-busy":S,style:{overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column",gap:24},children:[[...O].map(([T,j])=>v("section",{"aria-label":T,style:{display:"flex",flexDirection:"column",gap:12},children:[s("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px"},children:T}),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:{...z,color:void 0,...Wa},children:[v("span",{style:ja,children:[s("span",{style:Ba,children:Z.preview}),s("time",{dateTime:new Date(Z.updatedAt).toISOString(),style:_a,children:Da(Z.updatedAt,k)})]}),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))})]},T)),L?v("div",{role:"alert",children:[L," ",s("button",{type:"button",style:{...z,textDecoration:"underline"},onClick:()=>h(T=>T+1),children:"Retry"})]}):S?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&&!S&&!L&&s("button",{type:"button",style:{...z,alignSelf:"flex-start",textDecoration:"underline"},onClick:()=>u(T=>T+10),children:"Show more"})]})]})}var Rr={direct:"Edit","approval-required":"Suggest",blocked:"Blocked"},No={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."},Fa=["circle","square","diamond","hexagon"];function zo(e="circle",t=26){return{circle:19,square:17.5,diamond:20,hexagon:19}[e]*t/24}var Va=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",xu={diamond:Va([[12,1],[23,12],[12,23],[1,12]]),hexagon:Va([[12,2],[21,7],[21,17],[12,22],[3,17],[3,7]])};function ir({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:xu[e]})})})}function Pn(e){return(e%360+360)%360}function $r(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 Xt(e){return`oklch(${.628} ${.258} ${Pn(e)})`}function Qa(e){let t=$r(e)??29;return Xt(t+60)}function Po(e){return new Set(e.filter(t=>t.groupId&&t.threadId).map(t=>t.groupId))}function Oo(e,t){let n=!!(e.groupId&&t.has(e.groupId));return(e.status??"pending")==="pending"&&!e.threadId&&!n&&!(e.replyCount&&e.replyCount>0)}function wu(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 Cu(e,t){let n=Math.abs(Pn(e)-Pn(t));return Math.min(n,360-n)<.5}function On(e,t,n){let r=$r(e)??29,o=Math.round(360/60),i=Po(t),a=t.flatMap((c,u)=>{if(!c.color)return[];if(n&&c.pathname&&c.pathname!==n)return[];if(Oo(c,i))return[];let p=$r(c.color);return p===null?[]:[{hue:p,key:wu(c,u,i)}]}),l=Xt(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=>Cu(h.hue,u)).map(h=>h.key));if(p.size===0)return Xt(u);p.size<d&&(d=p.size,l=Xt(u))}return l}function ku(e,t){let n=Po(e);return e.map(r=>Oo(r,n)?{...r,color:t}:r)}function Su(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),On(Qa(e.color),r,e.pathname)}function Iu(e,t){return e.find(n=>n.color)?.color??t}function Mu(e){let t=[...e.annotations].sort((i,a)=>a.timestamp-i.timestamp),n=Po(e.annotations),r=t.find(i=>Oo(i,n)&&!!i.color);if(r?.color)return On(r.color,e.annotations,e.currentPathname);if(e.savedCursor)return On(e.savedCursor,e.annotations,e.currentPathname);let o=t.find(i=>!!(i.threadId&&i.color));return o?.color?On(Qa(o.color),e.annotations,e.currentPathname):On(Xt(29),e.annotations,e.currentPathname)}var ar=[210,150,270,90,330,30].map(e=>Pn(29+e)),Ho=[.68,.5,.82,.59,.75,.43];function Tu(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");return Fa[([0,2,3,0,1,1][e%6]+Math.floor(e/6))%4]}function Kt(e){if(e.identity?.relationship==="host")return"circle";if(e.shape&&Fa.includes(e.shape))return e.shape;let t=/^oklch\(([\d.]+) ([\d.]+) ([\d.]+)\)$/.exec(e.color??"");if(t){let n=Ho.indexOf(Number(t[1])),r=ar.indexOf(Number(t[3])),o=Math.round((.14/Number(t[2])-1)*4),i=(o*Ho.length+n)*ar.length+r;if(n>=0&&r>=0&&o>=0&&Number.isSafeInteger(i)&&Za(i)===e.color)return Tu(i)}return"circle"}function Za(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");let t=Math.floor(e/ar.length),n=Ho,r=n[t%n.length],o=.14/(1+Math.floor(t/n.length)*.25);return`oklch(${r} ${o} ${ar[e%ar.length]})`}function Eu(e,t,n){return e?.identity.relationship==="host"?e.identity.id===t?n:e.color??Co.activeColor:e?.color??Za(0)}function Ua(e){return e.reduce((t,n)=>t+zo(Kt(n)),0)-Math.max(0,e.length-1)*4.5}function Lu({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=Me[a],f=a==="light"?"#ffffff":"#000000",g=l??t,y=tr(),w=R(null),S=R({onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i});S.current={onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i};let C=R(null),L=()=>{C.current!==null&&cancelAnimationFrame(C.current),C.current=null},M=e.length>0;return F(()=>{let k=w.current;if(!k)return;let E=$=>{if($.pointerType==="touch")return;let O=$.target instanceof Element?$.target.closest("button[data-peer-id]"):null;if(!O||!k.contains(O)||$.relatedTarget instanceof Node&&O.contains($.relatedTarget))return;let z=O.dataset.peerId;$.type==="pointerover"?(L(),Qc(()=>S.current.onDetailsEnter?.(z,"pointer")),S.current.onPeek&&(C.current=requestAnimationFrame(()=>{C.current=requestAnimationFrame(()=>{C.current=null,S.current.onPeek?.(z)})}))):(L(),S.current.onPeekEnd?.(z),S.current.onDetailsLeave?.(z,$.relatedTarget))};return k.addEventListener("pointerover",E),k.addEventListener("pointerout",E),k.addEventListener("pointercancel",E),()=>{L(),k.removeEventListener("pointerover",E),k.removeEventListener("pointerout",E),k.removeEventListener("pointercancel",E)}},[M]),e.length?s("ul",{ref:w,"aria-label":"Canvas peers","data-devtools":"peer-chip-stack",style:{display:"flex",alignItems:"center",isolation:"isolate",flexShrink:0,margin:0,padding:0,listStyle:"none"},children:e.map(({identity:k,permission:E,color:$=h.secondary,shape:O,unseenActivity:z},T)=>v("li",{style:{display:"flex",position:"relative",zIndex:e.length-T,marginRight:T===e.length-1?0:-4.5},children:[v("button",{type:"button","aria-pressed":n===k.id,"aria-label":`Preview ${k.name}'s plane \u2014 ${Rr[E]}${z?" \u2014 New activity":""}`,title:c?void 0:`${k.name} \xB7 ${Rr[E]}: ${No[E]}`,"aria-describedby":[`${y}-${T}`,l===k.id?d:void 0].filter(Boolean).join(" "),"data-peer-id":k.id,onClick:()=>{L(),r(k.id)},onFocus:()=>c?.(k.id,"focus"),onBlur:j=>u?.(k.id,j.relatedTarget),onKeyDown:j=>{j.key==="Escape"&&(L(),i?.(k.id)),!(j.key!=="Escape"||l!==k.id)&&(j.preventDefault(),j.stopPropagation(),p?.(k.id))},style:{display:"flex",position:"relative",alignItems:"center",width:zo(Kt({identity:k,color:$,shape:O})),height:22,boxSizing:"border-box",border:0,padding:0,background:"transparent",cursor:"pointer",outlineOffset:2},children:[s(ir,{shape:Kt({identity:k,color:$,shape:O}),color:g===k.id?$:`color-mix(in srgb, ${$} 20%, ${h.surface})`,outline:n===k.id?f:h.surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),z&&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}-${T}`,hidden:!0,children:No[E]})]},k.id))}):null}function Do(e,t){return JSON.stringify([e,t??null])}function Wo(e){return(e.annotations?.length?e.annotations:[{id:void 0,label:"Submitted changes"}]).map(t=>({submission:e,annotation:t,key:Do(e.id,t.id)}))}function Au(e,t){return e.filter(n=>n.threadId===t).flatMap(n=>Wo(n).map(r=>r.key))}function Ru(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 qa({at:e,theme:t,label:n}){let[r,o]=N(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:Me[t].control,borderRadius:6,padding:"0 3px",fontSize:12,fontWeight:400,color:Me[t].mutedStrong,whiteSpace:"nowrap",flexShrink:0},children:a})}var Gt={gap:16,padding:12,radius:20,width:360,viewportGutter:32,identitySize:24},Hn={gap:6,padding:"4px 8px",radius:8,iconSize:12},Nr={gap:3,padding:"2px 6px",radius:8},bn={gap:3,padding:"3px 9px 3px 6px",radius:8,iconSize:10},en=bn,lr={size:21,padding:3,radius:8,iconSize:15},jo={padding:"0 4px",height:18,radius:6},Ya={fontFamily:Ct,fontSize:12,fontWeight:500,lineHeight:1.3};function Bo(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Nr.gap,padding:Nr.padding,borderRadius:Nr.radius,border:0,flexShrink:0,background:Me[e].control,color:Me[e].primary,...Ya,whiteSpace:"nowrap",cursor:"pointer",transition:"box-shadow 120ms ease"}}var $u=Qd("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"}]]),Ja=120,Nu=180,zu=2e3;function _o(e){let t=Me[e];return{display:"flex",alignItems:"center",gap:Gt.gap,width:Gt.width,maxWidth:`calc(100vw - ${Gt.viewportGutter}px)`,boxSizing:"border-box",border:`1px solid ${t.border}`,borderRadius:Gt.radius,padding:Gt.padding,background:t.surface,color:t.primary,backdropFilter:"blur(59.5px)",fontFamily:Ct,fontSize:14,lineHeight:1.3,letterSpacing:"-0.01em"}}function Pu({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=R(c);g.current=c;let y=R(null);F(()=>{let re=y.current;if(!re)return;let Ae=g.current,ye=Ie=>{if(Ie.pointerType==="touch")return;let me=Ie.target instanceof Element?Ie.target.closest('[data-devtools="peer-review-sent"]'):null;!me||!re.contains(me)||Ie.relatedTarget instanceof Node&&me.contains(Ie.relatedTarget)||g.current?.(Ie.type==="pointerover"?me.dataset.annotationId??null:null)};return re.addEventListener("pointerover",ye),re.addEventListener("pointerout",ye),re.addEventListener("pointercancel",ye),()=>{re.removeEventListener("pointerover",ye),re.removeEventListener("pointerout",ye),re.removeEventListener("pointercancel",ye),Ae?.(null)}},[e.identity.id]);let[w,S]=N(!1),[C,L]=N(),[M,k]=N(),E=R(0),$=R(null),O=R(!1);Ve(()=>{!w&&O.current&&(O.current=!1,$.current?.focus({preventScroll:!0}))},[w,e.identity.id]);let z=async(re,Ae)=>{S(!0),L(re),k(void 0);try{await Ae()||(E.current+=1,k({target:re,pulse:E.current}))}catch{E.current+=1,k({target:re,pulse:E.current})}finally{S(!1),L(void 0)}},[T,j]=N("idle"),[Z,ae]=N(),he=R(0),le=R(null),[Y,ve]=N();Ve(()=>{if(!le.current)return;let re=!0,Ae=()=>{if(!re||!le.current)return;let ye=getComputedStyle(le.current),Ie=document.createElement("span");Object.assign(Ie.style,{position:"fixed",visibility:"hidden",pointerEvents:"none",whiteSpace:"nowrap",fontFamily:ye.fontFamily,fontSize:ye.fontSize,fontWeight:ye.fontWeight,lineHeight:ye.lineHeight}),document.body.append(Ie);let me=Number.parseFloat(ye.paddingLeft)+Number.parseFloat(ye.paddingRight)+en.iconSize+en.gap,at=Pt=>(Ie.textContent=Pt,Math.ceil(me+Ie.getBoundingClientRect().width)),St={idle:at("Invite"),busy:at("Copying\u2026"),copied:at("Copied")};Ie.remove(),Object.values(St).every(Pt=>Pt>me)&&ve(St)};return Ae(),document.fonts?.ready.then(Ae),()=>{re=!1}},[t,l,a]),F(()=>{if(T==="copied"){let re=setTimeout(()=>{j(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches?"idle":"copied-out")},zu);return()=>clearTimeout(re)}if(T==="copied-out"){let re=setTimeout(()=>j("idle-in"),Ja);return()=>clearTimeout(re)}if(T==="idle-in"){let re=setTimeout(()=>j("idle"),16);return()=>clearTimeout(re)}},[T]);let G=Me[t],[we,Le]=N(),[X,ke]=N(),A=R(0),[I,W]=N(Date.now);F(()=>{if(!p.length)return;let re=setInterval(()=>W(Date.now()),3e4);return()=>clearInterval(re)},[p.length]);let[B,H]=N("idle"),ee=e.permission==="direct"?rc:ba,Se=!l&&!!o,te=[...p].sort((re,Ae)=>(Ae.submittedAt??0)-(re.submittedAt??0)),Ze=te.flatMap(Wo),U=new Set(h),Oe=async(re,Ae)=>{if(!d)return;let ye=Do(re,Ae);S(!0),Le(ye),ke(void 0);try{await d(re,Ae)}catch{A.current+=1,ke({key:ye,pulse:A.current})}finally{S(!1),Le(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:{..._o(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]=N({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(ir,{shape:Kt(e),color:e.color??G.secondary,size:Gt.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(qa,{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:T==="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),B("busy");try{await a(),B("copied")}catch{he.current+=1,B("idle"),ae(he.current)}},style:{...jo(t),width:Y?Y[T==="busy"?"busy":T==="copied"||T==="copied-out"?"copied":"idle"]:void 0,boxSizing:"border-box",overflow:"hidden",gap:en.gap,padding:en.padding,borderRadius:en.radius,letterSpacing:"-0.01em",transition:`box-shadow 120ms ease, width ${$u}ms ease`,color:T==="busy"?G.muted:G.primary,cursor:T==="busy"?"default":"pointer"},children:v("span",{"data-popmelt-peer-invite-content":!0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"inherit",opacity:T==="copied-out"||T==="idle-in"?0:1,transition:`opacity ${Ja}ms ease`},children:[T==="busy"?s(rr,{"data-popmelt-peer-action-spinner":!0,size:en.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):T==="copied"||T==="copied-out"?s(nr,{size:en.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):s(rc,{size:en.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),T==="busy"?"Copying\u2026":T==="copied"||T==="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:!Se||w||e.permission==="blocked","aria-label":Se?M?.target==="permission"?"Permission update failed; try again":`${Rr[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:()=>Se&&o&&void z("permission",()=>o(e.permission==="direct"?"approval-required":"direct")),style:{...jo(t),gap:bn.gap,padding:bn.padding,borderRadius:bn.radius,letterSpacing:"-0.01em",transition:"box-shadow 120ms ease, opacity 120ms ease",color:w?G.muted:G.primary,cursor:!Se||w?"default":"pointer"},children:[C==="permission"?s(rr,{"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"}),Rr[e.permission]]}),!l&&i&&e.identity.relationship!=="host"&&v("button",{type:"button","data-devtools":"peer-revoke",ref:$,"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:w,onClick:()=>{O.current=!0,z("revoke",i)},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",width:lr.size,height:lr.size,padding:lr.padding,borderRadius:lr.radius,border:0,background:"transparent",flexShrink:0,fontFamily:Ct,fontSize:12,fontWeight:500,lineHeight:1.3,cursor:w?"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(Ru,{size:lr.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]}),u&&v("div",{style:{flexBasis:"100%"},children:[s("button",{type:"button",disabled:j==="busy",onClick:async()=>{H("busy");try{await u(),H("shared")}catch{H("error")}},style:{width:"100%",padding:"8px 12px",border:`1px solid ${G.border}`,borderRadius:Nr.radius,background:"transparent",color:G.primary,font:"inherit",cursor:"pointer"},children:j==="busy"?"Requesting preview\u2026":j==="shared"?"Share my plane again":"Share my plane"}),j==="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:Ze.map(({submission:re,annotation:Ae,key:ye})=>{let Ie=f&&!U.has(ye);return s("button",{type:"button",className:"popmelt-history-row","data-devtools":"peer-review-sent","data-submission-id":re.id,"data-annotation-id":Ae.id,"data-unread":Ie?"true":void 0,disabled:w,"aria-label":`${Ie?"New: ":""}View ${Ae.label} on the peer plane`,"aria-busy":we===ye,"data-popmelt-peer-action-rejection":X?.key===ye?X.pulse%2?"odd":"even":void 0,onClick:()=>{Oe(re.id,Ae.id)},onFocus:()=>c?.(Ae.id??null),onBlur:()=>c?.(null),style:{border:0,padding:0,background:"transparent",font:"inherit",cursor:w?"default":"pointer",...Wa},children:v("span",{style:Ba,children:[s("span",{"aria-hidden":"true",style:{width:6,flexShrink:0,alignSelf:"center",marginRight:-12},children:Ie&&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:ja,children:Ae.label}),re.submittedAt!==void 0&&s("time",{dateTime:new Date(re.submittedAt).toISOString(),style:_a,children:Da(re.submittedAt,I)})]})},ye)})})]})]})}var Xa=e=>e instanceof Element?e.closest("[data-admission-request-id]")?.getAttribute("data-admission-request-id")??null:null;function Pu(e,t,n){let r=R(e);r.current=e,Ve(()=>{let o=n?.current??window,i=null,a=!1,l=u=>{u.pointerType!=="touch"&&(i=u.type==="pointerover"?u.composedPath().map(Xa).find(Boolean)??null:Xa(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 Ka=260,Fo=120;function Ga(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:Bo.padding,height:Bo.height,borderRadius:Bo.radius,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:400,background:Me[e].control,color:Me[e].primary}}function el(e){return _o(e)}function Vo(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Hn.gap,padding:Hn.padding,borderRadius:Hn.radius,border:0,background:"transparent",color:Me[e].primary,font:"inherit",fontWeight:500,cursor:"pointer",whiteSpace:"nowrap",flexShrink:0}}function Ou({request:e,selected:t,dimmed:n=!1,onClick:r,theme:o,detailsId:i,onDetailsEnter:a,onDetailsLeave:l,onDetailsDismiss:d,onHoverChange:c}){let u=R(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:zo(Kt(e)),height:22,boxSizing:"border-box",padding:0,flexShrink:0,position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",background:"transparent",color:n?`color-mix(in srgb, #fff 20%, ${Me[o].surface})`:"#fff",cursor:"pointer",border:0},children:[s(ir,{shape:Kt(e),color:n&&e.color?`color-mix(in srgb, ${e.color} 20%, ${Me[o].surface})`:e.color??"transparent",outline:t?Me[o].primary:Me[o].surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),s(hc,{size:12,style:{width:12,height:12,position:"relative",flexShrink:0,pointerEvents:"none"},"aria-hidden":"true","data-popmelt-admission-wave":!0})]})}function Hu({id:e,request:t,theme:n,onDecide:r,style:o,grantRef:i}){let[a,l]=N(!1),[d,c]=N(),u=R(0),p=R(!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:{...el(n),...o},children:[s("style",{children:`
97
+ `}),v("div",{style:{display:"flex",alignItems:"center",gap:6,flex:"1 1 auto",minWidth:0},children:[s(ir,{shape:Kt(e),color:e.color??G.secondary,size:Gt.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(qa,{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:T==="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{he.current+=1,j("idle"),ae(he.current)}},style:{...Bo(t),width:Y?Y[T==="busy"?"busy":T==="copied"||T==="copied-out"?"copied":"idle"]:void 0,boxSizing:"border-box",overflow:"hidden",gap:en.gap,padding:en.padding,borderRadius:en.radius,letterSpacing:"-0.01em",transition:`box-shadow 120ms ease, width ${Nu}ms ease`,color:T==="busy"?G.muted:G.primary,cursor:T==="busy"?"default":"pointer"},children:v("span",{"data-popmelt-peer-invite-content":!0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"inherit",opacity:T==="copied-out"||T==="idle-in"?0:1,transition:`opacity ${Ja}ms ease`},children:[T==="busy"?s(rr,{"data-popmelt-peer-action-spinner":!0,size:en.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):T==="copied"||T==="copied-out"?s(nr,{size:en.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):s(oc,{size:en.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),T==="busy"?"Copying\u2026":T==="copied"||T==="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:!Se||w||e.permission==="blocked","aria-label":Se?M?.target==="permission"?"Permission update failed; try again":`${Rr[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:()=>Se&&o&&void z("permission",()=>o(e.permission==="direct"?"approval-required":"direct")),style:{...Bo(t),gap:bn.gap,padding:bn.padding,borderRadius:bn.radius,letterSpacing:"-0.01em",transition:"box-shadow 120ms ease, opacity 120ms ease",color:w?G.muted:G.primary,cursor:!Se||w?"default":"pointer"},children:[C==="permission"?s(rr,{"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"}),Rr[e.permission]]}),!l&&i&&e.identity.relationship!=="host"&&v("button",{type:"button","data-devtools":"peer-revoke",ref:$,"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:w,onClick:()=>{O.current=!0,z("revoke",i)},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",width:lr.size,height:lr.size,padding:lr.padding,borderRadius:lr.radius,border:0,background:"transparent",flexShrink:0,fontFamily:Ct,fontSize:12,fontWeight:500,lineHeight:1.3,cursor:w?"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($u,{size:lr.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]}),u&&v("div",{style:{flexBasis:"100%"},children:[s("button",{type:"button",disabled:B==="busy",onClick:async()=>{H("busy");try{await u(),H("shared")}catch{H("error")}},style:{width:"100%",padding:"8px 12px",border:`1px solid ${G.border}`,borderRadius:Nr.radius,background:"transparent",color:G.primary,font:"inherit",cursor:"pointer"},children:B==="busy"?"Requesting preview\u2026":B==="shared"?"Share my plane again":"Share my plane"}),B==="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:Ze.map(({submission:re,annotation:Ae,key:ye})=>{let Ie=f&&!U.has(ye);return s("button",{type:"button",className:"popmelt-history-row","data-devtools":"peer-review-sent","data-submission-id":re.id,"data-annotation-id":Ae.id,"data-unread":Ie?"true":void 0,disabled:w,"aria-label":`${Ie?"New: ":""}View ${Ae.label} on the peer plane`,"aria-busy":we===ye,"data-popmelt-peer-action-rejection":X?.key===ye?X.pulse%2?"odd":"even":void 0,onClick:()=>{Oe(re.id,Ae.id)},onFocus:()=>c?.(Ae.id??null),onBlur:()=>c?.(null),style:{border:0,padding:0,background:"transparent",font:"inherit",cursor:w?"default":"pointer",...Wa},children:v("span",{style:ja,children:[s("span",{"aria-hidden":"true",style:{width:6,flexShrink:0,alignSelf:"center",marginRight:-12},children:Ie&&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:Ba,children:Ae.label}),re.submittedAt!==void 0&&s("time",{dateTime:new Date(re.submittedAt).toISOString(),style:_a,children:Da(re.submittedAt,I)})]})},ye)})})]})]})}var Xa=e=>e instanceof Element?e.closest("[data-admission-request-id]")?.getAttribute("data-admission-request-id")??null:null;function Ou(e,t,n){let r=R(e);r.current=e,Ve(()=>{let o=n?.current??window,i=null,a=!1,l=u=>{u.pointerType!=="touch"&&(i=u.type==="pointerover"?u.composedPath().map(Xa).find(Boolean)??null:Xa(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 Ka=260,Fo=120;function Ga(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:jo.padding,height:jo.height,borderRadius:jo.radius,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:400,background:Me[e].control,color:Me[e].primary}}function el(e){return _o(e)}function Vo(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Hn.gap,padding:Hn.padding,borderRadius:Hn.radius,border:0,background:"transparent",color:Me[e].primary,font:"inherit",fontWeight:500,cursor:"pointer",whiteSpace:"nowrap",flexShrink:0}}function Hu({request:e,selected:t,dimmed:n=!1,onClick:r,theme:o,detailsId:i,onDetailsEnter:a,onDetailsLeave:l,onDetailsDismiss:d,onHoverChange:c}){let u=R(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:zo(Kt(e)),height:22,boxSizing:"border-box",padding:0,flexShrink:0,position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",background:"transparent",color:n?`color-mix(in srgb, #fff 20%, ${Me[o].surface})`:"#fff",cursor:"pointer",border:0},children:[s(ir,{shape:Kt(e),color:n&&e.color?`color-mix(in srgb, ${e.color} 20%, ${Me[o].surface})`:e.color??"transparent",outline:t?Me[o].primary:Me[o].surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),s(mc,{size:12,style:{width:12,height:12,position:"relative",flexShrink:0,pointerEvents:"none"},"aria-hidden":"true","data-popmelt-admission-wave":!0})]})}function Du({id:e,request:t,theme:n,onDecide:r,style:o,grantRef:i}){let[a,l]=N(!1),[d,c]=N(),u=R(0),p=R(!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:{...el(n),...o},children:[s("style",{children:`
98
98
  [data-devtools="admission-card"][data-popmelt-theme="${n}"] [data-admission-reject] {
99
99
  color: ${Me[n].mutedStrong};
100
100
  transition: color 120ms ease;
@@ -203,8 +203,8 @@ ${t}`,[o,i]=N({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
- `,Qo=Er(null),nl=Er(void 0);function Du({onJoin:e,theme:t,style:n,capturePreview:r=!0}){let o=tr(),i=tr(),[a,l]=N(""),[d,c]=N(!1),[u,p]=N(!0),[h,f]=N(!1),g=Me[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:{..._o(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:No["approval-required"],style:{fontSize:12,color:g.secondary,margin:"8px 0"},children:"Suggest \xB7 Explore freely. The host approves code changes."}),r&&v(Te,{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 rl=Er(null);function ol(e){return JSON.stringify(e.map(t=>{if(!t.linkedSelector)return t;let{points:n,linkedAnchor:r,...o}=t;return o}))}function Wu(e,t,n,r,o,i=!0){let a=R(null),l=R(null),d=R(null),c=R(null),u=R(null);F(()=>{i&&localStorage.removeItem(o.inspected)},[i,o.inspected]),F(()=>{if(!i||!r.current)return;let p=ol(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=ol(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 il(e){let t=R(e);F(()=>t.current(),[])}function Bu(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 ju="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMic+PGRlZnM+PHBhdHRlcm4gaWQ9J2QnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnPjxwYXRoIGQ9J00tMSwxIGwyLC0yIE0wLDQgbDQsLTQgTTMsNSBsMiwtMicgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScuNScvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSd1cmwoI2QpJy8+PC9zdmc+",_u={borderWidth:3,borderStyle:"solid",borderImage:`url("${ju}") 4 / 1.9 / 0 round`};function zr(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 Pr(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 Fu(e){return(t,n)=>{let r=Pr(t[1]),o=Pr(n[1]);return r!==null&&o!==null?r-o:t[0].localeCompare(n[0])}}function Vu(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 Qu(e){let t=new Map;for(let o of e){let i=Vu(o[0]),a=t.get(i);a||(a=[],t.set(i,a)),a.push(o)}let n=Fu();for(let o of t.values())o.sort(n);let r=[...t.entries()];return r.sort((o,i)=>{let a=Pr(o[1][0][1])??0,l=Pr(i[1][0][1])??0;return a-l}),r}function Zu(e){return e<=1?"zero":e<=4?"low":e<=7?"medium":"high"}var al=new Set(["expresses"]),Zo={project:0,route:1,selector:2,component:3,file:4};function Uu(e){return`${e.scope.kind}:${[...e.scope.values].sort().join("|")||"*"}`}function qu(e){return e.scope.kind==="project"&&e.scope.values.length===0?"Project":e.scope.values.join(", ")||e.scope.kind}function ll(e,t){let n=e.kind==="intention"?5:e.kind==="principle"?4:1,r=4-Zo[e.scope.kind];return n+r+Math.min(3,t)*3+Math.min(2,e.evidenceCount/3)}function Yu(e){return e.scope.kind==="project"||e.kind==="principle"||e.kind==="intention"&&e.evidenceCount>=2}function sr(e,t,n){return[...e].sort((r,o)=>{let i=t.get(r),a=t.get(o);return ll(a,n.get(o)?.length??0)-ll(i,n.get(r)?.length??0)||a.updatedAt.localeCompare(i.updatedAt)})}function Ju(e){let t=e.explanations.filter(S=>S.state!=="retired"),n=new Map(t.map(S=>[S.id,S])),r=t.filter(S=>S.state!=="challenged"),o=new Set(r.map(S=>S.id)),i=new Map,a=new Map,l=new Set;for(let S of t)for(let C of S.relations){if(!al.has(C.type))continue;let L=C.direction==="outgoing"?S.id:C.explanationId,M=C.direction==="outgoing"?C.explanationId:S.id,k=`${L}:${M}`;l.has(k)||!o.has(L)||!o.has(M)||(l.add(k),i.set(M,new Set([...i.get(M)??[],L])),a.set(L,new Set([...a.get(L)??[],M])))}let d=new Map,c=new Map;for(let[S,C]of i)d.set(S,sr(C,n,d));for(let[S,C]of a)c.set(S,sr(C,n,d));let u=sr(r.flatMap(S=>(c.get(S.id)?.length??0)>0?[]:(d.get(S.id)?.length??0)>0||Yu(S)?[S.id]:[]),n,d),p=new Set,h=S=>{if(!p.has(S)){p.add(S);for(let C of d.get(S)??[])h(C)}};u.forEach(h);let f=new Map;for(let S of u){let C=n.get(S),L=Uu(C),M=f.get(L);M?M.rootIds.push(S):f.set(L,{id:L,label:qu(C),scopeKind:C.scope.kind,rootIds:[S]})}let g=[...f.values()].sort((S,C)=>Zo[S.scopeKind]-Zo[C.scopeKind]||S.label.localeCompare(C.label)),y=sr(r.flatMap(S=>p.has(S.id)?[]:[S.id]),n,d),w=sr(t.flatMap(S=>S.state==="challenged"?[S.id]:[]),n,d);return{explanationsById:n,childrenById:d,parentIdsById:c,sections:g,unplacedIds:y,challengedIds:w}}function Xu(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 Ku(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 Gu(e){return al.has(e.type)}var ep=/^#[0-9a-fA-F]{3,8}$/,tp=/^(?:rgba?|hsla?|oklch)\([^)]+\)$/,np=new Set(["black","white","red","blue","green","yellow","orange","purple","pink","gray","grey","cyan","magenta","brown","navy","teal","maroon","olive","silver","aqua","fuchsia","lime"]),rp=/^-?\d+(\.\d+)?(px|rem|em|%)$/;function sl(e){let t=e.trim();return ep.test(t)||tp.test(t)||np.has(t.toLowerCase())}function op(e){return rp.test(e.trim())}function ip(e){let t=e.trim().match(/^(-?\d+(?:\.\d+)?)px$/);return t?parseFloat(t[1]):null}function Uo(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(...Uo(o,i))}else n.push([i,Array.isArray(o)?o.map(String).join(", "):String(o??"")])}return n}function ap(e){return e.length===0?"generic":e.filter(([,t])=>sl(t)).length>e.length/2?"colors":e.filter(([,t])=>op(t)).length>e.length/2?"spacing":"generic"}var lp={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:Ct,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 sp({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(Lo,{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 dp({entries:e,references:t}){let n=[],r=[];for(let i of e)sl(i[1])?n.push(i):r.push(i);let o=Qu(n);return v(Te,{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(sp,{varName:l,value:d,reference:t[l]},l))})]},i)),r.length>0&&s(qo,{entries:r})]})}var Or=[0,1,2,4,8,12,16,20,24,28,32];function cp(e){if(e<=32){let t=Or[0],n=Math.abs(e-t);for(let r=1;r<Or.length;r++){let o=Math.abs(e-Or[r]);o<n&&(t=Or[r],n=o)}return t}return Math.round(e/8)*8}function up({label:e,value:t,px:n,tokenPath:r,rawToken:o,onHover:i,onModify:a,onDelete:l}){let[d,c]=N(!1),[u,p]=N(null),h=R(!1),f=R(0),g=R(0),y=R([]),w=u!==null?u:n,S=u!==null?`${u}px`:t,C=u!==null,L=oe(k=>{k.preventDefault(),h.current=!0,f.current=k.clientX,g.current=n;let E=wo(o);y.current=Rd(E);let $=z=>{let T=z.clientX-f.current,B=Math.max(0,Math.round(g.current+T));z.shiftKey&&(B=cp(B));for(let Z of y.current)Z.element.style.setProperty(Z.property,B+"px","important");p(B),i?.({name:e,px:B,token:E})},O=()=>{window.removeEventListener("mousemove",$),window.removeEventListener("mouseup",O),document.body.style.cursor="",h.current=!1,p(z=>{if(z!==null&&z!==n&&a){let T=wo(o),B=T.bindings&&T.bindings.length>0,Z;if(B){let Y=oa(T.bindings,g.current,z);Z=JSON.stringify({...T,value:`${z}px`,bindings:Y})}else{let Y=$d(y.current,g.current),ve=Nd(y.current);if(Y.length>0){let G=oa(Y,g.current,z);Z=JSON.stringify({value:`${z}px`,property:ve,bindings:G})}else Z=`${z}px`}let ae=typeof o=="string"?o:JSON.stringify(o),he=y.current.map(Y=>({selector:jt(Y.element),property:Y.property})),le=zd(y.current,g.current,z);a({tokenPath:r,originalValue:ae,currentValue:Z,targets:he,originalPx:g.current,currentPx:z},{id:Math.random().toString(36).substring(2,9),tokenPath:r,tokenName:e,originalPx:g.current,newPx:z,affectedElements:le})}return z})};document.body.style.cursor="ew-resize",window.addEventListener("mousemove",$),window.addEventListener("mouseup",O)},[n,e,r,o,i,a]),M=wo(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:w,token:M}))},onMouseLeave:()=>{h.current||(c(!1),i?.(null))},onMouseDown:L,children:[s("span",{style:{color:d||C?"#FF0000":"var(--popmelt-library-muted)"},children:e}),v("span",{style:{display:"flex",alignItems:"center",gap:4},children:[s("span",{style:{color:d||C?"#FF0000":"var(--popmelt-library-secondary)",fontWeight:600},children:S}),l&&d&&!C&&s("button",{type:"button",title:"Remove token",onMouseDown:k=>{k.stopPropagation();let E=typeof o=="string"?o:JSON.stringify(o);l(r,E)},style:{border:"none",background:"none",cursor:"pointer",padding:0,fontSize:10,lineHeight:1,color:"var(--popmelt-library-muted)"},onMouseEnter:k=>{k.currentTarget.style.color="#FF0000"},onMouseLeave:k=>{k.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]})]})}function pp({entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}){let a=[],l=[];for(let d of e){let c=ip(d[1]);c!==null?a.push([d[0],d[1],c]):l.push(d)}return v(Te,{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?fp(n,d):c,f=h&&typeof h=="object"&&"value"in h?h:c;return s(up,{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 fp(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 dl({entries:e,categoryKey:t,rawTokens:n,onSpacingHover:r,onModifyToken:o,onDeleteToken:i}){let a=ap(e);return a==="colors"?s(dp,{entries:e,references:{}}):a==="spacing"?s(pp,{entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}):s(qo,{entries:e})}function hp(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 mp=class extends Fd{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 gp({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=Uo(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(dl,{entries:a,categoryKey:o,rawTokens:i,onSpacingHover:t,onModifyToken:n,onDeleteToken:r})]},o)})})}function yp({name:e,value:t,selected:n,highlighted:r,onRemove:o,onHover:i}){let[a,l]=N(!1),[d,c]=N(!1),u=R(null),p=R(0),[h,f]=N(0),[g,y]=N(0),w=Uo(t),S=w.find(([z])=>z==="description")?.[1];F(()=>{if(!d&&!r){f(0),y(0),p.current=0;return}let z=ra(e);f(z.length)},[d,r,e]),F(()=>{n&&u.current&&u.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[n]);let C=n||r||d,L=n?"139,92,246":"34,197,94",M=n?"#8b5cf6":"#22c55e",k=C?`rgba(${L},0.06)`:void 0,E=C?`inset 0 0 0 1.5px rgba(${L},0.35)`:void 0,$=r||d,O=oe(()=>{let z=ra(e);if(z.length===0)return;let T=p.current%z.length;z[T].rootElement.scrollIntoView({behavior:"smooth",block:"center"}),y(T),p.current=T+1,i?.({name:e,instanceIndex:T})},[e,i]);return v("div",{ref:u,onClick:O,onMouseEnter:()=>{c(!0),i?.({name:e,instanceIndex:0})},onMouseLeave:()=>{c(!1),i?.(null)},style:{marginBottom:8,background:k,padding:6,boxShadow:E,cursor:"pointer"},children:[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:$?M:"transparent",color:$?"#fff":"var(--popmelt-library-secondary)"},children:e}),$&&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:z=>{z.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:z=>{z.currentTarget.style.color="#FF0000"},onMouseLeave:z=>{z.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]}),S&&s("div",{style:{fontSize:11,color:$?"var(--popmelt-library-primary)":"var(--popmelt-library-muted)",marginBottom:6,lineHeight:1.4},children:S}),a?s(dl,{entries:w.filter(([z])=>z!=="description"),categoryKey:""}):s(bp,{name:e,onNotFound:()=>l(!0),entries:w})]})}function bp({name:e,onNotFound:t}){let[n,r]=N(null),[o,i]=N(!1);return F(()=>{let a=hp(e);a||t(),r(a),i(!0)},[e,t]),!o||!n?null:s(mp,{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:fa(n.type,n.props)})})})}function vp({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=Ld(i),l=Object.entries(e).sort(([d],[c])=>(a.get(d)??1/0)-(a.get(c)??1/0));return s(Te,{children:l.map(([d,c])=>s(yp,{name:d,value:c,selected:t===d,highlighted:n===d,onRemove:r,onHover:o},d))})}var xp={emerging:"Emerging",testing:"Emerging",grounded:"Grounded",challenged:"Challenged",retired:"Retired"};function wp(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}function cl(e,t){return t==="all"?e.state!=="retired":t==="emerging"?e.state==="emerging"||e.state==="testing":e.state===t}function Cp({explanation:e}){let t=Zu(e.evidenceCount);return v("span",{"aria-hidden":!0,style:{display:"flex",alignItems:"center",width:14,height:14},children:[s(Wc,{size:14,strokeWidth:1.8,style:{flexShrink:0,marginRight:-14,color:"var(--popmelt-library-muted)"}}),s(t==="zero"?Bc:t==="low"?jc:t==="medium"?_c:Fc,{size:14,strokeWidth:1.8,style:{flexShrink:0,color:"var(--popmelt-library-primary)"}})]})}function Yo({explanation:e,expanded:t,onToggle:n,onViewThread:r}){let o=e.state==="challenged",i=e.relations.filter(l=>!Gu(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:xp[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(Cp,{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})," ","= ",wp(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:Ku(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 ul({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(Yo,{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(ul,{id:c,depth:t+1,projection:n,expandedIds:r,onToggle:o,onViewThread:i},c))})]})}function kp({view:e,filter:t,onViewThread:n}){let[r,o]=N(()=>new Set),i=oe(c=>{o(u=>{let p=new Set(u);return p.has(c)?p.delete(c):p.add(c),p})},[]),a=fe(()=>Ju(e),[e]),l=fe(()=>t==="all"?a:Xu(a,c=>cl(c,t)),[t,a]),d=e.explanations.filter(c=>cl(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(ul,{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(Yo,{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(Yo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]})]})}function Sp({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]=bo(e),w=Me[g],S={"--popmelt-library-surface":w.surface,"--popmelt-library-raised":w.raisedSurface,"--popmelt-library-control":w.control,"--popmelt-library-soft-surface":w.softSurface,"--popmelt-library-hover-surface":w.hoverSurface,"--popmelt-library-primary":w.primary,"--popmelt-library-filter-active":w.hoverForeground,"--popmelt-library-secondary":w.secondary,"--popmelt-library-muted":w.muted,"--popmelt-library-muted-strong":w.mutedStrong,"--popmelt-library-border":w.border,"--popmelt-library-hairline":w.hairline,"--popmelt-library-soft-hairline":w.softHairline},[C,L]=N(void 0),[M,k]=N({head:{sequence:0,updatedAt:new Date(0).toISOString()},counts:{total:0,emerging:0,testing:0,grounded:0,challenged:0,retired:0,needsGrounding:0},explanations:[]}),[E,$]=N(!0),[O]=N("understanding"),[z,T]=N("all"),B=R(null),[Z,ae]=N({hasAbove:!1,hasBelow:!1}),[he,le]=N(()=>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 Y=oe(()=>{let A=B.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 xd(e).then(I=>{A||(k(I),$(!1))}),()=>{A=!0}},[e]),F(()=>{let A=requestAnimationFrame(Y),I=B.current;if(!I||typeof ResizeObserver>"u")return()=>cancelAnimationFrame(A);let W=new ResizeObserver(Y);W.observe(I);let j=I.firstElementChild;return j&&W.observe(j),()=>{cancelAnimationFrame(A),W.disconnect()}},[z,M,E,Y]);let ve=oe(A=>{L(I=>{if(!I?.components)return I;let{[A]:W,...j}=I.components;return{...I,components:j}}),u?.(A)},[u]),G=C?.components,we=C?.tokens,Le=G&&Object.keys(G).length>0,X=we&&Object.keys(we).length>0,ke=R(null);return F(()=>{let A=ke.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:ke,"data-devtools":"imprint-panel","data-popmelt-font":"sans","data-popmelt-theme":g,"data-popmelt-theme-preference":y,"aria-hidden":f||void 0,style:{...lp,...S,...lu(h,he),opacity:f?0:1,visibility:f?"hidden":"visible",pointerEvents:f?"none":"auto",transition:f?`opacity ${kt}ms ease, visibility 0s linear ${kt}ms`:"none"},children:[s("style",{children:`
206
+ `,Qo=Er(null),nl=Er(void 0);function Wu({onJoin:e,theme:t,style:n,capturePreview:r=!0}){let o=tr(),i=tr(),[a,l]=N(""),[d,c]=N(!1),[u,p]=N(!0),[h,f]=N(!1),g=Me[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:{..._o(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:No["approval-required"],style:{fontSize:12,color:g.secondary,margin:"8px 0"},children:"Suggest \xB7 Explore freely. The host approves code changes."}),r&&v(Te,{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 rl=Er(null);function ol(e){return JSON.stringify(e.map(t=>{if(!t.linkedSelector)return t;let{points:n,linkedAnchor:r,...o}=t;return o}))}function ju(e,t,n,r,o,i=!0){let a=R(null),l=R(null),d=R(null),c=R(null),u=R(null);F(()=>{i&&localStorage.removeItem(o.inspected)},[i,o.inspected]),F(()=>{if(!i||!r.current)return;let p=ol(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=ol(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 il(e){let t=R(e);F(()=>t.current(),[])}function Bu(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 _u="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMic+PGRlZnM+PHBhdHRlcm4gaWQ9J2QnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnPjxwYXRoIGQ9J00tMSwxIGwyLC0yIE0wLDQgbDQsLTQgTTMsNSBsMiwtMicgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScuNScvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSd1cmwoI2QpJy8+PC9zdmc+",Fu={borderWidth:3,borderStyle:"solid",borderImage:`url("${_u}") 4 / 1.9 / 0 round`};function zr(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 Pr(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 Vu(e){return(t,n)=>{let r=Pr(t[1]),o=Pr(n[1]);return r!==null&&o!==null?r-o:t[0].localeCompare(n[0])}}function Qu(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 Zu(e){let t=new Map;for(let o of e){let i=Qu(o[0]),a=t.get(i);a||(a=[],t.set(i,a)),a.push(o)}let n=Vu();for(let o of t.values())o.sort(n);let r=[...t.entries()];return r.sort((o,i)=>{let a=Pr(o[1][0][1])??0,l=Pr(i[1][0][1])??0;return a-l}),r}function Uu(e){return e<=1?"zero":e<=4?"low":e<=7?"medium":"high"}var al=new Set(["expresses"]),Zo={project:0,route:1,selector:2,component:3,file:4};function qu(e){return`${e.scope.kind}:${[...e.scope.values].sort().join("|")||"*"}`}function Yu(e){return e.scope.kind==="project"&&e.scope.values.length===0?"Project":e.scope.values.join(", ")||e.scope.kind}function ll(e,t){let n=e.kind==="intention"?5:e.kind==="principle"?4:1,r=4-Zo[e.scope.kind];return n+r+Math.min(3,t)*3+Math.min(2,e.evidenceCount/3)}function Ju(e){return e.scope.kind==="project"||e.kind==="principle"||e.kind==="intention"&&e.evidenceCount>=2}function sr(e,t,n){return[...e].sort((r,o)=>{let i=t.get(r),a=t.get(o);return ll(a,n.get(o)?.length??0)-ll(i,n.get(r)?.length??0)||a.updatedAt.localeCompare(i.updatedAt)})}function Xu(e){let t=e.explanations.filter(S=>S.state!=="retired"),n=new Map(t.map(S=>[S.id,S])),r=t.filter(S=>S.state!=="challenged"),o=new Set(r.map(S=>S.id)),i=new Map,a=new Map,l=new Set;for(let S of t)for(let C of S.relations){if(!al.has(C.type))continue;let L=C.direction==="outgoing"?S.id:C.explanationId,M=C.direction==="outgoing"?C.explanationId:S.id,k=`${L}:${M}`;l.has(k)||!o.has(L)||!o.has(M)||(l.add(k),i.set(M,new Set([...i.get(M)??[],L])),a.set(L,new Set([...a.get(L)??[],M])))}let d=new Map,c=new Map;for(let[S,C]of i)d.set(S,sr(C,n,d));for(let[S,C]of a)c.set(S,sr(C,n,d));let u=sr(r.flatMap(S=>(c.get(S.id)?.length??0)>0?[]:(d.get(S.id)?.length??0)>0||Ju(S)?[S.id]:[]),n,d),p=new Set,h=S=>{if(!p.has(S)){p.add(S);for(let C of d.get(S)??[])h(C)}};u.forEach(h);let f=new Map;for(let S of u){let C=n.get(S),L=qu(C),M=f.get(L);M?M.rootIds.push(S):f.set(L,{id:L,label:Yu(C),scopeKind:C.scope.kind,rootIds:[S]})}let g=[...f.values()].sort((S,C)=>Zo[S.scopeKind]-Zo[C.scopeKind]||S.label.localeCompare(C.label)),y=sr(r.flatMap(S=>p.has(S.id)?[]:[S.id]),n,d),w=sr(t.flatMap(S=>S.state==="challenged"?[S.id]:[]),n,d);return{explanationsById:n,childrenById:d,parentIdsById:c,sections:g,unplacedIds:y,challengedIds:w}}function Ku(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 Gu(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 ep(e){return al.has(e.type)}var tp=/^#[0-9a-fA-F]{3,8}$/,np=/^(?:rgba?|hsla?|oklch)\([^)]+\)$/,rp=new Set(["black","white","red","blue","green","yellow","orange","purple","pink","gray","grey","cyan","magenta","brown","navy","teal","maroon","olive","silver","aqua","fuchsia","lime"]),op=/^-?\d+(\.\d+)?(px|rem|em|%)$/;function sl(e){let t=e.trim();return tp.test(t)||np.test(t)||rp.has(t.toLowerCase())}function ip(e){return op.test(e.trim())}function ap(e){let t=e.trim().match(/^(-?\d+(?:\.\d+)?)px$/);return t?parseFloat(t[1]):null}function Uo(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(...Uo(o,i))}else n.push([i,Array.isArray(o)?o.map(String).join(", "):String(o??"")])}return n}function lp(e){return e.length===0?"generic":e.filter(([,t])=>sl(t)).length>e.length/2?"colors":e.filter(([,t])=>ip(t)).length>e.length/2?"spacing":"generic"}var sp={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:Ct,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 dp({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(Lo,{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 cp({entries:e,references:t}){let n=[],r=[];for(let i of e)sl(i[1])?n.push(i):r.push(i);let o=Zu(n);return v(Te,{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(dp,{varName:l,value:d,reference:t[l]},l))})]},i)),r.length>0&&s(qo,{entries:r})]})}var Or=[0,1,2,4,8,12,16,20,24,28,32];function up(e){if(e<=32){let t=Or[0],n=Math.abs(e-t);for(let r=1;r<Or.length;r++){let o=Math.abs(e-Or[r]);o<n&&(t=Or[r],n=o)}return t}return Math.round(e/8)*8}function pp({label:e,value:t,px:n,tokenPath:r,rawToken:o,onHover:i,onModify:a,onDelete:l}){let[d,c]=N(!1),[u,p]=N(null),h=R(!1),f=R(0),g=R(0),y=R([]),w=u!==null?u:n,S=u!==null?`${u}px`:t,C=u!==null,L=oe(k=>{k.preventDefault(),h.current=!0,f.current=k.clientX,g.current=n;let E=wo(o);y.current=$d(E);let $=z=>{let T=z.clientX-f.current,j=Math.max(0,Math.round(g.current+T));z.shiftKey&&(j=up(j));for(let Z of y.current)Z.element.style.setProperty(Z.property,j+"px","important");p(j),i?.({name:e,px:j,token:E})},O=()=>{window.removeEventListener("mousemove",$),window.removeEventListener("mouseup",O),document.body.style.cursor="",h.current=!1,p(z=>{if(z!==null&&z!==n&&a){let T=wo(o),j=T.bindings&&T.bindings.length>0,Z;if(j){let Y=oa(T.bindings,g.current,z);Z=JSON.stringify({...T,value:`${z}px`,bindings:Y})}else{let Y=Nd(y.current,g.current),ve=zd(y.current);if(Y.length>0){let G=oa(Y,g.current,z);Z=JSON.stringify({value:`${z}px`,property:ve,bindings:G})}else Z=`${z}px`}let ae=typeof o=="string"?o:JSON.stringify(o),he=y.current.map(Y=>({selector:Bt(Y.element),property:Y.property})),le=Pd(y.current,g.current,z);a({tokenPath:r,originalValue:ae,currentValue:Z,targets:he,originalPx:g.current,currentPx:z},{id:Math.random().toString(36).substring(2,9),tokenPath:r,tokenName:e,originalPx:g.current,newPx:z,affectedElements:le})}return z})};document.body.style.cursor="ew-resize",window.addEventListener("mousemove",$),window.addEventListener("mouseup",O)},[n,e,r,o,i,a]),M=wo(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:w,token:M}))},onMouseLeave:()=>{h.current||(c(!1),i?.(null))},onMouseDown:L,children:[s("span",{style:{color:d||C?"#FF0000":"var(--popmelt-library-muted)"},children:e}),v("span",{style:{display:"flex",alignItems:"center",gap:4},children:[s("span",{style:{color:d||C?"#FF0000":"var(--popmelt-library-secondary)",fontWeight:600},children:S}),l&&d&&!C&&s("button",{type:"button",title:"Remove token",onMouseDown:k=>{k.stopPropagation();let E=typeof o=="string"?o:JSON.stringify(o);l(r,E)},style:{border:"none",background:"none",cursor:"pointer",padding:0,fontSize:10,lineHeight:1,color:"var(--popmelt-library-muted)"},onMouseEnter:k=>{k.currentTarget.style.color="#FF0000"},onMouseLeave:k=>{k.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]})]})}function fp({entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}){let a=[],l=[];for(let d of e){let c=ap(d[1]);c!==null?a.push([d[0],d[1],c]):l.push(d)}return v(Te,{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?hp(n,d):c,f=h&&typeof h=="object"&&"value"in h?h:c;return s(pp,{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 hp(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 dl({entries:e,categoryKey:t,rawTokens:n,onSpacingHover:r,onModifyToken:o,onDeleteToken:i}){let a=lp(e);return a==="colors"?s(cp,{entries:e,references:{}}):a==="spacing"?s(fp,{entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}):s(qo,{entries:e})}function mp(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 gp=class extends Vd{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 yp({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=Uo(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(dl,{entries:a,categoryKey:o,rawTokens:i,onSpacingHover:t,onModifyToken:n,onDeleteToken:r})]},o)})})}function bp({name:e,value:t,selected:n,highlighted:r,onRemove:o,onHover:i}){let[a,l]=N(!1),[d,c]=N(!1),u=R(null),p=R(0),[h,f]=N(0),[g,y]=N(0),w=Uo(t),S=w.find(([z])=>z==="description")?.[1];F(()=>{if(!d&&!r){f(0),y(0),p.current=0;return}let z=ra(e);f(z.length)},[d,r,e]),F(()=>{n&&u.current&&u.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[n]);let C=n||r||d,L=n?"139,92,246":"34,197,94",M=n?"#8b5cf6":"#22c55e",k=C?`rgba(${L},0.06)`:void 0,E=C?`inset 0 0 0 1.5px rgba(${L},0.35)`:void 0,$=r||d,O=oe(()=>{let z=ra(e);if(z.length===0)return;let T=p.current%z.length;z[T].rootElement.scrollIntoView({behavior:"smooth",block:"center"}),y(T),p.current=T+1,i?.({name:e,instanceIndex:T})},[e,i]);return v("div",{ref:u,onClick:O,onMouseEnter:()=>{c(!0),i?.({name:e,instanceIndex:0})},onMouseLeave:()=>{c(!1),i?.(null)},style:{marginBottom:8,background:k,padding:6,boxShadow:E,cursor:"pointer"},children:[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:$?M:"transparent",color:$?"#fff":"var(--popmelt-library-secondary)"},children:e}),$&&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:z=>{z.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:z=>{z.currentTarget.style.color="#FF0000"},onMouseLeave:z=>{z.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]}),S&&s("div",{style:{fontSize:11,color:$?"var(--popmelt-library-primary)":"var(--popmelt-library-muted)",marginBottom:6,lineHeight:1.4},children:S}),a?s(dl,{entries:w.filter(([z])=>z!=="description"),categoryKey:""}):s(vp,{name:e,onNotFound:()=>l(!0),entries:w})]})}function vp({name:e,onNotFound:t}){let[n,r]=N(null),[o,i]=N(!1);return F(()=>{let a=mp(e);a||t(),r(a),i(!0)},[e,t]),!o||!n?null:s(gp,{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:fa(n.type,n.props)})})})}function xp({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=Ad(i),l=Object.entries(e).sort(([d],[c])=>(a.get(d)??1/0)-(a.get(c)??1/0));return s(Te,{children:l.map(([d,c])=>s(bp,{name:d,value:c,selected:t===d,highlighted:n===d,onRemove:r,onHover:o},d))})}var wp={emerging:"Emerging",testing:"Emerging",grounded:"Grounded",challenged:"Challenged",retired:"Retired"};function Cp(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}function cl(e,t){return t==="all"?e.state!=="retired":t==="emerging"?e.state==="emerging"||e.state==="testing":e.state===t}function kp({explanation:e}){let t=Uu(e.evidenceCount);return v("span",{"aria-hidden":!0,style:{display:"flex",alignItems:"center",width:14,height:14},children:[s(jc,{size:14,strokeWidth:1.8,style:{flexShrink:0,marginRight:-14,color:"var(--popmelt-library-muted)"}}),s(t==="zero"?Bc:t==="low"?_c:t==="medium"?Fc:Vc,{size:14,strokeWidth:1.8,style:{flexShrink:0,color:"var(--popmelt-library-primary)"}})]})}function Yo({explanation:e,expanded:t,onToggle:n,onViewThread:r}){let o=e.state==="challenged",i=e.relations.filter(l=>!ep(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:wp[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(kp,{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})," ","= ",Cp(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:Gu(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 ul({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(Yo,{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(ul,{id:c,depth:t+1,projection:n,expandedIds:r,onToggle:o,onViewThread:i},c))})]})}function Sp({view:e,filter:t,onViewThread:n}){let[r,o]=N(()=>new Set),i=oe(c=>{o(u=>{let p=new Set(u);return p.has(c)?p.delete(c):p.add(c),p})},[]),a=fe(()=>Xu(e),[e]),l=fe(()=>t==="all"?a:Ku(a,c=>cl(c,t)),[t,a]),d=e.explanations.filter(c=>cl(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(ul,{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(Yo,{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(Yo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]})]})}function Ip({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]=bo(e),w=Me[g],S={"--popmelt-library-surface":w.surface,"--popmelt-library-raised":w.raisedSurface,"--popmelt-library-control":w.control,"--popmelt-library-soft-surface":w.softSurface,"--popmelt-library-hover-surface":w.hoverSurface,"--popmelt-library-primary":w.primary,"--popmelt-library-filter-active":w.hoverForeground,"--popmelt-library-secondary":w.secondary,"--popmelt-library-muted":w.muted,"--popmelt-library-muted-strong":w.mutedStrong,"--popmelt-library-border":w.border,"--popmelt-library-hairline":w.hairline,"--popmelt-library-soft-hairline":w.softHairline},[C,L]=N(void 0),[M,k]=N({head:{sequence:0,updatedAt:new Date(0).toISOString()},counts:{total:0,emerging:0,testing:0,grounded:0,challenged:0,retired:0,needsGrounding:0},explanations:[]}),[E,$]=N(!0),[O]=N("understanding"),[z,T]=N("all"),j=R(null),[Z,ae]=N({hasAbove:!1,hasBelow:!1}),[he,le]=N(()=>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 Y=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 wd(e).then(I=>{A||(k(I),$(!1))}),()=>{A=!0}},[e]),F(()=>{let A=requestAnimationFrame(Y),I=j.current;if(!I||typeof ResizeObserver>"u")return()=>cancelAnimationFrame(A);let W=new ResizeObserver(Y);W.observe(I);let B=I.firstElementChild;return B&&W.observe(B),()=>{cancelAnimationFrame(A),W.disconnect()}},[z,M,E,Y]);let ve=oe(A=>{L(I=>{if(!I?.components)return I;let{[A]:W,...B}=I.components;return{...I,components:B}}),u?.(A)},[u]),G=C?.components,we=C?.tokens,Le=G&&Object.keys(G).length>0,X=we&&Object.keys(we).length>0,ke=R(null);return F(()=>{let A=ke.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:ke,"data-devtools":"imprint-panel","data-popmelt-font":"sans","data-popmelt-theme":g,"data-popmelt-theme-preference":y,"aria-hidden":f||void 0,style:{...sp,...S,...su(h,he),opacity:f?0:1,visibility:f?"hidden":"visible",pointerEvents:f?"none":"auto",transition:f?`opacity ${kt}ms ease, visibility 0s linear ${kt}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(ma,{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":z===A,onClick:()=>T(A),style:{border:0,borderRadius:8,background:z===A?"var(--popmelt-library-raised)":"transparent",color:z===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:B,"data-popmelt-imprint-scroll":!0,onScroll:Y,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:E?s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"Loading..."}):O==="understanding"?s(kp,{view:M,filter:z,onViewThread:p}):O==="patterns"?Le?s(vp,{components:G,selectedComponent:r,hoveredComponent:o,onRemove:ve,onHover:i}):s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."}):X?s(gp,{tokens:we,onSpacingHover:a,onModifyToken:l,onDeleteToken:d}):s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No design tokens defined yet."})})})]})}function pl(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 fl(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 hl(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):pl(n.model)-pl(r.model))||fl(n.model)-fl(r.model)||(r.model.catalogPriority??-r.index)-(n.model.catalogPriority??-n.index))}function ml(e,t){return hl(t.map((n,r)=>({index:r,model:n})))}function Ip(e){return[...new Set(e.flatMap(t=>t.upstreamProvider?[t.upstreamProvider]:[]))]}function Mp(e,t){let n=Dr(t);return n?e.filter(r=>Dr(`${r} ${Hr(r)}`).includes(n)):e}function Tp(e,t){if(!e||!t)return"";let n=Hr(e);return Dr(`${e} ${n}`).includes(Dr(t))?n:""}function gl(e,t){return t?hl(e.flatMap((n,r)=>n.upstreamProvider===t?[{index:r,model:n}]:[])):[]}function Ep(e,t){let n=gl(e,t);return n.find(r=>r.model.isDefault)?.index??n[0]?.index??0}function Hr(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 Dr(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"")}var yl={id:"",label:"Codex default",source:"cli",isDefault:!0};function Lp(e){return[yl,...e.filter(t=>t.id!=="")]}var Ap="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",Rp="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",$p="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 Np({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:Ap})})}function zp({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:Rp})})}function Pp({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:$p,fillRule:"evenodd",clipRule:"evenodd"})})}function Op({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 dr({provider:e,size:t=16,style:n}){return e==="codex"?s(zp,{size:t,style:n}):e==="copilot"?s(Pp,{size:t,style:n}):e==="omp"?s(Op,{size:t,style:n}):s(Np,{size:t,style:n})}var bl=[{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"}],vl=[{id:"claude-opus-4-6",label:"Opus 4.6",source:"static",supportedReasoningLevels:bl},{id:"claude-sonnet-4-6",label:"Sonn 4.6",source:"static",supportedReasoningLevels:bl}],Hp=[yl],xl=[{id:"",label:"Default",source:"static"}],wl=[{id:"",label:"OMP default",source:"static"}],Dp=[...vl,...Hp,...xl,...wl];function Wp(e,t){if(t==="copilot"&&!e)return"Copilot";if(t==="omp"&&!e)return"OMP";if(!e)return t==="codex"?"Codex":"Claude Code";let n=Dp.find(r=>r.id===e);return n?n.label:e.replace(/-\d{8,}$/,"")}var Wr=Ct,Bp={minimal:"Minimal",low:"Low",medium:"Medium",high:"High",xhigh:"X-high",max:"Max",ultra:"Ultra"};function Cl(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 jp({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 Jo({icon:e,options:t,selectedIndex:n,displayLabel:r,onSelect:o,scrub:i=!1,indicator:a="scale",indicatorActive:l=!0,onScrubChange:d}){let c=R(null),u=R(!1),[p,h]=N(!1),[f,g]=N(!1),y=n>=0&&n<t.length?n:0,w=t[y],S=!o||t.length<=1;return v("button",{type:"button",disabled:S,onPointerDown:C=>{!i||S||(c.current={x:C.clientX,index:y,moved:!1},g(!0),d?.(!0),C.currentTarget.setPointerCapture(C.pointerId))},onPointerMove:C=>{let L=c.current;if(!L||!i||!o)return;let M=C.clientX-L.x;Math.abs(M)>=4&&(L.moved=!0);let k=Math.max(0,Math.min(t.length-1,L.index+Math.round(M/22)));L.moved&&k!==y&&o(k)},onPointerUp:C=>{let L=c.current;L&&(C.currentTarget.hasPointerCapture(C.pointerId)&&C.currentTarget.releasePointerCapture(C.pointerId),u.current=L.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}S||o((y+1)%t.length)},style:{alignItems:"center",background:"transparent",border:0,borderRadius:24,color:a!=="check"&&(p||f)?"#eee":"#aaa",cursor:S?"default":i?"ew-resize":"pointer",display:"flex",fontFamily:Wr,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??w?.label??"Unavailable"})]}),a==="check"?s(nr,{"aria-hidden":"true",color:"#fff",size:12,strokeWidth:2,style:{opacity:l?1:0,transition:"opacity 120ms ease"}}):s(jp,{count:t.length,index:n,pill:p||f})]})}function kl({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=fe(()=>Ip(o),[o]),y=f?.upstreamProvider??g[0],[w,S]=N(""),[C,L]=N(!1),[M,k]=N(!1),E=fe(()=>Mp(g,w),[w,g]),$=E[0],O=Tp($,w),z=O.toLowerCase().indexOf(w.trim().toLowerCase());F(()=>{C||S(y?Hr(y):"")},[C,y]);let T=I=>{let W=Ep(o,I),j=o[W];S(Hr(I)),L(!1),d?.(W),a.serviceTier&&!j?.speedTiers?.some(H=>H.id===a.serviceTier)&&c?.({...a,serviceTier:void 0})},B=fe(()=>n==="omp"?gl(o,y):ml(n,o),[o,n,y]),Z=B.findIndex(I=>I.index===i),ae=B.map(I=>({value:String(I.index),label:Cl(I.model.label)})),he=n==="claude"?["low","medium","high","xhigh","max"]:["low","medium","high","xhigh"],le=f?.supportedReasoningLevels?.map(I=>I.effort)??he,Y=le.map(I=>({value:I,label:Bp[I]??I})),ve=a.reasoningEffort??f?.defaultReasoningLevel??le[0],G=Math.max(0,le.indexOf(ve??"")),we=[{value:"",label:"Standard"},...(f?.speedTiers??[]).filter(I=>I.id!=="default").map(I=>({value:I.id,label:I.label}))],Le=Math.max(0,we.findIndex(I=>I.value===(a.serviceTier??""))),X=(f?.speedTiers?.length??0)>0,ke=I=>{let W=B[I];W&&(d?.(W.index),a.serviceTier&&!W.model.speedTiers?.some(j=>j.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:Wr,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(dr,{provider:I,size:12})},I)})}),n==="omp"&&g.length>0&&v("div",{style:{position:"relative",width:"100%"},children:[s(ha,{"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}}),C&&O&&s("div",{"aria-hidden":"true",style:{color:"#666",fontFamily:Wr,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:z>=0?v(Te,{children:[O.slice(0,z),s("span",{style:{color:"#eee"},children:O.slice(z,z+w.trim().length)}),O.slice(z+w.trim().length)]}):O}),s("input",{"aria-label":"OMP provider","aria-autocomplete":"inline",autoComplete:"off",onBlur:()=>{L(!1)},onChange:I=>{S(I.currentTarget.value),L(!0)},onFocus:I=>{L(!0),I.currentTarget.select()},onKeyDown:I=>{if(I.key==="Enter"){let W=E[0];W&&(I.preventDefault(),T(W),I.currentTarget.blur())}else if(I.key==="Tab"){let W=E[0];W&&O&&T(W)}else I.key==="Escape"&&I.currentTarget.blur()},onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),placeholder:"Provider",value:w,style:{background:"transparent",border:0,borderRadius:0,boxSizing:"border-box",color:C&&O?"transparent":C||M?"#eee":"#aaa",caretColor:C&&!O?"#eee":"transparent",cursor:C?"text":"pointer",fontFamily:Wr,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(Jo,{icon:Qd,options:ae,selectedIndex:Z,displayLabel:Z<0&&f?Cl(f.label):void 0,onSelect:d?ke:void 0,onScrubChange:h,scrub:!0}),s(Jo,{icon:Zd,options:Y,selectedIndex:G,onSelect:c?I=>c({...a,reasoningEffort:Y[I].value}):void 0,onScrubChange:h,scrub:!0,indicator:"effort"}),X&&s(Te,{children:s(Jo,{icon:Le>0?Ud:qd,options:we,selectedIndex:Le,onSelect:c&&we.length>1?I=>c({...a,serviceTier:we[I].value||void 0}):void 0,indicator:"check",indicatorActive:Le>0})})]})}function _p({provider:e,open:t,onClick:n,onMouseEnter:r,onMouseLeave:o,style:i}){let[a,l]=N(!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(dr,{provider:e,size:14}),s(To,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{transform:t?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})]})}var Ft={iconDefault:"#1f2937",iconActive:"#1f2937",bgActive:"#dedede",bgHover:"#e2e2e2"};function Sl({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?Ft.bgActive:"transparent",color:t?Ft.iconActive:Ft.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=Ft.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 Fp(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 Il(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 Vp(e,t){if(e.length===0)return null;if(!t)return e[0];let n=e.indexOf(t);return n<0||n===e.length-1?e[0]:e[n+1]}var it={expanded:"devtools-toolbar-expanded",annotations:"devtools-annotations",styleMods:"devtools-style-modifications",textMods:"devtools-text-modifications",domMods:"devtools-dom-modifications",spacingChanges:"devtools-spacing-changes",tool:"devtools-active-tool",color:"devtools-next-thread-color",legacyColor:"devtools-active-color",stroke:"devtools-stroke-width",inspected:"devtools-inspected-element"},Qp="v1",Zp="popmelt-workspace-generation";function Br(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Up(e,t){return{styleModifications:Br(e.getItem(t.styleMods)),textModifications:Br(e.getItem(t.textMods)),domModifications:Br(e.getItem(t.domMods)),spacingTokenChanges:Br(e.getItem(t.spacingChanges))}}function xt(e,t){return`${e}:project:${encodeURIComponent(t.trim())}`}function jr(e){return{expanded:xt(it.expanded,e),annotations:xt(it.annotations,e),styleMods:xt(it.styleMods,e),textMods:xt(it.textMods,e),domMods:xt(it.domMods,e),spacingChanges:xt(it.spacingChanges,e),tool:xt(it.tool,e),color:xt(it.color,e),stroke:xt(it.stroke,e),inspected:xt(it.inspected,e)}}function Ml(e){return xt(Zp,e)}function qp(e,t){let n=e.getItem(Ml(t));if(n===null||n.trim()==="")return null;let r=Number(n);return Number.isInteger(r)&&r>=0?r:null}function Yp(e,t){return!Number.isInteger(t)||t<0?!1:t>(e??0)}function Tl(e,t){return typeof e.pathname=="string"&&e.pathname===t}function Jp(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Xp(e,t,n){return e.filter(r=>!r||typeof r.id!="string"||!Tl(r,t)||(r.status??"pending")!=="pending"||r.threadId?!1:r.target?!0:!(r.linkedSelector&&!n(r.linkedSelector)))}function Kp(e){let{storage:t,projectId:n,pathname:r,selectorExists:o}=e,i=jr(n),a=xt(`popmelt-annotation-workspace-migration-${Qp}`,n);if(t.getItem(a)==="complete")return i;let l=Xp(Jp(t.getItem(it.annotations)),r,o);t.getItem(i.annotations)===null&&t.setItem(i.annotations,JSON.stringify(l));let d=[["expanded",it.expanded],["tool",it.tool],["color",it.color],["stroke",it.stroke]];for(let[c,u]of d){let p=c==="color"?t.getItem(u)??t.getItem(it.legacyColor):t.getItem(u);p!==null&&t.getItem(i[c])===null&&t.setItem(i[c],p)}for(let c of[i.styleMods,i.textMods,i.domMods,i.spacingChanges])t.getItem(c)===null&&t.setItem(c,"[]");t.getItem(i.inspected)===null&&t.removeItem(i.inspected),t.setItem(a,"complete");for(let c of Object.values(it))t.removeItem(c);return i}var Gp=["inspector","sticker","model"];function El(e){return typeof e=="string"&&Gp.includes(e)?e:null}function Xo(e,t){return El(e.getItem(t))}function e1(e,t,n){let r=El(n);r&&e.setItem(t,r)}function t1(e,t,n){let r=e.getRootNode().elementFromPoint?.(t,n)??e.ownerDocument.elementFromPoint?.(t,n);return r instanceof Node&&e.contains(r)}function n1(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,t1(e,l,d)||t()})};return e.addEventListener("pointerout",o),e.addEventListener("pointerover",r),()=>{r(),e.removeEventListener("pointerout",o),e.removeEventListener("pointerover",r)}}var r1=jd(()=>import("./PopmeltTasteConnectedPane-HLCTVPJP.mjs").then(e=>({default:e.PopmeltTasteConnectedPane})));function o1({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 i1=cu;function a1({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 l1({reconnecting:e,refresh:t,paused:n=!1}){return e?s(rr,{size:14,strokeWidth:1.5,"aria-hidden":"true","data-popmelt-reconnecting-spinner":!0,style:{animation:"spin 0.8s linear infinite"}}):n?s(wa,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):t?s(Eo,{size:14,strokeWidth:1.5}):s(Lo,{size:14,strokeWidth:1.5})}function s1({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 d1({hovered:e,canRestartBridge:t,bridgeRestartDisabled:n,bridgeRestartState:r,isBridgeConnected:o}){return e&&t&&!n&&r==="idle"&&o!==!1}function Ko({value:e,options:t,onChange:n,disabled:r=!1}){let[o,i]=N(!1),[a,l]=N({side:"below",maxHeight:220}),d=R(null),c=R(null),u=t.find(p=>p.value===e)??t[0];return Ve(()=>{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),w=Math.max(0,f.top-g),S=Math.min(220,t.length*30+2),C=y>=Math.min(S,120)||y>=w?"below":"above";l({side:C,maxHeight:Math.max(48,Math.min(S,C==="below"?y:w))})};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(To,{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(nr,{size:13,strokeWidth:2})}),s("span",{children:p.label})]},p.value)})})]})}function c1(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 u1(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 p1(e="bottom-right"){return su(e,window.innerWidth,window.innerHeight)}function f1(){return fa(sc,{"aria-hidden":!0,size:14,strokeWidth:1.5,style:{flexShrink:0}})}function h1(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 Ll={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(ma,{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":z===A,onClick:()=>T(A),style:{border:0,borderRadius:8,background:z===A?"var(--popmelt-library-raised)":"transparent",color:z===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:Y,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:E?s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"Loading..."}):O==="understanding"?s(Sp,{view:M,filter:z,onViewThread:p}):O==="patterns"?Le?s(xp,{components:G,selectedComponent:r,hoveredComponent:o,onRemove:ve,onHover:i}):s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."}):X?s(yp,{tokens:we,onSpacingHover:a,onModifyToken:l,onDeleteToken:d}):s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No design tokens defined yet."})})})]})}function pl(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 fl(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 hl(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):pl(n.model)-pl(r.model))||fl(n.model)-fl(r.model)||(r.model.catalogPriority??-r.index)-(n.model.catalogPriority??-n.index))}function ml(e,t){return hl(t.map((n,r)=>({index:r,model:n})))}function Mp(e){return[...new Set(e.flatMap(t=>t.upstreamProvider?[t.upstreamProvider]:[]))]}function Tp(e,t){let n=Dr(t);return n?e.filter(r=>Dr(`${r} ${Hr(r)}`).includes(n)):e}function Ep(e,t){if(!e||!t)return"";let n=Hr(e);return Dr(`${e} ${n}`).includes(Dr(t))?n:""}function gl(e,t){return t?hl(e.flatMap((n,r)=>n.upstreamProvider===t?[{index:r,model:n}]:[])):[]}function Lp(e,t){let n=gl(e,t);return n.find(r=>r.model.isDefault)?.index??n[0]?.index??0}function Hr(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 Dr(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"")}var yl={id:"",label:"Codex default",source:"cli",isDefault:!0};function Ap(e){return[yl,...e.filter(t=>t.id!=="")]}var Rp="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",$p="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",Np="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 zp({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:Rp})})}function Pp({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:$p})})}function Op({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:Np,fillRule:"evenodd",clipRule:"evenodd"})})}function Hp({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 dr({provider:e,size:t=16,style:n}){return e==="codex"?s(Pp,{size:t,style:n}):e==="copilot"?s(Op,{size:t,style:n}):e==="omp"?s(Hp,{size:t,style:n}):s(zp,{size:t,style:n})}var bl=[{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"}],vl=[{id:"claude-opus-4-6",label:"Opus 4.6",source:"static",supportedReasoningLevels:bl},{id:"claude-sonnet-4-6",label:"Sonn 4.6",source:"static",supportedReasoningLevels:bl}],Dp=[yl],xl=[{id:"",label:"Default",source:"static"}],wl=[{id:"",label:"OMP default",source:"static"}],Wp=[...vl,...Dp,...xl,...wl];function jp(e,t){if(t==="copilot"&&!e)return"Copilot";if(t==="omp"&&!e)return"OMP";if(!e)return t==="codex"?"Codex":"Claude Code";let n=Wp.find(r=>r.id===e);return n?n.label:e.replace(/-\d{8,}$/,"")}var Wr=Ct,Bp={minimal:"Minimal",low:"Low",medium:"Medium",high:"High",xhigh:"X-high",max:"Max",ultra:"Ultra"};function Cl(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 _p({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 Jo({icon:e,options:t,selectedIndex:n,displayLabel:r,onSelect:o,scrub:i=!1,indicator:a="scale",indicatorActive:l=!0,onScrubChange:d}){let c=R(null),u=R(!1),[p,h]=N(!1),[f,g]=N(!1),y=n>=0&&n<t.length?n:0,w=t[y],S=!o||t.length<=1;return v("button",{type:"button",disabled:S,onPointerDown:C=>{!i||S||(c.current={x:C.clientX,index:y,moved:!1},g(!0),d?.(!0),C.currentTarget.setPointerCapture(C.pointerId))},onPointerMove:C=>{let L=c.current;if(!L||!i||!o)return;let M=C.clientX-L.x;Math.abs(M)>=4&&(L.moved=!0);let k=Math.max(0,Math.min(t.length-1,L.index+Math.round(M/22)));L.moved&&k!==y&&o(k)},onPointerUp:C=>{let L=c.current;L&&(C.currentTarget.hasPointerCapture(C.pointerId)&&C.currentTarget.releasePointerCapture(C.pointerId),u.current=L.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}S||o((y+1)%t.length)},style:{alignItems:"center",background:"transparent",border:0,borderRadius:24,color:a!=="check"&&(p||f)?"#eee":"#aaa",cursor:S?"default":i?"ew-resize":"pointer",display:"flex",fontFamily:Wr,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??w?.label??"Unavailable"})]}),a==="check"?s(nr,{"aria-hidden":"true",color:"#fff",size:12,strokeWidth:2,style:{opacity:l?1:0,transition:"opacity 120ms ease"}}):s(_p,{count:t.length,index:n,pill:p||f})]})}function kl({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=fe(()=>Mp(o),[o]),y=f?.upstreamProvider??g[0],[w,S]=N(""),[C,L]=N(!1),[M,k]=N(!1),E=fe(()=>Tp(g,w),[w,g]),$=E[0],O=Ep($,w),z=O.toLowerCase().indexOf(w.trim().toLowerCase());F(()=>{C||S(y?Hr(y):"")},[C,y]);let T=I=>{let W=Lp(o,I),B=o[W];S(Hr(I)),L(!1),d?.(W),a.serviceTier&&!B?.speedTiers?.some(H=>H.id===a.serviceTier)&&c?.({...a,serviceTier:void 0})},j=fe(()=>n==="omp"?gl(o,y):ml(n,o),[o,n,y]),Z=j.findIndex(I=>I.index===i),ae=j.map(I=>({value:String(I.index),label:Cl(I.model.label)})),he=n==="claude"?["low","medium","high","xhigh","max"]:["low","medium","high","xhigh"],le=f?.supportedReasoningLevels?.map(I=>I.effort)??he,Y=le.map(I=>({value:I,label:Bp[I]??I})),ve=a.reasoningEffort??f?.defaultReasoningLevel??le[0],G=Math.max(0,le.indexOf(ve??"")),we=[{value:"",label:"Standard"},...(f?.speedTiers??[]).filter(I=>I.id!=="default").map(I=>({value:I.id,label:I.label}))],Le=Math.max(0,we.findIndex(I=>I.value===(a.serviceTier??""))),X=(f?.speedTiers?.length??0)>0,ke=I=>{let W=j[I];W&&(d?.(W.index),a.serviceTier&&!W.model.speedTiers?.some(B=>B.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:Wr,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(dr,{provider:I,size:12})},I)})}),n==="omp"&&g.length>0&&v("div",{style:{position:"relative",width:"100%"},children:[s(ha,{"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}}),C&&O&&s("div",{"aria-hidden":"true",style:{color:"#666",fontFamily:Wr,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:z>=0?v(Te,{children:[O.slice(0,z),s("span",{style:{color:"#eee"},children:O.slice(z,z+w.trim().length)}),O.slice(z+w.trim().length)]}):O}),s("input",{"aria-label":"OMP provider","aria-autocomplete":"inline",autoComplete:"off",onBlur:()=>{L(!1)},onChange:I=>{S(I.currentTarget.value),L(!0)},onFocus:I=>{L(!0),I.currentTarget.select()},onKeyDown:I=>{if(I.key==="Enter"){let W=E[0];W&&(I.preventDefault(),T(W),I.currentTarget.blur())}else if(I.key==="Tab"){let W=E[0];W&&O&&T(W)}else I.key==="Escape"&&I.currentTarget.blur()},onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),placeholder:"Provider",value:w,style:{background:"transparent",border:0,borderRadius:0,boxSizing:"border-box",color:C&&O?"transparent":C||M?"#eee":"#aaa",caretColor:C&&!O?"#eee":"transparent",cursor:C?"text":"pointer",fontFamily:Wr,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(Jo,{icon:Zd,options:ae,selectedIndex:Z,displayLabel:Z<0&&f?Cl(f.label):void 0,onSelect:d?ke:void 0,onScrubChange:h,scrub:!0}),s(Jo,{icon:Ud,options:Y,selectedIndex:G,onSelect:c?I=>c({...a,reasoningEffort:Y[I].value}):void 0,onScrubChange:h,scrub:!0,indicator:"effort"}),X&&s(Te,{children:s(Jo,{icon:Le>0?qd:Yd,options:we,selectedIndex:Le,onSelect:c&&we.length>1?I=>c({...a,serviceTier:we[I].value||void 0}):void 0,indicator:"check",indicatorActive:Le>0})})]})}function Fp({provider:e,open:t,onClick:n,onMouseEnter:r,onMouseLeave:o,style:i}){let[a,l]=N(!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(dr,{provider:e,size:14}),s(To,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{transform:t?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})]})}var Ft={iconDefault:"#1f2937",iconActive:"#1f2937",bgActive:"#dedede",bgHover:"#e2e2e2"};function Sl({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?Ft.bgActive:"transparent",color:t?Ft.iconActive:Ft.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=Ft.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 Vp(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 Il(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 Qp(e,t){if(e.length===0)return null;if(!t)return e[0];let n=e.indexOf(t);return n<0||n===e.length-1?e[0]:e[n+1]}var it={expanded:"devtools-toolbar-expanded",annotations:"devtools-annotations",styleMods:"devtools-style-modifications",textMods:"devtools-text-modifications",domMods:"devtools-dom-modifications",spacingChanges:"devtools-spacing-changes",tool:"devtools-active-tool",color:"devtools-next-thread-color",legacyColor:"devtools-active-color",stroke:"devtools-stroke-width",inspected:"devtools-inspected-element"},Zp="v1",Up="popmelt-workspace-generation";function jr(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function qp(e,t){return{styleModifications:jr(e.getItem(t.styleMods)),textModifications:jr(e.getItem(t.textMods)),domModifications:jr(e.getItem(t.domMods)),spacingTokenChanges:jr(e.getItem(t.spacingChanges))}}function xt(e,t){return`${e}:project:${encodeURIComponent(t.trim())}`}function Br(e){return{expanded:xt(it.expanded,e),annotations:xt(it.annotations,e),styleMods:xt(it.styleMods,e),textMods:xt(it.textMods,e),domMods:xt(it.domMods,e),spacingChanges:xt(it.spacingChanges,e),tool:xt(it.tool,e),color:xt(it.color,e),stroke:xt(it.stroke,e),inspected:xt(it.inspected,e)}}function Ml(e){return xt(Up,e)}function Yp(e,t){let n=e.getItem(Ml(t));if(n===null||n.trim()==="")return null;let r=Number(n);return Number.isInteger(r)&&r>=0?r:null}function Jp(e,t){return!Number.isInteger(t)||t<0?!1:t>(e??0)}function Tl(e,t){return typeof e.pathname=="string"&&e.pathname===t}function Xp(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Kp(e,t,n){return e.filter(r=>!r||typeof r.id!="string"||!Tl(r,t)||(r.status??"pending")!=="pending"||r.threadId?!1:r.target?!0:!(r.linkedSelector&&!n(r.linkedSelector)))}function Gp(e){let{storage:t,projectId:n,pathname:r,selectorExists:o}=e,i=Br(n),a=xt(`popmelt-annotation-workspace-migration-${Zp}`,n);if(t.getItem(a)==="complete")return i;let l=Kp(Xp(t.getItem(it.annotations)),r,o);t.getItem(i.annotations)===null&&t.setItem(i.annotations,JSON.stringify(l));let d=[["expanded",it.expanded],["tool",it.tool],["color",it.color],["stroke",it.stroke]];for(let[c,u]of d){let p=c==="color"?t.getItem(u)??t.getItem(it.legacyColor):t.getItem(u);p!==null&&t.getItem(i[c])===null&&t.setItem(i[c],p)}for(let c of[i.styleMods,i.textMods,i.domMods,i.spacingChanges])t.getItem(c)===null&&t.setItem(c,"[]");t.getItem(i.inspected)===null&&t.removeItem(i.inspected),t.setItem(a,"complete");for(let c of Object.values(it))t.removeItem(c);return i}var e1=["inspector","sticker","model"];function El(e){return typeof e=="string"&&e1.includes(e)?e:null}function Xo(e,t){return El(e.getItem(t))}function t1(e,t,n){let r=El(n);r&&e.setItem(t,r)}function n1(e,t,n){let r=e.getRootNode().elementFromPoint?.(t,n)??e.ownerDocument.elementFromPoint?.(t,n);return r instanceof Node&&e.contains(r)}function r1(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,n1(e,l,d)||t()})};return e.addEventListener("pointerout",o),e.addEventListener("pointerover",r),()=>{r(),e.removeEventListener("pointerout",o),e.removeEventListener("pointerover",r)}}var o1=_d(()=>import("./PopmeltTasteConnectedPane-WDF556E2.mjs").then(e=>({default:e.PopmeltTasteConnectedPane})));function i1({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 a1=uu;function l1({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 s1({reconnecting:e,refresh:t,paused:n=!1}){return e?s(rr,{size:14,strokeWidth:1.5,"aria-hidden":"true","data-popmelt-reconnecting-spinner":!0,style:{animation:"spin 0.8s linear infinite"}}):n?s(wa,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):t?s(Eo,{size:14,strokeWidth:1.5}):s(Lo,{size:14,strokeWidth:1.5})}function d1({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 c1({hovered:e,canRestartBridge:t,bridgeRestartDisabled:n,bridgeRestartState:r,isBridgeConnected:o}){return e&&t&&!n&&r==="idle"&&o!==!1}function Ko({value:e,options:t,onChange:n,disabled:r=!1}){let[o,i]=N(!1),[a,l]=N({side:"below",maxHeight:220}),d=R(null),c=R(null),u=t.find(p=>p.value===e)??t[0];return Ve(()=>{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),w=Math.max(0,f.top-g),S=Math.min(220,t.length*30+2),C=y>=Math.min(S,120)||y>=w?"below":"above";l({side:C,maxHeight:Math.max(48,Math.min(S,C==="below"?y:w))})};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(To,{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(nr,{size:13,strokeWidth:2})}),s("span",{children:p.label})]},p.value)})})]})}function u1(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 p1(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 f1(e="bottom-right"){return du(e,window.innerWidth,window.innerHeight)}function h1(){return fa(dc,{"aria-hidden":!0,size:14,strokeWidth:1.5,style:{flexShrink:0}})}function m1(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 Ll={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"}]}},Al=Ct;function m1(e){let t=[];try{let n=JSON.parse(localStorage.getItem(e.annotations)||"[]");Array.isArray(n)&&(t=n)}catch{}return Iu({savedCursor:localStorage.getItem(e.color),annotations:t,currentPathname:window.location.pathname})}function g1(e){return"entry"in e?s(gu,{...e.entry}):s(y1,{...e})}function y1({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:w="Opus 4.6",models:S=[],agentSettings:C={},onModelChange:L,onAgentSettingsChange:M,onModelMenuOpen:k,onViewThread:E,onPreviewHistoryThread:$,onNavigate:O,annotationCycleFocus:z=null,onAnnotationCycleFocusChange:T,isThreadPanelOpen:B,threadOpenRequest:Z=0,hasOpenThreadPanel:ae=!1,projectPanelTemporarilyHidden:he=!1,mcpStatus:le,bridgeUrl:Y,isBridgeConnected:ve,packageVersion:G,bridgeVersion:we,projectRoot:Le,projectRootAccess:X,codexSandboxMode:ke,bridgeRestartState:A="idle",bridgeRestartMessage:I,onBridgeRestart:W,onMouseEnter:j,onToolbarHoverChange:H,activeChromeHoverSurface:ee=null,toolbarRef:Se,snapPosition:te="bottom-right",onSnapPositionChange:Ze}){let U=pn(rl),Oe=pn(Qo),re=Oe?.participantId,Ae=tu(Y,e??void 0,!U&&!Oe),ye=!!(U?.ownIsHost||Ae.linked),Ie=Ua(U?.peers??[])+Ua(U?.admissionRequests??[])+(U?.admissionRequests?.length?6:0),me=fe(()=>{let m=e?.trim()||"__pending__";if(re){let x=jr(m);return Object.fromEntries(Object.entries(x).map(([P,ie])=>[P,`${ie}:participant:${encodeURIComponent(re)}`]))}return typeof window>"u"||!e?.trim()?jr(m):Kp({storage:localStorage,projectId:m,pathname:window.location.pathname,selectorExists:x=>!!Gn(x)})},[e,re]),[at,St]=N(!1),Pt=l||at,be=Oa(),[Ne,lt]=N(()=>U?.onJoin?!0:Oe?t.isAnnotating:typeof window>"u"?!1:localStorage.getItem(me.expanded)==="true"),je=R(Z);F(()=>{Z!==je.current&&(je.current=Z,lt(!0))},[Z]);let[Pe,Qt,$t]=bo(Y),Re=Me[Pe],kn=R(null),{surface:We,phase:It,enter:Vn,leave:mr,show:Qn,dismiss:Mt}=Ao({openDelayMs:Na,exitDurationMs:kt}),ut=R(null),[Tt,Zn]=N(null),b=oe(()=>{ut.current!==null&&(ut.current=null,Zn(null))},[]),ne=oe(m=>{ut.current&&m!==`peer:${ut.current}`&&b(),Qn(m)},[b,Qn]),K=oe(m=>{ut.current&&m!==`peer:${ut.current}`&&b(),Vn(m)},[b,Vn]),ge=oe(m=>{m!==`peer:${ut.current}`&&mr(m)},[mr]),V=oe(m=>{(!m||ut.current&&m===`peer:${ut.current}`)&&b(),Mt(m)},[b,Mt]),Fe=We==="tool-menu",Ee=Fe&&It==="visible",ze=We==="popmelt-guide",He=ze&&It==="visible",Et=tr(),xe=We?.startsWith("peer:")?We.slice(5):null,de=U?.peers.find(m=>m.identity.id===xe),pt=We?.startsWith("admission:")?We.slice(10):null,ue=U?.admissionRequests?.find(m=>m.id===pt),Be=!!(de||ue),Zt=Be&&It==="visible",Ot=R(null),[Q,ce]=N(null),De=R(null);F(()=>{let m=De.current;if(m)return Bu(m)},[Ne]),Pu(Zt?pt:null,Ot,De);let st=R(null),qe=m=>m instanceof Node&&(st.current?.closest('[role="toolbar"]')?.contains(m)||m instanceof Element&&!!m.closest('[data-devtools="peer-details-corridor"], [data-devtools="admission-details"]'));F(()=>{xe!==null&&(!de||!Ne)&&V(`peer:${xe}`)},[de,V,Ne,xe]),F(()=>{if(!Tt)return;let m=P=>{P.composedPath().some(ie=>ie instanceof Element&&(ie.getAttribute("data-devtools")==="peer-details-corridor"||ie.getAttribute("data-peer-id")===Tt))||V(`peer:${Tt}`)},x=P=>{P.key==="Escape"&&V(`peer:${Tt}`)};return document.addEventListener("pointerdown",m),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",m),document.removeEventListener("keydown",x)}},[V,Tt]),F(()=>{if(!pt)return;if(!ue||!Ne){V(`admission:${pt}`);return}let m=x=>{x.composedPath().some(P=>P instanceof Element&&["admission-details","admission-chip"].includes(P.getAttribute("data-devtools")??""))||V(`admission:${pt}`)};return document.addEventListener("pointerdown",m),()=>document.removeEventListener("pointerdown",m)},[pt,ue,Ne,V]),Ve(()=>(H?.("peer-details",Be),()=>{Be&&H?.("peer-details",!1)}),[H,Be]);let[Ht,an]=N(null),Un=R(t.isAnnotating),Dt=R(!1),Ge=z?.groupId??null,Ye=R([]),ln=R(null),_e=R(Ge),qn=R(new Set(t.annotations.map(m=>m.id))),ro=R(typeof window<"u"?Xo(localStorage,me.tool):null),gr=R(null),Sn=R(typeof window<"u"?m1(me):null),sn=R(typeof window<"u"?localStorage.getItem(me.stroke):null),[_,se]=N(null),[Nt,Wt]=N(!1),[nt,Bt]=N(!1),ht=JSON.stringify([e,Le,Y]),In=!!(ye&&Y&&ve!==!1),Ut=R(null),Vs=In&&Ut.current?.key===ht?Ut.current.snapshot:null;F(()=>{(!In||Ut.current?.key!==ht)&&(Ut.current=null)},[In,ht]);let[Qs,yr]=N(!1),[Zs,Us]=N(0);F(()=>{nt||yr(!1)},[nt]),F(()=>{Bt(!1)},[Y,Ne,U?.ownIsHost]),F(()=>{if(nt!=="settings"||!He)return;let m=x=>{x.key==="Escape"&&(x.composedPath().some(P=>P instanceof HTMLElement&&P.hasAttribute("data-taste-search"))||(x.preventDefault(),x.stopImmediatePropagation(),Bt(!1),ne("popmelt-guide")))};return document.addEventListener("keydown",m,!0),()=>document.removeEventListener("keydown",m,!0)},[nt,He,ne]),F(()=>{Ne||Wt(!1)},[Ne]),F(()=>{Wt(!1)},[Y]);let[qs,oo]=N(!1),[Ei,io]=N(!1),[Yn,br]=N(!1),Lt=R(!1),bt=R(null),rt=R(null),Jn=R(null),vr=R(!1);F(()=>{_!=="collapse"&&(oo(!1),io(!1),br(!1))},[_]),F(()=>{ze||br(!1)},[ze]);let ao=_!==null||He;Ve(()=>(H?.("guidance-panel",ao),()=>{ao&&H?.("guidance-panel",!1)}),[ao,H]),Ve(()=>(H?.("tool-menu",Ee),()=>{Ee&&H?.("tool-menu",!1)}),[H,Ee]),Ve(()=>(H?.("popmelt-guide",He),()=>{He&&H?.("popmelt-guide",!1)}),[H,He]);let Li=!B&&(_==="model"||t.activeTool==="model");F(()=>()=>{vr.current&&(vr.current=!1,H?.("project-panel",!1))},[H,Li]);let Ys=oe(()=>{ne("tool-menu")},[ne]),qt=oe(()=>{an(null),V("tool-menu")},[V]),[Js,Xs]=N([]),Ai=R({x:0,y:0}),Mn=R(null),xr=R(null),Yt=R(null),dt=oe(()=>{Mn.current=null,xr.current=null,Yt.current&&(clearTimeout(Yt.current),Yt.current=null)},[]);F(()=>{ee==="job-stack"&&(V(),Lt.current=!1,se(null),dt(),bt.current&&(clearTimeout(bt.current),bt.current=null),rt.current&&(clearTimeout(rt.current),rt.current=null))},[ee,dt,V]);let lo=oe(m=>{rt.current&&(clearTimeout(rt.current),rt.current=null),Lt.current?(Mn.current=m,xr.current={...Ai.current},Yt.current&&clearTimeout(Yt.current),Yt.current=setTimeout(()=>{Mn.current&&(se(Mn.current),dt())},300)):(bt.current&&clearTimeout(bt.current),bt.current=setTimeout(()=>{Lt.current=!0,se(m),bt.current=null},500))},[dt]),wr=oe(()=>{dt(),bt.current&&(clearTimeout(bt.current),bt.current=null),rt.current=setTimeout(()=>{Lt.current=!1,se(null)},150)},[dt]);F(()=>{ze?Lt.current=!0:_===null&&(Lt.current=!1)},[_,ze]),F(()=>{let m=Jn.current;if(!m)return;let x=()=>{if(ze){K("popmelt-guide");return}dt(),rt.current&&(clearTimeout(rt.current),rt.current=null)},P=()=>{ze||(rt.current=setTimeout(()=>{Lt.current=!1,se(null)},150))};return m.addEventListener("mouseenter",x),m.addEventListener("mouseleave",P),()=>{m.removeEventListener("mouseenter",x),m.removeEventListener("mouseleave",P)}},[dt,V,K,_,Nt,nt,ae,ge,ze]),F(()=>{let m=De.current;if(m)return n1(m,()=>{(We?.startsWith("peer:")||We?.startsWith("admission:"))&&ge(We),ae?(V("popmelt-guide"),V("tool-menu")):(ge("popmelt-guide"),ge("tool-menu"))})},[V,We,ae,ge]),F(()=>{if(_!=="counter"||!Y)return;let m=!1;return Ln(`${Y}/threads/recent?limit=5`).then(x=>x.ok?x.json():[]).then(x=>{m||Xs(x)}).catch(()=>{}),()=>{m=!0}},[_,Y]);let Ks=oe(m=>{if(Ai.current={x:m.clientX,y:m.clientY},Mn.current&&xr.current){let x=xr.current,P=p1(te);u1(m.clientX,m.clientY,x.x,x.y,P.left,P.y,P.right,P.y)||(se(Mn.current),dt())}},[dt,te]),Gs=fe(()=>{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]),ed=fe(()=>{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]),td=fe(()=>c1(y,g),[y,g]),so=S[g],Ri=so?.supportedReasoningLevels??[],$i=so?.speedTiers??[];Wu(Ne,t,n,Dt,me,!Oe),F(()=>{if(gr.current!==me.tool){gr.current=me.tool;let m=Xo(localStorage,me.tool);if(m&&m!==t.activeTool){n({type:"SET_TOOL",payload:m});return}}e1(localStorage,me.tool,t.activeTool)},[n,t.activeTool,me.tool]),il(()=>{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 P=parseInt(m.get("popmelt")||"0",10)||0,ie=()=>{lt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})},D=P>0?setTimeout(ie,P):null;return D||ie(),()=>{D&&clearTimeout(D),x.remove()}}),il(()=>{if(Oe)return So(t.domModifications),ko(t.styleModifications),Mr(t.textModifications),lt(t.isAnnotating),Dt.current=!0,()=>{Dt.current=!1};let m=localStorage.getItem(me.expanded)==="true",x=localStorage.getItem(me.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 q of D)(q.status==="waiting_input"||q.status==="sending"||q.status==="in_flight")&&(q.status=q.threadId?"resolved":"pending");let J=Sn.current?Cu(D,Sn.current):D;n({type:"RESTORE_ANNOTATIONS",payload:{annotations:J}})}}catch{}let P=Up(localStorage,me);if(P.styleModifications.length>0&&(n({type:"RESTORE_STYLE_MODIFICATIONS",payload:P.styleModifications}),ko(P.styleModifications)),P.textModifications.length>0&&(n({type:"RESTORE_TEXT_MODIFICATIONS",payload:P.textModifications}),Mr(P.textModifications)),P.domModifications.length>0&&(n({type:"RESTORE_DOM_MODIFICATIONS",payload:P.domModifications}),So(P.domModifications)),P.spacingTokenChanges.length>0&&n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:P.spacingTokenChanges}),m&&!t.isAnnotating){if(Ne||lt(!0),n({type:"SET_TOOL",payload:ro.current||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),sn.current){let J=parseFloat(sn.current);isNaN(J)||n({type:"SET_STROKE_WIDTH",payload:J})}let D=sessionStorage.getItem("popmelt-pending-focus");if(D){sessionStorage.removeItem("popmelt-pending-focus");try{let{annotationId:J}=JSON.parse(D);if(J){let q=x?JSON.parse(x)??[]:[],Ce=q.find(pe=>pe.id===J),et=Ce?.groupId?q.filter(pe=>pe.groupId===Ce.groupId):Ce?[Ce]:[];T?.({groupId:J,annotationIds:et.map(pe=>pe.id)}),requestAnimationFrame(()=>{n({type:"SELECT_ANNOTATION",payload:{id:J}});let pe=q.find(ot=>ot.id===J);if(pe){let ot=(pe.groupId?q.filter(mt=>mt.groupId===pe.groupId):[pe]).flatMap(mt=>mt.points);if(ot.length>0){let mt=Math.min(...ot.map(gt=>gt.x)),Xe=Math.max(...ot.map(gt=>gt.x)),ft=Math.min(...ot.map(gt=>gt.y)),kr=Math.max(...ot.map(gt=>gt.y));window.scrollTo({left:(mt+Xe)/2-window.innerWidth/2,top:(ft+kr)/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:J,preview:q}=JSON.parse(ie);D&&requestAnimationFrame(()=>{if(J)try{let Ce=Gn(J);if(Ce){let et=An(Ce),pe=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:pe,point:{x:et.left+et.width,y:et.top},text:q||"[thread]",linkedSelector:J,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[pe],threadId:D}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[pe],status:"resolved"}})}}catch{}E&&E(D)})}catch{}}return Dt.current=!0,()=>{Dt.current=!1}});let Ni=R(t.styleModifications),zi=R(t.textModifications),Pi=R(t.domModifications);F(()=>{let m=Ni.current,x=t.styleModifications;m!==x&&(aa(m),ko(x),Ni.current=x)},[t.styleModifications]),F(()=>{let m=zi.current,x=t.textModifications;m!==x&&(la(m),Mr(x),zi.current=x)},[t.textModifications]),F(()=>{let m=t.textModifications.filter(x=>x.selector.startsWith("@frame("));if(m.length)return Ui(()=>Mr(m))},[t.textModifications]),F(()=>{let m=Pi.current,x=t.domModifications;m!==x&&(sa(m),So(x),Pi.current=x)},[t.domModifications]),F(()=>{let m=Un.current;Un.current=t.isAnnotating;let x=a1({wasAnnotating:m,isAnnotating:t.isAnnotating,isExpanded:Ne});x.expanded!==null&&lt(x.expanded),x.annotating!==null&&n({type:"SET_ANNOTATING",payload:x.annotating})},[n,t.isAnnotating,Ne]);let Oi=R(Ne);Oi.current=Ne,Ha(()=>{if(Oi.current)n({type:"SET_ANNOTATING",payload:!1}),lt(!1);else{let m=Xo(localStorage,me.tool);n({type:"SET_TOOL",payload:m||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),lt(!0)}});let co=oe(m=>{a||(dt(),n({type:"SET_TOOL",payload:m}),t.isAnnotating||n({type:"SET_ANNOTATING",payload:!0}),Lt.current=!1,se(null),bt.current&&(clearTimeout(bt.current),bt.current=null),rt.current&&(clearTimeout(rt.current),rt.current=null))},[n,t.isAnnotating,dt,a]),Hi=oe(async()=>{window.focus(),await r()},[r]),Di=oe(async()=>{o&&await o()},[o]),nd=oe(()=>{n({type:"SET_ANNOTATING",payload:!1}),V(),lt(!1)},[V,n]);F(()=>{if(!Fe)return;let m=P=>{!kn.current||P.composedPath().includes(kn.current)||qt()},x=P=>{P.key==="Escape"&&(P.preventDefault(),P.stopPropagation(),qt())};return document.addEventListener("mousedown",m),document.addEventListener("keydown",x),()=>{document.removeEventListener("mousedown",m),document.removeEventListener("keydown",x)}},[qt,Fe]);let uo=oe(()=>{a||(aa(t.styleModifications),la(t.textModifications),sa(t.domModifications),document.querySelectorAll("[data-pm]").forEach(m=>m.removeAttribute("data-pm")),n({type:"CLEAR"}),n({type:"CLEAR_ALL_STYLES"}),localStorage.removeItem(me.annotations),localStorage.removeItem(me.styleMods),localStorage.removeItem(me.textMods),localStorage.removeItem(me.domMods),localStorage.removeItem(me.spacingChanges),T?.(null),Ye.current=[],ln.current=null,u?.())},[n,t.styleModifications,t.textModifications,t.domModifications,T,u,me,a]),po=$r(t.activeColor)??29,Tn=R(null),Wi=R(null),Bi=t.annotations.length>0;F(()=>{let m=Wi.current;if(!m||!Bi)return;let x=P=>{P.preventDefault(),P.stopPropagation();let ie=P.deltaY>0?-1:1,D=((po+ie)%360+360)%360,J=Xt(D);n({type:"SET_COLOR",payload:J}),t.selectedAnnotationIds.length>0&&n({type:"UPDATE_ANNOTATION_COLOR",payload:{id:t.lastSelectedId||t.selectedAnnotationIds[0],color:J}})};return m.addEventListener("wheel",x,{passive:!1}),()=>m.removeEventListener("wheel",x)},[Bi,t.selectedAnnotationIds,t.lastSelectedId,po,n]);let Cr=R(!1),rd=oe(()=>{Cr.current=!1,Tn.current=setTimeout(()=>{Cr.current=!0,n({type:"SET_COLOR",payload:Xt(29)})},500)},[n]),ji=oe(()=>{Tn.current&&(clearTimeout(Tn.current),Tn.current=null)},[]);F(()=>()=>{Tn.current&&clearTimeout(Tn.current),Yt.current&&clearTimeout(Yt.current)},[]);let At=Ta(),_i=fe(()=>zr(t.annotations),[t.annotations]),Je=fe(()=>Fp(t.annotations,_i),[t.annotations,_i]),od=fe(()=>Je.filter(m=>!m.pathname||m.pathname===At),[Je,At]),fo=Ge?Je.findIndex(m=>m.id===Ge):null,En=fo!==null&&fo>=0?fo:null,ho=En!==null?Je[En]??null:null,dn=oe(()=>{T?.(null),Ye.current=[],ln.current=null},[T]);F(()=>{let m=_e.current;_e.current=Ge,m!==null&&Ge===null&&(Ye.current=[],ln.current=null)},[Ge]),F(()=>{let m=new Set(t.annotations.map(P=>P.id)),x=t.annotations.some(P=>!qn.current.has(P.id)&&P.id!==Ge&&(P.status??"pending")==="pending");qn.current=m,x&&dn()},[dn,Ge,t.annotations]),F(()=>{Ge&&!Je.some(m=>m.id===Ge)&&dn()},[Je,dn,Ge]);let Fi=oe(async m=>{let x=Je.find(D=>D.id===m);if(!x)return!1;if(T?.({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})),!O)return window.location.href=x.pathname,!0;try{await O(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 P=x.annotations.find(D=>D.linkedSelector)?.linkedSelector,ie=P?Gn(P):null;if(ie){let D=An(ie);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(pe=>pe.points);if(D.length===0)return!1;let J=Math.min(...D.map(pe=>pe.x)),q=Math.max(...D.map(pe=>pe.x)),Ce=Math.min(...D.map(pe=>pe.y)),et=Math.max(...D.map(pe=>pe.y));window.scrollTo({left:(J+q)/2-window.innerWidth/2,top:(Ce+et)/2-window.innerHeight/2,behavior:"smooth"})}if(E){let D=x.annotations.find(J=>J.threadId)?.threadId;D&&E(D)}return!0},[Je,qt,At,n,T,O,E,t.activeTool]),Vi=oe(async()=>{if(Je.length===0){dn();return}Ye.current.length===0&&(ln.current=At,Ye.current=Il(Je,At));let m=Ye.current,x=Vp(m,Ge);if(Ge!==null&&x===m[0]){let P=ln.current??At;Ye.current=Il(Je,P),x=Ye.current[0]??null}for(let P=0;x&&P<Ye.current.length;P+=1){if(await Fi(x))return;let ie=Ye.current.indexOf(x);if(Ye.current=Ye.current.filter(D=>D!==x),Ye.current.length===0)break;x=Ye.current[Math.min(ie,Ye.current.length-1)]??Ye.current[0]}dn()},[Je,dn,At,Fi,Ge]);F(()=>{if(!Ne)return;let m=x=>{if(x.defaultPrevented)return;let P=document.activeElement;for(;P?.shadowRoot?.activeElement;)P=P.shadowRoot.activeElement;if(P?.tagName==="INPUT"||P?.tagName==="TEXTAREA"||P?.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(),Di());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(),Hi());return}if((x.metaKey||x.ctrlKey)&&yn.actions.clear.keys.includes(x.key)){x.preventDefault(),uo();return}if(x.metaKey||x.ctrlKey||x.altKey||t.activeTool==="sticker"&&pu(x.key))return;let ie=uu(x.key);ie&&(x.preventDefault(),co(ie))};return window.addEventListener("keydown",m),()=>window.removeEventListener("keydown",m)},[Ne,co,Hi,Di,o,i,uo,t.activeTool,t.annotations.length,t.styleModifications.length,t.textModifications.length,t.spacingTokenChanges,_]);let id=88+(Ie?Ie+6:0),Qi=ve===!1||U?.connectionNotice?"rgba(239, 68, 68, 0.4)":l&&d?d:Re.primary,Xn=!!(G&&we&&G!==we),Jt=A==="restarting"||!W&&!Y,ad=A==="error"?"#dc2626":A==="ok"?Ft.iconDefault:Xn?"#b45309":Ft.iconDefault,ld=A==="restarting"?"Restarting":A==="error"?"Restart failed":A==="ok"?"Restarted":Xn?"Update bridge":null,mo=I??(Xn?`Page version ${G}; bridge version ${we}. Refresh the page after updating the package, or restart the bridge after rebuilding it.`:we?`Bridge ${we}. Restart bridge.`:"Restart bridge"),go=i1.map(m=>({...m,Icon:m.type==="model"?ma:m.type==="sticker"?o1:Yd})),cn=go.find(({type:m})=>m===t.activeTool)??go[0],sd=cn.Icon,dd=te.startsWith("top"),cd=140,ud=-38,un=ze?"collapse":_,yo=Math.max(0,be.h-Ue-mn*2-zt),Zi=R(null);return F(()=>{if(!Ne)return;let m=Zi.current;if(!m)return;let x=()=>{H?.("popmelt-trigger",!0),c?.(!0),K("popmelt-guide")},P=()=>{H?.("popmelt-trigger",!1),c?.(!1)};return m.addEventListener("mouseenter",x),m.addEventListener("mouseleave",P),()=>{m.removeEventListener("mouseenter",x),m.removeEventListener("mouseleave",P)}},[K,Ne,c,H]),Ne?v(Te,{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"}]}},Al=Ct;function g1(e){let t=[];try{let n=JSON.parse(localStorage.getItem(e.annotations)||"[]");Array.isArray(n)&&(t=n)}catch{}return Mu({savedCursor:localStorage.getItem(e.color),annotations:t,currentPathname:window.location.pathname})}function y1(e){return"entry"in e?s(yu,{...e.entry}):s(b1,{...e})}function b1({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:w="Opus 4.6",models:S=[],agentSettings:C={},onModelChange:L,onAgentSettingsChange:M,onModelMenuOpen:k,onViewThread:E,onPreviewHistoryThread:$,onNavigate:O,annotationCycleFocus:z=null,onAnnotationCycleFocusChange:T,isThreadPanelOpen:j,threadOpenRequest:Z=0,hasOpenThreadPanel:ae=!1,projectPanelTemporarilyHidden:he=!1,mcpStatus:le,bridgeUrl:Y,isBridgeConnected:ve,packageVersion:G,bridgeVersion:we,projectRoot:Le,projectRootAccess:X,codexSandboxMode:ke,bridgeRestartState:A="idle",bridgeRestartMessage:I,onBridgeRestart:W,onMouseEnter:B,onToolbarHoverChange:H,activeChromeHoverSurface:ee=null,toolbarRef:Se,snapPosition:te="bottom-right",onSnapPositionChange:Ze}){let U=pn(rl),Oe=pn(Qo),re=Oe?.participantId,Ae=nu(Y,e??void 0,!U&&!Oe),ye=!!(U?.ownIsHost||Ae.linked),Ie=Ua(U?.peers??[])+Ua(U?.admissionRequests??[])+(U?.admissionRequests?.length?6:0),me=fe(()=>{let m=e?.trim()||"__pending__";if(re){let x=Br(m);return Object.fromEntries(Object.entries(x).map(([P,ie])=>[P,`${ie}:participant:${encodeURIComponent(re)}`]))}return typeof window>"u"||!e?.trim()?Br(m):Gp({storage:localStorage,projectId:m,pathname:window.location.pathname,selectorExists:x=>!!Gn(x)})},[e,re]),[at,St]=N(!1),Pt=l||at,be=Oa(),[Ne,lt]=N(()=>U?.onJoin?!0:Oe?t.isAnnotating:typeof window>"u"?!1:localStorage.getItem(me.expanded)==="true"),Be=R(Z);F(()=>{Z!==Be.current&&(Be.current=Z,lt(!0))},[Z]);let[Pe,Qt,$t]=bo(Y),Re=Me[Pe],kn=R(null),{surface:We,phase:It,enter:Vn,leave:mr,show:Qn,dismiss:Mt}=Ao({openDelayMs:Na,exitDurationMs:kt}),ut=R(null),[Tt,Zn]=N(null),b=oe(()=>{ut.current!==null&&(ut.current=null,Zn(null))},[]),ne=oe(m=>{ut.current&&m!==`peer:${ut.current}`&&b(),Qn(m)},[b,Qn]),K=oe(m=>{ut.current&&m!==`peer:${ut.current}`&&b(),Vn(m)},[b,Vn]),ge=oe(m=>{m!==`peer:${ut.current}`&&mr(m)},[mr]),V=oe(m=>{(!m||ut.current&&m===`peer:${ut.current}`)&&b(),Mt(m)},[b,Mt]),Fe=We==="tool-menu",Ee=Fe&&It==="visible",ze=We==="popmelt-guide",He=ze&&It==="visible",Et=tr(),xe=We?.startsWith("peer:")?We.slice(5):null,de=U?.peers.find(m=>m.identity.id===xe),pt=We?.startsWith("admission:")?We.slice(10):null,ue=U?.admissionRequests?.find(m=>m.id===pt),je=!!(de||ue),Zt=je&&It==="visible",Ot=R(null),[Q,ce]=N(null),De=R(null);F(()=>{let m=De.current;if(m)return Bu(m)},[Ne]),Ou(Zt?pt:null,Ot,De);let st=R(null),qe=m=>m instanceof Node&&(st.current?.closest('[role="toolbar"]')?.contains(m)||m instanceof Element&&!!m.closest('[data-devtools="peer-details-corridor"], [data-devtools="admission-details"]'));F(()=>{xe!==null&&(!de||!Ne)&&V(`peer:${xe}`)},[de,V,Ne,xe]),F(()=>{if(!Tt)return;let m=P=>{P.composedPath().some(ie=>ie instanceof Element&&(ie.getAttribute("data-devtools")==="peer-details-corridor"||ie.getAttribute("data-peer-id")===Tt))||V(`peer:${Tt}`)},x=P=>{P.key==="Escape"&&V(`peer:${Tt}`)};return document.addEventListener("pointerdown",m),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",m),document.removeEventListener("keydown",x)}},[V,Tt]),F(()=>{if(!pt)return;if(!ue||!Ne){V(`admission:${pt}`);return}let m=x=>{x.composedPath().some(P=>P instanceof Element&&["admission-details","admission-chip"].includes(P.getAttribute("data-devtools")??""))||V(`admission:${pt}`)};return document.addEventListener("pointerdown",m),()=>document.removeEventListener("pointerdown",m)},[pt,ue,Ne,V]),Ve(()=>(H?.("peer-details",je),()=>{je&&H?.("peer-details",!1)}),[H,je]);let[Ht,an]=N(null),Un=R(t.isAnnotating),Dt=R(!1),Ge=z?.groupId??null,Ye=R([]),ln=R(null),_e=R(Ge),qn=R(new Set(t.annotations.map(m=>m.id))),ro=R(typeof window<"u"?Xo(localStorage,me.tool):null),gr=R(null),Sn=R(typeof window<"u"?g1(me):null),sn=R(typeof window<"u"?localStorage.getItem(me.stroke):null),[_,se]=N(null),[Nt,Wt]=N(!1),[nt,jt]=N(!1),ht=JSON.stringify([e,Le,Y]),In=!!(ye&&Y&&ve!==!1),Ut=R(null),Vs=In&&Ut.current?.key===ht?Ut.current.snapshot:null;F(()=>{(!In||Ut.current?.key!==ht)&&(Ut.current=null)},[In,ht]);let[Qs,yr]=N(!1),[Zs,Us]=N(0);F(()=>{nt||yr(!1)},[nt]),F(()=>{jt(!1)},[Y,Ne,U?.ownIsHost]),F(()=>{if(nt!=="settings"||!He)return;let m=x=>{x.key==="Escape"&&(x.composedPath().some(P=>P instanceof HTMLElement&&P.hasAttribute("data-taste-search"))||(x.preventDefault(),x.stopImmediatePropagation(),jt(!1),ne("popmelt-guide")))};return document.addEventListener("keydown",m,!0),()=>document.removeEventListener("keydown",m,!0)},[nt,He,ne]),F(()=>{Ne||Wt(!1)},[Ne]),F(()=>{Wt(!1)},[Y]);let[qs,oo]=N(!1),[Ei,io]=N(!1),[Yn,br]=N(!1),Lt=R(!1),bt=R(null),rt=R(null),Jn=R(null),vr=R(!1);F(()=>{_!=="collapse"&&(oo(!1),io(!1),br(!1))},[_]),F(()=>{ze||br(!1)},[ze]);let ao=_!==null||He;Ve(()=>(H?.("guidance-panel",ao),()=>{ao&&H?.("guidance-panel",!1)}),[ao,H]),Ve(()=>(H?.("tool-menu",Ee),()=>{Ee&&H?.("tool-menu",!1)}),[H,Ee]),Ve(()=>(H?.("popmelt-guide",He),()=>{He&&H?.("popmelt-guide",!1)}),[H,He]);let Li=!j&&(_==="model"||t.activeTool==="model");F(()=>()=>{vr.current&&(vr.current=!1,H?.("project-panel",!1))},[H,Li]);let Ys=oe(()=>{ne("tool-menu")},[ne]),qt=oe(()=>{an(null),V("tool-menu")},[V]),[Js,Xs]=N([]),Ai=R({x:0,y:0}),Mn=R(null),xr=R(null),Yt=R(null),dt=oe(()=>{Mn.current=null,xr.current=null,Yt.current&&(clearTimeout(Yt.current),Yt.current=null)},[]);F(()=>{ee==="job-stack"&&(V(),Lt.current=!1,se(null),dt(),bt.current&&(clearTimeout(bt.current),bt.current=null),rt.current&&(clearTimeout(rt.current),rt.current=null))},[ee,dt,V]);let lo=oe(m=>{rt.current&&(clearTimeout(rt.current),rt.current=null),Lt.current?(Mn.current=m,xr.current={...Ai.current},Yt.current&&clearTimeout(Yt.current),Yt.current=setTimeout(()=>{Mn.current&&(se(Mn.current),dt())},300)):(bt.current&&clearTimeout(bt.current),bt.current=setTimeout(()=>{Lt.current=!0,se(m),bt.current=null},500))},[dt]),wr=oe(()=>{dt(),bt.current&&(clearTimeout(bt.current),bt.current=null),rt.current=setTimeout(()=>{Lt.current=!1,se(null)},150)},[dt]);F(()=>{ze?Lt.current=!0:_===null&&(Lt.current=!1)},[_,ze]),F(()=>{let m=Jn.current;if(!m)return;let x=()=>{if(ze){K("popmelt-guide");return}dt(),rt.current&&(clearTimeout(rt.current),rt.current=null)},P=()=>{ze||(rt.current=setTimeout(()=>{Lt.current=!1,se(null)},150))};return m.addEventListener("mouseenter",x),m.addEventListener("mouseleave",P),()=>{m.removeEventListener("mouseenter",x),m.removeEventListener("mouseleave",P)}},[dt,V,K,_,Nt,nt,ae,ge,ze]),F(()=>{let m=De.current;if(m)return r1(m,()=>{(We?.startsWith("peer:")||We?.startsWith("admission:"))&&ge(We),ae?(V("popmelt-guide"),V("tool-menu")):(ge("popmelt-guide"),ge("tool-menu"))})},[V,We,ae,ge]),F(()=>{if(_!=="counter"||!Y)return;let m=!1;return Ln(`${Y}/threads/recent?limit=5`).then(x=>x.ok?x.json():[]).then(x=>{m||Xs(x)}).catch(()=>{}),()=>{m=!0}},[_,Y]);let Ks=oe(m=>{if(Ai.current={x:m.clientX,y:m.clientY},Mn.current&&xr.current){let x=xr.current,P=f1(te);p1(m.clientX,m.clientY,x.x,x.y,P.left,P.y,P.right,P.y)||(se(Mn.current),dt())}},[dt,te]),Gs=fe(()=>{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]),ed=fe(()=>{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]),td=fe(()=>u1(y,g),[y,g]),so=S[g],Ri=so?.supportedReasoningLevels??[],$i=so?.speedTiers??[];ju(Ne,t,n,Dt,me,!Oe),F(()=>{if(gr.current!==me.tool){gr.current=me.tool;let m=Xo(localStorage,me.tool);if(m&&m!==t.activeTool){n({type:"SET_TOOL",payload:m});return}}t1(localStorage,me.tool,t.activeTool)},[n,t.activeTool,me.tool]),il(()=>{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 P=parseInt(m.get("popmelt")||"0",10)||0,ie=()=>{lt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})},D=P>0?setTimeout(ie,P):null;return D||ie(),()=>{D&&clearTimeout(D),x.remove()}}),il(()=>{if(Oe)return So(t.domModifications),ko(t.styleModifications),Mr(t.textModifications),lt(t.isAnnotating),Dt.current=!0,()=>{Dt.current=!1};let m=localStorage.getItem(me.expanded)==="true",x=localStorage.getItem(me.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 q of D)(q.status==="waiting_input"||q.status==="sending"||q.status==="in_flight")&&(q.status=q.threadId?"resolved":"pending");let J=Sn.current?ku(D,Sn.current):D;n({type:"RESTORE_ANNOTATIONS",payload:{annotations:J}})}}catch{}let P=qp(localStorage,me);if(P.styleModifications.length>0&&(n({type:"RESTORE_STYLE_MODIFICATIONS",payload:P.styleModifications}),ko(P.styleModifications)),P.textModifications.length>0&&(n({type:"RESTORE_TEXT_MODIFICATIONS",payload:P.textModifications}),Mr(P.textModifications)),P.domModifications.length>0&&(n({type:"RESTORE_DOM_MODIFICATIONS",payload:P.domModifications}),So(P.domModifications)),P.spacingTokenChanges.length>0&&n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:P.spacingTokenChanges}),m&&!t.isAnnotating){if(Ne||lt(!0),n({type:"SET_TOOL",payload:ro.current||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),sn.current){let J=parseFloat(sn.current);isNaN(J)||n({type:"SET_STROKE_WIDTH",payload:J})}let D=sessionStorage.getItem("popmelt-pending-focus");if(D){sessionStorage.removeItem("popmelt-pending-focus");try{let{annotationId:J}=JSON.parse(D);if(J){let q=x?JSON.parse(x)??[]:[],Ce=q.find(pe=>pe.id===J),et=Ce?.groupId?q.filter(pe=>pe.groupId===Ce.groupId):Ce?[Ce]:[];T?.({groupId:J,annotationIds:et.map(pe=>pe.id)}),requestAnimationFrame(()=>{n({type:"SELECT_ANNOTATION",payload:{id:J}});let pe=q.find(ot=>ot.id===J);if(pe){let ot=(pe.groupId?q.filter(mt=>mt.groupId===pe.groupId):[pe]).flatMap(mt=>mt.points);if(ot.length>0){let mt=Math.min(...ot.map(gt=>gt.x)),Xe=Math.max(...ot.map(gt=>gt.x)),ft=Math.min(...ot.map(gt=>gt.y)),kr=Math.max(...ot.map(gt=>gt.y));window.scrollTo({left:(mt+Xe)/2-window.innerWidth/2,top:(ft+kr)/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:J,preview:q}=JSON.parse(ie);D&&requestAnimationFrame(()=>{if(J)try{let Ce=Gn(J);if(Ce){let et=An(Ce),pe=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:pe,point:{x:et.left+et.width,y:et.top},text:q||"[thread]",linkedSelector:J,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[pe],threadId:D}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[pe],status:"resolved"}})}}catch{}E&&E(D)})}catch{}}return Dt.current=!0,()=>{Dt.current=!1}});let Ni=R(t.styleModifications),zi=R(t.textModifications),Pi=R(t.domModifications);F(()=>{let m=Ni.current,x=t.styleModifications;m!==x&&(aa(m),ko(x),Ni.current=x)},[t.styleModifications]),F(()=>{let m=zi.current,x=t.textModifications;m!==x&&(la(m),Mr(x),zi.current=x)},[t.textModifications]),F(()=>{let m=t.textModifications.filter(x=>x.selector.startsWith("@frame("));if(m.length)return Ui(()=>Mr(m))},[t.textModifications]),F(()=>{let m=Pi.current,x=t.domModifications;m!==x&&(sa(m),So(x),Pi.current=x)},[t.domModifications]),F(()=>{let m=Un.current;Un.current=t.isAnnotating;let x=l1({wasAnnotating:m,isAnnotating:t.isAnnotating,isExpanded:Ne});x.expanded!==null&&lt(x.expanded),x.annotating!==null&&n({type:"SET_ANNOTATING",payload:x.annotating})},[n,t.isAnnotating,Ne]);let Oi=R(Ne);Oi.current=Ne,Ha(()=>{if(Oi.current)n({type:"SET_ANNOTATING",payload:!1}),lt(!1);else{let m=Xo(localStorage,me.tool);n({type:"SET_TOOL",payload:m||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),lt(!0)}});let co=oe(m=>{a||(dt(),n({type:"SET_TOOL",payload:m}),t.isAnnotating||n({type:"SET_ANNOTATING",payload:!0}),Lt.current=!1,se(null),bt.current&&(clearTimeout(bt.current),bt.current=null),rt.current&&(clearTimeout(rt.current),rt.current=null))},[n,t.isAnnotating,dt,a]),Hi=oe(async()=>{window.focus(),await r()},[r]),Di=oe(async()=>{o&&await o()},[o]),nd=oe(()=>{n({type:"SET_ANNOTATING",payload:!1}),V(),lt(!1)},[V,n]);F(()=>{if(!Fe)return;let m=P=>{!kn.current||P.composedPath().includes(kn.current)||qt()},x=P=>{P.key==="Escape"&&(P.preventDefault(),P.stopPropagation(),qt())};return document.addEventListener("mousedown",m),document.addEventListener("keydown",x),()=>{document.removeEventListener("mousedown",m),document.removeEventListener("keydown",x)}},[qt,Fe]);let uo=oe(()=>{a||(aa(t.styleModifications),la(t.textModifications),sa(t.domModifications),document.querySelectorAll("[data-pm]").forEach(m=>m.removeAttribute("data-pm")),n({type:"CLEAR"}),n({type:"CLEAR_ALL_STYLES"}),localStorage.removeItem(me.annotations),localStorage.removeItem(me.styleMods),localStorage.removeItem(me.textMods),localStorage.removeItem(me.domMods),localStorage.removeItem(me.spacingChanges),T?.(null),Ye.current=[],ln.current=null,u?.())},[n,t.styleModifications,t.textModifications,t.domModifications,T,u,me,a]),po=$r(t.activeColor)??29,Tn=R(null),Wi=R(null),ji=t.annotations.length>0;F(()=>{let m=Wi.current;if(!m||!ji)return;let x=P=>{P.preventDefault(),P.stopPropagation();let ie=P.deltaY>0?-1:1,D=((po+ie)%360+360)%360,J=Xt(D);n({type:"SET_COLOR",payload:J}),t.selectedAnnotationIds.length>0&&n({type:"UPDATE_ANNOTATION_COLOR",payload:{id:t.lastSelectedId||t.selectedAnnotationIds[0],color:J}})};return m.addEventListener("wheel",x,{passive:!1}),()=>m.removeEventListener("wheel",x)},[ji,t.selectedAnnotationIds,t.lastSelectedId,po,n]);let Cr=R(!1),rd=oe(()=>{Cr.current=!1,Tn.current=setTimeout(()=>{Cr.current=!0,n({type:"SET_COLOR",payload:Xt(29)})},500)},[n]),Bi=oe(()=>{Tn.current&&(clearTimeout(Tn.current),Tn.current=null)},[]);F(()=>()=>{Tn.current&&clearTimeout(Tn.current),Yt.current&&clearTimeout(Yt.current)},[]);let At=Ta(),_i=fe(()=>zr(t.annotations),[t.annotations]),Je=fe(()=>Vp(t.annotations,_i),[t.annotations,_i]),od=fe(()=>Je.filter(m=>!m.pathname||m.pathname===At),[Je,At]),fo=Ge?Je.findIndex(m=>m.id===Ge):null,En=fo!==null&&fo>=0?fo:null,ho=En!==null?Je[En]??null:null,dn=oe(()=>{T?.(null),Ye.current=[],ln.current=null},[T]);F(()=>{let m=_e.current;_e.current=Ge,m!==null&&Ge===null&&(Ye.current=[],ln.current=null)},[Ge]),F(()=>{let m=new Set(t.annotations.map(P=>P.id)),x=t.annotations.some(P=>!qn.current.has(P.id)&&P.id!==Ge&&(P.status??"pending")==="pending");qn.current=m,x&&dn()},[dn,Ge,t.annotations]),F(()=>{Ge&&!Je.some(m=>m.id===Ge)&&dn()},[Je,dn,Ge]);let Fi=oe(async m=>{let x=Je.find(D=>D.id===m);if(!x)return!1;if(T?.({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})),!O)return window.location.href=x.pathname,!0;try{await O(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 P=x.annotations.find(D=>D.linkedSelector)?.linkedSelector,ie=P?Gn(P):null;if(ie){let D=An(ie);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(pe=>pe.points);if(D.length===0)return!1;let J=Math.min(...D.map(pe=>pe.x)),q=Math.max(...D.map(pe=>pe.x)),Ce=Math.min(...D.map(pe=>pe.y)),et=Math.max(...D.map(pe=>pe.y));window.scrollTo({left:(J+q)/2-window.innerWidth/2,top:(Ce+et)/2-window.innerHeight/2,behavior:"smooth"})}if(E){let D=x.annotations.find(J=>J.threadId)?.threadId;D&&E(D)}return!0},[Je,qt,At,n,T,O,E,t.activeTool]),Vi=oe(async()=>{if(Je.length===0){dn();return}Ye.current.length===0&&(ln.current=At,Ye.current=Il(Je,At));let m=Ye.current,x=Qp(m,Ge);if(Ge!==null&&x===m[0]){let P=ln.current??At;Ye.current=Il(Je,P),x=Ye.current[0]??null}for(let P=0;x&&P<Ye.current.length;P+=1){if(await Fi(x))return;let ie=Ye.current.indexOf(x);if(Ye.current=Ye.current.filter(D=>D!==x),Ye.current.length===0)break;x=Ye.current[Math.min(ie,Ye.current.length-1)]??Ye.current[0]}dn()},[Je,dn,At,Fi,Ge]);F(()=>{if(!Ne)return;let m=x=>{if(x.defaultPrevented)return;let P=document.activeElement;for(;P?.shadowRoot?.activeElement;)P=P.shadowRoot.activeElement;if(P?.tagName==="INPUT"||P?.tagName==="TEXTAREA"||P?.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(),Di());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(),Hi());return}if((x.metaKey||x.ctrlKey)&&yn.actions.clear.keys.includes(x.key)){x.preventDefault(),uo();return}if(x.metaKey||x.ctrlKey||x.altKey||t.activeTool==="sticker"&&fu(x.key))return;let ie=pu(x.key);ie&&(x.preventDefault(),co(ie))};return window.addEventListener("keydown",m),()=>window.removeEventListener("keydown",m)},[Ne,co,Hi,Di,o,i,uo,t.activeTool,t.annotations.length,t.styleModifications.length,t.textModifications.length,t.spacingTokenChanges,_]);let id=88+(Ie?Ie+6:0),Qi=ve===!1||U?.connectionNotice?"rgba(239, 68, 68, 0.4)":l&&d?d:Re.primary,Xn=!!(G&&we&&G!==we),Jt=A==="restarting"||!W&&!Y,ad=A==="error"?"#dc2626":A==="ok"?Ft.iconDefault:Xn?"#b45309":Ft.iconDefault,ld=A==="restarting"?"Restarting":A==="error"?"Restart failed":A==="ok"?"Restarted":Xn?"Update bridge":null,mo=I??(Xn?`Page version ${G}; bridge version ${we}. Refresh the page after updating the package, or restart the bridge after rebuilding it.`:we?`Bridge ${we}. Restart bridge.`:"Restart bridge"),go=a1.map(m=>({...m,Icon:m.type==="model"?ma:m.type==="sticker"?i1:Jd})),cn=go.find(({type:m})=>m===t.activeTool)??go[0],sd=cn.Icon,dd=te.startsWith("top"),cd=140,ud=-38,un=ze?"collapse":_,yo=Math.max(0,be.h-Ue-mn*2-zt),Zi=R(null);return F(()=>{if(!Ne)return;let m=Zi.current;if(!m)return;let x=()=>{H?.("popmelt-trigger",!0),c?.(!0),K("popmelt-guide")},P=()=>{H?.("popmelt-trigger",!1),c?.(!1)};return m.addEventListener("mouseenter",x),m.addEventListener("mouseleave",P),()=>{m.removeEventListener("mouseenter",x),m.removeEventListener("mouseleave",P)}},[K,Ne,c,H]),Ne?v(Te,{children:[s("style",{children:`
244
244
  ${tl}
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
- `}),Li&&s(Sp,{bridgeUrl:Y,onViewThread:E,snapPosition:te,temporarilyHidden:he,onMouseEnter:()=>{vr.current=!0,H?.("project-panel",!0),dt(),rt.current&&(clearTimeout(rt.current),rt.current=null)},onMouseLeave:()=>{vr.current=!1,H?.("project-panel",!1),t.activeTool!=="model"&&wr()}}),v("div",{ref:De,style:{display:"contents"},children:[U?.onJoin&&s(Du,{theme:Pe,onJoin:U.onJoin,style:{..._t(te,be.w,be.h),zIndex:10001,pointerEvents:"auto"}}),ue&&U?.onAdmissionDecision&&Ne&&ee!=="job-stack"&&s("div",{"data-devtools":"admission-details","data-admission-request-id":ue.id,onPointerEnter:()=>K(`admission:${ue.id}`),onPointerLeave:m=>{m.relatedTarget instanceof Node&&De.current?.contains(m.relatedTarget)||ge(`admission:${ue.id}`)},onFocusCapture:()=>ne(`admission:${ue.id}`),onBlurCapture:m=>{m.relatedTarget instanceof Node&&m.currentTarget.contains(m.relatedTarget)||ge(`admission:${ue.id}`)},onKeyDown:m=>{m.key==="Escape"&&(V(`admission:${ue.id}`),m.stopPropagation())},style:{..._t(te,be.w,be.h,0),width:"max-content",maxWidth:Math.min(360,vt(be.w)),...te.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},children:s(Hu,{grantRef:Ot,id:Et,request:ue,theme:Pe,onDecide:U.onAdmissionDecision,style:{maxWidth:Math.min(360,vt(be.w)),opacity:Zt?1:0,transition:ae?"none":`opacity ${kt}ms ease`}},ue.id)}),!ue&&de&&Ne&&ee!=="job-stack"&&s("div",{"data-devtools":"peer-details-corridor",style:{..._t(te,be.w,be.h,0),width:"max-content",maxWidth:Math.min(360,vt(be.w)),...te.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},onPointerEnter:()=>K(`peer:${de.identity.id}`),onFocusCapture:()=>ne(`peer:${de.identity.id}`),onBlurCapture:m=>{m.relatedTarget instanceof Node&&m.currentTarget.contains(m.relatedTarget)||ge(`peer:${de.identity.id}`)},onPointerLeave:m=>{let x=m.relatedTarget;x instanceof Node&&De.current?.contains(x)||ge(`peer:${de.identity.id}`)},children:s(zu,{id:Et,peer:de,isOwn:de.identity.id===U?.ownPeerId,onSharePreview:de.identity.id===U?.ownPeerId?U.onSharePreview:void 0,pendingSubmissions:U?.pendingSubmissions?.filter(m=>m.authorId===de.identity.id),viewedSuggestionKeys:U?.viewedSuggestionKeys,onHoverSuggestion:U?.onHoverSuggestion?m=>U.onHoverSuggestion(de.identity.id,m):void 0,showUnreadSuggestions:!!U?.ownIsHost,onFocusSuggestion:U?.onFocusSuggestion?(m,x)=>(ut.current=de.identity.id,Zn(de.identity.id),ne(`peer:${de.identity.id}`),U.onFocusSuggestion(de.identity.id,m,x)):void 0,onInvite:de.identity.relationship==="host"&&de.identity.id===U?.ownPeerId?U.onInvite:void 0,onPermissionChange:de.identity.relationship!=="host"&&U?.onPermissionChange?m=>U.onPermissionChange(de.identity.id,m):void 0,onRevokeAccess:de.identity.relationship!=="host"&&U?.onRevokeAccess?()=>U.onRevokeAccess(de.identity.id,m=>ne(`peer:${m}`)):void 0,theme:Pe,style:{maxWidth:Math.min(360,vt(be.w)),opacity:Zt?1:0,transition:ae?"none":`opacity ${kt}ms ease`}})}),Qs&&ye&&s("div",{ref:nt==="taste"?Jn:void 0,inert:nt!=="taste"||!He,"aria-hidden":nt!=="taste"||!He,style:{..._t(te,be.w,be.h),...te.startsWith("top-")?{top:mn+Ue,paddingTop:zt}:{bottom:mn+Ue,paddingBottom:zt},width:vt(be.w),display:nt==="taste"&&ze&&!Nt&&ee!=="job-stack"?"block":"none",opacity:He?1:0,transition:He||ae?"none":`opacity ${kt}ms ease`,pointerEvents:"auto",zIndex:10001},children:s(_d,{fallback:s("div",{role:"status",style:{height:yo,borderRadius:20,background:Re.surface,color:Re.primary,display:"grid",placeItems:"center",fontFamily:Ct,fontSize:13},children:"Loading collection\u2026"}),children:s(r1,{visible:nt==="taste"&&He,prefetchSignal:Zs,bridgeUrl:Y,theme:Pe,onDirectionChange:m=>{if(!m){Ut.current=null;return}let x=Ut.current;if(x?.key!==ht||x.snapshot.connection.accountId!==m.accountId||x.snapshot.connection.environment!==m.environment){Ut.current=null;return}m.generation<x.snapshot.generation||(x.snapshot={...x.snapshot,taste:m.name,generation:m.generation})},onClose:()=>Bt("settings"),style:{height:yo,maxHeight:yo}})})}),Nt&&ze&&E&&!Be&&ee!=="job-stack"&&s("div",{ref:Jn,style:{..._t(te,be.w,be.h),...te.startsWith("top-")?{top:mn+Ue,paddingTop:8}:{bottom:mn+Ue,paddingBottom:8},width:Math.min(360,vt(be.w)),pointerEvents:"auto",zIndex:10001,opacity:He?1:0,transition:He||ae?"none":`opacity ${kt}ms ease`},children:s(bu,{onPreviewThread:$,bridgeUrl:Y,theme:Pe,style:{width:Math.min(360,vt(be.w)),maxHeight:Math.max(120,be.h-Ue-mn*2-24)},onClose:()=>{Wt(!1),se(null),V("popmelt-guide")},onViewThread:m=>{Wt(!1),se(null),V("popmelt-guide"),E?.(m)}})}),!U?.onJoin&&!(Nt&&ze)&&!(nt==="taste"&&ze)&&!Be&&ee!=="job-stack"&&un&&un!=="model"&&(un==="provider"||Ll[un])&&(()=>{let m=un==="provider"?Gs:Ll[un];if(un==="collapse"){let x=_t(te,be.w,be.h),P=8,ie=mn+Ue,D=te.startsWith("top-")?{...x,top:ie}:{...x,bottom:ie},J=!!(W||Y),q=U?.connectionNotice,Ce=q?.recovery&&(q.kind==="draft-sync"||q.kind==="reconnecting"||q.kind==="status-check"||q.kind==="local-storage"),et="";if(Y)try{et=new URL(Y).port}catch{et=""}let pe=U?.connectionNotice?.label??s1({bridgeRestartState:A,bridgeIsStale:Xn,isBridgeConnected:ve,packageVersion:G}),ot=!U?.connectionNotice&&d1({hovered:qs,canRestartBridge:J,bridgeRestartDisabled:Jt,bridgeRestartState:A,isBridgeConnected:ve}),mt=ot?et?`Refresh :${et}`:"Refresh bridge":pe,Xe=h1(Le),ft=X?.state==="ready",kr=Le?[Le,p==="codex"&&ke?`Codex sandbox: ${ke}.`:null,X?.message??"Working-directory permission check unavailable."].filter(Boolean).join(`
253
- `):"Working directory unavailable.";return s("div",{ref:Jn,style:{...D,width:vt(be.w),boxSizing:"content-box",...te.startsWith("top-")?{paddingTop:P}:{paddingBottom:P},backgroundColor:"transparent",zIndex:10001,pointerEvents:"auto",opacity:He?1:0,transition:He||ae?"none":`opacity ${kt}ms ease`},children:nt==="settings"?s(Gc,{theme:Pe,bridgeUrl:Y,host:ye,hostSetup:!U&&!Oe?v("div",{style:{display:"grid",gap:8},children:[s("span",{children:Ae.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:Vs,onSnapshotChange:gt=>{Ut.current=gt&&In?{key:ht,snapshot:gt}:null},onBrowseCollection:()=>{yr(!0),Bt("taste")},onPrefetchCollection:()=>{yr(!0),Us(gt=>gt+1)},onInvalidateCollection:()=>yr(!1),onClose:()=>{Bt(!1),ne("popmelt-guide")},project:v("span",{"aria-label":kr,"data-workspace-access-state":X?.state??"unknown",title:kr,style:{display:"inline-flex",minWidth:0,maxWidth:"100%",alignItems:"center",gap:4,color:Pe==="light"?Re.primary:X&&!ft?Re.hoverForeground:Re.muted,fontWeight:X&&!ft?500:400},children:[s(f1,{}),s("span",{style:{minWidth:0,flex:"1 1 auto",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:Xe}),s("span",{"aria-hidden":"true",style:{flexShrink:0,fontSize:10,fontWeight:700,lineHeight:1},children:X?ft?"\u2713":"!":"\u2026"})]}),model:v("span",{onMouseEnter:()=>io(!0),onMouseLeave:()=>{io(!1),br(!1)},style:{display:"inline-flex",position:"relative"},children:[v("button",{type:"button","aria-expanded":Yn,onClick:()=>{Yn||k?.(),br(gt=>!gt)},style:{...fn(Re,Ei||Yn),...Pe==="light"&&!Ei&&!Yn?{color:Re.primary}:{},minWidth:0},children:[s(dr,{provider:p,size:14}),s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:w})]}),s(kl,{visible:Yn,provider:p,availableProviders:f,models:S,modelIndex:g,agentSettings:C,onProviderChange:h,onModelChange:L,onAgentSettingsChange:M,style:{border:`1px solid ${Re.hairline}`,top:"100%",bottom:"auto",left:"auto",right:0,transform:"none"}})]})}):nt?null:s(Ma,{theme:Pe,themePreference:$t,onThemePreferenceChange:Qt,snapPosition:te,onSnapPositionChange:Ze,active:He,onSettings:()=>{Bt("settings"),Wt(!1)},onHistory:()=>{Wt(!0),ne("popmelt-guide"),se(null)},connectionDetails:!Ce&&U?.connectionNotice?.recovery&&s(nu,{theme:Pe,...U.connectionNotice.recovery}),connection:Ce&&q?.recovery?s(ru,{theme:Pe,label:q.label,reconnecting:q.reconnecting,retry:q.recovery.retry,clearLocalSpace:q.recovery.clearLocalSpace,retryLabel:q.recovery.retryLabel,pendingLabel:q.kind==="local-storage"?"Retrying saving":void 0,failedLabel:q.kind==="local-storage"?"Save failed":void 0,hint:q.kind==="local-storage"?"Retry local saving without reloading or clearing your draft":void 0,restart:U?.ownIsHost&&q.kind!=="local-storage"?W:void 0}):v("button",{type:"button",onClick:()=>{U?.connectionNotice||!J||Jt||(W?W():qi(Y))},disabled:!!U?.connectionNotice||!J||Jt,"aria-label":U?.connectionNotice?`${pe}. ${U.connectionNotice.detail}`:J?`${pe}. ${mo}`:pe,title:U?.connectionNotice?.detail??mo,onMouseEnter:()=>oo(!0),onMouseLeave:()=>oo(!1),style:{...fn(Re,ot),color:ot?Re.hoverForeground:A==="error"||ve===!1?Re.mutedStrong:Re.muted,cursor:!U?.connectionNotice&&J&&!Jt?"pointer":"default",opacity:1},children:[s(l1,{reconnecting:U?.connectionNotice?!!U.connectionNotice.reconnecting:A==="restarting",refresh:ot,paused:U?.connectionNotice?.paused}),s("span",{children:mt})]})})})}return v("div",{ref:Jn,style:{..._t(te,be.w,be.h),width:Math.min(300,vt(be.w)),backgroundColor:"#eaeaea",..._u,boxSizing:"content-box",zIndex:10001,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:12,color:"#1f2937",padding:12,..._!=="collapse"&&_!=="counter"&&_!=="provider"?{pointerEvents:"none"}:{}},children:[_==="collapse"&&s("div",{style:{marginBottom:10,width:"fit-content",color:Ft.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:_==="collapse"?0:10},children:m.desc.split(`
252
+ `}),Li&&s(Ip,{bridgeUrl:Y,onViewThread:E,snapPosition:te,temporarilyHidden:he,onMouseEnter:()=>{vr.current=!0,H?.("project-panel",!0),dt(),rt.current&&(clearTimeout(rt.current),rt.current=null)},onMouseLeave:()=>{vr.current=!1,H?.("project-panel",!1),t.activeTool!=="model"&&wr()}}),v("div",{ref:De,style:{display:"contents"},children:[U?.onJoin&&s(Wu,{theme:Pe,onJoin:U.onJoin,style:{..._t(te,be.w,be.h),zIndex:10001,pointerEvents:"auto"}}),ue&&U?.onAdmissionDecision&&Ne&&ee!=="job-stack"&&s("div",{"data-devtools":"admission-details","data-admission-request-id":ue.id,onPointerEnter:()=>K(`admission:${ue.id}`),onPointerLeave:m=>{m.relatedTarget instanceof Node&&De.current?.contains(m.relatedTarget)||ge(`admission:${ue.id}`)},onFocusCapture:()=>ne(`admission:${ue.id}`),onBlurCapture:m=>{m.relatedTarget instanceof Node&&m.currentTarget.contains(m.relatedTarget)||ge(`admission:${ue.id}`)},onKeyDown:m=>{m.key==="Escape"&&(V(`admission:${ue.id}`),m.stopPropagation())},style:{..._t(te,be.w,be.h,0),width:"max-content",maxWidth:Math.min(360,vt(be.w)),...te.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},children:s(Du,{grantRef:Ot,id:Et,request:ue,theme:Pe,onDecide:U.onAdmissionDecision,style:{maxWidth:Math.min(360,vt(be.w)),opacity:Zt?1:0,transition:ae?"none":`opacity ${kt}ms ease`}},ue.id)}),!ue&&de&&Ne&&ee!=="job-stack"&&s("div",{"data-devtools":"peer-details-corridor",style:{..._t(te,be.w,be.h,0),width:"max-content",maxWidth:Math.min(360,vt(be.w)),...te.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},onPointerEnter:()=>K(`peer:${de.identity.id}`),onFocusCapture:()=>ne(`peer:${de.identity.id}`),onBlurCapture:m=>{m.relatedTarget instanceof Node&&m.currentTarget.contains(m.relatedTarget)||ge(`peer:${de.identity.id}`)},onPointerLeave:m=>{let x=m.relatedTarget;x instanceof Node&&De.current?.contains(x)||ge(`peer:${de.identity.id}`)},children:s(Pu,{id:Et,peer:de,isOwn:de.identity.id===U?.ownPeerId,onSharePreview:de.identity.id===U?.ownPeerId?U.onSharePreview:void 0,pendingSubmissions:U?.pendingSubmissions?.filter(m=>m.authorId===de.identity.id),viewedSuggestionKeys:U?.viewedSuggestionKeys,onHoverSuggestion:U?.onHoverSuggestion?m=>U.onHoverSuggestion(de.identity.id,m):void 0,showUnreadSuggestions:!!U?.ownIsHost,onFocusSuggestion:U?.onFocusSuggestion?(m,x)=>(ut.current=de.identity.id,Zn(de.identity.id),ne(`peer:${de.identity.id}`),U.onFocusSuggestion(de.identity.id,m,x)):void 0,onInvite:de.identity.relationship==="host"&&de.identity.id===U?.ownPeerId?U.onInvite:void 0,onPermissionChange:de.identity.relationship!=="host"&&U?.onPermissionChange?m=>U.onPermissionChange(de.identity.id,m):void 0,onRevokeAccess:de.identity.relationship!=="host"&&U?.onRevokeAccess?()=>U.onRevokeAccess(de.identity.id,m=>ne(`peer:${m}`)):void 0,theme:Pe,style:{maxWidth:Math.min(360,vt(be.w)),opacity:Zt?1:0,transition:ae?"none":`opacity ${kt}ms ease`}})}),Qs&&ye&&s("div",{ref:nt==="taste"?Jn:void 0,inert:nt!=="taste"||!He,"aria-hidden":nt!=="taste"||!He,style:{..._t(te,be.w,be.h),...te.startsWith("top-")?{top:mn+Ue,paddingTop:zt}:{bottom:mn+Ue,paddingBottom:zt},width:vt(be.w),display:nt==="taste"&&ze&&!Nt&&ee!=="job-stack"?"block":"none",opacity:He?1:0,transition:He||ae?"none":`opacity ${kt}ms ease`,pointerEvents:"auto",zIndex:10001},children:s(Fd,{fallback:s("div",{role:"status",style:{height:yo,borderRadius:20,background:Re.surface,color:Re.primary,display:"grid",placeItems:"center",fontFamily:Ct,fontSize:13},children:"Loading collection\u2026"}),children:s(o1,{visible:nt==="taste"&&He,prefetchSignal:Zs,bridgeUrl:Y,theme:Pe,onDirectionChange:m=>{if(!m){Ut.current=null;return}let x=Ut.current;if(x?.key!==ht||x.snapshot.connection.accountId!==m.accountId||x.snapshot.connection.environment!==m.environment){Ut.current=null;return}m.generation<x.snapshot.generation||(x.snapshot={...x.snapshot,taste:m.name,generation:m.generation})},onClose:()=>jt("settings"),style:{height:yo,maxHeight:yo}})})}),Nt&&ze&&E&&!je&&ee!=="job-stack"&&s("div",{ref:Jn,style:{..._t(te,be.w,be.h),...te.startsWith("top-")?{top:mn+Ue,paddingTop:8}:{bottom:mn+Ue,paddingBottom:8},width:Math.min(360,vt(be.w)),pointerEvents:"auto",zIndex:10001,opacity:He?1:0,transition:He||ae?"none":`opacity ${kt}ms ease`},children:s(vu,{onPreviewThread:$,bridgeUrl:Y,theme:Pe,style:{width:Math.min(360,vt(be.w)),maxHeight:Math.max(120,be.h-Ue-mn*2-24)},onClose:()=>{Wt(!1),se(null),V("popmelt-guide")},onViewThread:m=>{Wt(!1),se(null),V("popmelt-guide"),E?.(m)}})}),!U?.onJoin&&!(Nt&&ze)&&!(nt==="taste"&&ze)&&!je&&ee!=="job-stack"&&un&&un!=="model"&&(un==="provider"||Ll[un])&&(()=>{let m=un==="provider"?Gs:Ll[un];if(un==="collapse"){let x=_t(te,be.w,be.h),P=8,ie=mn+Ue,D=te.startsWith("top-")?{...x,top:ie}:{...x,bottom:ie},J=!!(W||Y),q=U?.connectionNotice,Ce=q?.recovery&&(q.kind==="draft-sync"||q.kind==="reconnecting"||q.kind==="status-check"||q.kind==="local-storage"),et="";if(Y)try{et=new URL(Y).port}catch{et=""}let pe=U?.connectionNotice?.label??d1({bridgeRestartState:A,bridgeIsStale:Xn,isBridgeConnected:ve,packageVersion:G}),ot=!U?.connectionNotice&&c1({hovered:qs,canRestartBridge:J,bridgeRestartDisabled:Jt,bridgeRestartState:A,isBridgeConnected:ve}),mt=ot?et?`Refresh :${et}`:"Refresh bridge":pe,Xe=m1(Le),ft=X?.state==="ready",kr=Le?[Le,p==="codex"&&ke?`Codex sandbox: ${ke}.`:null,X?.message??"Working-directory permission check unavailable."].filter(Boolean).join(`
253
+ `):"Working directory unavailable.";return s("div",{ref:Jn,style:{...D,width:vt(be.w),boxSizing:"content-box",...te.startsWith("top-")?{paddingTop:P}:{paddingBottom:P},backgroundColor:"transparent",zIndex:10001,pointerEvents:"auto",opacity:He?1:0,transition:He||ae?"none":`opacity ${kt}ms ease`},children:nt==="settings"?s(eu,{theme:Pe,bridgeUrl:Y,host:ye,hostSetup:!U&&!Oe?v("div",{style:{display:"grid",gap:8},children:[s("span",{children:Ae.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:Vs,onSnapshotChange:gt=>{Ut.current=gt&&In?{key:ht,snapshot:gt}:null},onBrowseCollection:()=>{yr(!0),jt("taste")},onPrefetchCollection:()=>{yr(!0),Us(gt=>gt+1)},onInvalidateCollection:()=>yr(!1),onClose:()=>{jt(!1),ne("popmelt-guide")},project:v("span",{"aria-label":kr,"data-workspace-access-state":X?.state??"unknown",title:kr,style:{display:"inline-flex",minWidth:0,maxWidth:"100%",alignItems:"center",gap:4,color:Pe==="light"?Re.primary:X&&!ft?Re.hoverForeground:Re.muted,fontWeight:X&&!ft?500:400},children:[s(h1,{}),s("span",{style:{minWidth:0,flex:"1 1 auto",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:Xe}),s("span",{"aria-hidden":"true",style:{flexShrink:0,fontSize:10,fontWeight:700,lineHeight:1},children:X?ft?"\u2713":"!":"\u2026"})]}),model:v("span",{onMouseEnter:()=>io(!0),onMouseLeave:()=>{io(!1),br(!1)},style:{display:"inline-flex",position:"relative"},children:[v("button",{type:"button","aria-expanded":Yn,onClick:()=>{Yn||k?.(),br(gt=>!gt)},style:{...fn(Re,Ei||Yn),...Pe==="light"&&!Ei&&!Yn?{color:Re.primary}:{},minWidth:0},children:[s(dr,{provider:p,size:14}),s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:w})]}),s(kl,{visible:Yn,provider:p,availableProviders:f,models:S,modelIndex:g,agentSettings:C,onProviderChange:h,onModelChange:L,onAgentSettingsChange:M,style:{border:`1px solid ${Re.hairline}`,top:"100%",bottom:"auto",left:"auto",right:0,transform:"none"}})]})}):nt?null:s(Ma,{theme:Pe,themePreference:$t,onThemePreferenceChange:Qt,snapPosition:te,onSnapPositionChange:Ze,active:He,onSettings:()=>{jt("settings"),Wt(!1)},onHistory:()=>{Wt(!0),ne("popmelt-guide"),se(null)},connectionDetails:!Ce&&U?.connectionNotice?.recovery&&s(ru,{theme:Pe,...U.connectionNotice.recovery}),connection:Ce&&q?.recovery?s(ou,{theme:Pe,label:q.label,reconnecting:q.reconnecting,retry:q.recovery.retry,clearLocalSpace:q.recovery.clearLocalSpace,retryLabel:q.recovery.retryLabel,pendingLabel:q.kind==="local-storage"?"Retrying saving":void 0,failedLabel:q.kind==="local-storage"?"Save failed":void 0,hint:q.kind==="local-storage"?"Retry local saving without reloading or clearing your draft":void 0,restart:U?.ownIsHost&&q.kind!=="local-storage"?W:void 0}):v("button",{type:"button",onClick:()=>{U?.connectionNotice||!J||Jt||(W?W():qi(Y))},disabled:!!U?.connectionNotice||!J||Jt,"aria-label":U?.connectionNotice?`${pe}. ${U.connectionNotice.detail}`:J?`${pe}. ${mo}`:pe,title:U?.connectionNotice?.detail??mo,onMouseEnter:()=>oo(!0),onMouseLeave:()=>oo(!1),style:{...fn(Re,ot),color:ot?Re.hoverForeground:A==="error"||ve===!1?Re.mutedStrong:Re.muted,cursor:!U?.connectionNotice&&J&&!Jt?"pointer":"default",opacity:1},children:[s(s1,{reconnecting:U?.connectionNotice?!!U.connectionNotice.reconnecting:A==="restarting",refresh:ot,paused:U?.connectionNotice?.paused}),s("span",{children:mt})]})})})}return v("div",{ref:Jn,style:{..._t(te,be.w,be.h),width:Math.min(300,vt(be.w)),backgroundColor:"#eaeaea",...Fu,boxSizing:"content-box",zIndex:10001,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:12,color:"#1f2937",padding:12,..._!=="collapse"&&_!=="counter"&&_!=="provider"?{pointerEvents:"none"}:{}},children:[_==="collapse"&&s("div",{style:{marginBottom:10,width:"fit-content",color:Ft.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:_==="collapse"?0:10},children:m.desc.split(`
254
254
 
255
- `).map((x,P)=>s("p",{style:{margin:0,marginTop:P>0?8:0},children:x},P))}),_==="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(Ko,{value:String(g),options:S.map((x,P)=>({value:String(P),label:x.label})),onChange:x=>L?.(Number(x)),disabled:!L||S.length===0})]}),Ri.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(Ko,{value:C.reasoningEffort??"",onChange:x=>M?.({...C,reasoningEffort:x||void 0}),disabled:!M,options:[{value:"",label:"Inherit"},...Ri.map(x=>({value:x.effort,label:`${x.effort.charAt(0).toUpperCase()}${x.effort.slice(1)}${x.effort===so?.defaultReasoningLevel?" (model default)":""}`}))]})]}),$i.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(Ko,{value:C.serviceTier??"",onChange:x=>M?.({...C,serviceTier:x||void 0}),disabled:!M,options:[{value:"",label:"Inherit"},{value:"default",label:"Standard"},...$i.map(x=>({value:x.id,label:x.label}))]})]})]}):m.usage.map((x,P)=>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})]},P)),_==="collapse"&&Ze&&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:du.map(x=>{let P=x===te;return s("button",{type:"button",onClick:()=>{se(null),Lt.current=!1,dt(),Ze(x)},title:x,style:{width:24,height:16,border:"none",cursor:"pointer",padding:0,backgroundColor:P?"#1f2937":"rgba(0,0,0,0.08)",transition:"background-color 100ms ease"},onMouseEnter:ie=>{P||(ie.currentTarget.style.backgroundColor="rgba(0,0,0,0.15)")},onMouseLeave:ie=>{P||(ie.currentTarget.style.backgroundColor="rgba(0,0,0,0.08)")}},x)})})]}),_==="collapse"&&(()=>{let x=Object.entries(le??{}),P=x.filter(([,q])=>q.found&&!q.disabled).map(([q])=>q.charAt(0).toUpperCase()+q.slice(1)),ie=x.filter(([,q])=>!q.found).map(([q])=>q);if(!Y&&!W&&P.length===0&&ie.length===0)return null;let D=ie.map(q=>q.charAt(0).toUpperCase()+q.slice(1)),J=[...P,...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||Y)&&s("button",{type:"button",onClick:()=>{Jt||(W?W():qi(Y))},disabled:Jt,title:mo,"aria-label":ld??"Restart bridge",style:{display:"flex",alignItems:"center",justifyContent:"center",width:22,height:22,border:"none",borderRadius:0,backgroundColor:Xn||A!=="idle"?"rgba(0,0,0,0.07)":"rgba(0,0,0,0.04)",color:ad,cursor:Jt?"default":"pointer",padding:0,opacity:Jt?.55:1,flexShrink:0},children:A==="ok"?s(nr,{size:14,strokeWidth:1.8}):s(Eo,{size:13,strokeWidth:1.7,style:{animation:A==="restarting"?"spin 0.8s linear infinite":void 0}})}),P.length>0?v("span",{style:{color:"#6b7280"},children:["Available in ",J.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,P)=>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})]},P))}),_==="counter"&&Je.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"})}),P=new Map;for(let J of Je){let q=J.pathname||At;P.has(q)||P.set(q,[]),P.get(q).push(J)}let ie=[...P.entries()],D=ie.length>1;return v("div",{children:[x,s("div",{style:{maxHeight:200,overflowY:"auto"},children:ie.map(([J,q])=>s("div",{style:{marginBottom:D?4:0},children:q.map(Ce=>{let et=Ce.annotations.find(Xe=>Xe.type==="text"&&Xe.text)?.text||`[${Ce.annotations[0]?.type??"annotation"}]`,pe=t.selectedAnnotationIds.includes(Ce.id),ot=Je.indexOf(Ce)+1,mt=Ce.annotations[0]?.color??t.activeColor;return v("div",{onClick:()=>{if(T?.({groupId:Ce.id,annotationIds:Ce.annotations.map(Xe=>Xe.id)}),!(!Ce.pathname||Ce.pathname===At)){sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:Ce.id,pathname:Ce.pathname})),window.location.href=Ce.pathname;return}if(n({type:"SELECT_ANNOTATION",payload:{id:Ce.id}}),E){let Xe=Ce.annotations.find(ft=>ft.threadId)?.threadId;Xe&&E(Xe)}Lt.current=!1,se(null)},style:{display:"flex",alignItems:"baseline",gap:4,padding:"2px 0",cursor:"pointer"},onMouseEnter:Xe=>{let ft=Xe.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor=mt,ft.style.color="#fff")},onMouseLeave:Xe=>{if(pe)return;let ft=Xe.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:pe?"#fff":"#6b7280",backgroundColor:pe?mt:"rgba(0,0,0,0.06)",padding:"1px 4px",flexShrink:0,whiteSpace:"nowrap"},children:[ot,". ",D?J:""]}),s("span",{style:{fontSize:11,color:pe?"#1f2937":"#6b7280",fontWeight:pe?600:400,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:et})]},Ce.id)})},J))})]})})(),_==="counter"&&(()=>{let x=new Set(Je.flatMap(D=>D.annotations.map(J=>J.threadId).filter(Boolean))),P=Js.filter(D=>!x.has(D.id));if(P.length===0)return null;let ie=D=>{let J=Math.floor((Date.now()-D)/1e3);if(J<60)return"now";let q=Math.floor(J/60);if(q<60)return`${q}m`;let Ce=Math.floor(q/60);return Ce<24?`${Ce}h`:`${Math.floor(Ce/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"}),P.map(D=>v("div",{onClick:()=>{let J=D.elementIdentifiers[0];if(J){let q=J.indexOf(":"),Ce=q>0&&J[0]==="/",et=Ce?J.slice(0,q):void 0,pe=Ce?J.slice(q+1):J;if(!(!et||et===At)){sessionStorage.setItem("popmelt-pending-thread",JSON.stringify({threadId:D.id,selector:pe,preview:D.preview})),window.location.href=et;return}try{let ot=Gn(pe);if(ot){let mt=An(ot),Xe=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:Xe,point:{x:mt.left+mt.width,y:mt.top},text:D.preview,linkedSelector:pe,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[Xe],threadId:D.id}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[Xe],status:"resolved"}})}}catch{}}E&&E(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:J=>{J.currentTarget.style.color="#1f2937"},onMouseLeave:J=>{J.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(Ro,{toolbarRef:Se,theme:Pe,expanded:!0,width:id,snapPosition:te,viewport:be,"data-popmelt-theme-preference":$t,style:{zIndex:Fe?10004:9999},onMouseEnter:()=>{j?.(),H?.("toolbar",!0)},onMouseLeave:()=>H?.("toolbar",!1),onPointerLeave:m=>{qe(m.relatedTarget)||(We?.startsWith("peer:")||We?.startsWith("admission:"))&&ge(We)},onMouseMove:Ks,children:[v("div",{ref:kn,onMouseEnter:()=>{H?.("tool-trigger",!0),K("tool-menu")},onMouseLeave:()=>{H?.("tool-trigger",!1),ae||ge("tool-menu")},style:{position:"relative",width:46,height:32,flexShrink:0},children:[s(mu,{theme:Pe,icon:s(sd,{size:16,strokeWidth:1.75}),primaryLabel:cn.type==="inspector"?"Cycle annotations":cn.label,primaryCursor:cn.type==="inspector"&&Je.length>0,dotColor:cn.type==="inspector"&&ho?ho.annotations[0]?.color??t.activeColor:void 0,menuOpen:Ee,onPrimary:()=>{cn.type==="inspector"&&(qt(),Vi())},onMenu:()=>{Ee?qt():Ys()}}),ee!=="job-stack"&&Fe&&s("div",{style:{position:"absolute",...dd?{top:"100%",paddingTop:12}:{bottom:"100%",paddingBottom:12},right:ud,width:cd,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 ${Re.border}`,borderRadius:20,background:Re.surface,boxSizing:"border-box",fontFamily:Al,opacity:Ee?1:0,pointerEvents:"auto",transition:Ee||ae?"none":`opacity ${kt}ms ease`},children:go.map(({type:m,label:x,shortcut:P,Icon:ie})=>{let D=m===cn.type,J=D||Ht===m;return v("button",{"data-popmelt-tool-menu-item":!0,type:"button",role:"menuitemradio","aria-checked":D,onClick:()=>{co(m),qt()},onMouseEnter:q=>{an(m),q.currentTarget.style.color=Re.primary},onMouseLeave:q=>{an(null),q.currentTarget.style.color=D?Re.primary:Re.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?Re.control:"transparent",color:D?Re.primary:Re.mutedStrong,cursor:"pointer",fontFamily:Al,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:J?`color-mix(in srgb, ${Re.control} 60%, ${Re.muted} 40%)`:Re.control,color:J?Re.primary:Re.mutedStrong,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:500,lineHeight:1,transition:"background-color 120ms ease, color 120ms ease"},children:P})]},m)})})})]}),U&&(U.peers.length>0||!!U.admissionRequests?.length)&&v("div",{ref:st,"data-devtools":"peer-controls",style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},onPointerEnter:()=>{(We?.startsWith("peer:")||We?.startsWith("admission:"))&&ne(We)},onPointerLeave:m=>{qe(m.relatedTarget)||(We?.startsWith("peer:")||We?.startsWith("admission:"))&&ge(We)},children:[s(Eu,{...U,theme:Pe,detailsPeerId:xe,detailsId:Et,onDetailsEnter:m=>{dt(),ne(`peer:${m}`)},onDetailsLeave:(m,x)=>{qe(x)||ge(`peer:${m}`)},onDetailsDismiss:m=>V(`peer:${m}`)}),!!U.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:U.admissionRequests.map((m,x,P)=>s("li",{style:{display:"flex",position:"relative",zIndex:P.length-x,marginRight:x===P.length-1?0:-4.5},children:s(Ou,{request:m,selected:pt===m.id,dimmed:Q!==null&&Q!==m.id&&P.some(ie=>ie.id===Q),onHoverChange:ie=>ce(D=>ie?m.id:D===m.id?null:D),detailsId:Et,theme:Pe,onDetailsEnter:()=>{dt(),ne(`admission:${m.id}`)},onDetailsLeave:ie=>{qe(ie)||ge(`admission:${m.id}`)},onDetailsDismiss:()=>V(`admission:${m.id}`),onClick:()=>{ne(`admission:${m.id}`),Wt(!1)}})},m.id))})]}),v("div",{className:"legacy-toolbar-controls",style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[(Je.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(m=>!m.captured).length>0)&&(()=>{let m=ho,x=t.annotations.length>0&&t.annotations.every(D=>D.status&&D.status!=="pending"),P=En!==null?m?.annotations.some(D=>D.status&&D.status!=="pending")??!1:x,ie=Xt(po);return s("span",{onMouseEnter:()=>lo("counter"),onMouseLeave:wr,children:s("button",{ref:Wi,type:"button",onClick:()=>{if(Cr.current){Cr.current=!1;return}Vi()},onMouseDown:rd,onMouseUp:ji,onMouseLeave:ji,title:"",style:{display:"flex",alignItems:"center",justifyContent:"center",gap:4,minWidth:20,height:20,padding:"0 8px",marginRight:4,border:"none",borderRadius:0,background:P&&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=Je.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(q=>!q.captured).length;if(En!==null)return v(Te,{children:[En+1,v("span",{style:{opacity:.4,display:"flex",gap:4},children:[s("span",{children:"/"}),s("span",{children:D})]})]});let J=od.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(q=>!q.captured).length;return D>J?v(Te,{children:[J,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:()=>lo("clear"),onMouseLeave:wr,children:s(Sl,{siblingActive:t.isAnnotating,onClick:uo,title:"Clear all (\u2318\u232B)",children:s(Jd,{size:17,strokeWidth:1.5})})}),h&&v(Te,{children:[s("div",{style:{width:1,height:20,backgroundColor:"rgba(0, 0, 0, 0.05)",margin:"0 2px"}}),s("span",{onMouseEnter:()=>lo("provider"),onMouseLeave:wr,style:{display:"contents"},children:v("div",{style:{display:"flex",alignItems:"center",gap:0},children:[s(Sl,{onClick:()=>h(ed),children:s(dr,{provider:p})}),v("button",{type:"button",onClick:()=>{let m=(g+1)%y;L?.(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:Ft.iconDefault,whiteSpace:"nowrap"},children:[s("span",{children:w}),s("span",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:td.map(m=>s("div",{style:{width:m.overflow?2:3,height:m.overflow?2:3,borderRadius:"50%",backgroundColor:m.active?Ft.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:Zi,style:{display:"inline-flex",cursor:"pointer"},children:s($o,{expanded:!0,active:!!l,color:Qi,onSettlingChange:St,onClick:nd,onFocus:()=>{H?.("popmelt-trigger",!0),c?.(!0),ne("popmelt-guide")},onBlur:m=>{let x=m.relatedTarget;x instanceof Node&&De.current?.contains(x)||(H?.("popmelt-trigger",!1),c?.(!1),ge("popmelt-guide"))}})})]})]})]},"expanded-toolbar-surfaces")]}):s(Pa,{theme:Pe,snapPosition:te,viewport:be,toolbarRef:Se,"data-popmelt-theme-preference":$t,active:!!l,busy:Pt,color:Qi,onSettlingChange:St,onMouseEnter:j,onCrosshairHover:c,onOpen:()=>{lt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})}})}var Rl=Er(null),b1=()=>()=>{},$l=()=>null;function Go(){return Math.random().toString(36).substring(2,9)}function _r(e){return e.status?e:e.captured?{...e,status:"in_flight"}:{...e,status:"pending"}}function Qe(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 v1(e,t){return{...e,isAnnotating:t}}function x1(e,t){return{...e,activeTool:t}}function w1(e,t){return{...e,activeColor:t}}function C1(e,t){return{...e,strokeWidth:t}}function k1(e,t){let n={id:t.id??Go(),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:Qe(e),annotations:[...e.annotations,n]}}function S1(e,t){return{...Qe(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 I1(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 M1(e,t){return{...Qe(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 T1(e,t){let n=Qe(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 E1(e,t){let n=t.saveUndo?Qe(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 L1(e,t){let n=t.saveUndo?Qe(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 A1(e,t){return{...Qe(e),annotations:[...e.annotations,...t.annotations.map(_r)]}}function R1(e,t){let n=new Set,r=[];for(let o of t.annotations)n.has(o.id)||(n.add(o.id),r.push(_r(o)));return{...e,annotations:r}}function $1(e,t){let n=new Map(e.annotations.map(o=>[o.id,o])),r=t.annotations.map(o=>{let i=_r(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 N1(e,t){let n=new Set(e.annotations.map(o=>o.id)),r=t.annotations.filter(o=>!n.has(o.id)).map(_r);return r.length>0?{...e,annotations:[...e.annotations,...r]}:e}function z1(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 P1(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 O1(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 H1(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 D1(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 W1(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)?{...Qe(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 B1(e){return{...e,annotations:[],undoStack:[],redoStack:[],selectedAnnotationIds:[],lastSelectedId:null,textModifications:[],domModifications:[],spacingTokenChanges:[],spacingTokenMods:[]}}function j1(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=Qe(e),y=g.styleModifications.map((w,S)=>S===d?{...w,changes:[{property:o,original:i,modified:a}],createdAt:w.createdAt??Date.now(),captured:!1,pathname:l}:w);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,w)=>w!==u):p=c.changes.map((y,w)=>w===u?{...y,modified:a}:y)}else{if(i===a)return e;h=Qe(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=Qe(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 _1(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=Qe(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 F1(e,t){let{selector:n,property:r}=t,o=typeof window<"u"?window.location.pathname:"/",i=Qe(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 V1(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=Qe(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 Q1(e){return e.styleModifications.length===0?e:{...Qe(e),styleModifications:[]}}function Z1(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 U1(e,t){let n=Date.now();return{...e,styleModifications:t.map((r,o)=>({...r,createdAt:r.createdAt??n+o}))}}function q1(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 Nl(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=>q1(h,r,a,c));if(l===d&&u<0)return e;if(u>=0){let h=e.textModifications[u],f=h.captured&&n?Qe(e):e,g=h.captured?l:h.original;return d===g?{...f,textModifications:f.textModifications.filter((y,w)=>w!==u)}:{...f,textModifications:f.textModifications.map((y,w)=>w===u?{...y,durableSelector:o,element:i,original:g,modified:d,createdAt:y.createdAt??Date.now(),captured:!1,pathname:c}:y)}}let p=n?Qe(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 Y1(e,t,n=!0){return t.length===0?e:t.reduce((r,o)=>Nl(r,o,!1),n?Qe(e):e)}function J1(e,t){let n=Date.now();return{...e,textModifications:t.map((r,o)=>({...r,createdAt:r.createdAt??n+o}))}}function X1(e,t){let n=Qe(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 K1(e,t){return{...e,domModifications:t}}function G1(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 e0(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 t0(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 n0(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 r0(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 o0(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 i0(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 a0(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 l0(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 s0(e,t){return{...e,spacingTokenChanges:t}}function d0(e,t){let n=Qe(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 c0(e,t){let n=Qe(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 zl(e,t){switch(t.type){case"SET_ANNOTATING":return v1(e,t.payload);case"SET_TOOL":return x1(e,t.payload);case"SET_COLOR":return w1(e,t.payload);case"SET_STROKE_WIDTH":return C1(e,t.payload);case"ADD_TEXT":return k1(e,t.payload);case"UPDATE_TEXT":return S1(e,t.payload);case"CLEAR_INTERACTION_EPISODE":return M1(e,t.payload);case"UPDATE_TEXT_SIZE":return I1(e,t.payload);case"DELETE_ANNOTATION":return T1(e,t.payload);case"MOVE_ANNOTATION":return E1(e,t.payload);case"RESIZE_ANNOTATION":return L1(e,t.payload);case"PASTE_ANNOTATIONS":return A1(e,t.payload);case"RESTORE_ANNOTATIONS":return R1(e,t.payload);case"SYNC_ANNOTATIONS":return $1(e,t.payload);case"MERGE_ANNOTATIONS":return N1(e,t.payload);case"UNDO":return z1(e);case"REDO":return P1(e);case"SELECT_ANNOTATION":return O1(e,t.payload);case"UPDATE_ANNOTATION_COLOR":return H1(e,t.payload);case"MARK_CAPTURED":return D1(e,t.payload?.annotationIds);case"CLEAR":return B1(e);case"DISCARD_DRAFT":return W1(e);case"MODIFY_STYLE":return j1(e,t.payload);case"MODIFY_STYLES_BATCH":return _1(e,t.payload);case"CLEAR_STYLE":return F1(e,t.payload);case"CLEAR_STICKER":return V1(e,t.payload);case"CLEAR_ALL_STYLES":return Q1(e);case"SETTLE_CAPTURED_STYLES":return Z1(e,t.payload);case"RESTORE_STYLE_MODIFICATIONS":return U1(e,t.payload);case"MODIFY_TEXT_CONTENT":return Nl(e,t.payload);case"MODIFY_TEXT_CONTENTS":return Y1(e,t.payload,t.saveUndo??!0);case"RESTORE_TEXT_MODIFICATIONS":return J1(e,t.payload);case"MODIFY_DOM_STRUCTURE":return X1(e,t.payload);case"RESTORE_DOM_MODIFICATIONS":return K1(e,t.payload);case"UPDATE_LINKED_POSITIONS":return G1(e,t.payload);case"CLEANUP_ORPHANED":return a0(e,t.payload);case"SET_ANNOTATION_STATUS":return e0(e,t.payload);case"MARK_ANNOTATIONS_REPLIED":return t0(e,t.payload);case"MARK_ANNOTATIONS_FAILED":return n0(e,t.payload);case"SET_ANNOTATION_THREAD":return r0(e,t.payload);case"SET_ANNOTATION_QUESTION":return o0(e,t.payload);case"APPLY_RESOLUTIONS":return i0(e,t.payload);case"ADD_SPACING_TOKEN_CHANGE":return l0(e,t.payload);case"RESTORE_SPACING_TOKEN_CHANGES":return s0(e,t.payload);case"MODIFY_SPACING_TOKEN":return d0(e,t.payload);case"DELETE_SPACING_TOKEN":return c0(e,t.payload);default:return t}}function u0(e,t){let n=pn(Rl),[r,o]=pa(zl,Co),i=ua(n?.subscribe??b1,n?.getSnapshot??$l,n?.getSnapshot??$l)??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 p0(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 Pl(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 ei(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=>Pl(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 f0(e){if(e.awaitingReview)return{jobId:`suggestion:${e.awaitingReview.submissionId}`,threadId:e.awaitingReview.threadId,status:"awaiting_review",selectors:[e.selector],annotationNumber:e.annotationNumber}}function Ol(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 Dn(e){return e?!!e.closest("#devtools-toolbar, #devtools-scrim, #devtools-text-input, [data-devtools], [data-popmelt-panel], [data-popmelt-shadow-host]"):!1}function h0(e,t,n=document){let r=n,o=r.caretPositionFromPoint?.(e,t);if(o?.offsetNode?.nodeType===Node.TEXT_NODE)return o.offsetNode;let i=r.caretRangeFromPoint?.(e,t);return i?.startContainer?.nodeType===Node.TEXT_NODE?i.startContainer:null}function m0(e,t){if(!e)return t();let n=e.style.pointerEvents;e.style.pointerEvents="none";try{return t()}finally{e.style.pointerEvents=n}}function g0(e,t,n){let r=e.ownerDocument.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=e.ownerDocument.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 y0(e,t,n){return m0(n,()=>{let r=Dd(e,t).find(k=>!Dn(k)),o=r?.ownerDocument??document,i=Wd(e,t,o),a=h0(i.x,i.y,o);if(!a){let k=r;k&&!Dn(k)&&(a=g0(k,i.x,i.y))}if(!a||!Bd(a.parentElement))return null;let l=a.parentElement;if(Dn(l))return null;for(;l.parentElement&&l!==o.body;){let k=Tr(l).getComputedStyle(l).display,E=k==="inline-block"&&l.childNodes.length===1&&l.firstChild?.nodeType===Node.ELEMENT_NODE;if(k!=="inline"&&k!=="contents"&&!E)break;let $=l.parentElement;if(Dn($))break;if(Array.from($.childNodes).some(T=>T.nodeType===Node.TEXT_NODE&&!!T.nodeValue?.trim())){l=$;continue}let O=Tr($).getComputedStyle($).display,z=O==="inline-block"&&$.childNodes.length===1&&$.firstChild?.nodeType===Node.ELEMENT_NODE;if(O==="inline"||O==="contents"||z){l=$;continue}break}let d=l.tagName.toLowerCase();if(d==="script"||d==="style"||d==="textarea"||d==="input")return null;let c=v0(l),u=c.map(k=>k.originalText).join("");if(!u.trim())return null;let p=Hl(l,a);if(!p)return null;let h=Tr(l).getComputedStyle(l),f=Wl(c,l,h),{textRect:g,boundaryRect:y,boundaryRects:w,flowRect:S,firstLineIndent:C}=f;if(g.width<=0||g.height<=0)return null;let L=parseFloat(h.fontSize)||12,M=h.whiteSpace!=="nowrap"&&h.whiteSpace!=="pre"&&(C0(a)||h.display!=="inline");return{textNode:a,targetElement:l,textNodePath:p,segments:c,originalText:u,rect:g,boundaryRect:y,boundaryRects:w,flowRect:S,firstLineIndent:C,styles:h,fontSize:L,wrapsText:M}})}function Hl(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 b0(e,t){let n=e.ownerDocument.createRange();n.selectNodeContents(e);let r=Mo(n.getBoundingClientRect(),e.ownerDocument);if(n.detach?.(),r.width>0&&r.height>0)return{left:r.left,top:r.top,width:r.width,height:r.height};let o=An(t);return{left:o.left,top:o.top,width:o.width,height:o.height}}function v0(e){let t=[],n=r=>{if(r.nodeType===Node.TEXT_NODE){let i=r,a=Hl(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 Dl(e){return{left:e.left,top:e.top,width:e.width,height:e.height}}function x0(e){let t=[];for(let n of e){if(!n.textNode.isConnected||!n.originalText.trim())continue;let r=n.textNode.ownerDocument.createRange();r.selectNodeContents(n.textNode),t.push(...Array.from(r.getClientRects()).filter(o=>o.width>0&&o.height>0).map(o=>Dl(Mo(o,n.textNode.ownerDocument)))),r.detach?.()}return Cd(t)}function w0(e){let t=e.getBoundingClientRect(),n=Tr(e).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 Mo({left:t.left+r,top:t.top+i,width:Math.max(0,t.width-r-o),height:Math.max(0,t.height-i-a)},e.ownerDocument)}function Wl(e,t,n){let r=Dl(An(t)),o=x0(e),i=e[0]?.textNode?b0(e[0].textNode,t):r,a=o.length>0?o:[i];return pd({display:n.display,fragmentRects:a,elementRect:r,parentContentRect:t.parentElement?w0(t.parentElement):void 0})}function C0(e){let t=e.ownerDocument.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 k0(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),w=!g&&f>i&&h<a;if(!y&&!w)return[];let S=Math.max(0,Math.min(u.originalText.length,i-h)),C=Math.max(0,Math.min(u.originalText.length,a-h)),L=u.originalText.slice(0,S);return c||(L+=l,c=!0),L+=u.originalText.slice(C),L===u.originalText?[]:[{segment:u,modifiedText:L}]})}function ti(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 S0(e,t){return!e||!t?e===t:ti(e,t)}function I0(e,t){return e.length===t.length&&e.every((n,r)=>ti(n,t[r]))}function M0(){return{isDragging:!1,hasMoved:!1,mode:"move",startX:0,startY:0,element:null,originalParent:null,originalIndex:-1,selector:null,durableSelector:null,elementInfo:null}}function Fr(e){if(!e||e===document.body||e===document.documentElement||Dn(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 Vt(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 ni(e){return e.parentElement?Array.from(e.parentElement.children).indexOf(e):-1}function Bl(e){e.removeAttribute("data-pm"),e.querySelectorAll("[data-pm]").forEach(t=>t.removeAttribute("data-pm"))}function jl(e,t,n,r,o=Od){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&&Fr(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=ni(a),u=d==="before"?c:c+1;return{parent:i,reference:a,placement:d,index:u}}function ri(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 T0({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=jl(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=Vt(d.parent),h=jt(d.reference),f=Vt(d.reference),g=e.selector,y=e.durableSelector,w=e.elementInfo;if(e.mode==="copy"){let C=l.cloneNode(!0);if(!(C instanceof Element))return null;Bl(C),ri(d.parent,C,c),g=Vt(C),y=jt(C),w={...Rn(C),selector:g}}else ri(d.parent,l,c);let S=e.originalParent;return{id:o(),operation:e.mode,selector:g,durableSelector:y,element:w,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:S?Vt(S):void 0,originalParentDurableSelector:S?jt(S):void 0,originalIndex:e.originalIndex,targetParentSelector:p,targetParentDurableSelector:u,targetIndex:c,referenceSelector:f,referenceDurableSelector:h,placement:d.placement,pathname:r}}function _l(e){return e instanceof HTMLElement&&(e.tagName==="INPUT"||e.tagName==="TEXTAREA"||e.isContentEditable===!0||e.getAttribute("contenteditable")==="true")}function E0(){if(typeof document>"u")return null;let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e}function oi(e){let t=e.composedPath?.()[0]??e.target;return _l(t)||_l(E0())}function Fl(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 L0({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=R([]),f=R(0),g=R(null);F(()=>{let y=w=>{if(w.key==="Escape"){if(w.defaultPrevented||w.repeat||n.current||p||oi(w))return;if(r.current.length>0){w.preventDefault(),i();return}let C=t.current;if(C.annotations.some(L=>(L.status??"pending")==="pending")||C.styleModifications.some(L=>!L.captured)||C.textModifications.some(L=>!L.captured)||C.domModifications.some(L=>!L.captured)||C.spacingTokenChanges.some(L=>!L.captured)||C.spacingTokenMods.some(L=>!L.captured)){w.preventDefault(),o({type:"DISCARD_DRAFT"});return}}if((w.metaKey||w.ctrlKey)&&w.key.toLowerCase()==="c"&&e.activeTool==="hand"&&l&&!n.current){if(Fr(l)){w.preventDefault();let C=Vt(l);g.current={source:l,sourceSelector:C,sourceDurableSelector:jt(l),sourceElement:{...Rn(l),selector:C}}}return}if((w.metaKey||w.ctrlKey)&&w.key.toLowerCase()==="v"&&e.activeTool==="hand"&&g.current&&!n.current){let C=g.current,L=l&&Fr(l)?l:C.source,M=L.parentElement;if(M){w.preventDefault();let k=jt(M),E=Vt(M),$=jt(L),O=Vt(L),z=ni(L)+1,T=C.source.cloneNode(!0);if(T instanceof Element){Bl(T),ri(M,T,z);let B=Vt(T),Z=jt(T),ae={...Rn(T),selector:B};o({type:"MODIFY_DOM_STRUCTURE",payload:{id:Go(),operation:"copy",selector:B,durableSelector:Z,element:ae,sourceSelector:C.sourceSelector,sourceDurableSelector:C.sourceDurableSelector,sourceElement:C.sourceElement,targetParentSelector:E,targetParentDurableSelector:k,targetIndex:z,referenceSelector:O,referenceDurableSelector:$,placement:"after",pathname:u}})}}return}if((w.metaKey||w.ctrlKey)&&w.key==="v"&&h.current.length>0&&!n.current){w.preventDefault(),f.current+=1;let C=f.current*20,L=h.current[0]?.groupId?Math.random().toString(36).substring(2,9):void 0,M=h.current.map(E=>({...E,id:Math.random().toString(36).substring(2,9),groupId:E.groupId?L:void 0,timestamp:Date.now(),points:E.points.map($=>({x:$.x+C,y:$.y+C}))}));o({type:"PASTE_ANNOTATIONS",payload:{annotations:M}});let k=M.find(E=>E.type!=="text")??M[0];k&&a(k.id);return}let S=r.current;if(!n.current&&!oi(w)&&(w.key==="Delete"||w.key==="Backspace")&&!w.metaKey&&!w.ctrlKey&&!w.altKey){if(S.length===0&&!c)return;let C=Fl(t.current.annotations,S,c);if(!d||C.length===0)return;w.preventDefault();for(let L of C)d(L);i()}};return window.addEventListener("keydown",y),()=>window.removeEventListener("keydown",y)},[n,i,u,o,l,p,d,c,a,r,e.activeTool,t])}var Ke=["slate","gray","zinc","neutral","stone","red","orange","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"],ii=[50,100,200,300,400,500,600,700,800,900,950],ai=500,A0={name:"neutral",step:950},Vr={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 cr(e,t){return Vr[e][t]}function R0(e,t){let n=Ke.indexOf(e);return Ke[(n+t+Ke.length)%Ke.length]}function $0(e,t){let n=Ke.indexOf(e);return Ke[(n+t%Ke.length+Ke.length)%Ke.length]}function N0(e,t){let n=Ke.indexOf(e),r=(Ke.indexOf(t)-n+Ke.length)%Ke.length;return r<=Ke.length/2?r:r-Ke.length}function 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 z0(e){let t=vn(e);if(!t)return null;let n=null;for(let r of Ke)for(let o of ii){let i=vn(Vr[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 P0(e,t){let n=vn(t);return n?ii.reduce((r,o)=>{let i=vn(Vr[e][r]),a=vn(Vr[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 Vl(e,t){let n=vn(e),r=vn(t);return n!==null&&r!==null&&n.every((o,i)=>o===r[i])}var ct=["padding","margin","border","radius","stack","grid","text","color","transform","opacity"],Wn=[0,1,2,3,4,6,8,10,12,16],O0=[-16,-12,-10,-8,-6,-4,-3,-2,-1,0,1,2,3,4,6,8,10,12,16],H0=[0,1,2,4,8],D0=["vertical","horizontal"],W0=["stretch","start","center","end","baseline"],B0=["start","center","end","between","around","evenly"],j0=[1,2,3,4,5,6],Ql=["xs","sm","base","lg","xl","2xl","3xl","4xl"],Zl=[300,400,500,600,700,800],Ul=["none","tight","snug","normal","relaxed","loose"],ql=["tighter","tight","normal","wide","wider","widest"],Yl=["left","center","right","justify"],Jl=[25,50,75,90,95,100,105,110,125,150],Xl=[-180,-90,-45,-25,-12,-6,-3,-2,-1,0,1,2,3,6,12,25,45,90,180],Kl=[0,5,10,20,25,30,40,50,60,70,75,80,90,95,100],Gl=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],_0={padding:Wn,margin:Wn,border:H0,radius:Wn},F0={padding:"p",margin:"m",border:"border",radius:"rounded",stack:"flex",grid:"grid",text:"text",color:"text",transform:"transform",opacity:"opacity"},V0={padding:"P",margin:"M",border:"B",radius:"R",stack:"F",grid:"G",text:"FO",color:"BG",transform:"T",opacity:"O"},Q0={padding:"Padding",margin:"Margin",border:"Borders",radius:"Radii",stack:"Flexbox",grid:"Grid",text:"Fonts",color:"Background",transform:"Transform",opacity:"Opacity"},Z0={padding:["all","x","y","top","right","bottom","left"],margin:["all","x","y","top","right","bottom","left"],border:["all","top","right","bottom","left","color"],radius:["all","top-left","top-right","bottom-right","bottom-left"],stack:["direction","gap","align","justify"],grid:["gap","rows","columns"],text:["size","weight","line-height","letter-spacing","text-align","color"],color:Ke,transform:["translate","scale","rotate"],opacity:["opacity","mix-blend"]},es={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 tt(e){return Ke.includes(e)}function xn(e,t){return e==="color"||(e==="text"||e==="border")&&(t==="color"||tt(t))}var Qr=e=>encodeURIComponent(e),ts=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='${Qr(e)}' flood-opacity='.42'/%3E%3CfeDropShadow dx='0' dy='1.25' stdDeviation='1.1' flood-color='${Qr(e)}' flood-opacity='.24'/%3E%3C/filter%3E%3C/defs%3E`;function U0(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${ts(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='${Qr(e)}' stroke='white' stroke-width='1.25'/%3E%3C/svg%3E") 4 4, pointer`}function q0(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${ts(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='${Qr(e)}' stroke='white' stroke-width='1.111'/%3E%3C/svg%3E") 4 4, pointer`}function wn(e,t="all"){let n=yt(e,t);return e==="color"||(e==="text"||e==="border")&&xn(e,n)?ii:e==="stack"?n==="direction"?D0:n==="align"?W0:n==="justify"?B0:Wn:e==="grid"?n==="gap"?Wn:j0:e==="text"?n==="weight"?Zl:n==="line-height"?Ul:n==="letter-spacing"?ql:n==="text-align"?Yl:Ql:e==="transform"?n==="scale"?Jl:n==="rotate"?Xl:O0:e==="opacity"?n==="mix-blend"?Gl:Kl:_0[e]}function ns(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 li(e){return Z0[e]}function yt(e,t){if(e==="stack"&&(t==="vertical"||t==="horizontal"))return"direction";if((e==="text"||e==="border")&&tt(t))return t;let n=li(e);return n.includes(t)?t:n[0]}function Y0(e,t){return e==="text"?"size":e==="transform"?"translate":e==="opacity"?"opacity":yt(e,t)}function J0(e,t,n){return e==="family"?"family":(t==="text"||t==="border")&&n==="color"?"variant":"value"}function X0(e,t,n){let r=li(e),o=(e==="text"||e==="border")&&tt(t)?"color":yt(e,t),i=r.indexOf(o);return r[(i+n+r.length)%r.length]}function K0(e,t){let n=ct.indexOf(e);return ct[(n+t+ct.length)%ct.length]}function G0(e,t,n,r="all"){let o=wn(e,r),i=ns(e,t,r),a=o.indexOf(i);return o[(a+n+o.length)%o.length]}function e2(e){return V0[e]}function Zr(e){return Q0[e]}function t2(e,t){let n=yt(e,t);return e==="color"||(e==="text"||e==="border")&&tt(n)?n:`${e2(e)}${es[n]}`}function si(e,t){let n=yt(e,t);return e==="color"||(e==="text"||e==="border")&&tt(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"?Zr(e):es[n]}function Bn(e,t){let n=yt(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"||tt(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"||tt(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 rs(e,t){let n=yt(e,t);return e==="color"?["background-color"]:e==="stack"||e==="grid"?n==="gap"?["row-gap","column-gap"]:[Bn(e,n)]:e==="text"?n==="color"||tt(n)?["color"]:n==="line-height"||n==="letter-spacing"?[Bn(e,n),"font-size"]:[Bn(e,n)]:e==="border"&&(n==="color"||tt(n))?["border-top-color","border-right-color","border-bottom-color","border-left-color"]:e==="transform"||e==="opacity"?[Bn(e,n)]:(e==="padding"||e==="margin")&&n==="x"?[`${e}-left`,`${e}-right`]:(e==="padding"||e==="margin")&&n==="y"?[`${e}-top`,`${e}-bottom`]:n!=="all"?[Bn(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 wt(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 ur(e,t,n){let r=n.trim().toLowerCase();if(e==="text"){if(t==="size"){let o=wt(n,e);return o===null?null:tn(Ql,i=>Ur[i],o)}if(t==="weight"){if(r==="normal")return 400;if(r==="bold")return 700;let o=Number(r);return Number.isFinite(o)?tn(Zl,i=>i,o):null}if(t==="text-align")return r==="start"?"left":r==="end"?"right":Yl.includes(r)?r:null}if(e==="transform"){if(r==="none")return t==="scale"?100:0;if(t==="translate"){let o=wt(n,e);return o===null?null:tn(Wn,i=>i*4,o)}if(t==="scale"){let o=Number.parseFloat(n)*100;return Number.isFinite(o)?tn(Jl,i=>i,o):null}if(t==="rotate"){let o=Number.parseFloat(n);return Number.isFinite(o)?tn(Xl,i=>i,o):null}}if(e==="opacity"){if(t==="mix-blend")return Gl.includes(r)?r:null;let o=Number.parseFloat(n)*100;return Number.isFinite(o)?tn(Kl,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 n2(e,t,n="all"){let r=yt(e,n);if(e==="color"||(e==="text"||e==="border")&&tt(r)){let l=P0(r,t[0]??"");if(l===null)return null;let d=cr(r,l);return t.every(c=>Vl(c,d))?l:null}if(e==="text"){if(r==="line-height"&&(t[0]??"").trim().toLowerCase()==="normal")return"normal";if(r==="line-height"){let l=wt(t[0]??"",e),d=wt(t[1]??"",e);return l===null||d===null||d===0?null:tn(Ul,c=>qr[c],l/d)}if(r==="letter-spacing"){let l=(t[0]??"").trim().toLowerCase();if(l==="normal")return"normal";let d=wt(l,e),c=wt(t[1]??"",e);return d===null||c===null||c===0?null:tn(ql,u=>Yr[u],d/c)}return ur(e,r,t[0]??"")}if(e==="transform"||e==="opacity"||e==="stack"&&r!=="gap")return ur(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=>wt(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(pr(e,d,r))-i)<Math.abs(Number.parseFloat(pr(e,l,r))-i)?d:l)}function r2(e,t,n,r="all"){let o=yt(e,r);if(e==="color"||(e==="text"||e==="border")&&tt(o)){let l=cr(o,t);return n.length>0&&n.every(d=>Vl(d,l))}if(e==="text"){if(o==="size"){let l=wt(n[0]??"",e);return l!==null&&Math.abs(l-Ur[t])<.01}if(o==="weight")return ur(e,o,n[0]??"")===t;if(o==="line-height"){let l=(n[0]??"").trim().toLowerCase();if(l==="normal")return t==="normal";let d=wt(l,e),c=wt(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-qr[t])<.01}if(o==="letter-spacing"){let l=(n[0]??"").trim().toLowerCase();if(l==="normal")return t==="normal";let d=wt(l,e),c=wt(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Yr[t])<.001}return ur(e,o,n[0]??"")===t}if(e==="transform"||e==="opacity"||e==="stack"&&o!=="gap")return ur(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(pr(e,t,o)),a=n.map(l=>wt(l,e));return a.length>0&&a.every(l=>l!==null&&Math.abs(l-i)<.01)}function o2(e,t,n,r){let o=r2(e,t,rs(e,n).map(r),n),i=as(e),a=is(e,n,t).every(c=>r(c.property).trim()===c.value),l=e==="border"&&!xn(e,n)&&typeof t=="number"&&t>0?os(n):null,d=!l||!["","none"].includes(r(l).trim());return o&&(!i||r("display").trim()===i)&&a&&d}function os(e){let t=yt("border",e);return t==="all"?"border-style":`border-${t}-style`}function i2(e){return e==="color"?"background-color":e==="border"?"border-top-color":"color"}function di(e,t,n){let r=yt(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 tt(r)?`text-${r}-${t}`:r==="size"?`text-${t}`:r==="weight"?l2[t]:r==="line-height"?`leading-${t}`:r==="letter-spacing"?`tracking-${t}`:`text-${t}`;if(e==="border"&&tt(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=F0[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 pr(e,t,n="all"){let r=yt(e,n);if(e==="color"||(e==="text"||e==="border")&&tt(r))return cr(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"?`${Ur[t]}px`:r==="weight"?String(t):r==="line-height"?String(qr[t]):r==="letter-spacing"?`${Yr[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 is(e,t,n){let r=yt(e,t);return(e==="padding"||e==="margin")&&(r==="x"||r==="y")?[{property:r==="x"?`${e}-right`:`${e}-bottom`,value:pr(e,n??0,r),token:di(e,n??0,r)}]:[]}function a2(e,t,n){if(t==="text"&&(n==="size"||n==="all"))return String(Ur[e]);if(t==="text"&&n==="line-height"){let r=qr[e];return String(Number(r.toFixed(1)))}if(t==="text"&&n==="letter-spacing"){let r=Yr[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 as(e){return e==="stack"?"flex":e==="grid"?"grid":null}var Ur={xs:12,sm:14,base:16,lg:18,xl:20,"2xl":24,"3xl":30,"4xl":36},l2={300:"font-light",400:"font-normal",500:"font-medium",600:"font-semibold",700:"font-bold",800:"font-extrabold"},qr={none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2},Yr={tighter:-.05,tight:-.025,normal:0,wide:.025,wider:.05,widest:.1};function tn(e,t,n){return e.reduce((r,o)=>Math.abs(t(o)-n)<Math.abs(t(r)-n)?o:r)}function fr(e,t){return t.selectors??(t.targetBindingId?[]:[e])}function s2(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 d2(e,t,n,r){let o=[...new Set(e)];return o.length!==1?n:Jr(o[0],t,r)?.color??n}function c2(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Jr(n[0],t);return r?.continuationEligible?r.threadId:void 0}function u2(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Jr(n[0],t);return r?.continuationEligible?r.targetBindingId:void 0}function Jr(e,t,n){for(let[o,i]of t)if(fr(o,i).includes(e))return i;if(!n)return;let r=n(e);if(r){for(let[o,i]of t)if(fr(o,i).some(a=>n(a)===r))return i}}function p2(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 f2(e,t){let n=new Set;for(let[r,o]of e)if(t.has(o.threadId))for(let i of fr(r,o))n.add(i);return n}function h2(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 fr(d,c))a.add(u);let l=new Map(e);for(let d of a){let c=[...l].find(([f,g])=>fr(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 m2(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 g2(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 ci(e,t,n){if(t)return e?t.jobId===n?t:void 0:t}var y2=Number.MAX_SAFE_INTEGER;function Xr(e){return`${e.pathname??"*"}\0${e.selector}`}function b2(e,t){return`element:${e??"*"}\0${t}`}function ui({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?b2(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=Xr(u),h=`element:${p}`,f=u.createdAt??y2,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 ls({state:e,pageAnnotations:t,pageStyleModifications:n,pageTextModifications:r}){let o=fe(()=>zr(e.annotations),[e.annotations]),i=fe(()=>ui({annotations:t.filter(l=>!o.has(l)),styleModifications:n,textModifications:r}),[t,n,r,o]),a=fe(()=>{let l=new Map,d=c=>{let u=i.modificationNumberByKey.get(Xr(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 v2(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 ss="devtools-active-text";function x2(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 w2(e,t,n){if(e.current)return n;e.current=!0;try{return await t()}finally{e.current=!1}}function C2(e){e.removeItem(ss)}function k2(e){return e.key!=="Enter"||!e.metaKey&&!e.ctrlKey?!1:(e.preventDefault(),e.stopPropagation(),!0)}function S2(e){return e?e.originalText!==void 0?e.text!==e.originalText:e.text.trim().length>0||!!e.hasInteractionEpisode:!1}function I2(e){let t=new Map;for(let n of e)n.groupId&&n.threadId&&t.set(n.groupId,n.threadId);return t}function M2(e,t){return e.threadId??(e.groupId?t.get(e.groupId):void 0)}function pi(e,t,n=new Set){let r=I2(e);return e.filter(o=>{let i=M2(o,r);return Tl(o,t)&&o.status!=="dismissed"&&(!i||!n.has(i))})}function ds(e,t,n,r=new Set,o=new Map){let i=new Set;for(let a of pi(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 T2({state:e,activeText:t,currentPathname:n,dismissedThreadIds:r,modifiedElementThreadStates:o}){let i=fe(()=>pi(e.annotations,n,r),[e.annotations,n,r]),a=fe(()=>ds(e.styleModifications,e.annotations,n,r,o),[e.annotations,e.styleModifications,n,r,o]),l=fe(()=>ds(e.textModifications,e.annotations,n,r,o),[e.annotations,e.textModifications,n,r,o]),d=fe(()=>{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=fe(()=>x2(e.annotations,t,d),[e.annotations,t,d]),u=fe(()=>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 E2(e,t="host",n){let[r,o]=N(()=>n?.read().selectedId??t),[i,a]=N(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 L2({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:fd,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 A2(e,t=[],n=""){let r=new Map;if(!e)return r;let o=ei(e,t,n),i=zr(o.annotations),a=o.annotations.filter(d=>!i.has(d)),l=ui({...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(Xr(d));c&&u!==void 0&&!r.has(c)&&r.set(c,u)}return r}function R2(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 $2(e,t,n){let r=new Set(t);return e.filter(o=>!r.has(o)&&!n.has(o))}function N2(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 z2(e,t){return new Set(e.filter(n=>n.lastMessageRole==="human"&&!t.has(n.id)).map(n=>n.id))}function P2(e){return new Set(e.flatMap(t=>t.acknowledgedJobIds??[]))}function O2(e){return new Set(e.filter(t=>!t.pendingQuestion).map(t=>t.id))}function H2(e,t){return t?e.some(n=>n.jobId===t&&(n.role==="assistant"||!!n.error||!!n.cancelled)&&!n.queued):!0}function fi(e,t){let n=`${t||"/"}:`;return e.startsWith(n)?e.slice(n.length)||null:e.startsWith("/")?null:e}function D2(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=fi(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=fi(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 W2(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 B2(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 j2(e){return B2(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 _2(e){return e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function cs(e){return`${e} image${e>1?"s":""} attached`}function hi(e){return e<=0?0:32+String(e).length*7.2}function us({imageCount:e,color:t,layered:n=!1}){return e<=0?null:v("div",{"data-devtools":"active-image-attachment-badge",role:"img","aria-label":cs(e),title:cs(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?Sr:void 0,WebkitMaskImage:n?Sr: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 ${Ct}`,whiteSpace:"nowrap",maskImage:n?vo:void 0,WebkitMaskImage:n?vo:void 0},children:[s(Xd,{size:12,strokeWidth:2,"aria-hidden":!0}),e]})]})}function F2({point:e,scroll:t,attachments:n,showAttachments:r,onRemoveAttachment:o}){return s(Te,{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 ",_2(i.size)," \xD7"]},i.id))})})}function V2(e){return[...e.tokens.map(t=>t.label),`${e.typed}${e.completion||e.fallback}`].filter(Boolean).join(" ")}function Q2({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,nn=42,rn=24,mi=7.5,ps=10,Z2=140,gi=750,Kr=250,fs=200,U2=34,yi=44,hs=(nn-rn)/2,q2=yi+rn,ms=10,jn=8,$e=32,gs=$e+8,ys=(gs-$e)/2,Rt=250,bs=400,vs="cubic-bezier(0.16, 1, 0.3, 1)",xs=180,Y2=[0,180,240,300],J2=40,X2=80,K2=8;function ws(e,t,n=nn,r=J2,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 Cs(e,t,n,r=nn,o=X2,i=K2,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 G2(e,t=mi){return e===null?rn:Math.max(39,18+t*2+Math.ceil(e))}function ef(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 tf={padding:"padding",margin:"margin",border:"border",radius:"radius",stack:"stack-vertical",grid:"grid",text:"text-size",color:"palette",transform:"transform-translate",opacity:"opacity"},nf={top:0,right:90,bottom:180,left:270},rf={"top-right":0,"bottom-right":90,"bottom-left":180,"top-left":270};function of(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:tf[e],rotation:0}:e==="radius"?{name:"radius-top-right",rotation:rf[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)+(nf[t]??0)}}function af({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(Te,{children:s("path",{d:"M4 1.25H8M4 10.75H8M1.25 8V4M10.75 8V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"radius":return s(Te,{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(Te,{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(Te,{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(Te,{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(Te,{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(Te,{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(Te,{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 hr({family:e,size:t=12,step:n,subproperty:r="all"}){let o=of(e,r),i=o.name==="text-size"?mc:o.name==="text-weight"?gc:o.name==="text-leading"?yc:o.name==="text-tracking"?bc:o.name==="text-align"?Ca:o.name==="palette"?ka:o.name==="transform-translate"?vc:o.name==="transform-scale"?xc:o.name==="transform-rotate"?wc:o.name==="opacity"?Cc:o.name==="mix-blend"?kc: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 ${Rt}ms ease, height ${Rt}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 ${Rt}ms ease, height ${Rt}ms ease`},children:s(af,{name:o.name})})}function lf(e,t){let n=(ct.indexOf(e)+t%ct.length+ct.length)%ct.length;return ct[n]}function sf(e,t){let n=ct.indexOf(e),r=(ct.indexOf(t)-n+ct.length)%ct.length;return r<=ct.length/2?r:r-ct.length}function df(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 cf(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 bi({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 ${Rt}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 ${bs}ms ${vs}`},children:n(l,d)},l)})})]})}function uf({family:e,colors:t,showControl:n=!0,activeColor:r,snapActiveColor:o}){let i=R(e),a=R(e),[l,d]=N(0);return Ve(()=>{if(a.current===e)return;let c=sf(a.current,e);a.current=e,d(u=>u+c)},[e]),s(bi,{offset:l,colors:t,showControl:n,activeColor:r,snapActiveColor:o,renderItem:(c,u)=>{let p=lf(i.current,c);return s(hr,{family:p,subproperty:"all",size:u?14:12})}})}function pf({color:e,colors:t,showControl:n=!0}){let r=R(e),o=R(e),[i,a]=N(0);return Ve(()=>{if(o.current===e)return;let l=N0(o.current,e);o.current=e,a(d=>d+l)},[e]),s(bi,{offset:i,colors:t,showControl:n,renderItem:(l,d)=>{let c=$0(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:cr(c,ai),boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 0.08)",transition:`width ${Rt}ms ease, height ${Rt}ms ease`}})}})}function ff({name:e,size:t}){let n=e==="align-start"?Tc:e==="align-center"?Ec:e==="align-end"?Lc:e==="align-stretch"?Ac:e==="justify-start"?Rc:e==="justify-center"?$c:e==="justify-end"?Nc:e==="justify-between"?zc:e==="justify-around"?Pc:e==="text-align-left"?Ca:e==="text-align-center"?Oc:e==="text-align-right"?Hc:e==="text-align-justify"?Dc: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(Te,{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(Te,{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 hf({family:e,step:t,subproperty:n,colors:r,showControl:o=!0,unavailable:i=!1,activeColor:a,snapActiveColor:l=!1}){let d=R(t),c=R(t),[u,p]=N(0);return F(()=>{if(c.current===t)return;let h=cf(e,c.current,t,n);c.current=t,p(f=>f+h)},[e,t,n]),s(bi,{offset:u,colors:r,showControl:o,activeColor:a??(i?r.muted:r.primary),snapActiveColor:l,renderItem:(h,f)=>{let g=df(e,d.current,h,n),y=ef(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 ${Rt}ms ease`},children:y?s(ff,{name:y,size:f?14:12}):a2(g,e,n)})}})}function mf(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 gf(e){return e==="family"?0:yi-hs}function ks(e){return e==="family"?$e/rn:1}function yf(e){return e==="family"?14/(12*ks(e)):1}function bf(e,t,n){return`${e}:${t}:${n}`}function vf(e,t,n="all"){return t==="value"||xn(e,n)&&t==="variant"}function xf(e,t){let n=Zr(e),r=si(e,t);return r===n?n:`${n} ${r}`}function wf(e,t,n){return tt(n)?e==="color"?t!=="family":(e==="text"||e==="border")&&t==="value":!1}function Cf({family:e,step:t,subproperty:n,stage:r,accentColor:o,applyPulse:i=0,snapPulse:a=0,stepUnavailable:l=!1,colors:d}){let c=mf(r,e,n),u=R(r),p=R(i),h=R(a),[f,g]=N(!1),y=h.current!==a;Ve(()=>{h.current=a},[a]),Ve(()=>{let S=u.current!==r&&r!=="family",C=r==="value"&&p.current!==i;if(u.current=r,p.current=i,!S&&!C)return;g(!0);let L=window.requestAnimationFrame(()=>g(!1));return()=>window.cancelAnimationFrame(L)},[i,r]);let w=S=>({position:"absolute",left:0,right:0,top:ys,height:$e,transform:`translateY(${S}px)`,transition:y?"none":`transform ${Rt}ms ease`,willChange:"transform"});return v("div",{"data-popmelt-sticker-depth-rail":r,style:{position:"relative",width:96,height:gs,marginBlock:-4,overflow:"hidden",zIndex:2},children:[s("span",{"aria-hidden":"true","data-popmelt-sticker-depth-control":!0,style:{position:"absolute",left:$e,top:ys,width:$e,height:$e,borderRadius:$e/2,background:f?o:d.control,transition:f?"none":`background ${bs}ms ${vs}`}}),s("div",{"aria-hidden":r!=="family","data-popmelt-sticker-depth-row":"family",style:w(c.family),children:s(uf,{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:w(c.variant),children:xn(e,n)&&tt(n)&&s(pf,{color:n,colors:d,showControl:!1})}),s("div",{"aria-hidden":r!=="value","data-popmelt-sticker-depth-row":"value",style:w(c.value),children:s(hf,{family:e,step:t,subproperty:n,colors:d,showControl:!1,unavailable:l,activeColor:f?d.surface:void 0,snapActiveColor:f},bf(r,e,n))})]})}function Ss(e,t,n=nn,r=Cn){let o=e.x+ms,i=e.y+ms;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 Is(e,t,n){return n?0:Math.min(e,t)}function kf({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]=bo(),w=Me[y],S=`color-mix(in srgb, ${w.actionForeground} 16%, ${w.actionSurface})`,C=t2(t,r),L=R(t),M=R(o),k=R(r),E=R(o),$=R(a),O=R(l),z=R(c),T=R(null),B=R(!1),Z=R(!1),ae=R(0),he=R(0),le=R(0),Y=R(0),[ve,G]=N(null),[we,Le]=N(!1),[X,ke]=N(!1),[A,I]=N(!1),[W,j]=N(null),[H,ee]=N(!1),[Se,te]=N(0),[Ze,U]=N(!1),[Oe,re]=N(!1);Ve(()=>{if(z.current===c)return;z.current=c,re(!1);let je=window.requestAnimationFrame(()=>re(!0)),Pe=window.setTimeout(()=>re(!1),240);return()=>{window.cancelAnimationFrame(je),window.clearTimeout(Pe)}},[c]),Ve(()=>{let je=E.current!==o&&o!=="family",Pe=o==="value"&&$.current!==a;if(E.current=o,$.current=a,!je&&!Pe)return;U(!0);let Qt=window.requestAnimationFrame(()=>U(!1));return()=>window.cancelAnimationFrame(Qt)},[a,o]),Ve(()=>{let je=M.current!=="family"&&o==="family";M.current=o;let Pe=($t=!1)=>{ae.current&&window.cancelAnimationFrame(ae.current),$t||window.clearTimeout(he.current),window.clearTimeout(le.current),window.clearTimeout(Y.current),ae.current=0,$t||(he.current=0),le.current=0,Y.current=0},Qt=$t=>{let Re=fs;le.current=window.setTimeout(()=>{ke($t),Z.current=!1,Le(!1)},gi),Y.current=window.setTimeout(()=>{B.current=!1,G(null)},gi+Re+U2)};if(o!=="family"){if(Pe(),L.current=t,!B.current)return;ke(!0),Z.current=!1,Le(!1),Y.current=window.setTimeout(()=>{B.current=!1,G(null)},Kr);return}if(!(L.current===t&&!je)){if(L.current=t,B.current=!0,G(t),je){Pe(),ke(!1),I(!0),Z.current=!0,Le(!0),he.current=window.setTimeout(()=>{he.current=0,I(!1)},Kr),Qt(!1);return}he.current||(Pe(!0),I(!1),ke(!1),Z.current||(Z.current=!0,Le(!0)),Qt(!1))}},[t,o]),F(()=>()=>{window.cancelAnimationFrame(ae.current),window.clearTimeout(he.current),window.clearTimeout(le.current),window.clearTimeout(Y.current)},[]),F(()=>{let je=O.current!==l;if(O.current=l,!vf(t,o,r)){j(null),ee(!1),k.current=r;return}if(L.current!==t){k.current=r,j(null),ee(!1);return}if(k.current===r&&!je)return;k.current=r,ee(je),j(je?xf(t,r):si(t,r));let Pe=window.setTimeout(()=>{j(null),ee(!1)},gi);return()=>window.clearTimeout(Pe)},[l,t,o,r]),Ve(()=>{if(!W||!T.current){te(0);return}te(T.current.scrollWidth)},[W]);let Ae=G2(W?Se:null,H?ps:mi),ye=H?ps:mi,Ie=W?0:Z2,me=p||o!=="family"||ve?q2:nn,at=fe(()=>Ss(e,{width:typeof window>"u"?Cn:window.innerWidth,height:typeof window>"u"?nn:window.innerHeight},me),[me,e]),St=h?ws(at,h.getBoundingClientRect(),me):1,Pt=f?Cs(e,at,f.getBoundingClientRect(),me):1,be=Is(St,Pt,g),Ne={position:"fixed",left:at.left,top:at.top,width:Cn,height:nn,display:"flex",alignItems:"center",justifyContent:"center",gap:1,boxSizing:"border-box",padding:4,border:`1px solid ${w.border}`,borderRadius:22,background:w.surface,color:w.primary,fontFamily:Ct,fontSize:12,fontWeight:600,lineHeight:1,pointerEvents:"none",overflow:"visible",opacity:be,transform:`scale(${be})`,transformOrigin:`${e.x-at.left}px ${e.y-at.top}px`,visibility:be===0?"hidden":"visible",animation:Oe?"popmeltStickerReject 220ms ease-out":void 0,zIndex:2147483647,colorScheme:y},lt=p?V2(p):"";return v("div",{role:"status","aria-label":p?`Sticker search: ${lt||"search tokens"}`:`Sticker ${o}: ${o==="family"?t:o==="variant"?C:`${n} ${C}`}`,"data-popmelt-sticker-hud":!0,"aria-hidden":g||void 0,style:Ne,children:[s("style",{children:`@keyframes popmeltStickerReject {
255
+ `).map((x,P)=>s("p",{style:{margin:0,marginTop:P>0?8:0},children:x},P))}),_==="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(Ko,{value:String(g),options:S.map((x,P)=>({value:String(P),label:x.label})),onChange:x=>L?.(Number(x)),disabled:!L||S.length===0})]}),Ri.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(Ko,{value:C.reasoningEffort??"",onChange:x=>M?.({...C,reasoningEffort:x||void 0}),disabled:!M,options:[{value:"",label:"Inherit"},...Ri.map(x=>({value:x.effort,label:`${x.effort.charAt(0).toUpperCase()}${x.effort.slice(1)}${x.effort===so?.defaultReasoningLevel?" (model default)":""}`}))]})]}),$i.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(Ko,{value:C.serviceTier??"",onChange:x=>M?.({...C,serviceTier:x||void 0}),disabled:!M,options:[{value:"",label:"Inherit"},{value:"default",label:"Standard"},...$i.map(x=>({value:x.id,label:x.label}))]})]})]}):m.usage.map((x,P)=>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})]},P)),_==="collapse"&&Ze&&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:cu.map(x=>{let P=x===te;return s("button",{type:"button",onClick:()=>{se(null),Lt.current=!1,dt(),Ze(x)},title:x,style:{width:24,height:16,border:"none",cursor:"pointer",padding:0,backgroundColor:P?"#1f2937":"rgba(0,0,0,0.08)",transition:"background-color 100ms ease"},onMouseEnter:ie=>{P||(ie.currentTarget.style.backgroundColor="rgba(0,0,0,0.15)")},onMouseLeave:ie=>{P||(ie.currentTarget.style.backgroundColor="rgba(0,0,0,0.08)")}},x)})})]}),_==="collapse"&&(()=>{let x=Object.entries(le??{}),P=x.filter(([,q])=>q.found&&!q.disabled).map(([q])=>q.charAt(0).toUpperCase()+q.slice(1)),ie=x.filter(([,q])=>!q.found).map(([q])=>q);if(!Y&&!W&&P.length===0&&ie.length===0)return null;let D=ie.map(q=>q.charAt(0).toUpperCase()+q.slice(1)),J=[...P,...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||Y)&&s("button",{type:"button",onClick:()=>{Jt||(W?W():qi(Y))},disabled:Jt,title:mo,"aria-label":ld??"Restart bridge",style:{display:"flex",alignItems:"center",justifyContent:"center",width:22,height:22,border:"none",borderRadius:0,backgroundColor:Xn||A!=="idle"?"rgba(0,0,0,0.07)":"rgba(0,0,0,0.04)",color:ad,cursor:Jt?"default":"pointer",padding:0,opacity:Jt?.55:1,flexShrink:0},children:A==="ok"?s(nr,{size:14,strokeWidth:1.8}):s(Eo,{size:13,strokeWidth:1.7,style:{animation:A==="restarting"?"spin 0.8s linear infinite":void 0}})}),P.length>0?v("span",{style:{color:"#6b7280"},children:["Available in ",J.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,P)=>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})]},P))}),_==="counter"&&Je.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"})}),P=new Map;for(let J of Je){let q=J.pathname||At;P.has(q)||P.set(q,[]),P.get(q).push(J)}let ie=[...P.entries()],D=ie.length>1;return v("div",{children:[x,s("div",{style:{maxHeight:200,overflowY:"auto"},children:ie.map(([J,q])=>s("div",{style:{marginBottom:D?4:0},children:q.map(Ce=>{let et=Ce.annotations.find(Xe=>Xe.type==="text"&&Xe.text)?.text||`[${Ce.annotations[0]?.type??"annotation"}]`,pe=t.selectedAnnotationIds.includes(Ce.id),ot=Je.indexOf(Ce)+1,mt=Ce.annotations[0]?.color??t.activeColor;return v("div",{onClick:()=>{if(T?.({groupId:Ce.id,annotationIds:Ce.annotations.map(Xe=>Xe.id)}),!(!Ce.pathname||Ce.pathname===At)){sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:Ce.id,pathname:Ce.pathname})),window.location.href=Ce.pathname;return}if(n({type:"SELECT_ANNOTATION",payload:{id:Ce.id}}),E){let Xe=Ce.annotations.find(ft=>ft.threadId)?.threadId;Xe&&E(Xe)}Lt.current=!1,se(null)},style:{display:"flex",alignItems:"baseline",gap:4,padding:"2px 0",cursor:"pointer"},onMouseEnter:Xe=>{let ft=Xe.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor=mt,ft.style.color="#fff")},onMouseLeave:Xe=>{if(pe)return;let ft=Xe.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:pe?"#fff":"#6b7280",backgroundColor:pe?mt:"rgba(0,0,0,0.06)",padding:"1px 4px",flexShrink:0,whiteSpace:"nowrap"},children:[ot,". ",D?J:""]}),s("span",{style:{fontSize:11,color:pe?"#1f2937":"#6b7280",fontWeight:pe?600:400,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:et})]},Ce.id)})},J))})]})})(),_==="counter"&&(()=>{let x=new Set(Je.flatMap(D=>D.annotations.map(J=>J.threadId).filter(Boolean))),P=Js.filter(D=>!x.has(D.id));if(P.length===0)return null;let ie=D=>{let J=Math.floor((Date.now()-D)/1e3);if(J<60)return"now";let q=Math.floor(J/60);if(q<60)return`${q}m`;let Ce=Math.floor(q/60);return Ce<24?`${Ce}h`:`${Math.floor(Ce/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"}),P.map(D=>v("div",{onClick:()=>{let J=D.elementIdentifiers[0];if(J){let q=J.indexOf(":"),Ce=q>0&&J[0]==="/",et=Ce?J.slice(0,q):void 0,pe=Ce?J.slice(q+1):J;if(!(!et||et===At)){sessionStorage.setItem("popmelt-pending-thread",JSON.stringify({threadId:D.id,selector:pe,preview:D.preview})),window.location.href=et;return}try{let ot=Gn(pe);if(ot){let mt=An(ot),Xe=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:Xe,point:{x:mt.left+mt.width,y:mt.top},text:D.preview,linkedSelector:pe,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[Xe],threadId:D.id}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[Xe],status:"resolved"}})}}catch{}}E&&E(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:J=>{J.currentTarget.style.color="#1f2937"},onMouseLeave:J=>{J.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(Ro,{toolbarRef:Se,theme:Pe,expanded:!0,width:id,snapPosition:te,viewport:be,"data-popmelt-theme-preference":$t,style:{zIndex:Fe?10004:9999},onMouseEnter:()=>{B?.(),H?.("toolbar",!0)},onMouseLeave:()=>H?.("toolbar",!1),onPointerLeave:m=>{qe(m.relatedTarget)||(We?.startsWith("peer:")||We?.startsWith("admission:"))&&ge(We)},onMouseMove:Ks,children:[v("div",{ref:kn,onMouseEnter:()=>{H?.("tool-trigger",!0),K("tool-menu")},onMouseLeave:()=>{H?.("tool-trigger",!1),ae||ge("tool-menu")},style:{position:"relative",width:46,height:32,flexShrink:0},children:[s(gu,{theme:Pe,icon:s(sd,{size:16,strokeWidth:1.75}),primaryLabel:cn.type==="inspector"?"Cycle annotations":cn.label,primaryCursor:cn.type==="inspector"&&Je.length>0,dotColor:cn.type==="inspector"&&ho?ho.annotations[0]?.color??t.activeColor:void 0,menuOpen:Ee,onPrimary:()=>{cn.type==="inspector"&&(qt(),Vi())},onMenu:()=>{Ee?qt():Ys()}}),ee!=="job-stack"&&Fe&&s("div",{style:{position:"absolute",...dd?{top:"100%",paddingTop:12}:{bottom:"100%",paddingBottom:12},right:ud,width:cd,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 ${Re.border}`,borderRadius:20,background:Re.surface,boxSizing:"border-box",fontFamily:Al,opacity:Ee?1:0,pointerEvents:"auto",transition:Ee||ae?"none":`opacity ${kt}ms ease`},children:go.map(({type:m,label:x,shortcut:P,Icon:ie})=>{let D=m===cn.type,J=D||Ht===m;return v("button",{"data-popmelt-tool-menu-item":!0,type:"button",role:"menuitemradio","aria-checked":D,onClick:()=>{co(m),qt()},onMouseEnter:q=>{an(m),q.currentTarget.style.color=Re.primary},onMouseLeave:q=>{an(null),q.currentTarget.style.color=D?Re.primary:Re.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?Re.control:"transparent",color:D?Re.primary:Re.mutedStrong,cursor:"pointer",fontFamily:Al,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:J?`color-mix(in srgb, ${Re.control} 60%, ${Re.muted} 40%)`:Re.control,color:J?Re.primary:Re.mutedStrong,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:500,lineHeight:1,transition:"background-color 120ms ease, color 120ms ease"},children:P})]},m)})})})]}),U&&(U.peers.length>0||!!U.admissionRequests?.length)&&v("div",{ref:st,"data-devtools":"peer-controls",style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},onPointerEnter:()=>{(We?.startsWith("peer:")||We?.startsWith("admission:"))&&ne(We)},onPointerLeave:m=>{qe(m.relatedTarget)||(We?.startsWith("peer:")||We?.startsWith("admission:"))&&ge(We)},children:[s(Lu,{...U,theme:Pe,detailsPeerId:xe,detailsId:Et,onDetailsEnter:m=>{dt(),ne(`peer:${m}`)},onDetailsLeave:(m,x)=>{qe(x)||ge(`peer:${m}`)},onDetailsDismiss:m=>V(`peer:${m}`)}),!!U.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:U.admissionRequests.map((m,x,P)=>s("li",{style:{display:"flex",position:"relative",zIndex:P.length-x,marginRight:x===P.length-1?0:-4.5},children:s(Hu,{request:m,selected:pt===m.id,dimmed:Q!==null&&Q!==m.id&&P.some(ie=>ie.id===Q),onHoverChange:ie=>ce(D=>ie?m.id:D===m.id?null:D),detailsId:Et,theme:Pe,onDetailsEnter:()=>{dt(),ne(`admission:${m.id}`)},onDetailsLeave:ie=>{qe(ie)||ge(`admission:${m.id}`)},onDetailsDismiss:()=>V(`admission:${m.id}`),onClick:()=>{ne(`admission:${m.id}`),Wt(!1)}})},m.id))})]}),v("div",{className:"legacy-toolbar-controls",style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[(Je.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(m=>!m.captured).length>0)&&(()=>{let m=ho,x=t.annotations.length>0&&t.annotations.every(D=>D.status&&D.status!=="pending"),P=En!==null?m?.annotations.some(D=>D.status&&D.status!=="pending")??!1:x,ie=Xt(po);return s("span",{onMouseEnter:()=>lo("counter"),onMouseLeave:wr,children:s("button",{ref:Wi,type:"button",onClick:()=>{if(Cr.current){Cr.current=!1;return}Vi()},onMouseDown:rd,onMouseUp:Bi,onMouseLeave:Bi,title:"",style:{display:"flex",alignItems:"center",justifyContent:"center",gap:4,minWidth:20,height:20,padding:"0 8px",marginRight:4,border:"none",borderRadius:0,background:P&&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=Je.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(q=>!q.captured).length;if(En!==null)return v(Te,{children:[En+1,v("span",{style:{opacity:.4,display:"flex",gap:4},children:[s("span",{children:"/"}),s("span",{children:D})]})]});let J=od.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(q=>!q.captured).length;return D>J?v(Te,{children:[J,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:()=>lo("clear"),onMouseLeave:wr,children:s(Sl,{siblingActive:t.isAnnotating,onClick:uo,title:"Clear all (\u2318\u232B)",children:s(Xd,{size:17,strokeWidth:1.5})})}),h&&v(Te,{children:[s("div",{style:{width:1,height:20,backgroundColor:"rgba(0, 0, 0, 0.05)",margin:"0 2px"}}),s("span",{onMouseEnter:()=>lo("provider"),onMouseLeave:wr,style:{display:"contents"},children:v("div",{style:{display:"flex",alignItems:"center",gap:0},children:[s(Sl,{onClick:()=>h(ed),children:s(dr,{provider:p})}),v("button",{type:"button",onClick:()=>{let m=(g+1)%y;L?.(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:Ft.iconDefault,whiteSpace:"nowrap"},children:[s("span",{children:w}),s("span",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:td.map(m=>s("div",{style:{width:m.overflow?2:3,height:m.overflow?2:3,borderRadius:"50%",backgroundColor:m.active?Ft.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:Zi,style:{display:"inline-flex",cursor:"pointer"},children:s($o,{expanded:!0,active:!!l,color:Qi,onSettlingChange:St,onClick:nd,onFocus:()=>{H?.("popmelt-trigger",!0),c?.(!0),ne("popmelt-guide")},onBlur:m=>{let x=m.relatedTarget;x instanceof Node&&De.current?.contains(x)||(H?.("popmelt-trigger",!1),c?.(!1),ge("popmelt-guide"))}})})]})]})]},"expanded-toolbar-surfaces")]}):s(Pa,{theme:Pe,snapPosition:te,viewport:be,toolbarRef:Se,"data-popmelt-theme-preference":$t,active:!!l,busy:Pt,color:Qi,onSettlingChange:St,onMouseEnter:B,onCrosshairHover:c,onOpen:()=>{lt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})}})}var Rl=Er(null),v1=()=>()=>{},$l=()=>null;function Go(){return Math.random().toString(36).substring(2,9)}function _r(e){return e.status?e:e.captured?{...e,status:"in_flight"}:{...e,status:"pending"}}function Qe(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 x1(e,t){return{...e,isAnnotating:t}}function w1(e,t){return{...e,activeTool:t}}function C1(e,t){return{...e,activeColor:t}}function k1(e,t){return{...e,strokeWidth:t}}function S1(e,t){let n={id:t.id??Go(),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:Qe(e),annotations:[...e.annotations,n]}}function I1(e,t){return{...Qe(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 M1(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 T1(e,t){return{...Qe(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 E1(e,t){let n=Qe(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 L1(e,t){let n=t.saveUndo?Qe(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 A1(e,t){let n=t.saveUndo?Qe(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 R1(e,t){return{...Qe(e),annotations:[...e.annotations,...t.annotations.map(_r)]}}function $1(e,t){let n=new Set,r=[];for(let o of t.annotations)n.has(o.id)||(n.add(o.id),r.push(_r(o)));return{...e,annotations:r}}function N1(e,t){let n=new Map(e.annotations.map(o=>[o.id,o])),r=t.annotations.map(o=>{let i=_r(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 z1(e,t){let n=new Set(e.annotations.map(o=>o.id)),r=t.annotations.filter(o=>!n.has(o.id)).map(_r);return r.length>0?{...e,annotations:[...e.annotations,...r]}:e}function P1(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 O1(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 H1(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 D1(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 W1(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 j1(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)?{...Qe(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 B1(e){return{...e,annotations:[],undoStack:[],redoStack:[],selectedAnnotationIds:[],lastSelectedId:null,textModifications:[],domModifications:[],spacingTokenChanges:[],spacingTokenMods:[]}}function _1(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=Qe(e),y=g.styleModifications.map((w,S)=>S===d?{...w,changes:[{property:o,original:i,modified:a}],createdAt:w.createdAt??Date.now(),captured:!1,pathname:l}:w);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,w)=>w!==u):p=c.changes.map((y,w)=>w===u?{...y,modified:a}:y)}else{if(i===a)return e;h=Qe(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=Qe(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 F1(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=Qe(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 V1(e,t){let{selector:n,property:r}=t,o=typeof window<"u"?window.location.pathname:"/",i=Qe(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 Q1(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=Qe(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 Z1(e){return e.styleModifications.length===0?e:{...Qe(e),styleModifications:[]}}function U1(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 q1(e,t){let n=Date.now();return{...e,styleModifications:t.map((r,o)=>({...r,createdAt:r.createdAt??n+o}))}}function Y1(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 Nl(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=>Y1(h,r,a,c));if(l===d&&u<0)return e;if(u>=0){let h=e.textModifications[u],f=h.captured&&n?Qe(e):e,g=h.captured?l:h.original;return d===g?{...f,textModifications:f.textModifications.filter((y,w)=>w!==u)}:{...f,textModifications:f.textModifications.map((y,w)=>w===u?{...y,durableSelector:o,element:i,original:g,modified:d,createdAt:y.createdAt??Date.now(),captured:!1,pathname:c}:y)}}let p=n?Qe(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)=>Nl(r,o,!1),n?Qe(e):e)}function X1(e,t){let n=Date.now();return{...e,textModifications:t.map((r,o)=>({...r,createdAt:r.createdAt??n+o}))}}function K1(e,t){let n=Qe(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 G1(e,t){return{...e,domModifications:t}}function e0(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 t0(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 n0(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 r0(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 o0(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 i0(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 a0(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 l0(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 s0(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 d0(e,t){return{...e,spacingTokenChanges:t}}function c0(e,t){let n=Qe(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 u0(e,t){let n=Qe(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 zl(e,t){switch(t.type){case"SET_ANNOTATING":return x1(e,t.payload);case"SET_TOOL":return w1(e,t.payload);case"SET_COLOR":return C1(e,t.payload);case"SET_STROKE_WIDTH":return k1(e,t.payload);case"ADD_TEXT":return S1(e,t.payload);case"UPDATE_TEXT":return I1(e,t.payload);case"CLEAR_INTERACTION_EPISODE":return T1(e,t.payload);case"UPDATE_TEXT_SIZE":return M1(e,t.payload);case"DELETE_ANNOTATION":return E1(e,t.payload);case"MOVE_ANNOTATION":return L1(e,t.payload);case"RESIZE_ANNOTATION":return A1(e,t.payload);case"PASTE_ANNOTATIONS":return R1(e,t.payload);case"RESTORE_ANNOTATIONS":return $1(e,t.payload);case"SYNC_ANNOTATIONS":return N1(e,t.payload);case"MERGE_ANNOTATIONS":return z1(e,t.payload);case"UNDO":return P1(e);case"REDO":return O1(e);case"SELECT_ANNOTATION":return H1(e,t.payload);case"UPDATE_ANNOTATION_COLOR":return D1(e,t.payload);case"MARK_CAPTURED":return W1(e,t.payload?.annotationIds);case"CLEAR":return B1(e);case"DISCARD_DRAFT":return j1(e);case"MODIFY_STYLE":return _1(e,t.payload);case"MODIFY_STYLES_BATCH":return F1(e,t.payload);case"CLEAR_STYLE":return V1(e,t.payload);case"CLEAR_STICKER":return Q1(e,t.payload);case"CLEAR_ALL_STYLES":return Z1(e);case"SETTLE_CAPTURED_STYLES":return U1(e,t.payload);case"RESTORE_STYLE_MODIFICATIONS":return q1(e,t.payload);case"MODIFY_TEXT_CONTENT":return Nl(e,t.payload);case"MODIFY_TEXT_CONTENTS":return J1(e,t.payload,t.saveUndo??!0);case"RESTORE_TEXT_MODIFICATIONS":return X1(e,t.payload);case"MODIFY_DOM_STRUCTURE":return K1(e,t.payload);case"RESTORE_DOM_MODIFICATIONS":return G1(e,t.payload);case"UPDATE_LINKED_POSITIONS":return e0(e,t.payload);case"CLEANUP_ORPHANED":return l0(e,t.payload);case"SET_ANNOTATION_STATUS":return t0(e,t.payload);case"MARK_ANNOTATIONS_REPLIED":return n0(e,t.payload);case"MARK_ANNOTATIONS_FAILED":return r0(e,t.payload);case"SET_ANNOTATION_THREAD":return o0(e,t.payload);case"SET_ANNOTATION_QUESTION":return i0(e,t.payload);case"APPLY_RESOLUTIONS":return a0(e,t.payload);case"ADD_SPACING_TOKEN_CHANGE":return s0(e,t.payload);case"RESTORE_SPACING_TOKEN_CHANGES":return d0(e,t.payload);case"MODIFY_SPACING_TOKEN":return c0(e,t.payload);case"DELETE_SPACING_TOKEN":return u0(e,t.payload);default:return t}}function p0(e,t){let n=pn(Rl),[r,o]=pa(zl,Co),i=ua(n?.subscribe??v1,n?.getSnapshot??$l,n?.getSnapshot??$l)??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 f0(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 Pl(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 ei(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=>Pl(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 h0(e){if(e.awaitingReview)return{jobId:`suggestion:${e.awaitingReview.submissionId}`,threadId:e.awaitingReview.threadId,status:"awaiting_review",selectors:[e.selector],annotationNumber:e.annotationNumber}}function Ol(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 Dn(e){return e?!!e.closest("#devtools-toolbar, #devtools-scrim, #devtools-text-input, [data-devtools], [data-popmelt-panel], [data-popmelt-shadow-host]"):!1}function m0(e,t,n=document){let r=n,o=r.caretPositionFromPoint?.(e,t);if(o?.offsetNode?.nodeType===Node.TEXT_NODE)return o.offsetNode;let i=r.caretRangeFromPoint?.(e,t);return i?.startContainer?.nodeType===Node.TEXT_NODE?i.startContainer:null}function g0(e,t){if(!e)return t();let n=e.style.pointerEvents;e.style.pointerEvents="none";try{return t()}finally{e.style.pointerEvents=n}}function y0(e,t,n){let r=e.ownerDocument.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=e.ownerDocument.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 b0(e,t,n){return g0(n,()=>{let r=Wd(e,t).find(k=>!Dn(k)),o=r?.ownerDocument??document,i=jd(e,t,o),a=m0(i.x,i.y,o);if(!a){let k=r;k&&!Dn(k)&&(a=y0(k,i.x,i.y))}if(!a||!Bd(a.parentElement))return null;let l=a.parentElement;if(Dn(l))return null;for(;l.parentElement&&l!==o.body;){let k=Tr(l).getComputedStyle(l).display,E=k==="inline-block"&&l.childNodes.length===1&&l.firstChild?.nodeType===Node.ELEMENT_NODE;if(k!=="inline"&&k!=="contents"&&!E)break;let $=l.parentElement;if(Dn($))break;if(Array.from($.childNodes).some(T=>T.nodeType===Node.TEXT_NODE&&!!T.nodeValue?.trim())){l=$;continue}let O=Tr($).getComputedStyle($).display,z=O==="inline-block"&&$.childNodes.length===1&&$.firstChild?.nodeType===Node.ELEMENT_NODE;if(O==="inline"||O==="contents"||z){l=$;continue}break}let d=l.tagName.toLowerCase();if(d==="script"||d==="style"||d==="textarea"||d==="input")return null;let c=x0(l),u=c.map(k=>k.originalText).join("");if(!u.trim())return null;let p=Hl(l,a);if(!p)return null;let h=Tr(l).getComputedStyle(l),f=Wl(c,l,h),{textRect:g,boundaryRect:y,boundaryRects:w,flowRect:S,firstLineIndent:C}=f;if(g.width<=0||g.height<=0)return null;let L=parseFloat(h.fontSize)||12,M=h.whiteSpace!=="nowrap"&&h.whiteSpace!=="pre"&&(k0(a)||h.display!=="inline");return{textNode:a,targetElement:l,textNodePath:p,segments:c,originalText:u,rect:g,boundaryRect:y,boundaryRects:w,flowRect:S,firstLineIndent:C,styles:h,fontSize:L,wrapsText:M}})}function Hl(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 v0(e,t){let n=e.ownerDocument.createRange();n.selectNodeContents(e);let r=Mo(n.getBoundingClientRect(),e.ownerDocument);if(n.detach?.(),r.width>0&&r.height>0)return{left:r.left,top:r.top,width:r.width,height:r.height};let o=An(t);return{left:o.left,top:o.top,width:o.width,height:o.height}}function x0(e){let t=[],n=r=>{if(r.nodeType===Node.TEXT_NODE){let i=r,a=Hl(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 Dl(e){return{left:e.left,top:e.top,width:e.width,height:e.height}}function w0(e){let t=[];for(let n of e){if(!n.textNode.isConnected||!n.originalText.trim())continue;let r=n.textNode.ownerDocument.createRange();r.selectNodeContents(n.textNode),t.push(...Array.from(r.getClientRects()).filter(o=>o.width>0&&o.height>0).map(o=>Dl(Mo(o,n.textNode.ownerDocument)))),r.detach?.()}return kd(t)}function C0(e){let t=e.getBoundingClientRect(),n=Tr(e).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 Mo({left:t.left+r,top:t.top+i,width:Math.max(0,t.width-r-o),height:Math.max(0,t.height-i-a)},e.ownerDocument)}function Wl(e,t,n){let r=Dl(An(t)),o=w0(e),i=e[0]?.textNode?v0(e[0].textNode,t):r,a=o.length>0?o:[i];return pd({display:n.display,fragmentRects:a,elementRect:r,parentContentRect:t.parentElement?C0(t.parentElement):void 0})}function k0(e){let t=e.ownerDocument.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 S0(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),w=!g&&f>i&&h<a;if(!y&&!w)return[];let S=Math.max(0,Math.min(u.originalText.length,i-h)),C=Math.max(0,Math.min(u.originalText.length,a-h)),L=u.originalText.slice(0,S);return c||(L+=l,c=!0),L+=u.originalText.slice(C),L===u.originalText?[]:[{segment:u,modifiedText:L}]})}function ti(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 I0(e,t){return!e||!t?e===t:ti(e,t)}function M0(e,t){return e.length===t.length&&e.every((n,r)=>ti(n,t[r]))}function T0(){return{isDragging:!1,hasMoved:!1,mode:"move",startX:0,startY:0,element:null,originalParent:null,originalIndex:-1,selector:null,durableSelector:null,elementInfo:null}}function Fr(e){if(!e||e===document.body||e===document.documentElement||Dn(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 Vt(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 ni(e){return e.parentElement?Array.from(e.parentElement.children).indexOf(e):-1}function jl(e){e.removeAttribute("data-pm"),e.querySelectorAll("[data-pm]").forEach(t=>t.removeAttribute("data-pm"))}function Bl(e,t,n,r,o=Hd){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&&Fr(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=ni(a),u=d==="before"?c:c+1;return{parent:i,reference:a,placement:d,index:u}}function ri(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 E0({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=Bl(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=Bt(d.parent),p=Vt(d.parent),h=Bt(d.reference),f=Vt(d.reference),g=e.selector,y=e.durableSelector,w=e.elementInfo;if(e.mode==="copy"){let C=l.cloneNode(!0);if(!(C instanceof Element))return null;jl(C),ri(d.parent,C,c),g=Vt(C),y=Bt(C),w={...Rn(C),selector:g}}else ri(d.parent,l,c);let S=e.originalParent;return{id:o(),operation:e.mode,selector:g,durableSelector:y,element:w,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:S?Vt(S):void 0,originalParentDurableSelector:S?Bt(S):void 0,originalIndex:e.originalIndex,targetParentSelector:p,targetParentDurableSelector:u,targetIndex:c,referenceSelector:f,referenceDurableSelector:h,placement:d.placement,pathname:r}}function _l(e){return e instanceof HTMLElement&&(e.tagName==="INPUT"||e.tagName==="TEXTAREA"||e.isContentEditable===!0||e.getAttribute("contenteditable")==="true")}function L0(){if(typeof document>"u")return null;let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e}function oi(e){let t=e.composedPath?.()[0]??e.target;return _l(t)||_l(L0())}function Fl(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 A0({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=R([]),f=R(0),g=R(null);F(()=>{let y=w=>{if(w.key==="Escape"){if(w.defaultPrevented||w.repeat||n.current||p||oi(w))return;if(r.current.length>0){w.preventDefault(),i();return}let C=t.current;if(C.annotations.some(L=>(L.status??"pending")==="pending")||C.styleModifications.some(L=>!L.captured)||C.textModifications.some(L=>!L.captured)||C.domModifications.some(L=>!L.captured)||C.spacingTokenChanges.some(L=>!L.captured)||C.spacingTokenMods.some(L=>!L.captured)){w.preventDefault(),o({type:"DISCARD_DRAFT"});return}}if((w.metaKey||w.ctrlKey)&&w.key.toLowerCase()==="c"&&e.activeTool==="hand"&&l&&!n.current){if(Fr(l)){w.preventDefault();let C=Vt(l);g.current={source:l,sourceSelector:C,sourceDurableSelector:Bt(l),sourceElement:{...Rn(l),selector:C}}}return}if((w.metaKey||w.ctrlKey)&&w.key.toLowerCase()==="v"&&e.activeTool==="hand"&&g.current&&!n.current){let C=g.current,L=l&&Fr(l)?l:C.source,M=L.parentElement;if(M){w.preventDefault();let k=Bt(M),E=Vt(M),$=Bt(L),O=Vt(L),z=ni(L)+1,T=C.source.cloneNode(!0);if(T instanceof Element){jl(T),ri(M,T,z);let j=Vt(T),Z=Bt(T),ae={...Rn(T),selector:j};o({type:"MODIFY_DOM_STRUCTURE",payload:{id:Go(),operation:"copy",selector:j,durableSelector:Z,element:ae,sourceSelector:C.sourceSelector,sourceDurableSelector:C.sourceDurableSelector,sourceElement:C.sourceElement,targetParentSelector:E,targetParentDurableSelector:k,targetIndex:z,referenceSelector:O,referenceDurableSelector:$,placement:"after",pathname:u}})}}return}if((w.metaKey||w.ctrlKey)&&w.key==="v"&&h.current.length>0&&!n.current){w.preventDefault(),f.current+=1;let C=f.current*20,L=h.current[0]?.groupId?Math.random().toString(36).substring(2,9):void 0,M=h.current.map(E=>({...E,id:Math.random().toString(36).substring(2,9),groupId:E.groupId?L:void 0,timestamp:Date.now(),points:E.points.map($=>({x:$.x+C,y:$.y+C}))}));o({type:"PASTE_ANNOTATIONS",payload:{annotations:M}});let k=M.find(E=>E.type!=="text")??M[0];k&&a(k.id);return}let S=r.current;if(!n.current&&!oi(w)&&(w.key==="Delete"||w.key==="Backspace")&&!w.metaKey&&!w.ctrlKey&&!w.altKey){if(S.length===0&&!c)return;let C=Fl(t.current.annotations,S,c);if(!d||C.length===0)return;w.preventDefault();for(let L of C)d(L);i()}};return window.addEventListener("keydown",y),()=>window.removeEventListener("keydown",y)},[n,i,u,o,l,p,d,c,a,r,e.activeTool,t])}var Ke=["slate","gray","zinc","neutral","stone","red","orange","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"],ii=[50,100,200,300,400,500,600,700,800,900,950],ai=500,R0={name:"neutral",step:950},Vr={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 cr(e,t){return Vr[e][t]}function $0(e,t){let n=Ke.indexOf(e);return Ke[(n+t+Ke.length)%Ke.length]}function N0(e,t){let n=Ke.indexOf(e);return Ke[(n+t%Ke.length+Ke.length)%Ke.length]}function z0(e,t){let n=Ke.indexOf(e),r=(Ke.indexOf(t)-n+Ke.length)%Ke.length;return r<=Ke.length/2?r:r-Ke.length}function 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 P0(e){let t=vn(e);if(!t)return null;let n=null;for(let r of Ke)for(let o of ii){let i=vn(Vr[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 O0(e,t){let n=vn(t);return n?ii.reduce((r,o)=>{let i=vn(Vr[e][r]),a=vn(Vr[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 Vl(e,t){let n=vn(e),r=vn(t);return n!==null&&r!==null&&n.every((o,i)=>o===r[i])}var ct=["padding","margin","border","radius","stack","grid","text","color","transform","opacity"],Wn=[0,1,2,3,4,6,8,10,12,16],H0=[-16,-12,-10,-8,-6,-4,-3,-2,-1,0,1,2,3,4,6,8,10,12,16],D0=[0,1,2,4,8],W0=["vertical","horizontal"],j0=["stretch","start","center","end","baseline"],B0=["start","center","end","between","around","evenly"],_0=[1,2,3,4,5,6],Ql=["xs","sm","base","lg","xl","2xl","3xl","4xl"],Zl=[300,400,500,600,700,800],Ul=["none","tight","snug","normal","relaxed","loose"],ql=["tighter","tight","normal","wide","wider","widest"],Yl=["left","center","right","justify"],Jl=[25,50,75,90,95,100,105,110,125,150],Xl=[-180,-90,-45,-25,-12,-6,-3,-2,-1,0,1,2,3,6,12,25,45,90,180],Kl=[0,5,10,20,25,30,40,50,60,70,75,80,90,95,100],Gl=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],F0={padding:Wn,margin:Wn,border:D0,radius:Wn},V0={padding:"p",margin:"m",border:"border",radius:"rounded",stack:"flex",grid:"grid",text:"text",color:"text",transform:"transform",opacity:"opacity"},Q0={padding:"P",margin:"M",border:"B",radius:"R",stack:"F",grid:"G",text:"FO",color:"BG",transform:"T",opacity:"O"},Z0={padding:"Padding",margin:"Margin",border:"Borders",radius:"Radii",stack:"Flexbox",grid:"Grid",text:"Fonts",color:"Background",transform:"Transform",opacity:"Opacity"},U0={padding:["all","x","y","top","right","bottom","left"],margin:["all","x","y","top","right","bottom","left"],border:["all","top","right","bottom","left","color"],radius:["all","top-left","top-right","bottom-right","bottom-left"],stack:["direction","gap","align","justify"],grid:["gap","rows","columns"],text:["size","weight","line-height","letter-spacing","text-align","color"],color:Ke,transform:["translate","scale","rotate"],opacity:["opacity","mix-blend"]},es={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 tt(e){return Ke.includes(e)}function xn(e,t){return e==="color"||(e==="text"||e==="border")&&(t==="color"||tt(t))}var Qr=e=>encodeURIComponent(e),ts=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='${Qr(e)}' flood-opacity='.42'/%3E%3CfeDropShadow dx='0' dy='1.25' stdDeviation='1.1' flood-color='${Qr(e)}' flood-opacity='.24'/%3E%3C/filter%3E%3C/defs%3E`;function q0(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${ts(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='${Qr(e)}' stroke='white' stroke-width='1.25'/%3E%3C/svg%3E") 4 4, pointer`}function Y0(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${ts(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='${Qr(e)}' stroke='white' stroke-width='1.111'/%3E%3C/svg%3E") 4 4, pointer`}function wn(e,t="all"){let n=yt(e,t);return e==="color"||(e==="text"||e==="border")&&xn(e,n)?ii:e==="stack"?n==="direction"?W0:n==="align"?j0:n==="justify"?B0:Wn:e==="grid"?n==="gap"?Wn:_0:e==="text"?n==="weight"?Zl:n==="line-height"?Ul:n==="letter-spacing"?ql:n==="text-align"?Yl:Ql:e==="transform"?n==="scale"?Jl:n==="rotate"?Xl:H0:e==="opacity"?n==="mix-blend"?Gl:Kl:F0[e]}function ns(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 li(e){return U0[e]}function yt(e,t){if(e==="stack"&&(t==="vertical"||t==="horizontal"))return"direction";if((e==="text"||e==="border")&&tt(t))return t;let n=li(e);return n.includes(t)?t:n[0]}function J0(e,t){return e==="text"?"size":e==="transform"?"translate":e==="opacity"?"opacity":yt(e,t)}function X0(e,t,n){return e==="family"?"family":(t==="text"||t==="border")&&n==="color"?"variant":"value"}function K0(e,t,n){let r=li(e),o=(e==="text"||e==="border")&&tt(t)?"color":yt(e,t),i=r.indexOf(o);return r[(i+n+r.length)%r.length]}function G0(e,t){let n=ct.indexOf(e);return ct[(n+t+ct.length)%ct.length]}function e2(e,t,n,r="all"){let o=wn(e,r),i=ns(e,t,r),a=o.indexOf(i);return o[(a+n+o.length)%o.length]}function t2(e){return Q0[e]}function Zr(e){return Z0[e]}function n2(e,t){let n=yt(e,t);return e==="color"||(e==="text"||e==="border")&&tt(n)?n:`${t2(e)}${es[n]}`}function si(e,t){let n=yt(e,t);return e==="color"||(e==="text"||e==="border")&&tt(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"?Zr(e):es[n]}function jn(e,t){let n=yt(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"||tt(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"||tt(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 rs(e,t){let n=yt(e,t);return e==="color"?["background-color"]:e==="stack"||e==="grid"?n==="gap"?["row-gap","column-gap"]:[jn(e,n)]:e==="text"?n==="color"||tt(n)?["color"]:n==="line-height"||n==="letter-spacing"?[jn(e,n),"font-size"]:[jn(e,n)]:e==="border"&&(n==="color"||tt(n))?["border-top-color","border-right-color","border-bottom-color","border-left-color"]:e==="transform"||e==="opacity"?[jn(e,n)]:(e==="padding"||e==="margin")&&n==="x"?[`${e}-left`,`${e}-right`]:(e==="padding"||e==="margin")&&n==="y"?[`${e}-top`,`${e}-bottom`]:n!=="all"?[jn(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 wt(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 ur(e,t,n){let r=n.trim().toLowerCase();if(e==="text"){if(t==="size"){let o=wt(n,e);return o===null?null:tn(Ql,i=>Ur[i],o)}if(t==="weight"){if(r==="normal")return 400;if(r==="bold")return 700;let o=Number(r);return Number.isFinite(o)?tn(Zl,i=>i,o):null}if(t==="text-align")return r==="start"?"left":r==="end"?"right":Yl.includes(r)?r:null}if(e==="transform"){if(r==="none")return t==="scale"?100:0;if(t==="translate"){let o=wt(n,e);return o===null?null:tn(Wn,i=>i*4,o)}if(t==="scale"){let o=Number.parseFloat(n)*100;return Number.isFinite(o)?tn(Jl,i=>i,o):null}if(t==="rotate"){let o=Number.parseFloat(n);return Number.isFinite(o)?tn(Xl,i=>i,o):null}}if(e==="opacity"){if(t==="mix-blend")return Gl.includes(r)?r:null;let o=Number.parseFloat(n)*100;return Number.isFinite(o)?tn(Kl,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 r2(e,t,n="all"){let r=yt(e,n);if(e==="color"||(e==="text"||e==="border")&&tt(r)){let l=O0(r,t[0]??"");if(l===null)return null;let d=cr(r,l);return t.every(c=>Vl(c,d))?l:null}if(e==="text"){if(r==="line-height"&&(t[0]??"").trim().toLowerCase()==="normal")return"normal";if(r==="line-height"){let l=wt(t[0]??"",e),d=wt(t[1]??"",e);return l===null||d===null||d===0?null:tn(Ul,c=>qr[c],l/d)}if(r==="letter-spacing"){let l=(t[0]??"").trim().toLowerCase();if(l==="normal")return"normal";let d=wt(l,e),c=wt(t[1]??"",e);return d===null||c===null||c===0?null:tn(ql,u=>Yr[u],d/c)}return ur(e,r,t[0]??"")}if(e==="transform"||e==="opacity"||e==="stack"&&r!=="gap")return ur(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=>wt(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(pr(e,d,r))-i)<Math.abs(Number.parseFloat(pr(e,l,r))-i)?d:l)}function o2(e,t,n,r="all"){let o=yt(e,r);if(e==="color"||(e==="text"||e==="border")&&tt(o)){let l=cr(o,t);return n.length>0&&n.every(d=>Vl(d,l))}if(e==="text"){if(o==="size"){let l=wt(n[0]??"",e);return l!==null&&Math.abs(l-Ur[t])<.01}if(o==="weight")return ur(e,o,n[0]??"")===t;if(o==="line-height"){let l=(n[0]??"").trim().toLowerCase();if(l==="normal")return t==="normal";let d=wt(l,e),c=wt(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-qr[t])<.01}if(o==="letter-spacing"){let l=(n[0]??"").trim().toLowerCase();if(l==="normal")return t==="normal";let d=wt(l,e),c=wt(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Yr[t])<.001}return ur(e,o,n[0]??"")===t}if(e==="transform"||e==="opacity"||e==="stack"&&o!=="gap")return ur(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(pr(e,t,o)),a=n.map(l=>wt(l,e));return a.length>0&&a.every(l=>l!==null&&Math.abs(l-i)<.01)}function i2(e,t,n,r){let o=o2(e,t,rs(e,n).map(r),n),i=as(e),a=is(e,n,t).every(c=>r(c.property).trim()===c.value),l=e==="border"&&!xn(e,n)&&typeof t=="number"&&t>0?os(n):null,d=!l||!["","none"].includes(r(l).trim());return o&&(!i||r("display").trim()===i)&&a&&d}function os(e){let t=yt("border",e);return t==="all"?"border-style":`border-${t}-style`}function a2(e){return e==="color"?"background-color":e==="border"?"border-top-color":"color"}function di(e,t,n){let r=yt(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 tt(r)?`text-${r}-${t}`:r==="size"?`text-${t}`:r==="weight"?s2[t]:r==="line-height"?`leading-${t}`:r==="letter-spacing"?`tracking-${t}`:`text-${t}`;if(e==="border"&&tt(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=V0[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 pr(e,t,n="all"){let r=yt(e,n);if(e==="color"||(e==="text"||e==="border")&&tt(r))return cr(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"?`${Ur[t]}px`:r==="weight"?String(t):r==="line-height"?String(qr[t]):r==="letter-spacing"?`${Yr[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 is(e,t,n){let r=yt(e,t);return(e==="padding"||e==="margin")&&(r==="x"||r==="y")?[{property:r==="x"?`${e}-right`:`${e}-bottom`,value:pr(e,n??0,r),token:di(e,n??0,r)}]:[]}function l2(e,t,n){if(t==="text"&&(n==="size"||n==="all"))return String(Ur[e]);if(t==="text"&&n==="line-height"){let r=qr[e];return String(Number(r.toFixed(1)))}if(t==="text"&&n==="letter-spacing"){let r=Yr[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 as(e){return e==="stack"?"flex":e==="grid"?"grid":null}var Ur={xs:12,sm:14,base:16,lg:18,xl:20,"2xl":24,"3xl":30,"4xl":36},s2={300:"font-light",400:"font-normal",500:"font-medium",600:"font-semibold",700:"font-bold",800:"font-extrabold"},qr={none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2},Yr={tighter:-.05,tight:-.025,normal:0,wide:.025,wider:.05,widest:.1};function tn(e,t,n){return e.reduce((r,o)=>Math.abs(t(o)-n)<Math.abs(t(r)-n)?o:r)}function fr(e,t){return t.selectors??(t.targetBindingId?[]:[e])}function d2(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 c2(e,t,n,r){let o=[...new Set(e)];return o.length!==1?n:Jr(o[0],t,r)?.color??n}function u2(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Jr(n[0],t);return r?.continuationEligible?r.threadId:void 0}function p2(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Jr(n[0],t);return r?.continuationEligible?r.targetBindingId:void 0}function Jr(e,t,n){for(let[o,i]of t)if(fr(o,i).includes(e))return i;if(!n)return;let r=n(e);if(r){for(let[o,i]of t)if(fr(o,i).some(a=>n(a)===r))return i}}function f2(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 h2(e,t){let n=new Set;for(let[r,o]of e)if(t.has(o.threadId))for(let i of fr(r,o))n.add(i);return n}function m2(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 fr(d,c))a.add(u);let l=new Map(e);for(let d of a){let c=[...l].find(([f,g])=>fr(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 g2(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 y2(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 ci(e,t,n){if(t)return e?t.jobId===n?t:void 0:t}var b2=Number.MAX_SAFE_INTEGER;function Xr(e){return`${e.pathname??"*"}\0${e.selector}`}function v2(e,t){return`element:${e??"*"}\0${t}`}function ui({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?v2(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=Xr(u),h=`element:${p}`,f=u.createdAt??b2,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 ls({state:e,pageAnnotations:t,pageStyleModifications:n,pageTextModifications:r}){let o=fe(()=>zr(e.annotations),[e.annotations]),i=fe(()=>ui({annotations:t.filter(l=>!o.has(l)),styleModifications:n,textModifications:r}),[t,n,r,o]),a=fe(()=>{let l=new Map,d=c=>{let u=i.modificationNumberByKey.get(Xr(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 x2(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 ss="devtools-active-text";function w2(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 C2(e,t,n){if(e.current)return n;e.current=!0;try{return await t()}finally{e.current=!1}}function k2(e){e.removeItem(ss)}function S2(e){return e.key!=="Enter"||!e.metaKey&&!e.ctrlKey?!1:(e.preventDefault(),e.stopPropagation(),!0)}function I2(e){return e?e.originalText!==void 0?e.text!==e.originalText:e.text.trim().length>0||!!e.hasInteractionEpisode:!1}function M2(e){let t=new Map;for(let n of e)n.groupId&&n.threadId&&t.set(n.groupId,n.threadId);return t}function T2(e,t){return e.threadId??(e.groupId?t.get(e.groupId):void 0)}function pi(e,t,n=new Set){let r=M2(e);return e.filter(o=>{let i=T2(o,r);return Tl(o,t)&&o.status!=="dismissed"&&(!i||!n.has(i))})}function ds(e,t,n,r=new Set,o=new Map){let i=new Set;for(let a of pi(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 E2({state:e,activeText:t,currentPathname:n,dismissedThreadIds:r,modifiedElementThreadStates:o}){let i=fe(()=>pi(e.annotations,n,r),[e.annotations,n,r]),a=fe(()=>ds(e.styleModifications,e.annotations,n,r,o),[e.annotations,e.styleModifications,n,r,o]),l=fe(()=>ds(e.textModifications,e.annotations,n,r,o),[e.annotations,e.textModifications,n,r,o]),d=fe(()=>{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=fe(()=>w2(e.annotations,t,d),[e.annotations,t,d]),u=fe(()=>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 L2(e,t="host",n){let[r,o]=N(()=>n?.read().selectedId??t),[i,a]=N(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 A2({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:fd,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 R2(e,t=[],n=""){let r=new Map;if(!e)return r;let o=ei(e,t,n),i=zr(o.annotations),a=o.annotations.filter(d=>!i.has(d)),l=ui({...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(Xr(d));c&&u!==void 0&&!r.has(c)&&r.set(c,u)}return r}function $2(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 N2(e,t,n){let r=new Set(t);return e.filter(o=>!r.has(o)&&!n.has(o))}function z2(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 P2(e,t){return new Set(e.filter(n=>n.lastMessageRole==="human"&&!t.has(n.id)).map(n=>n.id))}function O2(e){return new Set(e.flatMap(t=>t.acknowledgedJobIds??[]))}function H2(e){return new Set(e.filter(t=>!t.pendingQuestion).map(t=>t.id))}function D2(e,t){return t?e.some(n=>n.jobId===t&&(n.role==="assistant"||!!n.error||!!n.cancelled)&&!n.queued):!0}function fi(e,t){let n=`${t||"/"}:`;return e.startsWith(n)?e.slice(n.length)||null:e.startsWith("/")?null:e}function W2(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=fi(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=fi(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 j2(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 B2(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 _2(e){return B2(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 F2(e){return e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function cs(e){return`${e} image${e>1?"s":""} attached`}function hi(e){return e<=0?0:32+String(e).length*7.2}function us({imageCount:e,color:t,layered:n=!1}){return e<=0?null:v("div",{"data-devtools":"active-image-attachment-badge",role:"img","aria-label":cs(e),title:cs(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?Sr:void 0,WebkitMaskImage:n?Sr: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 ${Ct}`,whiteSpace:"nowrap",maskImage:n?vo:void 0,WebkitMaskImage:n?vo:void 0},children:[s(Kd,{size:12,strokeWidth:2,"aria-hidden":!0}),e]})]})}function V2({point:e,scroll:t,attachments:n,showAttachments:r,onRemoveAttachment:o}){return s(Te,{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 ",F2(i.size)," \xD7"]},i.id))})})}function Q2(e){return[...e.tokens.map(t=>t.label),`${e.typed}${e.completion||e.fallback}`].filter(Boolean).join(" ")}function Z2({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,nn=42,rn=24,mi=7.5,ps=10,U2=140,gi=750,Kr=250,fs=200,q2=34,yi=44,hs=(nn-rn)/2,Y2=yi+rn,ms=10,Bn=8,$e=32,gs=$e+8,ys=(gs-$e)/2,Rt=250,bs=400,vs="cubic-bezier(0.16, 1, 0.3, 1)",xs=180,J2=[0,180,240,300],X2=40,K2=80,G2=8;function ws(e,t,n=nn,r=X2,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 Cs(e,t,n,r=nn,o=K2,i=G2,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 ef(e,t=mi){return e===null?rn:Math.max(39,18+t*2+Math.ceil(e))}function tf(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 nf={padding:"padding",margin:"margin",border:"border",radius:"radius",stack:"stack-vertical",grid:"grid",text:"text-size",color:"palette",transform:"transform-translate",opacity:"opacity"},rf={top:0,right:90,bottom:180,left:270},of={"top-right":0,"bottom-right":90,"bottom-left":180,"top-left":270};function af(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:nf[e],rotation:0}:e==="radius"?{name:"radius-top-right",rotation:of[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)+(rf[t]??0)}}function lf({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(Te,{children:s("path",{d:"M4 1.25H8M4 10.75H8M1.25 8V4M10.75 8V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"radius":return s(Te,{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(Te,{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(Te,{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(Te,{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(Te,{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(Te,{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(Te,{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 hr({family:e,size:t=12,step:n,subproperty:r="all"}){let o=af(e,r),i=o.name==="text-size"?gc:o.name==="text-weight"?yc:o.name==="text-leading"?bc:o.name==="text-tracking"?vc:o.name==="text-align"?Ca:o.name==="palette"?ka:o.name==="transform-translate"?xc:o.name==="transform-scale"?wc:o.name==="transform-rotate"?Cc:o.name==="opacity"?kc:o.name==="mix-blend"?Sc: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 ${Rt}ms ease, height ${Rt}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 ${Rt}ms ease, height ${Rt}ms ease`},children:s(lf,{name:o.name})})}function sf(e,t){let n=(ct.indexOf(e)+t%ct.length+ct.length)%ct.length;return ct[n]}function df(e,t){let n=ct.indexOf(e),r=(ct.indexOf(t)-n+ct.length)%ct.length;return r<=ct.length/2?r:r-ct.length}function cf(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 uf(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 bi({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 ${Rt}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 ${bs}ms ${vs}`},children:n(l,d)},l)})})]})}function pf({family:e,colors:t,showControl:n=!0,activeColor:r,snapActiveColor:o}){let i=R(e),a=R(e),[l,d]=N(0);return Ve(()=>{if(a.current===e)return;let c=df(a.current,e);a.current=e,d(u=>u+c)},[e]),s(bi,{offset:l,colors:t,showControl:n,activeColor:r,snapActiveColor:o,renderItem:(c,u)=>{let p=sf(i.current,c);return s(hr,{family:p,subproperty:"all",size:u?14:12})}})}function ff({color:e,colors:t,showControl:n=!0}){let r=R(e),o=R(e),[i,a]=N(0);return Ve(()=>{if(o.current===e)return;let l=z0(o.current,e);o.current=e,a(d=>d+l)},[e]),s(bi,{offset:i,colors:t,showControl:n,renderItem:(l,d)=>{let c=N0(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:cr(c,ai),boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 0.08)",transition:`width ${Rt}ms ease, height ${Rt}ms ease`}})}})}function hf({name:e,size:t}){let n=e==="align-start"?Ec:e==="align-center"?Lc:e==="align-end"?Ac:e==="align-stretch"?Rc:e==="justify-start"?$c:e==="justify-center"?Nc:e==="justify-end"?zc:e==="justify-between"?Pc:e==="justify-around"?Oc:e==="text-align-left"?Ca:e==="text-align-center"?Hc:e==="text-align-right"?Dc:e==="text-align-justify"?Wc: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(Te,{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(Te,{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 mf({family:e,step:t,subproperty:n,colors:r,showControl:o=!0,unavailable:i=!1,activeColor:a,snapActiveColor:l=!1}){let d=R(t),c=R(t),[u,p]=N(0);return F(()=>{if(c.current===t)return;let h=uf(e,c.current,t,n);c.current=t,p(f=>f+h)},[e,t,n]),s(bi,{offset:u,colors:r,showControl:o,activeColor:a??(i?r.muted:r.primary),snapActiveColor:l,renderItem:(h,f)=>{let g=cf(e,d.current,h,n),y=tf(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 ${Rt}ms ease`},children:y?s(hf,{name:y,size:f?14:12}):l2(g,e,n)})}})}function gf(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 yf(e){return e==="family"?0:yi-hs}function ks(e){return e==="family"?$e/rn:1}function bf(e){return e==="family"?14/(12*ks(e)):1}function vf(e,t,n){return`${e}:${t}:${n}`}function xf(e,t,n="all"){return t==="value"||xn(e,n)&&t==="variant"}function wf(e,t){let n=Zr(e),r=si(e,t);return r===n?n:`${n} ${r}`}function Cf(e,t,n){return tt(n)?e==="color"?t!=="family":(e==="text"||e==="border")&&t==="value":!1}function kf({family:e,step:t,subproperty:n,stage:r,accentColor:o,applyPulse:i=0,snapPulse:a=0,stepUnavailable:l=!1,colors:d}){let c=gf(r,e,n),u=R(r),p=R(i),h=R(a),[f,g]=N(!1),y=h.current!==a;Ve(()=>{h.current=a},[a]),Ve(()=>{let S=u.current!==r&&r!=="family",C=r==="value"&&p.current!==i;if(u.current=r,p.current=i,!S&&!C)return;g(!0);let L=window.requestAnimationFrame(()=>g(!1));return()=>window.cancelAnimationFrame(L)},[i,r]);let w=S=>({position:"absolute",left:0,right:0,top:ys,height:$e,transform:`translateY(${S}px)`,transition:y?"none":`transform ${Rt}ms ease`,willChange:"transform"});return v("div",{"data-popmelt-sticker-depth-rail":r,style:{position:"relative",width:96,height:gs,marginBlock:-4,overflow:"hidden",zIndex:2},children:[s("span",{"aria-hidden":"true","data-popmelt-sticker-depth-control":!0,style:{position:"absolute",left:$e,top:ys,width:$e,height:$e,borderRadius:$e/2,background:f?o:d.control,transition:f?"none":`background ${bs}ms ${vs}`}}),s("div",{"aria-hidden":r!=="family","data-popmelt-sticker-depth-row":"family",style:w(c.family),children:s(pf,{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:w(c.variant),children:xn(e,n)&&tt(n)&&s(ff,{color:n,colors:d,showControl:!1})}),s("div",{"aria-hidden":r!=="value","data-popmelt-sticker-depth-row":"value",style:w(c.value),children:s(mf,{family:e,step:t,subproperty:n,colors:d,showControl:!1,unavailable:l,activeColor:f?d.surface:void 0,snapActiveColor:f},vf(r,e,n))})]})}function Ss(e,t,n=nn,r=Cn){let o=e.x+ms,i=e.y+ms;return{left:Math.min(Math.max(Bn,o),Math.max(Bn,t.width-r-Bn)),top:Math.min(Math.max(Bn,i),Math.max(Bn,t.height-n-Bn))}}function Is(e,t,n){return n?0:Math.min(e,t)}function Sf({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]=bo(),w=Me[y],S=`color-mix(in srgb, ${w.actionForeground} 16%, ${w.actionSurface})`,C=n2(t,r),L=R(t),M=R(o),k=R(r),E=R(o),$=R(a),O=R(l),z=R(c),T=R(null),j=R(!1),Z=R(!1),ae=R(0),he=R(0),le=R(0),Y=R(0),[ve,G]=N(null),[we,Le]=N(!1),[X,ke]=N(!1),[A,I]=N(!1),[W,B]=N(null),[H,ee]=N(!1),[Se,te]=N(0),[Ze,U]=N(!1),[Oe,re]=N(!1);Ve(()=>{if(z.current===c)return;z.current=c,re(!1);let Be=window.requestAnimationFrame(()=>re(!0)),Pe=window.setTimeout(()=>re(!1),240);return()=>{window.cancelAnimationFrame(Be),window.clearTimeout(Pe)}},[c]),Ve(()=>{let Be=E.current!==o&&o!=="family",Pe=o==="value"&&$.current!==a;if(E.current=o,$.current=a,!Be&&!Pe)return;U(!0);let Qt=window.requestAnimationFrame(()=>U(!1));return()=>window.cancelAnimationFrame(Qt)},[a,o]),Ve(()=>{let Be=M.current!=="family"&&o==="family";M.current=o;let Pe=($t=!1)=>{ae.current&&window.cancelAnimationFrame(ae.current),$t||window.clearTimeout(he.current),window.clearTimeout(le.current),window.clearTimeout(Y.current),ae.current=0,$t||(he.current=0),le.current=0,Y.current=0},Qt=$t=>{let Re=fs;le.current=window.setTimeout(()=>{ke($t),Z.current=!1,Le(!1)},gi),Y.current=window.setTimeout(()=>{j.current=!1,G(null)},gi+Re+q2)};if(o!=="family"){if(Pe(),L.current=t,!j.current)return;ke(!0),Z.current=!1,Le(!1),Y.current=window.setTimeout(()=>{j.current=!1,G(null)},Kr);return}if(!(L.current===t&&!Be)){if(L.current=t,j.current=!0,G(t),Be){Pe(),ke(!1),I(!0),Z.current=!0,Le(!0),he.current=window.setTimeout(()=>{he.current=0,I(!1)},Kr),Qt(!1);return}he.current||(Pe(!0),I(!1),ke(!1),Z.current||(Z.current=!0,Le(!0)),Qt(!1))}},[t,o]),F(()=>()=>{window.cancelAnimationFrame(ae.current),window.clearTimeout(he.current),window.clearTimeout(le.current),window.clearTimeout(Y.current)},[]),F(()=>{let Be=O.current!==l;if(O.current=l,!xf(t,o,r)){B(null),ee(!1),k.current=r;return}if(L.current!==t){k.current=r,B(null),ee(!1);return}if(k.current===r&&!Be)return;k.current=r,ee(Be),B(Be?wf(t,r):si(t,r));let Pe=window.setTimeout(()=>{B(null),ee(!1)},gi);return()=>window.clearTimeout(Pe)},[l,t,o,r]),Ve(()=>{if(!W||!T.current){te(0);return}te(T.current.scrollWidth)},[W]);let Ae=ef(W?Se:null,H?ps:mi),ye=H?ps:mi,Ie=W?0:U2,me=p||o!=="family"||ve?Y2:nn,at=fe(()=>Ss(e,{width:typeof window>"u"?Cn:window.innerWidth,height:typeof window>"u"?nn:window.innerHeight},me),[me,e]),St=h?ws(at,h.getBoundingClientRect(),me):1,Pt=f?Cs(e,at,f.getBoundingClientRect(),me):1,be=Is(St,Pt,g),Ne={position:"fixed",left:at.left,top:at.top,width:Cn,height:nn,display:"flex",alignItems:"center",justifyContent:"center",gap:1,boxSizing:"border-box",padding:4,border:`1px solid ${w.border}`,borderRadius:22,background:w.surface,color:w.primary,fontFamily:Ct,fontSize:12,fontWeight:600,lineHeight:1,pointerEvents:"none",overflow:"visible",opacity:be,transform:`scale(${be})`,transformOrigin:`${e.x-at.left}px ${e.y-at.top}px`,visibility:be===0?"hidden":"visible",animation:Oe?"popmeltStickerReject 220ms ease-out":void 0,zIndex:2147483647,colorScheme:y},lt=p?Q2(p):"";return v("div",{role:"status","aria-label":p?`Sticker search: ${lt||"search tokens"}`:`Sticker ${o}: ${o==="family"?t:o==="variant"?C:`${n} ${C}`}`,"data-popmelt-sticker-hud":!0,"aria-hidden":g||void 0,style:Ne,children:[s("style",{children:`@keyframes popmeltStickerReject {
256
256
  ${Kn}
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:w.surface,zIndex:1}}),s(Cf,{family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a,snapPulse:d,stepUnavailable:u,colors:w}),!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-Ae)/2,top:hs,width:Ae,height:rn,display:"flex",alignItems:"center",justifyContent:"center",gap:W?4:0,padding:W?`0 ${ye}px`:0,boxSizing:"border-box",border:`1px solid ${S}`,borderRadius:rn/2,background:w.actionSurface,color:w.actionForeground,transform:`translateY(${gf(o)}px) scale(${ks(o)})`,transition:`left ${Ie}ms ease-out, width ${Ie}ms ease-out, gap ${Ie}ms ease-out, padding ${Ie}ms ease-out, transform ${Rt}ms ease`,transformOrigin:"center",willChange:"left, width, transform",overflow:"hidden",zIndex:0},children:[s("span",{style:{display:"block",transform:`scale(${yf(o)})`,transition:`transform ${Rt}ms ease`,transformOrigin:"center"},children:wf(t,o,r)?s("span",{"data-popmelt-sticker-color-context":r,style:{display:"block",width:12,height:12,borderRadius:"50%",background:cr(r,o==="value"?n:ai),boxShadow:"inset 0 0 0 1px rgb(255 255 255 / 0.16)"}}):s(hr,{family:t,subproperty:t==="text"&&o==="variant"&&tt(r)?"color":r})}),s("span",{ref:T,"data-popmelt-sticker-subproperty-label":!0,style:{flexShrink:0,opacity:W&&Se>0?1:0,color:w.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transition:"opacity 120ms ease"},children:W})]}),p&&s(Q2,{query:p,border:S,background:w.actionSurface,foreground:w.actionForeground,renderIcon:je=>s(hr,{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:(nn-$e)/2,width:$e,height:$e,overflow:"visible",pointerEvents:"none",zIndex:3},children:Y2.map(je=>s("span",{style:{position:"absolute",left:"50%",top:"50%",width:4,height:1.5,borderRadius:1,background:i,opacity:Ze?1:0,transform:`translate(-50%, -50%) rotate(${je}deg) translateX(${Ze?17:30}px) scaleX(${Ze?.7:1})`,transformOrigin:"center",transition:Ze?"none":`transform ${xs}ms cubic-bezier(0.16, 1, 0.3, 1), opacity ${xs}ms ease-out`,willChange:"transform, opacity"}},je))}),!p&&ve&&s("span",{"data-popmelt-sticker-family-label":!0,style:{position:"absolute",left:"50%",top:yi,height:rn,display:"flex",alignItems:"center",justifyContent:"center",padding:"0 10px",boxSizing:"border-box",opacity:we?1:0,transform:`translate(-50%, ${X?-35:0}px) scale(${X?.9:1})`,transformOrigin:"center",transition:`transform ${Kr}ms ease, opacity ${fs}ms ease`,animation:we&&A?`popmeltStickerFamilyLabelEnter ${Kr}ms ease`:void 0,border:`1px solid ${S}`,borderRadius:rn/2,background:w.actionSurface,color:w.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",willChange:"transform, opacity",zIndex:0},children:Zr(ve)})]})}var Sf=3,If=250,vi=["reviewing","considering","thinking","zhuzhing","iterating","tweaking","reflecting","noodling","pondering","finessing","polishing","riffing"],Mf=3e3;function Tf(e){let t=pn(Xi),[n,r]=N(0),[o,i]=N(()=>Math.floor(Math.random()*vi.length));return F(()=>{if(!e||!t)return;let a=setInterval(()=>r(d=>(d+1)%Sf),If),l=setInterval(()=>i(d=>(d+1)%vi.length),Mf);return()=>{clearInterval(a),clearInterval(l)}},[e,t]),{charIndex:n,word:vi[o]}}function Ms(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 Ef=["id","data-pm","data-popmelt-frame","data-testid","data-test","data-cy","data-popmelt-media-id","data-popmelt-see-id","data-popmelt-subject-key","aria-label","name","href"],Lf=["style","class","open","hidden","aria-hidden","data-state"];function xi(e){let t=new Set(Ef);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,...Lf])],changesIdentity:n=>n.type!=="attributes"||t.has(n.attributeName??"")}}var wi=12,Ts=.24,Es=8;function Ls(e){return{boxSizing:"border-box",height:22,display:"flex",alignItems:"center",gap:4,backgroundColor:e,color:"#fff",fontSize:wi,lineHeight:`${wi*Ji}px`,fontFamily:Yi,letterSpacing:`${Ts}px`,padding:`0 ${Es}px`,borderRadius:8,whiteSpace:"nowrap",maxWidth:400}}var Af={overflow:"hidden",textOverflow:"ellipsis",flex:1,minWidth:0};function As(e,t){return!!(t&&(e===t||e.contains(t)))}function Ci(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 ki(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 Rf(e,t,n,r){return t?r?.get(e)??n:n}function $f(e,t,n){return n?.color?n.color:t?.pending===!1&&(t.threadState||t.awaitingReview)?t.color:e}function Nf(e,t){return t?"#888888":e}function zf(e){return e.isInFlight?"#888888":e.comment?e.comment.pending===!1?"#888888":e.threadAccentColor:e.isInFlight||e.hasThreadState||e.hasStickers?"#888888":e.accentColor}function Pf(e){return e.textChangeCount>0&&e.styleChangeCount===0?{label:`Text changed: ${e.modifiedText?.replace(/\s+/g," ").trim()||"Empty text"}`}:{label:e.elementLabel}}function Of(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 Rs(e,t){let n=e.get(t);return n?(clearTimeout(n),e.delete(t),!0):!1}function Hf(e,t,n,r=1e3){Rs(e,t),e.set(t,setTimeout(()=>{e.delete(t),n()},r))}function Df(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 Gr(e,t,n){return e!==null&&e.selector===t&&e.expandedIndices.includes(n)}function $s(e,t){return e?.selector===t?null:e}function Wf({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 Ns({selector:e,label:t,tokens:n}){return JSON.stringify([e,t,n])}function eo({hasElementChanges:e=!1,hasPendingChanges:t,hasThreadState:n,isHovered:r,hasTimedReveal:o,isRevealedSticker:i}){let a=(e||t||n)&&!r;return{annotationCollapsed:a,stickerCollapsed:a&&!i,sendCompact:a&&!o}}function on(e){return e.selection?`${e.selection.family}:${e.selection.subproperty}`:`custom:${e.custom.property}`}function Bf(e,t){return!e||!!t}function jf(e,t){return{paddingLeft:e===0?8:Sd,paddingRight:8,zIndex:t-e+1}}function _f(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}`:di(n.sticker.family,n.sticker.step,n.sticker.subproperty),selection:n.sticker}:{token:n.modified,custom:{property:n.property,value:n.modified}};t.some(o=>on(o)===on(r))||t.push(r)}return t}function Ff({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(hr,{...t});let a=/(^|-)color$|^(fill|stroke)$/.test(e)?ka:/(^|-)(width|inline-size)$/.test(e)?Sc:/(^|-)(height|block-size)$/.test(e)?Ic:Mc;return s(a,{"aria-hidden":"true","data-popmelt-property-icon":e,size:12,strokeWidth:2.5,style:{display:"block"}})}function _n(e){return e.comment?.threadState??e.threadState}function Vf(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&&on(i)===on(l)})})}function zs(e){return Ms(e.element)}var to=8;function Qf(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 Zf(e,t,n){return Qf(t,n,e)?e:{}}function Ps(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 Os(e,t){return t||e?.pending===!1?0:e?.imageCount??0}function Uf(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 Hs({left:e,top:t,avoidTop:n,avoidBottom:r,anchor:o,horizontalAlignment:i="left",visualRef:a,style:l,children:d,...c}){let u=kd(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:Uf(p,h,i,u.left+u.right,n,r),...l},children:s("div",{ref:a,children:d})})}function Ds({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:w,onHoverSelector:S,sendHintSelector:C,pendingBundleCount:L=1,onHoverSendBundle:M,onSend:k,onSelectSticker:E,onDeleteSticker:$,threadStates:O,onViewThread:z,hoveredElement:T,hoveredElementInfo:B,showHoverIdentifier:Z=!1,onEditComment:ae,onDeleteComment:he,onDeletePeerComment:le,onDeletePeerStyles:Y,onDiscardTextChanges:ve,onArchiveThread:G,onClearInteractionEpisode:we,onEditSubject:Le,onDeleteSubject:X,onHoverSubjectLabel:ke,activeCommentEntry:A,refreshKey:I}){let W=pn(Xi),[j,H]=N([]),[ee,Se]=N(null),[te,Ze]=N(null),[U,Oe]=N(()=>new Map),re=R(new Map),Ae=R(new Map),ye=R(new Map),Ie=R(new Map),me=R(new Map),at=R(new Map),St=oe(b=>{Rs(me.current,b)},[]),Pt=oe(b=>{Hf(me.current,b,()=>{Ze(ne=>ne===b?null:ne),Se(ne=>ne?.selector===b?null:ne)})},[]),be=oe((b,ne,K)=>{Se(ge=>Df(ge,{selector:b,target:ne,index:K}))},[]),Ne=oe(b=>!!u?.has(b.selector)||!!b.comment&&!!h?.has(b.comment.id),[h,u]),lt=oe((b,ne)=>!Ne(b)&&(!!b.comment&&!!p?.has(b.comment.id)||ne?.status==="in_flight"),[Ne,p]),je=oe(b=>{let ne=ci(b.hasPendingChanges,_n(b),f?.get(b.selector));return Wf({isInFlight:Ne(b),isQueued:lt(b,ne),threadStatus:ne?.status})},[Ne,lt,f]),Pe=j.filter(b=>b.hasPendingChanges||!!_n(b)).map(b=>Ns({selector:b.selector,label:b.label,tokens:[...b.stickers.map(ne=>ne.token),...je(b)==="draft"?[]:[`status:${je(b)}`]]})).join("|");Ve(()=>{let b=new Set,ne=new Map,K=new Set,ge=new Set;for(let V of j){let Fe=_n(V);if(!V.hasPendingChanges&&!Fe)continue;b.add(V.selector);let Ee=je(V),ze=Ns({selector:V.selector,label:V.label,tokens:[...V.stickers.map(ue=>ue.token),...Ee==="draft"?[]:[`status:${Ee}`]]});if(re.current.get(V.selector)===ze)continue;re.current.set(V.selector,ze);let He=ye.current.get(V.selector);ye.current.set(V.selector,Ee),Ee==="working"&&He!=="working"&&ge.add(V.selector);let Et=Ae.current.get(V.selector),xe=new Map,de=null;for(let ue of V.stickers){let Be=on(ue);xe.set(Be,ue.token),Et?.get(Be)!==ue.token&&(de=Be)}if(Ae.current.set(V.selector,xe),!V.hasPendingChanges&&(He===void 0||He==="draft"&&Ee!=="queued"&&Ee!=="working")){let ue=Ie.current.get(V.selector);ue&&clearTimeout(ue),Ie.current.delete(V.selector),K.add(V.selector);continue}ne.set(V.selector,de);let pt=Ie.current.get(V.selector);pt&&clearTimeout(pt),Ie.current.set(V.selector,setTimeout(()=>{Oe(ue=>{if(!ue.has(V.selector))return ue;let Be=new Map(ue);return Be.delete(V.selector),Be}),Ie.current.delete(V.selector)},1e3))}for(let[V,Fe]of Ie.current)b.has(V)||(clearTimeout(Fe),Ie.current.delete(V),re.current.delete(V),Ae.current.delete(V),ye.current.delete(V));ge.size>0&&Se(V=>V&&ge.has(V.selector)?null:V),Oe(V=>{let Fe=new Map([...V].filter(([Ee])=>b.has(Ee)));for(let[Ee,ze]of ne)Fe.set(Ee,ze);for(let Ee of K)Fe.delete(Ee);return Fe.size===V.size&&[...Fe].every(([Ee,ze])=>V.get(Ee)===ze)?V:Fe})},[j,Pe,je]),F(()=>()=>{for(let b of Ie.current.values())clearTimeout(b);Ie.current.clear();for(let b of me.current.values())clearTimeout(b);me.current.clear(),re.current.clear(),Ae.current.clear(),ye.current.clear()},[]);let Qt=u&&u.size>0||h&&h.size>0,{charIndex:$t,word:Re}=Tf(!!Qt);F(()=>{if(!W)return;let b=null,ne=!1,K=e??document,ge=xi([...l.flatMap(xe=>[xe.selector,xe.element.selector]),...i.flatMap(xe=>[xe.selector,xe.element.selector]),...a.flatMap(xe=>[xe.selector,xe.element.selector]),...Array.from(O??[]).flatMap(([xe,de])=>de.selectors??[xe])]),V=xe=>{try{let de=K.querySelectorAll(xe);return de.length===1?de[0]:null}catch{return null}},Fe=(xe,de)=>n?null:Io(xe,de,K),Ee=()=>{let xe=[],de=new Map,pt=Q=>(de.has(Q)||de.set(Q,n?null:e?V(Q):Gn(Q)),de.get(Q)),ue=new Map;for(let Q of l)ue.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 ce=ue.get(Q.selector),De=[...ce?.stickers??[]];if(Bf(Q.captured,f?.get(Q.selector)))for(let st of _f(Q.changes)){let qe=on(st);De.some(Ht=>on(Ht)===qe)||De.push(st)}ue.set(Q.selector,{selector:Q.selector,element:Q.element,styleChangeCount:(ce?.styleChangeCount??0)+Q.changes.length,textChangeCount:ce?.textChangeCount??0,modifiedText:ce?.modifiedText,hasPendingChanges:(ce?.hasPendingChanges??!1)||!Q.captured&&!Q.awaitingReview,threadState:f0(Q)??ce?.threadState,stickers:De,comment:ce?.comment})}for(let Q of a){let ce=ue.get(Q.selector);ue.set(Q.selector,{selector:Q.selector,element:ce?.element??Q.element,styleChangeCount:ce?.styleChangeCount??0,textChangeCount:1,modifiedText:Q.modified,hasPendingChanges:(ce?.hasPendingChanges??!1)||!Q.captured,stickers:ce?.stickers??[],threadState:ce?.threadState,comment:ce?.comment})}let Be=new Set,Zt=new Set,Ot=new Set;for(let Q of ue.values()){let ce=Q.comment?.threadState;ce?.threadId&&Zt.add(ce.threadId),ce?.targetBindingId&&Ot.add(ce.targetBindingId)}for(let[Q,ce]of ue){let De=Fe(Q,ce.element);De&&(ce.resolvedElement=De),De&&Be.add(De)}for(let[Q,ce]of O??[]){if(n||Zt.has(ce.threadId)||ce.targetBindingId&&Ot.has(ce.targetBindingId))continue;let De=da(ce.selectors??[Q],ce.targetFingerprint,K);if(De.status!=="matched")continue;let{element:st}=De,qe=ce.selectors?.[0]??Q;!st||Be.has(st)||(Be.add(st),ue.set(qe,{selector:qe,element:{...Rn(st),selector:qe},styleChangeCount:0,textChangeCount:0,hasPendingChanges:!1,stickers:[],resolvedElement:st,threadState:ce}))}Array.from(ue.values()).forEach(Q=>{let ce=Q.transientElement??Q.resolvedElement??Fe(Q.selector,Q.element),De=n?.get(Q.selector);if(!ce&&!De)return;let st=Pf({elementLabel:zs(Q),styleChangeCount:Q.styleChangeCount,textChangeCount:Q.textChangeCount,modifiedText:Q.modifiedText}),qe=Q.comment?.threadState??Q.threadState??(O?Jr(Q.selector,O,pt):void 0);xe.push({threadState:qe,selector:Q.selector,label:Q.threadState?.title?.trim()||st.label,annotationNumber:Q.transientElement?void 0:Q.comment?.annotationNumber??qe?.annotationNumber??c.get(Q.selector),domElement:ce,projectedRect:De,hasPendingChanges:Q.hasPendingChanges,hasElementChanges:Q.styleChangeCount>0||Q.textChangeCount>0,stickers:Q.stickers,transient:!!Q.transientElement,comment:Q.comment})}),H(Q=>Vf(Q,xe)?Q:xe)},ze=()=>{ne||b!==null||(b=requestAnimationFrame(()=>{b=null,Ee()}))};if(Ee(),n)return;window.addEventListener("resize",ze,!0);let He=new MutationObserver(xe=>{xe.some(ge.changesIdentity)&&ze()});He.observe(K.body,{attributes:!0,childList:!0,characterData:!0,subtree:!0,attributeFilter:ge.attributes}),window.addEventListener("load",ze),K.fonts?.ready?.then(ze);let Et=[...i,...a].some(xe=>xe.selector.startsWith("@frame("))||l.some(xe=>xe.selector.startsWith("@frame("))?Ui(ze):void 0;return()=>{ne=!0,Et?.(),window.removeEventListener("resize",ze,!0),window.removeEventListener("load",ze),He.disconnect(),b&&cancelAnimationFrame(b)}},[W,c,l,i,a,O,f,e,n]);let kn=Z&&!te&&T&&B?.selector&&!j.some(b=>b.domElement===T)?{selector:B.selector,label:zs({element:B}),annotationNumber:void 0,domElement:T,hasPendingChanges:!1,hasElementChanges:!1,stickers:[],transient:!0}:null,We=kn?[...j,kn]:j;if(We.length===0)return null;let It=W?w?.current?.getBoundingClientRect():void 0,Vn=It?It.top<window.innerHeight/2:!1,mr=It?{avoidTop:Vn?It.bottom+to:void 0,avoidBottom:Vn?void 0:It.top-to,avoidLeft:It.left-to,avoidRight:It.right+to}:{},Qn=b=>{let ne=A?.element===b.domElement,K=ci(b.hasPendingChanges,_n(b),f?.get(b.selector)),ge=Ne(b),V=lt(b,K),Fe=g?.has(f?.get(b.selector)??K?.jobId??""),Ee=b.comment?.awaitingReview?"Awaiting review":Fe?"Approval needed":ge?Re||"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)+Ps(b):Ps(b)+hi(Os(b.comment,ge||!!K))+bd(b.comment?.interactionEpisodeStepCount??0))+(K||b.comment?.awaitingReview?28+Ee.length*7.2:0)},Mt=We.find(b=>b.transient)??We.find(b=>b.domElement&&As(b.domElement,T)||te===b.selector||ee?.selector===b.selector)??(r?We.find(b=>b.selector===o):void 0),ut=(()=>{if(!Mt)return null;let b=Mt.projectedRect,ne=b?{...b,right:b.left+b.width,bottom:b.top+b.height}:Mt.domElement?An(Mt.domElement):void 0;if(!ne)return null;let K=Qn(Mt),ge=Ki(ne,22,2,window.innerHeight,K,window.innerWidth);return xo(ge,K,22)})(),Tt=Ls(d),Zn=Af;return v(Te,{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:w.surface,zIndex:1}}),s(kf,{family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a,snapPulse:d,stepUnavailable:u,colors:w}),!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-Ae)/2,top:hs,width:Ae,height:rn,display:"flex",alignItems:"center",justifyContent:"center",gap:W?4:0,padding:W?`0 ${ye}px`:0,boxSizing:"border-box",border:`1px solid ${S}`,borderRadius:rn/2,background:w.actionSurface,color:w.actionForeground,transform:`translateY(${yf(o)}px) scale(${ks(o)})`,transition:`left ${Ie}ms ease-out, width ${Ie}ms ease-out, gap ${Ie}ms ease-out, padding ${Ie}ms ease-out, transform ${Rt}ms ease`,transformOrigin:"center",willChange:"left, width, transform",overflow:"hidden",zIndex:0},children:[s("span",{style:{display:"block",transform:`scale(${bf(o)})`,transition:`transform ${Rt}ms ease`,transformOrigin:"center"},children:Cf(t,o,r)?s("span",{"data-popmelt-sticker-color-context":r,style:{display:"block",width:12,height:12,borderRadius:"50%",background:cr(r,o==="value"?n:ai),boxShadow:"inset 0 0 0 1px rgb(255 255 255 / 0.16)"}}):s(hr,{family:t,subproperty:t==="text"&&o==="variant"&&tt(r)?"color":r})}),s("span",{ref:T,"data-popmelt-sticker-subproperty-label":!0,style:{flexShrink:0,opacity:W&&Se>0?1:0,color:w.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transition:"opacity 120ms ease"},children:W})]}),p&&s(Z2,{query:p,border:S,background:w.actionSurface,foreground:w.actionForeground,renderIcon:Be=>s(hr,{family:Be.family,subproperty:Be.subproperty,size:12})}),s("span",{"aria-hidden":"true","data-popmelt-sticker-depth-burst":!0,style:{position:"absolute",left:(Cn-$e)/2,top:(nn-$e)/2,width:$e,height:$e,overflow:"visible",pointerEvents:"none",zIndex:3},children:J2.map(Be=>s("span",{style:{position:"absolute",left:"50%",top:"50%",width:4,height:1.5,borderRadius:1,background:i,opacity:Ze?1:0,transform:`translate(-50%, -50%) rotate(${Be}deg) translateX(${Ze?17:30}px) scaleX(${Ze?.7:1})`,transformOrigin:"center",transition:Ze?"none":`transform ${xs}ms cubic-bezier(0.16, 1, 0.3, 1), opacity ${xs}ms ease-out`,willChange:"transform, opacity"}},Be))}),!p&&ve&&s("span",{"data-popmelt-sticker-family-label":!0,style:{position:"absolute",left:"50%",top:yi,height:rn,display:"flex",alignItems:"center",justifyContent:"center",padding:"0 10px",boxSizing:"border-box",opacity:we?1:0,transform:`translate(-50%, ${X?-35:0}px) scale(${X?.9:1})`,transformOrigin:"center",transition:`transform ${Kr}ms ease, opacity ${fs}ms ease`,animation:we&&A?`popmeltStickerFamilyLabelEnter ${Kr}ms ease`:void 0,border:`1px solid ${S}`,borderRadius:rn/2,background:w.actionSurface,color:w.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",willChange:"transform, opacity",zIndex:0},children:Zr(ve)})]})}var If=3,Mf=250,vi=["reviewing","considering","thinking","zhuzhing","iterating","tweaking","reflecting","noodling","pondering","finessing","polishing","riffing"],Tf=3e3;function Ef(e){let t=pn(Xi),[n,r]=N(0),[o,i]=N(()=>Math.floor(Math.random()*vi.length));return F(()=>{if(!e||!t)return;let a=setInterval(()=>r(d=>(d+1)%If),Mf),l=setInterval(()=>i(d=>(d+1)%vi.length),Tf);return()=>{clearInterval(a),clearInterval(l)}},[e,t]),{charIndex:n,word:vi[o]}}function Ms(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 Lf=["id","data-pm","data-popmelt-frame","data-testid","data-test","data-cy","data-popmelt-media-id","data-popmelt-see-id","data-popmelt-subject-key","aria-label","name","href"],Af=["style","class","open","hidden","aria-hidden","data-state"];function xi(e){let t=new Set(Lf);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,...Af])],changesIdentity:n=>n.type!=="attributes"||t.has(n.attributeName??"")}}var wi=12,Ts=.24,Es=8;function Ls(e){return{...hd(),display:"flex",alignItems:"center",gap:4,backgroundColor:e,color:"#fff",fontSize:wi,lineHeight:`${wi*Ji}px`,fontFamily:Yi,letterSpacing:`${Ts}px`,padding:`0 ${Es}px`,borderRadius:8,whiteSpace:"nowrap",maxWidth:400}}var Rf={overflow:"hidden",textOverflow:"ellipsis",flex:1,minWidth:0};function As(e,t){return!!(t&&(e===t||e.contains(t)))}function Ci(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 ki(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 $f(e,t,n,r){return t?r?.get(e)??n:n}function Nf(e,t,n){return n?.color?n.color:t?.pending===!1&&(t.threadState||t.awaitingReview)?t.color:e}function zf(e,t){return t?"#888888":e}function Pf(e){return e.isInFlight?"#888888":e.comment?e.comment.pending===!1?"#888888":e.threadAccentColor:e.isInFlight||e.hasThreadState||e.hasStickers?"#888888":e.accentColor}function Of(e){return e.textChangeCount>0&&e.styleChangeCount===0?{label:`Text changed: ${e.modifiedText?.replace(/\s+/g," ").trim()||"Empty text"}`}:{label:e.elementLabel}}function Hf(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 Rs(e,t){let n=e.get(t);return n?(clearTimeout(n),e.delete(t),!0):!1}function Df(e,t,n,r=1e3){Rs(e,t),e.set(t,setTimeout(()=>{e.delete(t),n()},r))}function Wf(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 Gr(e,t,n){return e!==null&&e.selector===t&&e.expandedIndices.includes(n)}function $s(e,t){return e?.selector===t?null:e}function jf({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 Ns({selector:e,label:t,tokens:n}){return JSON.stringify([e,t,n])}function eo({hasElementChanges:e=!1,hasPendingChanges:t,hasThreadState:n,isHovered:r,hasTimedReveal:o,isRevealedSticker:i}){let a=(e||t||n)&&!r;return{annotationCollapsed:a,stickerCollapsed:a&&!i,sendCompact:a&&!o}}function on(e){return e.selection?`${e.selection.family}:${e.selection.subproperty}`:`custom:${e.custom.property}`}function Bf(e,t){return!e||!!t}function _f(e,t){return{paddingLeft:e===0?8:Id,paddingRight:8,zIndex:t-e+1}}function Ff(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}`:di(n.sticker.family,n.sticker.step,n.sticker.subproperty),selection:n.sticker}:{token:n.modified,custom:{property:n.property,value:n.modified}};t.some(o=>on(o)===on(r))||t.push(r)}return t}function Vf({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(hr,{...t});let a=/(^|-)color$|^(fill|stroke)$/.test(e)?ka:/(^|-)(width|inline-size)$/.test(e)?Ic:/(^|-)(height|block-size)$/.test(e)?Mc:Tc;return s(a,{"aria-hidden":"true","data-popmelt-property-icon":e,size:12,strokeWidth:2.5,style:{display:"block"}})}function _n(e){return e.comment?.threadState??e.threadState}function Qf(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&&on(i)===on(l)})})}function zs(e){return Ms(e.element)}var to=8;function Zf(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 Uf(e,t,n){return Zf(t,n,e)?e:{}}function Ps(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 Os(e,t){return t||e?.pending===!1?0:e?.imageCount??0}function qf(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 Hs({left:e,top:t,avoidTop:n,avoidBottom:r,anchor:o,horizontalAlignment:i="left",visualRef:a,style:l,children:d,...c}){let u=Sd(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:qf(p,h,i,u.left+u.right,n,r),...l},children:s("div",{ref:a,children:d})})}function Ds({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:w,onHoverSelector:S,sendHintSelector:C,pendingBundleCount:L=1,onHoverSendBundle:M,onSend:k,onSelectSticker:E,onDeleteSticker:$,threadStates:O,onViewThread:z,hoveredElement:T,hoveredElementInfo:j,showHoverIdentifier:Z=!1,onEditComment:ae,onDeleteComment:he,onDeletePeerComment:le,onDeletePeerStyles:Y,onDiscardTextChanges:ve,onArchiveThread:G,onClearInteractionEpisode:we,onEditSubject:Le,onDeleteSubject:X,onHoverSubjectLabel:ke,activeCommentEntry:A,refreshKey:I}){let W=pn(Xi),[B,H]=N([]),[ee,Se]=N(null),[te,Ze]=N(null),[U,Oe]=N(()=>new Map),re=R(new Map),Ae=R(new Map),ye=R(new Map),Ie=R(new Map),me=R(new Map),at=R(new Map),St=oe(b=>{Rs(me.current,b)},[]),Pt=oe(b=>{Df(me.current,b,()=>{Ze(ne=>ne===b?null:ne),Se(ne=>ne?.selector===b?null:ne)})},[]),be=oe((b,ne,K)=>{Se(ge=>Wf(ge,{selector:b,target:ne,index:K}))},[]),Ne=oe(b=>!!u?.has(b.selector)||!!b.comment&&!!h?.has(b.comment.id),[h,u]),lt=oe((b,ne)=>!Ne(b)&&(!!b.comment&&!!p?.has(b.comment.id)||ne?.status==="in_flight"),[Ne,p]),Be=oe(b=>{let ne=ci(b.hasPendingChanges,_n(b),f?.get(b.selector));return jf({isInFlight:Ne(b),isQueued:lt(b,ne),threadStatus:ne?.status})},[Ne,lt,f]),Pe=B.filter(b=>b.hasPendingChanges||!!_n(b)).map(b=>Ns({selector:b.selector,label:b.label,tokens:[...b.stickers.map(ne=>ne.token),...Be(b)==="draft"?[]:[`status:${Be(b)}`]]})).join("|");Ve(()=>{let b=new Set,ne=new Map,K=new Set,ge=new Set;for(let V of B){let Fe=_n(V);if(!V.hasPendingChanges&&!Fe)continue;b.add(V.selector);let Ee=Be(V),ze=Ns({selector:V.selector,label:V.label,tokens:[...V.stickers.map(ue=>ue.token),...Ee==="draft"?[]:[`status:${Ee}`]]});if(re.current.get(V.selector)===ze)continue;re.current.set(V.selector,ze);let He=ye.current.get(V.selector);ye.current.set(V.selector,Ee),Ee==="working"&&He!=="working"&&ge.add(V.selector);let Et=Ae.current.get(V.selector),xe=new Map,de=null;for(let ue of V.stickers){let je=on(ue);xe.set(je,ue.token),Et?.get(je)!==ue.token&&(de=je)}if(Ae.current.set(V.selector,xe),!V.hasPendingChanges&&(He===void 0||He==="draft"&&Ee!=="queued"&&Ee!=="working")){let ue=Ie.current.get(V.selector);ue&&clearTimeout(ue),Ie.current.delete(V.selector),K.add(V.selector);continue}ne.set(V.selector,de);let pt=Ie.current.get(V.selector);pt&&clearTimeout(pt),Ie.current.set(V.selector,setTimeout(()=>{Oe(ue=>{if(!ue.has(V.selector))return ue;let je=new Map(ue);return je.delete(V.selector),je}),Ie.current.delete(V.selector)},1e3))}for(let[V,Fe]of Ie.current)b.has(V)||(clearTimeout(Fe),Ie.current.delete(V),re.current.delete(V),Ae.current.delete(V),ye.current.delete(V));ge.size>0&&Se(V=>V&&ge.has(V.selector)?null:V),Oe(V=>{let Fe=new Map([...V].filter(([Ee])=>b.has(Ee)));for(let[Ee,ze]of ne)Fe.set(Ee,ze);for(let Ee of K)Fe.delete(Ee);return Fe.size===V.size&&[...Fe].every(([Ee,ze])=>V.get(Ee)===ze)?V:Fe})},[B,Pe,Be]),F(()=>()=>{for(let b of Ie.current.values())clearTimeout(b);Ie.current.clear();for(let b of me.current.values())clearTimeout(b);me.current.clear(),re.current.clear(),Ae.current.clear(),ye.current.clear()},[]);let Qt=u&&u.size>0||h&&h.size>0,{charIndex:$t,word:Re}=Ef(!!Qt);F(()=>{if(!W)return;let b=null,ne=!1,K=e??document,ge=xi([...l.flatMap(xe=>[xe.selector,xe.element.selector]),...i.flatMap(xe=>[xe.selector,xe.element.selector]),...a.flatMap(xe=>[xe.selector,xe.element.selector]),...Array.from(O??[]).flatMap(([xe,de])=>de.selectors??[xe])]),V=xe=>{try{let de=K.querySelectorAll(xe);return de.length===1?de[0]:null}catch{return null}},Fe=(xe,de)=>n?null:Io(xe,de,K),Ee=()=>{let xe=[],de=new Map,pt=Q=>(de.has(Q)||de.set(Q,n?null:e?V(Q):Gn(Q)),de.get(Q)),ue=new Map;for(let Q of l)ue.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 ce=ue.get(Q.selector),De=[...ce?.stickers??[]];if(Bf(Q.captured,f?.get(Q.selector)))for(let st of Ff(Q.changes)){let qe=on(st);De.some(Ht=>on(Ht)===qe)||De.push(st)}ue.set(Q.selector,{selector:Q.selector,element:Q.element,styleChangeCount:(ce?.styleChangeCount??0)+Q.changes.length,textChangeCount:ce?.textChangeCount??0,modifiedText:ce?.modifiedText,hasPendingChanges:(ce?.hasPendingChanges??!1)||!Q.captured&&!Q.awaitingReview,threadState:h0(Q)??ce?.threadState,stickers:De,comment:ce?.comment})}for(let Q of a){let ce=ue.get(Q.selector);ue.set(Q.selector,{selector:Q.selector,element:ce?.element??Q.element,styleChangeCount:ce?.styleChangeCount??0,textChangeCount:1,modifiedText:Q.modified,hasPendingChanges:(ce?.hasPendingChanges??!1)||!Q.captured,stickers:ce?.stickers??[],threadState:ce?.threadState,comment:ce?.comment})}let je=new Set,Zt=new Set,Ot=new Set;for(let Q of ue.values()){let ce=Q.comment?.threadState;ce?.threadId&&Zt.add(ce.threadId),ce?.targetBindingId&&Ot.add(ce.targetBindingId)}for(let[Q,ce]of ue){let De=Fe(Q,ce.element);De&&(ce.resolvedElement=De),De&&je.add(De)}for(let[Q,ce]of O??[]){if(n||Zt.has(ce.threadId)||ce.targetBindingId&&Ot.has(ce.targetBindingId))continue;let De=da(ce.selectors??[Q],ce.targetFingerprint,K);if(De.status!=="matched")continue;let{element:st}=De,qe=ce.selectors?.[0]??Q;!st||je.has(st)||(je.add(st),ue.set(qe,{selector:qe,element:{...Rn(st),selector:qe},styleChangeCount:0,textChangeCount:0,hasPendingChanges:!1,stickers:[],resolvedElement:st,threadState:ce}))}Array.from(ue.values()).forEach(Q=>{let ce=Q.transientElement??Q.resolvedElement??Fe(Q.selector,Q.element),De=n?.get(Q.selector);if(!ce&&!De)return;let st=Of({elementLabel:zs(Q),styleChangeCount:Q.styleChangeCount,textChangeCount:Q.textChangeCount,modifiedText:Q.modifiedText}),qe=Q.comment?.threadState??Q.threadState??(O?Jr(Q.selector,O,pt):void 0);xe.push({threadState:qe,selector:Q.selector,label:Q.threadState?.title?.trim()||st.label,annotationNumber:Q.transientElement?void 0:Q.comment?.annotationNumber??qe?.annotationNumber??c.get(Q.selector),domElement:ce,projectedRect:De,hasPendingChanges:Q.hasPendingChanges,hasElementChanges:Q.styleChangeCount>0||Q.textChangeCount>0,stickers:Q.stickers,transient:!!Q.transientElement,comment:Q.comment})}),H(Q=>Qf(Q,xe)?Q:xe)},ze=()=>{ne||b!==null||(b=requestAnimationFrame(()=>{b=null,Ee()}))};if(Ee(),n)return;window.addEventListener("resize",ze,!0);let He=new MutationObserver(xe=>{xe.some(ge.changesIdentity)&&ze()});He.observe(K.body,{attributes:!0,childList:!0,characterData:!0,subtree:!0,attributeFilter:ge.attributes}),window.addEventListener("load",ze),K.fonts?.ready?.then(ze);let Et=[...i,...a].some(xe=>xe.selector.startsWith("@frame("))||l.some(xe=>xe.selector.startsWith("@frame("))?Ui(ze):void 0;return()=>{ne=!0,Et?.(),window.removeEventListener("resize",ze,!0),window.removeEventListener("load",ze),He.disconnect(),b&&cancelAnimationFrame(b)}},[W,c,l,i,a,O,f,e,n]);let kn=Z&&!te&&T&&j?.selector&&!B.some(b=>b.domElement===T)?{selector:j.selector,label:zs({element:j}),annotationNumber:void 0,domElement:T,hasPendingChanges:!1,hasElementChanges:!1,stickers:[],transient:!0}:null,We=kn?[...B,kn]:B;if(We.length===0)return null;let It=W?w?.current?.getBoundingClientRect():void 0,Vn=It?It.top<window.innerHeight/2:!1,mr=It?{avoidTop:Vn?It.bottom+to:void 0,avoidBottom:Vn?void 0:It.top-to,avoidLeft:It.left-to,avoidRight:It.right+to}:{},Qn=b=>{let ne=A?.element===b.domElement,K=ci(b.hasPendingChanges,_n(b),f?.get(b.selector)),ge=Ne(b),V=lt(b,K),Fe=g?.has(f?.get(b.selector)??K?.jobId??""),Ee=b.comment?.awaitingReview?"Awaiting review":Fe?"Approval needed":ge?Re||"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)+Ps(b):Ps(b)+hi(Os(b.comment,ge||!!K))+vd(b.comment?.interactionEpisodeStepCount??0))+(K||b.comment?.awaitingReview?28+Ee.length*7.2:0)},Mt=We.find(b=>b.transient)??We.find(b=>b.domElement&&As(b.domElement,T)||te===b.selector||ee?.selector===b.selector)??(r?We.find(b=>b.selector===o):void 0),ut=(()=>{if(!Mt)return null;let b=Mt.projectedRect,ne=b?{...b,right:b.left+b.width,bottom:b.top+b.height}:Mt.domElement?An(Mt.domElement):void 0;if(!ne)return null;let K=Qn(Mt),ge=Ki(ne,22,2,window.innerHeight,K,window.innerWidth);return xo(ge,K,22)})(),Tt=Ls(d),Zn=Rf;return v(Te,{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
- `}}),We.map(b=>{let ne=A?.element===b.domElement,K=ci(b.hasPendingChanges,_n(b),f?.get(b.selector)),ge=Ne(b),V=lt(b,K),Fe=Rf(b.selector,ge,d,y),Ee=$f(Fe,b.comment,_n(b)),ze=ge||K?.status==="in_flight",He=Nf(Ee,ze),Et=g?.has(f?.get(b.selector)??K?.jobId??""),xe=b.comment?.awaitingReview||K?.status==="awaiting_review",de=xe?"Awaiting review":Et?"Approval needed":ge?Re||"Thinking":V?"Queued":K?.status==="in_flight"?"Thinking":K?.status==="waiting_input"?"Question":K?.status==="failed"?"Failed":K?.label??"Replied",pt=!!(b.domElement&&As(b.domElement,T)),ue=te===b.selector,Be=U.has(b.selector),Zt=U.get(b.selector),Ot=!!K||b.comment?.pending===!1,Q=eo({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Ot,isHovered:r&&o===b.selector||pt||ue||Gr(ee,b.selector,0),hasTimedReveal:Be,isRevealedSticker:!1}),ce=b.stickers.length+1,De=eo({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Ot,isHovered:Gr(ee,b.selector,ce),hasTimedReveal:Be,isRevealedSticker:!1}),st=eo({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Ot,isHovered:r&&o===b.selector||pt||ue||Gr(ee,b.selector,ce),hasTimedReveal:Be,isRevealedSticker:Be}),qe=Qn(b),Ht=(ne?A.imageCount:Os(b.comment,ge||!!K))??0,an=b.stickers.length>0||Ht>0,Un=hd({hasCommentEntry:ne||!!b.comment,stagedChangeCount:b.stickers.length+ +(Ht>0)}),Dt=ge||!!K||!!b.comment?.awaitingReview,Ge=!Dt&&b.selector===C,Ye=!ne&&Q.annotationCollapsed&&st.stickerCollapsed&&De.sendCompact&&!Be&&ee?.selector!==b.selector,ln=Ye?md({annotationNumber:b.annotationNumber,stickerCount:b.stickers.length,interactionEpisodeStepCount:b.comment?.interactionEpisodeStepCount??0,hasStatus:Dt,hasSend:Ge,controlGap:Un})+hi(Ht):qe;return s(gd,{element:b.domElement,projectedRect:b.projectedRect,onRemove:b.comment&&le?()=>le(b.comment.id):Y&&i.some(_e=>_e.selector===b.selector)?()=>Y(i.filter(_e=>_e.selector===b.selector)):void 0,onActivate:b.comment?.threadId||K?.threadId?()=>z?.(b.comment?.threadId??K?.threadId):void 0,hideOutline:!(r&&Mt===b),color:Ee,fillOpacity:.1,outlineZIndex:10002,subjectRegistry:t,hideTooltip:!0,railGap:2,railWidth:qe,refreshKey:I,renderRail:_e=>{let qn=at.current.get(b.selector)?.getBoundingClientRect(),ro=qn?.width?qn:xo(_e,qe,22),gr=!!(Ye&&Mt!==b&&ut&&Gi(ro,ut));if(Mt!==b&&ut&&Gi(xo(_e,ln,22),ut))return null;let Sn=_e.horizontalAlignment==="right"?_e.left-qe:_e.left,sn=Zf(mr,Sn,qe);if(b.transient){let _=b.domElement?Pd(b.domElement):null;return s(Hs,{"data-popmelt-rail-priority":"intent","data-popmelt-subject-label-action":_?"true":void 0,"data-popmelt-subject-adapter":_?.adapter,"data-popmelt-subject-key":_?.key,left:_e.left,top:_e.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:_e.anchor,horizontalAlignment:_e.horizontalAlignment,style:{zIndex:10001,pointerEvents:_?"auto":"none",cursor:_?"pointer":void 0},onPointerDown:se=>{_&&se.stopPropagation()},onClick:se=>{_&&(se.preventDefault(),se.stopPropagation(),Le?.(_))},onContextMenu:se=>{_&&(se.preventDefault(),se.stopPropagation(),X?.(_))},onMouseEnter:()=>{_&&ke?.(_)},onMouseLeave:()=>ke?.(null),children:s("div",{"data-devtools":"steer-element-identifier",ref:se=>{b.domElement&&ea(b.domElement,se)},"data-popmelt-subject-label-action":_?"true":void 0,style:{...Tt,borderRadius:b.domElement===document.body?Ir("bottom-left"):Ir(_e.anchor)},children:s("span",{style:Zn,children:b.label})})})}return s(Hs,{"data-popmelt-rail-priority":"history","data-popmelt-snap-collapse":gr||void 0,visualRef:_=>{_?at.current.set(b.selector,_):at.current.delete(b.selector)},left:_e.left,top:_e.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:_e.anchor,horizontalAlignment:_e.horizontalAlignment,onClick:()=>{if(ne)return;let _=Of(b.comment,b.comment?.threadId??K?.threadId);_.type==="edit-comment"?ae?.(_.annotationId):_.type==="open-thread"&&z?.(_.threadId)},onContextMenu:_=>{if(_.preventDefault(),_.stopPropagation(),b.comment&&le){le(b.comment.id);return}if(Y){let se=i.filter(Nt=>Nt.selector===b.selector);if(se.length){Y(se);return}}b.comment&&b.comment.pending!==!1&&he?(St(b.selector),Se(se=>$s(se,b.selector)),Ze(se=>se===b.selector?null:se),S?.(null),he(b.comment.id)):a.some(se=>se.selector===b.selector&&!se.captured)?ve?.(b.selector):!b.hasPendingChanges&&!ge&&K?.status==="resolved"&&G?.(K.threadId)},onMouseEnter:()=>{St(b.selector),Ze(b.selector),S?.(b.selector)},onMouseLeave:()=>{Pt(b.selector),S?.(null)},style:{zIndex:ne?10002:1e4,cursor:ne?"text":"pointer",pointerEvents:"auto"},children:v("div",{ref:_=>{b.domElement&&ea(b.domElement,_)},style:{display:"flex",alignItems:"center",gap:Un},children:[ne?A.render(_e.anchor):v("div",{"data-devtools":"badge","data-popmelt-collapsed":Q.annotationCollapsed,onMouseEnter:()=>be(b.selector,"annotation",0),style:{...Tt,backgroundColor:zf({accentColor:d,threadAccentColor:Ee,comment:b.comment,isInFlight:ge,hasThreadState:!!K,hasStickers:b.stickers.length>0}),gap:0,letterSpacing:b.comment?0:Tt.letterSpacing,borderRadius:b.domElement===document.body?Ir("bottom-left"):Ir(_e.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:{...Zn,paddingLeft:b.comment?0:void 0},children:b.comment?v(Te,{children:[".",s("span",{style:{marginLeft:2},children:b.comment.text})]}):v(Te,{children:[". ",b.label]})})})]}),!an&&s(ta,{stepCount:ne?0:b.comment?.interactionEpisodeStepCount??0,onClear:b.comment?.pending!==!1&&we?()=>we(b.comment.id):void 0,submitted:b.comment?.pending===!1}),an&&v("div",{className:"popmelt-staged-sticker-group",children:[b.stickers.map((_,se)=>{let Nt=on(_),Wt=eo({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:!!K,isHovered:Gr(ee,b.selector,se+1),hasTimedReveal:Be,isRevealedSticker:Be&&Nt===Zt}),nt=jf(se,b.stickers.length+ +(Ht>0)),Bt=se===0?void 0:vo;return v("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:nt.zIndex},children:[s("span",{"aria-hidden":!0,className:"popmelt-staged-sticker-pointer",style:{"--popmelt-staged-accent":He,WebkitMaskImage:se===0?void 0:Sr,maskImage:se===0?void 0:Sr}}),v("button",{type:"button","data-devtools":"staged-sticker","data-popmelt-style-property":_.custom?.property,title:_.custom?`${_.custom.property}: ${_.custom.value}`:void 0,"data-popmelt-collapsed":Wt.stickerCollapsed,onMouseEnter:()=>be(b.selector,Nt,se+1),"aria-label":_.custom?`Custom ${_.custom.property}: ${_.custom.value}`:`${r?"Staged":"Edit staged"} ${_.token} sticker`,onPointerDown:ht=>{ht.preventDefault(),ht.stopPropagation()},onClick:ht=>{ht.preventDefault(),ht.stopPropagation(),_.selection&&E?.(b.selector,_.selection)},onContextMenu:ht=>{ht.preventDefault(),ht.stopPropagation(),St(b.selector),Se(In=>$s(In,b.selector)),S?.(null),_.selection&&$?.(b.selector,_.selection)},style:{...Tt,position:"relative",height:"100%",minHeight:22,appearance:"none",border:0,margin:0,paddingLeft:nt.paddingLeft,paddingRight:nt.paddingRight,gap:0,cursor:_.selection&&(E||$)?"pointer":"default",backgroundColor:He,WebkitMaskImage:Bt,maskImage:Bt},children:[_.selection?s(hr,{family:_.selection.family,subproperty:_.selection.subproperty,step:_.selection.step}):s(Ff,{property:_.custom.property}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:_.token})})]})]},Nt)}),s(us,{imageCount:Ht,color:He,layered:b.stickers.length>0}),!ne&&(b.comment?.interactionEpisodeStepCount??0)>0&&s("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:1},children:s(ta,{stepCount:b.comment.interactionEpisodeStepCount,layered:!0,onClear:b.comment?.pending!==!1&&we?()=>we(b.comment.id):void 0,submitted:b.comment?.pending===!1})}),Ge&&s(na,{bundleCount:L,compact:De.sendCompact,layered:!0,onHoverChange:_=>{_&&be(b.selector,"send",ce),M?.(_)},onSend:k,style:{position:"relative",zIndex:(b.comment?.interactionEpisodeStepCount??0)>0?0:1}})]}),Dt&&s("button",{type:"button","data-devtools":"annotation-badge","data-popmelt-collapsed":st.stickerCollapsed,onMouseEnter:()=>be(b.selector,"thread-status",ce),"aria-label":K?`${de}. Open thread`:de,onPointerDown:_=>{_.preventDefault(),_.stopPropagation()},onClick:_=>{_.preventDefault(),_.stopPropagation();let se=b.comment?.threadId??K?.threadId;se&&z?.(se)},style:{...Tt,appearance:"none",border:0,margin:0,cursor:K&&z?"pointer":"default",backgroundColor:Ee,gap:0},children:xe?v(Te,{children:[s(ga,{size:12,strokeWidth:2.25}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:de})})]}):ge?v(Te,{children:[Et?s(Kd,{size:12,"aria-label":"Approval needed"}):s("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"currentColor",style:{verticalAlign:"middle"},children:$t===1?v(Te,{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(Te,{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:de})})]}):v(Te,{children:[V?s(ga,{"data-devtools":"queued-status-icon",size:12,strokeWidth:2.25,style:{verticalAlign:"middle",opacity:.6}}):K?.status==="waiting_input"?s(Gd,{"data-devtools":"question-status-icon",size:12,strokeWidth:2.25,style:{transform:"translateY(-0.5px)",flexShrink:0}}):K?.status==="failed"?s(ec,{size:12,strokeWidth:2.25}):s(tc,{size:12,strokeWidth:2.25}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:de})})]})}),Ge&&!an&&s(na,{bundleCount:L,compact:De.sendCompact,onHoverChange:_=>{_&&be(b.selector,"send",ce),M?.(_)},onSend:k})]})})}},`${b.transient?"intent":"history"}:${b.selector}`)})]})}var Fn=8,Si=4;function qf(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function Yf(e,t){return e===t||ca(e,t)||ca(t,e)}function Jf(e,t){return Yf(e,t)||er(e)!==null&&er(e)===er(t)}function Xf(e){let t=0,n=er(e);for(;n;)t+=1,n=er(n);return t}function Ii(e,t){return Io(e,t?.[0])}function Ws(e){return!!(e.linkedSelector&&e.elements?.[0]?.tagName.toLowerCase()==="body")}function Kf(e){let t=Ki(e,22,2,window.innerHeight);return{x:t.left+window.scrollX+8,y:t.top+window.scrollY+4}}function Gf(e){let t=e?.getBoundingClientRect();return!t||typeof window>"u"?{}:t.top<window.innerHeight/2?{avoidTop:t.bottom+Fn,avoidLeft:t.left-Fn,avoidRight:t.right+Fn}:{avoidBottom:t.top-Fn,avoidLeft:t.left-Fn,avoidRight:t.right+Fn}}function eh(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 th(e,t,n=0,r,o,i=90){let a=e.left+window.scrollX+8,l=t==="top-left"?e.top+window.scrollY-Si-22-n*22+4:e.bottom+window.scrollY+Si+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 nh=new Set(["resolved","needs_review","waiting_input","failed"]);function Mi(e){return e.linkedSelector??(e.target?ia(e.target):void 0)}function rh(e,t){let n=e.groupId?t.filter(c=>c.groupId===e.groupId):[e],r=n.find(c=>c.status!==void 0&&nh.has(c.status)),o=n.find(c=>c.threadId),i=n.find(c=>Mi(c)),a=i?Mi(i):void 0;if(!r?.status||!o?.threadId||!a)return;let 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 Bs({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:w,activeTextSendHintId:S,targetResolutionRevision:C}){let L=oe((A,I)=>t?null:e?e(A,I):Ii(A,I),[C,e,t]),M=fe(()=>{let A=[],I=new Set,W=[...p].sort((j,H)=>H.timestamp-j.timestamp);for(let j of W){if(j.type!=="text"||!j.text||!j.linkedSelector||y.has(j)||l.has(j.id))continue;let H=j.status??(j.captured?"in_flight":"pending");if(!["pending","sending","in_flight","awaiting_review"].includes(H))continue;let ee=i.get(j.id);if(ee===void 0||I.has(j.linkedSelector))continue;let Se=L(j.linkedSelector,j.elements),te=j.elements?.[0];!Se&&!(t?.has(j.linkedSelector)&&te)||(I.add(j.linkedSelector),A.push({id:j.id,selector:j.linkedSelector,text:j.text.replace(/\n/g," "),annotationNumber:ee,color:j.color,element:te??Rn(Se),pending:H==="pending",awaitingReview:H==="awaiting_review",threadId:j.threadId,imageCount:j.imageCount??0,interactionEpisodeStepCount:j.interactionEpisode?.steps.length}))}return A},[i,l,p,y,L,t]),k=fe(()=>new Set(M.map(A=>A.id)),[M]),E=fe(()=>{let A=new Map;for(let I of p){if(I.type!=="text")continue;let W=rh(I,p);W&&A.set(I.id,W)}return A},[p]),$=fe(()=>{let A=[],I=new Set,W=[...p].sort((j,H)=>+(H.id===a)-+(j.id===a)||H.timestamp-j.timestamp);for(let j of W){let H=E.get(j.id);if(!H||!Ci({...j,status:H.status,threadId:H.threadId,linkedSelector:H.linkedSelector})||!j.text||y.has(j)||l.has(j.id)||I.has(H.linkedSelector))continue;let ee=i.get(j.id);if(ee===void 0)continue;let Se=L(H.linkedSelector,H.elements),te=H.elements?.[0];!Se&&!(t?.has(H.linkedSelector)&&te)||(I.add(H.linkedSelector),A.push({id:j.id,selector:H.linkedSelector,text:j.text.replace(/\n/g," "),annotationNumber:ee,color:j.color,element:te??Rn(Se),pending:!1,imageCount:j.imageCount??0,interactionEpisodeStepCount:j.interactionEpisode?.steps.length,threadState:{jobId:H.replyJobIds?.[H.replyJobIds.length-1]??H.threadId,threadId:H.threadId,targetBindingId:H.targetBindingId,annotationNumber:ee,status:H.status==="waiting_input"?"waiting_input":H.status==="failed"?"failed":"resolved",label:H.status==="waiting_input"?"Question":H.status==="failed"?"Failed":"Replied"}}))}return A},[i,a,l,p,E,y,L,t]),O=fe(()=>[...M,...$],[$,M]),z=fe(()=>{let A=new Set,I=new Set,W=new Set,j=new Set;for(let[H,ee]of d??[])if(da(ee.selectors??[H],ee.targetFingerprint).status==="matched"){I.add(ee.threadId),ee.targetBindingId&&W.add(ee.targetBindingId);for(let Se of ee.selectors??[])j.add(Se);!ee.targetBindingId&&!ee.selectors?.length&&j.add(H)}for(let H of p){let ee=E.get(H.id),Se=H.groupId?p.filter(Oe=>Oe.groupId===H.groupId):[H],te=Se.map(Mi).find(Oe=>!!Oe),Ze=Se.find(Oe=>Oe.threadId)?.threadId,U=Se.find(Oe=>Oe.targetBindingId)?.targetBindingId;if(!(H.type!=="text"||!H.text||!te||y.has(H)||l.has(H.id))){if(Ze&&I.has(Ze)||U&&W.has(U)||j.has(te)){A.add(H.id);continue}!ee||!Ci({...H,status:ee.status,threadId:ee.threadId,linkedSelector:ee.linkedSelector})||L(ee.linkedSelector,ee.elements)&&A.add(H.id)}}return A},[l,d,p,E,y,L]),T=fe(()=>{let A=new Set;for(let I of p)!ki(I)||!I.linkedSelector||y.has(I)||l.has(I.id)||L(I.linkedSelector,I.elements)&&A.add(I.id);return A},[l,p,y,L]),B=fe(()=>{let A=new Set(T);for(let I of k)A.add(I);for(let I of z)A.add(I);return A},[T,z,k]),Z=fe(()=>new Map(O.map(A=>[A.selector,A.color])),[O]),ae=fe(()=>new Set([...l,...B]),[B,l]),he=fe(()=>{if(!n?.linkedSelector||n.domEdit)return null;let A=L(n.linkedSelector,n.elements);if(!A)return null;let I=[...h,...f].find(H=>!H.captured&&Ii(H.selector,[H.element])===A),W=p.find(H=>H.id===n.id),j=!!(!n.isNew&&W&&ki(W));return!I&&!j?null:{element:A,selector:I?.selector??n.linkedSelector}},[n,p,h,f,L]),le=g===S?g:g?w.get(g)??g:null,Y=fe(()=>{if(le===S)return n?.text.trim()?he?.selector??null:null;if(le&&le!==S)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,he,S,h,f,M,le]),ve=n?n.isNew?S:n.id:null,G=ve?c.get(ve)??0:0,we=ve?u.get(ve)??[]:[],Le=n?.isNew?void 0:o.find(A=>A.id===n?.id),X=(Le?.status??(Le?.captured?"in_flight":"pending"))==="pending"?Le?.color??r:"#8c8c8c",ke=fe(()=>p.filter(A=>!(y.has(A)||l.has(A.id)||B.has(A.id)||n&&!n.isNew&&A.id===n.id)),[n,B,l,p,y]);return{activeTextAnnotation:Le,activeTextCollisionId:ve,activeTextModifiedRail:he,activeTextNestedAnnotationCount:G,activeTextNestedAnnotationIds:we,activeTextNestedBadgeColor:X,elementRailColorBySelector:Z,elementRailCommentIds:B,elementRailComments:O,hiddenAnnotationBadgeIds:ae,modifiedElementSendHintSelector:Y,stagedElementComments:M,visibleCanvasAnnotations:ke,visibleSendHintAnchorId:le}}function no(e){if(e.length<2)return null;let t=e[0],n=e[e.length-1];return t&&n?[t,n]:null}var oh=(e,t,n,r)=>{let o=no(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()},ih=(e,t,n,r)=>{let o=no(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()},ah=(e,t,n,r)=>{let o=no(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()},lh=(e,t,n,r)=>{let o=no(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))},js=11,Ti=4,sh=`600 ${js}px system-ui, -apple-system, sans-serif`;function _s(e,t,n){return e.map(r=>({x:r.x-t,y:r.y-n}))}function dh(e,t,n,r,o,i){let a=String(r);e.font=sh;let l=e.measureText(a).width+Ti*2,d=js+Ti*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+Ti,u+d/2)}function ch(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 Fs(){let e=R(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":ih(h,a.points,g,a.strokeWidth);break;case"line":ah(h,a.points,g,a.strokeWidth);break;case"rectangle":lh(h,a.points,g,a.strokeWidth);break;case"circle":oh(h,a.points,g,a.strokeWidth);break;case"text":if(a.text&&a.points[0]){let y=f==="pending"?"#ffffff":"#dddddd";yd(h,a.points[0],a.text,g,a.fontSize,l,a.points[0].x,d,y,Ws(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),w=(h+f)/2,S=(g+y)/2;[{x:w,y:g},{x:w,y},{x:h,y:S},{x:f,y:S}].forEach(C=>{c.beginPath(),c.rect(C.x-l/2,C.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,w=.5,S)=>{if(t(),a.forEach(C=>{let L={...C,points:_s(C.points,c,u)},M=p?.get(C.id),k=y?.has(C.id)??!1,E=!!h?.size,$=h?.has(C.id)??!1,O=E?$?1:.2:g&&!g.has(C.id)&&!k?w:1;n(L,M,f,O,S?.has(C.id))}),l&&l.length>0&&d){let C=e.current?.getContext("2d");for(let L of l){let M=a.find(k=>k.id===L);if(M){let k=y?.has(M.id)??!1,E=!!h?.size,$=h?.has(M.id)??!1,O=E?$?1:.2:g&&!g.has(M.id)&&!k?w:1,z={...M,points:_s(M.points,c,u)};if(C?.save(),C&&(C.globalAlpha=O),r(z,d),C&&M.type!=="text"&&p&&!(M.groupId&&a.some(T=>T.groupId===M.groupId&&T.type==="text"))){let T=p.get(M.id);if(T!==void 0){let B=ch(z);if(B){let Z=(M.status??(M.captured?"in_flight":"pending"))==="pending"?M.color:"#999999";dh(C,B.x,B.y,T,Z,d)}}}C?.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 uh(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 ph=new Set;function fh({annotations:e,annotationGroupMap:t,targetDocument:n,color:r,onViewThread:o,onDelete:i}){let{canvasRef:a,redrawAll:l,resizeCanvas:d}=Fs(),[c,u]=N({x:0,y:0,revision:0}),[p,h]=N([]);Ve(()=>{let g=n.defaultView,y=()=>{let w=g?.frameElement?.getBoundingClientRect();u(S=>({x:(w?.left??0)-(g?.scrollX??0),y:(w?.top??0)-(g?.scrollY??0),revision:S.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=fe(()=>pi(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 Ve(()=>{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 E=uh(y.points);return{annotation:y,left:E.x,top:E.y,width:Math.max(12,E.width),height:Math.max(12,E.height)}}let w=y.fontSize??12,S=t.get(y.id),C=`${S===void 0?"":`${S}. `}${(y.text??"").replace(/\n/g," ")}`,L=y.points[0];g.font=`${w}px ${Yi}`;let M=g.measureText(Id(g,C,Md(L.x))).width+16,k=Td(L,w,void 0,M);return{annotation:y,left:k.x-8,top:k.y-4,width:M,height:w*Ji+8}}))},[f,t,a,l,d]),f.length?v(Te,{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:w=>{w.stopPropagation(),g.threadId&&o?.(g.threadId)},onPointerDown:w=>w.stopPropagation(),onContextMenu:i?w=>{w.preventDefault(),w.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(Ed,{annotations:f,supersededAnnotations:ph,annotationGroupMap:t,scrollX:0,scrollY:0,onViewThread:o,canvasRef:a,pendingBundleCount:0})]}):null}var hh=new Set,mh=new Map,gh=new Map,yh=new Map;function bh({peer:e,targetDocument:t,projectedTargets:n,hoveredElement:r,getSubjects:o,onApprove:i,focusedAnnotationId:a}){let l=pn(nl),d=pn(Qo),c=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerAnnotations&&!d.view?.isPeeking?k=>{d.deletePeerAnnotations(e.identity.id,[k]).catch(()=>{})}:void 0,u=fe(()=>Ol(ei(e.state??Co,d?.pendingSubmissions??[],e.identity.id),e.identity.relationship==="guest"?e.color:void 0),[e.state,e.identity.id,e.identity.relationship,e.color,d?.pendingSubmissions]),p=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerStyles&&!d.view?.isPeeking?k=>{d.deletePeerStyles(e.identity.id,k.map(p0)).catch(()=>{})}:void 0,[h,f]=N(0),g=fe(()=>xi((e.state?.annotations??[]).flatMap(k=>[k.linkedSelector,k.elements?.[0]?.selector].filter(E=>!!E))),[e.state?.annotations]);F(()=>{if(!t||n)return;let k=new MutationObserver(E=>{E.some(g.changesIdentity)&&f($=>$+1)});return k.observe(t.body,{childList:!0,characterData:!0,subtree:!0,attributes:!0,attributeFilter:g.attributes}),()=>k.disconnect()},[t,n,g]);let y=oe((k,E)=>!t||n?null:Io(k,E?.[0],t),[t,n]),w=fe(()=>n?new Set(n.keys()):void 0,[n]),S=ls({state:u,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications}),C=u.annotations.find(k=>k.id===a)?.linkedSelector,L=[...u.annotations].filter(k=>!k.captured&&!S.supersededAnnotations.has(k)).sort((k,E)=>E.timestamp-k.timestamp)[0],M=Bs({resolveElement:y,projectedSelectors:w,activeText:null,activeColor:e.color,annotations:u.annotations,annotationNumberById:S.annotationGroupMap,hiddenCollidingAnnotationIds:hh,nestedCollidingAnnotationCountById:mh,nestedCollidingAnnotationIdsById:gh,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications,sendHintAnchorId:L?.id??null,supersededAnnotations:S.supersededAnnotations,visibleCollisionRepresentativeByAnnotationId:yh,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(fh,{annotations:M.visibleCanvasAnnotations,annotationGroupMap:S.annotationGroupMap,targetDocument:t,color:e.color,onViewThread:l,onDelete:c}),s(Ds,{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:S.pageModificationNumberBySelector,sendHintSelector:i?M.modifiedElementSendHintSelector:null,pendingBundleCount:S.stagedArtifactOrder.count,onSend:i,onViewThread:l,focusedSelector:C,refreshKey:e.revision})]})}function vh(e,t){let[n,r]=pa(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 xh(e,t){let n=e.split(Hd()),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 wh(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:ia(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=fi(n,t);return r?[{selector:r}]:[]}).slice(0,8)}export{pr as $,xt as $a,N2 as $b,ai as A,f2 as Aa,zn as Ab,A0 as B,h2 as Ba,Ra as Bb,R0 as C,m2 as Ca,$a as Cb,z0 as D,g2 as Da,au as Db,ct as E,Ds as Ea,kt as Eb,tt as F,Si as Fa,Ao as Fb,xn as G,qf as Ga,za as Gb,U0 as H,Jf as Ha,Gt as Hb,q0 as I,Xf as Ia,bn as Ib,wn as J,Ii as Ja,Ya as Jb,ns as K,Ws as Ka,jo as Kb,li as L,Kf as La,Ga as Lb,yt as M,Gf as Ma,el as Mb,Y0 as N,eh as Na,Vo as Nb,J0 as O,th as Oa,tl as Ob,X0 as P,Bs as Pa,Ta as Pb,K0 as Q,Xr as Qa,ml as Qb,G0 as R,ui as Ra,dr as Rb,Zr as S,zr as Sa,vl as Sb,si as T,ls as Ta,xl as Tb,Bn as U,Fs as Ua,wl as Ub,rs as V,v2 as Va,Wp as Vb,n2 as W,ss as Wa,kl as Wb,o2 as X,w2 as Xa,_p as Xb,os as Y,C2 as Ya,g1 as Yb,i2 as Z,k2 as Za,R2 as Zb,di as _,S2 as _a,$2 as _b,Lp as a,is as aa,jr as ab,z2 as ac,Rl as b,as as ba,Ml as bb,P2 as bc,Go as c,Qo as ca,qp as cb,O2 as cc,zl as d,nl as da,Yp as db,H2 as dc,u0 as e,Ms as ea,T2 as eb,D2 as ec,Pl as f,xi as fa,bh as fb,xh as fc,ei as g,j2 as ga,E2 as gb,wh as gc,Ol as h,hi as ha,vh as hb,Dn as i,us as ia,L2 as ib,y0 as j,F2 as ja,A2 as jb,Wl as k,ws as ka,rl as kb,k0 as l,Cs as la,Do as lb,ti as m,Ss as ma,Wo as mb,S0 as n,Is as na,Lu as nb,I0 as o,kf as oa,Au as ob,M0 as p,wi as pa,ir as pb,Fr as q,Ts as qa,On as qb,Vt as r,Es as ra,ku as rb,ni as s,Ls as sa,Su as sb,jl as t,s2 as ta,Kt as tb,T0 as u,d2 as ua,Tu as ub,oi as v,c2 as va,fn as vb,Fl as w,u2 as wa,Nn as wb,L0 as x,Ci as xa,hn as xb,W2 as y,ki as ya,vt as yb,Ke as z,p2 as za,gn as zb};
345
+ `}}),We.map(b=>{let ne=A?.element===b.domElement,K=ci(b.hasPendingChanges,_n(b),f?.get(b.selector)),ge=Ne(b),V=lt(b,K),Fe=$f(b.selector,ge,d,y),Ee=Nf(Fe,b.comment,_n(b)),ze=ge||K?.status==="in_flight",He=zf(Ee,ze),Et=g?.has(f?.get(b.selector)??K?.jobId??""),xe=b.comment?.awaitingReview||K?.status==="awaiting_review",de=xe?"Awaiting review":Et?"Approval needed":ge?Re||"Thinking":V?"Queued":K?.status==="in_flight"?"Thinking":K?.status==="waiting_input"?"Question":K?.status==="failed"?"Failed":K?.label??"Replied",pt=!!(b.domElement&&As(b.domElement,T)),ue=te===b.selector,je=U.has(b.selector),Zt=U.get(b.selector),Ot=!!K||b.comment?.pending===!1,Q=eo({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Ot,isHovered:r&&o===b.selector||pt||ue||Gr(ee,b.selector,0),hasTimedReveal:je,isRevealedSticker:!1}),ce=b.stickers.length+1,De=eo({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Ot,isHovered:Gr(ee,b.selector,ce),hasTimedReveal:je,isRevealedSticker:!1}),st=eo({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Ot,isHovered:r&&o===b.selector||pt||ue||Gr(ee,b.selector,ce),hasTimedReveal:je,isRevealedSticker:je}),qe=Qn(b),Ht=(ne?A.imageCount:Os(b.comment,ge||!!K))??0,an=b.stickers.length>0||Ht>0,Un=md({hasCommentEntry:ne||!!b.comment,stagedChangeCount:b.stickers.length+ +(Ht>0)}),Dt=ge||!!K||!!b.comment?.awaitingReview,Ge=!Dt&&b.selector===C,Ye=!ne&&Q.annotationCollapsed&&st.stickerCollapsed&&De.sendCompact&&!je&&ee?.selector!==b.selector,ln=Ye?gd({annotationNumber:b.annotationNumber,stickerCount:b.stickers.length,interactionEpisodeStepCount:b.comment?.interactionEpisodeStepCount??0,hasStatus:Dt,hasSend:Ge,controlGap:Un})+hi(Ht):qe;return s(yd,{element:b.domElement,projectedRect:b.projectedRect,onRemove:b.comment&&le?()=>le(b.comment.id):Y&&i.some(_e=>_e.selector===b.selector)?()=>Y(i.filter(_e=>_e.selector===b.selector)):void 0,onActivate:b.comment?.threadId||K?.threadId?()=>z?.(b.comment?.threadId??K?.threadId):void 0,hideOutline:!(r&&Mt===b),color:Ee,fillOpacity:.1,outlineZIndex:10002,subjectRegistry:t,hideTooltip:!0,railGap:2,railWidth:qe,refreshKey:I,renderRail:_e=>{let qn=at.current.get(b.selector)?.getBoundingClientRect(),ro=qn?.width?qn:xo(_e,qe,22),gr=!!(Ye&&Mt!==b&&ut&&Gi(ro,ut));if(Mt!==b&&ut&&Gi(xo(_e,ln,22),ut))return null;let Sn=_e.horizontalAlignment==="right"?_e.left-qe:_e.left,sn=Uf(mr,Sn,qe);if(b.transient){let _=b.domElement?Od(b.domElement):null;return s(Hs,{"data-popmelt-rail-priority":"intent","data-popmelt-subject-label-action":_?"true":void 0,"data-popmelt-subject-adapter":_?.adapter,"data-popmelt-subject-key":_?.key,left:_e.left,top:_e.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:_e.anchor,horizontalAlignment:_e.horizontalAlignment,style:{zIndex:10001,pointerEvents:_?"auto":"none",cursor:_?"pointer":void 0},onPointerDown:se=>{_&&se.stopPropagation()},onClick:se=>{_&&(se.preventDefault(),se.stopPropagation(),Le?.(_))},onContextMenu:se=>{_&&(se.preventDefault(),se.stopPropagation(),X?.(_))},onMouseEnter:()=>{_&&ke?.(_)},onMouseLeave:()=>ke?.(null),children:s("div",{"data-devtools":"steer-element-identifier",ref:se=>{b.domElement&&ea(b.domElement,se)},"data-popmelt-subject-label-action":_?"true":void 0,style:{...Tt,borderRadius:b.domElement===document.body?Ir("bottom-left"):Ir(_e.anchor)},children:s("span",{style:Zn,children:b.label})})})}return s(Hs,{"data-popmelt-rail-priority":"history","data-popmelt-snap-collapse":gr||void 0,visualRef:_=>{_?at.current.set(b.selector,_):at.current.delete(b.selector)},left:_e.left,top:_e.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:_e.anchor,horizontalAlignment:_e.horizontalAlignment,onClick:()=>{if(ne)return;let _=Hf(b.comment,b.comment?.threadId??K?.threadId);_.type==="edit-comment"?ae?.(_.annotationId):_.type==="open-thread"&&z?.(_.threadId)},onContextMenu:_=>{if(_.preventDefault(),_.stopPropagation(),b.comment&&le){le(b.comment.id);return}if(Y){let se=i.filter(Nt=>Nt.selector===b.selector);if(se.length){Y(se);return}}b.comment&&b.comment.pending!==!1&&he?(St(b.selector),Se(se=>$s(se,b.selector)),Ze(se=>se===b.selector?null:se),S?.(null),he(b.comment.id)):a.some(se=>se.selector===b.selector&&!se.captured)?ve?.(b.selector):!b.hasPendingChanges&&!ge&&K?.status==="resolved"&&G?.(K.threadId)},onMouseEnter:()=>{St(b.selector),Ze(b.selector),S?.(b.selector)},onMouseLeave:()=>{Pt(b.selector),S?.(null)},style:{zIndex:ne?10002:1e4,cursor:ne?"text":"pointer",pointerEvents:"auto"},children:v("div",{ref:_=>{b.domElement&&ea(b.domElement,_)},style:{display:"flex",alignItems:"center",gap:Un},children:[ne?A.render(_e.anchor):v("div",{"data-devtools":"badge","data-popmelt-collapsed":Q.annotationCollapsed,onMouseEnter:()=>be(b.selector,"annotation",0),style:{...Tt,backgroundColor:Pf({accentColor:d,threadAccentColor:Ee,comment:b.comment,isInFlight:ge,hasThreadState:!!K,hasStickers:b.stickers.length>0}),gap:0,letterSpacing:b.comment?0:Tt.letterSpacing,borderRadius:b.domElement===document.body?Ir("bottom-left"):Ir(_e.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:{...Zn,paddingLeft:b.comment?0:void 0},children:b.comment?v(Te,{children:[".",s("span",{style:{marginLeft:2},children:b.comment.text})]}):v(Te,{children:[". ",b.label]})})})]}),!an&&s(ta,{stepCount:ne?0:b.comment?.interactionEpisodeStepCount??0,onClear:b.comment?.pending!==!1&&we?()=>we(b.comment.id):void 0,submitted:b.comment?.pending===!1}),an&&v("div",{className:"popmelt-staged-sticker-group",children:[b.stickers.map((_,se)=>{let Nt=on(_),Wt=eo({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:!!K,isHovered:Gr(ee,b.selector,se+1),hasTimedReveal:je,isRevealedSticker:je&&Nt===Zt}),nt=_f(se,b.stickers.length+ +(Ht>0)),jt=se===0?void 0:vo;return v("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:nt.zIndex},children:[s("span",{"aria-hidden":!0,className:"popmelt-staged-sticker-pointer",style:{"--popmelt-staged-accent":He,WebkitMaskImage:se===0?void 0:Sr,maskImage:se===0?void 0:Sr}}),v("button",{type:"button","data-devtools":"staged-sticker","data-popmelt-style-property":_.custom?.property,title:_.custom?`${_.custom.property}: ${_.custom.value}`:void 0,"data-popmelt-collapsed":Wt.stickerCollapsed,onMouseEnter:()=>be(b.selector,Nt,se+1),"aria-label":_.custom?`Custom ${_.custom.property}: ${_.custom.value}`:`${r?"Staged":"Edit staged"} ${_.token} sticker`,onPointerDown:ht=>{ht.preventDefault(),ht.stopPropagation()},onClick:ht=>{ht.preventDefault(),ht.stopPropagation(),_.selection&&E?.(b.selector,_.selection)},onContextMenu:ht=>{ht.preventDefault(),ht.stopPropagation(),St(b.selector),Se(In=>$s(In,b.selector)),S?.(null),_.selection&&$?.(b.selector,_.selection)},style:{...Tt,position:"relative",height:"100%",minHeight:22,appearance:"none",border:0,margin:0,paddingLeft:nt.paddingLeft,paddingRight:nt.paddingRight,gap:0,cursor:_.selection&&(E||$)?"pointer":"default",backgroundColor:He,WebkitMaskImage:jt,maskImage:jt},children:[_.selection?s(hr,{family:_.selection.family,subproperty:_.selection.subproperty,step:_.selection.step}):s(Vf,{property:_.custom.property}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:_.token})})]})]},Nt)}),s(us,{imageCount:Ht,color:He,layered:b.stickers.length>0}),!ne&&(b.comment?.interactionEpisodeStepCount??0)>0&&s("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:1},children:s(ta,{stepCount:b.comment.interactionEpisodeStepCount,layered:!0,onClear:b.comment?.pending!==!1&&we?()=>we(b.comment.id):void 0,submitted:b.comment?.pending===!1})}),Ge&&s(na,{bundleCount:L,compact:De.sendCompact,layered:!0,onHoverChange:_=>{_&&be(b.selector,"send",ce),M?.(_)},onSend:k,style:{position:"relative",zIndex:(b.comment?.interactionEpisodeStepCount??0)>0?0:1}})]}),Dt&&s("button",{type:"button","data-devtools":"annotation-badge","data-popmelt-collapsed":st.stickerCollapsed,onMouseEnter:()=>be(b.selector,"thread-status",ce),"aria-label":K?`${de}. Open thread`:de,onPointerDown:_=>{_.preventDefault(),_.stopPropagation()},onClick:_=>{_.preventDefault(),_.stopPropagation();let se=b.comment?.threadId??K?.threadId;se&&z?.(se)},style:{...Tt,appearance:"none",border:0,margin:0,cursor:K&&z?"pointer":"default",backgroundColor:Ee,gap:0},children:xe?v(Te,{children:[s(ga,{size:12,strokeWidth:2.25}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:de})})]}):ge?v(Te,{children:[Et?s(Gd,{size:12,"aria-label":"Approval needed"}):s("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"currentColor",style:{verticalAlign:"middle"},children:$t===1?v(Te,{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(Te,{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:de})})]}):v(Te,{children:[V?s(ga,{"data-devtools":"queued-status-icon",size:12,strokeWidth:2.25,style:{verticalAlign:"middle",opacity:.6}}):K?.status==="waiting_input"?s(ec,{"data-devtools":"question-status-icon",size:12,strokeWidth:2.25,style:{transform:"translateY(-0.5px)",flexShrink:0}}):K?.status==="failed"?s(tc,{size:12,strokeWidth:2.25}):s(nc,{size:12,strokeWidth:2.25}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:de})})]})}),Ge&&!an&&s(na,{bundleCount:L,compact:De.sendCompact,onHoverChange:_=>{_&&be(b.selector,"send",ce),M?.(_)},onSend:k})]})})}},`${b.transient?"intent":"history"}:${b.selector}`)})]})}var Fn=8,Si=4;function Yf(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||ca(e,t)||ca(t,e)}function Xf(e,t){return Jf(e,t)||er(e)!==null&&er(e)===er(t)}function Kf(e){let t=0,n=er(e);for(;n;)t+=1,n=er(n);return t}function Ii(e,t){return Io(e,t?.[0])}function Ws(e){return!!(e.linkedSelector&&e.elements?.[0]?.tagName.toLowerCase()==="body")}function Gf(e){let t=Ki(e,22,2,window.innerHeight);return{x:t.left+window.scrollX+8,y:t.top+window.scrollY+4}}function eh(e){let t=e?.getBoundingClientRect();return!t||typeof window>"u"?{}:t.top<window.innerHeight/2?{avoidTop:t.bottom+Fn,avoidLeft:t.left-Fn,avoidRight:t.right+Fn}:{avoidBottom:t.top-Fn,avoidLeft:t.left-Fn,avoidRight:t.right+Fn}}function th(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 nh(e,t,n=0,r,o,i=90){let a=e.left+window.scrollX+8,l=t==="top-left"?e.top+window.scrollY-Si-22-n*22+4:e.bottom+window.scrollY+Si+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 rh=new Set(["resolved","needs_review","waiting_input","failed"]);function Mi(e){return e.linkedSelector??(e.target?ia(e.target):void 0)}function oh(e,t){let n=e.groupId?t.filter(c=>c.groupId===e.groupId):[e],r=n.find(c=>c.status!==void 0&&rh.has(c.status)),o=n.find(c=>c.threadId),i=n.find(c=>Mi(c)),a=i?Mi(i):void 0;if(!r?.status||!o?.threadId||!a)return;let 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 js({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:w,activeTextSendHintId:S,targetResolutionRevision:C}){let L=oe((A,I)=>t?null:e?e(A,I):Ii(A,I),[C,e,t]),M=fe(()=>{let A=[],I=new Set,W=[...p].sort((B,H)=>H.timestamp-B.timestamp);for(let B of W){if(B.type!=="text"||!B.text||!B.linkedSelector||y.has(B)||l.has(B.id))continue;let H=B.status??(B.captured?"in_flight":"pending");if(!["pending","sending","in_flight","awaiting_review"].includes(H))continue;let ee=i.get(B.id);if(ee===void 0||I.has(B.linkedSelector))continue;let Se=L(B.linkedSelector,B.elements),te=B.elements?.[0];!Se&&!(t?.has(B.linkedSelector)&&te)||(I.add(B.linkedSelector),A.push({id:B.id,selector:B.linkedSelector,text:B.text.replace(/\n/g," "),annotationNumber:ee,color:B.color,element:te??Rn(Se),pending:H==="pending",awaitingReview:H==="awaiting_review",threadId:B.threadId,imageCount:B.imageCount??0,interactionEpisodeStepCount:B.interactionEpisode?.steps.length}))}return A},[i,l,p,y,L,t]),k=fe(()=>new Set(M.map(A=>A.id)),[M]),E=fe(()=>{let A=new Map;for(let I of p){if(I.type!=="text")continue;let W=oh(I,p);W&&A.set(I.id,W)}return A},[p]),$=fe(()=>{let A=[],I=new Set,W=[...p].sort((B,H)=>+(H.id===a)-+(B.id===a)||H.timestamp-B.timestamp);for(let B of W){let H=E.get(B.id);if(!H||!Ci({...B,status:H.status,threadId:H.threadId,linkedSelector:H.linkedSelector})||!B.text||y.has(B)||l.has(B.id)||I.has(H.linkedSelector))continue;let ee=i.get(B.id);if(ee===void 0)continue;let Se=L(H.linkedSelector,H.elements),te=H.elements?.[0];!Se&&!(t?.has(H.linkedSelector)&&te)||(I.add(H.linkedSelector),A.push({id:B.id,selector:H.linkedSelector,text:B.text.replace(/\n/g," "),annotationNumber:ee,color:B.color,element:te??Rn(Se),pending:!1,imageCount:B.imageCount??0,interactionEpisodeStepCount:B.interactionEpisode?.steps.length,threadState:{jobId:H.replyJobIds?.[H.replyJobIds.length-1]??H.threadId,threadId:H.threadId,targetBindingId:H.targetBindingId,annotationNumber:ee,status:H.status==="waiting_input"?"waiting_input":H.status==="failed"?"failed":"resolved",label:H.status==="waiting_input"?"Question":H.status==="failed"?"Failed":"Replied"}}))}return A},[i,a,l,p,E,y,L,t]),O=fe(()=>[...M,...$],[$,M]),z=fe(()=>{let A=new Set,I=new Set,W=new Set,B=new Set;for(let[H,ee]of d??[])if(da(ee.selectors??[H],ee.targetFingerprint).status==="matched"){I.add(ee.threadId),ee.targetBindingId&&W.add(ee.targetBindingId);for(let Se of ee.selectors??[])B.add(Se);!ee.targetBindingId&&!ee.selectors?.length&&B.add(H)}for(let H of p){let ee=E.get(H.id),Se=H.groupId?p.filter(Oe=>Oe.groupId===H.groupId):[H],te=Se.map(Mi).find(Oe=>!!Oe),Ze=Se.find(Oe=>Oe.threadId)?.threadId,U=Se.find(Oe=>Oe.targetBindingId)?.targetBindingId;if(!(H.type!=="text"||!H.text||!te||y.has(H)||l.has(H.id))){if(Ze&&I.has(Ze)||U&&W.has(U)||B.has(te)){A.add(H.id);continue}!ee||!Ci({...H,status:ee.status,threadId:ee.threadId,linkedSelector:ee.linkedSelector})||L(ee.linkedSelector,ee.elements)&&A.add(H.id)}}return A},[l,d,p,E,y,L]),T=fe(()=>{let A=new Set;for(let I of p)!ki(I)||!I.linkedSelector||y.has(I)||l.has(I.id)||L(I.linkedSelector,I.elements)&&A.add(I.id);return A},[l,p,y,L]),j=fe(()=>{let A=new Set(T);for(let I of k)A.add(I);for(let I of z)A.add(I);return A},[T,z,k]),Z=fe(()=>new Map(O.map(A=>[A.selector,A.color])),[O]),ae=fe(()=>new Set([...l,...j]),[j,l]),he=fe(()=>{if(!n?.linkedSelector||n.domEdit)return null;let A=L(n.linkedSelector,n.elements);if(!A)return null;let I=[...h,...f].find(H=>!H.captured&&Ii(H.selector,[H.element])===A),W=p.find(H=>H.id===n.id),B=!!(!n.isNew&&W&&ki(W));return!I&&!B?null:{element:A,selector:I?.selector??n.linkedSelector}},[n,p,h,f,L]),le=g===S?g:g?w.get(g)??g:null,Y=fe(()=>{if(le===S)return n?.text.trim()?he?.selector??null:null;if(le&&le!==S)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,he,S,h,f,M,le]),ve=n?n.isNew?S:n.id:null,G=ve?c.get(ve)??0:0,we=ve?u.get(ve)??[]:[],Le=n?.isNew?void 0:o.find(A=>A.id===n?.id),X=(Le?.status??(Le?.captured?"in_flight":"pending"))==="pending"?Le?.color??r:"#8c8c8c",ke=fe(()=>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:Le,activeTextCollisionId:ve,activeTextModifiedRail:he,activeTextNestedAnnotationCount:G,activeTextNestedAnnotationIds:we,activeTextNestedBadgeColor:X,elementRailColorBySelector:Z,elementRailCommentIds:j,elementRailComments:O,hiddenAnnotationBadgeIds:ae,modifiedElementSendHintSelector:Y,stagedElementComments:M,visibleCanvasAnnotations:ke,visibleSendHintAnchorId:le}}function no(e){if(e.length<2)return null;let t=e[0],n=e[e.length-1];return t&&n?[t,n]:null}var ih=(e,t,n,r)=>{let o=no(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()},ah=(e,t,n,r)=>{let o=no(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()},lh=(e,t,n,r)=>{let o=no(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()},sh=(e,t,n,r)=>{let o=no(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))},Bs=11,Ti=4,dh=`600 ${Bs}px system-ui, -apple-system, sans-serif`;function _s(e,t,n){return e.map(r=>({x:r.x-t,y:r.y-n}))}function ch(e,t,n,r,o,i){let a=String(r);e.font=dh;let l=e.measureText(a).width+Ti*2,d=Bs+Ti*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+Ti,u+d/2)}function uh(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 Fs(){let e=R(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":ah(h,a.points,g,a.strokeWidth);break;case"line":lh(h,a.points,g,a.strokeWidth);break;case"rectangle":sh(h,a.points,g,a.strokeWidth);break;case"circle":ih(h,a.points,g,a.strokeWidth);break;case"text":if(a.text&&a.points[0]){let y=f==="pending"?"#ffffff":"#dddddd";bd(h,a.points[0],a.text,g,a.fontSize,l,a.points[0].x,d,y,Ws(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),w=(h+f)/2,S=(g+y)/2;[{x:w,y:g},{x:w,y},{x:h,y:S},{x:f,y:S}].forEach(C=>{c.beginPath(),c.rect(C.x-l/2,C.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,w=.5,S)=>{if(t(),a.forEach(C=>{let L={...C,points:_s(C.points,c,u)},M=p?.get(C.id),k=y?.has(C.id)??!1,E=!!h?.size,$=h?.has(C.id)??!1,O=E?$?1:.2:g&&!g.has(C.id)&&!k?w:1;n(L,M,f,O,S?.has(C.id))}),l&&l.length>0&&d){let C=e.current?.getContext("2d");for(let L of l){let M=a.find(k=>k.id===L);if(M){let k=y?.has(M.id)??!1,E=!!h?.size,$=h?.has(M.id)??!1,O=E?$?1:.2:g&&!g.has(M.id)&&!k?w:1,z={...M,points:_s(M.points,c,u)};if(C?.save(),C&&(C.globalAlpha=O),r(z,d),C&&M.type!=="text"&&p&&!(M.groupId&&a.some(T=>T.groupId===M.groupId&&T.type==="text"))){let T=p.get(M.id);if(T!==void 0){let j=uh(z);if(j){let Z=(M.status??(M.captured?"in_flight":"pending"))==="pending"?M.color:"#999999";ch(C,j.x,j.y,T,Z,d)}}}C?.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 ph(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 fh=new Set;function hh({annotations:e,annotationGroupMap:t,targetDocument:n,color:r,onViewThread:o,onDelete:i}){let{canvasRef:a,redrawAll:l,resizeCanvas:d}=Fs(),[c,u]=N({x:0,y:0,revision:0}),[p,h]=N([]);Ve(()=>{let g=n.defaultView,y=()=>{let w=g?.frameElement?.getBoundingClientRect();u(S=>({x:(w?.left??0)-(g?.scrollX??0),y:(w?.top??0)-(g?.scrollY??0),revision:S.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=fe(()=>pi(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 Ve(()=>{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 E=ph(y.points);return{annotation:y,left:E.x,top:E.y,width:Math.max(12,E.width),height:Math.max(12,E.height)}}let w=y.fontSize??12,S=t.get(y.id),C=`${S===void 0?"":`${S}. `}${(y.text??"").replace(/\n/g," ")}`,L=y.points[0];g.font=`${w}px ${Yi}`;let M=g.measureText(Md(g,C,Td(L.x))).width+16,k=Ed(L,w,void 0,M);return{annotation:y,left:k.x-8,top:k.y-4,width:M,height:w*Ji+8}}))},[f,t,a,l,d]),f.length?v(Te,{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:w=>{w.stopPropagation(),g.threadId&&o?.(g.threadId)},onPointerDown:w=>w.stopPropagation(),onContextMenu:i?w=>{w.preventDefault(),w.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(Ld,{annotations:f,supersededAnnotations:fh,annotationGroupMap:t,scrollX:0,scrollY:0,onViewThread:o,canvasRef:a,pendingBundleCount:0})]}):null}var mh=new Set,gh=new Map,yh=new Map,bh=new Map;function vh({peer:e,targetDocument:t,projectedTargets:n,hoveredElement:r,getSubjects:o,onApprove:i,focusedAnnotationId:a}){let l=pn(nl),d=pn(Qo),c=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerAnnotations&&!d.view?.isPeeking?k=>{d.deletePeerAnnotations(e.identity.id,[k]).catch(()=>{})}:void 0,u=fe(()=>Ol(ei(e.state??Co,d?.pendingSubmissions??[],e.identity.id),e.identity.relationship==="guest"?e.color:void 0),[e.state,e.identity.id,e.identity.relationship,e.color,d?.pendingSubmissions]),p=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerStyles&&!d.view?.isPeeking?k=>{d.deletePeerStyles(e.identity.id,k.map(f0)).catch(()=>{})}:void 0,[h,f]=N(0),g=fe(()=>xi((e.state?.annotations??[]).flatMap(k=>[k.linkedSelector,k.elements?.[0]?.selector].filter(E=>!!E))),[e.state?.annotations]);F(()=>{if(!t||n)return;let k=new MutationObserver(E=>{E.some(g.changesIdentity)&&f($=>$+1)});return k.observe(t.body,{childList:!0,characterData:!0,subtree:!0,attributes:!0,attributeFilter:g.attributes}),()=>k.disconnect()},[t,n,g]);let y=oe((k,E)=>!t||n?null:Io(k,E?.[0],t),[t,n]),w=fe(()=>n?new Set(n.keys()):void 0,[n]),S=ls({state:u,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications}),C=u.annotations.find(k=>k.id===a)?.linkedSelector,L=[...u.annotations].filter(k=>!k.captured&&!S.supersededAnnotations.has(k)).sort((k,E)=>E.timestamp-k.timestamp)[0],M=js({resolveElement:y,projectedSelectors:w,activeText:null,activeColor:e.color,annotations:u.annotations,annotationNumberById:S.annotationGroupMap,hiddenCollidingAnnotationIds:mh,nestedCollidingAnnotationCountById:gh,nestedCollidingAnnotationIdsById:yh,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications,sendHintAnchorId:L?.id??null,supersededAnnotations:S.supersededAnnotations,visibleCollisionRepresentativeByAnnotationId:bh,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(hh,{annotations:M.visibleCanvasAnnotations,annotationGroupMap:S.annotationGroupMap,targetDocument:t,color:e.color,onViewThread:l,onDelete:c}),s(Ds,{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:S.pageModificationNumberBySelector,sendHintSelector:i?M.modifiedElementSendHintSelector:null,pendingBundleCount:S.stagedArtifactOrder.count,onSend:i,onViewThread:l,focusedSelector:C,refreshKey:e.revision})]})}function xh(e,t){let[n,r]=pa(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 wh(e,t){let n=e.split(Dd()),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 Ch(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:ia(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=fi(n,t);return r?[{selector:r}]:[]}).slice(0,8)}export{pr as $,xt as $a,z2 as $b,ai as A,h2 as Aa,zn as Ab,R0 as B,m2 as Ba,Ra as Bb,$0 as C,g2 as Ca,$a as Cb,P0 as D,y2 as Da,lu as Db,ct as E,Ds as Ea,kt as Eb,tt as F,Si as Fa,Ao as Fb,xn as G,Yf as Ga,za as Gb,q0 as H,Xf as Ha,Gt as Hb,Y0 as I,Kf as Ia,bn as Ib,wn as J,Ii as Ja,Ya as Jb,ns as K,Ws as Ka,Bo as Kb,li as L,Gf as La,Ga as Lb,yt as M,eh as Ma,el as Mb,J0 as N,th as Na,Vo as Nb,X0 as O,nh as Oa,tl as Ob,K0 as P,js as Pa,Ta as Pb,G0 as Q,Xr as Qa,ml as Qb,e2 as R,ui as Ra,dr as Rb,Zr as S,zr as Sa,vl as Sb,si as T,ls as Ta,xl as Tb,jn as U,Fs as Ua,wl as Ub,rs as V,x2 as Va,jp as Vb,r2 as W,ss as Wa,kl as Wb,i2 as X,C2 as Xa,Fp as Xb,os as Y,k2 as Ya,y1 as Yb,a2 as Z,S2 as Za,$2 as Zb,di as _,I2 as _a,N2 as _b,Ap as a,is as aa,Br as ab,P2 as ac,Rl as b,as as ba,Ml as bb,O2 as bc,Go as c,Qo as ca,Yp as cb,H2 as cc,zl as d,nl as da,Jp as db,D2 as dc,p0 as e,Ms as ea,E2 as eb,W2 as ec,Pl as f,xi as fa,vh as fb,wh as fc,ei as g,_2 as ga,L2 as gb,Ch as gc,Ol as h,hi as ha,xh as hb,Dn as i,us as ia,A2 as ib,b0 as j,V2 as ja,R2 as jb,Wl as k,ws as ka,rl as kb,S0 as l,Cs as la,Do as lb,ti as m,Ss as ma,Wo as mb,I0 as n,Is as na,Au as nb,M0 as o,Sf as oa,Ru as ob,T0 as p,wi as pa,ir as pb,Fr as q,Ts as qa,On as qb,Vt as r,Es as ra,Su as rb,ni as s,Ls as sa,Iu as sb,Bl as t,d2 as ta,Kt as tb,E0 as u,c2 as ua,Eu as ub,oi as v,u2 as va,fn as vb,Fl as w,p2 as wa,Nn as wb,A0 as x,Ci as xa,hn as xb,j2 as y,ki as ya,vt as yb,Ke as z,f2 as za,gn as zb};