@popmelt.com/core 0.25.0 → 0.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/claude-plugin/.claude-plugin/plugin.json +1 -1
- package/codex-plugin/.codex-plugin/plugin.json +1 -1
- package/dist/{ParticipantRuntime-WZLITXXM.mjs → ParticipantRuntime-5WM2XJT7.mjs} +4 -4
- package/dist/{PopmeltTasteConnectedPane-77Z23N6Y.mjs → PopmeltTasteConnectedPane-IXJ2KAPX.mjs} +1 -1
- package/dist/bridge-entry.mjs +61 -61
- package/dist/{browser-runtime-PC2NODES.mjs → browser-runtime-O5GITMZB.mjs} +1 -1
- package/dist/browser.mjs +1 -1
- package/dist/{chunk-YMJHG3Q6.mjs → chunk-7IVK4FEU.mjs} +1 -1
- package/dist/chunk-CWVRJOGB.mjs +370 -0
- package/dist/{chunk-XIWFG3E4.mjs → chunk-J2OX47QB.mjs} +19 -19
- package/dist/{chunk-VUJWDJ6C.mjs → chunk-MGIH5NQE.mjs} +1 -1
- package/dist/cli.mjs +81 -81
- package/dist/index.mjs +1 -1
- package/dist/plugin-astro.mjs +1 -1
- package/dist/plugin-nuxt.mjs +1 -1
- package/dist/plugin-vite.mjs +1 -1
- package/dist/{server-6X5YVYKP.mjs → server-QHSVIUQW.mjs} +64 -64
- package/dist/server.mjs +66 -66
- package/package.json +25 -23
- package/dist/chunk-YHITBHLH.mjs +0 -370
- /package/dist/{chunk-RLCNRGNJ.mjs → chunk-EH5Y2F4E.mjs} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{Z as St,va as Ie,xa as ho,x as Ln,K as Vi,t as sd,_ as dd,ta as Cr,sa as mo,ra as Yn,ha as Qi,ea as Zi,R as qi,Y as Ui,W as go,U as cd,V as ud,ca as pd,X as Ji,da as kr,P as Yi,Ca as Xi,Ea as Ki,na as fd,Ba as hd,u as md,I as gd,wa as yd,s as bd,T as vd,ua as xd,ka as wd,ja as Cd,ma as kd,Ga as Sd,b as Id,Ja as Md,a as Gi,c as yo,d as Td,g as ea,e as Ed,f as Ld,h as Ad}from"./chunk-RLCNRGNJ.mjs";import{d as bo,b as $d,a as ta}from"./chunk-NXMPY7RX.mjs";import{q as Nd,A as na,z as vo,C as ra,B as xo,E as oa,D as wo,j as Co,i as jt,p as An,c as Xn,h as ko,g as ia,f as Rd,e as aa}from"./chunk-ZJPPZLXU.mjs";import{createContext as Sr,lazy as Pd,useSyncExternalStore as la,useState as R,useRef as $,useCallback as oe,useEffect as F,useMemo as ue,useContext as pn,useId as Kn,useLayoutEffect as qe,Suspense as zd,useReducer as sa,createElement as da,Component as Hd}from"react";import{createLucideIcon as Od,Search as ca,Bot as Dd,Brain as Wd,Zap as jd,Leaf as _d,ChevronDown as So,Fingerprint as ua,MessageCircle as Bd,Check as Gn,RefreshCw as Io,Trash2 as Fd,Image as Vd,Clock as pa,OctagonAlert as Qd,MessageCircleQuestionMark as Zd,TriangleAlert as qd,Reply as Ud,Link2 as Mo,X as fa,LockOpen as Jd,Lock as ha,LoaderCircle as er,UserPlus as Yd,History as ma,ChevronLeft as Xd,Settings as ga,LogOut as Kd,ArrowUpRight as Gd,Plus as ec,Folder as tc,Moon as nc,Monitor as rc,Sun as oc,Pause as ya,RotateCcw as ic,Copy as ac,Hand as lc,ALargeSmall as sc,Bold as dc,BetweenHorizontalStart as cc,BetweenVerticalEnd as uc,AlignLeft as ba,Palette as va,Move as pc,Scaling as fc,RotateCw as hc,CircleDashed as mc,Blend as gc,MoveHorizontal as yc,MoveVertical as bc,SlidersHorizontal as vc,AlignStartVertical as xc,AlignCenterVertical as wc,AlignEndVertical as Cc,StretchHorizontal as kc,AlignHorizontalJustifyStart as Sc,AlignHorizontalJustifyCenter as Ic,AlignHorizontalJustifyEnd as Mc,AlignHorizontalSpaceBetween as Tc,AlignHorizontalSpaceAround as Ec,AlignCenter as Lc,AlignRight as Ac,AlignJustify as $c,Signal as Nc,SignalZero as Rc,SignalLow as Pc,SignalMedium as zc,SignalHigh as Hc}from"lucide-react";import{jsx as s,jsxs as v,Fragment as Me}from"react/jsx-runtime";import{flushSync as Oc}from"react-dom";var Dc=Array.from({length:16},(e,t)=>{let n=2.75+t*5;return`M${n} 0L${n-40} 40`}).join(" "),$n="M20.25 8.00293H20.249C21.5098 8.0286 22.7219 8.25094 23.8584 8.63672L23.8604 8.63574C23.8961 8.64787 23.9312 8.66145 23.9668 8.67383C24.0611 8.70686 24.1548 8.74106 24.248 8.77637C24.2915 8.79273 24.3357 8.80727 24.3789 8.82422L24.376 8.82617C27.6145 10.0955 30.1646 12.7301 31.3213 16.0234L31.3232 16.0225C31.3327 16.0493 31.3404 16.0766 31.3496 16.1035C31.7691 17.3256 32 18.6356 32 20C32 20.8726 31.9366 21.6706 31.7598 22.4902L31.7197 22.6328C31.6412 23.0066 31.5136 23.6108 31.3408 24.2217L31.3398 24.2246C31.2967 24.377 31.251 24.5299 31.2021 24.6797C30.9215 25.5403 30.5473 26.2998 30.0879 26.2998C29.7613 26.2996 29.5995 25.9674 29.4316 25.6221C29.2501 25.2487 29.0614 24.8605 28.6484 24.8604C27.8532 24.8604 27.2081 25.5046 27.208 26.2998V27.0771C27.2079 27.6079 26.9661 28.112 26.5205 28.4004C25.9146 28.7925 25.2357 28.6462 24.7959 28.2061L24.7949 28.208C24.7897 28.2028 24.7854 28.1967 24.7803 28.1914C24.7654 28.1761 24.7507 28.1606 24.7363 28.1445C24.7105 28.1156 24.6858 28.0857 24.6621 28.0547C24.6461 28.0339 24.6302 28.013 24.6152 27.9912C24.5931 27.9591 24.5726 27.9257 24.5527 27.8916C24.5392 27.8685 24.5261 27.8452 24.5137 27.8213C24.5093 27.8128 24.5043 27.8045 24.5 27.7959L24.501 27.7939C24.3932 27.5763 24.3282 27.3276 24.3281 27.0576V26.2998C24.328 25.5993 23.8278 25.0158 23.165 24.8867V24.8877C23.0752 24.8702 22.9826 24.8604 22.8877 24.8604C22.8446 24.8604 22.8019 24.8624 22.7598 24.8662C22.0247 24.9312 21.4483 25.5479 21.4482 26.2998C21.4482 26.9127 21.4608 27.5305 21.4736 28.1494L21.4951 29.3135C21.5 29.7013 21.5015 30.089 21.4971 30.4756C21.4874 31.3103 20.8426 32 20.0078 32C19.1732 31.9998 18.5292 31.3102 18.5195 30.4756C18.5159 30.1613 18.5176 29.8464 18.5205 29.5312V29.5322C18.5212 29.4593 18.5206 29.3864 18.5215 29.3135L18.5303 28.8154V28.8145C18.5343 28.5927 18.5384 28.371 18.543 28.1494C18.5558 27.5305 18.5684 28.1129 18.5684 27.5C18.5684 26.7047 17.9232 26.0596 17.1279 26.0596C16.907 26.0596 16.6978 26.1103 16.5107 26.1992C16.2161 26.3393 15.9767 26.5769 15.834 26.8701C15.8269 26.8846 15.8201 26.8993 15.8135 26.9141C15.7821 26.9845 15.7562 27.0579 15.7363 27.1338C15.7243 27.1798 15.7155 27.2267 15.708 27.2744C15.7012 27.3175 15.6953 27.361 15.6924 27.4053C15.6903 27.4366 15.6885 27.4681 15.6885 27.5V28.7383C15.6883 29.9234 14.4911 30.7248 13.4961 30.0811C13.0505 29.7926 12.8086 29.2886 12.8086 28.7578V26.2998C12.8086 25.9737 12.6984 25.674 12.5156 25.4326C12.4437 25.3381 12.3612 25.2521 12.2686 25.1777V25.1768C12.0219 24.9788 11.709 24.8604 11.3682 24.8604C10.9892 24.8604 10.8622 24.8872 10.7295 25.2295C10.5837 25.6055 10.4302 26 9.92773 26C9.33081 25.9996 8.95963 25.2403 8.71484 24.3799C8.5591 23.8325 8.45907 23.571 8.3623 23.0107C8.3501 22.9401 8.33284 22.8403 8.31738 22.7529C8.12812 21.9466 8.02043 21.1089 8.00293 20.249V20.25L8 20C8 19.8617 8.00317 19.724 8.00781 19.5869C8.00837 19.5703 8.00816 19.5537 8.00879 19.5371L8.00977 19.5352C8.0998 17.1716 8.87444 14.9844 10.1396 13.1631C10.1488 13.1499 10.1587 13.1372 10.168 13.124C12.255 10.1453 15.6582 8.15745 19.5352 8.00977L19.5371 8.00879C19.5537 8.00816 19.5703 8.00837 19.5869 8.00781C19.724 8.00317 19.8617 8 20 8L20.25 8.00293Z";function Wc(){let e=[],t=0,n=0;for(let[,M,S]of $n.matchAll(/([A-Z])([^A-Z]*)/g)){let T=(S.match(/-?\d*\.?\d+/g)??[]).map(Number),N=t,H=n;if(M!=="Z")if(M==="H"?t=T[0]:M==="V"?n=T[0]:(t=T[T.length-2],n=T[T.length-1]),M==="C")for(let P=1;P<=24;P++){let L=P/24,j=1-L;e.push({x:j**3*N+3*j**2*L*T[0]+3*j*L**2*T[2]+L**3*t,y:j**3*H+3*j**2*L*T[1]+3*j*L**2*T[3]+L**3*n})}else e.push({x:t,y:n})}let r=24,o=e.findIndex(M=>M.y>=r),i=o;for(;i+1<e.length&&e[i+1].y>=r;)i++;let a=(M,S)=>({x:M.x+(S.x-M.x)*(r-M.y)/(S.y-M.y),y:r}),l=a(e[o-1],e[o]),d=a(e[i],e[i+1]),c=(l.x+d.x)/2,u=(l.x-d.x)/2,p=[l,...e.slice(o,i+1),d].map(M=>{let S=Math.asin(Math.max(-1,Math.min(1,(M.x-c)/u))),T=Math.cos(S);return{longitude:S,height:T>1e-5?(M.y-r)/T:0}}),h=[],f=[8,6.2,8.6,6.5,8],g=[0,1.4,.8,1.8,1.1,0],y=(M,S,T,N)=>{for(let H=0;H<=24;H++){let P=H/24,L=1-P;h.push({longitude:L**3*M[0]+3*L**2*P*S[0]+3*L*P**2*T[0]+P**3*N[0],height:L**3*M[1]+3*L**2*P*S[1]+3*L*P**2*T[1]+P**3*N[1]})}};for(let[M,S]of f.entries()){let T=Math.PI/2+M/f.length*Math.PI,N=T+Math.PI/f.length,H=(T+N)/2,P=.145,L=g[M],j=g[M+1];y([T,L],[H-P,L],[H-P,L+.7],[H-P,S-1.4]);for(let Z=0;Z<=32;Z++){let ae=Math.PI*(1-Z/32);h.push({longitude:H+P*Math.cos(ae),height:S-1.4+1.4*Math.sin(ae)})}y([H+P,S-1.4],[H+P,j+.7],[H+P,j],[N,j])}let C=[...p,...h],k=M=>`L${M.x} ${M.y}`,w=`M${e[0].x} ${e[0].y}`+e.slice(1,o).map(k).join("")+k(l),E=k(d)+e.slice(i+1).map(k).join("")+"Z";return M=>{let S=Math.atan2(Math.sin(M),Math.cos(M));if(Math.abs(S)<1e-9)return $n;let T=C.map(N=>({longitude:Math.atan2(Math.sin(N.longitude+S),Math.cos(N.longitude+S)),height:N.height})).filter(N=>Math.abs(N.longitude)<Math.PI/2).sort((N,H)=>H.longitude-N.longitude).map(N=>{let H=c+u*Math.sin(N.longitude),P=r+N.height*Math.cos(N.longitude);return`L${H} ${P}`}).join("");return w+T+E}}function xa({active:e,interactive:t=!1,hatched:n=!1,onSettlingChange:r,...o}){let i=$(null),a=$(null),l=$(null),d=Kn(),c=$(0),u=$(!1),p=$(null);return qe(()=>{e&&(a.current?.setAttribute("fill",o.fill??"currentColor"),a.current?.setAttribute("stroke","none"))},[e,o.fill]),qe(()=>{let h=i.current;if(!h)return;h.style.removeProperty("fill"),h.style.removeProperty("stroke");let f=window.matchMedia("(prefers-reduced-motion: reduce)"),g=0,y=null,C=0,k=!1,w=c.current,E=Math.ceil(w),M=!e&&E-w>1e-9,S=!1,T=0,N=null,H=h,P=H.style.cursor,L=H.style.touchAction,j=X=>{a.current?.setAttribute("d",X),l.current?.setAttribute("d",X)},Z=()=>{p.current??(p.current=Wc()),j(p.current(-c.current*Math.PI*2))},ae=()=>{k=!0,c.current=0,j($n),a.current?.removeAttribute("fill"),a.current?.removeAttribute("stroke"),r?.(!1)},pe=X=>{let xe=y===null?0:X-y;if(y=X,S){let A=Math.min(xe/1e3,.05),I=e?1/15:0,W=Math.exp(-1.8*A);c.current+=I*A+(T-I)*(1-W)/1.8,T=I+(T-I)*W,Math.abs(T-I)<.005&&(S=!1,w=c.current,E=Math.round(w),C=0)}else if(e)c.current+=xe/15e3;else{C+=xe;let A=Math.min(1,C/250);if(A===1){ae();return}let I=1-(1-A)**3;c.current=w+(E-w)*I}Z(),g=requestAnimationFrame(pe)},le=()=>{cancelAnimationFrame(g),y=null,!(N||k)&&(!e&&(f.matches||!u.current||document.hidden)?ae():f.matches?(c.current=0,j($n)):u.current&&!document.hidden&&(g=requestAnimationFrame(pe)))},J=X=>{N||!X.isPrimary||X.button!==0||(H.setPointerCapture(X.pointerId),N={id:X.pointerId,startX:X.clientX,x:X.clientX,time:X.timeStamp,moved:!1},T=0,cancelAnimationFrame(g),H.style.cursor="grabbing")},ye=X=>{if(!N||N.id!==X.pointerId||!N.moved&&Math.abs(X.clientX-N.startX)<3)return;N.moved=!0;let xe=-(X.clientX-N.x)/160,A=Math.max((X.timeStamp-N.time)/1e3,.001),I=24/(Math.PI*2);T+=(Math.max(-I,Math.min(I,xe/A))-T)*(1-Math.exp(-A/.035)),c.current+=xe,N.x=X.clientX,N.time=X.timeStamp,Z()},G=X=>{!N||N.id!==X.pointerId||(N.moved&&(T*=Math.exp(-Math.max(0,X.timeStamp-N.time-40)/60),S=X.type==="pointerup"&&!f.matches,k=!1,w=c.current,E=Math.round(w),C=0),N=null,H.style.cursor="grab",H.hasPointerCapture(X.pointerId)&&H.releasePointerCapture(X.pointerId),le())};if(!e&&!M&&(ae(),!t))return;let be=X=>{for(let[xe,A]of Object.entries({pointerdown:J,pointermove:ye,pointerup:G,pointercancel:G,lostpointercapture:G}))H[X](xe,A)};t&&(H.style.cursor="grab",H.style.touchAction="pan-y",be("addEventListener")),r?.(M);let Ee=new IntersectionObserver(([X])=>{u.current=X?.isIntersecting??!1,le()});return Ee.observe(h),f.addEventListener("change",le),document.addEventListener("visibilitychange",le),le(),()=>{cancelAnimationFrame(g),Ee.disconnect(),t&&(be("removeEventListener"),H.style.cursor=P,H.style.touchAction=L,N&&H.hasPointerCapture(N.id)&&H.releasePointerCapture(N.id)),f.removeEventListener("change",le),document.removeEventListener("visibilitychange",le)}},[e,t,r]),v("svg",{...o,ref:i,children:[n&&v(Me,{children:[s("defs",{children:v("mask",{id:d,x:"0",y:"0",width:"40",height:"40",maskUnits:"userSpaceOnUse",style:{maskType:"luminance"},children:[s("rect",{width:"40",height:"40",fill:"white"}),s("path",{ref:l,d:$n,fill:"black",stroke:"black",strokeWidth:"5",strokeLinejoin:"round"})]})}),s("path",{d:Dc,fill:"none",stroke:"currentColor",strokeWidth:"0.65",mask:`url(#${d})`})]}),s("path",{ref:a,d:$n})]})}function jc(){return s("svg",{"data-popmelt-wordmark":!0,role:"img","aria-label":"Popmelt",focusable:"false",width:"57.315",height:"19.5",viewBox:"0 0 57.315 19.5",fill:"currentColor",style:{display:"block",flexShrink:0},children:s("path",{d:"M1.427 14.625V4.553H4.813Q6.199 4.553 7.215 4.969Q8.231 5.385 8.786 6.187Q9.341 6.989 9.341 8.167Q9.341 9.374 8.79 10.191Q8.238 11.008 7.245 11.424Q6.251 11.84 4.902 11.84H2.838L3.069 10.122H4.857Q5.639 10.122 6.214 9.915Q6.789 9.708 7.109 9.272Q7.429 8.836 7.429 8.167Q7.429 7.52 7.113 7.102Q6.797 6.685 6.222 6.478Q5.647 6.271 4.857 6.271H3.287Q3.287 14.618 1.427 14.625ZM9.421 10.913Q9.421 9.841 9.95 8.963Q10.478 8.086 11.378 7.561Q12.278 7.036 13.395 7.036Q14.527 7.036 15.423 7.561Q16.319 8.086 16.84 8.967Q17.361 9.848 17.361 10.913Q17.361 11.985 16.84 12.87Q16.319 13.755 15.419 14.284Q14.519 14.812 13.957 14.812Q13.395 14.812 12.832 14.812Q12.27 14.812 11.374 14.284Q10.478 13.755 9.95 12.87Q9.421 11.985 9.421 10.913ZM13.395 13.109Q14.019 13.109 14.504 12.812Q14.989 12.515 15.271 12.019Q15.553 11.522 15.553 10.928Q15.553 10.326 15.271 9.83Q14.989 9.334 14.504 9.036Q14.019 8.739 13.395 8.739Q12.778 8.739 12.289 9.036Q11.8 9.334 11.514 9.83Q11.229 10.326 11.229 10.928Q11.229 11.522 11.514 12.019Q11.8 12.515 12.289 12.812Q12.778 13.109 13.395 13.109ZM17.957 18.022V10.913Q17.957 9.803 18.478 8.93Q18.999 8.056 19.899 7.55Q20.799 7.044 21.931 7.044Q23.063 7.044 23.959 7.569Q24.855 8.093 25.376 8.971Q25.897 9.848 25.897 10.913Q25.897 12.045 25.402 12.93Q24.907 13.815 24.033 14.317Q23.16 14.82 22.02 14.82Q21.179 14.82 20.459 14.425Q19.738 14.031 19.303 13.392Q18.867 12.754 18.867 12.01L19.764 12.29Q19.764 18.022 17.957 18.022ZM21.931 13.117Q22.555 13.117 23.04 12.82Q23.525 12.522 23.807 12.022Q24.089 11.522 24.089 10.928Q24.089 10.326 23.807 9.834Q23.525 9.341 23.04 9.044Q22.555 8.747 21.931 8.747Q21.314 8.747 20.825 9.044Q20.336 9.341 20.05 9.834Q19.764 10.326 19.764 10.928Q19.764 11.522 20.05 12.022Q20.336 12.522 20.825 12.82Q21.314 13.117 21.931 13.117ZM39.274 10.748V14.625H37.467V11.046Q37.467 10.423 37.271 9.9Q37.075 9.378 36.666 9.062Q36.256 8.747 35.617 8.747Q34.994 8.747 34.591 9.055Q34.189 9.363 33.99 9.878Q33.791 10.392 33.791 11.016V14.625H31.983V11.024Q31.983 10.392 31.787 9.878Q31.592 9.363 31.178 9.055Q30.765 8.747 30.134 8.747Q29.495 8.747 29.093 9.062Q28.691 9.378 28.499 9.897Q28.307 10.415 28.307 11.039V14.625H26.499V10.755Q26.499 9.721 26.897 8.869Q27.294 8.018 28.073 7.509Q28.853 6.999 29.999 6.999Q30.944 6.999 31.634 7.355Q32.323 7.712 32.706 8.338Q33.088 8.964 33.104 9.789H32.7Q32.723 8.964 33.116 8.338Q33.51 7.712 34.188 7.355Q34.867 6.999 35.305 6.999Q35.744 6.999 36.325 6.999Q36.905 6.999 37.689 7.509Q38.472 8.018 38.873 8.866Q39.274 9.713 39.274 10.748ZM39.878 10.876Q39.878 9.811 40.354 8.93Q40.831 8.049 41.685 7.524Q42.54 6.999 43.664 6.999Q44.811 6.999 45.628 7.501Q46.445 8.003 46.884 8.847Q47.323 9.69 47.323 10.71V11.325H41.297L41.604 10.762Q41.566 11.468 41.841 12.025Q42.115 12.581 42.63 12.901Q43.145 13.221 43.837 13.221Q44.483 13.221 45.009 12.932Q45.534 12.643 45.828 12.079L47.217 12.789Q46.73 13.763 45.856 14.284Q44.983 14.805 44.417 14.805Q43.852 14.805 43.286 14.805Q42.72 14.805 41.816 14.302Q40.913 13.8 40.396 12.915Q39.878 12.03 39.878 10.876ZM41.701 10.255H45.523Q45.485 9.765 45.237 9.389Q44.989 9.012 44.583 8.801Q44.176 8.59 43.649 8.59Q43.115 8.59 42.701 8.813Q42.287 9.035 42.035 9.411Q41.783 9.788 41.701 10.255ZM50.147 3.841V14.625H48.339Q48.339 3.841 50.147 3.841ZM52.051 11.838V5.333H53.859V11.779Q53.859 12.455 54.231 12.827Q54.602 13.199 55.226 13.199Q55.564 13.199 55.935 13.093Q56.306 12.988 56.576 12.8V14.437Q56.291 14.617 55.875 14.722Q55.459 14.827 55.26 14.827Q55.061 14.827 54.567 14.827Q54.073 14.827 53.403 14.449Q52.733 14.071 52.392 13.393Q52.051 12.715 52.051 11.838ZM56.576 8.778H50.64V7.238H56.576V8.778Z"})})}function _c({position:e}){let t=e.endsWith("-left"),n=e.endsWith("-center"),r=e.startsWith("top-")?4:10;return s("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:v("g",{transform:t?"translate(14 0) scale(-1 1)":void 0,children:[s("rect",{x:"1.5",y:"1.5",width:"11",height:"11",rx:"2.5",stroke:"currentColor",strokeWidth:"1"}),s("circle",{cx:n?7:10,cy:r,r:"1.5",fill:"currentColor"})]})})}function wa(e){return e.charAt(0).toUpperCase()+e.slice(1)}function fn(e,t){return{display:"inline-flex",alignItems:"center",gap:4,padding:"2px 6px 2px 4px",border:0,borderRadius:6,backgroundColor:t?e.hoverSurface:"transparent",color:t?e.hoverForeground:e.muted,font:"inherit",fontWeight:500,cursor:"pointer"}}function Ca({theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:r,onSnapPositionChange:o,onHistory:i,onSettings:a,active:l,workspace:d,connection:c,connectionDetails:u,style:p}){let h=Ie[e],f=yd(t),[g,y]=R(!1),[C,k]=R(!1);return v("div",{role:"region","aria-label":"About Popmelt","data-popmelt-guidance":"popmelt","data-popmelt-font":"sans","data-popmelt-theme":e,"data-popmelt-theme-preference":t,style:{position:"relative",display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",gap:12,overflow:"visible",boxSizing:"border-box",padding:16,border:`1px solid ${h.border}`,borderRadius:20,backgroundColor:h.surface,backdropFilter:"blur(59.5px)",WebkitBackdropFilter:"blur(59.5px)",zIndex:10001,color:h.primary,fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",...p},children:[i&&s("button",{type:"button","aria-label":"Open history",title:"History",onClick:i,style:{position:"absolute",top:16,right:a?44:16,width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",border:0,padding:0,background:"transparent",color:h.muted,cursor:"pointer"},children:s(ma,{size:16,"aria-hidden":"true"})}),a&&s("button",{type:"button","aria-label":"Open settings",title:"Settings",onClick:a,style:{position:"absolute",top:16,right:16,width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",border:0,padding:0,background:"transparent",color:h.muted,cursor:"pointer"},children:s(ga,{size:16,"aria-hidden":"true"})}),s(xa,{interactive:!0,active:l,"aria-hidden":"true",width:32,height:32,viewBox:"7 7 26 26",fill:h.primary,style:{display:"block",width:32,height:32,flexShrink:0,marginBottom:-4}}),v("div",{style:{display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",gap:8},children:[v("div",{style:{display:"flex",alignItems:"center",gap:4},children:[s(jc,{}),v("span",{"aria-label":"Command Command",style:{display:"inline-flex",alignItems:"center",gap:2,padding:"1px 3px",borderRadius:6,backgroundColor:h.control,color:h.mutedStrong,fontSize:12,lineHeight:1.3,letterSpacing:"-0.12px"},children:[s("span",{children:"\u2318"}),s("span",{children:"\u2318"})]})]}),s("p",{style:{margin:0,color:h.secondary},children:"A tiny, powerful design layer for humans and AI."}),v("p",{style:{margin:0,color:h.secondary},children:[s("span",{style:{fontWeight:500},children:"Questions, ideas, or issues?"})," ",s("a",{href:"mailto:reb@popmelt.com",style:{color:"inherit",fontWeight:"inherit",textDecoration:"underline",textUnderlineOffset:"3px"},children:"Email"})," or ",s("a",{href:"https://x.com/bekhovsgun",target:"_blank",rel:"noopener noreferrer",style:{color:"inherit",fontWeight:"inherit",textDecoration:"underline",textUnderlineOffset:"3px"},children:"DM on X"})]})]}),d,v("div",{style:{display:"flex",width:"100%",alignItems:"flex-start",gap:8,fontSize:12},children:[c,v("button",{type:"button",disabled:!o,"aria-label":`Toolbar position: ${wa(r)}. Move to ${r==="bottom-right"?"bottom-left":"bottom-right"}.`,onClick:()=>o?.(r==="bottom-right"?"bottom-left":"bottom-right"),onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),style:{...fn(h,g),cursor:o?"pointer":"default",flexShrink:0,whiteSpace:"nowrap"},children:[s(_c,{position:r}),s("span",{children:wa(r)})]}),v("button",{type:"button",disabled:!n,"aria-label":`Theme mode: ${t}. Click to switch to ${f}`,title:`Theme: ${t}. Switch to ${f}`,"data-popmelt-theme-control":t,onClick:()=>n?.(f),onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),style:{...fn(h,C),flexShrink:0,whiteSpace:"nowrap"},children:[t==="dark"?s(nc,{size:14,strokeWidth:1.5}):t==="auto"?s(rc,{size:14,strokeWidth:1.5}):s(oc,{size:14,strokeWidth:1.5}),s("span",{children:t==="auto"?"Auto":t==="dark"?"Dark":"Light"})]})]}),u]})}function Bc(){let e=window.__POPMELT_PATH_PATCH__;if(e){e.subscribers+=1;return}let t=window.history.pushState,n=window.history.replaceState,r=a=>{window.dispatchEvent(new CustomEvent("popmelt:locationchange",{detail:{prevPath:a}}))},o=function(a,l,d){let c=window.location.pathname;t.call(window.history,a,l,d),r(c)},i=function(a,l,d){let c=window.location.pathname;n.call(window.history,a,l,d),r(c)};window.history.pushState=o,window.history.replaceState=i,window.__POPMELT_PATH_PATCH__={subscribers:1,originalPushState:t,originalReplaceState:n,wrappedPushState:o,wrappedReplaceState:i}}function Fc(){let e=window.__POPMELT_PATH_PATCH__;e&&(e.subscribers-=1,!(e.subscribers>0)&&(window.history.pushState===e.wrappedPushState&&(window.history.pushState=e.originalPushState),window.history.replaceState===e.wrappedReplaceState&&(window.history.replaceState=e.originalReplaceState),delete window.__POPMELT_PATH_PATCH__))}function Vc(e){return Bc(),window.addEventListener("popstate",e),window.addEventListener("popmelt:locationchange",e),()=>{window.removeEventListener("popstate",e),window.removeEventListener("popmelt:locationchange",e),Fc()}}function Qc(){return window.location.pathname}function ka(){return la(Vc,Qc,()=>"/")}var Sa=28;function Zc({theme:e,project:t,model:n,bridgeUrl:r,host:o,hostSetup:i,onClose:a,onBrowseCollection:l,onPrefetchCollection:d,onInvalidateCollection:c,cachedSnapshot:u,onSnapshotChange:p,style:h}){let f=Ie[e],g=e==="light"?f.primary:f.hoverForeground,[y,C]=R(o&&r?u?.connection??null:null),[k,w]=R(o&&r?u?.taste??null:null),[E,M]=R(!1),[S,T]=R(null),[N,H]=R(!1),[P,L]=R(0),[j,Z]=R(null),ae=$(void 0),pe=()=>clearTimeout(ae.current);F(()=>()=>clearTimeout(ae.current),[]);let le=$(c);le.current=c;let J=$(u);J.current=u;let ye=$(p);ye.current=p;let G=$(void 0),be=$(void 0);F(()=>{if(!y)return;let I=y.state==="signed_in"?y.accountId:void 0;(y.state!=="signed_in"||G.current&&(G.current!==I||be.current!==y.environment))&&(clearTimeout(ae.current),le.current?.()),G.current=I,be.current=y.environment},[y]);let Ee={onMouseEnter:()=>{pe(),ae.current=setTimeout(()=>d?.(),100)},onMouseLeave:pe,onFocus:()=>{pe(),d?.()}};F(()=>{let I=!0,W=new AbortController,_,O=o&&r?J.current:null;if(G.current=O?.connection.accountId,be.current=O?.connection.environment,C(O?.connection??null),w(O?.taste??null),M(!1),T(null),!o||!r)return;async function ee(){try{let we=await Ln(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(!we.ok)throw Error("Connection unavailable. Retry after checking the local bridge or secure storage.");let te=await we.json();if(!I)return;if(T(te.error?"Sign-in did not complete. Please try again.":null),te.state==="signed_in"){G.current&&(G.current!==te.accountId||be.current!==te.environment)&&(C(te),w(null),M(!1),ye.current?.(null));let Je=await Ln(`${r}/cloud-taste/direction`,{signal:W.signal,cache:"no-store"});if(!Je.ok)throw Error("Could not read taste. Reconnect if access has expired.");let q=await Je.json(),He=te;if(te.profile===void 0){let Le=await Ln(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(Le.ok){let me=await Le.json();if(me.state!=="signed_in"||me.accountId!==te.accountId||me.environment!==te.environment)throw Error("Connection changed while reading taste. Reopen Settings to verify it.");He=me}}if(!I)return;let re=q.direction?.name??null;C(He),w(re),M(!0),G.current=He.accountId,be.current=He.environment,ye.current?.(He.accountId?{connection:He,taste:re,generation:typeof q.generation=="number"&&Number.isFinite(q.generation)?q.generation:0}:null)}else C(te),w(null),M(!0),G.current=void 0,ye.current?.(null);I&&(_=setTimeout(ee,te.pending?1e3:15e3))}catch(we){I&&(C(null),w(null),M(!1),ye.current?.(null),T(we instanceof Error?we.message:"Connection unavailable."))}}return ee(),()=>{I=!1,W.abort(),clearTimeout(_)}},[r,o,P]);async function X(I){if(!o||!r||N)return;pe(),c?.();let W=I==="sign-in"?window.open("about:blank","_blank"):null;if(I==="sign-in"&&!W){T("Allow popups, then try sign-in again.");return}W&&(W.opener=null),H(!0),M(!1),C(null),T(null),w(null),ye.current?.(null);try{let _=await Ln(`${r}/cloud-taste/${I}`,{method:"POST",headers:{"Content-Type":"application/json"},body:"{}"});if(!_.ok)throw Error("Could not update the connection. Check secure storage and try again.");let O=await _.json();if(I==="sign-in"){let ee=Md(O.authorizationUrl);if(!W)throw Error("Allow popups, then cancel and retry sign-in.");W.location.replace(ee.href)}L(ee=>ee+1)}catch(_){W?.close(),L(O=>O+1),T(_ instanceof Error?_.message:"Connection unavailable.")}finally{H(!1)}}let xe={display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,minHeight:28,width:"100%"},A={display:"inline-flex",alignItems:"center",gap:4,padding:"4px 10px 4px 8px",border:0,borderRadius:8,background:"transparent",color:g,font:"inherit",fontWeight:500,minWidth:0};return v("div",{role:"region","aria-label":"Popmelt Settings","data-popmelt-settings":!0,"data-popmelt-font":"sans","data-popmelt-theme":e,style:{position:"relative",width:"100%",boxSizing:"border-box",padding:"20px 16px 16px",display:"flex",flexDirection:"column",gap:12,border:`1px solid ${f.border}`,borderRadius:20,background:f.surface,color:f.secondary,backdropFilter:"blur(59.5px)",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",...h},children:[s("style",{children:`[data-popmelt-settings] button:not([data-model-picker] button):not(:disabled):hover { background-color: ${f.hoverSurface} !important; } [data-popmelt-settings] button:not([data-model-picker] button):disabled { cursor: default; opacity: .6; }
|
|
2
|
+
import{Z as St,va as Ie,xa as ho,x as Ln,K as Vi,t as sd,_ as dd,ta as Cr,sa as mo,ra as Yn,ha as Qi,ea as Zi,R as qi,Y as Ui,W as go,U as cd,V as ud,ca as pd,X as Ji,da as kr,P as Yi,Ca as Xi,Ea as Ki,na as fd,Ba as hd,u as md,I as gd,wa as yd,s as bd,T as vd,ua as xd,ka as wd,ja as Cd,ma as kd,Ga as Sd,b as Id,Ja as Md,a as Gi,c as yo,d as Td,g as ea,e as Ed,f as Ld,h as Ad}from"./chunk-EH5Y2F4E.mjs";import{d as bo,b as $d,a as ta}from"./chunk-NXMPY7RX.mjs";import{q as Nd,A as na,z as vo,C as ra,B as xo,E as oa,D as wo,j as Co,i as Wt,p as An,c as Xn,h as ko,g as ia,f as Rd,e as aa}from"./chunk-ZJPPZLXU.mjs";import{createContext as Sr,lazy as Pd,useSyncExternalStore as la,useState as R,useRef as $,useCallback as oe,useEffect as F,useMemo as ue,useContext as pn,useId as Kn,useLayoutEffect as qe,Suspense as zd,useReducer as sa,createElement as da,Component as Hd}from"react";import{createLucideIcon as Od,Search as ca,Bot as Dd,Brain as jd,Zap as Wd,Leaf as _d,ChevronDown as So,Fingerprint as ua,MessageCircle as Bd,Check as Gn,RefreshCw as Io,Trash2 as Fd,Image as Vd,Clock as pa,OctagonAlert as Qd,MessageCircleQuestionMark as Zd,TriangleAlert as qd,Reply as Ud,Link2 as Mo,X as fa,LockOpen as Jd,Lock as ha,LoaderCircle as er,UserPlus as Yd,History as ma,ChevronLeft as Xd,Settings as ga,LogOut as Kd,ArrowUpRight as Gd,Plus as ec,Folder as tc,Moon as nc,Monitor as rc,Sun as oc,Pause as ya,RotateCcw as ic,Copy as ac,Hand as lc,ALargeSmall as sc,Bold as dc,BetweenHorizontalStart as cc,BetweenVerticalEnd as uc,AlignLeft as ba,Palette as va,Move as pc,Scaling as fc,RotateCw as hc,CircleDashed as mc,Blend as gc,MoveHorizontal as yc,MoveVertical as bc,SlidersHorizontal as vc,AlignStartVertical as xc,AlignCenterVertical as wc,AlignEndVertical as Cc,StretchHorizontal as kc,AlignHorizontalJustifyStart as Sc,AlignHorizontalJustifyCenter as Ic,AlignHorizontalJustifyEnd as Mc,AlignHorizontalSpaceBetween as Tc,AlignHorizontalSpaceAround as Ec,AlignCenter as Lc,AlignRight as Ac,AlignJustify as $c,Signal as Nc,SignalZero as Rc,SignalLow as Pc,SignalMedium as zc,SignalHigh as Hc}from"lucide-react";import{jsx as s,jsxs as v,Fragment as Me}from"react/jsx-runtime";import{flushSync as Oc}from"react-dom";var Dc=Array.from({length:16},(e,t)=>{let n=2.75+t*5;return`M${n} 0L${n-40} 40`}).join(" "),$n="M20.25 8.00293H20.249C21.5098 8.0286 22.7219 8.25094 23.8584 8.63672L23.8604 8.63574C23.8961 8.64787 23.9312 8.66145 23.9668 8.67383C24.0611 8.70686 24.1548 8.74106 24.248 8.77637C24.2915 8.79273 24.3357 8.80727 24.3789 8.82422L24.376 8.82617C27.6145 10.0955 30.1646 12.7301 31.3213 16.0234L31.3232 16.0225C31.3327 16.0493 31.3404 16.0766 31.3496 16.1035C31.7691 17.3256 32 18.6356 32 20C32 20.8726 31.9366 21.6706 31.7598 22.4902L31.7197 22.6328C31.6412 23.0066 31.5136 23.6108 31.3408 24.2217L31.3398 24.2246C31.2967 24.377 31.251 24.5299 31.2021 24.6797C30.9215 25.5403 30.5473 26.2998 30.0879 26.2998C29.7613 26.2996 29.5995 25.9674 29.4316 25.6221C29.2501 25.2487 29.0614 24.8605 28.6484 24.8604C27.8532 24.8604 27.2081 25.5046 27.208 26.2998V27.0771C27.2079 27.6079 26.9661 28.112 26.5205 28.4004C25.9146 28.7925 25.2357 28.6462 24.7959 28.2061L24.7949 28.208C24.7897 28.2028 24.7854 28.1967 24.7803 28.1914C24.7654 28.1761 24.7507 28.1606 24.7363 28.1445C24.7105 28.1156 24.6858 28.0857 24.6621 28.0547C24.6461 28.0339 24.6302 28.013 24.6152 27.9912C24.5931 27.9591 24.5726 27.9257 24.5527 27.8916C24.5392 27.8685 24.5261 27.8452 24.5137 27.8213C24.5093 27.8128 24.5043 27.8045 24.5 27.7959L24.501 27.7939C24.3932 27.5763 24.3282 27.3276 24.3281 27.0576V26.2998C24.328 25.5993 23.8278 25.0158 23.165 24.8867V24.8877C23.0752 24.8702 22.9826 24.8604 22.8877 24.8604C22.8446 24.8604 22.8019 24.8624 22.7598 24.8662C22.0247 24.9312 21.4483 25.5479 21.4482 26.2998C21.4482 26.9127 21.4608 27.5305 21.4736 28.1494L21.4951 29.3135C21.5 29.7013 21.5015 30.089 21.4971 30.4756C21.4874 31.3103 20.8426 32 20.0078 32C19.1732 31.9998 18.5292 31.3102 18.5195 30.4756C18.5159 30.1613 18.5176 29.8464 18.5205 29.5312V29.5322C18.5212 29.4593 18.5206 29.3864 18.5215 29.3135L18.5303 28.8154V28.8145C18.5343 28.5927 18.5384 28.371 18.543 28.1494C18.5558 27.5305 18.5684 28.1129 18.5684 27.5C18.5684 26.7047 17.9232 26.0596 17.1279 26.0596C16.907 26.0596 16.6978 26.1103 16.5107 26.1992C16.2161 26.3393 15.9767 26.5769 15.834 26.8701C15.8269 26.8846 15.8201 26.8993 15.8135 26.9141C15.7821 26.9845 15.7562 27.0579 15.7363 27.1338C15.7243 27.1798 15.7155 27.2267 15.708 27.2744C15.7012 27.3175 15.6953 27.361 15.6924 27.4053C15.6903 27.4366 15.6885 27.4681 15.6885 27.5V28.7383C15.6883 29.9234 14.4911 30.7248 13.4961 30.0811C13.0505 29.7926 12.8086 29.2886 12.8086 28.7578V26.2998C12.8086 25.9737 12.6984 25.674 12.5156 25.4326C12.4437 25.3381 12.3612 25.2521 12.2686 25.1777V25.1768C12.0219 24.9788 11.709 24.8604 11.3682 24.8604C10.9892 24.8604 10.8622 24.8872 10.7295 25.2295C10.5837 25.6055 10.4302 26 9.92773 26C9.33081 25.9996 8.95963 25.2403 8.71484 24.3799C8.5591 23.8325 8.45907 23.571 8.3623 23.0107C8.3501 22.9401 8.33284 22.8403 8.31738 22.7529C8.12812 21.9466 8.02043 21.1089 8.00293 20.249V20.25L8 20C8 19.8617 8.00317 19.724 8.00781 19.5869C8.00837 19.5703 8.00816 19.5537 8.00879 19.5371L8.00977 19.5352C8.0998 17.1716 8.87444 14.9844 10.1396 13.1631C10.1488 13.1499 10.1587 13.1372 10.168 13.124C12.255 10.1453 15.6582 8.15745 19.5352 8.00977L19.5371 8.00879C19.5537 8.00816 19.5703 8.00837 19.5869 8.00781C19.724 8.00317 19.8617 8 20 8L20.25 8.00293Z";function jc(){let e=[],t=0,n=0;for(let[,M,S]of $n.matchAll(/([A-Z])([^A-Z]*)/g)){let T=(S.match(/-?\d*\.?\d+/g)??[]).map(Number),N=t,H=n;if(M!=="Z")if(M==="H"?t=T[0]:M==="V"?n=T[0]:(t=T[T.length-2],n=T[T.length-1]),M==="C")for(let P=1;P<=24;P++){let L=P/24,W=1-L;e.push({x:W**3*N+3*W**2*L*T[0]+3*W*L**2*T[2]+L**3*t,y:W**3*H+3*W**2*L*T[1]+3*W*L**2*T[3]+L**3*n})}else e.push({x:t,y:n})}let r=24,o=e.findIndex(M=>M.y>=r),i=o;for(;i+1<e.length&&e[i+1].y>=r;)i++;let a=(M,S)=>({x:M.x+(S.x-M.x)*(r-M.y)/(S.y-M.y),y:r}),l=a(e[o-1],e[o]),d=a(e[i],e[i+1]),c=(l.x+d.x)/2,u=(l.x-d.x)/2,p=[l,...e.slice(o,i+1),d].map(M=>{let S=Math.asin(Math.max(-1,Math.min(1,(M.x-c)/u))),T=Math.cos(S);return{longitude:S,height:T>1e-5?(M.y-r)/T:0}}),h=[],f=[8,6.2,8.6,6.5,8],g=[0,1.4,.8,1.8,1.1,0],y=(M,S,T,N)=>{for(let H=0;H<=24;H++){let P=H/24,L=1-P;h.push({longitude:L**3*M[0]+3*L**2*P*S[0]+3*L*P**2*T[0]+P**3*N[0],height:L**3*M[1]+3*L**2*P*S[1]+3*L*P**2*T[1]+P**3*N[1]})}};for(let[M,S]of f.entries()){let T=Math.PI/2+M/f.length*Math.PI,N=T+Math.PI/f.length,H=(T+N)/2,P=.145,L=g[M],W=g[M+1];y([T,L],[H-P,L],[H-P,L+.7],[H-P,S-1.4]);for(let Z=0;Z<=32;Z++){let ae=Math.PI*(1-Z/32);h.push({longitude:H+P*Math.cos(ae),height:S-1.4+1.4*Math.sin(ae)})}y([H+P,S-1.4],[H+P,W+.7],[H+P,W],[N,W])}let C=[...p,...h],k=M=>`L${M.x} ${M.y}`,w=`M${e[0].x} ${e[0].y}`+e.slice(1,o).map(k).join("")+k(l),E=k(d)+e.slice(i+1).map(k).join("")+"Z";return M=>{let S=Math.atan2(Math.sin(M),Math.cos(M));if(Math.abs(S)<1e-9)return $n;let T=C.map(N=>({longitude:Math.atan2(Math.sin(N.longitude+S),Math.cos(N.longitude+S)),height:N.height})).filter(N=>Math.abs(N.longitude)<Math.PI/2).sort((N,H)=>H.longitude-N.longitude).map(N=>{let H=c+u*Math.sin(N.longitude),P=r+N.height*Math.cos(N.longitude);return`L${H} ${P}`}).join("");return w+T+E}}function xa({active:e,interactive:t=!1,hatched:n=!1,onSettlingChange:r,...o}){let i=$(null),a=$(null),l=$(null),d=Kn(),c=$(0),u=$(!1),p=$(null);return qe(()=>{e&&(a.current?.setAttribute("fill",o.fill??"currentColor"),a.current?.setAttribute("stroke","none"))},[e,o.fill]),qe(()=>{let h=i.current;if(!h)return;h.style.removeProperty("fill"),h.style.removeProperty("stroke");let f=window.matchMedia("(prefers-reduced-motion: reduce)"),g=0,y=null,C=0,k=!1,w=c.current,E=Math.ceil(w),M=!e&&E-w>1e-9,S=!1,T=0,N=null,H=h,P=H.style.cursor,L=H.style.touchAction,W=X=>{a.current?.setAttribute("d",X),l.current?.setAttribute("d",X)},Z=()=>{p.current??(p.current=jc()),W(p.current(-c.current*Math.PI*2))},ae=()=>{k=!0,c.current=0,W($n),a.current?.removeAttribute("fill"),a.current?.removeAttribute("stroke"),r?.(!1)},pe=X=>{let xe=y===null?0:X-y;if(y=X,S){let A=Math.min(xe/1e3,.05),I=e?1/15:0,j=Math.exp(-1.8*A);c.current+=I*A+(T-I)*(1-j)/1.8,T=I+(T-I)*j,Math.abs(T-I)<.005&&(S=!1,w=c.current,E=Math.round(w),C=0)}else if(e)c.current+=xe/15e3;else{C+=xe;let A=Math.min(1,C/250);if(A===1){ae();return}let I=1-(1-A)**3;c.current=w+(E-w)*I}Z(),g=requestAnimationFrame(pe)},le=()=>{cancelAnimationFrame(g),y=null,!(N||k)&&(!e&&(f.matches||!u.current||document.hidden)?ae():f.matches?(c.current=0,W($n)):u.current&&!document.hidden&&(g=requestAnimationFrame(pe)))},J=X=>{N||!X.isPrimary||X.button!==0||(H.setPointerCapture(X.pointerId),N={id:X.pointerId,startX:X.clientX,x:X.clientX,time:X.timeStamp,moved:!1},T=0,cancelAnimationFrame(g),H.style.cursor="grabbing")},ye=X=>{if(!N||N.id!==X.pointerId||!N.moved&&Math.abs(X.clientX-N.startX)<3)return;N.moved=!0;let xe=-(X.clientX-N.x)/160,A=Math.max((X.timeStamp-N.time)/1e3,.001),I=24/(Math.PI*2);T+=(Math.max(-I,Math.min(I,xe/A))-T)*(1-Math.exp(-A/.035)),c.current+=xe,N.x=X.clientX,N.time=X.timeStamp,Z()},G=X=>{!N||N.id!==X.pointerId||(N.moved&&(T*=Math.exp(-Math.max(0,X.timeStamp-N.time-40)/60),S=X.type==="pointerup"&&!f.matches,k=!1,w=c.current,E=Math.round(w),C=0),N=null,H.style.cursor="grab",H.hasPointerCapture(X.pointerId)&&H.releasePointerCapture(X.pointerId),le())};if(!e&&!M&&(ae(),!t))return;let be=X=>{for(let[xe,A]of Object.entries({pointerdown:J,pointermove:ye,pointerup:G,pointercancel:G,lostpointercapture:G}))H[X](xe,A)};t&&(H.style.cursor="grab",H.style.touchAction="pan-y",be("addEventListener")),r?.(M);let Ee=new IntersectionObserver(([X])=>{u.current=X?.isIntersecting??!1,le()});return Ee.observe(h),f.addEventListener("change",le),document.addEventListener("visibilitychange",le),le(),()=>{cancelAnimationFrame(g),Ee.disconnect(),t&&(be("removeEventListener"),H.style.cursor=P,H.style.touchAction=L,N&&H.hasPointerCapture(N.id)&&H.releasePointerCapture(N.id)),f.removeEventListener("change",le),document.removeEventListener("visibilitychange",le)}},[e,t,r]),v("svg",{...o,ref:i,children:[n&&v(Me,{children:[s("defs",{children:v("mask",{id:d,x:"0",y:"0",width:"40",height:"40",maskUnits:"userSpaceOnUse",style:{maskType:"luminance"},children:[s("rect",{width:"40",height:"40",fill:"white"}),s("path",{ref:l,d:$n,fill:"black",stroke:"black",strokeWidth:"5",strokeLinejoin:"round"})]})}),s("path",{d:Dc,fill:"none",stroke:"currentColor",strokeWidth:"0.65",mask:`url(#${d})`})]}),s("path",{ref:a,d:$n})]})}function Wc(){return s("svg",{"data-popmelt-wordmark":!0,role:"img","aria-label":"Popmelt",focusable:"false",width:"57.315",height:"19.5",viewBox:"0 0 57.315 19.5",fill:"currentColor",style:{display:"block",flexShrink:0},children:s("path",{d:"M1.427 14.625V4.553H4.813Q6.199 4.553 7.215 4.969Q8.231 5.385 8.786 6.187Q9.341 6.989 9.341 8.167Q9.341 9.374 8.79 10.191Q8.238 11.008 7.245 11.424Q6.251 11.84 4.902 11.84H2.838L3.069 10.122H4.857Q5.639 10.122 6.214 9.915Q6.789 9.708 7.109 9.272Q7.429 8.836 7.429 8.167Q7.429 7.52 7.113 7.102Q6.797 6.685 6.222 6.478Q5.647 6.271 4.857 6.271H3.287Q3.287 14.618 1.427 14.625ZM9.421 10.913Q9.421 9.841 9.95 8.963Q10.478 8.086 11.378 7.561Q12.278 7.036 13.395 7.036Q14.527 7.036 15.423 7.561Q16.319 8.086 16.84 8.967Q17.361 9.848 17.361 10.913Q17.361 11.985 16.84 12.87Q16.319 13.755 15.419 14.284Q14.519 14.812 13.957 14.812Q13.395 14.812 12.832 14.812Q12.27 14.812 11.374 14.284Q10.478 13.755 9.95 12.87Q9.421 11.985 9.421 10.913ZM13.395 13.109Q14.019 13.109 14.504 12.812Q14.989 12.515 15.271 12.019Q15.553 11.522 15.553 10.928Q15.553 10.326 15.271 9.83Q14.989 9.334 14.504 9.036Q14.019 8.739 13.395 8.739Q12.778 8.739 12.289 9.036Q11.8 9.334 11.514 9.83Q11.229 10.326 11.229 10.928Q11.229 11.522 11.514 12.019Q11.8 12.515 12.289 12.812Q12.778 13.109 13.395 13.109ZM17.957 18.022V10.913Q17.957 9.803 18.478 8.93Q18.999 8.056 19.899 7.55Q20.799 7.044 21.931 7.044Q23.063 7.044 23.959 7.569Q24.855 8.093 25.376 8.971Q25.897 9.848 25.897 10.913Q25.897 12.045 25.402 12.93Q24.907 13.815 24.033 14.317Q23.16 14.82 22.02 14.82Q21.179 14.82 20.459 14.425Q19.738 14.031 19.303 13.392Q18.867 12.754 18.867 12.01L19.764 12.29Q19.764 18.022 17.957 18.022ZM21.931 13.117Q22.555 13.117 23.04 12.82Q23.525 12.522 23.807 12.022Q24.089 11.522 24.089 10.928Q24.089 10.326 23.807 9.834Q23.525 9.341 23.04 9.044Q22.555 8.747 21.931 8.747Q21.314 8.747 20.825 9.044Q20.336 9.341 20.05 9.834Q19.764 10.326 19.764 10.928Q19.764 11.522 20.05 12.022Q20.336 12.522 20.825 12.82Q21.314 13.117 21.931 13.117ZM39.274 10.748V14.625H37.467V11.046Q37.467 10.423 37.271 9.9Q37.075 9.378 36.666 9.062Q36.256 8.747 35.617 8.747Q34.994 8.747 34.591 9.055Q34.189 9.363 33.99 9.878Q33.791 10.392 33.791 11.016V14.625H31.983V11.024Q31.983 10.392 31.787 9.878Q31.592 9.363 31.178 9.055Q30.765 8.747 30.134 8.747Q29.495 8.747 29.093 9.062Q28.691 9.378 28.499 9.897Q28.307 10.415 28.307 11.039V14.625H26.499V10.755Q26.499 9.721 26.897 8.869Q27.294 8.018 28.073 7.509Q28.853 6.999 29.999 6.999Q30.944 6.999 31.634 7.355Q32.323 7.712 32.706 8.338Q33.088 8.964 33.104 9.789H32.7Q32.723 8.964 33.116 8.338Q33.51 7.712 34.188 7.355Q34.867 6.999 35.305 6.999Q35.744 6.999 36.325 6.999Q36.905 6.999 37.689 7.509Q38.472 8.018 38.873 8.866Q39.274 9.713 39.274 10.748ZM39.878 10.876Q39.878 9.811 40.354 8.93Q40.831 8.049 41.685 7.524Q42.54 6.999 43.664 6.999Q44.811 6.999 45.628 7.501Q46.445 8.003 46.884 8.847Q47.323 9.69 47.323 10.71V11.325H41.297L41.604 10.762Q41.566 11.468 41.841 12.025Q42.115 12.581 42.63 12.901Q43.145 13.221 43.837 13.221Q44.483 13.221 45.009 12.932Q45.534 12.643 45.828 12.079L47.217 12.789Q46.73 13.763 45.856 14.284Q44.983 14.805 44.417 14.805Q43.852 14.805 43.286 14.805Q42.72 14.805 41.816 14.302Q40.913 13.8 40.396 12.915Q39.878 12.03 39.878 10.876ZM41.701 10.255H45.523Q45.485 9.765 45.237 9.389Q44.989 9.012 44.583 8.801Q44.176 8.59 43.649 8.59Q43.115 8.59 42.701 8.813Q42.287 9.035 42.035 9.411Q41.783 9.788 41.701 10.255ZM50.147 3.841V14.625H48.339Q48.339 3.841 50.147 3.841ZM52.051 11.838V5.333H53.859V11.779Q53.859 12.455 54.231 12.827Q54.602 13.199 55.226 13.199Q55.564 13.199 55.935 13.093Q56.306 12.988 56.576 12.8V14.437Q56.291 14.617 55.875 14.722Q55.459 14.827 55.26 14.827Q55.061 14.827 54.567 14.827Q54.073 14.827 53.403 14.449Q52.733 14.071 52.392 13.393Q52.051 12.715 52.051 11.838ZM56.576 8.778H50.64V7.238H56.576V8.778Z"})})}function _c({position:e}){let t=e.endsWith("-left"),n=e.endsWith("-center"),r=e.startsWith("top-")?4:10;return s("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:v("g",{transform:t?"translate(14 0) scale(-1 1)":void 0,children:[s("rect",{x:"1.5",y:"1.5",width:"11",height:"11",rx:"2.5",stroke:"currentColor",strokeWidth:"1"}),s("circle",{cx:n?7:10,cy:r,r:"1.5",fill:"currentColor"})]})})}function wa(e){return e.charAt(0).toUpperCase()+e.slice(1)}function fn(e,t){return{display:"inline-flex",alignItems:"center",gap:4,padding:"2px 6px 2px 4px",border:0,borderRadius:6,backgroundColor:t?e.hoverSurface:"transparent",color:t?e.hoverForeground:e.muted,font:"inherit",fontWeight:500,cursor:"pointer"}}function Ca({theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:r,onSnapPositionChange:o,onHistory:i,onSettings:a,active:l,workspace:d,connection:c,connectionDetails:u,style:p}){let h=Ie[e],f=yd(t),[g,y]=R(!1),[C,k]=R(!1);return v("div",{role:"region","aria-label":"About Popmelt","data-popmelt-guidance":"popmelt","data-popmelt-font":"sans","data-popmelt-theme":e,"data-popmelt-theme-preference":t,style:{position:"relative",display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",gap:12,overflow:"visible",boxSizing:"border-box",padding:16,border:`1px solid ${h.border}`,borderRadius:20,backgroundColor:h.surface,backdropFilter:"blur(59.5px)",WebkitBackdropFilter:"blur(59.5px)",zIndex:10001,color:h.primary,fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",...p},children:[i&&s("button",{type:"button","aria-label":"Open history",title:"History",onClick:i,style:{position:"absolute",top:16,right:a?44:16,width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",border:0,padding:0,background:"transparent",color:h.muted,cursor:"pointer"},children:s(ma,{size:16,"aria-hidden":"true"})}),a&&s("button",{type:"button","aria-label":"Open settings",title:"Settings",onClick:a,style:{position:"absolute",top:16,right:16,width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",border:0,padding:0,background:"transparent",color:h.muted,cursor:"pointer"},children:s(ga,{size:16,"aria-hidden":"true"})}),s(xa,{interactive:!0,active:l,"aria-hidden":"true",width:32,height:32,viewBox:"7 7 26 26",fill:h.primary,style:{display:"block",width:32,height:32,flexShrink:0,marginBottom:-4}}),v("div",{style:{display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",gap:8},children:[v("div",{style:{display:"flex",alignItems:"center",gap:4},children:[s(Wc,{}),v("span",{"aria-label":"Command Command",style:{display:"inline-flex",alignItems:"center",gap:2,padding:"1px 3px",borderRadius:6,backgroundColor:h.control,color:h.mutedStrong,fontSize:12,lineHeight:1.3,letterSpacing:"-0.12px"},children:[s("span",{children:"\u2318"}),s("span",{children:"\u2318"})]})]}),s("p",{style:{margin:0,color:h.secondary},children:"A tiny, powerful design layer for humans and AI."}),v("p",{style:{margin:0,color:h.secondary},children:[s("span",{style:{fontWeight:500},children:"Questions, ideas, or issues?"})," ",s("a",{href:"mailto:reb@popmelt.com",style:{color:"inherit",fontWeight:"inherit",textDecoration:"underline",textUnderlineOffset:"3px"},children:"Email"})," or ",s("a",{href:"https://x.com/bekhovsgun",target:"_blank",rel:"noopener noreferrer",style:{color:"inherit",fontWeight:"inherit",textDecoration:"underline",textUnderlineOffset:"3px"},children:"DM on X"})]})]}),d,v("div",{style:{display:"flex",width:"100%",alignItems:"flex-start",gap:8,fontSize:12},children:[c,v("button",{type:"button",disabled:!o,"aria-label":`Toolbar position: ${wa(r)}. Move to ${r==="bottom-right"?"bottom-left":"bottom-right"}.`,onClick:()=>o?.(r==="bottom-right"?"bottom-left":"bottom-right"),onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),style:{...fn(h,g),cursor:o?"pointer":"default",flexShrink:0,whiteSpace:"nowrap"},children:[s(_c,{position:r}),s("span",{children:wa(r)})]}),v("button",{type:"button",disabled:!n,"aria-label":`Theme mode: ${t}. Click to switch to ${f}`,title:`Theme: ${t}. Switch to ${f}`,"data-popmelt-theme-control":t,onClick:()=>n?.(f),onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),style:{...fn(h,C),flexShrink:0,whiteSpace:"nowrap"},children:[t==="dark"?s(nc,{size:14,strokeWidth:1.5}):t==="auto"?s(rc,{size:14,strokeWidth:1.5}):s(oc,{size:14,strokeWidth:1.5}),s("span",{children:t==="auto"?"Auto":t==="dark"?"Dark":"Light"})]})]}),u]})}function Bc(){let e=window.__POPMELT_PATH_PATCH__;if(e){e.subscribers+=1;return}let t=window.history.pushState,n=window.history.replaceState,r=a=>{window.dispatchEvent(new CustomEvent("popmelt:locationchange",{detail:{prevPath:a}}))},o=function(a,l,d){let c=window.location.pathname;t.call(window.history,a,l,d),r(c)},i=function(a,l,d){let c=window.location.pathname;n.call(window.history,a,l,d),r(c)};window.history.pushState=o,window.history.replaceState=i,window.__POPMELT_PATH_PATCH__={subscribers:1,originalPushState:t,originalReplaceState:n,wrappedPushState:o,wrappedReplaceState:i}}function Fc(){let e=window.__POPMELT_PATH_PATCH__;e&&(e.subscribers-=1,!(e.subscribers>0)&&(window.history.pushState===e.wrappedPushState&&(window.history.pushState=e.originalPushState),window.history.replaceState===e.wrappedReplaceState&&(window.history.replaceState=e.originalReplaceState),delete window.__POPMELT_PATH_PATCH__))}function Vc(e){return Bc(),window.addEventListener("popstate",e),window.addEventListener("popmelt:locationchange",e),()=>{window.removeEventListener("popstate",e),window.removeEventListener("popmelt:locationchange",e),Fc()}}function Qc(){return window.location.pathname}function ka(){return la(Vc,Qc,()=>"/")}var Sa=28;function Zc({theme:e,project:t,model:n,bridgeUrl:r,host:o,hostSetup:i,onClose:a,onBrowseCollection:l,onPrefetchCollection:d,onInvalidateCollection:c,cachedSnapshot:u,onSnapshotChange:p,style:h}){let f=Ie[e],g=e==="light"?f.primary:f.hoverForeground,[y,C]=R(o&&r?u?.connection??null:null),[k,w]=R(o&&r?u?.taste??null:null),[E,M]=R(!1),[S,T]=R(null),[N,H]=R(!1),[P,L]=R(0),[W,Z]=R(null),ae=$(void 0),pe=()=>clearTimeout(ae.current);F(()=>()=>clearTimeout(ae.current),[]);let le=$(c);le.current=c;let J=$(u);J.current=u;let ye=$(p);ye.current=p;let G=$(void 0),be=$(void 0);F(()=>{if(!y)return;let I=y.state==="signed_in"?y.accountId:void 0;(y.state!=="signed_in"||G.current&&(G.current!==I||be.current!==y.environment))&&(clearTimeout(ae.current),le.current?.()),G.current=I,be.current=y.environment},[y]);let Ee={onMouseEnter:()=>{pe(),ae.current=setTimeout(()=>d?.(),100)},onMouseLeave:pe,onFocus:()=>{pe(),d?.()}};F(()=>{let I=!0,j=new AbortController,_,O=o&&r?J.current:null;if(G.current=O?.connection.accountId,be.current=O?.connection.environment,C(O?.connection??null),w(O?.taste??null),M(!1),T(null),!o||!r)return;async function ee(){try{let we=await Ln(`${r}/cloud-taste/status`,{signal:j.signal,cache:"no-store"});if(!we.ok)throw Error("Connection unavailable. Retry after checking the local bridge or secure storage.");let te=await we.json();if(!I)return;if(T(te.error?"Sign-in did not complete. Please try again.":null),te.state==="signed_in"){G.current&&(G.current!==te.accountId||be.current!==te.environment)&&(C(te),w(null),M(!1),ye.current?.(null));let Je=await Ln(`${r}/cloud-taste/direction`,{signal:j.signal,cache:"no-store"});if(!Je.ok)throw Error("Could not read taste. Reconnect if access has expired.");let q=await Je.json(),He=te;if(te.profile===void 0){let Le=await Ln(`${r}/cloud-taste/status`,{signal:j.signal,cache:"no-store"});if(Le.ok){let me=await Le.json();if(me.state!=="signed_in"||me.accountId!==te.accountId||me.environment!==te.environment)throw Error("Connection changed while reading taste. Reopen Settings to verify it.");He=me}}if(!I)return;let re=q.direction?.name??null;C(He),w(re),M(!0),G.current=He.accountId,be.current=He.environment,ye.current?.(He.accountId?{connection:He,taste:re,generation:typeof q.generation=="number"&&Number.isFinite(q.generation)?q.generation:0}:null)}else C(te),w(null),M(!0),G.current=void 0,ye.current?.(null);I&&(_=setTimeout(ee,te.pending?1e3:15e3))}catch(we){I&&(C(null),w(null),M(!1),ye.current?.(null),T(we instanceof Error?we.message:"Connection unavailable."))}}return ee(),()=>{I=!1,j.abort(),clearTimeout(_)}},[r,o,P]);async function X(I){if(!o||!r||N)return;pe(),c?.();let j=I==="sign-in"?window.open("about:blank","_blank"):null;if(I==="sign-in"&&!j){T("Allow popups, then try sign-in again.");return}j&&(j.opener=null),H(!0),M(!1),C(null),T(null),w(null),ye.current?.(null);try{let _=await Ln(`${r}/cloud-taste/${I}`,{method:"POST",headers:{"Content-Type":"application/json"},body:"{}"});if(!_.ok)throw Error("Could not update the connection. Check secure storage and try again.");let O=await _.json();if(I==="sign-in"){let ee=Md(O.authorizationUrl);if(!j)throw Error("Allow popups, then cancel and retry sign-in.");j.location.replace(ee.href)}L(ee=>ee+1)}catch(_){j?.close(),L(O=>O+1),T(_ instanceof Error?_.message:"Connection unavailable.")}finally{H(!1)}}let xe={display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,minHeight:28,width:"100%"},A={display:"inline-flex",alignItems:"center",gap:4,padding:"4px 10px 4px 8px",border:0,borderRadius:8,background:"transparent",color:g,font:"inherit",fontWeight:500,minWidth:0};return v("div",{role:"region","aria-label":"Popmelt Settings","data-popmelt-settings":!0,"data-popmelt-font":"sans","data-popmelt-theme":e,style:{position:"relative",width:"100%",boxSizing:"border-box",padding:"20px 16px 16px",display:"flex",flexDirection:"column",gap:12,border:`1px solid ${f.border}`,borderRadius:20,background:f.surface,color:f.secondary,backdropFilter:"blur(59.5px)",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",...h},children:[s("style",{children:`[data-popmelt-settings] button:not([data-model-picker] button):not(:disabled):hover { background-color: ${f.hoverSurface} !important; } [data-popmelt-settings] button:not([data-model-picker] button):disabled { cursor: default; opacity: .6; }
|
|
3
3
|
[data-account-identity] { color: ${g}; transform: translateX(${Sa}px); transition: transform 160ms ease, background-color 120ms ease, color 120ms ease; }
|
|
4
4
|
[data-popmelt-settings] [data-account-control] button[data-account-logout]:is(:disabled, :enabled) { opacity: 0; pointer-events: none; transition: opacity 120ms ease; }
|
|
5
5
|
[data-account-avatar] { opacity: 1; transition: opacity 120ms ease; }
|
|
@@ -7,7 +7,7 @@ import{Z as St,va as Ie,xa as ho,x as Ln,K as Vi,t as sd,_ as dd,ta as Cr,sa as
|
|
|
7
7
|
[data-account-control]:is(:hover, :focus-within) [data-account-identity] { transform: translateX(0); background: ${f.hoverSurface}; color: ${f.secondary}; }
|
|
8
8
|
[data-popmelt-settings] [data-account-control]:is(:hover, :focus-within) button[data-account-logout]:enabled { opacity: 1; pointer-events: auto; }
|
|
9
9
|
@media (prefers-reduced-motion: reduce) { [data-account-control] :is([data-account-logout], [data-account-identity], [data-account-avatar]) { transition: none !important; } }
|
|
10
|
-
`}),v("button",{type:"button","aria-label":"Back to Popmelt",onClick:a,style:{border:0,padding:0,background:"transparent",font:"inherit",alignSelf:"flex-start",cursor:"pointer",display:"flex",gap:4,alignItems:"center",color:f.primary,fontWeight:600},children:[s(Xd,{size:16}),s(ga,{size:16}),"Settings"]}),v("section",{style:{display:"flex",flexDirection:"column",gap:6},"aria-label":"Local settings",children:[s("span",{style:{color:f.hoverForeground,fontSize:12,fontWeight:500,marginBottom:2},children:"Local"}),v("div",{style:xe,children:[s("span",{children:"Project"}),s("div",{style:{minWidth:0,maxWidth:"65%"},children:t})]}),v("div",{style:xe,children:[s("span",{children:"Default model"}),n]})]}),v("section",{style:{display:"flex",flexDirection:"column",gap:6},"aria-label":"Popmelt.com settings",children:[v("span",{style:{color:f.hoverForeground,fontSize:12,fontWeight:500,marginBottom:2},children:["Popmelt.com"," ",y?.environment==="staging"&&s("span",{style:{color:f.muted},children:"(Staging)"})]}),o?v(Me,{children:[v("div",{style:xe,children:[s("span",{children:"Your account"}),y?.state==="signed_in"?v("span",{"data-account-control":!0,style:{position:"relative",display:"inline-flex",alignItems:"center",boxSizing:"border-box",paddingRight:Sa,maxWidth:"65%"},children:[v("span",{"data-account-identity":!0,style:{...A,color:void 0,paddingLeft:6,overflow:"hidden",flexShrink:1},children:[y.profile?.avatarUrl&&y.profile.avatarUrl!==
|
|
10
|
+
`}),v("button",{type:"button","aria-label":"Back to Popmelt",onClick:a,style:{border:0,padding:0,background:"transparent",font:"inherit",alignSelf:"flex-start",cursor:"pointer",display:"flex",gap:4,alignItems:"center",color:f.primary,fontWeight:600},children:[s(Xd,{size:16}),s(ga,{size:16}),"Settings"]}),v("section",{style:{display:"flex",flexDirection:"column",gap:6},"aria-label":"Local settings",children:[s("span",{style:{color:f.hoverForeground,fontSize:12,fontWeight:500,marginBottom:2},children:"Local"}),v("div",{style:xe,children:[s("span",{children:"Project"}),s("div",{style:{minWidth:0,maxWidth:"65%"},children:t})]}),v("div",{style:xe,children:[s("span",{children:"Default model"}),n]})]}),v("section",{style:{display:"flex",flexDirection:"column",gap:6},"aria-label":"Popmelt.com settings",children:[v("span",{style:{color:f.hoverForeground,fontSize:12,fontWeight:500,marginBottom:2},children:["Popmelt.com"," ",y?.environment==="staging"&&s("span",{style:{color:f.muted},children:"(Staging)"})]}),o?v(Me,{children:[v("div",{style:xe,children:[s("span",{children:"Your account"}),y?.state==="signed_in"?v("span",{"data-account-control":!0,style:{position:"relative",display:"inline-flex",alignItems:"center",boxSizing:"border-box",paddingRight:Sa,maxWidth:"65%"},children:[v("span",{"data-account-identity":!0,style:{...A,color:void 0,paddingLeft:6,overflow:"hidden",flexShrink:1},children:[y.profile?.avatarUrl&&y.profile.avatarUrl!==W?s("img",{"data-account-avatar":!0,src:y.profile.avatarUrl,alt:"",width:16,height:16,referrerPolicy:"no-referrer",style:{borderRadius:"50%",objectFit:"cover",flexShrink:0},onError:()=>Z(y.profile?.avatarUrl??null)}):null,s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:y.profile?.name||"Your account"})]}),s("button",{type:"button","data-account-logout":!0,"aria-label":`Sign out ${y.profile?.name||"of Popmelt"}`,title:"Disconnect your account and the active taste model.",disabled:N||!E,onClick:()=>{X("disconnect")},style:{position:"absolute",right:0,top:"50%",transform:"translateY(-50%)",display:"inline-flex",alignItems:"center",justifyContent:"center",width:24,height:24,padding:0,border:0,borderRadius:6,background:"transparent",color:f.primary,cursor:"pointer"},children:s(Kd,{size:14})})]}):y?.pending?s("button",{type:"button",style:{...A,cursor:"pointer"},disabled:N||!E,onClick:()=>{X("disconnect")},children:"Cancel sign-in"}):v("button",{type:"button",style:{...A,cursor:"pointer"},disabled:N||!E||!r||y?.state==="unavailable",onClick:()=>{X("sign-in")},children:["Sign in ",s(Gd,{size:14})]})]}),y?.state==="signed_in"&&v("div",{style:xe,children:[s("span",{children:"Taste"}),k?s("button",{type:"button","data-active-taste-badge":!0,...Ee,onClick:l,disabled:!l||!E,style:{...A,paddingLeft:6,cursor:"pointer"},children:v(Me,{children:[s(ha,{size:14,style:{flexShrink:0}}),s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:k})]})}):v("button",{type:"button",disabled:!l,onClick:l,...Ee,style:{...A,paddingLeft:6,gap:3,color:e==="light"?g:f.secondary,background:f.hoverSurface,cursor:l?"pointer":"default"},children:[s(ec,{size:14,"aria-hidden":"true"})," Browse collection"]})]}),y?.state==="unavailable"&&s("span",{style:{fontSize:12},children:"Cloud taste is not enabled on this bridge."})]}):i??s("span",{children:"Cloud taste is private to the host."})]}),S&&v("div",{role:"status",style:{fontSize:12},children:[S," ",s("button",{type:"button",style:{...A,cursor:"pointer"},onClick:()=>L(I=>I+1),children:"Retry"})]})]})}var Ir=new Map;function Ia(e){let t=new URL(e);if(t.protocol!=="http:"||!["localhost","127.0.0.1","[::1]"].includes(t.hostname)||t.username||t.password||t.pathname!=="/"||t.search||t.hash)throw new Error("Invalid local bridge.");return t}function qc(e,t,n=fetch){let r=Ia(e),o=`popmelt.cloud-host.v1:${t}:${r.port||"80"}`,i=Ir.get(o);if(i)return i;let a=(async()=>{let l=sessionStorage.getItem(o);if(location.hash.startsWith("#popmelt-cloud-link=")){let c=location.hash.slice(20);history.replaceState(history.state,"",location.pathname+location.search);let u=JSON.parse(decodeURIComponent(c)),p=Ia(u.bridgeOrigin);if(u.projectId!==t||p.port!==r.port||typeof u.claim!="string"||!/^[A-Za-z0-9_-]{43}$/.test(u.claim))throw new Error("Browser link belongs to another project or bridge.");let h=await n(`${r.origin}/cloud-host/claim`,{method:"POST",redirect:"error",credentials:"omit",signal:AbortSignal.timeout(1e4),headers:{"Content-Type":"application/json","X-Popmelt-Project-Id":t},body:JSON.stringify({claim:u.claim})});if(!h.ok)throw new Error("Browser link expired. Generate a new one from the local CLI.");if(l=(await h.json()).token,typeof l!="string"||!/^[A-Za-z0-9_-]{43}$/.test(l))throw new Error("Invalid local host response.");sessionStorage.setItem(o,l)}if(!l)return null;let d=await n(`${r.origin}/cloud-taste/status`,{redirect:"error",credentials:"omit",signal:AbortSignal.timeout(1e4),headers:{"X-Popmelt-Project-Id":t,"X-Popmelt-Cloud-Host":l}});if(d.status===403||d.status===409)return sessionStorage.removeItem(o),null;if(!d.ok)throw new Error("Cloud connection unavailable. Check the bridge and secure storage.");return l})();return Ir.set(o,a),a.finally(()=>{Ir.get(o)===a&&Ir.delete(o)}).catch(()=>{}),a}function Uc(e,t,n){let r=`${e}
|
|
11
11
|
${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"",key:r}),!n||!e||!t)return;let a=!0,l;return qc(e,t).then(d=>{!a||!d||(l=md(e,{"X-Popmelt-Project-Id":t,"X-Popmelt-Cloud-Host":d},["/cloud-taste/","/send","/reply"]),i({linked:!0,error:"",key:r}))}).catch(d=>{a&&i({linked:!1,key:r,error:d instanceof Error?d.message:"Local host linking failed."})}),()=>{a=!1,l?.()}},[e,t,n,r]),n&&o.key===r?o:{linked:!1,error:""}}function Jc({detail:e,retryLabel:t,retry:n,fixPrompt:r,theme:o}){let i=Ie[o],[a,l]=R(!1),d=$(!1),c=$(!0),[u,p]=R(""),[h,f]=R(!1);F(()=>(c.current=!0,()=>{c.current=!1}),[]),F(()=>{if(!h)return;let y=setTimeout(()=>f(!1),2e3);return()=>clearTimeout(y)},[h]);let g=async()=>{if(!d.current){d.current=!0,l(!0),p("");try{await n()}catch{c.current&&p("Still unavailable \u2014 try again or share the fix prompt with your agent")}finally{d.current=!1,c.current&&l(!1)}}};return v("div",{"data-popmelt-session-recovery":!0,style:{width:"100%",borderTop:`1px solid ${i.border}`,paddingTop:12,fontSize:12,color:i.mutedStrong},children:[s("p",{style:{margin:"0 0 10px",lineHeight:1.5},children:e}),s("style",{children:`
|
|
12
12
|
[data-popmelt-session-recovery] button { display: inline-flex; align-items: center; gap: 5px; border: 0; border-radius: 6px; padding: 6px 8px; font: inherit; color: inherit; background: ${i.hoverSurface}; cursor: pointer; }
|
|
13
13
|
[data-popmelt-session-recovery] button:disabled { opacity: .6; cursor: default; }
|
|
@@ -15,12 +15,12 @@ ${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"
|
|
|
15
15
|
@keyframes popmelt-session-recovery-spin { to { transform: rotate(360deg); } }
|
|
16
16
|
[data-popmelt-session-recovery] .lucide-loader-circle { animation: popmelt-session-recovery-spin .8s linear infinite; }
|
|
17
17
|
@media (prefers-reduced-motion: reduce) { [data-popmelt-session-recovery] .lucide-loader-circle { animation: none; } }
|
|
18
|
-
`}),v("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:[v("button",{type:"button",disabled:a,onClick:()=>{g()},children:[a?s(er,{size:14,"aria-hidden":"true"}):s(ic,{size:14,"aria-hidden":"true"}),a?"Checking\u2026":t]}),v("button",{type:"button",disabled:h,onClick:async()=>{try{await navigator.clipboard.writeText(r),c.current&&(f(!0),p(""))}catch{c.current&&p("Couldn\u2019t copy the fix prompt \u2014 try again")}},children:[h?s(Gn,{size:14,"aria-hidden":"true"}):s(ac,{size:14,"aria-hidden":"true"}),h?"Copied":"Prompt to fix"]})]}),s("span",{role:"status",style:{display:"block",marginTop:u?8:0},children:u})]})}function Yc({theme:e,label:t,reconnecting:n,retry:r,restart:o,clearLocalSpace:i,retryLabel:a="Reconnect",pendingLabel:l="Reconnecting",failedLabel:d="Connection failed",hint:c="Reconnect without reloading the page or clearing your draft"}){let[u,p]=R(!1),[h,f]=R(!1),[g,y]=R(!1),[C,k]=R(l),[w,E]=R(!1),[M]=R(()=>Array.from(new Set([t,a,l,d,...i?["Clear space","Clearing"]:[],...o?["Restart server","Restarting server"]:[]]))),S=$(!1),T=$(!0);F(()=>(T.current=!0,()=>{T.current=!1}),[]);let N=w&&!!i,H=w&&!N&&!!o,P=N?"Clear space":H?"Restart server":a,L=(u||h)&&!g,
|
|
18
|
+
`}),v("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:[v("button",{type:"button",disabled:a,onClick:()=>{g()},children:[a?s(er,{size:14,"aria-hidden":"true"}):s(ic,{size:14,"aria-hidden":"true"}),a?"Checking\u2026":t]}),v("button",{type:"button",disabled:h,onClick:async()=>{try{await navigator.clipboard.writeText(r),c.current&&(f(!0),p(""))}catch{c.current&&p("Couldn\u2019t copy the fix prompt \u2014 try again")}},children:[h?s(Gn,{size:14,"aria-hidden":"true"}):s(ac,{size:14,"aria-hidden":"true"}),h?"Copied":"Prompt to fix"]})]}),s("span",{role:"status",style:{display:"block",marginTop:u?8:0},children:u})]})}function Yc({theme:e,label:t,reconnecting:n,retry:r,restart:o,clearLocalSpace:i,retryLabel:a="Reconnect",pendingLabel:l="Reconnecting",failedLabel:d="Connection failed",hint:c="Reconnect without reloading the page or clearing your draft"}){let[u,p]=R(!1),[h,f]=R(!1),[g,y]=R(!1),[C,k]=R(l),[w,E]=R(!1),[M]=R(()=>Array.from(new Set([t,a,l,d,...i?["Clear space","Clearing"]:[],...o?["Restart server","Restarting server"]:[]]))),S=$(!1),T=$(!0);F(()=>(T.current=!0,()=>{T.current=!1}),[]);let N=w&&!!i,H=w&&!N&&!!o,P=N?"Clear space":H?"Restart server":a,L=(u||h)&&!g,W=g?C:L?P:w?d:t,Z=N?"Clear this participant\u2019s local recovery data and unsynced changes; keep identity and server-saved work":H?"Reconnect failed. Restart the session server and reconnect; this may briefly disconnect other peers":w?"Try reconnecting again. If it keeps failing, ask the host to check the server":c,ae=async()=>{if(!S.current){S.current=!0,k(N?"Clearing":H?"Restarting server":l),y(!0);try{N?await i?.():(H&&await o?.(),await r()),T.current&&E(!1)}catch{T.current&&E(!0)}finally{S.current=!1,T.current&&y(!1)}}};return v("span",{style:{display:"inline-flex",flexDirection:"column",alignItems:"flex-start",gap:6,minWidth:0,maxWidth:"100%"},children:[s("style",{children:`
|
|
19
19
|
@keyframes popmelt-connection-spin { to { transform: rotate(360deg); } }
|
|
20
20
|
[data-popmelt-session-connection] .lucide-loader-circle { animation: popmelt-connection-spin .8s linear infinite; }
|
|
21
21
|
[data-popmelt-session-connection] > svg { flex-shrink: 0; }
|
|
22
22
|
@media (prefers-reduced-motion: reduce) { [data-popmelt-session-connection] .lucide-loader-circle { animation: none; } }
|
|
23
|
-
`}),v("button",{"data-popmelt-session-connection":!0,type:"button",disabled:g,title:Z,"aria-label":`${j}. ${Z}`,"aria-busy":g,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onFocus:()=>f(!0),onBlur:()=>f(!1),onClick:()=>{ae()},style:{...fn(Ie[e],L),cursor:g?"default":"pointer",minWidth:0,maxWidth:"100%"},children:[g||n&&!L?s(er,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):L||w?s(Io,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):s(ya,{size:14,strokeWidth:1.5,"aria-hidden":"true"}),v("span",{style:{display:"inline-grid",textAlign:"left",whiteSpace:"nowrap",position:"relative",minWidth:0},children:[M.map(pe=>s("span",{"aria-hidden":"true",style:{gridArea:"1 / 1",visibility:"hidden",pointerEvents:"none",overflow:"hidden"},children:pe},pe)),s("span",{"data-popmelt-connection-label":!0,title:j,style:{position:"absolute",inset:0,overflow:"hidden",textOverflow:"ellipsis"},children:j})]})]})]})}function Nn(e){return e<=767}function hn(e){return Nn(e)?8:16}function xt(e){let t=hn(e);return e<=480?Math.max(0,e-t*2):Math.min(360,Math.max(0,e-t*2))}var mn=16,Ye=40,zt=8,Ma="popmelt-toolbar-snap-position";function gn(e){return e.startsWith("top-")}function Rn(e){return e.endsWith("-right")}function tr(e){return e.endsWith("-center")}function Ta(){try{let e=localStorage.getItem(Ma);if(e&&Xc(e))return e}catch{}return"bottom-right"}function Ea(e){try{localStorage.setItem(Ma,e)}catch{}}function Xc(e){return["bottom-right","bottom-center","bottom-left","top-right","top-center","top-left"].includes(e)}function Kc(e,t,n){let r=Nn(t),o=hn(t),i=gn(e)?r?`max(${o}px, env(safe-area-inset-top))`:o:r?"auto":n-o-Ye,a=!gn(e)&&r?`max(${o}px, env(safe-area-inset-bottom))`:void 0;return tr(e)?{position:"fixed",top:i,bottom:a,left:"50%",transform:"translateX(-50%)"}:Rn(e)?{position:"fixed",top:i,bottom:a,right:r?`max(${o}px, env(safe-area-inset-right))`:o,left:"auto"}:{position:"fixed",top:i,bottom:a,left:r?`max(${o}px, env(safe-area-inset-left))`:o,right:"auto"}}function _t(e,t,n,r=12){let o=gn(e),i=Nn(t),a=hn(t),l=o?{top:i?`calc(max(${a}px, env(safe-area-inset-top)) + ${Ye+r}px)`:a+Ye+r}:{bottom:i?`calc(max(${a}px, env(safe-area-inset-bottom)) + ${Ye+r}px)`:a+Ye+r},d;return tr(e)?d={left:"50%",transform:"translateX(-50%)"}:Rn(e)?d={right:i?`max(${a}px, env(safe-area-inset-right))`:a}:d={left:i?`max(${a}px, env(safe-area-inset-left))`:a},{position:"fixed",...l,...d}}function Gc(e,t,n){let r=gn(e),o=Nn(t),i=hn(t),a=r?{top:o?`calc(max(${i}px, env(safe-area-inset-top)) + ${Ye+8}px)`:i+Ye+8}:{bottom:o?`calc(max(${i}px, env(safe-area-inset-bottom)) + ${Ye+8}px)`:i+Ye+8},l,d;return tr(e)?(l={left:"50%",transform:"translateX(-50%)"},d="center"):Rn(e)?(l={right:o?`max(${i}px, env(safe-area-inset-right))`:i},d="flex-end"):(l={left:o?`max(${i}px, env(safe-area-inset-left))`:i},d="flex-start"),{position:"fixed",...a,...l,zIndex:9999,display:"flex",flexDirection:"column",alignItems:d}}function eu(e,t=typeof window<"u"?window.innerWidth:1920){let n=gn(e),r=Rn(e)||tr(e),o=Nn(t),i=hn(t),a=n&&r?i+Ye+zt:i,l=!n&&r?i+Ye+zt:i;return{position:"fixed",top:o?`max(${a}px, env(safe-area-inset-top))`:a,right:o?`max(${i}px, env(safe-area-inset-right))`:i,bottom:o?`max(${l}px, env(safe-area-inset-bottom))`:l,width:xt(t)}}function tu(e,t,n){let r=xt(t),o=hn(t),i=gn(e),a,l;Rn(e)||tr(e)?(a=t-o,l=a-r):(l=o,a=l+r);let d=i?o+Ye+zt:n-o-Ye-zt;return{left:l,right:a,y:d}}var nu=["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],yn={toolbar:{toggleWindowMs:300},tools:{imprint:{key:"i",tool:"model"},steer:{key:"s",tool:"sticker"},comment:{key:"c",tool:"inspector"}},actions:{send:{key:"Enter"},screenshot:{key:"c"},clear:{keys:["Backspace","Delete"]},undo:{key:"z"}},omnidial:{previous:["a","ArrowLeft"],next:["d","ArrowRight"],previousFacet:["q"],nextFacet:["e"],descendOrApply:["w","Enter"],ascend:["s","Escape"],query:[" "]}},ru=[{type:"model",label:"Imprint",shortcut:"I"},{type:"sticker",label:"Steer",shortcut:"S"},{type:"inspector",label:"Chat",shortcut:"C"}];function ou(e){let t=e.toLowerCase();return Object.values(yn.tools).find(n=>n.key===t)?.tool??null}function iu(e){let t=e.length===1?e.toLowerCase():e,n=yn.omnidial;return[...n.previous,...n.next,...n.previousFacet,...n.nextFacet,...n.descendOrApply,...n.ascend,...n.query].includes(t)||/^[a-z0-9]$/i.test(e)}var La=100,It=200,Mr={surface:null,phase:"visible"};function To({openDelayMs:e=La,exitDurationMs:t=It}={}){let[n,r]=R(Mr),o=$(Mr),i=$(null),a=$(null),l=$(null),d=oe(y=>{o.current.surface===y.surface&&o.current.phase===y.phase||(o.current=y,r(y))},[]),c=oe(()=>{a.current&&(clearTimeout(a.current),a.current=null)},[]),u=oe(()=>{l.current&&(clearTimeout(l.current),l.current=null)},[]),p=oe(y=>{i.current=y,c(),u(),d({surface:y,phase:"visible"})},[u,c,d]),h=oe(y=>{if(i.current=y,c(),u(),o.current.surface!==null){d({surface:y,phase:"visible"});return}a.current=setTimeout(()=>{a.current=null,i.current===y&&d({surface:y,phase:"visible"})},e)},[u,c,e,d]),f=oe(y=>{i.current===y&&(i.current=null),c(),o.current.surface===y&&(u(),d({surface:y,phase:"exiting"}),l.current=setTimeout(()=>{l.current=null,i.current===null&&d(Mr)},t))},[u,c,t,d]),g=oe(y=>{y&&o.current.surface!==y||(i.current=null,c(),u(),d(Mr))},[u,c,d]);return F(()=>()=>{c(),u()},[u,c]),{surface:n.surface,phase:n.phase,enter:h,leave:f,show:p,dismiss:g}}var au={version:"0.25.0"},Aa=au.version;function Eo({theme:e,expanded:t,width:n,snapPosition:r,viewport:o,toolbarRef:i,style:a,...l}){let d=Ie[e];return s("div",{...l,ref:i,id:"devtools-toolbar",role:"toolbar","data-popmelt-theme":e,style:{...Kc(r,o.w,o.h),zIndex:9999,display:"flex",alignItems:"center",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",cursor:"pointer",overflow:"visible",transition:"none",backgroundColor:d.surface,color:d.primary,colorScheme:e,boxSizing:"border-box",border:t?0:`1px solid ${d.border}`,boxShadow:t?`0 0 0 1px ${d.border}`:void 0,borderRadius:20,padding:t?"4px 8px 4px 4px":0,width:t?n:40,height:40,gap:t?6:0,justifyContent:t?"flex-start":"center",...a}})}function Lo({expanded:e,active:t=!1,color:n,onSettlingChange:r,...o}){return s("button",{type:"button",title:e?"Collapse (\u2318\u2318)":"Open Popmelt (\u2318\u2318)",...o,style:{display:"flex",alignItems:"center",justifyContent:"center",width:e?24:40,height:e?32:40,flexShrink:0,border:"none",background:"none",padding:0,cursor:"pointer"},children:s(xa,{"data-popmelt-logo":!0,active:t,onSettlingChange:r,width:"24",height:"24",viewBox:"0 0 40 40",fill:e||t?n:"none",stroke:e||t?"none":n,strokeWidth:"1",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg"})})}function $a({theme:e,active:t,busy:n,color:r,onSettlingChange:o,onOpen:i,onCrosshairHover:a,onMouseEnter:l,toolbarRef:d,...c}){let u=$(null);return F(()=>{let p=u.current;if(!p)return;let h=p.querySelector("[data-popmelt-logo]"),f=()=>{p.style.opacity="1",!n&&h&&(h.style.fill=Ie[e].primary,h.style.stroke="none")},g=()=>{p.style.opacity=n?"1":"0.2",!n&&h&&(h.style.fill="none",h.style.removeProperty("stroke"))};return p.addEventListener("mouseenter",f),p.addEventListener("mouseleave",g),()=>{p.removeEventListener("mouseenter",f),p.removeEventListener("mouseleave",g)}},[n,e]),s(Eo,{...c,theme:e,expanded:!1,width:40,toolbarRef:p=>{u.current=p,typeof d=="function"?d(p):d&&(d.current=p)},onMouseEnter:l,style:{opacity:n?1:.2,...c.style},children:s(Lo,{expanded:!1,active:t,color:r,onSettlingChange:o,onClick:i,onMouseEnter:()=>a?.(!0),onMouseLeave:()=>a?.(!1)})})}function Na(){let e=()=>typeof window>"u"?{w:1920,h:1080}:{w:window.visualViewport?.width??window.innerWidth,h:window.visualViewport?.height??window.innerHeight},[t,n]=R(e);return F(()=>{let r=()=>n(e());return window.addEventListener("resize",r),window.visualViewport?.addEventListener("resize",r),()=>{window.removeEventListener("resize",r),window.visualViewport?.removeEventListener("resize",r)}},[]),t}function Ra(e){let t=$(e);t.current=e,F(()=>{let n=0,r=0,o=a=>{if(a.key!=="Meta"&&a.key!=="Control"){r=0;return}let l=Date.now();r=l-n<yn.toolbar.toggleWindowMs?r+1:1,r>=2&&(t.current(),r=0),n=l},i=a=>{a.key!=="Meta"&&a.key!=="Control"&&(r=0)};return window.addEventListener("keydown",o),window.addEventListener("keyup",i),()=>{window.removeEventListener("keydown",o),window.removeEventListener("keyup",i)}},[])}var lu=(e,t)=>({display:"flex",width:t,height:32,borderRadius:16,overflow:"hidden",background:Ie[e].control});function su({theme:e,icon:t,menuOpen:n=!1,interactive:r=!0,primaryLabel:o="Cycle annotations",primaryCursor:i=!1,dotColor:a,onPrimary:l,onMenu:d}){let c=Ie[e];return v("div",{"data-popmelt-compact-tool-control":!0,style:{...lu(e,46),pointerEvents:r?void 0:"none"},children:[v("button",{type:"button","aria-label":o,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:l,style:{width:26,height:32,display:"flex",alignItems:"center",justifyContent:"flex-end",position:"relative",padding:0,border:0,background:"transparent",color:c.primary,cursor:r&&i?"pointer":"default"},children:[t,a&&s("span",{"aria-hidden":"true",style:{position:"absolute",left:16,top:14,width:4,height:4,borderRadius:"50%",background:a,pointerEvents:"none"}})]}),s("button",{type:"button","aria-label":"Choose tool","aria-haspopup":"menu","aria-expanded":n,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:d,style:{width:20,height:32,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",padding:"0 6px 0 2px",border:0,background:"transparent",color:c.mutedStrong,cursor:r?"pointer":"default"},children:s(So,{size:12,strokeWidth:2,style:{transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})})]})}function du({theme:e,themePreference:t=e,onThemePreferenceChange:n,action:r,logoOnly:o=!1,connection:i,panel:a,deemphasizeControls:l=!1,onCollapse:d,ariaLabel:c="Popmelt admission"}){let[u,p]=R(()=>!o),[h,f]=R(Ta),g=$(null),y=To(),{leave:C,dismiss:k}=y,w=y.surface!==null&&y.phase==="visible",E=Na(),M=()=>{if(u){k(),d?.(),p(!1);return}p(!0),o&&y.show("popmelt-guide")};return Ra(M),F(()=>{let S=g.current;if(!S)return;let T=N=>{N.relatedTarget instanceof Node&&S.contains(N.relatedTarget)||C("popmelt-guide")};return S.addEventListener("pointerout",T),()=>S.removeEventListener("pointerout",T)},[u,C]),u?v("div",{ref:g,style:{display:"contents"},onKeyDown:S=>{S.key==="Escape"&&k()},onBlur:S=>{S.relatedTarget instanceof Node&&g.current?.contains(S.relatedTarget)||C("popmelt-guide")},children:[s("style",{children:`
|
|
23
|
+
`}),v("button",{"data-popmelt-session-connection":!0,type:"button",disabled:g,title:Z,"aria-label":`${W}. ${Z}`,"aria-busy":g,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onFocus:()=>f(!0),onBlur:()=>f(!1),onClick:()=>{ae()},style:{...fn(Ie[e],L),cursor:g?"default":"pointer",minWidth:0,maxWidth:"100%"},children:[g||n&&!L?s(er,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):L||w?s(Io,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):s(ya,{size:14,strokeWidth:1.5,"aria-hidden":"true"}),v("span",{style:{display:"inline-grid",textAlign:"left",whiteSpace:"nowrap",position:"relative",minWidth:0},children:[M.map(pe=>s("span",{"aria-hidden":"true",style:{gridArea:"1 / 1",visibility:"hidden",pointerEvents:"none",overflow:"hidden"},children:pe},pe)),s("span",{"data-popmelt-connection-label":!0,title:W,style:{position:"absolute",inset:0,overflow:"hidden",textOverflow:"ellipsis"},children:W})]})]})]})}function Nn(e){return e<=767}function hn(e){return Nn(e)?8:16}function xt(e){let t=hn(e);return e<=480?Math.max(0,e-t*2):Math.min(360,Math.max(0,e-t*2))}var mn=16,Ye=40,zt=8,Ma="popmelt-toolbar-snap-position";function gn(e){return e.startsWith("top-")}function Rn(e){return e.endsWith("-right")}function tr(e){return e.endsWith("-center")}function Ta(){try{let e=localStorage.getItem(Ma);if(e&&Xc(e))return e}catch{}return"bottom-right"}function Ea(e){try{localStorage.setItem(Ma,e)}catch{}}function Xc(e){return["bottom-right","bottom-center","bottom-left","top-right","top-center","top-left"].includes(e)}function Kc(e,t,n){let r=Nn(t),o=hn(t),i=gn(e)?r?`max(${o}px, env(safe-area-inset-top))`:o:r?"auto":n-o-Ye,a=!gn(e)&&r?`max(${o}px, env(safe-area-inset-bottom))`:void 0;return tr(e)?{position:"fixed",top:i,bottom:a,left:"50%",transform:"translateX(-50%)"}:Rn(e)?{position:"fixed",top:i,bottom:a,right:r?`max(${o}px, env(safe-area-inset-right))`:o,left:"auto"}:{position:"fixed",top:i,bottom:a,left:r?`max(${o}px, env(safe-area-inset-left))`:o,right:"auto"}}function _t(e,t,n,r=12){let o=gn(e),i=Nn(t),a=hn(t),l=o?{top:i?`calc(max(${a}px, env(safe-area-inset-top)) + ${Ye+r}px)`:a+Ye+r}:{bottom:i?`calc(max(${a}px, env(safe-area-inset-bottom)) + ${Ye+r}px)`:a+Ye+r},d;return tr(e)?d={left:"50%",transform:"translateX(-50%)"}:Rn(e)?d={right:i?`max(${a}px, env(safe-area-inset-right))`:a}:d={left:i?`max(${a}px, env(safe-area-inset-left))`:a},{position:"fixed",...l,...d}}function Gc(e,t,n){let r=gn(e),o=Nn(t),i=hn(t),a=r?{top:o?`calc(max(${i}px, env(safe-area-inset-top)) + ${Ye+8}px)`:i+Ye+8}:{bottom:o?`calc(max(${i}px, env(safe-area-inset-bottom)) + ${Ye+8}px)`:i+Ye+8},l,d;return tr(e)?(l={left:"50%",transform:"translateX(-50%)"},d="center"):Rn(e)?(l={right:o?`max(${i}px, env(safe-area-inset-right))`:i},d="flex-end"):(l={left:o?`max(${i}px, env(safe-area-inset-left))`:i},d="flex-start"),{position:"fixed",...a,...l,zIndex:9999,display:"flex",flexDirection:"column",alignItems:d}}function eu(e,t=typeof window<"u"?window.innerWidth:1920){let n=gn(e),r=Rn(e)||tr(e),o=Nn(t),i=hn(t),a=n&&r?i+Ye+zt:i,l=!n&&r?i+Ye+zt:i;return{position:"fixed",top:o?`max(${a}px, env(safe-area-inset-top))`:a,right:o?`max(${i}px, env(safe-area-inset-right))`:i,bottom:o?`max(${l}px, env(safe-area-inset-bottom))`:l,width:xt(t)}}function tu(e,t,n){let r=xt(t),o=hn(t),i=gn(e),a,l;Rn(e)||tr(e)?(a=t-o,l=a-r):(l=o,a=l+r);let d=i?o+Ye+zt:n-o-Ye-zt;return{left:l,right:a,y:d}}var nu=["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],yn={toolbar:{toggleWindowMs:300},tools:{imprint:{key:"i",tool:"model"},steer:{key:"s",tool:"sticker"},comment:{key:"c",tool:"inspector"}},actions:{send:{key:"Enter"},screenshot:{key:"c"},clear:{keys:["Backspace","Delete"]},undo:{key:"z"}},omnidial:{previous:["a","ArrowLeft"],next:["d","ArrowRight"],previousFacet:["q"],nextFacet:["e"],descendOrApply:["w","Enter"],ascend:["s","Escape"],query:[" "]}},ru=[{type:"model",label:"Imprint",shortcut:"I"},{type:"sticker",label:"Steer",shortcut:"S"},{type:"inspector",label:"Chat",shortcut:"C"}];function ou(e){let t=e.toLowerCase();return Object.values(yn.tools).find(n=>n.key===t)?.tool??null}function iu(e){let t=e.length===1?e.toLowerCase():e,n=yn.omnidial;return[...n.previous,...n.next,...n.previousFacet,...n.nextFacet,...n.descendOrApply,...n.ascend,...n.query].includes(t)||/^[a-z0-9]$/i.test(e)}var La=100,It=200,Mr={surface:null,phase:"visible"};function To({openDelayMs:e=La,exitDurationMs:t=It}={}){let[n,r]=R(Mr),o=$(Mr),i=$(null),a=$(null),l=$(null),d=oe(y=>{o.current.surface===y.surface&&o.current.phase===y.phase||(o.current=y,r(y))},[]),c=oe(()=>{a.current&&(clearTimeout(a.current),a.current=null)},[]),u=oe(()=>{l.current&&(clearTimeout(l.current),l.current=null)},[]),p=oe(y=>{i.current=y,c(),u(),d({surface:y,phase:"visible"})},[u,c,d]),h=oe(y=>{if(i.current=y,c(),u(),o.current.surface!==null){d({surface:y,phase:"visible"});return}a.current=setTimeout(()=>{a.current=null,i.current===y&&d({surface:y,phase:"visible"})},e)},[u,c,e,d]),f=oe(y=>{i.current===y&&(i.current=null),c(),o.current.surface===y&&(u(),d({surface:y,phase:"exiting"}),l.current=setTimeout(()=>{l.current=null,i.current===null&&d(Mr)},t))},[u,c,t,d]),g=oe(y=>{y&&o.current.surface!==y||(i.current=null,c(),u(),d(Mr))},[u,c,d]);return F(()=>()=>{c(),u()},[u,c]),{surface:n.surface,phase:n.phase,enter:h,leave:f,show:p,dismiss:g}}var au={version:"0.26.0"},Aa=au.version;function Eo({theme:e,expanded:t,width:n,snapPosition:r,viewport:o,toolbarRef:i,style:a,...l}){let d=Ie[e];return s("div",{...l,ref:i,id:"devtools-toolbar",role:"toolbar","data-popmelt-theme":e,style:{...Kc(r,o.w,o.h),zIndex:9999,display:"flex",alignItems:"center",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",cursor:"pointer",overflow:"visible",transition:"none",backgroundColor:d.surface,color:d.primary,colorScheme:e,boxSizing:"border-box",border:t?0:`1px solid ${d.border}`,boxShadow:t?`0 0 0 1px ${d.border}`:void 0,borderRadius:20,padding:t?"4px 8px 4px 4px":0,width:t?n:40,height:40,gap:t?6:0,justifyContent:t?"flex-start":"center",...a}})}function Lo({expanded:e,active:t=!1,color:n,onSettlingChange:r,...o}){return s("button",{type:"button",title:e?"Collapse (\u2318\u2318)":"Open Popmelt (\u2318\u2318)",...o,style:{display:"flex",alignItems:"center",justifyContent:"center",width:e?24:40,height:e?32:40,flexShrink:0,border:"none",background:"none",padding:0,cursor:"pointer"},children:s(xa,{"data-popmelt-logo":!0,active:t,onSettlingChange:r,width:"24",height:"24",viewBox:"0 0 40 40",fill:e||t?n:"none",stroke:e||t?"none":n,strokeWidth:"1",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg"})})}function $a({theme:e,active:t,busy:n,color:r,onSettlingChange:o,onOpen:i,onCrosshairHover:a,onMouseEnter:l,toolbarRef:d,...c}){let u=$(null);return F(()=>{let p=u.current;if(!p)return;let h=p.querySelector("[data-popmelt-logo]"),f=()=>{p.style.opacity="1",!n&&h&&(h.style.fill=Ie[e].primary,h.style.stroke="none")},g=()=>{p.style.opacity=n?"1":"0.2",!n&&h&&(h.style.fill="none",h.style.removeProperty("stroke"))};return p.addEventListener("mouseenter",f),p.addEventListener("mouseleave",g),()=>{p.removeEventListener("mouseenter",f),p.removeEventListener("mouseleave",g)}},[n,e]),s(Eo,{...c,theme:e,expanded:!1,width:40,toolbarRef:p=>{u.current=p,typeof d=="function"?d(p):d&&(d.current=p)},onMouseEnter:l,style:{opacity:n?1:.2,...c.style},children:s(Lo,{expanded:!1,active:t,color:r,onSettlingChange:o,onClick:i,onMouseEnter:()=>a?.(!0),onMouseLeave:()=>a?.(!1)})})}function Na(){let e=()=>typeof window>"u"?{w:1920,h:1080}:{w:window.visualViewport?.width??window.innerWidth,h:window.visualViewport?.height??window.innerHeight},[t,n]=R(e);return F(()=>{let r=()=>n(e());return window.addEventListener("resize",r),window.visualViewport?.addEventListener("resize",r),()=>{window.removeEventListener("resize",r),window.visualViewport?.removeEventListener("resize",r)}},[]),t}function Ra(e){let t=$(e);t.current=e,F(()=>{let n=0,r=0,o=a=>{if(a.key!=="Meta"&&a.key!=="Control"){r=0;return}let l=Date.now();r=l-n<yn.toolbar.toggleWindowMs?r+1:1,r>=2&&(t.current(),r=0),n=l},i=a=>{a.key!=="Meta"&&a.key!=="Control"&&(r=0)};return window.addEventListener("keydown",o),window.addEventListener("keyup",i),()=>{window.removeEventListener("keydown",o),window.removeEventListener("keyup",i)}},[])}var lu=(e,t)=>({display:"flex",width:t,height:32,borderRadius:16,overflow:"hidden",background:Ie[e].control});function su({theme:e,icon:t,menuOpen:n=!1,interactive:r=!0,primaryLabel:o="Cycle annotations",primaryCursor:i=!1,dotColor:a,onPrimary:l,onMenu:d}){let c=Ie[e];return v("div",{"data-popmelt-compact-tool-control":!0,style:{...lu(e,46),pointerEvents:r?void 0:"none"},children:[v("button",{type:"button","aria-label":o,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:l,style:{width:26,height:32,display:"flex",alignItems:"center",justifyContent:"flex-end",position:"relative",padding:0,border:0,background:"transparent",color:c.primary,cursor:r&&i?"pointer":"default"},children:[t,a&&s("span",{"aria-hidden":"true",style:{position:"absolute",left:16,top:14,width:4,height:4,borderRadius:"50%",background:a,pointerEvents:"none"}})]}),s("button",{type:"button","aria-label":"Choose tool","aria-haspopup":"menu","aria-expanded":n,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:d,style:{width:20,height:32,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",padding:"0 6px 0 2px",border:0,background:"transparent",color:c.mutedStrong,cursor:r?"pointer":"default"},children:s(So,{size:12,strokeWidth:2,style:{transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})})]})}function du({theme:e,themePreference:t=e,onThemePreferenceChange:n,action:r,logoOnly:o=!1,connection:i,panel:a,deemphasizeControls:l=!1,onCollapse:d,ariaLabel:c="Popmelt admission"}){let[u,p]=R(()=>!o),[h,f]=R(Ta),g=$(null),y=To(),{leave:C,dismiss:k}=y,w=y.surface!==null&&y.phase==="visible",E=Na(),M=()=>{if(u){k(),d?.(),p(!1);return}p(!0),o&&y.show("popmelt-guide")};return Ra(M),F(()=>{let S=g.current;if(!S)return;let T=N=>{N.relatedTarget instanceof Node&&S.contains(N.relatedTarget)||C("popmelt-guide")};return S.addEventListener("pointerout",T),()=>S.removeEventListener("pointerout",T)},[u,C]),u?v("div",{ref:g,style:{display:"contents"},onKeyDown:S=>{S.key==="Escape"&&k()},onBlur:S=>{S.relatedTarget instanceof Node&&g.current?.contains(S.relatedTarget)||C("popmelt-guide")},children:[s("style",{children:`
|
|
24
24
|
[data-popmelt-entry-dimmed] [data-popmelt-entry-content],
|
|
25
25
|
[data-popmelt-entry-dimmed] [data-popmelt-entry-control] > [data-popmelt-logo] {
|
|
26
26
|
opacity: 1;
|
|
@@ -40,13 +40,13 @@ ${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"
|
|
|
40
40
|
transition: none;
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
|
-
`}),y.surface&&s("div",{"data-devtools":"popmelt-guide-corridor",onMouseEnter:()=>y.enter("popmelt-guide"),style:{..._t(h,E.w,E.h,0),width:xt(E.w),boxSizing:"content-box",...h.startsWith("top-")?{paddingTop:zt}:{paddingBottom:zt},zIndex:10001},children:s(Ca,{theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:h,onSnapPositionChange:S=>{Ea(S),f(S)},active:w,style:{opacity:w?1:0,transition:w?"none":`opacity ${It}ms ease`},connection:i??v("span",{style:{...fn(Ie[e],!1),cursor:"default"},children:[s(Mo,{size:14,strokeWidth:1.5}),v("span",{children:["Version ",Aa]})]})})}),a&&!y.surface&&s("div",{"data-devtools":"toolbar-entry-panel",style:{..._t(h,E.w,E.h,zt),zIndex:10001},children:a}),v(Eo,{theme:e,expanded:!0,width:"max-content",snapPosition:h,viewport:E,"aria-label":c,"data-popmelt-entry-dimmed":!!(l&&a&&!y.surface),style:o?{width:40,padding:0,gap:0,justifyContent:"center",border:`1px solid ${Ie[e].border}`,boxShadow:"none"}:void 0,children:[s("span",{style:{display:"contents"},onMouseEnter:()=>k(),onFocus:()=>k(),children:r}),s(Lo,{expanded:!0,"data-popmelt-entry-control":!0,color:Ie[e].primary,onClick:M,onMouseEnter:()=>y.enter("popmelt-guide"),onFocus:()=>y.show("popmelt-guide")})]})]}):s($a,{theme:e,snapPosition:h,viewport:E,color:Ie[e].primary,onOpen:M})}function Pa(e,t){let n=Math.max(0,Math.floor((t-e)/1e3));return n<60?`${n}s`:n<3600?`${Math.floor(n/60)}m`:n<86400?`${Math.floor(n/3600)}h`:`${Math.floor(n/86400)}d`}var za={textAlign:"left",display:"flex",flexDirection:"column",gap:4,width:"100%"},Ha={display:"flex",alignItems:"baseline",gap:16,width:"100%"},Oa={flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:"0.14px"},Da={flexShrink:0,fontSize:12,fontWeight:500,letterSpacing:"0.12px"};function cu(e,t){let n=new Date(t);n.setHours(0,0,0,0);let r=new Date(n);r.setDate(r.getDate()-1);let o=new Date(n);return o.setDate(o.getDate()-(o.getDay()+6)%7),e>=n.getTime()?"Today":e>=r.getTime()?"Yesterday":e>=o.getTime()?"This week":"Earlier"}function uu({bridgeUrl:e,theme:t,style:n,onClose:r,onViewThread:o,onPreviewThread:i}){let a=Ie[t],[l,d]=R(""),[c,u]=R(0),[p,h]=R(0),[f,g]=R([]),[y,C]=R(!1),[k,w]=R(!0),[E,M]=R(null),[S,T]=R(Date.now),N=$(null);F(()=>(i?.(null),()=>i?.(null)),[i,l,e]),F(()=>{N.current?.focus();let L=setInterval(()=>T(Date.now()),3e4);return()=>clearInterval(L)},[]),F(()=>{let L=!1,
|
|
43
|
+
`}),y.surface&&s("div",{"data-devtools":"popmelt-guide-corridor",onMouseEnter:()=>y.enter("popmelt-guide"),style:{..._t(h,E.w,E.h,0),width:xt(E.w),boxSizing:"content-box",...h.startsWith("top-")?{paddingTop:zt}:{paddingBottom:zt},zIndex:10001},children:s(Ca,{theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:h,onSnapPositionChange:S=>{Ea(S),f(S)},active:w,style:{opacity:w?1:0,transition:w?"none":`opacity ${It}ms ease`},connection:i??v("span",{style:{...fn(Ie[e],!1),cursor:"default"},children:[s(Mo,{size:14,strokeWidth:1.5}),v("span",{children:["Version ",Aa]})]})})}),a&&!y.surface&&s("div",{"data-devtools":"toolbar-entry-panel",style:{..._t(h,E.w,E.h,zt),zIndex:10001},children:a}),v(Eo,{theme:e,expanded:!0,width:"max-content",snapPosition:h,viewport:E,"aria-label":c,"data-popmelt-entry-dimmed":!!(l&&a&&!y.surface),style:o?{width:40,padding:0,gap:0,justifyContent:"center",border:`1px solid ${Ie[e].border}`,boxShadow:"none"}:void 0,children:[s("span",{style:{display:"contents"},onMouseEnter:()=>k(),onFocus:()=>k(),children:r}),s(Lo,{expanded:!0,"data-popmelt-entry-control":!0,color:Ie[e].primary,onClick:M,onMouseEnter:()=>y.enter("popmelt-guide"),onFocus:()=>y.show("popmelt-guide")})]})]}):s($a,{theme:e,snapPosition:h,viewport:E,color:Ie[e].primary,onOpen:M})}function Pa(e,t){let n=Math.max(0,Math.floor((t-e)/1e3));return n<60?`${n}s`:n<3600?`${Math.floor(n/60)}m`:n<86400?`${Math.floor(n/3600)}h`:`${Math.floor(n/86400)}d`}var za={textAlign:"left",display:"flex",flexDirection:"column",gap:4,width:"100%"},Ha={display:"flex",alignItems:"baseline",gap:16,width:"100%"},Oa={flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:"0.14px"},Da={flexShrink:0,fontSize:12,fontWeight:500,letterSpacing:"0.12px"};function cu(e,t){let n=new Date(t);n.setHours(0,0,0,0);let r=new Date(n);r.setDate(r.getDate()-1);let o=new Date(n);return o.setDate(o.getDate()-(o.getDay()+6)%7),e>=n.getTime()?"Today":e>=r.getTime()?"Yesterday":e>=o.getTime()?"This week":"Earlier"}function uu({bridgeUrl:e,theme:t,style:n,onClose:r,onViewThread:o,onPreviewThread:i}){let a=Ie[t],[l,d]=R(""),[c,u]=R(0),[p,h]=R(0),[f,g]=R([]),[y,C]=R(!1),[k,w]=R(!0),[E,M]=R(null),[S,T]=R(Date.now),N=$(null);F(()=>(i?.(null),()=>i?.(null)),[i,l,e]),F(()=>{N.current?.focus();let L=setInterval(()=>T(Date.now()),3e4);return()=>clearInterval(L)},[]),F(()=>{let L=!1,W=new AbortController;w(!0),M(null),c===0&&g([]);let Z=setTimeout(async()=>{try{if(!e)throw new Error("Bridge unavailable");let ae=new URLSearchParams({q:l,limit:"10",offset:String(c)}),pe=await Ln(`${e}/threads/history?${ae}`,{signal:W.signal});if(!pe.ok)throw new Error("History unavailable");let le=await pe.json();if(L)return;g(J=>c===0?le.threads:[...J,...le.threads.filter(ye=>!J.some(G=>G.id===ye.id))]),C(le.hasMore)}catch{L||M("Couldn\u2019t load history. Check the bridge connection.")}finally{L||w(!1)}},l?180:0);return()=>{L=!0,W.abort(),clearTimeout(Z)}},[e,l,c,p]);let H=new Map;for(let L of f){let W=l.trim()?"Results":cu(L.updatedAt,S);H.set(W,[...H.get(W)??[],L])}let P={border:0,padding:0,background:"transparent",font:"inherit",color:"inherit",cursor:"pointer"};return v("div",{ref:N,role:"dialog","aria-label":"History",tabIndex:-1,"data-devtools":"history-panel","data-popmelt-theme":t,"data-popmelt-font":"sans",onKeyDown:L=>{L.stopPropagation(),L.key==="Escape"&&(L.preventDefault(),r())},style:{...n,boxSizing:"border-box",padding:"16px 16px 20px",borderRadius:20,border:`1px solid ${a.border}`,background:a.surface,color:a.secondary,fontFamily:St,fontSize:14,lineHeight:1.3,backdropFilter:"blur(59.5px)",WebkitBackdropFilter:"blur(59.5px)",display:"flex",flexDirection:"column",gap:16,overflow:"hidden",pointerEvents:"auto",outline:"none",zIndex:10002},children:[s("style",{children:`
|
|
44
44
|
[data-devtools="history-panel"] button:focus-visible, [data-devtools="history-panel"] input:focus-visible { outline: 2px solid ${a.primary}; outline-offset: 3px; }
|
|
45
45
|
[data-devtools="history-panel"] .popmelt-history-row { color: ${a.secondary}; }
|
|
46
46
|
[data-devtools="history-panel"] .popmelt-history-row:hover { color: ${a.primary}; }
|
|
47
47
|
[data-devtools="history-panel"] .popmelt-history-row time { color: ${a.muted}; }
|
|
48
48
|
[data-devtools="history-panel"] .popmelt-history-row:hover time { color: ${a.secondary}; }
|
|
49
|
-
`}),v("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",color:a.primary},children:[v("div",{style:{display:"flex",alignItems:"center",gap:4,fontWeight:600,letterSpacing:"-0.14px"},children:[s(ma,{size:16,"aria-hidden":"true"}),"History"]}),s("button",{type:"button","aria-label":"Close history",style:{...P,display:"flex",color:a.muted},onClick:r,children:s(fa,{size:16})})]}),v("label",{style:{display:"flex",alignItems:"center",gap:8},children:[s(ca,{size:14,"aria-hidden":"true",style:{flexShrink:0,color:a.muted}}),s("input",{type:"search","aria-label":"Search all threads",placeholder:"Search all threads",maxLength:500,value:l,onChange:L=>{d(L.target.value),u(0)},style:{width:"100%",minWidth:0,border:0,padding:0,background:"transparent",font:"inherit",color:a.primary}})]}),v("div",{"aria-busy":k,style:{overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column",gap:24},children:[[...H].map(([L,j])=>v("section",{"aria-label":L,style:{display:"flex",flexDirection:"column",gap:12},children:[s("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px"},children:L}),s("div",{style:{display:"flex",flexDirection:"column",gap:8},children:j.map(Z=>v("button",{type:"button",className:"popmelt-history-row",title:[Z.preview,Z.archived?"Dismissed":"",Z.previousWorkspace?"Previous workspace":""].filter(Boolean).join(" \xB7 "),onClick:()=>o(Z.id),onMouseEnter:()=>i?.(Z),onMouseLeave:()=>i?.(null),onFocus:()=>i?.(Z),onBlur:()=>i?.(null),style:{...P,color:void 0,...za},children:[v("span",{style:Ha,children:[s("span",{style:Oa,children:Z.preview}),s("time",{dateTime:new Date(Z.updatedAt).toISOString(),style:Da,children:Pa(Z.updatedAt,S)})]}),l.trim()&&Z.excerpt&&s("span",{style:{fontSize:12,color:a.secondary,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:Z.excerpt})]},Z.id))})]},L)),E?v("div",{role:"alert",children:[E," ",s("button",{type:"button",style:{...P,textDecoration:"underline"},onClick:()=>h(L=>L+1),children:"Retry"})]}):k?s("div",{role:"status",children:"Loading\u2026"}):f.length===0?s("div",{role:"status",children:l.trim()?"No matching threads.":"No conversations yet."}):null,y&&!k&&!E&&s("button",{type:"button",style:{...P,alignSelf:"flex-start",textDecoration:"underline"},onClick:()=>u(L=>L+10),children:"Show more"})]})]})}var Tr={direct:"Edit","approval-required":"Suggest",blocked:"Blocked"},Ao={direct:"Use all canvas tools. Send code changes without host approval.","approval-required":"Use all canvas tools. Code changes need host approval.",blocked:"Sending code changes is blocked by the host."},Wa=["circle","square","diamond","hexagon"];function $o(e="circle",t=26){return{circle:19,square:17.5,diamond:20,hexagon:19}[e]*t/24}var ja=e=>e.map((t,n)=>{let r=o=>{let i=Math.hypot(o[0]-t[0],o[1]-t[1]),a=Math.min(3,i/2)/i;return[t[0]+(o[0]-t[0])*a,t[1]+(o[1]-t[1])*a].join(" ")};return`${n?"L":"M"}${r(e[(n+e.length-1)%e.length])} Q${t.join(" ")} ${r(e[(n+1)%e.length])}`}).join(" ")+" Z",pu={diamond:ja([[12,1],[23,12],[12,23],[1,12]]),hexagon:ja([[12,2],[21,7],[21,17],[12,22],[3,17],[3,7]])};function nr({shape:e="circle",color:t,size:n=26,outline:r,style:o,...i}){return s("svg",{...i,"data-peer-shape":e,"aria-hidden":"true",width:n,height:n,viewBox:"0 0 24 24",style:{display:"block",flexShrink:0,overflow:"visible",pointerEvents:"none",...o},children:s("g",{fill:t,stroke:r??"none",strokeWidth:r?1.2:0,strokeLinejoin:"round",children:e==="circle"?s("circle",{cx:"12",cy:"12",r:"9.5"}):e==="square"?s("rect",{x:"3.25",y:"3.25",width:"17.5",height:"17.5",rx:"3"}):s("path",{d:pu[e]})})})}function Pn(e){return(e%360+360)%360}function Er(e){let t=e.match(/oklch\([^)]*\s+([\d.]+)\s*\)/i);if(!t?.[1])return null;let n=Number.parseFloat(t[1]);return Number.isFinite(n)?Pn(n):null}function Yt(e){return`oklch(${.628} ${.258} ${Pn(e)})`}function _a(e){let t=Er(e)??29;return Yt(t+60)}function No(e){return new Set(e.filter(t=>t.groupId&&t.threadId).map(t=>t.groupId))}function Ro(e,t){let n=!!(e.groupId&&t.has(e.groupId));return(e.status??"pending")==="pending"&&!e.threadId&&!n&&!(e.replyCount&&e.replyCount>0)}function fu(e,t,n){return e.threadId?`thread:${e.threadId}`:e.groupId&&n.has(e.groupId)?`thread-group:${e.groupId}`:e.groupId?`group:${e.groupId}`:e.id?`annotation:${e.id}`:`annotation-index:${t}`}function hu(e,t){let n=Math.abs(Pn(e)-Pn(t));return Math.min(n,360-n)<.5}function zn(e,t,n){let r=Er(e)??29,o=Math.round(360/60),i=No(t),a=t.flatMap((c,u)=>{if(!c.color)return[];if(n&&c.pathname&&c.pathname!==n)return[];if(Ro(c,i))return[];let p=Er(c.color);return p===null?[]:[{hue:p,key:fu(c,u,i)}]}),l=Yt(r),d=Number.POSITIVE_INFINITY;for(let c=0;c<o;c+=1){let u=Pn(r+c*60),p=new Set(a.filter(h=>hu(h.hue,u)).map(h=>h.key));if(p.size===0)return Yt(u);p.size<d&&(d=p.size,l=Yt(u))}return l}function mu(e,t){let n=No(e);return e.map(r=>Ro(r,n)?{...r,color:t}:r)}function gu(e){let t=new Set(e.annotationIds),n={color:e.color,threadId:e.threadId,pathname:e.pathname},r=e.annotations.map(o=>o.id&&t.has(o.id)?{...o,color:e.color,threadId:e.threadId}:o);return r.push(n),zn(_a(e.color),r,e.pathname)}function yu(e,t){return e.find(n=>n.color)?.color??t}function bu(e){let t=[...e.annotations].sort((i,a)=>a.timestamp-i.timestamp),n=No(e.annotations),r=t.find(i=>Ro(i,n)&&!!i.color);if(r?.color)return zn(r.color,e.annotations,e.currentPathname);if(e.savedCursor)return zn(e.savedCursor,e.annotations,e.currentPathname);let o=t.find(i=>!!(i.threadId&&i.color));return o?.color?zn(_a(o.color),e.annotations,e.currentPathname):zn(Yt(29),e.annotations,e.currentPathname)}var rr=[210,150,270,90,330,30].map(e=>Pn(29+e)),Po=[.68,.5,.82,.59,.75,.43];function vu(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");return Wa[([0,2,3,0,1,1][e%6]+Math.floor(e/6))%4]}function Xt(e){if(e.identity?.relationship==="host")return"circle";if(e.shape&&Wa.includes(e.shape))return e.shape;let t=/^oklch\(([\d.]+) ([\d.]+) ([\d.]+)\)$/.exec(e.color??"");if(t){let n=Po.indexOf(Number(t[1])),r=rr.indexOf(Number(t[3])),o=Math.round((.14/Number(t[2])-1)*4),i=(o*Po.length+n)*rr.length+r;if(n>=0&&r>=0&&o>=0&&Number.isSafeInteger(i)&&Ba(i)===e.color)return vu(i)}return"circle"}function Ba(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");let t=Math.floor(e/rr.length),n=Po,r=n[t%n.length],o=.14/(1+Math.floor(t/n.length)*.25);return`oklch(${r} ${o} ${rr[e%rr.length]})`}function xu(e,t,n){return e?.identity.relationship==="host"?e.identity.id===t?n:e.color??bo.activeColor:e?.color??Ba(0)}function Fa(e){return e.reduce((t,n)=>t+$o(Xt(n)),0)-Math.max(0,e.length-1)*4.5}function wu({peers:e,viewedPeerId:t,selectedPeerId:n=t,onPreview:r,onPeek:o,onPeekEnd:i,theme:a="dark",detailsPeerId:l,detailsId:d,onDetailsEnter:c,onDetailsLeave:u,onDetailsDismiss:p}){let h=Ie[a],f=a==="light"?"#ffffff":"#000000",g=l??t,y=Kn(),C=$(null),k=$({onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i});k.current={onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i};let w=$(null),E=()=>{w.current!==null&&cancelAnimationFrame(w.current),w.current=null},M=e.length>0;return F(()=>{let S=C.current;if(!S)return;let T=N=>{if(N.pointerType==="touch")return;let H=N.target instanceof Element?N.target.closest("button[data-peer-id]"):null;if(!H||!S.contains(H)||N.relatedTarget instanceof Node&&H.contains(N.relatedTarget))return;let P=H.dataset.peerId;N.type==="pointerover"?(E(),Oc(()=>k.current.onDetailsEnter?.(P,"pointer")),k.current.onPeek&&(w.current=requestAnimationFrame(()=>{w.current=requestAnimationFrame(()=>{w.current=null,k.current.onPeek?.(P)})}))):(E(),k.current.onPeekEnd?.(P),k.current.onDetailsLeave?.(P,N.relatedTarget))};return S.addEventListener("pointerover",T),S.addEventListener("pointerout",T),S.addEventListener("pointercancel",T),()=>{E(),S.removeEventListener("pointerover",T),S.removeEventListener("pointerout",T),S.removeEventListener("pointercancel",T)}},[M]),e.length?s("ul",{ref:C,"aria-label":"Canvas peers","data-devtools":"peer-chip-stack",style:{display:"flex",alignItems:"center",isolation:"isolate",flexShrink:0,margin:0,padding:0,listStyle:"none"},children:e.map(({identity:S,permission:T,color:N=h.secondary,shape:H,unseenActivity:P},L)=>v("li",{style:{display:"flex",position:"relative",zIndex:e.length-L,marginRight:L===e.length-1?0:-4.5},children:[v("button",{type:"button","aria-pressed":n===S.id,"aria-label":`Preview ${S.name}'s plane \u2014 ${Tr[T]}${P?" \u2014 New activity":""}`,title:c?void 0:`${S.name} \xB7 ${Tr[T]}: ${Ao[T]}`,"aria-describedby":[`${y}-${L}`,l===S.id?d:void 0].filter(Boolean).join(" "),"data-peer-id":S.id,onClick:()=>{E(),r(S.id)},onFocus:()=>c?.(S.id,"focus"),onBlur:j=>u?.(S.id,j.relatedTarget),onKeyDown:j=>{j.key==="Escape"&&(E(),i?.(S.id)),!(j.key!=="Escape"||l!==S.id)&&(j.preventDefault(),j.stopPropagation(),p?.(S.id))},style:{display:"flex",position:"relative",alignItems:"center",width:$o(Xt({identity:S,color:N,shape:H})),height:22,boxSizing:"border-box",border:0,padding:0,background:"transparent",cursor:"pointer",outlineOffset:2},children:[s(nr,{shape:Xt({identity:S,color:N,shape:H}),color:g===S.id?N:`color-mix(in srgb, ${N} 20%, ${h.surface})`,outline:n===S.id?f:h.surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),P&&s("span",{"data-devtools":"peer-activity-dot","aria-hidden":"true",style:{position:"absolute",top:-1,right:-2,width:9,height:9,borderRadius:"50%",background:h.primary,border:`1px solid ${h.surface}`,pointerEvents:"none"}})]}),s("span",{id:`${y}-${L}`,hidden:!0,children:Ao[T]})]},S.id))}):null}function zo(e,t){return JSON.stringify([e,t??null])}function Ho(e){return(e.annotations?.length?e.annotations:[{id:void 0,label:"Submitted changes"}]).map(t=>({submission:e,annotation:t,key:zo(e.id,t.id)}))}function Cu(e,t){return e.filter(n=>n.threadId===t).flatMap(n=>Ho(n).map(r=>r.key))}function ku(e,t){let n=[],r=()=>{try{let i=JSON.parse(e.getItem(t)??"[]");Array.isArray(i)&&(n=[...new Set([...i.filter(a=>typeof a=="string"),...n])].slice(-1e3))}catch{}return n},o=i=>{let a=r(),l=i.filter(c=>!a.includes(c));if(!l.length)return a;let d=[...new Set([...a,...l])].slice(-1e3);n=d;try{e.setItem(t,JSON.stringify(d))}catch{}return d};return{read:r,markMany:o,mark:i=>o([i])}}function Va({at:e,theme:t,label:n}){let[r,o]=R(Date.now);if(F(()=>{let l=setInterval(()=>o(Date.now()),1e3);return()=>clearInterval(l)},[]),!Number.isFinite(e)||e<=0)return null;let i=Math.max(0,Math.floor((r-e)/1e3)),a=i<60?`${i}s ago`:i<3600?`${Math.floor(i/60)}m ago`:`${Math.floor(i/3600)}h ago`;return s("span",{"data-devtools":"activity-age",title:`${n}: ${new Date(e).toLocaleString()}`,"aria-label":`${n}: ${a}`,style:{background:Ie[t].control,borderRadius:6,padding:"0 3px",fontSize:12,fontWeight:400,color:Ie[t].mutedStrong,whiteSpace:"nowrap",flexShrink:0},children:a})}var Kt={gap:16,padding:12,radius:20,width:360,viewportGutter:32,identitySize:24},Hn={gap:6,padding:"4px 8px",radius:8,iconSize:12},Lr={gap:3,padding:"2px 6px",radius:8},bn={gap:3,padding:"3px 9px 3px 6px",radius:8,iconSize:10},Gt=bn,or={size:21,padding:3,radius:8,iconSize:15},Oo={padding:"0 4px",height:18,radius:6},Qa={fontFamily:St,fontSize:12,fontWeight:500,lineHeight:1.3};function Do(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Lr.gap,padding:Lr.padding,borderRadius:Lr.radius,border:0,flexShrink:0,background:Ie[e].control,color:Ie[e].primary,...Qa,whiteSpace:"nowrap",cursor:"pointer",transition:"box-shadow 120ms ease"}}var Su=Od("HandPeace",[["path",{d:"M7 12 5.1 4.9a1.75 1.75 0 0 1 3.4-.8L11 11l2.5-8a1.75 1.75 0 0 1 3.35 1.05L15 11",key:"raised-fingers"}],["path",{d:"M15 14v-3a1.75 1.75 0 0 1 3.5 0v3a1.75 1.75 0 0 1-3.5 0Z",key:"folded-ring-finger"}],["path",{d:"M18.5 13a1.75 1.75 0 0 1 3.5 0v2a1.75 1.75 0 0 1-3.5 0Z",key:"folded-pinky"}],["path",{d:"M22 15v1a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6v-1",key:"palm"}],["path",{d:"M6 15v-1.3a1.75 1.75 0 0 1 2.6-1.5l4 2.3a1.75 1.75 0 0 1-1.75 3.03l-.65-.37",key:"folded-thumb"}]]),Za=120,Iu=180,Mu=2e3;function Wo(e){let t=Ie[e];return{display:"flex",alignItems:"center",gap:Kt.gap,width:Kt.width,maxWidth:`calc(100vw - ${Kt.viewportGutter}px)`,boxSizing:"border-box",border:`1px solid ${t.border}`,borderRadius:Kt.radius,padding:Kt.padding,background:t.surface,color:t.primary,backdropFilter:"blur(59.5px)",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.01em"}}function Tu({peer:e,theme:t,id:n,style:r,onPermissionChange:o,onRevokeAccess:i,onInvite:a,isOwn:l=!1,onFocusSuggestion:d,onHoverSuggestion:c,onSharePreview:u,pendingSubmissions:p=[],viewedSuggestionKeys:h=[],showUnreadSuggestions:f=!0}){let g=$(c);g.current=c;let y=$(null);F(()=>{let re=y.current;if(!re)return;let Le=g.current,me=Ce=>{if(Ce.pointerType==="touch")return;let fe=Ce.target instanceof Element?Ce.target.closest('[data-devtools="peer-review-sent"]'):null;!fe||!re.contains(fe)||Ce.relatedTarget instanceof Node&&fe.contains(Ce.relatedTarget)||g.current?.(Ce.type==="pointerover"?fe.dataset.annotationId??null:null)};return re.addEventListener("pointerover",me),re.addEventListener("pointerout",me),re.addEventListener("pointercancel",me),()=>{re.removeEventListener("pointerover",me),re.removeEventListener("pointerout",me),re.removeEventListener("pointercancel",me),Le?.(null)}},[e.identity.id]);let[C,k]=R(!1),[w,E]=R(),[M,S]=R(),T=$(0),N=$(null),H=$(!1);qe(()=>{!C&&H.current&&(H.current=!1,N.current?.focus({preventScroll:!0}))},[C,e.identity.id]);let P=async(re,Le)=>{k(!0),E(re),S(void 0);try{await Le()||(T.current+=1,S({target:re,pulse:T.current}))}catch{T.current+=1,S({target:re,pulse:T.current})}finally{k(!1),E(void 0)}},[L,j]=R("idle"),[Z,ae]=R(),pe=$(0),le=$(null),[J,ye]=R();qe(()=>{if(!le.current)return;let re=!0,Le=()=>{if(!re||!le.current)return;let me=getComputedStyle(le.current),Ce=document.createElement("span");Object.assign(Ce.style,{position:"fixed",visibility:"hidden",pointerEvents:"none",whiteSpace:"nowrap",fontFamily:me.fontFamily,fontSize:me.fontSize,fontWeight:me.fontWeight,lineHeight:me.lineHeight}),document.body.append(Ce);let fe=Number.parseFloat(me.paddingLeft)+Number.parseFloat(me.paddingRight)+Gt.iconSize+Gt.gap,st=Ht=>(Ce.textContent=Ht,Math.ceil(fe+Ce.getBoundingClientRect().width)),Mt={idle:st("Invite"),busy:st("Copying\u2026"),copied:st("Copied")};Ce.remove(),Object.values(Mt).every(Ht=>Ht>fe)&&ye(Mt)};return Le(),document.fonts?.ready.then(Le),()=>{re=!1}},[t,l,a]),F(()=>{if(L==="copied"){let re=setTimeout(()=>{j(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches?"idle":"copied-out")},Mu);return()=>clearTimeout(re)}if(L==="copied-out"){let re=setTimeout(()=>j("idle-in"),Za);return()=>clearTimeout(re)}if(L==="idle-in"){let re=setTimeout(()=>j("idle"),16);return()=>clearTimeout(re)}},[L]);let G=Ie[t],[be,Ee]=R(),[X,xe]=R(),A=$(0),[I,W]=R(Date.now);F(()=>{if(!p.length)return;let re=setInterval(()=>W(Date.now()),3e4);return()=>clearInterval(re)},[p.length]);let[_,O]=R("idle"),ee=e.permission==="direct"?Jd:ha,we=!l&&!!o,te=[...p].sort((re,Le)=>(Le.submittedAt??0)-(re.submittedAt??0)),Je=te.flatMap(Ho),q=new Set(h),He=async(re,Le)=>{if(!d)return;let me=zo(re,Le);k(!0),Ee(me),xe(void 0);try{await d(re,Le)}catch{A.current+=1,xe({key:me,pulse:A.current})}finally{k(!1),Ee(void 0)}};return v("div",{id:n,ref:y,role:o||a||d||u?"group":"tooltip","data-devtools":"peer-details","data-popmelt-font":"sans","data-popmelt-theme":t,style:{...Wo(t),flexWrap:d||u?"wrap":void 0,...r},children:[s("style",{children:`
|
|
49
|
+
`}),v("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",color:a.primary},children:[v("div",{style:{display:"flex",alignItems:"center",gap:4,fontWeight:600,letterSpacing:"-0.14px"},children:[s(ma,{size:16,"aria-hidden":"true"}),"History"]}),s("button",{type:"button","aria-label":"Close history",style:{...P,display:"flex",color:a.muted},onClick:r,children:s(fa,{size:16})})]}),v("label",{style:{display:"flex",alignItems:"center",gap:8},children:[s(ca,{size:14,"aria-hidden":"true",style:{flexShrink:0,color:a.muted}}),s("input",{type:"search","aria-label":"Search all threads",placeholder:"Search all threads",maxLength:500,value:l,onChange:L=>{d(L.target.value),u(0)},style:{width:"100%",minWidth:0,border:0,padding:0,background:"transparent",font:"inherit",color:a.primary}})]}),v("div",{"aria-busy":k,style:{overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column",gap:24},children:[[...H].map(([L,W])=>v("section",{"aria-label":L,style:{display:"flex",flexDirection:"column",gap:12},children:[s("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px"},children:L}),s("div",{style:{display:"flex",flexDirection:"column",gap:8},children:W.map(Z=>v("button",{type:"button",className:"popmelt-history-row",title:[Z.preview,Z.archived?"Dismissed":"",Z.previousWorkspace?"Previous workspace":""].filter(Boolean).join(" \xB7 "),onClick:()=>o(Z.id),onMouseEnter:()=>i?.(Z),onMouseLeave:()=>i?.(null),onFocus:()=>i?.(Z),onBlur:()=>i?.(null),style:{...P,color:void 0,...za},children:[v("span",{style:Ha,children:[s("span",{style:Oa,children:Z.preview}),s("time",{dateTime:new Date(Z.updatedAt).toISOString(),style:Da,children:Pa(Z.updatedAt,S)})]}),l.trim()&&Z.excerpt&&s("span",{style:{fontSize:12,color:a.secondary,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:Z.excerpt})]},Z.id))})]},L)),E?v("div",{role:"alert",children:[E," ",s("button",{type:"button",style:{...P,textDecoration:"underline"},onClick:()=>h(L=>L+1),children:"Retry"})]}):k?s("div",{role:"status",children:"Loading\u2026"}):f.length===0?s("div",{role:"status",children:l.trim()?"No matching threads.":"No conversations yet."}):null,y&&!k&&!E&&s("button",{type:"button",style:{...P,alignSelf:"flex-start",textDecoration:"underline"},onClick:()=>u(L=>L+10),children:"Show more"})]})]})}var Tr={direct:"Edit","approval-required":"Suggest",blocked:"Blocked"},Ao={direct:"Use all canvas tools. Send code changes without host approval.","approval-required":"Use all canvas tools. Code changes need host approval.",blocked:"Sending code changes is blocked by the host."},ja=["circle","square","diamond","hexagon"];function $o(e="circle",t=26){return{circle:19,square:17.5,diamond:20,hexagon:19}[e]*t/24}var Wa=e=>e.map((t,n)=>{let r=o=>{let i=Math.hypot(o[0]-t[0],o[1]-t[1]),a=Math.min(3,i/2)/i;return[t[0]+(o[0]-t[0])*a,t[1]+(o[1]-t[1])*a].join(" ")};return`${n?"L":"M"}${r(e[(n+e.length-1)%e.length])} Q${t.join(" ")} ${r(e[(n+1)%e.length])}`}).join(" ")+" Z",pu={diamond:Wa([[12,1],[23,12],[12,23],[1,12]]),hexagon:Wa([[12,2],[21,7],[21,17],[12,22],[3,17],[3,7]])};function nr({shape:e="circle",color:t,size:n=26,outline:r,style:o,...i}){return s("svg",{...i,"data-peer-shape":e,"aria-hidden":"true",width:n,height:n,viewBox:"0 0 24 24",style:{display:"block",flexShrink:0,overflow:"visible",pointerEvents:"none",...o},children:s("g",{fill:t,stroke:r??"none",strokeWidth:r?1.2:0,strokeLinejoin:"round",children:e==="circle"?s("circle",{cx:"12",cy:"12",r:"9.5"}):e==="square"?s("rect",{x:"3.25",y:"3.25",width:"17.5",height:"17.5",rx:"3"}):s("path",{d:pu[e]})})})}function Pn(e){return(e%360+360)%360}function Er(e){let t=e.match(/oklch\([^)]*\s+([\d.]+)\s*\)/i);if(!t?.[1])return null;let n=Number.parseFloat(t[1]);return Number.isFinite(n)?Pn(n):null}function Yt(e){return`oklch(${.628} ${.258} ${Pn(e)})`}function _a(e){let t=Er(e)??29;return Yt(t+60)}function No(e){return new Set(e.filter(t=>t.groupId&&t.threadId).map(t=>t.groupId))}function Ro(e,t){let n=!!(e.groupId&&t.has(e.groupId));return(e.status??"pending")==="pending"&&!e.threadId&&!n&&!(e.replyCount&&e.replyCount>0)}function fu(e,t,n){return e.threadId?`thread:${e.threadId}`:e.groupId&&n.has(e.groupId)?`thread-group:${e.groupId}`:e.groupId?`group:${e.groupId}`:e.id?`annotation:${e.id}`:`annotation-index:${t}`}function hu(e,t){let n=Math.abs(Pn(e)-Pn(t));return Math.min(n,360-n)<.5}function zn(e,t,n){let r=Er(e)??29,o=Math.round(360/60),i=No(t),a=t.flatMap((c,u)=>{if(!c.color)return[];if(n&&c.pathname&&c.pathname!==n)return[];if(Ro(c,i))return[];let p=Er(c.color);return p===null?[]:[{hue:p,key:fu(c,u,i)}]}),l=Yt(r),d=Number.POSITIVE_INFINITY;for(let c=0;c<o;c+=1){let u=Pn(r+c*60),p=new Set(a.filter(h=>hu(h.hue,u)).map(h=>h.key));if(p.size===0)return Yt(u);p.size<d&&(d=p.size,l=Yt(u))}return l}function mu(e,t){let n=No(e);return e.map(r=>Ro(r,n)?{...r,color:t}:r)}function gu(e){let t=new Set(e.annotationIds),n={color:e.color,threadId:e.threadId,pathname:e.pathname},r=e.annotations.map(o=>o.id&&t.has(o.id)?{...o,color:e.color,threadId:e.threadId}:o);return r.push(n),zn(_a(e.color),r,e.pathname)}function yu(e,t){return e.find(n=>n.color)?.color??t}function bu(e){let t=[...e.annotations].sort((i,a)=>a.timestamp-i.timestamp),n=No(e.annotations),r=t.find(i=>Ro(i,n)&&!!i.color);if(r?.color)return zn(r.color,e.annotations,e.currentPathname);if(e.savedCursor)return zn(e.savedCursor,e.annotations,e.currentPathname);let o=t.find(i=>!!(i.threadId&&i.color));return o?.color?zn(_a(o.color),e.annotations,e.currentPathname):zn(Yt(29),e.annotations,e.currentPathname)}var rr=[210,150,270,90,330,30].map(e=>Pn(29+e)),Po=[.68,.5,.82,.59,.75,.43];function vu(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");return ja[([0,2,3,0,1,1][e%6]+Math.floor(e/6))%4]}function Xt(e){if(e.identity?.relationship==="host")return"circle";if(e.shape&&ja.includes(e.shape))return e.shape;let t=/^oklch\(([\d.]+) ([\d.]+) ([\d.]+)\)$/.exec(e.color??"");if(t){let n=Po.indexOf(Number(t[1])),r=rr.indexOf(Number(t[3])),o=Math.round((.14/Number(t[2])-1)*4),i=(o*Po.length+n)*rr.length+r;if(n>=0&&r>=0&&o>=0&&Number.isSafeInteger(i)&&Ba(i)===e.color)return vu(i)}return"circle"}function Ba(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");let t=Math.floor(e/rr.length),n=Po,r=n[t%n.length],o=.14/(1+Math.floor(t/n.length)*.25);return`oklch(${r} ${o} ${rr[e%rr.length]})`}function xu(e,t,n){return e?.identity.relationship==="host"?e.identity.id===t?n:e.color??bo.activeColor:e?.color??Ba(0)}function Fa(e){return e.reduce((t,n)=>t+$o(Xt(n)),0)-Math.max(0,e.length-1)*4.5}function wu({peers:e,viewedPeerId:t,selectedPeerId:n=t,onPreview:r,onPeek:o,onPeekEnd:i,theme:a="dark",detailsPeerId:l,detailsId:d,onDetailsEnter:c,onDetailsLeave:u,onDetailsDismiss:p}){let h=Ie[a],f=a==="light"?"#ffffff":"#000000",g=l??t,y=Kn(),C=$(null),k=$({onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i});k.current={onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i};let w=$(null),E=()=>{w.current!==null&&cancelAnimationFrame(w.current),w.current=null},M=e.length>0;return F(()=>{let S=C.current;if(!S)return;let T=N=>{if(N.pointerType==="touch")return;let H=N.target instanceof Element?N.target.closest("button[data-peer-id]"):null;if(!H||!S.contains(H)||N.relatedTarget instanceof Node&&H.contains(N.relatedTarget))return;let P=H.dataset.peerId;N.type==="pointerover"?(E(),Oc(()=>k.current.onDetailsEnter?.(P,"pointer")),k.current.onPeek&&(w.current=requestAnimationFrame(()=>{w.current=requestAnimationFrame(()=>{w.current=null,k.current.onPeek?.(P)})}))):(E(),k.current.onPeekEnd?.(P),k.current.onDetailsLeave?.(P,N.relatedTarget))};return S.addEventListener("pointerover",T),S.addEventListener("pointerout",T),S.addEventListener("pointercancel",T),()=>{E(),S.removeEventListener("pointerover",T),S.removeEventListener("pointerout",T),S.removeEventListener("pointercancel",T)}},[M]),e.length?s("ul",{ref:C,"aria-label":"Canvas peers","data-devtools":"peer-chip-stack",style:{display:"flex",alignItems:"center",isolation:"isolate",flexShrink:0,margin:0,padding:0,listStyle:"none"},children:e.map(({identity:S,permission:T,color:N=h.secondary,shape:H,unseenActivity:P},L)=>v("li",{style:{display:"flex",position:"relative",zIndex:e.length-L,marginRight:L===e.length-1?0:-4.5},children:[v("button",{type:"button","aria-pressed":n===S.id,"aria-label":`Preview ${S.name}'s plane \u2014 ${Tr[T]}${P?" \u2014 New activity":""}`,title:c?void 0:`${S.name} \xB7 ${Tr[T]}: ${Ao[T]}`,"aria-describedby":[`${y}-${L}`,l===S.id?d:void 0].filter(Boolean).join(" "),"data-peer-id":S.id,onClick:()=>{E(),r(S.id)},onFocus:()=>c?.(S.id,"focus"),onBlur:W=>u?.(S.id,W.relatedTarget),onKeyDown:W=>{W.key==="Escape"&&(E(),i?.(S.id)),!(W.key!=="Escape"||l!==S.id)&&(W.preventDefault(),W.stopPropagation(),p?.(S.id))},style:{display:"flex",position:"relative",alignItems:"center",width:$o(Xt({identity:S,color:N,shape:H})),height:22,boxSizing:"border-box",border:0,padding:0,background:"transparent",cursor:"pointer",outlineOffset:2},children:[s(nr,{shape:Xt({identity:S,color:N,shape:H}),color:g===S.id?N:`color-mix(in srgb, ${N} 20%, ${h.surface})`,outline:n===S.id?f:h.surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),P&&s("span",{"data-devtools":"peer-activity-dot","aria-hidden":"true",style:{position:"absolute",top:-1,right:-2,width:9,height:9,borderRadius:"50%",background:h.primary,border:`1px solid ${h.surface}`,pointerEvents:"none"}})]}),s("span",{id:`${y}-${L}`,hidden:!0,children:Ao[T]})]},S.id))}):null}function zo(e,t){return JSON.stringify([e,t??null])}function Ho(e){return(e.annotations?.length?e.annotations:[{id:void 0,label:"Submitted changes"}]).map(t=>({submission:e,annotation:t,key:zo(e.id,t.id)}))}function Cu(e,t){return e.filter(n=>n.threadId===t).flatMap(n=>Ho(n).map(r=>r.key))}function ku(e,t){let n=[],r=()=>{try{let i=JSON.parse(e.getItem(t)??"[]");Array.isArray(i)&&(n=[...new Set([...i.filter(a=>typeof a=="string"),...n])].slice(-1e3))}catch{}return n},o=i=>{let a=r(),l=i.filter(c=>!a.includes(c));if(!l.length)return a;let d=[...new Set([...a,...l])].slice(-1e3);n=d;try{e.setItem(t,JSON.stringify(d))}catch{}return d};return{read:r,markMany:o,mark:i=>o([i])}}function Va({at:e,theme:t,label:n}){let[r,o]=R(Date.now);if(F(()=>{let l=setInterval(()=>o(Date.now()),1e3);return()=>clearInterval(l)},[]),!Number.isFinite(e)||e<=0)return null;let i=Math.max(0,Math.floor((r-e)/1e3)),a=i<60?`${i}s ago`:i<3600?`${Math.floor(i/60)}m ago`:`${Math.floor(i/3600)}h ago`;return s("span",{"data-devtools":"activity-age",title:`${n}: ${new Date(e).toLocaleString()}`,"aria-label":`${n}: ${a}`,style:{background:Ie[t].control,borderRadius:6,padding:"0 3px",fontSize:12,fontWeight:400,color:Ie[t].mutedStrong,whiteSpace:"nowrap",flexShrink:0},children:a})}var Kt={gap:16,padding:12,radius:20,width:360,viewportGutter:32,identitySize:24},Hn={gap:6,padding:"4px 8px",radius:8,iconSize:12},Lr={gap:3,padding:"2px 6px",radius:8},bn={gap:3,padding:"3px 9px 3px 6px",radius:8,iconSize:10},Gt=bn,or={size:21,padding:3,radius:8,iconSize:15},Oo={padding:"0 4px",height:18,radius:6},Qa={fontFamily:St,fontSize:12,fontWeight:500,lineHeight:1.3};function Do(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Lr.gap,padding:Lr.padding,borderRadius:Lr.radius,border:0,flexShrink:0,background:Ie[e].control,color:Ie[e].primary,...Qa,whiteSpace:"nowrap",cursor:"pointer",transition:"box-shadow 120ms ease"}}var Su=Od("HandPeace",[["path",{d:"M7 12 5.1 4.9a1.75 1.75 0 0 1 3.4-.8L11 11l2.5-8a1.75 1.75 0 0 1 3.35 1.05L15 11",key:"raised-fingers"}],["path",{d:"M15 14v-3a1.75 1.75 0 0 1 3.5 0v3a1.75 1.75 0 0 1-3.5 0Z",key:"folded-ring-finger"}],["path",{d:"M18.5 13a1.75 1.75 0 0 1 3.5 0v2a1.75 1.75 0 0 1-3.5 0Z",key:"folded-pinky"}],["path",{d:"M22 15v1a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6v-1",key:"palm"}],["path",{d:"M6 15v-1.3a1.75 1.75 0 0 1 2.6-1.5l4 2.3a1.75 1.75 0 0 1-1.75 3.03l-.65-.37",key:"folded-thumb"}]]),Za=120,Iu=180,Mu=2e3;function jo(e){let t=Ie[e];return{display:"flex",alignItems:"center",gap:Kt.gap,width:Kt.width,maxWidth:`calc(100vw - ${Kt.viewportGutter}px)`,boxSizing:"border-box",border:`1px solid ${t.border}`,borderRadius:Kt.radius,padding:Kt.padding,background:t.surface,color:t.primary,backdropFilter:"blur(59.5px)",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.01em"}}function Tu({peer:e,theme:t,id:n,style:r,onPermissionChange:o,onRevokeAccess:i,onInvite:a,isOwn:l=!1,onFocusSuggestion:d,onHoverSuggestion:c,onSharePreview:u,pendingSubmissions:p=[],viewedSuggestionKeys:h=[],showUnreadSuggestions:f=!0}){let g=$(c);g.current=c;let y=$(null);F(()=>{let re=y.current;if(!re)return;let Le=g.current,me=Ce=>{if(Ce.pointerType==="touch")return;let fe=Ce.target instanceof Element?Ce.target.closest('[data-devtools="peer-review-sent"]'):null;!fe||!re.contains(fe)||Ce.relatedTarget instanceof Node&&fe.contains(Ce.relatedTarget)||g.current?.(Ce.type==="pointerover"?fe.dataset.annotationId??null:null)};return re.addEventListener("pointerover",me),re.addEventListener("pointerout",me),re.addEventListener("pointercancel",me),()=>{re.removeEventListener("pointerover",me),re.removeEventListener("pointerout",me),re.removeEventListener("pointercancel",me),Le?.(null)}},[e.identity.id]);let[C,k]=R(!1),[w,E]=R(),[M,S]=R(),T=$(0),N=$(null),H=$(!1);qe(()=>{!C&&H.current&&(H.current=!1,N.current?.focus({preventScroll:!0}))},[C,e.identity.id]);let P=async(re,Le)=>{k(!0),E(re),S(void 0);try{await Le()||(T.current+=1,S({target:re,pulse:T.current}))}catch{T.current+=1,S({target:re,pulse:T.current})}finally{k(!1),E(void 0)}},[L,W]=R("idle"),[Z,ae]=R(),pe=$(0),le=$(null),[J,ye]=R();qe(()=>{if(!le.current)return;let re=!0,Le=()=>{if(!re||!le.current)return;let me=getComputedStyle(le.current),Ce=document.createElement("span");Object.assign(Ce.style,{position:"fixed",visibility:"hidden",pointerEvents:"none",whiteSpace:"nowrap",fontFamily:me.fontFamily,fontSize:me.fontSize,fontWeight:me.fontWeight,lineHeight:me.lineHeight}),document.body.append(Ce);let fe=Number.parseFloat(me.paddingLeft)+Number.parseFloat(me.paddingRight)+Gt.iconSize+Gt.gap,st=Ht=>(Ce.textContent=Ht,Math.ceil(fe+Ce.getBoundingClientRect().width)),Mt={idle:st("Invite"),busy:st("Copying\u2026"),copied:st("Copied")};Ce.remove(),Object.values(Mt).every(Ht=>Ht>fe)&&ye(Mt)};return Le(),document.fonts?.ready.then(Le),()=>{re=!1}},[t,l,a]),F(()=>{if(L==="copied"){let re=setTimeout(()=>{W(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches?"idle":"copied-out")},Mu);return()=>clearTimeout(re)}if(L==="copied-out"){let re=setTimeout(()=>W("idle-in"),Za);return()=>clearTimeout(re)}if(L==="idle-in"){let re=setTimeout(()=>W("idle"),16);return()=>clearTimeout(re)}},[L]);let G=Ie[t],[be,Ee]=R(),[X,xe]=R(),A=$(0),[I,j]=R(Date.now);F(()=>{if(!p.length)return;let re=setInterval(()=>j(Date.now()),3e4);return()=>clearInterval(re)},[p.length]);let[_,O]=R("idle"),ee=e.permission==="direct"?Jd:ha,we=!l&&!!o,te=[...p].sort((re,Le)=>(Le.submittedAt??0)-(re.submittedAt??0)),Je=te.flatMap(Ho),q=new Set(h),He=async(re,Le)=>{if(!d)return;let me=zo(re,Le);k(!0),Ee(me),xe(void 0);try{await d(re,Le)}catch{A.current+=1,xe({key:me,pulse:A.current})}finally{k(!1),Ee(void 0)}};return v("div",{id:n,ref:y,role:o||a||d||u?"group":"tooltip","data-devtools":"peer-details","data-popmelt-font":"sans","data-popmelt-theme":t,style:{...jo(t),flexWrap:d||u?"wrap":void 0,...r},children:[s("style",{children:`
|
|
50
50
|
[data-devtools="peer-revoke"] { color: ${G.secondary}; }
|
|
51
51
|
[data-devtools="peer-revoke"]:not(:disabled):is(:hover, :focus-visible) { color: ${G.primary}; }
|
|
52
52
|
[data-devtools="peer-revoke-label"] {
|
|
@@ -94,7 +94,7 @@ ${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"
|
|
|
94
94
|
[data-popmelt-peer-action-rejection] { animation: none !important; }
|
|
95
95
|
[data-popmelt-peer-action-spinner] { animation: none !important; }
|
|
96
96
|
}
|
|
97
|
-
`}),v("div",{style:{display:"flex",alignItems:"center",gap:6,flex:"1 1 auto",minWidth:0},children:[s(nr,{shape:Xt(e),color:e.color??G.secondary,size:Kt.identitySize}),v("span",{style:{minWidth:0},children:[v("span",{style:{display:"flex",alignItems:"center",gap:6,minWidth:0},children:[s("span",{"data-devtools":"peer-name",style:{display:"block",fontWeight:600,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.identity.name}),!l&&e.lastActivityAt!==void 0&&s(Va,{at:e.lastActivityAt,theme:t,label:"Last plane activity"})]}),e.stagedCount!==void 0&&v("span",{"data-devtools":"peer-staged-count",style:{display:"block",fontSize:12,color:G.secondary,marginTop:3,whiteSpace:"nowrap"},children:[e.stagedCount," staged"," ",e.stagedCount===1?"change":"changes"]})]})]}),l&&a&&s("button",{ref:le,type:"button","data-devtools":"peer-invite",disabled:L==="busy","aria-live":"polite","aria-label":Z===void 0?void 0:"Invitation copy failed; try again","data-popmelt-peer-action-rejection":Z===void 0?void 0:Z%2?"odd":"even",onClick:async()=>{ae(void 0),j("busy");try{await a(),j("copied")}catch{pe.current+=1,j("idle"),ae(pe.current)}},style:{...Do(t),width:J?J[L==="busy"?"busy":L==="copied"||L==="copied-out"?"copied":"idle"]:void 0,boxSizing:"border-box",overflow:"hidden",gap:Gt.gap,padding:Gt.padding,borderRadius:Gt.radius,letterSpacing:"-0.01em",transition:`box-shadow 120ms ease, width ${Iu}ms ease`,color:L==="busy"?G.muted:G.primary,cursor:L==="busy"?"default":"pointer"},children:v("span",{"data-popmelt-peer-invite-content":!0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"inherit",opacity:L==="copied-out"||L==="idle-in"?0:1,transition:`opacity ${Za}ms ease`},children:[L==="busy"?s(er,{"data-popmelt-peer-action-spinner":!0,size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):L==="copied"||L==="copied-out"?s(Gn,{size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):s(Yd,{size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),L==="busy"?"Copying\u2026":L==="copied"||L==="copied-out"?"Copied":"Invite"]})}),(!l||e.identity.relationship!=="host")&&v("div",{style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},children:[v("button",{"data-devtools":"peer-permission",type:"button",disabled:!we||C||e.permission==="blocked","aria-label":we?M?.target==="permission"?"Permission update failed; try again":`${Tr[e.permission]} permissions; switch to ${e.permission==="direct"?"Suggest":"Edit"}`:void 0,"data-popmelt-peer-action-rejection":M?.target==="permission"?M.pulse%2?"odd":"even":void 0,onClick:()=>we&&o&&void P("permission",()=>o(e.permission==="direct"?"approval-required":"direct")),style:{...Do(t),gap:bn.gap,padding:bn.padding,borderRadius:bn.radius,letterSpacing:"-0.01em",transition:"box-shadow 120ms ease, opacity 120ms ease",color:C?G.muted:G.primary,cursor:!we||C?"default":"pointer"},children:[w==="permission"?s(er,{"data-popmelt-peer-action-spinner":!0,size:bn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):s(ee,{size:bn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),Tr[e.permission]]}),!l&&i&&e.identity.relationship!=="host"&&v("button",{type:"button","data-devtools":"peer-revoke",ref:N,"aria-label":M?.target==="revoke"?`Could not remove ${e.identity.name}; try again`:`Remove ${e.identity.name} from session`,"data-popmelt-peer-action-rejection":M?.target==="revoke"?M.pulse%2?"odd":"even":void 0,disabled:C,onClick:()=>{H.current=!0,P("revoke",i)},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",width:or.size,height:or.size,padding:or.padding,borderRadius:or.radius,border:0,background:"transparent",flexShrink:0,fontFamily:St,fontSize:12,fontWeight:500,lineHeight:1.3,cursor:C?"default":"pointer"},children:[s("span",{"data-devtools":"peer-revoke-label","aria-hidden":"true",style:{position:"absolute",right:18,top:"50%",transform:"translateY(-50%)"},children:s("span",{style:{display:"block",paddingRight:3,whiteSpace:"nowrap"},children:"Remove?"})}),s(Su,{size:or.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]}),u&&v("div",{style:{flexBasis:"100%"},children:[s("button",{type:"button",disabled:_==="busy",onClick:async()=>{O("busy");try{await u(),O("shared")}catch{O("error")}},style:{width:"100%",padding:"8px 12px",border:`1px solid ${G.border}`,borderRadius:Lr.radius,background:"transparent",color:G.primary,font:"inherit",cursor:"pointer"},children:_==="busy"?"Requesting preview\u2026":_==="shared"?"Share my plane again":"Share my plane"}),_==="error"&&s("div",{role:"status",style:{fontSize:12,marginTop:6},children:"Preview unavailable. Your draft still works; sharing requires a supported browser and permission."})]}),d&&te.length>0&&v("section",{"aria-label":"Suggestions awaiting review","data-devtools":"peer-review-list",style:{flexBasis:"100%",minWidth:0,display:"flex",flexDirection:"column",gap:12},children:[s("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px",color:G.secondary},children:"Awaiting review"}),s("div",{style:{display:"flex",flexDirection:"column",gap:8,maxHeight:216,overflowY:"auto",overflowX:"hidden",padding:"0 4px",margin:"0 -4px"},children:Je.map(({submission:re,annotation:Le,key:me})=>{let Ce=f&&!q.has(me);return s("button",{type:"button",className:"popmelt-history-row","data-devtools":"peer-review-sent","data-submission-id":re.id,"data-annotation-id":Le.id,"data-unread":Ce?"true":void 0,disabled:C,"aria-label":`${Ce?"New: ":""}View ${Le.label} on the peer plane`,"aria-busy":be===me,"data-popmelt-peer-action-rejection":X?.key===me?X.pulse%2?"odd":"even":void 0,onClick:()=>{He(re.id,Le.id)},onFocus:()=>c?.(Le.id??null),onBlur:()=>c?.(null),style:{border:0,padding:0,background:"transparent",font:"inherit",cursor:C?"default":"pointer",...za},children:v("span",{style:Ha,children:[s("span",{"aria-hidden":"true",style:{width:6,flexShrink:0,alignSelf:"center",marginRight:-12},children:Ce&&s("span",{"data-devtools":"peer-review-unread-dot",style:{display:"block",width:6,height:6,borderRadius:"50%",background:e.color??G.secondary}})}),s("span",{style:Oa,children:Le.label}),re.submittedAt!==void 0&&s("time",{dateTime:new Date(re.submittedAt).toISOString(),style:Da,children:Pa(re.submittedAt,I)})]})},me)})})]})]})}var qa=e=>e instanceof Element?e.closest("[data-admission-request-id]")?.getAttribute("data-admission-request-id")??null:null;function Eu(e,t,n){let r=$(e);r.current=e,qe(()=>{let o=n?.current??window,i=null,a=!1,l=u=>{u.pointerType!=="touch"&&(i=u.type==="pointerover"?u.composedPath().map(qa).find(Boolean)??null:qa(u.relatedTarget))},d=u=>{if(!(u.code!=="Space"&&u.key!==" ")&&!(!a&&(u.type!=="keydown"||u.defaultPrevented||u.repeat||u.isComposing||u.metaKey||u.ctrlKey||u.altKey||u.shiftKey||!i||i!==r.current||!t.current?.isConnected||u.composedPath().some(p=>p instanceof Element&&(p.matches('input, textarea, select, [role="textbox"], [role="menuitem"], [data-admission-reject]')||p instanceof HTMLElement&&p.isContentEditable))))){if(u.preventDefault(),u.stopImmediatePropagation(),u.type==="keyup"){a=!1;return}a||(a=!0,t.current?.click())}},c=()=>{i=null,a=!1};return o.addEventListener("pointerover",l,!0),o.addEventListener("pointerout",l,!0),window.addEventListener("keydown",d,!0),window.addEventListener("keyup",d,!0),window.addEventListener("blur",c),()=>{o.removeEventListener("pointerover",l,!0),o.removeEventListener("pointerout",l,!0),window.removeEventListener("keydown",d,!0),window.removeEventListener("keyup",d,!0),window.removeEventListener("blur",c)}},[t,n])}var Ua=260,jo=120;function Ja(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:Oo.padding,height:Oo.height,borderRadius:Oo.radius,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:400,background:Ie[e].control,color:Ie[e].primary}}function Ya(e){return Wo(e)}function _o(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Hn.gap,padding:Hn.padding,borderRadius:Hn.radius,border:0,background:"transparent",color:Ie[e].primary,font:"inherit",fontWeight:500,cursor:"pointer",whiteSpace:"nowrap",flexShrink:0}}function Lu({request:e,selected:t,dimmed:n=!1,onClick:r,theme:o,detailsId:i,onDetailsEnter:a,onDetailsLeave:l,onDetailsDismiss:d,onHoverChange:c}){let u=$(null);return F(()=>{let p=u.current;if(!p)return;let h=f=>{if(f.pointerType==="touch"||f.relatedTarget instanceof Node&&p.contains(f.relatedTarget))return;let g=f.type==="pointerover";c?.(g),g?a?.("pointer"):l?.(f.relatedTarget)};return p.addEventListener("pointerover",h),p.addEventListener("pointerout",h),p.addEventListener("pointercancel",h),()=>{p.removeEventListener("pointerover",h),p.removeEventListener("pointerout",h),p.removeEventListener("pointercancel",h)}},[a,l,c]),v("button",{ref:u,type:"button","data-devtools":"admission-chip","data-admission-request-id":e.id,"aria-label":`Access request from ${e.name}`,"aria-expanded":t,"aria-controls":t?i:void 0,onFocus:()=>a?.("focus"),onBlur:p=>l?.(p.relatedTarget),onKeyDown:p=>{p.key!=="Escape"||!t||(p.preventDefault(),p.stopPropagation(),d?.())},onClick:r,style:{width:$o(Xt(e)),height:22,boxSizing:"border-box",padding:0,flexShrink:0,position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",background:"transparent",color:n?`color-mix(in srgb, #fff 20%, ${Ie[o].surface})`:"#fff",cursor:"pointer",border:0},children:[s(nr,{shape:Xt(e),color:n&&e.color?`color-mix(in srgb, ${e.color} 20%, ${Ie[o].surface})`:e.color??"transparent",outline:t?Ie[o].primary:Ie[o].surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),s(lc,{size:12,style:{width:12,height:12,position:"relative",flexShrink:0,pointerEvents:"none"},"aria-hidden":"true","data-popmelt-admission-wave":!0})]})}function Au({id:e,request:t,theme:n,onDecide:r,style:o,grantRef:i}){let[a,l]=R(!1),[d,c]=R(),u=$(0),p=$(!1),h=async f=>{if(!p.current){p.current=!0,l(!0),c(void 0);try{await r(t.id,f)}catch{u.current+=1,c({target:f,pulse:u.current})}finally{p.current=!1,l(!1)}}};return v("div",{id:e,role:"group","aria-label":`${t.name}'s access request`,"data-devtools":"admission-card","data-popmelt-font":"sans","data-popmelt-theme":n,style:{...Ya(n),...o},children:[s("style",{children:`
|
|
97
|
+
`}),v("div",{style:{display:"flex",alignItems:"center",gap:6,flex:"1 1 auto",minWidth:0},children:[s(nr,{shape:Xt(e),color:e.color??G.secondary,size:Kt.identitySize}),v("span",{style:{minWidth:0},children:[v("span",{style:{display:"flex",alignItems:"center",gap:6,minWidth:0},children:[s("span",{"data-devtools":"peer-name",style:{display:"block",fontWeight:600,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.identity.name}),!l&&e.lastActivityAt!==void 0&&s(Va,{at:e.lastActivityAt,theme:t,label:"Last plane activity"})]}),e.stagedCount!==void 0&&v("span",{"data-devtools":"peer-staged-count",style:{display:"block",fontSize:12,color:G.secondary,marginTop:3,whiteSpace:"nowrap"},children:[e.stagedCount," staged"," ",e.stagedCount===1?"change":"changes"]})]})]}),l&&a&&s("button",{ref:le,type:"button","data-devtools":"peer-invite",disabled:L==="busy","aria-live":"polite","aria-label":Z===void 0?void 0:"Invitation copy failed; try again","data-popmelt-peer-action-rejection":Z===void 0?void 0:Z%2?"odd":"even",onClick:async()=>{ae(void 0),W("busy");try{await a(),W("copied")}catch{pe.current+=1,W("idle"),ae(pe.current)}},style:{...Do(t),width:J?J[L==="busy"?"busy":L==="copied"||L==="copied-out"?"copied":"idle"]:void 0,boxSizing:"border-box",overflow:"hidden",gap:Gt.gap,padding:Gt.padding,borderRadius:Gt.radius,letterSpacing:"-0.01em",transition:`box-shadow 120ms ease, width ${Iu}ms ease`,color:L==="busy"?G.muted:G.primary,cursor:L==="busy"?"default":"pointer"},children:v("span",{"data-popmelt-peer-invite-content":!0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"inherit",opacity:L==="copied-out"||L==="idle-in"?0:1,transition:`opacity ${Za}ms ease`},children:[L==="busy"?s(er,{"data-popmelt-peer-action-spinner":!0,size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):L==="copied"||L==="copied-out"?s(Gn,{size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):s(Yd,{size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),L==="busy"?"Copying\u2026":L==="copied"||L==="copied-out"?"Copied":"Invite"]})}),(!l||e.identity.relationship!=="host")&&v("div",{style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},children:[v("button",{"data-devtools":"peer-permission",type:"button",disabled:!we||C||e.permission==="blocked","aria-label":we?M?.target==="permission"?"Permission update failed; try again":`${Tr[e.permission]} permissions; switch to ${e.permission==="direct"?"Suggest":"Edit"}`:void 0,"data-popmelt-peer-action-rejection":M?.target==="permission"?M.pulse%2?"odd":"even":void 0,onClick:()=>we&&o&&void P("permission",()=>o(e.permission==="direct"?"approval-required":"direct")),style:{...Do(t),gap:bn.gap,padding:bn.padding,borderRadius:bn.radius,letterSpacing:"-0.01em",transition:"box-shadow 120ms ease, opacity 120ms ease",color:C?G.muted:G.primary,cursor:!we||C?"default":"pointer"},children:[w==="permission"?s(er,{"data-popmelt-peer-action-spinner":!0,size:bn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):s(ee,{size:bn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),Tr[e.permission]]}),!l&&i&&e.identity.relationship!=="host"&&v("button",{type:"button","data-devtools":"peer-revoke",ref:N,"aria-label":M?.target==="revoke"?`Could not remove ${e.identity.name}; try again`:`Remove ${e.identity.name} from session`,"data-popmelt-peer-action-rejection":M?.target==="revoke"?M.pulse%2?"odd":"even":void 0,disabled:C,onClick:()=>{H.current=!0,P("revoke",i)},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",width:or.size,height:or.size,padding:or.padding,borderRadius:or.radius,border:0,background:"transparent",flexShrink:0,fontFamily:St,fontSize:12,fontWeight:500,lineHeight:1.3,cursor:C?"default":"pointer"},children:[s("span",{"data-devtools":"peer-revoke-label","aria-hidden":"true",style:{position:"absolute",right:18,top:"50%",transform:"translateY(-50%)"},children:s("span",{style:{display:"block",paddingRight:3,whiteSpace:"nowrap"},children:"Remove?"})}),s(Su,{size:or.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]}),u&&v("div",{style:{flexBasis:"100%"},children:[s("button",{type:"button",disabled:_==="busy",onClick:async()=>{O("busy");try{await u(),O("shared")}catch{O("error")}},style:{width:"100%",padding:"8px 12px",border:`1px solid ${G.border}`,borderRadius:Lr.radius,background:"transparent",color:G.primary,font:"inherit",cursor:"pointer"},children:_==="busy"?"Requesting preview\u2026":_==="shared"?"Share my plane again":"Share my plane"}),_==="error"&&s("div",{role:"status",style:{fontSize:12,marginTop:6},children:"Preview unavailable. Your draft still works; sharing requires a supported browser and permission."})]}),d&&te.length>0&&v("section",{"aria-label":"Suggestions awaiting review","data-devtools":"peer-review-list",style:{flexBasis:"100%",minWidth:0,display:"flex",flexDirection:"column",gap:12},children:[s("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px",color:G.secondary},children:"Awaiting review"}),s("div",{style:{display:"flex",flexDirection:"column",gap:8,maxHeight:216,overflowY:"auto",overflowX:"hidden",padding:"0 4px",margin:"0 -4px"},children:Je.map(({submission:re,annotation:Le,key:me})=>{let Ce=f&&!q.has(me);return s("button",{type:"button",className:"popmelt-history-row","data-devtools":"peer-review-sent","data-submission-id":re.id,"data-annotation-id":Le.id,"data-unread":Ce?"true":void 0,disabled:C,"aria-label":`${Ce?"New: ":""}View ${Le.label} on the peer plane`,"aria-busy":be===me,"data-popmelt-peer-action-rejection":X?.key===me?X.pulse%2?"odd":"even":void 0,onClick:()=>{He(re.id,Le.id)},onFocus:()=>c?.(Le.id??null),onBlur:()=>c?.(null),style:{border:0,padding:0,background:"transparent",font:"inherit",cursor:C?"default":"pointer",...za},children:v("span",{style:Ha,children:[s("span",{"aria-hidden":"true",style:{width:6,flexShrink:0,alignSelf:"center",marginRight:-12},children:Ce&&s("span",{"data-devtools":"peer-review-unread-dot",style:{display:"block",width:6,height:6,borderRadius:"50%",background:e.color??G.secondary}})}),s("span",{style:Oa,children:Le.label}),re.submittedAt!==void 0&&s("time",{dateTime:new Date(re.submittedAt).toISOString(),style:Da,children:Pa(re.submittedAt,I)})]})},me)})})]})]})}var qa=e=>e instanceof Element?e.closest("[data-admission-request-id]")?.getAttribute("data-admission-request-id")??null:null;function Eu(e,t,n){let r=$(e);r.current=e,qe(()=>{let o=n?.current??window,i=null,a=!1,l=u=>{u.pointerType!=="touch"&&(i=u.type==="pointerover"?u.composedPath().map(qa).find(Boolean)??null:qa(u.relatedTarget))},d=u=>{if(!(u.code!=="Space"&&u.key!==" ")&&!(!a&&(u.type!=="keydown"||u.defaultPrevented||u.repeat||u.isComposing||u.metaKey||u.ctrlKey||u.altKey||u.shiftKey||!i||i!==r.current||!t.current?.isConnected||u.composedPath().some(p=>p instanceof Element&&(p.matches('input, textarea, select, [role="textbox"], [role="menuitem"], [data-admission-reject]')||p instanceof HTMLElement&&p.isContentEditable))))){if(u.preventDefault(),u.stopImmediatePropagation(),u.type==="keyup"){a=!1;return}a||(a=!0,t.current?.click())}},c=()=>{i=null,a=!1};return o.addEventListener("pointerover",l,!0),o.addEventListener("pointerout",l,!0),window.addEventListener("keydown",d,!0),window.addEventListener("keyup",d,!0),window.addEventListener("blur",c),()=>{o.removeEventListener("pointerover",l,!0),o.removeEventListener("pointerout",l,!0),window.removeEventListener("keydown",d,!0),window.removeEventListener("keyup",d,!0),window.removeEventListener("blur",c)}},[t,n])}var Ua=260,Wo=120;function Ja(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:Oo.padding,height:Oo.height,borderRadius:Oo.radius,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:400,background:Ie[e].control,color:Ie[e].primary}}function Ya(e){return jo(e)}function _o(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Hn.gap,padding:Hn.padding,borderRadius:Hn.radius,border:0,background:"transparent",color:Ie[e].primary,font:"inherit",fontWeight:500,cursor:"pointer",whiteSpace:"nowrap",flexShrink:0}}function Lu({request:e,selected:t,dimmed:n=!1,onClick:r,theme:o,detailsId:i,onDetailsEnter:a,onDetailsLeave:l,onDetailsDismiss:d,onHoverChange:c}){let u=$(null);return F(()=>{let p=u.current;if(!p)return;let h=f=>{if(f.pointerType==="touch"||f.relatedTarget instanceof Node&&p.contains(f.relatedTarget))return;let g=f.type==="pointerover";c?.(g),g?a?.("pointer"):l?.(f.relatedTarget)};return p.addEventListener("pointerover",h),p.addEventListener("pointerout",h),p.addEventListener("pointercancel",h),()=>{p.removeEventListener("pointerover",h),p.removeEventListener("pointerout",h),p.removeEventListener("pointercancel",h)}},[a,l,c]),v("button",{ref:u,type:"button","data-devtools":"admission-chip","data-admission-request-id":e.id,"aria-label":`Access request from ${e.name}`,"aria-expanded":t,"aria-controls":t?i:void 0,onFocus:()=>a?.("focus"),onBlur:p=>l?.(p.relatedTarget),onKeyDown:p=>{p.key!=="Escape"||!t||(p.preventDefault(),p.stopPropagation(),d?.())},onClick:r,style:{width:$o(Xt(e)),height:22,boxSizing:"border-box",padding:0,flexShrink:0,position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",background:"transparent",color:n?`color-mix(in srgb, #fff 20%, ${Ie[o].surface})`:"#fff",cursor:"pointer",border:0},children:[s(nr,{shape:Xt(e),color:n&&e.color?`color-mix(in srgb, ${e.color} 20%, ${Ie[o].surface})`:e.color??"transparent",outline:t?Ie[o].primary:Ie[o].surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),s(lc,{size:12,style:{width:12,height:12,position:"relative",flexShrink:0,pointerEvents:"none"},"aria-hidden":"true","data-popmelt-admission-wave":!0})]})}function Au({id:e,request:t,theme:n,onDecide:r,style:o,grantRef:i}){let[a,l]=R(!1),[d,c]=R(),u=$(0),p=$(!1),h=async f=>{if(!p.current){p.current=!0,l(!0),c(void 0);try{await r(t.id,f)}catch{u.current+=1,c({target:f,pulse:u.current})}finally{p.current=!1,l(!1)}}};return v("div",{id:e,role:"group","aria-label":`${t.name}'s access request`,"data-devtools":"admission-card","data-popmelt-font":"sans","data-popmelt-theme":n,style:{...Ya(n),...o},children:[s("style",{children:`
|
|
98
98
|
[data-devtools="admission-card"][data-popmelt-theme="${n}"] [data-admission-reject] {
|
|
99
99
|
color: ${Ie[n].mutedStrong};
|
|
100
100
|
transition: color 120ms ease;
|
|
@@ -103,13 +103,13 @@ ${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"
|
|
|
103
103
|
color: ${Ie[n].primary};
|
|
104
104
|
}
|
|
105
105
|
[data-admission-invite] {
|
|
106
|
-
transition: opacity ${
|
|
106
|
+
transition: opacity ${Wo}ms ease;
|
|
107
107
|
}
|
|
108
108
|
[data-admission-reject-label] {
|
|
109
109
|
max-width: 0;
|
|
110
110
|
opacity: 0;
|
|
111
111
|
overflow: hidden;
|
|
112
|
-
transition: max-width 160ms ease, opacity ${
|
|
112
|
+
transition: max-width 160ms ease, opacity ${Wo}ms ease;
|
|
113
113
|
}
|
|
114
114
|
[data-admission-reject]:not(:disabled):is(:hover, :focus-visible) [data-admission-reject-label] {
|
|
115
115
|
max-width: 54px;
|
|
@@ -185,7 +185,7 @@ ${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"
|
|
|
185
185
|
[data-popmelt-admission-updating-dot] { animation: none; opacity: 1; }
|
|
186
186
|
[data-popmelt-admission-decision-rejection] { animation: none !important; }
|
|
187
187
|
}
|
|
188
|
-
`}),v("div",{style:{display:"flex",alignItems:"center",gap:6,flex:1,minWidth:0},children:[s(nr,{"data-popmelt-request-avatar":!0,shape:Xt(t),color:t.color??"transparent",size:Kt.identitySize}),s("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontWeight:600},children:t.name}),s(Va,{at:t.createdAt,theme:n,label:"Requested"})]}),v("div",{style:{display:"flex",gap:0,position:"relative"},children:[v("button",{ref:i,type:"button",disabled:a,"data-admission-invite":!0,"data-popmelt-admission-decision-rejection":d?.target==="grant"?d.pulse%2?"odd":"even":void 0,"aria-keyshortcuts":"Space","aria-label":a?"Updating\u2026":d?.target==="grant"?"Invite failed; try again":"Invite",style:{..._o(n),position:"relative",boxSizing:"border-box",overflow:"hidden"},onClick:()=>{h("grant")},children:[s("kbd",{"aria-hidden":"true","data-popmelt-admission-invite-shortcut":!0,style:{...Ja(n),opacity:a?0:1,transition:`opacity ${
|
|
188
|
+
`}),v("div",{style:{display:"flex",alignItems:"center",gap:6,flex:1,minWidth:0},children:[s(nr,{"data-popmelt-request-avatar":!0,shape:Xt(t),color:t.color??"transparent",size:Kt.identitySize}),s("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontWeight:600},children:t.name}),s(Va,{at:t.createdAt,theme:n,label:"Requested"})]}),v("div",{style:{display:"flex",gap:0,position:"relative"},children:[v("button",{ref:i,type:"button",disabled:a,"data-admission-invite":!0,"data-popmelt-admission-decision-rejection":d?.target==="grant"?d.pulse%2?"odd":"even":void 0,"aria-keyshortcuts":"Space","aria-label":a?"Updating\u2026":d?.target==="grant"?"Invite failed; try again":"Invite",style:{..._o(n),position:"relative",boxSizing:"border-box",overflow:"hidden"},onClick:()=>{h("grant")},children:[s("kbd",{"aria-hidden":"true","data-popmelt-admission-invite-shortcut":!0,style:{...Ja(n),opacity:a?0:1,transition:`opacity ${Wo}ms ease`},children:"space"}),s("span",{"aria-hidden":"true","data-popmelt-admission-invite-label":!0,style:{fontSize:12,opacity:a?0:1,transform:a?"translateX(10px)":"translateX(0)",animation:a?`popmelt-admission-invite-label-out ${Ua}ms ease both`:void 0},children:"to invite"}),a&&v("span",{"aria-hidden":"true","data-popmelt-admission-updating-label":!0,style:{position:"absolute",top:"50%",right:8,fontSize:12,opacity:1,transform:"translate(0, -50%)",animation:`popmelt-admission-updating-label-in ${Ua}ms ease 40ms both`},children:["Updating",v("span",{"aria-hidden":"true","data-popmelt-admission-updating-dots":!0,style:{display:"inline-block"},children:[s("span",{"data-popmelt-admission-updating-dot":"1",children:"."}),s("span",{"data-popmelt-admission-updating-dot":"2",children:"."}),s("span",{"data-popmelt-admission-updating-dot":"3",children:"."})]})]})]}),v("button",{type:"button",disabled:a,"aria-label":d?.target==="decline"?"Decline request failed; try again":"Decline request","data-admission-reject":!0,"data-popmelt-admission-decision-rejection":d?.target==="decline"?d.pulse%2?"odd":"even":void 0,style:{..._o(n),color:void 0,position:"relative"},onClick:()=>{h("decline")},children:[s("span",{"data-admission-reject-label":!0,"aria-hidden":"true",style:{position:"absolute",right:20,top:"50%",transform:"translateY(-50%)"},children:s("span",{style:{display:"block",paddingRight:4,whiteSpace:"nowrap"},children:"Decline?"})}),s(fa,{size:Hn.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]})]})}var Xa=`
|
|
189
189
|
[data-popmelt-admission-wave] {
|
|
190
190
|
transform-box: fill-box;
|
|
191
191
|
transform-origin: 70% 85%;
|
|
@@ -203,8 +203,8 @@ ${t}`,[o,i]=R({linked:!1,error:"",key:""});return F(()=>{if(i({linked:!1,error:"
|
|
|
203
203
|
60% { transform: rotate(12deg); }
|
|
204
204
|
80% { transform: rotate(-6deg); }
|
|
205
205
|
}
|
|
206
|
-
`,Bo=Sr(null),Ka=Sr(void 0);function $u({onJoin:e,theme:t,style:n,capturePreview:r=!0}){let o=Kn(),i=Kn(),[a,l]=R(""),[d,c]=R(!1),[u,p]=R(!0),[h,f]=R(!1),g=Ie[t];return v("form",{"data-devtools":"peer-join","data-popmelt-font":"sans","data-popmelt-theme":t,"aria-label":"Join the canvas",onSubmit:async y=>{if(y.preventDefault(),!(d||!a.trim())){c(!0),f(!1);try{await e(a.trim(),{sharePreview:r&&u})}catch{f(!0)}finally{c(!1)}}},style:{...Wo(t),display:"block",...n},children:[s("label",{htmlFor:o,style:{display:"block",fontWeight:600,marginBottom:8},children:"Join the canvas"}),s("input",{id:o,name:"peer-name","aria-label":"Your name",autoComplete:"nickname",maxLength:48,required:!0,disabled:d,value:a,placeholder:"Your name","aria-describedby":h?i:void 0,onChange:y=>l(y.target.value),style:{width:"100%",boxSizing:"border-box",padding:"8px 10px",border:`1px solid ${g.border}`,borderRadius:Hn.radius,background:"transparent",color:g.primary,font:"inherit"}}),s("p",{title:Ao["approval-required"],style:{fontSize:12,color:g.secondary,margin:"8px 0"},children:"Suggest \xB7 Explore freely. The host approves code changes."}),r&&v(Me,{children:[v("label",{style:{display:"flex",gap:8,alignItems:"center",margin:"12px 0 4px"},children:[s("input",{type:"checkbox",name:"share-preview",checked:u,disabled:d,onChange:y=>p(y.target.checked)}),"Share my plane"]}),s("p",{style:{fontSize:12,color:g.secondary,margin:"0 0 12px"},children:"Allow peers to preview this tab. Your browser will ask for permission; you can still join if you decline."})]}),s("button",{type:"submit",disabled:d||!a.trim(),style:{width:"100%",padding:"8px 12px",border:0,borderRadius:Hn.radius,background:g.primary,color:g.surface,font:"inherit",cursor:"pointer"},children:d?"Joining\u2026":"Join"}),h&&s("p",{id:i,role:"alert",style:{margin:"8px 0 0",fontSize:12},children:"Could not join. Check the connection or ask the host for a fresh invitation."})]})}var Ga=Sr(null);function el(e){return JSON.stringify(e.map(t=>{if(!t.linkedSelector)return t;let{points:n,linkedAnchor:r,...o}=t;return o}))}function Nu(e,t,n,r,o,i=!0){let a=$(null),l=$(null),d=$(null),c=$(null),u=$(null);F(()=>{i&&localStorage.removeItem(o.inspected)},[i,o.inspected]),F(()=>{if(!i||!r.current)return;let p=el(t.annotations);p!==a.current&&(a.current=p,localStorage.setItem(o.annotations,JSON.stringify(t.annotations)))},[i,t.annotations,r,o]),F(()=>{if(!i)return;let p=h=>{if(r.current)try{let f=h.newValue?JSON.parse(h.newValue):[];if(!Array.isArray(f))return;if(h.key===o.annotations){let y=el(f);if(y===a.current)return;a.current=y,n({type:"SYNC_ANNOTATIONS",payload:{annotations:f}});return}let g=JSON.stringify(f);if(h.key===o.styleMods){if(g===l.current)return;l.current=g,n({type:"RESTORE_STYLE_MODIFICATIONS",payload:f})}else if(h.key===o.textMods){if(g===d.current)return;d.current=g,n({type:"RESTORE_TEXT_MODIFICATIONS",payload:f})}else if(h.key===o.domMods){if(g===c.current)return;c.current=g,n({type:"RESTORE_DOM_MODIFICATIONS",payload:f})}else if(h.key===o.spacingChanges){if(g===u.current)return;u.current=g,n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:f})}}catch{}};return window.addEventListener("storage",p),()=>window.removeEventListener("storage",p)},[i,n,r,o]),F(()=>{if(!i||!r.current)return;localStorage.setItem(o.expanded,String(e)),localStorage.setItem(o.color,t.activeColor);let p=(h,f,g)=>{let y=JSON.stringify(f);y!==g.current&&(g.current=y,localStorage.setItem(h,y))};p(o.styleMods,t.styleModifications,l),p(o.textMods,t.textModifications,d),p(o.domMods,t.domModifications,c),p(o.spacingChanges,t.spacingTokenChanges,u),localStorage.setItem(o.stroke,String(t.strokeWidth))},[i,e,t.styleModifications,t.textModifications,t.domModifications,t.spacingTokenChanges,t.activeColor,t.strokeWidth,r,o])}function tl(e){let t=$(e);F(()=>t.current(),[])}function Ru(e){let t=n=>{if(n.ctrlKey||n.defaultPrevented)return;let r=Math.abs(n.deltaX)>Math.abs(n.deltaY),o=r?n.deltaX:n.deltaY;if(o){for(let i of n.composedPath()){if(i instanceof HTMLElement){let a=getComputedStyle(i),l=r?a.overflowX:a.overflowY,d=r?i.scrollLeft:i.scrollTop,c=r?i.scrollWidth-i.clientWidth:i.scrollHeight-i.clientHeight;if(/^(auto|scroll|overlay)$/.test(l)&&c>0){if(o<0?d>0:d<c-1)return;let u=r?a.overscrollBehaviorX:a.overscrollBehaviorY;if(u==="contain"||u==="none")break}}if(i===e)break}n.preventDefault()}};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)}var Pu="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMic+PGRlZnM+PHBhdHRlcm4gaWQ9J2QnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnPjxwYXRoIGQ9J00tMSwxIGwyLC0yIE0wLDQgbDQsLTQgTTMsNSBsMiwtMicgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScuNScvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSd1cmwoI2QpJy8+PC9zdmc+",zu={borderWidth:3,borderStyle:"solid",borderImage:`url("${Pu}") 4 / 1.9 / 0 round`};function Ar(e){let t=new Set,n=new Map;for(let i of e){if(!i.linkedSelector)continue;let a=n.get(i.linkedSelector)||[];a.push(i),n.set(i.linkedSelector,a)}let r=new Set,o=new Set;for(let i of n.values()){if(i.length<=1){i[0]?.groupId&&o.add(i[0].groupId);continue}i.sort((l,d)=>d.timestamp-l.timestamp);let a=i[0];a.groupId&&o.add(a.groupId);for(let l=1;l<i.length;l++){let d=i[l];t.add(d),d.groupId&&r.add(d.groupId)}}for(let i of e)i.groupId&&r.has(i.groupId)&&!o.has(i.groupId)&&t.add(i);return t}function $r(e){let t=e.trim().toLowerCase(),n=t.match(/oklch\(\s*([\d.]+%?)/);if(n){let i=n[1];return i.endsWith("%")?parseFloat(i)/100:parseFloat(i)}let r=t.match(/rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/);if(r){let[i,a,l]=[parseInt(r[1],10),parseInt(r[2],10),parseInt(r[3],10)];return(.2126*i+.7152*a+.0722*l)/255}let o=t.match(/hsla?\(\s*[\d.]+[,\s]+[\d.]+%?[,\s]+([\d.]+)%?/);if(o)return parseFloat(o[1])/100;if(t.startsWith("#")){let i=t.slice(1);(i.length===3||i.length===4)&&(i=i[0]+i[0]+i[1]+i[1]+i[2]+i[2]);let a=parseInt(i.slice(0,2),16),l=parseInt(i.slice(2,4),16),d=parseInt(i.slice(4,6),16);if(!isNaN(a))return(.2126*a+.7152*l+.0722*d)/255}return null}function Hu(e){return(t,n)=>{let r=$r(t[1]),o=$r(n[1]);return r!==null&&o!==null?r-o:t[0].localeCompare(n[0])}}function Ou(e){let t=e.replace(/^--/,"");t=t.replace(/^(?:color|clr)-/,"");let n=t.split("-");return n.length>1&&/^\d+$/.test(n[n.length-1])&&n.pop(),n.join("-")}function Du(e){let t=new Map;for(let o of e){let i=Ou(o[0]),a=t.get(i);a||(a=[],t.set(i,a)),a.push(o)}let n=Hu();for(let o of t.values())o.sort(n);let r=[...t.entries()];return r.sort((o,i)=>{let a=$r(o[1][0][1])??0,l=$r(i[1][0][1])??0;return a-l}),r}function Wu(e){return e<=1?"zero":e<=4?"low":e<=7?"medium":"high"}var nl=new Set(["expresses"]),Fo={project:0,route:1,selector:2,component:3,file:4};function ju(e){return`${e.scope.kind}:${[...e.scope.values].sort().join("|")||"*"}`}function _u(e){return e.scope.kind==="project"&&e.scope.values.length===0?"Project":e.scope.values.join(", ")||e.scope.kind}function rl(e,t){let n=e.kind==="intention"?5:e.kind==="principle"?4:1,r=4-Fo[e.scope.kind];return n+r+Math.min(3,t)*3+Math.min(2,e.evidenceCount/3)}function Bu(e){return e.scope.kind==="project"||e.kind==="principle"||e.kind==="intention"&&e.evidenceCount>=2}function ir(e,t,n){return[...e].sort((r,o)=>{let i=t.get(r),a=t.get(o);return rl(a,n.get(o)?.length??0)-rl(i,n.get(r)?.length??0)||a.updatedAt.localeCompare(i.updatedAt)})}function Fu(e){let t=e.explanations.filter(k=>k.state!=="retired"),n=new Map(t.map(k=>[k.id,k])),r=t.filter(k=>k.state!=="challenged"),o=new Set(r.map(k=>k.id)),i=new Map,a=new Map,l=new Set;for(let k of t)for(let w of k.relations){if(!nl.has(w.type))continue;let E=w.direction==="outgoing"?k.id:w.explanationId,M=w.direction==="outgoing"?w.explanationId:k.id,S=`${E}:${M}`;l.has(S)||!o.has(E)||!o.has(M)||(l.add(S),i.set(M,new Set([...i.get(M)??[],E])),a.set(E,new Set([...a.get(E)??[],M])))}let d=new Map,c=new Map;for(let[k,w]of i)d.set(k,ir(w,n,d));for(let[k,w]of a)c.set(k,ir(w,n,d));let u=ir(r.flatMap(k=>(c.get(k.id)?.length??0)>0?[]:(d.get(k.id)?.length??0)>0||Bu(k)?[k.id]:[]),n,d),p=new Set,h=k=>{if(!p.has(k)){p.add(k);for(let w of d.get(k)??[])h(w)}};u.forEach(h);let f=new Map;for(let k of u){let w=n.get(k),E=ju(w),M=f.get(E);M?M.rootIds.push(k):f.set(E,{id:E,label:_u(w),scopeKind:w.scope.kind,rootIds:[k]})}let g=[...f.values()].sort((k,w)=>Fo[k.scopeKind]-Fo[w.scopeKind]||k.label.localeCompare(w.label)),y=ir(r.flatMap(k=>p.has(k.id)?[]:[k.id]),n,d),C=ir(t.flatMap(k=>k.state==="challenged"?[k.id]:[]),n,d);return{explanationsById:n,childrenById:d,parentIdsById:c,sections:g,unplacedIds:y,challengedIds:C}}function Vu(e,t){let n=new Set([...e.explanationsById.values()].flatMap(a=>t(a)?[a.id]:[])),r=new Set(n),o=[...n];for(;o.length;){let a=o.pop();for(let l of e.parentIdsById.get(a)??[])r.has(l)||(r.add(l),o.push(l))}let i=a=>new Map([...a].flatMap(([l,d])=>r.has(l)?[[l,d.filter(c=>r.has(c))]]:[]));return{explanationsById:e.explanationsById,childrenById:i(e.childrenById),parentIdsById:i(e.parentIdsById),sections:e.sections.flatMap(a=>{let l=a.rootIds.filter(d=>r.has(d));return l.length?[{...a,rootIds:l}]:[]}),unplacedIds:e.unplacedIds.filter(a=>n.has(a)),challengedIds:e.challengedIds.filter(a=>n.has(a))}}function Qu(e){return e.type==="expresses"?e.direction==="incoming"?"Expressed through":"Expression of":e.type==="excepts"?e.direction==="incoming"?"Has exception":"Exception to":e.type==="supersedes"?e.direction==="incoming"?"Replaced by":"Replaces":"Related to"}function Zu(e){return nl.has(e.type)}var qu=/^#[0-9a-fA-F]{3,8}$/,Uu=/^(?:rgba?|hsla?|oklch)\([^)]+\)$/,Ju=new Set(["black","white","red","blue","green","yellow","orange","purple","pink","gray","grey","cyan","magenta","brown","navy","teal","maroon","olive","silver","aqua","fuchsia","lime"]),Yu=/^-?\d+(\.\d+)?(px|rem|em|%)$/;function ol(e){let t=e.trim();return qu.test(t)||Uu.test(t)||Ju.has(t.toLowerCase())}function Xu(e){return Yu.test(e.trim())}function Ku(e){let t=e.trim().match(/^(-?\d+(?:\.\d+)?)px$/);return t?parseFloat(t[1]):null}function Vo(e,t=""){if(e==null)return[];if(typeof e!="object")return[[t,String(e)]];if(Array.isArray(e))return[[t,e.map(String).join(", ")]];let n=[];for(let[r,o]of Object.entries(e)){let i=t?`${t}.${r}`:r;if(o!==null&&typeof o=="object"&&!Array.isArray(o)){let a=o;typeof a.value=="string"?n.push([i,a.value]):n.push(...Vo(o,i))}else n.push([i,Array.isArray(o)?o.map(String).join(", "):String(o??"")])}return n}function Gu(e){return e.length===0?"generic":e.filter(([,t])=>ol(t)).length>e.length/2?"colors":e.filter(([,t])=>Xu(t)).length>e.length/2?"spacing":"generic"}var ep={width:360,backgroundColor:"var(--popmelt-library-surface)",border:"1px solid var(--popmelt-library-border)",borderRadius:20,boxSizing:"border-box",zIndex:10001,display:"flex",flexDirection:"column",overflow:"hidden",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",color:"var(--popmelt-library-primary)",padding:16,pointerEvents:"auto",backdropFilter:"blur(59.5px)",WebkitBackdropFilter:"blur(59.5px)"};function tp({varName:e,value:t,reference:n}){return s("div",{title:n?`${e} \u2192 ${n}
|
|
207
|
-
${t}`:`${e}: ${t}`,style:{width:28,height:28,backgroundColor:t,outline:"1px solid var(--popmelt-library-hairline)",outlineOffset:-1,position:"relative"},children:n&&s(Mo,{size:10,strokeWidth:2.5,style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:"white",filter:"drop-shadow(0 0 1px rgba(0,0,0,0.5))"}})})}function np({entries:e,references:t}){let n=[],r=[];for(let i of e)ol(i[1])?n.push(i):r.push(i);let o=Du(n);return v(Me,{children:[o.map(([i,a])=>v("div",{style:{marginBottom:4},children:[v("div",{style:{fontSize:10,color:"var(--popmelt-library-muted)",marginBottom:2},children:[i,a.length>1?` (${a.length})`:""]}),s("div",{style:{display:"flex",flexWrap:"wrap",gap:2},children:a.map(([l,d])=>s(tp,{varName:l,value:d,reference:t[l]},l))})]},i)),r.length>0&&s(Qo,{entries:r})]})}var Nr=[0,1,2,4,8,12,16,20,24,28,32];function rp(e){if(e<=32){let t=Nr[0],n=Math.abs(e-t);for(let r=1;r<Nr.length;r++){let o=Math.abs(e-Nr[r]);o<n&&(t=Nr[r],n=o)}return t}return Math.round(e/8)*8}function op({label:e,value:t,px:n,tokenPath:r,rawToken:o,onHover:i,onModify:a,onDelete:l}){let[d,c]=R(!1),[u,p]=R(null),h=$(!1),f=$(0),g=$(0),y=$([]),C=u!==null?u:n,k=u!==null?`${u}px`:t,w=u!==null,E=oe(S=>{S.preventDefault(),h.current=!0,f.current=S.clientX,g.current=n;let T=yo(o);y.current=Td(T);let N=P=>{let L=P.clientX-f.current,j=Math.max(0,Math.round(g.current+L));P.shiftKey&&(j=rp(j));for(let Z of y.current)Z.element.style.setProperty(Z.property,j+"px","important");p(j),i?.({name:e,px:j,token:T})},H=()=>{window.removeEventListener("mousemove",N),window.removeEventListener("mouseup",H),document.body.style.cursor="",h.current=!1,p(P=>{if(P!==null&&P!==n&&a){let L=yo(o),j=L.bindings&&L.bindings.length>0,Z;if(j){let J=ea(L.bindings,g.current,P);Z=JSON.stringify({...L,value:`${P}px`,bindings:J})}else{let J=Ed(y.current,g.current),ye=Ld(y.current);if(J.length>0){let G=ea(J,g.current,P);Z=JSON.stringify({value:`${P}px`,property:ye,bindings:G})}else Z=`${P}px`}let ae=typeof o=="string"?o:JSON.stringify(o),pe=y.current.map(J=>({selector:jt(J.element),property:J.property})),le=Ad(y.current,g.current,P);a({tokenPath:r,originalValue:ae,currentValue:Z,targets:pe,originalPx:g.current,currentPx:P},{id:Math.random().toString(36).substring(2,9),tokenPath:r,tokenName:e,originalPx:g.current,newPx:P,affectedElements:le})}return P})};document.body.style.cursor="ew-resize",window.addEventListener("mousemove",N),window.addEventListener("mouseup",H)},[n,e,r,o,i,a]),M=yo(o);return v("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:11,padding:"1px 0",cursor:"ew-resize",userSelect:"none"},onMouseEnter:()=>{h.current||(c(!0),i?.({name:e,px:C,token:M}))},onMouseLeave:()=>{h.current||(c(!1),i?.(null))},onMouseDown:E,children:[s("span",{style:{color:d||w?"#FF0000":"var(--popmelt-library-muted)"},children:e}),v("span",{style:{display:"flex",alignItems:"center",gap:4},children:[s("span",{style:{color:d||w?"#FF0000":"var(--popmelt-library-secondary)",fontWeight:600},children:k}),l&&d&&!w&&s("button",{type:"button",title:"Remove token",onMouseDown:S=>{S.stopPropagation();let T=typeof o=="string"?o:JSON.stringify(o);l(r,T)},style:{border:"none",background:"none",cursor:"pointer",padding:0,fontSize:10,lineHeight:1,color:"var(--popmelt-library-muted)"},onMouseEnter:S=>{S.currentTarget.style.color="#FF0000"},onMouseLeave:S=>{S.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]})]})}function ip({entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}){let a=[],l=[];for(let d of e){let c=Ku(d[1]);c!==null?a.push([d[0],d[1],c]):l.push(d)}return v(Me,{children:[a.length>0&&s("div",{style:{display:"flex",flexDirection:"column",gap:2},children:a.map(([d,c,u])=>{let p=d.split(".").pop(),h=n?ap(n,d):c,f=h&&typeof h=="object"&&"value"in h?h:c;return s(op,{label:p,value:c,px:u,tokenPath:`tokens.${t}.${d}`,rawToken:f,onHover:r,onModify:o,onDelete:i},d)})}),l.length>0&&s(Qo,{entries:l})]})}function ap(e,t){let n=t.split("."),r=e;for(let o of n){if(r==null||typeof r!="object")return;r=r[o]}return r}function Qo({entries:e}){return s("div",{style:{display:"flex",flexDirection:"column",gap:3},children:e.map(([t,n])=>v("div",{style:{fontSize:11},children:[s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:10,marginBottom:1},children:t}),s("div",{style:{color:"var(--popmelt-library-primary)",lineHeight:1.4,paddingLeft:8},children:n})]},t))})}function il({entries:e,categoryKey:t,rawTokens:n,onSpacingHover:r,onModifyToken:o,onDeleteToken:i}){let a=Gu(e);return a==="colors"?s(np,{entries:e,references:{}}):a==="spacing"?s(ip,{entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}):s(Qo,{entries:e})}function lp(e){let t=e.toLowerCase(),n=null,r=document.createTreeWalker(document.body,NodeFilter.SHOW_ELEMENT,{acceptNode(i){return i.closest("#devtools-toolbar, #devtools-canvas, #devtools-scrim, [data-popmelt-panel]")?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),o=r.currentNode;for(;o=r.nextNode();){let i=o,a=Object.keys(i).find(d=>d.startsWith("__reactFiber$")||d.startsWith("__reactInternalInstance$"));if(!a)continue;let l=i[a];for(;l;){let d=l.type,c=typeof d=="function"||typeof d=="object"?d?.displayName||d?.name:null;if(typeof c=="string"){let u=c.toLowerCase();if(u===t){let p={...l.memoizedProps};return delete p.ref,{type:d,props:p}}if(!n){if(u.length>=4&&t.includes(u)){let p={...l.memoizedProps};delete p.ref,n={type:d,props:p}}else if(t.length>=4&&u.includes(t)){let p={...l.memoizedProps};delete p.ref,n={type:d,props:p}}}}l=l.return}}return n}var sp=class extends Hd{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(){this.props.onError()}render(){return this.state.hasError?null:this.props.children}};function dp({tokens:e,onSpacingHover:t,onModifyToken:n,onDeleteToken:r}){return!e||Object.keys(e).length===0?s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"No projected tokens yet."}):s("div",{style:{display:"flex",flexDirection:"column",gap:12},children:Object.entries(e).map(([o,i])=>{let a=Vo(i);return v("section",{children:[s("div",{style:{color:"var(--popmelt-library-secondary)",fontSize:10,fontWeight:700,letterSpacing:"0.05em",marginBottom:6,textTransform:"uppercase"},children:o}),s(il,{entries:a,categoryKey:o,rawTokens:i,onSpacingHover:t,onModifyToken:n,onDeleteToken:r})]},o)})})}function cp({name:e,value:t,selected:n,highlighted:r,onRemove:o,onHover:i}){let[a,l]=R(!1),[d,c]=R(!1),u=$(null),p=$(0),[h,f]=R(0),[g,y]=R(0),C=Vo(t),k=C.find(([P])=>P==="description")?.[1];F(()=>{if(!d&&!r){f(0),y(0),p.current=0;return}let P=Gi(e);f(P.length)},[d,r,e]),F(()=>{n&&u.current&&u.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[n]);let w=n||r||d,E=n?"139,92,246":"34,197,94",M=n?"#8b5cf6":"#22c55e",S=w?`rgba(${E},0.06)`:void 0,T=w?`inset 0 0 0 1.5px rgba(${E},0.35)`:void 0,N=r||d,H=oe(()=>{let P=Gi(e);if(P.length===0)return;let L=p.current%P.length;P[L].rootElement.scrollIntoView({behavior:"smooth",block:"center"}),y(L),p.current=L+1,i?.({name:e,instanceIndex:L})},[e,i]);return v("div",{ref:u,onClick:H,onMouseEnter:()=>{c(!0),i?.({name:e,instanceIndex:0})},onMouseLeave:()=>{c(!1),i?.(null)},style:{marginBottom:8,background:S,padding:6,boxShadow:T,cursor:"pointer"},children:[v("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[v("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:6},children:[s("div",{style:{fontWeight:700,fontSize:11,letterSpacing:"0.05em",padding:"2px 6px",backgroundColor:N?M:"transparent",color:N?"#fff":"var(--popmelt-library-secondary)"},children:e}),N&&h>1&&v("span",{style:{fontSize:10,fontWeight:600,color:"var(--popmelt-library-muted)"},children:[g+1,"/",h]})]}),o&&d&&s("button",{type:"button",title:"Remove from model",onClick:P=>{P.stopPropagation(),o(e)},style:{border:"none",background:"none",cursor:"pointer",padding:"0 2px",fontSize:14,lineHeight:1,color:"var(--popmelt-library-muted)",marginTop:-4},onMouseEnter:P=>{P.currentTarget.style.color="#FF0000"},onMouseLeave:P=>{P.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]}),k&&s("div",{style:{fontSize:11,color:N?"var(--popmelt-library-primary)":"var(--popmelt-library-muted)",marginBottom:6,lineHeight:1.4},children:k}),a?s(il,{entries:C.filter(([P])=>P!=="description"),categoryKey:""}):s(up,{name:e,onNotFound:()=>l(!0),entries:C})]})}function up({name:e,onNotFound:t}){let[n,r]=R(null),[o,i]=R(!1);return F(()=>{let a=lp(e);a||t(),r(a),i(!0)},[e,t]),!o||!n?null:s(sp,{onError:t,children:s("div",{"data-popmelt-panel":!0,onClick:a=>{a.preventDefault(),a.stopPropagation()},style:{width:"100%",overflowY:"auto",overflowX:"hidden",maxHeight:150,padding:"1rem",outline:"1px solid var(--popmelt-library-soft-hairline)",backgroundColor:"var(--popmelt-library-raised)",boxSizing:"border-box",marginBottom:4,display:"flex",flexDirection:"column",justifyContent:"stretch",alignItems:"center",contain:"layout paint",position:"relative",isolation:"isolate"},children:s("div",{style:{zoom:.5,pointerEvents:"none"},children:da(n.type,n.props)})})})}function pp({components:e,selectedComponent:t,hoveredComponent:n,onRemove:r,onHover:o}){if(!e||Object.keys(e).length===0)return s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."});let i=new Set(Object.keys(e)),a=Id(i),l=Object.entries(e).sort(([d],[c])=>(a.get(d)??1/0)-(a.get(c)??1/0));return s(Me,{children:l.map(([d,c])=>s(cp,{name:d,value:c,selected:t===d,highlighted:n===d,onRemove:r,onHover:o},d))})}var fp={emerging:"Emerging",testing:"Emerging",grounded:"Grounded",challenged:"Challenged",retired:"Retired"};function hp(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}function al(e,t){return t==="all"?e.state!=="retired":t==="emerging"?e.state==="emerging"||e.state==="testing":e.state===t}function mp({explanation:e}){let t=Wu(e.evidenceCount);return v("span",{"aria-hidden":!0,style:{display:"flex",alignItems:"center",width:14,height:14},children:[s(Nc,{size:14,strokeWidth:1.8,style:{flexShrink:0,marginRight:-14,color:"var(--popmelt-library-muted)"}}),s(t==="zero"?Rc:t==="low"?Pc:t==="medium"?zc:Hc,{size:14,strokeWidth:1.8,style:{flexShrink:0,color:"var(--popmelt-library-primary)"}})]})}function Zo({explanation:e,expanded:t,onToggle:n,onViewThread:r}){let o=e.state==="challenged",i=e.relations.filter(l=>!Zu(l)),a=`${e.evidenceCount} ${e.evidenceCount===1?"signal":"signals"}`;return v("article",{style:{background:e.state==="grounded"?"var(--popmelt-library-raised)":"var(--popmelt-library-soft-surface)",border:"1px solid var(--popmelt-library-soft-hairline)",borderRadius:24,overflow:"hidden"},children:[v("button",{type:"button","aria-expanded":t,onClick:n,style:{width:"100%",border:0,background:"none",color:o?"var(--popmelt-library-muted)":"var(--popmelt-library-primary)",cursor:"pointer",fontFamily:"inherit",textAlign:"left",padding:16},children:[v("div",{style:{display:"flex",alignItems:"center",gap:4,marginBottom:12,color:o?"var(--popmelt-library-muted)":"var(--popmelt-library-secondary)",fontSize:12,fontWeight:500,lineHeight:1.3,letterSpacing:"0.12px"},children:[s("span",{children:fp[e.state]}),s("span",{style:{color:"var(--popmelt-library-muted)"},children:e.kind.charAt(0).toUpperCase()+e.kind.slice(1)}),v("span",{"data-popmelt-signal-tooltip-trigger":!0,"aria-label":a,style:{display:"inline-flex",marginLeft:"auto",position:"relative"},children:[s(mp,{explanation:e}),s("span",{"data-popmelt-signal-tooltip":!0,"aria-hidden":!0,children:a})]})]}),s("div",{style:{fontSize:14,lineHeight:1.3,fontWeight:400,...t?{}:{display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:4,overflow:"hidden"}},children:e.statement})]}),t&&v("div",{style:{padding:"14px 16px 16px",color:"var(--popmelt-library-secondary)",fontSize:12,lineHeight:1.45},children:[s("div",{children:e.rationale}),e.needsGrounding&&s("div",{style:{marginTop:14,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Awaiting confirmation"}),e.concrete.length>0&&v("div",{style:{marginTop:14},children:[s("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Concrete expression"}),e.concrete.map(l=>v("div",{style:{marginBottom:5,overflowWrap:"anywhere"},children:[s("code",{style:{color:"var(--popmelt-library-muted-strong)"},children:l.modelPath})," ","= ",hp(l.value)]},l.id))]}),i.length>0&&v("div",{style:{marginTop:14},children:[s("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Related understanding"}),i.slice(0,4).map(l=>v("div",{style:{marginBottom:5},children:[s("span",{style:{color:"var(--popmelt-library-muted-strong)"},children:Qu(l)})," ","\xB7 ",l.statement]},l.id))]}),e.recentEvidence.length>0&&v("div",{style:{marginTop:14},children:[s("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Recent grounding"}),e.recentEvidence.map(l=>s("div",{style:{marginBottom:7},children:l.summary},l.id))]}),r&&e.sourceThreadIds[0]&&s("button",{type:"button",onClick:()=>r(e.sourceThreadIds[0]),style:{marginTop:14,border:0,borderRadius:12,background:"var(--popmelt-library-soft-surface)",color:"var(--popmelt-library-primary)",cursor:"pointer",font:"inherit",fontWeight:500,padding:"7px 10px"},children:"Open source thread"})]})]})}function ll({id:e,depth:t,projection:n,expandedIds:r,onToggle:o,onViewThread:i}){let a=n.explanationsById.get(e);if(!a)return null;let l=n.childrenById.get(e)??[],d=r.has(e);return v("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[s(Zo,{explanation:a,expanded:d,onToggle:()=>o(e),onViewThread:i}),d&&l.length>0&&s("div",{style:{display:"flex",flexDirection:"column",gap:4,marginLeft:Math.min(24,8+t*4),paddingLeft:8,borderLeft:"1px solid var(--popmelt-library-soft-hairline)"},children:l.map(c=>s(ll,{id:c,depth:t+1,projection:n,expandedIds:r,onToggle:o,onViewThread:i},c))})]})}function gp({view:e,filter:t,onViewThread:n}){let[r,o]=R(()=>new Set),i=oe(c=>{o(u=>{let p=new Set(u);return p.has(c)?p.delete(c):p.add(c),p})},[]),a=ue(()=>Fu(e),[e]),l=ue(()=>t==="all"?a:Vu(a,c=>al(c,t)),[t,a]),d=e.explanations.filter(c=>al(c,t)).length;return F(()=>{t!=="all"&&o(new Set([...l.childrenById].flatMap(([c,u])=>u.length?[c]:[])))},[t,l]),e.counts.total===0?s("div",{style:{color:"var(--popmelt-library-muted)",lineHeight:1.5,fontSize:12},children:"No shared understanding yet. It will form continuously as you collaborate in threads."}):d===0?v("div",{style:{color:"var(--popmelt-library-muted)",lineHeight:1.5,fontSize:12},children:["No ",t," understanding yet."]}):v("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[l.sections.map(c=>v("section",{style:{display:"flex",flexDirection:"column",gap:4},children:[s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:10,fontWeight:500,letterSpacing:"0.08em",padding:"0 4px 4px",textTransform:"uppercase"},children:c.label}),c.rootIds.map(u=>s(ll,{id:u,depth:0,projection:l,expandedIds:r,onToggle:i,onViewThread:n},u))]},c.id)),l.unplacedIds.length>0&&v("details",{open:t!=="all",children:[v("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["+ ",l.unplacedIds.length," observations still finding their place"]}),s("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:l.unplacedIds.map(c=>{let u=l.explanationsById.get(c);return u?s(Zo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]}),l.challengedIds.length>0&&v("details",{open:t==="challenged",children:[v("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["\u2212 ",l.challengedIds.length," challenged explanations"]}),s("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:l.challengedIds.map(c=>{let u=l.explanationsById.get(c);return u?s(Zo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]})]})}function yp({bridgeUrl:e,onMouseEnter:t,onMouseLeave:n,selectedComponent:r,hoveredComponent:o,onComponentHover:i,onSpacingTokenHover:a,onModifySpacingToken:l,onDeleteSpacingToken:d,onComponentAdded:c,onComponentRemoved:u,onViewThread:p,snapPosition:h="bottom-right",temporarilyHidden:f=!1}){let[g,,y]=ho(e),C=Ie[g],k={"--popmelt-library-surface":C.surface,"--popmelt-library-raised":C.raisedSurface,"--popmelt-library-control":C.control,"--popmelt-library-soft-surface":C.softSurface,"--popmelt-library-hover-surface":C.hoverSurface,"--popmelt-library-primary":C.primary,"--popmelt-library-filter-active":C.hoverForeground,"--popmelt-library-secondary":C.secondary,"--popmelt-library-muted":C.muted,"--popmelt-library-muted-strong":C.mutedStrong,"--popmelt-library-border":C.border,"--popmelt-library-hairline":C.hairline,"--popmelt-library-soft-hairline":C.softHairline},[w,E]=R(void 0),[M,S]=R({head:{sequence:0,updatedAt:new Date(0).toISOString()},counts:{total:0,emerging:0,testing:0,grounded:0,challenged:0,retired:0,needsGrounding:0},explanations:[]}),[T,N]=R(!0),[H]=R("understanding"),[P,L]=R("all"),j=$(null),[Z,ae]=R({hasAbove:!1,hasBelow:!1}),[pe,le]=R(()=>typeof window>"u"?1920:window.visualViewport?.width??window.innerWidth);F(()=>{let A=()=>le(window.visualViewport?.width??window.innerWidth);return window.addEventListener("resize",A),window.visualViewport?.addEventListener("resize",A),()=>{window.removeEventListener("resize",A),window.visualViewport?.removeEventListener("resize",A)}},[]);let J=oe(()=>{let A=j.current;if(!A)return;let I={hasAbove:A.scrollTop>1,hasBelow:A.scrollTop+A.clientHeight<A.scrollHeight-1};ae(W=>W.hasAbove===I.hasAbove&&W.hasBelow===I.hasBelow?W:I)},[]);F(()=>{let A=!1;return gd(e).then(I=>{A||(S(I),N(!1))}),()=>{A=!0}},[e]),F(()=>{let A=requestAnimationFrame(J),I=j.current;if(!I||typeof ResizeObserver>"u")return()=>cancelAnimationFrame(A);let W=new ResizeObserver(J);W.observe(I);let _=I.firstElementChild;return _&&W.observe(_),()=>{cancelAnimationFrame(A),W.disconnect()}},[P,M,T,J]);let ye=oe(A=>{E(I=>{if(!I?.components)return I;let{[A]:W,..._}=I.components;return{...I,components:_}}),u?.(A)},[u]),G=w?.components,be=w?.tokens,Ee=G&&Object.keys(G).length>0,X=be&&Object.keys(be).length>0,xe=$(null);return F(()=>{let A=xe.current;if(!A)return;let I=t,W=n;return I&&A.addEventListener("mouseenter",I),W&&A.addEventListener("mouseleave",W),()=>{I&&A.removeEventListener("mouseenter",I),W&&A.removeEventListener("mouseleave",W)}},[t,n]),v("div",{ref:xe,"data-devtools":"imprint-panel","data-popmelt-font":"sans","data-popmelt-theme":g,"data-popmelt-theme-preference":y,"aria-hidden":f||void 0,style:{...ep,...k,...eu(h,pe),opacity:f?0:1,visibility:f?"hidden":"visible",pointerEvents:f?"none":"auto",transition:f?`opacity ${It}ms ease, visibility 0s linear ${It}ms`:"none"},children:[s("style",{children:`
|
|
206
|
+
`,Bo=Sr(null),Ka=Sr(void 0);function $u({onJoin:e,theme:t,style:n,capturePreview:r=!0}){let o=Kn(),i=Kn(),[a,l]=R(""),[d,c]=R(!1),[u,p]=R(!0),[h,f]=R(!1),g=Ie[t];return v("form",{"data-devtools":"peer-join","data-popmelt-font":"sans","data-popmelt-theme":t,"aria-label":"Join the canvas",onSubmit:async y=>{if(y.preventDefault(),!(d||!a.trim())){c(!0),f(!1);try{await e(a.trim(),{sharePreview:r&&u})}catch{f(!0)}finally{c(!1)}}},style:{...jo(t),display:"block",...n},children:[s("label",{htmlFor:o,style:{display:"block",fontWeight:600,marginBottom:8},children:"Join the canvas"}),s("input",{id:o,name:"peer-name","aria-label":"Your name",autoComplete:"nickname",maxLength:48,required:!0,disabled:d,value:a,placeholder:"Your name","aria-describedby":h?i:void 0,onChange:y=>l(y.target.value),style:{width:"100%",boxSizing:"border-box",padding:"8px 10px",border:`1px solid ${g.border}`,borderRadius:Hn.radius,background:"transparent",color:g.primary,font:"inherit"}}),s("p",{title:Ao["approval-required"],style:{fontSize:12,color:g.secondary,margin:"8px 0"},children:"Suggest \xB7 Explore freely. The host approves code changes."}),r&&v(Me,{children:[v("label",{style:{display:"flex",gap:8,alignItems:"center",margin:"12px 0 4px"},children:[s("input",{type:"checkbox",name:"share-preview",checked:u,disabled:d,onChange:y=>p(y.target.checked)}),"Share my plane"]}),s("p",{style:{fontSize:12,color:g.secondary,margin:"0 0 12px"},children:"Allow peers to preview this tab. Your browser will ask for permission; you can still join if you decline."})]}),s("button",{type:"submit",disabled:d||!a.trim(),style:{width:"100%",padding:"8px 12px",border:0,borderRadius:Hn.radius,background:g.primary,color:g.surface,font:"inherit",cursor:"pointer"},children:d?"Joining\u2026":"Join"}),h&&s("p",{id:i,role:"alert",style:{margin:"8px 0 0",fontSize:12},children:"Could not join. Check the connection or ask the host for a fresh invitation."})]})}var Ga=Sr(null);function el(e){return JSON.stringify(e.map(t=>{if(!t.linkedSelector)return t;let{points:n,linkedAnchor:r,...o}=t;return o}))}function Nu(e,t,n,r,o,i=!0){let a=$(null),l=$(null),d=$(null),c=$(null),u=$(null);F(()=>{i&&localStorage.removeItem(o.inspected)},[i,o.inspected]),F(()=>{if(!i||!r.current)return;let p=el(t.annotations);p!==a.current&&(a.current=p,localStorage.setItem(o.annotations,JSON.stringify(t.annotations)))},[i,t.annotations,r,o]),F(()=>{if(!i)return;let p=h=>{if(r.current)try{let f=h.newValue?JSON.parse(h.newValue):[];if(!Array.isArray(f))return;if(h.key===o.annotations){let y=el(f);if(y===a.current)return;a.current=y,n({type:"SYNC_ANNOTATIONS",payload:{annotations:f}});return}let g=JSON.stringify(f);if(h.key===o.styleMods){if(g===l.current)return;l.current=g,n({type:"RESTORE_STYLE_MODIFICATIONS",payload:f})}else if(h.key===o.textMods){if(g===d.current)return;d.current=g,n({type:"RESTORE_TEXT_MODIFICATIONS",payload:f})}else if(h.key===o.domMods){if(g===c.current)return;c.current=g,n({type:"RESTORE_DOM_MODIFICATIONS",payload:f})}else if(h.key===o.spacingChanges){if(g===u.current)return;u.current=g,n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:f})}}catch{}};return window.addEventListener("storage",p),()=>window.removeEventListener("storage",p)},[i,n,r,o]),F(()=>{if(!i||!r.current)return;localStorage.setItem(o.expanded,String(e)),localStorage.setItem(o.color,t.activeColor);let p=(h,f,g)=>{let y=JSON.stringify(f);y!==g.current&&(g.current=y,localStorage.setItem(h,y))};p(o.styleMods,t.styleModifications,l),p(o.textMods,t.textModifications,d),p(o.domMods,t.domModifications,c),p(o.spacingChanges,t.spacingTokenChanges,u),localStorage.setItem(o.stroke,String(t.strokeWidth))},[i,e,t.styleModifications,t.textModifications,t.domModifications,t.spacingTokenChanges,t.activeColor,t.strokeWidth,r,o])}function tl(e){let t=$(e);F(()=>t.current(),[])}function Ru(e){let t=n=>{if(n.ctrlKey||n.defaultPrevented)return;let r=Math.abs(n.deltaX)>Math.abs(n.deltaY),o=r?n.deltaX:n.deltaY;if(o){for(let i of n.composedPath()){if(i instanceof HTMLElement){let a=getComputedStyle(i),l=r?a.overflowX:a.overflowY,d=r?i.scrollLeft:i.scrollTop,c=r?i.scrollWidth-i.clientWidth:i.scrollHeight-i.clientHeight;if(/^(auto|scroll|overlay)$/.test(l)&&c>0){if(o<0?d>0:d<c-1)return;let u=r?a.overscrollBehaviorX:a.overscrollBehaviorY;if(u==="contain"||u==="none")break}}if(i===e)break}n.preventDefault()}};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)}var Pu="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMic+PGRlZnM+PHBhdHRlcm4gaWQ9J2QnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnPjxwYXRoIGQ9J00tMSwxIGwyLC0yIE0wLDQgbDQsLTQgTTMsNSBsMiwtMicgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScuNScvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSd1cmwoI2QpJy8+PC9zdmc+",zu={borderWidth:3,borderStyle:"solid",borderImage:`url("${Pu}") 4 / 1.9 / 0 round`};function Ar(e){let t=new Set,n=new Map;for(let i of e){if(!i.linkedSelector)continue;let a=n.get(i.linkedSelector)||[];a.push(i),n.set(i.linkedSelector,a)}let r=new Set,o=new Set;for(let i of n.values()){if(i.length<=1){i[0]?.groupId&&o.add(i[0].groupId);continue}i.sort((l,d)=>d.timestamp-l.timestamp);let a=i[0];a.groupId&&o.add(a.groupId);for(let l=1;l<i.length;l++){let d=i[l];t.add(d),d.groupId&&r.add(d.groupId)}}for(let i of e)i.groupId&&r.has(i.groupId)&&!o.has(i.groupId)&&t.add(i);return t}function $r(e){let t=e.trim().toLowerCase(),n=t.match(/oklch\(\s*([\d.]+%?)/);if(n){let i=n[1];return i.endsWith("%")?parseFloat(i)/100:parseFloat(i)}let r=t.match(/rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/);if(r){let[i,a,l]=[parseInt(r[1],10),parseInt(r[2],10),parseInt(r[3],10)];return(.2126*i+.7152*a+.0722*l)/255}let o=t.match(/hsla?\(\s*[\d.]+[,\s]+[\d.]+%?[,\s]+([\d.]+)%?/);if(o)return parseFloat(o[1])/100;if(t.startsWith("#")){let i=t.slice(1);(i.length===3||i.length===4)&&(i=i[0]+i[0]+i[1]+i[1]+i[2]+i[2]);let a=parseInt(i.slice(0,2),16),l=parseInt(i.slice(2,4),16),d=parseInt(i.slice(4,6),16);if(!isNaN(a))return(.2126*a+.7152*l+.0722*d)/255}return null}function Hu(e){return(t,n)=>{let r=$r(t[1]),o=$r(n[1]);return r!==null&&o!==null?r-o:t[0].localeCompare(n[0])}}function Ou(e){let t=e.replace(/^--/,"");t=t.replace(/^(?:color|clr)-/,"");let n=t.split("-");return n.length>1&&/^\d+$/.test(n[n.length-1])&&n.pop(),n.join("-")}function Du(e){let t=new Map;for(let o of e){let i=Ou(o[0]),a=t.get(i);a||(a=[],t.set(i,a)),a.push(o)}let n=Hu();for(let o of t.values())o.sort(n);let r=[...t.entries()];return r.sort((o,i)=>{let a=$r(o[1][0][1])??0,l=$r(i[1][0][1])??0;return a-l}),r}function ju(e){return e<=1?"zero":e<=4?"low":e<=7?"medium":"high"}var nl=new Set(["expresses"]),Fo={project:0,route:1,selector:2,component:3,file:4};function Wu(e){return`${e.scope.kind}:${[...e.scope.values].sort().join("|")||"*"}`}function _u(e){return e.scope.kind==="project"&&e.scope.values.length===0?"Project":e.scope.values.join(", ")||e.scope.kind}function rl(e,t){let n=e.kind==="intention"?5:e.kind==="principle"?4:1,r=4-Fo[e.scope.kind];return n+r+Math.min(3,t)*3+Math.min(2,e.evidenceCount/3)}function Bu(e){return e.scope.kind==="project"||e.kind==="principle"||e.kind==="intention"&&e.evidenceCount>=2}function ir(e,t,n){return[...e].sort((r,o)=>{let i=t.get(r),a=t.get(o);return rl(a,n.get(o)?.length??0)-rl(i,n.get(r)?.length??0)||a.updatedAt.localeCompare(i.updatedAt)})}function Fu(e){let t=e.explanations.filter(k=>k.state!=="retired"),n=new Map(t.map(k=>[k.id,k])),r=t.filter(k=>k.state!=="challenged"),o=new Set(r.map(k=>k.id)),i=new Map,a=new Map,l=new Set;for(let k of t)for(let w of k.relations){if(!nl.has(w.type))continue;let E=w.direction==="outgoing"?k.id:w.explanationId,M=w.direction==="outgoing"?w.explanationId:k.id,S=`${E}:${M}`;l.has(S)||!o.has(E)||!o.has(M)||(l.add(S),i.set(M,new Set([...i.get(M)??[],E])),a.set(E,new Set([...a.get(E)??[],M])))}let d=new Map,c=new Map;for(let[k,w]of i)d.set(k,ir(w,n,d));for(let[k,w]of a)c.set(k,ir(w,n,d));let u=ir(r.flatMap(k=>(c.get(k.id)?.length??0)>0?[]:(d.get(k.id)?.length??0)>0||Bu(k)?[k.id]:[]),n,d),p=new Set,h=k=>{if(!p.has(k)){p.add(k);for(let w of d.get(k)??[])h(w)}};u.forEach(h);let f=new Map;for(let k of u){let w=n.get(k),E=Wu(w),M=f.get(E);M?M.rootIds.push(k):f.set(E,{id:E,label:_u(w),scopeKind:w.scope.kind,rootIds:[k]})}let g=[...f.values()].sort((k,w)=>Fo[k.scopeKind]-Fo[w.scopeKind]||k.label.localeCompare(w.label)),y=ir(r.flatMap(k=>p.has(k.id)?[]:[k.id]),n,d),C=ir(t.flatMap(k=>k.state==="challenged"?[k.id]:[]),n,d);return{explanationsById:n,childrenById:d,parentIdsById:c,sections:g,unplacedIds:y,challengedIds:C}}function Vu(e,t){let n=new Set([...e.explanationsById.values()].flatMap(a=>t(a)?[a.id]:[])),r=new Set(n),o=[...n];for(;o.length;){let a=o.pop();for(let l of e.parentIdsById.get(a)??[])r.has(l)||(r.add(l),o.push(l))}let i=a=>new Map([...a].flatMap(([l,d])=>r.has(l)?[[l,d.filter(c=>r.has(c))]]:[]));return{explanationsById:e.explanationsById,childrenById:i(e.childrenById),parentIdsById:i(e.parentIdsById),sections:e.sections.flatMap(a=>{let l=a.rootIds.filter(d=>r.has(d));return l.length?[{...a,rootIds:l}]:[]}),unplacedIds:e.unplacedIds.filter(a=>n.has(a)),challengedIds:e.challengedIds.filter(a=>n.has(a))}}function Qu(e){return e.type==="expresses"?e.direction==="incoming"?"Expressed through":"Expression of":e.type==="excepts"?e.direction==="incoming"?"Has exception":"Exception to":e.type==="supersedes"?e.direction==="incoming"?"Replaced by":"Replaces":"Related to"}function Zu(e){return nl.has(e.type)}var qu=/^#[0-9a-fA-F]{3,8}$/,Uu=/^(?:rgba?|hsla?|oklch)\([^)]+\)$/,Ju=new Set(["black","white","red","blue","green","yellow","orange","purple","pink","gray","grey","cyan","magenta","brown","navy","teal","maroon","olive","silver","aqua","fuchsia","lime"]),Yu=/^-?\d+(\.\d+)?(px|rem|em|%)$/;function ol(e){let t=e.trim();return qu.test(t)||Uu.test(t)||Ju.has(t.toLowerCase())}function Xu(e){return Yu.test(e.trim())}function Ku(e){let t=e.trim().match(/^(-?\d+(?:\.\d+)?)px$/);return t?parseFloat(t[1]):null}function Vo(e,t=""){if(e==null)return[];if(typeof e!="object")return[[t,String(e)]];if(Array.isArray(e))return[[t,e.map(String).join(", ")]];let n=[];for(let[r,o]of Object.entries(e)){let i=t?`${t}.${r}`:r;if(o!==null&&typeof o=="object"&&!Array.isArray(o)){let a=o;typeof a.value=="string"?n.push([i,a.value]):n.push(...Vo(o,i))}else n.push([i,Array.isArray(o)?o.map(String).join(", "):String(o??"")])}return n}function Gu(e){return e.length===0?"generic":e.filter(([,t])=>ol(t)).length>e.length/2?"colors":e.filter(([,t])=>Xu(t)).length>e.length/2?"spacing":"generic"}var ep={width:360,backgroundColor:"var(--popmelt-library-surface)",border:"1px solid var(--popmelt-library-border)",borderRadius:20,boxSizing:"border-box",zIndex:10001,display:"flex",flexDirection:"column",overflow:"hidden",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",color:"var(--popmelt-library-primary)",padding:16,pointerEvents:"auto",backdropFilter:"blur(59.5px)",WebkitBackdropFilter:"blur(59.5px)"};function tp({varName:e,value:t,reference:n}){return s("div",{title:n?`${e} \u2192 ${n}
|
|
207
|
+
${t}`:`${e}: ${t}`,style:{width:28,height:28,backgroundColor:t,outline:"1px solid var(--popmelt-library-hairline)",outlineOffset:-1,position:"relative"},children:n&&s(Mo,{size:10,strokeWidth:2.5,style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:"white",filter:"drop-shadow(0 0 1px rgba(0,0,0,0.5))"}})})}function np({entries:e,references:t}){let n=[],r=[];for(let i of e)ol(i[1])?n.push(i):r.push(i);let o=Du(n);return v(Me,{children:[o.map(([i,a])=>v("div",{style:{marginBottom:4},children:[v("div",{style:{fontSize:10,color:"var(--popmelt-library-muted)",marginBottom:2},children:[i,a.length>1?` (${a.length})`:""]}),s("div",{style:{display:"flex",flexWrap:"wrap",gap:2},children:a.map(([l,d])=>s(tp,{varName:l,value:d,reference:t[l]},l))})]},i)),r.length>0&&s(Qo,{entries:r})]})}var Nr=[0,1,2,4,8,12,16,20,24,28,32];function rp(e){if(e<=32){let t=Nr[0],n=Math.abs(e-t);for(let r=1;r<Nr.length;r++){let o=Math.abs(e-Nr[r]);o<n&&(t=Nr[r],n=o)}return t}return Math.round(e/8)*8}function op({label:e,value:t,px:n,tokenPath:r,rawToken:o,onHover:i,onModify:a,onDelete:l}){let[d,c]=R(!1),[u,p]=R(null),h=$(!1),f=$(0),g=$(0),y=$([]),C=u!==null?u:n,k=u!==null?`${u}px`:t,w=u!==null,E=oe(S=>{S.preventDefault(),h.current=!0,f.current=S.clientX,g.current=n;let T=yo(o);y.current=Td(T);let N=P=>{let L=P.clientX-f.current,W=Math.max(0,Math.round(g.current+L));P.shiftKey&&(W=rp(W));for(let Z of y.current)Z.element.style.setProperty(Z.property,W+"px","important");p(W),i?.({name:e,px:W,token:T})},H=()=>{window.removeEventListener("mousemove",N),window.removeEventListener("mouseup",H),document.body.style.cursor="",h.current=!1,p(P=>{if(P!==null&&P!==n&&a){let L=yo(o),W=L.bindings&&L.bindings.length>0,Z;if(W){let J=ea(L.bindings,g.current,P);Z=JSON.stringify({...L,value:`${P}px`,bindings:J})}else{let J=Ed(y.current,g.current),ye=Ld(y.current);if(J.length>0){let G=ea(J,g.current,P);Z=JSON.stringify({value:`${P}px`,property:ye,bindings:G})}else Z=`${P}px`}let ae=typeof o=="string"?o:JSON.stringify(o),pe=y.current.map(J=>({selector:Wt(J.element),property:J.property})),le=Ad(y.current,g.current,P);a({tokenPath:r,originalValue:ae,currentValue:Z,targets:pe,originalPx:g.current,currentPx:P},{id:Math.random().toString(36).substring(2,9),tokenPath:r,tokenName:e,originalPx:g.current,newPx:P,affectedElements:le})}return P})};document.body.style.cursor="ew-resize",window.addEventListener("mousemove",N),window.addEventListener("mouseup",H)},[n,e,r,o,i,a]),M=yo(o);return v("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:11,padding:"1px 0",cursor:"ew-resize",userSelect:"none"},onMouseEnter:()=>{h.current||(c(!0),i?.({name:e,px:C,token:M}))},onMouseLeave:()=>{h.current||(c(!1),i?.(null))},onMouseDown:E,children:[s("span",{style:{color:d||w?"#FF0000":"var(--popmelt-library-muted)"},children:e}),v("span",{style:{display:"flex",alignItems:"center",gap:4},children:[s("span",{style:{color:d||w?"#FF0000":"var(--popmelt-library-secondary)",fontWeight:600},children:k}),l&&d&&!w&&s("button",{type:"button",title:"Remove token",onMouseDown:S=>{S.stopPropagation();let T=typeof o=="string"?o:JSON.stringify(o);l(r,T)},style:{border:"none",background:"none",cursor:"pointer",padding:0,fontSize:10,lineHeight:1,color:"var(--popmelt-library-muted)"},onMouseEnter:S=>{S.currentTarget.style.color="#FF0000"},onMouseLeave:S=>{S.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]})]})}function ip({entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}){let a=[],l=[];for(let d of e){let c=Ku(d[1]);c!==null?a.push([d[0],d[1],c]):l.push(d)}return v(Me,{children:[a.length>0&&s("div",{style:{display:"flex",flexDirection:"column",gap:2},children:a.map(([d,c,u])=>{let p=d.split(".").pop(),h=n?ap(n,d):c,f=h&&typeof h=="object"&&"value"in h?h:c;return s(op,{label:p,value:c,px:u,tokenPath:`tokens.${t}.${d}`,rawToken:f,onHover:r,onModify:o,onDelete:i},d)})}),l.length>0&&s(Qo,{entries:l})]})}function ap(e,t){let n=t.split("."),r=e;for(let o of n){if(r==null||typeof r!="object")return;r=r[o]}return r}function Qo({entries:e}){return s("div",{style:{display:"flex",flexDirection:"column",gap:3},children:e.map(([t,n])=>v("div",{style:{fontSize:11},children:[s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:10,marginBottom:1},children:t}),s("div",{style:{color:"var(--popmelt-library-primary)",lineHeight:1.4,paddingLeft:8},children:n})]},t))})}function il({entries:e,categoryKey:t,rawTokens:n,onSpacingHover:r,onModifyToken:o,onDeleteToken:i}){let a=Gu(e);return a==="colors"?s(np,{entries:e,references:{}}):a==="spacing"?s(ip,{entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}):s(Qo,{entries:e})}function lp(e){let t=e.toLowerCase(),n=null,r=document.createTreeWalker(document.body,NodeFilter.SHOW_ELEMENT,{acceptNode(i){return i.closest("#devtools-toolbar, #devtools-canvas, #devtools-scrim, [data-popmelt-panel]")?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),o=r.currentNode;for(;o=r.nextNode();){let i=o,a=Object.keys(i).find(d=>d.startsWith("__reactFiber$")||d.startsWith("__reactInternalInstance$"));if(!a)continue;let l=i[a];for(;l;){let d=l.type,c=typeof d=="function"||typeof d=="object"?d?.displayName||d?.name:null;if(typeof c=="string"){let u=c.toLowerCase();if(u===t){let p={...l.memoizedProps};return delete p.ref,{type:d,props:p}}if(!n){if(u.length>=4&&t.includes(u)){let p={...l.memoizedProps};delete p.ref,n={type:d,props:p}}else if(t.length>=4&&u.includes(t)){let p={...l.memoizedProps};delete p.ref,n={type:d,props:p}}}}l=l.return}}return n}var sp=class extends Hd{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(){this.props.onError()}render(){return this.state.hasError?null:this.props.children}};function dp({tokens:e,onSpacingHover:t,onModifyToken:n,onDeleteToken:r}){return!e||Object.keys(e).length===0?s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"No projected tokens yet."}):s("div",{style:{display:"flex",flexDirection:"column",gap:12},children:Object.entries(e).map(([o,i])=>{let a=Vo(i);return v("section",{children:[s("div",{style:{color:"var(--popmelt-library-secondary)",fontSize:10,fontWeight:700,letterSpacing:"0.05em",marginBottom:6,textTransform:"uppercase"},children:o}),s(il,{entries:a,categoryKey:o,rawTokens:i,onSpacingHover:t,onModifyToken:n,onDeleteToken:r})]},o)})})}function cp({name:e,value:t,selected:n,highlighted:r,onRemove:o,onHover:i}){let[a,l]=R(!1),[d,c]=R(!1),u=$(null),p=$(0),[h,f]=R(0),[g,y]=R(0),C=Vo(t),k=C.find(([P])=>P==="description")?.[1];F(()=>{if(!d&&!r){f(0),y(0),p.current=0;return}let P=Gi(e);f(P.length)},[d,r,e]),F(()=>{n&&u.current&&u.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[n]);let w=n||r||d,E=n?"139,92,246":"34,197,94",M=n?"#8b5cf6":"#22c55e",S=w?`rgba(${E},0.06)`:void 0,T=w?`inset 0 0 0 1.5px rgba(${E},0.35)`:void 0,N=r||d,H=oe(()=>{let P=Gi(e);if(P.length===0)return;let L=p.current%P.length;P[L].rootElement.scrollIntoView({behavior:"smooth",block:"center"}),y(L),p.current=L+1,i?.({name:e,instanceIndex:L})},[e,i]);return v("div",{ref:u,onClick:H,onMouseEnter:()=>{c(!0),i?.({name:e,instanceIndex:0})},onMouseLeave:()=>{c(!1),i?.(null)},style:{marginBottom:8,background:S,padding:6,boxShadow:T,cursor:"pointer"},children:[v("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[v("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:6},children:[s("div",{style:{fontWeight:700,fontSize:11,letterSpacing:"0.05em",padding:"2px 6px",backgroundColor:N?M:"transparent",color:N?"#fff":"var(--popmelt-library-secondary)"},children:e}),N&&h>1&&v("span",{style:{fontSize:10,fontWeight:600,color:"var(--popmelt-library-muted)"},children:[g+1,"/",h]})]}),o&&d&&s("button",{type:"button",title:"Remove from model",onClick:P=>{P.stopPropagation(),o(e)},style:{border:"none",background:"none",cursor:"pointer",padding:"0 2px",fontSize:14,lineHeight:1,color:"var(--popmelt-library-muted)",marginTop:-4},onMouseEnter:P=>{P.currentTarget.style.color="#FF0000"},onMouseLeave:P=>{P.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]}),k&&s("div",{style:{fontSize:11,color:N?"var(--popmelt-library-primary)":"var(--popmelt-library-muted)",marginBottom:6,lineHeight:1.4},children:k}),a?s(il,{entries:C.filter(([P])=>P!=="description"),categoryKey:""}):s(up,{name:e,onNotFound:()=>l(!0),entries:C})]})}function up({name:e,onNotFound:t}){let[n,r]=R(null),[o,i]=R(!1);return F(()=>{let a=lp(e);a||t(),r(a),i(!0)},[e,t]),!o||!n?null:s(sp,{onError:t,children:s("div",{"data-popmelt-panel":!0,onClick:a=>{a.preventDefault(),a.stopPropagation()},style:{width:"100%",overflowY:"auto",overflowX:"hidden",maxHeight:150,padding:"1rem",outline:"1px solid var(--popmelt-library-soft-hairline)",backgroundColor:"var(--popmelt-library-raised)",boxSizing:"border-box",marginBottom:4,display:"flex",flexDirection:"column",justifyContent:"stretch",alignItems:"center",contain:"layout paint",position:"relative",isolation:"isolate"},children:s("div",{style:{zoom:.5,pointerEvents:"none"},children:da(n.type,n.props)})})})}function pp({components:e,selectedComponent:t,hoveredComponent:n,onRemove:r,onHover:o}){if(!e||Object.keys(e).length===0)return s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."});let i=new Set(Object.keys(e)),a=Id(i),l=Object.entries(e).sort(([d],[c])=>(a.get(d)??1/0)-(a.get(c)??1/0));return s(Me,{children:l.map(([d,c])=>s(cp,{name:d,value:c,selected:t===d,highlighted:n===d,onRemove:r,onHover:o},d))})}var fp={emerging:"Emerging",testing:"Emerging",grounded:"Grounded",challenged:"Challenged",retired:"Retired"};function hp(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}function al(e,t){return t==="all"?e.state!=="retired":t==="emerging"?e.state==="emerging"||e.state==="testing":e.state===t}function mp({explanation:e}){let t=ju(e.evidenceCount);return v("span",{"aria-hidden":!0,style:{display:"flex",alignItems:"center",width:14,height:14},children:[s(Nc,{size:14,strokeWidth:1.8,style:{flexShrink:0,marginRight:-14,color:"var(--popmelt-library-muted)"}}),s(t==="zero"?Rc:t==="low"?Pc:t==="medium"?zc:Hc,{size:14,strokeWidth:1.8,style:{flexShrink:0,color:"var(--popmelt-library-primary)"}})]})}function Zo({explanation:e,expanded:t,onToggle:n,onViewThread:r}){let o=e.state==="challenged",i=e.relations.filter(l=>!Zu(l)),a=`${e.evidenceCount} ${e.evidenceCount===1?"signal":"signals"}`;return v("article",{style:{background:e.state==="grounded"?"var(--popmelt-library-raised)":"var(--popmelt-library-soft-surface)",border:"1px solid var(--popmelt-library-soft-hairline)",borderRadius:24,overflow:"hidden"},children:[v("button",{type:"button","aria-expanded":t,onClick:n,style:{width:"100%",border:0,background:"none",color:o?"var(--popmelt-library-muted)":"var(--popmelt-library-primary)",cursor:"pointer",fontFamily:"inherit",textAlign:"left",padding:16},children:[v("div",{style:{display:"flex",alignItems:"center",gap:4,marginBottom:12,color:o?"var(--popmelt-library-muted)":"var(--popmelt-library-secondary)",fontSize:12,fontWeight:500,lineHeight:1.3,letterSpacing:"0.12px"},children:[s("span",{children:fp[e.state]}),s("span",{style:{color:"var(--popmelt-library-muted)"},children:e.kind.charAt(0).toUpperCase()+e.kind.slice(1)}),v("span",{"data-popmelt-signal-tooltip-trigger":!0,"aria-label":a,style:{display:"inline-flex",marginLeft:"auto",position:"relative"},children:[s(mp,{explanation:e}),s("span",{"data-popmelt-signal-tooltip":!0,"aria-hidden":!0,children:a})]})]}),s("div",{style:{fontSize:14,lineHeight:1.3,fontWeight:400,...t?{}:{display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:4,overflow:"hidden"}},children:e.statement})]}),t&&v("div",{style:{padding:"14px 16px 16px",color:"var(--popmelt-library-secondary)",fontSize:12,lineHeight:1.45},children:[s("div",{children:e.rationale}),e.needsGrounding&&s("div",{style:{marginTop:14,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Awaiting confirmation"}),e.concrete.length>0&&v("div",{style:{marginTop:14},children:[s("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Concrete expression"}),e.concrete.map(l=>v("div",{style:{marginBottom:5,overflowWrap:"anywhere"},children:[s("code",{style:{color:"var(--popmelt-library-muted-strong)"},children:l.modelPath})," ","= ",hp(l.value)]},l.id))]}),i.length>0&&v("div",{style:{marginTop:14},children:[s("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Related understanding"}),i.slice(0,4).map(l=>v("div",{style:{marginBottom:5},children:[s("span",{style:{color:"var(--popmelt-library-muted-strong)"},children:Qu(l)})," ","\xB7 ",l.statement]},l.id))]}),e.recentEvidence.length>0&&v("div",{style:{marginTop:14},children:[s("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Recent grounding"}),e.recentEvidence.map(l=>s("div",{style:{marginBottom:7},children:l.summary},l.id))]}),r&&e.sourceThreadIds[0]&&s("button",{type:"button",onClick:()=>r(e.sourceThreadIds[0]),style:{marginTop:14,border:0,borderRadius:12,background:"var(--popmelt-library-soft-surface)",color:"var(--popmelt-library-primary)",cursor:"pointer",font:"inherit",fontWeight:500,padding:"7px 10px"},children:"Open source thread"})]})]})}function ll({id:e,depth:t,projection:n,expandedIds:r,onToggle:o,onViewThread:i}){let a=n.explanationsById.get(e);if(!a)return null;let l=n.childrenById.get(e)??[],d=r.has(e);return v("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[s(Zo,{explanation:a,expanded:d,onToggle:()=>o(e),onViewThread:i}),d&&l.length>0&&s("div",{style:{display:"flex",flexDirection:"column",gap:4,marginLeft:Math.min(24,8+t*4),paddingLeft:8,borderLeft:"1px solid var(--popmelt-library-soft-hairline)"},children:l.map(c=>s(ll,{id:c,depth:t+1,projection:n,expandedIds:r,onToggle:o,onViewThread:i},c))})]})}function gp({view:e,filter:t,onViewThread:n}){let[r,o]=R(()=>new Set),i=oe(c=>{o(u=>{let p=new Set(u);return p.has(c)?p.delete(c):p.add(c),p})},[]),a=ue(()=>Fu(e),[e]),l=ue(()=>t==="all"?a:Vu(a,c=>al(c,t)),[t,a]),d=e.explanations.filter(c=>al(c,t)).length;return F(()=>{t!=="all"&&o(new Set([...l.childrenById].flatMap(([c,u])=>u.length?[c]:[])))},[t,l]),e.counts.total===0?s("div",{style:{color:"var(--popmelt-library-muted)",lineHeight:1.5,fontSize:12},children:"No shared understanding yet. It will form continuously as you collaborate in threads."}):d===0?v("div",{style:{color:"var(--popmelt-library-muted)",lineHeight:1.5,fontSize:12},children:["No ",t," understanding yet."]}):v("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[l.sections.map(c=>v("section",{style:{display:"flex",flexDirection:"column",gap:4},children:[s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:10,fontWeight:500,letterSpacing:"0.08em",padding:"0 4px 4px",textTransform:"uppercase"},children:c.label}),c.rootIds.map(u=>s(ll,{id:u,depth:0,projection:l,expandedIds:r,onToggle:i,onViewThread:n},u))]},c.id)),l.unplacedIds.length>0&&v("details",{open:t!=="all",children:[v("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["+ ",l.unplacedIds.length," observations still finding their place"]}),s("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:l.unplacedIds.map(c=>{let u=l.explanationsById.get(c);return u?s(Zo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]}),l.challengedIds.length>0&&v("details",{open:t==="challenged",children:[v("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["\u2212 ",l.challengedIds.length," challenged explanations"]}),s("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:l.challengedIds.map(c=>{let u=l.explanationsById.get(c);return u?s(Zo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]})]})}function yp({bridgeUrl:e,onMouseEnter:t,onMouseLeave:n,selectedComponent:r,hoveredComponent:o,onComponentHover:i,onSpacingTokenHover:a,onModifySpacingToken:l,onDeleteSpacingToken:d,onComponentAdded:c,onComponentRemoved:u,onViewThread:p,snapPosition:h="bottom-right",temporarilyHidden:f=!1}){let[g,,y]=ho(e),C=Ie[g],k={"--popmelt-library-surface":C.surface,"--popmelt-library-raised":C.raisedSurface,"--popmelt-library-control":C.control,"--popmelt-library-soft-surface":C.softSurface,"--popmelt-library-hover-surface":C.hoverSurface,"--popmelt-library-primary":C.primary,"--popmelt-library-filter-active":C.hoverForeground,"--popmelt-library-secondary":C.secondary,"--popmelt-library-muted":C.muted,"--popmelt-library-muted-strong":C.mutedStrong,"--popmelt-library-border":C.border,"--popmelt-library-hairline":C.hairline,"--popmelt-library-soft-hairline":C.softHairline},[w,E]=R(void 0),[M,S]=R({head:{sequence:0,updatedAt:new Date(0).toISOString()},counts:{total:0,emerging:0,testing:0,grounded:0,challenged:0,retired:0,needsGrounding:0},explanations:[]}),[T,N]=R(!0),[H]=R("understanding"),[P,L]=R("all"),W=$(null),[Z,ae]=R({hasAbove:!1,hasBelow:!1}),[pe,le]=R(()=>typeof window>"u"?1920:window.visualViewport?.width??window.innerWidth);F(()=>{let A=()=>le(window.visualViewport?.width??window.innerWidth);return window.addEventListener("resize",A),window.visualViewport?.addEventListener("resize",A),()=>{window.removeEventListener("resize",A),window.visualViewport?.removeEventListener("resize",A)}},[]);let J=oe(()=>{let A=W.current;if(!A)return;let I={hasAbove:A.scrollTop>1,hasBelow:A.scrollTop+A.clientHeight<A.scrollHeight-1};ae(j=>j.hasAbove===I.hasAbove&&j.hasBelow===I.hasBelow?j:I)},[]);F(()=>{let A=!1;return gd(e).then(I=>{A||(S(I),N(!1))}),()=>{A=!0}},[e]),F(()=>{let A=requestAnimationFrame(J),I=W.current;if(!I||typeof ResizeObserver>"u")return()=>cancelAnimationFrame(A);let j=new ResizeObserver(J);j.observe(I);let _=I.firstElementChild;return _&&j.observe(_),()=>{cancelAnimationFrame(A),j.disconnect()}},[P,M,T,J]);let ye=oe(A=>{E(I=>{if(!I?.components)return I;let{[A]:j,..._}=I.components;return{...I,components:_}}),u?.(A)},[u]),G=w?.components,be=w?.tokens,Ee=G&&Object.keys(G).length>0,X=be&&Object.keys(be).length>0,xe=$(null);return F(()=>{let A=xe.current;if(!A)return;let I=t,j=n;return I&&A.addEventListener("mouseenter",I),j&&A.addEventListener("mouseleave",j),()=>{I&&A.removeEventListener("mouseenter",I),j&&A.removeEventListener("mouseleave",j)}},[t,n]),v("div",{ref:xe,"data-devtools":"imprint-panel","data-popmelt-font":"sans","data-popmelt-theme":g,"data-popmelt-theme-preference":y,"aria-hidden":f||void 0,style:{...ep,...k,...eu(h,pe),opacity:f?0:1,visibility:f?"hidden":"visible",pointerEvents:f?"none":"auto",transition:f?`opacity ${It}ms ease, visibility 0s linear ${It}ms`:"none"},children:[s("style",{children:`
|
|
208
208
|
[data-popmelt-imprint-filter]:hover {
|
|
209
209
|
background: var(--popmelt-library-hover-surface) !important;
|
|
210
210
|
color: var(--popmelt-library-filter-active) !important;
|
|
@@ -238,9 +238,9 @@ ${t}`:`${e}: ${t}`,style:{width:28,height:28,backgroundColor:t,outline:"1px soli
|
|
|
238
238
|
@media (hover: none), (pointer: coarse) {
|
|
239
239
|
[data-popmelt-imprint-filter] { min-height: 40px; }
|
|
240
240
|
}
|
|
241
|
-
`}),v("div",{style:{display:"flex",alignItems:"center",gap:6,fontWeight:600,fontSize:14,marginBottom:16},children:[s(ua,{size:16,strokeWidth:1.8,"aria-hidden":!0}),s("span",{children:"Imprint"}),s("code",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:18,height:18,boxSizing:"border-box",fontSize:12,fontWeight:500,backgroundColor:"var(--popmelt-library-control)",borderRadius:6,color:"var(--popmelt-library-muted-strong)"},children:"I"})]}),s("div",{style:{display:"flex",gap:0,marginBottom:16},children:["all","grounded","emerging","challenged"].map(A=>s("button",{"data-popmelt-imprint-filter":!0,type:"button","aria-pressed":P===A,onClick:()=>L(A),style:{border:0,borderRadius:8,background:P===A?"var(--popmelt-library-raised)":"transparent",color:P===A?"var(--popmelt-library-filter-active)":"var(--popmelt-library-muted)",cursor:"pointer",fontFamily:"inherit",fontSize:12,fontWeight:500,letterSpacing:"-0.12px",lineHeight:1.3,padding:"4px 8px"},children:A.charAt(0).toUpperCase()+A.slice(1)},A))}),s("div",{ref:j,"data-popmelt-imprint-scroll":!0,onScroll:J,style:{flex:1,overflowY:"auto",minHeight:0,margin:"0 -16px -16px",padding:"0 16px 16px",boxSizing:"border-box",maskImage:Z.hasAbove&&Z.hasBelow?"linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)":Z.hasAbove?"linear-gradient(to bottom, transparent 0, black 24px)":Z.hasBelow?"linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)":void 0,WebkitMaskImage:Z.hasAbove&&Z.hasBelow?"linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)":Z.hasAbove?"linear-gradient(to bottom, transparent 0, black 24px)":Z.hasBelow?"linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)":void 0},children:s("div",{children:T?s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"Loading..."}):H==="understanding"?s(gp,{view:M,filter:P,onViewThread:p}):H==="patterns"?Ee?s(pp,{components:G,selectedComponent:r,hoveredComponent:o,onRemove:ye,onHover:i}):s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."}):X?s(dp,{tokens:be,onSpacingHover:a,onModifyToken:l,onDeleteToken:d}):s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No design tokens defined yet."})})})]})}function sl(e){let t=(e.id||e.label).replace(/^.*\//,"").match(/(?:^|[\s-])(\d+)(?:[.\s-](\d{1,2}))?/);return t?Number(t[1])*1e3+Number(t[2]??0):0}function dl(e){if(e.tierRank!==void 0)return e.tierRank;let t=`${e.id} ${e.label}`.toLowerCase();return/\b(nano|spark|haiku)\b/.test(t)?1:/\b(mini|luna|flash)\b/.test(t)?2:/\b(terra|sonnet)\b/.test(t)?3:/\b(sol|opus|pro)\b/.test(t)?4:/\b(fable|ultra)\b/.test(t)?5:3}function cl(e){let t=e.length>0&&e.every(({model:n})=>n.releaseDate&&Number.isFinite(Date.parse(n.releaseDate)));return[...e].sort((n,r)=>(t?Date.parse(n.model.releaseDate)-Date.parse(r.model.releaseDate):sl(n.model)-sl(r.model))||dl(n.model)-dl(r.model)||(r.model.catalogPriority??-r.index)-(n.model.catalogPriority??-n.index))}function ul(e,t){return cl(t.map((n,r)=>({index:r,model:n})))}function bp(e){return[...new Set(e.flatMap(t=>t.upstreamProvider?[t.upstreamProvider]:[]))]}function vp(e,t){let n=Pr(t);return n?e.filter(r=>Pr(`${r} ${Rr(r)}`).includes(n)):e}function xp(e,t){if(!e||!t)return"";let n=Rr(e);return Pr(`${e} ${n}`).includes(Pr(t))?n:""}function pl(e,t){return t?cl(e.flatMap((n,r)=>n.upstreamProvider===t?[{index:r,model:n}]:[])):[]}function wp(e,t){let n=pl(e,t);return n.find(r=>r.model.isDefault)?.index??n[0]?.index??0}function Rr(e){let t={anthropic:"Anthropic","openai-codex":"OpenAI Codex",openai:"OpenAI",openrouter:"OpenRouter"};return t[e]?t[e]:e.split(/[-_]/).filter(Boolean).map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join(" ")}function Pr(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"")}var Cp="M 233.959793 800.214905 L 468.644287 668.536987 L 472.590637 657.100647 L 468.644287 650.738403 L 457.208069 650.738403 L 417.986633 648.322144 L 283.892639 644.69812 L 167.597321 639.865845 L 54.926208 633.825623 L 26.577238 627.785339 L 3.3e-05 592.751709 L 2.73832 575.27533 L 26.577238 559.248352 L 60.724873 562.228149 L 136.187973 567.382629 L 249.422867 575.194763 L 331.570496 580.026978 L 453.261841 592.671082 L 472.590637 592.671082 L 475.328857 584.859009 L 468.724915 580.026978 L 463.570557 575.194763 L 346.389313 495.785217 L 219.543671 411.865906 L 153.100723 363.543762 L 117.181267 339.060425 L 99.060455 316.107361 L 91.248367 266.01355 L 123.865784 230.093994 L 167.677887 233.073853 L 178.872513 236.053772 L 223.248367 270.201477 L 318.040283 343.570496 L 441.825592 434.738342 L 459.946411 449.798706 L 467.194672 444.64447 L 468.080597 441.020203 L 459.946411 427.409485 L 392.617493 305.718323 L 320.778564 181.932983 L 288.80542 130.630859 L 280.348999 99.865845 C 277.369171 87.221436 275.194641 76.590698 275.194641 63.624268 L 312.322174 13.20813 L 332.8591 6.604126 L 382.389313 13.20813 L 403.248352 31.328979 L 434.013519 101.71814 L 483.865753 212.537048 L 561.181274 363.221497 L 583.812134 407.919434 L 595.892639 449.315491 L 600.40271 461.959839 L 608.214783 461.959839 L 608.214783 454.711609 L 614.577271 369.825623 L 626.335632 265.61084 L 637.771851 131.516846 L 641.718201 93.745117 L 660.402832 48.483276 L 697.530334 24.000122 L 726.52356 37.852417 L 750.362549 72 L 747.060486 94.067139 L 732.886047 186.201416 L 705.100708 330.52356 L 686.979919 427.167847 L 697.530334 427.167847 L 709.61084 415.087341 L 758.496704 350.174561 L 840.644348 247.490051 L 876.885925 206.738342 L 919.167847 161.71814 L 946.308838 140.29541 L 997.61084 140.29541 L 1035.38269 196.429626 L 1018.469849 254.416199 L 965.637634 321.422852 L 921.825562 378.201538 L 859.006714 462.765259 L 819.785278 530.41626 L 823.409424 535.812073 L 832.75177 534.92627 L 974.657776 504.724915 L 1051.328979 490.872559 L 1142.818848 475.167786 L 1184.214844 494.496582 L 1188.724854 514.147644 L 1172.456421 554.335693 L 1074.604126 578.496765 L 959.838989 601.449829 L 788.939636 641.879272 L 786.845764 643.409485 L 789.261841 646.389343 L 866.255127 653.637634 L 899.194702 655.409424 L 979.812134 655.409424 L 1129.932861 666.604187 L 1169.154419 692.537109 L 1192.671265 724.268677 L 1188.724854 748.429688 L 1128.322144 779.194641 L 1046.818848 759.865845 L 856.590759 714.604126 L 791.355774 698.335754 L 782.335693 698.335754 L 782.335693 703.731567 L 836.69812 756.885986 L 936.322205 846.845581 L 1061.073975 962.81897 L 1067.436279 991.490112 L 1051.409424 1014.120911 L 1034.496704 1011.704712 L 924.885986 929.234924 L 882.604126 892.107544 L 786.845764 811.48999 L 780.483276 811.48999 L 780.483276 819.946289 L 802.550415 852.241699 L 919.087341 1027.409424 L 925.127625 1081.127686 L 916.671204 1098.604126 L 886.469849 1109.154419 L 853.288696 1103.114136 L 785.073914 1007.355835 L 714.684631 899.516785 L 657.906067 802.872498 L 650.979858 806.81897 L 617.476624 1167.704834 L 601.771851 1186.147705 L 565.530212 1200 L 535.328857 1177.046997 L 519.302124 1139.919556 L 535.328857 1066.550537 L 554.657776 970.792053 L 570.362488 894.68457 L 584.536926 800.134277 L 592.993347 768.724976 L 592.429626 766.630859 L 585.503479 767.516968 L 514.22821 865.369263 L 405.825531 1011.865906 L 320.053711 1103.677979 L 299.516815 1111.812256 L 263.919525 1093.369263 L 267.221497 1060.429688 L 287.114136 1031.114136 L 405.825531 880.107361 L 477.422913 786.52356 L 523.651062 732.483276 L 523.328918 724.671265 L 520.590698 724.671265 L 205.288605 929.395935 L 149.154434 936.644409 L 124.993355 914.01355 L 127.973183 876.885986 L 139.409409 864.80542 L 234.201385 799.570435 L 233.879227 799.8927 Z",kp="M60.8734,57.2556v-14.9432c0-1.2586.4722-2.2029,1.5728-2.8314l30.0443-17.3023c4.0899-2.3593,8.9662-3.4599,13.9988-3.4599,18.8759,0,30.8307,14.6289,30.8307,30.2006,0,1.1007,0,2.3593-.158,3.6178l-31.1446-18.2467c-1.8872-1.1006-3.7754-1.1006-5.6629,0l-39.4812,22.9651ZM131.0276,115.4561v-35.7074c0-2.2028-.9446-3.7756-2.8318-4.8763l-39.481-22.9651,12.8982-7.3934c1.1007-.6285,2.0453-.6285,3.1458,0l30.0441,17.3024c8.6523,5.0341,14.4708,15.7296,14.4708,26.1107,0,11.9539-7.0769,22.965-18.2461,27.527v.0021ZM51.593,83.9964l-12.8982-7.5497c-1.1007-.6285-1.5728-1.5728-1.5728-2.8314v-34.6048c0-16.8303,12.8982-29.5722,30.3585-29.5722,6.607,0,12.7403,2.2029,17.9324,6.1349l-30.987,17.9324c-1.8871,1.1007-2.8314,2.6735-2.8314,4.8764v45.6159l-.0014-.0015ZM79.3562,100.0403l-18.4829-10.3811v-22.0209l18.4829-10.3811,18.4812,10.3811v22.0209l-18.4812,10.3811ZM91.2319,147.8591c-6.607,0-12.7403-2.2031-17.9324-6.1344l30.9866-17.9333c1.8872-1.1005,2.8318-2.6728,2.8318-4.8759v-45.616l13.0564,7.5498c1.1005.6285,1.5723,1.5728,1.5723,2.8314v34.6051c0,16.8297-13.0564,29.5723-30.5147,29.5723v.001ZM53.9522,112.7822l-30.0443-17.3024c-8.652-5.0343-14.471-15.7296-14.471-26.1107,0-12.1119,7.2356-22.9652,18.403-27.5272v35.8634c0,2.2028.9443,3.7756,2.8314,4.8763l39.3248,22.8068-12.8982,7.3938c-1.1007.6287-2.045.6287-3.1456,0ZM52.2229,138.5791c-17.7745,0-30.8306-13.3713-30.8306-29.8871,0-1.2585.1578-2.5169.3143-3.7754l30.987,17.9323c1.8871,1.1005,3.7757,1.1005,5.6628,0l39.4811-22.807v14.9435c0,1.2585-.4721,2.2021-1.5728,2.8308l-30.0443,17.3025c-4.0898,2.359-8.9662,3.4605-13.9989,3.4605h.0014ZM91.2319,157.296c19.0327,0,34.9188-13.5272,38.5383-31.4594,17.6164-4.562,28.9425-21.0779,28.9425-37.908,0-11.0112-4.719-21.7066-13.2133-29.4143.7867-3.3035,1.2595-6.607,1.2595-9.909,0-22.4929-18.2471-39.3247-39.3251-39.3247-4.2461,0-8.3363.6285-12.4262,2.045-7.0792-6.9213-16.8318-11.3254-27.5271-11.3254-19.0331,0-34.9191,13.5268-38.5384,31.4591C11.3255,36.0212,0,52.5373,0,69.3675c0,11.0112,4.7184,21.7065,13.2125,29.4142-.7865,3.3035-1.2586,6.6067-1.2586,9.9092,0,22.4923,18.2466,39.3241,39.3248,39.3241,4.2462,0,8.3362-.6277,12.426-2.0441,7.0776,6.921,16.8302,11.3251,27.5271,11.3251Z",Sp="M29.8768 25.3531C30.9809 25.3531 31.876 26.2481 31.876 27.3522V31.3505C31.876 32.4545 30.9809 33.3496 29.8768 33.3496C28.7727 33.3496 27.8777 32.4545 27.8777 31.3505V27.3522C27.8777 26.2481 28.7727 25.3531 29.8768 25.3531ZM19.8812 25.3531C20.9852 25.3531 21.8803 26.2481 21.8803 27.3522V31.3505C21.8803 32.4545 20.9852 33.3496 19.8812 33.3496C18.7771 33.3496 17.882 32.4545 17.882 31.3505V27.3522C17.882 26.2481 18.7771 25.3531 19.8812 25.3531ZM24.8601 40.8772C36.974 40.8772 46.9603 33.8278 48.6801 30.8403C48.8058 30.6218 48.8464 30.3723 48.8464 30.1202V24.8018C48.8464 24.5813 48.8124 24.3622 48.7308 24.1574C47.9871 22.2899 46.0394 19.5773 43.5257 18.8495C43.1925 17.994 42.6989 16.7433 42.2384 15.8201C42.3154 15.1138 42.3426 14.3853 42.3426 13.6492C42.3426 10.99 41.7789 8.65743 40.0805 6.92044C39.2872 6.10915 38.3028 5.48684 37.1355 5.01903C34.3398 2.74775 30.2723 0.837036 24.8169 0.837036C19.3616 0.837036 15.3805 2.74775 12.5847 5.01903C11.4174 5.48684 10.433 6.10915 9.63975 6.92044C7.9413 8.65743 7.37764 10.99 7.37764 13.6492C7.37764 14.3853 7.40477 15.1138 7.48186 15.8201C7.02133 16.7433 6.52774 17.994 6.19449 18.8495C3.68082 19.5773 1.73309 22.2899 0.989389 24.1574C0.907813 24.3622 0.873779 24.5813 0.873779 24.8018V30.1202C0.873779 30.3723 0.914376 30.6218 1.04014 30.8403C2.75994 33.8278 12.7462 40.8772 24.8601 40.8772ZM26.485 13.0046C26.4 12.3422 26.3595 11.749 26.3584 11.2191L26.3584 11.1772C26.361 9.63975 26.6971 8.63938 27.2339 8.02499C27.9156 7.2448 29.3246 6.64707 32.2941 6.96844C35.3026 7.29402 36.9842 8.04072 37.9376 9.01574C38.8606 9.95971 39.3455 11.372 39.3455 13.6492C39.3455 16.0687 38.9969 17.4982 38.2302 18.3678C37.5012 19.1946 36.0656 19.8674 32.9214 19.8674C30.5041 19.8674 29.1221 19.0812 28.2386 17.9939C27.2899 16.8264 26.7559 15.1161 26.485 13.0046ZM23.2353 13.0046C23.3203 12.3422 23.3607 11.749 23.3619 11.2191L23.3619 11.1772C23.3592 9.63974 23.0232 8.63937 22.4863 8.02498C21.8046 7.24479 20.3957 6.64707 17.4261 6.96843C14.4176 7.29402 12.736 8.04071 11.7826 9.01573C10.8596 9.9597 10.3747 11.372 10.3747 13.6492C10.3747 16.0687 10.7234 17.4982 11.49 18.3677C12.219 19.1946 13.6546 19.8674 16.7989 19.8674C19.2161 19.8674 20.5981 19.0812 21.4816 17.9939C22.4304 16.8264 22.9643 15.1161 23.2353 13.0046ZM25.2042 18.8676L25.0543 18.8676C24.8715 18.8678 24.6005 18.868 24.516 18.8676C24.3045 19.2218 24.0693 19.5618 23.8075 19.884C22.2697 21.7764 19.9741 22.8644 16.7988 22.8644C13.3524 22.8644 10.8266 22.1471 9.24196 20.3498C9.15187 20.2476 9.07125 20.1406 9.07125 20.1406L8.87613 20.3498V33.5049C11.7429 35.0628 17.8959 37.8586 24.8601 37.8586C31.8243 37.8586 37.9773 35.0628 40.8441 33.5049V20.3498L40.649 20.1406C40.649 20.1406 40.5829 20.231 40.4783 20.3498C38.8936 22.1471 36.3678 22.8644 32.9214 22.8644C29.7461 22.8644 27.4506 21.7764 25.9127 19.884C25.6509 19.5618 25.4157 19.2218 25.2042 18.8676Z";function Ip({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"0 0 1200 1200",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:s("path",{d:Cp})})}function Mp({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"0 0 158.7128 157.296",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:s("path",{d:kp})})}function Tp({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"0 0 49.7202 40.0402",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:s("path",{d:Sp,fillRule:"evenodd",clipRule:"evenodd"})})}function Ep({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"8 8 48 48",fill:"none",style:{flexShrink:0,...t},children:s("path",{fill:"currentColor",d:"M14 16h36v8H40v32h-8V24h-6v22h-8V24h-4z"})})}function ar({provider:e,size:t=16,style:n}){return e==="codex"?s(Mp,{size:t,style:n}):e==="copilot"?s(Tp,{size:t,style:n}):e==="omp"?s(Ep,{size:t,style:n}):s(Ip,{size:t,style:n})}var fl=[{effort:"low",description:"Faster responses with lighter reasoning"},{effort:"medium",description:"Balanced reasoning depth"},{effort:"high",description:"Deeper reasoning for complex work"},{effort:"xhigh",description:"Extra-high reasoning depth"},{effort:"max",description:"Maximum reasoning depth"}],hl=[{id:"claude-opus-4-6",label:"Opus 4.6",source:"static",supportedReasoningLevels:fl},{id:"claude-sonnet-4-6",label:"Sonn 4.6",source:"static",supportedReasoningLevels:fl}],ml=[{id:"gpt-5.4",label:"GPT 5.4",source:"static"},{id:"gpt-5.3-codex",label:"Codex 5.3",source:"static"},{id:"gpt-5.3-codex-spark",label:"Spark 5.3",source:"static"}],gl=[{id:"",label:"Default",source:"static"}],yl=[{id:"",label:"OMP default",source:"static"}],Lp=[...hl,...ml,...gl,...yl];function Ap(e,t){if(t==="copilot"&&!e)return"Copilot";if(t==="omp"&&!e)return"OMP";if(!e)return t==="codex"?"Codex":"Claude Code";let n=Lp.find(r=>r.id===e);return n?n.label:e.replace(/-\d{8,}$/,"")}var zr=St,$p={minimal:"Minimal",low:"Low",medium:"Medium",high:"High",xhigh:"X-high",max:"Max",ultra:"Ultra"};function bl(e){let t=e.replace(/-/g," ").replace(/^claude\s+/i,"").replace(/^GPT\s*/i,"GPT ").replace(/^Sonn\b/i,"Sonnet").replace(/^(fable|opus|sonnet)\b/i,i=>i.charAt(0).toUpperCase()+i.slice(1).toLowerCase()),n=t.match(/^GPT\s+(\d+)(?:\.(\d+))?\b/i);if(!n)return t;let r=Number(n[1]),o=Number(n[2]??0);return r>5||r===5&&o>=6?t.replace(/^GPT\s+/i,""):t}function Np({count:e,index:t,pill:n}){let r=Math.min(e,7),o=e<=1?0:Math.round(t*(r-1)/(e-1));return s("span",{title:`${t+1} of ${e}`,style:{alignItems:"center",background:n?"#333":"transparent",borderRadius:9,display:"inline-flex",gap:2,justifyContent:"center",padding:n?"2px 4px":4,transition:"background-color 120ms ease, padding 120ms ease"},children:Array.from({length:r},(i,a)=>{let l=a===o;return s("span",{style:a===0&&!l?{background:"#555",borderRadius:2,height:6,width:1,transition:"background-color 120ms ease, height 120ms ease, width 120ms ease"}:{background:l?"#fff":"#888",borderRadius:999,height:l?3:2,width:l?3:2,transition:"background-color 120ms ease, height 120ms ease, width 120ms ease"}},a)})})}function qo({icon:e,options:t,selectedIndex:n,displayLabel:r,onSelect:o,scrub:i=!1,indicator:a="scale",indicatorActive:l=!0,onScrubChange:d}){let c=$(null),u=$(!1),[p,h]=R(!1),[f,g]=R(!1),y=n>=0&&n<t.length?n:0,C=t[y],k=!o||t.length<=1;return v("button",{type:"button",disabled:k,onPointerDown:w=>{!i||k||(c.current={x:w.clientX,index:y,moved:!1},g(!0),d?.(!0),w.currentTarget.setPointerCapture(w.pointerId))},onPointerMove:w=>{let E=c.current;if(!E||!i||!o)return;let M=w.clientX-E.x;Math.abs(M)>=4&&(E.moved=!0);let S=Math.max(0,Math.min(t.length-1,E.index+Math.round(M/22)));E.moved&&S!==y&&o(S)},onPointerUp:w=>{let E=c.current;E&&(w.currentTarget.hasPointerCapture(w.pointerId)&&w.currentTarget.releasePointerCapture(w.pointerId),u.current=E.moved,c.current=null,g(!1),d?.(!1))},onPointerCancel:()=>{c.current=null,g(!1),d?.(!1)},onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onClick:()=>{if(u.current){u.current=!1;return}k||o((y+1)%t.length)},style:{alignItems:"center",background:"transparent",border:0,borderRadius:24,color:a!=="check"&&(p||f)?"#eee":"#aaa",cursor:k?"default":i?"ew-resize":"pointer",display:"flex",fontFamily:zr,fontSize:12,height:30,justifyContent:"space-between",letterSpacing:"0.12px",padding:"8px 6px 8px 10px",touchAction:i?"none":"auto",userSelect:"none",width:"100%",transition:"background-color 120ms ease, color 120ms ease"},children:[v("span",{style:{alignItems:"center",display:"inline-flex",gap:6,minWidth:0},children:[s(e,{"aria-hidden":"true",size:12,strokeWidth:1.75}),s("span",{style:{lineHeight:1.35,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r??C?.label??"Unavailable"})]}),a==="check"?s(Gn,{"aria-hidden":"true",color:"#fff",size:12,strokeWidth:2,style:{opacity:l?1:0,transition:"opacity 120ms ease"}}):s(Np,{count:t.length,index:n,pill:p||f})]})}function vl({visible:e,style:t,provider:n,availableProviders:r=[],models:o,modelIndex:i,agentSettings:a={},onProviderChange:l,onModelChange:d,onAgentSettingsChange:c,onMouseEnter:u,onMouseLeave:p,onScrubChange:h}){let f=o[i]??o[0],g=ue(()=>bp(o),[o]),y=f?.upstreamProvider??g[0],[C,k]=R(""),[w,E]=R(!1),[M,S]=R(!1),T=ue(()=>vp(g,C),[C,g]),N=T[0],H=xp(N,C),P=H.toLowerCase().indexOf(C.trim().toLowerCase());F(()=>{w||k(y?Rr(y):"")},[w,y]);let L=I=>{let W=wp(o,I),_=o[W];k(Rr(I)),E(!1),d?.(W),a.serviceTier&&!_?.speedTiers?.some(O=>O.id===a.serviceTier)&&c?.({...a,serviceTier:void 0})},j=ue(()=>n==="omp"?pl(o,y):ul(n,o),[o,n,y]),Z=j.findIndex(I=>I.index===i),ae=j.map(I=>({value:String(I.index),label:bl(I.model.label)})),pe=n==="claude"?["low","medium","high","xhigh","max"]:["low","medium","high","xhigh"],le=f?.supportedReasoningLevels?.map(I=>I.effort)??pe,J=le.map(I=>({value:I,label:$p[I]??I})),ye=a.reasoningEffort??f?.defaultReasoningLevel??le[0],G=Math.max(0,le.indexOf(ye??"")),be=[{value:"",label:"Standard"},...(f?.speedTiers??[]).filter(I=>I.id!=="default").map(I=>({value:I.id,label:I.label}))],Ee=Math.max(0,be.findIndex(I=>I.value===(a.serviceTier??""))),X=(f?.speedTiers?.length??0)>0,xe=I=>{let W=j[I];W&&(d?.(W.index),a.serviceTier&&!W.model.speedTiers?.some(_=>_.id===a.serviceTier)&&c?.({...a,serviceTier:void 0}))},A=["codex","claude","omp","copilot"].filter(I=>r.length===0||r.includes(I));return v("div",{"data-model-picker":!0,"data-popmelt-font":"sans",onMouseEnter:u,onMouseLeave:p,style:{background:"#222",border:"1px solid #ddd",borderRadius:20,bottom:39,boxSizing:"border-box",display:"flex",flexDirection:"column",left:0,opacity:e?1:0,padding:4,pointerEvents:e?"auto":"none",fontFamily:zr,position:"absolute",transition:"opacity 120ms ease",width:139,zIndex:4,...t},children:[s("div",{style:{display:"flex",width:"100%"},children:A.map(I=>{let W=n===I;return s("button",{type:"button","aria-label":`Use ${I==="codex"?"GPT":I==="claude"?"Claude":I==="copilot"?"Copilot":"OMP"}`,"aria-pressed":W,disabled:!l,onClick:()=>l?.(I),style:{alignItems:"center",background:W?"#333":"transparent",border:0,borderRadius:24,color:W?"#eee":"#aaa",cursor:l?"pointer":"default",display:"flex",flex:1,justifyContent:"center",padding:"8px 10px",transition:"background-color 120ms ease, color 120ms ease"},children:s(ar,{provider:I,size:12})},I)})}),n==="omp"&&g.length>0&&v("div",{style:{position:"relative",width:"100%"},children:[s(ca,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{color:"#777",left:10,opacity:M?1:0,pointerEvents:"none",position:"absolute",top:8,transition:"opacity 120ms ease",zIndex:3}}),w&&H&&s("div",{"aria-hidden":"true",style:{color:"#666",fontFamily:zr,fontSize:12,height:28,left:0,lineHeight:"28px",overflow:"hidden",padding:M?"0 10px 0 28px":"0 10px",pointerEvents:"none",position:"absolute",right:0,top:0,transition:"padding-left 120ms ease",whiteSpace:"pre",zIndex:1},children:P>=0?v(Me,{children:[H.slice(0,P),s("span",{style:{color:"#eee"},children:H.slice(P,P+C.trim().length)}),H.slice(P+C.trim().length)]}):H}),s("input",{"aria-label":"OMP provider","aria-autocomplete":"inline",autoComplete:"off",onBlur:()=>{E(!1)},onChange:I=>{k(I.currentTarget.value),E(!0)},onFocus:I=>{E(!0),I.currentTarget.select()},onKeyDown:I=>{if(I.key==="Enter"){let W=T[0];W&&(I.preventDefault(),L(W),I.currentTarget.blur())}else if(I.key==="Tab"){let W=T[0];W&&H&&L(W)}else I.key==="Escape"&&I.currentTarget.blur()},onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),placeholder:"Provider",value:C,style:{background:"transparent",border:0,borderRadius:0,boxSizing:"border-box",color:w&&H?"transparent":w||M?"#eee":"#aaa",caretColor:w&&!H?"#eee":"transparent",cursor:w?"text":"pointer",fontFamily:zr,fontSize:12,height:28,outline:"none",padding:M?"6px 10px 6px 28px":"6px 10px",position:"relative",transition:"color 120ms ease, padding-left 120ms ease",width:"100%",zIndex:2}})]}),s(qo,{icon:Dd,options:ae,selectedIndex:Z,displayLabel:Z<0&&f?bl(f.label):void 0,onSelect:d?xe:void 0,onScrubChange:h,scrub:!0}),s(qo,{icon:Wd,options:J,selectedIndex:G,onSelect:c?I=>c({...a,reasoningEffort:J[I].value}):void 0,onScrubChange:h,scrub:!0,indicator:"effort"}),X&&s(Me,{children:s(qo,{icon:Ee>0?jd:_d,options:be,selectedIndex:Ee,onSelect:c&&be.length>1?I=>c({...a,serviceTier:be[I].value||void 0}):void 0,indicator:"check",indicatorActive:Ee>0})})]})}function Rp({provider:e,open:t,onClick:n,onMouseEnter:r,onMouseLeave:o,style:i}){let[a,l]=R(!1);return v("button",{type:"button","data-model-picker":!0,"aria-expanded":t,"aria-label":"Choose model settings",onMouseEnter:()=>{l(!0),r?.()},onMouseLeave:()=>{l(!1),o?.()},onClick:n,style:{alignItems:"center",background:t||a?"var(--popmelt-thread-control, #eaeaea)":"transparent",border:0,borderRadius:40,color:"var(--popmelt-thread-muted-strong, #888)",cursor:"pointer",display:"flex",gap:2,height:24,padding:"0 3px 0 6px",...i,transition:"background-color 120ms ease, color 120ms ease"},children:[s(ar,{provider:e,size:14}),s(So,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{transform:t?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})]})}var Bt={iconDefault:"#1f2937",iconActive:"#1f2937",bgActive:"#dedede",bgHover:"#e2e2e2"};function xl({children:e,active:t,siblingActive:n,disabled:r,onClick:o,title:i}){let a=()=>r?.4:n&&!t?.5:1,l={position:"relative",display:"flex",alignItems:"center",justifyContent:"center",width:32,height:32,borderRadius:0,border:"none",cursor:r?"default":"pointer",transition:"background-color 150ms ease, color 150ms ease, transform 100ms ease, opacity 150ms ease",backgroundColor:t?Bt.bgActive:"transparent",color:t?Bt.iconActive:Bt.iconDefault,opacity:a()};return s("button",{type:"button",onClick:r?void 0:o,title:i,disabled:r,style:l,onMouseEnter:d=>{r||(d.currentTarget.style.opacity="1",t||(d.currentTarget.style.backgroundColor=Bt.bgHover))},onMouseLeave:d=>{r||(d.currentTarget.style.opacity=String(a()),t||(d.currentTarget.style.backgroundColor="transparent"))},onMouseDown:d=>{r||(d.currentTarget.style.transform="scale(0.95)")},onMouseUp:d=>{r||(d.currentTarget.style.transform="scale(1)")},children:e})}function Pp(e,t){let n=[],r=new Set,o=[...e].sort((a,l)=>a.timestamp-l.timestamp),i=a=>!t.has(a)&&a.status!=="dismissed";for(let a of o)if(i(a)){if(a.groupId){if(r.has(a.groupId))continue;r.add(a.groupId);let l=e.filter(c=>c.groupId===a.groupId&&i(c));if(l.length===0)continue;let d=l.find(c=>c.type!=="text")??l[0];n.push({id:d.id,pathname:d.pathname??a.pathname,annotations:l,timestamp:Math.min(...l.map(c=>c.timestamp))});continue}n.push({id:a.id,pathname:a.pathname,annotations:[a],timestamp:a.timestamp})}return n.sort((a,l)=>a.timestamp-l.timestamp)}function wl(e,t){let n=[],r=new Map;for(let o of e){if(!o.pathname||o.pathname===t){n.push(o.id);continue}let i=r.get(o.pathname)??[];i.push(o.id),r.set(o.pathname,i)}return[...n,...Array.from(r.values()).flat()]}function zp(e,t){if(e.length===0)return null;if(!t)return e[0];let n=e.indexOf(t);return n<0||n===e.length-1?e[0]:e[n+1]}var lt={expanded:"devtools-toolbar-expanded",annotations:"devtools-annotations",styleMods:"devtools-style-modifications",textMods:"devtools-text-modifications",domMods:"devtools-dom-modifications",spacingChanges:"devtools-spacing-changes",tool:"devtools-active-tool",color:"devtools-next-thread-color",legacyColor:"devtools-active-color",stroke:"devtools-stroke-width",inspected:"devtools-inspected-element"},Hp="v1",Op="popmelt-workspace-generation";function Hr(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Dp(e,t){return{styleModifications:Hr(e.getItem(t.styleMods)),textModifications:Hr(e.getItem(t.textMods)),domModifications:Hr(e.getItem(t.domMods)),spacingTokenChanges:Hr(e.getItem(t.spacingChanges))}}function wt(e,t){return`${e}:project:${encodeURIComponent(t.trim())}`}function Or(e){return{expanded:wt(lt.expanded,e),annotations:wt(lt.annotations,e),styleMods:wt(lt.styleMods,e),textMods:wt(lt.textMods,e),domMods:wt(lt.domMods,e),spacingChanges:wt(lt.spacingChanges,e),tool:wt(lt.tool,e),color:wt(lt.color,e),stroke:wt(lt.stroke,e),inspected:wt(lt.inspected,e)}}function Cl(e){return wt(Op,e)}function Wp(e,t){let n=e.getItem(Cl(t));if(n===null||n.trim()==="")return null;let r=Number(n);return Number.isInteger(r)&&r>=0?r:null}function jp(e,t){return!Number.isInteger(t)||t<0?!1:t>(e??0)}function kl(e,t){return typeof e.pathname=="string"&&e.pathname===t}function _p(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Bp(e,t,n){return e.filter(r=>!r||typeof r.id!="string"||!kl(r,t)||(r.status??"pending")!=="pending"||r.threadId?!1:r.target?!0:!(r.linkedSelector&&!n(r.linkedSelector)))}function Fp(e){let{storage:t,projectId:n,pathname:r,selectorExists:o}=e,i=Or(n),a=wt(`popmelt-annotation-workspace-migration-${Hp}`,n);if(t.getItem(a)==="complete")return i;let l=Bp(_p(t.getItem(lt.annotations)),r,o);t.getItem(i.annotations)===null&&t.setItem(i.annotations,JSON.stringify(l));let d=[["expanded",lt.expanded],["tool",lt.tool],["color",lt.color],["stroke",lt.stroke]];for(let[c,u]of d){let p=c==="color"?t.getItem(u)??t.getItem(lt.legacyColor):t.getItem(u);p!==null&&t.getItem(i[c])===null&&t.setItem(i[c],p)}for(let c of[i.styleMods,i.textMods,i.domMods,i.spacingChanges])t.getItem(c)===null&&t.setItem(c,"[]");t.getItem(i.inspected)===null&&t.removeItem(i.inspected),t.setItem(a,"complete");for(let c of Object.values(lt))t.removeItem(c);return i}var Vp=["inspector","sticker","model"];function Sl(e){return typeof e=="string"&&Vp.includes(e)?e:null}function Uo(e,t){return Sl(e.getItem(t))}function Qp(e,t,n){let r=Sl(n);r&&e.setItem(t,r)}function Zp(e,t,n){let r=e.getRootNode().elementFromPoint?.(t,n)??e.ownerDocument.elementFromPoint?.(t,n);return r instanceof Node&&e.contains(r)}function qp(e,t){let n=null,r=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},o=i=>{let a=i.relatedTarget;if(a instanceof Node&&e.contains(a))return;let{clientX:l,clientY:d}=i;r(),n=requestAnimationFrame(()=>{n=null,Zp(e,l,d)||t()})};return e.addEventListener("pointerout",o),e.addEventListener("pointerover",r),()=>{r(),e.removeEventListener("pointerout",o),e.removeEventListener("pointerover",r)}}var Up=Pd(()=>import("./PopmeltTasteConnectedPane-77Z23N6Y.mjs").then(e=>({default:e.PopmeltTasteConnectedPane})));function Jp({size:e=16}){return s("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",fill:"none",style:{display:"block",width:e,height:e,flexShrink:0},children:s("path",{d:"M3.15151 1.43325C3.30812 1.4456 3.36664 1.45722 3.45913 1.4772L5.45327 1.90786C5.71961 1.96539 5.81497 1.98598 5.90835 1.9938C5.99722 2.00121 6.08709 2.00077 6.17592 1.99282C6.26931 1.98444 6.36483 1.96415 6.631 1.90493L8.52846 1.48208C8.62443 1.46073 8.68517 1.44843 8.84487 1.4352C8.89832 1.43078 8.99671 1.43071 9.06752 1.4313C9.12351 1.43176 9.19661 1.43502 9.25112 1.43813C9.25428 1.43772 9.25729 1.43652 9.25991 1.43618C9.29344 1.43249 9.32029 1.4337 9.3312 1.43423C9.35404 1.43535 9.37234 1.43727 9.37807 1.43813C9.3909 1.44012 9.40199 1.44249 9.40444 1.44302C9.41007 1.44422 9.41536 1.44552 9.41713 1.44595C9.41937 1.44648 9.42267 1.44735 9.42495 1.4479C10.0388 1.59533 10.4714 2.02864 10.7706 2.55435C11.0678 3.07651 11.2576 3.72874 11.379 4.40688C11.6224 5.76563 11.6131 7.34759 11.5558 8.50942C11.4955 9.73176 10.4539 10.6959 9.20327 10.5514C9.17055 10.5476 9.13946 10.5392 9.10952 10.529C8.98545 10.5053 8.871 10.433 8.80288 10.3151L7.43569 7.94692C7.43478 7.94534 7.43365 7.94363 7.43276 7.94204L7.38491 7.94497H4.61538L4.5685 7.94204C4.56013 7.9638 4.55123 7.98566 4.5392 8.00649L3.2062 10.3161C3.13089 10.4465 2.99974 10.5228 2.86049 10.5368C2.84008 10.5421 2.81956 10.5489 2.79799 10.5514C1.54661 10.6961 0.506006 9.72812 0.450337 8.50552C0.397386 7.34234 0.393576 5.75864 0.638814 4.40005C0.761156 3.72243 0.950829 3.07145 1.24624 2.55044C1.54356 2.02625 1.97419 1.59289 2.5851 1.44692C2.58741 1.44637 2.59064 1.44551 2.59292 1.44497C2.59413 1.44468 2.59975 1.4433 2.60561 1.44204C2.60725 1.44169 2.61812 1.43919 2.631 1.43716C2.63582 1.4364 2.65526 1.43343 2.67983 1.43227C2.68721 1.43193 2.69776 1.43202 2.7101 1.43227C2.72184 1.43252 2.74093 1.43296 2.76381 1.43618V1.43716C2.81577 1.43448 2.88162 1.43088 2.93276 1.43032C3.00218 1.42958 3.09906 1.42915 3.15151 1.43325ZM2.84487 2.33267C2.81452 2.3336 2.80259 2.33385 2.80385 2.33364C2.78384 2.33565 2.76472 2.33745 2.74721 2.33852C2.7445 2.33866 2.74126 2.33838 2.73842 2.33852C2.47469 2.42009 2.23761 2.62688 2.02944 2.9938C1.80471 3.39003 1.63834 3.92989 1.52456 4.5602C1.29746 5.81829 1.29772 7.32142 1.34975 8.4645C1.38088 9.14827 1.91024 9.65706 2.54311 9.66372L3.69545 7.66665C3.24293 7.36725 2.9435 6.85526 2.9435 6.27212C2.94361 5.57966 3.50494 5.01833 4.19741 5.01821H7.80288L7.93081 5.02505C8.5631 5.0893 9.05668 5.6229 9.05678 6.27212C9.05678 6.85264 8.75979 7.36277 8.31069 7.66274L9.46596 9.66274C10.0968 9.65246 10.6236 9.14681 10.6574 8.46548C10.7137 7.32383 10.7176 5.82237 10.4923 4.56509C10.3795 3.93533 10.214 3.39611 9.98842 2.99966C9.7791 2.63188 9.5394 2.4224 9.26967 2.3395C9.26577 2.33933 9.26169 2.33973 9.25795 2.3395C9.24049 2.33841 9.22072 2.33665 9.20034 2.33462C9.19676 2.33442 9.18388 2.33338 9.15932 2.33267C9.13093 2.33185 9.09544 2.33199 9.05971 2.33169C9.02419 2.3314 8.98934 2.33135 8.96108 2.33169C8.93444 2.33202 8.92128 2.33261 8.91909 2.33267C8.85721 2.33779 8.82528 2.34101 8.80385 2.34438C8.78271 2.34774 8.76489 2.35184 8.72377 2.36099L6.82631 2.78286C6.58172 2.83728 6.42081 2.87453 6.256 2.88931C6.11576 2.90186 5.97445 2.90196 5.83413 2.89028C5.66926 2.87651 5.50778 2.84065 5.26284 2.78774L3.2687 2.35708C3.23006 2.34874 3.21432 2.34544 3.19448 2.34243C3.17395 2.33932 3.14269 2.33556 3.0812 2.33071H2.94252C2.90734 2.33109 2.8728 2.33181 2.84487 2.33267ZM4.19741 5.9186C4.002 5.91872 3.84401 6.07671 3.84389 6.27212C3.8439 6.69847 4.18906 7.04443 4.61538 7.04458H7.38491C7.81117 7.04436 8.15639 6.69843 8.15639 6.27212C8.15628 6.07675 7.99822 5.91878 7.80288 5.9186H4.19741ZM9.21596 2.32388H9.21889C9.21766 2.32357 9.21622 2.3232 9.21499 2.3229L9.2101 2.32192C9.21058 2.32203 9.21313 2.32324 9.21596 2.32388ZM2.85756 2.30337C2.85868 2.30294 2.86331 2.30152 2.86831 2.29946C2.87039 2.29859 2.87348 2.29717 2.8771 2.29556L2.85756 2.30337ZM9.47768 1.46645L9.47963 1.46743C9.48162 1.46823 9.48579 1.46939 9.49038 1.47134C9.4866 1.46968 9.48311 1.46806 9.48159 1.46743C9.47986 1.4667 9.47829 1.46572 9.47768 1.46548V1.46645Z",fill:"currentColor"})})}var Yp=ru;function Xp({wasAnnotating:e,isAnnotating:t,isExpanded:n}){return e&&!t&&n?{expanded:!1,annotating:null}:t!==n?{expanded:null,annotating:n}:{expanded:null,annotating:null}}function Kp({reconnecting:e,refresh:t,paused:n=!1}){return e?s(er,{size:14,strokeWidth:1.5,"aria-hidden":"true","data-popmelt-reconnecting-spinner":!0,style:{animation:"spin 0.8s linear infinite"}}):n?s(ya,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):t?s(Io,{size:14,strokeWidth:1.5}):s(Mo,{size:14,strokeWidth:1.5})}function Gp({bridgeRestartState:e,bridgeIsStale:t,isBridgeConnected:n,packageVersion:r}){return e==="restarting"?"Reconnecting":t?"Version mismatch":e==="error"?"Connection failed":n===!1?"Disconnected":r?`Version ${r}`:"Connected"}function e1({hovered:e,canRestartBridge:t,bridgeRestartDisabled:n,bridgeRestartState:r,isBridgeConnected:o}){return e&&t&&!n&&r==="idle"&&o!==!1}function Jo({value:e,options:t,onChange:n,disabled:r=!1}){let[o,i]=R(!1),[a,l]=R({side:"below",maxHeight:220}),d=$(null),c=$(null),u=t.find(p=>p.value===e)??t[0];return qe(()=>{if(!o||!d.current)return;let p=()=>{let f=d.current?.getBoundingClientRect();if(!f)return;let g=8,y=Math.max(0,window.innerHeight-f.bottom-g),C=Math.max(0,f.top-g),k=Math.min(220,t.length*30+2),w=y>=Math.min(k,120)||y>=C?"below":"above";l({side:w,maxHeight:Math.max(48,Math.min(k,w==="below"?y:C))})};p(),window.addEventListener("resize",p),window.addEventListener("scroll",p,!0);let h=requestAnimationFrame(()=>{c.current?.scrollIntoView({block:"nearest"})});return()=>{cancelAnimationFrame(h),window.removeEventListener("resize",p),window.removeEventListener("scroll",p,!0)}},[o,t.length,e]),F(()=>{if(!o)return;let p=f=>{!d.current||f.composedPath().includes(d.current)||i(!1)},h=f=>{f.key==="Escape"&&i(!1)};return document.addEventListener("mousedown",p),document.addEventListener("keydown",h),()=>{document.removeEventListener("mousedown",p),document.removeEventListener("keydown",h)}},[o]),v("div",{ref:d,style:{position:"relative",minWidth:0},children:[v("button",{type:"button",disabled:r,"aria-expanded":o,onClick:()=>i(p=>!p),style:{width:"100%",height:28,display:"flex",alignItems:"center",justifyContent:"space-between",gap:6,border:"1px solid rgba(0,0,0,0.14)",borderRadius:0,backgroundColor:o?"#fff":"transparent",color:o?"#1f2937":"#8f8f8f",font:"inherit",fontSize:11,padding:"0 7px",cursor:r?"default":"pointer",opacity:r?.45:1,textAlign:"left"},children:[s("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:u?.label??""}),s(So,{size:12,style:{flexShrink:0}})]}),o&&s("div",{style:{position:"absolute",...a.side==="below"?{top:"100%",marginTop:2}:{bottom:"100%",marginBottom:2},left:0,right:0,maxHeight:a.maxHeight,backgroundColor:"#fff",border:"1px solid rgba(0,0,0,0.1)",zIndex:10002,overflowX:"hidden",overflowY:"auto"},children:t.map(p=>{let h=p.value===e;return v("button",{ref:h?c:void 0,type:"button",onClick:()=>{n?.(p.value),i(!1)},style:{width:"100%",minHeight:30,display:"flex",alignItems:"center",gap:7,border:"none",backgroundColor:h?"#f3f4f6":"#fff",color:"#1f2937",font:"inherit",fontSize:11,padding:"6px 8px",cursor:"pointer",textAlign:"left"},children:[s("span",{style:{width:14,display:"flex",flexShrink:0},children:h&&s(Gn,{size:13,strokeWidth:2})}),s("span",{children:p.label})]},p.value)})})]})}function t1(e,t){if(e<=0)return[];if(e<=4)return Array.from({length:e},(o,i)=>({key:`model-${i}`,index:i,active:i===t}));let n=e-1,r=o=>({key:`model-${o}`,index:o,active:o===t});return t===0?[r(0),r(1),r(2),{key:"overflow-after",overflow:!0}]:t===1?[{key:"overflow-before",overflow:!0},r(1),r(2),{key:"overflow-after",overflow:!0}]:t===n-1?[{key:"overflow-before",overflow:!0},r(n-2),r(n-1),r(n)]:t===n?[{key:"overflow-before",overflow:!0},r(n-2),r(n-1),r(n)]:t%2===0?[{key:"overflow-before",overflow:!0},r(t-1),r(t),{key:"overflow-after",overflow:!0}]:[{key:"overflow-before",overflow:!0},r(t),r(t+1),{key:"overflow-after",overflow:!0}]}function n1(e,t,n,r,o,i,a,l){let d=(e-o)*(r-i)-(n-o)*(t-i),c=(e-a)*(i-l)-(o-a)*(t-l),u=(e-n)*(l-r)-(a-n)*(t-r),p=d<0||c<0||u<0,h=d>0||c>0||u>0;return!(p&&h)}function r1(e="bottom-right"){return tu(e,window.innerWidth,window.innerHeight)}function o1(){return da(tc,{"aria-hidden":!0,size:14,strokeWidth:1.5,style:{flexShrink:0}})}function i1(e){let t=e?.trim().replace(/\\/g,"/").replace(/\/$/,"");if(!t)return"Unavailable";let n=t.split("/").filter(Boolean);return n.length<=2?t:`\u2026/${n.slice(-2).join("/")}`}var Il={inspector:{name:"Comment",desc:"Pin feedback to specific elements on the page.",usage:["Click any element to attach a comment","Type your note, then hand off to your AI","Your AI may ask clarifying questions","Replies get threaded"],keys:[{key:"C",desc:"Select tool"},{key:"Click",desc:"Pin comment to element"},{key:"Esc",desc:"Deselect"},{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]},sticker:{name:"Steer",desc:"Apply a small, code-native spacing scale directly on the page.",usage:["Move over an element to target it","Type a family command such as PY, BG, FO, or T","Press Enter to descend, then type a step or name","Applying a sibling token replaces the previous value"],keys:[{key:"S",desc:"Select tool"},{key:"P / M / B / R",desc:"Spacing and shape families"},{key:"BG / F / FO / G",desc:"Color, layout, and type"},{key:"T / O",desc:"Transform and opacity"},{key:"Enter",desc:"Descend or apply"},{key:"\u2190 / \u2192",desc:"Cycle scale step"},{key:"Click",desc:"Apply sticker"},{key:"Esc",desc:"Back or deselect"},{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]},model:{name:"Imprint",desc:"Review the project's shared understanding.",usage:["Filter grounded, emerging, and challenged explanations","Expand an explanation to inspect its evidence","Reopen the source thread when more context is useful"],keys:[{key:"I",desc:"Select tool"},{key:"Esc",desc:"Return to Chat"}]},counter:{name:"Annotations",desc:"Click to cycle, scroll to change color, long press to reset.",usage:[],keys:[{key:"Click",desc:"Cycle annotations"},{key:"Scroll",desc:"Change color"},{key:"Hold",desc:"Reset to red"}]},clear:{name:"Clear",desc:"Remove all annotations and style changes.",usage:[],keys:[{key:"Esc",desc:"Discard draft"},{key:"\u2318 \u232B",desc:"Clear all"},{key:"\u232B",desc:"Delete selected annotation"},{key:"\u2318 Z",desc:"Undo"},{key:"\u2318 \u21E7 Z",desc:"Redo"}]},collapse:{name:"Popmelt",desc:`Comment and zhuzh, then hand off.
|
|
241
|
+
`}),v("div",{style:{display:"flex",alignItems:"center",gap:6,fontWeight:600,fontSize:14,marginBottom:16},children:[s(ua,{size:16,strokeWidth:1.8,"aria-hidden":!0}),s("span",{children:"Imprint"}),s("code",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:18,height:18,boxSizing:"border-box",fontSize:12,fontWeight:500,backgroundColor:"var(--popmelt-library-control)",borderRadius:6,color:"var(--popmelt-library-muted-strong)"},children:"I"})]}),s("div",{style:{display:"flex",gap:0,marginBottom:16},children:["all","grounded","emerging","challenged"].map(A=>s("button",{"data-popmelt-imprint-filter":!0,type:"button","aria-pressed":P===A,onClick:()=>L(A),style:{border:0,borderRadius:8,background:P===A?"var(--popmelt-library-raised)":"transparent",color:P===A?"var(--popmelt-library-filter-active)":"var(--popmelt-library-muted)",cursor:"pointer",fontFamily:"inherit",fontSize:12,fontWeight:500,letterSpacing:"-0.12px",lineHeight:1.3,padding:"4px 8px"},children:A.charAt(0).toUpperCase()+A.slice(1)},A))}),s("div",{ref:W,"data-popmelt-imprint-scroll":!0,onScroll:J,style:{flex:1,overflowY:"auto",minHeight:0,margin:"0 -16px -16px",padding:"0 16px 16px",boxSizing:"border-box",maskImage:Z.hasAbove&&Z.hasBelow?"linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)":Z.hasAbove?"linear-gradient(to bottom, transparent 0, black 24px)":Z.hasBelow?"linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)":void 0,WebkitMaskImage:Z.hasAbove&&Z.hasBelow?"linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)":Z.hasAbove?"linear-gradient(to bottom, transparent 0, black 24px)":Z.hasBelow?"linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)":void 0},children:s("div",{children:T?s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"Loading..."}):H==="understanding"?s(gp,{view:M,filter:P,onViewThread:p}):H==="patterns"?Ee?s(pp,{components:G,selectedComponent:r,hoveredComponent:o,onRemove:ye,onHover:i}):s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."}):X?s(dp,{tokens:be,onSpacingHover:a,onModifyToken:l,onDeleteToken:d}):s("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No design tokens defined yet."})})})]})}function sl(e){let t=(e.id||e.label).replace(/^.*\//,"").match(/(?:^|[\s-])(\d+)(?:[.\s-](\d{1,2}))?/);return t?Number(t[1])*1e3+Number(t[2]??0):0}function dl(e){if(e.tierRank!==void 0)return e.tierRank;let t=`${e.id} ${e.label}`.toLowerCase();return/\b(nano|spark|haiku)\b/.test(t)?1:/\b(mini|luna|flash)\b/.test(t)?2:/\b(terra|sonnet)\b/.test(t)?3:/\b(sol|opus|pro)\b/.test(t)?4:/\b(fable|ultra)\b/.test(t)?5:3}function cl(e){let t=e.length>0&&e.every(({model:n})=>n.releaseDate&&Number.isFinite(Date.parse(n.releaseDate)));return[...e].sort((n,r)=>(t?Date.parse(n.model.releaseDate)-Date.parse(r.model.releaseDate):sl(n.model)-sl(r.model))||dl(n.model)-dl(r.model)||(r.model.catalogPriority??-r.index)-(n.model.catalogPriority??-n.index))}function ul(e,t){return cl(t.map((n,r)=>({index:r,model:n})))}function bp(e){return[...new Set(e.flatMap(t=>t.upstreamProvider?[t.upstreamProvider]:[]))]}function vp(e,t){let n=Pr(t);return n?e.filter(r=>Pr(`${r} ${Rr(r)}`).includes(n)):e}function xp(e,t){if(!e||!t)return"";let n=Rr(e);return Pr(`${e} ${n}`).includes(Pr(t))?n:""}function pl(e,t){return t?cl(e.flatMap((n,r)=>n.upstreamProvider===t?[{index:r,model:n}]:[])):[]}function wp(e,t){let n=pl(e,t);return n.find(r=>r.model.isDefault)?.index??n[0]?.index??0}function Rr(e){let t={anthropic:"Anthropic","openai-codex":"OpenAI Codex",openai:"OpenAI",openrouter:"OpenRouter"};return t[e]?t[e]:e.split(/[-_]/).filter(Boolean).map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join(" ")}function Pr(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"")}var fl={id:"",label:"Codex default",source:"cli",isDefault:!0};function Cp(e){return[fl,...e.filter(t=>t.id!=="")]}var kp="M 233.959793 800.214905 L 468.644287 668.536987 L 472.590637 657.100647 L 468.644287 650.738403 L 457.208069 650.738403 L 417.986633 648.322144 L 283.892639 644.69812 L 167.597321 639.865845 L 54.926208 633.825623 L 26.577238 627.785339 L 3.3e-05 592.751709 L 2.73832 575.27533 L 26.577238 559.248352 L 60.724873 562.228149 L 136.187973 567.382629 L 249.422867 575.194763 L 331.570496 580.026978 L 453.261841 592.671082 L 472.590637 592.671082 L 475.328857 584.859009 L 468.724915 580.026978 L 463.570557 575.194763 L 346.389313 495.785217 L 219.543671 411.865906 L 153.100723 363.543762 L 117.181267 339.060425 L 99.060455 316.107361 L 91.248367 266.01355 L 123.865784 230.093994 L 167.677887 233.073853 L 178.872513 236.053772 L 223.248367 270.201477 L 318.040283 343.570496 L 441.825592 434.738342 L 459.946411 449.798706 L 467.194672 444.64447 L 468.080597 441.020203 L 459.946411 427.409485 L 392.617493 305.718323 L 320.778564 181.932983 L 288.80542 130.630859 L 280.348999 99.865845 C 277.369171 87.221436 275.194641 76.590698 275.194641 63.624268 L 312.322174 13.20813 L 332.8591 6.604126 L 382.389313 13.20813 L 403.248352 31.328979 L 434.013519 101.71814 L 483.865753 212.537048 L 561.181274 363.221497 L 583.812134 407.919434 L 595.892639 449.315491 L 600.40271 461.959839 L 608.214783 461.959839 L 608.214783 454.711609 L 614.577271 369.825623 L 626.335632 265.61084 L 637.771851 131.516846 L 641.718201 93.745117 L 660.402832 48.483276 L 697.530334 24.000122 L 726.52356 37.852417 L 750.362549 72 L 747.060486 94.067139 L 732.886047 186.201416 L 705.100708 330.52356 L 686.979919 427.167847 L 697.530334 427.167847 L 709.61084 415.087341 L 758.496704 350.174561 L 840.644348 247.490051 L 876.885925 206.738342 L 919.167847 161.71814 L 946.308838 140.29541 L 997.61084 140.29541 L 1035.38269 196.429626 L 1018.469849 254.416199 L 965.637634 321.422852 L 921.825562 378.201538 L 859.006714 462.765259 L 819.785278 530.41626 L 823.409424 535.812073 L 832.75177 534.92627 L 974.657776 504.724915 L 1051.328979 490.872559 L 1142.818848 475.167786 L 1184.214844 494.496582 L 1188.724854 514.147644 L 1172.456421 554.335693 L 1074.604126 578.496765 L 959.838989 601.449829 L 788.939636 641.879272 L 786.845764 643.409485 L 789.261841 646.389343 L 866.255127 653.637634 L 899.194702 655.409424 L 979.812134 655.409424 L 1129.932861 666.604187 L 1169.154419 692.537109 L 1192.671265 724.268677 L 1188.724854 748.429688 L 1128.322144 779.194641 L 1046.818848 759.865845 L 856.590759 714.604126 L 791.355774 698.335754 L 782.335693 698.335754 L 782.335693 703.731567 L 836.69812 756.885986 L 936.322205 846.845581 L 1061.073975 962.81897 L 1067.436279 991.490112 L 1051.409424 1014.120911 L 1034.496704 1011.704712 L 924.885986 929.234924 L 882.604126 892.107544 L 786.845764 811.48999 L 780.483276 811.48999 L 780.483276 819.946289 L 802.550415 852.241699 L 919.087341 1027.409424 L 925.127625 1081.127686 L 916.671204 1098.604126 L 886.469849 1109.154419 L 853.288696 1103.114136 L 785.073914 1007.355835 L 714.684631 899.516785 L 657.906067 802.872498 L 650.979858 806.81897 L 617.476624 1167.704834 L 601.771851 1186.147705 L 565.530212 1200 L 535.328857 1177.046997 L 519.302124 1139.919556 L 535.328857 1066.550537 L 554.657776 970.792053 L 570.362488 894.68457 L 584.536926 800.134277 L 592.993347 768.724976 L 592.429626 766.630859 L 585.503479 767.516968 L 514.22821 865.369263 L 405.825531 1011.865906 L 320.053711 1103.677979 L 299.516815 1111.812256 L 263.919525 1093.369263 L 267.221497 1060.429688 L 287.114136 1031.114136 L 405.825531 880.107361 L 477.422913 786.52356 L 523.651062 732.483276 L 523.328918 724.671265 L 520.590698 724.671265 L 205.288605 929.395935 L 149.154434 936.644409 L 124.993355 914.01355 L 127.973183 876.885986 L 139.409409 864.80542 L 234.201385 799.570435 L 233.879227 799.8927 Z",Sp="M60.8734,57.2556v-14.9432c0-1.2586.4722-2.2029,1.5728-2.8314l30.0443-17.3023c4.0899-2.3593,8.9662-3.4599,13.9988-3.4599,18.8759,0,30.8307,14.6289,30.8307,30.2006,0,1.1007,0,2.3593-.158,3.6178l-31.1446-18.2467c-1.8872-1.1006-3.7754-1.1006-5.6629,0l-39.4812,22.9651ZM131.0276,115.4561v-35.7074c0-2.2028-.9446-3.7756-2.8318-4.8763l-39.481-22.9651,12.8982-7.3934c1.1007-.6285,2.0453-.6285,3.1458,0l30.0441,17.3024c8.6523,5.0341,14.4708,15.7296,14.4708,26.1107,0,11.9539-7.0769,22.965-18.2461,27.527v.0021ZM51.593,83.9964l-12.8982-7.5497c-1.1007-.6285-1.5728-1.5728-1.5728-2.8314v-34.6048c0-16.8303,12.8982-29.5722,30.3585-29.5722,6.607,0,12.7403,2.2029,17.9324,6.1349l-30.987,17.9324c-1.8871,1.1007-2.8314,2.6735-2.8314,4.8764v45.6159l-.0014-.0015ZM79.3562,100.0403l-18.4829-10.3811v-22.0209l18.4829-10.3811,18.4812,10.3811v22.0209l-18.4812,10.3811ZM91.2319,147.8591c-6.607,0-12.7403-2.2031-17.9324-6.1344l30.9866-17.9333c1.8872-1.1005,2.8318-2.6728,2.8318-4.8759v-45.616l13.0564,7.5498c1.1005.6285,1.5723,1.5728,1.5723,2.8314v34.6051c0,16.8297-13.0564,29.5723-30.5147,29.5723v.001ZM53.9522,112.7822l-30.0443-17.3024c-8.652-5.0343-14.471-15.7296-14.471-26.1107,0-12.1119,7.2356-22.9652,18.403-27.5272v35.8634c0,2.2028.9443,3.7756,2.8314,4.8763l39.3248,22.8068-12.8982,7.3938c-1.1007.6287-2.045.6287-3.1456,0ZM52.2229,138.5791c-17.7745,0-30.8306-13.3713-30.8306-29.8871,0-1.2585.1578-2.5169.3143-3.7754l30.987,17.9323c1.8871,1.1005,3.7757,1.1005,5.6628,0l39.4811-22.807v14.9435c0,1.2585-.4721,2.2021-1.5728,2.8308l-30.0443,17.3025c-4.0898,2.359-8.9662,3.4605-13.9989,3.4605h.0014ZM91.2319,157.296c19.0327,0,34.9188-13.5272,38.5383-31.4594,17.6164-4.562,28.9425-21.0779,28.9425-37.908,0-11.0112-4.719-21.7066-13.2133-29.4143.7867-3.3035,1.2595-6.607,1.2595-9.909,0-22.4929-18.2471-39.3247-39.3251-39.3247-4.2461,0-8.3363.6285-12.4262,2.045-7.0792-6.9213-16.8318-11.3254-27.5271-11.3254-19.0331,0-34.9191,13.5268-38.5384,31.4591C11.3255,36.0212,0,52.5373,0,69.3675c0,11.0112,4.7184,21.7065,13.2125,29.4142-.7865,3.3035-1.2586,6.6067-1.2586,9.9092,0,22.4923,18.2466,39.3241,39.3248,39.3241,4.2462,0,8.3362-.6277,12.426-2.0441,7.0776,6.921,16.8302,11.3251,27.5271,11.3251Z",Ip="M29.8768 25.3531C30.9809 25.3531 31.876 26.2481 31.876 27.3522V31.3505C31.876 32.4545 30.9809 33.3496 29.8768 33.3496C28.7727 33.3496 27.8777 32.4545 27.8777 31.3505V27.3522C27.8777 26.2481 28.7727 25.3531 29.8768 25.3531ZM19.8812 25.3531C20.9852 25.3531 21.8803 26.2481 21.8803 27.3522V31.3505C21.8803 32.4545 20.9852 33.3496 19.8812 33.3496C18.7771 33.3496 17.882 32.4545 17.882 31.3505V27.3522C17.882 26.2481 18.7771 25.3531 19.8812 25.3531ZM24.8601 40.8772C36.974 40.8772 46.9603 33.8278 48.6801 30.8403C48.8058 30.6218 48.8464 30.3723 48.8464 30.1202V24.8018C48.8464 24.5813 48.8124 24.3622 48.7308 24.1574C47.9871 22.2899 46.0394 19.5773 43.5257 18.8495C43.1925 17.994 42.6989 16.7433 42.2384 15.8201C42.3154 15.1138 42.3426 14.3853 42.3426 13.6492C42.3426 10.99 41.7789 8.65743 40.0805 6.92044C39.2872 6.10915 38.3028 5.48684 37.1355 5.01903C34.3398 2.74775 30.2723 0.837036 24.8169 0.837036C19.3616 0.837036 15.3805 2.74775 12.5847 5.01903C11.4174 5.48684 10.433 6.10915 9.63975 6.92044C7.9413 8.65743 7.37764 10.99 7.37764 13.6492C7.37764 14.3853 7.40477 15.1138 7.48186 15.8201C7.02133 16.7433 6.52774 17.994 6.19449 18.8495C3.68082 19.5773 1.73309 22.2899 0.989389 24.1574C0.907813 24.3622 0.873779 24.5813 0.873779 24.8018V30.1202C0.873779 30.3723 0.914376 30.6218 1.04014 30.8403C2.75994 33.8278 12.7462 40.8772 24.8601 40.8772ZM26.485 13.0046C26.4 12.3422 26.3595 11.749 26.3584 11.2191L26.3584 11.1772C26.361 9.63975 26.6971 8.63938 27.2339 8.02499C27.9156 7.2448 29.3246 6.64707 32.2941 6.96844C35.3026 7.29402 36.9842 8.04072 37.9376 9.01574C38.8606 9.95971 39.3455 11.372 39.3455 13.6492C39.3455 16.0687 38.9969 17.4982 38.2302 18.3678C37.5012 19.1946 36.0656 19.8674 32.9214 19.8674C30.5041 19.8674 29.1221 19.0812 28.2386 17.9939C27.2899 16.8264 26.7559 15.1161 26.485 13.0046ZM23.2353 13.0046C23.3203 12.3422 23.3607 11.749 23.3619 11.2191L23.3619 11.1772C23.3592 9.63974 23.0232 8.63937 22.4863 8.02498C21.8046 7.24479 20.3957 6.64707 17.4261 6.96843C14.4176 7.29402 12.736 8.04071 11.7826 9.01573C10.8596 9.9597 10.3747 11.372 10.3747 13.6492C10.3747 16.0687 10.7234 17.4982 11.49 18.3677C12.219 19.1946 13.6546 19.8674 16.7989 19.8674C19.2161 19.8674 20.5981 19.0812 21.4816 17.9939C22.4304 16.8264 22.9643 15.1161 23.2353 13.0046ZM25.2042 18.8676L25.0543 18.8676C24.8715 18.8678 24.6005 18.868 24.516 18.8676C24.3045 19.2218 24.0693 19.5618 23.8075 19.884C22.2697 21.7764 19.9741 22.8644 16.7988 22.8644C13.3524 22.8644 10.8266 22.1471 9.24196 20.3498C9.15187 20.2476 9.07125 20.1406 9.07125 20.1406L8.87613 20.3498V33.5049C11.7429 35.0628 17.8959 37.8586 24.8601 37.8586C31.8243 37.8586 37.9773 35.0628 40.8441 33.5049V20.3498L40.649 20.1406C40.649 20.1406 40.5829 20.231 40.4783 20.3498C38.8936 22.1471 36.3678 22.8644 32.9214 22.8644C29.7461 22.8644 27.4506 21.7764 25.9127 19.884C25.6509 19.5618 25.4157 19.2218 25.2042 18.8676Z";function Mp({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"0 0 1200 1200",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:s("path",{d:kp})})}function Tp({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"0 0 158.7128 157.296",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:s("path",{d:Sp})})}function Ep({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"0 0 49.7202 40.0402",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:s("path",{d:Ip,fillRule:"evenodd",clipRule:"evenodd"})})}function Lp({size:e=16,style:t}){return s("svg",{width:e,height:e,viewBox:"8 8 48 48",fill:"none",style:{flexShrink:0,...t},children:s("path",{fill:"currentColor",d:"M14 16h36v8H40v32h-8V24h-6v22h-8V24h-4z"})})}function ar({provider:e,size:t=16,style:n}){return e==="codex"?s(Tp,{size:t,style:n}):e==="copilot"?s(Ep,{size:t,style:n}):e==="omp"?s(Lp,{size:t,style:n}):s(Mp,{size:t,style:n})}var hl=[{effort:"low",description:"Faster responses with lighter reasoning"},{effort:"medium",description:"Balanced reasoning depth"},{effort:"high",description:"Deeper reasoning for complex work"},{effort:"xhigh",description:"Extra-high reasoning depth"},{effort:"max",description:"Maximum reasoning depth"}],ml=[{id:"claude-opus-4-6",label:"Opus 4.6",source:"static",supportedReasoningLevels:hl},{id:"claude-sonnet-4-6",label:"Sonn 4.6",source:"static",supportedReasoningLevels:hl}],Ap=[fl],gl=[{id:"",label:"Default",source:"static"}],yl=[{id:"",label:"OMP default",source:"static"}],$p=[...ml,...Ap,...gl,...yl];function Np(e,t){if(t==="copilot"&&!e)return"Copilot";if(t==="omp"&&!e)return"OMP";if(!e)return t==="codex"?"Codex":"Claude Code";let n=$p.find(r=>r.id===e);return n?n.label:e.replace(/-\d{8,}$/,"")}var zr=St,Rp={minimal:"Minimal",low:"Low",medium:"Medium",high:"High",xhigh:"X-high",max:"Max",ultra:"Ultra"};function bl(e){let t=e.replace(/-/g," ").replace(/^claude\s+/i,"").replace(/^GPT\s*/i,"GPT ").replace(/^Sonn\b/i,"Sonnet").replace(/^(fable|opus|sonnet)\b/i,i=>i.charAt(0).toUpperCase()+i.slice(1).toLowerCase()),n=t.match(/^GPT\s+(\d+)(?:\.(\d+))?\b/i);if(!n)return t;let r=Number(n[1]),o=Number(n[2]??0);return r>5||r===5&&o>=6?t.replace(/^GPT\s+/i,""):t}function Pp({count:e,index:t,pill:n}){let r=Math.min(e,7),o=e<=1?0:Math.round(t*(r-1)/(e-1));return s("span",{title:`${t+1} of ${e}`,style:{alignItems:"center",background:n?"#333":"transparent",borderRadius:9,display:"inline-flex",gap:2,justifyContent:"center",padding:n?"2px 4px":4,transition:"background-color 120ms ease, padding 120ms ease"},children:Array.from({length:r},(i,a)=>{let l=a===o;return s("span",{style:a===0&&!l?{background:"#555",borderRadius:2,height:6,width:1,transition:"background-color 120ms ease, height 120ms ease, width 120ms ease"}:{background:l?"#fff":"#888",borderRadius:999,height:l?3:2,width:l?3:2,transition:"background-color 120ms ease, height 120ms ease, width 120ms ease"}},a)})})}function qo({icon:e,options:t,selectedIndex:n,displayLabel:r,onSelect:o,scrub:i=!1,indicator:a="scale",indicatorActive:l=!0,onScrubChange:d}){let c=$(null),u=$(!1),[p,h]=R(!1),[f,g]=R(!1),y=n>=0&&n<t.length?n:0,C=t[y],k=!o||t.length<=1;return v("button",{type:"button",disabled:k,onPointerDown:w=>{!i||k||(c.current={x:w.clientX,index:y,moved:!1},g(!0),d?.(!0),w.currentTarget.setPointerCapture(w.pointerId))},onPointerMove:w=>{let E=c.current;if(!E||!i||!o)return;let M=w.clientX-E.x;Math.abs(M)>=4&&(E.moved=!0);let S=Math.max(0,Math.min(t.length-1,E.index+Math.round(M/22)));E.moved&&S!==y&&o(S)},onPointerUp:w=>{let E=c.current;E&&(w.currentTarget.hasPointerCapture(w.pointerId)&&w.currentTarget.releasePointerCapture(w.pointerId),u.current=E.moved,c.current=null,g(!1),d?.(!1))},onPointerCancel:()=>{c.current=null,g(!1),d?.(!1)},onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onClick:()=>{if(u.current){u.current=!1;return}k||o((y+1)%t.length)},style:{alignItems:"center",background:"transparent",border:0,borderRadius:24,color:a!=="check"&&(p||f)?"#eee":"#aaa",cursor:k?"default":i?"ew-resize":"pointer",display:"flex",fontFamily:zr,fontSize:12,height:30,justifyContent:"space-between",letterSpacing:"0.12px",padding:"8px 6px 8px 10px",touchAction:i?"none":"auto",userSelect:"none",width:"100%",transition:"background-color 120ms ease, color 120ms ease"},children:[v("span",{style:{alignItems:"center",display:"inline-flex",gap:6,minWidth:0},children:[s(e,{"aria-hidden":"true",size:12,strokeWidth:1.75}),s("span",{style:{lineHeight:1.35,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r??C?.label??"Unavailable"})]}),a==="check"?s(Gn,{"aria-hidden":"true",color:"#fff",size:12,strokeWidth:2,style:{opacity:l?1:0,transition:"opacity 120ms ease"}}):s(Pp,{count:t.length,index:n,pill:p||f})]})}function vl({visible:e,style:t,provider:n,availableProviders:r=[],models:o,modelIndex:i,agentSettings:a={},onProviderChange:l,onModelChange:d,onAgentSettingsChange:c,onMouseEnter:u,onMouseLeave:p,onScrubChange:h}){let f=o[i]??o[0],g=ue(()=>bp(o),[o]),y=f?.upstreamProvider??g[0],[C,k]=R(""),[w,E]=R(!1),[M,S]=R(!1),T=ue(()=>vp(g,C),[C,g]),N=T[0],H=xp(N,C),P=H.toLowerCase().indexOf(C.trim().toLowerCase());F(()=>{w||k(y?Rr(y):"")},[w,y]);let L=I=>{let j=wp(o,I),_=o[j];k(Rr(I)),E(!1),d?.(j),a.serviceTier&&!_?.speedTiers?.some(O=>O.id===a.serviceTier)&&c?.({...a,serviceTier:void 0})},W=ue(()=>n==="omp"?pl(o,y):ul(n,o),[o,n,y]),Z=W.findIndex(I=>I.index===i),ae=W.map(I=>({value:String(I.index),label:bl(I.model.label)})),pe=n==="claude"?["low","medium","high","xhigh","max"]:["low","medium","high","xhigh"],le=f?.supportedReasoningLevels?.map(I=>I.effort)??pe,J=le.map(I=>({value:I,label:Rp[I]??I})),ye=a.reasoningEffort??f?.defaultReasoningLevel??le[0],G=Math.max(0,le.indexOf(ye??"")),be=[{value:"",label:"Standard"},...(f?.speedTiers??[]).filter(I=>I.id!=="default").map(I=>({value:I.id,label:I.label}))],Ee=Math.max(0,be.findIndex(I=>I.value===(a.serviceTier??""))),X=(f?.speedTiers?.length??0)>0,xe=I=>{let j=W[I];j&&(d?.(j.index),a.serviceTier&&!j.model.speedTiers?.some(_=>_.id===a.serviceTier)&&c?.({...a,serviceTier:void 0}))},A=["codex","claude","omp","copilot"].filter(I=>r.length===0||r.includes(I));return v("div",{"data-model-picker":!0,"data-popmelt-font":"sans",onMouseEnter:u,onMouseLeave:p,style:{background:"#222",border:"1px solid #ddd",borderRadius:20,bottom:39,boxSizing:"border-box",display:"flex",flexDirection:"column",left:0,opacity:e?1:0,padding:4,pointerEvents:e?"auto":"none",fontFamily:zr,position:"absolute",transition:"opacity 120ms ease",width:139,zIndex:4,...t},children:[s("div",{style:{display:"flex",width:"100%"},children:A.map(I=>{let j=n===I;return s("button",{type:"button","aria-label":`Use ${I==="codex"?"GPT":I==="claude"?"Claude":I==="copilot"?"Copilot":"OMP"}`,"aria-pressed":j,disabled:!l,onClick:()=>l?.(I),style:{alignItems:"center",background:j?"#333":"transparent",border:0,borderRadius:24,color:j?"#eee":"#aaa",cursor:l?"pointer":"default",display:"flex",flex:1,justifyContent:"center",padding:"8px 10px",transition:"background-color 120ms ease, color 120ms ease"},children:s(ar,{provider:I,size:12})},I)})}),n==="omp"&&g.length>0&&v("div",{style:{position:"relative",width:"100%"},children:[s(ca,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{color:"#777",left:10,opacity:M?1:0,pointerEvents:"none",position:"absolute",top:8,transition:"opacity 120ms ease",zIndex:3}}),w&&H&&s("div",{"aria-hidden":"true",style:{color:"#666",fontFamily:zr,fontSize:12,height:28,left:0,lineHeight:"28px",overflow:"hidden",padding:M?"0 10px 0 28px":"0 10px",pointerEvents:"none",position:"absolute",right:0,top:0,transition:"padding-left 120ms ease",whiteSpace:"pre",zIndex:1},children:P>=0?v(Me,{children:[H.slice(0,P),s("span",{style:{color:"#eee"},children:H.slice(P,P+C.trim().length)}),H.slice(P+C.trim().length)]}):H}),s("input",{"aria-label":"OMP provider","aria-autocomplete":"inline",autoComplete:"off",onBlur:()=>{E(!1)},onChange:I=>{k(I.currentTarget.value),E(!0)},onFocus:I=>{E(!0),I.currentTarget.select()},onKeyDown:I=>{if(I.key==="Enter"){let j=T[0];j&&(I.preventDefault(),L(j),I.currentTarget.blur())}else if(I.key==="Tab"){let j=T[0];j&&H&&L(j)}else I.key==="Escape"&&I.currentTarget.blur()},onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),placeholder:"Provider",value:C,style:{background:"transparent",border:0,borderRadius:0,boxSizing:"border-box",color:w&&H?"transparent":w||M?"#eee":"#aaa",caretColor:w&&!H?"#eee":"transparent",cursor:w?"text":"pointer",fontFamily:zr,fontSize:12,height:28,outline:"none",padding:M?"6px 10px 6px 28px":"6px 10px",position:"relative",transition:"color 120ms ease, padding-left 120ms ease",width:"100%",zIndex:2}})]}),s(qo,{icon:Dd,options:ae,selectedIndex:Z,displayLabel:Z<0&&f?bl(f.label):void 0,onSelect:d?xe:void 0,onScrubChange:h,scrub:!0}),s(qo,{icon:jd,options:J,selectedIndex:G,onSelect:c?I=>c({...a,reasoningEffort:J[I].value}):void 0,onScrubChange:h,scrub:!0,indicator:"effort"}),X&&s(Me,{children:s(qo,{icon:Ee>0?Wd:_d,options:be,selectedIndex:Ee,onSelect:c&&be.length>1?I=>c({...a,serviceTier:be[I].value||void 0}):void 0,indicator:"check",indicatorActive:Ee>0})})]})}function zp({provider:e,open:t,onClick:n,onMouseEnter:r,onMouseLeave:o,style:i}){let[a,l]=R(!1);return v("button",{type:"button","data-model-picker":!0,"aria-expanded":t,"aria-label":"Choose model settings",onMouseEnter:()=>{l(!0),r?.()},onMouseLeave:()=>{l(!1),o?.()},onClick:n,style:{alignItems:"center",background:t||a?"var(--popmelt-thread-control, #eaeaea)":"transparent",border:0,borderRadius:40,color:"var(--popmelt-thread-muted-strong, #888)",cursor:"pointer",display:"flex",gap:2,height:24,padding:"0 3px 0 6px",...i,transition:"background-color 120ms ease, color 120ms ease"},children:[s(ar,{provider:e,size:14}),s(So,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{transform:t?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})]})}var Bt={iconDefault:"#1f2937",iconActive:"#1f2937",bgActive:"#dedede",bgHover:"#e2e2e2"};function xl({children:e,active:t,siblingActive:n,disabled:r,onClick:o,title:i}){let a=()=>r?.4:n&&!t?.5:1,l={position:"relative",display:"flex",alignItems:"center",justifyContent:"center",width:32,height:32,borderRadius:0,border:"none",cursor:r?"default":"pointer",transition:"background-color 150ms ease, color 150ms ease, transform 100ms ease, opacity 150ms ease",backgroundColor:t?Bt.bgActive:"transparent",color:t?Bt.iconActive:Bt.iconDefault,opacity:a()};return s("button",{type:"button",onClick:r?void 0:o,title:i,disabled:r,style:l,onMouseEnter:d=>{r||(d.currentTarget.style.opacity="1",t||(d.currentTarget.style.backgroundColor=Bt.bgHover))},onMouseLeave:d=>{r||(d.currentTarget.style.opacity=String(a()),t||(d.currentTarget.style.backgroundColor="transparent"))},onMouseDown:d=>{r||(d.currentTarget.style.transform="scale(0.95)")},onMouseUp:d=>{r||(d.currentTarget.style.transform="scale(1)")},children:e})}function Hp(e,t){let n=[],r=new Set,o=[...e].sort((a,l)=>a.timestamp-l.timestamp),i=a=>!t.has(a)&&a.status!=="dismissed";for(let a of o)if(i(a)){if(a.groupId){if(r.has(a.groupId))continue;r.add(a.groupId);let l=e.filter(c=>c.groupId===a.groupId&&i(c));if(l.length===0)continue;let d=l.find(c=>c.type!=="text")??l[0];n.push({id:d.id,pathname:d.pathname??a.pathname,annotations:l,timestamp:Math.min(...l.map(c=>c.timestamp))});continue}n.push({id:a.id,pathname:a.pathname,annotations:[a],timestamp:a.timestamp})}return n.sort((a,l)=>a.timestamp-l.timestamp)}function wl(e,t){let n=[],r=new Map;for(let o of e){if(!o.pathname||o.pathname===t){n.push(o.id);continue}let i=r.get(o.pathname)??[];i.push(o.id),r.set(o.pathname,i)}return[...n,...Array.from(r.values()).flat()]}function Op(e,t){if(e.length===0)return null;if(!t)return e[0];let n=e.indexOf(t);return n<0||n===e.length-1?e[0]:e[n+1]}var lt={expanded:"devtools-toolbar-expanded",annotations:"devtools-annotations",styleMods:"devtools-style-modifications",textMods:"devtools-text-modifications",domMods:"devtools-dom-modifications",spacingChanges:"devtools-spacing-changes",tool:"devtools-active-tool",color:"devtools-next-thread-color",legacyColor:"devtools-active-color",stroke:"devtools-stroke-width",inspected:"devtools-inspected-element"},Dp="v1",jp="popmelt-workspace-generation";function Hr(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Wp(e,t){return{styleModifications:Hr(e.getItem(t.styleMods)),textModifications:Hr(e.getItem(t.textMods)),domModifications:Hr(e.getItem(t.domMods)),spacingTokenChanges:Hr(e.getItem(t.spacingChanges))}}function wt(e,t){return`${e}:project:${encodeURIComponent(t.trim())}`}function Or(e){return{expanded:wt(lt.expanded,e),annotations:wt(lt.annotations,e),styleMods:wt(lt.styleMods,e),textMods:wt(lt.textMods,e),domMods:wt(lt.domMods,e),spacingChanges:wt(lt.spacingChanges,e),tool:wt(lt.tool,e),color:wt(lt.color,e),stroke:wt(lt.stroke,e),inspected:wt(lt.inspected,e)}}function Cl(e){return wt(jp,e)}function _p(e,t){let n=e.getItem(Cl(t));if(n===null||n.trim()==="")return null;let r=Number(n);return Number.isInteger(r)&&r>=0?r:null}function Bp(e,t){return!Number.isInteger(t)||t<0?!1:t>(e??0)}function kl(e,t){return typeof e.pathname=="string"&&e.pathname===t}function Fp(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Vp(e,t,n){return e.filter(r=>!r||typeof r.id!="string"||!kl(r,t)||(r.status??"pending")!=="pending"||r.threadId?!1:r.target?!0:!(r.linkedSelector&&!n(r.linkedSelector)))}function Qp(e){let{storage:t,projectId:n,pathname:r,selectorExists:o}=e,i=Or(n),a=wt(`popmelt-annotation-workspace-migration-${Dp}`,n);if(t.getItem(a)==="complete")return i;let l=Vp(Fp(t.getItem(lt.annotations)),r,o);t.getItem(i.annotations)===null&&t.setItem(i.annotations,JSON.stringify(l));let d=[["expanded",lt.expanded],["tool",lt.tool],["color",lt.color],["stroke",lt.stroke]];for(let[c,u]of d){let p=c==="color"?t.getItem(u)??t.getItem(lt.legacyColor):t.getItem(u);p!==null&&t.getItem(i[c])===null&&t.setItem(i[c],p)}for(let c of[i.styleMods,i.textMods,i.domMods,i.spacingChanges])t.getItem(c)===null&&t.setItem(c,"[]");t.getItem(i.inspected)===null&&t.removeItem(i.inspected),t.setItem(a,"complete");for(let c of Object.values(lt))t.removeItem(c);return i}var Zp=["inspector","sticker","model"];function Sl(e){return typeof e=="string"&&Zp.includes(e)?e:null}function Uo(e,t){return Sl(e.getItem(t))}function qp(e,t,n){let r=Sl(n);r&&e.setItem(t,r)}function Up(e,t,n){let r=e.getRootNode().elementFromPoint?.(t,n)??e.ownerDocument.elementFromPoint?.(t,n);return r instanceof Node&&e.contains(r)}function Jp(e,t){let n=null,r=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},o=i=>{let a=i.relatedTarget;if(a instanceof Node&&e.contains(a))return;let{clientX:l,clientY:d}=i;r(),n=requestAnimationFrame(()=>{n=null,Up(e,l,d)||t()})};return e.addEventListener("pointerout",o),e.addEventListener("pointerover",r),()=>{r(),e.removeEventListener("pointerout",o),e.removeEventListener("pointerover",r)}}var Yp=Pd(()=>import("./PopmeltTasteConnectedPane-IXJ2KAPX.mjs").then(e=>({default:e.PopmeltTasteConnectedPane})));function Xp({size:e=16}){return s("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",fill:"none",style:{display:"block",width:e,height:e,flexShrink:0},children:s("path",{d:"M3.15151 1.43325C3.30812 1.4456 3.36664 1.45722 3.45913 1.4772L5.45327 1.90786C5.71961 1.96539 5.81497 1.98598 5.90835 1.9938C5.99722 2.00121 6.08709 2.00077 6.17592 1.99282C6.26931 1.98444 6.36483 1.96415 6.631 1.90493L8.52846 1.48208C8.62443 1.46073 8.68517 1.44843 8.84487 1.4352C8.89832 1.43078 8.99671 1.43071 9.06752 1.4313C9.12351 1.43176 9.19661 1.43502 9.25112 1.43813C9.25428 1.43772 9.25729 1.43652 9.25991 1.43618C9.29344 1.43249 9.32029 1.4337 9.3312 1.43423C9.35404 1.43535 9.37234 1.43727 9.37807 1.43813C9.3909 1.44012 9.40199 1.44249 9.40444 1.44302C9.41007 1.44422 9.41536 1.44552 9.41713 1.44595C9.41937 1.44648 9.42267 1.44735 9.42495 1.4479C10.0388 1.59533 10.4714 2.02864 10.7706 2.55435C11.0678 3.07651 11.2576 3.72874 11.379 4.40688C11.6224 5.76563 11.6131 7.34759 11.5558 8.50942C11.4955 9.73176 10.4539 10.6959 9.20327 10.5514C9.17055 10.5476 9.13946 10.5392 9.10952 10.529C8.98545 10.5053 8.871 10.433 8.80288 10.3151L7.43569 7.94692C7.43478 7.94534 7.43365 7.94363 7.43276 7.94204L7.38491 7.94497H4.61538L4.5685 7.94204C4.56013 7.9638 4.55123 7.98566 4.5392 8.00649L3.2062 10.3161C3.13089 10.4465 2.99974 10.5228 2.86049 10.5368C2.84008 10.5421 2.81956 10.5489 2.79799 10.5514C1.54661 10.6961 0.506006 9.72812 0.450337 8.50552C0.397386 7.34234 0.393576 5.75864 0.638814 4.40005C0.761156 3.72243 0.950829 3.07145 1.24624 2.55044C1.54356 2.02625 1.97419 1.59289 2.5851 1.44692C2.58741 1.44637 2.59064 1.44551 2.59292 1.44497C2.59413 1.44468 2.59975 1.4433 2.60561 1.44204C2.60725 1.44169 2.61812 1.43919 2.631 1.43716C2.63582 1.4364 2.65526 1.43343 2.67983 1.43227C2.68721 1.43193 2.69776 1.43202 2.7101 1.43227C2.72184 1.43252 2.74093 1.43296 2.76381 1.43618V1.43716C2.81577 1.43448 2.88162 1.43088 2.93276 1.43032C3.00218 1.42958 3.09906 1.42915 3.15151 1.43325ZM2.84487 2.33267C2.81452 2.3336 2.80259 2.33385 2.80385 2.33364C2.78384 2.33565 2.76472 2.33745 2.74721 2.33852C2.7445 2.33866 2.74126 2.33838 2.73842 2.33852C2.47469 2.42009 2.23761 2.62688 2.02944 2.9938C1.80471 3.39003 1.63834 3.92989 1.52456 4.5602C1.29746 5.81829 1.29772 7.32142 1.34975 8.4645C1.38088 9.14827 1.91024 9.65706 2.54311 9.66372L3.69545 7.66665C3.24293 7.36725 2.9435 6.85526 2.9435 6.27212C2.94361 5.57966 3.50494 5.01833 4.19741 5.01821H7.80288L7.93081 5.02505C8.5631 5.0893 9.05668 5.6229 9.05678 6.27212C9.05678 6.85264 8.75979 7.36277 8.31069 7.66274L9.46596 9.66274C10.0968 9.65246 10.6236 9.14681 10.6574 8.46548C10.7137 7.32383 10.7176 5.82237 10.4923 4.56509C10.3795 3.93533 10.214 3.39611 9.98842 2.99966C9.7791 2.63188 9.5394 2.4224 9.26967 2.3395C9.26577 2.33933 9.26169 2.33973 9.25795 2.3395C9.24049 2.33841 9.22072 2.33665 9.20034 2.33462C9.19676 2.33442 9.18388 2.33338 9.15932 2.33267C9.13093 2.33185 9.09544 2.33199 9.05971 2.33169C9.02419 2.3314 8.98934 2.33135 8.96108 2.33169C8.93444 2.33202 8.92128 2.33261 8.91909 2.33267C8.85721 2.33779 8.82528 2.34101 8.80385 2.34438C8.78271 2.34774 8.76489 2.35184 8.72377 2.36099L6.82631 2.78286C6.58172 2.83728 6.42081 2.87453 6.256 2.88931C6.11576 2.90186 5.97445 2.90196 5.83413 2.89028C5.66926 2.87651 5.50778 2.84065 5.26284 2.78774L3.2687 2.35708C3.23006 2.34874 3.21432 2.34544 3.19448 2.34243C3.17395 2.33932 3.14269 2.33556 3.0812 2.33071H2.94252C2.90734 2.33109 2.8728 2.33181 2.84487 2.33267ZM4.19741 5.9186C4.002 5.91872 3.84401 6.07671 3.84389 6.27212C3.8439 6.69847 4.18906 7.04443 4.61538 7.04458H7.38491C7.81117 7.04436 8.15639 6.69843 8.15639 6.27212C8.15628 6.07675 7.99822 5.91878 7.80288 5.9186H4.19741ZM9.21596 2.32388H9.21889C9.21766 2.32357 9.21622 2.3232 9.21499 2.3229L9.2101 2.32192C9.21058 2.32203 9.21313 2.32324 9.21596 2.32388ZM2.85756 2.30337C2.85868 2.30294 2.86331 2.30152 2.86831 2.29946C2.87039 2.29859 2.87348 2.29717 2.8771 2.29556L2.85756 2.30337ZM9.47768 1.46645L9.47963 1.46743C9.48162 1.46823 9.48579 1.46939 9.49038 1.47134C9.4866 1.46968 9.48311 1.46806 9.48159 1.46743C9.47986 1.4667 9.47829 1.46572 9.47768 1.46548V1.46645Z",fill:"currentColor"})})}var Kp=ru;function Gp({wasAnnotating:e,isAnnotating:t,isExpanded:n}){return e&&!t&&n?{expanded:!1,annotating:null}:t!==n?{expanded:null,annotating:n}:{expanded:null,annotating:null}}function e1({reconnecting:e,refresh:t,paused:n=!1}){return e?s(er,{size:14,strokeWidth:1.5,"aria-hidden":"true","data-popmelt-reconnecting-spinner":!0,style:{animation:"spin 0.8s linear infinite"}}):n?s(ya,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):t?s(Io,{size:14,strokeWidth:1.5}):s(Mo,{size:14,strokeWidth:1.5})}function t1({bridgeRestartState:e,bridgeIsStale:t,isBridgeConnected:n,packageVersion:r}){return e==="restarting"?"Reconnecting":t?"Version mismatch":e==="error"?"Connection failed":n===!1?"Disconnected":r?`Version ${r}`:"Connected"}function n1({hovered:e,canRestartBridge:t,bridgeRestartDisabled:n,bridgeRestartState:r,isBridgeConnected:o}){return e&&t&&!n&&r==="idle"&&o!==!1}function Jo({value:e,options:t,onChange:n,disabled:r=!1}){let[o,i]=R(!1),[a,l]=R({side:"below",maxHeight:220}),d=$(null),c=$(null),u=t.find(p=>p.value===e)??t[0];return qe(()=>{if(!o||!d.current)return;let p=()=>{let f=d.current?.getBoundingClientRect();if(!f)return;let g=8,y=Math.max(0,window.innerHeight-f.bottom-g),C=Math.max(0,f.top-g),k=Math.min(220,t.length*30+2),w=y>=Math.min(k,120)||y>=C?"below":"above";l({side:w,maxHeight:Math.max(48,Math.min(k,w==="below"?y:C))})};p(),window.addEventListener("resize",p),window.addEventListener("scroll",p,!0);let h=requestAnimationFrame(()=>{c.current?.scrollIntoView({block:"nearest"})});return()=>{cancelAnimationFrame(h),window.removeEventListener("resize",p),window.removeEventListener("scroll",p,!0)}},[o,t.length,e]),F(()=>{if(!o)return;let p=f=>{!d.current||f.composedPath().includes(d.current)||i(!1)},h=f=>{f.key==="Escape"&&i(!1)};return document.addEventListener("mousedown",p),document.addEventListener("keydown",h),()=>{document.removeEventListener("mousedown",p),document.removeEventListener("keydown",h)}},[o]),v("div",{ref:d,style:{position:"relative",minWidth:0},children:[v("button",{type:"button",disabled:r,"aria-expanded":o,onClick:()=>i(p=>!p),style:{width:"100%",height:28,display:"flex",alignItems:"center",justifyContent:"space-between",gap:6,border:"1px solid rgba(0,0,0,0.14)",borderRadius:0,backgroundColor:o?"#fff":"transparent",color:o?"#1f2937":"#8f8f8f",font:"inherit",fontSize:11,padding:"0 7px",cursor:r?"default":"pointer",opacity:r?.45:1,textAlign:"left"},children:[s("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:u?.label??""}),s(So,{size:12,style:{flexShrink:0}})]}),o&&s("div",{style:{position:"absolute",...a.side==="below"?{top:"100%",marginTop:2}:{bottom:"100%",marginBottom:2},left:0,right:0,maxHeight:a.maxHeight,backgroundColor:"#fff",border:"1px solid rgba(0,0,0,0.1)",zIndex:10002,overflowX:"hidden",overflowY:"auto"},children:t.map(p=>{let h=p.value===e;return v("button",{ref:h?c:void 0,type:"button",onClick:()=>{n?.(p.value),i(!1)},style:{width:"100%",minHeight:30,display:"flex",alignItems:"center",gap:7,border:"none",backgroundColor:h?"#f3f4f6":"#fff",color:"#1f2937",font:"inherit",fontSize:11,padding:"6px 8px",cursor:"pointer",textAlign:"left"},children:[s("span",{style:{width:14,display:"flex",flexShrink:0},children:h&&s(Gn,{size:13,strokeWidth:2})}),s("span",{children:p.label})]},p.value)})})]})}function r1(e,t){if(e<=0)return[];if(e<=4)return Array.from({length:e},(o,i)=>({key:`model-${i}`,index:i,active:i===t}));let n=e-1,r=o=>({key:`model-${o}`,index:o,active:o===t});return t===0?[r(0),r(1),r(2),{key:"overflow-after",overflow:!0}]:t===1?[{key:"overflow-before",overflow:!0},r(1),r(2),{key:"overflow-after",overflow:!0}]:t===n-1?[{key:"overflow-before",overflow:!0},r(n-2),r(n-1),r(n)]:t===n?[{key:"overflow-before",overflow:!0},r(n-2),r(n-1),r(n)]:t%2===0?[{key:"overflow-before",overflow:!0},r(t-1),r(t),{key:"overflow-after",overflow:!0}]:[{key:"overflow-before",overflow:!0},r(t),r(t+1),{key:"overflow-after",overflow:!0}]}function o1(e,t,n,r,o,i,a,l){let d=(e-o)*(r-i)-(n-o)*(t-i),c=(e-a)*(i-l)-(o-a)*(t-l),u=(e-n)*(l-r)-(a-n)*(t-r),p=d<0||c<0||u<0,h=d>0||c>0||u>0;return!(p&&h)}function i1(e="bottom-right"){return tu(e,window.innerWidth,window.innerHeight)}function a1(){return da(tc,{"aria-hidden":!0,size:14,strokeWidth:1.5,style:{flexShrink:0}})}function l1(e){let t=e?.trim().replace(/\\/g,"/").replace(/\/$/,"");if(!t)return"Unavailable";let n=t.split("/").filter(Boolean);return n.length<=2?t:`\u2026/${n.slice(-2).join("/")}`}var Il={inspector:{name:"Comment",desc:"Pin feedback to specific elements on the page.",usage:["Click any element to attach a comment","Type your note, then hand off to your AI","Your AI may ask clarifying questions","Replies get threaded"],keys:[{key:"C",desc:"Select tool"},{key:"Click",desc:"Pin comment to element"},{key:"Esc",desc:"Deselect"},{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]},sticker:{name:"Steer",desc:"Apply a small, code-native spacing scale directly on the page.",usage:["Move over an element to target it","Type a family command such as PY, BG, FO, or T","Press Enter to descend, then type a step or name","Applying a sibling token replaces the previous value"],keys:[{key:"S",desc:"Select tool"},{key:"P / M / B / R",desc:"Spacing and shape families"},{key:"BG / F / FO / G",desc:"Color, layout, and type"},{key:"T / O",desc:"Transform and opacity"},{key:"Enter",desc:"Descend or apply"},{key:"\u2190 / \u2192",desc:"Cycle scale step"},{key:"Click",desc:"Apply sticker"},{key:"Esc",desc:"Back or deselect"},{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]},model:{name:"Imprint",desc:"Review the project's shared understanding.",usage:["Filter grounded, emerging, and challenged explanations","Expand an explanation to inspect its evidence","Reopen the source thread when more context is useful"],keys:[{key:"I",desc:"Select tool"},{key:"Esc",desc:"Return to Chat"}]},counter:{name:"Annotations",desc:"Click to cycle, scroll to change color, long press to reset.",usage:[],keys:[{key:"Click",desc:"Cycle annotations"},{key:"Scroll",desc:"Change color"},{key:"Hold",desc:"Reset to red"}]},clear:{name:"Clear",desc:"Remove all annotations and style changes.",usage:[],keys:[{key:"Esc",desc:"Discard draft"},{key:"\u2318 \u232B",desc:"Clear all"},{key:"\u232B",desc:"Delete selected annotation"},{key:"\u2318 Z",desc:"Undo"},{key:"\u2318 \u21E7 Z",desc:"Redo"}]},collapse:{name:"Popmelt",desc:`Comment and zhuzh, then hand off.
|
|
242
242
|
|
|
243
|
-
Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{key:"\u2318\u2318",desc:"Toggle toolbar"}]}},Ml=St;function a1(e){let t=[];try{let n=JSON.parse(localStorage.getItem(e.annotations)||"[]");Array.isArray(n)&&(t=n)}catch{}return bu({savedCursor:localStorage.getItem(e.color),annotations:t,currentPathname:window.location.pathname})}function l1(e){return"entry"in e?s(du,{...e.entry}):s(s1,{...e})}function s1({projectId:e,state:t,dispatch:n,onScreenshot:r,onSendToClaude:o,hasExternalSendableItems:i=!1,readOnlyPreview:a=!1,hasActiveJobs:l,activeJobColor:d,onCrosshairHover:c,onClear:u,provider:p="codex",onProviderChange:h,availableProviders:f,modelIndex:g=0,modelCount:y=2,modelLabel:C="Opus 4.6",models:k=[],agentSettings:w={},onModelChange:E,onAgentSettingsChange:M,onModelMenuOpen:S,onViewThread:T,onPreviewHistoryThread:N,onNavigate:H,annotationCycleFocus:P=null,onAnnotationCycleFocusChange:L,isThreadPanelOpen:j,threadOpenRequest:Z=0,hasOpenThreadPanel:ae=!1,projectPanelTemporarilyHidden:pe=!1,mcpStatus:le,bridgeUrl:J,isBridgeConnected:ye,packageVersion:G,bridgeVersion:be,projectRoot:Ee,projectRootAccess:X,codexSandboxMode:xe,bridgeRestartState:A="idle",bridgeRestartMessage:I,onBridgeRestart:W,onMouseEnter:_,onToolbarHoverChange:O,activeChromeHoverSurface:ee=null,toolbarRef:we,snapPosition:te="bottom-right",onSnapPositionChange:Je}){let q=pn(Ga),He=pn(Bo),re=He?.participantId,Le=Uc(J,e??void 0,!q&&!He),me=!!(q?.ownIsHost||Le.linked),Ce=Fa(q?.peers??[])+Fa(q?.admissionRequests??[])+(q?.admissionRequests?.length?6:0),fe=ue(()=>{let m=e?.trim()||"__pending__";if(re){let x=Or(m);return Object.fromEntries(Object.entries(x).map(([z,ie])=>[z,`${ie}:participant:${encodeURIComponent(re)}`]))}return typeof window>"u"||!e?.trim()?Or(m):Fp({storage:localStorage,projectId:m,pathname:window.location.pathname,selectorExists:x=>!!Co(x)})},[e,re]),[st,Mt]=R(!1),Ht=l||st,ge=Na(),[Ne,dt]=R(()=>q?.onJoin?!0:He?t.isAnnotating:typeof window>"u"?!1:localStorage.getItem(fe.expanded)==="true"),We=$(Z);F(()=>{Z!==We.current&&(We.current=Z,dt(!0))},[Z]);let[Pe,Vt,Nt]=ho(J),Ae=Ie[Pe],kn=$(null),{surface:De,phase:Tt,enter:Bn,leave:fr,show:Fn,dismiss:Rt}=To({openDelayMs:La,exitDurationMs:It}),pt=$(null),[Et,Vn]=R(null),b=oe(()=>{pt.current!==null&&(pt.current=null,Vn(null))},[]),ne=oe(m=>{pt.current&&m!==`peer:${pt.current}`&&b(),Fn(m)},[b,Fn]),K=oe(m=>{pt.current&&m!==`peer:${pt.current}`&&b(),Bn(m)},[b,Bn]),he=oe(m=>{m!==`peer:${pt.current}`&&fr(m)},[fr]),V=oe(m=>{(!m||pt.current&&m===`peer:${pt.current}`)&&b(),Rt(m)},[b,Rt]),Fe=De==="tool-menu",Te=Fe&&Tt==="visible",ze=De==="popmelt-guide",Oe=ze&&Tt==="visible",Re=Kn(),Ve=De?.startsWith("peer:")?De.slice(5):null,ke=q?.peers.find(m=>m.identity.id===Ve),_e=De?.startsWith("admission:")?De.slice(10):null,Se=q?.admissionRequests?.find(m=>m.id===_e),je=!!(ke||Se),Qt=je&&Tt==="visible",Q=$(null),[de,Qe]=R(null),Ze=$(null);F(()=>{let m=Ze.current;if(m)return Ru(m)},[Ne]),Eu(Qt?_e:null,Q,Ze);let ht=$(null),kt=m=>m instanceof Node&&(ht.current?.closest('[role="toolbar"]')?.contains(m)||m instanceof Element&&!!m.closest('[data-devtools="peer-details-corridor"], [data-devtools="admission-details"]'));F(()=>{Ve!==null&&(!ke||!Ne)&&V(`peer:${Ve}`)},[ke,V,Ne,Ve]),F(()=>{if(!Et)return;let m=z=>{z.composedPath().some(ie=>ie instanceof Element&&(ie.getAttribute("data-devtools")==="peer-details-corridor"||ie.getAttribute("data-peer-id")===Et))||V(`peer:${Et}`)},x=z=>{z.key==="Escape"&&V(`peer:${Et}`)};return document.addEventListener("pointerdown",m),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",m),document.removeEventListener("keydown",x)}},[V,Et]),F(()=>{if(!_e)return;if(!Se||!Ne){V(`admission:${_e}`);return}let m=x=>{x.composedPath().some(z=>z instanceof Element&&["admission-details","admission-chip"].includes(z.getAttribute("data-devtools")??""))||V(`admission:${_e}`)};return document.addEventListener("pointerdown",m),()=>document.removeEventListener("pointerdown",m)},[_e,Se,Ne,V]),qe(()=>(O?.("peer-details",je),()=>{je&&O?.("peer-details",!1)}),[O,je]);let[on,an]=R(null),Qn=$(t.isAnnotating),Ot=$(!1),tt=P?.groupId??null,Xe=$([]),ln=$(null),Be=$(tt),Zn=$(new Set(t.annotations.map(m=>m.id))),Gr=$(typeof window<"u"?Uo(localStorage,fe.tool):null),hr=$(null),Sn=$(typeof window<"u"?a1(fe):null),sn=$(typeof window<"u"?localStorage.getItem(fe.stroke):null),[B,se]=R(null),[Pt,Dt]=R(!1),[ot,Wt]=R(!1),mt=JSON.stringify([e,Ee,J]),In=!!(me&&J&&ye!==!1),Zt=$(null),js=In&&Zt.current?.key===mt?Zt.current.snapshot:null;F(()=>{(!In||Zt.current?.key!==mt)&&(Zt.current=null)},[In,mt]);let[_s,mr]=R(!1),[Bs,Fs]=R(0);F(()=>{ot||mr(!1)},[ot]),F(()=>{Wt(!1)},[J,Ne,q?.ownIsHost]),F(()=>{if(ot!=="settings"||!Oe)return;let m=x=>{x.key==="Escape"&&(x.composedPath().some(z=>z instanceof HTMLElement&&z.hasAttribute("data-taste-search"))||(x.preventDefault(),x.stopImmediatePropagation(),Wt(!1),ne("popmelt-guide")))};return document.addEventListener("keydown",m,!0),()=>document.removeEventListener("keydown",m,!0)},[ot,Oe,ne]),F(()=>{Ne||Dt(!1)},[Ne]),F(()=>{Dt(!1)},[J]);let[Vs,eo]=R(!1),[Ii,to]=R(!1),[qn,gr]=R(!1),Lt=$(!1),vt=$(null),it=$(null),Un=$(null),yr=$(!1);F(()=>{B!=="collapse"&&(eo(!1),to(!1),gr(!1))},[B]),F(()=>{ze||gr(!1)},[ze]);let no=B!==null||Oe;qe(()=>(O?.("guidance-panel",no),()=>{no&&O?.("guidance-panel",!1)}),[no,O]),qe(()=>(O?.("tool-menu",Te),()=>{Te&&O?.("tool-menu",!1)}),[O,Te]),qe(()=>(O?.("popmelt-guide",Oe),()=>{Oe&&O?.("popmelt-guide",!1)}),[O,Oe]);let Mi=!j&&(B==="model"||t.activeTool==="model");F(()=>()=>{yr.current&&(yr.current=!1,O?.("project-panel",!1))},[O,Mi]);let Qs=oe(()=>{ne("tool-menu")},[ne]),qt=oe(()=>{an(null),V("tool-menu")},[V]),[Zs,qs]=R([]),Ti=$({x:0,y:0}),Mn=$(null),br=$(null),Ut=$(null),ct=oe(()=>{Mn.current=null,br.current=null,Ut.current&&(clearTimeout(Ut.current),Ut.current=null)},[]);F(()=>{ee==="job-stack"&&(V(),Lt.current=!1,se(null),ct(),vt.current&&(clearTimeout(vt.current),vt.current=null),it.current&&(clearTimeout(it.current),it.current=null))},[ee,ct,V]);let ro=oe(m=>{it.current&&(clearTimeout(it.current),it.current=null),Lt.current?(Mn.current=m,br.current={...Ti.current},Ut.current&&clearTimeout(Ut.current),Ut.current=setTimeout(()=>{Mn.current&&(se(Mn.current),ct())},300)):(vt.current&&clearTimeout(vt.current),vt.current=setTimeout(()=>{Lt.current=!0,se(m),vt.current=null},500))},[ct]),vr=oe(()=>{ct(),vt.current&&(clearTimeout(vt.current),vt.current=null),it.current=setTimeout(()=>{Lt.current=!1,se(null)},150)},[ct]);F(()=>{ze?Lt.current=!0:B===null&&(Lt.current=!1)},[B,ze]),F(()=>{let m=Un.current;if(!m)return;let x=()=>{if(ze){K("popmelt-guide");return}ct(),it.current&&(clearTimeout(it.current),it.current=null)},z=()=>{ze||(it.current=setTimeout(()=>{Lt.current=!1,se(null)},150))};return m.addEventListener("mouseenter",x),m.addEventListener("mouseleave",z),()=>{m.removeEventListener("mouseenter",x),m.removeEventListener("mouseleave",z)}},[ct,V,K,B,Pt,ot,ae,he,ze]),F(()=>{let m=Ze.current;if(m)return qp(m,()=>{(De?.startsWith("peer:")||De?.startsWith("admission:"))&&he(De),ae?(V("popmelt-guide"),V("tool-menu")):(he("popmelt-guide"),he("tool-menu"))})},[V,De,ae,he]),F(()=>{if(B!=="counter"||!J)return;let m=!1;return Ln(`${J}/threads/recent?limit=5`).then(x=>x.ok?x.json():[]).then(x=>{m||qs(x)}).catch(()=>{}),()=>{m=!0}},[B,J]);let Us=oe(m=>{if(Ti.current={x:m.clientX,y:m.clientY},Mn.current&&br.current){let x=br.current,z=r1(te);n1(m.clientX,m.clientY,x.x,x.y,z.left,z.y,z.right,z.y)||(se(Mn.current),ct())}},[ct,te]),Js=ue(()=>{let m=(f??[]).map(x=>x==="claude"?"Claude":x==="codex"?"Codex":x==="copilot"?"Copilot":x==="omp"?"OMP":x);return{name:"AI Model",desc:m.length>1?`${m.join(" and ")} are available.`:m.length===1?`Connected to ${m[0]}.`:"No AI providers detected.",usage:m.length>1?["Click the logo to switch between providers","Click the model name to switch tiers"]:["Click the model name to switch tiers"],keys:m.length>1?[{key:"Click",desc:"Switch"},{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]:[{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]}},[f]),Ys=ue(()=>{let m=f&&f.length>0?f:["claude","codex","omp","copilot"],x=m.indexOf(p);return m[(x>=0?x+1:0)%m.length]??p},[f,p]),Xs=ue(()=>t1(y,g),[y,g]),oo=k[g],Ei=oo?.supportedReasoningLevels??[],Li=oo?.speedTiers??[];Nu(Ne,t,n,Ot,fe,!He),F(()=>{if(hr.current!==fe.tool){hr.current=fe.tool;let m=Uo(localStorage,fe.tool);if(m&&m!==t.activeTool){n({type:"SET_TOOL",payload:m});return}}Qp(localStorage,fe.tool,t.activeTool)},[n,t.activeTool,fe.tool]),tl(()=>{let m=new URLSearchParams(window.location.search);if(!m.has("popmelt"))return;let x=document.createElement("style");x.textContent="nextjs-portal, vite-error-overlay { display: none !important; }",document.head.appendChild(x);let z=parseInt(m.get("popmelt")||"0",10)||0,ie=()=>{dt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})},D=z>0?setTimeout(ie,z):null;return D||ie(),()=>{D&&clearTimeout(D),x.remove()}}),tl(()=>{if(He)return wo(t.domModifications),vo(t.styleModifications),xo(t.textModifications),dt(t.isAnnotating),Ot.current=!0,()=>{Ot.current=!1};let m=localStorage.getItem(fe.expanded)==="true",x=localStorage.getItem(fe.annotations);if(Sn.current&&n({type:"SET_COLOR",payload:Sn.current}),x)try{let D=JSON.parse(x);if(Array.isArray(D)&&D.length>0){for(let U of D)(U.status==="waiting_input"||U.status==="sending"||U.status==="in_flight")&&(U.status=U.threadId?"resolved":"pending");let Y=Sn.current?mu(D,Sn.current):D;n({type:"RESTORE_ANNOTATIONS",payload:{annotations:Y}})}}catch{}let z=Dp(localStorage,fe);if(z.styleModifications.length>0&&(n({type:"RESTORE_STYLE_MODIFICATIONS",payload:z.styleModifications}),vo(z.styleModifications)),z.textModifications.length>0&&(n({type:"RESTORE_TEXT_MODIFICATIONS",payload:z.textModifications}),xo(z.textModifications)),z.domModifications.length>0&&(n({type:"RESTORE_DOM_MODIFICATIONS",payload:z.domModifications}),wo(z.domModifications)),z.spacingTokenChanges.length>0&&n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:z.spacingTokenChanges}),m&&!t.isAnnotating){if(Ne||dt(!0),n({type:"SET_TOOL",payload:Gr.current||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),sn.current){let Y=parseFloat(sn.current);isNaN(Y)||n({type:"SET_STROKE_WIDTH",payload:Y})}let D=sessionStorage.getItem("popmelt-pending-focus");if(D){sessionStorage.removeItem("popmelt-pending-focus");try{let{annotationId:Y}=JSON.parse(D);if(Y){let U=x?JSON.parse(x)??[]:[],ve=U.find(ce=>ce.id===Y),nt=ve?.groupId?U.filter(ce=>ce.groupId===ve.groupId):ve?[ve]:[];L?.({groupId:Y,annotationIds:nt.map(ce=>ce.id)}),requestAnimationFrame(()=>{n({type:"SELECT_ANNOTATION",payload:{id:Y}});let ce=U.find(at=>at.id===Y);if(ce){let at=(ce.groupId?U.filter(gt=>gt.groupId===ce.groupId):[ce]).flatMap(gt=>gt.points);if(at.length>0){let gt=Math.min(...at.map(yt=>yt.x)),Ge=Math.max(...at.map(yt=>yt.x)),ft=Math.min(...at.map(yt=>yt.y)),wr=Math.max(...at.map(yt=>yt.y));window.scrollTo({left:(gt+Ge)/2-window.innerWidth/2,top:(ft+wr)/2-window.innerHeight/2,behavior:"smooth"})}}})}}catch{}}}let ie=sessionStorage.getItem("popmelt-pending-thread");if(ie){sessionStorage.removeItem("popmelt-pending-thread");try{let{threadId:D,selector:Y,preview:U}=JSON.parse(ie);D&&requestAnimationFrame(()=>{if(Y)try{let ve=document.querySelector(Y);if(ve){let nt=ve.getBoundingClientRect(),ce=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:ce,point:{x:nt.left+nt.width,y:nt.top},text:U||"[thread]",linkedSelector:Y,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[ce],threadId:D}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[ce],status:"resolved"}})}}catch{}T&&T(D)})}catch{}}return Ot.current=!0,()=>{Ot.current=!1}});let Ai=$(t.styleModifications),$i=$(t.textModifications),Ni=$(t.domModifications);F(()=>{let m=Ai.current,x=t.styleModifications;m!==x&&(na(m),vo(x),Ai.current=x)},[t.styleModifications]),F(()=>{let m=$i.current,x=t.textModifications;m!==x&&(ra(m),xo(x),$i.current=x)},[t.textModifications]),F(()=>{let m=Ni.current,x=t.domModifications;m!==x&&(oa(m),wo(x),Ni.current=x)},[t.domModifications]),F(()=>{let m=Qn.current;Qn.current=t.isAnnotating;let x=Xp({wasAnnotating:m,isAnnotating:t.isAnnotating,isExpanded:Ne});x.expanded!==null&&dt(x.expanded),x.annotating!==null&&n({type:"SET_ANNOTATING",payload:x.annotating})},[n,t.isAnnotating,Ne]);let Ri=$(Ne);Ri.current=Ne,Ra(()=>{if(Ri.current)n({type:"SET_ANNOTATING",payload:!1}),dt(!1);else{let m=Uo(localStorage,fe.tool);n({type:"SET_TOOL",payload:m||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),dt(!0)}});let io=oe(m=>{a||(ct(),n({type:"SET_TOOL",payload:m}),t.isAnnotating||n({type:"SET_ANNOTATING",payload:!0}),Lt.current=!1,se(null),vt.current&&(clearTimeout(vt.current),vt.current=null),it.current&&(clearTimeout(it.current),it.current=null))},[n,t.isAnnotating,ct,a]),Pi=oe(async()=>{window.focus(),await r()},[r]),zi=oe(async()=>{o&&await o()},[o]),Ks=oe(()=>{n({type:"SET_ANNOTATING",payload:!1}),V(),dt(!1)},[V,n]);F(()=>{if(!Fe)return;let m=z=>{!kn.current||z.composedPath().includes(kn.current)||qt()},x=z=>{z.key==="Escape"&&(z.preventDefault(),z.stopPropagation(),qt())};return document.addEventListener("mousedown",m),document.addEventListener("keydown",x),()=>{document.removeEventListener("mousedown",m),document.removeEventListener("keydown",x)}},[qt,Fe]);let ao=oe(()=>{a||(na(t.styleModifications),ra(t.textModifications),oa(t.domModifications),document.querySelectorAll("[data-pm]").forEach(m=>m.removeAttribute("data-pm")),n({type:"CLEAR"}),n({type:"CLEAR_ALL_STYLES"}),localStorage.removeItem(fe.annotations),localStorage.removeItem(fe.styleMods),localStorage.removeItem(fe.textMods),localStorage.removeItem(fe.domMods),localStorage.removeItem(fe.spacingChanges),L?.(null),Xe.current=[],ln.current=null,u?.())},[n,t.styleModifications,t.textModifications,t.domModifications,L,u,fe,a]),lo=Er(t.activeColor)??29,Tn=$(null),Hi=$(null),Oi=t.annotations.length>0;F(()=>{let m=Hi.current;if(!m||!Oi)return;let x=z=>{z.preventDefault(),z.stopPropagation();let ie=z.deltaY>0?-1:1,D=((lo+ie)%360+360)%360,Y=Yt(D);n({type:"SET_COLOR",payload:Y}),t.selectedAnnotationIds.length>0&&n({type:"UPDATE_ANNOTATION_COLOR",payload:{id:t.lastSelectedId||t.selectedAnnotationIds[0],color:Y}})};return m.addEventListener("wheel",x,{passive:!1}),()=>m.removeEventListener("wheel",x)},[Oi,t.selectedAnnotationIds,t.lastSelectedId,lo,n]);let xr=$(!1),Gs=oe(()=>{xr.current=!1,Tn.current=setTimeout(()=>{xr.current=!0,n({type:"SET_COLOR",payload:Yt(29)})},500)},[n]),Di=oe(()=>{Tn.current&&(clearTimeout(Tn.current),Tn.current=null)},[]);F(()=>()=>{Tn.current&&clearTimeout(Tn.current),Ut.current&&clearTimeout(Ut.current)},[]);let At=ka(),Wi=ue(()=>Ar(t.annotations),[t.annotations]),Ke=ue(()=>Pp(t.annotations,Wi),[t.annotations,Wi]),ed=ue(()=>Ke.filter(m=>!m.pathname||m.pathname===At),[Ke,At]),so=tt?Ke.findIndex(m=>m.id===tt):null,En=so!==null&&so>=0?so:null,co=En!==null?Ke[En]??null:null,dn=oe(()=>{L?.(null),Xe.current=[],ln.current=null},[L]);F(()=>{let m=Be.current;Be.current=tt,m!==null&&tt===null&&(Xe.current=[],ln.current=null)},[tt]),F(()=>{let m=new Set(t.annotations.map(z=>z.id)),x=t.annotations.some(z=>!Zn.current.has(z.id)&&z.id!==tt&&(z.status??"pending")==="pending");Zn.current=m,x&&dn()},[dn,tt,t.annotations]),F(()=>{tt&&!Ke.some(m=>m.id===tt)&&dn()},[Ke,dn,tt]);let ji=oe(async m=>{let x=Ke.find(D=>D.id===m);if(!x)return!1;if(L?.({groupId:x.id,annotationIds:x.annotations.map(D=>D.id)}),qt(),!(!x.pathname||x.pathname===At)){if(sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:x.id,pathname:x.pathname})),!H)return window.location.href=x.pathname,!0;try{await H(x.pathname)}catch{return sessionStorage.removeItem("popmelt-pending-focus"),!1}if(sessionStorage.removeItem("popmelt-pending-focus"),window.location.pathname!==x.pathname)return!1}n({type:"SELECT_ANNOTATION",payload:{id:x.id}}),t.activeTool!=="inspector"&&n({type:"SET_TOOL",payload:"inspector"});let z=x.annotations.find(D=>D.linkedSelector)?.linkedSelector,ie=z?Co(z):null;if(ie){let D=ie.getBoundingClientRect();window.scrollTo({left:D.left+D.width/2+window.scrollX-window.innerWidth/2,top:D.top+D.height/2+window.scrollY-window.innerHeight/2,behavior:"smooth"})}else{let D=x.annotations.flatMap(ce=>ce.points);if(D.length===0)return!1;let Y=Math.min(...D.map(ce=>ce.x)),U=Math.max(...D.map(ce=>ce.x)),ve=Math.min(...D.map(ce=>ce.y)),nt=Math.max(...D.map(ce=>ce.y));window.scrollTo({left:(Y+U)/2-window.innerWidth/2,top:(ve+nt)/2-window.innerHeight/2,behavior:"smooth"})}if(T){let D=x.annotations.find(Y=>Y.threadId)?.threadId;D&&T(D)}return!0},[Ke,qt,At,n,L,H,T,t.activeTool]),_i=oe(async()=>{if(Ke.length===0){dn();return}Xe.current.length===0&&(ln.current=At,Xe.current=wl(Ke,At));let m=Xe.current,x=zp(m,tt);if(tt!==null&&x===m[0]){let z=ln.current??At;Xe.current=wl(Ke,z),x=Xe.current[0]??null}for(let z=0;x&&z<Xe.current.length;z+=1){if(await ji(x))return;let ie=Xe.current.indexOf(x);if(Xe.current=Xe.current.filter(D=>D!==x),Xe.current.length===0)break;x=Xe.current[Math.min(ie,Xe.current.length-1)]??Xe.current[0]}dn()},[Ke,dn,At,ji,tt]);F(()=>{if(!Ne)return;let m=x=>{if(x.defaultPrevented)return;let z=document.activeElement;for(;z?.shadowRoot?.activeElement;)z=z.shadowRoot.activeElement;if(z?.tagName==="INPUT"||z?.tagName==="TEXTAREA"||z?.isContentEditable)return;if((x.metaKey||x.ctrlKey)&&x.key===yn.actions.send.key){o&&(i||t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(D=>!D.captured).length>0)&&(x.preventDefault(),zi());return}if((x.metaKey||x.ctrlKey)&&x.key.toLowerCase()===yn.actions.screenshot.key){let D=window.getSelection();if(D&&D.toString().length>0)return;(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&(x.preventDefault(),window.focus(),Pi());return}if((x.metaKey||x.ctrlKey)&&yn.actions.clear.keys.includes(x.key)){x.preventDefault(),ao();return}if(x.metaKey||x.ctrlKey||x.altKey||t.activeTool==="sticker"&&iu(x.key))return;let ie=ou(x.key);ie&&(x.preventDefault(),io(ie))};return window.addEventListener("keydown",m),()=>window.removeEventListener("keydown",m)},[Ne,io,Pi,zi,o,i,ao,t.activeTool,t.annotations.length,t.styleModifications.length,t.textModifications.length,t.spacingTokenChanges,B]);let td=88+(Ce?Ce+6:0),Bi=ye===!1||q?.connectionNotice?"rgba(239, 68, 68, 0.4)":l&&d?d:Ae.primary,Jn=!!(G&&be&&G!==be),Jt=A==="restarting"||!W&&!J,nd=A==="error"?"#dc2626":A==="ok"?Bt.iconDefault:Jn?"#b45309":Bt.iconDefault,rd=A==="restarting"?"Restarting":A==="error"?"Restart failed":A==="ok"?"Restarted":Jn?"Update bridge":null,uo=I??(Jn?`Page version ${G}; bridge version ${be}. Refresh the page after updating the package, or restart the bridge after rebuilding it.`:be?`Bridge ${be}. Restart bridge.`:"Restart bridge"),po=Yp.map(m=>({...m,Icon:m.type==="model"?ua:m.type==="sticker"?Jp:Bd})),cn=po.find(({type:m})=>m===t.activeTool)??po[0],od=cn.Icon,id=te.startsWith("top"),ad=140,ld=-38,un=ze?"collapse":B,fo=Math.max(0,ge.h-Ye-mn*2-zt),Fi=$(null);return F(()=>{if(!Ne)return;let m=Fi.current;if(!m)return;let x=()=>{O?.("popmelt-trigger",!0),c?.(!0),K("popmelt-guide")},z=()=>{O?.("popmelt-trigger",!1),c?.(!1)};return m.addEventListener("mouseenter",x),m.addEventListener("mouseleave",z),()=>{m.removeEventListener("mouseenter",x),m.removeEventListener("mouseleave",z)}},[K,Ne,c,O]),Ne?v(Me,{children:[s("style",{children:`
|
|
243
|
+
Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{key:"\u2318\u2318",desc:"Toggle toolbar"}]}},Ml=St;function s1(e){let t=[];try{let n=JSON.parse(localStorage.getItem(e.annotations)||"[]");Array.isArray(n)&&(t=n)}catch{}return bu({savedCursor:localStorage.getItem(e.color),annotations:t,currentPathname:window.location.pathname})}function d1(e){return"entry"in e?s(du,{...e.entry}):s(c1,{...e})}function c1({projectId:e,state:t,dispatch:n,onScreenshot:r,onSendToClaude:o,hasExternalSendableItems:i=!1,readOnlyPreview:a=!1,hasActiveJobs:l,activeJobColor:d,onCrosshairHover:c,onClear:u,provider:p="codex",onProviderChange:h,availableProviders:f,modelIndex:g=0,modelCount:y=2,modelLabel:C="Opus 4.6",models:k=[],agentSettings:w={},onModelChange:E,onAgentSettingsChange:M,onModelMenuOpen:S,onViewThread:T,onPreviewHistoryThread:N,onNavigate:H,annotationCycleFocus:P=null,onAnnotationCycleFocusChange:L,isThreadPanelOpen:W,threadOpenRequest:Z=0,hasOpenThreadPanel:ae=!1,projectPanelTemporarilyHidden:pe=!1,mcpStatus:le,bridgeUrl:J,isBridgeConnected:ye,packageVersion:G,bridgeVersion:be,projectRoot:Ee,projectRootAccess:X,codexSandboxMode:xe,bridgeRestartState:A="idle",bridgeRestartMessage:I,onBridgeRestart:j,onMouseEnter:_,onToolbarHoverChange:O,activeChromeHoverSurface:ee=null,toolbarRef:we,snapPosition:te="bottom-right",onSnapPositionChange:Je}){let q=pn(Ga),He=pn(Bo),re=He?.participantId,Le=Uc(J,e??void 0,!q&&!He),me=!!(q?.ownIsHost||Le.linked),Ce=Fa(q?.peers??[])+Fa(q?.admissionRequests??[])+(q?.admissionRequests?.length?6:0),fe=ue(()=>{let m=e?.trim()||"__pending__";if(re){let x=Or(m);return Object.fromEntries(Object.entries(x).map(([z,ie])=>[z,`${ie}:participant:${encodeURIComponent(re)}`]))}return typeof window>"u"||!e?.trim()?Or(m):Qp({storage:localStorage,projectId:m,pathname:window.location.pathname,selectorExists:x=>!!Co(x)})},[e,re]),[st,Mt]=R(!1),Ht=l||st,ge=Na(),[Ne,dt]=R(()=>q?.onJoin?!0:He?t.isAnnotating:typeof window>"u"?!1:localStorage.getItem(fe.expanded)==="true"),je=$(Z);F(()=>{Z!==je.current&&(je.current=Z,dt(!0))},[Z]);let[Pe,Vt,Nt]=ho(J),Ae=Ie[Pe],kn=$(null),{surface:De,phase:Tt,enter:Bn,leave:fr,show:Fn,dismiss:Rt}=To({openDelayMs:La,exitDurationMs:It}),pt=$(null),[Et,Vn]=R(null),b=oe(()=>{pt.current!==null&&(pt.current=null,Vn(null))},[]),ne=oe(m=>{pt.current&&m!==`peer:${pt.current}`&&b(),Fn(m)},[b,Fn]),K=oe(m=>{pt.current&&m!==`peer:${pt.current}`&&b(),Bn(m)},[b,Bn]),he=oe(m=>{m!==`peer:${pt.current}`&&fr(m)},[fr]),V=oe(m=>{(!m||pt.current&&m===`peer:${pt.current}`)&&b(),Rt(m)},[b,Rt]),Fe=De==="tool-menu",Te=Fe&&Tt==="visible",ze=De==="popmelt-guide",Oe=ze&&Tt==="visible",Re=Kn(),Ve=De?.startsWith("peer:")?De.slice(5):null,ke=q?.peers.find(m=>m.identity.id===Ve),_e=De?.startsWith("admission:")?De.slice(10):null,Se=q?.admissionRequests?.find(m=>m.id===_e),We=!!(ke||Se),Qt=We&&Tt==="visible",Q=$(null),[de,Qe]=R(null),Ze=$(null);F(()=>{let m=Ze.current;if(m)return Ru(m)},[Ne]),Eu(Qt?_e:null,Q,Ze);let ht=$(null),kt=m=>m instanceof Node&&(ht.current?.closest('[role="toolbar"]')?.contains(m)||m instanceof Element&&!!m.closest('[data-devtools="peer-details-corridor"], [data-devtools="admission-details"]'));F(()=>{Ve!==null&&(!ke||!Ne)&&V(`peer:${Ve}`)},[ke,V,Ne,Ve]),F(()=>{if(!Et)return;let m=z=>{z.composedPath().some(ie=>ie instanceof Element&&(ie.getAttribute("data-devtools")==="peer-details-corridor"||ie.getAttribute("data-peer-id")===Et))||V(`peer:${Et}`)},x=z=>{z.key==="Escape"&&V(`peer:${Et}`)};return document.addEventListener("pointerdown",m),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",m),document.removeEventListener("keydown",x)}},[V,Et]),F(()=>{if(!_e)return;if(!Se||!Ne){V(`admission:${_e}`);return}let m=x=>{x.composedPath().some(z=>z instanceof Element&&["admission-details","admission-chip"].includes(z.getAttribute("data-devtools")??""))||V(`admission:${_e}`)};return document.addEventListener("pointerdown",m),()=>document.removeEventListener("pointerdown",m)},[_e,Se,Ne,V]),qe(()=>(O?.("peer-details",We),()=>{We&&O?.("peer-details",!1)}),[O,We]);let[on,an]=R(null),Qn=$(t.isAnnotating),Ot=$(!1),tt=P?.groupId??null,Xe=$([]),ln=$(null),Be=$(tt),Zn=$(new Set(t.annotations.map(m=>m.id))),Gr=$(typeof window<"u"?Uo(localStorage,fe.tool):null),hr=$(null),Sn=$(typeof window<"u"?s1(fe):null),sn=$(typeof window<"u"?localStorage.getItem(fe.stroke):null),[B,se]=R(null),[Pt,Dt]=R(!1),[ot,jt]=R(!1),mt=JSON.stringify([e,Ee,J]),In=!!(me&&J&&ye!==!1),Zt=$(null),Ws=In&&Zt.current?.key===mt?Zt.current.snapshot:null;F(()=>{(!In||Zt.current?.key!==mt)&&(Zt.current=null)},[In,mt]);let[_s,mr]=R(!1),[Bs,Fs]=R(0);F(()=>{ot||mr(!1)},[ot]),F(()=>{jt(!1)},[J,Ne,q?.ownIsHost]),F(()=>{if(ot!=="settings"||!Oe)return;let m=x=>{x.key==="Escape"&&(x.composedPath().some(z=>z instanceof HTMLElement&&z.hasAttribute("data-taste-search"))||(x.preventDefault(),x.stopImmediatePropagation(),jt(!1),ne("popmelt-guide")))};return document.addEventListener("keydown",m,!0),()=>document.removeEventListener("keydown",m,!0)},[ot,Oe,ne]),F(()=>{Ne||Dt(!1)},[Ne]),F(()=>{Dt(!1)},[J]);let[Vs,eo]=R(!1),[Ii,to]=R(!1),[qn,gr]=R(!1),Lt=$(!1),vt=$(null),it=$(null),Un=$(null),yr=$(!1);F(()=>{B!=="collapse"&&(eo(!1),to(!1),gr(!1))},[B]),F(()=>{ze||gr(!1)},[ze]);let no=B!==null||Oe;qe(()=>(O?.("guidance-panel",no),()=>{no&&O?.("guidance-panel",!1)}),[no,O]),qe(()=>(O?.("tool-menu",Te),()=>{Te&&O?.("tool-menu",!1)}),[O,Te]),qe(()=>(O?.("popmelt-guide",Oe),()=>{Oe&&O?.("popmelt-guide",!1)}),[O,Oe]);let Mi=!W&&(B==="model"||t.activeTool==="model");F(()=>()=>{yr.current&&(yr.current=!1,O?.("project-panel",!1))},[O,Mi]);let Qs=oe(()=>{ne("tool-menu")},[ne]),qt=oe(()=>{an(null),V("tool-menu")},[V]),[Zs,qs]=R([]),Ti=$({x:0,y:0}),Mn=$(null),br=$(null),Ut=$(null),ct=oe(()=>{Mn.current=null,br.current=null,Ut.current&&(clearTimeout(Ut.current),Ut.current=null)},[]);F(()=>{ee==="job-stack"&&(V(),Lt.current=!1,se(null),ct(),vt.current&&(clearTimeout(vt.current),vt.current=null),it.current&&(clearTimeout(it.current),it.current=null))},[ee,ct,V]);let ro=oe(m=>{it.current&&(clearTimeout(it.current),it.current=null),Lt.current?(Mn.current=m,br.current={...Ti.current},Ut.current&&clearTimeout(Ut.current),Ut.current=setTimeout(()=>{Mn.current&&(se(Mn.current),ct())},300)):(vt.current&&clearTimeout(vt.current),vt.current=setTimeout(()=>{Lt.current=!0,se(m),vt.current=null},500))},[ct]),vr=oe(()=>{ct(),vt.current&&(clearTimeout(vt.current),vt.current=null),it.current=setTimeout(()=>{Lt.current=!1,se(null)},150)},[ct]);F(()=>{ze?Lt.current=!0:B===null&&(Lt.current=!1)},[B,ze]),F(()=>{let m=Un.current;if(!m)return;let x=()=>{if(ze){K("popmelt-guide");return}ct(),it.current&&(clearTimeout(it.current),it.current=null)},z=()=>{ze||(it.current=setTimeout(()=>{Lt.current=!1,se(null)},150))};return m.addEventListener("mouseenter",x),m.addEventListener("mouseleave",z),()=>{m.removeEventListener("mouseenter",x),m.removeEventListener("mouseleave",z)}},[ct,V,K,B,Pt,ot,ae,he,ze]),F(()=>{let m=Ze.current;if(m)return Jp(m,()=>{(De?.startsWith("peer:")||De?.startsWith("admission:"))&&he(De),ae?(V("popmelt-guide"),V("tool-menu")):(he("popmelt-guide"),he("tool-menu"))})},[V,De,ae,he]),F(()=>{if(B!=="counter"||!J)return;let m=!1;return Ln(`${J}/threads/recent?limit=5`).then(x=>x.ok?x.json():[]).then(x=>{m||qs(x)}).catch(()=>{}),()=>{m=!0}},[B,J]);let Us=oe(m=>{if(Ti.current={x:m.clientX,y:m.clientY},Mn.current&&br.current){let x=br.current,z=i1(te);o1(m.clientX,m.clientY,x.x,x.y,z.left,z.y,z.right,z.y)||(se(Mn.current),ct())}},[ct,te]),Js=ue(()=>{let m=(f??[]).map(x=>x==="claude"?"Claude":x==="codex"?"Codex":x==="copilot"?"Copilot":x==="omp"?"OMP":x);return{name:"AI Model",desc:m.length>1?`${m.join(" and ")} are available.`:m.length===1?`Connected to ${m[0]}.`:"No AI providers detected.",usage:m.length>1?["Click the logo to switch between providers","Click the model name to switch tiers"]:["Click the model name to switch tiers"],keys:m.length>1?[{key:"Click",desc:"Switch"},{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]:[{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]}},[f]),Ys=ue(()=>{let m=f&&f.length>0?f:["claude","codex","omp","copilot"],x=m.indexOf(p);return m[(x>=0?x+1:0)%m.length]??p},[f,p]),Xs=ue(()=>r1(y,g),[y,g]),oo=k[g],Ei=oo?.supportedReasoningLevels??[],Li=oo?.speedTiers??[];Nu(Ne,t,n,Ot,fe,!He),F(()=>{if(hr.current!==fe.tool){hr.current=fe.tool;let m=Uo(localStorage,fe.tool);if(m&&m!==t.activeTool){n({type:"SET_TOOL",payload:m});return}}qp(localStorage,fe.tool,t.activeTool)},[n,t.activeTool,fe.tool]),tl(()=>{let m=new URLSearchParams(window.location.search);if(!m.has("popmelt"))return;let x=document.createElement("style");x.textContent="nextjs-portal, vite-error-overlay { display: none !important; }",document.head.appendChild(x);let z=parseInt(m.get("popmelt")||"0",10)||0,ie=()=>{dt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})},D=z>0?setTimeout(ie,z):null;return D||ie(),()=>{D&&clearTimeout(D),x.remove()}}),tl(()=>{if(He)return wo(t.domModifications),vo(t.styleModifications),xo(t.textModifications),dt(t.isAnnotating),Ot.current=!0,()=>{Ot.current=!1};let m=localStorage.getItem(fe.expanded)==="true",x=localStorage.getItem(fe.annotations);if(Sn.current&&n({type:"SET_COLOR",payload:Sn.current}),x)try{let D=JSON.parse(x);if(Array.isArray(D)&&D.length>0){for(let U of D)(U.status==="waiting_input"||U.status==="sending"||U.status==="in_flight")&&(U.status=U.threadId?"resolved":"pending");let Y=Sn.current?mu(D,Sn.current):D;n({type:"RESTORE_ANNOTATIONS",payload:{annotations:Y}})}}catch{}let z=Wp(localStorage,fe);if(z.styleModifications.length>0&&(n({type:"RESTORE_STYLE_MODIFICATIONS",payload:z.styleModifications}),vo(z.styleModifications)),z.textModifications.length>0&&(n({type:"RESTORE_TEXT_MODIFICATIONS",payload:z.textModifications}),xo(z.textModifications)),z.domModifications.length>0&&(n({type:"RESTORE_DOM_MODIFICATIONS",payload:z.domModifications}),wo(z.domModifications)),z.spacingTokenChanges.length>0&&n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:z.spacingTokenChanges}),m&&!t.isAnnotating){if(Ne||dt(!0),n({type:"SET_TOOL",payload:Gr.current||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),sn.current){let Y=parseFloat(sn.current);isNaN(Y)||n({type:"SET_STROKE_WIDTH",payload:Y})}let D=sessionStorage.getItem("popmelt-pending-focus");if(D){sessionStorage.removeItem("popmelt-pending-focus");try{let{annotationId:Y}=JSON.parse(D);if(Y){let U=x?JSON.parse(x)??[]:[],ve=U.find(ce=>ce.id===Y),nt=ve?.groupId?U.filter(ce=>ce.groupId===ve.groupId):ve?[ve]:[];L?.({groupId:Y,annotationIds:nt.map(ce=>ce.id)}),requestAnimationFrame(()=>{n({type:"SELECT_ANNOTATION",payload:{id:Y}});let ce=U.find(at=>at.id===Y);if(ce){let at=(ce.groupId?U.filter(gt=>gt.groupId===ce.groupId):[ce]).flatMap(gt=>gt.points);if(at.length>0){let gt=Math.min(...at.map(yt=>yt.x)),Ge=Math.max(...at.map(yt=>yt.x)),ft=Math.min(...at.map(yt=>yt.y)),wr=Math.max(...at.map(yt=>yt.y));window.scrollTo({left:(gt+Ge)/2-window.innerWidth/2,top:(ft+wr)/2-window.innerHeight/2,behavior:"smooth"})}}})}}catch{}}}let ie=sessionStorage.getItem("popmelt-pending-thread");if(ie){sessionStorage.removeItem("popmelt-pending-thread");try{let{threadId:D,selector:Y,preview:U}=JSON.parse(ie);D&&requestAnimationFrame(()=>{if(Y)try{let ve=document.querySelector(Y);if(ve){let nt=ve.getBoundingClientRect(),ce=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:ce,point:{x:nt.left+nt.width,y:nt.top},text:U||"[thread]",linkedSelector:Y,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[ce],threadId:D}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[ce],status:"resolved"}})}}catch{}T&&T(D)})}catch{}}return Ot.current=!0,()=>{Ot.current=!1}});let Ai=$(t.styleModifications),$i=$(t.textModifications),Ni=$(t.domModifications);F(()=>{let m=Ai.current,x=t.styleModifications;m!==x&&(na(m),vo(x),Ai.current=x)},[t.styleModifications]),F(()=>{let m=$i.current,x=t.textModifications;m!==x&&(ra(m),xo(x),$i.current=x)},[t.textModifications]),F(()=>{let m=Ni.current,x=t.domModifications;m!==x&&(oa(m),wo(x),Ni.current=x)},[t.domModifications]),F(()=>{let m=Qn.current;Qn.current=t.isAnnotating;let x=Gp({wasAnnotating:m,isAnnotating:t.isAnnotating,isExpanded:Ne});x.expanded!==null&&dt(x.expanded),x.annotating!==null&&n({type:"SET_ANNOTATING",payload:x.annotating})},[n,t.isAnnotating,Ne]);let Ri=$(Ne);Ri.current=Ne,Ra(()=>{if(Ri.current)n({type:"SET_ANNOTATING",payload:!1}),dt(!1);else{let m=Uo(localStorage,fe.tool);n({type:"SET_TOOL",payload:m||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),dt(!0)}});let io=oe(m=>{a||(ct(),n({type:"SET_TOOL",payload:m}),t.isAnnotating||n({type:"SET_ANNOTATING",payload:!0}),Lt.current=!1,se(null),vt.current&&(clearTimeout(vt.current),vt.current=null),it.current&&(clearTimeout(it.current),it.current=null))},[n,t.isAnnotating,ct,a]),Pi=oe(async()=>{window.focus(),await r()},[r]),zi=oe(async()=>{o&&await o()},[o]),Ks=oe(()=>{n({type:"SET_ANNOTATING",payload:!1}),V(),dt(!1)},[V,n]);F(()=>{if(!Fe)return;let m=z=>{!kn.current||z.composedPath().includes(kn.current)||qt()},x=z=>{z.key==="Escape"&&(z.preventDefault(),z.stopPropagation(),qt())};return document.addEventListener("mousedown",m),document.addEventListener("keydown",x),()=>{document.removeEventListener("mousedown",m),document.removeEventListener("keydown",x)}},[qt,Fe]);let ao=oe(()=>{a||(na(t.styleModifications),ra(t.textModifications),oa(t.domModifications),document.querySelectorAll("[data-pm]").forEach(m=>m.removeAttribute("data-pm")),n({type:"CLEAR"}),n({type:"CLEAR_ALL_STYLES"}),localStorage.removeItem(fe.annotations),localStorage.removeItem(fe.styleMods),localStorage.removeItem(fe.textMods),localStorage.removeItem(fe.domMods),localStorage.removeItem(fe.spacingChanges),L?.(null),Xe.current=[],ln.current=null,u?.())},[n,t.styleModifications,t.textModifications,t.domModifications,L,u,fe,a]),lo=Er(t.activeColor)??29,Tn=$(null),Hi=$(null),Oi=t.annotations.length>0;F(()=>{let m=Hi.current;if(!m||!Oi)return;let x=z=>{z.preventDefault(),z.stopPropagation();let ie=z.deltaY>0?-1:1,D=((lo+ie)%360+360)%360,Y=Yt(D);n({type:"SET_COLOR",payload:Y}),t.selectedAnnotationIds.length>0&&n({type:"UPDATE_ANNOTATION_COLOR",payload:{id:t.lastSelectedId||t.selectedAnnotationIds[0],color:Y}})};return m.addEventListener("wheel",x,{passive:!1}),()=>m.removeEventListener("wheel",x)},[Oi,t.selectedAnnotationIds,t.lastSelectedId,lo,n]);let xr=$(!1),Gs=oe(()=>{xr.current=!1,Tn.current=setTimeout(()=>{xr.current=!0,n({type:"SET_COLOR",payload:Yt(29)})},500)},[n]),Di=oe(()=>{Tn.current&&(clearTimeout(Tn.current),Tn.current=null)},[]);F(()=>()=>{Tn.current&&clearTimeout(Tn.current),Ut.current&&clearTimeout(Ut.current)},[]);let At=ka(),ji=ue(()=>Ar(t.annotations),[t.annotations]),Ke=ue(()=>Hp(t.annotations,ji),[t.annotations,ji]),ed=ue(()=>Ke.filter(m=>!m.pathname||m.pathname===At),[Ke,At]),so=tt?Ke.findIndex(m=>m.id===tt):null,En=so!==null&&so>=0?so:null,co=En!==null?Ke[En]??null:null,dn=oe(()=>{L?.(null),Xe.current=[],ln.current=null},[L]);F(()=>{let m=Be.current;Be.current=tt,m!==null&&tt===null&&(Xe.current=[],ln.current=null)},[tt]),F(()=>{let m=new Set(t.annotations.map(z=>z.id)),x=t.annotations.some(z=>!Zn.current.has(z.id)&&z.id!==tt&&(z.status??"pending")==="pending");Zn.current=m,x&&dn()},[dn,tt,t.annotations]),F(()=>{tt&&!Ke.some(m=>m.id===tt)&&dn()},[Ke,dn,tt]);let Wi=oe(async m=>{let x=Ke.find(D=>D.id===m);if(!x)return!1;if(L?.({groupId:x.id,annotationIds:x.annotations.map(D=>D.id)}),qt(),!(!x.pathname||x.pathname===At)){if(sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:x.id,pathname:x.pathname})),!H)return window.location.href=x.pathname,!0;try{await H(x.pathname)}catch{return sessionStorage.removeItem("popmelt-pending-focus"),!1}if(sessionStorage.removeItem("popmelt-pending-focus"),window.location.pathname!==x.pathname)return!1}n({type:"SELECT_ANNOTATION",payload:{id:x.id}}),t.activeTool!=="inspector"&&n({type:"SET_TOOL",payload:"inspector"});let z=x.annotations.find(D=>D.linkedSelector)?.linkedSelector,ie=z?Co(z):null;if(ie){let D=ie.getBoundingClientRect();window.scrollTo({left:D.left+D.width/2+window.scrollX-window.innerWidth/2,top:D.top+D.height/2+window.scrollY-window.innerHeight/2,behavior:"smooth"})}else{let D=x.annotations.flatMap(ce=>ce.points);if(D.length===0)return!1;let Y=Math.min(...D.map(ce=>ce.x)),U=Math.max(...D.map(ce=>ce.x)),ve=Math.min(...D.map(ce=>ce.y)),nt=Math.max(...D.map(ce=>ce.y));window.scrollTo({left:(Y+U)/2-window.innerWidth/2,top:(ve+nt)/2-window.innerHeight/2,behavior:"smooth"})}if(T){let D=x.annotations.find(Y=>Y.threadId)?.threadId;D&&T(D)}return!0},[Ke,qt,At,n,L,H,T,t.activeTool]),_i=oe(async()=>{if(Ke.length===0){dn();return}Xe.current.length===0&&(ln.current=At,Xe.current=wl(Ke,At));let m=Xe.current,x=Op(m,tt);if(tt!==null&&x===m[0]){let z=ln.current??At;Xe.current=wl(Ke,z),x=Xe.current[0]??null}for(let z=0;x&&z<Xe.current.length;z+=1){if(await Wi(x))return;let ie=Xe.current.indexOf(x);if(Xe.current=Xe.current.filter(D=>D!==x),Xe.current.length===0)break;x=Xe.current[Math.min(ie,Xe.current.length-1)]??Xe.current[0]}dn()},[Ke,dn,At,Wi,tt]);F(()=>{if(!Ne)return;let m=x=>{if(x.defaultPrevented)return;let z=document.activeElement;for(;z?.shadowRoot?.activeElement;)z=z.shadowRoot.activeElement;if(z?.tagName==="INPUT"||z?.tagName==="TEXTAREA"||z?.isContentEditable)return;if((x.metaKey||x.ctrlKey)&&x.key===yn.actions.send.key){o&&(i||t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(D=>!D.captured).length>0)&&(x.preventDefault(),zi());return}if((x.metaKey||x.ctrlKey)&&x.key.toLowerCase()===yn.actions.screenshot.key){let D=window.getSelection();if(D&&D.toString().length>0)return;(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&(x.preventDefault(),window.focus(),Pi());return}if((x.metaKey||x.ctrlKey)&&yn.actions.clear.keys.includes(x.key)){x.preventDefault(),ao();return}if(x.metaKey||x.ctrlKey||x.altKey||t.activeTool==="sticker"&&iu(x.key))return;let ie=ou(x.key);ie&&(x.preventDefault(),io(ie))};return window.addEventListener("keydown",m),()=>window.removeEventListener("keydown",m)},[Ne,io,Pi,zi,o,i,ao,t.activeTool,t.annotations.length,t.styleModifications.length,t.textModifications.length,t.spacingTokenChanges,B]);let td=88+(Ce?Ce+6:0),Bi=ye===!1||q?.connectionNotice?"rgba(239, 68, 68, 0.4)":l&&d?d:Ae.primary,Jn=!!(G&&be&&G!==be),Jt=A==="restarting"||!j&&!J,nd=A==="error"?"#dc2626":A==="ok"?Bt.iconDefault:Jn?"#b45309":Bt.iconDefault,rd=A==="restarting"?"Restarting":A==="error"?"Restart failed":A==="ok"?"Restarted":Jn?"Update bridge":null,uo=I??(Jn?`Page version ${G}; bridge version ${be}. Refresh the page after updating the package, or restart the bridge after rebuilding it.`:be?`Bridge ${be}. Restart bridge.`:"Restart bridge"),po=Kp.map(m=>({...m,Icon:m.type==="model"?ua:m.type==="sticker"?Xp:Bd})),cn=po.find(({type:m})=>m===t.activeTool)??po[0],od=cn.Icon,id=te.startsWith("top"),ad=140,ld=-38,un=ze?"collapse":B,fo=Math.max(0,ge.h-Ye-mn*2-zt),Fi=$(null);return F(()=>{if(!Ne)return;let m=Fi.current;if(!m)return;let x=()=>{O?.("popmelt-trigger",!0),c?.(!0),K("popmelt-guide")},z=()=>{O?.("popmelt-trigger",!1),c?.(!1)};return m.addEventListener("mouseenter",x),m.addEventListener("mouseleave",z),()=>{m.removeEventListener("mouseenter",x),m.removeEventListener("mouseleave",z)}},[K,Ne,c,O]),Ne?v(Me,{children:[s("style",{children:`
|
|
244
244
|
${Xa}
|
|
245
245
|
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
|
|
246
246
|
@media (prefers-reduced-motion: reduce) { [data-popmelt-reconnecting-spinner] { animation: none !important; } }
|
|
@@ -249,10 +249,10 @@ Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{
|
|
|
249
249
|
@media (hover: none), (pointer: coarse) {
|
|
250
250
|
[data-popmelt-tool-menu-item] { min-height: 40px !important; }
|
|
251
251
|
}
|
|
252
|
-
`}),Mi&&s(yp,{bridgeUrl:J,onViewThread:T,snapPosition:te,temporarilyHidden:pe,onMouseEnter:()=>{yr.current=!0,O?.("project-panel",!0),ct(),it.current&&(clearTimeout(it.current),it.current=null)},onMouseLeave:()=>{yr.current=!1,O?.("project-panel",!1),t.activeTool!=="model"&&vr()}}),v("div",{ref:Ze,style:{display:"contents"},children:[q?.onJoin&&s($u,{theme:Pe,onJoin:q.onJoin,style:{..._t(te,ge.w,ge.h),zIndex:10001,pointerEvents:"auto"}}),Se&&q?.onAdmissionDecision&&Ne&&ee!=="job-stack"&&s("div",{"data-devtools":"admission-details","data-admission-request-id":Se.id,onPointerEnter:()=>K(`admission:${Se.id}`),onPointerLeave:m=>{m.relatedTarget instanceof Node&&Ze.current?.contains(m.relatedTarget)||he(`admission:${Se.id}`)},onFocusCapture:()=>ne(`admission:${Se.id}`),onBlurCapture:m=>{m.relatedTarget instanceof Node&&m.currentTarget.contains(m.relatedTarget)||he(`admission:${Se.id}`)},onKeyDown:m=>{m.key==="Escape"&&(V(`admission:${Se.id}`),m.stopPropagation())},style:{..._t(te,ge.w,ge.h,0),width:"max-content",maxWidth:Math.min(360,xt(ge.w)),...te.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},children:s(Au,{grantRef:Q,id:Re,request:Se,theme:Pe,onDecide:q.onAdmissionDecision,style:{maxWidth:Math.min(360,xt(ge.w)),opacity:Qt?1:0,transition:ae?"none":`opacity ${It}ms ease`}},Se.id)}),!Se&&ke&&Ne&&ee!=="job-stack"&&s("div",{"data-devtools":"peer-details-corridor",style:{..._t(te,ge.w,ge.h,0),width:"max-content",maxWidth:Math.min(360,xt(ge.w)),...te.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},onPointerEnter:()=>K(`peer:${ke.identity.id}`),onFocusCapture:()=>ne(`peer:${ke.identity.id}`),onBlurCapture:m=>{m.relatedTarget instanceof Node&&m.currentTarget.contains(m.relatedTarget)||he(`peer:${ke.identity.id}`)},onPointerLeave:m=>{let x=m.relatedTarget;x instanceof Node&&Ze.current?.contains(x)||he(`peer:${ke.identity.id}`)},children:s(Tu,{id:Re,peer:ke,isOwn:ke.identity.id===q?.ownPeerId,onSharePreview:ke.identity.id===q?.ownPeerId?q.onSharePreview:void 0,pendingSubmissions:q?.pendingSubmissions?.filter(m=>m.authorId===ke.identity.id),viewedSuggestionKeys:q?.viewedSuggestionKeys,onHoverSuggestion:q?.onHoverSuggestion?m=>q.onHoverSuggestion(ke.identity.id,m):void 0,showUnreadSuggestions:!!q?.ownIsHost,onFocusSuggestion:q?.onFocusSuggestion?(m,x)=>(pt.current=ke.identity.id,Vn(ke.identity.id),ne(`peer:${ke.identity.id}`),q.onFocusSuggestion(ke.identity.id,m,x)):void 0,onInvite:ke.identity.relationship==="host"&&ke.identity.id===q?.ownPeerId?q.onInvite:void 0,onPermissionChange:ke.identity.relationship!=="host"&&q?.onPermissionChange?m=>q.onPermissionChange(ke.identity.id,m):void 0,onRevokeAccess:ke.identity.relationship!=="host"&&q?.onRevokeAccess?()=>q.onRevokeAccess(ke.identity.id,m=>ne(`peer:${m}`)):void 0,theme:Pe,style:{maxWidth:Math.min(360,xt(ge.w)),opacity:Qt?1:0,transition:ae?"none":`opacity ${It}ms ease`}})}),_s&&me&&s("div",{ref:ot==="taste"?Un:void 0,inert:ot!=="taste"||!Oe,"aria-hidden":ot!=="taste"||!Oe,style:{..._t(te,ge.w,ge.h),...te.startsWith("top-")?{top:mn+Ye,paddingTop:zt}:{bottom:mn+Ye,paddingBottom:zt},width:xt(ge.w),display:ot==="taste"&&ze&&!Pt&&ee!=="job-stack"?"block":"none",opacity:Oe?1:0,transition:Oe||ae?"none":`opacity ${It}ms ease`,pointerEvents:"auto",zIndex:10001},children:s(zd,{fallback:s("div",{role:"status",style:{height:fo,borderRadius:20,background:Ae.surface,color:Ae.primary,display:"grid",placeItems:"center",fontFamily:St,fontSize:13},children:"Loading collection\u2026"}),children:s(
|
|
253
|
-
`):"Working directory unavailable.";return s("div",{ref:Un,style:{...D,width:xt(ge.w),boxSizing:"content-box",...te.startsWith("top-")?{paddingTop:z}:{paddingBottom:z},backgroundColor:"transparent",zIndex:10001,pointerEvents:"auto",opacity:Oe?1:0,transition:Oe||ae?"none":`opacity ${It}ms ease`},children:ot==="settings"?s(Zc,{theme:Pe,bridgeUrl:J,host:me,hostSetup:!q&&!He?v("div",{style:{display:"grid",gap:8},children:[s("span",{children:Le.error||"Authorize this browser from your project terminal, then open the private link:"}),v("code",{style:{fontSize:11,overflowWrap:"anywhere",userSelect:"text"},children:["npx popmelt cloud link"," ",typeof location>"u"?"<app-url>":location.origin]}),s("span",{children:"This authorizes local cloud access only. Multiplayer stays off."})]}):void 0,cachedSnapshot:
|
|
252
|
+
`}),Mi&&s(yp,{bridgeUrl:J,onViewThread:T,snapPosition:te,temporarilyHidden:pe,onMouseEnter:()=>{yr.current=!0,O?.("project-panel",!0),ct(),it.current&&(clearTimeout(it.current),it.current=null)},onMouseLeave:()=>{yr.current=!1,O?.("project-panel",!1),t.activeTool!=="model"&&vr()}}),v("div",{ref:Ze,style:{display:"contents"},children:[q?.onJoin&&s($u,{theme:Pe,onJoin:q.onJoin,style:{..._t(te,ge.w,ge.h),zIndex:10001,pointerEvents:"auto"}}),Se&&q?.onAdmissionDecision&&Ne&&ee!=="job-stack"&&s("div",{"data-devtools":"admission-details","data-admission-request-id":Se.id,onPointerEnter:()=>K(`admission:${Se.id}`),onPointerLeave:m=>{m.relatedTarget instanceof Node&&Ze.current?.contains(m.relatedTarget)||he(`admission:${Se.id}`)},onFocusCapture:()=>ne(`admission:${Se.id}`),onBlurCapture:m=>{m.relatedTarget instanceof Node&&m.currentTarget.contains(m.relatedTarget)||he(`admission:${Se.id}`)},onKeyDown:m=>{m.key==="Escape"&&(V(`admission:${Se.id}`),m.stopPropagation())},style:{..._t(te,ge.w,ge.h,0),width:"max-content",maxWidth:Math.min(360,xt(ge.w)),...te.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},children:s(Au,{grantRef:Q,id:Re,request:Se,theme:Pe,onDecide:q.onAdmissionDecision,style:{maxWidth:Math.min(360,xt(ge.w)),opacity:Qt?1:0,transition:ae?"none":`opacity ${It}ms ease`}},Se.id)}),!Se&&ke&&Ne&&ee!=="job-stack"&&s("div",{"data-devtools":"peer-details-corridor",style:{..._t(te,ge.w,ge.h,0),width:"max-content",maxWidth:Math.min(360,xt(ge.w)),...te.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},onPointerEnter:()=>K(`peer:${ke.identity.id}`),onFocusCapture:()=>ne(`peer:${ke.identity.id}`),onBlurCapture:m=>{m.relatedTarget instanceof Node&&m.currentTarget.contains(m.relatedTarget)||he(`peer:${ke.identity.id}`)},onPointerLeave:m=>{let x=m.relatedTarget;x instanceof Node&&Ze.current?.contains(x)||he(`peer:${ke.identity.id}`)},children:s(Tu,{id:Re,peer:ke,isOwn:ke.identity.id===q?.ownPeerId,onSharePreview:ke.identity.id===q?.ownPeerId?q.onSharePreview:void 0,pendingSubmissions:q?.pendingSubmissions?.filter(m=>m.authorId===ke.identity.id),viewedSuggestionKeys:q?.viewedSuggestionKeys,onHoverSuggestion:q?.onHoverSuggestion?m=>q.onHoverSuggestion(ke.identity.id,m):void 0,showUnreadSuggestions:!!q?.ownIsHost,onFocusSuggestion:q?.onFocusSuggestion?(m,x)=>(pt.current=ke.identity.id,Vn(ke.identity.id),ne(`peer:${ke.identity.id}`),q.onFocusSuggestion(ke.identity.id,m,x)):void 0,onInvite:ke.identity.relationship==="host"&&ke.identity.id===q?.ownPeerId?q.onInvite:void 0,onPermissionChange:ke.identity.relationship!=="host"&&q?.onPermissionChange?m=>q.onPermissionChange(ke.identity.id,m):void 0,onRevokeAccess:ke.identity.relationship!=="host"&&q?.onRevokeAccess?()=>q.onRevokeAccess(ke.identity.id,m=>ne(`peer:${m}`)):void 0,theme:Pe,style:{maxWidth:Math.min(360,xt(ge.w)),opacity:Qt?1:0,transition:ae?"none":`opacity ${It}ms ease`}})}),_s&&me&&s("div",{ref:ot==="taste"?Un:void 0,inert:ot!=="taste"||!Oe,"aria-hidden":ot!=="taste"||!Oe,style:{..._t(te,ge.w,ge.h),...te.startsWith("top-")?{top:mn+Ye,paddingTop:zt}:{bottom:mn+Ye,paddingBottom:zt},width:xt(ge.w),display:ot==="taste"&&ze&&!Pt&&ee!=="job-stack"?"block":"none",opacity:Oe?1:0,transition:Oe||ae?"none":`opacity ${It}ms ease`,pointerEvents:"auto",zIndex:10001},children:s(zd,{fallback:s("div",{role:"status",style:{height:fo,borderRadius:20,background:Ae.surface,color:Ae.primary,display:"grid",placeItems:"center",fontFamily:St,fontSize:13},children:"Loading collection\u2026"}),children:s(Yp,{visible:ot==="taste"&&Oe,prefetchSignal:Bs,bridgeUrl:J,theme:Pe,onDirectionChange:m=>{if(!m){Zt.current=null;return}let x=Zt.current;if(x?.key!==mt||x.snapshot.connection.accountId!==m.accountId||x.snapshot.connection.environment!==m.environment){Zt.current=null;return}m.generation<x.snapshot.generation||(x.snapshot={...x.snapshot,taste:m.name,generation:m.generation})},onClose:()=>jt("settings"),style:{height:fo,maxHeight:fo}})})}),Pt&&ze&&T&&!We&&ee!=="job-stack"&&s("div",{ref:Un,style:{..._t(te,ge.w,ge.h),...te.startsWith("top-")?{top:mn+Ye,paddingTop:8}:{bottom:mn+Ye,paddingBottom:8},width:Math.min(360,xt(ge.w)),pointerEvents:"auto",zIndex:10001,opacity:Oe?1:0,transition:Oe||ae?"none":`opacity ${It}ms ease`},children:s(uu,{onPreviewThread:N,bridgeUrl:J,theme:Pe,style:{width:Math.min(360,xt(ge.w)),maxHeight:Math.max(120,ge.h-Ye-mn*2-24)},onClose:()=>{Dt(!1),se(null),V("popmelt-guide")},onViewThread:m=>{Dt(!1),se(null),V("popmelt-guide"),T?.(m)}})}),!q?.onJoin&&!(Pt&&ze)&&!(ot==="taste"&&ze)&&!We&&ee!=="job-stack"&&un&&un!=="model"&&(un==="provider"||Il[un])&&(()=>{let m=un==="provider"?Js:Il[un];if(un==="collapse"){let x=_t(te,ge.w,ge.h),z=8,ie=mn+Ye,D=te.startsWith("top-")?{...x,top:ie}:{...x,bottom:ie},Y=!!(j||J),U=q?.connectionNotice,ve=U?.recovery&&(U.kind==="draft-sync"||U.kind==="reconnecting"||U.kind==="status-check"||U.kind==="local-storage"),nt="";if(J)try{nt=new URL(J).port}catch{nt=""}let ce=q?.connectionNotice?.label??t1({bridgeRestartState:A,bridgeIsStale:Jn,isBridgeConnected:ye,packageVersion:G}),at=!q?.connectionNotice&&n1({hovered:Vs,canRestartBridge:Y,bridgeRestartDisabled:Jt,bridgeRestartState:A,isBridgeConnected:ye}),gt=at?nt?`Refresh :${nt}`:"Refresh bridge":ce,Ge=l1(Ee),ft=X?.state==="ready",wr=Ee?[Ee,p==="codex"&&xe?`Codex sandbox: ${xe}.`:null,X?.message??"Working-directory permission check unavailable."].filter(Boolean).join(`
|
|
253
|
+
`):"Working directory unavailable.";return s("div",{ref:Un,style:{...D,width:xt(ge.w),boxSizing:"content-box",...te.startsWith("top-")?{paddingTop:z}:{paddingBottom:z},backgroundColor:"transparent",zIndex:10001,pointerEvents:"auto",opacity:Oe?1:0,transition:Oe||ae?"none":`opacity ${It}ms ease`},children:ot==="settings"?s(Zc,{theme:Pe,bridgeUrl:J,host:me,hostSetup:!q&&!He?v("div",{style:{display:"grid",gap:8},children:[s("span",{children:Le.error||"Authorize this browser from your project terminal, then open the private link:"}),v("code",{style:{fontSize:11,overflowWrap:"anywhere",userSelect:"text"},children:["npx popmelt cloud link"," ",typeof location>"u"?"<app-url>":location.origin]}),s("span",{children:"This authorizes local cloud access only. Multiplayer stays off."})]}):void 0,cachedSnapshot:Ws,onSnapshotChange:yt=>{Zt.current=yt&&In?{key:mt,snapshot:yt}:null},onBrowseCollection:()=>{mr(!0),jt("taste")},onPrefetchCollection:()=>{mr(!0),Fs(yt=>yt+1)},onInvalidateCollection:()=>mr(!1),onClose:()=>{jt(!1),ne("popmelt-guide")},project:v("span",{"aria-label":wr,"data-workspace-access-state":X?.state??"unknown",title:wr,style:{display:"inline-flex",minWidth:0,maxWidth:"100%",alignItems:"center",gap:4,color:Pe==="light"?Ae.primary:X&&!ft?Ae.hoverForeground:Ae.muted,fontWeight:X&&!ft?500:400},children:[s(a1,{}),s("span",{style:{minWidth:0,flex:"1 1 auto",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:Ge}),s("span",{"aria-hidden":"true",style:{flexShrink:0,fontSize:10,fontWeight:700,lineHeight:1},children:X?ft?"\u2713":"!":"\u2026"})]}),model:v("span",{onMouseEnter:()=>to(!0),onMouseLeave:()=>{to(!1),gr(!1)},style:{display:"inline-flex",position:"relative"},children:[v("button",{type:"button","aria-expanded":qn,onClick:()=>{qn||S?.(),gr(yt=>!yt)},style:{...fn(Ae,Ii||qn),...Pe==="light"&&!Ii&&!qn?{color:Ae.primary}:{},minWidth:0},children:[s(ar,{provider:p,size:14}),s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:C})]}),s(vl,{visible:qn,provider:p,availableProviders:f,models:k,modelIndex:g,agentSettings:w,onProviderChange:h,onModelChange:E,onAgentSettingsChange:M,style:{border:`1px solid ${Ae.hairline}`,top:"100%",bottom:"auto",left:"auto",right:0,transform:"none"}})]})}):ot?null:s(Ca,{theme:Pe,themePreference:Nt,onThemePreferenceChange:Vt,snapPosition:te,onSnapPositionChange:Je,active:Oe,onSettings:()=>{jt("settings"),Dt(!1)},onHistory:()=>{Dt(!0),ne("popmelt-guide"),se(null)},connectionDetails:!ve&&q?.connectionNotice?.recovery&&s(Jc,{theme:Pe,...q.connectionNotice.recovery}),connection:ve&&U?.recovery?s(Yc,{theme:Pe,label:U.label,reconnecting:U.reconnecting,retry:U.recovery.retry,clearLocalSpace:U.recovery.clearLocalSpace,retryLabel:U.recovery.retryLabel,pendingLabel:U.kind==="local-storage"?"Retrying saving":void 0,failedLabel:U.kind==="local-storage"?"Save failed":void 0,hint:U.kind==="local-storage"?"Retry local saving without reloading or clearing your draft":void 0,restart:q?.ownIsHost&&U.kind!=="local-storage"?j:void 0}):v("button",{type:"button",onClick:()=>{q?.connectionNotice||!Y||Jt||(j?j():Vi(J))},disabled:!!q?.connectionNotice||!Y||Jt,"aria-label":q?.connectionNotice?`${ce}. ${q.connectionNotice.detail}`:Y?`${ce}. ${uo}`:ce,title:q?.connectionNotice?.detail??uo,onMouseEnter:()=>eo(!0),onMouseLeave:()=>eo(!1),style:{...fn(Ae,at),color:at?Ae.hoverForeground:A==="error"||ye===!1?Ae.mutedStrong:Ae.muted,cursor:!q?.connectionNotice&&Y&&!Jt?"pointer":"default",opacity:1},children:[s(e1,{reconnecting:q?.connectionNotice?!!q.connectionNotice.reconnecting:A==="restarting",refresh:at,paused:q?.connectionNotice?.paused}),s("span",{children:gt})]})})})}return v("div",{ref:Un,style:{..._t(te,ge.w,ge.h),width:Math.min(300,xt(ge.w)),backgroundColor:"#eaeaea",...zu,boxSizing:"content-box",zIndex:10001,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:12,color:"#1f2937",padding:12,...B!=="collapse"&&B!=="counter"&&B!=="provider"?{pointerEvents:"none"}:{}},children:[B==="collapse"&&s("div",{style:{marginBottom:10,width:"fit-content",color:Bt.iconDefault},children:s("svg",{width:"48",height:"48",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:s("path",{d:"M11.1406 31.2559C11.2407 31.3875 11.351 31.5132 11.4697 31.6338L3.10449 40H2.39746L11.1406 31.2559ZM8.05371 40H7.34668L14.5498 32.7959C14.8554 32.7706 15.1541 32.7063 15.4414 32.6113L8.05371 40ZM18.2197 34.0762C18.3788 34.1569 18.5445 34.2272 18.7168 34.2861L13.0039 40H12.2969L18.2197 34.0762ZM17.9531 40H17.2461L26.1338 31.1113C26.438 31.0829 26.7427 31.0148 27.0439 30.9082L17.9531 40ZM40 22.9023L22.9033 40H22.1963L40 22.1953V22.9023ZM40 27.8525L27.8525 40H27.1455L40 27.1455V27.8525ZM40 32.8027L32.8027 40H32.0957L40 32.0957V32.8027ZM40 37.752L37.752 40H37.0449L40 37.0449V37.752ZM9.06543 28.3809C9.25255 28.4332 9.45183 28.4715 9.66504 28.4883L0 38.1543V37.4473L9.06543 28.3809ZM6.59375 25.9023C6.65822 26.0626 6.73171 26.2263 6.81445 26.3896L0 33.2041V32.4971L6.59375 25.9023ZM20.25 8.00293H20.249C21.5098 8.0286 22.7219 8.25094 23.8584 8.63672L23.8604 8.63574C23.8961 8.64787 23.9312 8.66145 23.9668 8.67383C24.0611 8.70686 24.1548 8.74106 24.248 8.77637C24.2915 8.79273 24.3357 8.80727 24.3789 8.82422L24.376 8.82617C27.6145 10.0955 30.1646 12.7301 31.3213 16.0234L31.3232 16.0225C31.3327 16.0493 31.3404 16.0766 31.3496 16.1035C31.7691 17.3256 32 18.6356 32 20C32 20.8726 31.9366 21.6706 31.7598 22.4902L31.7197 22.6328C31.6412 23.0066 31.5136 23.6108 31.3408 24.2217L31.3398 24.2246C31.2967 24.377 31.251 24.5299 31.2021 24.6797C30.9215 25.5403 30.5473 26.2998 30.0879 26.2998C29.7613 26.2996 29.5995 25.9674 29.4316 25.6221C29.2501 25.2487 29.0614 24.8605 28.6484 24.8604C27.8532 24.8604 27.2081 25.5046 27.208 26.2998V27.0771C27.2079 27.6079 26.9661 28.112 26.5205 28.4004C25.9146 28.7925 25.2357 28.6462 24.7959 28.2061L24.7949 28.208C24.7897 28.2028 24.7854 28.1967 24.7803 28.1914C24.7654 28.1761 24.7507 28.1606 24.7363 28.1445C24.7105 28.1156 24.6858 28.0857 24.6621 28.0547C24.6461 28.0339 24.6302 28.013 24.6152 27.9912C24.5931 27.9591 24.5726 27.9257 24.5527 27.8916C24.5392 27.8685 24.5261 27.8452 24.5137 27.8213C24.5093 27.8128 24.5043 27.8045 24.5 27.7959L24.501 27.7939C24.3932 27.5763 24.3282 27.3276 24.3281 27.0576V26.2998C24.328 25.5993 23.8278 25.0158 23.165 24.8867V24.8877C23.0752 24.8702 22.9826 24.8604 22.8877 24.8604C22.8446 24.8604 22.8019 24.8624 22.7598 24.8662C22.0247 24.9312 21.4483 25.5479 21.4482 26.2998C21.4482 26.9127 21.4608 27.5305 21.4736 28.1494L21.4951 29.3135C21.5 29.7013 21.5015 30.089 21.4971 30.4756C21.4874 31.3103 20.8426 32 20.0078 32C19.1732 31.9998 18.5292 31.3102 18.5195 30.4756C18.5159 30.1613 18.5176 29.8464 18.5205 29.5312V29.5322C18.5212 29.4593 18.5206 29.3864 18.5215 29.3135L18.5303 28.8154V28.8145C18.5343 28.5927 18.5384 28.371 18.543 28.1494C18.5558 27.5305 18.5684 28.1129 18.5684 27.5C18.5684 26.7047 17.9232 26.0596 17.1279 26.0596C16.907 26.0596 16.6978 26.1103 16.5107 26.1992C16.2161 26.3393 15.9767 26.5769 15.834 26.8701C15.8269 26.8846 15.8201 26.8993 15.8135 26.9141C15.7821 26.9845 15.7562 27.0579 15.7363 27.1338C15.7243 27.1798 15.7155 27.2267 15.708 27.2744C15.7012 27.3175 15.6953 27.361 15.6924 27.4053C15.6903 27.4366 15.6885 27.4681 15.6885 27.5V28.7383C15.6883 29.9234 14.4911 30.7248 13.4961 30.0811C13.0505 29.7926 12.8086 29.2886 12.8086 28.7578V26.2998C12.8086 25.9737 12.6984 25.674 12.5156 25.4326C12.4437 25.3381 12.3612 25.2521 12.2686 25.1777V25.1768C12.0219 24.9788 11.709 24.8604 11.3682 24.8604C10.9892 24.8604 10.8622 24.8872 10.7295 25.2295C10.5837 25.6055 10.4302 26 9.92773 26C9.33081 25.9996 8.95963 25.2403 8.71484 24.3799C8.5591 23.8325 8.45907 23.571 8.3623 23.0107C8.3501 22.9401 8.33284 22.8403 8.31738 22.7529C8.12812 21.9466 8.02043 21.1089 8.00293 20.249V20.25L8 20C8 19.8617 8.00317 19.724 8.00781 19.5869C8.00837 19.5703 8.00816 19.5537 8.00879 19.5371L8.00977 19.5352C8.0998 17.1716 8.87444 14.9844 10.1396 13.1631C10.1488 13.1499 10.1587 13.1372 10.168 13.124C12.255 10.1453 15.6582 8.15745 19.5352 8.00977L19.5371 8.00879C19.5537 8.00816 19.5703 8.00837 19.5869 8.00781C19.724 8.00317 19.8617 8 20 8L20.25 8.00293ZM5.72266 22.5303L0 28.2539V27.5469L5.62793 21.918C5.6553 22.1234 5.6868 22.3275 5.72266 22.5303ZM16.2637 26.8398L16.2617 26.8408C16.2784 26.8013 16.2954 26.7627 16.3135 26.7256C16.3203 26.7116 16.3275 26.6982 16.334 26.6855C16.3125 26.7277 16.289 26.7808 16.2637 26.8398ZM40 17.9531L33.9854 23.9668C34.051 23.6832 34.1043 23.4321 34.1445 23.2412L34.1641 23.1748L34.1865 23.0967L34.1963 23.0488L40 17.2461V17.9531ZM5.87012 16.7266C5.80321 17.0165 5.74649 17.3101 5.69727 17.6064L0 23.3047V22.5977L5.87012 16.7266ZM40 13.0039L34.4297 18.5732C34.409 18.3615 34.3832 18.1513 34.3535 17.9424L40 12.2969V13.0039ZM0 18.3555V17.6484L17.6484 0H18.3555L0 18.3555ZM40 8.05371L33.458 14.5947C33.3909 14.4277 33.3202 14.2625 33.2471 14.0986L40 7.34668V8.05371ZM0 13.4053V12.6982L12.6992 0H13.4062L0 13.4053ZM40 3.10352L31.6865 11.416C31.5868 11.2805 31.4851 11.1465 31.3809 11.0146L40 2.39648V3.10352ZM29.2881 8.86523C29.1595 8.75783 29.0288 8.65278 28.8965 8.5498L37.4473 0H38.1543L29.2881 8.86523ZM0 8.45508V7.74805L7.74805 0H8.45508L0 8.45508ZM26.2783 6.92578C26.1183 6.84878 25.9562 6.77534 25.793 6.7041L32.498 0H33.2051L26.2783 6.92578ZM17.6064 5.69727C17.3101 5.74649 17.0165 5.80321 16.7266 5.87012L22.5977 0H23.3047L17.6064 5.69727ZM22.5322 5.7207C22.3295 5.685 22.1254 5.65316 21.9199 5.62598L27.5469 0H28.2539L22.5322 5.7207ZM0 3.50586V2.79883L2.79883 0H3.50586L0 3.50586Z",fill:"currentColor"})})}),v("div",{style:{display:"flex",alignItems:"center",gap:6,fontWeight:700,fontSize:13,marginBottom:6},children:[s("span",{children:m.name}),m.keys[0]&&s("code",{style:{fontSize:10,fontWeight:500,backgroundColor:"rgba(0,0,0,0.06)",padding:"1px 4px",color:"#6b7280"},children:m.keys[0].key})]}),s("div",{style:{color:"#6b7280",lineHeight:1.5,marginBottom:B==="collapse"?0:10},children:m.desc.split(`
|
|
254
254
|
|
|
255
|
-
`).map((x,z)=>s("p",{style:{margin:0,marginTop:z>0?8:0},children:x},z))}),B==="provider"?v("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[v("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[s("span",{style:{color:"#6b7280",fontSize:11},children:"Model"}),s(Jo,{value:String(g),options:k.map((x,z)=>({value:String(z),label:x.label})),onChange:x=>E?.(Number(x)),disabled:!E||k.length===0})]}),Ei.length>0&&v("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[s("span",{style:{color:"#6b7280",fontSize:11},children:"Thinking"}),s(Jo,{value:w.reasoningEffort??"",onChange:x=>M?.({...w,reasoningEffort:x||void 0}),disabled:!M,options:[{value:"",label:"Inherit"},...Ei.map(x=>({value:x.effort,label:`${x.effort.charAt(0).toUpperCase()}${x.effort.slice(1)}${x.effort===oo?.defaultReasoningLevel?" (model default)":""}`}))]})]}),Li.length>0&&v("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[s("span",{style:{color:"#6b7280",fontSize:11},children:"Speed"}),s(Jo,{value:w.serviceTier??"",onChange:x=>M?.({...w,serviceTier:x||void 0}),disabled:!M,options:[{value:"",label:"Inherit"},{value:"default",label:"Standard"},...Li.map(x=>({value:x.id,label:x.label}))]})]})]}):m.usage.map((x,z)=>v("div",{style:{display:"flex",gap:6,marginBottom:3,lineHeight:1.4},children:[s("span",{style:{color:"#9ca3af",flexShrink:0},children:"\u2013"}),s("span",{children:x})]},z)),B==="collapse"&&Je&&v("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:10,paddingTop:8},children:[s("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:6,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Position"}),s("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:3,width:"fit-content"},children:nu.map(x=>{let z=x===te;return s("button",{type:"button",onClick:()=>{se(null),Lt.current=!1,ct(),Je(x)},title:x,style:{width:24,height:16,border:"none",cursor:"pointer",padding:0,backgroundColor:z?"#1f2937":"rgba(0,0,0,0.08)",transition:"background-color 100ms ease"},onMouseEnter:ie=>{z||(ie.currentTarget.style.backgroundColor="rgba(0,0,0,0.15)")},onMouseLeave:ie=>{z||(ie.currentTarget.style.backgroundColor="rgba(0,0,0,0.08)")}},x)})})]}),B==="collapse"&&(()=>{let x=Object.entries(le??{}),z=x.filter(([,U])=>U.found&&!U.disabled).map(([U])=>U.charAt(0).toUpperCase()+U.slice(1)),ie=x.filter(([,U])=>!U.found).map(([U])=>U);if(!J&&!W&&z.length===0&&ie.length===0)return null;let D=ie.map(U=>U.charAt(0).toUpperCase()+U.slice(1)),Y=[...z,...D];return v("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:10,paddingTop:8,display:"flex",alignItems:"center",gap:6,fontSize:11},children:[(W||J)&&s("button",{type:"button",onClick:()=>{Jt||(W?W():Vi(J))},disabled:Jt,title:uo,"aria-label":rd??"Restart bridge",style:{display:"flex",alignItems:"center",justifyContent:"center",width:22,height:22,border:"none",borderRadius:0,backgroundColor:Jn||A!=="idle"?"rgba(0,0,0,0.07)":"rgba(0,0,0,0.04)",color:nd,cursor:Jt?"default":"pointer",padding:0,opacity:Jt?.55:1,flexShrink:0},children:A==="ok"?s(Gn,{size:14,strokeWidth:1.8}):s(Io,{size:13,strokeWidth:1.7,style:{animation:A==="restarting"?"spin 0.8s linear infinite":void 0}})}),z.length>0?v("span",{style:{color:"#6b7280"},children:["Available in ",Y.join(", ")]}):ie.length>0?v("span",{style:{color:"#6b7280"},children:["Available in ",D.join(", ")]}):null]})})(),m.keys.length>1&&s("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8,display:"flex",flexDirection:"column",gap:4},children:m.keys.slice(1).map((x,z)=>v("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:x.accent?"#fff":"#6b7280"},children:[s("code",{style:{fontSize:10,backgroundColor:x.accent?t.activeColor:"rgba(0,0,0,0.06)",color:x.accent?"#fff":void 0,padding:"1px 4px",whiteSpace:"nowrap"},children:x.key}),s("span",{style:{color:x.accent?t.activeColor:void 0,fontWeight:x.accent?600:void 0},children:x.desc})]},z))}),B==="counter"&&Ke.length>0&&(()=>{let x=s("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:s("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Active"})}),z=new Map;for(let Y of Ke){let U=Y.pathname||At;z.has(U)||z.set(U,[]),z.get(U).push(Y)}let ie=[...z.entries()],D=ie.length>1;return v("div",{children:[x,s("div",{style:{maxHeight:200,overflowY:"auto"},children:ie.map(([Y,U])=>s("div",{style:{marginBottom:D?4:0},children:U.map(ve=>{let nt=ve.annotations.find(Ge=>Ge.type==="text"&&Ge.text)?.text||`[${ve.annotations[0]?.type??"annotation"}]`,ce=t.selectedAnnotationIds.includes(ve.id),at=Ke.indexOf(ve)+1,gt=ve.annotations[0]?.color??t.activeColor;return v("div",{onClick:()=>{if(L?.({groupId:ve.id,annotationIds:ve.annotations.map(Ge=>Ge.id)}),!(!ve.pathname||ve.pathname===At)){sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:ve.id,pathname:ve.pathname})),window.location.href=ve.pathname;return}if(n({type:"SELECT_ANNOTATION",payload:{id:ve.id}}),T){let Ge=ve.annotations.find(ft=>ft.threadId)?.threadId;Ge&&T(Ge)}Lt.current=!1,se(null)},style:{display:"flex",alignItems:"baseline",gap:4,padding:"2px 0",cursor:"pointer"},onMouseEnter:Ge=>{let ft=Ge.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor=gt,ft.style.color="#fff")},onMouseLeave:Ge=>{if(ce)return;let ft=Ge.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor="rgba(0,0,0,0.06)",ft.style.color="#6b7280")},children:[v("code",{"data-route-badge":!0,style:{fontSize:10,color:ce?"#fff":"#6b7280",backgroundColor:ce?gt:"rgba(0,0,0,0.06)",padding:"1px 4px",flexShrink:0,whiteSpace:"nowrap"},children:[at,". ",D?Y:""]}),s("span",{style:{fontSize:11,color:ce?"#1f2937":"#6b7280",fontWeight:ce?600:400,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:nt})]},ve.id)})},Y))})]})})(),B==="counter"&&(()=>{let x=new Set(Ke.flatMap(D=>D.annotations.map(Y=>Y.threadId).filter(Boolean))),z=Zs.filter(D=>!x.has(D.id));if(z.length===0)return null;let ie=D=>{let Y=Math.floor((Date.now()-D)/1e3);if(Y<60)return"now";let U=Math.floor(Y/60);if(U<60)return`${U}m`;let ve=Math.floor(U/60);return ve<24?`${ve}h`:`${Math.floor(ve/24)}d`};return v("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:[s("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Recent"}),z.map(D=>v("div",{onClick:()=>{let Y=D.elementIdentifiers[0];if(Y){let U=Y.indexOf(":"),ve=U>0&&Y[0]==="/",nt=ve?Y.slice(0,U):void 0,ce=ve?Y.slice(U+1):Y;if(!(!nt||nt===At)){sessionStorage.setItem("popmelt-pending-thread",JSON.stringify({threadId:D.id,selector:ce,preview:D.preview})),window.location.href=nt;return}try{let at=document.querySelector(ce);if(at){let gt=at.getBoundingClientRect(),Ge=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:Ge,point:{x:gt.left+gt.width,y:gt.top},text:D.preview,linkedSelector:ce,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[Ge],threadId:D.id}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[Ge],status:"resolved"}})}}catch{}}T&&T(D.id),Lt.current=!1,se(null)},style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",gap:8,padding:"2px 0",cursor:"pointer",color:"#6b7280",fontSize:11},onMouseEnter:Y=>{Y.currentTarget.style.color="#1f2937"},onMouseLeave:Y=>{Y.currentTarget.style.color="#6b7280"},children:[s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:D.preview}),s("span",{style:{flexShrink:0,fontSize:10,color:"#9ca3af"},children:ie(D.createdAt)})]},D.id))]})})()]})})(),v(Eo,{toolbarRef:we,theme:Pe,expanded:!0,width:td,snapPosition:te,viewport:ge,"data-popmelt-theme-preference":Nt,style:{zIndex:Fe?10004:9999},onMouseEnter:()=>{_?.(),O?.("toolbar",!0)},onMouseLeave:()=>O?.("toolbar",!1),onPointerLeave:m=>{kt(m.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&he(De)},onMouseMove:Us,children:[v("div",{ref:kn,onMouseEnter:()=>{O?.("tool-trigger",!0),K("tool-menu")},onMouseLeave:()=>{O?.("tool-trigger",!1),ae||he("tool-menu")},style:{position:"relative",width:46,height:32,flexShrink:0},children:[s(su,{theme:Pe,icon:s(od,{size:16,strokeWidth:1.75}),primaryLabel:cn.type==="inspector"?"Cycle annotations":cn.label,primaryCursor:cn.type==="inspector"&&Ke.length>0,dotColor:cn.type==="inspector"&&co?co.annotations[0]?.color??t.activeColor:void 0,menuOpen:Te,onPrimary:()=>{cn.type==="inspector"&&(qt(),_i())},onMenu:()=>{Te?qt():Qs()}}),ee!=="job-stack"&&Fe&&s("div",{style:{position:"absolute",...id?{top:"100%",paddingTop:12}:{bottom:"100%",paddingBottom:12},right:ld,width:ad,boxSizing:"content-box",background:"transparent",zIndex:10003,pointerEvents:"auto"},children:s("div",{role:"menu","data-popmelt-font":"sans",style:{width:"100%",padding:4,border:`1px solid ${Ae.border}`,borderRadius:20,background:Ae.surface,boxSizing:"border-box",fontFamily:Ml,opacity:Te?1:0,pointerEvents:"auto",transition:Te||ae?"none":`opacity ${It}ms ease`},children:po.map(({type:m,label:x,shortcut:z,Icon:ie})=>{let D=m===cn.type,Y=D||on===m;return v("button",{"data-popmelt-tool-menu-item":!0,type:"button",role:"menuitemradio","aria-checked":D,onClick:()=>{io(m),qt()},onMouseEnter:U=>{an(m),U.currentTarget.style.color=Ae.primary},onMouseLeave:U=>{an(null),U.currentTarget.style.color=D?Ae.primary:Ae.mutedStrong},style:{width:"100%",height:D?32:30,display:"flex",alignItems:"center",gap:D?8:6,padding:"0 10px",border:0,borderRadius:16,background:D?Ae.control:"transparent",color:D?Ae.primary:Ae.mutedStrong,cursor:"pointer",fontFamily:Ml,fontSize:14,textAlign:"left",transition:"background-color 120ms ease, color 120ms ease"},children:[s(ie,{size:14,strokeWidth:1.75}),s("span",{children:x}),s("code",{"aria-hidden":"true",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:18,height:18,marginLeft:"auto",boxSizing:"border-box",borderRadius:6,background:Y?`color-mix(in srgb, ${Ae.control} 60%, ${Ae.muted} 40%)`:Ae.control,color:Y?Ae.primary:Ae.mutedStrong,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:500,lineHeight:1,transition:"background-color 120ms ease, color 120ms ease"},children:z})]},m)})})})]}),q&&(q.peers.length>0||!!q.admissionRequests?.length)&&v("div",{ref:ht,"data-devtools":"peer-controls",style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},onPointerEnter:()=>{(De?.startsWith("peer:")||De?.startsWith("admission:"))&&ne(De)},onPointerLeave:m=>{kt(m.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&he(De)},children:[s(wu,{...q,theme:Pe,detailsPeerId:Ve,detailsId:Re,onDetailsEnter:m=>{ct(),ne(`peer:${m}`)},onDetailsLeave:(m,x)=>{kt(x)||he(`peer:${m}`)},onDetailsDismiss:m=>V(`peer:${m}`)}),!!q.admissionRequests?.length&&s("ul",{"aria-label":"Pending peers","data-devtools":"admission-chip-stack",style:{display:"flex",alignItems:"center",isolation:"isolate",flexShrink:0,margin:0,padding:0,listStyle:"none"},children:q.admissionRequests.map((m,x,z)=>s("li",{style:{display:"flex",position:"relative",zIndex:z.length-x,marginRight:x===z.length-1?0:-4.5},children:s(Lu,{request:m,selected:_e===m.id,dimmed:de!==null&&de!==m.id&&z.some(ie=>ie.id===de),onHoverChange:ie=>Qe(D=>ie?m.id:D===m.id?null:D),detailsId:Re,theme:Pe,onDetailsEnter:()=>{ct(),ne(`admission:${m.id}`)},onDetailsLeave:ie=>{kt(ie)||he(`admission:${m.id}`)},onDetailsDismiss:()=>V(`admission:${m.id}`),onClick:()=>{ne(`admission:${m.id}`),Dt(!1)}})},m.id))})]}),v("div",{className:"legacy-toolbar-controls",style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[(Ke.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(m=>!m.captured).length>0)&&(()=>{let m=co,x=t.annotations.length>0&&t.annotations.every(D=>D.status&&D.status!=="pending"),z=En!==null?m?.annotations.some(D=>D.status&&D.status!=="pending")??!1:x,ie=Yt(lo);return s("span",{onMouseEnter:()=>ro("counter"),onMouseLeave:vr,children:s("button",{ref:Hi,type:"button",onClick:()=>{if(xr.current){xr.current=!1;return}_i()},onMouseDown:Gs,onMouseUp:Di,onMouseLeave:Di,title:"",style:{display:"flex",alignItems:"center",justifyContent:"center",gap:4,minWidth:20,height:20,padding:"0 8px",marginRight:4,border:"none",borderRadius:0,background:z&&En===null?"#999999":ie,cursor:"pointer",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:11,fontWeight:600,color:"#ffffff",transition:"background 150ms ease"},children:(()=>{let D=Ke.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(U=>!U.captured).length;if(En!==null)return v(Me,{children:[En+1,v("span",{style:{opacity:.4,display:"flex",gap:4},children:[s("span",{children:"/"}),s("span",{children:D})]})]});let Y=ed.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(U=>!U.captured).length;return D>Y?v(Me,{children:[Y,v("span",{style:{opacity:.4,display:"flex",gap:4},children:[s("span",{children:"/"}),s("span",{children:D})]})]}):D})()})})})(),(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&s("span",{onMouseEnter:()=>ro("clear"),onMouseLeave:vr,children:s(xl,{siblingActive:t.isAnnotating,onClick:ao,title:"Clear all (\u2318\u232B)",children:s(Fd,{size:17,strokeWidth:1.5})})}),h&&v(Me,{children:[s("div",{style:{width:1,height:20,backgroundColor:"rgba(0, 0, 0, 0.05)",margin:"0 2px"}}),s("span",{onMouseEnter:()=>ro("provider"),onMouseLeave:vr,style:{display:"contents"},children:v("div",{style:{display:"flex",alignItems:"center",gap:0},children:[s(xl,{onClick:()=>h(Ys),children:s(ar,{provider:p})}),v("button",{type:"button",onClick:()=>{let m=(g+1)%y;E?.(m)},style:{display:"flex",alignItems:"center",gap:6,height:32,border:"none",background:"none",cursor:"pointer",padding:"0 4px 0 0",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:500,color:Bt.iconDefault,whiteSpace:"nowrap"},children:[s("span",{children:C}),s("span",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:Xs.map(m=>s("div",{style:{width:m.overflow?2:3,height:m.overflow?2:3,borderRadius:"50%",backgroundColor:m.active?Bt.iconDefault:"rgba(0,0,0,0.2)",opacity:m.overflow?.65:1,transition:"background-color 150ms ease, opacity 150ms ease"}},m.key))})]})]})})]}),s("div",{ref:Fi,style:{display:"inline-flex",cursor:"pointer"},children:s(Lo,{expanded:!0,active:!!l,color:Bi,onSettlingChange:Mt,onClick:Ks,onFocus:()=>{O?.("popmelt-trigger",!0),c?.(!0),ne("popmelt-guide")},onBlur:m=>{let x=m.relatedTarget;x instanceof Node&&Ze.current?.contains(x)||(O?.("popmelt-trigger",!1),c?.(!1),he("popmelt-guide"))}})})]})]})]},"expanded-toolbar-surfaces")]}):s($a,{theme:Pe,snapPosition:te,viewport:ge,toolbarRef:we,"data-popmelt-theme-preference":Nt,active:!!l,busy:Ht,color:Bi,onSettlingChange:Mt,onMouseEnter:_,onCrosshairHover:c,onOpen:()=>{dt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})}})}var Tl=Sr(null),d1=()=>()=>{},El=()=>null;function Yo(){return Math.random().toString(36).substring(2,9)}function Dr(e){return e.status?e:e.captured?{...e,status:"in_flight"}:{...e,status:"pending"}}function Ue(e){return{...e,undoStack:[...e.undoStack,{annotations:e.annotations,styleModifications:e.styleModifications,textModifications:e.textModifications,domModifications:e.domModifications,spacingTokenChanges:e.spacingTokenChanges,spacingTokenMods:e.spacingTokenMods}],redoStack:[]}}function c1(e,t){return{...e,isAnnotating:t}}function u1(e,t){return{...e,activeTool:t}}function p1(e,t){return{...e,activeColor:t}}function f1(e,t){return{...e,strokeWidth:t}}function h1(e,t){let n={id:t.id??Yo(),type:"text",points:[t.point],text:t.text,fontSize:t.fontSize||12,color:e.activeColor,strokeWidth:e.strokeWidth,timestamp:Date.now(),status:"pending",pathname:typeof window<"u"?window.location.pathname:"/",groupId:t.groupId,linkedSelector:t.linkedSelector,target:t.target,linkedAnchor:t.linkedAnchor,elements:t.elements,...t.imageCount?{imageCount:t.imageCount}:{},...t.attachments?.length?{attachments:t.attachments}:{},...t.interactionEpisode?{interactionEpisode:t.interactionEpisode}:{}};return{...t.groupId?e:Ue(e),annotations:[...e.annotations,n]}}function m1(e,t){return{...Ue(e),annotations:e.annotations.map(n=>n.id===t.id?{...n,text:t.text,...t.imageCount!=null?{imageCount:t.imageCount}:{},...t.attachments?{attachments:t.attachments}:{},...t.interactionEpisode?{interactionEpisode:t.interactionEpisode}:{}}:n)}}function g1(e,t){return{...e,annotations:e.annotations.map(n=>n.id===t.id?{...n,fontSize:Math.max(12,Math.min(72,t.fontSize))}:n)}}function y1(e,t){return{...Ue(e),annotations:e.annotations.map(n=>{if(n.id!==t.id)return n;let r=n.interactionEpisode?.frames?.length??0,{interactionEpisode:o,...i}=n;if(r===0)return i;let a=Math.max(0,(n.imageCount??0)-r);if(a===0){let{imageCount:l,...d}=i;return d}return{...i,imageCount:a}})}}function b1(e,t){let n=Ue(e),r=e.annotations.find(i=>i.id===t.id)?.groupId,o=new Set(e.annotations.filter(i=>i.id===t.id||r&&i.groupId===r).map(i=>i.id));return{...n,annotations:e.annotations.filter(i=>i.id!==t.id&&!(r&&i.groupId===r)),selectedAnnotationIds:e.selectedAnnotationIds.filter(i=>!o.has(i)),lastSelectedId:e.lastSelectedId&&o.has(e.lastSelectedId)?null:e.lastSelectedId}}function v1(e,t){let n=t.saveUndo?Ue(e):e,r=e.annotations.find(o=>o.id===t.id)?.groupId;return{...n,annotations:e.annotations.map(o=>{if(!(o.id===t.id||r&&o.groupId===r))return o;let i=t.delta.x,a=t.delta.y;return{...o,points:o.points.map(l=>({x:l.x+i,y:l.y+a}))}})}}function x1(e,t){let n=t.saveUndo?Ue(e):e,r=e.annotations.find(a=>a.id===t.id);if(!r||r.type==="text"||r.points.length<2)return e;let o=0,i=0;if(r.type==="rectangle"&&r.groupId){let a=t.points,l=Math.min(a[0].x,a[1].x),d=Math.max(a[0].y,a[1].y),c=r.points[0],u=r.points[r.points.length-1],p=Math.min(c.x,u.x),h=Math.max(c.y,u.y);o=l-p,i=d-h}return{...n,annotations:e.annotations.map(a=>a.id===t.id?{...a,points:t.points}:r.groupId&&a.groupId===r.groupId&&a.type==="text"?{...a,points:a.points.map(l=>({x:l.x+o,y:l.y+i}))}:a)}}function w1(e,t){return{...Ue(e),annotations:[...e.annotations,...t.annotations.map(Dr)]}}function C1(e,t){let n=new Set,r=[];for(let o of t.annotations)n.has(o.id)||(n.add(o.id),r.push(Dr(o)));return{...e,annotations:r}}function k1(e,t){let n=new Map(e.annotations.map(o=>[o.id,o])),r=t.annotations.map(o=>{let i=Dr(o),a=n.get(i.id);return!a||!i.linkedSelector||a.linkedSelector!==i.linkedSelector?i:{...i,points:a.points,linkedAnchor:a.linkedAnchor}});return{...e,annotations:r}}function S1(e,t){let n=new Set(e.annotations.map(o=>o.id)),r=t.annotations.filter(o=>!n.has(o.id)).map(Dr);return r.length>0?{...e,annotations:[...e.annotations,...r]}:e}function I1(e){if(e.undoStack.length===0)return e;let t=e.undoStack[e.undoStack.length-1];return{...e,annotations:t?.annotations||[],styleModifications:t?.styleModifications||[],textModifications:t?.textModifications||[],domModifications:t?.domModifications||[],spacingTokenChanges:t?.spacingTokenChanges||[],spacingTokenMods:t?.spacingTokenMods||[],undoStack:e.undoStack.slice(0,-1),redoStack:[...e.redoStack,{annotations:e.annotations,styleModifications:e.styleModifications,textModifications:e.textModifications,domModifications:e.domModifications,spacingTokenChanges:e.spacingTokenChanges,spacingTokenMods:e.spacingTokenMods}]}}function M1(e){if(e.redoStack.length===0)return e;let t=e.redoStack[e.redoStack.length-1];return{...e,annotations:t?.annotations||[],styleModifications:t?.styleModifications||[],textModifications:t?.textModifications||[],domModifications:t?.domModifications||[],spacingTokenChanges:t?.spacingTokenChanges||[],spacingTokenMods:t?.spacingTokenMods||[],redoStack:e.redoStack.slice(0,-1),undoStack:[...e.undoStack,{annotations:e.annotations,styleModifications:e.styleModifications,textModifications:e.textModifications,domModifications:e.domModifications,spacingTokenChanges:e.spacingTokenChanges,spacingTokenMods:e.spacingTokenMods}]}}function T1(e,t){let{id:n,addToSelection:r}=t;if(n===null)return{...e,selectedAnnotationIds:[],lastSelectedId:null};if(r)if(e.selectedAnnotationIds.includes(n)){let o=e.selectedAnnotationIds.filter(i=>i!==n);return{...e,selectedAnnotationIds:o,lastSelectedId:o.length>0?o[o.length-1]:null}}else return{...e,selectedAnnotationIds:[...e.selectedAnnotationIds,n],lastSelectedId:n};return{...e,selectedAnnotationIds:[n],lastSelectedId:n}}function E1(e,t){let n=e.annotations.find(o=>o.id===t.id)?.groupId,r=new Set;for(let o of e.selectedAnnotationIds){let i=e.annotations.find(a=>a.id===o);i?.groupId&&r.add(i.groupId)}return{...e,annotations:e.annotations.map(o=>o.id===t.id||e.selectedAnnotationIds.includes(o.id)||o.groupId&&(o.groupId===n||r.has(o.groupId))?{...o,color:t.color}:o)}}function L1(e,t){let n=typeof window<"u"?window.location.pathname:"/",r=t?new Set(t):void 0;return{...e,annotations:e.annotations.map(o=>r&&!r.has(o.id)?o:{...o,captured:!0,status:o.status==="pending"||o.status==="sending"||!o.status?"in_flight":o.status}),styleModifications:e.styleModifications.map(o=>!o.pathname||o.pathname===n?{...o,captured:!0}:o),textModifications:e.textModifications.map(o=>!o.pathname||o.pathname===n?{...o,captured:!0}:o),domModifications:e.domModifications.map(o=>!o.pathname||o.pathname===n?{...o,captured:!0}:o),spacingTokenChanges:e.spacingTokenChanges.map(o=>({...o,captured:!0})),spacingTokenMods:e.spacingTokenMods.map(o=>({...o,captured:!0}))}}function A1(e){return e.annotations.some(t=>(t.status??"pending")==="pending")||e.styleModifications.some(t=>!t.captured)||e.textModifications.some(t=>!t.captured)||e.domModifications.some(t=>!t.captured)||e.spacingTokenChanges.some(t=>!t.captured)||e.spacingTokenMods.some(t=>!t.captured)?{...Ue(e),annotations:e.annotations.filter(t=>(t.status??"pending")!=="pending"),styleModifications:e.styleModifications.filter(t=>t.captured),textModifications:e.textModifications.filter(t=>t.captured),domModifications:e.domModifications.filter(t=>t.captured),spacingTokenChanges:e.spacingTokenChanges.filter(t=>t.captured),spacingTokenMods:e.spacingTokenMods.filter(t=>t.captured),selectedAnnotationIds:[],lastSelectedId:null}:e}function $1(e){return{...e,annotations:[],undoStack:[],redoStack:[],selectedAnnotationIds:[],lastSelectedId:null,textModifications:[],domModifications:[],spacingTokenChanges:[],spacingTokenMods:[]}}function N1(e,t){let{selector:n,element:r,property:o,original:i,modified:a}=t,l=typeof window<"u"?window.location.pathname:"/",d=e.styleModifications.findIndex(c=>c.selector===n&&(!c.pathname||c.pathname===l));if(i===a&&d<0)return e;if(d>=0){let c=e.styleModifications[d];if(c.captured){let g=Ue(e),y=g.styleModifications.map((C,k)=>k===d?{...C,changes:[{property:o,original:i,modified:a}],createdAt:C.createdAt??Date.now(),captured:!1,pathname:l}:C);return{...g,styleModifications:y}}let u=c.changes.findIndex(g=>g.property===o),p,h=e;if(u>=0){let g=c.changes[u];a===g.original?p=c.changes.filter((y,C)=>C!==u):p=c.changes.map((y,C)=>C===u?{...y,modified:a}:y)}else{if(i===a)return e;h=Ue(e),p=[...c.changes,{property:o,original:i,modified:a}]}if(p.length===0)return{...h,styleModifications:h.styleModifications.filter((g,y)=>y!==d)};let f=h.styleModifications.map((g,y)=>y===d?{...g,changes:p,createdAt:g.createdAt??Date.now()}:g);return{...h,styleModifications:f}}else{let c=Ue(e),u={selector:n,element:r,changes:[{property:o,original:i,modified:a}],createdAt:Date.now(),pathname:l};return{...c,styleModifications:[...c.styleModifications,u]}}}function R1(e,t){let{selector:n,durableSelector:r,element:o,changes:i}=t,a=typeof window<"u"?window.location.pathname:"/",l=i.filter(u=>u.original!==u.modified);if(l.length===0)return e;let d=Ue(e),c=d.styleModifications.findIndex(u=>u.selector===n&&(!u.pathname||u.pathname===a));if(c>=0){let u=d.styleModifications[c],p=u.captured?[]:[...u.changes];for(let h of l){let f=p.findIndex(g=>g.property===h.property);f>=0?h.modified===p[f].original?p=p.filter((g,y)=>y!==f):p=p.map((g,y)=>y===f?{...g,modified:h.modified,token:h.token,sticker:h.sticker}:g):p.push(h)}return p.length===0?{...d,styleModifications:d.styleModifications.filter((h,f)=>f!==c)}:{...d,styleModifications:d.styleModifications.map((h,f)=>f===c?{...h,changes:p,createdAt:h.createdAt??Date.now(),captured:!1,pathname:a}:h)}}else return{...d,styleModifications:[...d.styleModifications,{selector:n,durableSelector:r,element:o,changes:l,createdAt:Date.now(),pathname:a}]}}function P1(e,t){let{selector:n,property:r}=t,o=typeof window<"u"?window.location.pathname:"/",i=Ue(e),a=i.styleModifications.map(l=>l.selector!==n||l.pathname&&l.pathname!==o?l:{...l,changes:l.changes.filter(d=>d.property!==r)}).filter(l=>l.changes.length>0);return{...i,styleModifications:a}}function z1(e,t){let{selector:n,sticker:r}=t,o=typeof window<"u"?window.location.pathname:"/";if(!e.styleModifications.find(l=>l.selector===n&&(!l.pathname||l.pathname===o)&&!l.captured&&l.changes.some(d=>d.sticker?.family===r.family&&d.sticker.subproperty===r.subproperty)))return e;let i=Ue(e),a=i.styleModifications.map(l=>l.selector!==n||l.pathname&&l.pathname!==o||l.captured?l:{...l,changes:l.changes.filter(d=>d.sticker?.family!==r.family||d.sticker.subproperty!==r.subproperty)}).filter(l=>l.changes.length>0);return{...i,styleModifications:a}}function H1(e){return e.styleModifications.length===0?e:{...Ue(e),styleModifications:[]}}function O1(e,t){let n=new Set(t.selectors);if(n.size===0)return e;let r=e.styleModifications.filter(o=>!o.captured||!n.has(o.selector)&&(!o.durableSelector||!n.has(o.durableSelector)));return r.length===e.styleModifications.length?e:{...e,styleModifications:r}}function D1(e,t){let n=Date.now();return{...e,styleModifications:t.map((r,o)=>({...r,createdAt:r.createdAt??n+o}))}}function W1(e,t,n,r){return e.selector===t&&(!e.pathname||e.pathname===r)&&e.textNodePath.length===n.length&&e.textNodePath.every((o,i)=>o===n[i])}function Ll(e,t,n=!0){let{selector:r,durableSelector:o,element:i,textNodePath:a,original:l,modified:d}=t,c=typeof window<"u"?window.location.pathname:"/",u=e.textModifications.findIndex(h=>W1(h,r,a,c));if(l===d&&u<0)return e;if(u>=0){let h=e.textModifications[u],f=h.captured&&n?Ue(e):e,g=h.captured?l:h.original;return d===g?{...f,textModifications:f.textModifications.filter((y,C)=>C!==u)}:{...f,textModifications:f.textModifications.map((y,C)=>C===u?{...y,durableSelector:o,element:i,original:g,modified:d,createdAt:y.createdAt??Date.now(),captured:!1,pathname:c}:y)}}let p=n?Ue(e):e;return{...p,textModifications:[...p.textModifications,{selector:r,durableSelector:o,element:i,textNodePath:a,original:l,modified:d,createdAt:Date.now(),pathname:c}]}}function j1(e,t,n=!0){return t.length===0?e:t.reduce((r,o)=>Ll(r,o,!1),n?Ue(e):e)}function _1(e,t){let n=Date.now();return{...e,textModifications:t.map((r,o)=>({...r,createdAt:r.createdAt??n+o}))}}function B1(e,t){let n=Ue(e),r=n.domModifications.findIndex(o=>o.id===t.id);return r>=0?{...n,domModifications:n.domModifications.map((o,i)=>i===r?{...t,captured:!1}:o)}:{...n,domModifications:[...n.domModifications,t]}}function F1(e,t){return{...e,domModifications:t}}function V1(e,t){let{updates:n}=t,r=new Map(n.map(o=>[o.id,o]));return{...e,annotations:e.annotations.map(o=>{let i=r.get(o.id);return i?{...o,points:[i.point,...o.points.slice(1)],...i.linkedAnchor?{linkedAnchor:i.linkedAnchor}:{}}:o})}}function Q1(e,t){let n=new Set(t.ids);return{...e,annotations:e.annotations.map(r=>n.has(r.id)?{...r,status:t.status}:r)}}function Z1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>{if(!n.has(o.id)&&!(o.groupId&&r.has(o.groupId)))return o;let i=!!t.jobId&&o.replyJobIds?.includes(t.jobId),a=o.status==="waiting_input";return{...o,status:a?"waiting_input":"resolved",replyCount:(o.replyCount??0)+(i?0:1),replyJobIds:t.jobId&&!i?[...o.replyJobIds??[],t.jobId]:o.replyJobIds,threadId:o.threadId||t.threadId,question:a?o.question:void 0}})}}function q1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>n.has(o.id)||o.groupId&&r.has(o.groupId)?{...o,status:"failed",threadId:o.threadId||t.threadId,question:void 0}:o)}}function U1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>n.has(o.id)||o.groupId&&r.has(o.groupId)?{...o,threadId:t.threadId,targetBindingId:t.targetBindingId}:o)}}function J1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>n.has(o.id)||o.groupId&&r.has(o.groupId)?{...o,status:"waiting_input",question:t.question,threadId:t.threadId}:o)}}function Y1(e,t){let n=new Map(t.resolutions.map(o=>[o.annotationId,o])),r=new Map;for(let o of e.annotations){let i=n.get(o.id);i&&o.groupId&&r.set(o.groupId,i)}return{...e,annotations:e.annotations.map(o=>{let i=n.get(o.id)||(o.groupId?r.get(o.groupId):void 0);if(!i)return o;let a=!!t.jobId&&o.replyJobIds?.includes(t.jobId);return{...o,status:i.status,resolutionSummary:i.summary,scope:i.finalScope??i.inferredScope??null,replyCount:(o.replyCount??0)+(a?0:1),replyJobIds:t.jobId&&!a?[...o.replyJobIds??[],t.jobId]:o.replyJobIds,question:void 0,threadId:o.threadId||t.threadId}})}}function X1(e,t){let{linkedSelectors:n,styleSelectors:r}=t,o=new Set(n),i=new Set(r),a=typeof window<"u"?window.location.pathname:"/",l=new Set,d=new Set;for(let f of e.annotations)f.linkedSelector&&o.has(f.linkedSelector)&&(l.add(f.id),f.groupId&&d.add(f.groupId));for(let f of e.annotations)f.groupId&&d.has(f.groupId)&&l.add(f.id);let c=e.annotations.filter(f=>!l.has(f.id)),u=e.styleModifications.filter(f=>!i.has(f.selector)||f.pathname&&f.pathname!==a),p=e.domModifications.filter(f=>!i.has(f.selector)||f.pathname&&f.pathname!==a);if(c.length===e.annotations.length&&u.length===e.styleModifications.length&&p.length===e.domModifications.length)return e;let h=e.selectedAnnotationIds.filter(f=>!l.has(f));return{...e,annotations:c,styleModifications:u,domModifications:p,selectedAnnotationIds:h,lastSelectedId:h.length>0?h[h.length-1]:null}}function K1(e,t){let n=e.spacingTokenChanges.findIndex(r=>r.tokenPath===t.tokenPath);return n>=0?{...e,spacingTokenChanges:e.spacingTokenChanges.map((r,o)=>o===n?t:r)}:{...e,spacingTokenChanges:[...e.spacingTokenChanges,t]}}function G1(e,t){return{...e,spacingTokenChanges:t}}function e0(e,t){let n=Ue(e),r=e.spacingTokenMods.findIndex(i=>i.tokenPath===t.tokenPath),o;if(r>=0){let i=e.spacingTokenMods[r],a={...t,originalValue:i.captured?i.currentValue:i.originalValue,originalPx:i.captured?i.currentPx:i.originalPx,captured:!1};o=e.spacingTokenMods.map((l,d)=>d===r?a:l)}else o=[...e.spacingTokenMods,{...t,captured:!1}];return{...n,spacingTokenMods:o}}function t0(e,t){let n=Ue(e),r=e.spacingTokenMods.findIndex(c=>c.tokenPath===t.tokenPath),o=r>=0?e.spacingTokenMods[r]:null,i=r>=0?o.captured?o.currentValue:o.originalValue:t.originalValue,a=r>=0?o.captured?o.currentPx:o.originalPx:parseFloat(t.originalValue)||0,l={tokenPath:t.tokenPath,originalValue:i,currentValue:"__deleted__",targets:o?.targets??[],originalPx:a,currentPx:0,captured:!1},d;return r>=0?d=e.spacingTokenMods.map((c,u)=>u===r?l:c):d=[...e.spacingTokenMods,l],{...n,spacingTokenMods:d}}function Al(e,t){switch(t.type){case"SET_ANNOTATING":return c1(e,t.payload);case"SET_TOOL":return u1(e,t.payload);case"SET_COLOR":return p1(e,t.payload);case"SET_STROKE_WIDTH":return f1(e,t.payload);case"ADD_TEXT":return h1(e,t.payload);case"UPDATE_TEXT":return m1(e,t.payload);case"CLEAR_INTERACTION_EPISODE":return y1(e,t.payload);case"UPDATE_TEXT_SIZE":return g1(e,t.payload);case"DELETE_ANNOTATION":return b1(e,t.payload);case"MOVE_ANNOTATION":return v1(e,t.payload);case"RESIZE_ANNOTATION":return x1(e,t.payload);case"PASTE_ANNOTATIONS":return w1(e,t.payload);case"RESTORE_ANNOTATIONS":return C1(e,t.payload);case"SYNC_ANNOTATIONS":return k1(e,t.payload);case"MERGE_ANNOTATIONS":return S1(e,t.payload);case"UNDO":return I1(e);case"REDO":return M1(e);case"SELECT_ANNOTATION":return T1(e,t.payload);case"UPDATE_ANNOTATION_COLOR":return E1(e,t.payload);case"MARK_CAPTURED":return L1(e,t.payload?.annotationIds);case"CLEAR":return $1(e);case"DISCARD_DRAFT":return A1(e);case"MODIFY_STYLE":return N1(e,t.payload);case"MODIFY_STYLES_BATCH":return R1(e,t.payload);case"CLEAR_STYLE":return P1(e,t.payload);case"CLEAR_STICKER":return z1(e,t.payload);case"CLEAR_ALL_STYLES":return H1(e);case"SETTLE_CAPTURED_STYLES":return O1(e,t.payload);case"RESTORE_STYLE_MODIFICATIONS":return D1(e,t.payload);case"MODIFY_TEXT_CONTENT":return Ll(e,t.payload);case"MODIFY_TEXT_CONTENTS":return j1(e,t.payload,t.saveUndo??!0);case"RESTORE_TEXT_MODIFICATIONS":return _1(e,t.payload);case"MODIFY_DOM_STRUCTURE":return B1(e,t.payload);case"RESTORE_DOM_MODIFICATIONS":return F1(e,t.payload);case"UPDATE_LINKED_POSITIONS":return V1(e,t.payload);case"CLEANUP_ORPHANED":return X1(e,t.payload);case"SET_ANNOTATION_STATUS":return Q1(e,t.payload);case"MARK_ANNOTATIONS_REPLIED":return Z1(e,t.payload);case"MARK_ANNOTATIONS_FAILED":return q1(e,t.payload);case"SET_ANNOTATION_THREAD":return U1(e,t.payload);case"SET_ANNOTATION_QUESTION":return J1(e,t.payload);case"APPLY_RESOLUTIONS":return Y1(e,t.payload);case"ADD_SPACING_TOKEN_CHANGE":return K1(e,t.payload);case"RESTORE_SPACING_TOKEN_CHANGES":return G1(e,t.payload);case"MODIFY_SPACING_TOKEN":return e0(e,t.payload);case"DELETE_SPACING_TOKEN":return t0(e,t.payload);default:return t}}function n0(e,t){let n=pn(Tl),[r,o]=sa(Al,bo),i=la(n?.subscribe??d1,n?.getSnapshot??El,n?.getSnapshot??El)??r,a=n?.dispatch??o;return F(()=>{if(!i.isAnnotating)return;let l=d=>{t?.current||d.defaultPrevented||d.isComposing||d.altKey||d.composedPath().some(c=>c instanceof Element&&(c.matches('input, textarea, select, [role="textbox"]')||c instanceof HTMLElement&&c.isContentEditable||c.hasAttribute("contenteditable")&&c.getAttribute("contenteditable")!=="false"))||(d.metaKey||d.ctrlKey)&&d.key.toLowerCase()===yn.actions.undo.key&&(d.preventDefault(),d.shiftKey?a({type:"REDO"}):e?.current?.()||a({type:"UNDO"}))};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[a,i.isAnnotating,e,t]),[i,a]}function r0(e){let{selector:t,durableSelector:n,pathname:r,annotationNumber:o,changes:i}=e;return{selector:t,durableSelector:n,pathname:r,annotationNumber:o,changes:i.map(({property:a,original:l,modified:d,token:c})=>({property:a,original:l,modified:d,token:c}))}}function $l(e,t){if((e.pathname??"")!==(t.pathname??"")||e.selector!==t.selector&&(!e.durableSelector||e.durableSelector!==t.durableSelector))return!1;let n=r=>JSON.stringify(r.map(({property:o,original:i,modified:a,token:l})=>[o,i,a,l??null]).sort((o,i)=>String(o[0]).localeCompare(String(i[0]))));return n(e.changes)===n(t.changes)}function Xo(e,t,n,r=new Set){let o=new Map(t.filter(c=>c.authorId===n).flatMap(c=>c.annotations?.map(({id:u})=>[u,c.threadId])??[])),i=!1,a=e.annotations.map(c=>r.has(c.id)&&["pending","sending"].includes(c.status??"pending")?(i=!0,{...c,status:"awaiting_review"}):(c.status??"pending")!=="pending"||c.threadId&&c.threadId!==o.get(c.id)||!o.has(c.id)?c:(i=!0,{...c,threadId:o.get(c.id)??c.threadId,status:"awaiting_review"})),l=!1,d=e.styleModifications.map(c=>{if(c.captured)return c;let u=[...t].reverse().find(p=>p.authorId===n&&p.threadId&&p.styleModifications?.some(h=>$l(c,h)));return u?.threadId?(l=!0,{...c,awaitingReview:{submissionId:u.id,threadId:u.threadId}}):c});return i||l?{...e,annotations:i?a:e.annotations,styleModifications:l?d:e.styleModifications}:e}function o0(e){if(e.awaitingReview)return{jobId:`suggestion:${e.awaitingReview.submissionId}`,threadId:e.awaitingReview.threadId,status:"awaiting_review",selectors:[e.selector],annotationNumber:e.annotationNumber}}function Nl(e,t){if(!t)return e;let n=e.activeColor!==t,r=e.annotations.map(o=>o.color===t?o:(n=!0,{...o,color:t}));return n?{...e,activeColor:t,annotations:r}:e}function lr(e){return e?!!e.closest("#devtools-toolbar, #devtools-scrim, #devtools-text-input, [data-devtools], [data-popmelt-panel], [data-popmelt-shadow-host]"):!1}function i0(e,t){let n=document,r=n.caretPositionFromPoint?.(e,t);if(r?.offsetNode?.nodeType===Node.TEXT_NODE)return r.offsetNode;let o=n.caretRangeFromPoint?.(e,t);return o?.startContainer?.nodeType===Node.TEXT_NODE?o.startContainer:null}function a0(e,t){if(!e)return t();let n=e.style.pointerEvents;e.style.pointerEvents="none";try{return t()}finally{e.style.pointerEvents=n}}function l0(e,t,n){let r=document.createTreeWalker(e,NodeFilter.SHOW_TEXT,{acceptNode(i){return i.textContent?.trim()?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT}}),o=r.nextNode();for(;o;){let i=o,a=document.createRange();a.selectNodeContents(i);let l=Array.from(a.getClientRects());if(a.detach?.(),l.some(d=>t>=d.left&&t<=d.right&&n>=d.top&&n<=d.bottom))return i;o=r.nextNode()}return null}function s0(e,t,n){return a0(n,()=>{let r=i0(e,t);if(!r){let w=document.elementFromPoint(e,t);w&&!lr(w)&&(r=l0(w,e,t))}if(!r||!(r.parentElement instanceof HTMLElement))return null;let o=r.parentElement;if(lr(o))return null;for(;o.parentElement&&o!==document.body;){let w=window.getComputedStyle(o).display,E=w==="inline-block"&&o.childNodes.length===1&&o.firstChild?.nodeType===Node.ELEMENT_NODE;if(w!=="inline"&&w!=="contents"&&!E)break;let M=o.parentElement;if(lr(M))break;if(Array.from(M.childNodes).some(N=>N.nodeType===Node.TEXT_NODE&&!!N.nodeValue?.trim())){o=M;continue}let S=window.getComputedStyle(M).display,T=S==="inline-block"&&M.childNodes.length===1&&M.firstChild?.nodeType===Node.ELEMENT_NODE;if(S==="inline"||S==="contents"||T){o=M;continue}break}let i=o.tagName.toLowerCase();if(i==="script"||i==="style"||i==="textarea"||i==="input")return null;let a=c0(o),l=a.map(w=>w.originalText).join("");if(!l.trim())return null;let d=Rl(o,r);if(!d)return null;let c=window.getComputedStyle(o),u=zl(a,o,c),{textRect:p,boundaryRect:h,boundaryRects:f,flowRect:g,firstLineIndent:y}=u;if(p.width<=0||p.height<=0)return null;let C=parseFloat(c.fontSize)||12,k=c.whiteSpace!=="nowrap"&&c.whiteSpace!=="pre"&&(f0(r)||c.display!=="inline");return{textNode:r,targetElement:o,textNodePath:d,segments:a,originalText:l,rect:p,boundaryRect:h,boundaryRects:f,flowRect:g,firstLineIndent:y,styles:c,fontSize:C,wrapsText:k}})}function Rl(e,t){let n=[],r=t;for(;r&&r!==e;){let o=r.parentNode;if(!o)return null;n.unshift(Array.prototype.indexOf.call(o.childNodes,r)),r=o}return r===e?n:null}function d0(e,t){let n=document.createRange();n.selectNodeContents(e);let r=n.getBoundingClientRect();if(n.detach?.(),r.width>0&&r.height>0)return{left:r.left,top:r.top,width:r.width,height:r.height};let o=t.getBoundingClientRect();return{left:o.left,top:o.top,width:o.width,height:o.height}}function c0(e){let t=[],n=r=>{if(r.nodeType===Node.TEXT_NODE){let i=r,a=Rl(e,i);a&&t.push({textNode:i,textNodePath:a,originalText:i.nodeValue??""});return}if(r.nodeType!==Node.ELEMENT_NODE&&r!==e)return;let o=r.tagName?.toLowerCase();o==="script"||o==="style"||r.childNodes.forEach(n)};return e.childNodes.forEach(n),t}function Pl(e){return{left:e.left,top:e.top,width:e.width,height:e.height}}function u0(e){let t=[];for(let n of e){if(!n.textNode.isConnected||!n.originalText.trim())continue;let r=document.createRange();r.selectNodeContents(n.textNode),t.push(...Array.from(r.getClientRects()).filter(o=>o.width>0&&o.height>0).map(Pl)),r.detach?.()}return bd(t)}function p0(e){let t=e.getBoundingClientRect(),n=window.getComputedStyle(e),r=(parseFloat(n.borderLeftWidth)||0)+(parseFloat(n.paddingLeft)||0),o=(parseFloat(n.borderRightWidth)||0)+(parseFloat(n.paddingRight)||0),i=(parseFloat(n.borderTopWidth)||0)+(parseFloat(n.paddingTop)||0),a=(parseFloat(n.borderBottomWidth)||0)+(parseFloat(n.paddingBottom)||0);return{left:t.left+r,top:t.top+i,width:Math.max(0,t.width-r-o),height:Math.max(0,t.height-i-a)}}function zl(e,t,n){let r=Pl(t.getBoundingClientRect()),o=u0(e),i=e[0]?.textNode?d0(e[0].textNode,t):r,a=o.length>0?o:[i];return sd({display:n.display,fragmentRects:a,elementRect:r,parentContentRect:t.parentElement?p0(t.parentElement):void 0})}function f0(e){let t=document.createRange();t.selectNodeContents(e);let n=Array.from(t.getClientRects()).filter(r=>r.width>0&&r.height>0).length;return t.detach?.(),n>1}function h0(e,t,n){if(t===n||e.length===0)return[];let r=0;for(;r<t.length&&r<n.length&&t[r]===n[r];)r+=1;let o=0;for(;o<t.length-r&&o<n.length-r&&t[t.length-1-o]===n[n.length-1-o];)o+=1;let i=r,a=t.length-o,l=n.slice(r,n.length-o),d=0,c=!1;return e.flatMap((u,p)=>{let h=d,f=h+u.originalText.length;d=f;let g=i===a,y=g&&(i>=h&&i<f||p===e.length-1&&i===f),C=!g&&f>i&&h<a;if(!y&&!C)return[];let k=Math.max(0,Math.min(u.originalText.length,i-h)),w=Math.max(0,Math.min(u.originalText.length,a-h)),E=u.originalText.slice(0,k);return c||(E+=l,c=!0),E+=u.originalText.slice(w),E===u.originalText?[]:[{segment:u,modifiedText:E}]})}function Ko(e,t){return Math.abs(e.left-t.left)<.5&&Math.abs(e.top-t.top)<.5&&Math.abs(e.width-t.width)<.5&&Math.abs(e.height-t.height)<.5}function m0(e,t){return!e||!t?e===t:Ko(e,t)}function g0(e,t){return e.length===t.length&&e.every((n,r)=>Ko(n,t[r]))}function y0(){return{isDragging:!1,hasMoved:!1,mode:"move",startX:0,startY:0,element:null,originalParent:null,originalIndex:-1,selector:null,durableSelector:null,elementInfo:null}}function Wr(e){if(!e||e===document.body||e===document.documentElement||lr(e))return!1;let t=e.tagName.toLowerCase();return["script","style","link","meta","head","html","body","input","textarea","select","option","button"].includes(t)?!1:!!e.parentElement}function Ft(e){let t=e.getAttribute("data-pm");return t||(t=Math.random().toString(36).substring(2,8),e.setAttribute("data-pm",t)),`[data-pm="${t}"]`}function Go(e){return e.parentElement?Array.from(e.parentElement.children).indexOf(e):-1}function Hl(e){e.removeAttribute("data-pm"),e.querySelectorAll("[data-pm]").forEach(t=>t.removeAttribute("data-pm"))}function Ol(e,t,n,r,o=Nd){let i=n.parentElement;if(!i)return null;let a=o(e,t);for(;a&&a!==document.body;){if(a===n||n.contains(a)){a=a.parentElement;continue}if(a.parentElement===i&&Wr(a))break;a=a.parentElement}if(!a||a===document.body||a.parentElement!==i||a===r)return null;let l=a.getBoundingClientRect(),d=l.height>=l.width?t<l.top+l.height/2?"before":"after":e<l.left+l.width/2?"before":"after",c=Go(a),u=d==="before"?c:c+1;return{parent:i,reference:a,placement:d,index:u}}function ei(e,t,n){let r=Array.from(e.children).filter(i=>i!==t),o=Math.max(0,Math.min(n,r.length));e.insertBefore(t,r[o]??null)}function b0({drag:e,clientX:t,clientY:n,pathname:r,createId:o,rootElement:i,elementAtPoint:a}){let l=e.element;if(!l||!e.selector||!e.durableSelector||!e.elementInfo)return null;let d=Ol(t,n,l,i,a);if(!d)return null;let c=e.originalParent===d.parent&&d.index>e.originalIndex?d.index-1:d.index;if(e.mode==="move"&&e.originalParent===d.parent&&(c===e.originalIndex||c===e.originalIndex+1))return null;let u=jt(d.parent),p=Ft(d.parent),h=jt(d.reference),f=Ft(d.reference),g=e.selector,y=e.durableSelector,C=e.elementInfo;if(e.mode==="copy"){let w=l.cloneNode(!0);if(!(w instanceof Element))return null;Hl(w),ei(d.parent,w,c),g=Ft(w),y=jt(w),C={...An(w),selector:g}}else ei(d.parent,l,c);let k=e.originalParent;return{id:o(),operation:e.mode,selector:g,durableSelector:y,element:C,sourceSelector:e.mode==="copy"?e.selector:void 0,sourceDurableSelector:e.mode==="copy"?e.durableSelector:void 0,sourceElement:e.mode==="copy"?e.elementInfo:void 0,originalParentSelector:k?Ft(k):void 0,originalParentDurableSelector:k?jt(k):void 0,originalIndex:e.originalIndex,targetParentSelector:p,targetParentDurableSelector:u,targetIndex:c,referenceSelector:f,referenceDurableSelector:h,placement:d.placement,pathname:r}}function Dl(e){return e instanceof HTMLElement&&(e.tagName==="INPUT"||e.tagName==="TEXTAREA"||e.isContentEditable===!0||e.getAttribute("contenteditable")==="true")}function v0(){if(typeof document>"u")return null;let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e}function ti(e){let t=e.composedPath?.()[0]??e.target;return Dl(t)||Dl(v0())}function Wl(e,t,n){if(n)return[n];let r=new Set(t),o=new Map;for(let a of e)a.groupId&&a.threadId&&o.set(a.groupId,a.threadId);let i=new Set;for(let a of e){if(!r.has(a.id))continue;let l=a.threadId||(a.groupId?o.get(a.groupId):void 0);l&&i.add(l)}return[...i]}function x0({state:e,stateRef:t,activeTextRef:n,selectedIdsRef:r,dispatch:o,clearSelection:i,selectAnnotation:a,handHoveredElement:l,onArchiveThread:d,openThreadId:c,currentPathname:u,hasOpenThread:p}){let h=$([]),f=$(0),g=$(null);F(()=>{let y=C=>{if(C.key==="Escape"){if(C.defaultPrevented||C.repeat||n.current||p||ti(C))return;if(r.current.length>0){C.preventDefault(),i();return}let w=t.current;if(w.annotations.some(E=>(E.status??"pending")==="pending")||w.styleModifications.some(E=>!E.captured)||w.textModifications.some(E=>!E.captured)||w.domModifications.some(E=>!E.captured)||w.spacingTokenChanges.some(E=>!E.captured)||w.spacingTokenMods.some(E=>!E.captured)){C.preventDefault(),o({type:"DISCARD_DRAFT"});return}}if((C.metaKey||C.ctrlKey)&&C.key.toLowerCase()==="c"&&e.activeTool==="hand"&&l&&!n.current){if(Wr(l)){C.preventDefault();let w=Ft(l);g.current={source:l,sourceSelector:w,sourceDurableSelector:jt(l),sourceElement:{...An(l),selector:w}}}return}if((C.metaKey||C.ctrlKey)&&C.key.toLowerCase()==="v"&&e.activeTool==="hand"&&g.current&&!n.current){let w=g.current,E=l&&Wr(l)?l:w.source,M=E.parentElement;if(M){C.preventDefault();let S=jt(M),T=Ft(M),N=jt(E),H=Ft(E),P=Go(E)+1,L=w.source.cloneNode(!0);if(L instanceof Element){Hl(L),ei(M,L,P);let j=Ft(L),Z=jt(L),ae={...An(L),selector:j};o({type:"MODIFY_DOM_STRUCTURE",payload:{id:Yo(),operation:"copy",selector:j,durableSelector:Z,element:ae,sourceSelector:w.sourceSelector,sourceDurableSelector:w.sourceDurableSelector,sourceElement:w.sourceElement,targetParentSelector:T,targetParentDurableSelector:S,targetIndex:P,referenceSelector:H,referenceDurableSelector:N,placement:"after",pathname:u}})}}return}if((C.metaKey||C.ctrlKey)&&C.key==="v"&&h.current.length>0&&!n.current){C.preventDefault(),f.current+=1;let w=f.current*20,E=h.current[0]?.groupId?Math.random().toString(36).substring(2,9):void 0,M=h.current.map(T=>({...T,id:Math.random().toString(36).substring(2,9),groupId:T.groupId?E:void 0,timestamp:Date.now(),points:T.points.map(N=>({x:N.x+w,y:N.y+w}))}));o({type:"PASTE_ANNOTATIONS",payload:{annotations:M}});let S=M.find(T=>T.type!=="text")??M[0];S&&a(S.id);return}let k=r.current;if(!n.current&&!ti(C)&&(C.key==="Delete"||C.key==="Backspace")&&!C.metaKey&&!C.ctrlKey&&!C.altKey){if(k.length===0&&!c)return;let w=Wl(t.current.annotations,k,c);if(!d||w.length===0)return;C.preventDefault();for(let E of w)d(E);i()}};return window.addEventListener("keydown",y),()=>window.removeEventListener("keydown",y)},[n,i,u,o,l,p,d,c,a,r,e.activeTool,t])}var et=["slate","gray","zinc","neutral","stone","red","orange","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"],ni=[50,100,200,300,400,500,600,700,800,900,950],ri=500,w0={name:"neutral",step:950},jr={slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b",950:"#09090b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917",950:"#0c0a09"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f",950:"#451a03"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12",950:"#422006"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314",950:"#1a2e05"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b",950:"#022c22"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a",950:"#042f2e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63",950:"#083344"},sky:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e",950:"#082f49"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81",950:"#1e1b4b"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95",950:"#2e1065"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87",950:"#3b0764"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75",950:"#4a044e"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843",950:"#500724"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337",950:"#4c0519"}};function sr(e,t){return jr[e][t]}function C0(e,t){let n=et.indexOf(e);return et[(n+t+et.length)%et.length]}function k0(e,t){let n=et.indexOf(e);return et[(n+t%et.length+et.length)%et.length]}function S0(e,t){let n=et.indexOf(e),r=(et.indexOf(t)-n+et.length)%et.length;return r<=et.length/2?r:r-et.length}function vn(e){let t=e.trim().toLowerCase(),n=t.match(/^#([0-9a-f]{6})$/i)?.[1];if(n)return[Number.parseInt(n.slice(0,2),16),Number.parseInt(n.slice(2,4),16),Number.parseInt(n.slice(4,6),16)];let r=t.match(/^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/);return r?[Number(r[1]),Number(r[2]),Number(r[3])]:null}function I0(e){let t=vn(e);if(!t)return null;let n=null;for(let r of et)for(let o of ni){let i=vn(jr[r][o]).reduce((a,l,d)=>a+(l-t[d])**2,0);(!n||i<n.distance)&&(n={name:r,step:o,distance:i})}return n&&{name:n.name,step:n.step}}function M0(e,t){let n=vn(t);return n?ni.reduce((r,o)=>{let i=vn(jr[e][r]),a=vn(jr[e][o]),l=i.reduce((d,c,u)=>d+(c-n[u])**2,0);return a.reduce((d,c,u)=>d+(c-n[u])**2,0)<l?o:r}):null}function jl(e,t){let n=vn(e),r=vn(t);return n!==null&&r!==null&&n.every((o,i)=>o===r[i])}var ut=["padding","margin","border","radius","stack","grid","text","color","transform","opacity"],On=[0,1,2,3,4,6,8,10,12,16],T0=[-16,-12,-10,-8,-6,-4,-3,-2,-1,0,1,2,3,4,6,8,10,12,16],E0=[0,1,2,4,8],L0=["vertical","horizontal"],A0=["stretch","start","center","end","baseline"],$0=["start","center","end","between","around","evenly"],N0=[1,2,3,4,5,6],_l=["xs","sm","base","lg","xl","2xl","3xl","4xl"],Bl=[300,400,500,600,700,800],Fl=["none","tight","snug","normal","relaxed","loose"],Vl=["tighter","tight","normal","wide","wider","widest"],Ql=["left","center","right","justify"],Zl=[25,50,75,90,95,100,105,110,125,150],ql=[-180,-90,-45,-25,-12,-6,-3,-2,-1,0,1,2,3,6,12,25,45,90,180],Ul=[0,5,10,20,25,30,40,50,60,70,75,80,90,95,100],Jl=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],R0={padding:On,margin:On,border:E0,radius:On},P0={padding:"p",margin:"m",border:"border",radius:"rounded",stack:"flex",grid:"grid",text:"text",color:"text",transform:"transform",opacity:"opacity"},z0={padding:"P",margin:"M",border:"B",radius:"R",stack:"F",grid:"G",text:"FO",color:"BG",transform:"T",opacity:"O"},H0={padding:"Padding",margin:"Margin",border:"Borders",radius:"Radii",stack:"Flexbox",grid:"Grid",text:"Fonts",color:"Background",transform:"Transform",opacity:"Opacity"},O0={padding:["all","x","y","top","right","bottom","left"],margin:["all","x","y","top","right","bottom","left"],border:["all","top","right","bottom","left","color"],radius:["all","top-left","top-right","bottom-right","bottom-left"],stack:["direction","gap","align","justify"],grid:["gap","rows","columns"],text:["size","weight","line-height","letter-spacing","text-align","color"],color:et,transform:["translate","scale","rotate"],opacity:["opacity","mix-blend"]},Yl={all:"",x:"X",y:"Y",top:"T",right:"R",bottom:"B",left:"L","top-left":"TL","top-right":"TR","bottom-right":"BR","bottom-left":"BL",vertical:"V",horizontal:"H",direction:"D",gap:"G",align:"A",justify:"J",rows:"R",columns:"C",size:"S",weight:"W","line-height":"H","letter-spacing":"L","text-align":"A",color:"C",translate:"T",scale:"S",rotate:"R",opacity:"O","mix-blend":"B"};function rt(e){return et.includes(e)}function xn(e,t){return e==="color"||(e==="text"||e==="border")&&(t==="color"||rt(t))}var _r=e=>encodeURIComponent(e),Xl=e=>`%3Cdefs%3E%3Cfilter id='cursor-shadow' x='-35%25' y='-35%25' width='170%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='.5' stdDeviation='.35' flood-color='black' flood-opacity='.22'/%3E%3CfeDropShadow dx='0' dy='.75' stdDeviation='.65' flood-color='${_r(e)}' flood-opacity='.42'/%3E%3CfeDropShadow dx='0' dy='1.25' stdDeviation='1.1' flood-color='${_r(e)}' flood-opacity='.24'/%3E%3C/filter%3E%3C/defs%3E`;function D0(e="black"){return`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='-3 -3 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E${Xl(e)}%3Cpath filter='url(%23cursor-shadow)' d='M5.19194 14.2778L0.732307 2.01384C0.442115 1.21582 1.21582 0.442116 2.01384 0.732307L14.2778 5.19194C15.7506 5.72748 15.5191 7.87826 13.9661 8.08812L10.298 8.58381C9.40594 8.70436 8.70436 9.40594 8.58381 10.298L8.08812 13.9661C7.87826 15.5191 5.72748 15.7506 5.19194 14.2778Z' fill='${_r(e)}' stroke='white' stroke-width='1.25'/%3E%3C/svg%3E") 4 4, pointer`}function W0(e="black"){return`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='-3 -3 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E${Xl(e)}%3Cpath transform='scale(1.125)' filter='url(%23cursor-shadow)' d='M1 8V2C1 1.44772 1.44772 1 2 1H8C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8Z' fill='${_r(e)}' stroke='white' stroke-width='1.111'/%3E%3C/svg%3E") 4 4, pointer`}function wn(e,t="all"){let n=bt(e,t);return e==="color"||(e==="text"||e==="border")&&xn(e,n)?ni:e==="stack"?n==="direction"?L0:n==="align"?A0:n==="justify"?$0:On:e==="grid"?n==="gap"?On:N0:e==="text"?n==="weight"?Bl:n==="line-height"?Fl:n==="letter-spacing"?Vl:n==="text-align"?Ql:_l:e==="transform"?n==="scale"?Zl:n==="rotate"?ql:T0:e==="opacity"?n==="mix-blend"?Jl:Ul:R0[e]}function Kl(e,t,n="all"){let r=wn(e,n);if(r.includes(t))return t;if(typeof t!="number")return r[0];let o=r.filter(i=>typeof i=="number");return o.length===0?r[0]:o.reduce((i,a)=>Math.abs(a-t)<Math.abs(i-t)?a:i)}function oi(e){return O0[e]}function bt(e,t){if(e==="stack"&&(t==="vertical"||t==="horizontal"))return"direction";if((e==="text"||e==="border")&&rt(t))return t;let n=oi(e);return n.includes(t)?t:n[0]}function j0(e,t){return e==="text"?"size":e==="transform"?"translate":e==="opacity"?"opacity":bt(e,t)}function _0(e,t,n){return e==="family"?"family":(t==="text"||t==="border")&&n==="color"?"variant":"value"}function B0(e,t,n){let r=oi(e),o=(e==="text"||e==="border")&&rt(t)?"color":bt(e,t),i=r.indexOf(o);return r[(i+n+r.length)%r.length]}function F0(e,t){let n=ut.indexOf(e);return ut[(n+t+ut.length)%ut.length]}function V0(e,t,n,r="all"){let o=wn(e,r),i=Kl(e,t,r),a=o.indexOf(i);return o[(a+n+o.length)%o.length]}function Q0(e){return z0[e]}function Br(e){return H0[e]}function Z0(e,t){let n=bt(e,t);return e==="color"||(e==="text"||e==="border")&&rt(n)?n:`${Q0(e)}${Yl[n]}`}function ii(e,t){let n=bt(e,t);return e==="color"||(e==="text"||e==="border")&&rt(n)?n[0].toUpperCase()+n.slice(1):e==="text"?n==="size"?"Size":n==="weight"?"Weight":n==="line-height"?"Leading":n==="letter-spacing"?"Tracking":n==="text-align"?"Align":"Color":e==="border"&&n==="color"?"Color":e==="transform"?n==="translate"?"translate":n:e==="opacity"?n==="mix-blend"?"mix-blend-mode":"opacity":n==="all"?Br(e):Yl[n]}function Dn(e,t){let n=bt(e,t);if(e==="color")return"background-color";if(e==="stack")return n==="direction"?"flex-direction":n==="align"?"align-items":n==="justify"?"justify-content":"gap";if(e==="grid")return n==="rows"?"grid-template-rows":n==="columns"?"grid-template-columns":"gap";if(e==="text")return n==="color"||rt(n)?"color":n==="weight"?"font-weight":n==="line-height"?"line-height":n==="letter-spacing"?"letter-spacing":n==="text-align"?"text-align":"font-size";if(e==="border"&&(n==="color"||rt(n)))return"border-color";if(e==="transform")return n;if(e==="opacity")return n==="mix-blend"?"mix-blend-mode":"opacity";if(e==="radius")return n==="all"?"border-radius":`border-${n}-radius`;let r=e==="border"?"border":e,o=e==="border"?"width":"";return n==="all"?o?`${r}-${o}`:r:(e==="padding"||e==="margin")&&n==="x"?`${r}-left`:(e==="padding"||e==="margin")&&n==="y"?`${r}-top`:o?`${r}-${n}-${o}`:`${r}-${n}`}function Gl(e,t){let n=bt(e,t);return e==="color"?["background-color"]:e==="stack"||e==="grid"?n==="gap"?["row-gap","column-gap"]:[Dn(e,n)]:e==="text"?n==="color"||rt(n)?["color"]:n==="line-height"||n==="letter-spacing"?[Dn(e,n),"font-size"]:[Dn(e,n)]:e==="border"&&(n==="color"||rt(n))?["border-top-color","border-right-color","border-bottom-color","border-left-color"]:e==="transform"||e==="opacity"?[Dn(e,n)]:(e==="padding"||e==="margin")&&n==="x"?[`${e}-left`,`${e}-right`]:(e==="padding"||e==="margin")&&n==="y"?[`${e}-top`,`${e}-bottom`]:n!=="all"?[Dn(e,n)]:e==="radius"?["border-top-left-radius","border-top-right-radius","border-bottom-right-radius","border-bottom-left-radius"]:e==="border"?["border-top-width","border-right-width","border-bottom-width","border-left-width"]:[`${e}-top`,`${e}-right`,`${e}-bottom`,`${e}-left`]}function Ct(e,t){let n=e.trim().toLowerCase();if((t==="stack"||t==="grid")&&n==="normal")return 0;let r=n.split(/[\s/]+/).filter(Boolean);if(r.length===0)return null;let o=r.map(i=>{if(/^0(?:\.0+)?$/.test(i))return 0;let a=i.match(/^(-?\d+(?:\.\d+)?)px$/);return a?Number(a[1]):Number.NaN});return o.some(i=>!Number.isFinite(i))?null:o.every(i=>Math.abs(i-o[0])<.01)?o[0]:null}function dr(e,t,n){let r=n.trim().toLowerCase();if(e==="text"){if(t==="size"){let o=Ct(n,e);return o===null?null:en(_l,i=>Fr[i],o)}if(t==="weight"){if(r==="normal")return 400;if(r==="bold")return 700;let o=Number(r);return Number.isFinite(o)?en(Bl,i=>i,o):null}if(t==="text-align")return r==="start"?"left":r==="end"?"right":Ql.includes(r)?r:null}if(e==="transform"){if(r==="none")return t==="scale"?100:0;if(t==="translate"){let o=Ct(n,e);return o===null?null:en(On,i=>i*4,o)}if(t==="scale"){let o=Number.parseFloat(n)*100;return Number.isFinite(o)?en(Zl,i=>i,o):null}if(t==="rotate"){let o=Number.parseFloat(n);return Number.isFinite(o)?en(ql,i=>i,o):null}}if(e==="opacity"){if(t==="mix-blend")return Jl.includes(r)?r:null;let o=Number.parseFloat(n)*100;return Number.isFinite(o)?en(Ul,i=>i,o):null}if(e!=="stack")return null;if(t==="direction"){if(r==="column"||r==="column-reverse")return"vertical";if(r==="row"||r==="row-reverse")return"horizontal"}if(t==="align"){if(r==="flex-start"||r==="start")return"start";if(r==="center")return"center";if(r==="flex-end"||r==="end")return"end";if(r==="stretch")return"stretch";if(r==="baseline")return"baseline"}if(t==="justify"){if(r==="flex-start"||r==="start")return"start";if(r==="center")return"center";if(r==="flex-end"||r==="end")return"end";if(r==="space-between")return"between";if(r==="space-around")return"around";if(r==="space-evenly")return"evenly"}return null}function q0(e,t,n="all"){let r=bt(e,n);if(e==="color"||(e==="text"||e==="border")&&rt(r)){let l=M0(r,t[0]??"");if(l===null)return null;let d=sr(r,l);return t.every(c=>jl(c,d))?l:null}if(e==="text"){if(r==="line-height"&&(t[0]??"").trim().toLowerCase()==="normal")return"normal";if(r==="line-height"){let l=Ct(t[0]??"",e),d=Ct(t[1]??"",e);return l===null||d===null||d===0?null:en(Fl,c=>Vr[c],l/d)}if(r==="letter-spacing"){let l=(t[0]??"").trim().toLowerCase();if(l==="normal")return"normal";let d=Ct(l,e),c=Ct(t[1]??"",e);return d===null||c===null||c===0?null:en(Vl,u=>Qr[u],d/c)}return dr(e,r,t[0]??"")}if(e==="transform"||e==="opacity"||e==="stack"&&r!=="gap")return dr(e,r,t[0]??"");if(e==="grid"&&r!=="gap"){let l=t[0]?.trim().split(/\s+/).filter(Boolean).length??0;return wn("grid",r).includes(l)?l:null}let o=t.map(l=>Ct(l,e));if(o.length===0||o.some(l=>l===null))return null;let i=o[0];if(!o.every(l=>Math.abs(l-i)<.01))return null;let a=wn(e,r).filter(l=>typeof l=="number");return a.length===0?null:a.reduce((l,d)=>Math.abs(Number.parseFloat(cr(e,d,r))-i)<Math.abs(Number.parseFloat(cr(e,l,r))-i)?d:l)}function U0(e,t,n,r="all"){let o=bt(e,r);if(e==="color"||(e==="text"||e==="border")&&rt(o)){let l=sr(o,t);return n.length>0&&n.every(d=>jl(d,l))}if(e==="text"){if(o==="size"){let l=Ct(n[0]??"",e);return l!==null&&Math.abs(l-Fr[t])<.01}if(o==="weight")return dr(e,o,n[0]??"")===t;if(o==="line-height"){let l=(n[0]??"").trim().toLowerCase();if(l==="normal")return t==="normal";let d=Ct(l,e),c=Ct(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Vr[t])<.01}if(o==="letter-spacing"){let l=(n[0]??"").trim().toLowerCase();if(l==="normal")return t==="normal";let d=Ct(l,e),c=Ct(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Qr[t])<.001}return dr(e,o,n[0]??"")===t}if(e==="transform"||e==="opacity"||e==="stack"&&o!=="gap")return dr(e,o,n[0]??"")===t;if(e==="grid"&&o!=="gap")return(n[0]?.trim().split(/\s+/).filter(Boolean).length??0)===t;if(typeof t!="number")return!1;let i=Number.parseFloat(cr(e,t,o)),a=n.map(l=>Ct(l,e));return a.length>0&&a.every(l=>l!==null&&Math.abs(l-i)<.01)}function J0(e,t,n,r){let o=U0(e,t,Gl(e,n).map(r),n),i=ns(e),a=ts(e,n,t).every(c=>r(c.property).trim()===c.value),l=e==="border"&&!xn(e,n)&&typeof t=="number"&&t>0?es(n):null,d=!l||!["","none"].includes(r(l).trim());return o&&(!i||r("display").trim()===i)&&a&&d}function es(e){let t=bt("border",e);return t==="all"?"border-style":`border-${t}-style`}function Y0(e){return e==="color"?"background-color":e==="border"?"border-top-color":"color"}function ai(e,t,n){let r=bt(e,n);if(e==="color")return`bg-${r}-${t}`;if(e==="stack")return r==="direction"?t==="horizontal"?"flex-row":"flex-col":r==="gap"?`gap-${t}`:r==="align"?`items-${t}`:`justify-${t}`;if(e==="grid")return r==="gap"?`gap-${t}`:`${r==="rows"?"grid-rows":"grid-cols"}-${t}`;if(e==="text")return rt(r)?`text-${r}-${t}`:r==="size"?`text-${t}`:r==="weight"?K0[t]:r==="line-height"?`leading-${t}`:r==="letter-spacing"?`tracking-${t}`:`text-${t}`;if(e==="border"&&rt(r))return`border-${r}-${t}`;if(e==="transform")return`${r}-${t}`;if(e==="opacity")return r==="mix-blend"?`mix-blend-${t}`:`opacity-${t}`;let o=P0[e];if(r==="all")return`${o}-${t}`;let i=r==="top-left"?"tl":r==="top-right"?"tr":r==="bottom-right"?"br":r==="bottom-left"?"bl":r[0];return e==="padding"||e==="margin"?`${o}${i}-${t}`:`${o}-${i}-${t}`}function cr(e,t,n="all"){let r=bt(e,n);if(e==="color"||(e==="text"||e==="border")&&rt(r))return sr(r,t);if(e==="stack"){if(r==="direction")return t==="horizontal"?"row":"column";if(r==="align")return t==="start"?"flex-start":t==="end"?"flex-end":String(t);if(r==="justify")return t==="start"?"flex-start":t==="end"?"flex-end":t==="between"||t==="around"||t==="evenly"?`space-${t}`:String(t)}return e==="grid"&&r!=="gap"?`repeat(${t}, minmax(0, 1fr))`:e==="text"?r==="size"?`${Fr[t]}px`:r==="weight"?String(t):r==="line-height"?String(Vr[t]):r==="letter-spacing"?`${Qr[t]}em`:String(t):e==="transform"?r==="scale"?String(Number(t)/100):r==="rotate"?`${t}deg`:`${Number(t)*4}px ${Number(t)*4}px`:e==="opacity"?String(r==="mix-blend"?t:Number(t)/100):typeof t!="number"?"0px":`${e==="border"?t:t*4}px`}function ts(e,t,n){let r=bt(e,t);return(e==="padding"||e==="margin")&&(r==="x"||r==="y")?[{property:r==="x"?`${e}-right`:`${e}-bottom`,value:cr(e,n??0,r),token:ai(e,n??0,r)}]:[]}function X0(e,t,n){if(t==="text"&&(n==="size"||n==="all"))return String(Fr[e]);if(t==="text"&&n==="line-height"){let r=Vr[e];return String(Number(r.toFixed(1)))}if(t==="text"&&n==="letter-spacing"){let r=Qr[e];return String(Number(r.toFixed(2))).replace(/^(-?)0\./,"$1.")}return typeof e=="number"?String(e):e==="vertical"?"V":e==="horizontal"?"H":e==="start"?"S":e==="center"?"C":e==="end"?"E":e==="stretch"?"ST":e==="baseline"?"BL":e==="between"?"BT":e==="around"?"AR":"EV"}function ns(e){return e==="stack"?"flex":e==="grid"?"grid":null}var Fr={xs:12,sm:14,base:16,lg:18,xl:20,"2xl":24,"3xl":30,"4xl":36},K0={300:"font-light",400:"font-normal",500:"font-medium",600:"font-semibold",700:"font-bold",800:"font-extrabold"},Vr={none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2},Qr={tighter:-.05,tight:-.025,normal:0,wide:.025,wider:.05,widest:.1};function en(e,t,n){return e.reduce((r,o)=>Math.abs(t(o)-n)<Math.abs(t(r)-n)?o:r)}function ur(e,t){return t.selectors??(t.targetBindingId?[]:[e])}function G0(e,t,n){let r=[...new Set(e)];if(r.length!==1)return;let o=n(r[0]);if(!o)return;let i=t.filter(l=>!l.threadId||!l.linkedSelector||l.status==="pending"?!1:n(l.linkedSelector)===o),a=[...new Set(i.map(l=>l.threadId))];if(a.length===1)return{threadId:a[0],targetBindingId:i.find(l=>l.targetBindingId)?.targetBindingId,color:i.find(l=>l.color)?.color,selectorAliases:[...new Set([r[0],...i.map(l=>l.linkedSelector)])]}}function e2(e,t,n,r){let o=[...new Set(e)];return o.length!==1?n:Zr(o[0],t,r)?.color??n}function t2(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Zr(n[0],t);return r?.continuationEligible?r.threadId:void 0}function n2(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Zr(n[0],t);return r?.continuationEligible?r.targetBindingId:void 0}function Zr(e,t,n){for(let[o,i]of t)if(ur(o,i).includes(e))return i;if(!n)return;let r=n(e);if(r){for(let[o,i]of t)if(ur(o,i).some(a=>n(a)===r))return i}}function r2(e,t,n){let r=new Map(e);for(let[o,i]of e)i.threadId===t&&r.set(o,{...i,jobId:n,threadId:t,status:"in_flight",label:void 0});return r}function o2(e,t){let n=new Set;for(let[r,o]of e)if(t.has(o.threadId))for(let i of ur(r,o))n.add(i);return n}function i2(e,t,n,r,o,i){let a=new Set(o);for(let[d,c]of e)if(c.jobId===t)for(let u of ur(d,c))a.add(u);let l=new Map(e);for(let d of a){let c=[...l].find(([f,g])=>ur(f,g).includes(d)),u=c?.[1];if(u&&u.jobId!==t)continue;let p=i??u?.threadId;if(!p)continue;let h=c?.[0]??`job:${t}:${d}`;l.set(h,{...u,jobId:t,threadId:p,status:n,label:r,selectors:u?.selectors??[d]})}return l}function a2(e,t,n){let r=new Map(e);for(let[o,i]of t)n.has(i.jobId)&&r.set(o,i);return r}function l2(e,t,n,r){if(!r)return new Map;let o=new Map;for(let[i,a]of e){if(t.has(a.threadId))continue;let l=n.indexOf(a.threadId);o.set(i,{...a,annotationNumber:a.annotationNumber??(l>=0?l+1:void 0)})}return o}function li(e,t,n){if(t)return e?t.jobId===n?t:void 0:t}var s2=Number.MAX_SAFE_INTEGER;function qr(e){return`${e.pathname??"*"}\0${e.selector}`}function d2(e,t){return`element:${e??"*"}\0${t}`}function si({annotations:e,styleModifications:t,textModifications:n}){let r=new Map,o=0,i=new Map;for(let u of e)u.groupId&&u.linkedSelector&&i.set(u.groupId,{selector:u.linkedSelector,pathname:u.pathname});for(let u of e){let p=u.groupId?i.get(u.groupId):u.linkedSelector?{selector:u.linkedSelector,pathname:u.pathname}:void 0,h=p?d2(p.pathname,p.selector):`annotation:${u.groupId??u.id}`,f=r.get(h);if(f){f.createdAt=Math.min(f.createdAt,u.timestamp),f.annotationIds.push(u.id);continue}r.set(h,{key:h,createdAt:u.timestamp,stableIndex:o++,annotationIds:[u.id]})}let a=u=>{let p=qr(u),h=`element:${p}`,f=u.createdAt??s2,g=r.get(h);if(g){g.createdAt=Math.min(g.createdAt,f),g.modificationKey=p;return}r.set(h,{key:h,createdAt:f,stableIndex:o++,annotationIds:[],modificationKey:p})};t.forEach(a),n.forEach(a);let l=new Map,d=new Map,c=[...r.values()].sort((u,p)=>u.createdAt-p.createdAt||u.stableIndex-p.stableIndex);return c.forEach((u,p)=>{let h=p+1;u.annotationIds.forEach(f=>l.set(f,h)),u.modificationKey&&d.set(u.modificationKey,h)}),{annotationNumberById:l,modificationNumberByKey:d,count:c.length}}function rs({state:e,pageAnnotations:t,pageStyleModifications:n,pageTextModifications:r}){let o=ue(()=>Ar(e.annotations),[e.annotations]),i=ue(()=>si({annotations:t.filter(l=>!o.has(l)),styleModifications:n,textModifications:r}),[t,n,r,o]),a=ue(()=>{let l=new Map,d=c=>{let u=i.modificationNumberByKey.get(qr(c));if(u===void 0)return;let p=l.get(c.selector);(p===void 0||u<p)&&l.set(c.selector,u)};return n.forEach(d),r.forEach(d),l},[n,r,i.modificationNumberByKey]);return{supersededAnnotations:o,stagedArtifactOrder:i,annotationGroupMap:i.annotationNumberById,pageModificationNumberBySelector:a}}async function c2(e,t,n){let r=i=>{e.length&&t({type:"SET_ANNOTATION_STATUS",payload:{ids:e,status:i}})};r("sending");let o=!1;try{return o=await n(),o}catch(i){return console.error("[Popmelt] Failed to prepare submission:",i),!1}finally{o||r("pending")}}var os="devtools-active-text";function u2(e,t,n=[]){let r=new Set(e.filter(o=>(o.status??"pending")==="pending").map(o=>`annotation:${o.groupId||o.id}`));t?.isNew&&!t.domEdit&&(t.text.trim()||t.interactionEpisode?.steps.length)&&r.add(`annotation:${t.groupId||t.id}`);for(let o of n)r.add(`edit:${o}`);return r.size}async function p2(e,t,n){if(e.current)return n;e.current=!0;try{return await t()}finally{e.current=!1}}function f2(e){e.removeItem(os)}function h2(e){return e.key!=="Enter"||!e.metaKey&&!e.ctrlKey?!1:(e.preventDefault(),e.stopPropagation(),!0)}function m2(e){return e?e.originalText!==void 0?e.text!==e.originalText:e.text.trim().length>0||!!e.hasInteractionEpisode:!1}function g2(e){let t=new Map;for(let n of e)n.groupId&&n.threadId&&t.set(n.groupId,n.threadId);return t}function y2(e,t){return e.threadId??(e.groupId?t.get(e.groupId):void 0)}function di(e,t,n=new Set){let r=g2(e);return e.filter(o=>{let i=y2(o,r);return kl(o,t)&&o.status!=="dismissed"&&(!i||!n.has(i))})}function is(e,t,n,r=new Set,o=new Map){let i=new Set;for(let a of di(t,n,r))a.linkedSelector&&i.add(a.linkedSelector);for(let[a,l]of o)if(!r.has(l.threadId))for(let d of l.selectors??[a])i.add(d);return e.filter(a=>a.pathname&&a.pathname!==n?!1:!a.captured||i.has(a.selector)||!!a.durableSelector&&i.has(a.durableSelector))}function b2({state:e,activeText:t,currentPathname:n,dismissedThreadIds:r,modifiedElementThreadStates:o}){let i=ue(()=>di(e.annotations,n,r),[e.annotations,n,r]),a=ue(()=>is(e.styleModifications,e.annotations,n,r,o),[e.annotations,e.styleModifications,n,r,o]),l=ue(()=>is(e.textModifications,e.annotations,n,r,o),[e.annotations,e.textModifications,n,r,o]),d=ue(()=>{let p=new Set,h=f=>!f.captured&&(!f.pathname||f.pathname===n);for(let f of e.styleModifications)h(f)&&!f.awaitingReview&&p.add(`element:${f.selector}`);for(let f of e.textModifications)h(f)&&p.add(`element:${f.selector}`);for(let f of e.domModifications)h(f)&&p.add(`element:${f.selector}`);for(let f of e.spacingTokenChanges)f.captured||p.add(`spacing:${f.tokenPath}`);for(let f of e.spacingTokenMods)f.captured||p.add(`spacing:${f.tokenPath}`);return p},[n,e.domModifications,e.spacingTokenChanges,e.spacingTokenMods,e.styleModifications,e.textModifications]),c=ue(()=>u2(e.annotations,t,d),[e.annotations,t,d]),u=ue(()=>e.annotations.filter(p=>p.type==="text"&&p.text&&(p.status??"pending")==="pending").sort((p,h)=>h.timestamp-p.timestamp),[e.annotations]);return{pageAnnotations:i,pageStyleModifications:a,pageTextModifications:l,pendingBundleCount:c,pendingTextAnnotations:u}}function v2(e,t="host",n){let[r,o]=R(()=>n?.read().selectedId??t),[i,a]=R(null);F(()=>{o(n?.read().selectedId??t),a(null)},[n,t]);let l=oe(u=>{n?.select(u),o(u),a(null)},[n]),d=oe(u=>a(u),[]),c=oe(u=>{a(p=>p===u?null:p)},[]);return F(()=>{let u=()=>a(null);e||u();let p=()=>{document.hidden&&u()};return window.addEventListener("blur",u),document.addEventListener("visibilitychange",p),()=>{window.removeEventListener("blur",u),document.removeEventListener("visibilitychange",p)}},[e]),{selectedId:r,viewedId:e?i??r:r,isPeeking:e&&i!==null&&i!==r,select:l,peek:d,leave:c}}function x2({name:e,isOwnPlane:t,color:n,changed:r}){return v("div",{"data-devtools":"peer-plane-label","data-popmelt-font":"mono",role:"status",title:r?"Source changed beneath staged work. Editing, clearing, commenting or sending acknowledges the affected work; viewing alone does not.":void 0,style:{position:"fixed",bottom:8,left:"50%",transform:"translateX(-50%)",maxWidth:"calc(100vw - 32px)",boxSizing:"border-box",padding:"4px 8px",borderRadius:8,background:n,color:"#fff",fontFamily:dd,fontSize:12,fontWeight:500,lineHeight:"16px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",zIndex:10002},children:[t?"Your plane":`${e}\u2019s plane`,r&&" (source changed)"]})}function w2(e,t=[],n=""){let r=new Map;if(!e)return r;let o=Xo(e,t,n),i=Ar(o.annotations),a=o.annotations.filter(d=>!i.has(d)),l=si({...o,annotations:a});for(let d of a){let c=l.annotationNumberById.get(d.id);d.threadId&&c!==void 0&&!r.has(d.threadId)&&r.set(d.threadId,c)}for(let d of o.styleModifications){let c=d.awaitingReview?.threadId,u=l.modificationNumberByKey.get(qr(d));c&&u!==void 0&&!r.has(c)&&r.set(c,u)}return r}function C2(e,t){let n=new Set;for(let r of e){if(r.type!=="done"&&r.type!=="error")continue;let o=String(r.data.jobId??"");o&&n.add(o)}return t&&n.add(t),n}function k2(e,t,n){let r=new Set(t);return e.filter(o=>!r.has(o)&&!n.has(o))}function S2(e,t,n,r,o){if(!e)return null;let i=a=>!o.has(a)&&(t[a]?.threadId===e||r[a]===e);return n.find(i)??Object.keys(t).find(i)??null}function I2(e,t){return new Set(e.filter(n=>n.lastMessageRole==="human"&&!t.has(n.id)).map(n=>n.id))}function M2(e){return new Set(e.flatMap(t=>t.acknowledgedJobIds??[]))}function T2(e){return new Set(e.filter(t=>!t.pendingQuestion).map(t=>t.id))}function E2(e,t){return t?e.some(n=>n.jobId===t&&(n.role==="assistant"||!!n.error||!!n.cancelled)&&!n.queued):!0}function ci(e,t){let n=`${t||"/"}:`;return e.startsWith(n)?e.slice(n.length)||null:e.startsWith("/")?null:e}function L2(e,t,n){let r=new Map,o=new Map;for(let i of e)if((i.targetBindings?.length??0)===0)for(let a of i.elementIdentifiers??[]){let l=ci(a,t);l&&o.set(l,(o.get(l)??0)+1)}for(let i of e){if(!i.lifecycle?.jobId)continue;let a={...i.lifecycle,jobId:i.lifecycle.jobId,color:i.color,title:i.title,annotationNumber:i.annotationNumber};if((i.targetBindings?.length??0)>0){for(let l of i.targetBindings??[]){if(l.anchor.type==="opaque"){let c=n?.(l.anchor);if(!c?.length)continue;r.set(l.id,{...a,targetBindingId:l.id,selectors:c,continuationEligible:l.continuationEligible??!1});continue}if(l.anchor.pathname!==t)continue;let d=[l.anchor.runtimeSelector,l.anchor.structuralSelector,...l.anchor.legacySelectors??[]].filter(c=>!!c);r.set(l.id,{...a,targetBindingId:l.id,selectors:d,continuationEligible:l.continuationEligible??!1,...l.anchor.targetFingerprint?{targetFingerprint:l.anchor.targetFingerprint}:{}})}continue}for(let l of i.elementIdentifiers??[]){let d=ci(l,t);d&&![...r.values()].some(c=>c.selectors?.includes(d))&&r.set(`legacy:${i.lifecycle.threadId}:${d}`,{...a,selectors:[d],continuationEligible:(i.elementIdentifiers?.length??0)===1&&o.get(d)===1})}}return r}function A2(e){return(e.type==="inspect"||e.type==="style"||e.type==="comment"||e.type==="attention")&&e.selector?{selector:e.selector,plane:e.type==="inspect"?e.plane??"own":"own",activity:e.type==="attention"?e.activity??"looking":e.type==="inspect"?"looking":"working"}:null}function $2(e){let t=e.replace(/^\uFEFF/,"").trim().replace(/^<\?xml[\s\S]*?\?>\s*/i,"").replace(/^(?:<!--[\s\S]*?-->\s*)+/i,"").replace(/^<!doctype\s+svg[\s\S]*?>\s*/i,"");return/^<svg(?:\s|>)[\s\S]*<\/svg>\s*$/i.test(t)}function N2(e){return $2(e)?{blob:new Blob([e],{type:"image/svg+xml"}),kind:"svg",name:"figma-selection.svg"}:e.length>=8192?{blob:new Blob([e],{type:"text/plain"}),kind:"text",name:"pasted-context.txt"}:null}function R2(e){return e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function as(e){return`${e} image${e>1?"s":""} attached`}function ui(e){return e<=0?0:32+String(e).length*7.2}function ls({imageCount:e,color:t,layered:n=!1}){return e<=0?null:v("div",{"data-devtools":"active-image-attachment-badge",role:"img","aria-label":as(e),title:as(e),style:{position:"relative",flex:"0 0 auto",display:"flex",marginRight:-2,zIndex:2},children:[s("span",{"aria-hidden":!0,style:{position:"absolute",left:-4,top:"50%",width:14.142,height:14.142,transform:"translateY(-50%)",display:"grid",placeItems:"center",pointerEvents:"none",maskImage:n?Cr:void 0,WebkitMaskImage:n?Cr:void 0},children:s("span",{style:{width:10,height:10,background:t,transform:"rotate(-45deg)"}})}),v("span",{style:{position:"relative",display:"flex",alignItems:"center",gap:4,height:22,padding:n?"0 8px 0 10px":"0 8px",borderRadius:8,backgroundColor:t,color:"#fff",font:`12px/1.2 ${St}`,whiteSpace:"nowrap",maskImage:n?mo:void 0,WebkitMaskImage:n?mo:void 0},children:[s(Vd,{size:12,strokeWidth:2,"aria-hidden":!0}),e]})]})}function P2({point:e,scroll:t,attachments:n,showAttachments:r,onRemoveAttachment:o}){return s(Me,{children:r&&n.length>0&&s("div",{"data-devtools":!0,style:{position:"fixed",left:e.x-8-t.x,top:e.y-4-t.y-24,zIndex:10001,display:"flex",gap:4,flexWrap:"wrap",maxWidth:400},children:n.map(i=>v("button",{type:"button",title:"Remove attachment",onMouseDown:a=>a.preventDefault(),onClick:()=>o(i.id),style:{appearance:"none",border:0,borderRadius:8,background:"rgba(0,0,0,0.72)",color:"#fff",cursor:"pointer",font:"11px/16px system-ui, sans-serif",padding:"2px 7px",whiteSpace:"nowrap"},children:[i.name," \xB7 ",R2(i.size)," \xD7"]},i.id))})})}function z2(e){return[...e.tokens.map(t=>t.label),`${e.typed}${e.completion||e.fallback}`].filter(Boolean).join(" ")}function H2({query:e,border:t,background:n,foreground:r,renderIcon:o}){return v("span",{"aria-hidden":"true","data-popmelt-sticker-query":!0,style:{position:"absolute",left:"50%",top:44,minWidth:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",gap:4,padding:"0 10px",boxSizing:"border-box",border:`1px solid ${t}`,borderRadius:12,background:n,color:r,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transform:"translateX(-50%)",zIndex:4},children:[e.tokens.map((i,a)=>i.kind==="icon"?s("span",{"aria-label":i.label,"data-popmelt-sticker-query-token":"icon",style:{display:"inline-flex",color:r,flexShrink:0},children:o(i)},`${i.label}-${a}`):s("span",{"data-popmelt-sticker-query-token":"label",style:{color:r,opacity:.72},children:i.label},`${i.label}-${a}`)),e.typed?s("span",{children:e.typed}):v("span",{style:{display:"inline-flex",alignItems:"center",gap:0,color:r,opacity:.58,fontWeight:500},children:[s("span",{"data-popmelt-sticker-query-caret":!0,style:{width:1,height:11,flexShrink:0,background:r,animation:"popmeltStickerQueryCaret 900ms steps(1, end) infinite"}}),s("span",{children:e.fallback})]}),e.completion&&s("span",{style:{color:r,opacity:.62},children:e.completion}),e.fallback&&e.typed&&v("span",{style:{color:r,opacity:.68},children:["\u2192 ",e.fallback]})]})}var Cn=106,tn=42,nn=24,pi=7.5,ss=10,O2=140,fi=750,Ur=250,ds=200,D2=34,hi=44,cs=(tn-nn)/2,W2=hi+nn,us=10,Wn=8,$e=32,ps=$e+8,fs=(ps-$e)/2,$t=250,hs=400,ms="cubic-bezier(0.16, 1, 0.3, 1)",gs=180,j2=[0,180,240,300],_2=40,B2=80,F2=8;function ys(e,t,n=tn,r=_2,o=Cn){let i=e.left+o,a=e.top+n,l=Math.min(i,t.right)-Math.max(e.left,t.left),d=Math.min(a,t.bottom)-Math.max(e.top,t.top);if(l<=0||d<=0)return 1;let c=Math.min(l,d);return Math.max(0,1-c/r)}function bs(e,t,n,r=tn,o=B2,i=F2,a=Cn){let l=Math.min(Math.max(e.x,n.left),n.right),d=Math.min(Math.max(e.y,n.top),n.bottom),c={x:l-e.x,y:d-e.y},u=Math.hypot(c.x,c.y);if(u===0)return 0;let p={x:c.x/u,y:c.y/u},h=[{x:t.left,y:t.top},{x:t.left+a,y:t.top},{x:t.left,y:t.top+r},{x:t.left+a,y:t.top+r}],f=Math.max(0,...h.map(y=>(y.x-e.x)*p.x+(y.y-e.y)*p.y)),g=Math.max(o,f+i);return Math.min(1,u/g)}function V2(e,t=pi){return e===null?nn:Math.max(39,18+t*2+Math.ceil(e))}function Q2(e,t,n){if(e==="stack"&&t==="align"){if(n==="start")return"align-start";if(n==="center")return"align-center";if(n==="end")return"align-end";if(n==="stretch")return"align-stretch";if(n==="baseline")return"align-baseline"}if(e==="stack"&&t==="justify"){if(n==="start")return"justify-start";if(n==="center")return"justify-center";if(n==="end")return"justify-end";if(n==="between")return"justify-between";if(n==="around")return"justify-around";if(n==="evenly")return"justify-evenly"}if(e==="text"&&t==="text-align"){if(n==="left")return"text-align-left";if(n==="center")return"text-align-center";if(n==="right")return"text-align-right";if(n==="justify")return"text-align-justify"}return null}var Z2={padding:"padding",margin:"margin",border:"border",radius:"radius",stack:"stack-vertical",grid:"grid",text:"text-size",color:"palette",transform:"transform-translate",opacity:"opacity"},q2={top:0,right:90,bottom:180,left:270},U2={"top-right":0,"bottom-right":90,"bottom-left":180,"top-left":270};function J2(e,t="all",n){return xn(e,t)?{name:"palette",rotation:0}:e==="stack"?t==="horizontal"?{name:"stack-horizontal",rotation:90}:t==="align"?{name:"align",rotation:0}:t==="justify"?{name:"justify",rotation:0}:{name:"stack-vertical",rotation:0}:e==="grid"?{name:t==="rows"?"grid-rows":t==="columns"?"grid-columns":"grid",rotation:90}:e==="text"?{name:t==="weight"?"text-weight":t==="line-height"?"text-leading":t==="letter-spacing"?"text-tracking":t==="text-align"?"text-align":"text-size",rotation:0}:e==="transform"?{name:t==="scale"?"transform-scale":t==="rotate"?"transform-rotate":"transform-translate",rotation:0}:e==="opacity"?{name:t==="mix-blend"?"mix-blend":"opacity",rotation:0}:t==="all"?{name:Z2[e],rotation:0}:e==="radius"?{name:"radius-top-right",rotation:U2[t]??0}:{name:e==="padding"?t==="x"?"padding-x":t==="y"?"padding-y":"padding-top":e==="margin"?t==="x"?"margin-x":t==="y"?"margin-y":"margin-top":"border-top",rotation:(e==="border"?90:0)+(q2[t]??0)}}function Y2({name:e}){switch(e){case"padding":return s("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V9C1.625 9.871 2.194 10.375 2.667 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V3C10.375 2.129 9.806 1.625 9.333 1.625H2.667ZM7.375 3A0.625 0.625 0 0 1 7.375 4.25H4.625A0.625 0.625 0 0 1 4.625 3H7.375Z",fill:"currentColor"});case"padding-top":return s("path",{d:"M9.333 1.375C10.701 1.375 11.625 2.662 11.625 4V10A0.625 0.625 0 0 1 10.375 10V4C10.375 3.129 9.806 2.625 9.333 2.625H2.667C2.194 2.625 1.625 3.129 1.625 4V10A0.625 0.625 0 0 1 0.375 10V4C0.375 2.662 1.299 1.375 2.667 1.375H9.333ZM7.375 5A0.625 0.625 0 0 1 7.375 6.25H4.625A0.625 0.625 0 0 1 4.625 5H7.375Z",fill:"currentColor"});case"padding-x":return s("path",{d:"M2.75 0.375C3.095 0.375 3.375 0.655 3.375 1S3.095 1.625 2.75 1.625C2.344 1.625 2.073 1.759 1.904 1.929C1.733 2.101 1.625 2.354 1.625 2.667V9.333C1.625 9.646 1.733 9.899 1.904 10.071C2.073 10.241 2.344 10.375 2.75 10.375C3.095 10.375 3.375 10.655 3.375 11S3.095 11.625 2.75 11.625C2.052 11.625 1.448 11.386 1.018 10.952C0.59 10.522 0.375 9.941 0.375 9.333V2.667C0.375 2.059 0.59 1.478 1.018 1.048C1.448 0.614 2.052 0.375 2.75 0.375ZM9.25 0.375C9.948 0.375 10.552 0.614 10.982 1.048C11.41 1.478 11.625 2.059 11.625 2.667V9.333C11.625 9.941 11.41 10.522 10.982 10.952C10.552 11.386 9.948 11.625 9.25 11.625C8.905 11.625 8.625 11.345 8.625 11S8.905 10.375 9.25 10.375C9.656 10.375 9.927 10.241 10.096 10.071C10.267 9.899 10.375 9.646 10.375 9.333V2.667C10.375 2.354 10.267 2.101 10.096 1.929C9.927 1.759 9.656 1.625 9.25 1.625C8.905 1.625 8.625 1.345 8.625 1S8.905 0.375 9.25 0.375ZM8.079 5.25C8.424 5.25 8.704 5.53 8.704 5.875S8.424 6.5 8.079 6.5H3.921C3.576 6.5 3.296 6.22 3.296 5.875S3.576 5.25 3.921 5.25H8.079Z",fill:"currentColor"});case"padding-y":return s("path",{d:"M11.625 2.75C11.625 3.095 11.346 3.375 11 3.375S10.375 3.095 10.375 2.75C10.375 2.344 10.241 2.073 10.072 1.904C9.899 1.733 9.646 1.625 9.333 1.625H2.667C2.355 1.625 2.102 1.733 1.929 1.904C1.759 2.073 1.625 2.344 1.625 2.75C1.625 3.095 1.346 3.375 1 3.375S0.375 3.095 0.375 2.75C0.375 2.052 0.615 1.448 1.048 1.018C1.479 0.59 2.06 0.375 2.667 0.375H9.333C9.941 0.375 10.522 0.59 10.953 1.018C11.386 1.448 11.625 2.052 11.625 2.75ZM11.625 9.25C11.625 9.948 11.386 10.552 10.953 10.982C10.522 11.41 9.941 11.625 9.333 11.625H2.667C2.06 11.625 1.479 11.41 1.048 10.982C0.615 10.552 0.375 9.948 0.375 9.25C0.375 8.905 0.655 8.625 1 8.625S1.625 8.905 1.625 9.25C1.625 9.656 1.759 9.927 1.929 10.096C2.102 10.267 2.355 10.375 2.667 10.375H9.333C9.646 10.375 9.899 10.267 10.072 10.096C10.241 9.927 10.375 9.656 10.375 9.25C10.375 8.905 10.655 8.625 11 8.625S11.625 8.905 11.625 9.25ZM6.75 8.079C6.75 8.424 6.471 8.704 6.125 8.704S5.5 8.424 5.5 8.079V3.921C5.5 3.576 5.78 3.296 6.125 3.296S6.75 3.576 6.75 3.921V8.079Z",fill:"currentColor"});case"margin":return s("path",{d:"M9.333 4.525C10.701 4.525 11.625 5.812 11.625 7.15V8.15C11.625 9.488 10.701 10.775 9.333 10.775H2.667C1.299 10.775 0.375 9.488 0.375 8.15V7.15C0.375 5.812 1.299 4.525 2.667 4.525H9.333ZM2.667 5.775C2.194 5.775 1.625 6.279 1.625 7.15V8.15C1.625 9.021 2.194 9.525 2.667 9.525H9.333C9.806 9.525 10.375 9.021 10.375 8.15V7.15C10.375 6.279 9.806 5.775 9.333 5.775H2.667ZM8.375 1.2A0.625 0.625 0 0 1 8.375 2.45H3.625A0.625 0.625 0 0 1 3.625 1.2H8.375Z",fill:"currentColor"});case"margin-top":return s("path",{d:"M9.333 4.575C10.701 4.575 11.625 5.862 11.625 7.2V10.2A0.625 0.625 0 0 1 10.375 10.2V7.2C10.375 6.329 9.806 5.825 9.333 5.825H2.667C2.194 5.825 1.625 6.329 1.625 7.2V10.2A0.625 0.625 0 0 1 0.375 10.2V7.2C0.375 5.862 1.299 4.575 2.667 4.575H9.333ZM8.375 1.25A0.625 0.625 0 0 1 8.375 2.5H3.625A0.625 0.625 0 0 1 3.625 1.25H8.375Z",fill:"currentColor"});case"margin-x":return s("path",{d:"M11.277 2.902C11.622 2.902 11.902 3.182 11.902 3.527V8.277C11.902 8.622 11.622 8.902 11.277 8.902S10.652 8.622 10.652 8.277V3.527C10.652 3.182 10.931 2.902 11.277 2.902ZM0.724 2.901C1.069 2.901 1.349 3.181 1.349 3.526V8.276C1.349 8.621 1.069 8.901 0.724 8.901S0.099 8.621 0.099 8.276V3.527C0.099 3.182 0.379 2.901 0.724 2.901ZM7.333 3.325C8.643 3.325 9.543 4.506 9.617 5.781C9.62 5.805 9.625 5.829 9.625 5.853L9.622 5.901L9.625 5.95C9.625 5.974 9.62 5.998 9.617 6.021C9.544 7.297 8.643 8.478 7.333 8.478H4.667C3.357 8.478 2.456 7.297 2.382 6.021C2.379 5.998 2.375 5.974 2.375 5.95L2.377 5.901L2.375 5.853C2.375 5.829 2.379 5.805 2.382 5.781C2.456 4.506 3.358 3.325 4.667 3.325H7.333ZM4.667 4.575C4.203 4.575 3.647 5.06 3.626 5.901C3.647 6.742 4.203 7.228 4.667 7.228H7.333C7.798 7.228 8.352 6.742 8.372 5.901C8.351 5.06 7.798 4.575 7.333 4.575H4.667Z",fill:"currentColor"});case"margin-y":return s("path",{d:"M8.375 10.001C8.72 10.001 9 10.281 9 10.626S8.72 11.251 8.375 11.251H3.625C3.28 11.251 3 10.971 3 10.626S3.28 10.001 3.625 10.001H8.375ZM9.333 3.325C10.642 3.325 11.543 4.506 11.617 5.781C11.62 5.805 11.625 5.829 11.625 5.853L11.622 5.901L11.625 5.95C11.625 5.974 11.619 5.998 11.617 6.021C11.543 7.297 10.643 8.478 9.333 8.478H2.667C1.357 8.478 0.455 7.297 0.381 6.021C0.379 5.998 0.375 5.974 0.375 5.95L0.377 5.901L0.375 5.853C0.375 5.829 0.379 5.805 0.381 5.781C0.456 4.506 1.357 3.325 2.667 3.325H9.333ZM2.667 4.575C2.202 4.575 1.648 5.061 1.627 5.901C1.647 6.742 2.202 7.228 2.667 7.228H9.333C9.797 7.228 10.352 6.742 10.373 5.901C10.352 5.06 9.797 4.575 9.333 4.575H2.667ZM8.376 0.751C8.721 0.751 9.001 1.031 9.001 1.376S8.72 2.001 8.376 2.001H3.626C3.28 2.001 3.001 1.72 3.001 1.375S3.281 0.751 3.626 0.751H8.376Z",fill:"currentColor"});case"border":return s(Me,{children:s("path",{d:"M4 1.25H8M4 10.75H8M1.25 8V4M10.75 8V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"radius":return s(Me,{children:s("path",{d:"M3.25 1.25C2.145 1.25 1.25 2.145 1.25 3.25M10.75 3.25C10.75 2.145 9.855 1.25 8.75 1.25M3.25 10.75C2.145 10.75 1.25 9.855 1.25 8.75M10.75 8.75C10.75 9.855 9.855 10.75 8.75 10.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"gap-x":return v(Me,{children:[s("path",{d:"M6.625 9.375A0.625 0.625 0 0 1 5.375 9.375V2.625A0.625 0.625 0 0 1 6.625 2.625V9.375Z",fill:"currentColor"}),s("circle",{cx:"1.252",cy:"1.248",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),s("circle",{cx:"1.252",cy:"6",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),s("circle",{cx:"1.252",cy:"10.752",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"})]});case"gap-y":return v(Me,{children:[s("path",{d:"M9.375 5.375A0.625 0.625 0 0 1 9.375 6.625H2.625A0.625 0.625 0 0 1 2.625 5.375H9.375Z",fill:"currentColor"}),s("circle",{cx:"1.248",cy:"10.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"1.248",cy:"1.252",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6",cy:"10.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6",cy:"1.252",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.752",cy:"10.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.752",cy:"1.252",r:"0.748",fill:"currentColor"})]});case"border-top":return v(Me,{children:[s("path",{d:"M3.25 0.5A0.75 0.75 0 0 1 3.25 2C2.56 2 2 2.56 2 3.25V8.75C2 9.44 2.56 10 3.25 10A0.75 0.75 0 0 1 3.25 11.5C1.731 11.5 0.5 10.269 0.5 8.75V3.25C0.5 1.731 1.731 0.5 3.25 0.5Z",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6.625",cy:"10.752",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6.625",cy:"1.248",r:"0.748",fill:"currentColor"})]});case"radius-top-right":return v(Me,{children:[s("path",{d:"M8.25 1.25H8.75A2 2 0 0 1 10.75 3.25V3.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),s("circle",{cx:"9.748",cy:"9.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"2.248",cy:"9.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"2.248",cy:"2.248",r:"0.748",fill:"currentColor"})]});case"stack-vertical":case"stack-horizontal":return s("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM1.625 6.625V9C1.625 9.871 2.194 10.375 2.667 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V6.625H1.625ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H10.375V3C10.375 2.129 9.806 1.625 9.333 1.625H2.667Z",fill:"currentColor"});case"align":return v(Me,{children:[s("path",{d:"M1 2H11M2.5 5.25H9.5M4 8.5H8",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("path",{d:"M6 0.75V10.75",stroke:"currentColor",strokeWidth:"0.75",strokeDasharray:"1 2"})]});case"justify":return v(Me,{children:[s("path",{d:"M1 1.5V10.5M11 1.5V10.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("path",{d:"M3 3H9M3 6H9M3 9H9",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})]});case"grid":return s("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM6.625 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V6.625H6.625V10.375ZM1.625 9C1.625 9.871 2.194 10.375 2.667 10.375H5.375V6.625H1.625V9ZM6.625 5.375H10.375V3C10.375 2.129 9.806 1.625 9.333 1.625H6.625V5.375ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H5.375V1.625H2.667Z",fill:"currentColor"});case"grid-rows":return s("path",{d:"M4.512 0.385C5.781 0.491 6.625 1.721 6.625 3V9C6.625 10.279 5.78 11.508 4.511 11.614C4.477 11.62 4.443 11.625 4.408 11.625H2.666C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H4.409C4.444 0.375 4.478 0.379 4.512 0.385ZM10.748 10.004C11.161 10.004 11.497 10.339 11.497 10.752C11.497 11.165 11.161 11.5 10.748 11.5C10.335 11.5 10 11.165 10 10.752C10 10.339 10.335 10.004 10.748 10.004ZM1.625 9C1.625 9.871 2.193 10.375 2.666 10.375H4.333C4.806 10.375 5.375 9.871 5.375 9V6.625H1.625V9ZM10.748 5.252C11.161 5.252 11.497 5.587 11.497 6C11.497 6.413 11.161 6.748 10.748 6.748C10.335 6.748 10 6.413 10 6C10 5.587 10.335 5.252 10.748 5.252ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H5.375V3C5.375 2.129 4.806 1.625 4.333 1.625H2.667ZM10.748 0.5C11.161 0.5 11.497 0.835 11.497 1.248C11.497 1.661 11.161 1.997 10.748 1.997C10.335 1.997 10 1.661 10 1.248C10 0.835 10.335 0.5 10.748 0.5Z",fill:"currentColor"});case"grid-columns":return s("path",{d:"M0.321 7.424C0.427 6.155 1.657 5.311 2.936 5.311H8.936C10.215 5.311 11.444 6.156 11.55 7.425C11.556 7.458 11.561 7.493 11.561 7.528V9.27C11.56 10.637 10.274 11.561 8.936 11.561H2.936C1.598 11.561 0.311 10.636 0.311 9.269V7.527C0.311 7.492 0.315 7.458 0.321 7.424ZM9.94 1.188C9.94 0.775 10.275 0.439 10.688 0.439C11.101 0.439 11.437 0.774 11.437 1.188C11.437 1.601 11.101 1.936 10.688 1.936C10.275 1.936 9.94 1.601 9.94 1.188ZM8.936 10.311C9.806 10.311 10.31 9.743 10.311 9.27V7.603C10.311 7.129 9.807 6.561 8.936 6.561H6.561V10.311H8.936ZM5.188 1.188C5.188 0.775 5.523 0.439 5.936 0.439C6.349 0.439 6.685 0.774 6.685 1.188C6.685 1.601 6.349 1.936 5.936 1.936C5.523 1.936 5.188 1.601 5.188 1.188ZM1.561 9.269C1.561 9.742 2.065 10.311 2.936 10.311H5.311V6.561H2.936C2.065 6.561 1.561 7.129 1.561 7.603V9.269ZM0.436 1.188C0.436 0.774 0.772 0.439 1.185 0.439C1.598 0.439 1.933 0.775 1.933 1.188C1.933 1.601 1.598 1.936 1.185 1.936C0.772 1.936 0.436 1.601 0.436 1.188Z",fill:"currentColor"})}}function pr({family:e,size:t=12,step:n,subproperty:r="all"}){let o=J2(e,r),i=o.name==="text-size"?sc:o.name==="text-weight"?dc:o.name==="text-leading"?cc:o.name==="text-tracking"?uc:o.name==="text-align"?ba:o.name==="palette"?va:o.name==="transform-translate"?pc:o.name==="transform-scale"?fc:o.name==="transform-rotate"?hc:o.name==="opacity"?mc:o.name==="mix-blend"?gc:null;return i?s(i,{"aria-hidden":"true","data-popmelt-sticker-icon":`${e}-${r}`,width:t,height:t,strokeWidth:2.5,style:{display:"block",transform:o.rotation?`rotate(${o.rotation}deg)`:void 0,transition:`width ${$t}ms ease, height ${$t}ms ease`}}):s("svg",{"aria-hidden":"true","data-popmelt-sticker-icon":`${e}-${r}`,viewBox:"0 0 12 12",fill:"none",style:{width:t,height:t,display:"block",transform:o.rotation?`rotate(${o.rotation}deg)`:void 0,transition:`width ${$t}ms ease, height ${$t}ms ease`},children:s(Y2,{name:o.name})})}function X2(e,t){let n=(ut.indexOf(e)+t%ut.length+ut.length)%ut.length;return ut[n]}function K2(e,t){let n=ut.indexOf(e),r=(ut.indexOf(t)-n+ut.length)%ut.length;return r<=ut.length/2?r:r-ut.length}function G2(e,t,n,r="all"){let o=wn(e,r),i=(o.indexOf(t)+n%o.length+o.length)%o.length;return o[i]}function ef(e,t,n,r="all"){let o=wn(e,r),i=o.indexOf(t),a=(o.indexOf(n)-i+o.length)%o.length;return a<=o.length/2?a:a-o.length}function mi({offset:e,colors:t,renderItem:n,showControl:r=!0,activeColor:o,snapActiveColor:i=!1}){let a=[e-2,e-1,e,e+1,e+2];return v("div",{style:{position:"relative",width:96,height:32,overflow:"hidden"},children:[r&&s("span",{"aria-hidden":"true",style:{position:"absolute",left:$e,top:0,width:$e,height:$e,borderRadius:$e/2,background:t.control}}),s("div",{"data-popmelt-sticker-rail":!0,style:{position:"absolute",inset:0,transform:`translateX(${-e*$e}px)`,transition:`transform ${$t}ms ease`,willChange:"transform"},children:a.map(l=>{let d=l===e;return s("span",{style:{position:"absolute",left:$e+l*$e,top:0,width:$e,height:$e,display:"flex",alignItems:"center",justifyContent:"center",color:d?o??t.primary:t.mutedStrong,transition:i?"none":`color ${hs}ms ${ms}`},children:n(l,d)},l)})})]})}function tf({family:e,colors:t,showControl:n=!0,activeColor:r,snapActiveColor:o}){let i=$(e),a=$(e),[l,d]=R(0);return qe(()=>{if(a.current===e)return;let c=K2(a.current,e);a.current=e,d(u=>u+c)},[e]),s(mi,{offset:l,colors:t,showControl:n,activeColor:r,snapActiveColor:o,renderItem:(c,u)=>{let p=X2(i.current,c);return s(pr,{family:p,subproperty:"all",size:u?14:12})}})}function nf({color:e,colors:t,showControl:n=!0}){let r=$(e),o=$(e),[i,a]=R(0);return qe(()=>{if(o.current===e)return;let l=S0(o.current,e);o.current=e,a(d=>d+l)},[e]),s(mi,{offset:i,colors:t,showControl:n,renderItem:(l,d)=>{let c=k0(r.current,l),u=d?14:12;return s("span",{"aria-label":c,"data-popmelt-sticker-color":c,style:{width:u,height:u,borderRadius:"50%",background:sr(c,ri),boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 0.08)",transition:`width ${$t}ms ease, height ${$t}ms ease`}})}})}function rf({name:e,size:t}){let n=e==="align-start"?xc:e==="align-center"?wc:e==="align-end"?Cc:e==="align-stretch"?kc:e==="justify-start"?Sc:e==="justify-center"?Ic:e==="justify-end"?Mc:e==="justify-between"?Tc:e==="justify-around"?Ec:e==="text-align-left"?ba:e==="text-align-center"?Lc:e==="text-align-right"?Ac:e==="text-align-justify"?$c:null;return n?s(n,{"aria-hidden":"true","data-popmelt-sticker-step-icon":e,width:t,height:t,strokeWidth:2.25,style:{display:"block"}}):s("svg",{"aria-hidden":"true","data-popmelt-sticker-step-icon":e,width:t,height:t,viewBox:"0 0 14 14",fill:"none",style:{display:"block"},children:e==="align-baseline"?v(Me,{children:[s("path",{d:"M1.5 10.5H12.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("path",{d:"M3 8V4.75M3 4.75H6.5M6.5 4.75V8M8.5 8V6M8.5 6H11M11 6V8",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]}):v(Me,{children:[s("path",{d:"M1.5 2V12M12.5 2V12",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("rect",{x:"3.25",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),s("rect",{x:"8.75",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),s("circle",{cx:"7",cy:"7",r:"0.75",fill:"currentColor"})]})})}function of({family:e,step:t,subproperty:n,colors:r,showControl:o=!0,unavailable:i=!1,activeColor:a,snapActiveColor:l=!1}){let d=$(t),c=$(t),[u,p]=R(0);return F(()=>{if(c.current===t)return;let h=ef(e,c.current,t,n);c.current=t,p(f=>f+h)},[e,t,n]),s(mi,{offset:u,colors:r,showControl:o,activeColor:a??(i?r.muted:r.primary),snapActiveColor:l,renderItem:(h,f)=>{let g=G2(e,d.current,h,n),y=Q2(e,n,g);return s("span",{"data-popmelt-sticker-step-unavailable":f&&i?"true":void 0,style:{alignItems:"center",display:"flex",fontSize:f?14:12,justifyContent:"center",transition:`font-size ${$t}ms ease`},children:y?s(rf,{name:y,size:f?14:12}):X0(g,e,n)})}})}function af(e,t="padding",n="all"){return xn(t,n)?e==="family"?{family:0,variant:-$e,value:-$e*2}:e==="variant"?{family:$e,variant:0,value:-$e}:{family:$e*2,variant:$e,value:0}:e==="family"?{family:0,variant:-$e*2,value:-$e}:{family:$e,variant:-$e,value:0}}function lf(e){return e==="family"?0:hi-cs}function vs(e){return e==="family"?$e/nn:1}function sf(e){return e==="family"?14/(12*vs(e)):1}function df(e,t,n){return`${e}:${t}:${n}`}function cf(e,t,n="all"){return t==="value"||xn(e,n)&&t==="variant"}function uf(e,t){let n=Br(e),r=ii(e,t);return r===n?n:`${n} ${r}`}function pf(e,t,n){return rt(n)?e==="color"?t!=="family":(e==="text"||e==="border")&&t==="value":!1}function ff({family:e,step:t,subproperty:n,stage:r,accentColor:o,applyPulse:i=0,snapPulse:a=0,stepUnavailable:l=!1,colors:d}){let c=af(r,e,n),u=$(r),p=$(i),h=$(a),[f,g]=R(!1),y=h.current!==a;qe(()=>{h.current=a},[a]),qe(()=>{let k=u.current!==r&&r!=="family",w=r==="value"&&p.current!==i;if(u.current=r,p.current=i,!k&&!w)return;g(!0);let E=window.requestAnimationFrame(()=>g(!1));return()=>window.cancelAnimationFrame(E)},[i,r]);let C=k=>({position:"absolute",left:0,right:0,top:fs,height:$e,transform:`translateY(${k}px)`,transition:y?"none":`transform ${$t}ms ease`,willChange:"transform"});return v("div",{"data-popmelt-sticker-depth-rail":r,style:{position:"relative",width:96,height:ps,marginBlock:-4,overflow:"hidden",zIndex:2},children:[s("span",{"aria-hidden":"true","data-popmelt-sticker-depth-control":!0,style:{position:"absolute",left:$e,top:fs,width:$e,height:$e,borderRadius:$e/2,background:f?o:d.control,transition:f?"none":`background ${hs}ms ${ms}`}}),s("div",{"aria-hidden":r!=="family","data-popmelt-sticker-depth-row":"family",style:C(c.family),children:s(tf,{family:e,colors:d,showControl:!1,activeColor:f?d.surface:d.primary,snapActiveColor:f})}),s("div",{"aria-hidden":r!=="variant","data-popmelt-sticker-depth-row":"variant",style:C(c.variant),children:xn(e,n)&&rt(n)&&s(nf,{color:n,colors:d,showControl:!1})}),s("div",{"aria-hidden":r!=="value","data-popmelt-sticker-depth-row":"value",style:C(c.value),children:s(of,{family:e,step:t,subproperty:n,colors:d,showControl:!1,unavailable:l,activeColor:f?d.surface:void 0,snapActiveColor:f},df(r,e,n))})]})}function xs(e,t,n=tn,r=Cn){let o=e.x+us,i=e.y+us;return{left:Math.min(Math.max(Wn,o),Math.max(Wn,t.width-r-Wn)),top:Math.min(Math.max(Wn,i),Math.max(Wn,t.height-n-Wn))}}function ws(e,t,n){return n?0:Math.min(e,t)}function hf({cursor:e,family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a=0,contextLabelPulse:l=0,depthSnapPulse:d=0,rejectPulse:c=0,stepUnavailable:u=!1,query:p=null,toolbarElement:h,threadElement:f,annotationRailHovered:g=!1}){let[y]=ho(),C=Ie[y],k=`color-mix(in srgb, ${C.actionForeground} 16%, ${C.actionSurface})`,w=Z0(t,r),E=$(t),M=$(o),S=$(r),T=$(o),N=$(a),H=$(l),P=$(c),L=$(null),j=$(!1),Z=$(!1),ae=$(0),pe=$(0),le=$(0),J=$(0),[ye,G]=R(null),[be,Ee]=R(!1),[X,xe]=R(!1),[A,I]=R(!1),[W,_]=R(null),[O,ee]=R(!1),[we,te]=R(0),[Je,q]=R(!1),[He,re]=R(!1);qe(()=>{if(P.current===c)return;P.current=c,re(!1);let We=window.requestAnimationFrame(()=>re(!0)),Pe=window.setTimeout(()=>re(!1),240);return()=>{window.cancelAnimationFrame(We),window.clearTimeout(Pe)}},[c]),qe(()=>{let We=T.current!==o&&o!=="family",Pe=o==="value"&&N.current!==a;if(T.current=o,N.current=a,!We&&!Pe)return;q(!0);let Vt=window.requestAnimationFrame(()=>q(!1));return()=>window.cancelAnimationFrame(Vt)},[a,o]),qe(()=>{let We=M.current!=="family"&&o==="family";M.current=o;let Pe=(Nt=!1)=>{ae.current&&window.cancelAnimationFrame(ae.current),Nt||window.clearTimeout(pe.current),window.clearTimeout(le.current),window.clearTimeout(J.current),ae.current=0,Nt||(pe.current=0),le.current=0,J.current=0},Vt=Nt=>{let Ae=ds;le.current=window.setTimeout(()=>{xe(Nt),Z.current=!1,Ee(!1)},fi),J.current=window.setTimeout(()=>{j.current=!1,G(null)},fi+Ae+D2)};if(o!=="family"){if(Pe(),E.current=t,!j.current)return;xe(!0),Z.current=!1,Ee(!1),J.current=window.setTimeout(()=>{j.current=!1,G(null)},Ur);return}if(!(E.current===t&&!We)){if(E.current=t,j.current=!0,G(t),We){Pe(),xe(!1),I(!0),Z.current=!0,Ee(!0),pe.current=window.setTimeout(()=>{pe.current=0,I(!1)},Ur),Vt(!1);return}pe.current||(Pe(!0),I(!1),xe(!1),Z.current||(Z.current=!0,Ee(!0)),Vt(!1))}},[t,o]),F(()=>()=>{window.cancelAnimationFrame(ae.current),window.clearTimeout(pe.current),window.clearTimeout(le.current),window.clearTimeout(J.current)},[]),F(()=>{let We=H.current!==l;if(H.current=l,!cf(t,o,r)){_(null),ee(!1),S.current=r;return}if(E.current!==t){S.current=r,_(null),ee(!1);return}if(S.current===r&&!We)return;S.current=r,ee(We),_(We?uf(t,r):ii(t,r));let Pe=window.setTimeout(()=>{_(null),ee(!1)},fi);return()=>window.clearTimeout(Pe)},[l,t,o,r]),qe(()=>{if(!W||!L.current){te(0);return}te(L.current.scrollWidth)},[W]);let Le=V2(W?we:null,O?ss:pi),me=O?ss:pi,Ce=W?0:O2,fe=p||o!=="family"||ye?W2:tn,st=ue(()=>xs(e,{width:typeof window>"u"?Cn:window.innerWidth,height:typeof window>"u"?tn:window.innerHeight},fe),[fe,e]),Mt=h?ys(st,h.getBoundingClientRect(),fe):1,Ht=f?bs(e,st,f.getBoundingClientRect(),fe):1,ge=ws(Mt,Ht,g),Ne={position:"fixed",left:st.left,top:st.top,width:Cn,height:tn,display:"flex",alignItems:"center",justifyContent:"center",gap:1,boxSizing:"border-box",padding:4,border:`1px solid ${C.border}`,borderRadius:22,background:C.surface,color:C.primary,fontFamily:St,fontSize:12,fontWeight:600,lineHeight:1,pointerEvents:"none",overflow:"visible",opacity:ge,transform:`scale(${ge})`,transformOrigin:`${e.x-st.left}px ${e.y-st.top}px`,visibility:ge===0?"hidden":"visible",animation:He?"popmeltStickerReject 220ms ease-out":void 0,zIndex:2147483647,colorScheme:y},dt=p?z2(p):"";return v("div",{role:"status","aria-label":p?`Sticker search: ${dt||"search tokens"}`:`Sticker ${o}: ${o==="family"?t:o==="variant"?w:`${n} ${w}`}`,"data-popmelt-sticker-hud":!0,"aria-hidden":g||void 0,style:Ne,children:[s("style",{children:`@keyframes popmeltStickerReject {
|
|
255
|
+
`).map((x,z)=>s("p",{style:{margin:0,marginTop:z>0?8:0},children:x},z))}),B==="provider"?v("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[v("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[s("span",{style:{color:"#6b7280",fontSize:11},children:"Model"}),s(Jo,{value:String(g),options:k.map((x,z)=>({value:String(z),label:x.label})),onChange:x=>E?.(Number(x)),disabled:!E||k.length===0})]}),Ei.length>0&&v("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[s("span",{style:{color:"#6b7280",fontSize:11},children:"Thinking"}),s(Jo,{value:w.reasoningEffort??"",onChange:x=>M?.({...w,reasoningEffort:x||void 0}),disabled:!M,options:[{value:"",label:"Inherit"},...Ei.map(x=>({value:x.effort,label:`${x.effort.charAt(0).toUpperCase()}${x.effort.slice(1)}${x.effort===oo?.defaultReasoningLevel?" (model default)":""}`}))]})]}),Li.length>0&&v("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[s("span",{style:{color:"#6b7280",fontSize:11},children:"Speed"}),s(Jo,{value:w.serviceTier??"",onChange:x=>M?.({...w,serviceTier:x||void 0}),disabled:!M,options:[{value:"",label:"Inherit"},{value:"default",label:"Standard"},...Li.map(x=>({value:x.id,label:x.label}))]})]})]}):m.usage.map((x,z)=>v("div",{style:{display:"flex",gap:6,marginBottom:3,lineHeight:1.4},children:[s("span",{style:{color:"#9ca3af",flexShrink:0},children:"\u2013"}),s("span",{children:x})]},z)),B==="collapse"&&Je&&v("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:10,paddingTop:8},children:[s("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:6,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Position"}),s("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:3,width:"fit-content"},children:nu.map(x=>{let z=x===te;return s("button",{type:"button",onClick:()=>{se(null),Lt.current=!1,ct(),Je(x)},title:x,style:{width:24,height:16,border:"none",cursor:"pointer",padding:0,backgroundColor:z?"#1f2937":"rgba(0,0,0,0.08)",transition:"background-color 100ms ease"},onMouseEnter:ie=>{z||(ie.currentTarget.style.backgroundColor="rgba(0,0,0,0.15)")},onMouseLeave:ie=>{z||(ie.currentTarget.style.backgroundColor="rgba(0,0,0,0.08)")}},x)})})]}),B==="collapse"&&(()=>{let x=Object.entries(le??{}),z=x.filter(([,U])=>U.found&&!U.disabled).map(([U])=>U.charAt(0).toUpperCase()+U.slice(1)),ie=x.filter(([,U])=>!U.found).map(([U])=>U);if(!J&&!j&&z.length===0&&ie.length===0)return null;let D=ie.map(U=>U.charAt(0).toUpperCase()+U.slice(1)),Y=[...z,...D];return v("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:10,paddingTop:8,display:"flex",alignItems:"center",gap:6,fontSize:11},children:[(j||J)&&s("button",{type:"button",onClick:()=>{Jt||(j?j():Vi(J))},disabled:Jt,title:uo,"aria-label":rd??"Restart bridge",style:{display:"flex",alignItems:"center",justifyContent:"center",width:22,height:22,border:"none",borderRadius:0,backgroundColor:Jn||A!=="idle"?"rgba(0,0,0,0.07)":"rgba(0,0,0,0.04)",color:nd,cursor:Jt?"default":"pointer",padding:0,opacity:Jt?.55:1,flexShrink:0},children:A==="ok"?s(Gn,{size:14,strokeWidth:1.8}):s(Io,{size:13,strokeWidth:1.7,style:{animation:A==="restarting"?"spin 0.8s linear infinite":void 0}})}),z.length>0?v("span",{style:{color:"#6b7280"},children:["Available in ",Y.join(", ")]}):ie.length>0?v("span",{style:{color:"#6b7280"},children:["Available in ",D.join(", ")]}):null]})})(),m.keys.length>1&&s("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8,display:"flex",flexDirection:"column",gap:4},children:m.keys.slice(1).map((x,z)=>v("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:x.accent?"#fff":"#6b7280"},children:[s("code",{style:{fontSize:10,backgroundColor:x.accent?t.activeColor:"rgba(0,0,0,0.06)",color:x.accent?"#fff":void 0,padding:"1px 4px",whiteSpace:"nowrap"},children:x.key}),s("span",{style:{color:x.accent?t.activeColor:void 0,fontWeight:x.accent?600:void 0},children:x.desc})]},z))}),B==="counter"&&Ke.length>0&&(()=>{let x=s("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:s("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Active"})}),z=new Map;for(let Y of Ke){let U=Y.pathname||At;z.has(U)||z.set(U,[]),z.get(U).push(Y)}let ie=[...z.entries()],D=ie.length>1;return v("div",{children:[x,s("div",{style:{maxHeight:200,overflowY:"auto"},children:ie.map(([Y,U])=>s("div",{style:{marginBottom:D?4:0},children:U.map(ve=>{let nt=ve.annotations.find(Ge=>Ge.type==="text"&&Ge.text)?.text||`[${ve.annotations[0]?.type??"annotation"}]`,ce=t.selectedAnnotationIds.includes(ve.id),at=Ke.indexOf(ve)+1,gt=ve.annotations[0]?.color??t.activeColor;return v("div",{onClick:()=>{if(L?.({groupId:ve.id,annotationIds:ve.annotations.map(Ge=>Ge.id)}),!(!ve.pathname||ve.pathname===At)){sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:ve.id,pathname:ve.pathname})),window.location.href=ve.pathname;return}if(n({type:"SELECT_ANNOTATION",payload:{id:ve.id}}),T){let Ge=ve.annotations.find(ft=>ft.threadId)?.threadId;Ge&&T(Ge)}Lt.current=!1,se(null)},style:{display:"flex",alignItems:"baseline",gap:4,padding:"2px 0",cursor:"pointer"},onMouseEnter:Ge=>{let ft=Ge.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor=gt,ft.style.color="#fff")},onMouseLeave:Ge=>{if(ce)return;let ft=Ge.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor="rgba(0,0,0,0.06)",ft.style.color="#6b7280")},children:[v("code",{"data-route-badge":!0,style:{fontSize:10,color:ce?"#fff":"#6b7280",backgroundColor:ce?gt:"rgba(0,0,0,0.06)",padding:"1px 4px",flexShrink:0,whiteSpace:"nowrap"},children:[at,". ",D?Y:""]}),s("span",{style:{fontSize:11,color:ce?"#1f2937":"#6b7280",fontWeight:ce?600:400,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:nt})]},ve.id)})},Y))})]})})(),B==="counter"&&(()=>{let x=new Set(Ke.flatMap(D=>D.annotations.map(Y=>Y.threadId).filter(Boolean))),z=Zs.filter(D=>!x.has(D.id));if(z.length===0)return null;let ie=D=>{let Y=Math.floor((Date.now()-D)/1e3);if(Y<60)return"now";let U=Math.floor(Y/60);if(U<60)return`${U}m`;let ve=Math.floor(U/60);return ve<24?`${ve}h`:`${Math.floor(ve/24)}d`};return v("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:[s("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Recent"}),z.map(D=>v("div",{onClick:()=>{let Y=D.elementIdentifiers[0];if(Y){let U=Y.indexOf(":"),ve=U>0&&Y[0]==="/",nt=ve?Y.slice(0,U):void 0,ce=ve?Y.slice(U+1):Y;if(!(!nt||nt===At)){sessionStorage.setItem("popmelt-pending-thread",JSON.stringify({threadId:D.id,selector:ce,preview:D.preview})),window.location.href=nt;return}try{let at=document.querySelector(ce);if(at){let gt=at.getBoundingClientRect(),Ge=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:Ge,point:{x:gt.left+gt.width,y:gt.top},text:D.preview,linkedSelector:ce,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[Ge],threadId:D.id}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[Ge],status:"resolved"}})}}catch{}}T&&T(D.id),Lt.current=!1,se(null)},style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",gap:8,padding:"2px 0",cursor:"pointer",color:"#6b7280",fontSize:11},onMouseEnter:Y=>{Y.currentTarget.style.color="#1f2937"},onMouseLeave:Y=>{Y.currentTarget.style.color="#6b7280"},children:[s("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:D.preview}),s("span",{style:{flexShrink:0,fontSize:10,color:"#9ca3af"},children:ie(D.createdAt)})]},D.id))]})})()]})})(),v(Eo,{toolbarRef:we,theme:Pe,expanded:!0,width:td,snapPosition:te,viewport:ge,"data-popmelt-theme-preference":Nt,style:{zIndex:Fe?10004:9999},onMouseEnter:()=>{_?.(),O?.("toolbar",!0)},onMouseLeave:()=>O?.("toolbar",!1),onPointerLeave:m=>{kt(m.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&he(De)},onMouseMove:Us,children:[v("div",{ref:kn,onMouseEnter:()=>{O?.("tool-trigger",!0),K("tool-menu")},onMouseLeave:()=>{O?.("tool-trigger",!1),ae||he("tool-menu")},style:{position:"relative",width:46,height:32,flexShrink:0},children:[s(su,{theme:Pe,icon:s(od,{size:16,strokeWidth:1.75}),primaryLabel:cn.type==="inspector"?"Cycle annotations":cn.label,primaryCursor:cn.type==="inspector"&&Ke.length>0,dotColor:cn.type==="inspector"&&co?co.annotations[0]?.color??t.activeColor:void 0,menuOpen:Te,onPrimary:()=>{cn.type==="inspector"&&(qt(),_i())},onMenu:()=>{Te?qt():Qs()}}),ee!=="job-stack"&&Fe&&s("div",{style:{position:"absolute",...id?{top:"100%",paddingTop:12}:{bottom:"100%",paddingBottom:12},right:ld,width:ad,boxSizing:"content-box",background:"transparent",zIndex:10003,pointerEvents:"auto"},children:s("div",{role:"menu","data-popmelt-font":"sans",style:{width:"100%",padding:4,border:`1px solid ${Ae.border}`,borderRadius:20,background:Ae.surface,boxSizing:"border-box",fontFamily:Ml,opacity:Te?1:0,pointerEvents:"auto",transition:Te||ae?"none":`opacity ${It}ms ease`},children:po.map(({type:m,label:x,shortcut:z,Icon:ie})=>{let D=m===cn.type,Y=D||on===m;return v("button",{"data-popmelt-tool-menu-item":!0,type:"button",role:"menuitemradio","aria-checked":D,onClick:()=>{io(m),qt()},onMouseEnter:U=>{an(m),U.currentTarget.style.color=Ae.primary},onMouseLeave:U=>{an(null),U.currentTarget.style.color=D?Ae.primary:Ae.mutedStrong},style:{width:"100%",height:D?32:30,display:"flex",alignItems:"center",gap:D?8:6,padding:"0 10px",border:0,borderRadius:16,background:D?Ae.control:"transparent",color:D?Ae.primary:Ae.mutedStrong,cursor:"pointer",fontFamily:Ml,fontSize:14,textAlign:"left",transition:"background-color 120ms ease, color 120ms ease"},children:[s(ie,{size:14,strokeWidth:1.75}),s("span",{children:x}),s("code",{"aria-hidden":"true",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:18,height:18,marginLeft:"auto",boxSizing:"border-box",borderRadius:6,background:Y?`color-mix(in srgb, ${Ae.control} 60%, ${Ae.muted} 40%)`:Ae.control,color:Y?Ae.primary:Ae.mutedStrong,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:500,lineHeight:1,transition:"background-color 120ms ease, color 120ms ease"},children:z})]},m)})})})]}),q&&(q.peers.length>0||!!q.admissionRequests?.length)&&v("div",{ref:ht,"data-devtools":"peer-controls",style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},onPointerEnter:()=>{(De?.startsWith("peer:")||De?.startsWith("admission:"))&&ne(De)},onPointerLeave:m=>{kt(m.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&he(De)},children:[s(wu,{...q,theme:Pe,detailsPeerId:Ve,detailsId:Re,onDetailsEnter:m=>{ct(),ne(`peer:${m}`)},onDetailsLeave:(m,x)=>{kt(x)||he(`peer:${m}`)},onDetailsDismiss:m=>V(`peer:${m}`)}),!!q.admissionRequests?.length&&s("ul",{"aria-label":"Pending peers","data-devtools":"admission-chip-stack",style:{display:"flex",alignItems:"center",isolation:"isolate",flexShrink:0,margin:0,padding:0,listStyle:"none"},children:q.admissionRequests.map((m,x,z)=>s("li",{style:{display:"flex",position:"relative",zIndex:z.length-x,marginRight:x===z.length-1?0:-4.5},children:s(Lu,{request:m,selected:_e===m.id,dimmed:de!==null&&de!==m.id&&z.some(ie=>ie.id===de),onHoverChange:ie=>Qe(D=>ie?m.id:D===m.id?null:D),detailsId:Re,theme:Pe,onDetailsEnter:()=>{ct(),ne(`admission:${m.id}`)},onDetailsLeave:ie=>{kt(ie)||he(`admission:${m.id}`)},onDetailsDismiss:()=>V(`admission:${m.id}`),onClick:()=>{ne(`admission:${m.id}`),Dt(!1)}})},m.id))})]}),v("div",{className:"legacy-toolbar-controls",style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[(Ke.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(m=>!m.captured).length>0)&&(()=>{let m=co,x=t.annotations.length>0&&t.annotations.every(D=>D.status&&D.status!=="pending"),z=En!==null?m?.annotations.some(D=>D.status&&D.status!=="pending")??!1:x,ie=Yt(lo);return s("span",{onMouseEnter:()=>ro("counter"),onMouseLeave:vr,children:s("button",{ref:Hi,type:"button",onClick:()=>{if(xr.current){xr.current=!1;return}_i()},onMouseDown:Gs,onMouseUp:Di,onMouseLeave:Di,title:"",style:{display:"flex",alignItems:"center",justifyContent:"center",gap:4,minWidth:20,height:20,padding:"0 8px",marginRight:4,border:"none",borderRadius:0,background:z&&En===null?"#999999":ie,cursor:"pointer",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:11,fontWeight:600,color:"#ffffff",transition:"background 150ms ease"},children:(()=>{let D=Ke.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(U=>!U.captured).length;if(En!==null)return v(Me,{children:[En+1,v("span",{style:{opacity:.4,display:"flex",gap:4},children:[s("span",{children:"/"}),s("span",{children:D})]})]});let Y=ed.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(U=>!U.captured).length;return D>Y?v(Me,{children:[Y,v("span",{style:{opacity:.4,display:"flex",gap:4},children:[s("span",{children:"/"}),s("span",{children:D})]})]}):D})()})})})(),(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&s("span",{onMouseEnter:()=>ro("clear"),onMouseLeave:vr,children:s(xl,{siblingActive:t.isAnnotating,onClick:ao,title:"Clear all (\u2318\u232B)",children:s(Fd,{size:17,strokeWidth:1.5})})}),h&&v(Me,{children:[s("div",{style:{width:1,height:20,backgroundColor:"rgba(0, 0, 0, 0.05)",margin:"0 2px"}}),s("span",{onMouseEnter:()=>ro("provider"),onMouseLeave:vr,style:{display:"contents"},children:v("div",{style:{display:"flex",alignItems:"center",gap:0},children:[s(xl,{onClick:()=>h(Ys),children:s(ar,{provider:p})}),v("button",{type:"button",onClick:()=>{let m=(g+1)%y;E?.(m)},style:{display:"flex",alignItems:"center",gap:6,height:32,border:"none",background:"none",cursor:"pointer",padding:"0 4px 0 0",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:500,color:Bt.iconDefault,whiteSpace:"nowrap"},children:[s("span",{children:C}),s("span",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:Xs.map(m=>s("div",{style:{width:m.overflow?2:3,height:m.overflow?2:3,borderRadius:"50%",backgroundColor:m.active?Bt.iconDefault:"rgba(0,0,0,0.2)",opacity:m.overflow?.65:1,transition:"background-color 150ms ease, opacity 150ms ease"}},m.key))})]})]})})]}),s("div",{ref:Fi,style:{display:"inline-flex",cursor:"pointer"},children:s(Lo,{expanded:!0,active:!!l,color:Bi,onSettlingChange:Mt,onClick:Ks,onFocus:()=>{O?.("popmelt-trigger",!0),c?.(!0),ne("popmelt-guide")},onBlur:m=>{let x=m.relatedTarget;x instanceof Node&&Ze.current?.contains(x)||(O?.("popmelt-trigger",!1),c?.(!1),he("popmelt-guide"))}})})]})]})]},"expanded-toolbar-surfaces")]}):s($a,{theme:Pe,snapPosition:te,viewport:ge,toolbarRef:we,"data-popmelt-theme-preference":Nt,active:!!l,busy:Ht,color:Bi,onSettlingChange:Mt,onMouseEnter:_,onCrosshairHover:c,onOpen:()=>{dt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})}})}var Tl=Sr(null),u1=()=>()=>{},El=()=>null;function Yo(){return Math.random().toString(36).substring(2,9)}function Dr(e){return e.status?e:e.captured?{...e,status:"in_flight"}:{...e,status:"pending"}}function Ue(e){return{...e,undoStack:[...e.undoStack,{annotations:e.annotations,styleModifications:e.styleModifications,textModifications:e.textModifications,domModifications:e.domModifications,spacingTokenChanges:e.spacingTokenChanges,spacingTokenMods:e.spacingTokenMods}],redoStack:[]}}function p1(e,t){return{...e,isAnnotating:t}}function f1(e,t){return{...e,activeTool:t}}function h1(e,t){return{...e,activeColor:t}}function m1(e,t){return{...e,strokeWidth:t}}function g1(e,t){let n={id:t.id??Yo(),type:"text",points:[t.point],text:t.text,fontSize:t.fontSize||12,color:e.activeColor,strokeWidth:e.strokeWidth,timestamp:Date.now(),status:"pending",pathname:typeof window<"u"?window.location.pathname:"/",groupId:t.groupId,linkedSelector:t.linkedSelector,target:t.target,linkedAnchor:t.linkedAnchor,elements:t.elements,...t.imageCount?{imageCount:t.imageCount}:{},...t.attachments?.length?{attachments:t.attachments}:{},...t.interactionEpisode?{interactionEpisode:t.interactionEpisode}:{}};return{...t.groupId?e:Ue(e),annotations:[...e.annotations,n]}}function y1(e,t){return{...Ue(e),annotations:e.annotations.map(n=>n.id===t.id?{...n,text:t.text,...t.imageCount!=null?{imageCount:t.imageCount}:{},...t.attachments?{attachments:t.attachments}:{},...t.interactionEpisode?{interactionEpisode:t.interactionEpisode}:{}}:n)}}function b1(e,t){return{...e,annotations:e.annotations.map(n=>n.id===t.id?{...n,fontSize:Math.max(12,Math.min(72,t.fontSize))}:n)}}function v1(e,t){return{...Ue(e),annotations:e.annotations.map(n=>{if(n.id!==t.id)return n;let r=n.interactionEpisode?.frames?.length??0,{interactionEpisode:o,...i}=n;if(r===0)return i;let a=Math.max(0,(n.imageCount??0)-r);if(a===0){let{imageCount:l,...d}=i;return d}return{...i,imageCount:a}})}}function x1(e,t){let n=Ue(e),r=e.annotations.find(i=>i.id===t.id)?.groupId,o=new Set(e.annotations.filter(i=>i.id===t.id||r&&i.groupId===r).map(i=>i.id));return{...n,annotations:e.annotations.filter(i=>i.id!==t.id&&!(r&&i.groupId===r)),selectedAnnotationIds:e.selectedAnnotationIds.filter(i=>!o.has(i)),lastSelectedId:e.lastSelectedId&&o.has(e.lastSelectedId)?null:e.lastSelectedId}}function w1(e,t){let n=t.saveUndo?Ue(e):e,r=e.annotations.find(o=>o.id===t.id)?.groupId;return{...n,annotations:e.annotations.map(o=>{if(!(o.id===t.id||r&&o.groupId===r))return o;let i=t.delta.x,a=t.delta.y;return{...o,points:o.points.map(l=>({x:l.x+i,y:l.y+a}))}})}}function C1(e,t){let n=t.saveUndo?Ue(e):e,r=e.annotations.find(a=>a.id===t.id);if(!r||r.type==="text"||r.points.length<2)return e;let o=0,i=0;if(r.type==="rectangle"&&r.groupId){let a=t.points,l=Math.min(a[0].x,a[1].x),d=Math.max(a[0].y,a[1].y),c=r.points[0],u=r.points[r.points.length-1],p=Math.min(c.x,u.x),h=Math.max(c.y,u.y);o=l-p,i=d-h}return{...n,annotations:e.annotations.map(a=>a.id===t.id?{...a,points:t.points}:r.groupId&&a.groupId===r.groupId&&a.type==="text"?{...a,points:a.points.map(l=>({x:l.x+o,y:l.y+i}))}:a)}}function k1(e,t){return{...Ue(e),annotations:[...e.annotations,...t.annotations.map(Dr)]}}function S1(e,t){let n=new Set,r=[];for(let o of t.annotations)n.has(o.id)||(n.add(o.id),r.push(Dr(o)));return{...e,annotations:r}}function I1(e,t){let n=new Map(e.annotations.map(o=>[o.id,o])),r=t.annotations.map(o=>{let i=Dr(o),a=n.get(i.id);return!a||!i.linkedSelector||a.linkedSelector!==i.linkedSelector?i:{...i,points:a.points,linkedAnchor:a.linkedAnchor}});return{...e,annotations:r}}function M1(e,t){let n=new Set(e.annotations.map(o=>o.id)),r=t.annotations.filter(o=>!n.has(o.id)).map(Dr);return r.length>0?{...e,annotations:[...e.annotations,...r]}:e}function T1(e){if(e.undoStack.length===0)return e;let t=e.undoStack[e.undoStack.length-1];return{...e,annotations:t?.annotations||[],styleModifications:t?.styleModifications||[],textModifications:t?.textModifications||[],domModifications:t?.domModifications||[],spacingTokenChanges:t?.spacingTokenChanges||[],spacingTokenMods:t?.spacingTokenMods||[],undoStack:e.undoStack.slice(0,-1),redoStack:[...e.redoStack,{annotations:e.annotations,styleModifications:e.styleModifications,textModifications:e.textModifications,domModifications:e.domModifications,spacingTokenChanges:e.spacingTokenChanges,spacingTokenMods:e.spacingTokenMods}]}}function E1(e){if(e.redoStack.length===0)return e;let t=e.redoStack[e.redoStack.length-1];return{...e,annotations:t?.annotations||[],styleModifications:t?.styleModifications||[],textModifications:t?.textModifications||[],domModifications:t?.domModifications||[],spacingTokenChanges:t?.spacingTokenChanges||[],spacingTokenMods:t?.spacingTokenMods||[],redoStack:e.redoStack.slice(0,-1),undoStack:[...e.undoStack,{annotations:e.annotations,styleModifications:e.styleModifications,textModifications:e.textModifications,domModifications:e.domModifications,spacingTokenChanges:e.spacingTokenChanges,spacingTokenMods:e.spacingTokenMods}]}}function L1(e,t){let{id:n,addToSelection:r}=t;if(n===null)return{...e,selectedAnnotationIds:[],lastSelectedId:null};if(r)if(e.selectedAnnotationIds.includes(n)){let o=e.selectedAnnotationIds.filter(i=>i!==n);return{...e,selectedAnnotationIds:o,lastSelectedId:o.length>0?o[o.length-1]:null}}else return{...e,selectedAnnotationIds:[...e.selectedAnnotationIds,n],lastSelectedId:n};return{...e,selectedAnnotationIds:[n],lastSelectedId:n}}function A1(e,t){let n=e.annotations.find(o=>o.id===t.id)?.groupId,r=new Set;for(let o of e.selectedAnnotationIds){let i=e.annotations.find(a=>a.id===o);i?.groupId&&r.add(i.groupId)}return{...e,annotations:e.annotations.map(o=>o.id===t.id||e.selectedAnnotationIds.includes(o.id)||o.groupId&&(o.groupId===n||r.has(o.groupId))?{...o,color:t.color}:o)}}function $1(e,t){let n=typeof window<"u"?window.location.pathname:"/",r=t?new Set(t):void 0;return{...e,annotations:e.annotations.map(o=>r&&!r.has(o.id)?o:{...o,captured:!0,status:o.status==="pending"||o.status==="sending"||!o.status?"in_flight":o.status}),styleModifications:e.styleModifications.map(o=>!o.pathname||o.pathname===n?{...o,captured:!0}:o),textModifications:e.textModifications.map(o=>!o.pathname||o.pathname===n?{...o,captured:!0}:o),domModifications:e.domModifications.map(o=>!o.pathname||o.pathname===n?{...o,captured:!0}:o),spacingTokenChanges:e.spacingTokenChanges.map(o=>({...o,captured:!0})),spacingTokenMods:e.spacingTokenMods.map(o=>({...o,captured:!0}))}}function N1(e){return e.annotations.some(t=>(t.status??"pending")==="pending")||e.styleModifications.some(t=>!t.captured)||e.textModifications.some(t=>!t.captured)||e.domModifications.some(t=>!t.captured)||e.spacingTokenChanges.some(t=>!t.captured)||e.spacingTokenMods.some(t=>!t.captured)?{...Ue(e),annotations:e.annotations.filter(t=>(t.status??"pending")!=="pending"),styleModifications:e.styleModifications.filter(t=>t.captured),textModifications:e.textModifications.filter(t=>t.captured),domModifications:e.domModifications.filter(t=>t.captured),spacingTokenChanges:e.spacingTokenChanges.filter(t=>t.captured),spacingTokenMods:e.spacingTokenMods.filter(t=>t.captured),selectedAnnotationIds:[],lastSelectedId:null}:e}function R1(e){return{...e,annotations:[],undoStack:[],redoStack:[],selectedAnnotationIds:[],lastSelectedId:null,textModifications:[],domModifications:[],spacingTokenChanges:[],spacingTokenMods:[]}}function P1(e,t){let{selector:n,element:r,property:o,original:i,modified:a}=t,l=typeof window<"u"?window.location.pathname:"/",d=e.styleModifications.findIndex(c=>c.selector===n&&(!c.pathname||c.pathname===l));if(i===a&&d<0)return e;if(d>=0){let c=e.styleModifications[d];if(c.captured){let g=Ue(e),y=g.styleModifications.map((C,k)=>k===d?{...C,changes:[{property:o,original:i,modified:a}],createdAt:C.createdAt??Date.now(),captured:!1,pathname:l}:C);return{...g,styleModifications:y}}let u=c.changes.findIndex(g=>g.property===o),p,h=e;if(u>=0){let g=c.changes[u];a===g.original?p=c.changes.filter((y,C)=>C!==u):p=c.changes.map((y,C)=>C===u?{...y,modified:a}:y)}else{if(i===a)return e;h=Ue(e),p=[...c.changes,{property:o,original:i,modified:a}]}if(p.length===0)return{...h,styleModifications:h.styleModifications.filter((g,y)=>y!==d)};let f=h.styleModifications.map((g,y)=>y===d?{...g,changes:p,createdAt:g.createdAt??Date.now()}:g);return{...h,styleModifications:f}}else{let c=Ue(e),u={selector:n,element:r,changes:[{property:o,original:i,modified:a}],createdAt:Date.now(),pathname:l};return{...c,styleModifications:[...c.styleModifications,u]}}}function z1(e,t){let{selector:n,durableSelector:r,element:o,changes:i}=t,a=typeof window<"u"?window.location.pathname:"/",l=i.filter(u=>u.original!==u.modified);if(l.length===0)return e;let d=Ue(e),c=d.styleModifications.findIndex(u=>u.selector===n&&(!u.pathname||u.pathname===a));if(c>=0){let u=d.styleModifications[c],p=u.captured?[]:[...u.changes];for(let h of l){let f=p.findIndex(g=>g.property===h.property);f>=0?h.modified===p[f].original?p=p.filter((g,y)=>y!==f):p=p.map((g,y)=>y===f?{...g,modified:h.modified,token:h.token,sticker:h.sticker}:g):p.push(h)}return p.length===0?{...d,styleModifications:d.styleModifications.filter((h,f)=>f!==c)}:{...d,styleModifications:d.styleModifications.map((h,f)=>f===c?{...h,changes:p,createdAt:h.createdAt??Date.now(),captured:!1,pathname:a}:h)}}else return{...d,styleModifications:[...d.styleModifications,{selector:n,durableSelector:r,element:o,changes:l,createdAt:Date.now(),pathname:a}]}}function H1(e,t){let{selector:n,property:r}=t,o=typeof window<"u"?window.location.pathname:"/",i=Ue(e),a=i.styleModifications.map(l=>l.selector!==n||l.pathname&&l.pathname!==o?l:{...l,changes:l.changes.filter(d=>d.property!==r)}).filter(l=>l.changes.length>0);return{...i,styleModifications:a}}function O1(e,t){let{selector:n,sticker:r}=t,o=typeof window<"u"?window.location.pathname:"/";if(!e.styleModifications.find(l=>l.selector===n&&(!l.pathname||l.pathname===o)&&!l.captured&&l.changes.some(d=>d.sticker?.family===r.family&&d.sticker.subproperty===r.subproperty)))return e;let i=Ue(e),a=i.styleModifications.map(l=>l.selector!==n||l.pathname&&l.pathname!==o||l.captured?l:{...l,changes:l.changes.filter(d=>d.sticker?.family!==r.family||d.sticker.subproperty!==r.subproperty)}).filter(l=>l.changes.length>0);return{...i,styleModifications:a}}function D1(e){return e.styleModifications.length===0?e:{...Ue(e),styleModifications:[]}}function j1(e,t){let n=new Set(t.selectors);if(n.size===0)return e;let r=e.styleModifications.filter(o=>!o.captured||!n.has(o.selector)&&(!o.durableSelector||!n.has(o.durableSelector)));return r.length===e.styleModifications.length?e:{...e,styleModifications:r}}function W1(e,t){let n=Date.now();return{...e,styleModifications:t.map((r,o)=>({...r,createdAt:r.createdAt??n+o}))}}function _1(e,t,n,r){return e.selector===t&&(!e.pathname||e.pathname===r)&&e.textNodePath.length===n.length&&e.textNodePath.every((o,i)=>o===n[i])}function Ll(e,t,n=!0){let{selector:r,durableSelector:o,element:i,textNodePath:a,original:l,modified:d}=t,c=typeof window<"u"?window.location.pathname:"/",u=e.textModifications.findIndex(h=>_1(h,r,a,c));if(l===d&&u<0)return e;if(u>=0){let h=e.textModifications[u],f=h.captured&&n?Ue(e):e,g=h.captured?l:h.original;return d===g?{...f,textModifications:f.textModifications.filter((y,C)=>C!==u)}:{...f,textModifications:f.textModifications.map((y,C)=>C===u?{...y,durableSelector:o,element:i,original:g,modified:d,createdAt:y.createdAt??Date.now(),captured:!1,pathname:c}:y)}}let p=n?Ue(e):e;return{...p,textModifications:[...p.textModifications,{selector:r,durableSelector:o,element:i,textNodePath:a,original:l,modified:d,createdAt:Date.now(),pathname:c}]}}function B1(e,t,n=!0){return t.length===0?e:t.reduce((r,o)=>Ll(r,o,!1),n?Ue(e):e)}function F1(e,t){let n=Date.now();return{...e,textModifications:t.map((r,o)=>({...r,createdAt:r.createdAt??n+o}))}}function V1(e,t){let n=Ue(e),r=n.domModifications.findIndex(o=>o.id===t.id);return r>=0?{...n,domModifications:n.domModifications.map((o,i)=>i===r?{...t,captured:!1}:o)}:{...n,domModifications:[...n.domModifications,t]}}function Q1(e,t){return{...e,domModifications:t}}function Z1(e,t){let{updates:n}=t,r=new Map(n.map(o=>[o.id,o]));return{...e,annotations:e.annotations.map(o=>{let i=r.get(o.id);return i?{...o,points:[i.point,...o.points.slice(1)],...i.linkedAnchor?{linkedAnchor:i.linkedAnchor}:{}}:o})}}function q1(e,t){let n=new Set(t.ids);return{...e,annotations:e.annotations.map(r=>n.has(r.id)?{...r,status:t.status}:r)}}function U1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>{if(!n.has(o.id)&&!(o.groupId&&r.has(o.groupId)))return o;let i=!!t.jobId&&o.replyJobIds?.includes(t.jobId),a=o.status==="waiting_input";return{...o,status:a?"waiting_input":"resolved",replyCount:(o.replyCount??0)+(i?0:1),replyJobIds:t.jobId&&!i?[...o.replyJobIds??[],t.jobId]:o.replyJobIds,threadId:o.threadId||t.threadId,question:a?o.question:void 0}})}}function J1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>n.has(o.id)||o.groupId&&r.has(o.groupId)?{...o,status:"failed",threadId:o.threadId||t.threadId,question:void 0}:o)}}function Y1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>n.has(o.id)||o.groupId&&r.has(o.groupId)?{...o,threadId:t.threadId,targetBindingId:t.targetBindingId}:o)}}function X1(e,t){let n=new Set(t.ids),r=new Set;for(let o of e.annotations)n.has(o.id)&&o.groupId&&r.add(o.groupId);return{...e,annotations:e.annotations.map(o=>n.has(o.id)||o.groupId&&r.has(o.groupId)?{...o,status:"waiting_input",question:t.question,threadId:t.threadId}:o)}}function K1(e,t){let n=new Map(t.resolutions.map(o=>[o.annotationId,o])),r=new Map;for(let o of e.annotations){let i=n.get(o.id);i&&o.groupId&&r.set(o.groupId,i)}return{...e,annotations:e.annotations.map(o=>{let i=n.get(o.id)||(o.groupId?r.get(o.groupId):void 0);if(!i)return o;let a=!!t.jobId&&o.replyJobIds?.includes(t.jobId);return{...o,status:i.status,resolutionSummary:i.summary,scope:i.finalScope??i.inferredScope??null,replyCount:(o.replyCount??0)+(a?0:1),replyJobIds:t.jobId&&!a?[...o.replyJobIds??[],t.jobId]:o.replyJobIds,question:void 0,threadId:o.threadId||t.threadId}})}}function G1(e,t){let{linkedSelectors:n,styleSelectors:r}=t,o=new Set(n),i=new Set(r),a=typeof window<"u"?window.location.pathname:"/",l=new Set,d=new Set;for(let f of e.annotations)f.linkedSelector&&o.has(f.linkedSelector)&&(l.add(f.id),f.groupId&&d.add(f.groupId));for(let f of e.annotations)f.groupId&&d.has(f.groupId)&&l.add(f.id);let c=e.annotations.filter(f=>!l.has(f.id)),u=e.styleModifications.filter(f=>!i.has(f.selector)||f.pathname&&f.pathname!==a),p=e.domModifications.filter(f=>!i.has(f.selector)||f.pathname&&f.pathname!==a);if(c.length===e.annotations.length&&u.length===e.styleModifications.length&&p.length===e.domModifications.length)return e;let h=e.selectedAnnotationIds.filter(f=>!l.has(f));return{...e,annotations:c,styleModifications:u,domModifications:p,selectedAnnotationIds:h,lastSelectedId:h.length>0?h[h.length-1]:null}}function e0(e,t){let n=e.spacingTokenChanges.findIndex(r=>r.tokenPath===t.tokenPath);return n>=0?{...e,spacingTokenChanges:e.spacingTokenChanges.map((r,o)=>o===n?t:r)}:{...e,spacingTokenChanges:[...e.spacingTokenChanges,t]}}function t0(e,t){return{...e,spacingTokenChanges:t}}function n0(e,t){let n=Ue(e),r=e.spacingTokenMods.findIndex(i=>i.tokenPath===t.tokenPath),o;if(r>=0){let i=e.spacingTokenMods[r],a={...t,originalValue:i.captured?i.currentValue:i.originalValue,originalPx:i.captured?i.currentPx:i.originalPx,captured:!1};o=e.spacingTokenMods.map((l,d)=>d===r?a:l)}else o=[...e.spacingTokenMods,{...t,captured:!1}];return{...n,spacingTokenMods:o}}function r0(e,t){let n=Ue(e),r=e.spacingTokenMods.findIndex(c=>c.tokenPath===t.tokenPath),o=r>=0?e.spacingTokenMods[r]:null,i=r>=0?o.captured?o.currentValue:o.originalValue:t.originalValue,a=r>=0?o.captured?o.currentPx:o.originalPx:parseFloat(t.originalValue)||0,l={tokenPath:t.tokenPath,originalValue:i,currentValue:"__deleted__",targets:o?.targets??[],originalPx:a,currentPx:0,captured:!1},d;return r>=0?d=e.spacingTokenMods.map((c,u)=>u===r?l:c):d=[...e.spacingTokenMods,l],{...n,spacingTokenMods:d}}function Al(e,t){switch(t.type){case"SET_ANNOTATING":return p1(e,t.payload);case"SET_TOOL":return f1(e,t.payload);case"SET_COLOR":return h1(e,t.payload);case"SET_STROKE_WIDTH":return m1(e,t.payload);case"ADD_TEXT":return g1(e,t.payload);case"UPDATE_TEXT":return y1(e,t.payload);case"CLEAR_INTERACTION_EPISODE":return v1(e,t.payload);case"UPDATE_TEXT_SIZE":return b1(e,t.payload);case"DELETE_ANNOTATION":return x1(e,t.payload);case"MOVE_ANNOTATION":return w1(e,t.payload);case"RESIZE_ANNOTATION":return C1(e,t.payload);case"PASTE_ANNOTATIONS":return k1(e,t.payload);case"RESTORE_ANNOTATIONS":return S1(e,t.payload);case"SYNC_ANNOTATIONS":return I1(e,t.payload);case"MERGE_ANNOTATIONS":return M1(e,t.payload);case"UNDO":return T1(e);case"REDO":return E1(e);case"SELECT_ANNOTATION":return L1(e,t.payload);case"UPDATE_ANNOTATION_COLOR":return A1(e,t.payload);case"MARK_CAPTURED":return $1(e,t.payload?.annotationIds);case"CLEAR":return R1(e);case"DISCARD_DRAFT":return N1(e);case"MODIFY_STYLE":return P1(e,t.payload);case"MODIFY_STYLES_BATCH":return z1(e,t.payload);case"CLEAR_STYLE":return H1(e,t.payload);case"CLEAR_STICKER":return O1(e,t.payload);case"CLEAR_ALL_STYLES":return D1(e);case"SETTLE_CAPTURED_STYLES":return j1(e,t.payload);case"RESTORE_STYLE_MODIFICATIONS":return W1(e,t.payload);case"MODIFY_TEXT_CONTENT":return Ll(e,t.payload);case"MODIFY_TEXT_CONTENTS":return B1(e,t.payload,t.saveUndo??!0);case"RESTORE_TEXT_MODIFICATIONS":return F1(e,t.payload);case"MODIFY_DOM_STRUCTURE":return V1(e,t.payload);case"RESTORE_DOM_MODIFICATIONS":return Q1(e,t.payload);case"UPDATE_LINKED_POSITIONS":return Z1(e,t.payload);case"CLEANUP_ORPHANED":return G1(e,t.payload);case"SET_ANNOTATION_STATUS":return q1(e,t.payload);case"MARK_ANNOTATIONS_REPLIED":return U1(e,t.payload);case"MARK_ANNOTATIONS_FAILED":return J1(e,t.payload);case"SET_ANNOTATION_THREAD":return Y1(e,t.payload);case"SET_ANNOTATION_QUESTION":return X1(e,t.payload);case"APPLY_RESOLUTIONS":return K1(e,t.payload);case"ADD_SPACING_TOKEN_CHANGE":return e0(e,t.payload);case"RESTORE_SPACING_TOKEN_CHANGES":return t0(e,t.payload);case"MODIFY_SPACING_TOKEN":return n0(e,t.payload);case"DELETE_SPACING_TOKEN":return r0(e,t.payload);default:return t}}function o0(e,t){let n=pn(Tl),[r,o]=sa(Al,bo),i=la(n?.subscribe??u1,n?.getSnapshot??El,n?.getSnapshot??El)??r,a=n?.dispatch??o;return F(()=>{if(!i.isAnnotating)return;let l=d=>{t?.current||d.defaultPrevented||d.isComposing||d.altKey||d.composedPath().some(c=>c instanceof Element&&(c.matches('input, textarea, select, [role="textbox"]')||c instanceof HTMLElement&&c.isContentEditable||c.hasAttribute("contenteditable")&&c.getAttribute("contenteditable")!=="false"))||(d.metaKey||d.ctrlKey)&&d.key.toLowerCase()===yn.actions.undo.key&&(d.preventDefault(),d.shiftKey?a({type:"REDO"}):e?.current?.()||a({type:"UNDO"}))};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[a,i.isAnnotating,e,t]),[i,a]}function i0(e){let{selector:t,durableSelector:n,pathname:r,annotationNumber:o,changes:i}=e;return{selector:t,durableSelector:n,pathname:r,annotationNumber:o,changes:i.map(({property:a,original:l,modified:d,token:c})=>({property:a,original:l,modified:d,token:c}))}}function $l(e,t){if((e.pathname??"")!==(t.pathname??"")||e.selector!==t.selector&&(!e.durableSelector||e.durableSelector!==t.durableSelector))return!1;let n=r=>JSON.stringify(r.map(({property:o,original:i,modified:a,token:l})=>[o,i,a,l??null]).sort((o,i)=>String(o[0]).localeCompare(String(i[0]))));return n(e.changes)===n(t.changes)}function Xo(e,t,n,r=new Set){let o=new Map(t.filter(c=>c.authorId===n).flatMap(c=>c.annotations?.map(({id:u})=>[u,c.threadId])??[])),i=!1,a=e.annotations.map(c=>r.has(c.id)&&["pending","sending"].includes(c.status??"pending")?(i=!0,{...c,status:"awaiting_review"}):(c.status??"pending")!=="pending"||c.threadId&&c.threadId!==o.get(c.id)||!o.has(c.id)?c:(i=!0,{...c,threadId:o.get(c.id)??c.threadId,status:"awaiting_review"})),l=!1,d=e.styleModifications.map(c=>{if(c.captured)return c;let u=[...t].reverse().find(p=>p.authorId===n&&p.threadId&&p.styleModifications?.some(h=>$l(c,h)));return u?.threadId?(l=!0,{...c,awaitingReview:{submissionId:u.id,threadId:u.threadId}}):c});return i||l?{...e,annotations:i?a:e.annotations,styleModifications:l?d:e.styleModifications}:e}function a0(e){if(e.awaitingReview)return{jobId:`suggestion:${e.awaitingReview.submissionId}`,threadId:e.awaitingReview.threadId,status:"awaiting_review",selectors:[e.selector],annotationNumber:e.annotationNumber}}function Nl(e,t){if(!t)return e;let n=e.activeColor!==t,r=e.annotations.map(o=>o.color===t?o:(n=!0,{...o,color:t}));return n?{...e,activeColor:t,annotations:r}:e}function lr(e){return e?!!e.closest("#devtools-toolbar, #devtools-scrim, #devtools-text-input, [data-devtools], [data-popmelt-panel], [data-popmelt-shadow-host]"):!1}function l0(e,t){let n=document,r=n.caretPositionFromPoint?.(e,t);if(r?.offsetNode?.nodeType===Node.TEXT_NODE)return r.offsetNode;let o=n.caretRangeFromPoint?.(e,t);return o?.startContainer?.nodeType===Node.TEXT_NODE?o.startContainer:null}function s0(e,t){if(!e)return t();let n=e.style.pointerEvents;e.style.pointerEvents="none";try{return t()}finally{e.style.pointerEvents=n}}function d0(e,t,n){let r=document.createTreeWalker(e,NodeFilter.SHOW_TEXT,{acceptNode(i){return i.textContent?.trim()?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT}}),o=r.nextNode();for(;o;){let i=o,a=document.createRange();a.selectNodeContents(i);let l=Array.from(a.getClientRects());if(a.detach?.(),l.some(d=>t>=d.left&&t<=d.right&&n>=d.top&&n<=d.bottom))return i;o=r.nextNode()}return null}function c0(e,t,n){return s0(n,()=>{let r=l0(e,t);if(!r){let w=document.elementFromPoint(e,t);w&&!lr(w)&&(r=d0(w,e,t))}if(!r||!(r.parentElement instanceof HTMLElement))return null;let o=r.parentElement;if(lr(o))return null;for(;o.parentElement&&o!==document.body;){let w=window.getComputedStyle(o).display,E=w==="inline-block"&&o.childNodes.length===1&&o.firstChild?.nodeType===Node.ELEMENT_NODE;if(w!=="inline"&&w!=="contents"&&!E)break;let M=o.parentElement;if(lr(M))break;if(Array.from(M.childNodes).some(N=>N.nodeType===Node.TEXT_NODE&&!!N.nodeValue?.trim())){o=M;continue}let S=window.getComputedStyle(M).display,T=S==="inline-block"&&M.childNodes.length===1&&M.firstChild?.nodeType===Node.ELEMENT_NODE;if(S==="inline"||S==="contents"||T){o=M;continue}break}let i=o.tagName.toLowerCase();if(i==="script"||i==="style"||i==="textarea"||i==="input")return null;let a=p0(o),l=a.map(w=>w.originalText).join("");if(!l.trim())return null;let d=Rl(o,r);if(!d)return null;let c=window.getComputedStyle(o),u=zl(a,o,c),{textRect:p,boundaryRect:h,boundaryRects:f,flowRect:g,firstLineIndent:y}=u;if(p.width<=0||p.height<=0)return null;let C=parseFloat(c.fontSize)||12,k=c.whiteSpace!=="nowrap"&&c.whiteSpace!=="pre"&&(m0(r)||c.display!=="inline");return{textNode:r,targetElement:o,textNodePath:d,segments:a,originalText:l,rect:p,boundaryRect:h,boundaryRects:f,flowRect:g,firstLineIndent:y,styles:c,fontSize:C,wrapsText:k}})}function Rl(e,t){let n=[],r=t;for(;r&&r!==e;){let o=r.parentNode;if(!o)return null;n.unshift(Array.prototype.indexOf.call(o.childNodes,r)),r=o}return r===e?n:null}function u0(e,t){let n=document.createRange();n.selectNodeContents(e);let r=n.getBoundingClientRect();if(n.detach?.(),r.width>0&&r.height>0)return{left:r.left,top:r.top,width:r.width,height:r.height};let o=t.getBoundingClientRect();return{left:o.left,top:o.top,width:o.width,height:o.height}}function p0(e){let t=[],n=r=>{if(r.nodeType===Node.TEXT_NODE){let i=r,a=Rl(e,i);a&&t.push({textNode:i,textNodePath:a,originalText:i.nodeValue??""});return}if(r.nodeType!==Node.ELEMENT_NODE&&r!==e)return;let o=r.tagName?.toLowerCase();o==="script"||o==="style"||r.childNodes.forEach(n)};return e.childNodes.forEach(n),t}function Pl(e){return{left:e.left,top:e.top,width:e.width,height:e.height}}function f0(e){let t=[];for(let n of e){if(!n.textNode.isConnected||!n.originalText.trim())continue;let r=document.createRange();r.selectNodeContents(n.textNode),t.push(...Array.from(r.getClientRects()).filter(o=>o.width>0&&o.height>0).map(Pl)),r.detach?.()}return bd(t)}function h0(e){let t=e.getBoundingClientRect(),n=window.getComputedStyle(e),r=(parseFloat(n.borderLeftWidth)||0)+(parseFloat(n.paddingLeft)||0),o=(parseFloat(n.borderRightWidth)||0)+(parseFloat(n.paddingRight)||0),i=(parseFloat(n.borderTopWidth)||0)+(parseFloat(n.paddingTop)||0),a=(parseFloat(n.borderBottomWidth)||0)+(parseFloat(n.paddingBottom)||0);return{left:t.left+r,top:t.top+i,width:Math.max(0,t.width-r-o),height:Math.max(0,t.height-i-a)}}function zl(e,t,n){let r=Pl(t.getBoundingClientRect()),o=f0(e),i=e[0]?.textNode?u0(e[0].textNode,t):r,a=o.length>0?o:[i];return sd({display:n.display,fragmentRects:a,elementRect:r,parentContentRect:t.parentElement?h0(t.parentElement):void 0})}function m0(e){let t=document.createRange();t.selectNodeContents(e);let n=Array.from(t.getClientRects()).filter(r=>r.width>0&&r.height>0).length;return t.detach?.(),n>1}function g0(e,t,n){if(t===n||e.length===0)return[];let r=0;for(;r<t.length&&r<n.length&&t[r]===n[r];)r+=1;let o=0;for(;o<t.length-r&&o<n.length-r&&t[t.length-1-o]===n[n.length-1-o];)o+=1;let i=r,a=t.length-o,l=n.slice(r,n.length-o),d=0,c=!1;return e.flatMap((u,p)=>{let h=d,f=h+u.originalText.length;d=f;let g=i===a,y=g&&(i>=h&&i<f||p===e.length-1&&i===f),C=!g&&f>i&&h<a;if(!y&&!C)return[];let k=Math.max(0,Math.min(u.originalText.length,i-h)),w=Math.max(0,Math.min(u.originalText.length,a-h)),E=u.originalText.slice(0,k);return c||(E+=l,c=!0),E+=u.originalText.slice(w),E===u.originalText?[]:[{segment:u,modifiedText:E}]})}function Ko(e,t){return Math.abs(e.left-t.left)<.5&&Math.abs(e.top-t.top)<.5&&Math.abs(e.width-t.width)<.5&&Math.abs(e.height-t.height)<.5}function y0(e,t){return!e||!t?e===t:Ko(e,t)}function b0(e,t){return e.length===t.length&&e.every((n,r)=>Ko(n,t[r]))}function v0(){return{isDragging:!1,hasMoved:!1,mode:"move",startX:0,startY:0,element:null,originalParent:null,originalIndex:-1,selector:null,durableSelector:null,elementInfo:null}}function jr(e){if(!e||e===document.body||e===document.documentElement||lr(e))return!1;let t=e.tagName.toLowerCase();return["script","style","link","meta","head","html","body","input","textarea","select","option","button"].includes(t)?!1:!!e.parentElement}function Ft(e){let t=e.getAttribute("data-pm");return t||(t=Math.random().toString(36).substring(2,8),e.setAttribute("data-pm",t)),`[data-pm="${t}"]`}function Go(e){return e.parentElement?Array.from(e.parentElement.children).indexOf(e):-1}function Hl(e){e.removeAttribute("data-pm"),e.querySelectorAll("[data-pm]").forEach(t=>t.removeAttribute("data-pm"))}function Ol(e,t,n,r,o=Nd){let i=n.parentElement;if(!i)return null;let a=o(e,t);for(;a&&a!==document.body;){if(a===n||n.contains(a)){a=a.parentElement;continue}if(a.parentElement===i&&jr(a))break;a=a.parentElement}if(!a||a===document.body||a.parentElement!==i||a===r)return null;let l=a.getBoundingClientRect(),d=l.height>=l.width?t<l.top+l.height/2?"before":"after":e<l.left+l.width/2?"before":"after",c=Go(a),u=d==="before"?c:c+1;return{parent:i,reference:a,placement:d,index:u}}function ei(e,t,n){let r=Array.from(e.children).filter(i=>i!==t),o=Math.max(0,Math.min(n,r.length));e.insertBefore(t,r[o]??null)}function x0({drag:e,clientX:t,clientY:n,pathname:r,createId:o,rootElement:i,elementAtPoint:a}){let l=e.element;if(!l||!e.selector||!e.durableSelector||!e.elementInfo)return null;let d=Ol(t,n,l,i,a);if(!d)return null;let c=e.originalParent===d.parent&&d.index>e.originalIndex?d.index-1:d.index;if(e.mode==="move"&&e.originalParent===d.parent&&(c===e.originalIndex||c===e.originalIndex+1))return null;let u=Wt(d.parent),p=Ft(d.parent),h=Wt(d.reference),f=Ft(d.reference),g=e.selector,y=e.durableSelector,C=e.elementInfo;if(e.mode==="copy"){let w=l.cloneNode(!0);if(!(w instanceof Element))return null;Hl(w),ei(d.parent,w,c),g=Ft(w),y=Wt(w),C={...An(w),selector:g}}else ei(d.parent,l,c);let k=e.originalParent;return{id:o(),operation:e.mode,selector:g,durableSelector:y,element:C,sourceSelector:e.mode==="copy"?e.selector:void 0,sourceDurableSelector:e.mode==="copy"?e.durableSelector:void 0,sourceElement:e.mode==="copy"?e.elementInfo:void 0,originalParentSelector:k?Ft(k):void 0,originalParentDurableSelector:k?Wt(k):void 0,originalIndex:e.originalIndex,targetParentSelector:p,targetParentDurableSelector:u,targetIndex:c,referenceSelector:f,referenceDurableSelector:h,placement:d.placement,pathname:r}}function Dl(e){return e instanceof HTMLElement&&(e.tagName==="INPUT"||e.tagName==="TEXTAREA"||e.isContentEditable===!0||e.getAttribute("contenteditable")==="true")}function w0(){if(typeof document>"u")return null;let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e}function ti(e){let t=e.composedPath?.()[0]??e.target;return Dl(t)||Dl(w0())}function jl(e,t,n){if(n)return[n];let r=new Set(t),o=new Map;for(let a of e)a.groupId&&a.threadId&&o.set(a.groupId,a.threadId);let i=new Set;for(let a of e){if(!r.has(a.id))continue;let l=a.threadId||(a.groupId?o.get(a.groupId):void 0);l&&i.add(l)}return[...i]}function C0({state:e,stateRef:t,activeTextRef:n,selectedIdsRef:r,dispatch:o,clearSelection:i,selectAnnotation:a,handHoveredElement:l,onArchiveThread:d,openThreadId:c,currentPathname:u,hasOpenThread:p}){let h=$([]),f=$(0),g=$(null);F(()=>{let y=C=>{if(C.key==="Escape"){if(C.defaultPrevented||C.repeat||n.current||p||ti(C))return;if(r.current.length>0){C.preventDefault(),i();return}let w=t.current;if(w.annotations.some(E=>(E.status??"pending")==="pending")||w.styleModifications.some(E=>!E.captured)||w.textModifications.some(E=>!E.captured)||w.domModifications.some(E=>!E.captured)||w.spacingTokenChanges.some(E=>!E.captured)||w.spacingTokenMods.some(E=>!E.captured)){C.preventDefault(),o({type:"DISCARD_DRAFT"});return}}if((C.metaKey||C.ctrlKey)&&C.key.toLowerCase()==="c"&&e.activeTool==="hand"&&l&&!n.current){if(jr(l)){C.preventDefault();let w=Ft(l);g.current={source:l,sourceSelector:w,sourceDurableSelector:Wt(l),sourceElement:{...An(l),selector:w}}}return}if((C.metaKey||C.ctrlKey)&&C.key.toLowerCase()==="v"&&e.activeTool==="hand"&&g.current&&!n.current){let w=g.current,E=l&&jr(l)?l:w.source,M=E.parentElement;if(M){C.preventDefault();let S=Wt(M),T=Ft(M),N=Wt(E),H=Ft(E),P=Go(E)+1,L=w.source.cloneNode(!0);if(L instanceof Element){Hl(L),ei(M,L,P);let W=Ft(L),Z=Wt(L),ae={...An(L),selector:W};o({type:"MODIFY_DOM_STRUCTURE",payload:{id:Yo(),operation:"copy",selector:W,durableSelector:Z,element:ae,sourceSelector:w.sourceSelector,sourceDurableSelector:w.sourceDurableSelector,sourceElement:w.sourceElement,targetParentSelector:T,targetParentDurableSelector:S,targetIndex:P,referenceSelector:H,referenceDurableSelector:N,placement:"after",pathname:u}})}}return}if((C.metaKey||C.ctrlKey)&&C.key==="v"&&h.current.length>0&&!n.current){C.preventDefault(),f.current+=1;let w=f.current*20,E=h.current[0]?.groupId?Math.random().toString(36).substring(2,9):void 0,M=h.current.map(T=>({...T,id:Math.random().toString(36).substring(2,9),groupId:T.groupId?E:void 0,timestamp:Date.now(),points:T.points.map(N=>({x:N.x+w,y:N.y+w}))}));o({type:"PASTE_ANNOTATIONS",payload:{annotations:M}});let S=M.find(T=>T.type!=="text")??M[0];S&&a(S.id);return}let k=r.current;if(!n.current&&!ti(C)&&(C.key==="Delete"||C.key==="Backspace")&&!C.metaKey&&!C.ctrlKey&&!C.altKey){if(k.length===0&&!c)return;let w=jl(t.current.annotations,k,c);if(!d||w.length===0)return;C.preventDefault();for(let E of w)d(E);i()}};return window.addEventListener("keydown",y),()=>window.removeEventListener("keydown",y)},[n,i,u,o,l,p,d,c,a,r,e.activeTool,t])}var et=["slate","gray","zinc","neutral","stone","red","orange","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"],ni=[50,100,200,300,400,500,600,700,800,900,950],ri=500,k0={name:"neutral",step:950},Wr={slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b",950:"#09090b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917",950:"#0c0a09"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f",950:"#451a03"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12",950:"#422006"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314",950:"#1a2e05"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b",950:"#022c22"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a",950:"#042f2e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63",950:"#083344"},sky:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e",950:"#082f49"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81",950:"#1e1b4b"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95",950:"#2e1065"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87",950:"#3b0764"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75",950:"#4a044e"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843",950:"#500724"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337",950:"#4c0519"}};function sr(e,t){return Wr[e][t]}function S0(e,t){let n=et.indexOf(e);return et[(n+t+et.length)%et.length]}function I0(e,t){let n=et.indexOf(e);return et[(n+t%et.length+et.length)%et.length]}function M0(e,t){let n=et.indexOf(e),r=(et.indexOf(t)-n+et.length)%et.length;return r<=et.length/2?r:r-et.length}function vn(e){let t=e.trim().toLowerCase(),n=t.match(/^#([0-9a-f]{6})$/i)?.[1];if(n)return[Number.parseInt(n.slice(0,2),16),Number.parseInt(n.slice(2,4),16),Number.parseInt(n.slice(4,6),16)];let r=t.match(/^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/);return r?[Number(r[1]),Number(r[2]),Number(r[3])]:null}function T0(e){let t=vn(e);if(!t)return null;let n=null;for(let r of et)for(let o of ni){let i=vn(Wr[r][o]).reduce((a,l,d)=>a+(l-t[d])**2,0);(!n||i<n.distance)&&(n={name:r,step:o,distance:i})}return n&&{name:n.name,step:n.step}}function E0(e,t){let n=vn(t);return n?ni.reduce((r,o)=>{let i=vn(Wr[e][r]),a=vn(Wr[e][o]),l=i.reduce((d,c,u)=>d+(c-n[u])**2,0);return a.reduce((d,c,u)=>d+(c-n[u])**2,0)<l?o:r}):null}function Wl(e,t){let n=vn(e),r=vn(t);return n!==null&&r!==null&&n.every((o,i)=>o===r[i])}var ut=["padding","margin","border","radius","stack","grid","text","color","transform","opacity"],On=[0,1,2,3,4,6,8,10,12,16],L0=[-16,-12,-10,-8,-6,-4,-3,-2,-1,0,1,2,3,4,6,8,10,12,16],A0=[0,1,2,4,8],$0=["vertical","horizontal"],N0=["stretch","start","center","end","baseline"],R0=["start","center","end","between","around","evenly"],P0=[1,2,3,4,5,6],_l=["xs","sm","base","lg","xl","2xl","3xl","4xl"],Bl=[300,400,500,600,700,800],Fl=["none","tight","snug","normal","relaxed","loose"],Vl=["tighter","tight","normal","wide","wider","widest"],Ql=["left","center","right","justify"],Zl=[25,50,75,90,95,100,105,110,125,150],ql=[-180,-90,-45,-25,-12,-6,-3,-2,-1,0,1,2,3,6,12,25,45,90,180],Ul=[0,5,10,20,25,30,40,50,60,70,75,80,90,95,100],Jl=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],z0={padding:On,margin:On,border:A0,radius:On},H0={padding:"p",margin:"m",border:"border",radius:"rounded",stack:"flex",grid:"grid",text:"text",color:"text",transform:"transform",opacity:"opacity"},O0={padding:"P",margin:"M",border:"B",radius:"R",stack:"F",grid:"G",text:"FO",color:"BG",transform:"T",opacity:"O"},D0={padding:"Padding",margin:"Margin",border:"Borders",radius:"Radii",stack:"Flexbox",grid:"Grid",text:"Fonts",color:"Background",transform:"Transform",opacity:"Opacity"},j0={padding:["all","x","y","top","right","bottom","left"],margin:["all","x","y","top","right","bottom","left"],border:["all","top","right","bottom","left","color"],radius:["all","top-left","top-right","bottom-right","bottom-left"],stack:["direction","gap","align","justify"],grid:["gap","rows","columns"],text:["size","weight","line-height","letter-spacing","text-align","color"],color:et,transform:["translate","scale","rotate"],opacity:["opacity","mix-blend"]},Yl={all:"",x:"X",y:"Y",top:"T",right:"R",bottom:"B",left:"L","top-left":"TL","top-right":"TR","bottom-right":"BR","bottom-left":"BL",vertical:"V",horizontal:"H",direction:"D",gap:"G",align:"A",justify:"J",rows:"R",columns:"C",size:"S",weight:"W","line-height":"H","letter-spacing":"L","text-align":"A",color:"C",translate:"T",scale:"S",rotate:"R",opacity:"O","mix-blend":"B"};function rt(e){return et.includes(e)}function xn(e,t){return e==="color"||(e==="text"||e==="border")&&(t==="color"||rt(t))}var _r=e=>encodeURIComponent(e),Xl=e=>`%3Cdefs%3E%3Cfilter id='cursor-shadow' x='-35%25' y='-35%25' width='170%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='.5' stdDeviation='.35' flood-color='black' flood-opacity='.22'/%3E%3CfeDropShadow dx='0' dy='.75' stdDeviation='.65' flood-color='${_r(e)}' flood-opacity='.42'/%3E%3CfeDropShadow dx='0' dy='1.25' stdDeviation='1.1' flood-color='${_r(e)}' flood-opacity='.24'/%3E%3C/filter%3E%3C/defs%3E`;function W0(e="black"){return`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='-3 -3 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E${Xl(e)}%3Cpath filter='url(%23cursor-shadow)' d='M5.19194 14.2778L0.732307 2.01384C0.442115 1.21582 1.21582 0.442116 2.01384 0.732307L14.2778 5.19194C15.7506 5.72748 15.5191 7.87826 13.9661 8.08812L10.298 8.58381C9.40594 8.70436 8.70436 9.40594 8.58381 10.298L8.08812 13.9661C7.87826 15.5191 5.72748 15.7506 5.19194 14.2778Z' fill='${_r(e)}' stroke='white' stroke-width='1.25'/%3E%3C/svg%3E") 4 4, pointer`}function _0(e="black"){return`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='-3 -3 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E${Xl(e)}%3Cpath transform='scale(1.125)' filter='url(%23cursor-shadow)' d='M1 8V2C1 1.44772 1.44772 1 2 1H8C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8Z' fill='${_r(e)}' stroke='white' stroke-width='1.111'/%3E%3C/svg%3E") 4 4, pointer`}function wn(e,t="all"){let n=bt(e,t);return e==="color"||(e==="text"||e==="border")&&xn(e,n)?ni:e==="stack"?n==="direction"?$0:n==="align"?N0:n==="justify"?R0:On:e==="grid"?n==="gap"?On:P0:e==="text"?n==="weight"?Bl:n==="line-height"?Fl:n==="letter-spacing"?Vl:n==="text-align"?Ql:_l:e==="transform"?n==="scale"?Zl:n==="rotate"?ql:L0:e==="opacity"?n==="mix-blend"?Jl:Ul:z0[e]}function Kl(e,t,n="all"){let r=wn(e,n);if(r.includes(t))return t;if(typeof t!="number")return r[0];let o=r.filter(i=>typeof i=="number");return o.length===0?r[0]:o.reduce((i,a)=>Math.abs(a-t)<Math.abs(i-t)?a:i)}function oi(e){return j0[e]}function bt(e,t){if(e==="stack"&&(t==="vertical"||t==="horizontal"))return"direction";if((e==="text"||e==="border")&&rt(t))return t;let n=oi(e);return n.includes(t)?t:n[0]}function B0(e,t){return e==="text"?"size":e==="transform"?"translate":e==="opacity"?"opacity":bt(e,t)}function F0(e,t,n){return e==="family"?"family":(t==="text"||t==="border")&&n==="color"?"variant":"value"}function V0(e,t,n){let r=oi(e),o=(e==="text"||e==="border")&&rt(t)?"color":bt(e,t),i=r.indexOf(o);return r[(i+n+r.length)%r.length]}function Q0(e,t){let n=ut.indexOf(e);return ut[(n+t+ut.length)%ut.length]}function Z0(e,t,n,r="all"){let o=wn(e,r),i=Kl(e,t,r),a=o.indexOf(i);return o[(a+n+o.length)%o.length]}function q0(e){return O0[e]}function Br(e){return D0[e]}function U0(e,t){let n=bt(e,t);return e==="color"||(e==="text"||e==="border")&&rt(n)?n:`${q0(e)}${Yl[n]}`}function ii(e,t){let n=bt(e,t);return e==="color"||(e==="text"||e==="border")&&rt(n)?n[0].toUpperCase()+n.slice(1):e==="text"?n==="size"?"Size":n==="weight"?"Weight":n==="line-height"?"Leading":n==="letter-spacing"?"Tracking":n==="text-align"?"Align":"Color":e==="border"&&n==="color"?"Color":e==="transform"?n==="translate"?"translate":n:e==="opacity"?n==="mix-blend"?"mix-blend-mode":"opacity":n==="all"?Br(e):Yl[n]}function Dn(e,t){let n=bt(e,t);if(e==="color")return"background-color";if(e==="stack")return n==="direction"?"flex-direction":n==="align"?"align-items":n==="justify"?"justify-content":"gap";if(e==="grid")return n==="rows"?"grid-template-rows":n==="columns"?"grid-template-columns":"gap";if(e==="text")return n==="color"||rt(n)?"color":n==="weight"?"font-weight":n==="line-height"?"line-height":n==="letter-spacing"?"letter-spacing":n==="text-align"?"text-align":"font-size";if(e==="border"&&(n==="color"||rt(n)))return"border-color";if(e==="transform")return n;if(e==="opacity")return n==="mix-blend"?"mix-blend-mode":"opacity";if(e==="radius")return n==="all"?"border-radius":`border-${n}-radius`;let r=e==="border"?"border":e,o=e==="border"?"width":"";return n==="all"?o?`${r}-${o}`:r:(e==="padding"||e==="margin")&&n==="x"?`${r}-left`:(e==="padding"||e==="margin")&&n==="y"?`${r}-top`:o?`${r}-${n}-${o}`:`${r}-${n}`}function Gl(e,t){let n=bt(e,t);return e==="color"?["background-color"]:e==="stack"||e==="grid"?n==="gap"?["row-gap","column-gap"]:[Dn(e,n)]:e==="text"?n==="color"||rt(n)?["color"]:n==="line-height"||n==="letter-spacing"?[Dn(e,n),"font-size"]:[Dn(e,n)]:e==="border"&&(n==="color"||rt(n))?["border-top-color","border-right-color","border-bottom-color","border-left-color"]:e==="transform"||e==="opacity"?[Dn(e,n)]:(e==="padding"||e==="margin")&&n==="x"?[`${e}-left`,`${e}-right`]:(e==="padding"||e==="margin")&&n==="y"?[`${e}-top`,`${e}-bottom`]:n!=="all"?[Dn(e,n)]:e==="radius"?["border-top-left-radius","border-top-right-radius","border-bottom-right-radius","border-bottom-left-radius"]:e==="border"?["border-top-width","border-right-width","border-bottom-width","border-left-width"]:[`${e}-top`,`${e}-right`,`${e}-bottom`,`${e}-left`]}function Ct(e,t){let n=e.trim().toLowerCase();if((t==="stack"||t==="grid")&&n==="normal")return 0;let r=n.split(/[\s/]+/).filter(Boolean);if(r.length===0)return null;let o=r.map(i=>{if(/^0(?:\.0+)?$/.test(i))return 0;let a=i.match(/^(-?\d+(?:\.\d+)?)px$/);return a?Number(a[1]):Number.NaN});return o.some(i=>!Number.isFinite(i))?null:o.every(i=>Math.abs(i-o[0])<.01)?o[0]:null}function dr(e,t,n){let r=n.trim().toLowerCase();if(e==="text"){if(t==="size"){let o=Ct(n,e);return o===null?null:en(_l,i=>Fr[i],o)}if(t==="weight"){if(r==="normal")return 400;if(r==="bold")return 700;let o=Number(r);return Number.isFinite(o)?en(Bl,i=>i,o):null}if(t==="text-align")return r==="start"?"left":r==="end"?"right":Ql.includes(r)?r:null}if(e==="transform"){if(r==="none")return t==="scale"?100:0;if(t==="translate"){let o=Ct(n,e);return o===null?null:en(On,i=>i*4,o)}if(t==="scale"){let o=Number.parseFloat(n)*100;return Number.isFinite(o)?en(Zl,i=>i,o):null}if(t==="rotate"){let o=Number.parseFloat(n);return Number.isFinite(o)?en(ql,i=>i,o):null}}if(e==="opacity"){if(t==="mix-blend")return Jl.includes(r)?r:null;let o=Number.parseFloat(n)*100;return Number.isFinite(o)?en(Ul,i=>i,o):null}if(e!=="stack")return null;if(t==="direction"){if(r==="column"||r==="column-reverse")return"vertical";if(r==="row"||r==="row-reverse")return"horizontal"}if(t==="align"){if(r==="flex-start"||r==="start")return"start";if(r==="center")return"center";if(r==="flex-end"||r==="end")return"end";if(r==="stretch")return"stretch";if(r==="baseline")return"baseline"}if(t==="justify"){if(r==="flex-start"||r==="start")return"start";if(r==="center")return"center";if(r==="flex-end"||r==="end")return"end";if(r==="space-between")return"between";if(r==="space-around")return"around";if(r==="space-evenly")return"evenly"}return null}function J0(e,t,n="all"){let r=bt(e,n);if(e==="color"||(e==="text"||e==="border")&&rt(r)){let l=E0(r,t[0]??"");if(l===null)return null;let d=sr(r,l);return t.every(c=>Wl(c,d))?l:null}if(e==="text"){if(r==="line-height"&&(t[0]??"").trim().toLowerCase()==="normal")return"normal";if(r==="line-height"){let l=Ct(t[0]??"",e),d=Ct(t[1]??"",e);return l===null||d===null||d===0?null:en(Fl,c=>Vr[c],l/d)}if(r==="letter-spacing"){let l=(t[0]??"").trim().toLowerCase();if(l==="normal")return"normal";let d=Ct(l,e),c=Ct(t[1]??"",e);return d===null||c===null||c===0?null:en(Vl,u=>Qr[u],d/c)}return dr(e,r,t[0]??"")}if(e==="transform"||e==="opacity"||e==="stack"&&r!=="gap")return dr(e,r,t[0]??"");if(e==="grid"&&r!=="gap"){let l=t[0]?.trim().split(/\s+/).filter(Boolean).length??0;return wn("grid",r).includes(l)?l:null}let o=t.map(l=>Ct(l,e));if(o.length===0||o.some(l=>l===null))return null;let i=o[0];if(!o.every(l=>Math.abs(l-i)<.01))return null;let a=wn(e,r).filter(l=>typeof l=="number");return a.length===0?null:a.reduce((l,d)=>Math.abs(Number.parseFloat(cr(e,d,r))-i)<Math.abs(Number.parseFloat(cr(e,l,r))-i)?d:l)}function Y0(e,t,n,r="all"){let o=bt(e,r);if(e==="color"||(e==="text"||e==="border")&&rt(o)){let l=sr(o,t);return n.length>0&&n.every(d=>Wl(d,l))}if(e==="text"){if(o==="size"){let l=Ct(n[0]??"",e);return l!==null&&Math.abs(l-Fr[t])<.01}if(o==="weight")return dr(e,o,n[0]??"")===t;if(o==="line-height"){let l=(n[0]??"").trim().toLowerCase();if(l==="normal")return t==="normal";let d=Ct(l,e),c=Ct(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Vr[t])<.01}if(o==="letter-spacing"){let l=(n[0]??"").trim().toLowerCase();if(l==="normal")return t==="normal";let d=Ct(l,e),c=Ct(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Qr[t])<.001}return dr(e,o,n[0]??"")===t}if(e==="transform"||e==="opacity"||e==="stack"&&o!=="gap")return dr(e,o,n[0]??"")===t;if(e==="grid"&&o!=="gap")return(n[0]?.trim().split(/\s+/).filter(Boolean).length??0)===t;if(typeof t!="number")return!1;let i=Number.parseFloat(cr(e,t,o)),a=n.map(l=>Ct(l,e));return a.length>0&&a.every(l=>l!==null&&Math.abs(l-i)<.01)}function X0(e,t,n,r){let o=Y0(e,t,Gl(e,n).map(r),n),i=ns(e),a=ts(e,n,t).every(c=>r(c.property).trim()===c.value),l=e==="border"&&!xn(e,n)&&typeof t=="number"&&t>0?es(n):null,d=!l||!["","none"].includes(r(l).trim());return o&&(!i||r("display").trim()===i)&&a&&d}function es(e){let t=bt("border",e);return t==="all"?"border-style":`border-${t}-style`}function K0(e){return e==="color"?"background-color":e==="border"?"border-top-color":"color"}function ai(e,t,n){let r=bt(e,n);if(e==="color")return`bg-${r}-${t}`;if(e==="stack")return r==="direction"?t==="horizontal"?"flex-row":"flex-col":r==="gap"?`gap-${t}`:r==="align"?`items-${t}`:`justify-${t}`;if(e==="grid")return r==="gap"?`gap-${t}`:`${r==="rows"?"grid-rows":"grid-cols"}-${t}`;if(e==="text")return rt(r)?`text-${r}-${t}`:r==="size"?`text-${t}`:r==="weight"?e2[t]:r==="line-height"?`leading-${t}`:r==="letter-spacing"?`tracking-${t}`:`text-${t}`;if(e==="border"&&rt(r))return`border-${r}-${t}`;if(e==="transform")return`${r}-${t}`;if(e==="opacity")return r==="mix-blend"?`mix-blend-${t}`:`opacity-${t}`;let o=H0[e];if(r==="all")return`${o}-${t}`;let i=r==="top-left"?"tl":r==="top-right"?"tr":r==="bottom-right"?"br":r==="bottom-left"?"bl":r[0];return e==="padding"||e==="margin"?`${o}${i}-${t}`:`${o}-${i}-${t}`}function cr(e,t,n="all"){let r=bt(e,n);if(e==="color"||(e==="text"||e==="border")&&rt(r))return sr(r,t);if(e==="stack"){if(r==="direction")return t==="horizontal"?"row":"column";if(r==="align")return t==="start"?"flex-start":t==="end"?"flex-end":String(t);if(r==="justify")return t==="start"?"flex-start":t==="end"?"flex-end":t==="between"||t==="around"||t==="evenly"?`space-${t}`:String(t)}return e==="grid"&&r!=="gap"?`repeat(${t}, minmax(0, 1fr))`:e==="text"?r==="size"?`${Fr[t]}px`:r==="weight"?String(t):r==="line-height"?String(Vr[t]):r==="letter-spacing"?`${Qr[t]}em`:String(t):e==="transform"?r==="scale"?String(Number(t)/100):r==="rotate"?`${t}deg`:`${Number(t)*4}px ${Number(t)*4}px`:e==="opacity"?String(r==="mix-blend"?t:Number(t)/100):typeof t!="number"?"0px":`${e==="border"?t:t*4}px`}function ts(e,t,n){let r=bt(e,t);return(e==="padding"||e==="margin")&&(r==="x"||r==="y")?[{property:r==="x"?`${e}-right`:`${e}-bottom`,value:cr(e,n??0,r),token:ai(e,n??0,r)}]:[]}function G0(e,t,n){if(t==="text"&&(n==="size"||n==="all"))return String(Fr[e]);if(t==="text"&&n==="line-height"){let r=Vr[e];return String(Number(r.toFixed(1)))}if(t==="text"&&n==="letter-spacing"){let r=Qr[e];return String(Number(r.toFixed(2))).replace(/^(-?)0\./,"$1.")}return typeof e=="number"?String(e):e==="vertical"?"V":e==="horizontal"?"H":e==="start"?"S":e==="center"?"C":e==="end"?"E":e==="stretch"?"ST":e==="baseline"?"BL":e==="between"?"BT":e==="around"?"AR":"EV"}function ns(e){return e==="stack"?"flex":e==="grid"?"grid":null}var Fr={xs:12,sm:14,base:16,lg:18,xl:20,"2xl":24,"3xl":30,"4xl":36},e2={300:"font-light",400:"font-normal",500:"font-medium",600:"font-semibold",700:"font-bold",800:"font-extrabold"},Vr={none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2},Qr={tighter:-.05,tight:-.025,normal:0,wide:.025,wider:.05,widest:.1};function en(e,t,n){return e.reduce((r,o)=>Math.abs(t(o)-n)<Math.abs(t(r)-n)?o:r)}function ur(e,t){return t.selectors??(t.targetBindingId?[]:[e])}function t2(e,t,n){let r=[...new Set(e)];if(r.length!==1)return;let o=n(r[0]);if(!o)return;let i=t.filter(l=>!l.threadId||!l.linkedSelector||l.status==="pending"?!1:n(l.linkedSelector)===o),a=[...new Set(i.map(l=>l.threadId))];if(a.length===1)return{threadId:a[0],targetBindingId:i.find(l=>l.targetBindingId)?.targetBindingId,color:i.find(l=>l.color)?.color,selectorAliases:[...new Set([r[0],...i.map(l=>l.linkedSelector)])]}}function n2(e,t,n,r){let o=[...new Set(e)];return o.length!==1?n:Zr(o[0],t,r)?.color??n}function r2(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Zr(n[0],t);return r?.continuationEligible?r.threadId:void 0}function o2(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Zr(n[0],t);return r?.continuationEligible?r.targetBindingId:void 0}function Zr(e,t,n){for(let[o,i]of t)if(ur(o,i).includes(e))return i;if(!n)return;let r=n(e);if(r){for(let[o,i]of t)if(ur(o,i).some(a=>n(a)===r))return i}}function i2(e,t,n){let r=new Map(e);for(let[o,i]of e)i.threadId===t&&r.set(o,{...i,jobId:n,threadId:t,status:"in_flight",label:void 0});return r}function a2(e,t){let n=new Set;for(let[r,o]of e)if(t.has(o.threadId))for(let i of ur(r,o))n.add(i);return n}function l2(e,t,n,r,o,i){let a=new Set(o);for(let[d,c]of e)if(c.jobId===t)for(let u of ur(d,c))a.add(u);let l=new Map(e);for(let d of a){let c=[...l].find(([f,g])=>ur(f,g).includes(d)),u=c?.[1];if(u&&u.jobId!==t)continue;let p=i??u?.threadId;if(!p)continue;let h=c?.[0]??`job:${t}:${d}`;l.set(h,{...u,jobId:t,threadId:p,status:n,label:r,selectors:u?.selectors??[d]})}return l}function s2(e,t,n){let r=new Map(e);for(let[o,i]of t)n.has(i.jobId)&&r.set(o,i);return r}function d2(e,t,n,r){if(!r)return new Map;let o=new Map;for(let[i,a]of e){if(t.has(a.threadId))continue;let l=n.indexOf(a.threadId);o.set(i,{...a,annotationNumber:a.annotationNumber??(l>=0?l+1:void 0)})}return o}function li(e,t,n){if(t)return e?t.jobId===n?t:void 0:t}var c2=Number.MAX_SAFE_INTEGER;function qr(e){return`${e.pathname??"*"}\0${e.selector}`}function u2(e,t){return`element:${e??"*"}\0${t}`}function si({annotations:e,styleModifications:t,textModifications:n}){let r=new Map,o=0,i=new Map;for(let u of e)u.groupId&&u.linkedSelector&&i.set(u.groupId,{selector:u.linkedSelector,pathname:u.pathname});for(let u of e){let p=u.groupId?i.get(u.groupId):u.linkedSelector?{selector:u.linkedSelector,pathname:u.pathname}:void 0,h=p?u2(p.pathname,p.selector):`annotation:${u.groupId??u.id}`,f=r.get(h);if(f){f.createdAt=Math.min(f.createdAt,u.timestamp),f.annotationIds.push(u.id);continue}r.set(h,{key:h,createdAt:u.timestamp,stableIndex:o++,annotationIds:[u.id]})}let a=u=>{let p=qr(u),h=`element:${p}`,f=u.createdAt??c2,g=r.get(h);if(g){g.createdAt=Math.min(g.createdAt,f),g.modificationKey=p;return}r.set(h,{key:h,createdAt:f,stableIndex:o++,annotationIds:[],modificationKey:p})};t.forEach(a),n.forEach(a);let l=new Map,d=new Map,c=[...r.values()].sort((u,p)=>u.createdAt-p.createdAt||u.stableIndex-p.stableIndex);return c.forEach((u,p)=>{let h=p+1;u.annotationIds.forEach(f=>l.set(f,h)),u.modificationKey&&d.set(u.modificationKey,h)}),{annotationNumberById:l,modificationNumberByKey:d,count:c.length}}function rs({state:e,pageAnnotations:t,pageStyleModifications:n,pageTextModifications:r}){let o=ue(()=>Ar(e.annotations),[e.annotations]),i=ue(()=>si({annotations:t.filter(l=>!o.has(l)),styleModifications:n,textModifications:r}),[t,n,r,o]),a=ue(()=>{let l=new Map,d=c=>{let u=i.modificationNumberByKey.get(qr(c));if(u===void 0)return;let p=l.get(c.selector);(p===void 0||u<p)&&l.set(c.selector,u)};return n.forEach(d),r.forEach(d),l},[n,r,i.modificationNumberByKey]);return{supersededAnnotations:o,stagedArtifactOrder:i,annotationGroupMap:i.annotationNumberById,pageModificationNumberBySelector:a}}async function p2(e,t,n){let r=i=>{e.length&&t({type:"SET_ANNOTATION_STATUS",payload:{ids:e,status:i}})};r("sending");let o=!1;try{return o=await n(),o}catch(i){return console.error("[Popmelt] Failed to prepare submission:",i),!1}finally{o||r("pending")}}var os="devtools-active-text";function f2(e,t,n=[]){let r=new Set(e.filter(o=>(o.status??"pending")==="pending").map(o=>`annotation:${o.groupId||o.id}`));t?.isNew&&!t.domEdit&&(t.text.trim()||t.interactionEpisode?.steps.length)&&r.add(`annotation:${t.groupId||t.id}`);for(let o of n)r.add(`edit:${o}`);return r.size}async function h2(e,t,n){if(e.current)return n;e.current=!0;try{return await t()}finally{e.current=!1}}function m2(e){e.removeItem(os)}function g2(e){return e.key!=="Enter"||!e.metaKey&&!e.ctrlKey?!1:(e.preventDefault(),e.stopPropagation(),!0)}function y2(e){return e?e.originalText!==void 0?e.text!==e.originalText:e.text.trim().length>0||!!e.hasInteractionEpisode:!1}function b2(e){let t=new Map;for(let n of e)n.groupId&&n.threadId&&t.set(n.groupId,n.threadId);return t}function v2(e,t){return e.threadId??(e.groupId?t.get(e.groupId):void 0)}function di(e,t,n=new Set){let r=b2(e);return e.filter(o=>{let i=v2(o,r);return kl(o,t)&&o.status!=="dismissed"&&(!i||!n.has(i))})}function is(e,t,n,r=new Set,o=new Map){let i=new Set;for(let a of di(t,n,r))a.linkedSelector&&i.add(a.linkedSelector);for(let[a,l]of o)if(!r.has(l.threadId))for(let d of l.selectors??[a])i.add(d);return e.filter(a=>a.pathname&&a.pathname!==n?!1:!a.captured||i.has(a.selector)||!!a.durableSelector&&i.has(a.durableSelector))}function x2({state:e,activeText:t,currentPathname:n,dismissedThreadIds:r,modifiedElementThreadStates:o}){let i=ue(()=>di(e.annotations,n,r),[e.annotations,n,r]),a=ue(()=>is(e.styleModifications,e.annotations,n,r,o),[e.annotations,e.styleModifications,n,r,o]),l=ue(()=>is(e.textModifications,e.annotations,n,r,o),[e.annotations,e.textModifications,n,r,o]),d=ue(()=>{let p=new Set,h=f=>!f.captured&&(!f.pathname||f.pathname===n);for(let f of e.styleModifications)h(f)&&!f.awaitingReview&&p.add(`element:${f.selector}`);for(let f of e.textModifications)h(f)&&p.add(`element:${f.selector}`);for(let f of e.domModifications)h(f)&&p.add(`element:${f.selector}`);for(let f of e.spacingTokenChanges)f.captured||p.add(`spacing:${f.tokenPath}`);for(let f of e.spacingTokenMods)f.captured||p.add(`spacing:${f.tokenPath}`);return p},[n,e.domModifications,e.spacingTokenChanges,e.spacingTokenMods,e.styleModifications,e.textModifications]),c=ue(()=>f2(e.annotations,t,d),[e.annotations,t,d]),u=ue(()=>e.annotations.filter(p=>p.type==="text"&&p.text&&(p.status??"pending")==="pending").sort((p,h)=>h.timestamp-p.timestamp),[e.annotations]);return{pageAnnotations:i,pageStyleModifications:a,pageTextModifications:l,pendingBundleCount:c,pendingTextAnnotations:u}}function w2(e,t="host",n){let[r,o]=R(()=>n?.read().selectedId??t),[i,a]=R(null);F(()=>{o(n?.read().selectedId??t),a(null)},[n,t]);let l=oe(u=>{n?.select(u),o(u),a(null)},[n]),d=oe(u=>a(u),[]),c=oe(u=>{a(p=>p===u?null:p)},[]);return F(()=>{let u=()=>a(null);e||u();let p=()=>{document.hidden&&u()};return window.addEventListener("blur",u),document.addEventListener("visibilitychange",p),()=>{window.removeEventListener("blur",u),document.removeEventListener("visibilitychange",p)}},[e]),{selectedId:r,viewedId:e?i??r:r,isPeeking:e&&i!==null&&i!==r,select:l,peek:d,leave:c}}function C2({name:e,isOwnPlane:t,color:n,changed:r}){return v("div",{"data-devtools":"peer-plane-label","data-popmelt-font":"mono",role:"status",title:r?"Source changed beneath staged work. Editing, clearing, commenting or sending acknowledges the affected work; viewing alone does not.":void 0,style:{position:"fixed",bottom:8,left:"50%",transform:"translateX(-50%)",maxWidth:"calc(100vw - 32px)",boxSizing:"border-box",padding:"4px 8px",borderRadius:8,background:n,color:"#fff",fontFamily:dd,fontSize:12,fontWeight:500,lineHeight:"16px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",zIndex:10002},children:[t?"Your plane":`${e}\u2019s plane`,r&&" (source changed)"]})}function k2(e,t=[],n=""){let r=new Map;if(!e)return r;let o=Xo(e,t,n),i=Ar(o.annotations),a=o.annotations.filter(d=>!i.has(d)),l=si({...o,annotations:a});for(let d of a){let c=l.annotationNumberById.get(d.id);d.threadId&&c!==void 0&&!r.has(d.threadId)&&r.set(d.threadId,c)}for(let d of o.styleModifications){let c=d.awaitingReview?.threadId,u=l.modificationNumberByKey.get(qr(d));c&&u!==void 0&&!r.has(c)&&r.set(c,u)}return r}function S2(e,t){let n=new Set;for(let r of e){if(r.type!=="done"&&r.type!=="error")continue;let o=String(r.data.jobId??"");o&&n.add(o)}return t&&n.add(t),n}function I2(e,t,n){let r=new Set(t);return e.filter(o=>!r.has(o)&&!n.has(o))}function M2(e,t,n,r,o){if(!e)return null;let i=a=>!o.has(a)&&(t[a]?.threadId===e||r[a]===e);return n.find(i)??Object.keys(t).find(i)??null}function T2(e,t){return new Set(e.filter(n=>n.lastMessageRole==="human"&&!t.has(n.id)).map(n=>n.id))}function E2(e){return new Set(e.flatMap(t=>t.acknowledgedJobIds??[]))}function L2(e){return new Set(e.filter(t=>!t.pendingQuestion).map(t=>t.id))}function A2(e,t){return t?e.some(n=>n.jobId===t&&(n.role==="assistant"||!!n.error||!!n.cancelled)&&!n.queued):!0}function ci(e,t){let n=`${t||"/"}:`;return e.startsWith(n)?e.slice(n.length)||null:e.startsWith("/")?null:e}function $2(e,t,n){let r=new Map,o=new Map;for(let i of e)if((i.targetBindings?.length??0)===0)for(let a of i.elementIdentifiers??[]){let l=ci(a,t);l&&o.set(l,(o.get(l)??0)+1)}for(let i of e){if(!i.lifecycle?.jobId)continue;let a={...i.lifecycle,jobId:i.lifecycle.jobId,color:i.color,title:i.title,annotationNumber:i.annotationNumber};if((i.targetBindings?.length??0)>0){for(let l of i.targetBindings??[]){if(l.anchor.type==="opaque"){let c=n?.(l.anchor);if(!c?.length)continue;r.set(l.id,{...a,targetBindingId:l.id,selectors:c,continuationEligible:l.continuationEligible??!1});continue}if(l.anchor.pathname!==t)continue;let d=[l.anchor.runtimeSelector,l.anchor.structuralSelector,...l.anchor.legacySelectors??[]].filter(c=>!!c);r.set(l.id,{...a,targetBindingId:l.id,selectors:d,continuationEligible:l.continuationEligible??!1,...l.anchor.targetFingerprint?{targetFingerprint:l.anchor.targetFingerprint}:{}})}continue}for(let l of i.elementIdentifiers??[]){let d=ci(l,t);d&&![...r.values()].some(c=>c.selectors?.includes(d))&&r.set(`legacy:${i.lifecycle.threadId}:${d}`,{...a,selectors:[d],continuationEligible:(i.elementIdentifiers?.length??0)===1&&o.get(d)===1})}}return r}function N2(e){return(e.type==="inspect"||e.type==="style"||e.type==="comment"||e.type==="attention")&&e.selector?{selector:e.selector,plane:e.type==="inspect"?e.plane??"own":"own",activity:e.type==="attention"?e.activity??"looking":e.type==="inspect"?"looking":"working"}:null}function R2(e){let t=e.replace(/^\uFEFF/,"").trim().replace(/^<\?xml[\s\S]*?\?>\s*/i,"").replace(/^(?:<!--[\s\S]*?-->\s*)+/i,"").replace(/^<!doctype\s+svg[\s\S]*?>\s*/i,"");return/^<svg(?:\s|>)[\s\S]*<\/svg>\s*$/i.test(t)}function P2(e){return R2(e)?{blob:new Blob([e],{type:"image/svg+xml"}),kind:"svg",name:"figma-selection.svg"}:e.length>=8192?{blob:new Blob([e],{type:"text/plain"}),kind:"text",name:"pasted-context.txt"}:null}function z2(e){return e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function as(e){return`${e} image${e>1?"s":""} attached`}function ui(e){return e<=0?0:32+String(e).length*7.2}function ls({imageCount:e,color:t,layered:n=!1}){return e<=0?null:v("div",{"data-devtools":"active-image-attachment-badge",role:"img","aria-label":as(e),title:as(e),style:{position:"relative",flex:"0 0 auto",display:"flex",marginRight:-2,zIndex:2},children:[s("span",{"aria-hidden":!0,style:{position:"absolute",left:-4,top:"50%",width:14.142,height:14.142,transform:"translateY(-50%)",display:"grid",placeItems:"center",pointerEvents:"none",maskImage:n?Cr:void 0,WebkitMaskImage:n?Cr:void 0},children:s("span",{style:{width:10,height:10,background:t,transform:"rotate(-45deg)"}})}),v("span",{style:{position:"relative",display:"flex",alignItems:"center",gap:4,height:22,padding:n?"0 8px 0 10px":"0 8px",borderRadius:8,backgroundColor:t,color:"#fff",font:`12px/1.2 ${St}`,whiteSpace:"nowrap",maskImage:n?mo:void 0,WebkitMaskImage:n?mo:void 0},children:[s(Vd,{size:12,strokeWidth:2,"aria-hidden":!0}),e]})]})}function H2({point:e,scroll:t,attachments:n,showAttachments:r,onRemoveAttachment:o}){return s(Me,{children:r&&n.length>0&&s("div",{"data-devtools":!0,style:{position:"fixed",left:e.x-8-t.x,top:e.y-4-t.y-24,zIndex:10001,display:"flex",gap:4,flexWrap:"wrap",maxWidth:400},children:n.map(i=>v("button",{type:"button",title:"Remove attachment",onMouseDown:a=>a.preventDefault(),onClick:()=>o(i.id),style:{appearance:"none",border:0,borderRadius:8,background:"rgba(0,0,0,0.72)",color:"#fff",cursor:"pointer",font:"11px/16px system-ui, sans-serif",padding:"2px 7px",whiteSpace:"nowrap"},children:[i.name," \xB7 ",z2(i.size)," \xD7"]},i.id))})})}function O2(e){return[...e.tokens.map(t=>t.label),`${e.typed}${e.completion||e.fallback}`].filter(Boolean).join(" ")}function D2({query:e,border:t,background:n,foreground:r,renderIcon:o}){return v("span",{"aria-hidden":"true","data-popmelt-sticker-query":!0,style:{position:"absolute",left:"50%",top:44,minWidth:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",gap:4,padding:"0 10px",boxSizing:"border-box",border:`1px solid ${t}`,borderRadius:12,background:n,color:r,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transform:"translateX(-50%)",zIndex:4},children:[e.tokens.map((i,a)=>i.kind==="icon"?s("span",{"aria-label":i.label,"data-popmelt-sticker-query-token":"icon",style:{display:"inline-flex",color:r,flexShrink:0},children:o(i)},`${i.label}-${a}`):s("span",{"data-popmelt-sticker-query-token":"label",style:{color:r,opacity:.72},children:i.label},`${i.label}-${a}`)),e.typed?s("span",{children:e.typed}):v("span",{style:{display:"inline-flex",alignItems:"center",gap:0,color:r,opacity:.58,fontWeight:500},children:[s("span",{"data-popmelt-sticker-query-caret":!0,style:{width:1,height:11,flexShrink:0,background:r,animation:"popmeltStickerQueryCaret 900ms steps(1, end) infinite"}}),s("span",{children:e.fallback})]}),e.completion&&s("span",{style:{color:r,opacity:.62},children:e.completion}),e.fallback&&e.typed&&v("span",{style:{color:r,opacity:.68},children:["\u2192 ",e.fallback]})]})}var Cn=106,tn=42,nn=24,pi=7.5,ss=10,j2=140,fi=750,Ur=250,ds=200,W2=34,hi=44,cs=(tn-nn)/2,_2=hi+nn,us=10,jn=8,$e=32,ps=$e+8,fs=(ps-$e)/2,$t=250,hs=400,ms="cubic-bezier(0.16, 1, 0.3, 1)",gs=180,B2=[0,180,240,300],F2=40,V2=80,Q2=8;function ys(e,t,n=tn,r=F2,o=Cn){let i=e.left+o,a=e.top+n,l=Math.min(i,t.right)-Math.max(e.left,t.left),d=Math.min(a,t.bottom)-Math.max(e.top,t.top);if(l<=0||d<=0)return 1;let c=Math.min(l,d);return Math.max(0,1-c/r)}function bs(e,t,n,r=tn,o=V2,i=Q2,a=Cn){let l=Math.min(Math.max(e.x,n.left),n.right),d=Math.min(Math.max(e.y,n.top),n.bottom),c={x:l-e.x,y:d-e.y},u=Math.hypot(c.x,c.y);if(u===0)return 0;let p={x:c.x/u,y:c.y/u},h=[{x:t.left,y:t.top},{x:t.left+a,y:t.top},{x:t.left,y:t.top+r},{x:t.left+a,y:t.top+r}],f=Math.max(0,...h.map(y=>(y.x-e.x)*p.x+(y.y-e.y)*p.y)),g=Math.max(o,f+i);return Math.min(1,u/g)}function Z2(e,t=pi){return e===null?nn:Math.max(39,18+t*2+Math.ceil(e))}function q2(e,t,n){if(e==="stack"&&t==="align"){if(n==="start")return"align-start";if(n==="center")return"align-center";if(n==="end")return"align-end";if(n==="stretch")return"align-stretch";if(n==="baseline")return"align-baseline"}if(e==="stack"&&t==="justify"){if(n==="start")return"justify-start";if(n==="center")return"justify-center";if(n==="end")return"justify-end";if(n==="between")return"justify-between";if(n==="around")return"justify-around";if(n==="evenly")return"justify-evenly"}if(e==="text"&&t==="text-align"){if(n==="left")return"text-align-left";if(n==="center")return"text-align-center";if(n==="right")return"text-align-right";if(n==="justify")return"text-align-justify"}return null}var U2={padding:"padding",margin:"margin",border:"border",radius:"radius",stack:"stack-vertical",grid:"grid",text:"text-size",color:"palette",transform:"transform-translate",opacity:"opacity"},J2={top:0,right:90,bottom:180,left:270},Y2={"top-right":0,"bottom-right":90,"bottom-left":180,"top-left":270};function X2(e,t="all",n){return xn(e,t)?{name:"palette",rotation:0}:e==="stack"?t==="horizontal"?{name:"stack-horizontal",rotation:90}:t==="align"?{name:"align",rotation:0}:t==="justify"?{name:"justify",rotation:0}:{name:"stack-vertical",rotation:0}:e==="grid"?{name:t==="rows"?"grid-rows":t==="columns"?"grid-columns":"grid",rotation:90}:e==="text"?{name:t==="weight"?"text-weight":t==="line-height"?"text-leading":t==="letter-spacing"?"text-tracking":t==="text-align"?"text-align":"text-size",rotation:0}:e==="transform"?{name:t==="scale"?"transform-scale":t==="rotate"?"transform-rotate":"transform-translate",rotation:0}:e==="opacity"?{name:t==="mix-blend"?"mix-blend":"opacity",rotation:0}:t==="all"?{name:U2[e],rotation:0}:e==="radius"?{name:"radius-top-right",rotation:Y2[t]??0}:{name:e==="padding"?t==="x"?"padding-x":t==="y"?"padding-y":"padding-top":e==="margin"?t==="x"?"margin-x":t==="y"?"margin-y":"margin-top":"border-top",rotation:(e==="border"?90:0)+(J2[t]??0)}}function K2({name:e}){switch(e){case"padding":return s("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V9C1.625 9.871 2.194 10.375 2.667 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V3C10.375 2.129 9.806 1.625 9.333 1.625H2.667ZM7.375 3A0.625 0.625 0 0 1 7.375 4.25H4.625A0.625 0.625 0 0 1 4.625 3H7.375Z",fill:"currentColor"});case"padding-top":return s("path",{d:"M9.333 1.375C10.701 1.375 11.625 2.662 11.625 4V10A0.625 0.625 0 0 1 10.375 10V4C10.375 3.129 9.806 2.625 9.333 2.625H2.667C2.194 2.625 1.625 3.129 1.625 4V10A0.625 0.625 0 0 1 0.375 10V4C0.375 2.662 1.299 1.375 2.667 1.375H9.333ZM7.375 5A0.625 0.625 0 0 1 7.375 6.25H4.625A0.625 0.625 0 0 1 4.625 5H7.375Z",fill:"currentColor"});case"padding-x":return s("path",{d:"M2.75 0.375C3.095 0.375 3.375 0.655 3.375 1S3.095 1.625 2.75 1.625C2.344 1.625 2.073 1.759 1.904 1.929C1.733 2.101 1.625 2.354 1.625 2.667V9.333C1.625 9.646 1.733 9.899 1.904 10.071C2.073 10.241 2.344 10.375 2.75 10.375C3.095 10.375 3.375 10.655 3.375 11S3.095 11.625 2.75 11.625C2.052 11.625 1.448 11.386 1.018 10.952C0.59 10.522 0.375 9.941 0.375 9.333V2.667C0.375 2.059 0.59 1.478 1.018 1.048C1.448 0.614 2.052 0.375 2.75 0.375ZM9.25 0.375C9.948 0.375 10.552 0.614 10.982 1.048C11.41 1.478 11.625 2.059 11.625 2.667V9.333C11.625 9.941 11.41 10.522 10.982 10.952C10.552 11.386 9.948 11.625 9.25 11.625C8.905 11.625 8.625 11.345 8.625 11S8.905 10.375 9.25 10.375C9.656 10.375 9.927 10.241 10.096 10.071C10.267 9.899 10.375 9.646 10.375 9.333V2.667C10.375 2.354 10.267 2.101 10.096 1.929C9.927 1.759 9.656 1.625 9.25 1.625C8.905 1.625 8.625 1.345 8.625 1S8.905 0.375 9.25 0.375ZM8.079 5.25C8.424 5.25 8.704 5.53 8.704 5.875S8.424 6.5 8.079 6.5H3.921C3.576 6.5 3.296 6.22 3.296 5.875S3.576 5.25 3.921 5.25H8.079Z",fill:"currentColor"});case"padding-y":return s("path",{d:"M11.625 2.75C11.625 3.095 11.346 3.375 11 3.375S10.375 3.095 10.375 2.75C10.375 2.344 10.241 2.073 10.072 1.904C9.899 1.733 9.646 1.625 9.333 1.625H2.667C2.355 1.625 2.102 1.733 1.929 1.904C1.759 2.073 1.625 2.344 1.625 2.75C1.625 3.095 1.346 3.375 1 3.375S0.375 3.095 0.375 2.75C0.375 2.052 0.615 1.448 1.048 1.018C1.479 0.59 2.06 0.375 2.667 0.375H9.333C9.941 0.375 10.522 0.59 10.953 1.018C11.386 1.448 11.625 2.052 11.625 2.75ZM11.625 9.25C11.625 9.948 11.386 10.552 10.953 10.982C10.522 11.41 9.941 11.625 9.333 11.625H2.667C2.06 11.625 1.479 11.41 1.048 10.982C0.615 10.552 0.375 9.948 0.375 9.25C0.375 8.905 0.655 8.625 1 8.625S1.625 8.905 1.625 9.25C1.625 9.656 1.759 9.927 1.929 10.096C2.102 10.267 2.355 10.375 2.667 10.375H9.333C9.646 10.375 9.899 10.267 10.072 10.096C10.241 9.927 10.375 9.656 10.375 9.25C10.375 8.905 10.655 8.625 11 8.625S11.625 8.905 11.625 9.25ZM6.75 8.079C6.75 8.424 6.471 8.704 6.125 8.704S5.5 8.424 5.5 8.079V3.921C5.5 3.576 5.78 3.296 6.125 3.296S6.75 3.576 6.75 3.921V8.079Z",fill:"currentColor"});case"margin":return s("path",{d:"M9.333 4.525C10.701 4.525 11.625 5.812 11.625 7.15V8.15C11.625 9.488 10.701 10.775 9.333 10.775H2.667C1.299 10.775 0.375 9.488 0.375 8.15V7.15C0.375 5.812 1.299 4.525 2.667 4.525H9.333ZM2.667 5.775C2.194 5.775 1.625 6.279 1.625 7.15V8.15C1.625 9.021 2.194 9.525 2.667 9.525H9.333C9.806 9.525 10.375 9.021 10.375 8.15V7.15C10.375 6.279 9.806 5.775 9.333 5.775H2.667ZM8.375 1.2A0.625 0.625 0 0 1 8.375 2.45H3.625A0.625 0.625 0 0 1 3.625 1.2H8.375Z",fill:"currentColor"});case"margin-top":return s("path",{d:"M9.333 4.575C10.701 4.575 11.625 5.862 11.625 7.2V10.2A0.625 0.625 0 0 1 10.375 10.2V7.2C10.375 6.329 9.806 5.825 9.333 5.825H2.667C2.194 5.825 1.625 6.329 1.625 7.2V10.2A0.625 0.625 0 0 1 0.375 10.2V7.2C0.375 5.862 1.299 4.575 2.667 4.575H9.333ZM8.375 1.25A0.625 0.625 0 0 1 8.375 2.5H3.625A0.625 0.625 0 0 1 3.625 1.25H8.375Z",fill:"currentColor"});case"margin-x":return s("path",{d:"M11.277 2.902C11.622 2.902 11.902 3.182 11.902 3.527V8.277C11.902 8.622 11.622 8.902 11.277 8.902S10.652 8.622 10.652 8.277V3.527C10.652 3.182 10.931 2.902 11.277 2.902ZM0.724 2.901C1.069 2.901 1.349 3.181 1.349 3.526V8.276C1.349 8.621 1.069 8.901 0.724 8.901S0.099 8.621 0.099 8.276V3.527C0.099 3.182 0.379 2.901 0.724 2.901ZM7.333 3.325C8.643 3.325 9.543 4.506 9.617 5.781C9.62 5.805 9.625 5.829 9.625 5.853L9.622 5.901L9.625 5.95C9.625 5.974 9.62 5.998 9.617 6.021C9.544 7.297 8.643 8.478 7.333 8.478H4.667C3.357 8.478 2.456 7.297 2.382 6.021C2.379 5.998 2.375 5.974 2.375 5.95L2.377 5.901L2.375 5.853C2.375 5.829 2.379 5.805 2.382 5.781C2.456 4.506 3.358 3.325 4.667 3.325H7.333ZM4.667 4.575C4.203 4.575 3.647 5.06 3.626 5.901C3.647 6.742 4.203 7.228 4.667 7.228H7.333C7.798 7.228 8.352 6.742 8.372 5.901C8.351 5.06 7.798 4.575 7.333 4.575H4.667Z",fill:"currentColor"});case"margin-y":return s("path",{d:"M8.375 10.001C8.72 10.001 9 10.281 9 10.626S8.72 11.251 8.375 11.251H3.625C3.28 11.251 3 10.971 3 10.626S3.28 10.001 3.625 10.001H8.375ZM9.333 3.325C10.642 3.325 11.543 4.506 11.617 5.781C11.62 5.805 11.625 5.829 11.625 5.853L11.622 5.901L11.625 5.95C11.625 5.974 11.619 5.998 11.617 6.021C11.543 7.297 10.643 8.478 9.333 8.478H2.667C1.357 8.478 0.455 7.297 0.381 6.021C0.379 5.998 0.375 5.974 0.375 5.95L0.377 5.901L0.375 5.853C0.375 5.829 0.379 5.805 0.381 5.781C0.456 4.506 1.357 3.325 2.667 3.325H9.333ZM2.667 4.575C2.202 4.575 1.648 5.061 1.627 5.901C1.647 6.742 2.202 7.228 2.667 7.228H9.333C9.797 7.228 10.352 6.742 10.373 5.901C10.352 5.06 9.797 4.575 9.333 4.575H2.667ZM8.376 0.751C8.721 0.751 9.001 1.031 9.001 1.376S8.72 2.001 8.376 2.001H3.626C3.28 2.001 3.001 1.72 3.001 1.375S3.281 0.751 3.626 0.751H8.376Z",fill:"currentColor"});case"border":return s(Me,{children:s("path",{d:"M4 1.25H8M4 10.75H8M1.25 8V4M10.75 8V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"radius":return s(Me,{children:s("path",{d:"M3.25 1.25C2.145 1.25 1.25 2.145 1.25 3.25M10.75 3.25C10.75 2.145 9.855 1.25 8.75 1.25M3.25 10.75C2.145 10.75 1.25 9.855 1.25 8.75M10.75 8.75C10.75 9.855 9.855 10.75 8.75 10.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"gap-x":return v(Me,{children:[s("path",{d:"M6.625 9.375A0.625 0.625 0 0 1 5.375 9.375V2.625A0.625 0.625 0 0 1 6.625 2.625V9.375Z",fill:"currentColor"}),s("circle",{cx:"1.252",cy:"1.248",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),s("circle",{cx:"1.252",cy:"6",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),s("circle",{cx:"1.252",cy:"10.752",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"})]});case"gap-y":return v(Me,{children:[s("path",{d:"M9.375 5.375A0.625 0.625 0 0 1 9.375 6.625H2.625A0.625 0.625 0 0 1 2.625 5.375H9.375Z",fill:"currentColor"}),s("circle",{cx:"1.248",cy:"10.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"1.248",cy:"1.252",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6",cy:"10.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6",cy:"1.252",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.752",cy:"10.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.752",cy:"1.252",r:"0.748",fill:"currentColor"})]});case"border-top":return v(Me,{children:[s("path",{d:"M3.25 0.5A0.75 0.75 0 0 1 3.25 2C2.56 2 2 2.56 2 3.25V8.75C2 9.44 2.56 10 3.25 10A0.75 0.75 0 0 1 3.25 11.5C1.731 11.5 0.5 10.269 0.5 8.75V3.25C0.5 1.731 1.731 0.5 3.25 0.5Z",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6.625",cy:"10.752",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),s("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),s("circle",{cx:"6.625",cy:"1.248",r:"0.748",fill:"currentColor"})]});case"radius-top-right":return v(Me,{children:[s("path",{d:"M8.25 1.25H8.75A2 2 0 0 1 10.75 3.25V3.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),s("circle",{cx:"9.748",cy:"9.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"2.248",cy:"9.748",r:"0.748",fill:"currentColor"}),s("circle",{cx:"2.248",cy:"2.248",r:"0.748",fill:"currentColor"})]});case"stack-vertical":case"stack-horizontal":return s("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM1.625 6.625V9C1.625 9.871 2.194 10.375 2.667 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V6.625H1.625ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H10.375V3C10.375 2.129 9.806 1.625 9.333 1.625H2.667Z",fill:"currentColor"});case"align":return v(Me,{children:[s("path",{d:"M1 2H11M2.5 5.25H9.5M4 8.5H8",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("path",{d:"M6 0.75V10.75",stroke:"currentColor",strokeWidth:"0.75",strokeDasharray:"1 2"})]});case"justify":return v(Me,{children:[s("path",{d:"M1 1.5V10.5M11 1.5V10.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("path",{d:"M3 3H9M3 6H9M3 9H9",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})]});case"grid":return s("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM6.625 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V6.625H6.625V10.375ZM1.625 9C1.625 9.871 2.194 10.375 2.667 10.375H5.375V6.625H1.625V9ZM6.625 5.375H10.375V3C10.375 2.129 9.806 1.625 9.333 1.625H6.625V5.375ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H5.375V1.625H2.667Z",fill:"currentColor"});case"grid-rows":return s("path",{d:"M4.512 0.385C5.781 0.491 6.625 1.721 6.625 3V9C6.625 10.279 5.78 11.508 4.511 11.614C4.477 11.62 4.443 11.625 4.408 11.625H2.666C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H4.409C4.444 0.375 4.478 0.379 4.512 0.385ZM10.748 10.004C11.161 10.004 11.497 10.339 11.497 10.752C11.497 11.165 11.161 11.5 10.748 11.5C10.335 11.5 10 11.165 10 10.752C10 10.339 10.335 10.004 10.748 10.004ZM1.625 9C1.625 9.871 2.193 10.375 2.666 10.375H4.333C4.806 10.375 5.375 9.871 5.375 9V6.625H1.625V9ZM10.748 5.252C11.161 5.252 11.497 5.587 11.497 6C11.497 6.413 11.161 6.748 10.748 6.748C10.335 6.748 10 6.413 10 6C10 5.587 10.335 5.252 10.748 5.252ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H5.375V3C5.375 2.129 4.806 1.625 4.333 1.625H2.667ZM10.748 0.5C11.161 0.5 11.497 0.835 11.497 1.248C11.497 1.661 11.161 1.997 10.748 1.997C10.335 1.997 10 1.661 10 1.248C10 0.835 10.335 0.5 10.748 0.5Z",fill:"currentColor"});case"grid-columns":return s("path",{d:"M0.321 7.424C0.427 6.155 1.657 5.311 2.936 5.311H8.936C10.215 5.311 11.444 6.156 11.55 7.425C11.556 7.458 11.561 7.493 11.561 7.528V9.27C11.56 10.637 10.274 11.561 8.936 11.561H2.936C1.598 11.561 0.311 10.636 0.311 9.269V7.527C0.311 7.492 0.315 7.458 0.321 7.424ZM9.94 1.188C9.94 0.775 10.275 0.439 10.688 0.439C11.101 0.439 11.437 0.774 11.437 1.188C11.437 1.601 11.101 1.936 10.688 1.936C10.275 1.936 9.94 1.601 9.94 1.188ZM8.936 10.311C9.806 10.311 10.31 9.743 10.311 9.27V7.603C10.311 7.129 9.807 6.561 8.936 6.561H6.561V10.311H8.936ZM5.188 1.188C5.188 0.775 5.523 0.439 5.936 0.439C6.349 0.439 6.685 0.774 6.685 1.188C6.685 1.601 6.349 1.936 5.936 1.936C5.523 1.936 5.188 1.601 5.188 1.188ZM1.561 9.269C1.561 9.742 2.065 10.311 2.936 10.311H5.311V6.561H2.936C2.065 6.561 1.561 7.129 1.561 7.603V9.269ZM0.436 1.188C0.436 0.774 0.772 0.439 1.185 0.439C1.598 0.439 1.933 0.775 1.933 1.188C1.933 1.601 1.598 1.936 1.185 1.936C0.772 1.936 0.436 1.601 0.436 1.188Z",fill:"currentColor"})}}function pr({family:e,size:t=12,step:n,subproperty:r="all"}){let o=X2(e,r),i=o.name==="text-size"?sc:o.name==="text-weight"?dc:o.name==="text-leading"?cc:o.name==="text-tracking"?uc:o.name==="text-align"?ba:o.name==="palette"?va:o.name==="transform-translate"?pc:o.name==="transform-scale"?fc:o.name==="transform-rotate"?hc:o.name==="opacity"?mc:o.name==="mix-blend"?gc:null;return i?s(i,{"aria-hidden":"true","data-popmelt-sticker-icon":`${e}-${r}`,width:t,height:t,strokeWidth:2.5,style:{display:"block",transform:o.rotation?`rotate(${o.rotation}deg)`:void 0,transition:`width ${$t}ms ease, height ${$t}ms ease`}}):s("svg",{"aria-hidden":"true","data-popmelt-sticker-icon":`${e}-${r}`,viewBox:"0 0 12 12",fill:"none",style:{width:t,height:t,display:"block",transform:o.rotation?`rotate(${o.rotation}deg)`:void 0,transition:`width ${$t}ms ease, height ${$t}ms ease`},children:s(K2,{name:o.name})})}function G2(e,t){let n=(ut.indexOf(e)+t%ut.length+ut.length)%ut.length;return ut[n]}function ef(e,t){let n=ut.indexOf(e),r=(ut.indexOf(t)-n+ut.length)%ut.length;return r<=ut.length/2?r:r-ut.length}function tf(e,t,n,r="all"){let o=wn(e,r),i=(o.indexOf(t)+n%o.length+o.length)%o.length;return o[i]}function nf(e,t,n,r="all"){let o=wn(e,r),i=o.indexOf(t),a=(o.indexOf(n)-i+o.length)%o.length;return a<=o.length/2?a:a-o.length}function mi({offset:e,colors:t,renderItem:n,showControl:r=!0,activeColor:o,snapActiveColor:i=!1}){let a=[e-2,e-1,e,e+1,e+2];return v("div",{style:{position:"relative",width:96,height:32,overflow:"hidden"},children:[r&&s("span",{"aria-hidden":"true",style:{position:"absolute",left:$e,top:0,width:$e,height:$e,borderRadius:$e/2,background:t.control}}),s("div",{"data-popmelt-sticker-rail":!0,style:{position:"absolute",inset:0,transform:`translateX(${-e*$e}px)`,transition:`transform ${$t}ms ease`,willChange:"transform"},children:a.map(l=>{let d=l===e;return s("span",{style:{position:"absolute",left:$e+l*$e,top:0,width:$e,height:$e,display:"flex",alignItems:"center",justifyContent:"center",color:d?o??t.primary:t.mutedStrong,transition:i?"none":`color ${hs}ms ${ms}`},children:n(l,d)},l)})})]})}function rf({family:e,colors:t,showControl:n=!0,activeColor:r,snapActiveColor:o}){let i=$(e),a=$(e),[l,d]=R(0);return qe(()=>{if(a.current===e)return;let c=ef(a.current,e);a.current=e,d(u=>u+c)},[e]),s(mi,{offset:l,colors:t,showControl:n,activeColor:r,snapActiveColor:o,renderItem:(c,u)=>{let p=G2(i.current,c);return s(pr,{family:p,subproperty:"all",size:u?14:12})}})}function of({color:e,colors:t,showControl:n=!0}){let r=$(e),o=$(e),[i,a]=R(0);return qe(()=>{if(o.current===e)return;let l=M0(o.current,e);o.current=e,a(d=>d+l)},[e]),s(mi,{offset:i,colors:t,showControl:n,renderItem:(l,d)=>{let c=I0(r.current,l),u=d?14:12;return s("span",{"aria-label":c,"data-popmelt-sticker-color":c,style:{width:u,height:u,borderRadius:"50%",background:sr(c,ri),boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 0.08)",transition:`width ${$t}ms ease, height ${$t}ms ease`}})}})}function af({name:e,size:t}){let n=e==="align-start"?xc:e==="align-center"?wc:e==="align-end"?Cc:e==="align-stretch"?kc:e==="justify-start"?Sc:e==="justify-center"?Ic:e==="justify-end"?Mc:e==="justify-between"?Tc:e==="justify-around"?Ec:e==="text-align-left"?ba:e==="text-align-center"?Lc:e==="text-align-right"?Ac:e==="text-align-justify"?$c:null;return n?s(n,{"aria-hidden":"true","data-popmelt-sticker-step-icon":e,width:t,height:t,strokeWidth:2.25,style:{display:"block"}}):s("svg",{"aria-hidden":"true","data-popmelt-sticker-step-icon":e,width:t,height:t,viewBox:"0 0 14 14",fill:"none",style:{display:"block"},children:e==="align-baseline"?v(Me,{children:[s("path",{d:"M1.5 10.5H12.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("path",{d:"M3 8V4.75M3 4.75H6.5M6.5 4.75V8M8.5 8V6M8.5 6H11M11 6V8",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]}):v(Me,{children:[s("path",{d:"M1.5 2V12M12.5 2V12",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),s("rect",{x:"3.25",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),s("rect",{x:"8.75",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),s("circle",{cx:"7",cy:"7",r:"0.75",fill:"currentColor"})]})})}function lf({family:e,step:t,subproperty:n,colors:r,showControl:o=!0,unavailable:i=!1,activeColor:a,snapActiveColor:l=!1}){let d=$(t),c=$(t),[u,p]=R(0);return F(()=>{if(c.current===t)return;let h=nf(e,c.current,t,n);c.current=t,p(f=>f+h)},[e,t,n]),s(mi,{offset:u,colors:r,showControl:o,activeColor:a??(i?r.muted:r.primary),snapActiveColor:l,renderItem:(h,f)=>{let g=tf(e,d.current,h,n),y=q2(e,n,g);return s("span",{"data-popmelt-sticker-step-unavailable":f&&i?"true":void 0,style:{alignItems:"center",display:"flex",fontSize:f?14:12,justifyContent:"center",transition:`font-size ${$t}ms ease`},children:y?s(af,{name:y,size:f?14:12}):G0(g,e,n)})}})}function sf(e,t="padding",n="all"){return xn(t,n)?e==="family"?{family:0,variant:-$e,value:-$e*2}:e==="variant"?{family:$e,variant:0,value:-$e}:{family:$e*2,variant:$e,value:0}:e==="family"?{family:0,variant:-$e*2,value:-$e}:{family:$e,variant:-$e,value:0}}function df(e){return e==="family"?0:hi-cs}function vs(e){return e==="family"?$e/nn:1}function cf(e){return e==="family"?14/(12*vs(e)):1}function uf(e,t,n){return`${e}:${t}:${n}`}function pf(e,t,n="all"){return t==="value"||xn(e,n)&&t==="variant"}function ff(e,t){let n=Br(e),r=ii(e,t);return r===n?n:`${n} ${r}`}function hf(e,t,n){return rt(n)?e==="color"?t!=="family":(e==="text"||e==="border")&&t==="value":!1}function mf({family:e,step:t,subproperty:n,stage:r,accentColor:o,applyPulse:i=0,snapPulse:a=0,stepUnavailable:l=!1,colors:d}){let c=sf(r,e,n),u=$(r),p=$(i),h=$(a),[f,g]=R(!1),y=h.current!==a;qe(()=>{h.current=a},[a]),qe(()=>{let k=u.current!==r&&r!=="family",w=r==="value"&&p.current!==i;if(u.current=r,p.current=i,!k&&!w)return;g(!0);let E=window.requestAnimationFrame(()=>g(!1));return()=>window.cancelAnimationFrame(E)},[i,r]);let C=k=>({position:"absolute",left:0,right:0,top:fs,height:$e,transform:`translateY(${k}px)`,transition:y?"none":`transform ${$t}ms ease`,willChange:"transform"});return v("div",{"data-popmelt-sticker-depth-rail":r,style:{position:"relative",width:96,height:ps,marginBlock:-4,overflow:"hidden",zIndex:2},children:[s("span",{"aria-hidden":"true","data-popmelt-sticker-depth-control":!0,style:{position:"absolute",left:$e,top:fs,width:$e,height:$e,borderRadius:$e/2,background:f?o:d.control,transition:f?"none":`background ${hs}ms ${ms}`}}),s("div",{"aria-hidden":r!=="family","data-popmelt-sticker-depth-row":"family",style:C(c.family),children:s(rf,{family:e,colors:d,showControl:!1,activeColor:f?d.surface:d.primary,snapActiveColor:f})}),s("div",{"aria-hidden":r!=="variant","data-popmelt-sticker-depth-row":"variant",style:C(c.variant),children:xn(e,n)&&rt(n)&&s(of,{color:n,colors:d,showControl:!1})}),s("div",{"aria-hidden":r!=="value","data-popmelt-sticker-depth-row":"value",style:C(c.value),children:s(lf,{family:e,step:t,subproperty:n,colors:d,showControl:!1,unavailable:l,activeColor:f?d.surface:void 0,snapActiveColor:f},uf(r,e,n))})]})}function xs(e,t,n=tn,r=Cn){let o=e.x+us,i=e.y+us;return{left:Math.min(Math.max(jn,o),Math.max(jn,t.width-r-jn)),top:Math.min(Math.max(jn,i),Math.max(jn,t.height-n-jn))}}function ws(e,t,n){return n?0:Math.min(e,t)}function gf({cursor:e,family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a=0,contextLabelPulse:l=0,depthSnapPulse:d=0,rejectPulse:c=0,stepUnavailable:u=!1,query:p=null,toolbarElement:h,threadElement:f,annotationRailHovered:g=!1}){let[y]=ho(),C=Ie[y],k=`color-mix(in srgb, ${C.actionForeground} 16%, ${C.actionSurface})`,w=U0(t,r),E=$(t),M=$(o),S=$(r),T=$(o),N=$(a),H=$(l),P=$(c),L=$(null),W=$(!1),Z=$(!1),ae=$(0),pe=$(0),le=$(0),J=$(0),[ye,G]=R(null),[be,Ee]=R(!1),[X,xe]=R(!1),[A,I]=R(!1),[j,_]=R(null),[O,ee]=R(!1),[we,te]=R(0),[Je,q]=R(!1),[He,re]=R(!1);qe(()=>{if(P.current===c)return;P.current=c,re(!1);let je=window.requestAnimationFrame(()=>re(!0)),Pe=window.setTimeout(()=>re(!1),240);return()=>{window.cancelAnimationFrame(je),window.clearTimeout(Pe)}},[c]),qe(()=>{let je=T.current!==o&&o!=="family",Pe=o==="value"&&N.current!==a;if(T.current=o,N.current=a,!je&&!Pe)return;q(!0);let Vt=window.requestAnimationFrame(()=>q(!1));return()=>window.cancelAnimationFrame(Vt)},[a,o]),qe(()=>{let je=M.current!=="family"&&o==="family";M.current=o;let Pe=(Nt=!1)=>{ae.current&&window.cancelAnimationFrame(ae.current),Nt||window.clearTimeout(pe.current),window.clearTimeout(le.current),window.clearTimeout(J.current),ae.current=0,Nt||(pe.current=0),le.current=0,J.current=0},Vt=Nt=>{let Ae=ds;le.current=window.setTimeout(()=>{xe(Nt),Z.current=!1,Ee(!1)},fi),J.current=window.setTimeout(()=>{W.current=!1,G(null)},fi+Ae+W2)};if(o!=="family"){if(Pe(),E.current=t,!W.current)return;xe(!0),Z.current=!1,Ee(!1),J.current=window.setTimeout(()=>{W.current=!1,G(null)},Ur);return}if(!(E.current===t&&!je)){if(E.current=t,W.current=!0,G(t),je){Pe(),xe(!1),I(!0),Z.current=!0,Ee(!0),pe.current=window.setTimeout(()=>{pe.current=0,I(!1)},Ur),Vt(!1);return}pe.current||(Pe(!0),I(!1),xe(!1),Z.current||(Z.current=!0,Ee(!0)),Vt(!1))}},[t,o]),F(()=>()=>{window.cancelAnimationFrame(ae.current),window.clearTimeout(pe.current),window.clearTimeout(le.current),window.clearTimeout(J.current)},[]),F(()=>{let je=H.current!==l;if(H.current=l,!pf(t,o,r)){_(null),ee(!1),S.current=r;return}if(E.current!==t){S.current=r,_(null),ee(!1);return}if(S.current===r&&!je)return;S.current=r,ee(je),_(je?ff(t,r):ii(t,r));let Pe=window.setTimeout(()=>{_(null),ee(!1)},fi);return()=>window.clearTimeout(Pe)},[l,t,o,r]),qe(()=>{if(!j||!L.current){te(0);return}te(L.current.scrollWidth)},[j]);let Le=Z2(j?we:null,O?ss:pi),me=O?ss:pi,Ce=j?0:j2,fe=p||o!=="family"||ye?_2:tn,st=ue(()=>xs(e,{width:typeof window>"u"?Cn:window.innerWidth,height:typeof window>"u"?tn:window.innerHeight},fe),[fe,e]),Mt=h?ys(st,h.getBoundingClientRect(),fe):1,Ht=f?bs(e,st,f.getBoundingClientRect(),fe):1,ge=ws(Mt,Ht,g),Ne={position:"fixed",left:st.left,top:st.top,width:Cn,height:tn,display:"flex",alignItems:"center",justifyContent:"center",gap:1,boxSizing:"border-box",padding:4,border:`1px solid ${C.border}`,borderRadius:22,background:C.surface,color:C.primary,fontFamily:St,fontSize:12,fontWeight:600,lineHeight:1,pointerEvents:"none",overflow:"visible",opacity:ge,transform:`scale(${ge})`,transformOrigin:`${e.x-st.left}px ${e.y-st.top}px`,visibility:ge===0?"hidden":"visible",animation:He?"popmeltStickerReject 220ms ease-out":void 0,zIndex:2147483647,colorScheme:y},dt=p?O2(p):"";return v("div",{role:"status","aria-label":p?`Sticker search: ${dt||"search tokens"}`:`Sticker ${o}: ${o==="family"?t:o==="variant"?w:`${n} ${w}`}`,"data-popmelt-sticker-hud":!0,"aria-hidden":g||void 0,style:Ne,children:[s("style",{children:`@keyframes popmeltStickerReject {
|
|
256
256
|
${Yn}
|
|
257
257
|
}
|
|
258
258
|
@keyframes popmeltStickerFamilyLabelEnter {
|
|
@@ -268,7 +268,7 @@ Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{
|
|
|
268
268
|
@keyframes popmeltStickerQueryCaret {
|
|
269
269
|
0%, 45% { opacity: 1; }
|
|
270
270
|
55%, 100% { opacity: 0; }
|
|
271
|
-
}`}),s("span",{"aria-hidden":"true","data-popmelt-sticker-wheel-shell":!0,style:{position:"absolute",inset:1,borderRadius:21,background:C.surface,zIndex:1}}),s(ff,{family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a,snapPulse:d,stepUnavailable:u,colors:C}),!p&&v("span",{"aria-hidden":"true","data-popmelt-sticker-token-context":!0,"data-popmelt-sticker-token-context-stage":o,"data-popmelt-sticker-token-context-expanded":W?"true":"false",style:{position:"absolute",left:(Cn-Le)/2,top:cs,width:Le,height:nn,display:"flex",alignItems:"center",justifyContent:"center",gap:W?4:0,padding:W?`0 ${me}px`:0,boxSizing:"border-box",border:`1px solid ${k}`,borderRadius:nn/2,background:C.actionSurface,color:C.actionForeground,transform:`translateY(${lf(o)}px) scale(${vs(o)})`,transition:`left ${Ce}ms ease-out, width ${Ce}ms ease-out, gap ${Ce}ms ease-out, padding ${Ce}ms ease-out, transform ${$t}ms ease`,transformOrigin:"center",willChange:"left, width, transform",overflow:"hidden",zIndex:0},children:[s("span",{style:{display:"block",transform:`scale(${sf(o)})`,transition:`transform ${$t}ms ease`,transformOrigin:"center"},children:pf(t,o,r)?s("span",{"data-popmelt-sticker-color-context":r,style:{display:"block",width:12,height:12,borderRadius:"50%",background:sr(r,o==="value"?n:ri),boxShadow:"inset 0 0 0 1px rgb(255 255 255 / 0.16)"}}):s(pr,{family:t,subproperty:t==="text"&&o==="variant"&&rt(r)?"color":r})}),s("span",{ref:L,"data-popmelt-sticker-subproperty-label":!0,style:{flexShrink:0,opacity:W&&we>0?1:0,color:C.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transition:"opacity 120ms ease"},children:W})]}),p&&s(H2,{query:p,border:k,background:C.actionSurface,foreground:C.actionForeground,renderIcon:We=>s(pr,{family:We.family,subproperty:We.subproperty,size:12})}),s("span",{"aria-hidden":"true","data-popmelt-sticker-depth-burst":!0,style:{position:"absolute",left:(Cn-$e)/2,top:(tn-$e)/2,width:$e,height:$e,overflow:"visible",pointerEvents:"none",zIndex:3},children:j2.map(We=>s("span",{style:{position:"absolute",left:"50%",top:"50%",width:4,height:1.5,borderRadius:1,background:i,opacity:Je?1:0,transform:`translate(-50%, -50%) rotate(${We}deg) translateX(${Je?17:30}px) scaleX(${Je?.7:1})`,transformOrigin:"center",transition:Je?"none":`transform ${gs}ms cubic-bezier(0.16, 1, 0.3, 1), opacity ${gs}ms ease-out`,willChange:"transform, opacity"}},We))}),!p&&ye&&s("span",{"data-popmelt-sticker-family-label":!0,style:{position:"absolute",left:"50%",top:hi,height:nn,display:"flex",alignItems:"center",justifyContent:"center",padding:"0 10px",boxSizing:"border-box",opacity:be?1:0,transform:`translate(-50%, ${X?-35:0}px) scale(${X?.9:1})`,transformOrigin:"center",transition:`transform ${Ur}ms ease, opacity ${ds}ms ease`,animation:be&&A?`popmeltStickerFamilyLabelEnter ${Ur}ms ease`:void 0,border:`1px solid ${k}`,borderRadius:nn/2,background:C.actionSurface,color:C.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",willChange:"transform, opacity",zIndex:0},children:Br(ye)})]})}var mf=3,gf=250,gi=["reviewing","considering","thinking","zhuzhing","iterating","tweaking","reflecting","noodling","pondering","finessing","polishing","riffing"],yf=3e3;function bf(e){let t=pn(qi),[n,r]=R(0),[o,i]=R(()=>Math.floor(Math.random()*gi.length));return F(()=>{if(!e||!t)return;let a=setInterval(()=>r(d=>(d+1)%mf),gf),l=setInterval(()=>i(d=>(d+1)%gi.length),yf);return()=>{clearInterval(a),clearInterval(l)}},[e,t]),{charIndex:n,word:gi[o]}}function Cs(e){if(e.subjectLabel)return`<${e.subjectLabel}>`;let t=e.tagName,n=e.id?`#${e.id}`:"",r=e.className?`.${e.className.split(" ").slice(0,2).join(".")}`:"";return e.reactComponent?`<${e.reactComponent}> ${t}${n}${r}`:`${t}${n}${r}`}var vf=["id","data-pm","data-testid","data-test","data-cy","data-popmelt-media-id","data-popmelt-see-id","data-popmelt-subject-key","aria-label","name","href"],xf=["style","class","open","hidden","aria-hidden","data-state"];function yi(e){let t=new Set(vf);for(let n of e){/\.[\w\\-]/.test(n)&&t.add("class");for(let r of n.matchAll(/\[\s*([\w:-]+)/g))t.add(r[1]);if(/:(checked|disabled|enabled|required|optional|read-only|read-write)\b/.test(n))for(let r of["checked","selected","disabled","required","readonly","contenteditable"])t.add(r)}return{attributes:[...new Set([...t,...xf])],changesIdentity:n=>n.type!=="attributes"||t.has(n.attributeName??"")}}var bi=12,ks=.24,Ss=8;function Is(e){return{boxSizing:"border-box",height:22,display:"flex",alignItems:"center",gap:4,backgroundColor:e,color:"#fff",fontSize:bi,lineHeight:`${bi*Zi}px`,fontFamily:Qi,letterSpacing:`${ks}px`,padding:`0 ${Ss}px`,borderRadius:8,whiteSpace:"nowrap",maxWidth:400}}var wf={overflow:"hidden",textOverflow:"ellipsis",flex:1,minWidth:0};function Ms(e,t){return!!(t&&(e===t||e.contains(t)))}function vi(e){let t=new Set(["resolved","needs_review","waiting_input","failed"]);return!!(e.type==="text"&&e.text&&e.linkedSelector&&e.status&&t.has(e.status)&&e.threadId)}function xi(e){let t=e.status??"pending",n=new Set(["pending","sending","in_flight","resolved","waiting_input","failed"]);return!!(e.type==="text"&&e.text&&e.linkedSelector&&n.has(t))}function Cf(e,t,n,r){return t?r?.get(e)??n:n}function kf(e,t,n){return n?.color?n.color:t?.pending===!1&&(t.threadState||t.awaitingReview)?t.color:e}function Sf(e,t){return t?"#888888":e}function If(e){return e.isInFlight?"#888888":e.comment?e.comment.pending===!1?"#888888":e.threadAccentColor:e.isInFlight||e.hasThreadState||e.hasStickers?"#888888":e.accentColor}function Mf(e){return e.textChangeCount>0&&e.styleChangeCount===0?{label:`Text changed: ${e.modifiedText?.replace(/\s+/g," ").trim()||"Empty text"}`}:{label:e.elementLabel}}function Tf(e,t){if(e){if(e.threadId)return{type:"open-thread",threadId:e.threadId};if(e.pending!==!1)return{type:"edit-comment",annotationId:e.id};if(e.threadState?.threadId)return{type:"open-thread",threadId:e.threadState.threadId}}return t?{type:"open-thread",threadId:t}:{type:"none"}}function Ts(e,t){let n=e.get(t);return n?(clearTimeout(n),e.delete(t),!0):!1}function Ef(e,t,n,r=1e3){Ts(e,t),e.set(t,setTimeout(()=>{e.delete(t),n()},r))}function Lf(e,t){return!e||e.selector!==t.selector?{...t,expandedIndices:[t.index]}:t.index===e.index?e:{...t,expandedIndices:t.index>e.index?[...new Set([...e.expandedIndices,t.index])]:[...new Set([...e.expandedIndices.filter(n=>n<=t.index),t.index])]}}function Jr(e,t,n){return e!==null&&e.selector===t&&e.expandedIndices.includes(n)}function Es(e,t){return e?.selector===t?null:e}function Af({isInFlight:e,isQueued:t=!1,threadStatus:n}){return e?"working":t||n==="in_flight"?"queued":n==="waiting_input"?"question":n==="failed"?"failed":n==="resolved"?"replied":"draft"}function Ls({selector:e,label:t,tokens:n}){return JSON.stringify([e,t,n])}function Yr({hasElementChanges:e=!1,hasPendingChanges:t,hasThreadState:n,isHovered:r,hasTimedReveal:o,isRevealedSticker:i}){let a=(e||t||n)&&!r;return{annotationCollapsed:a,stickerCollapsed:a&&!i,sendCompact:a&&!o}}function rn(e){return e.selection?`${e.selection.family}:${e.selection.subproperty}`:`custom:${e.custom.property}`}function $f(e,t){return!e||!!t}function Nf(e,t){return{paddingLeft:e===0?8:xd,paddingRight:8,zIndex:t-e+1}}function Rf(e){let t=[];for(let n of e){let r=n.sticker?{token:n.sticker.axisSteps?`translate-x-${n.sticker.axisSteps.x}-y-${n.sticker.axisSteps.y}`:ai(n.sticker.family,n.sticker.step,n.sticker.subproperty),selection:n.sticker}:{token:n.modified,custom:{property:n.property,value:n.modified}};t.some(o=>rn(o)===rn(r))||t.push(r)}return t}function Pf({property:e}){let t,n=/^(padding|margin)(?:-(top|right|bottom|left))?$/.exec(e);n&&(t={family:n[1],subproperty:n[2]??"all"});let r=/^border-(top|right|bottom|left)-width$/.exec(e);r&&(t={family:"border",subproperty:r[1]});let o=/^border-(top-left|top-right|bottom-right|bottom-left)-radius$/.exec(e);o&&(t={family:"radius",subproperty:o[1]});let i={"border-width":["border","all"],"border-radius":["radius","all"],"font-size":["text","size"],"font-weight":["text","weight"],"line-height":["text","line-height"],"letter-spacing":["text","letter-spacing"],"text-align":["text","text-align"],"flex-direction":["stack","direction"],"align-items":["stack","align"],"justify-content":["stack","justify"],gap:["stack","gap"],"grid-template-columns":["grid","columns"],"grid-template-rows":["grid","rows"],translate:["transform","translate"],scale:["transform","scale"],rotate:["transform","rotate"],opacity:["opacity","opacity"],"mix-blend-mode":["opacity","mix-blend"]}[e];if(i&&(t={family:i[0],subproperty:i[1]}),t)return s(pr,{...t});let a=/(^|-)color$|^(fill|stroke)$/.test(e)?va:/(^|-)(width|inline-size)$/.test(e)?yc:/(^|-)(height|block-size)$/.test(e)?bc:vc;return s(a,{"aria-hidden":"true","data-popmelt-property-icon":e,size:12,strokeWidth:2.5,style:{display:"block"}})}function jn(e){return e.comment?.threadState??e.threadState}function zf(e,t){return e.length===t.length&&e.every((n,r)=>{let o=t[r];return n.selector===o.selector&&n.label===o.label&&n.annotationNumber===o.annotationNumber&&n.domElement===o.domElement&&n.projectedRect===o.projectedRect&&n.threadState===o.threadState&&n.comment===o.comment&&n.hasPendingChanges===o.hasPendingChanges&&n.hasElementChanges===o.hasElementChanges&&n.transient===o.transient&&n.stickers.length===o.stickers.length&&n.stickers.every((i,a)=>{let l=o.stickers[a];return i.token===l.token&&i.selection===l.selection&&rn(i)===rn(l)})})}function As(e){return Cs(e.element)}var Xr=8;function Hf(e,t,n){if(n.avoidLeft===void 0&&n.avoidRight===void 0)return!0;let r=typeof window<"u"?window.innerWidth:9999,o=n.avoidLeft??0,i=n.avoidRight??r;return e+t>o&&e<i}function Of(e,t,n){return Hf(t,n,e)?e:{}}function $s(e){let t=e.stickers.map(r=>r.token).join(""),n=e.comment?.text??e.label;return Math.min(720,44+n.length*7.2+t.length*7.2)}function Ns(e,t){return t||e?.pending===!1?0:e?.imageCount??0}function Df(e,t,n,r,o,i){let a=n==="right"?`max(calc(-100% + ${r}px), calc(0px - max(0px, ${e}px)))`:`min(0px, calc(100vw - max(0px, ${e}px) - 100%))`,l=o!==void 0?`${o}px`:"0px",d=i!==void 0?`${i}px`:"100dvh";return`translate(${a}, min(max(0px, calc(${l} - max(0px, ${t}px))), calc(${d} - max(0px, ${t}px) - 100%)))`}function Rs({left:e,top:t,avoidTop:n,avoidBottom:r,anchor:o,horizontalAlignment:i="left",visualRef:a,style:l,children:d,...c}){let u=vd(o),p=e-u.left,h=t-u.top;return s("div",{"data-devtools":"badge-hit-area",...c,style:{position:"fixed",left:`max(0px, ${p}px)`,top:`max(0px, ${h}px)`,padding:`${u.top}px ${u.right}px ${u.bottom}px ${u.left}px`,transform:Df(p,h,i,u.left+u.right,n,r),...l},children:s("div",{ref:a,children:d})})}function Ps({targetDocument:e,subjectRegistry:t,projectedTargets:n,readOnly:r=!1,focusedSelector:o,styleModifications:i,textModifications:a,stagedComments:l,accentColor:d,annotationNumberBySelector:c,inFlightSelectors:u,inFlightAnnotationIds:p,activeAnnotationIds:h,inFlightSelectorJobIds:f,waitingApprovalJobIds:g,inFlightSelectorColors:y,toolbarRef:C,onHoverSelector:k,sendHintSelector:w,pendingBundleCount:E=1,onHoverSendBundle:M,onSend:S,onSelectSticker:T,onDeleteSticker:N,threadStates:H,onViewThread:P,hoveredElement:L,hoveredElementInfo:j,showHoverIdentifier:Z=!1,onEditComment:ae,onDeleteComment:pe,onDeletePeerComment:le,onDeletePeerStyles:J,onDiscardTextChanges:ye,onArchiveThread:G,onClearInteractionEpisode:be,onEditSubject:Ee,onDeleteSubject:X,onHoverSubjectLabel:xe,activeCommentEntry:A,refreshKey:I}){let W=pn(qi),[_,O]=R([]),[ee,we]=R(null),[te,Je]=R(null),[q,He]=R(()=>new Map),re=$(new Map),Le=$(new Map),me=$(new Map),Ce=$(new Map),fe=$(new Map),st=$(new Map),Mt=oe(b=>{Ts(fe.current,b)},[]),Ht=oe(b=>{Ef(fe.current,b,()=>{Je(ne=>ne===b?null:ne),we(ne=>ne?.selector===b?null:ne)})},[]),ge=oe((b,ne,K)=>{we(he=>Lf(he,{selector:b,target:ne,index:K}))},[]),Ne=oe(b=>!!u?.has(b.selector)||!!b.comment&&!!h?.has(b.comment.id),[h,u]),dt=oe((b,ne)=>!Ne(b)&&(!!b.comment&&!!p?.has(b.comment.id)||ne?.status==="in_flight"),[Ne,p]),We=oe(b=>{let ne=li(b.hasPendingChanges,jn(b),f?.get(b.selector));return Af({isInFlight:Ne(b),isQueued:dt(b,ne),threadStatus:ne?.status})},[Ne,dt,f]),Pe=_.filter(b=>b.hasPendingChanges||!!jn(b)).map(b=>Ls({selector:b.selector,label:b.label,tokens:[...b.stickers.map(ne=>ne.token),...We(b)==="draft"?[]:[`status:${We(b)}`]]})).join("|");qe(()=>{let b=new Set,ne=new Map,K=new Set,he=new Set;for(let V of _){let Fe=jn(V);if(!V.hasPendingChanges&&!Fe)continue;b.add(V.selector);let Te=We(V),ze=Ls({selector:V.selector,label:V.label,tokens:[...V.stickers.map(Se=>Se.token),...Te==="draft"?[]:[`status:${Te}`]]});if(re.current.get(V.selector)===ze)continue;re.current.set(V.selector,ze);let Oe=me.current.get(V.selector);me.current.set(V.selector,Te),Te==="working"&&Oe!=="working"&&he.add(V.selector);let Re=Le.current.get(V.selector),Ve=new Map,ke=null;for(let Se of V.stickers){let je=rn(Se);Ve.set(je,Se.token),Re?.get(je)!==Se.token&&(ke=je)}if(Le.current.set(V.selector,Ve),!V.hasPendingChanges&&(Oe===void 0||Oe==="draft"&&Te!=="queued"&&Te!=="working")){let Se=Ce.current.get(V.selector);Se&&clearTimeout(Se),Ce.current.delete(V.selector),K.add(V.selector);continue}ne.set(V.selector,ke);let _e=Ce.current.get(V.selector);_e&&clearTimeout(_e),Ce.current.set(V.selector,setTimeout(()=>{He(Se=>{if(!Se.has(V.selector))return Se;let je=new Map(Se);return je.delete(V.selector),je}),Ce.current.delete(V.selector)},1e3))}for(let[V,Fe]of Ce.current)b.has(V)||(clearTimeout(Fe),Ce.current.delete(V),re.current.delete(V),Le.current.delete(V),me.current.delete(V));he.size>0&&we(V=>V&&he.has(V.selector)?null:V),He(V=>{let Fe=new Map([...V].filter(([Te])=>b.has(Te)));for(let[Te,ze]of ne)Fe.set(Te,ze);for(let Te of K)Fe.delete(Te);return Fe.size===V.size&&[...Fe].every(([Te,ze])=>V.get(Te)===ze)?V:Fe})},[_,Pe,We]),F(()=>()=>{for(let b of Ce.current.values())clearTimeout(b);Ce.current.clear();for(let b of fe.current.values())clearTimeout(b);fe.current.clear(),re.current.clear(),Le.current.clear(),me.current.clear()},[]);let Vt=u&&u.size>0||h&&h.size>0,{charIndex:Nt,word:Ae}=bf(!!Vt);F(()=>{if(!W)return;let b=null,ne=!1,K=e??document,he=yi([...l.flatMap(Re=>[Re.selector,Re.element.selector]),...i.flatMap(Re=>[Re.selector,Re.element.selector]),...a.flatMap(Re=>[Re.selector,Re.element.selector]),...Array.from(H??[]).flatMap(([Re,Ve])=>Ve.selectors??[Re])]),V=Re=>{try{let Ve=K.querySelectorAll(Re);return Ve.length===1?Ve[0]:null}catch{return null}},Fe=(Re,Ve)=>n?null:ko(Re,Ve,K),Te=()=>{let Re=[],Ve=new Map,ke=Q=>(Ve.has(Q)||Ve.set(Q,n?null:e?V(Q):Co(Q)),Ve.get(Q)),_e=new Map;for(let Q of l)_e.set(Q.selector,{selector:Q.selector,element:Q.element,styleChangeCount:0,textChangeCount:0,hasPendingChanges:Q.pending!==!1,stickers:[],comment:Q});for(let Q of i){let de=_e.get(Q.selector),Qe=[...de?.stickers??[]];if($f(Q.captured,f?.get(Q.selector)))for(let Ze of Rf(Q.changes)){let ht=rn(Ze);Qe.some(kt=>rn(kt)===ht)||Qe.push(Ze)}_e.set(Q.selector,{selector:Q.selector,element:Q.element,styleChangeCount:(de?.styleChangeCount??0)+Q.changes.length,textChangeCount:de?.textChangeCount??0,modifiedText:de?.modifiedText,hasPendingChanges:(de?.hasPendingChanges??!1)||!Q.captured&&!Q.awaitingReview,threadState:o0(Q)??de?.threadState,stickers:Qe,comment:de?.comment})}for(let Q of a){let de=_e.get(Q.selector);_e.set(Q.selector,{selector:Q.selector,element:de?.element??Q.element,styleChangeCount:de?.styleChangeCount??0,textChangeCount:1,modifiedText:Q.modified,hasPendingChanges:(de?.hasPendingChanges??!1)||!Q.captured,stickers:de?.stickers??[],threadState:de?.threadState,comment:de?.comment})}let Se=new Set,je=new Set,Qt=new Set;for(let Q of _e.values()){let de=Q.comment?.threadState;de?.threadId&&je.add(de.threadId),de?.targetBindingId&&Qt.add(de.targetBindingId)}for(let[Q,de]of _e){let Qe=Fe(Q,de.element);Qe&&(de.resolvedElement=Qe),Qe&&Se.add(Qe)}for(let[Q,de]of H??[]){if(n||je.has(de.threadId)||de.targetBindingId&&Qt.has(de.targetBindingId))continue;let Qe=ia(de.selectors??[Q],de.targetFingerprint,K);if(Qe.status!=="matched")continue;let{element:Ze}=Qe,ht=de.selectors?.[0]??Q;!Ze||Se.has(Ze)||(Se.add(Ze),_e.set(ht,{selector:ht,element:{...An(Ze),selector:ht},styleChangeCount:0,textChangeCount:0,hasPendingChanges:!1,stickers:[],resolvedElement:Ze,threadState:de}))}Array.from(_e.values()).forEach(Q=>{let de=Q.transientElement??Q.resolvedElement??Fe(Q.selector,Q.element),Qe=n?.get(Q.selector);if(!de&&!Qe)return;let Ze=Mf({elementLabel:As(Q),styleChangeCount:Q.styleChangeCount,textChangeCount:Q.textChangeCount,modifiedText:Q.modifiedText}),ht=Q.comment?.threadState??Q.threadState??(H?Zr(Q.selector,H,ke):void 0);Re.push({threadState:ht,selector:Q.selector,label:Q.threadState?.title?.trim()||Ze.label,annotationNumber:Q.transientElement?void 0:Q.comment?.annotationNumber??ht?.annotationNumber??c.get(Q.selector),domElement:de,projectedRect:Qe,hasPendingChanges:Q.hasPendingChanges,hasElementChanges:Q.styleChangeCount>0||Q.textChangeCount>0,stickers:Q.stickers,transient:!!Q.transientElement,comment:Q.comment})}),O(Q=>zf(Q,Re)?Q:Re)},ze=()=>{ne||b!==null||(b=requestAnimationFrame(()=>{b=null,Te()}))};if(Te(),n)return;window.addEventListener("resize",ze,!0);let Oe=new MutationObserver(Re=>{Re.some(he.changesIdentity)&&ze()});return Oe.observe(K.body,{attributes:!0,childList:!0,characterData:!0,subtree:!0,attributeFilter:he.attributes}),window.addEventListener("load",ze),K.fonts?.ready?.then(ze),()=>{ne=!0,window.removeEventListener("resize",ze,!0),window.removeEventListener("load",ze),Oe.disconnect(),b&&cancelAnimationFrame(b)}},[W,c,l,i,a,H,f,e,n]);let kn=Z&&!te&&L&&j?.selector&&!_.some(b=>b.domElement===L)?{selector:j.selector,label:As({element:j}),annotationNumber:void 0,domElement:L,hasPendingChanges:!1,hasElementChanges:!1,stickers:[],transient:!0}:null,De=kn?[..._,kn]:_;if(De.length===0)return null;let Tt=W?C?.current?.getBoundingClientRect():void 0,Bn=Tt?Tt.top<window.innerHeight/2:!1,fr=Tt?{avoidTop:Bn?Tt.bottom+Xr:void 0,avoidBottom:Bn?void 0:Tt.top-Xr,avoidLeft:Tt.left-Xr,avoidRight:Tt.right+Xr}:{},Fn=b=>{let ne=A?.element===b.domElement,K=li(b.hasPendingChanges,jn(b),f?.get(b.selector)),he=Ne(b),V=dt(b,K),Fe=g?.has(f?.get(b.selector)??K?.jobId??""),Te=b.comment?.awaitingReview?"Awaiting review":Fe?"Approval needed":he?Ae||"Thinking":V?"Queued":K?.status==="in_flight"?"Thinking":K?.status==="waiting_input"?"Question":K?.status==="failed"?"Failed":K?.label??"Replied";return(ne?A.width+(A.trailingWidth??0)+$s(b):$s(b)+ui(Ns(b.comment,he||!!K))+hd(b.comment?.interactionEpisodeStepCount??0))+(K||b.comment?.awaitingReview?28+Te.length*7.2:0)},Rt=De.find(b=>b.transient)??De.find(b=>b.domElement&&Ms(b.domElement,L)||te===b.selector||ee?.selector===b.selector)??(r?De.find(b=>b.selector===o):void 0),pt=(()=>{if(!Rt)return null;let b=Rt.projectedRect,ne=b?{...b,right:b.left+b.width,bottom:b.top+b.height}:Rt.domElement?.getBoundingClientRect();if(!ne)return null;let K=Fn(Rt),he=Ui(ne,22,2,window.innerHeight,K,window.innerWidth);return go(he,K,22)})(),Et=Is(d),Vn=wf;return v(Me,{children:[s("style",{dangerouslySetInnerHTML:{__html:`
|
|
271
|
+
}`}),s("span",{"aria-hidden":"true","data-popmelt-sticker-wheel-shell":!0,style:{position:"absolute",inset:1,borderRadius:21,background:C.surface,zIndex:1}}),s(mf,{family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a,snapPulse:d,stepUnavailable:u,colors:C}),!p&&v("span",{"aria-hidden":"true","data-popmelt-sticker-token-context":!0,"data-popmelt-sticker-token-context-stage":o,"data-popmelt-sticker-token-context-expanded":j?"true":"false",style:{position:"absolute",left:(Cn-Le)/2,top:cs,width:Le,height:nn,display:"flex",alignItems:"center",justifyContent:"center",gap:j?4:0,padding:j?`0 ${me}px`:0,boxSizing:"border-box",border:`1px solid ${k}`,borderRadius:nn/2,background:C.actionSurface,color:C.actionForeground,transform:`translateY(${df(o)}px) scale(${vs(o)})`,transition:`left ${Ce}ms ease-out, width ${Ce}ms ease-out, gap ${Ce}ms ease-out, padding ${Ce}ms ease-out, transform ${$t}ms ease`,transformOrigin:"center",willChange:"left, width, transform",overflow:"hidden",zIndex:0},children:[s("span",{style:{display:"block",transform:`scale(${cf(o)})`,transition:`transform ${$t}ms ease`,transformOrigin:"center"},children:hf(t,o,r)?s("span",{"data-popmelt-sticker-color-context":r,style:{display:"block",width:12,height:12,borderRadius:"50%",background:sr(r,o==="value"?n:ri),boxShadow:"inset 0 0 0 1px rgb(255 255 255 / 0.16)"}}):s(pr,{family:t,subproperty:t==="text"&&o==="variant"&&rt(r)?"color":r})}),s("span",{ref:L,"data-popmelt-sticker-subproperty-label":!0,style:{flexShrink:0,opacity:j&&we>0?1:0,color:C.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transition:"opacity 120ms ease"},children:j})]}),p&&s(D2,{query:p,border:k,background:C.actionSurface,foreground:C.actionForeground,renderIcon:je=>s(pr,{family:je.family,subproperty:je.subproperty,size:12})}),s("span",{"aria-hidden":"true","data-popmelt-sticker-depth-burst":!0,style:{position:"absolute",left:(Cn-$e)/2,top:(tn-$e)/2,width:$e,height:$e,overflow:"visible",pointerEvents:"none",zIndex:3},children:B2.map(je=>s("span",{style:{position:"absolute",left:"50%",top:"50%",width:4,height:1.5,borderRadius:1,background:i,opacity:Je?1:0,transform:`translate(-50%, -50%) rotate(${je}deg) translateX(${Je?17:30}px) scaleX(${Je?.7:1})`,transformOrigin:"center",transition:Je?"none":`transform ${gs}ms cubic-bezier(0.16, 1, 0.3, 1), opacity ${gs}ms ease-out`,willChange:"transform, opacity"}},je))}),!p&&ye&&s("span",{"data-popmelt-sticker-family-label":!0,style:{position:"absolute",left:"50%",top:hi,height:nn,display:"flex",alignItems:"center",justifyContent:"center",padding:"0 10px",boxSizing:"border-box",opacity:be?1:0,transform:`translate(-50%, ${X?-35:0}px) scale(${X?.9:1})`,transformOrigin:"center",transition:`transform ${Ur}ms ease, opacity ${ds}ms ease`,animation:be&&A?`popmeltStickerFamilyLabelEnter ${Ur}ms ease`:void 0,border:`1px solid ${k}`,borderRadius:nn/2,background:C.actionSurface,color:C.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",willChange:"transform, opacity",zIndex:0},children:Br(ye)})]})}var yf=3,bf=250,gi=["reviewing","considering","thinking","zhuzhing","iterating","tweaking","reflecting","noodling","pondering","finessing","polishing","riffing"],vf=3e3;function xf(e){let t=pn(qi),[n,r]=R(0),[o,i]=R(()=>Math.floor(Math.random()*gi.length));return F(()=>{if(!e||!t)return;let a=setInterval(()=>r(d=>(d+1)%yf),bf),l=setInterval(()=>i(d=>(d+1)%gi.length),vf);return()=>{clearInterval(a),clearInterval(l)}},[e,t]),{charIndex:n,word:gi[o]}}function Cs(e){if(e.subjectLabel)return`<${e.subjectLabel}>`;let t=e.tagName,n=e.id?`#${e.id}`:"",r=e.className?`.${e.className.split(" ").slice(0,2).join(".")}`:"";return e.reactComponent?`<${e.reactComponent}> ${t}${n}${r}`:`${t}${n}${r}`}var wf=["id","data-pm","data-testid","data-test","data-cy","data-popmelt-media-id","data-popmelt-see-id","data-popmelt-subject-key","aria-label","name","href"],Cf=["style","class","open","hidden","aria-hidden","data-state"];function yi(e){let t=new Set(wf);for(let n of e){/\.[\w\\-]/.test(n)&&t.add("class");for(let r of n.matchAll(/\[\s*([\w:-]+)/g))t.add(r[1]);if(/:(checked|disabled|enabled|required|optional|read-only|read-write)\b/.test(n))for(let r of["checked","selected","disabled","required","readonly","contenteditable"])t.add(r)}return{attributes:[...new Set([...t,...Cf])],changesIdentity:n=>n.type!=="attributes"||t.has(n.attributeName??"")}}var bi=12,ks=.24,Ss=8;function Is(e){return{boxSizing:"border-box",height:22,display:"flex",alignItems:"center",gap:4,backgroundColor:e,color:"#fff",fontSize:bi,lineHeight:`${bi*Zi}px`,fontFamily:Qi,letterSpacing:`${ks}px`,padding:`0 ${Ss}px`,borderRadius:8,whiteSpace:"nowrap",maxWidth:400}}var kf={overflow:"hidden",textOverflow:"ellipsis",flex:1,minWidth:0};function Ms(e,t){return!!(t&&(e===t||e.contains(t)))}function vi(e){let t=new Set(["resolved","needs_review","waiting_input","failed"]);return!!(e.type==="text"&&e.text&&e.linkedSelector&&e.status&&t.has(e.status)&&e.threadId)}function xi(e){let t=e.status??"pending",n=new Set(["pending","sending","in_flight","resolved","waiting_input","failed"]);return!!(e.type==="text"&&e.text&&e.linkedSelector&&n.has(t))}function Sf(e,t,n,r){return t?r?.get(e)??n:n}function If(e,t,n){return n?.color?n.color:t?.pending===!1&&(t.threadState||t.awaitingReview)?t.color:e}function Mf(e,t){return t?"#888888":e}function Tf(e){return e.isInFlight?"#888888":e.comment?e.comment.pending===!1?"#888888":e.threadAccentColor:e.isInFlight||e.hasThreadState||e.hasStickers?"#888888":e.accentColor}function Ef(e){return e.textChangeCount>0&&e.styleChangeCount===0?{label:`Text changed: ${e.modifiedText?.replace(/\s+/g," ").trim()||"Empty text"}`}:{label:e.elementLabel}}function Lf(e,t){if(e){if(e.threadId)return{type:"open-thread",threadId:e.threadId};if(e.pending!==!1)return{type:"edit-comment",annotationId:e.id};if(e.threadState?.threadId)return{type:"open-thread",threadId:e.threadState.threadId}}return t?{type:"open-thread",threadId:t}:{type:"none"}}function Ts(e,t){let n=e.get(t);return n?(clearTimeout(n),e.delete(t),!0):!1}function Af(e,t,n,r=1e3){Ts(e,t),e.set(t,setTimeout(()=>{e.delete(t),n()},r))}function $f(e,t){return!e||e.selector!==t.selector?{...t,expandedIndices:[t.index]}:t.index===e.index?e:{...t,expandedIndices:t.index>e.index?[...new Set([...e.expandedIndices,t.index])]:[...new Set([...e.expandedIndices.filter(n=>n<=t.index),t.index])]}}function Jr(e,t,n){return e!==null&&e.selector===t&&e.expandedIndices.includes(n)}function Es(e,t){return e?.selector===t?null:e}function Nf({isInFlight:e,isQueued:t=!1,threadStatus:n}){return e?"working":t||n==="in_flight"?"queued":n==="waiting_input"?"question":n==="failed"?"failed":n==="resolved"?"replied":"draft"}function Ls({selector:e,label:t,tokens:n}){return JSON.stringify([e,t,n])}function Yr({hasElementChanges:e=!1,hasPendingChanges:t,hasThreadState:n,isHovered:r,hasTimedReveal:o,isRevealedSticker:i}){let a=(e||t||n)&&!r;return{annotationCollapsed:a,stickerCollapsed:a&&!i,sendCompact:a&&!o}}function rn(e){return e.selection?`${e.selection.family}:${e.selection.subproperty}`:`custom:${e.custom.property}`}function Rf(e,t){return!e||!!t}function Pf(e,t){return{paddingLeft:e===0?8:xd,paddingRight:8,zIndex:t-e+1}}function zf(e){let t=[];for(let n of e){let r=n.sticker?{token:n.sticker.axisSteps?`translate-x-${n.sticker.axisSteps.x}-y-${n.sticker.axisSteps.y}`:ai(n.sticker.family,n.sticker.step,n.sticker.subproperty),selection:n.sticker}:{token:n.modified,custom:{property:n.property,value:n.modified}};t.some(o=>rn(o)===rn(r))||t.push(r)}return t}function Hf({property:e}){let t,n=/^(padding|margin)(?:-(top|right|bottom|left))?$/.exec(e);n&&(t={family:n[1],subproperty:n[2]??"all"});let r=/^border-(top|right|bottom|left)-width$/.exec(e);r&&(t={family:"border",subproperty:r[1]});let o=/^border-(top-left|top-right|bottom-right|bottom-left)-radius$/.exec(e);o&&(t={family:"radius",subproperty:o[1]});let i={"border-width":["border","all"],"border-radius":["radius","all"],"font-size":["text","size"],"font-weight":["text","weight"],"line-height":["text","line-height"],"letter-spacing":["text","letter-spacing"],"text-align":["text","text-align"],"flex-direction":["stack","direction"],"align-items":["stack","align"],"justify-content":["stack","justify"],gap:["stack","gap"],"grid-template-columns":["grid","columns"],"grid-template-rows":["grid","rows"],translate:["transform","translate"],scale:["transform","scale"],rotate:["transform","rotate"],opacity:["opacity","opacity"],"mix-blend-mode":["opacity","mix-blend"]}[e];if(i&&(t={family:i[0],subproperty:i[1]}),t)return s(pr,{...t});let a=/(^|-)color$|^(fill|stroke)$/.test(e)?va:/(^|-)(width|inline-size)$/.test(e)?yc:/(^|-)(height|block-size)$/.test(e)?bc:vc;return s(a,{"aria-hidden":"true","data-popmelt-property-icon":e,size:12,strokeWidth:2.5,style:{display:"block"}})}function Wn(e){return e.comment?.threadState??e.threadState}function Of(e,t){return e.length===t.length&&e.every((n,r)=>{let o=t[r];return n.selector===o.selector&&n.label===o.label&&n.annotationNumber===o.annotationNumber&&n.domElement===o.domElement&&n.projectedRect===o.projectedRect&&n.threadState===o.threadState&&n.comment===o.comment&&n.hasPendingChanges===o.hasPendingChanges&&n.hasElementChanges===o.hasElementChanges&&n.transient===o.transient&&n.stickers.length===o.stickers.length&&n.stickers.every((i,a)=>{let l=o.stickers[a];return i.token===l.token&&i.selection===l.selection&&rn(i)===rn(l)})})}function As(e){return Cs(e.element)}var Xr=8;function Df(e,t,n){if(n.avoidLeft===void 0&&n.avoidRight===void 0)return!0;let r=typeof window<"u"?window.innerWidth:9999,o=n.avoidLeft??0,i=n.avoidRight??r;return e+t>o&&e<i}function jf(e,t,n){return Df(t,n,e)?e:{}}function $s(e){let t=e.stickers.map(r=>r.token).join(""),n=e.comment?.text??e.label;return Math.min(720,44+n.length*7.2+t.length*7.2)}function Ns(e,t){return t||e?.pending===!1?0:e?.imageCount??0}function Wf(e,t,n,r,o,i){let a=n==="right"?`max(calc(-100% + ${r}px), calc(0px - max(0px, ${e}px)))`:`min(0px, calc(100vw - max(0px, ${e}px) - 100%))`,l=o!==void 0?`${o}px`:"0px",d=i!==void 0?`${i}px`:"100dvh";return`translate(${a}, min(max(0px, calc(${l} - max(0px, ${t}px))), calc(${d} - max(0px, ${t}px) - 100%)))`}function Rs({left:e,top:t,avoidTop:n,avoidBottom:r,anchor:o,horizontalAlignment:i="left",visualRef:a,style:l,children:d,...c}){let u=vd(o),p=e-u.left,h=t-u.top;return s("div",{"data-devtools":"badge-hit-area",...c,style:{position:"fixed",left:`max(0px, ${p}px)`,top:`max(0px, ${h}px)`,padding:`${u.top}px ${u.right}px ${u.bottom}px ${u.left}px`,transform:Wf(p,h,i,u.left+u.right,n,r),...l},children:s("div",{ref:a,children:d})})}function Ps({targetDocument:e,subjectRegistry:t,projectedTargets:n,readOnly:r=!1,focusedSelector:o,styleModifications:i,textModifications:a,stagedComments:l,accentColor:d,annotationNumberBySelector:c,inFlightSelectors:u,inFlightAnnotationIds:p,activeAnnotationIds:h,inFlightSelectorJobIds:f,waitingApprovalJobIds:g,inFlightSelectorColors:y,toolbarRef:C,onHoverSelector:k,sendHintSelector:w,pendingBundleCount:E=1,onHoverSendBundle:M,onSend:S,onSelectSticker:T,onDeleteSticker:N,threadStates:H,onViewThread:P,hoveredElement:L,hoveredElementInfo:W,showHoverIdentifier:Z=!1,onEditComment:ae,onDeleteComment:pe,onDeletePeerComment:le,onDeletePeerStyles:J,onDiscardTextChanges:ye,onArchiveThread:G,onClearInteractionEpisode:be,onEditSubject:Ee,onDeleteSubject:X,onHoverSubjectLabel:xe,activeCommentEntry:A,refreshKey:I}){let j=pn(qi),[_,O]=R([]),[ee,we]=R(null),[te,Je]=R(null),[q,He]=R(()=>new Map),re=$(new Map),Le=$(new Map),me=$(new Map),Ce=$(new Map),fe=$(new Map),st=$(new Map),Mt=oe(b=>{Ts(fe.current,b)},[]),Ht=oe(b=>{Af(fe.current,b,()=>{Je(ne=>ne===b?null:ne),we(ne=>ne?.selector===b?null:ne)})},[]),ge=oe((b,ne,K)=>{we(he=>$f(he,{selector:b,target:ne,index:K}))},[]),Ne=oe(b=>!!u?.has(b.selector)||!!b.comment&&!!h?.has(b.comment.id),[h,u]),dt=oe((b,ne)=>!Ne(b)&&(!!b.comment&&!!p?.has(b.comment.id)||ne?.status==="in_flight"),[Ne,p]),je=oe(b=>{let ne=li(b.hasPendingChanges,Wn(b),f?.get(b.selector));return Nf({isInFlight:Ne(b),isQueued:dt(b,ne),threadStatus:ne?.status})},[Ne,dt,f]),Pe=_.filter(b=>b.hasPendingChanges||!!Wn(b)).map(b=>Ls({selector:b.selector,label:b.label,tokens:[...b.stickers.map(ne=>ne.token),...je(b)==="draft"?[]:[`status:${je(b)}`]]})).join("|");qe(()=>{let b=new Set,ne=new Map,K=new Set,he=new Set;for(let V of _){let Fe=Wn(V);if(!V.hasPendingChanges&&!Fe)continue;b.add(V.selector);let Te=je(V),ze=Ls({selector:V.selector,label:V.label,tokens:[...V.stickers.map(Se=>Se.token),...Te==="draft"?[]:[`status:${Te}`]]});if(re.current.get(V.selector)===ze)continue;re.current.set(V.selector,ze);let Oe=me.current.get(V.selector);me.current.set(V.selector,Te),Te==="working"&&Oe!=="working"&&he.add(V.selector);let Re=Le.current.get(V.selector),Ve=new Map,ke=null;for(let Se of V.stickers){let We=rn(Se);Ve.set(We,Se.token),Re?.get(We)!==Se.token&&(ke=We)}if(Le.current.set(V.selector,Ve),!V.hasPendingChanges&&(Oe===void 0||Oe==="draft"&&Te!=="queued"&&Te!=="working")){let Se=Ce.current.get(V.selector);Se&&clearTimeout(Se),Ce.current.delete(V.selector),K.add(V.selector);continue}ne.set(V.selector,ke);let _e=Ce.current.get(V.selector);_e&&clearTimeout(_e),Ce.current.set(V.selector,setTimeout(()=>{He(Se=>{if(!Se.has(V.selector))return Se;let We=new Map(Se);return We.delete(V.selector),We}),Ce.current.delete(V.selector)},1e3))}for(let[V,Fe]of Ce.current)b.has(V)||(clearTimeout(Fe),Ce.current.delete(V),re.current.delete(V),Le.current.delete(V),me.current.delete(V));he.size>0&&we(V=>V&&he.has(V.selector)?null:V),He(V=>{let Fe=new Map([...V].filter(([Te])=>b.has(Te)));for(let[Te,ze]of ne)Fe.set(Te,ze);for(let Te of K)Fe.delete(Te);return Fe.size===V.size&&[...Fe].every(([Te,ze])=>V.get(Te)===ze)?V:Fe})},[_,Pe,je]),F(()=>()=>{for(let b of Ce.current.values())clearTimeout(b);Ce.current.clear();for(let b of fe.current.values())clearTimeout(b);fe.current.clear(),re.current.clear(),Le.current.clear(),me.current.clear()},[]);let Vt=u&&u.size>0||h&&h.size>0,{charIndex:Nt,word:Ae}=xf(!!Vt);F(()=>{if(!j)return;let b=null,ne=!1,K=e??document,he=yi([...l.flatMap(Re=>[Re.selector,Re.element.selector]),...i.flatMap(Re=>[Re.selector,Re.element.selector]),...a.flatMap(Re=>[Re.selector,Re.element.selector]),...Array.from(H??[]).flatMap(([Re,Ve])=>Ve.selectors??[Re])]),V=Re=>{try{let Ve=K.querySelectorAll(Re);return Ve.length===1?Ve[0]:null}catch{return null}},Fe=(Re,Ve)=>n?null:ko(Re,Ve,K),Te=()=>{let Re=[],Ve=new Map,ke=Q=>(Ve.has(Q)||Ve.set(Q,n?null:e?V(Q):Co(Q)),Ve.get(Q)),_e=new Map;for(let Q of l)_e.set(Q.selector,{selector:Q.selector,element:Q.element,styleChangeCount:0,textChangeCount:0,hasPendingChanges:Q.pending!==!1,stickers:[],comment:Q});for(let Q of i){let de=_e.get(Q.selector),Qe=[...de?.stickers??[]];if(Rf(Q.captured,f?.get(Q.selector)))for(let Ze of zf(Q.changes)){let ht=rn(Ze);Qe.some(kt=>rn(kt)===ht)||Qe.push(Ze)}_e.set(Q.selector,{selector:Q.selector,element:Q.element,styleChangeCount:(de?.styleChangeCount??0)+Q.changes.length,textChangeCount:de?.textChangeCount??0,modifiedText:de?.modifiedText,hasPendingChanges:(de?.hasPendingChanges??!1)||!Q.captured&&!Q.awaitingReview,threadState:a0(Q)??de?.threadState,stickers:Qe,comment:de?.comment})}for(let Q of a){let de=_e.get(Q.selector);_e.set(Q.selector,{selector:Q.selector,element:de?.element??Q.element,styleChangeCount:de?.styleChangeCount??0,textChangeCount:1,modifiedText:Q.modified,hasPendingChanges:(de?.hasPendingChanges??!1)||!Q.captured,stickers:de?.stickers??[],threadState:de?.threadState,comment:de?.comment})}let Se=new Set,We=new Set,Qt=new Set;for(let Q of _e.values()){let de=Q.comment?.threadState;de?.threadId&&We.add(de.threadId),de?.targetBindingId&&Qt.add(de.targetBindingId)}for(let[Q,de]of _e){let Qe=Fe(Q,de.element);Qe&&(de.resolvedElement=Qe),Qe&&Se.add(Qe)}for(let[Q,de]of H??[]){if(n||We.has(de.threadId)||de.targetBindingId&&Qt.has(de.targetBindingId))continue;let Qe=ia(de.selectors??[Q],de.targetFingerprint,K);if(Qe.status!=="matched")continue;let{element:Ze}=Qe,ht=de.selectors?.[0]??Q;!Ze||Se.has(Ze)||(Se.add(Ze),_e.set(ht,{selector:ht,element:{...An(Ze),selector:ht},styleChangeCount:0,textChangeCount:0,hasPendingChanges:!1,stickers:[],resolvedElement:Ze,threadState:de}))}Array.from(_e.values()).forEach(Q=>{let de=Q.transientElement??Q.resolvedElement??Fe(Q.selector,Q.element),Qe=n?.get(Q.selector);if(!de&&!Qe)return;let Ze=Ef({elementLabel:As(Q),styleChangeCount:Q.styleChangeCount,textChangeCount:Q.textChangeCount,modifiedText:Q.modifiedText}),ht=Q.comment?.threadState??Q.threadState??(H?Zr(Q.selector,H,ke):void 0);Re.push({threadState:ht,selector:Q.selector,label:Q.threadState?.title?.trim()||Ze.label,annotationNumber:Q.transientElement?void 0:Q.comment?.annotationNumber??ht?.annotationNumber??c.get(Q.selector),domElement:de,projectedRect:Qe,hasPendingChanges:Q.hasPendingChanges,hasElementChanges:Q.styleChangeCount>0||Q.textChangeCount>0,stickers:Q.stickers,transient:!!Q.transientElement,comment:Q.comment})}),O(Q=>Of(Q,Re)?Q:Re)},ze=()=>{ne||b!==null||(b=requestAnimationFrame(()=>{b=null,Te()}))};if(Te(),n)return;window.addEventListener("resize",ze,!0);let Oe=new MutationObserver(Re=>{Re.some(he.changesIdentity)&&ze()});return Oe.observe(K.body,{attributes:!0,childList:!0,characterData:!0,subtree:!0,attributeFilter:he.attributes}),window.addEventListener("load",ze),K.fonts?.ready?.then(ze),()=>{ne=!0,window.removeEventListener("resize",ze,!0),window.removeEventListener("load",ze),Oe.disconnect(),b&&cancelAnimationFrame(b)}},[j,c,l,i,a,H,f,e,n]);let kn=Z&&!te&&L&&W?.selector&&!_.some(b=>b.domElement===L)?{selector:W.selector,label:As({element:W}),annotationNumber:void 0,domElement:L,hasPendingChanges:!1,hasElementChanges:!1,stickers:[],transient:!0}:null,De=kn?[..._,kn]:_;if(De.length===0)return null;let Tt=j?C?.current?.getBoundingClientRect():void 0,Bn=Tt?Tt.top<window.innerHeight/2:!1,fr=Tt?{avoidTop:Bn?Tt.bottom+Xr:void 0,avoidBottom:Bn?void 0:Tt.top-Xr,avoidLeft:Tt.left-Xr,avoidRight:Tt.right+Xr}:{},Fn=b=>{let ne=A?.element===b.domElement,K=li(b.hasPendingChanges,Wn(b),f?.get(b.selector)),he=Ne(b),V=dt(b,K),Fe=g?.has(f?.get(b.selector)??K?.jobId??""),Te=b.comment?.awaitingReview?"Awaiting review":Fe?"Approval needed":he?Ae||"Thinking":V?"Queued":K?.status==="in_flight"?"Thinking":K?.status==="waiting_input"?"Question":K?.status==="failed"?"Failed":K?.label??"Replied";return(ne?A.width+(A.trailingWidth??0)+$s(b):$s(b)+ui(Ns(b.comment,he||!!K))+hd(b.comment?.interactionEpisodeStepCount??0))+(K||b.comment?.awaitingReview?28+Te.length*7.2:0)},Rt=De.find(b=>b.transient)??De.find(b=>b.domElement&&Ms(b.domElement,L)||te===b.selector||ee?.selector===b.selector)??(r?De.find(b=>b.selector===o):void 0),pt=(()=>{if(!Rt)return null;let b=Rt.projectedRect,ne=b?{...b,right:b.left+b.width,bottom:b.top+b.height}:Rt.domElement?.getBoundingClientRect();if(!ne)return null;let K=Fn(Rt),he=Ui(ne,22,2,window.innerHeight,K,window.innerWidth);return go(he,K,22)})(),Et=Is(d),Vn=kf;return v(Me,{children:[s("style",{dangerouslySetInnerHTML:{__html:`
|
|
272
272
|
[data-devtools="badge"]::selection,
|
|
273
273
|
[data-devtools="badge"] *::selection {
|
|
274
274
|
background: #000000;
|
|
@@ -342,4 +342,4 @@ Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{
|
|
|
342
342
|
transition: none;
|
|
343
343
|
}
|
|
344
344
|
}
|
|
345
|
-
`}}),De.map(b=>{let ne=A?.element===b.domElement,K=li(b.hasPendingChanges,jn(b),f?.get(b.selector)),he=Ne(b),V=dt(b,K),Fe=Cf(b.selector,he,d,y),Te=kf(Fe,b.comment,jn(b)),ze=he||K?.status==="in_flight",Oe=Sf(Te,ze),Re=g?.has(f?.get(b.selector)??K?.jobId??""),Ve=b.comment?.awaitingReview||K?.status==="awaiting_review",ke=Ve?"Awaiting review":Re?"Approval needed":he?Ae||"Thinking":V?"Queued":K?.status==="in_flight"?"Thinking":K?.status==="waiting_input"?"Question":K?.status==="failed"?"Failed":K?.label??"Replied",_e=!!(b.domElement&&Ms(b.domElement,L)),Se=te===b.selector,je=q.has(b.selector),Qt=q.get(b.selector),Q=!!K||b.comment?.pending===!1,de=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Q,isHovered:r&&o===b.selector||_e||Se||Jr(ee,b.selector,0),hasTimedReveal:je,isRevealedSticker:!1}),Qe=b.stickers.length+1,Ze=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Q,isHovered:Jr(ee,b.selector,Qe),hasTimedReveal:je,isRevealedSticker:!1}),ht=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Q,isHovered:r&&o===b.selector||_e||Se||Jr(ee,b.selector,Qe),hasTimedReveal:je,isRevealedSticker:je}),kt=Fn(b),on=(ne?A.imageCount:Ns(b.comment,he||!!K))??0,an=b.stickers.length>0||on>0,Qn=cd({hasCommentEntry:ne||!!b.comment,stagedChangeCount:b.stickers.length+ +(on>0)}),Ot=he||!!K||!!b.comment?.awaitingReview,tt=!Ot&&b.selector===w,Xe=!ne&&de.annotationCollapsed&&ht.stickerCollapsed&&Ze.sendCompact&&!je&&ee?.selector!==b.selector,ln=Xe?ud({annotationNumber:b.annotationNumber,stickerCount:b.stickers.length,interactionEpisodeStepCount:b.comment?.interactionEpisodeStepCount??0,hasStatus:Ot,hasSend:tt,controlGap:Qn})+ui(on):kt;return s(pd,{element:b.domElement,projectedRect:b.projectedRect,onRemove:b.comment&&le?()=>le(b.comment.id):J&&i.some(Be=>Be.selector===b.selector)?()=>J(i.filter(Be=>Be.selector===b.selector)):void 0,onActivate:b.comment?.threadId||K?.threadId?()=>P?.(b.comment?.threadId??K?.threadId):void 0,hideOutline:!(r&&Rt===b),color:Te,fillOpacity:.1,outlineZIndex:10002,subjectRegistry:t,hideTooltip:!0,railGap:2,railWidth:kt,refreshKey:I,renderRail:Be=>{let Zn=st.current.get(b.selector)?.getBoundingClientRect(),Gr=Zn?.width?Zn:go(Be,kt,22),hr=!!(Xe&&Rt!==b&&pt&&Ji(Gr,pt));if(Rt!==b&&pt&&Ji(go(Be,ln,22),pt))return null;let Sn=Be.horizontalAlignment==="right"?Be.left-kt:Be.left,sn=Of(fr,Sn,kt);if(b.transient){let B=b.domElement?$d(b.domElement):null;return s(Rs,{"data-popmelt-rail-priority":"intent","data-popmelt-subject-label-action":B?"true":void 0,"data-popmelt-subject-adapter":B?.adapter,"data-popmelt-subject-key":B?.key,left:Be.left,top:Be.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:Be.anchor,horizontalAlignment:Be.horizontalAlignment,style:{zIndex:10001,pointerEvents:B?"auto":"none",cursor:B?"pointer":void 0},onPointerDown:se=>{B&&se.stopPropagation()},onClick:se=>{B&&(se.preventDefault(),se.stopPropagation(),Ee?.(B))},onContextMenu:se=>{B&&(se.preventDefault(),se.stopPropagation(),X?.(B))},onMouseEnter:()=>{B&&xe?.(B)},onMouseLeave:()=>xe?.(null),children:s("div",{"data-devtools":"steer-element-identifier",ref:se=>{b.domElement&&Yi(b.domElement,se)},"data-popmelt-subject-label-action":B?"true":void 0,style:{...Et,borderRadius:b.domElement===document.body?kr("bottom-left"):kr(Be.anchor)},children:s("span",{style:Vn,children:b.label})})})}return s(Rs,{"data-popmelt-rail-priority":"history","data-popmelt-snap-collapse":hr||void 0,visualRef:B=>{B?st.current.set(b.selector,B):st.current.delete(b.selector)},left:Be.left,top:Be.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:Be.anchor,horizontalAlignment:Be.horizontalAlignment,onClick:()=>{if(ne)return;let B=Tf(b.comment,b.comment?.threadId??K?.threadId);B.type==="edit-comment"?ae?.(B.annotationId):B.type==="open-thread"&&P?.(B.threadId)},onContextMenu:B=>{if(B.preventDefault(),B.stopPropagation(),b.comment&&le){le(b.comment.id);return}if(J){let se=i.filter(Pt=>Pt.selector===b.selector);if(se.length){J(se);return}}b.comment&&b.comment.pending!==!1&&pe?(Mt(b.selector),we(se=>Es(se,b.selector)),Je(se=>se===b.selector?null:se),k?.(null),pe(b.comment.id)):a.some(se=>se.selector===b.selector&&!se.captured)?ye?.(b.selector):!b.hasPendingChanges&&!he&&K?.status==="resolved"&&G?.(K.threadId)},onMouseEnter:()=>{Mt(b.selector),Je(b.selector),k?.(b.selector)},onMouseLeave:()=>{Ht(b.selector),k?.(null)},style:{zIndex:ne?10002:1e4,cursor:ne?"text":"pointer",pointerEvents:"auto"},children:v("div",{ref:B=>{b.domElement&&Yi(b.domElement,B)},style:{display:"flex",alignItems:"center",gap:Qn},children:[ne?A.render(Be.anchor):v("div",{"data-devtools":"badge","data-popmelt-collapsed":de.annotationCollapsed,onMouseEnter:()=>ge(b.selector,"annotation",0),style:{...Et,backgroundColor:If({accentColor:d,threadAccentColor:Te,comment:b.comment,isInFlight:he,hasThreadState:!!K,hasStickers:b.stickers.length>0}),gap:0,letterSpacing:b.comment?0:Et.letterSpacing,borderRadius:b.domElement===document.body?kr("bottom-left"):kr(Be.anchor)},children:[s("span",{style:{fontWeight:600},children:b.annotationNumber}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",style:{...Vn,paddingLeft:b.comment?0:void 0},children:b.comment?v(Me,{children:[".",s("span",{style:{marginLeft:2},children:b.comment.text})]}):v(Me,{children:[". ",b.label]})})})]}),!an&&s(Xi,{stepCount:ne?0:b.comment?.interactionEpisodeStepCount??0,onClear:b.comment?.pending!==!1&&be?()=>be(b.comment.id):void 0,submitted:b.comment?.pending===!1}),an&&v("div",{className:"popmelt-staged-sticker-group",children:[b.stickers.map((B,se)=>{let Pt=rn(B),Dt=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:!!K,isHovered:Jr(ee,b.selector,se+1),hasTimedReveal:je,isRevealedSticker:je&&Pt===Qt}),ot=Nf(se,b.stickers.length+ +(on>0)),Wt=se===0?void 0:mo;return v("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:ot.zIndex},children:[s("span",{"aria-hidden":!0,className:"popmelt-staged-sticker-pointer",style:{"--popmelt-staged-accent":Oe,WebkitMaskImage:se===0?void 0:Cr,maskImage:se===0?void 0:Cr}}),v("button",{type:"button","data-devtools":"staged-sticker","data-popmelt-style-property":B.custom?.property,title:B.custom?`${B.custom.property}: ${B.custom.value}`:void 0,"data-popmelt-collapsed":Dt.stickerCollapsed,onMouseEnter:()=>ge(b.selector,Pt,se+1),"aria-label":B.custom?`Custom ${B.custom.property}: ${B.custom.value}`:`${r?"Staged":"Edit staged"} ${B.token} sticker`,onPointerDown:mt=>{mt.preventDefault(),mt.stopPropagation()},onClick:mt=>{mt.preventDefault(),mt.stopPropagation(),B.selection&&T?.(b.selector,B.selection)},onContextMenu:mt=>{mt.preventDefault(),mt.stopPropagation(),Mt(b.selector),we(In=>Es(In,b.selector)),k?.(null),B.selection&&N?.(b.selector,B.selection)},style:{...Et,position:"relative",height:"100%",minHeight:22,appearance:"none",border:0,margin:0,paddingLeft:ot.paddingLeft,paddingRight:ot.paddingRight,gap:0,cursor:B.selection&&(T||N)?"pointer":"default",backgroundColor:Oe,WebkitMaskImage:Wt,maskImage:Wt},children:[B.selection?s(pr,{family:B.selection.family,subproperty:B.selection.subproperty,step:B.selection.step}):s(Pf,{property:B.custom.property}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:B.token})})]})]},Pt)}),s(ls,{imageCount:on,color:Oe,layered:b.stickers.length>0}),!ne&&(b.comment?.interactionEpisodeStepCount??0)>0&&s("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:1},children:s(Xi,{stepCount:b.comment.interactionEpisodeStepCount,layered:!0,onClear:b.comment?.pending!==!1&&be?()=>be(b.comment.id):void 0,submitted:b.comment?.pending===!1})}),tt&&s(Ki,{bundleCount:E,compact:Ze.sendCompact,layered:!0,onHoverChange:B=>{B&&ge(b.selector,"send",Qe),M?.(B)},onSend:S,style:{position:"relative",zIndex:(b.comment?.interactionEpisodeStepCount??0)>0?0:1}})]}),Ot&&s("button",{type:"button","data-devtools":"annotation-badge","data-popmelt-collapsed":ht.stickerCollapsed,onMouseEnter:()=>ge(b.selector,"thread-status",Qe),"aria-label":K?`${ke}. Open thread`:ke,onPointerDown:B=>{B.preventDefault(),B.stopPropagation()},onClick:B=>{B.preventDefault(),B.stopPropagation();let se=b.comment?.threadId??K?.threadId;se&&P?.(se)},style:{...Et,appearance:"none",border:0,margin:0,cursor:K&&P?"pointer":"default",backgroundColor:Te,gap:0},children:Ve?v(Me,{children:[s(pa,{size:12,strokeWidth:2.25}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:ke})})]}):he?v(Me,{children:[Re?s(Qd,{size:12,"aria-label":"Approval needed"}):s("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"currentColor",style:{verticalAlign:"middle"},children:Nt===1?v(Me,{children:[s("circle",{cx:"7",cy:"7",r:"2"}),s("circle",{cx:"17",cy:"7",r:"2"}),s("circle",{cx:"7",cy:"17",r:"2"}),s("circle",{cx:"17",cy:"17",r:"2"})]}):v(Me,{children:[s("circle",{cx:"12",cy:"6",r:"2"}),s("circle",{cx:"6",cy:"12",r:"2"}),s("circle",{cx:"18",cy:"12",r:"2"}),s("circle",{cx:"12",cy:"18",r:"2"})]})}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",style:{opacity:.8},children:ke})})]}):v(Me,{children:[V?s(pa,{"data-devtools":"queued-status-icon",size:12,strokeWidth:2.25,style:{verticalAlign:"middle",opacity:.6}}):K?.status==="waiting_input"?s(Zd,{"data-devtools":"question-status-icon",size:12,strokeWidth:2.25,style:{transform:"translateY(-0.5px)",flexShrink:0}}):K?.status==="failed"?s(qd,{size:12,strokeWidth:2.25}):s(Ud,{size:12,strokeWidth:2.25}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:ke})})]})}),tt&&!an&&s(Ki,{bundleCount:E,compact:Ze.sendCompact,onHoverChange:B=>{B&&ge(b.selector,"send",Qe),M?.(B)},onSend:S})]})})}},`${b.transient?"intent":"history"}:${b.selector}`)})]})}var _n=8,wi=4;function Wf(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function jf(e,t){return e===t||aa(e,t)||aa(t,e)}function _f(e,t){return jf(e,t)||Xn(e)!==null&&Xn(e)===Xn(t)}function Bf(e){let t=0,n=Xn(e);for(;n;)t+=1,n=Xn(n);return t}function Ci(e,t){return ko(e,t?.[0])}function zs(e){return!!(e.linkedSelector&&e.elements?.[0]?.tagName.toLowerCase()==="body")}function Ff(e){let t=Ui(e,22,2,window.innerHeight);return{x:t.left+window.scrollX+8,y:t.top+window.scrollY+4}}function Vf(e){let t=e?.getBoundingClientRect();return!t||typeof window>"u"?{}:t.top<window.innerHeight/2?{avoidTop:t.bottom+_n,avoidLeft:t.left-_n,avoidRight:t.right+_n}:{avoidBottom:t.top-_n,avoidLeft:t.left-_n,avoidRight:t.right+_n}}function Qf(e,t){if(t.size===0)return null;let n=new Set,r=new Set;for(let i of e)t.has(i.id)&&(i.groupId&&n.add(i.groupId),i.threadId&&r.add(i.threadId));for(let i of e)i.groupId&&n.has(i.groupId)&&i.threadId&&r.add(i.threadId);let o=new Set(t);for(let i of e)(i.groupId&&n.has(i.groupId)||i.threadId&&r.has(i.threadId))&&o.add(i.id);return o}function Zf(e,t,n=0,r,o,i=90){let a=e.left+window.scrollX+8,l=t==="top-left"?e.top+window.scrollY-wi-22-n*22+4:e.bottom+window.scrollY+wi+4+n*22,d=window.scrollY+4,c=window.scrollY+window.innerHeight-22-4,u=null;if(r&&o!==void 0){let p=r.getBoundingClientRect(),h=e.left;if(h+o+16+i>p.left&&h<p.right)if(p.top<window.innerHeight/2){let f=window.scrollY+p.bottom+4;f>d&&(d=f,u="top")}else{let f=window.scrollY+p.top-22-4;f<c&&(c=f,u="bottom")}}return d>c&&(c=d),l<d?l=u==="top"?d:e.top+window.scrollY+4:l>c&&(l=u==="bottom"?c:Math.max(e.top+window.scrollY+4,c)),{x:a,y:l}}var qf=new Set(["resolved","needs_review","waiting_input","failed"]);function ki(e){return e.linkedSelector??(e.target?ta(e.target):void 0)}function Uf(e,t){let n=e.groupId?t.filter(c=>c.groupId===e.groupId):[e],r=n.find(c=>c.status!==void 0&&qf.has(c.status)),o=n.find(c=>c.threadId),i=n.find(c=>ki(c)),a=i?ki(i):void 0;if(!r?.status||!o?.threadId||!a)return;let l=n.find(c=>c.targetBindingId),d=n.find(c=>c.replyJobIds?.length);return{status:r.status,threadId:o.threadId,targetBindingId:l?.targetBindingId,replyJobIds:d?.replyJobIds,linkedSelector:a,elements:i?.elements}}function Hs({resolveElement:e,projectedSelectors:t,activeText:n,activeColor:r,annotations:o,annotationNumberById:i,focusedThreadAnnotationId:a,hiddenCollidingAnnotationIds:l,modifiedElementThreadStates:d,nestedCollidingAnnotationCountById:c,nestedCollidingAnnotationIdsById:u,pageAnnotations:p,pageStyleModifications:h,pageTextModifications:f,sendHintAnchorId:g,supersededAnnotations:y,visibleCollisionRepresentativeByAnnotationId:C,activeTextSendHintId:k,targetResolutionRevision:w}){let E=oe((A,I)=>t?null:e?e(A,I):Ci(A,I),[w,e,t]),M=ue(()=>{let A=[],I=new Set,W=[...p].sort((_,O)=>O.timestamp-_.timestamp);for(let _ of W){if(_.type!=="text"||!_.text||!_.linkedSelector||y.has(_)||l.has(_.id))continue;let O=_.status??(_.captured?"in_flight":"pending");if(!["pending","sending","in_flight","awaiting_review"].includes(O))continue;let ee=i.get(_.id);if(ee===void 0||I.has(_.linkedSelector))continue;let we=E(_.linkedSelector,_.elements),te=_.elements?.[0];!we&&!(t?.has(_.linkedSelector)&&te)||(I.add(_.linkedSelector),A.push({id:_.id,selector:_.linkedSelector,text:_.text.replace(/\n/g," "),annotationNumber:ee,color:_.color,element:te??An(we),pending:O==="pending",awaitingReview:O==="awaiting_review",threadId:_.threadId,imageCount:_.imageCount??0,interactionEpisodeStepCount:_.interactionEpisode?.steps.length}))}return A},[i,l,p,y,E,t]),S=ue(()=>new Set(M.map(A=>A.id)),[M]),T=ue(()=>{let A=new Map;for(let I of p){if(I.type!=="text")continue;let W=Uf(I,p);W&&A.set(I.id,W)}return A},[p]),N=ue(()=>{let A=[],I=new Set,W=[...p].sort((_,O)=>+(O.id===a)-+(_.id===a)||O.timestamp-_.timestamp);for(let _ of W){let O=T.get(_.id);if(!O||!vi({..._,status:O.status,threadId:O.threadId,linkedSelector:O.linkedSelector})||!_.text||y.has(_)||l.has(_.id)||I.has(O.linkedSelector))continue;let ee=i.get(_.id);if(ee===void 0)continue;let we=E(O.linkedSelector,O.elements),te=O.elements?.[0];!we&&!(t?.has(O.linkedSelector)&&te)||(I.add(O.linkedSelector),A.push({id:_.id,selector:O.linkedSelector,text:_.text.replace(/\n/g," "),annotationNumber:ee,color:_.color,element:te??An(we),pending:!1,imageCount:_.imageCount??0,interactionEpisodeStepCount:_.interactionEpisode?.steps.length,threadState:{jobId:O.replyJobIds?.[O.replyJobIds.length-1]??O.threadId,threadId:O.threadId,targetBindingId:O.targetBindingId,annotationNumber:ee,status:O.status==="waiting_input"?"waiting_input":O.status==="failed"?"failed":"resolved",label:O.status==="waiting_input"?"Question":O.status==="failed"?"Failed":"Replied"}}))}return A},[i,a,l,p,T,y,E,t]),H=ue(()=>[...M,...N],[N,M]),P=ue(()=>{let A=new Set,I=new Set,W=new Set,_=new Set;for(let[O,ee]of d??[])if(ia(ee.selectors??[O],ee.targetFingerprint).status==="matched"){I.add(ee.threadId),ee.targetBindingId&&W.add(ee.targetBindingId);for(let we of ee.selectors??[])_.add(we);!ee.targetBindingId&&!ee.selectors?.length&&_.add(O)}for(let O of p){let ee=T.get(O.id),we=O.groupId?p.filter(He=>He.groupId===O.groupId):[O],te=we.map(ki).find(He=>!!He),Je=we.find(He=>He.threadId)?.threadId,q=we.find(He=>He.targetBindingId)?.targetBindingId;if(!(O.type!=="text"||!O.text||!te||y.has(O)||l.has(O.id))){if(Je&&I.has(Je)||q&&W.has(q)||_.has(te)){A.add(O.id);continue}!ee||!vi({...O,status:ee.status,threadId:ee.threadId,linkedSelector:ee.linkedSelector})||E(ee.linkedSelector,ee.elements)&&A.add(O.id)}}return A},[l,d,p,T,y,E]),L=ue(()=>{let A=new Set;for(let I of p)!xi(I)||!I.linkedSelector||y.has(I)||l.has(I.id)||E(I.linkedSelector,I.elements)&&A.add(I.id);return A},[l,p,y,E]),j=ue(()=>{let A=new Set(L);for(let I of S)A.add(I);for(let I of P)A.add(I);return A},[L,P,S]),Z=ue(()=>new Map(H.map(A=>[A.selector,A.color])),[H]),ae=ue(()=>new Set([...l,...j]),[j,l]),pe=ue(()=>{if(!n?.linkedSelector||n.domEdit)return null;let A=E(n.linkedSelector,n.elements);if(!A)return null;let I=[...h,...f].find(O=>!O.captured&&Ci(O.selector,[O.element])===A),W=p.find(O=>O.id===n.id),_=!!(!n.isNew&&W&&xi(W));return!I&&!_?null:{element:A,selector:I?.selector??n.linkedSelector}},[n,p,h,f,E]),le=g===k?g:g?C.get(g)??g:null,J=ue(()=>{if(le===k)return n?.text.trim()?pe?.selector??null:null;if(le&&le!==k)return M.find(A=>A.id===le)?.selector??null;for(let A=f.length-1;A>=0;A-=1){let I=f[A];if(I&&!I.captured)return I.selector}for(let A=h.length-1;A>=0;A-=1){let I=h[A];if(I&&!I.captured&&!I.awaitingReview)return I.selector}return null},[n,pe,k,h,f,M,le]),ye=n?n.isNew?k:n.id:null,G=ye?c.get(ye)??0:0,be=ye?u.get(ye)??[]:[],Ee=n?.isNew?void 0:o.find(A=>A.id===n?.id),X=(Ee?.status??(Ee?.captured?"in_flight":"pending"))==="pending"?Ee?.color??r:"#8c8c8c",xe=ue(()=>p.filter(A=>!(y.has(A)||l.has(A.id)||j.has(A.id)||n&&!n.isNew&&A.id===n.id)),[n,j,l,p,y]);return{activeTextAnnotation:Ee,activeTextCollisionId:ye,activeTextModifiedRail:pe,activeTextNestedAnnotationCount:G,activeTextNestedAnnotationIds:be,activeTextNestedBadgeColor:X,elementRailColorBySelector:Z,elementRailCommentIds:j,elementRailComments:H,hiddenAnnotationBadgeIds:ae,modifiedElementSendHintSelector:J,stagedElementComments:M,visibleCanvasAnnotations:xe,visibleSendHintAnchorId:le}}function Kr(e){if(e.length<2)return null;let t=e[0],n=e[e.length-1];return t&&n?[t,n]:null}var Jf=(e,t,n,r)=>{let o=Kr(t);if(!o)return;let[i,a]=o,l=(i.x+a.x)/2,d=(i.y+a.y)/2,c=Math.abs(a.x-i.x)/2,u=Math.abs(a.y-i.y)/2;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.ellipse(l,d,c,u,0,0,Math.PI*2),e.stroke()},Yf=(e,t,n,r)=>{let o=Kr(t);if(!o)return;let[i,a]=o;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.lineCap="round",e.lineJoin="round",e.moveTo(i.x,i.y);for(let l=1;l<t.length-1;l++){let d=t[l],c=t[l+1];!d||!c||e.quadraticCurveTo(d.x,d.y,(d.x+c.x)/2,(d.y+c.y)/2)}e.lineTo(a.x,a.y),e.stroke()},Xf=(e,t,n,r)=>{let o=Kr(t);if(!o)return;let[i,a]=o;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.lineCap="round",e.moveTo(i.x,i.y),e.lineTo(a.x,a.y),e.stroke()},Kf=(e,t,n,r)=>{let o=Kr(t);if(!o)return;let[i,a]=o;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.lineCap="round",e.lineJoin="round",e.strokeRect(Math.min(i.x,a.x),Math.min(i.y,a.y),Math.abs(a.x-i.x),Math.abs(a.y-i.y))},Os=11,Si=4,Gf=`600 ${Os}px system-ui, -apple-system, sans-serif`;function Ds(e,t,n){return e.map(r=>({x:r.x-t,y:r.y-n}))}function eh(e,t,n,r,o,i){let a=String(r);e.font=Gf;let l=e.measureText(a).width+Si*2,d=Os+Si*2,c=t-l/2,u=n+i/2+2;e.fillStyle=o,e.fillRect(c,u,l,d),e.fillStyle="#ffffff",e.textBaseline="middle",e.fillText(a,c+Si,u+d/2)}function th(e,t){if(e.points.length<2&&e.type!=="text")return null;switch(e.type){case"rectangle":case"freehand":{let n,r;if(e.type==="freehand")n=Math.min(...e.points.map(o=>o.x)),r=Math.max(...e.points.map(o=>o.y));else{let o=e.points[0],i=e.points[e.points.length-1];n=Math.min(o.x,i.x),r=Math.max(o.y,i.y)}return{x:n,y:r}}case"circle":{let n=e.points[0],r=e.points[e.points.length-1],o=Math.min(n.x,r.x),i=(Math.min(n.y,r.y)+Math.max(n.y,r.y))/2;return{x:o,y:i}}case"line":{let n=e.points[0],r=e.points[e.points.length-1],o=n.y>r.y?n:r;return{x:o.x,y:o.y}}default:return null}}function Ws(){let e=$(null),t=oe(()=>{let a=e.current;if(!a)return;let l=a.getContext("2d");l&&l.clearRect(0,0,a.width,a.height)},[]),n=oe((a,l,d,c=1,u=!1)=>{let p=e.current;if(!p)return;let h=p.getContext("2d");if(!h)return;let f=a.status??(a.captured?"in_flight":"pending"),g=f==="pending"?a.color:"#8c8c8c";switch(h.save(),h.globalAlpha=c,a.type){case"freehand":Yf(h,a.points,g,a.strokeWidth);break;case"line":Xf(h,a.points,g,a.strokeWidth);break;case"rectangle":Kf(h,a.points,g,a.strokeWidth);break;case"circle":Jf(h,a.points,g,a.strokeWidth);break;case"text":if(a.text&&a.points[0]){let y=f==="pending"?"#ffffff":"#dddddd";fd(h,a.points[0],a.text,g,a.fontSize,l,a.points[0].x,d,y,zs(a)?"bottom-left":a.linkedAnchor,u)}break}h.restore()},[]),r=oe((a,l)=>{let d=e.current;if(!d||a.points.length<2)return;let c=d.getContext("2d");if(c){if(c.fillStyle="#ffffff",c.strokeStyle=a.color,c.lineWidth=1.5,a.type==="line"){let u=a.points[0],p=a.points[a.points.length-1];[u,p].forEach(h=>{c.beginPath(),c.arc(h.x,h.y,l/2,0,Math.PI*2),c.fill(),c.stroke()});return}if(a.type==="circle"){let u=a.points[0],p=a.points[a.points.length-1],h=Math.min(u.x,p.x),f=Math.max(u.x,p.x),g=Math.min(u.y,p.y),y=Math.max(u.y,p.y),C=(h+f)/2,k=(g+y)/2;[{x:C,y:g},{x:C,y},{x:h,y:k},{x:f,y:k}].forEach(w=>{c.beginPath(),c.rect(w.x-l/2,w.y-l/2,l,l),c.fill(),c.stroke()});return}if(a.type==="rectangle"||a.type==="freehand"){let u,p,h,f;if(a.type==="freehand")u=Math.min(...a.points.map(g=>g.x)),p=Math.max(...a.points.map(g=>g.x)),h=Math.min(...a.points.map(g=>g.y)),f=Math.max(...a.points.map(g=>g.y));else{let g=a.points[0],y=a.points[a.points.length-1];u=Math.min(g.x,y.x),p=Math.max(g.x,y.x),h=Math.min(g.y,y.y),f=Math.max(g.y,y.y)}[{x:u,y:h},{x:p,y:h},{x:u,y:f},{x:p,y:f}].forEach(g=>{c.beginPath(),c.rect(g.x-l/2,g.y-l/2,l,l),c.fill(),c.stroke()})}}},[]),o=oe((a,l,d,c=0,u=0,p,h,f,g,y,C=.5,k)=>{if(t(),a.forEach(w=>{let E={...w,points:Ds(w.points,c,u)},M=p?.get(w.id),S=y?.has(w.id)??!1,T=!!h?.size,N=h?.has(w.id)??!1,H=T?N?1:.2:g&&!g.has(w.id)&&!S?C:1;n(E,M,f,H,k?.has(w.id))}),l&&l.length>0&&d){let w=e.current?.getContext("2d");for(let E of l){let M=a.find(S=>S.id===E);if(M){let S=y?.has(M.id)??!1,T=!!h?.size,N=h?.has(M.id)??!1,H=T?N?1:.2:g&&!g.has(M.id)&&!S?C:1,P={...M,points:Ds(M.points,c,u)};if(w?.save(),w&&(w.globalAlpha=H),r(P,d),w&&M.type!=="text"&&p&&!(M.groupId&&a.some(L=>L.groupId===M.groupId&&L.type==="text"))){let L=p.get(M.id);if(L!==void 0){let j=th(P);if(j){let Z=(M.status??(M.captured?"in_flight":"pending"))==="pending"?M.color:"#999999";eh(w,j.x,j.y,L,Z,d)}}}w?.restore()}}}},[t,n,r]),i=oe(()=>{let a=e.current;if(!a)return;let l=window.devicePixelRatio||1,d=window.visualViewport?.width??window.innerWidth,c=window.visualViewport?.height??window.innerHeight;a.width=d*l,a.height=c*l;let u=a.getContext("2d");u&&u.scale(l,l)},[]);return{canvasRef:e,clearCanvas:t,drawAnnotation:n,redrawAll:o,resizeCanvas:i}}function nh(e){if(e.length===0)return{x:0,y:0,width:0,height:0};let t=e.map(l=>l.x),n=e.map(l=>l.y),r=Math.min(...t),o=Math.max(...t),i=Math.min(...n),a=Math.max(...n);return{x:r,y:i,width:o-r,height:a-i}}var rh=new Set;function oh({annotations:e,annotationGroupMap:t,targetDocument:n,color:r,onViewThread:o,onDelete:i}){let{canvasRef:a,redrawAll:l,resizeCanvas:d}=Ws(),[c,u]=R({x:0,y:0,revision:0}),[p,h]=R([]);qe(()=>{let g=n.defaultView,y=()=>{let C=g?.frameElement?.getBoundingClientRect();u(k=>({x:(C?.left??0)-(g?.scrollX??0),y:(C?.top??0)-(g?.scrollY??0),revision:k.revision+1}))};return y(),g?.addEventListener("scroll",y,{passive:!0}),window.addEventListener("resize",y),()=>{g?.removeEventListener("scroll",y),window.removeEventListener("resize",y)}},[n]);let f=ue(()=>di(e,n.location?.pathname??"/").filter(g=>g.points.length>0).map(g=>({...g,color:r,points:g.points.map(y=>({x:y.x+c.x,y:y.y+c.y}))})),[e,r,n,c]);return qe(()=>{if(!f.length){h([]);return}d(),l(f,[],void 0,0,0,t);let g=a.current?.getContext("2d");g&&h(f.map(y=>{if(y.type!=="text"){let T=nh(y.points);return{annotation:y,left:T.x,top:T.y,width:Math.max(12,T.width),height:Math.max(12,T.height)}}let C=y.fontSize??12,k=t.get(y.id),w=`${k===void 0?"":`${k}. `}${(y.text??"").replace(/\n/g," ")}`,E=y.points[0];g.font=`${C}px ${Qi}`;let M=g.measureText(wd(g,w,Cd(E.x))).width+16,S=kd(E,C,void 0,M);return{annotation:y,left:S.x-8,top:S.y-4,width:M,height:C*Zi+8}}))},[f,t,a,l,d]),f.length?v(Me,{children:[s("canvas",{ref:a,"aria-hidden":!0,style:{position:"fixed",inset:0,width:"100vw",height:"100vh",pointerEvents:"none",zIndex:9999}}),p.map(({annotation:g,...y})=>s("button",{type:"button","data-devtools":"peer-canvas-annotation","data-annotation-id":g.id,"aria-label":g.text??"Annotation",onClick:C=>{C.stopPropagation(),g.threadId&&o?.(g.threadId)},onPointerDown:C=>C.stopPropagation(),onContextMenu:i?C=>{C.preventDefault(),C.stopPropagation(),i(g.id)}:void 0,style:{...y,position:"fixed",padding:0,border:0,background:"transparent",pointerEvents:"auto",cursor:g.threadId?"pointer":"default",zIndex:9999}},g.id)),s(Sd,{annotations:f,supersededAnnotations:rh,annotationGroupMap:t,scrollX:0,scrollY:0,onViewThread:o,canvasRef:a,pendingBundleCount:0})]}):null}var ih=new Set,ah=new Map,lh=new Map,sh=new Map;function dh({peer:e,targetDocument:t,projectedTargets:n,hoveredElement:r,getSubjects:o,onApprove:i,focusedAnnotationId:a}){let l=pn(Ka),d=pn(Bo),c=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerAnnotations&&!d.view?.isPeeking?S=>{d.deletePeerAnnotations(e.identity.id,[S]).catch(()=>{})}:void 0,u=ue(()=>Nl(Xo(e.state??bo,d?.pendingSubmissions??[],e.identity.id),e.identity.relationship==="guest"?e.color:void 0),[e.state,e.identity.id,e.identity.relationship,e.color,d?.pendingSubmissions]),p=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerStyles&&!d.view?.isPeeking?S=>{d.deletePeerStyles(e.identity.id,S.map(r0)).catch(()=>{})}:void 0,[h,f]=R(0),g=ue(()=>yi((e.state?.annotations??[]).flatMap(S=>[S.linkedSelector,S.elements?.[0]?.selector].filter(T=>!!T))),[e.state?.annotations]);F(()=>{if(!t||n)return;let S=new MutationObserver(T=>{T.some(g.changesIdentity)&&f(N=>N+1)});return S.observe(t.body,{childList:!0,characterData:!0,subtree:!0,attributes:!0,attributeFilter:g.attributes}),()=>S.disconnect()},[t,n,g]);let y=oe((S,T)=>!t||n?null:ko(S,T?.[0],t),[t,n]),C=ue(()=>n?new Set(n.keys()):void 0,[n]),k=rs({state:u,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications}),w=u.annotations.find(S=>S.id===a)?.linkedSelector,E=[...u.annotations].filter(S=>!S.captured&&!k.supersededAnnotations.has(S)).sort((S,T)=>T.timestamp-S.timestamp)[0],M=Hs({resolveElement:y,projectedSelectors:C,activeText:null,activeColor:e.color,annotations:u.annotations,annotationNumberById:k.annotationGroupMap,hiddenCollidingAnnotationIds:ih,nestedCollidingAnnotationCountById:ah,nestedCollidingAnnotationIdsById:lh,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications,sendHintAnchorId:E?.id??null,supersededAnnotations:k.supersededAnnotations,visibleCollisionRepresentativeByAnnotationId:sh,activeTextSendHintId:"",targetResolutionRevision:e.revision+h});return v("div",{"data-devtools":"peer-rails","data-peer-id":e.identity.id,"aria-label":`${e.identity.name}'s suggestions`,children:[t&&!n&&s(oh,{annotations:M.visibleCanvasAnnotations,annotationGroupMap:k.annotationGroupMap,targetDocument:t,color:e.color,onViewThread:l,onDelete:c}),s(Ps,{targetDocument:t,projectedTargets:n,hoveredElement:r,subjectRegistry:o?.(),readOnly:!0,onDeletePeerComment:c,onDeletePeerStyles:p,styleModifications:u.styleModifications,textModifications:u.textModifications,stagedComments:M.elementRailComments,accentColor:e.color,annotationNumberBySelector:k.pageModificationNumberBySelector,sendHintSelector:i?M.modifiedElementSendHintSelector:null,pendingBundleCount:k.stagedArtifactOrder.count,onSend:i,onViewThread:l,focusedSelector:w,refreshKey:e.revision})]})}function ch(e,t){let[n,r]=sa(l=>l+1,0),o=Date.now(),i=t?e.filter(l=>l.startedAt<=o&&o<l.expiresAt+2e3).map(l=>({presence:l,engaged:!l.ended&&o<l.expiresAt})):[],a=Math.min(...i.map(({presence:l,engaged:d})=>d?l.expiresAt:l.expiresAt+2e3));return F(()=>{if(!t||!Number.isFinite(a))return;let l=setTimeout(r,Math.max(0,a-Date.now()));return window.addEventListener("focus",r),document.addEventListener("visibilitychange",r),()=>{clearTimeout(l),window.removeEventListener("focus",r),document.removeEventListener("visibilitychange",r)}},[t,a,n]),i}function uh(e,t){let n=e.split(Rd()),r=t;try{for(let[o,i]of n.entries()){let a=r.querySelectorAll(i);if(a.length!==1)return null;let l=a[0];if(o===n.length-1)return l;if(!l.shadowRoot)return null;r=l.shadowRoot}}catch{}return null}function ph(e,t){return e.targetBindings?.length?e.targetBindings.flatMap(({anchor:n})=>{if(n.type==="opaque"){let o={adapter:n.adapter,key:n.key};return[{selector:ta(o),subject:o}]}let r=n.structuralSelector??n.runtimeSelector;return n.pathname===t&&r?[{selector:r}]:[]}).slice(0,8):(e.elementIdentifiers??[]).flatMap(n=>{let r=ci(n,t);return r?[{selector:r}]:[]}).slice(0,8)}export{ts as $,Or as $a,S2 as $b,w0 as A,i2 as Aa,Ta as Ab,C0 as B,a2 as Ba,Ea as Bb,I0 as C,l2 as Ca,Gc as Cb,ut as D,Ps as Da,It as Db,rt as E,wi as Ea,To as Eb,xn as F,Wf as Fa,Aa as Fb,D0 as G,_f as Ga,Kt as Gb,W0 as H,Bf as Ha,bn as Hb,wn as I,Ci as Ia,Qa as Ib,Kl as J,zs as Ja,Do as Jb,oi as K,Ff as Ka,Ja as Kb,bt as L,Vf as La,Ya as Lb,j0 as M,Qf as Ma,_o as Mb,_0 as N,Zf as Na,Xa as Nb,B0 as O,Hs as Oa,ka as Ob,F0 as P,qr as Pa,ul as Pb,V0 as Q,si as Qa,ar as Qb,Br as R,Ar as Ra,hl as Rb,ii as S,rs as Sa,ml as Sb,Dn as T,Ws as Ta,gl as Tb,Gl as U,c2 as Ua,yl as Ub,q0 as V,os as Va,Ap as Vb,J0 as W,p2 as Wa,vl as Wb,es as X,f2 as Xa,Rp as Xb,Y0 as Y,h2 as Ya,l1 as Yb,ai as Z,m2 as Za,C2 as Zb,cr as _,wt as _a,k2 as _b,Tl as a,ns as aa,Cl as ab,I2 as ac,Yo as b,Bo as ba,Wp as bb,M2 as bc,Al as c,Ka as ca,jp as cb,T2 as cc,n0 as d,Cs as da,b2 as db,E2 as dc,$l as e,yi as ea,dh as eb,L2 as ec,Xo as f,N2 as fa,v2 as fb,uh as fc,Nl as g,ui as ga,ch as gb,ph as gc,lr as h,ls as ha,x2 as hb,s0 as i,P2 as ia,w2 as ib,zl as j,ys as ja,Ga as jb,h0 as k,bs as ka,zo as kb,Ko as l,xs as la,Ho as lb,m0 as m,ws as ma,Cu as mb,g0 as n,hf as na,ku as nb,y0 as o,bi as oa,nr as ob,Wr as p,ks as pa,zn as pb,Ft as q,Ss as qa,gu as qb,Go as r,Is as ra,yu as rb,Ol as s,G0 as sa,Xt as sb,b0 as t,e2 as ta,xu as tb,ti as u,t2 as ua,fn as ub,Wl as v,n2 as va,Nn as vb,x0 as w,vi as wa,hn as wb,A2 as x,xi as xa,xt as xb,et as y,r2 as ya,gn as yb,ri as z,o2 as za,Rn as zb};
|
|
345
|
+
`}}),De.map(b=>{let ne=A?.element===b.domElement,K=li(b.hasPendingChanges,Wn(b),f?.get(b.selector)),he=Ne(b),V=dt(b,K),Fe=Sf(b.selector,he,d,y),Te=If(Fe,b.comment,Wn(b)),ze=he||K?.status==="in_flight",Oe=Mf(Te,ze),Re=g?.has(f?.get(b.selector)??K?.jobId??""),Ve=b.comment?.awaitingReview||K?.status==="awaiting_review",ke=Ve?"Awaiting review":Re?"Approval needed":he?Ae||"Thinking":V?"Queued":K?.status==="in_flight"?"Thinking":K?.status==="waiting_input"?"Question":K?.status==="failed"?"Failed":K?.label??"Replied",_e=!!(b.domElement&&Ms(b.domElement,L)),Se=te===b.selector,We=q.has(b.selector),Qt=q.get(b.selector),Q=!!K||b.comment?.pending===!1,de=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Q,isHovered:r&&o===b.selector||_e||Se||Jr(ee,b.selector,0),hasTimedReveal:We,isRevealedSticker:!1}),Qe=b.stickers.length+1,Ze=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Q,isHovered:Jr(ee,b.selector,Qe),hasTimedReveal:We,isRevealedSticker:!1}),ht=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:Q,isHovered:r&&o===b.selector||_e||Se||Jr(ee,b.selector,Qe),hasTimedReveal:We,isRevealedSticker:We}),kt=Fn(b),on=(ne?A.imageCount:Ns(b.comment,he||!!K))??0,an=b.stickers.length>0||on>0,Qn=cd({hasCommentEntry:ne||!!b.comment,stagedChangeCount:b.stickers.length+ +(on>0)}),Ot=he||!!K||!!b.comment?.awaitingReview,tt=!Ot&&b.selector===w,Xe=!ne&&de.annotationCollapsed&&ht.stickerCollapsed&&Ze.sendCompact&&!We&&ee?.selector!==b.selector,ln=Xe?ud({annotationNumber:b.annotationNumber,stickerCount:b.stickers.length,interactionEpisodeStepCount:b.comment?.interactionEpisodeStepCount??0,hasStatus:Ot,hasSend:tt,controlGap:Qn})+ui(on):kt;return s(pd,{element:b.domElement,projectedRect:b.projectedRect,onRemove:b.comment&&le?()=>le(b.comment.id):J&&i.some(Be=>Be.selector===b.selector)?()=>J(i.filter(Be=>Be.selector===b.selector)):void 0,onActivate:b.comment?.threadId||K?.threadId?()=>P?.(b.comment?.threadId??K?.threadId):void 0,hideOutline:!(r&&Rt===b),color:Te,fillOpacity:.1,outlineZIndex:10002,subjectRegistry:t,hideTooltip:!0,railGap:2,railWidth:kt,refreshKey:I,renderRail:Be=>{let Zn=st.current.get(b.selector)?.getBoundingClientRect(),Gr=Zn?.width?Zn:go(Be,kt,22),hr=!!(Xe&&Rt!==b&&pt&&Ji(Gr,pt));if(Rt!==b&&pt&&Ji(go(Be,ln,22),pt))return null;let Sn=Be.horizontalAlignment==="right"?Be.left-kt:Be.left,sn=jf(fr,Sn,kt);if(b.transient){let B=b.domElement?$d(b.domElement):null;return s(Rs,{"data-popmelt-rail-priority":"intent","data-popmelt-subject-label-action":B?"true":void 0,"data-popmelt-subject-adapter":B?.adapter,"data-popmelt-subject-key":B?.key,left:Be.left,top:Be.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:Be.anchor,horizontalAlignment:Be.horizontalAlignment,style:{zIndex:10001,pointerEvents:B?"auto":"none",cursor:B?"pointer":void 0},onPointerDown:se=>{B&&se.stopPropagation()},onClick:se=>{B&&(se.preventDefault(),se.stopPropagation(),Ee?.(B))},onContextMenu:se=>{B&&(se.preventDefault(),se.stopPropagation(),X?.(B))},onMouseEnter:()=>{B&&xe?.(B)},onMouseLeave:()=>xe?.(null),children:s("div",{"data-devtools":"steer-element-identifier",ref:se=>{b.domElement&&Yi(b.domElement,se)},"data-popmelt-subject-label-action":B?"true":void 0,style:{...Et,borderRadius:b.domElement===document.body?kr("bottom-left"):kr(Be.anchor)},children:s("span",{style:Vn,children:b.label})})})}return s(Rs,{"data-popmelt-rail-priority":"history","data-popmelt-snap-collapse":hr||void 0,visualRef:B=>{B?st.current.set(b.selector,B):st.current.delete(b.selector)},left:Be.left,top:Be.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:Be.anchor,horizontalAlignment:Be.horizontalAlignment,onClick:()=>{if(ne)return;let B=Lf(b.comment,b.comment?.threadId??K?.threadId);B.type==="edit-comment"?ae?.(B.annotationId):B.type==="open-thread"&&P?.(B.threadId)},onContextMenu:B=>{if(B.preventDefault(),B.stopPropagation(),b.comment&&le){le(b.comment.id);return}if(J){let se=i.filter(Pt=>Pt.selector===b.selector);if(se.length){J(se);return}}b.comment&&b.comment.pending!==!1&&pe?(Mt(b.selector),we(se=>Es(se,b.selector)),Je(se=>se===b.selector?null:se),k?.(null),pe(b.comment.id)):a.some(se=>se.selector===b.selector&&!se.captured)?ye?.(b.selector):!b.hasPendingChanges&&!he&&K?.status==="resolved"&&G?.(K.threadId)},onMouseEnter:()=>{Mt(b.selector),Je(b.selector),k?.(b.selector)},onMouseLeave:()=>{Ht(b.selector),k?.(null)},style:{zIndex:ne?10002:1e4,cursor:ne?"text":"pointer",pointerEvents:"auto"},children:v("div",{ref:B=>{b.domElement&&Yi(b.domElement,B)},style:{display:"flex",alignItems:"center",gap:Qn},children:[ne?A.render(Be.anchor):v("div",{"data-devtools":"badge","data-popmelt-collapsed":de.annotationCollapsed,onMouseEnter:()=>ge(b.selector,"annotation",0),style:{...Et,backgroundColor:Tf({accentColor:d,threadAccentColor:Te,comment:b.comment,isInFlight:he,hasThreadState:!!K,hasStickers:b.stickers.length>0}),gap:0,letterSpacing:b.comment?0:Et.letterSpacing,borderRadius:b.domElement===document.body?kr("bottom-left"):kr(Be.anchor)},children:[s("span",{style:{fontWeight:600},children:b.annotationNumber}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",style:{...Vn,paddingLeft:b.comment?0:void 0},children:b.comment?v(Me,{children:[".",s("span",{style:{marginLeft:2},children:b.comment.text})]}):v(Me,{children:[". ",b.label]})})})]}),!an&&s(Xi,{stepCount:ne?0:b.comment?.interactionEpisodeStepCount??0,onClear:b.comment?.pending!==!1&&be?()=>be(b.comment.id):void 0,submitted:b.comment?.pending===!1}),an&&v("div",{className:"popmelt-staged-sticker-group",children:[b.stickers.map((B,se)=>{let Pt=rn(B),Dt=Yr({hasElementChanges:b.hasElementChanges,hasPendingChanges:b.hasPendingChanges,hasThreadState:!!K,isHovered:Jr(ee,b.selector,se+1),hasTimedReveal:We,isRevealedSticker:We&&Pt===Qt}),ot=Pf(se,b.stickers.length+ +(on>0)),jt=se===0?void 0:mo;return v("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:ot.zIndex},children:[s("span",{"aria-hidden":!0,className:"popmelt-staged-sticker-pointer",style:{"--popmelt-staged-accent":Oe,WebkitMaskImage:se===0?void 0:Cr,maskImage:se===0?void 0:Cr}}),v("button",{type:"button","data-devtools":"staged-sticker","data-popmelt-style-property":B.custom?.property,title:B.custom?`${B.custom.property}: ${B.custom.value}`:void 0,"data-popmelt-collapsed":Dt.stickerCollapsed,onMouseEnter:()=>ge(b.selector,Pt,se+1),"aria-label":B.custom?`Custom ${B.custom.property}: ${B.custom.value}`:`${r?"Staged":"Edit staged"} ${B.token} sticker`,onPointerDown:mt=>{mt.preventDefault(),mt.stopPropagation()},onClick:mt=>{mt.preventDefault(),mt.stopPropagation(),B.selection&&T?.(b.selector,B.selection)},onContextMenu:mt=>{mt.preventDefault(),mt.stopPropagation(),Mt(b.selector),we(In=>Es(In,b.selector)),k?.(null),B.selection&&N?.(b.selector,B.selection)},style:{...Et,position:"relative",height:"100%",minHeight:22,appearance:"none",border:0,margin:0,paddingLeft:ot.paddingLeft,paddingRight:ot.paddingRight,gap:0,cursor:B.selection&&(T||N)?"pointer":"default",backgroundColor:Oe,WebkitMaskImage:jt,maskImage:jt},children:[B.selection?s(pr,{family:B.selection.family,subproperty:B.selection.subproperty,step:B.selection.step}):s(Hf,{property:B.custom.property}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:B.token})})]})]},Pt)}),s(ls,{imageCount:on,color:Oe,layered:b.stickers.length>0}),!ne&&(b.comment?.interactionEpisodeStepCount??0)>0&&s("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:1},children:s(Xi,{stepCount:b.comment.interactionEpisodeStepCount,layered:!0,onClear:b.comment?.pending!==!1&&be?()=>be(b.comment.id):void 0,submitted:b.comment?.pending===!1})}),tt&&s(Ki,{bundleCount:E,compact:Ze.sendCompact,layered:!0,onHoverChange:B=>{B&&ge(b.selector,"send",Qe),M?.(B)},onSend:S,style:{position:"relative",zIndex:(b.comment?.interactionEpisodeStepCount??0)>0?0:1}})]}),Ot&&s("button",{type:"button","data-devtools":"annotation-badge","data-popmelt-collapsed":ht.stickerCollapsed,onMouseEnter:()=>ge(b.selector,"thread-status",Qe),"aria-label":K?`${ke}. Open thread`:ke,onPointerDown:B=>{B.preventDefault(),B.stopPropagation()},onClick:B=>{B.preventDefault(),B.stopPropagation();let se=b.comment?.threadId??K?.threadId;se&&P?.(se)},style:{...Et,appearance:"none",border:0,margin:0,cursor:K&&P?"pointer":"default",backgroundColor:Te,gap:0},children:Ve?v(Me,{children:[s(pa,{size:12,strokeWidth:2.25}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:ke})})]}):he?v(Me,{children:[Re?s(Qd,{size:12,"aria-label":"Approval needed"}):s("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"currentColor",style:{verticalAlign:"middle"},children:Nt===1?v(Me,{children:[s("circle",{cx:"7",cy:"7",r:"2"}),s("circle",{cx:"17",cy:"7",r:"2"}),s("circle",{cx:"7",cy:"17",r:"2"}),s("circle",{cx:"17",cy:"17",r:"2"})]}):v(Me,{children:[s("circle",{cx:"12",cy:"6",r:"2"}),s("circle",{cx:"6",cy:"12",r:"2"}),s("circle",{cx:"18",cy:"12",r:"2"}),s("circle",{cx:"12",cy:"18",r:"2"})]})}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",style:{opacity:.8},children:ke})})]}):v(Me,{children:[V?s(pa,{"data-devtools":"queued-status-icon",size:12,strokeWidth:2.25,style:{verticalAlign:"middle",opacity:.6}}):K?.status==="waiting_input"?s(Zd,{"data-devtools":"question-status-icon",size:12,strokeWidth:2.25,style:{transform:"translateY(-0.5px)",flexShrink:0}}):K?.status==="failed"?s(qd,{size:12,strokeWidth:2.25}):s(Ud,{size:12,strokeWidth:2.25}),s("span",{className:"popmelt-collapsible-badge-detail",children:s("span",{className:"popmelt-collapsible-badge-detail-inner",children:ke})})]})}),tt&&!an&&s(Ki,{bundleCount:E,compact:Ze.sendCompact,onHoverChange:B=>{B&&ge(b.selector,"send",Qe),M?.(B)},onSend:S})]})})}},`${b.transient?"intent":"history"}:${b.selector}`)})]})}var _n=8,wi=4;function _f(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function Bf(e,t){return e===t||aa(e,t)||aa(t,e)}function Ff(e,t){return Bf(e,t)||Xn(e)!==null&&Xn(e)===Xn(t)}function Vf(e){let t=0,n=Xn(e);for(;n;)t+=1,n=Xn(n);return t}function Ci(e,t){return ko(e,t?.[0])}function zs(e){return!!(e.linkedSelector&&e.elements?.[0]?.tagName.toLowerCase()==="body")}function Qf(e){let t=Ui(e,22,2,window.innerHeight);return{x:t.left+window.scrollX+8,y:t.top+window.scrollY+4}}function Zf(e){let t=e?.getBoundingClientRect();return!t||typeof window>"u"?{}:t.top<window.innerHeight/2?{avoidTop:t.bottom+_n,avoidLeft:t.left-_n,avoidRight:t.right+_n}:{avoidBottom:t.top-_n,avoidLeft:t.left-_n,avoidRight:t.right+_n}}function qf(e,t){if(t.size===0)return null;let n=new Set,r=new Set;for(let i of e)t.has(i.id)&&(i.groupId&&n.add(i.groupId),i.threadId&&r.add(i.threadId));for(let i of e)i.groupId&&n.has(i.groupId)&&i.threadId&&r.add(i.threadId);let o=new Set(t);for(let i of e)(i.groupId&&n.has(i.groupId)||i.threadId&&r.has(i.threadId))&&o.add(i.id);return o}function Uf(e,t,n=0,r,o,i=90){let a=e.left+window.scrollX+8,l=t==="top-left"?e.top+window.scrollY-wi-22-n*22+4:e.bottom+window.scrollY+wi+4+n*22,d=window.scrollY+4,c=window.scrollY+window.innerHeight-22-4,u=null;if(r&&o!==void 0){let p=r.getBoundingClientRect(),h=e.left;if(h+o+16+i>p.left&&h<p.right)if(p.top<window.innerHeight/2){let f=window.scrollY+p.bottom+4;f>d&&(d=f,u="top")}else{let f=window.scrollY+p.top-22-4;f<c&&(c=f,u="bottom")}}return d>c&&(c=d),l<d?l=u==="top"?d:e.top+window.scrollY+4:l>c&&(l=u==="bottom"?c:Math.max(e.top+window.scrollY+4,c)),{x:a,y:l}}var Jf=new Set(["resolved","needs_review","waiting_input","failed"]);function ki(e){return e.linkedSelector??(e.target?ta(e.target):void 0)}function Yf(e,t){let n=e.groupId?t.filter(c=>c.groupId===e.groupId):[e],r=n.find(c=>c.status!==void 0&&Jf.has(c.status)),o=n.find(c=>c.threadId),i=n.find(c=>ki(c)),a=i?ki(i):void 0;if(!r?.status||!o?.threadId||!a)return;let l=n.find(c=>c.targetBindingId),d=n.find(c=>c.replyJobIds?.length);return{status:r.status,threadId:o.threadId,targetBindingId:l?.targetBindingId,replyJobIds:d?.replyJobIds,linkedSelector:a,elements:i?.elements}}function Hs({resolveElement:e,projectedSelectors:t,activeText:n,activeColor:r,annotations:o,annotationNumberById:i,focusedThreadAnnotationId:a,hiddenCollidingAnnotationIds:l,modifiedElementThreadStates:d,nestedCollidingAnnotationCountById:c,nestedCollidingAnnotationIdsById:u,pageAnnotations:p,pageStyleModifications:h,pageTextModifications:f,sendHintAnchorId:g,supersededAnnotations:y,visibleCollisionRepresentativeByAnnotationId:C,activeTextSendHintId:k,targetResolutionRevision:w}){let E=oe((A,I)=>t?null:e?e(A,I):Ci(A,I),[w,e,t]),M=ue(()=>{let A=[],I=new Set,j=[...p].sort((_,O)=>O.timestamp-_.timestamp);for(let _ of j){if(_.type!=="text"||!_.text||!_.linkedSelector||y.has(_)||l.has(_.id))continue;let O=_.status??(_.captured?"in_flight":"pending");if(!["pending","sending","in_flight","awaiting_review"].includes(O))continue;let ee=i.get(_.id);if(ee===void 0||I.has(_.linkedSelector))continue;let we=E(_.linkedSelector,_.elements),te=_.elements?.[0];!we&&!(t?.has(_.linkedSelector)&&te)||(I.add(_.linkedSelector),A.push({id:_.id,selector:_.linkedSelector,text:_.text.replace(/\n/g," "),annotationNumber:ee,color:_.color,element:te??An(we),pending:O==="pending",awaitingReview:O==="awaiting_review",threadId:_.threadId,imageCount:_.imageCount??0,interactionEpisodeStepCount:_.interactionEpisode?.steps.length}))}return A},[i,l,p,y,E,t]),S=ue(()=>new Set(M.map(A=>A.id)),[M]),T=ue(()=>{let A=new Map;for(let I of p){if(I.type!=="text")continue;let j=Yf(I,p);j&&A.set(I.id,j)}return A},[p]),N=ue(()=>{let A=[],I=new Set,j=[...p].sort((_,O)=>+(O.id===a)-+(_.id===a)||O.timestamp-_.timestamp);for(let _ of j){let O=T.get(_.id);if(!O||!vi({..._,status:O.status,threadId:O.threadId,linkedSelector:O.linkedSelector})||!_.text||y.has(_)||l.has(_.id)||I.has(O.linkedSelector))continue;let ee=i.get(_.id);if(ee===void 0)continue;let we=E(O.linkedSelector,O.elements),te=O.elements?.[0];!we&&!(t?.has(O.linkedSelector)&&te)||(I.add(O.linkedSelector),A.push({id:_.id,selector:O.linkedSelector,text:_.text.replace(/\n/g," "),annotationNumber:ee,color:_.color,element:te??An(we),pending:!1,imageCount:_.imageCount??0,interactionEpisodeStepCount:_.interactionEpisode?.steps.length,threadState:{jobId:O.replyJobIds?.[O.replyJobIds.length-1]??O.threadId,threadId:O.threadId,targetBindingId:O.targetBindingId,annotationNumber:ee,status:O.status==="waiting_input"?"waiting_input":O.status==="failed"?"failed":"resolved",label:O.status==="waiting_input"?"Question":O.status==="failed"?"Failed":"Replied"}}))}return A},[i,a,l,p,T,y,E,t]),H=ue(()=>[...M,...N],[N,M]),P=ue(()=>{let A=new Set,I=new Set,j=new Set,_=new Set;for(let[O,ee]of d??[])if(ia(ee.selectors??[O],ee.targetFingerprint).status==="matched"){I.add(ee.threadId),ee.targetBindingId&&j.add(ee.targetBindingId);for(let we of ee.selectors??[])_.add(we);!ee.targetBindingId&&!ee.selectors?.length&&_.add(O)}for(let O of p){let ee=T.get(O.id),we=O.groupId?p.filter(He=>He.groupId===O.groupId):[O],te=we.map(ki).find(He=>!!He),Je=we.find(He=>He.threadId)?.threadId,q=we.find(He=>He.targetBindingId)?.targetBindingId;if(!(O.type!=="text"||!O.text||!te||y.has(O)||l.has(O.id))){if(Je&&I.has(Je)||q&&j.has(q)||_.has(te)){A.add(O.id);continue}!ee||!vi({...O,status:ee.status,threadId:ee.threadId,linkedSelector:ee.linkedSelector})||E(ee.linkedSelector,ee.elements)&&A.add(O.id)}}return A},[l,d,p,T,y,E]),L=ue(()=>{let A=new Set;for(let I of p)!xi(I)||!I.linkedSelector||y.has(I)||l.has(I.id)||E(I.linkedSelector,I.elements)&&A.add(I.id);return A},[l,p,y,E]),W=ue(()=>{let A=new Set(L);for(let I of S)A.add(I);for(let I of P)A.add(I);return A},[L,P,S]),Z=ue(()=>new Map(H.map(A=>[A.selector,A.color])),[H]),ae=ue(()=>new Set([...l,...W]),[W,l]),pe=ue(()=>{if(!n?.linkedSelector||n.domEdit)return null;let A=E(n.linkedSelector,n.elements);if(!A)return null;let I=[...h,...f].find(O=>!O.captured&&Ci(O.selector,[O.element])===A),j=p.find(O=>O.id===n.id),_=!!(!n.isNew&&j&&xi(j));return!I&&!_?null:{element:A,selector:I?.selector??n.linkedSelector}},[n,p,h,f,E]),le=g===k?g:g?C.get(g)??g:null,J=ue(()=>{if(le===k)return n?.text.trim()?pe?.selector??null:null;if(le&&le!==k)return M.find(A=>A.id===le)?.selector??null;for(let A=f.length-1;A>=0;A-=1){let I=f[A];if(I&&!I.captured)return I.selector}for(let A=h.length-1;A>=0;A-=1){let I=h[A];if(I&&!I.captured&&!I.awaitingReview)return I.selector}return null},[n,pe,k,h,f,M,le]),ye=n?n.isNew?k:n.id:null,G=ye?c.get(ye)??0:0,be=ye?u.get(ye)??[]:[],Ee=n?.isNew?void 0:o.find(A=>A.id===n?.id),X=(Ee?.status??(Ee?.captured?"in_flight":"pending"))==="pending"?Ee?.color??r:"#8c8c8c",xe=ue(()=>p.filter(A=>!(y.has(A)||l.has(A.id)||W.has(A.id)||n&&!n.isNew&&A.id===n.id)),[n,W,l,p,y]);return{activeTextAnnotation:Ee,activeTextCollisionId:ye,activeTextModifiedRail:pe,activeTextNestedAnnotationCount:G,activeTextNestedAnnotationIds:be,activeTextNestedBadgeColor:X,elementRailColorBySelector:Z,elementRailCommentIds:W,elementRailComments:H,hiddenAnnotationBadgeIds:ae,modifiedElementSendHintSelector:J,stagedElementComments:M,visibleCanvasAnnotations:xe,visibleSendHintAnchorId:le}}function Kr(e){if(e.length<2)return null;let t=e[0],n=e[e.length-1];return t&&n?[t,n]:null}var Xf=(e,t,n,r)=>{let o=Kr(t);if(!o)return;let[i,a]=o,l=(i.x+a.x)/2,d=(i.y+a.y)/2,c=Math.abs(a.x-i.x)/2,u=Math.abs(a.y-i.y)/2;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.ellipse(l,d,c,u,0,0,Math.PI*2),e.stroke()},Kf=(e,t,n,r)=>{let o=Kr(t);if(!o)return;let[i,a]=o;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.lineCap="round",e.lineJoin="round",e.moveTo(i.x,i.y);for(let l=1;l<t.length-1;l++){let d=t[l],c=t[l+1];!d||!c||e.quadraticCurveTo(d.x,d.y,(d.x+c.x)/2,(d.y+c.y)/2)}e.lineTo(a.x,a.y),e.stroke()},Gf=(e,t,n,r)=>{let o=Kr(t);if(!o)return;let[i,a]=o;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.lineCap="round",e.moveTo(i.x,i.y),e.lineTo(a.x,a.y),e.stroke()},eh=(e,t,n,r)=>{let o=Kr(t);if(!o)return;let[i,a]=o;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.lineCap="round",e.lineJoin="round",e.strokeRect(Math.min(i.x,a.x),Math.min(i.y,a.y),Math.abs(a.x-i.x),Math.abs(a.y-i.y))},Os=11,Si=4,th=`600 ${Os}px system-ui, -apple-system, sans-serif`;function Ds(e,t,n){return e.map(r=>({x:r.x-t,y:r.y-n}))}function nh(e,t,n,r,o,i){let a=String(r);e.font=th;let l=e.measureText(a).width+Si*2,d=Os+Si*2,c=t-l/2,u=n+i/2+2;e.fillStyle=o,e.fillRect(c,u,l,d),e.fillStyle="#ffffff",e.textBaseline="middle",e.fillText(a,c+Si,u+d/2)}function rh(e,t){if(e.points.length<2&&e.type!=="text")return null;switch(e.type){case"rectangle":case"freehand":{let n,r;if(e.type==="freehand")n=Math.min(...e.points.map(o=>o.x)),r=Math.max(...e.points.map(o=>o.y));else{let o=e.points[0],i=e.points[e.points.length-1];n=Math.min(o.x,i.x),r=Math.max(o.y,i.y)}return{x:n,y:r}}case"circle":{let n=e.points[0],r=e.points[e.points.length-1],o=Math.min(n.x,r.x),i=(Math.min(n.y,r.y)+Math.max(n.y,r.y))/2;return{x:o,y:i}}case"line":{let n=e.points[0],r=e.points[e.points.length-1],o=n.y>r.y?n:r;return{x:o.x,y:o.y}}default:return null}}function js(){let e=$(null),t=oe(()=>{let a=e.current;if(!a)return;let l=a.getContext("2d");l&&l.clearRect(0,0,a.width,a.height)},[]),n=oe((a,l,d,c=1,u=!1)=>{let p=e.current;if(!p)return;let h=p.getContext("2d");if(!h)return;let f=a.status??(a.captured?"in_flight":"pending"),g=f==="pending"?a.color:"#8c8c8c";switch(h.save(),h.globalAlpha=c,a.type){case"freehand":Kf(h,a.points,g,a.strokeWidth);break;case"line":Gf(h,a.points,g,a.strokeWidth);break;case"rectangle":eh(h,a.points,g,a.strokeWidth);break;case"circle":Xf(h,a.points,g,a.strokeWidth);break;case"text":if(a.text&&a.points[0]){let y=f==="pending"?"#ffffff":"#dddddd";fd(h,a.points[0],a.text,g,a.fontSize,l,a.points[0].x,d,y,zs(a)?"bottom-left":a.linkedAnchor,u)}break}h.restore()},[]),r=oe((a,l)=>{let d=e.current;if(!d||a.points.length<2)return;let c=d.getContext("2d");if(c){if(c.fillStyle="#ffffff",c.strokeStyle=a.color,c.lineWidth=1.5,a.type==="line"){let u=a.points[0],p=a.points[a.points.length-1];[u,p].forEach(h=>{c.beginPath(),c.arc(h.x,h.y,l/2,0,Math.PI*2),c.fill(),c.stroke()});return}if(a.type==="circle"){let u=a.points[0],p=a.points[a.points.length-1],h=Math.min(u.x,p.x),f=Math.max(u.x,p.x),g=Math.min(u.y,p.y),y=Math.max(u.y,p.y),C=(h+f)/2,k=(g+y)/2;[{x:C,y:g},{x:C,y},{x:h,y:k},{x:f,y:k}].forEach(w=>{c.beginPath(),c.rect(w.x-l/2,w.y-l/2,l,l),c.fill(),c.stroke()});return}if(a.type==="rectangle"||a.type==="freehand"){let u,p,h,f;if(a.type==="freehand")u=Math.min(...a.points.map(g=>g.x)),p=Math.max(...a.points.map(g=>g.x)),h=Math.min(...a.points.map(g=>g.y)),f=Math.max(...a.points.map(g=>g.y));else{let g=a.points[0],y=a.points[a.points.length-1];u=Math.min(g.x,y.x),p=Math.max(g.x,y.x),h=Math.min(g.y,y.y),f=Math.max(g.y,y.y)}[{x:u,y:h},{x:p,y:h},{x:u,y:f},{x:p,y:f}].forEach(g=>{c.beginPath(),c.rect(g.x-l/2,g.y-l/2,l,l),c.fill(),c.stroke()})}}},[]),o=oe((a,l,d,c=0,u=0,p,h,f,g,y,C=.5,k)=>{if(t(),a.forEach(w=>{let E={...w,points:Ds(w.points,c,u)},M=p?.get(w.id),S=y?.has(w.id)??!1,T=!!h?.size,N=h?.has(w.id)??!1,H=T?N?1:.2:g&&!g.has(w.id)&&!S?C:1;n(E,M,f,H,k?.has(w.id))}),l&&l.length>0&&d){let w=e.current?.getContext("2d");for(let E of l){let M=a.find(S=>S.id===E);if(M){let S=y?.has(M.id)??!1,T=!!h?.size,N=h?.has(M.id)??!1,H=T?N?1:.2:g&&!g.has(M.id)&&!S?C:1,P={...M,points:Ds(M.points,c,u)};if(w?.save(),w&&(w.globalAlpha=H),r(P,d),w&&M.type!=="text"&&p&&!(M.groupId&&a.some(L=>L.groupId===M.groupId&&L.type==="text"))){let L=p.get(M.id);if(L!==void 0){let W=rh(P);if(W){let Z=(M.status??(M.captured?"in_flight":"pending"))==="pending"?M.color:"#999999";nh(w,W.x,W.y,L,Z,d)}}}w?.restore()}}}},[t,n,r]),i=oe(()=>{let a=e.current;if(!a)return;let l=window.devicePixelRatio||1,d=window.visualViewport?.width??window.innerWidth,c=window.visualViewport?.height??window.innerHeight;a.width=d*l,a.height=c*l;let u=a.getContext("2d");u&&u.scale(l,l)},[]);return{canvasRef:e,clearCanvas:t,drawAnnotation:n,redrawAll:o,resizeCanvas:i}}function oh(e){if(e.length===0)return{x:0,y:0,width:0,height:0};let t=e.map(l=>l.x),n=e.map(l=>l.y),r=Math.min(...t),o=Math.max(...t),i=Math.min(...n),a=Math.max(...n);return{x:r,y:i,width:o-r,height:a-i}}var ih=new Set;function ah({annotations:e,annotationGroupMap:t,targetDocument:n,color:r,onViewThread:o,onDelete:i}){let{canvasRef:a,redrawAll:l,resizeCanvas:d}=js(),[c,u]=R({x:0,y:0,revision:0}),[p,h]=R([]);qe(()=>{let g=n.defaultView,y=()=>{let C=g?.frameElement?.getBoundingClientRect();u(k=>({x:(C?.left??0)-(g?.scrollX??0),y:(C?.top??0)-(g?.scrollY??0),revision:k.revision+1}))};return y(),g?.addEventListener("scroll",y,{passive:!0}),window.addEventListener("resize",y),()=>{g?.removeEventListener("scroll",y),window.removeEventListener("resize",y)}},[n]);let f=ue(()=>di(e,n.location?.pathname??"/").filter(g=>g.points.length>0).map(g=>({...g,color:r,points:g.points.map(y=>({x:y.x+c.x,y:y.y+c.y}))})),[e,r,n,c]);return qe(()=>{if(!f.length){h([]);return}d(),l(f,[],void 0,0,0,t);let g=a.current?.getContext("2d");g&&h(f.map(y=>{if(y.type!=="text"){let T=oh(y.points);return{annotation:y,left:T.x,top:T.y,width:Math.max(12,T.width),height:Math.max(12,T.height)}}let C=y.fontSize??12,k=t.get(y.id),w=`${k===void 0?"":`${k}. `}${(y.text??"").replace(/\n/g," ")}`,E=y.points[0];g.font=`${C}px ${Qi}`;let M=g.measureText(wd(g,w,Cd(E.x))).width+16,S=kd(E,C,void 0,M);return{annotation:y,left:S.x-8,top:S.y-4,width:M,height:C*Zi+8}}))},[f,t,a,l,d]),f.length?v(Me,{children:[s("canvas",{ref:a,"aria-hidden":!0,style:{position:"fixed",inset:0,width:"100vw",height:"100vh",pointerEvents:"none",zIndex:9999}}),p.map(({annotation:g,...y})=>s("button",{type:"button","data-devtools":"peer-canvas-annotation","data-annotation-id":g.id,"aria-label":g.text??"Annotation",onClick:C=>{C.stopPropagation(),g.threadId&&o?.(g.threadId)},onPointerDown:C=>C.stopPropagation(),onContextMenu:i?C=>{C.preventDefault(),C.stopPropagation(),i(g.id)}:void 0,style:{...y,position:"fixed",padding:0,border:0,background:"transparent",pointerEvents:"auto",cursor:g.threadId?"pointer":"default",zIndex:9999}},g.id)),s(Sd,{annotations:f,supersededAnnotations:ih,annotationGroupMap:t,scrollX:0,scrollY:0,onViewThread:o,canvasRef:a,pendingBundleCount:0})]}):null}var lh=new Set,sh=new Map,dh=new Map,ch=new Map;function uh({peer:e,targetDocument:t,projectedTargets:n,hoveredElement:r,getSubjects:o,onApprove:i,focusedAnnotationId:a}){let l=pn(Ka),d=pn(Bo),c=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerAnnotations&&!d.view?.isPeeking?S=>{d.deletePeerAnnotations(e.identity.id,[S]).catch(()=>{})}:void 0,u=ue(()=>Nl(Xo(e.state??bo,d?.pendingSubmissions??[],e.identity.id),e.identity.relationship==="guest"?e.color:void 0),[e.state,e.identity.id,e.identity.relationship,e.color,d?.pendingSubmissions]),p=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerStyles&&!d.view?.isPeeking?S=>{d.deletePeerStyles(e.identity.id,S.map(i0)).catch(()=>{})}:void 0,[h,f]=R(0),g=ue(()=>yi((e.state?.annotations??[]).flatMap(S=>[S.linkedSelector,S.elements?.[0]?.selector].filter(T=>!!T))),[e.state?.annotations]);F(()=>{if(!t||n)return;let S=new MutationObserver(T=>{T.some(g.changesIdentity)&&f(N=>N+1)});return S.observe(t.body,{childList:!0,characterData:!0,subtree:!0,attributes:!0,attributeFilter:g.attributes}),()=>S.disconnect()},[t,n,g]);let y=oe((S,T)=>!t||n?null:ko(S,T?.[0],t),[t,n]),C=ue(()=>n?new Set(n.keys()):void 0,[n]),k=rs({state:u,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications}),w=u.annotations.find(S=>S.id===a)?.linkedSelector,E=[...u.annotations].filter(S=>!S.captured&&!k.supersededAnnotations.has(S)).sort((S,T)=>T.timestamp-S.timestamp)[0],M=Hs({resolveElement:y,projectedSelectors:C,activeText:null,activeColor:e.color,annotations:u.annotations,annotationNumberById:k.annotationGroupMap,hiddenCollidingAnnotationIds:lh,nestedCollidingAnnotationCountById:sh,nestedCollidingAnnotationIdsById:dh,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications,sendHintAnchorId:E?.id??null,supersededAnnotations:k.supersededAnnotations,visibleCollisionRepresentativeByAnnotationId:ch,activeTextSendHintId:"",targetResolutionRevision:e.revision+h});return v("div",{"data-devtools":"peer-rails","data-peer-id":e.identity.id,"aria-label":`${e.identity.name}'s suggestions`,children:[t&&!n&&s(ah,{annotations:M.visibleCanvasAnnotations,annotationGroupMap:k.annotationGroupMap,targetDocument:t,color:e.color,onViewThread:l,onDelete:c}),s(Ps,{targetDocument:t,projectedTargets:n,hoveredElement:r,subjectRegistry:o?.(),readOnly:!0,onDeletePeerComment:c,onDeletePeerStyles:p,styleModifications:u.styleModifications,textModifications:u.textModifications,stagedComments:M.elementRailComments,accentColor:e.color,annotationNumberBySelector:k.pageModificationNumberBySelector,sendHintSelector:i?M.modifiedElementSendHintSelector:null,pendingBundleCount:k.stagedArtifactOrder.count,onSend:i,onViewThread:l,focusedSelector:w,refreshKey:e.revision})]})}function ph(e,t){let[n,r]=sa(l=>l+1,0),o=Date.now(),i=t?e.filter(l=>l.startedAt<=o&&o<l.expiresAt+2e3).map(l=>({presence:l,engaged:!l.ended&&o<l.expiresAt})):[],a=Math.min(...i.map(({presence:l,engaged:d})=>d?l.expiresAt:l.expiresAt+2e3));return F(()=>{if(!t||!Number.isFinite(a))return;let l=setTimeout(r,Math.max(0,a-Date.now()));return window.addEventListener("focus",r),document.addEventListener("visibilitychange",r),()=>{clearTimeout(l),window.removeEventListener("focus",r),document.removeEventListener("visibilitychange",r)}},[t,a,n]),i}function fh(e,t){let n=e.split(Rd()),r=t;try{for(let[o,i]of n.entries()){let a=r.querySelectorAll(i);if(a.length!==1)return null;let l=a[0];if(o===n.length-1)return l;if(!l.shadowRoot)return null;r=l.shadowRoot}}catch{}return null}function hh(e,t){return e.targetBindings?.length?e.targetBindings.flatMap(({anchor:n})=>{if(n.type==="opaque"){let o={adapter:n.adapter,key:n.key};return[{selector:ta(o),subject:o}]}let r=n.structuralSelector??n.runtimeSelector;return n.pathname===t&&r?[{selector:r}]:[]}).slice(0,8):(e.elementIdentifiers??[]).flatMap(n=>{let r=ci(n,t);return r?[{selector:r}]:[]}).slice(0,8)}export{cr as $,wt as $a,M2 as $b,ri as A,a2 as Aa,Rn as Ab,k0 as B,l2 as Ba,Ta as Bb,S0 as C,s2 as Ca,Ea as Cb,T0 as D,d2 as Da,Gc as Db,ut as E,Ps as Ea,It as Eb,rt as F,wi as Fa,To as Fb,xn as G,_f as Ga,Aa as Gb,W0 as H,Ff as Ha,Kt as Hb,_0 as I,Vf as Ia,bn as Ib,wn as J,Ci as Ja,Qa as Jb,Kl as K,zs as Ka,Do as Kb,oi as L,Qf as La,Ja as Lb,bt as M,Zf as Ma,Ya as Mb,B0 as N,qf as Na,_o as Nb,F0 as O,Uf as Oa,Xa as Ob,V0 as P,Hs as Pa,ka as Pb,Q0 as Q,qr as Qa,ul as Qb,Z0 as R,si as Ra,ar as Rb,Br as S,Ar as Sa,ml as Sb,ii as T,rs as Ta,gl as Tb,Dn as U,js as Ua,yl as Ub,Gl as V,p2 as Va,Np as Vb,J0 as W,os as Wa,vl as Wb,X0 as X,h2 as Xa,zp as Xb,es as Y,m2 as Ya,d1 as Yb,K0 as Z,g2 as Za,S2 as Zb,ai as _,y2 as _a,I2 as _b,Cp as a,ts as aa,Or as ab,T2 as ac,Tl as b,ns as ba,Cl as bb,E2 as bc,Yo as c,Bo as ca,_p as cb,L2 as cc,Al as d,Ka as da,Bp as db,A2 as dc,o0 as e,Cs as ea,x2 as eb,$2 as ec,$l as f,yi as fa,uh as fb,fh as fc,Xo as g,P2 as ga,w2 as gb,hh as gc,Nl as h,ui as ha,ph as hb,lr as i,ls as ia,C2 as ib,c0 as j,H2 as ja,k2 as jb,zl as k,ys as ka,Ga as kb,g0 as l,bs as la,zo as lb,Ko as m,xs as ma,Ho as mb,y0 as n,ws as na,Cu as nb,b0 as o,gf as oa,ku as ob,v0 as p,bi as pa,nr as pb,jr as q,ks as qa,zn as qb,Ft as r,Ss as ra,gu as rb,Go as s,Is as sa,yu as sb,Ol as t,t2 as ta,Xt as tb,x0 as u,n2 as ua,xu as ub,ti as v,r2 as va,fn as vb,jl as w,o2 as wa,Nn as wb,C0 as x,vi as xa,hn as xb,N2 as y,xi as ya,xt as yb,et as z,i2 as za,gn as zb};
|