@popmelt.com/core 0.28.4 → 0.29.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/README.md +8 -0
- package/claude-plugin/.claude-plugin/plugin.json +1 -1
- package/codex-plugin/.codex-plugin/plugin.json +1 -1
- package/dist/ParticipantRuntime-ITMSYN4F.mjs +139 -0
- package/dist/{PopmeltTasteConnectedPane-ODOMXUNO.mjs → PopmeltTasteConnectedPane-A7QLXPE4.mjs} +1 -1
- package/dist/ThreadErrorCard-MHFJXR4W.mjs +2 -0
- package/dist/bridge-entry.mjs +1 -1
- package/dist/bridge-recovery-3IQN3U6D.mjs +2 -0
- package/dist/bridgeSSEStream-NEYI73TC.mjs +4 -0
- package/dist/bridgeWebSocketStream-H3DCP4T3.mjs +2 -0
- package/dist/browser-runtime-4IAKTM6S.mjs +2 -0
- package/dist/browser.mjs +1 -1
- package/dist/chunk-2P2NUZW7.mjs +2 -0
- package/dist/{chunk-3DUSECUJ.mjs → chunk-5VILWL5E.mjs} +1 -1
- package/dist/chunk-6VXFTT5U.mjs +2 -0
- package/dist/{chunk-5NOCGSQL.mjs → chunk-BZFM6VPZ.mjs} +94 -82
- package/dist/{chunk-CKD6RNCO.mjs → chunk-GIJABDSK.mjs} +1 -1
- package/dist/chunk-J4YWKBXJ.mjs +1 -0
- package/dist/chunk-MBBS4FJH.mjs +62 -0
- package/dist/chunk-MFNS5MBM.mjs +2 -0
- package/dist/chunk-QRVEMJ4U.mjs +367 -0
- package/dist/chunk-VLFWNZFS.mjs +17 -0
- package/dist/{chunk-ERUGF5VG.mjs → chunk-XZ6MNKUQ.mjs} +38 -38
- package/dist/cli.mjs +122 -110
- package/dist/{dev-server-rQIWJcSX.d.mts → dev-server-DtX2_HCa.d.mts} +2 -0
- package/dist/index.mjs +1 -1
- package/dist/memory-store.d.mts +1 -1
- package/dist/plugin-astro.d.mts +1 -1
- package/dist/plugin-astro.mjs +1 -1
- package/dist/plugin-nuxt.d.mts +1 -1
- package/dist/plugin-nuxt.mjs +1 -1
- package/dist/plugin-vite.d.mts +1 -1
- package/dist/plugin-vite.mjs +1 -1
- package/dist/server.d.mts +2 -2
- package/dist/server.mjs +5 -5
- package/dist/{types-Bur49CLH.d.mts → types-BethD1Ix.d.mts} +2 -0
- package/package.json +1 -1
- package/dist/ParticipantRuntime-U4YOVIGA.mjs +0 -139
- package/dist/browser-runtime-2L55FIH3.mjs +0 -2
- package/dist/chunk-L4G2KO2P.mjs +0 -1
- package/dist/chunk-OYJINEC5.mjs +0 -77
- package/dist/chunk-YYK7MXEK.mjs +0 -369
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{b as Zs,a as Ni}from"./chunk-JQHZFDY5.mjs";import{sa as St,Ra as Ie,Ta as po,T as Mn,ja as ji,b as qs,ea as Oi,ta as Us,Pa as vr,Oa as fo,Ma as qn,Ca as Wi,za as Bi,Na as Js,ka as Di,ra as Fi,pa as ho,na as Gs,oa as Xs,xa as Ks,qa as Vi,ya as xr,Ya as Qi,_a as _i,Ia as Ys,Xa as ed,a as wr,d as td,c as nd,Q as rd,ca as od,Sa as id,ma as ad,Qa as ld,Fa as sd,Ea as dd,Ha as cd,ab as ud,j as pd,db as fd,i as Zi,k as mo,l as hd,o as qi,m as md,n as gd,p as yd}from"./chunk-OYJINEC5.mjs";import{a as Ui,i as Ji,h as go,k as Gi,j as Cr,m as Xi,l as yo}from"./chunk-MP7S5ALD.mjs";import{a as kr}from"./chunk-XTOCFTVW.mjs";import{a as Ki}from"./chunk-LVEMYZOA.mjs";import{c as Un,i as bo,a as bd}from"./chunk-XOGBFVWI.mjs";import{d as Sr,m as Jn,v as vo,u as Yi,r as vd,p as ea}from"./chunk-HGW2U6PD.mjs";import{createContext as xo,lazy as xd,useSyncExternalStore as wd,useState as A,useRef as M,useCallback as ie,useLayoutEffect as Ze,useEffect as D,useMemo as he,useContext as Ln,useId as Gn,Suspense as Cd,useReducer as kd,createElement as ta,Component as Sd}from"react";import{createLucideIcon as Id,Search as na,Bot as Md,Brain as Ld,Zap as Td,Leaf as Ed,ChevronDown as wo,Fingerprint as ra,MessageCircle as $d,Check as Tn,RefreshCw as Co,Trash2 as Ad,Image as zd,Clock as oa,OctagonAlert as Rd,MessageCircleQuestionMark as Pd,TriangleAlert as Hd,Reply as Nd,Link2 as ko,X as ia,LockOpen as jd,Lock as aa,LoaderCircle as Xn,UserPlus as Od,History as la,ChevronLeft as Wd,Settings as sa,LogOut as Bd,ArrowUpRight as Dd,Plus as Fd,Folder as Vd,Copy as da,Moon as Qd,Monitor as _d,Sun as Zd,Pause as ca,RotateCcw as qd,Hand as Ud,ALargeSmall as Jd,Bold as Gd,BetweenHorizontalStart as Xd,BetweenVerticalEnd as Kd,AlignLeft as ua,Palette as pa,Move as Yd,Scaling as ec,RotateCw as tc,CircleDashed as nc,Blend as rc,MoveHorizontal as oc,MoveVertical as ic,SlidersHorizontal as ac,AlignStartVertical as lc,AlignCenterVertical as sc,AlignEndVertical as dc,StretchHorizontal as cc,AlignHorizontalJustifyStart as uc,AlignHorizontalJustifyCenter as pc,AlignHorizontalJustifyEnd as fc,AlignHorizontalSpaceBetween as hc,AlignHorizontalSpaceAround as mc,AlignCenter as gc,AlignRight as yc,AlignJustify as bc,Signal as vc,SignalZero as xc,SignalLow as wc,SignalMedium as Cc,SignalHigh as kc}from"lucide-react";import{jsx as l,jsxs as y,Fragment as Le}from"react/jsx-runtime";import{flushSync as Sc}from"react-dom";var Ic=Array.from({length:16},(e,t)=>{let n=2.75+t*5;return`M${n} 0L${n-40} 40`}).join(" "),En="M20.25 8.00293H20.249C21.5098 8.0286 22.7219 8.25094 23.8584 8.63672L23.8604 8.63574C23.8961 8.64787 23.9312 8.66145 23.9668 8.67383C24.0611 8.70686 24.1548 8.74106 24.248 8.77637C24.2915 8.79273 24.3357 8.80727 24.3789 8.82422L24.376 8.82617C27.6145 10.0955 30.1646 12.7301 31.3213 16.0234L31.3232 16.0225C31.3327 16.0493 31.3404 16.0766 31.3496 16.1035C31.7691 17.3256 32 18.6356 32 20C32 20.8726 31.9366 21.6706 31.7598 22.4902L31.7197 22.6328C31.6412 23.0066 31.5136 23.6108 31.3408 24.2217L31.3398 24.2246C31.2967 24.377 31.251 24.5299 31.2021 24.6797C30.9215 25.5403 30.5473 26.2998 30.0879 26.2998C29.7613 26.2996 29.5995 25.9674 29.4316 25.6221C29.2501 25.2487 29.0614 24.8605 28.6484 24.8604C27.8532 24.8604 27.2081 25.5046 27.208 26.2998V27.0771C27.2079 27.6079 26.9661 28.112 26.5205 28.4004C25.9146 28.7925 25.2357 28.6462 24.7959 28.2061L24.7949 28.208C24.7897 28.2028 24.7854 28.1967 24.7803 28.1914C24.7654 28.1761 24.7507 28.1606 24.7363 28.1445C24.7105 28.1156 24.6858 28.0857 24.6621 28.0547C24.6461 28.0339 24.6302 28.013 24.6152 27.9912C24.5931 27.9591 24.5726 27.9257 24.5527 27.8916C24.5392 27.8685 24.5261 27.8452 24.5137 27.8213C24.5093 27.8128 24.5043 27.8045 24.5 27.7959L24.501 27.7939C24.3932 27.5763 24.3282 27.3276 24.3281 27.0576V26.2998C24.328 25.5993 23.8278 25.0158 23.165 24.8867V24.8877C23.0752 24.8702 22.9826 24.8604 22.8877 24.8604C22.8446 24.8604 22.8019 24.8624 22.7598 24.8662C22.0247 24.9312 21.4483 25.5479 21.4482 26.2998C21.4482 26.9127 21.4608 27.5305 21.4736 28.1494L21.4951 29.3135C21.5 29.7013 21.5015 30.089 21.4971 30.4756C21.4874 31.3103 20.8426 32 20.0078 32C19.1732 31.9998 18.5292 31.3102 18.5195 30.4756C18.5159 30.1613 18.5176 29.8464 18.5205 29.5312V29.5322C18.5212 29.4593 18.5206 29.3864 18.5215 29.3135L18.5303 28.8154V28.8145C18.5343 28.5927 18.5384 28.371 18.543 28.1494C18.5558 27.5305 18.5684 28.1129 18.5684 27.5C18.5684 26.7047 17.9232 26.0596 17.1279 26.0596C16.907 26.0596 16.6978 26.1103 16.5107 26.1992C16.2161 26.3393 15.9767 26.5769 15.834 26.8701C15.8269 26.8846 15.8201 26.8993 15.8135 26.9141C15.7821 26.9845 15.7562 27.0579 15.7363 27.1338C15.7243 27.1798 15.7155 27.2267 15.708 27.2744C15.7012 27.3175 15.6953 27.361 15.6924 27.4053C15.6903 27.4366 15.6885 27.4681 15.6885 27.5V28.7383C15.6883 29.9234 14.4911 30.7248 13.4961 30.0811C13.0505 29.7926 12.8086 29.2886 12.8086 28.7578V26.2998C12.8086 25.9737 12.6984 25.674 12.5156 25.4326C12.4437 25.3381 12.3612 25.2521 12.2686 25.1777V25.1768C12.0219 24.9788 11.709 24.8604 11.3682 24.8604C10.9892 24.8604 10.8622 24.8872 10.7295 25.2295C10.5837 25.6055 10.4302 26 9.92773 26C9.33081 25.9996 8.95963 25.2403 8.71484 24.3799C8.5591 23.8325 8.45907 23.571 8.3623 23.0107C8.3501 22.9401 8.33284 22.8403 8.31738 22.7529C8.12812 21.9466 8.02043 21.1089 8.00293 20.249V20.25L8 20C8 19.8617 8.00317 19.724 8.00781 19.5869C8.00837 19.5703 8.00816 19.5537 8.00879 19.5371L8.00977 19.5352C8.0998 17.1716 8.87444 14.9844 10.1396 13.1631C10.1488 13.1499 10.1587 13.1372 10.168 13.124C12.255 10.1453 15.6582 8.15745 19.5352 8.00977L19.5371 8.00879C19.5537 8.00816 19.5703 8.00837 19.5869 8.00781C19.724 8.00317 19.8617 8 20 8L20.25 8.00293Z";function Mc(){let e=[],t=0,n=0;for(let[,L,k]of En.matchAll(/([A-Z])([^A-Z]*)/g)){let E=(k.match(/-?\d*\.?\d+/g)??[]).map(Number),R=t,j=n;if(L!=="Z")if(L==="H"?t=E[0]:L==="V"?n=E[0]:(t=E[E.length-2],n=E[E.length-1]),L==="C")for(let P=1;P<=24;P++){let $=P/24,F=1-$;e.push({x:F**3*R+3*F**2*$*E[0]+3*F*$**2*E[2]+$**3*t,y:F**3*j+3*F**2*$*E[1]+3*F*$**2*E[3]+$**3*n})}else e.push({x:t,y:n})}let r=24,o=e.findIndex(L=>L.y>=r),i=o;for(;i+1<e.length&&e[i+1].y>=r;)i++;let a=(L,k)=>({x:L.x+(k.x-L.x)*(r-L.y)/(k.y-L.y),y:r}),s=a(e[o-1],e[o]),d=a(e[i],e[i+1]),c=(s.x+d.x)/2,u=(s.x-d.x)/2,p=[s,...e.slice(o,i+1),d].map(L=>{let k=Math.asin(Math.max(-1,Math.min(1,(L.x-c)/u))),E=Math.cos(k);return{longitude:k,height:E>1e-5?(L.y-r)/E:0}}),h=[],m=[8,6.2,8.6,6.5,8],v=[0,1.4,.8,1.8,1.1,0],x=(L,k,E,R)=>{for(let j=0;j<=24;j++){let P=j/24,$=1-P;h.push({longitude:$**3*L[0]+3*$**2*P*k[0]+3*$*P**2*E[0]+P**3*R[0],height:$**3*L[1]+3*$**2*P*k[1]+3*$*P**2*E[1]+P**3*R[1]})}};for(let[L,k]of m.entries()){let E=Math.PI/2+L/m.length*Math.PI,R=E+Math.PI/m.length,j=(E+R)/2,P=.145,$=v[L],F=v[L+1];x([E,$],[j-P,$],[j-P,$+.7],[j-P,k-1.4]);for(let _=0;_<=32;_++){let de=Math.PI*(1-_/32);h.push({longitude:j+P*Math.cos(de),height:k-1.4+1.4*Math.sin(de)})}x([j+P,k-1.4],[j+P,F+.7],[j+P,F],[R,F])}let T=[...p,...h],w=L=>`L${L.x} ${L.y}`,S=`M${e[0].x} ${e[0].y}`+e.slice(1,o).map(w).join("")+w(s),H=w(d)+e.slice(i+1).map(w).join("")+"Z";return L=>{let k=Math.atan2(Math.sin(L),Math.cos(L));if(Math.abs(k)<1e-9)return En;let E=T.map(R=>({longitude:Math.atan2(Math.sin(R.longitude+k),Math.cos(R.longitude+k)),height:R.height})).filter(R=>Math.abs(R.longitude)<Math.PI/2).sort((R,j)=>j.longitude-R.longitude).map(R=>{let j=c+u*Math.sin(R.longitude),P=r+R.height*Math.cos(R.longitude);return`L${j} ${P}`}).join("");return S+E+H}}function fa({active:e,interactive:t=!1,hatched:n=!1,onSettlingChange:r,...o}){let i=M(null),a=M(null),s=M(null),d=Gn(),c=M(0),u=M(!1),p=M(null);return Ze(()=>{e&&(a.current?.setAttribute("fill",o.fill??"currentColor"),a.current?.setAttribute("stroke","none"))},[e,o.fill]),Ze(()=>{let h=i.current;if(!h)return;h.style.removeProperty("fill"),h.style.removeProperty("stroke");let m=window.matchMedia("(prefers-reduced-motion: reduce)"),v=0,x=null,T=0,w=!1,S=c.current,H=Math.ceil(S),L=!e&&H-S>1e-9,k=!1,E=0,R=null,j=h,P=j.style.cursor,$=j.style.touchAction,F=G=>{a.current?.setAttribute("d",G),s.current?.setAttribute("d",G)},_=()=>{p.current??(p.current=Mc()),F(p.current(-c.current*Math.PI*2))},de=()=>{w=!0,c.current=0,F(En),a.current?.removeAttribute("fill"),a.current?.removeAttribute("stroke"),r?.(!1)},me=G=>{let ke=x===null?0:G-x;if(x=G,k){let I=Math.min(ke/1e3,.05),C=e?1/15:0,W=Math.exp(-1.8*I);c.current+=C*I+(E-C)*(1-W)/1.8,E=C+(E-C)*W,Math.abs(E-C)<.005&&(k=!1,S=c.current,H=Math.round(S),T=0)}else if(e)c.current+=ke/15e3;else{T+=ke;let I=Math.min(1,T/250);if(I===1){de();return}let C=1-(1-I)**3;c.current=S+(H-S)*C}_(),v=requestAnimationFrame(me)},se=()=>{cancelAnimationFrame(v),x=null,!(R||w)&&(!e&&(m.matches||!u.current||document.hidden)?de():m.matches?(c.current=0,F(En)):u.current&&!document.hidden&&(v=requestAnimationFrame(me)))},U=G=>{R||!G.isPrimary||G.button!==0||(j.setPointerCapture(G.pointerId),R={id:G.pointerId,startX:G.clientX,x:G.clientX,time:G.timeStamp,moved:!1},E=0,cancelAnimationFrame(v),j.style.cursor="grabbing")},xe=G=>{if(!R||R.id!==G.pointerId||!R.moved&&Math.abs(G.clientX-R.startX)<3)return;R.moved=!0;let ke=-(G.clientX-R.x)/160,I=Math.max((G.timeStamp-R.time)/1e3,.001),C=24/(Math.PI*2);E+=(Math.max(-C,Math.min(C,ke/I))-E)*(1-Math.exp(-I/.035)),c.current+=ke,R.x=G.clientX,R.time=G.timeStamp,_()},K=G=>{!R||R.id!==G.pointerId||(R.moved&&(E*=Math.exp(-Math.max(0,G.timeStamp-R.time-40)/60),k=G.type==="pointerup"&&!m.matches,w=!1,S=c.current,H=Math.round(S),T=0),R=null,j.style.cursor="grab",j.hasPointerCapture(G.pointerId)&&j.releasePointerCapture(G.pointerId),se())};if(!e&&!L&&(de(),!t))return;let we=G=>{for(let[ke,I]of Object.entries({pointerdown:U,pointermove:xe,pointerup:K,pointercancel:K,lostpointercapture:K}))j[G](ke,I)};t&&(j.style.cursor="grab",j.style.touchAction="pan-y",we("addEventListener")),r?.(L);let Te=new IntersectionObserver(([G])=>{u.current=G?.isIntersecting??!1,se()});return Te.observe(h),m.addEventListener("change",se),document.addEventListener("visibilitychange",se),se(),()=>{cancelAnimationFrame(v),Te.disconnect(),t&&(we("removeEventListener"),j.style.cursor=P,j.style.touchAction=$,R&&j.hasPointerCapture(R.id)&&j.releasePointerCapture(R.id)),m.removeEventListener("change",se),document.removeEventListener("visibilitychange",se)}},[e,t,r]),y("svg",{...o,ref:i,children:[n&&y(Le,{children:[l("defs",{children:y("mask",{id:d,x:"0",y:"0",width:"40",height:"40",maskUnits:"userSpaceOnUse",style:{maskType:"luminance"},children:[l("rect",{width:"40",height:"40",fill:"white"}),l("path",{ref:s,d:En,fill:"black",stroke:"black",strokeWidth:"5",strokeLinejoin:"round"})]})}),l("path",{d:Ic,fill:"none",stroke:"currentColor",strokeWidth:"0.65",mask:`url(#${d})`})]}),l("path",{ref:a,d:En})]})}function Lc(){return l("svg",{"data-popmelt-wordmark":!0,role:"img","aria-label":"Popmelt",focusable:"false",width:"57.315",height:"19.5",viewBox:"0 0 57.315 19.5",fill:"currentColor",style:{display:"block",flexShrink:0},children:l("path",{d:"M1.427 14.625V4.553H4.813Q6.199 4.553 7.215 4.969Q8.231 5.385 8.786 6.187Q9.341 6.989 9.341 8.167Q9.341 9.374 8.79 10.191Q8.238 11.008 7.245 11.424Q6.251 11.84 4.902 11.84H2.838L3.069 10.122H4.857Q5.639 10.122 6.214 9.915Q6.789 9.708 7.109 9.272Q7.429 8.836 7.429 8.167Q7.429 7.52 7.113 7.102Q6.797 6.685 6.222 6.478Q5.647 6.271 4.857 6.271H3.287Q3.287 14.618 1.427 14.625ZM9.421 10.913Q9.421 9.841 9.95 8.963Q10.478 8.086 11.378 7.561Q12.278 7.036 13.395 7.036Q14.527 7.036 15.423 7.561Q16.319 8.086 16.84 8.967Q17.361 9.848 17.361 10.913Q17.361 11.985 16.84 12.87Q16.319 13.755 15.419 14.284Q14.519 14.812 13.957 14.812Q13.395 14.812 12.832 14.812Q12.27 14.812 11.374 14.284Q10.478 13.755 9.95 12.87Q9.421 11.985 9.421 10.913ZM13.395 13.109Q14.019 13.109 14.504 12.812Q14.989 12.515 15.271 12.019Q15.553 11.522 15.553 10.928Q15.553 10.326 15.271 9.83Q14.989 9.334 14.504 9.036Q14.019 8.739 13.395 8.739Q12.778 8.739 12.289 9.036Q11.8 9.334 11.514 9.83Q11.229 10.326 11.229 10.928Q11.229 11.522 11.514 12.019Q11.8 12.515 12.289 12.812Q12.778 13.109 13.395 13.109ZM17.957 18.022V10.913Q17.957 9.803 18.478 8.93Q18.999 8.056 19.899 7.55Q20.799 7.044 21.931 7.044Q23.063 7.044 23.959 7.569Q24.855 8.093 25.376 8.971Q25.897 9.848 25.897 10.913Q25.897 12.045 25.402 12.93Q24.907 13.815 24.033 14.317Q23.16 14.82 22.02 14.82Q21.179 14.82 20.459 14.425Q19.738 14.031 19.303 13.392Q18.867 12.754 18.867 12.01L19.764 12.29Q19.764 18.022 17.957 18.022ZM21.931 13.117Q22.555 13.117 23.04 12.82Q23.525 12.522 23.807 12.022Q24.089 11.522 24.089 10.928Q24.089 10.326 23.807 9.834Q23.525 9.341 23.04 9.044Q22.555 8.747 21.931 8.747Q21.314 8.747 20.825 9.044Q20.336 9.341 20.05 9.834Q19.764 10.326 19.764 10.928Q19.764 11.522 20.05 12.022Q20.336 12.522 20.825 12.82Q21.314 13.117 21.931 13.117ZM39.274 10.748V14.625H37.467V11.046Q37.467 10.423 37.271 9.9Q37.075 9.378 36.666 9.062Q36.256 8.747 35.617 8.747Q34.994 8.747 34.591 9.055Q34.189 9.363 33.99 9.878Q33.791 10.392 33.791 11.016V14.625H31.983V11.024Q31.983 10.392 31.787 9.878Q31.592 9.363 31.178 9.055Q30.765 8.747 30.134 8.747Q29.495 8.747 29.093 9.062Q28.691 9.378 28.499 9.897Q28.307 10.415 28.307 11.039V14.625H26.499V10.755Q26.499 9.721 26.897 8.869Q27.294 8.018 28.073 7.509Q28.853 6.999 29.999 6.999Q30.944 6.999 31.634 7.355Q32.323 7.712 32.706 8.338Q33.088 8.964 33.104 9.789H32.7Q32.723 8.964 33.116 8.338Q33.51 7.712 34.188 7.355Q34.867 6.999 35.305 6.999Q35.744 6.999 36.325 6.999Q36.905 6.999 37.689 7.509Q38.472 8.018 38.873 8.866Q39.274 9.713 39.274 10.748ZM39.878 10.876Q39.878 9.811 40.354 8.93Q40.831 8.049 41.685 7.524Q42.54 6.999 43.664 6.999Q44.811 6.999 45.628 7.501Q46.445 8.003 46.884 8.847Q47.323 9.69 47.323 10.71V11.325H41.297L41.604 10.762Q41.566 11.468 41.841 12.025Q42.115 12.581 42.63 12.901Q43.145 13.221 43.837 13.221Q44.483 13.221 45.009 12.932Q45.534 12.643 45.828 12.079L47.217 12.789Q46.73 13.763 45.856 14.284Q44.983 14.805 44.417 14.805Q43.852 14.805 43.286 14.805Q42.72 14.805 41.816 14.302Q40.913 13.8 40.396 12.915Q39.878 12.03 39.878 10.876ZM41.701 10.255H45.523Q45.485 9.765 45.237 9.389Q44.989 9.012 44.583 8.801Q44.176 8.59 43.649 8.59Q43.115 8.59 42.701 8.813Q42.287 9.035 42.035 9.411Q41.783 9.788 41.701 10.255ZM50.147 3.841V14.625H48.339Q48.339 3.841 50.147 3.841ZM52.051 11.838V5.333H53.859V11.779Q53.859 12.455 54.231 12.827Q54.602 13.199 55.226 13.199Q55.564 13.199 55.935 13.093Q56.306 12.988 56.576 12.8V14.437Q56.291 14.617 55.875 14.722Q55.459 14.827 55.26 14.827Q55.061 14.827 54.567 14.827Q54.073 14.827 53.403 14.449Q52.733 14.071 52.392 13.393Q52.051 12.715 52.051 11.838ZM56.576 8.778H50.64V7.238H56.576V8.778Z"})})}function Tc({position:e}){let t=e.endsWith("-left"),n=e.endsWith("-center"),r=e.startsWith("top-")?4:10;return l("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:y("g",{transform:t?"translate(14 0) scale(-1 1)":void 0,children:[l("rect",{x:"1.5",y:"1.5",width:"11",height:"11",rx:"2.5",stroke:"currentColor",strokeWidth:"1"}),l("circle",{cx:n?7:10,cy:r,r:"1.5",fill:"currentColor"})]})})}function ha(e){return e.charAt(0).toUpperCase()+e.slice(1)}function pn(e,t){return{display:"inline-flex",alignItems:"center",gap:4,padding:"2px 6px 2px 4px",border:0,borderRadius:6,backgroundColor:t?e.hoverSurface:"transparent",color:t?e.hoverForeground:e.muted,font:"inherit",fontWeight:500,cursor:"pointer"}}function ma({theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:r,onSnapPositionChange:o,onHistory:i,onSettings:a,active:s,workspace:d,connection:c,connectionDetails:u,style:p}){let h=Ie[e],m=id(t),[v,x]=A(!1),[T,w]=A(!1);return y("div",{role:"region","aria-label":"About Popmelt","data-popmelt-guidance":"popmelt","data-popmelt-font":"sans","data-popmelt-theme":e,"data-popmelt-theme-preference":t,style:{position:"relative",display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",gap:12,overflow:"visible",boxSizing:"border-box",padding:16,border:`1px solid ${h.border}`,borderRadius:20,backgroundColor:h.surface,backdropFilter:"blur(59.5px)",WebkitBackdropFilter:"blur(59.5px)",zIndex:10001,color:h.primary,fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",...p},children:[i&&l("button",{type:"button","aria-label":"Open history",title:"History",onClick:i,style:{position:"absolute",top:16,right:a?44:16,width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",border:0,padding:0,background:"transparent",color:h.muted,cursor:"pointer"},children:l(la,{size:16,"aria-hidden":"true"})}),a&&l("button",{type:"button","aria-label":"Open settings",title:"Settings",onClick:a,style:{position:"absolute",top:16,right:16,width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",border:0,padding:0,background:"transparent",color:h.muted,cursor:"pointer"},children:l(sa,{size:16,"aria-hidden":"true"})}),l(fa,{interactive:!0,active:s,"aria-hidden":"true",width:32,height:32,viewBox:"7 7 26 26",fill:h.primary,style:{display:"block",width:32,height:32,flexShrink:0,marginBottom:-4}}),y("div",{style:{display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",gap:8},children:[y("div",{style:{display:"flex",alignItems:"center",gap:4},children:[l(Lc,{}),y("span",{"aria-label":"Command Command",style:{display:"inline-flex",alignItems:"center",gap:2,padding:"1px 3px",borderRadius:6,backgroundColor:h.control,color:h.mutedStrong,fontSize:12,lineHeight:1.3,letterSpacing:"-0.12px"},children:[l("span",{children:"\u2318"}),l("span",{children:"\u2318"})]})]}),l("p",{style:{margin:0,color:h.secondary},children:"A tiny, powerful design layer for humans and AI."}),y("p",{style:{margin:0,color:h.secondary},children:[l("span",{style:{fontWeight:500},children:"Questions, ideas, or issues?"})," ",l("a",{href:"mailto:reb@popmelt.com",style:{color:"inherit",fontWeight:"inherit",textDecoration:"underline",textUnderlineOffset:"3px"},children:"Email"})," or ",l("a",{href:"https://x.com/bekhovsgun",target:"_blank",rel:"noopener noreferrer",style:{color:"inherit",fontWeight:"inherit",textDecoration:"underline",textUnderlineOffset:"3px"},children:"DM on X"})]})]}),d,y("div",{style:{display:"flex",width:"100%",alignItems:"flex-start",gap:8,fontSize:12},children:[c,y("button",{type:"button",disabled:!o,"aria-label":`Toolbar position: ${ha(r)}. Move to ${r==="bottom-right"?"bottom-left":"bottom-right"}.`,onClick:()=>o?.(r==="bottom-right"?"bottom-left":"bottom-right"),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),style:{...pn(h,v),cursor:o?"pointer":"default",flexShrink:0,whiteSpace:"nowrap"},children:[l(Tc,{position:r}),l("span",{children:ha(r)})]}),y("button",{type:"button",disabled:!n,"aria-label":`Theme mode: ${t}. Click to switch to ${m}`,title:`Theme: ${t}. Switch to ${m}`,"data-popmelt-theme-control":t,onClick:()=>n?.(m),onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1),style:{...pn(h,T),flexShrink:0,whiteSpace:"nowrap"},children:[t==="dark"?l(Qd,{size:14,strokeWidth:1.5}):t==="auto"?l(_d,{size:14,strokeWidth:1.5}):l(Zd,{size:14,strokeWidth:1.5}),l("span",{children:t==="auto"?"Auto":t==="dark"?"Dark":"Light"})]})]}),u]})}function Ec(){let e=window.__POPMELT_PATH_PATCH__;if(e){e.subscribers+=1;return}let t=window.history.pushState,n=window.history.replaceState,r=a=>{window.dispatchEvent(new CustomEvent("popmelt:locationchange",{detail:{prevPath:a}}))},o=function(a,s,d){let c=window.location.pathname;t.call(window.history,a,s,d),r(c)},i=function(a,s,d){let c=window.location.pathname;n.call(window.history,a,s,d),r(c)};window.history.pushState=o,window.history.replaceState=i,window.__POPMELT_PATH_PATCH__={subscribers:1,originalPushState:t,originalReplaceState:n,wrappedPushState:o,wrappedReplaceState:i}}function $c(){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 Ac(e){return Ec(),window.addEventListener("popstate",e),window.addEventListener("popmelt:locationchange",e),()=>{window.removeEventListener("popstate",e),window.removeEventListener("popmelt:locationchange",e),$c()}}function zc(){return window.location.pathname}function ga(){return wd(Ac,zc,()=>"/")}var ya=28;function Rc({theme:e,project:t,model:n,bridgeUrl:r,host:o,hostSetup:i,onClose:a,onBrowseCollection:s,onPrefetchCollection:d,onInvalidateCollection:c,cachedSnapshot:u,onSnapshotChange:p,style:h}){let m=Ie[e],v=e==="light"?m.primary:m.hoverForeground,[x,T]=A(o&&r?u?.connection??null:null),[w,S]=A(o&&r?u?.taste??null:null),[H,L]=A(!1),[k,E]=A(null),[R,j]=A(!1),[P,$]=A(0),[F,_]=A(null),de=M(void 0),me=()=>clearTimeout(de.current);D(()=>()=>clearTimeout(de.current),[]);let se=M(c);se.current=c;let U=M(u);U.current=u;let xe=M(p);xe.current=p;let K=M(void 0),we=M(void 0);D(()=>{if(!x)return;let C=x.state==="signed_in"?x.accountId:void 0;(x.state!=="signed_in"||K.current&&(K.current!==C||we.current!==x.environment))&&(clearTimeout(de.current),se.current?.()),K.current=C,we.current=x.environment},[x]);let Te={onMouseEnter:()=>{me(),de.current=setTimeout(()=>d?.(),100)},onMouseLeave:me,onFocus:()=>{me(),d?.()}};D(()=>{let C=!0,W=new AbortController,B,N=o&&r?U.current:null;if(K.current=N?.connection.accountId,we.current=N?.connection.environment,T(N?.connection??null),S(N?.taste??null),L(!1),E(null),!o||!r)return;async function Y(){try{let $e=await Mn(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(!$e.ok)throw Error("Connection unavailable. Retry after checking the local bridge or secure storage.");let ee=await $e.json();if(!C)return;if(E(ee.error?ee.errorMessage??"Sign-in did not complete. Please try again.":null),ee.state==="signed_in"){K.current&&(K.current!==ee.accountId||we.current!==ee.environment)&&(T(ee),S(null),L(!1),xe.current?.(null));let qe=await Mn(`${r}/cloud-taste/direction`,{signal:W.signal,cache:"no-store"});if(!qe.ok)throw Error("Could not read taste. Reconnect if access has expired.");let Q=await qe.json(),Ne=ee;if(ee.profile===void 0){let Ae=await Mn(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(Ae.ok){let ue=await Ae.json();if(ue.state!=="signed_in"||ue.accountId!==ee.accountId||ue.environment!==ee.environment)throw Error("Connection changed while reading taste. Reopen Settings to verify it.");Ne=ue}}if(!C)return;let re=Q.direction?.name??null;T(Ne),S(re),L(!0),K.current=Ne.accountId,we.current=Ne.environment,xe.current?.(Ne.accountId?{connection:Ne,taste:re,generation:typeof Q.generation=="number"&&Number.isFinite(Q.generation)?Q.generation:0}:null)}else T(ee),S(null),L(!0),K.current=void 0,xe.current?.(null);C&&(B=setTimeout(Y,ee.pending?1e3:15e3))}catch{C&&(T(null),S(null),L(!1),xe.current?.(null),E(null),B=setTimeout(Y,15e3))}}return Y(),()=>{C=!1,W.abort(),clearTimeout(B)}},[r,o,P]);async function G(C){if(!o||!r||R)return;me(),c?.();let W=C==="sign-in"?window.open("about:blank","_blank"):null;if(C==="sign-in"&&!W){E("Allow popups, then try sign-in again.");return}W&&(W.opener=null),j(!0),L(!1),T(null),E(null),S(null),xe.current?.(null);try{let B=await Mn(`${r}/cloud-taste/${C}`,{method:"POST",headers:{"Content-Type":"application/json"},body:"{}"});if(!B.ok)throw Error("Could not update the connection. Check secure storage and try again.");let N=await B.json();if(C==="sign-in"){let Y=fd(N.authorizationUrl);if(!W)throw Error("Allow popups, then cancel and retry sign-in.");W.location.replace(Y.href)}$(Y=>Y+1)}catch(B){W?.close(),$(N=>N+1),E(B instanceof Error?B.message:"Connection unavailable.")}finally{j(!1)}}let ke={display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,minHeight:28,width:"100%"},I={display:"inline-flex",alignItems:"center",gap:4,padding:"4px 10px 4px 8px",border:0,borderRadius:8,background:"transparent",color:v,font:"inherit",fontWeight:500,minWidth:0};return y("div",{role:"region","aria-label":"Popmelt Settings","data-popmelt-settings":!0,"data-popmelt-font":"sans","data-popmelt-theme":e,style:{position:"relative",width:"100%",boxSizing:"border-box",padding:"20px 16px 16px",display:"flex",flexDirection:"column",gap:12,border:`1px solid ${m.border}`,borderRadius:20,background:m.surface,color:m.secondary,backdropFilter:"blur(59.5px)",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",...h},children:[l("style",{children:`[data-popmelt-settings] button:not([data-model-picker] button):not(:disabled):hover { background-color: ${m.hoverSurface} !important; } [data-popmelt-settings] button:not([data-model-picker] button):disabled { cursor: default; opacity: .6; }
|
|
3
|
-
[data-account-identity] { color: ${v}; transform: translateX(${
|
|
2
|
+
import{Q as Pi,b as Qs,qa as vr,pa as uo,na as _n,da as Hi,aa as Ni,oa as Zs,R as ji,Y as Oi,W as po,U as _s,V as qs,_ as Js,X as Wi,$ as xr,va as Bi,xa as Di,ja as Ks,ua as Us,a as wr,d as Gs,c as Xs,T as Ys,ra as ed,ga as td,fa as nd,ia as rd,za as od,j as id,Ca as ad,i as Fi,k as fo,l as ld,o as Vi,m as sd,n as dd,p as cd}from"./chunk-MBBS4FJH.mjs";import{b as ud,a as Qi}from"./chunk-JQHZFDY5.mjs";import{a as Zi,i as _i,h as mo,k as qi,j as Cr,m as Ji,l as ho}from"./chunk-MP7S5ALD.mjs";import{c as qn,i as go,a as pd}from"./chunk-XOGBFVWI.mjs";import{g as yo,b as In,a as un,e as Gt,i as Ki,d as Jn,f as Kn,c as fd}from"./chunk-MFNS5MBM.mjs";import{x as Ee,t as Et,z as bo,b as Mn,o as Ui,u as md,m as hd,y as gd}from"./chunk-VLFWNZFS.mjs";import{a as yd}from"./chunk-6VXFTT5U.mjs";import{a as kr}from"./chunk-XTOCFTVW.mjs";import{a as Gi}from"./chunk-LVEMYZOA.mjs";import{d as Sr,m as Un,v as vo,u as Xi,r as bd,p as Yi}from"./chunk-HGW2U6PD.mjs";import{createContext as xo,lazy as vd,useSyncExternalStore as xd,useState as z,useRef as M,useCallback as ie,useLayoutEffect as _e,useEffect as D,useMemo as me,useContext as Ln,useId as Gn,Suspense as wd,useReducer as Cd,createElement as ea,Component as kd}from"react";import{createLucideIcon as Sd,Search as ta,Bot as Id,Brain as Md,Zap as Ld,Leaf as Td,ChevronDown as wo,Fingerprint as na,MessageCircle as Ed,Check as Tn,RefreshCw as Co,Trash2 as Ad,Image as zd,Clock as ra,OctagonAlert as Rd,MessageCircleQuestionMark as $d,TriangleAlert as Pd,Reply as Hd,Link2 as ko,X as oa,LockOpen as Nd,Lock as ia,LoaderCircle as Xn,UserPlus as jd,History as aa,ChevronLeft as Od,Settings as la,LogOut as Wd,ArrowUpRight as Bd,Plus as Dd,Folder as Fd,Copy as sa,Moon as Vd,Monitor as Qd,Sun as Zd,Pause as da,RotateCcw as _d,Hand as qd,ALargeSmall as Jd,Bold as Kd,BetweenHorizontalStart as Ud,BetweenVerticalEnd as Gd,AlignLeft as ca,Palette as ua,Move as Xd,Scaling as Yd,RotateCw as ec,CircleDashed as tc,Blend as nc,MoveHorizontal as rc,MoveVertical as oc,SlidersHorizontal as ic,AlignStartVertical as ac,AlignCenterVertical as lc,AlignEndVertical as sc,StretchHorizontal as dc,AlignHorizontalJustifyStart as cc,AlignHorizontalJustifyCenter as uc,AlignHorizontalJustifyEnd as pc,AlignHorizontalSpaceBetween as fc,AlignHorizontalSpaceAround as mc,AlignCenter as hc,AlignRight as gc,AlignJustify as yc,Signal as bc,SignalZero as vc,SignalLow as xc,SignalMedium as wc,SignalHigh as Cc}from"lucide-react";import{jsx as l,jsxs as y,Fragment as Me}from"react/jsx-runtime";import{flushSync as kc}from"react-dom";var Sc=Array.from({length:16},(e,t)=>{let n=2.75+t*5;return`M${n} 0L${n-40} 40`}).join(" "),En="M20.25 8.00293H20.249C21.5098 8.0286 22.7219 8.25094 23.8584 8.63672L23.8604 8.63574C23.8961 8.64787 23.9312 8.66145 23.9668 8.67383C24.0611 8.70686 24.1548 8.74106 24.248 8.77637C24.2915 8.79273 24.3357 8.80727 24.3789 8.82422L24.376 8.82617C27.6145 10.0955 30.1646 12.7301 31.3213 16.0234L31.3232 16.0225C31.3327 16.0493 31.3404 16.0766 31.3496 16.1035C31.7691 17.3256 32 18.6356 32 20C32 20.8726 31.9366 21.6706 31.7598 22.4902L31.7197 22.6328C31.6412 23.0066 31.5136 23.6108 31.3408 24.2217L31.3398 24.2246C31.2967 24.377 31.251 24.5299 31.2021 24.6797C30.9215 25.5403 30.5473 26.2998 30.0879 26.2998C29.7613 26.2996 29.5995 25.9674 29.4316 25.6221C29.2501 25.2487 29.0614 24.8605 28.6484 24.8604C27.8532 24.8604 27.2081 25.5046 27.208 26.2998V27.0771C27.2079 27.6079 26.9661 28.112 26.5205 28.4004C25.9146 28.7925 25.2357 28.6462 24.7959 28.2061L24.7949 28.208C24.7897 28.2028 24.7854 28.1967 24.7803 28.1914C24.7654 28.1761 24.7507 28.1606 24.7363 28.1445C24.7105 28.1156 24.6858 28.0857 24.6621 28.0547C24.6461 28.0339 24.6302 28.013 24.6152 27.9912C24.5931 27.9591 24.5726 27.9257 24.5527 27.8916C24.5392 27.8685 24.5261 27.8452 24.5137 27.8213C24.5093 27.8128 24.5043 27.8045 24.5 27.7959L24.501 27.7939C24.3932 27.5763 24.3282 27.3276 24.3281 27.0576V26.2998C24.328 25.5993 23.8278 25.0158 23.165 24.8867V24.8877C23.0752 24.8702 22.9826 24.8604 22.8877 24.8604C22.8446 24.8604 22.8019 24.8624 22.7598 24.8662C22.0247 24.9312 21.4483 25.5479 21.4482 26.2998C21.4482 26.9127 21.4608 27.5305 21.4736 28.1494L21.4951 29.3135C21.5 29.7013 21.5015 30.089 21.4971 30.4756C21.4874 31.3103 20.8426 32 20.0078 32C19.1732 31.9998 18.5292 31.3102 18.5195 30.4756C18.5159 30.1613 18.5176 29.8464 18.5205 29.5312V29.5322C18.5212 29.4593 18.5206 29.3864 18.5215 29.3135L18.5303 28.8154V28.8145C18.5343 28.5927 18.5384 28.371 18.543 28.1494C18.5558 27.5305 18.5684 28.1129 18.5684 27.5C18.5684 26.7047 17.9232 26.0596 17.1279 26.0596C16.907 26.0596 16.6978 26.1103 16.5107 26.1992C16.2161 26.3393 15.9767 26.5769 15.834 26.8701C15.8269 26.8846 15.8201 26.8993 15.8135 26.9141C15.7821 26.9845 15.7562 27.0579 15.7363 27.1338C15.7243 27.1798 15.7155 27.2267 15.708 27.2744C15.7012 27.3175 15.6953 27.361 15.6924 27.4053C15.6903 27.4366 15.6885 27.4681 15.6885 27.5V28.7383C15.6883 29.9234 14.4911 30.7248 13.4961 30.0811C13.0505 29.7926 12.8086 29.2886 12.8086 28.7578V26.2998C12.8086 25.9737 12.6984 25.674 12.5156 25.4326C12.4437 25.3381 12.3612 25.2521 12.2686 25.1777V25.1768C12.0219 24.9788 11.709 24.8604 11.3682 24.8604C10.9892 24.8604 10.8622 24.8872 10.7295 25.2295C10.5837 25.6055 10.4302 26 9.92773 26C9.33081 25.9996 8.95963 25.2403 8.71484 24.3799C8.5591 23.8325 8.45907 23.571 8.3623 23.0107C8.3501 22.9401 8.33284 22.8403 8.31738 22.7529C8.12812 21.9466 8.02043 21.1089 8.00293 20.249V20.25L8 20C8 19.8617 8.00317 19.724 8.00781 19.5869C8.00837 19.5703 8.00816 19.5537 8.00879 19.5371L8.00977 19.5352C8.0998 17.1716 8.87444 14.9844 10.1396 13.1631C10.1488 13.1499 10.1587 13.1372 10.168 13.124C12.255 10.1453 15.6582 8.15745 19.5352 8.00977L19.5371 8.00879C19.5537 8.00816 19.5703 8.00837 19.5869 8.00781C19.724 8.00317 19.8617 8 20 8L20.25 8.00293Z";function Ic(){let e=[],t=0,n=0;for(let[,L,k]of En.matchAll(/([A-Z])([^A-Z]*)/g)){let E=(k.match(/-?\d*\.?\d+/g)??[]).map(Number),$=t,j=n;if(L!=="Z")if(L==="H"?t=E[0]:L==="V"?n=E[0]:(t=E[E.length-2],n=E[E.length-1]),L==="C")for(let P=1;P<=24;P++){let A=P/24,F=1-A;e.push({x:F**3*$+3*F**2*A*E[0]+3*F*A**2*E[2]+A**3*t,y:F**3*j+3*F**2*A*E[1]+3*F*A**2*E[3]+A**3*n})}else e.push({x:t,y:n})}let r=24,o=e.findIndex(L=>L.y>=r),i=o;for(;i+1<e.length&&e[i+1].y>=r;)i++;let a=(L,k)=>({x:L.x+(k.x-L.x)*(r-L.y)/(k.y-L.y),y:r}),s=a(e[o-1],e[o]),d=a(e[i],e[i+1]),c=(s.x+d.x)/2,u=(s.x-d.x)/2,p=[s,...e.slice(o,i+1),d].map(L=>{let k=Math.asin(Math.max(-1,Math.min(1,(L.x-c)/u))),E=Math.cos(k);return{longitude:k,height:E>1e-5?(L.y-r)/E:0}}),m=[],h=[8,6.2,8.6,6.5,8],v=[0,1.4,.8,1.8,1.1,0],x=(L,k,E,$)=>{for(let j=0;j<=24;j++){let P=j/24,A=1-P;m.push({longitude:A**3*L[0]+3*A**2*P*k[0]+3*A*P**2*E[0]+P**3*$[0],height:A**3*L[1]+3*A**2*P*k[1]+3*A*P**2*E[1]+P**3*$[1]})}};for(let[L,k]of h.entries()){let E=Math.PI/2+L/h.length*Math.PI,$=E+Math.PI/h.length,j=(E+$)/2,P=.145,A=v[L],F=v[L+1];x([E,A],[j-P,A],[j-P,A+.7],[j-P,k-1.4]);for(let Z=0;Z<=32;Z++){let de=Math.PI*(1-Z/32);m.push({longitude:j+P*Math.cos(de),height:k-1.4+1.4*Math.sin(de)})}x([j+P,k-1.4],[j+P,F+.7],[j+P,F],[$,F])}let T=[...p,...m],w=L=>`L${L.x} ${L.y}`,S=`M${e[0].x} ${e[0].y}`+e.slice(1,o).map(w).join("")+w(s),H=w(d)+e.slice(i+1).map(w).join("")+"Z";return L=>{let k=Math.atan2(Math.sin(L),Math.cos(L));if(Math.abs(k)<1e-9)return En;let E=T.map($=>({longitude:Math.atan2(Math.sin($.longitude+k),Math.cos($.longitude+k)),height:$.height})).filter($=>Math.abs($.longitude)<Math.PI/2).sort(($,j)=>j.longitude-$.longitude).map($=>{let j=c+u*Math.sin($.longitude),P=r+$.height*Math.cos($.longitude);return`L${j} ${P}`}).join("");return S+E+H}}function pa({active:e,interactive:t=!1,hatched:n=!1,onSettlingChange:r,...o}){let i=M(null),a=M(null),s=M(null),d=Gn(),c=M(0),u=M(!1),p=M(null);return _e(()=>{e&&(a.current?.setAttribute("fill",o.fill??"currentColor"),a.current?.setAttribute("stroke","none"))},[e,o.fill]),_e(()=>{let m=i.current;if(!m)return;m.style.removeProperty("fill"),m.style.removeProperty("stroke");let h=window.matchMedia("(prefers-reduced-motion: reduce)"),v=0,x=null,T=0,w=!1,S=c.current,H=Math.ceil(S),L=!e&&H-S>1e-9,k=!1,E=0,$=null,j=m,P=j.style.cursor,A=j.style.touchAction,F=U=>{a.current?.setAttribute("d",U),s.current?.setAttribute("d",U)},Z=()=>{p.current??(p.current=Ic()),F(p.current(-c.current*Math.PI*2))},de=()=>{w=!0,c.current=0,F(En),a.current?.removeAttribute("fill"),a.current?.removeAttribute("stroke"),r?.(!1)},he=U=>{let ke=x===null?0:U-x;if(x=U,k){let I=Math.min(ke/1e3,.05),C=e?1/15:0,W=Math.exp(-1.8*I);c.current+=C*I+(E-C)*(1-W)/1.8,E=C+(E-C)*W,Math.abs(E-C)<.005&&(k=!1,S=c.current,H=Math.round(S),T=0)}else if(e)c.current+=ke/15e3;else{T+=ke;let I=Math.min(1,T/250);if(I===1){de();return}let C=1-(1-I)**3;c.current=S+(H-S)*C}Z(),v=requestAnimationFrame(he)},se=()=>{cancelAnimationFrame(v),x=null,!($||w)&&(!e&&(h.matches||!u.current||document.hidden)?de():h.matches?(c.current=0,F(En)):u.current&&!document.hidden&&(v=requestAnimationFrame(he)))},J=U=>{$||!U.isPrimary||U.button!==0||(j.setPointerCapture(U.pointerId),$={id:U.pointerId,startX:U.clientX,x:U.clientX,time:U.timeStamp,moved:!1},E=0,cancelAnimationFrame(v),j.style.cursor="grabbing")},xe=U=>{if(!$||$.id!==U.pointerId||!$.moved&&Math.abs(U.clientX-$.startX)<3)return;$.moved=!0;let ke=-(U.clientX-$.x)/160,I=Math.max((U.timeStamp-$.time)/1e3,.001),C=24/(Math.PI*2);E+=(Math.max(-C,Math.min(C,ke/I))-E)*(1-Math.exp(-I/.035)),c.current+=ke,$.x=U.clientX,$.time=U.timeStamp,Z()},X=U=>{!$||$.id!==U.pointerId||($.moved&&(E*=Math.exp(-Math.max(0,U.timeStamp-$.time-40)/60),k=U.type==="pointerup"&&!h.matches,w=!1,S=c.current,H=Math.round(S),T=0),$=null,j.style.cursor="grab",j.hasPointerCapture(U.pointerId)&&j.releasePointerCapture(U.pointerId),se())};if(!e&&!L&&(de(),!t))return;let we=U=>{for(let[ke,I]of Object.entries({pointerdown:J,pointermove:xe,pointerup:X,pointercancel:X,lostpointercapture:X}))j[U](ke,I)};t&&(j.style.cursor="grab",j.style.touchAction="pan-y",we("addEventListener")),r?.(L);let Le=new IntersectionObserver(([U])=>{u.current=U?.isIntersecting??!1,se()});return Le.observe(m),h.addEventListener("change",se),document.addEventListener("visibilitychange",se),se(),()=>{cancelAnimationFrame(v),Le.disconnect(),t&&(we("removeEventListener"),j.style.cursor=P,j.style.touchAction=A,$&&j.hasPointerCapture($.id)&&j.releasePointerCapture($.id)),h.removeEventListener("change",se),document.removeEventListener("visibilitychange",se)}},[e,t,r]),y("svg",{...o,ref:i,children:[n&&y(Me,{children:[l("defs",{children:y("mask",{id:d,x:"0",y:"0",width:"40",height:"40",maskUnits:"userSpaceOnUse",style:{maskType:"luminance"},children:[l("rect",{width:"40",height:"40",fill:"white"}),l("path",{ref:s,d:En,fill:"black",stroke:"black",strokeWidth:"5",strokeLinejoin:"round"})]})}),l("path",{d:Sc,fill:"none",stroke:"currentColor",strokeWidth:"0.65",mask:`url(#${d})`})]}),l("path",{ref:a,d:En})]})}function Mc(){return l("svg",{"data-popmelt-wordmark":!0,role:"img","aria-label":"Popmelt",focusable:"false",width:"57.315",height:"19.5",viewBox:"0 0 57.315 19.5",fill:"currentColor",style:{display:"block",flexShrink:0},children:l("path",{d:"M1.427 14.625V4.553H4.813Q6.199 4.553 7.215 4.969Q8.231 5.385 8.786 6.187Q9.341 6.989 9.341 8.167Q9.341 9.374 8.79 10.191Q8.238 11.008 7.245 11.424Q6.251 11.84 4.902 11.84H2.838L3.069 10.122H4.857Q5.639 10.122 6.214 9.915Q6.789 9.708 7.109 9.272Q7.429 8.836 7.429 8.167Q7.429 7.52 7.113 7.102Q6.797 6.685 6.222 6.478Q5.647 6.271 4.857 6.271H3.287Q3.287 14.618 1.427 14.625ZM9.421 10.913Q9.421 9.841 9.95 8.963Q10.478 8.086 11.378 7.561Q12.278 7.036 13.395 7.036Q14.527 7.036 15.423 7.561Q16.319 8.086 16.84 8.967Q17.361 9.848 17.361 10.913Q17.361 11.985 16.84 12.87Q16.319 13.755 15.419 14.284Q14.519 14.812 13.957 14.812Q13.395 14.812 12.832 14.812Q12.27 14.812 11.374 14.284Q10.478 13.755 9.95 12.87Q9.421 11.985 9.421 10.913ZM13.395 13.109Q14.019 13.109 14.504 12.812Q14.989 12.515 15.271 12.019Q15.553 11.522 15.553 10.928Q15.553 10.326 15.271 9.83Q14.989 9.334 14.504 9.036Q14.019 8.739 13.395 8.739Q12.778 8.739 12.289 9.036Q11.8 9.334 11.514 9.83Q11.229 10.326 11.229 10.928Q11.229 11.522 11.514 12.019Q11.8 12.515 12.289 12.812Q12.778 13.109 13.395 13.109ZM17.957 18.022V10.913Q17.957 9.803 18.478 8.93Q18.999 8.056 19.899 7.55Q20.799 7.044 21.931 7.044Q23.063 7.044 23.959 7.569Q24.855 8.093 25.376 8.971Q25.897 9.848 25.897 10.913Q25.897 12.045 25.402 12.93Q24.907 13.815 24.033 14.317Q23.16 14.82 22.02 14.82Q21.179 14.82 20.459 14.425Q19.738 14.031 19.303 13.392Q18.867 12.754 18.867 12.01L19.764 12.29Q19.764 18.022 17.957 18.022ZM21.931 13.117Q22.555 13.117 23.04 12.82Q23.525 12.522 23.807 12.022Q24.089 11.522 24.089 10.928Q24.089 10.326 23.807 9.834Q23.525 9.341 23.04 9.044Q22.555 8.747 21.931 8.747Q21.314 8.747 20.825 9.044Q20.336 9.341 20.05 9.834Q19.764 10.326 19.764 10.928Q19.764 11.522 20.05 12.022Q20.336 12.522 20.825 12.82Q21.314 13.117 21.931 13.117ZM39.274 10.748V14.625H37.467V11.046Q37.467 10.423 37.271 9.9Q37.075 9.378 36.666 9.062Q36.256 8.747 35.617 8.747Q34.994 8.747 34.591 9.055Q34.189 9.363 33.99 9.878Q33.791 10.392 33.791 11.016V14.625H31.983V11.024Q31.983 10.392 31.787 9.878Q31.592 9.363 31.178 9.055Q30.765 8.747 30.134 8.747Q29.495 8.747 29.093 9.062Q28.691 9.378 28.499 9.897Q28.307 10.415 28.307 11.039V14.625H26.499V10.755Q26.499 9.721 26.897 8.869Q27.294 8.018 28.073 7.509Q28.853 6.999 29.999 6.999Q30.944 6.999 31.634 7.355Q32.323 7.712 32.706 8.338Q33.088 8.964 33.104 9.789H32.7Q32.723 8.964 33.116 8.338Q33.51 7.712 34.188 7.355Q34.867 6.999 35.305 6.999Q35.744 6.999 36.325 6.999Q36.905 6.999 37.689 7.509Q38.472 8.018 38.873 8.866Q39.274 9.713 39.274 10.748ZM39.878 10.876Q39.878 9.811 40.354 8.93Q40.831 8.049 41.685 7.524Q42.54 6.999 43.664 6.999Q44.811 6.999 45.628 7.501Q46.445 8.003 46.884 8.847Q47.323 9.69 47.323 10.71V11.325H41.297L41.604 10.762Q41.566 11.468 41.841 12.025Q42.115 12.581 42.63 12.901Q43.145 13.221 43.837 13.221Q44.483 13.221 45.009 12.932Q45.534 12.643 45.828 12.079L47.217 12.789Q46.73 13.763 45.856 14.284Q44.983 14.805 44.417 14.805Q43.852 14.805 43.286 14.805Q42.72 14.805 41.816 14.302Q40.913 13.8 40.396 12.915Q39.878 12.03 39.878 10.876ZM41.701 10.255H45.523Q45.485 9.765 45.237 9.389Q44.989 9.012 44.583 8.801Q44.176 8.59 43.649 8.59Q43.115 8.59 42.701 8.813Q42.287 9.035 42.035 9.411Q41.783 9.788 41.701 10.255ZM50.147 3.841V14.625H48.339Q48.339 3.841 50.147 3.841ZM52.051 11.838V5.333H53.859V11.779Q53.859 12.455 54.231 12.827Q54.602 13.199 55.226 13.199Q55.564 13.199 55.935 13.093Q56.306 12.988 56.576 12.8V14.437Q56.291 14.617 55.875 14.722Q55.459 14.827 55.26 14.827Q55.061 14.827 54.567 14.827Q54.073 14.827 53.403 14.449Q52.733 14.071 52.392 13.393Q52.051 12.715 52.051 11.838ZM56.576 8.778H50.64V7.238H56.576V8.778Z"})})}function Lc({position:e}){let t=e.endsWith("-left"),n=e.endsWith("-center"),r=e.startsWith("top-")?4:10;return l("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:y("g",{transform:t?"translate(14 0) scale(-1 1)":void 0,children:[l("rect",{x:"1.5",y:"1.5",width:"11",height:"11",rx:"2.5",stroke:"currentColor",strokeWidth:"1"}),l("circle",{cx:n?7:10,cy:r,r:"1.5",fill:"currentColor"})]})})}function fa(e){return e.charAt(0).toUpperCase()+e.slice(1)}function pn(e,t){return{display:"inline-flex",alignItems:"center",gap:4,padding:"2px 6px 2px 4px",border:0,borderRadius:6,backgroundColor:t?e.hoverSurface:"transparent",color:t?e.hoverForeground:e.muted,font:"inherit",fontWeight:500,cursor:"pointer"}}function ma({theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:r,onSnapPositionChange:o,onHistory:i,onSettings:a,active:s,workspace:d,connection:c,connectionDetails:u,style:p}){let m=Ee[e],h=gd(t),[v,x]=z(!1),[T,w]=z(!1);return y("div",{role:"region","aria-label":"About Popmelt","data-popmelt-guidance":"popmelt","data-popmelt-font":"sans","data-popmelt-theme":e,"data-popmelt-theme-preference":t,style:{position:"relative",display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",gap:12,overflow:"visible",boxSizing:"border-box",padding:16,border:`1px solid ${m.border}`,borderRadius:20,backgroundColor:m.surface,backdropFilter:"blur(59.5px)",WebkitBackdropFilter:"blur(59.5px)",zIndex:10001,color:m.primary,fontFamily:Et,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",...p},children:[i&&l("button",{type:"button","aria-label":"Open history",title:"History",onClick:i,style:{position:"absolute",top:16,right:a?44:16,width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",border:0,padding:0,background:"transparent",color:m.muted,cursor:"pointer"},children:l(aa,{size:16,"aria-hidden":"true"})}),a&&l("button",{type:"button","aria-label":"Open settings",title:"Settings",onClick:a,style:{position:"absolute",top:16,right:16,width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",border:0,padding:0,background:"transparent",color:m.muted,cursor:"pointer"},children:l(la,{size:16,"aria-hidden":"true"})}),l(pa,{interactive:!0,active:s,"aria-hidden":"true",width:32,height:32,viewBox:"7 7 26 26",fill:m.primary,style:{display:"block",width:32,height:32,flexShrink:0,marginBottom:-4}}),y("div",{style:{display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",gap:8},children:[y("div",{style:{display:"flex",alignItems:"center",gap:4},children:[l(Mc,{}),y("span",{"aria-label":"Command Command",style:{display:"inline-flex",alignItems:"center",gap:2,padding:"1px 3px",borderRadius:6,backgroundColor:m.control,color:m.mutedStrong,fontSize:12,lineHeight:1.3,letterSpacing:"-0.12px"},children:[l("span",{children:"\u2318"}),l("span",{children:"\u2318"})]})]}),l("p",{style:{margin:0,color:m.secondary},children:"A tiny, powerful design layer for humans and AI."}),y("p",{style:{margin:0,color:m.secondary},children:[l("span",{style:{fontWeight:500},children:"Questions, ideas, or issues?"})," ",l("a",{href:"mailto:reb@popmelt.com",style:{color:"inherit",fontWeight:"inherit",textDecoration:"underline",textUnderlineOffset:"3px"},children:"Email"})," or ",l("a",{href:"https://x.com/bekhovsgun",target:"_blank",rel:"noopener noreferrer",style:{color:"inherit",fontWeight:"inherit",textDecoration:"underline",textUnderlineOffset:"3px"},children:"DM on X"})]})]}),d,y("div",{style:{display:"flex",width:"100%",alignItems:"flex-start",gap:8,fontSize:12},children:[c,y("button",{type:"button",disabled:!o,"aria-label":`Toolbar position: ${fa(r)}. Move to ${r==="bottom-right"?"bottom-left":"bottom-right"}.`,onClick:()=>o?.(r==="bottom-right"?"bottom-left":"bottom-right"),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),style:{...pn(m,v),cursor:o?"pointer":"default",flexShrink:0,whiteSpace:"nowrap"},children:[l(Lc,{position:r}),l("span",{children:fa(r)})]}),y("button",{type:"button",disabled:!n,"aria-label":`Theme mode: ${t}. Click to switch to ${h}`,title:`Theme: ${t}. Switch to ${h}`,"data-popmelt-theme-control":t,onClick:()=>n?.(h),onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1),style:{...pn(m,T),flexShrink:0,whiteSpace:"nowrap"},children:[t==="dark"?l(Vd,{size:14,strokeWidth:1.5}):t==="auto"?l(Qd,{size:14,strokeWidth:1.5}):l(Zd,{size:14,strokeWidth:1.5}),l("span",{children:t==="auto"?"Auto":t==="dark"?"Dark":"Light"})]})]}),u]})}function Tc(){let e=window.__POPMELT_PATH_PATCH__;if(e){e.subscribers+=1;return}let t=window.history.pushState,n=window.history.replaceState,r=a=>{window.dispatchEvent(new CustomEvent("popmelt:locationchange",{detail:{prevPath:a}}))},o=function(a,s,d){let c=window.location.pathname;t.call(window.history,a,s,d),r(c)},i=function(a,s,d){let c=window.location.pathname;n.call(window.history,a,s,d),r(c)};window.history.pushState=o,window.history.replaceState=i,window.__POPMELT_PATH_PATCH__={subscribers:1,originalPushState:t,originalReplaceState:n,wrappedPushState:o,wrappedReplaceState:i}}function Ec(){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 Ac(e){return Tc(),window.addEventListener("popstate",e),window.addEventListener("popmelt:locationchange",e),()=>{window.removeEventListener("popstate",e),window.removeEventListener("popmelt:locationchange",e),Ec()}}function zc(){return window.location.pathname}function ha(){return xd(Ac,zc,()=>"/")}var ga=28;function Rc({theme:e,project:t,model:n,bridgeUrl:r,host:o,hostSetup:i,onClose:a,onBrowseCollection:s,onPrefetchCollection:d,onInvalidateCollection:c,cachedSnapshot:u,onSnapshotChange:p,style:m}){let h=Ee[e],v=e==="light"?h.primary:h.hoverForeground,[x,T]=z(o&&r?u?.connection??null:null),[w,S]=z(o&&r?u?.taste??null:null),[H,L]=z(!1),[k,E]=z(null),[$,j]=z(!1),[P,A]=z(0),[F,Z]=z(null),de=M(void 0),he=()=>clearTimeout(de.current);D(()=>()=>clearTimeout(de.current),[]);let se=M(c);se.current=c;let J=M(u);J.current=u;let xe=M(p);xe.current=p;let X=M(void 0),we=M(void 0);D(()=>{if(!x)return;let C=x.state==="signed_in"?x.accountId:void 0;(x.state!=="signed_in"||X.current&&(X.current!==C||we.current!==x.environment))&&(clearTimeout(de.current),se.current?.()),X.current=C,we.current=x.environment},[x]);let Le={onMouseEnter:()=>{he(),de.current=setTimeout(()=>d?.(),100)},onMouseLeave:he,onFocus:()=>{he(),d?.()}};D(()=>{let C=!0,W=new AbortController,B,N=o&&r?J.current:null;if(X.current=N?.connection.accountId,we.current=N?.connection.environment,T(N?.connection??null),S(N?.taste??null),L(!1),E(null),!o||!r)return;async function Y(){try{let Ae=await Mn(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(!Ae.ok)throw Error("Connection unavailable. Retry after checking the local bridge or secure storage.");let ee=await Ae.json();if(!C)return;if(E(ee.error?ee.errorMessage??"Sign-in did not complete. Please try again.":null),ee.state==="signed_in"){X.current&&(X.current!==ee.accountId||we.current!==ee.environment)&&(T(ee),S(null),L(!1),xe.current?.(null));let qe=await Mn(`${r}/cloud-taste/direction`,{signal:W.signal,cache:"no-store"});if(!qe.ok)throw Error("Could not read taste. Reconnect if access has expired.");let Q=await qe.json(),Ne=ee;if(ee.profile===void 0){let ze=await Mn(`${r}/cloud-taste/status`,{signal:W.signal,cache:"no-store"});if(ze.ok){let ue=await ze.json();if(ue.state!=="signed_in"||ue.accountId!==ee.accountId||ue.environment!==ee.environment)throw Error("Connection changed while reading taste. Reopen Settings to verify it.");Ne=ue}}if(!C)return;let re=Q.direction?.name??null;T(Ne),S(re),L(!0),X.current=Ne.accountId,we.current=Ne.environment,xe.current?.(Ne.accountId?{connection:Ne,taste:re,generation:typeof Q.generation=="number"&&Number.isFinite(Q.generation)?Q.generation:0}:null)}else T(ee),S(null),L(!0),X.current=void 0,xe.current?.(null);C&&(B=setTimeout(Y,ee.pending?1e3:15e3))}catch{C&&(T(null),S(null),L(!1),xe.current?.(null),E(null),B=setTimeout(Y,15e3))}}return Y(),()=>{C=!1,W.abort(),clearTimeout(B)}},[r,o,P]);async function U(C){if(!o||!r||$)return;he(),c?.();let W=C==="sign-in"?window.open("about:blank","_blank"):null;if(C==="sign-in"&&!W){E("Allow popups, then try sign-in again.");return}W&&(W.opener=null),j(!0),L(!1),T(null),E(null),S(null),xe.current?.(null);try{let B=await Mn(`${r}/cloud-taste/${C}`,{method:"POST",headers:{"Content-Type":"application/json"},body:"{}"});if(!B.ok)throw Error("Could not update the connection. Check secure storage and try again.");let N=await B.json();if(C==="sign-in"){let Y=ad(N.authorizationUrl);if(!W)throw Error("Allow popups, then cancel and retry sign-in.");W.location.replace(Y.href)}A(Y=>Y+1)}catch(B){W?.close(),A(N=>N+1),E(B instanceof Error?B.message:"Connection unavailable.")}finally{j(!1)}}let ke={display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,minHeight:28,width:"100%"},I={display:"inline-flex",alignItems:"center",gap:4,padding:"4px 10px 4px 8px",border:0,borderRadius:8,background:"transparent",color:v,font:"inherit",fontWeight:500,minWidth:0};return y("div",{role:"region","aria-label":"Popmelt Settings","data-popmelt-settings":!0,"data-popmelt-font":"sans","data-popmelt-theme":e,style:{position:"relative",width:"100%",boxSizing:"border-box",padding:"20px 16px 16px",display:"flex",flexDirection:"column",gap:12,border:`1px solid ${h.border}`,borderRadius:20,background:h.surface,color:h.secondary,backdropFilter:"blur(59.5px)",fontFamily:Et,fontSize:14,lineHeight:1.3,letterSpacing:"-0.14px",...m},children:[l("style",{children:`[data-popmelt-settings] button:not([data-model-picker] button):not(:disabled):hover { background-color: ${h.hoverSurface} !important; } [data-popmelt-settings] button:not([data-model-picker] button):disabled { cursor: default; opacity: .6; }
|
|
3
|
+
[data-account-identity] { color: ${v}; transform: translateX(${ga}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; }
|
|
6
6
|
[data-account-control]:is(:hover, :focus-within) [data-account-avatar] { opacity: .5; }
|
|
7
|
-
[data-account-control]:is(:hover, :focus-within) [data-account-identity] { transform: translateX(0); background: ${
|
|
7
|
+
[data-account-control]:is(:hover, :focus-within) [data-account-identity] { transform: translateX(0); background: ${h.hoverSurface}; color: ${h.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
|
-
`}),y("button",{type:"button","aria-label":"Back to Popmelt",onClick:a,style:{border:0,padding:0,background:"transparent",font:"inherit",alignSelf:"flex-start",cursor:"pointer",display:"flex",gap:4,alignItems:"center",color:
|
|
10
|
+
`}),y("button",{type:"button","aria-label":"Back to Popmelt",onClick:a,style:{border:0,padding:0,background:"transparent",font:"inherit",alignSelf:"flex-start",cursor:"pointer",display:"flex",gap:4,alignItems:"center",color:h.primary,fontWeight:600},children:[l(Od,{size:16}),l(la,{size:16}),"Settings"]}),y("section",{style:{display:"flex",flexDirection:"column",gap:6},"aria-label":"Local settings",children:[l("span",{style:{color:h.hoverForeground,fontSize:12,fontWeight:500,marginBottom:2},children:"Local"}),y("div",{style:ke,children:[l("span",{children:"Project"}),l("div",{style:{minWidth:0,maxWidth:"65%"},children:t})]}),y("div",{style:ke,children:[l("span",{children:"Default model"}),n]})]}),y("section",{style:{display:"flex",flexDirection:"column",gap:6},"aria-label":"Popmelt.com settings",children:[y("span",{style:{color:h.hoverForeground,fontSize:12,fontWeight:500,marginBottom:2},children:["Popmelt.com"," ",x?.environment==="staging"&&l("span",{style:{color:h.muted},children:"(Staging)"})]}),o?y(Me,{children:[y("div",{style:ke,children:[l("span",{children:"Your account"}),x?.state==="signed_in"?y("span",{"data-account-control":!0,style:{position:"relative",display:"inline-flex",alignItems:"center",boxSizing:"border-box",paddingRight:ga,maxWidth:"65%"},children:[y("span",{"data-account-identity":!0,style:{...I,color:void 0,paddingLeft:6,overflow:"hidden",flexShrink:1},children:[x.profile?.avatarUrl&&x.profile.avatarUrl!==F?l("img",{"data-account-avatar":!0,src:x.profile.avatarUrl,alt:"",width:16,height:16,referrerPolicy:"no-referrer",style:{borderRadius:"50%",objectFit:"cover",flexShrink:0},onError:()=>Z(x.profile?.avatarUrl??null)}):null,l("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:x.profile?.name||"Your account"})]}),l("button",{type:"button","data-account-logout":!0,"aria-label":`Sign out ${x.profile?.name||"of Popmelt"}`,title:"Disconnect your account and the active taste model.",disabled:$||!H,onClick:()=>{U("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:h.primary,cursor:"pointer"},children:l(Wd,{size:14})})]}):x?.pending?l("button",{type:"button",style:{...I,cursor:"pointer"},disabled:$||!H,onClick:()=>{U("disconnect")},children:"Cancel sign-in"}):y("button",{type:"button",style:{...I,cursor:"pointer"},disabled:$||!H||!r||x?.state==="unavailable",onClick:()=>{U("sign-in")},children:["Sign in ",l(Bd,{size:14})]})]}),x?.state==="signed_in"&&y("div",{style:ke,children:[l("span",{children:"Taste"}),w?l("button",{type:"button","data-active-taste-badge":!0,...Le,onClick:s,disabled:!s||!H,style:{...I,paddingLeft:6,cursor:"pointer"},children:y(Me,{children:[l(ia,{size:14,style:{flexShrink:0}}),l("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:w})]})}):y("button",{type:"button",disabled:!s,onClick:s,...Le,style:{...I,paddingLeft:6,gap:3,color:e==="light"?v:h.secondary,background:h.hoverSurface,cursor:s?"pointer":"default"},children:[l(Dd,{size:14,"aria-hidden":"true"})," Browse collection"]})]}),x?.state==="unavailable"&&l("span",{style:{fontSize:12},children:"Cloud taste is not enabled on this bridge."})]}):i??l("span",{children:"Cloud taste is private to the host."})]}),k&&l("div",{role:"status",style:{fontSize:12},children:k})]})}function $c(e,t){return["Help me authorize this browser for local Popmelt cloud access.",t?`Use the project directory ${JSON.stringify(t)}.`:"Use the project directory that owns the running Popmelt bridge for this app.",`Run: npx popmelt cloud link '${e}'`,"Return the resulting private link in this chat so I can open it in this browser. Treat the link as a credential: do not commit it, publish it, or put it in shared logs.","Keep multiplayer off. Do not change sharing settings or restart the app or bridge. If linking fails, explain the specific blocker before making other changes."].join(`
|
|
11
11
|
|
|
12
|
-
`)}function
|
|
13
|
-
${t}`,[o,i]=
|
|
12
|
+
`)}function Pc({theme:e,appOrigin:t,projectRoot:n,error:r}){let o=Ee[e],[i,a]=z(!1),[s,d]=z(""),c=M(!1),u=M(!0);return D(()=>(u.current=!0,()=>{u.current=!1}),[]),D(()=>{if(!i)return;let p=setTimeout(()=>a(!1),2e3);return()=>clearTimeout(p)},[i]),y("div",{"data-popmelt-cloud-link-prompt":!0,style:{display:"grid",gap:8},children:[y("div",{style:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:4},children:[l("span",{children:"Ask your agent to"}),y("button",{type:"button",disabled:i,onClick:async()=>{if(!c.current){c.current=!0;try{await navigator.clipboard.writeText($c(t,n)),u.current&&(a(!0),d(""))}catch{u.current&&d("Couldn\u2019t copy the prompt. Please try again.")}finally{c.current=!1}}},style:{display:"inline-flex",alignItems:"center",justifySelf:"start",gap:8,padding:"4px 8px",border:0,borderRadius:8,background:o.hoverSurface,color:e==="light"?o.primary:o.hoverForeground,font:"inherit",fontWeight:400,cursor:i?"default":"pointer"},children:[i?"Copied":"get connected",i?l(Tn,{size:14,"aria-hidden":"true"}):l(sa,{size:14,"aria-hidden":"true"})]})]}),(s||r)&&l("span",{role:"alert",children:s||r}),l("span",{role:"status",style:{position:"absolute",clipPath:"inset(50%)",width:1,height:1,overflow:"hidden"},children:i?"Prompt copied. Paste it into your agent.":""})]})}var Ir=new Map;function ya(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 Hc(e,t,n=fetch){let r=ya(e),o=`popmelt.cloud-host.v1:${t}:${r.port||"80"}`,i=Ir.get(o);if(i)return i;let a=(async()=>{let s=sessionStorage.getItem(o);if(location.hash.startsWith("#popmelt-cloud-link=")){let c=location.hash.slice(20);history.replaceState(history.state,"",location.pathname+location.search);let u=JSON.parse(decodeURIComponent(c)),p=ya(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 m=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(!m.ok)throw new Error("Browser link expired. Generate a new one from the local CLI.");if(s=(await m.json()).token,typeof s!="string"||!/^[A-Za-z0-9_-]{43}$/.test(s))throw new Error("Invalid local host response.");sessionStorage.setItem(o,s)}if(!s)return null;let d=await n(`${r.origin}/cloud-taste/status`,{redirect:"error",credentials:"omit",signal:AbortSignal.timeout(1e4),headers:{"X-Popmelt-Project-Id":t,"X-Popmelt-Cloud-Host":s}});if(d.status===403||d.status===409)return sessionStorage.removeItem(o),null;if(!d.ok)throw new Error("Cloud connection unavailable. Check the bridge and secure storage.");return s})();return Ir.set(o,a),a.finally(()=>{Ir.get(o)===a&&Ir.delete(o)}).catch(()=>{}),a}function Nc(e,t,n){let r=`${e}
|
|
13
|
+
${t}`,[o,i]=z({linked:!1,error:"",key:""});return D(()=>{if(i({linked:!1,error:"",key:r}),!n||!e||!t)return;let a=!0,s;return Hc(e,t).then(d=>{!a||!d||(s=yd(e,{"X-Popmelt-Project-Id":t,"X-Popmelt-Cloud-Host":d},["/cloud-taste/","/send","/reply"]),i({linked:!0,error:"",key:r}))}).catch(d=>{a&&i({linked:!1,key:r,error:d instanceof Error?d.message:"Local host linking failed."})}),()=>{a=!1,s?.()}},[e,t,n,r]),n&&o.key===r?o:{linked:!1,error:""}}function jc({detail:e,retryLabel:t,retry:n,fixPrompt:r,theme:o}){let i=Ee[o],[a,s]=z(!1),d=M(!1),c=M(!0),[u,p]=z(""),[m,h]=z(!1);D(()=>(c.current=!0,()=>{c.current=!1}),[]),D(()=>{if(!m)return;let x=setTimeout(()=>h(!1),2e3);return()=>clearTimeout(x)},[m]);let v=async()=>{if(!d.current){d.current=!0,s(!0),p("");try{await n()}catch{c.current&&p("Still unavailable \u2014 try again or share the fix prompt with your agent")}finally{d.current=!1,c.current&&s(!1)}}};return y("div",{"data-popmelt-session-recovery":!0,style:{width:"100%",borderTop:`1px solid ${i.border}`,paddingTop:12,fontSize:12,color:i.mutedStrong},children:[l("p",{style:{margin:"0 0 10px",lineHeight:1.5},children:e}),l("style",{children:`
|
|
14
14
|
[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; }
|
|
15
15
|
[data-popmelt-session-recovery] button:disabled { opacity: .6; cursor: default; }
|
|
16
16
|
[data-popmelt-session-recovery] button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
|
|
17
17
|
@keyframes popmelt-session-recovery-spin { to { transform: rotate(360deg); } }
|
|
18
18
|
[data-popmelt-session-recovery] .lucide-loader-circle { animation: popmelt-session-recovery-spin .8s linear infinite; }
|
|
19
19
|
@media (prefers-reduced-motion: reduce) { [data-popmelt-session-recovery] .lucide-loader-circle { animation: none; } }
|
|
20
|
-
`}),y("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:[y("button",{type:"button",disabled:a,onClick:()=>{v()},children:[a?l(Xn,{size:14,"aria-hidden":"true"}):l(
|
|
20
|
+
`}),y("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:[y("button",{type:"button",disabled:a,onClick:()=>{v()},children:[a?l(Xn,{size:14,"aria-hidden":"true"}):l(_d,{size:14,"aria-hidden":"true"}),a?"Checking\u2026":t]}),y("button",{type:"button",disabled:m,onClick:async()=>{try{await navigator.clipboard.writeText(r),c.current&&(h(!0),p(""))}catch{c.current&&p("Couldn\u2019t copy the fix prompt \u2014 try again")}},children:[m?l(Tn,{size:14,"aria-hidden":"true"}):l(sa,{size:14,"aria-hidden":"true"}),m?"Copied":"Prompt to fix"]})]}),l("span",{role:"status",style:{display:"block",marginTop:u?8:0},children:u})]})}function Oc({theme:e,label:t,reconnecting:n,retry:r,restart:o,clearLocalSpace:i,retryLabel:a="Reconnect",pendingLabel:s="Reconnecting",failedLabel:d="Connection failed",hint:c="Reconnect without reloading the page or clearing your draft"}){let[u,p]=z(!1),[m,h]=z(!1),[v,x]=z(!1),[T,w]=z(s),[S,H]=z(!1),[L]=z(()=>Array.from(new Set([t,a,s,d,...i?["Clear space","Clearing"]:[],...o?["Restart server","Restarting server"]:[]]))),k=M(!1),E=M(!0);D(()=>(E.current=!0,()=>{E.current=!1}),[]);let $=S&&!!i,j=S&&!$&&!!o,P=$?"Clear space":j?"Restart server":a,A=(u||m)&&!v,F=v?T:A?P:S?d:t,Z=$?"Clear this participant\u2019s local recovery data and unsynced changes; keep identity and server-saved work":j?"Reconnect failed. Restart the session server and reconnect; this may briefly disconnect other peers":S?"Try reconnecting again. If it keeps failing, ask the host to check the server":c,de=async()=>{if(!k.current){k.current=!0,w($?"Clearing":j?"Restarting server":s),x(!0);try{$?await i?.():(j&&await o?.(),await r()),E.current&&H(!1)}catch{E.current&&H(!0)}finally{k.current=!1,E.current&&x(!1)}}};return y("span",{style:{display:"inline-flex",flexDirection:"column",alignItems:"flex-start",gap:6,minWidth:0,maxWidth:"100%"},children:[l("style",{children:`
|
|
21
21
|
@keyframes popmelt-connection-spin { to { transform: rotate(360deg); } }
|
|
22
22
|
[data-popmelt-session-connection] .lucide-loader-circle { animation: popmelt-connection-spin .8s linear infinite; }
|
|
23
23
|
[data-popmelt-session-connection] > svg { flex-shrink: 0; }
|
|
24
24
|
@media (prefers-reduced-motion: reduce) { [data-popmelt-session-connection] .lucide-loader-circle { animation: none; } }
|
|
25
|
-
`}),y("button",{"data-popmelt-session-connection":!0,type:"button",disabled:v,title:
|
|
25
|
+
`}),y("button",{"data-popmelt-session-connection":!0,type:"button",disabled:v,title:Z,"aria-label":`${F}. ${Z}`,"aria-busy":v,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onFocus:()=>h(!0),onBlur:()=>h(!1),onClick:()=>{de()},style:{...pn(Ee[e],A),cursor:v?"default":"pointer",minWidth:0,maxWidth:"100%"},children:[v||n&&!A?l(Xn,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):A||S?l(Co,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):l(da,{size:14,strokeWidth:1.5,"aria-hidden":"true"}),y("span",{style:{display:"inline-grid",textAlign:"left",whiteSpace:"nowrap",position:"relative",minWidth:0},children:[L.map(he=>l("span",{"aria-hidden":"true",style:{gridArea:"1 / 1",visibility:"hidden",pointerEvents:"none",overflow:"hidden"},children:he},he)),l("span",{"data-popmelt-connection-label":!0,title:F,style:{position:"absolute",inset:0,overflow:"hidden",textOverflow:"ellipsis"},children:F})]})]})]})}function An(e){return e<=767}function fn(e){return An(e)?8:16}function wt(e){let t=fn(e);return e<=480?Math.max(0,e-t*2):Math.min(360,Math.max(0,e-t*2))}var mn=16,Ke=40,Pt=8,ba="popmelt-toolbar-snap-position";function hn(e){return e.startsWith("top-")}function zn(e){return e.endsWith("-right")}function Yn(e){return e.endsWith("-center")}function va(){try{let e=localStorage.getItem(ba);if(e&&Wc(e))return e}catch{}return"bottom-right"}function xa(e){try{localStorage.setItem(ba,e)}catch{}}function Wc(e){return["bottom-right","bottom-center","bottom-left","top-right","top-center","top-left"].includes(e)}function Bc(e,t,n){let r=An(t),o=fn(t),i=hn(e)?r?`max(${o}px, env(safe-area-inset-top))`:o:r?"auto":n-o-Ke,a=!hn(e)&&r?`max(${o}px, env(safe-area-inset-bottom))`:void 0;return Yn(e)?{position:"fixed",top:i,bottom:a,left:"50%",transform:"translateX(-50%)"}:zn(e)?{position:"fixed",top:i,bottom:a,right:r?`max(${o}px, env(safe-area-inset-right))`:o,left:"auto"}:{position:"fixed",top:i,bottom:a,left:r?`max(${o}px, env(safe-area-inset-left))`:o,right:"auto"}}function Wt(e,t,n,r=12){let o=hn(e),i=An(t),a=fn(t),s=o?{top:i?`calc(max(${a}px, env(safe-area-inset-top)) + ${Ke+r}px)`:a+Ke+r}:{bottom:i?`calc(max(${a}px, env(safe-area-inset-bottom)) + ${Ke+r}px)`:a+Ke+r},d;return Yn(e)?d={left:"50%",transform:"translateX(-50%)"}:zn(e)?d={right:i?`max(${a}px, env(safe-area-inset-right))`:a}:d={left:i?`max(${a}px, env(safe-area-inset-left))`:a},{position:"fixed",...s,...d}}function Dc(e,t,n){let r=hn(e),o=An(t),i=fn(t),a=r?{top:o?`calc(max(${i}px, env(safe-area-inset-top)) + ${Ke+8}px)`:i+Ke+8}:{bottom:o?`calc(max(${i}px, env(safe-area-inset-bottom)) + ${Ke+8}px)`:i+Ke+8},s,d;return Yn(e)?(s={left:"50%",transform:"translateX(-50%)"},d="center"):zn(e)?(s={right:o?`max(${i}px, env(safe-area-inset-right))`:i},d="flex-end"):(s={left:o?`max(${i}px, env(safe-area-inset-left))`:i},d="flex-start"),{position:"fixed",...a,...s,zIndex:9999,display:"flex",flexDirection:"column",alignItems:d}}function Fc(e,t=typeof window<"u"?window.innerWidth:1920){let n=hn(e),r=zn(e)||Yn(e),o=An(t),i=fn(t),a=n&&r?i+Ke+Pt:i,s=!n&&r?i+Ke+Pt:i;return{position:"fixed",top:o?`max(${a}px, env(safe-area-inset-top))`:a,right:o?`max(${i}px, env(safe-area-inset-right))`:i,bottom:o?`max(${s}px, env(safe-area-inset-bottom))`:s,width:wt(t)}}function Vc(e,t,n){let r=wt(t),o=fn(t),i=hn(e),a,s;zn(e)||Yn(e)?(a=t-o,s=a-r):(s=o,a=s+r);let d=i?o+Ke+Pt:n-o-Ke-Pt;return{left:s,right:a,y:d}}var Qc=["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],wa=100,St=200,Mr={surface:null,phase:"visible"};function So({openDelayMs:e=wa,exitDurationMs:t=St,pinnedSurface:n=null}={}){let[r,o]=z(Mr),i=M(Mr),a=M(null),s=M(n);s.current=n;let d=M(null),c=M(null),u=ie(w=>{i.current.surface===w.surface&&i.current.phase===w.phase||(i.current=w,o(w))},[]),p=ie(()=>{d.current&&(clearTimeout(d.current),d.current=null)},[]),m=ie(()=>{c.current&&(clearTimeout(c.current),c.current=null)},[]),h=ie(w=>{a.current=w,p(),m(),u({surface:w,phase:"visible"})},[m,p,u]),v=ie(w=>{if(!(s.current&&i.current.surface===s.current&&w!==s.current)){if(a.current=w,p(),m(),i.current.surface!==null){u({surface:w,phase:"visible"});return}d.current=setTimeout(()=>{d.current=null,a.current===w&&u({surface:w,phase:"visible"})},e)}},[m,p,e,u]),x=ie(w=>{w!==s.current&&(a.current===w&&(a.current=null),p(),i.current.surface===w&&(m(),u({surface:w,phase:"exiting"}),c.current=setTimeout(()=>{c.current=null,a.current===null&&u(Mr)},t)))},[m,p,t,u]),T=ie(w=>{w&&i.current.surface!==w||(a.current=null,p(),m(),u(Mr))},[m,p,u]);return _e(()=>{n&&i.current.surface===n&&h(n)},[n,h]),D(()=>()=>{p(),m()},[m,p]),{surface:r.surface,phase:r.phase,enter:v,leave:x,show:h,dismiss:T}}var Zc={version:"0.29.0"},Ca=Zc.version;function Io({theme:e,expanded:t,width:n,snapPosition:r,viewport:o,toolbarRef:i,style:a,...s}){let d=Ee[e];return l("div",{...s,ref:i,id:"devtools-toolbar",role:"toolbar","data-popmelt-theme":e,style:{...Bc(r,o.w,o.h),zIndex:9999,display:"flex",alignItems:"center",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",cursor:"pointer",overflow:"visible",transition:"none",backgroundColor:d.surface,color:d.primary,colorScheme:e,boxSizing:"border-box",border:t?0:`1px solid ${d.border}`,boxShadow:t?`0 0 0 1px ${d.border}`:void 0,borderRadius:20,padding:t?"4px 8px 4px 4px":0,width:t?n:40,height:40,gap:t?6:0,justifyContent:t?"flex-start":"center",...a}})}function Mo({expanded:e,active:t=!1,color:n,onSettlingChange:r,...o}){return l("button",{type:"button",title:e?"Collapse (\u2318\u2318)":"Open Popmelt (\u2318\u2318)",...o,style:{display:"flex",alignItems:"center",justifyContent:"center",width:e?24:40,height:e?32:40,flexShrink:0,border:"none",background:"none",padding:0,cursor:"pointer"},children:l(pa,{"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 ka({theme:e,active:t,busy:n,color:r,onSettlingChange:o,onOpen:i,onCrosshairHover:a,onMouseEnter:s,toolbarRef:d,...c}){let u=M(null);return D(()=>{let p=u.current;if(!p)return;let m=p.querySelector("[data-popmelt-logo]"),h=()=>{p.style.opacity="1",!n&&m&&(m.style.fill=Ee[e].primary,m.style.stroke="none")},v=()=>{p.style.opacity=n?"1":"0.2",!n&&m&&(m.style.fill="none",m.style.removeProperty("stroke"))};return p.addEventListener("mouseenter",h),p.addEventListener("mouseleave",v),()=>{p.removeEventListener("mouseenter",h),p.removeEventListener("mouseleave",v)}},[n,e]),l(Io,{...c,theme:e,expanded:!1,width:40,toolbarRef:p=>{u.current=p,typeof d=="function"?d(p):d&&(d.current=p)},onMouseEnter:s,style:{opacity:n?1:.2,...c.style},children:l(Mo,{expanded:!1,active:t,color:r,onSettlingChange:o,onClick:i,onMouseEnter:()=>a?.(!0),onMouseLeave:()=>a?.(!1)})})}function Sa(){let e=()=>typeof window>"u"?{w:1920,h:1080}:{w:window.visualViewport?.width??window.innerWidth,h:window.visualViewport?.height??window.innerHeight},[t,n]=z(e);return D(()=>{let r=()=>n(e());return window.addEventListener("resize",r),window.visualViewport?.addEventListener("resize",r),()=>{window.removeEventListener("resize",r),window.visualViewport?.removeEventListener("resize",r)}},[]),t}function Ia(e){let t=M(e);t.current=e,D(()=>{let n=0,r=0,o=a=>{if(a.key!=="Meta"&&a.key!=="Control"){r=0;return}let s=Date.now();r=s-n<wr.toolbar.toggleWindowMs?r+1:1,r>=2&&(t.current(),r=0),n=s},i=a=>{a.key!=="Meta"&&a.key!=="Control"&&(r=0)};return window.addEventListener("keydown",o),window.addEventListener("keyup",i),()=>{window.removeEventListener("keydown",o),window.removeEventListener("keyup",i)}},[])}var _c=(e,t)=>({display:"flex",width:t,height:32,borderRadius:16,overflow:"hidden",background:Ee[e].control});function qc({theme:e,icon:t,menuOpen:n=!1,interactive:r=!0,primaryLabel:o="Cycle annotations",primaryCursor:i=!1,dotColor:a,onPrimary:s,onMenu:d}){let c=Ee[e];return y("div",{"data-popmelt-compact-tool-control":!0,style:{..._c(e,46),pointerEvents:r?void 0:"none"},children:[y("button",{type:"button","aria-label":o,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:s,style:{width:26,height:32,display:"flex",alignItems:"center",justifyContent:"flex-end",position:"relative",padding:0,border:0,background:"transparent",color:c.primary,cursor:r&&i?"pointer":"default"},children:[t,a&&l("span",{"aria-hidden":"true",style:{position:"absolute",left:16,top:14,width:4,height:4,borderRadius:"50%",background:a,pointerEvents:"none"}})]}),l("button",{type:"button","aria-label":"Choose tool","aria-haspopup":"menu","aria-expanded":n,"aria-disabled":!r,tabIndex:r?void 0:-1,onClick:d,style:{width:20,height:32,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",padding:"0 6px 0 2px",border:0,background:"transparent",color:c.mutedStrong,cursor:r?"pointer":"default"},children:l(wo,{size:12,strokeWidth:2,style:{transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})})]})}function Jc({theme:e,themePreference:t=e,onThemePreferenceChange:n,action:r,logoOnly:o=!1,connection:i,panel:a,deemphasizeControls:s=!1,onCollapse:d,ariaLabel:c="Popmelt admission"}){let[u,p]=z(()=>!o),[m,h]=z(va),v=M(null),x=So(),{leave:T,dismiss:w}=x,S=x.surface!==null&&x.phase==="visible",H=Sa(),L=()=>{if(u){w(),d?.(),p(!1);return}p(!0),o&&x.show("popmelt-guide")};return Ia(L),D(()=>{let k=v.current;if(!k)return;let E=$=>{$.relatedTarget instanceof Node&&k.contains($.relatedTarget)||T("popmelt-guide")};return k.addEventListener("pointerout",E),()=>k.removeEventListener("pointerout",E)},[u,T]),u?y("div",{ref:v,style:{display:"contents"},onKeyDown:k=>{k.key==="Escape"&&w()},onBlur:k=>{k.relatedTarget instanceof Node&&v.current?.contains(k.relatedTarget)||T("popmelt-guide")},children:[l("style",{children:`
|
|
26
26
|
[data-popmelt-entry-dimmed] [data-popmelt-entry-content],
|
|
27
27
|
[data-popmelt-entry-dimmed] [data-popmelt-entry-control] > [data-popmelt-logo] {
|
|
28
28
|
opacity: 1;
|
|
@@ -42,15 +42,15 @@ ${t}`,[o,i]=A({linked:!1,error:"",key:""});return D(()=>{if(i({linked:!1,error:"
|
|
|
42
42
|
transition: none;
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
|
-
`}),x.surface&&l("div",{"data-devtools":"popmelt-guide-corridor",onMouseEnter:()=>x.enter("popmelt-guide"),style:{...Wt(
|
|
45
|
+
`}),x.surface&&l("div",{"data-devtools":"popmelt-guide-corridor",onMouseEnter:()=>x.enter("popmelt-guide"),style:{...Wt(m,H.w,H.h,0),width:wt(H.w),boxSizing:"content-box",...m.startsWith("top-")?{paddingTop:Pt}:{paddingBottom:Pt},zIndex:10001},children:l(ma,{theme:e,themePreference:t,onThemePreferenceChange:n,snapPosition:m,onSnapPositionChange:k=>{xa(k),h(k)},active:S,style:{opacity:S?1:0,transition:S?"none":`opacity ${St}ms ease`},connection:i??y("span",{style:{...pn(Ee[e],!1),cursor:"default"},children:[l(ko,{size:14,strokeWidth:1.5}),y("span",{children:["Version ",Ca]})]})})}),a&&!x.surface&&l("div",{"data-devtools":"toolbar-entry-panel",style:{...Wt(m,H.w,H.h,Pt),zIndex:10001},children:a}),y(Io,{theme:e,expanded:!0,width:"max-content",snapPosition:m,viewport:H,"aria-label":c,"data-popmelt-entry-dimmed":!!(s&&a&&!x.surface),style:o?{width:40,padding:0,gap:0,justifyContent:"center",border:`1px solid ${Ee[e].border}`,boxShadow:"none"}:void 0,children:[l("span",{style:{display:"contents"},onMouseEnter:()=>w(),onFocus:()=>w(),children:r}),l(Mo,{expanded:!0,"data-popmelt-entry-control":!0,color:Ee[e].primary,onClick:L,onMouseEnter:()=>x.enter("popmelt-guide"),onFocus:()=>x.show("popmelt-guide")})]})]}):l(ka,{theme:e,snapPosition:m,viewport:H,color:Ee[e].primary,onOpen:L})}function Ma(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 La={textAlign:"left",display:"flex",flexDirection:"column",gap:4,width:"100%"},Ta={display:"flex",alignItems:"baseline",gap:16,width:"100%"},Ea={flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:"0.14px"},Aa={flexShrink:0,fontSize:12,fontWeight:500,letterSpacing:"0.12px"};function Kc(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 Uc({bridgeUrl:e,theme:t,style:n,onClose:r,onViewThread:o,onPreviewThread:i}){let a=Ee[t],[s,d]=z(""),[c,u]=z(0),[p,m]=z(0),[h,v]=z([]),[x,T]=z(!1),[w,S]=z(!0),[H,L]=z(null),[k,E]=z(Date.now),$=M(null);D(()=>(i?.(null),()=>i?.(null)),[i,s,e]),D(()=>{$.current?.focus();let A=setInterval(()=>E(Date.now()),3e4);return()=>clearInterval(A)},[]),D(()=>{let A=!1,F=new AbortController;S(!0),L(null),c===0&&v([]);let Z=setTimeout(async()=>{try{if(!e)throw new Error("Bridge unavailable");let de=new URLSearchParams({q:s,limit:"10",offset:String(c)}),he=await Mn(`${e}/threads/history?${de}`,{signal:F.signal});if(!he.ok)throw new Error("History unavailable");let se=await he.json();if(A)return;v(J=>c===0?se.threads:[...J,...se.threads.filter(xe=>!J.some(X=>X.id===xe.id))]),T(se.hasMore)}catch{A||L("Couldn\u2019t load history. Check the bridge connection.")}finally{A||S(!1)}},s?180:0);return()=>{A=!0,F.abort(),clearTimeout(Z)}},[e,s,c,p]);let j=new Map;for(let A of h){let F=s.trim()?"Results":Kc(A.updatedAt,k);j.set(F,[...j.get(F)??[],A])}let P={border:0,padding:0,background:"transparent",font:"inherit",color:"inherit",cursor:"pointer"};return y("div",{ref:$,role:"dialog","aria-label":"History",tabIndex:-1,"data-devtools":"history-panel","data-popmelt-theme":t,"data-popmelt-font":"sans",onKeyDown:A=>{A.stopPropagation(),A.key==="Escape"&&(A.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:Et,fontSize:14,lineHeight:1.3,backdropFilter:"blur(59.5px)",WebkitBackdropFilter:"blur(59.5px)",display:"flex",flexDirection:"column",gap:16,overflow:"hidden",pointerEvents:"auto",outline:"none",zIndex:10002},children:[l("style",{children:`
|
|
46
46
|
[data-devtools="history-panel"] button:focus-visible, [data-devtools="history-panel"] input:focus-visible { outline: 2px solid ${a.primary}; outline-offset: 3px; }
|
|
47
47
|
[data-devtools="history-panel"] .popmelt-history-row { color: ${a.secondary}; }
|
|
48
48
|
[data-devtools="history-panel"] .popmelt-history-row:hover { color: ${a.primary}; }
|
|
49
49
|
[data-devtools="history-panel"] .popmelt-history-row time { color: ${a.muted}; }
|
|
50
50
|
[data-devtools="history-panel"] .popmelt-history-row:hover time { color: ${a.secondary}; }
|
|
51
|
-
`}),y("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",color:a.primary},children:[y("div",{style:{display:"flex",alignItems:"center",gap:4,fontWeight:600,letterSpacing:"-0.14px"},children:[l(la,{size:16,"aria-hidden":"true"}),"History"]}),l("button",{type:"button","aria-label":"Close history",style:{...P,display:"flex",color:a.muted},onClick:r,children:l(ia,{size:16})})]}),y("label",{style:{display:"flex",alignItems:"center",gap:8},children:[l(na,{size:14,"aria-hidden":"true",style:{flexShrink:0,color:a.muted}}),l("input",{type:"search","aria-label":"Search all threads",placeholder:"Search all threads",maxLength:500,value:s,onChange:$=>{d($.target.value),u(0)},style:{width:"100%",minWidth:0,border:0,padding:0,background:"transparent",font:"inherit",color:a.primary}})]}),y("div",{"aria-busy":w,style:{overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column",gap:24},children:[[...j].map(([$,F])=>y("section",{"aria-label":$,style:{display:"flex",flexDirection:"column",gap:12},children:[l("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px"},children:$}),l("div",{style:{display:"flex",flexDirection:"column",gap:8},children:F.map(_=>y("button",{type:"button",className:"popmelt-history-row",title:[_.preview,_.archived?"Dismissed":"",_.previousWorkspace?"Previous workspace":""].filter(Boolean).join(" \xB7 "),onClick:()=>o(_.id),onMouseEnter:()=>i?.(_),onMouseLeave:()=>i?.(null),onFocus:()=>i?.(_),onBlur:()=>i?.(null),style:{...P,color:void 0,...Ta},children:[y("span",{style:Ea,children:[l("span",{style:$a,children:_.preview}),l("time",{dateTime:new Date(_.updatedAt).toISOString(),style:Aa,children:La(_.updatedAt,k)})]}),s.trim()&&_.excerpt&&l("span",{style:{fontSize:12,color:a.secondary,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:_.excerpt})]},_.id))})]},$)),H?y("div",{role:"alert",children:[H," ",l("button",{type:"button",style:{...P,textDecoration:"underline"},onClick:()=>h($=>$+1),children:"Retry"})]}):w?l("div",{role:"status",children:"Loading\u2026"}):m.length===0?l("div",{role:"status",children:s.trim()?"No matching threads.":"No conversations yet."}):null,x&&!w&&!H&&l("button",{type:"button",style:{...P,alignSelf:"flex-start",textDecoration:"underline"},onClick:()=>u($=>$+10),children:"Show more"})]})]})}var Lr={direct:"Edit","approval-required":"Suggest",blocked:"Blocked"},Lo={direct:"Use all canvas tools. Send code changes without host approval.","approval-required":"Use all canvas tools. Code changes need host approval.",blocked:"Sending code changes is blocked by the host."},za=["circle","square","diamond","hexagon"];function To(e="circle",t=26){return{circle:19,square:17.5,diamond:20,hexagon:19}[e]*t/24}var Ra=e=>e.map((t,n)=>{let r=o=>{let i=Math.hypot(o[0]-t[0],o[1]-t[1]),a=Math.min(3,i/2)/i;return[t[0]+(o[0]-t[0])*a,t[1]+(o[1]-t[1])*a].join(" ")};return`${n?"L":"M"}${r(e[(n+e.length-1)%e.length])} Q${t.join(" ")} ${r(e[(n+1)%e.length])}`}).join(" ")+" Z",Kc={diamond:Ra([[12,1],[23,12],[12,23],[1,12]]),hexagon:Ra([[12,2],[21,7],[21,17],[12,22],[3,17],[3,7]])};function Yn({shape:e="circle",color:t,size:n=26,outline:r,style:o,...i}){return l("svg",{...i,"data-peer-shape":e,"aria-hidden":"true",width:n,height:n,viewBox:"0 0 24 24",style:{display:"block",flexShrink:0,overflow:"visible",pointerEvents:"none",...o},children:l("g",{fill:t,stroke:r??"none",strokeWidth:r?1.2:0,strokeLinejoin:"round",children:e==="circle"?l("circle",{cx:"12",cy:"12",r:"9.5"}):e==="square"?l("rect",{x:"3.25",y:"3.25",width:"17.5",height:"17.5",rx:"3"}):l("path",{d:Kc[e]})})})}function zn(e){return(e%360+360)%360}function Tr(e){let t=e.match(/oklch\([^)]*\s+([\d.]+)\s*\)/i);if(!t?.[1])return null;let n=Number.parseFloat(t[1]);return Number.isFinite(n)?zn(n):null}function Xt(e){return`oklch(${.628} ${.258} ${zn(e)})`}function Pa(e){let t=Tr(e)??29;return Xt(t+60)}function Eo(e){return new Set(e.filter(t=>t.groupId&&t.threadId).map(t=>t.groupId))}function $o(e,t){let n=!!(e.groupId&&t.has(e.groupId));return(e.status??"pending")==="pending"&&!e.threadId&&!n&&!(e.replyCount&&e.replyCount>0)}function Yc(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 eu(e,t){let n=Math.abs(zn(e)-zn(t));return Math.min(n,360-n)<.5}function Rn(e,t,n){let r=Tr(e)??29,o=Math.round(360/60),i=Eo(t),a=t.flatMap((c,u)=>{if(!c.color)return[];if(n&&c.pathname&&c.pathname!==n)return[];if($o(c,i))return[];let p=Tr(c.color);return p===null?[]:[{hue:p,key:Yc(c,u,i)}]}),s=Xt(r),d=Number.POSITIVE_INFINITY;for(let c=0;c<o;c+=1){let u=zn(r+c*60),p=new Set(a.filter(h=>eu(h.hue,u)).map(h=>h.key));if(p.size===0)return Xt(u);p.size<d&&(d=p.size,s=Xt(u))}return s}function tu(e,t){let n=Eo(e);return e.map(r=>$o(r,n)?{...r,color:t}:r)}function nu(e){let t=new Set(e.annotationIds),n={color:e.color,threadId:e.threadId,pathname:e.pathname},r=e.annotations.map(o=>o.id&&t.has(o.id)?{...o,color:e.color,threadId:e.threadId}:o);return r.push(n),Rn(Pa(e.color),r,e.pathname)}function ru(e,t){return e.find(n=>n.color)?.color??t}function ou(e){let t=[...e.annotations].sort((i,a)=>a.timestamp-i.timestamp),n=Eo(e.annotations),r=t.find(i=>$o(i,n)&&!!i.color);if(r?.color)return Rn(r.color,e.annotations,e.currentPathname);if(e.savedCursor)return Rn(e.savedCursor,e.annotations,e.currentPathname);let o=t.find(i=>!!(i.threadId&&i.color));return o?.color?Rn(Pa(o.color),e.annotations,e.currentPathname):Rn(Xt(29),e.annotations,e.currentPathname)}var er=[210,150,270,90,330,30].map(e=>zn(29+e)),Ao=[.68,.5,.82,.59,.75,.43];function iu(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");return za[([0,2,3,0,1,1][e%6]+Math.floor(e/6))%4]}function Kt(e){if(e.identity?.relationship==="host")return"circle";if(e.shape&&za.includes(e.shape))return e.shape;let t=/^oklch\(([\d.]+) ([\d.]+) ([\d.]+)\)$/.exec(e.color??"");if(t){let n=Ao.indexOf(Number(t[1])),r=er.indexOf(Number(t[3])),o=Math.round((.14/Number(t[2])-1)*4),i=(o*Ao.length+n)*er.length+r;if(n>=0&&r>=0&&o>=0&&Number.isSafeInteger(i)&&Ha(i)===e.color)return iu(i)}return"circle"}function Ha(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");let t=Math.floor(e/er.length),n=Ao,r=n[t%n.length],o=.14/(1+Math.floor(t/n.length)*.25);return`oklch(${r} ${o} ${er[e%er.length]})`}function au(e,t,n){return e?.identity.relationship==="host"?e.identity.id===t?n:e.color??Ui.activeColor:e?.color??Ha(0)}function Na(e){return e.reduce((t,n)=>t+To(Kt(n)),0)-Math.max(0,e.length-1)*4.5}function lu({peers:e,viewedPeerId:t,selectedPeerId:n=t,onPreview:r,onPeek:o,onPeekEnd:i,theme:a="dark",detailsPeerId:s,detailsId:d,onDetailsEnter:c,onDetailsLeave:u,onDetailsDismiss:p}){let h=Ie[a],m=a==="light"?"#ffffff":"#000000",v=s??t,x=Gn(),T=M(null),w=M({onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i});w.current={onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i};let S=M(null),H=()=>{S.current!==null&&cancelAnimationFrame(S.current),S.current=null},L=e.length>0;return D(()=>{let k=T.current;if(!k)return;let E=R=>{if(R.pointerType==="touch")return;let j=R.target instanceof Element?R.target.closest("button[data-peer-id]"):null;if(!j||!k.contains(j)||R.relatedTarget instanceof Node&&j.contains(R.relatedTarget))return;let P=j.dataset.peerId;R.type==="pointerover"?(H(),Sc(()=>w.current.onDetailsEnter?.(P,"pointer")),w.current.onPeek&&(S.current=requestAnimationFrame(()=>{S.current=requestAnimationFrame(()=>{S.current=null,w.current.onPeek?.(P)})}))):(H(),w.current.onPeekEnd?.(P),w.current.onDetailsLeave?.(P,R.relatedTarget))};return k.addEventListener("pointerover",E),k.addEventListener("pointerout",E),k.addEventListener("pointercancel",E),()=>{H(),k.removeEventListener("pointerover",E),k.removeEventListener("pointerout",E),k.removeEventListener("pointercancel",E)}},[L]),e.length?l("ul",{ref:T,"aria-label":"Canvas peers","data-devtools":"peer-chip-stack",style:{display:"flex",alignItems:"center",isolation:"isolate",flexShrink:0,margin:0,padding:0,listStyle:"none"},children:e.map(({identity:k,permission:E,color:R=h.secondary,shape:j,unseenActivity:P},$)=>y("li",{style:{display:"flex",position:"relative",zIndex:e.length-$,marginRight:$===e.length-1?0:-4.5},children:[y("button",{type:"button","aria-pressed":n===k.id,"aria-label":`Preview ${k.name}'s plane \u2014 ${Lr[E]}${P?" \u2014 New activity":""}`,title:c?void 0:`${k.name} \xB7 ${Lr[E]}: ${Lo[E]}`,"aria-describedby":[`${x}-${$}`,s===k.id?d:void 0].filter(Boolean).join(" "),"data-peer-id":k.id,onClick:()=>{H(),r(k.id)},onFocus:()=>c?.(k.id,"focus"),onBlur:F=>u?.(k.id,F.relatedTarget),onKeyDown:F=>{F.key==="Escape"&&(H(),i?.(k.id)),!(F.key!=="Escape"||s!==k.id)&&(F.preventDefault(),F.stopPropagation(),p?.(k.id))},style:{display:"flex",position:"relative",alignItems:"center",width:To(Kt({identity:k,color:R,shape:j})),height:22,boxSizing:"border-box",border:0,padding:0,background:"transparent",cursor:"pointer",outlineOffset:2},children:[l(Yn,{shape:Kt({identity:k,color:R,shape:j}),color:v===k.id?R:`color-mix(in srgb, ${R} 20%, ${h.surface})`,outline:n===k.id?m:h.surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),P&&l("span",{"data-devtools":"peer-activity-dot","aria-hidden":"true",style:{position:"absolute",top:-1,right:-2,width:9,height:9,borderRadius:"50%",background:h.primary,border:`1px solid ${h.surface}`,pointerEvents:"none"}})]}),l("span",{id:`${x}-${$}`,hidden:!0,children:Lo[E]})]},k.id))}):null}function zo(e,t){return JSON.stringify([e,t??null])}function Ro(e){return(e.annotations?.length?e.annotations:[{id:void 0,label:"Submitted changes"}]).map(t=>({submission:e,annotation:t,key:zo(e.id,t.id)}))}function su(e,t){return e.filter(n=>n.threadId===t).flatMap(n=>Ro(n).map(r=>r.key))}function du(e,t){let n=[],r=()=>{try{let i=JSON.parse(e.getItem(t)??"[]");Array.isArray(i)&&(n=[...new Set([...i.filter(a=>typeof a=="string"),...n])].slice(-1e3))}catch{}return n},o=i=>{let a=r(),s=i.filter(c=>!a.includes(c));if(!s.length)return a;let d=[...new Set([...a,...s])].slice(-1e3);n=d;try{e.setItem(t,JSON.stringify(d))}catch{}return d};return{read:r,markMany:o,mark:i=>o([i])}}function ja({at:e,theme:t,label:n}){let[r,o]=A(Date.now);if(D(()=>{let s=setInterval(()=>o(Date.now()),1e3);return()=>clearInterval(s)},[]),!Number.isFinite(e)||e<=0)return null;let i=Math.max(0,Math.floor((r-e)/1e3)),a=i<60?`${i}s ago`:i<3600?`${Math.floor(i/60)}m ago`:`${Math.floor(i/3600)}h ago`;return l("span",{"data-devtools":"activity-age",title:`${n}: ${new Date(e).toLocaleString()}`,"aria-label":`${n}: ${a}`,style:{background:Ie[t].control,borderRadius:6,padding:"0 3px",fontSize:12,fontWeight:400,color:Ie[t].mutedStrong,whiteSpace:"nowrap",flexShrink:0},children:a})}var Yt={gap:16,padding:12,radius:20,width:360,viewportGutter:32,identitySize:24},Pn={gap:6,padding:"4px 8px",radius:8,iconSize:12},Er={gap:3,padding:"2px 6px",radius:8},gn={gap:3,padding:"3px 9px 3px 6px",radius:8,iconSize:10},en=gn,tr={size:21,padding:3,radius:8,iconSize:15},Po={padding:"0 4px",height:18,radius:6},Oa={fontFamily:St,fontSize:12,fontWeight:500,lineHeight:1.3};function Ho(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Er.gap,padding:Er.padding,borderRadius:Er.radius,border:0,flexShrink:0,background:Ie[e].control,color:Ie[e].primary,...Oa,whiteSpace:"nowrap",cursor:"pointer",transition:"box-shadow 120ms ease"}}var cu=Id("HandPeace",[["path",{d:"M7 12 5.1 4.9a1.75 1.75 0 0 1 3.4-.8L11 11l2.5-8a1.75 1.75 0 0 1 3.35 1.05L15 11",key:"raised-fingers"}],["path",{d:"M15 14v-3a1.75 1.75 0 0 1 3.5 0v3a1.75 1.75 0 0 1-3.5 0Z",key:"folded-ring-finger"}],["path",{d:"M18.5 13a1.75 1.75 0 0 1 3.5 0v2a1.75 1.75 0 0 1-3.5 0Z",key:"folded-pinky"}],["path",{d:"M22 15v1a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6v-1",key:"palm"}],["path",{d:"M6 15v-1.3a1.75 1.75 0 0 1 2.6-1.5l4 2.3a1.75 1.75 0 0 1-1.75 3.03l-.65-.37",key:"folded-thumb"}]]),Wa=120,uu=180,pu=2e3;function No(e){let t=Ie[e];return{display:"flex",alignItems:"center",gap:Yt.gap,width:Yt.width,maxWidth:`calc(100vw - ${Yt.viewportGutter}px)`,boxSizing:"border-box",border:`1px solid ${t.border}`,borderRadius:Yt.radius,padding:Yt.padding,background:t.surface,color:t.primary,backdropFilter:"blur(59.5px)",fontFamily:St,fontSize:14,lineHeight:1.3,letterSpacing:"-0.01em"}}function fu({peer:e,theme:t,id:n,style:r,onPermissionChange:o,onRevokeAccess:i,onInvite:a,isOwn:s=!1,onFocusSuggestion:d,onHoverSuggestion:c,onSharePreview:u,pendingSubmissions:p=[],viewedSuggestionKeys:h=[],showUnreadSuggestions:m=!0}){let v=M(c);v.current=c;let x=M(null);D(()=>{let re=x.current;if(!re)return;let Ae=v.current,ue=Se=>{if(Se.pointerType==="touch")return;let ge=Se.target instanceof Element?Se.target.closest('[data-devtools="peer-review-sent"]'):null;!ge||!re.contains(ge)||Se.relatedTarget instanceof Node&&ge.contains(Se.relatedTarget)||v.current?.(Se.type==="pointerover"?ge.dataset.annotationId??null:null)};return re.addEventListener("pointerover",ue),re.addEventListener("pointerout",ue),re.addEventListener("pointercancel",ue),()=>{re.removeEventListener("pointerover",ue),re.removeEventListener("pointerout",ue),re.removeEventListener("pointercancel",ue),Ae?.(null)}},[e.identity.id]);let[T,w]=A(!1),[S,H]=A(),[L,k]=A(),E=M(0),R=M(null),j=M(!1);Ze(()=>{!T&&j.current&&(j.current=!1,R.current?.focus({preventScroll:!0}))},[T,e.identity.id]);let P=async(re,Ae)=>{w(!0),H(re),k(void 0);try{await Ae()||(E.current+=1,k({target:re,pulse:E.current}))}catch{E.current+=1,k({target:re,pulse:E.current})}finally{w(!1),H(void 0)}},[$,F]=A("idle"),[_,de]=A(),me=M(0),se=M(null),[U,xe]=A();Ze(()=>{if(!se.current)return;let re=!0,Ae=()=>{if(!re||!se.current)return;let ue=getComputedStyle(se.current),Se=document.createElement("span");Object.assign(Se.style,{position:"fixed",visibility:"hidden",pointerEvents:"none",whiteSpace:"nowrap",fontFamily:ue.fontFamily,fontSize:ue.fontSize,fontWeight:ue.fontWeight,lineHeight:ue.lineHeight}),document.body.append(Se);let ge=Number.parseFloat(ue.paddingLeft)+Number.parseFloat(ue.paddingRight)+en.iconSize+en.gap,at=Ht=>(Se.textContent=Ht,Math.ceil(ge+Se.getBoundingClientRect().width)),Mt={idle:at("Invite"),busy:at("Copying\u2026"),copied:at("Copied")};Se.remove(),Object.values(Mt).every(Ht=>Ht>ge)&&xe(Mt)};return Ae(),document.fonts?.ready.then(Ae),()=>{re=!1}},[t,s,a]),D(()=>{if($==="copied"){let re=setTimeout(()=>{F(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches?"idle":"copied-out")},pu);return()=>clearTimeout(re)}if($==="copied-out"){let re=setTimeout(()=>F("idle-in"),Wa);return()=>clearTimeout(re)}if($==="idle-in"){let re=setTimeout(()=>F("idle"),16);return()=>clearTimeout(re)}},[$]);let K=Ie[t],[we,Te]=A(),[G,ke]=A(),I=M(0),[C,W]=A(Date.now);D(()=>{if(!p.length)return;let re=setInterval(()=>W(Date.now()),3e4);return()=>clearInterval(re)},[p.length]);let[B,N]=A("idle"),Y=e.permission==="direct"?jd:aa,$e=!s&&!!o,ee=[...p].sort((re,Ae)=>(Ae.submittedAt??0)-(re.submittedAt??0)),qe=ee.flatMap(Ro),Q=new Set(h),Ne=async(re,Ae)=>{if(!d)return;let ue=zo(re,Ae);w(!0),Te(ue),ke(void 0);try{await d(re,Ae)}catch{I.current+=1,ke({key:ue,pulse:I.current})}finally{w(!1),Te(void 0)}};return y("div",{id:n,ref:x,role:o||a||d||u?"group":"tooltip","data-devtools":"peer-details","data-popmelt-font":"sans","data-popmelt-theme":t,style:{...No(t),flexWrap:d||u?"wrap":void 0,...r},children:[l("style",{children:`
|
|
52
|
-
[data-devtools="peer-revoke"] { color: ${
|
|
53
|
-
[data-devtools="peer-revoke"]:not(:disabled):is(:hover, :focus-visible) { color: ${
|
|
51
|
+
`}),y("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",color:a.primary},children:[y("div",{style:{display:"flex",alignItems:"center",gap:4,fontWeight:600,letterSpacing:"-0.14px"},children:[l(aa,{size:16,"aria-hidden":"true"}),"History"]}),l("button",{type:"button","aria-label":"Close history",style:{...P,display:"flex",color:a.muted},onClick:r,children:l(oa,{size:16})})]}),y("label",{style:{display:"flex",alignItems:"center",gap:8},children:[l(ta,{size:14,"aria-hidden":"true",style:{flexShrink:0,color:a.muted}}),l("input",{type:"search","aria-label":"Search all threads",placeholder:"Search all threads",maxLength:500,value:s,onChange:A=>{d(A.target.value),u(0)},style:{width:"100%",minWidth:0,border:0,padding:0,background:"transparent",font:"inherit",color:a.primary}})]}),y("div",{"aria-busy":w,style:{overflowY:"auto",minHeight:0,display:"flex",flexDirection:"column",gap:24},children:[[...j].map(([A,F])=>y("section",{"aria-label":A,style:{display:"flex",flexDirection:"column",gap:12},children:[l("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px"},children:A}),l("div",{style:{display:"flex",flexDirection:"column",gap:8},children:F.map(Z=>y("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,...La},children:[y("span",{style:Ta,children:[l("span",{style:Ea,children:Z.preview}),l("time",{dateTime:new Date(Z.updatedAt).toISOString(),style:Aa,children:Ma(Z.updatedAt,k)})]}),s.trim()&&Z.excerpt&&l("span",{style:{fontSize:12,color:a.secondary,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:Z.excerpt})]},Z.id))})]},A)),H?y("div",{role:"alert",children:[H," ",l("button",{type:"button",style:{...P,textDecoration:"underline"},onClick:()=>m(A=>A+1),children:"Retry"})]}):w?l("div",{role:"status",children:"Loading\u2026"}):h.length===0?l("div",{role:"status",children:s.trim()?"No matching threads.":"No conversations yet."}):null,x&&!w&&!H&&l("button",{type:"button",style:{...P,alignSelf:"flex-start",textDecoration:"underline"},onClick:()=>u(A=>A+10),children:"Show more"})]})]})}var Lr={direct:"Edit","approval-required":"Suggest",blocked:"Blocked"},Lo={direct:"Use all canvas tools. Send code changes without host approval.","approval-required":"Use all canvas tools. Code changes need host approval.",blocked:"Sending code changes is blocked by the host."},za=["circle","square","diamond","hexagon"];function To(e="circle",t=26){return{circle:19,square:17.5,diamond:20,hexagon:19}[e]*t/24}var Ra=e=>e.map((t,n)=>{let r=o=>{let i=Math.hypot(o[0]-t[0],o[1]-t[1]),a=Math.min(3,i/2)/i;return[t[0]+(o[0]-t[0])*a,t[1]+(o[1]-t[1])*a].join(" ")};return`${n?"L":"M"}${r(e[(n+e.length-1)%e.length])} Q${t.join(" ")} ${r(e[(n+1)%e.length])}`}).join(" ")+" Z",Gc={diamond:Ra([[12,1],[23,12],[12,23],[1,12]]),hexagon:Ra([[12,2],[21,7],[21,17],[12,22],[3,17],[3,7]])};function er({shape:e="circle",color:t,size:n=26,outline:r,style:o,...i}){return l("svg",{...i,"data-peer-shape":e,"aria-hidden":"true",width:n,height:n,viewBox:"0 0 24 24",style:{display:"block",flexShrink:0,overflow:"visible",pointerEvents:"none",...o},children:l("g",{fill:t,stroke:r??"none",strokeWidth:r?1.2:0,strokeLinejoin:"round",children:e==="circle"?l("circle",{cx:"12",cy:"12",r:"9.5"}):e==="square"?l("rect",{x:"3.25",y:"3.25",width:"17.5",height:"17.5",rx:"3"}):l("path",{d:Gc[e]})})})}function Rn(e){return(e%360+360)%360}function Tr(e){let t=e.match(/oklch\([^)]*\s+([\d.]+)\s*\)/i);if(!t?.[1])return null;let n=Number.parseFloat(t[1]);return Number.isFinite(n)?Rn(n):null}function Xt(e){return`oklch(${.628} ${.258} ${Rn(e)})`}function $a(e){let t=Tr(e)??29;return Xt(t+60)}function Eo(e){return new Set(e.filter(t=>t.groupId&&t.threadId).map(t=>t.groupId))}function Ao(e,t){let n=!!(e.groupId&&t.has(e.groupId));return(e.status??"pending")==="pending"&&!e.threadId&&!n&&!(e.replyCount&&e.replyCount>0)}function Xc(e,t,n){return e.threadId?`thread:${e.threadId}`:e.groupId&&n.has(e.groupId)?`thread-group:${e.groupId}`:e.groupId?`group:${e.groupId}`:e.id?`annotation:${e.id}`:`annotation-index:${t}`}function Yc(e,t){let n=Math.abs(Rn(e)-Rn(t));return Math.min(n,360-n)<.5}function $n(e,t,n){let r=Tr(e)??29,o=Math.round(360/60),i=Eo(t),a=t.flatMap((c,u)=>{if(!c.color)return[];if(n&&c.pathname&&c.pathname!==n)return[];if(Ao(c,i))return[];let p=Tr(c.color);return p===null?[]:[{hue:p,key:Xc(c,u,i)}]}),s=Xt(r),d=Number.POSITIVE_INFINITY;for(let c=0;c<o;c+=1){let u=Rn(r+c*60),p=new Set(a.filter(m=>Yc(m.hue,u)).map(m=>m.key));if(p.size===0)return Xt(u);p.size<d&&(d=p.size,s=Xt(u))}return s}function eu(e,t){let n=Eo(e);return e.map(r=>Ao(r,n)?{...r,color:t}:r)}function tu(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),$n($a(e.color),r,e.pathname)}function nu(e,t){return e.find(n=>n.color)?.color??t}function ru(e){let t=[...e.annotations].sort((i,a)=>a.timestamp-i.timestamp),n=Eo(e.annotations),r=t.find(i=>Ao(i,n)&&!!i.color);if(r?.color)return $n(r.color,e.annotations,e.currentPathname);if(e.savedCursor)return $n(e.savedCursor,e.annotations,e.currentPathname);let o=t.find(i=>!!(i.threadId&&i.color));return o?.color?$n($a(o.color),e.annotations,e.currentPathname):$n(Xt(29),e.annotations,e.currentPathname)}var tr=[210,150,270,90,330,30].map(e=>Rn(29+e)),zo=[.68,.5,.82,.59,.75,.43];function ou(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");return za[([0,2,3,0,1,1][e%6]+Math.floor(e/6))%4]}function Yt(e){if(e.identity?.relationship==="host")return"circle";if(e.shape&&za.includes(e.shape))return e.shape;let t=/^oklch\(([\d.]+) ([\d.]+) ([\d.]+)\)$/.exec(e.color??"");if(t){let n=zo.indexOf(Number(t[1])),r=tr.indexOf(Number(t[3])),o=Math.round((.14/Number(t[2])-1)*4),i=(o*zo.length+n)*tr.length+r;if(n>=0&&r>=0&&o>=0&&Number.isSafeInteger(i)&&Pa(i)===e.color)return ou(i)}return"circle"}function Pa(e){if(!Number.isSafeInteger(e)||e<0)throw new Error("Invalid peer color slot");let t=Math.floor(e/tr.length),n=zo,r=n[t%n.length],o=.14/(1+Math.floor(t/n.length)*.25);return`oklch(${r} ${o} ${tr[e%tr.length]})`}function iu(e,t,n){return e?.identity.relationship==="host"?e.identity.id===t?n:e.color??Zi.activeColor:e?.color??Pa(0)}function Ha(e){return e.reduce((t,n)=>t+To(Yt(n)),0)-Math.max(0,e.length-1)*4.5}function au({peers:e,viewedPeerId:t,selectedPeerId:n=t,onPreview:r,onPeek:o,onPeekEnd:i,theme:a="dark",detailsPeerId:s,detailsId:d,onDetailsEnter:c,onDetailsLeave:u,onDetailsDismiss:p}){let m=Ee[a],h=a==="light"?"#ffffff":"#000000",v=s??t,x=Gn(),T=M(null),w=M({onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i});w.current={onDetailsEnter:c,onDetailsLeave:u,onPeek:o,onPeekEnd:i};let S=M(null),H=()=>{S.current!==null&&cancelAnimationFrame(S.current),S.current=null},L=e.length>0;return D(()=>{let k=T.current;if(!k)return;let E=$=>{if($.pointerType==="touch")return;let j=$.target instanceof Element?$.target.closest("button[data-peer-id]"):null;if(!j||!k.contains(j)||$.relatedTarget instanceof Node&&j.contains($.relatedTarget))return;let P=j.dataset.peerId;$.type==="pointerover"?(H(),kc(()=>w.current.onDetailsEnter?.(P,"pointer")),w.current.onPeek&&(S.current=requestAnimationFrame(()=>{S.current=requestAnimationFrame(()=>{S.current=null,w.current.onPeek?.(P)})}))):(H(),w.current.onPeekEnd?.(P),w.current.onDetailsLeave?.(P,$.relatedTarget))};return k.addEventListener("pointerover",E),k.addEventListener("pointerout",E),k.addEventListener("pointercancel",E),()=>{H(),k.removeEventListener("pointerover",E),k.removeEventListener("pointerout",E),k.removeEventListener("pointercancel",E)}},[L]),e.length?l("ul",{ref:T,"aria-label":"Canvas peers","data-devtools":"peer-chip-stack",style:{display:"flex",alignItems:"center",isolation:"isolate",flexShrink:0,margin:0,padding:0,listStyle:"none"},children:e.map(({identity:k,permission:E,color:$=m.secondary,shape:j,unseenActivity:P},A)=>y("li",{style:{display:"flex",position:"relative",zIndex:e.length-A,marginRight:A===e.length-1?0:-4.5},children:[y("button",{type:"button","aria-pressed":n===k.id,"aria-label":`Preview ${k.name}'s plane \u2014 ${Lr[E]}${P?" \u2014 New activity":""}`,title:c?void 0:`${k.name} \xB7 ${Lr[E]}: ${Lo[E]}`,"aria-describedby":[`${x}-${A}`,s===k.id?d:void 0].filter(Boolean).join(" "),"data-peer-id":k.id,onClick:()=>{H(),r(k.id)},onFocus:()=>c?.(k.id,"focus"),onBlur:F=>u?.(k.id,F.relatedTarget),onKeyDown:F=>{F.key==="Escape"&&(H(),i?.(k.id)),!(F.key!=="Escape"||s!==k.id)&&(F.preventDefault(),F.stopPropagation(),p?.(k.id))},style:{display:"flex",position:"relative",alignItems:"center",width:To(Yt({identity:k,color:$,shape:j})),height:22,boxSizing:"border-box",border:0,padding:0,background:"transparent",cursor:"pointer",outlineOffset:2},children:[l(er,{shape:Yt({identity:k,color:$,shape:j}),color:v===k.id?$:`color-mix(in srgb, ${$} 20%, ${m.surface})`,outline:n===k.id?h:m.surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),P&&l("span",{"data-devtools":"peer-activity-dot","aria-hidden":"true",style:{position:"absolute",top:-1,right:-2,width:9,height:9,borderRadius:"50%",background:m.primary,border:`1px solid ${m.surface}`,pointerEvents:"none"}})]}),l("span",{id:`${x}-${A}`,hidden:!0,children:Lo[E]})]},k.id))}):null}function Ro(e,t){return JSON.stringify([e,t??null])}function $o(e){return(e.annotations?.length?e.annotations:[{id:void 0,label:"Submitted changes"}]).map(t=>({submission:e,annotation:t,key:Ro(e.id,t.id)}))}function lu(e,t){return e.filter(n=>n.threadId===t).flatMap(n=>$o(n).map(r=>r.key))}function su(e,t){let n=[],r=()=>{try{let i=JSON.parse(e.getItem(t)??"[]");Array.isArray(i)&&(n=[...new Set([...i.filter(a=>typeof a=="string"),...n])].slice(-1e3))}catch{}return n},o=i=>{let a=r(),s=i.filter(c=>!a.includes(c));if(!s.length)return a;let d=[...new Set([...a,...s])].slice(-1e3);n=d;try{e.setItem(t,JSON.stringify(d))}catch{}return d};return{read:r,markMany:o,mark:i=>o([i])}}function Na({at:e,theme:t,label:n}){let[r,o]=z(Date.now);if(D(()=>{let s=setInterval(()=>o(Date.now()),1e3);return()=>clearInterval(s)},[]),!Number.isFinite(e)||e<=0)return null;let i=Math.max(0,Math.floor((r-e)/1e3)),a=i<60?`${i}s ago`:i<3600?`${Math.floor(i/60)}m ago`:`${Math.floor(i/3600)}h ago`;return l("span",{"data-devtools":"activity-age",title:`${n}: ${new Date(e).toLocaleString()}`,"aria-label":`${n}: ${a}`,style:{background:Ee[t].control,borderRadius:6,padding:"0 3px",fontSize:12,fontWeight:400,color:Ee[t].mutedStrong,whiteSpace:"nowrap",flexShrink:0},children:a})}var du=Sd("HandPeace",[["path",{d:"M7 12 5.1 4.9a1.75 1.75 0 0 1 3.4-.8L11 11l2.5-8a1.75 1.75 0 0 1 3.35 1.05L15 11",key:"raised-fingers"}],["path",{d:"M15 14v-3a1.75 1.75 0 0 1 3.5 0v3a1.75 1.75 0 0 1-3.5 0Z",key:"folded-ring-finger"}],["path",{d:"M18.5 13a1.75 1.75 0 0 1 3.5 0v2a1.75 1.75 0 0 1-3.5 0Z",key:"folded-pinky"}],["path",{d:"M22 15v1a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6v-1",key:"palm"}],["path",{d:"M6 15v-1.3a1.75 1.75 0 0 1 2.6-1.5l4 2.3a1.75 1.75 0 0 1-1.75 3.03l-.65-.37",key:"folded-thumb"}]]),ja=120,cu=180,uu=2e3;function Po(e){let t=Ee[e];return{display:"flex",alignItems:"center",gap:un.gap,width:un.width,maxWidth:`calc(100vw - ${un.viewportGutter}px)`,boxSizing:"border-box",border:`1px solid ${t.border}`,borderRadius:un.radius,padding:un.padding,background:t.surface,color:t.primary,backdropFilter:"blur(59.5px)",fontFamily:Et,fontSize:14,lineHeight:1.3,letterSpacing:"-0.01em"}}function pu({peer:e,theme:t,id:n,style:r,onPermissionChange:o,onRevokeAccess:i,onInvite:a,isOwn:s=!1,onFocusSuggestion:d,onHoverSuggestion:c,onSharePreview:u,pendingSubmissions:p=[],viewedSuggestionKeys:m=[],showUnreadSuggestions:h=!0}){let v=M(c);v.current=c;let x=M(null);D(()=>{let re=x.current;if(!re)return;let ze=v.current,ue=Se=>{if(Se.pointerType==="touch")return;let ge=Se.target instanceof Element?Se.target.closest('[data-devtools="peer-review-sent"]'):null;!ge||!re.contains(ge)||Se.relatedTarget instanceof Node&&ge.contains(Se.relatedTarget)||v.current?.(Se.type==="pointerover"?ge.dataset.annotationId??null:null)};return re.addEventListener("pointerover",ue),re.addEventListener("pointerout",ue),re.addEventListener("pointercancel",ue),()=>{re.removeEventListener("pointerover",ue),re.removeEventListener("pointerout",ue),re.removeEventListener("pointercancel",ue),ze?.(null)}},[e.identity.id]);let[T,w]=z(!1),[S,H]=z(),[L,k]=z(),E=M(0),$=M(null),j=M(!1);_e(()=>{!T&&j.current&&(j.current=!1,$.current?.focus({preventScroll:!0}))},[T,e.identity.id]);let P=async(re,ze)=>{w(!0),H(re),k(void 0);try{await ze()||(E.current+=1,k({target:re,pulse:E.current}))}catch{E.current+=1,k({target:re,pulse:E.current})}finally{w(!1),H(void 0)}},[A,F]=z("idle"),[Z,de]=z(),he=M(0),se=M(null),[J,xe]=z();_e(()=>{if(!se.current)return;let re=!0,ze=()=>{if(!re||!se.current)return;let ue=getComputedStyle(se.current),Se=document.createElement("span");Object.assign(Se.style,{position:"fixed",visibility:"hidden",pointerEvents:"none",whiteSpace:"nowrap",fontFamily:ue.fontFamily,fontSize:ue.fontSize,fontWeight:ue.fontWeight,lineHeight:ue.lineHeight}),document.body.append(Se);let ge=Number.parseFloat(ue.paddingLeft)+Number.parseFloat(ue.paddingRight)+Gt.iconSize+Gt.gap,at=Ht=>(Se.textContent=Ht,Math.ceil(ge+Se.getBoundingClientRect().width)),It={idle:at("Invite"),busy:at("Copying\u2026"),copied:at("Copied")};Se.remove(),Object.values(It).every(Ht=>Ht>ge)&&xe(It)};return ze(),document.fonts?.ready.then(ze),()=>{re=!1}},[t,s,a]),D(()=>{if(A==="copied"){let re=setTimeout(()=>{F(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches?"idle":"copied-out")},uu);return()=>clearTimeout(re)}if(A==="copied-out"){let re=setTimeout(()=>F("idle-in"),ja);return()=>clearTimeout(re)}if(A==="idle-in"){let re=setTimeout(()=>F("idle"),16);return()=>clearTimeout(re)}},[A]);let X=Ee[t],[we,Le]=z(),[U,ke]=z(),I=M(0),[C,W]=z(Date.now);D(()=>{if(!p.length)return;let re=setInterval(()=>W(Date.now()),3e4);return()=>clearInterval(re)},[p.length]);let[B,N]=z("idle"),Y=e.permission==="direct"?Nd:ia,Ae=!s&&!!o,ee=[...p].sort((re,ze)=>(ze.submittedAt??0)-(re.submittedAt??0)),qe=ee.flatMap($o),Q=new Set(m),Ne=async(re,ze)=>{if(!d)return;let ue=Ro(re,ze);w(!0),Le(ue),ke(void 0);try{await d(re,ze)}catch{I.current+=1,ke({key:ue,pulse:I.current})}finally{w(!1),Le(void 0)}};return y("div",{id:n,ref:x,role:o||a||d||u?"group":"tooltip","data-devtools":"peer-details","data-popmelt-font":"sans","data-popmelt-theme":t,style:{...Po(t),flexWrap:d||u?"wrap":void 0,...r},children:[l("style",{children:`
|
|
52
|
+
[data-devtools="peer-revoke"] { color: ${X.secondary}; }
|
|
53
|
+
[data-devtools="peer-revoke"]:not(:disabled):is(:hover, :focus-visible) { color: ${X.primary}; }
|
|
54
54
|
[data-devtools="peer-revoke-label"] {
|
|
55
55
|
max-width: 0;
|
|
56
56
|
opacity: 0;
|
|
@@ -66,12 +66,12 @@ ${t}`,[o,i]=A({linked:!1,error:"",key:""});return D(()=>{if(i({linked:!1,error:"
|
|
|
66
66
|
pointer-events: none;
|
|
67
67
|
}
|
|
68
68
|
[data-devtools="peer-details"][data-popmelt-theme="${t}"] :is([data-devtools="peer-permission"], [data-devtools="peer-invite"]):not(:disabled):is(:hover, :focus-visible, [aria-expanded="true"]) {
|
|
69
|
-
box-shadow: inset 0 0 0 100px ${
|
|
69
|
+
box-shadow: inset 0 0 0 100px ${X.softHairline};
|
|
70
70
|
}
|
|
71
|
-
[data-devtools="peer-review-list"] .popmelt-history-row { color: ${
|
|
72
|
-
[data-devtools="peer-review-list"] .popmelt-history-row time { color: ${
|
|
73
|
-
[data-devtools="peer-review-list"] .popmelt-history-row:is(:hover, :focus-visible) { color: ${
|
|
74
|
-
[data-devtools="peer-review-list"] .popmelt-history-row:is(:hover, :focus-visible) time { color: ${
|
|
71
|
+
[data-devtools="peer-review-list"] .popmelt-history-row { color: ${X.secondary}; font-size: 12px; }
|
|
72
|
+
[data-devtools="peer-review-list"] .popmelt-history-row time { color: ${X.muted}; }
|
|
73
|
+
[data-devtools="peer-review-list"] .popmelt-history-row:is(:hover, :focus-visible) { color: ${X.primary}; }
|
|
74
|
+
[data-devtools="peer-review-list"] .popmelt-history-row:is(:hover, :focus-visible) time { color: ${X.secondary}; }
|
|
75
75
|
[data-popmelt-peer-action-rejection="odd"] {
|
|
76
76
|
animation: popmelt-peer-action-rejection-odd 220ms ease-out;
|
|
77
77
|
}
|
|
@@ -82,10 +82,10 @@ ${t}`,[o,i]=A({linked:!1,error:"",key:""});return D(()=>{if(i({linked:!1,error:"
|
|
|
82
82
|
animation: popmelt-peer-action-spin 0.8s linear infinite;
|
|
83
83
|
}
|
|
84
84
|
@keyframes popmelt-peer-action-rejection-odd {
|
|
85
|
-
${
|
|
85
|
+
${_n}
|
|
86
86
|
}
|
|
87
87
|
@keyframes popmelt-peer-action-rejection-even {
|
|
88
|
-
${
|
|
88
|
+
${_n}
|
|
89
89
|
}
|
|
90
90
|
@keyframes popmelt-peer-action-spin {
|
|
91
91
|
to { transform: rotate(360deg); }
|
|
@@ -96,22 +96,22 @@ ${t}`,[o,i]=A({linked:!1,error:"",key:""});return D(()=>{if(i({linked:!1,error:"
|
|
|
96
96
|
[data-popmelt-peer-action-rejection] { animation: none !important; }
|
|
97
97
|
[data-popmelt-peer-action-spinner] { animation: none !important; }
|
|
98
98
|
}
|
|
99
|
-
`}),y("div",{style:{display:"flex",alignItems:"center",gap:6,flex:"1 1 auto",minWidth:0},children:[l(Yn,{shape:Kt(e),color:e.color??K.secondary,size:Yt.identitySize}),y("span",{style:{minWidth:0},children:[y("span",{style:{display:"flex",alignItems:"center",gap:6,minWidth:0},children:[l("span",{"data-devtools":"peer-name",style:{display:"block",fontWeight:600,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.identity.name}),!s&&e.lastActivityAt!==void 0&&l(ja,{at:e.lastActivityAt,theme:t,label:"Last plane activity"})]}),e.stagedCount!==void 0&&y("span",{"data-devtools":"peer-staged-count",style:{display:"block",fontSize:12,color:K.secondary,marginTop:3,whiteSpace:"nowrap"},children:[e.stagedCount," staged"," ",e.stagedCount===1?"change":"changes"]})]})]}),s&&a&&l("button",{ref:se,type:"button","data-devtools":"peer-invite",disabled:$==="busy","aria-live":"polite","aria-label":_===void 0?void 0:"Invitation copy failed; try again","data-popmelt-peer-action-rejection":_===void 0?void 0:_%2?"odd":"even",onClick:async()=>{de(void 0),F("busy");try{await a(),F("copied")}catch{me.current+=1,F("idle"),de(me.current)}},style:{...Ho(t),width:U?U[$==="busy"?"busy":$==="copied"||$==="copied-out"?"copied":"idle"]:void 0,boxSizing:"border-box",overflow:"hidden",gap:en.gap,padding:en.padding,borderRadius:en.radius,letterSpacing:"-0.01em",transition:`box-shadow 120ms ease, width ${uu}ms ease`,color:$==="busy"?K.muted:K.primary,cursor:$==="busy"?"default":"pointer"},children:y("span",{"data-popmelt-peer-invite-content":!0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"inherit",opacity:$==="copied-out"||$==="idle-in"?0:1,transition:`opacity ${Wa}ms ease`},children:[$==="busy"?l(Xn,{"data-popmelt-peer-action-spinner":!0,size:en.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):$==="copied"||$==="copied-out"?l(Tn,{size:en.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):l(Od,{size:en.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),$==="busy"?"Copying\u2026":$==="copied"||$==="copied-out"?"Copied":"Invite"]})}),(!s||e.identity.relationship!=="host")&&y("div",{style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},children:[y("button",{"data-devtools":"peer-permission",type:"button",disabled:!$e||T||e.permission==="blocked","aria-label":$e?L?.target==="permission"?"Permission update failed; try again":`${Lr[e.permission]} permissions; switch to ${e.permission==="direct"?"Suggest":"Edit"}`:void 0,"data-popmelt-peer-action-rejection":L?.target==="permission"?L.pulse%2?"odd":"even":void 0,onClick:()=>$e&&o&&void P("permission",()=>o(e.permission==="direct"?"approval-required":"direct")),style:{...Ho(t),gap:gn.gap,padding:gn.padding,borderRadius:gn.radius,letterSpacing:"-0.01em",transition:"box-shadow 120ms ease, opacity 120ms ease",color:T?K.muted:K.primary,cursor:!$e||T?"default":"pointer"},children:[S==="permission"?l(Xn,{"data-popmelt-peer-action-spinner":!0,size:gn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):l(Y,{size:gn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),Lr[e.permission]]}),!s&&i&&e.identity.relationship!=="host"&&y("button",{type:"button","data-devtools":"peer-revoke",ref:R,"aria-label":L?.target==="revoke"?`Could not remove ${e.identity.name}; try again`:`Remove ${e.identity.name} from session`,"data-popmelt-peer-action-rejection":L?.target==="revoke"?L.pulse%2?"odd":"even":void 0,disabled:T,onClick:()=>{j.current=!0,P("revoke",i)},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",width:tr.size,height:tr.size,padding:tr.padding,borderRadius:tr.radius,border:0,background:"transparent",flexShrink:0,fontFamily:St,fontSize:12,fontWeight:500,lineHeight:1.3,cursor:T?"default":"pointer"},children:[l("span",{"data-devtools":"peer-revoke-label","aria-hidden":"true",style:{position:"absolute",right:18,top:"50%",transform:"translateY(-50%)"},children:l("span",{style:{display:"block",paddingRight:3,whiteSpace:"nowrap"},children:"Remove?"})}),l(cu,{size:tr.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]}),u&&y("div",{style:{flexBasis:"100%"},children:[l("button",{type:"button",disabled:B==="busy",onClick:async()=>{N("busy");try{await u(),N("shared")}catch{N("error")}},style:{width:"100%",padding:"8px 12px",border:`1px solid ${K.border}`,borderRadius:Er.radius,background:"transparent",color:K.primary,font:"inherit",cursor:"pointer"},children:B==="busy"?"Requesting preview\u2026":B==="shared"?"Share my plane again":"Share my plane"}),B==="error"&&l("div",{role:"status",style:{fontSize:12,marginTop:6},children:"Preview unavailable. Your draft still works; sharing requires a supported browser and permission."})]}),d&&ee.length>0&&y("section",{"aria-label":"Suggestions awaiting review","data-devtools":"peer-review-list",style:{flexBasis:"100%",minWidth:0,display:"flex",flexDirection:"column",gap:12},children:[l("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px",color:K.secondary},children:"Awaiting review"}),l("div",{style:{display:"flex",flexDirection:"column",gap:8,maxHeight:216,overflowY:"auto",overflowX:"hidden",padding:"0 4px",margin:"0 -4px"},children:qe.map(({submission:re,annotation:Ae,key:ue})=>{let Se=m&&!Q.has(ue);return l("button",{type:"button",className:"popmelt-history-row","data-devtools":"peer-review-sent","data-submission-id":re.id,"data-annotation-id":Ae.id,"data-unread":Se?"true":void 0,disabled:T,"aria-label":`${Se?"New: ":""}View ${Ae.label} on the peer plane`,"aria-busy":we===ue,"data-popmelt-peer-action-rejection":G?.key===ue?G.pulse%2?"odd":"even":void 0,onClick:()=>{Ne(re.id,Ae.id)},onFocus:()=>c?.(Ae.id??null),onBlur:()=>c?.(null),style:{border:0,padding:0,background:"transparent",font:"inherit",cursor:T?"default":"pointer",...Ta},children:y("span",{style:Ea,children:[l("span",{"aria-hidden":"true",style:{width:6,flexShrink:0,alignSelf:"center",marginRight:-12},children:Se&&l("span",{"data-devtools":"peer-review-unread-dot",style:{display:"block",width:6,height:6,borderRadius:"50%",background:e.color??K.secondary}})}),l("span",{style:$a,children:Ae.label}),re.submittedAt!==void 0&&l("time",{dateTime:new Date(re.submittedAt).toISOString(),style:Aa,children:La(re.submittedAt,C)})]})},ue)})})]})]})}var Ba=e=>e instanceof Element?e.closest("[data-admission-request-id]")?.getAttribute("data-admission-request-id")??null:null;function hu(e,t,n){let r=M(e);r.current=e,Ze(()=>{let o=n?.current??window,i=null,a=!1,s=u=>{u.pointerType!=="touch"&&(i=u.type==="pointerover"?u.composedPath().map(Ba).find(Boolean)??null:Ba(u.relatedTarget))},d=u=>{if(!(u.code!=="Space"&&u.key!==" ")&&!(!a&&(u.type!=="keydown"||u.defaultPrevented||u.repeat||u.isComposing||u.metaKey||u.ctrlKey||u.altKey||u.shiftKey||!i||i!==r.current||!t.current?.isConnected||u.composedPath().some(p=>p instanceof Element&&(p.matches('input, textarea, select, [role="textbox"], [role="menuitem"], [data-admission-reject]')||p instanceof HTMLElement&&p.isContentEditable))))){if(u.preventDefault(),u.stopImmediatePropagation(),u.type==="keyup"){a=!1;return}a||(a=!0,t.current?.click())}},c=()=>{i=null,a=!1};return o.addEventListener("pointerover",s,!0),o.addEventListener("pointerout",s,!0),window.addEventListener("keydown",d,!0),window.addEventListener("keyup",d,!0),window.addEventListener("blur",c),()=>{o.removeEventListener("pointerover",s,!0),o.removeEventListener("pointerout",s,!0),window.removeEventListener("keydown",d,!0),window.removeEventListener("keyup",d,!0),window.removeEventListener("blur",c)}},[t,n])}var Da=260,jo=120;function Fa(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:Po.padding,height:Po.height,borderRadius:Po.radius,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:400,background:Ie[e].control,color:Ie[e].primary}}function Va(e){return No(e)}function Oo(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Pn.gap,padding:Pn.padding,borderRadius:Pn.radius,border:0,background:"transparent",color:Ie[e].primary,font:"inherit",fontWeight:500,cursor:"pointer",whiteSpace:"nowrap",flexShrink:0}}function mu({request:e,selected:t,dimmed:n=!1,onClick:r,theme:o,detailsId:i,onDetailsEnter:a,onDetailsLeave:s,onDetailsDismiss:d,onHoverChange:c}){let u=M(null);return D(()=>{let p=u.current;if(!p)return;let h=m=>{if(m.pointerType==="touch"||m.relatedTarget instanceof Node&&p.contains(m.relatedTarget))return;let v=m.type==="pointerover";c?.(v),v?a?.("pointer"):s?.(m.relatedTarget)};return p.addEventListener("pointerover",h),p.addEventListener("pointerout",h),p.addEventListener("pointercancel",h),()=>{p.removeEventListener("pointerover",h),p.removeEventListener("pointerout",h),p.removeEventListener("pointercancel",h)}},[a,s,c]),y("button",{ref:u,type:"button","data-devtools":"admission-chip","data-admission-request-id":e.id,"aria-label":`Access request from ${e.name}`,"aria-expanded":t,"aria-controls":t?i:void 0,onFocus:()=>a?.("focus"),onBlur:p=>s?.(p.relatedTarget),onKeyDown:p=>{p.key!=="Escape"||!t||(p.preventDefault(),p.stopPropagation(),d?.())},onClick:r,style:{width:To(Kt(e)),height:22,boxSizing:"border-box",padding:0,flexShrink:0,position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",background:"transparent",color:n?`color-mix(in srgb, #fff 20%, ${Ie[o].surface})`:"#fff",cursor:"pointer",border:0},children:[l(Yn,{shape:Kt(e),color:n&&e.color?`color-mix(in srgb, ${e.color} 20%, ${Ie[o].surface})`:e.color??"transparent",outline:t?Ie[o].primary:Ie[o].surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),l(Ud,{size:12,style:{width:12,height:12,position:"relative",flexShrink:0,pointerEvents:"none"},"aria-hidden":"true","data-popmelt-admission-wave":!0})]})}function gu({id:e,request:t,theme:n,onDecide:r,style:o,grantRef:i}){let[a,s]=A(!1),[d,c]=A(),u=M(0),p=M(!1),h=async m=>{if(!p.current){p.current=!0,s(!0),c(void 0);try{await r(t.id,m)}catch{u.current+=1,c({target:m,pulse:u.current})}finally{p.current=!1,s(!1)}}};return y("div",{id:e,role:"group","aria-label":`${t.name}'s access request`,"data-devtools":"admission-card","data-popmelt-font":"sans","data-popmelt-theme":n,style:{...Va(n),...o},children:[l("style",{children:`
|
|
99
|
+
`}),y("div",{style:{display:"flex",alignItems:"center",gap:6,flex:"1 1 auto",minWidth:0},children:[l(er,{shape:Yt(e),color:e.color??X.secondary,size:un.identitySize}),y("span",{style:{minWidth:0},children:[y("span",{style:{display:"flex",alignItems:"center",gap:6,minWidth:0},children:[l("span",{"data-devtools":"peer-name",style:{display:"block",fontWeight:600,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.identity.name}),!s&&e.lastActivityAt!==void 0&&l(Na,{at:e.lastActivityAt,theme:t,label:"Last plane activity"})]}),e.stagedCount!==void 0&&y("span",{"data-devtools":"peer-staged-count",style:{display:"block",fontSize:12,color:X.secondary,marginTop:3,whiteSpace:"nowrap"},children:[e.stagedCount," staged"," ",e.stagedCount===1?"change":"changes"]})]})]}),s&&a&&l("button",{ref:se,type:"button","data-devtools":"peer-invite",disabled:A==="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()=>{de(void 0),F("busy");try{await a(),F("copied")}catch{he.current+=1,F("idle"),de(he.current)}},style:{...Ki(t),width:J?J[A==="busy"?"busy":A==="copied"||A==="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 ${cu}ms ease`,color:A==="busy"?X.muted:X.primary,cursor:A==="busy"?"default":"pointer"},children:y("span",{"data-popmelt-peer-invite-content":!0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"inherit",opacity:A==="copied-out"||A==="idle-in"?0:1,transition:`opacity ${ja}ms ease`},children:[A==="busy"?l(Xn,{"data-popmelt-peer-action-spinner":!0,size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):A==="copied"||A==="copied-out"?l(Tn,{size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):l(jd,{size:Gt.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),A==="busy"?"Copying\u2026":A==="copied"||A==="copied-out"?"Copied":"Invite"]})}),(!s||e.identity.relationship!=="host")&&y("div",{style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},children:[y("button",{"data-devtools":"peer-permission",type:"button",disabled:!Ae||T||e.permission==="blocked","aria-label":Ae?L?.target==="permission"?"Permission update failed; try again":`${Lr[e.permission]} permissions; switch to ${e.permission==="direct"?"Suggest":"Edit"}`:void 0,"data-popmelt-peer-action-rejection":L?.target==="permission"?L.pulse%2?"odd":"even":void 0,onClick:()=>Ae&&o&&void P("permission",()=>o(e.permission==="direct"?"approval-required":"direct")),style:{...Ki(t),gap:Jn.gap,padding:Jn.padding,borderRadius:Jn.radius,letterSpacing:"-0.01em",transition:"box-shadow 120ms ease, opacity 120ms ease",color:T?X.muted:X.primary,cursor:!Ae||T?"default":"pointer"},children:[S==="permission"?l(Xn,{"data-popmelt-peer-action-spinner":!0,size:Jn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}):l(Y,{size:Jn.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),Lr[e.permission]]}),!s&&i&&e.identity.relationship!=="host"&&y("button",{type:"button","data-devtools":"peer-revoke",ref:$,"aria-label":L?.target==="revoke"?`Could not remove ${e.identity.name}; try again`:`Remove ${e.identity.name} from session`,"data-popmelt-peer-action-rejection":L?.target==="revoke"?L.pulse%2?"odd":"even":void 0,disabled:T,onClick:()=>{j.current=!0,P("revoke",i)},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",width:Kn.size,height:Kn.size,padding:Kn.padding,borderRadius:Kn.radius,border:0,background:"transparent",flexShrink:0,fontFamily:Et,fontSize:12,fontWeight:500,lineHeight:1.3,cursor:T?"default":"pointer"},children:[l("span",{"data-devtools":"peer-revoke-label","aria-hidden":"true",style:{position:"absolute",right:18,top:"50%",transform:"translateY(-50%)"},children:l("span",{style:{display:"block",paddingRight:3,whiteSpace:"nowrap"},children:"Remove?"})}),l(du,{size:Kn.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]}),u&&y("div",{style:{flexBasis:"100%"},children:[l("button",{type:"button",disabled:B==="busy",onClick:async()=>{N("busy");try{await u(),N("shared")}catch{N("error")}},style:{width:"100%",padding:"8px 12px",border:`1px solid ${X.border}`,borderRadius:fd.radius,background:"transparent",color:X.primary,font:"inherit",cursor:"pointer"},children:B==="busy"?"Requesting preview\u2026":B==="shared"?"Share my plane again":"Share my plane"}),B==="error"&&l("div",{role:"status",style:{fontSize:12,marginTop:6},children:"Preview unavailable. Your draft still works; sharing requires a supported browser and permission."})]}),d&&ee.length>0&&y("section",{"aria-label":"Suggestions awaiting review","data-devtools":"peer-review-list",style:{flexBasis:"100%",minWidth:0,display:"flex",flexDirection:"column",gap:12},children:[l("div",{style:{fontWeight:500,lineHeight:1,letterSpacing:"-0.14px",color:X.secondary},children:"Awaiting review"}),l("div",{style:{display:"flex",flexDirection:"column",gap:8,maxHeight:216,overflowY:"auto",overflowX:"hidden",padding:"0 4px",margin:"0 -4px"},children:qe.map(({submission:re,annotation:ze,key:ue})=>{let Se=h&&!Q.has(ue);return l("button",{type:"button",className:"popmelt-history-row","data-devtools":"peer-review-sent","data-submission-id":re.id,"data-annotation-id":ze.id,"data-unread":Se?"true":void 0,disabled:T,"aria-label":`${Se?"New: ":""}View ${ze.label} on the peer plane`,"aria-busy":we===ue,"data-popmelt-peer-action-rejection":U?.key===ue?U.pulse%2?"odd":"even":void 0,onClick:()=>{Ne(re.id,ze.id)},onFocus:()=>c?.(ze.id??null),onBlur:()=>c?.(null),style:{border:0,padding:0,background:"transparent",font:"inherit",cursor:T?"default":"pointer",...La},children:y("span",{style:Ta,children:[l("span",{"aria-hidden":"true",style:{width:6,flexShrink:0,alignSelf:"center",marginRight:-12},children:Se&&l("span",{"data-devtools":"peer-review-unread-dot",style:{display:"block",width:6,height:6,borderRadius:"50%",background:e.color??X.secondary}})}),l("span",{style:Ea,children:ze.label}),re.submittedAt!==void 0&&l("time",{dateTime:new Date(re.submittedAt).toISOString(),style:Aa,children:Ma(re.submittedAt,C)})]})},ue)})})]})]})}var Oa=e=>e instanceof Element?e.closest("[data-admission-request-id]")?.getAttribute("data-admission-request-id")??null:null;function fu(e,t,n){let r=M(e);r.current=e,_e(()=>{let o=n?.current??window,i=null,a=!1,s=u=>{u.pointerType!=="touch"&&(i=u.type==="pointerover"?u.composedPath().map(Oa).find(Boolean)??null:Oa(u.relatedTarget))},d=u=>{if(!(u.code!=="Space"&&u.key!==" ")&&!(!a&&(u.type!=="keydown"||u.defaultPrevented||u.repeat||u.isComposing||u.metaKey||u.ctrlKey||u.altKey||u.shiftKey||!i||i!==r.current||!t.current?.isConnected||u.composedPath().some(p=>p instanceof Element&&(p.matches('input, textarea, select, [role="textbox"], [role="menuitem"], [data-admission-reject]')||p instanceof HTMLElement&&p.isContentEditable))))){if(u.preventDefault(),u.stopImmediatePropagation(),u.type==="keyup"){a=!1;return}a||(a=!0,t.current?.click())}},c=()=>{i=null,a=!1};return o.addEventListener("pointerover",s,!0),o.addEventListener("pointerout",s,!0),window.addEventListener("keydown",d,!0),window.addEventListener("keyup",d,!0),window.addEventListener("blur",c),()=>{o.removeEventListener("pointerover",s,!0),o.removeEventListener("pointerout",s,!0),window.removeEventListener("keydown",d,!0),window.removeEventListener("keyup",d,!0),window.removeEventListener("blur",c)}},[t,n])}var Wa=260,Ho=120;function Ba(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:yo.padding,height:yo.height,borderRadius:yo.radius,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:400,background:Ee[e].control,color:Ee[e].primary}}function Da(e){return Po(e)}function No(e){return{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:In.gap,padding:In.padding,borderRadius:In.radius,border:0,background:"transparent",color:Ee[e].primary,font:"inherit",fontWeight:500,cursor:"pointer",whiteSpace:"nowrap",flexShrink:0}}function mu({request:e,selected:t,dimmed:n=!1,onClick:r,theme:o,detailsId:i,onDetailsEnter:a,onDetailsLeave:s,onDetailsDismiss:d,onHoverChange:c}){let u=M(null);return D(()=>{let p=u.current;if(!p)return;let m=h=>{if(h.pointerType==="touch"||h.relatedTarget instanceof Node&&p.contains(h.relatedTarget))return;let v=h.type==="pointerover";c?.(v),v?a?.("pointer"):s?.(h.relatedTarget)};return p.addEventListener("pointerover",m),p.addEventListener("pointerout",m),p.addEventListener("pointercancel",m),()=>{p.removeEventListener("pointerover",m),p.removeEventListener("pointerout",m),p.removeEventListener("pointercancel",m)}},[a,s,c]),y("button",{ref:u,type:"button","data-devtools":"admission-chip","data-admission-request-id":e.id,"aria-label":`Access request from ${e.name}`,"aria-expanded":t,"aria-controls":t?i:void 0,onFocus:()=>a?.("focus"),onBlur:p=>s?.(p.relatedTarget),onKeyDown:p=>{p.key!=="Escape"||!t||(p.preventDefault(),p.stopPropagation(),d?.())},onClick:r,style:{width:To(Yt(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%, ${Ee[o].surface})`:"#fff",cursor:"pointer",border:0},children:[l(er,{shape:Yt(e),color:n&&e.color?`color-mix(in srgb, ${e.color} 20%, ${Ee[o].surface})`:e.color??"transparent",outline:t?Ee[o].primary:Ee[o].surface,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",maxWidth:"none"}}),l(qd,{size:12,style:{width:12,height:12,position:"relative",flexShrink:0,pointerEvents:"none"},"aria-hidden":"true","data-popmelt-admission-wave":!0})]})}function hu({id:e,request:t,theme:n,onDecide:r,style:o,grantRef:i}){let[a,s]=z(!1),[d,c]=z(),u=M(0),p=M(!1),m=async h=>{if(!p.current){p.current=!0,s(!0),c(void 0);try{await r(t.id,h)}catch{u.current+=1,c({target:h,pulse:u.current})}finally{p.current=!1,s(!1)}}};return y("div",{id:e,role:"group","aria-label":`${t.name}'s access request`,"data-devtools":"admission-card","data-popmelt-font":"sans","data-popmelt-theme":n,style:{...Da(n),...o},children:[l("style",{children:`
|
|
100
100
|
[data-devtools="admission-card"][data-popmelt-theme="${n}"] [data-admission-reject] {
|
|
101
|
-
color: ${
|
|
101
|
+
color: ${Ee[n].mutedStrong};
|
|
102
102
|
transition: color 120ms ease;
|
|
103
103
|
}
|
|
104
104
|
[data-devtools="admission-card"][data-popmelt-theme="${n}"] [data-admission-reject]:not(:disabled):is(:hover, :focus-visible) {
|
|
105
|
-
color: ${
|
|
105
|
+
color: ${Ee[n].primary};
|
|
106
106
|
}
|
|
107
107
|
[data-admission-invite] {
|
|
108
|
-
transition: opacity ${
|
|
108
|
+
transition: opacity ${Ho}ms ease;
|
|
109
109
|
}
|
|
110
110
|
[data-admission-reject-label] {
|
|
111
111
|
max-width: 0;
|
|
112
112
|
opacity: 0;
|
|
113
113
|
overflow: hidden;
|
|
114
|
-
transition: max-width 160ms ease, opacity ${
|
|
114
|
+
transition: max-width 160ms ease, opacity ${Ho}ms ease;
|
|
115
115
|
}
|
|
116
116
|
[data-admission-reject]:not(:disabled):is(:hover, :focus-visible) [data-admission-reject-label] {
|
|
117
117
|
max-width: 54px;
|
|
@@ -128,10 +128,10 @@ ${t}`,[o,i]=A({linked:!1,error:"",key:""});return D(()=>{if(i({linked:!1,error:"
|
|
|
128
128
|
animation: popmelt-admission-decision-rejection-even 220ms ease-out;
|
|
129
129
|
}
|
|
130
130
|
@keyframes popmelt-admission-decision-rejection-odd {
|
|
131
|
-
${
|
|
131
|
+
${_n}
|
|
132
132
|
}
|
|
133
133
|
@keyframes popmelt-admission-decision-rejection-even {
|
|
134
|
-
${
|
|
134
|
+
${_n}
|
|
135
135
|
}
|
|
136
136
|
@keyframes popmelt-admission-invite-label-out {
|
|
137
137
|
0%, 30% {
|
|
@@ -187,7 +187,7 @@ ${t}`,[o,i]=A({linked:!1,error:"",key:""});return D(()=>{if(i({linked:!1,error:"
|
|
|
187
187
|
[data-popmelt-admission-updating-dot] { animation: none; opacity: 1; }
|
|
188
188
|
[data-popmelt-admission-decision-rejection] { animation: none !important; }
|
|
189
189
|
}
|
|
190
|
-
`}),y("div",{style:{display:"flex",alignItems:"center",gap:6,flex:1,minWidth:0},children:[l(
|
|
190
|
+
`}),y("div",{style:{display:"flex",alignItems:"center",gap:6,flex:1,minWidth:0},children:[l(er,{"data-popmelt-request-avatar":!0,shape:Yt(t),color:t.color??"transparent",size:un.identitySize}),l("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontWeight:600},children:t.name}),l(Na,{at:t.createdAt,theme:n,label:"Requested"})]}),y("div",{style:{display:"flex",gap:0,position:"relative"},children:[y("button",{ref:i,type:"button",disabled:a,"data-admission-invite":!0,"data-popmelt-admission-decision-rejection":d?.target==="grant"?d.pulse%2?"odd":"even":void 0,"aria-keyshortcuts":"Space","aria-label":a?"Updating\u2026":d?.target==="grant"?"Invite failed; try again":"Invite",style:{...No(n),position:"relative",boxSizing:"border-box",overflow:"hidden"},onClick:()=>{m("grant")},children:[l("kbd",{"aria-hidden":"true","data-popmelt-admission-invite-shortcut":!0,style:{...Ba(n),opacity:a?0:1,transition:`opacity ${Ho}ms ease`},children:"space"}),l("span",{"aria-hidden":"true","data-popmelt-admission-invite-label":!0,style:{fontSize:12,opacity:a?0:1,transform:a?"translateX(10px)":"translateX(0)",animation:a?`popmelt-admission-invite-label-out ${Wa}ms ease both`:void 0},children:"to invite"}),a&&y("span",{"aria-hidden":"true","data-popmelt-admission-updating-label":!0,style:{position:"absolute",top:"50%",right:8,fontSize:12,opacity:1,transform:"translate(0, -50%)",animation:`popmelt-admission-updating-label-in ${Wa}ms ease 40ms both`},children:["Updating",y("span",{"aria-hidden":"true","data-popmelt-admission-updating-dots":!0,style:{display:"inline-block"},children:[l("span",{"data-popmelt-admission-updating-dot":"1",children:"."}),l("span",{"data-popmelt-admission-updating-dot":"2",children:"."}),l("span",{"data-popmelt-admission-updating-dot":"3",children:"."})]})]})]}),y("button",{type:"button",disabled:a,"aria-label":d?.target==="decline"?"Decline request failed; try again":"Decline request","data-admission-reject":!0,"data-popmelt-admission-decision-rejection":d?.target==="decline"?d.pulse%2?"odd":"even":void 0,style:{...No(n),color:void 0,position:"relative"},onClick:()=>{m("decline")},children:[l("span",{"data-admission-reject-label":!0,"aria-hidden":"true",style:{position:"absolute",right:20,top:"50%",transform:"translateY(-50%)"},children:l("span",{style:{display:"block",paddingRight:4,whiteSpace:"nowrap"},children:"Decline?"})}),l(oa,{size:In.iconSize,strokeWidth:1.5,"aria-hidden":"true",style:{flexShrink:0}})]})]})]})}var Fa=`
|
|
191
191
|
[data-popmelt-admission-wave] {
|
|
192
192
|
transform-box: fill-box;
|
|
193
193
|
transform-origin: 70% 85%;
|
|
@@ -205,8 +205,8 @@ ${t}`,[o,i]=A({linked:!1,error:"",key:""});return D(()=>{if(i({linked:!1,error:"
|
|
|
205
205
|
60% { transform: rotate(12deg); }
|
|
206
206
|
80% { transform: rotate(-6deg); }
|
|
207
207
|
}
|
|
208
|
-
`,Wo=xo(null),_a=xo(void 0);function yu({onJoin:e,theme:t,style:n,capturePreview:r=!0}){let o=Gn(),i=Gn(),[a,s]=A(""),[d,c]=A(!1),[u,p]=A(!0),[h,m]=A(!1),v=Ie[t];return y("form",{"data-devtools":"peer-join","data-popmelt-font":"sans","data-popmelt-theme":t,"aria-label":"Join the canvas",onSubmit:async x=>{if(x.preventDefault(),!(d||!a.trim())){c(!0),m(!1);try{await e(a.trim(),{sharePreview:r&&u})}catch{m(!0)}finally{c(!1)}}},style:{...No(t),display:"block",...n},children:[l("label",{htmlFor:o,style:{display:"block",fontWeight:600,marginBottom:8},children:"Join the canvas"}),l("input",{id:o,name:"peer-name","aria-label":"Your name",autoComplete:"nickname",maxLength:48,required:!0,disabled:d,value:a,placeholder:"Your name","aria-describedby":h?i:void 0,onChange:x=>s(x.target.value),style:{width:"100%",boxSizing:"border-box",padding:"8px 10px",border:`1px solid ${v.border}`,borderRadius:Pn.radius,background:"transparent",color:v.primary,font:"inherit"}}),l("p",{title:Lo["approval-required"],style:{fontSize:12,color:v.secondary,margin:"8px 0"},children:"Suggest \xB7 Explore freely. The host approves code changes."}),r&&y(Le,{children:[y("label",{style:{display:"flex",gap:8,alignItems:"center",margin:"12px 0 4px"},children:[l("input",{type:"checkbox",name:"share-preview",checked:u,disabled:d,onChange:x=>p(x.target.checked)}),"Share my plane"]}),l("p",{style:{fontSize:12,color:v.secondary,margin:"0 0 12px"},children:"Allow peers to preview this tab. Your browser will ask for permission; you can still join if you decline."})]}),l("button",{type:"submit",disabled:d||!a.trim(),style:{width:"100%",padding:"8px 12px",border:0,borderRadius:Pn.radius,background:v.primary,color:v.surface,font:"inherit",cursor:"pointer"},children:d?"Joining\u2026":"Join"}),h&&l("p",{id:i,role:"alert",style:{margin:"8px 0 0",fontSize:12},children:"Could not join. Check the connection or ask the host for a fresh invitation."})]})}var Za=xo(null);function qa(e){return JSON.stringify(e.map(t=>{if(!t.linkedSelector)return t;let{points:n,linkedAnchor:r,...o}=t;return o}))}function bu(e,t,n,r,o,i=!0){let a=M(null),s=M(null),d=M(null),c=M(null),u=M(null);D(()=>{i&&localStorage.removeItem(o.inspected)},[i,o.inspected]),D(()=>{if(!i||!r.current)return;let p=qa(t.annotations);p!==a.current&&(a.current=p,localStorage.setItem(o.annotations,JSON.stringify(t.annotations)))},[i,t.annotations,r,o]),D(()=>{if(!i)return;let p=h=>{if(r.current)try{let m=h.newValue?JSON.parse(h.newValue):[];if(!Array.isArray(m))return;if(h.key===o.annotations){let x=qa(m);if(x===a.current)return;a.current=x,n({type:"SYNC_ANNOTATIONS",payload:{annotations:m}});return}let v=JSON.stringify(m);if(h.key===o.styleMods){if(v===s.current)return;s.current=v,n({type:"RESTORE_STYLE_MODIFICATIONS",payload:m})}else if(h.key===o.textMods){if(v===d.current)return;d.current=v,n({type:"RESTORE_TEXT_MODIFICATIONS",payload:m})}else if(h.key===o.domMods){if(v===c.current)return;c.current=v,n({type:"RESTORE_DOM_MODIFICATIONS",payload:m})}else if(h.key===o.spacingChanges){if(v===u.current)return;u.current=v,n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:m})}}catch{}};return window.addEventListener("storage",p),()=>window.removeEventListener("storage",p)},[i,n,r,o]),D(()=>{if(!i||!r.current)return;localStorage.setItem(o.expanded,String(e)),localStorage.setItem(o.color,t.activeColor);let p=(h,m,v)=>{let x=JSON.stringify(m);x!==v.current&&(v.current=x,localStorage.setItem(h,x))};p(o.styleMods,t.styleModifications,s),p(o.textMods,t.textModifications,d),p(o.domMods,t.domModifications,c),p(o.spacingChanges,t.spacingTokenChanges,u),localStorage.setItem(o.stroke,String(t.strokeWidth))},[i,e,t.styleModifications,t.textModifications,t.domModifications,t.spacingTokenChanges,t.activeColor,t.strokeWidth,r,o])}function Ua(e){let t=M(e);D(()=>t.current(),[])}function vu(e){let t=n=>{if(n.ctrlKey||n.defaultPrevented)return;let r=Math.abs(n.deltaX)>Math.abs(n.deltaY),o=r?n.deltaX:n.deltaY;if(o){for(let i of n.composedPath()){if(i instanceof HTMLElement){let a=getComputedStyle(i),s=r?a.overflowX:a.overflowY,d=r?i.scrollLeft:i.scrollTop,c=r?i.scrollWidth-i.clientWidth:i.scrollHeight-i.clientHeight;if(/^(auto|scroll|overlay)$/.test(s)&&c>0){if(o<0?d>0:d<c-1)return;let u=r?a.overscrollBehaviorX:a.overscrollBehaviorY;if(u==="contain"||u==="none")break}}if(i===e)break}n.preventDefault()}};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)}var xu="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMic+PGRlZnM+PHBhdHRlcm4gaWQ9J2QnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnPjxwYXRoIGQ9J00tMSwxIGwyLC0yIE0wLDQgbDQsLTQgTTMsNSBsMiwtMicgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScuNScvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSd1cmwoI2QpJy8+PC9zdmc+",wu={borderWidth:3,borderStyle:"solid",borderImage:`url("${xu}") 4 / 1.9 / 0 round`};function $r(e){let t=new Set,n=new Map;for(let i of e){if(!i.linkedSelector)continue;let a=n.get(i.linkedSelector)||[];a.push(i),n.set(i.linkedSelector,a)}let r=new Set,o=new Set;for(let i of n.values()){if(i.length<=1){i[0]?.groupId&&o.add(i[0].groupId);continue}i.sort((s,d)=>d.timestamp-s.timestamp);let a=i[0];a.groupId&&o.add(a.groupId);for(let s=1;s<i.length;s++){let d=i[s];t.add(d),d.groupId&&r.add(d.groupId)}}for(let i of e)i.groupId&&r.has(i.groupId)&&!o.has(i.groupId)&&t.add(i);return t}function Ar(e){let t=e.trim().toLowerCase(),n=t.match(/oklch\(\s*([\d.]+%?)/);if(n){let i=n[1];return i.endsWith("%")?parseFloat(i)/100:parseFloat(i)}let r=t.match(/rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/);if(r){let[i,a,s]=[parseInt(r[1],10),parseInt(r[2],10),parseInt(r[3],10)];return(.2126*i+.7152*a+.0722*s)/255}let o=t.match(/hsla?\(\s*[\d.]+[,\s]+[\d.]+%?[,\s]+([\d.]+)%?/);if(o)return parseFloat(o[1])/100;if(t.startsWith("#")){let i=t.slice(1);(i.length===3||i.length===4)&&(i=i[0]+i[0]+i[1]+i[1]+i[2]+i[2]);let a=parseInt(i.slice(0,2),16),s=parseInt(i.slice(2,4),16),d=parseInt(i.slice(4,6),16);if(!isNaN(a))return(.2126*a+.7152*s+.0722*d)/255}return null}function Cu(e){return(t,n)=>{let r=Ar(t[1]),o=Ar(n[1]);return r!==null&&o!==null?r-o:t[0].localeCompare(n[0])}}function ku(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 Su(e){let t=new Map;for(let o of e){let i=ku(o[0]),a=t.get(i);a||(a=[],t.set(i,a)),a.push(o)}let n=Cu();for(let o of t.values())o.sort(n);let r=[...t.entries()];return r.sort((o,i)=>{let a=Ar(o[1][0][1])??0,s=Ar(i[1][0][1])??0;return a-s}),r}function Iu(e){return e<=1?"zero":e<=4?"low":e<=7?"medium":"high"}var Ja=new Set(["expresses"]),Bo={project:0,route:1,selector:2,component:3,file:4};function Mu(e){return`${e.scope.kind}:${[...e.scope.values].sort().join("|")||"*"}`}function Lu(e){return e.scope.kind==="project"&&e.scope.values.length===0?"Project":e.scope.values.join(", ")||e.scope.kind}function Ga(e,t){let n=e.kind==="intention"?5:e.kind==="principle"?4:1,r=4-Bo[e.scope.kind];return n+r+Math.min(3,t)*3+Math.min(2,e.evidenceCount/3)}function Tu(e){return e.scope.kind==="project"||e.kind==="principle"||e.kind==="intention"&&e.evidenceCount>=2}function nr(e,t,n){return[...e].sort((r,o)=>{let i=t.get(r),a=t.get(o);return Ga(a,n.get(o)?.length??0)-Ga(i,n.get(r)?.length??0)||a.updatedAt.localeCompare(i.updatedAt)})}function Eu(e){let t=e.explanations.filter(w=>w.state!=="retired"),n=new Map(t.map(w=>[w.id,w])),r=t.filter(w=>w.state!=="challenged"),o=new Set(r.map(w=>w.id)),i=new Map,a=new Map,s=new Set;for(let w of t)for(let S of w.relations){if(!Ja.has(S.type))continue;let H=S.direction==="outgoing"?w.id:S.explanationId,L=S.direction==="outgoing"?S.explanationId:w.id,k=`${H}:${L}`;s.has(k)||!o.has(H)||!o.has(L)||(s.add(k),i.set(L,new Set([...i.get(L)??[],H])),a.set(H,new Set([...a.get(H)??[],L])))}let d=new Map,c=new Map;for(let[w,S]of i)d.set(w,nr(S,n,d));for(let[w,S]of a)c.set(w,nr(S,n,d));let u=nr(r.flatMap(w=>(c.get(w.id)?.length??0)>0?[]:(d.get(w.id)?.length??0)>0||Tu(w)?[w.id]:[]),n,d),p=new Set,h=w=>{if(!p.has(w)){p.add(w);for(let S of d.get(w)??[])h(S)}};u.forEach(h);let m=new Map;for(let w of u){let S=n.get(w),H=Mu(S),L=m.get(H);L?L.rootIds.push(w):m.set(H,{id:H,label:Lu(S),scopeKind:S.scope.kind,rootIds:[w]})}let v=[...m.values()].sort((w,S)=>Bo[w.scopeKind]-Bo[S.scopeKind]||w.label.localeCompare(S.label)),x=nr(r.flatMap(w=>p.has(w.id)?[]:[w.id]),n,d),T=nr(t.flatMap(w=>w.state==="challenged"?[w.id]:[]),n,d);return{explanationsById:n,childrenById:d,parentIdsById:c,sections:v,unplacedIds:x,challengedIds:T}}function $u(e,t){let n=new Set([...e.explanationsById.values()].flatMap(a=>t(a)?[a.id]:[])),r=new Set(n),o=[...n];for(;o.length;){let a=o.pop();for(let s of e.parentIdsById.get(a)??[])r.has(s)||(r.add(s),o.push(s))}let i=a=>new Map([...a].flatMap(([s,d])=>r.has(s)?[[s,d.filter(c=>r.has(c))]]:[]));return{explanationsById:e.explanationsById,childrenById:i(e.childrenById),parentIdsById:i(e.parentIdsById),sections:e.sections.flatMap(a=>{let s=a.rootIds.filter(d=>r.has(d));return s.length?[{...a,rootIds:s}]:[]}),unplacedIds:e.unplacedIds.filter(a=>n.has(a)),challengedIds:e.challengedIds.filter(a=>n.has(a))}}function Au(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 Ja.has(e.type)}var Ru=/^#[0-9a-fA-F]{3,8}$/,Pu=/^(?:rgba?|hsla?|oklch)\([^)]+\)$/,Hu=new Set(["black","white","red","blue","green","yellow","orange","purple","pink","gray","grey","cyan","magenta","brown","navy","teal","maroon","olive","silver","aqua","fuchsia","lime"]),Nu=/^-?\d+(\.\d+)?(px|rem|em|%)$/;function Xa(e){let t=e.trim();return Ru.test(t)||Pu.test(t)||Hu.has(t.toLowerCase())}function ju(e){return Nu.test(e.trim())}function Ou(e){let t=e.trim().match(/^(-?\d+(?:\.\d+)?)px$/);return t?parseFloat(t[1]):null}function Do(e,t=""){if(e==null)return[];if(typeof e!="object")return[[t,String(e)]];if(Array.isArray(e))return[[t,e.map(String).join(", ")]];let n=[];for(let[r,o]of Object.entries(e)){let i=t?`${t}.${r}`:r;if(o!==null&&typeof o=="object"&&!Array.isArray(o)){let a=o;typeof a.value=="string"?n.push([i,a.value]):n.push(...Do(o,i))}else n.push([i,Array.isArray(o)?o.map(String).join(", "):String(o??"")])}return n}function Wu(e){return e.length===0?"generic":e.filter(([,t])=>Xa(t)).length>e.length/2?"colors":e.filter(([,t])=>ju(t)).length>e.length/2?"spacing":"generic"}var Bu={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 Du({varName:e,value:t,reference:n}){return l("div",{title:n?`${e} \u2192 ${n}
|
|
209
|
-
${t}`:`${e}: ${t}`,style:{width:28,height:28,backgroundColor:t,outline:"1px solid var(--popmelt-library-hairline)",outlineOffset:-1,position:"relative"},children:n&&l(ko,{size:10,strokeWidth:2.5,style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:"white",filter:"drop-shadow(0 0 1px rgba(0,0,0,0.5))"}})})}function Fu({entries:e,references:t}){let n=[],r=[];for(let i of e)Xa(i[1])?n.push(i):r.push(i);let o=Su(n);return y(Le,{children:[o.map(([i,a])=>y("div",{style:{marginBottom:4},children:[y("div",{style:{fontSize:10,color:"var(--popmelt-library-muted)",marginBottom:2},children:[i,a.length>1?` (${a.length})`:""]}),l("div",{style:{display:"flex",flexWrap:"wrap",gap:2},children:a.map(([s,d])=>l(Du,{varName:s,value:d,reference:t[s]},s))})]},i)),r.length>0&&l(Fo,{entries:r})]})}var zr=[0,1,2,4,8,12,16,20,24,28,32];function Vu(e){if(e<=32){let t=zr[0],n=Math.abs(e-t);for(let r=1;r<zr.length;r++){let o=Math.abs(e-zr[r]);o<n&&(t=zr[r],n=o)}return t}return Math.round(e/8)*8}function Qu({label:e,value:t,px:n,tokenPath:r,rawToken:o,onHover:i,onModify:a,onDelete:s}){let[d,c]=A(!1),[u,p]=A(null),h=M(!1),m=M(0),v=M(0),x=M([]),T=u!==null?u:n,w=u!==null?`${u}px`:t,S=u!==null,H=ie(k=>{k.preventDefault(),h.current=!0,m.current=k.clientX,v.current=n;let E=mo(o);x.current=hd(E);let R=P=>{let $=P.clientX-m.current,F=Math.max(0,Math.round(v.current+$));P.shiftKey&&(F=Vu(F));for(let _ of x.current)_.element.style.setProperty(_.property,F+"px","important");p(F),i?.({name:e,px:F,token:E})},j=()=>{window.removeEventListener("mousemove",R),window.removeEventListener("mouseup",j),document.body.style.cursor="",h.current=!1,p(P=>{if(P!==null&&P!==n&&a){let $=mo(o),F=$.bindings&&$.bindings.length>0,_;if(F){let U=qi($.bindings,v.current,P);_=JSON.stringify({...$,value:`${P}px`,bindings:U})}else{let U=md(x.current,v.current),xe=gd(x.current);if(U.length>0){let K=qi(U,v.current,P);_=JSON.stringify({value:`${P}px`,property:xe,bindings:K})}else _=`${P}px`}let de=typeof o=="string"?o:JSON.stringify(o),me=x.current.map(U=>({selector:bd(U.element),property:U.property})),se=yd(x.current,v.current,P);a({tokenPath:r,originalValue:de,currentValue:_,targets:me,originalPx:v.current,currentPx:P},{id:Math.random().toString(36).substring(2,9),tokenPath:r,tokenName:e,originalPx:v.current,newPx:P,affectedElements:se})}return P})};document.body.style.cursor="ew-resize",window.addEventListener("mousemove",R),window.addEventListener("mouseup",j)},[n,e,r,o,i,a]),L=mo(o);return y("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:11,padding:"1px 0",cursor:"ew-resize",userSelect:"none"},onMouseEnter:()=>{h.current||(c(!0),i?.({name:e,px:T,token:L}))},onMouseLeave:()=>{h.current||(c(!1),i?.(null))},onMouseDown:H,children:[l("span",{style:{color:d||S?"#FF0000":"var(--popmelt-library-muted)"},children:e}),y("span",{style:{display:"flex",alignItems:"center",gap:4},children:[l("span",{style:{color:d||S?"#FF0000":"var(--popmelt-library-secondary)",fontWeight:600},children:w}),s&&d&&!S&&l("button",{type:"button",title:"Remove token",onMouseDown:k=>{k.stopPropagation();let E=typeof o=="string"?o:JSON.stringify(o);s(r,E)},style:{border:"none",background:"none",cursor:"pointer",padding:0,fontSize:10,lineHeight:1,color:"var(--popmelt-library-muted)"},onMouseEnter:k=>{k.currentTarget.style.color="#FF0000"},onMouseLeave:k=>{k.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]})]})}function _u({entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}){let a=[],s=[];for(let d of e){let c=Ou(d[1]);c!==null?a.push([d[0],d[1],c]):s.push(d)}return y(Le,{children:[a.length>0&&l("div",{style:{display:"flex",flexDirection:"column",gap:2},children:a.map(([d,c,u])=>{let p=d.split(".").pop(),h=n?Zu(n,d):c,m=h&&typeof h=="object"&&"value"in h?h:c;return l(Qu,{label:p,value:c,px:u,tokenPath:`tokens.${t}.${d}`,rawToken:m,onHover:r,onModify:o,onDelete:i},d)})}),s.length>0&&l(Fo,{entries:s})]})}function Zu(e,t){let n=t.split("."),r=e;for(let o of n){if(r==null||typeof r!="object")return;r=r[o]}return r}function Fo({entries:e}){return l("div",{style:{display:"flex",flexDirection:"column",gap:3},children:e.map(([t,n])=>y("div",{style:{fontSize:11},children:[l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:10,marginBottom:1},children:t}),l("div",{style:{color:"var(--popmelt-library-primary)",lineHeight:1.4,paddingLeft:8},children:n})]},t))})}function Ka({entries:e,categoryKey:t,rawTokens:n,onSpacingHover:r,onModifyToken:o,onDeleteToken:i}){let a=Wu(e);return a==="colors"?l(Fu,{entries:e,references:{}}):a==="spacing"?l(_u,{entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}):l(Fo,{entries:e})}function qu(e){let t=e.toLowerCase(),n=null,r=document.createTreeWalker(document.body,NodeFilter.SHOW_ELEMENT,{acceptNode(i){return i.closest("#devtools-toolbar, #devtools-canvas, #devtools-scrim, [data-popmelt-panel]")?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),o=r.currentNode;for(;o=r.nextNode();){let i=o,a=Object.keys(i).find(d=>d.startsWith("__reactFiber$")||d.startsWith("__reactInternalInstance$"));if(!a)continue;let s=i[a];for(;s;){let d=s.type,c=typeof d=="function"||typeof d=="object"?d?.displayName||d?.name:null;if(typeof c=="string"){let u=c.toLowerCase();if(u===t){let p={...s.memoizedProps};return delete p.ref,{type:d,props:p}}if(!n){if(u.length>=4&&t.includes(u)){let p={...s.memoizedProps};delete p.ref,n={type:d,props:p}}else if(t.length>=4&&u.includes(t)){let p={...s.memoizedProps};delete p.ref,n={type:d,props:p}}}}s=s.return}}return n}var Uu=class extends Sd{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 Ju({tokens:e,onSpacingHover:t,onModifyToken:n,onDeleteToken:r}){return!e||Object.keys(e).length===0?l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"No projected tokens yet."}):l("div",{style:{display:"flex",flexDirection:"column",gap:12},children:Object.entries(e).map(([o,i])=>{let a=Do(i);return y("section",{children:[l("div",{style:{color:"var(--popmelt-library-secondary)",fontSize:10,fontWeight:700,letterSpacing:"0.05em",marginBottom:6,textTransform:"uppercase"},children:o}),l(Ka,{entries:a,categoryKey:o,rawTokens:i,onSpacingHover:t,onModifyToken:n,onDeleteToken:r})]},o)})})}function Gu({name:e,value:t,selected:n,highlighted:r,onRemove:o,onHover:i}){let[a,s]=A(!1),[d,c]=A(!1),u=M(null),p=M(0),[h,m]=A(0),[v,x]=A(0),T=Do(t),w=T.find(([P])=>P==="description")?.[1];D(()=>{if(!d&&!r){m(0),x(0),p.current=0;return}let P=Zi(e);m(P.length)},[d,r,e]),D(()=>{n&&u.current&&u.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[n]);let S=n||r||d,H=n?"139,92,246":"34,197,94",L=n?"#8b5cf6":"#22c55e",k=S?`rgba(${H},0.06)`:void 0,E=S?`inset 0 0 0 1.5px rgba(${H},0.35)`:void 0,R=r||d,j=ie(()=>{let P=Zi(e);if(P.length===0)return;let $=p.current%P.length;P[$].rootElement.scrollIntoView({behavior:"smooth",block:"center"}),x($),p.current=$+1,i?.({name:e,instanceIndex:$})},[e,i]);return y("div",{ref:u,onClick:j,onMouseEnter:()=>{c(!0),i?.({name:e,instanceIndex:0})},onMouseLeave:()=>{c(!1),i?.(null)},style:{marginBottom:8,background:k,padding:6,boxShadow:E,cursor:"pointer"},children:[y("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[y("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:6},children:[l("div",{style:{fontWeight:700,fontSize:11,letterSpacing:"0.05em",padding:"2px 6px",backgroundColor:R?L:"transparent",color:R?"#fff":"var(--popmelt-library-secondary)"},children:e}),R&&h>1&&y("span",{style:{fontSize:10,fontWeight:600,color:"var(--popmelt-library-muted)"},children:[v+1,"/",h]})]}),o&&d&&l("button",{type:"button",title:"Remove from model",onClick:P=>{P.stopPropagation(),o(e)},style:{border:"none",background:"none",cursor:"pointer",padding:"0 2px",fontSize:14,lineHeight:1,color:"var(--popmelt-library-muted)",marginTop:-4},onMouseEnter:P=>{P.currentTarget.style.color="#FF0000"},onMouseLeave:P=>{P.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]}),w&&l("div",{style:{fontSize:11,color:R?"var(--popmelt-library-primary)":"var(--popmelt-library-muted)",marginBottom:6,lineHeight:1.4},children:w}),a?l(Ka,{entries:T.filter(([P])=>P!=="description"),categoryKey:""}):l(Xu,{name:e,onNotFound:()=>s(!0),entries:T})]})}function Xu({name:e,onNotFound:t}){let[n,r]=A(null),[o,i]=A(!1);return D(()=>{let a=qu(e);a||t(),r(a),i(!0)},[e,t]),!o||!n?null:l(Uu,{onError:t,children:l("div",{"data-popmelt-panel":!0,onClick:a=>{a.preventDefault(),a.stopPropagation()},style:{width:"100%",overflowY:"auto",overflowX:"hidden",maxHeight:150,padding:"1rem",outline:"1px solid var(--popmelt-library-soft-hairline)",backgroundColor:"var(--popmelt-library-raised)",boxSizing:"border-box",marginBottom:4,display:"flex",flexDirection:"column",justifyContent:"stretch",alignItems:"center",contain:"layout paint",position:"relative",isolation:"isolate"},children:l("div",{style:{zoom:.5,pointerEvents:"none"},children:ta(n.type,n.props)})})})}function Ku({components:e,selectedComponent:t,hoveredComponent:n,onRemove:r,onHover:o}){if(!e||Object.keys(e).length===0)return l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."});let i=new Set(Object.keys(e)),a=pd(i),s=Object.entries(e).sort(([d],[c])=>(a.get(d)??1/0)-(a.get(c)??1/0));return l(Le,{children:s.map(([d,c])=>l(Gu,{name:d,value:c,selected:t===d,highlighted:n===d,onRemove:r,onHover:o},d))})}var Yu={emerging:"Emerging",testing:"Emerging",grounded:"Grounded",challenged:"Challenged",retired:"Retired"};function ep(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}function Ya(e,t){return t==="all"?e.state!=="retired":t==="emerging"?e.state==="emerging"||e.state==="testing":e.state===t}function tp({explanation:e}){let t=Iu(e.evidenceCount);return y("span",{"aria-hidden":!0,style:{display:"flex",alignItems:"center",width:14,height:14},children:[l(vc,{size:14,strokeWidth:1.8,style:{flexShrink:0,marginRight:-14,color:"var(--popmelt-library-muted)"}}),l(t==="zero"?xc:t==="low"?wc:t==="medium"?Cc:kc,{size:14,strokeWidth:1.8,style:{flexShrink:0,color:"var(--popmelt-library-primary)"}})]})}function Vo({explanation:e,expanded:t,onToggle:n,onViewThread:r}){let o=e.state==="challenged",i=e.relations.filter(s=>!zu(s)),a=`${e.evidenceCount} ${e.evidenceCount===1?"signal":"signals"}`;return y("article",{style:{background:e.state==="grounded"?"var(--popmelt-library-raised)":"var(--popmelt-library-soft-surface)",border:"1px solid var(--popmelt-library-soft-hairline)",borderRadius:24,overflow:"hidden"},children:[y("button",{type:"button","aria-expanded":t,onClick:n,style:{width:"100%",border:0,background:"none",color:o?"var(--popmelt-library-muted)":"var(--popmelt-library-primary)",cursor:"pointer",fontFamily:"inherit",textAlign:"left",padding:16},children:[y("div",{style:{display:"flex",alignItems:"center",gap:4,marginBottom:12,color:o?"var(--popmelt-library-muted)":"var(--popmelt-library-secondary)",fontSize:12,fontWeight:500,lineHeight:1.3,letterSpacing:"0.12px"},children:[l("span",{children:Yu[e.state]}),l("span",{style:{color:"var(--popmelt-library-muted)"},children:e.kind.charAt(0).toUpperCase()+e.kind.slice(1)}),y("span",{"data-popmelt-signal-tooltip-trigger":!0,"aria-label":a,style:{display:"inline-flex",marginLeft:"auto",position:"relative"},children:[l(tp,{explanation:e}),l("span",{"data-popmelt-signal-tooltip":!0,"aria-hidden":!0,children:a})]})]}),l("div",{style:{fontSize:14,lineHeight:1.3,fontWeight:400,...t?{}:{display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:4,overflow:"hidden"}},children:e.statement})]}),t&&y("div",{style:{padding:"14px 16px 16px",color:"var(--popmelt-library-secondary)",fontSize:12,lineHeight:1.45},children:[l("div",{children:e.rationale}),e.needsGrounding&&l("div",{style:{marginTop:14,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Awaiting confirmation"}),e.concrete.length>0&&y("div",{style:{marginTop:14},children:[l("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Concrete expression"}),e.concrete.map(s=>y("div",{style:{marginBottom:5,overflowWrap:"anywhere"},children:[l("code",{style:{color:"var(--popmelt-library-muted-strong)"},children:s.modelPath})," ","= ",ep(s.value)]},s.id))]}),i.length>0&&y("div",{style:{marginTop:14},children:[l("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Related understanding"}),i.slice(0,4).map(s=>y("div",{style:{marginBottom:5},children:[l("span",{style:{color:"var(--popmelt-library-muted-strong)"},children:Au(s)})," ","\xB7 ",s.statement]},s.id))]}),e.recentEvidence.length>0&&y("div",{style:{marginTop:14},children:[l("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Recent grounding"}),e.recentEvidence.map(s=>l("div",{style:{marginBottom:7},children:s.summary},s.id))]}),r&&e.sourceThreadIds[0]&&l("button",{type:"button",onClick:()=>r(e.sourceThreadIds[0]),style:{marginTop:14,border:0,borderRadius:12,background:"var(--popmelt-library-soft-surface)",color:"var(--popmelt-library-primary)",cursor:"pointer",font:"inherit",fontWeight:500,padding:"7px 10px"},children:"Open source thread"})]})]})}function el({id:e,depth:t,projection:n,expandedIds:r,onToggle:o,onViewThread:i}){let a=n.explanationsById.get(e);if(!a)return null;let s=n.childrenById.get(e)??[],d=r.has(e);return y("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[l(Vo,{explanation:a,expanded:d,onToggle:()=>o(e),onViewThread:i}),d&&s.length>0&&l("div",{style:{display:"flex",flexDirection:"column",gap:4,marginLeft:Math.min(24,8+t*4),paddingLeft:8,borderLeft:"1px solid var(--popmelt-library-soft-hairline)"},children:s.map(c=>l(el,{id:c,depth:t+1,projection:n,expandedIds:r,onToggle:o,onViewThread:i},c))})]})}function np({view:e,filter:t,onViewThread:n}){let[r,o]=A(()=>new Set),i=ie(c=>{o(u=>{let p=new Set(u);return p.has(c)?p.delete(c):p.add(c),p})},[]),a=he(()=>Eu(e),[e]),s=he(()=>t==="all"?a:$u(a,c=>Ya(c,t)),[t,a]),d=e.explanations.filter(c=>Ya(c,t)).length;return D(()=>{t!=="all"&&o(new Set([...s.childrenById].flatMap(([c,u])=>u.length?[c]:[])))},[t,s]),e.counts.total===0?l("div",{style:{color:"var(--popmelt-library-muted)",lineHeight:1.5,fontSize:12},children:"No shared understanding yet. It will form continuously as you collaborate in threads."}):d===0?y("div",{style:{color:"var(--popmelt-library-muted)",lineHeight:1.5,fontSize:12},children:["No ",t," understanding yet."]}):y("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[s.sections.map(c=>y("section",{style:{display:"flex",flexDirection:"column",gap:4},children:[l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:10,fontWeight:500,letterSpacing:"0.08em",padding:"0 4px 4px",textTransform:"uppercase"},children:c.label}),c.rootIds.map(u=>l(el,{id:u,depth:0,projection:s,expandedIds:r,onToggle:i,onViewThread:n},u))]},c.id)),s.unplacedIds.length>0&&y("details",{open:t!=="all",children:[y("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["+ ",s.unplacedIds.length," observations still finding their place"]}),l("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:s.unplacedIds.map(c=>{let u=s.explanationsById.get(c);return u?l(Vo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]}),s.challengedIds.length>0&&y("details",{open:t==="challenged",children:[y("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["\u2212 ",s.challengedIds.length," challenged explanations"]}),l("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:s.challengedIds.map(c=>{let u=s.explanationsById.get(c);return u?l(Vo,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]})]})}function rp({bridgeUrl:e,onMouseEnter:t,onMouseLeave:n,selectedComponent:r,hoveredComponent:o,onComponentHover:i,onSpacingTokenHover:a,onModifySpacingToken:s,onDeleteSpacingToken:d,onComponentAdded:c,onComponentRemoved:u,onViewThread:p,snapPosition:h="bottom-right",temporarilyHidden:m=!1}){let[v,,x]=po(e),T=Ie[v],w={"--popmelt-library-surface":T.surface,"--popmelt-library-raised":T.raisedSurface,"--popmelt-library-control":T.control,"--popmelt-library-soft-surface":T.softSurface,"--popmelt-library-hover-surface":T.hoverSurface,"--popmelt-library-primary":T.primary,"--popmelt-library-filter-active":T.hoverForeground,"--popmelt-library-secondary":T.secondary,"--popmelt-library-muted":T.muted,"--popmelt-library-muted-strong":T.mutedStrong,"--popmelt-library-border":T.border,"--popmelt-library-hairline":T.hairline,"--popmelt-library-soft-hairline":T.softHairline},[S,H]=A(void 0),[L,k]=A({head:{sequence:0,updatedAt:new Date(0).toISOString()},counts:{total:0,emerging:0,testing:0,grounded:0,challenged:0,retired:0,needsGrounding:0},explanations:[]}),[E,R]=A(!0),[j]=A("understanding"),[P,$]=A("all"),F=M(null),[_,de]=A({hasAbove:!1,hasBelow:!1}),[me,se]=A(()=>typeof window>"u"?1920:window.visualViewport?.width??window.innerWidth);D(()=>{let I=()=>se(window.visualViewport?.width??window.innerWidth);return window.addEventListener("resize",I),window.visualViewport?.addEventListener("resize",I),()=>{window.removeEventListener("resize",I),window.visualViewport?.removeEventListener("resize",I)}},[]);let U=ie(()=>{let I=F.current;if(!I)return;let C={hasAbove:I.scrollTop>1,hasBelow:I.scrollTop+I.clientHeight<I.scrollHeight-1};de(W=>W.hasAbove===C.hasAbove&&W.hasBelow===C.hasBelow?W:C)},[]);D(()=>{let I=!1;return od(e).then(C=>{I||(k(C),R(!1))}),()=>{I=!0}},[e]),D(()=>{let I=requestAnimationFrame(U),C=F.current;if(!C||typeof ResizeObserver>"u")return()=>cancelAnimationFrame(I);let W=new ResizeObserver(U);W.observe(C);let B=C.firstElementChild;return B&&W.observe(B),()=>{cancelAnimationFrame(I),W.disconnect()}},[P,L,E,U]);let xe=ie(I=>{H(C=>{if(!C?.components)return C;let{[I]:W,...B}=C.components;return{...C,components:B}}),u?.(I)},[u]),K=S?.components,we=S?.tokens,Te=K&&Object.keys(K).length>0,G=we&&Object.keys(we).length>0,ke=M(null);return D(()=>{let I=ke.current;if(!I)return;let C=t,W=n;return C&&I.addEventListener("mouseenter",C),W&&I.addEventListener("mouseleave",W),()=>{C&&I.removeEventListener("mouseenter",C),W&&I.removeEventListener("mouseleave",W)}},[t,n]),y("div",{ref:ke,"data-devtools":"imprint-panel","data-popmelt-font":"sans","data-popmelt-theme":v,"data-popmelt-theme-preference":x,"aria-hidden":m||void 0,style:{...Bu,...w,...Vc(h,me),opacity:m?0:1,visibility:m?"hidden":"visible",pointerEvents:m?"none":"auto",transition:m?`opacity ${It}ms ease, visibility 0s linear ${It}ms`:"none"},children:[l("style",{children:`
|
|
208
|
+
`,jo=xo(null),Va=xo(void 0);function gu({onJoin:e,theme:t,style:n,capturePreview:r=!0}){let o=Gn(),i=Gn(),[a,s]=z(""),[d,c]=z(!1),[u,p]=z(!0),[m,h]=z(!1),v=Ee[t];return y("form",{"data-devtools":"peer-join","data-popmelt-font":"sans","data-popmelt-theme":t,"aria-label":"Join the canvas",onSubmit:async x=>{if(x.preventDefault(),!(d||!a.trim())){c(!0),h(!1);try{await e(a.trim(),{sharePreview:r&&u})}catch{h(!0)}finally{c(!1)}}},style:{...Po(t),display:"block",...n},children:[l("label",{htmlFor:o,style:{display:"block",fontWeight:600,marginBottom:8},children:"Join the canvas"}),l("input",{id:o,name:"peer-name","aria-label":"Your name",autoComplete:"nickname",maxLength:48,required:!0,disabled:d,value:a,placeholder:"Your name","aria-describedby":m?i:void 0,onChange:x=>s(x.target.value),style:{width:"100%",boxSizing:"border-box",padding:"8px 10px",border:`1px solid ${v.border}`,borderRadius:In.radius,background:"transparent",color:v.primary,font:"inherit"}}),l("p",{title:Lo["approval-required"],style:{fontSize:12,color:v.secondary,margin:"8px 0"},children:"Suggest \xB7 Explore freely. The host approves code changes."}),r&&y(Me,{children:[y("label",{style:{display:"flex",gap:8,alignItems:"center",margin:"12px 0 4px"},children:[l("input",{type:"checkbox",name:"share-preview",checked:u,disabled:d,onChange:x=>p(x.target.checked)}),"Share my plane"]}),l("p",{style:{fontSize:12,color:v.secondary,margin:"0 0 12px"},children:"Allow peers to preview this tab. Your browser will ask for permission; you can still join if you decline."})]}),l("button",{type:"submit",disabled:d||!a.trim(),style:{width:"100%",padding:"8px 12px",border:0,borderRadius:In.radius,background:v.primary,color:v.surface,font:"inherit",cursor:"pointer"},children:d?"Joining\u2026":"Join"}),m&&l("p",{id:i,role:"alert",style:{margin:"8px 0 0",fontSize:12},children:"Could not join. Check the connection or ask the host for a fresh invitation."})]})}var Qa=xo(null);function Za(e){return JSON.stringify(e.map(t=>{if(!t.linkedSelector)return t;let{points:n,linkedAnchor:r,...o}=t;return o}))}function yu(e,t,n,r,o,i=!0){let a=M(null),s=M(null),d=M(null),c=M(null),u=M(null);D(()=>{i&&localStorage.removeItem(o.inspected)},[i,o.inspected]),D(()=>{if(!i||!r.current)return;let p=Za(t.annotations);p!==a.current&&(a.current=p,localStorage.setItem(o.annotations,JSON.stringify(t.annotations)))},[i,t.annotations,r,o]),D(()=>{if(!i)return;let p=m=>{if(r.current)try{let h=m.newValue?JSON.parse(m.newValue):[];if(!Array.isArray(h))return;if(m.key===o.annotations){let x=Za(h);if(x===a.current)return;a.current=x,n({type:"SYNC_ANNOTATIONS",payload:{annotations:h}});return}let v=JSON.stringify(h);if(m.key===o.styleMods){if(v===s.current)return;s.current=v,n({type:"RESTORE_STYLE_MODIFICATIONS",payload:h})}else if(m.key===o.textMods){if(v===d.current)return;d.current=v,n({type:"RESTORE_TEXT_MODIFICATIONS",payload:h})}else if(m.key===o.domMods){if(v===c.current)return;c.current=v,n({type:"RESTORE_DOM_MODIFICATIONS",payload:h})}else if(m.key===o.spacingChanges){if(v===u.current)return;u.current=v,n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:h})}}catch{}};return window.addEventListener("storage",p),()=>window.removeEventListener("storage",p)},[i,n,r,o]),D(()=>{if(!i||!r.current)return;localStorage.setItem(o.expanded,String(e)),localStorage.setItem(o.color,t.activeColor);let p=(m,h,v)=>{let x=JSON.stringify(h);x!==v.current&&(v.current=x,localStorage.setItem(m,x))};p(o.styleMods,t.styleModifications,s),p(o.textMods,t.textModifications,d),p(o.domMods,t.domModifications,c),p(o.spacingChanges,t.spacingTokenChanges,u),localStorage.setItem(o.stroke,String(t.strokeWidth))},[i,e,t.styleModifications,t.textModifications,t.domModifications,t.spacingTokenChanges,t.activeColor,t.strokeWidth,r,o])}function _a(e){let t=M(e);D(()=>t.current(),[])}function bu(e){let t=n=>{if(n.ctrlKey||n.defaultPrevented)return;let r=Math.abs(n.deltaX)>Math.abs(n.deltaY),o=r?n.deltaX:n.deltaY;if(o){for(let i of n.composedPath()){if(i instanceof HTMLElement){let a=getComputedStyle(i),s=r?a.overflowX:a.overflowY,d=r?i.scrollLeft:i.scrollTop,c=r?i.scrollWidth-i.clientWidth:i.scrollHeight-i.clientHeight;if(/^(auto|scroll|overlay)$/.test(s)&&c>0){if(o<0?d>0:d<c-1)return;let u=r?a.overscrollBehaviorX:a.overscrollBehaviorY;if(u==="contain"||u==="none")break}}if(i===e)break}n.preventDefault()}};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)}var vu="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMic+PGRlZnM+PHBhdHRlcm4gaWQ9J2QnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnPjxwYXRoIGQ9J00tMSwxIGwyLC0yIE0wLDQgbDQsLTQgTTMsNSBsMiwtMicgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScuNScvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSd1cmwoI2QpJy8+PC9zdmc+",xu={borderWidth:3,borderStyle:"solid",borderImage:`url("${vu}") 4 / 1.9 / 0 round`};function Er(e){let t=new Set,n=new Map;for(let i of e){if(!i.linkedSelector)continue;let a=n.get(i.linkedSelector)||[];a.push(i),n.set(i.linkedSelector,a)}let r=new Set,o=new Set;for(let i of n.values()){if(i.length<=1){i[0]?.groupId&&o.add(i[0].groupId);continue}i.sort((s,d)=>d.timestamp-s.timestamp);let a=i[0];a.groupId&&o.add(a.groupId);for(let s=1;s<i.length;s++){let d=i[s];t.add(d),d.groupId&&r.add(d.groupId)}}for(let i of e)i.groupId&&r.has(i.groupId)&&!o.has(i.groupId)&&t.add(i);return t}function Ar(e){let t=e.trim().toLowerCase(),n=t.match(/oklch\(\s*([\d.]+%?)/);if(n){let i=n[1];return i.endsWith("%")?parseFloat(i)/100:parseFloat(i)}let r=t.match(/rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/);if(r){let[i,a,s]=[parseInt(r[1],10),parseInt(r[2],10),parseInt(r[3],10)];return(.2126*i+.7152*a+.0722*s)/255}let o=t.match(/hsla?\(\s*[\d.]+[,\s]+[\d.]+%?[,\s]+([\d.]+)%?/);if(o)return parseFloat(o[1])/100;if(t.startsWith("#")){let i=t.slice(1);(i.length===3||i.length===4)&&(i=i[0]+i[0]+i[1]+i[1]+i[2]+i[2]);let a=parseInt(i.slice(0,2),16),s=parseInt(i.slice(2,4),16),d=parseInt(i.slice(4,6),16);if(!isNaN(a))return(.2126*a+.7152*s+.0722*d)/255}return null}function wu(e){return(t,n)=>{let r=Ar(t[1]),o=Ar(n[1]);return r!==null&&o!==null?r-o:t[0].localeCompare(n[0])}}function Cu(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 ku(e){let t=new Map;for(let o of e){let i=Cu(o[0]),a=t.get(i);a||(a=[],t.set(i,a)),a.push(o)}let n=wu();for(let o of t.values())o.sort(n);let r=[...t.entries()];return r.sort((o,i)=>{let a=Ar(o[1][0][1])??0,s=Ar(i[1][0][1])??0;return a-s}),r}function Su(e){return e<=1?"zero":e<=4?"low":e<=7?"medium":"high"}var qa=new Set(["expresses"]),Oo={project:0,route:1,selector:2,component:3,file:4};function Iu(e){return`${e.scope.kind}:${[...e.scope.values].sort().join("|")||"*"}`}function Mu(e){return e.scope.kind==="project"&&e.scope.values.length===0?"Project":e.scope.values.join(", ")||e.scope.kind}function Ja(e,t){let n=e.kind==="intention"?5:e.kind==="principle"?4:1,r=4-Oo[e.scope.kind];return n+r+Math.min(3,t)*3+Math.min(2,e.evidenceCount/3)}function Lu(e){return e.scope.kind==="project"||e.kind==="principle"||e.kind==="intention"&&e.evidenceCount>=2}function nr(e,t,n){return[...e].sort((r,o)=>{let i=t.get(r),a=t.get(o);return Ja(a,n.get(o)?.length??0)-Ja(i,n.get(r)?.length??0)||a.updatedAt.localeCompare(i.updatedAt)})}function Tu(e){let t=e.explanations.filter(w=>w.state!=="retired"),n=new Map(t.map(w=>[w.id,w])),r=t.filter(w=>w.state!=="challenged"),o=new Set(r.map(w=>w.id)),i=new Map,a=new Map,s=new Set;for(let w of t)for(let S of w.relations){if(!qa.has(S.type))continue;let H=S.direction==="outgoing"?w.id:S.explanationId,L=S.direction==="outgoing"?S.explanationId:w.id,k=`${H}:${L}`;s.has(k)||!o.has(H)||!o.has(L)||(s.add(k),i.set(L,new Set([...i.get(L)??[],H])),a.set(H,new Set([...a.get(H)??[],L])))}let d=new Map,c=new Map;for(let[w,S]of i)d.set(w,nr(S,n,d));for(let[w,S]of a)c.set(w,nr(S,n,d));let u=nr(r.flatMap(w=>(c.get(w.id)?.length??0)>0?[]:(d.get(w.id)?.length??0)>0||Lu(w)?[w.id]:[]),n,d),p=new Set,m=w=>{if(!p.has(w)){p.add(w);for(let S of d.get(w)??[])m(S)}};u.forEach(m);let h=new Map;for(let w of u){let S=n.get(w),H=Iu(S),L=h.get(H);L?L.rootIds.push(w):h.set(H,{id:H,label:Mu(S),scopeKind:S.scope.kind,rootIds:[w]})}let v=[...h.values()].sort((w,S)=>Oo[w.scopeKind]-Oo[S.scopeKind]||w.label.localeCompare(S.label)),x=nr(r.flatMap(w=>p.has(w.id)?[]:[w.id]),n,d),T=nr(t.flatMap(w=>w.state==="challenged"?[w.id]:[]),n,d);return{explanationsById:n,childrenById:d,parentIdsById:c,sections:v,unplacedIds:x,challengedIds:T}}function Eu(e,t){let n=new Set([...e.explanationsById.values()].flatMap(a=>t(a)?[a.id]:[])),r=new Set(n),o=[...n];for(;o.length;){let a=o.pop();for(let s of e.parentIdsById.get(a)??[])r.has(s)||(r.add(s),o.push(s))}let i=a=>new Map([...a].flatMap(([s,d])=>r.has(s)?[[s,d.filter(c=>r.has(c))]]:[]));return{explanationsById:e.explanationsById,childrenById:i(e.childrenById),parentIdsById:i(e.parentIdsById),sections:e.sections.flatMap(a=>{let s=a.rootIds.filter(d=>r.has(d));return s.length?[{...a,rootIds:s}]:[]}),unplacedIds:e.unplacedIds.filter(a=>n.has(a)),challengedIds:e.challengedIds.filter(a=>n.has(a))}}function Au(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 qa.has(e.type)}var Ru=/^#[0-9a-fA-F]{3,8}$/,$u=/^(?:rgba?|hsla?|oklch)\([^)]+\)$/,Pu=new Set(["black","white","red","blue","green","yellow","orange","purple","pink","gray","grey","cyan","magenta","brown","navy","teal","maroon","olive","silver","aqua","fuchsia","lime"]),Hu=/^-?\d+(\.\d+)?(px|rem|em|%)$/;function Ka(e){let t=e.trim();return Ru.test(t)||$u.test(t)||Pu.has(t.toLowerCase())}function Nu(e){return Hu.test(e.trim())}function ju(e){let t=e.trim().match(/^(-?\d+(?:\.\d+)?)px$/);return t?parseFloat(t[1]):null}function Wo(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(...Wo(o,i))}else n.push([i,Array.isArray(o)?o.map(String).join(", "):String(o??"")])}return n}function Ou(e){return e.length===0?"generic":e.filter(([,t])=>Ka(t)).length>e.length/2?"colors":e.filter(([,t])=>Nu(t)).length>e.length/2?"spacing":"generic"}var Wu={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:Et,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 Bu({varName:e,value:t,reference:n}){return l("div",{title:n?`${e} \u2192 ${n}
|
|
209
|
+
${t}`:`${e}: ${t}`,style:{width:28,height:28,backgroundColor:t,outline:"1px solid var(--popmelt-library-hairline)",outlineOffset:-1,position:"relative"},children:n&&l(ko,{size:10,strokeWidth:2.5,style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:"white",filter:"drop-shadow(0 0 1px rgba(0,0,0,0.5))"}})})}function Du({entries:e,references:t}){let n=[],r=[];for(let i of e)Ka(i[1])?n.push(i):r.push(i);let o=ku(n);return y(Me,{children:[o.map(([i,a])=>y("div",{style:{marginBottom:4},children:[y("div",{style:{fontSize:10,color:"var(--popmelt-library-muted)",marginBottom:2},children:[i,a.length>1?` (${a.length})`:""]}),l("div",{style:{display:"flex",flexWrap:"wrap",gap:2},children:a.map(([s,d])=>l(Bu,{varName:s,value:d,reference:t[s]},s))})]},i)),r.length>0&&l(Bo,{entries:r})]})}var zr=[0,1,2,4,8,12,16,20,24,28,32];function Fu(e){if(e<=32){let t=zr[0],n=Math.abs(e-t);for(let r=1;r<zr.length;r++){let o=Math.abs(e-zr[r]);o<n&&(t=zr[r],n=o)}return t}return Math.round(e/8)*8}function Vu({label:e,value:t,px:n,tokenPath:r,rawToken:o,onHover:i,onModify:a,onDelete:s}){let[d,c]=z(!1),[u,p]=z(null),m=M(!1),h=M(0),v=M(0),x=M([]),T=u!==null?u:n,w=u!==null?`${u}px`:t,S=u!==null,H=ie(k=>{k.preventDefault(),m.current=!0,h.current=k.clientX,v.current=n;let E=fo(o);x.current=ld(E);let $=P=>{let A=P.clientX-h.current,F=Math.max(0,Math.round(v.current+A));P.shiftKey&&(F=Fu(F));for(let Z of x.current)Z.element.style.setProperty(Z.property,F+"px","important");p(F),i?.({name:e,px:F,token:E})},j=()=>{window.removeEventListener("mousemove",$),window.removeEventListener("mouseup",j),document.body.style.cursor="",m.current=!1,p(P=>{if(P!==null&&P!==n&&a){let A=fo(o),F=A.bindings&&A.bindings.length>0,Z;if(F){let J=Vi(A.bindings,v.current,P);Z=JSON.stringify({...A,value:`${P}px`,bindings:J})}else{let J=sd(x.current,v.current),xe=dd(x.current);if(J.length>0){let X=Vi(J,v.current,P);Z=JSON.stringify({value:`${P}px`,property:xe,bindings:X})}else Z=`${P}px`}let de=typeof o=="string"?o:JSON.stringify(o),he=x.current.map(J=>({selector:pd(J.element),property:J.property})),se=cd(x.current,v.current,P);a({tokenPath:r,originalValue:de,currentValue:Z,targets:he,originalPx:v.current,currentPx:P},{id:Math.random().toString(36).substring(2,9),tokenPath:r,tokenName:e,originalPx:v.current,newPx:P,affectedElements:se})}return P})};document.body.style.cursor="ew-resize",window.addEventListener("mousemove",$),window.addEventListener("mouseup",j)},[n,e,r,o,i,a]),L=fo(o);return y("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:11,padding:"1px 0",cursor:"ew-resize",userSelect:"none"},onMouseEnter:()=>{m.current||(c(!0),i?.({name:e,px:T,token:L}))},onMouseLeave:()=>{m.current||(c(!1),i?.(null))},onMouseDown:H,children:[l("span",{style:{color:d||S?"#FF0000":"var(--popmelt-library-muted)"},children:e}),y("span",{style:{display:"flex",alignItems:"center",gap:4},children:[l("span",{style:{color:d||S?"#FF0000":"var(--popmelt-library-secondary)",fontWeight:600},children:w}),s&&d&&!S&&l("button",{type:"button",title:"Remove token",onMouseDown:k=>{k.stopPropagation();let E=typeof o=="string"?o:JSON.stringify(o);s(r,E)},style:{border:"none",background:"none",cursor:"pointer",padding:0,fontSize:10,lineHeight:1,color:"var(--popmelt-library-muted)"},onMouseEnter:k=>{k.currentTarget.style.color="#FF0000"},onMouseLeave:k=>{k.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]})]})}function Qu({entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}){let a=[],s=[];for(let d of e){let c=ju(d[1]);c!==null?a.push([d[0],d[1],c]):s.push(d)}return y(Me,{children:[a.length>0&&l("div",{style:{display:"flex",flexDirection:"column",gap:2},children:a.map(([d,c,u])=>{let p=d.split(".").pop(),m=n?Zu(n,d):c,h=m&&typeof m=="object"&&"value"in m?m:c;return l(Vu,{label:p,value:c,px:u,tokenPath:`tokens.${t}.${d}`,rawToken:h,onHover:r,onModify:o,onDelete:i},d)})}),s.length>0&&l(Bo,{entries:s})]})}function Zu(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 Bo({entries:e}){return l("div",{style:{display:"flex",flexDirection:"column",gap:3},children:e.map(([t,n])=>y("div",{style:{fontSize:11},children:[l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:10,marginBottom:1},children:t}),l("div",{style:{color:"var(--popmelt-library-primary)",lineHeight:1.4,paddingLeft:8},children:n})]},t))})}function Ua({entries:e,categoryKey:t,rawTokens:n,onSpacingHover:r,onModifyToken:o,onDeleteToken:i}){let a=Ou(e);return a==="colors"?l(Du,{entries:e,references:{}}):a==="spacing"?l(Qu,{entries:e,categoryKey:t,rawTokens:n,onHover:r,onModify:o,onDelete:i}):l(Bo,{entries:e})}function _u(e){let t=e.toLowerCase(),n=null,r=document.createTreeWalker(document.body,NodeFilter.SHOW_ELEMENT,{acceptNode(i){return i.closest("#devtools-toolbar, #devtools-canvas, #devtools-scrim, [data-popmelt-panel]")?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),o=r.currentNode;for(;o=r.nextNode();){let i=o,a=Object.keys(i).find(d=>d.startsWith("__reactFiber$")||d.startsWith("__reactInternalInstance$"));if(!a)continue;let s=i[a];for(;s;){let d=s.type,c=typeof d=="function"||typeof d=="object"?d?.displayName||d?.name:null;if(typeof c=="string"){let u=c.toLowerCase();if(u===t){let p={...s.memoizedProps};return delete p.ref,{type:d,props:p}}if(!n){if(u.length>=4&&t.includes(u)){let p={...s.memoizedProps};delete p.ref,n={type:d,props:p}}else if(t.length>=4&&u.includes(t)){let p={...s.memoizedProps};delete p.ref,n={type:d,props:p}}}}s=s.return}}return n}var qu=class extends kd{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 Ju({tokens:e,onSpacingHover:t,onModifyToken:n,onDeleteToken:r}){return!e||Object.keys(e).length===0?l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"No projected tokens yet."}):l("div",{style:{display:"flex",flexDirection:"column",gap:12},children:Object.entries(e).map(([o,i])=>{let a=Wo(i);return y("section",{children:[l("div",{style:{color:"var(--popmelt-library-secondary)",fontSize:10,fontWeight:700,letterSpacing:"0.05em",marginBottom:6,textTransform:"uppercase"},children:o}),l(Ua,{entries:a,categoryKey:o,rawTokens:i,onSpacingHover:t,onModifyToken:n,onDeleteToken:r})]},o)})})}function Ku({name:e,value:t,selected:n,highlighted:r,onRemove:o,onHover:i}){let[a,s]=z(!1),[d,c]=z(!1),u=M(null),p=M(0),[m,h]=z(0),[v,x]=z(0),T=Wo(t),w=T.find(([P])=>P==="description")?.[1];D(()=>{if(!d&&!r){h(0),x(0),p.current=0;return}let P=Fi(e);h(P.length)},[d,r,e]),D(()=>{n&&u.current&&u.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[n]);let S=n||r||d,H=n?"139,92,246":"34,197,94",L=n?"#8b5cf6":"#22c55e",k=S?`rgba(${H},0.06)`:void 0,E=S?`inset 0 0 0 1.5px rgba(${H},0.35)`:void 0,$=r||d,j=ie(()=>{let P=Fi(e);if(P.length===0)return;let A=p.current%P.length;P[A].rootElement.scrollIntoView({behavior:"smooth",block:"center"}),x(A),p.current=A+1,i?.({name:e,instanceIndex:A})},[e,i]);return y("div",{ref:u,onClick:j,onMouseEnter:()=>{c(!0),i?.({name:e,instanceIndex:0})},onMouseLeave:()=>{c(!1),i?.(null)},style:{marginBottom:8,background:k,padding:6,boxShadow:E,cursor:"pointer"},children:[y("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[y("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:6},children:[l("div",{style:{fontWeight:700,fontSize:11,letterSpacing:"0.05em",padding:"2px 6px",backgroundColor:$?L:"transparent",color:$?"#fff":"var(--popmelt-library-secondary)"},children:e}),$&&m>1&&y("span",{style:{fontSize:10,fontWeight:600,color:"var(--popmelt-library-muted)"},children:[v+1,"/",m]})]}),o&&d&&l("button",{type:"button",title:"Remove from model",onClick:P=>{P.stopPropagation(),o(e)},style:{border:"none",background:"none",cursor:"pointer",padding:"0 2px",fontSize:14,lineHeight:1,color:"var(--popmelt-library-muted)",marginTop:-4},onMouseEnter:P=>{P.currentTarget.style.color="#FF0000"},onMouseLeave:P=>{P.currentTarget.style.color="var(--popmelt-library-muted)"},children:"\u2715"})]}),w&&l("div",{style:{fontSize:11,color:$?"var(--popmelt-library-primary)":"var(--popmelt-library-muted)",marginBottom:6,lineHeight:1.4},children:w}),a?l(Ua,{entries:T.filter(([P])=>P!=="description"),categoryKey:""}):l(Uu,{name:e,onNotFound:()=>s(!0),entries:T})]})}function Uu({name:e,onNotFound:t}){let[n,r]=z(null),[o,i]=z(!1);return D(()=>{let a=_u(e);a||t(),r(a),i(!0)},[e,t]),!o||!n?null:l(qu,{onError:t,children:l("div",{"data-popmelt-panel":!0,onClick:a=>{a.preventDefault(),a.stopPropagation()},style:{width:"100%",overflowY:"auto",overflowX:"hidden",maxHeight:150,padding:"1rem",outline:"1px solid var(--popmelt-library-soft-hairline)",backgroundColor:"var(--popmelt-library-raised)",boxSizing:"border-box",marginBottom:4,display:"flex",flexDirection:"column",justifyContent:"stretch",alignItems:"center",contain:"layout paint",position:"relative",isolation:"isolate"},children:l("div",{style:{zoom:.5,pointerEvents:"none"},children:ea(n.type,n.props)})})})}function Gu({components:e,selectedComponent:t,hoveredComponent:n,onRemove:r,onHover:o}){if(!e||Object.keys(e).length===0)return l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."});let i=new Set(Object.keys(e)),a=id(i),s=Object.entries(e).sort(([d],[c])=>(a.get(d)??1/0)-(a.get(c)??1/0));return l(Me,{children:s.map(([d,c])=>l(Ku,{name:d,value:c,selected:t===d,highlighted:n===d,onRemove:r,onHover:o},d))})}var Xu={emerging:"Emerging",testing:"Emerging",grounded:"Grounded",challenged:"Challenged",retired:"Retired"};function Yu(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}function Ga(e,t){return t==="all"?e.state!=="retired":t==="emerging"?e.state==="emerging"||e.state==="testing":e.state===t}function ep({explanation:e}){let t=Su(e.evidenceCount);return y("span",{"aria-hidden":!0,style:{display:"flex",alignItems:"center",width:14,height:14},children:[l(bc,{size:14,strokeWidth:1.8,style:{flexShrink:0,marginRight:-14,color:"var(--popmelt-library-muted)"}}),l(t==="zero"?vc:t==="low"?xc:t==="medium"?wc:Cc,{size:14,strokeWidth:1.8,style:{flexShrink:0,color:"var(--popmelt-library-primary)"}})]})}function Do({explanation:e,expanded:t,onToggle:n,onViewThread:r}){let o=e.state==="challenged",i=e.relations.filter(s=>!zu(s)),a=`${e.evidenceCount} ${e.evidenceCount===1?"signal":"signals"}`;return y("article",{style:{background:e.state==="grounded"?"var(--popmelt-library-raised)":"var(--popmelt-library-soft-surface)",border:"1px solid var(--popmelt-library-soft-hairline)",borderRadius:24,overflow:"hidden"},children:[y("button",{type:"button","aria-expanded":t,onClick:n,style:{width:"100%",border:0,background:"none",color:o?"var(--popmelt-library-muted)":"var(--popmelt-library-primary)",cursor:"pointer",fontFamily:"inherit",textAlign:"left",padding:16},children:[y("div",{style:{display:"flex",alignItems:"center",gap:4,marginBottom:12,color:o?"var(--popmelt-library-muted)":"var(--popmelt-library-secondary)",fontSize:12,fontWeight:500,lineHeight:1.3,letterSpacing:"0.12px"},children:[l("span",{children:Xu[e.state]}),l("span",{style:{color:"var(--popmelt-library-muted)"},children:e.kind.charAt(0).toUpperCase()+e.kind.slice(1)}),y("span",{"data-popmelt-signal-tooltip-trigger":!0,"aria-label":a,style:{display:"inline-flex",marginLeft:"auto",position:"relative"},children:[l(ep,{explanation:e}),l("span",{"data-popmelt-signal-tooltip":!0,"aria-hidden":!0,children:a})]})]}),l("div",{style:{fontSize:14,lineHeight:1.3,fontWeight:400,...t?{}:{display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:4,overflow:"hidden"}},children:e.statement})]}),t&&y("div",{style:{padding:"14px 16px 16px",color:"var(--popmelt-library-secondary)",fontSize:12,lineHeight:1.45},children:[l("div",{children:e.rationale}),e.needsGrounding&&l("div",{style:{marginTop:14,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Awaiting confirmation"}),e.concrete.length>0&&y("div",{style:{marginTop:14},children:[l("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Concrete expression"}),e.concrete.map(s=>y("div",{style:{marginBottom:5,overflowWrap:"anywhere"},children:[l("code",{style:{color:"var(--popmelt-library-muted-strong)"},children:s.modelPath})," ","= ",Yu(s.value)]},s.id))]}),i.length>0&&y("div",{style:{marginTop:14},children:[l("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Related understanding"}),i.slice(0,4).map(s=>y("div",{style:{marginBottom:5},children:[l("span",{style:{color:"var(--popmelt-library-muted-strong)"},children:Au(s)})," ","\xB7 ",s.statement]},s.id))]}),e.recentEvidence.length>0&&y("div",{style:{marginTop:14},children:[l("div",{style:{marginBottom:7,color:"var(--popmelt-library-muted-strong)",fontWeight:500},children:"Recent grounding"}),e.recentEvidence.map(s=>l("div",{style:{marginBottom:7},children:s.summary},s.id))]}),r&&e.sourceThreadIds[0]&&l("button",{type:"button",onClick:()=>r(e.sourceThreadIds[0]),style:{marginTop:14,border:0,borderRadius:12,background:"var(--popmelt-library-soft-surface)",color:"var(--popmelt-library-primary)",cursor:"pointer",font:"inherit",fontWeight:500,padding:"7px 10px"},children:"Open source thread"})]})]})}function Xa({id:e,depth:t,projection:n,expandedIds:r,onToggle:o,onViewThread:i}){let a=n.explanationsById.get(e);if(!a)return null;let s=n.childrenById.get(e)??[],d=r.has(e);return y("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[l(Do,{explanation:a,expanded:d,onToggle:()=>o(e),onViewThread:i}),d&&s.length>0&&l("div",{style:{display:"flex",flexDirection:"column",gap:4,marginLeft:Math.min(24,8+t*4),paddingLeft:8,borderLeft:"1px solid var(--popmelt-library-soft-hairline)"},children:s.map(c=>l(Xa,{id:c,depth:t+1,projection:n,expandedIds:r,onToggle:o,onViewThread:i},c))})]})}function tp({view:e,filter:t,onViewThread:n}){let[r,o]=z(()=>new Set),i=ie(c=>{o(u=>{let p=new Set(u);return p.has(c)?p.delete(c):p.add(c),p})},[]),a=me(()=>Tu(e),[e]),s=me(()=>t==="all"?a:Eu(a,c=>Ga(c,t)),[t,a]),d=e.explanations.filter(c=>Ga(c,t)).length;return D(()=>{t!=="all"&&o(new Set([...s.childrenById].flatMap(([c,u])=>u.length?[c]:[])))},[t,s]),e.counts.total===0?l("div",{style:{color:"var(--popmelt-library-muted)",lineHeight:1.5,fontSize:12},children:"No shared understanding yet. It will form continuously as you collaborate in threads."}):d===0?y("div",{style:{color:"var(--popmelt-library-muted)",lineHeight:1.5,fontSize:12},children:["No ",t," understanding yet."]}):y("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[s.sections.map(c=>y("section",{style:{display:"flex",flexDirection:"column",gap:4},children:[l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:10,fontWeight:500,letterSpacing:"0.08em",padding:"0 4px 4px",textTransform:"uppercase"},children:c.label}),c.rootIds.map(u=>l(Xa,{id:u,depth:0,projection:s,expandedIds:r,onToggle:i,onViewThread:n},u))]},c.id)),s.unplacedIds.length>0&&y("details",{open:t!=="all",children:[y("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["+ ",s.unplacedIds.length," observations still finding their place"]}),l("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:s.unplacedIds.map(c=>{let u=s.explanationsById.get(c);return u?l(Do,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]}),s.challengedIds.length>0&&y("details",{open:t==="challenged",children:[y("summary",{style:{color:"var(--popmelt-library-muted)",cursor:"pointer",fontSize:12,listStyle:"none",padding:"0 4px"},children:["\u2212 ",s.challengedIds.length," challenged explanations"]}),l("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:s.challengedIds.map(c=>{let u=s.explanationsById.get(c);return u?l(Do,{explanation:u,expanded:r.has(c),onToggle:()=>i(c),onViewThread:n},c):null})})]})]})}function np({bridgeUrl:e,onMouseEnter:t,onMouseLeave:n,selectedComponent:r,hoveredComponent:o,onComponentHover:i,onSpacingTokenHover:a,onModifySpacingToken:s,onDeleteSpacingToken:d,onComponentAdded:c,onComponentRemoved:u,onViewThread:p,snapPosition:m="bottom-right",temporarilyHidden:h=!1}){let[v,,x]=bo(e),T=Ee[v],w={"--popmelt-library-surface":T.surface,"--popmelt-library-raised":T.raisedSurface,"--popmelt-library-control":T.control,"--popmelt-library-soft-surface":T.softSurface,"--popmelt-library-hover-surface":T.hoverSurface,"--popmelt-library-primary":T.primary,"--popmelt-library-filter-active":T.hoverForeground,"--popmelt-library-secondary":T.secondary,"--popmelt-library-muted":T.muted,"--popmelt-library-muted-strong":T.mutedStrong,"--popmelt-library-border":T.border,"--popmelt-library-hairline":T.hairline,"--popmelt-library-soft-hairline":T.softHairline},[S,H]=z(void 0),[L,k]=z({head:{sequence:0,updatedAt:new Date(0).toISOString()},counts:{total:0,emerging:0,testing:0,grounded:0,challenged:0,retired:0,needsGrounding:0},explanations:[]}),[E,$]=z(!0),[j]=z("understanding"),[P,A]=z("all"),F=M(null),[Z,de]=z({hasAbove:!1,hasBelow:!1}),[he,se]=z(()=>typeof window>"u"?1920:window.visualViewport?.width??window.innerWidth);D(()=>{let I=()=>se(window.visualViewport?.width??window.innerWidth);return window.addEventListener("resize",I),window.visualViewport?.addEventListener("resize",I),()=>{window.removeEventListener("resize",I),window.visualViewport?.removeEventListener("resize",I)}},[]);let J=ie(()=>{let I=F.current;if(!I)return;let C={hasAbove:I.scrollTop>1,hasBelow:I.scrollTop+I.clientHeight<I.scrollHeight-1};de(W=>W.hasAbove===C.hasAbove&&W.hasBelow===C.hasBelow?W:C)},[]);D(()=>{let I=!1;return hd(e).then(C=>{I||(k(C),$(!1))}),()=>{I=!0}},[e]),D(()=>{let I=requestAnimationFrame(J),C=F.current;if(!C||typeof ResizeObserver>"u")return()=>cancelAnimationFrame(I);let W=new ResizeObserver(J);W.observe(C);let B=C.firstElementChild;return B&&W.observe(B),()=>{cancelAnimationFrame(I),W.disconnect()}},[P,L,E,J]);let xe=ie(I=>{H(C=>{if(!C?.components)return C;let{[I]:W,...B}=C.components;return{...C,components:B}}),u?.(I)},[u]),X=S?.components,we=S?.tokens,Le=X&&Object.keys(X).length>0,U=we&&Object.keys(we).length>0,ke=M(null);return D(()=>{let I=ke.current;if(!I)return;let C=t,W=n;return C&&I.addEventListener("mouseenter",C),W&&I.addEventListener("mouseleave",W),()=>{C&&I.removeEventListener("mouseenter",C),W&&I.removeEventListener("mouseleave",W)}},[t,n]),y("div",{ref:ke,"data-devtools":"imprint-panel","data-popmelt-font":"sans","data-popmelt-theme":v,"data-popmelt-theme-preference":x,"aria-hidden":h||void 0,style:{...Wu,...w,...Fc(m,he),opacity:h?0:1,visibility:h?"hidden":"visible",pointerEvents:h?"none":"auto",transition:h?`opacity ${St}ms ease, visibility 0s linear ${St}ms`:"none"},children:[l("style",{children:`
|
|
210
210
|
[data-popmelt-imprint-filter]:hover {
|
|
211
211
|
background: var(--popmelt-library-hover-surface) !important;
|
|
212
212
|
color: var(--popmelt-library-filter-active) !important;
|
|
@@ -240,10 +240,10 @@ ${t}`:`${e}: ${t}`,style:{width:28,height:28,backgroundColor:t,outline:"1px soli
|
|
|
240
240
|
@media (hover: none), (pointer: coarse) {
|
|
241
241
|
[data-popmelt-imprint-filter] { min-height: 40px; }
|
|
242
242
|
}
|
|
243
|
-
`}),y("div",{style:{display:"flex",alignItems:"center",gap:6,fontWeight:600,fontSize:14,marginBottom:16},children:[l(ra,{size:16,strokeWidth:1.8,"aria-hidden":!0}),l("span",{children:"Imprint"}),l("code",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:18,height:18,boxSizing:"border-box",fontSize:12,fontWeight:500,backgroundColor:"var(--popmelt-library-control)",borderRadius:6,color:"var(--popmelt-library-muted-strong)"},children:"I"})]}),l("div",{style:{display:"flex",gap:0,marginBottom:16},children:["all","grounded","emerging","challenged"].map(I=>l("button",{"data-popmelt-imprint-filter":!0,type:"button","aria-pressed":P===I,onClick:()=>$(I),style:{border:0,borderRadius:8,background:P===I?"var(--popmelt-library-raised)":"transparent",color:P===I?"var(--popmelt-library-filter-active)":"var(--popmelt-library-muted)",cursor:"pointer",fontFamily:"inherit",fontSize:12,fontWeight:500,letterSpacing:"-0.12px",lineHeight:1.3,padding:"4px 8px"},children:I.charAt(0).toUpperCase()+I.slice(1)},I))}),l("div",{ref:F,"data-popmelt-imprint-scroll":!0,onScroll:U,style:{flex:1,overflowY:"auto",minHeight:0,margin:"0 -16px -16px",padding:"0 16px 16px",boxSizing:"border-box",maskImage:_.hasAbove&&_.hasBelow?"linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)":_.hasAbove?"linear-gradient(to bottom, transparent 0, black 24px)":_.hasBelow?"linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)":void 0,WebkitMaskImage:_.hasAbove&&_.hasBelow?"linear-gradient(to bottom, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)":_.hasAbove?"linear-gradient(to bottom, transparent 0, black 24px)":_.hasBelow?"linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)":void 0},children:l("div",{children:E?l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"Loading..."}):j==="understanding"?l(np,{view:L,filter:P,onViewThread:p}):j==="patterns"?Te?l(Ku,{components:K,selectedComponent:r,hoveredComponent:o,onRemove:xe,onHover:i}):l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."}):G?l(Ju,{tokens:we,onSpacingHover:a,onModifyToken:s,onDeleteToken:d}):l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No design tokens defined yet."})})})]})}function tl(e){let t=(e.id||e.label).replace(/^.*\//,"").match(/(?:^|[\s-])(\d+)(?:[.\s-](\d{1,2}))?/);return t?Number(t[1])*1e3+Number(t[2]??0):0}function nl(e){if(e.tierRank!==void 0)return e.tierRank;let t=`${e.id} ${e.label}`.toLowerCase();return/\b(nano|spark|haiku)\b/.test(t)?1:/\b(mini|luna|flash)\b/.test(t)?2:/\b(terra|sonnet)\b/.test(t)?3:/\b(sol|opus|pro)\b/.test(t)?4:/\b(fable|ultra)\b/.test(t)?5:3}function rl(e){let t=e.length>0&&e.every(({model:n})=>n.releaseDate&&Number.isFinite(Date.parse(n.releaseDate)));return[...e].sort((n,r)=>(t?Date.parse(n.model.releaseDate)-Date.parse(r.model.releaseDate):tl(n.model)-tl(r.model))||nl(n.model)-nl(r.model)||(r.model.catalogPriority??-r.index)-(n.model.catalogPriority??-n.index))}function ol(e,t){return rl(t.map((n,r)=>({index:r,model:n})))}function op(e){return[...new Set(e.flatMap(t=>t.upstreamProvider?[t.upstreamProvider]:[]))]}function ip(e,t){let n=Pr(t);return n?e.filter(r=>Pr(`${r} ${Rr(r)}`).includes(n)):e}function ap(e,t){if(!e||!t)return"";let n=Rr(e);return Pr(`${e} ${n}`).includes(Pr(t))?n:""}function il(e,t){return t?rl(e.flatMap((n,r)=>n.upstreamProvider===t?[{index:r,model:n}]:[])):[]}function lp(e,t){let n=il(e,t);return n.find(r=>r.model.isDefault)?.index??n[0]?.index??0}function Rr(e){let t={anthropic:"Anthropic","openai-codex":"OpenAI Codex",openai:"OpenAI",openrouter:"OpenRouter"};return t[e]?t[e]:e.split(/[-_]/).filter(Boolean).map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join(" ")}function Pr(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"")}var al={id:"",label:"Codex default",source:"cli",isDefault:!0};function sp(e){return[al,...e.filter(t=>t.id!=="")]}var ll={id:"",label:"Claude default",source:"static"};function sl(e){return/^claude-(?:ai|code)(?:$|[-.])/i.test(e)}function dp(e){return[ll,...e.filter(t=>t.id&&!sl(t.id))]}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",up="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",pp="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 fp({size:e=16,style:t}){return l("svg",{width:e,height:e,viewBox:"0 0 1200 1200",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:l("path",{d:cp})})}function hp({size:e=16,style:t}){return l("svg",{width:e,height:e,viewBox:"0 0 158.7128 157.296",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:l("path",{d:up})})}function mp({size:e=16,style:t}){return l("svg",{width:e,height:e,viewBox:"0 0 49.7202 40.0402",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:l("path",{d:pp,fillRule:"evenodd",clipRule:"evenodd"})})}function gp({size:e=16,style:t}){return l("svg",{width:e,height:e,viewBox:"8 8 48 48",fill:"none",style:{flexShrink:0,...t},children:l("path",{fill:"currentColor",d:"M14 16h36v8H40v32h-8V24h-6v22h-8V24h-4z"})})}function rr({provider:e,size:t=16,style:n}){return e==="codex"?l(hp,{size:t,style:n}):e==="copilot"?l(mp,{size:t,style:n}):e==="omp"?l(gp,{size:t,style:n}):l(fp,{size:t,style:n})}var dl=[{effort:"low"},{effort:"medium"},{effort:"high"},{effort:"xhigh"},{effort:"max"}],cl=[ll,{id:"claude-opus-4-6",label:"Opus 4.6",source:"static",supportedReasoningLevels:dl},{id:"claude-sonnet-4-6",label:"Sonn 4.6",source:"static",supportedReasoningLevels:dl}],yp=[al],ul=[{id:"",label:"Default",source:"static"}],pl=[{id:"",label:"OMP default",source:"static"}],bp=[...cl,...yp,...ul,...pl];function vp(e,t){if(t==="copilot"&&!e)return"Copilot";if(t==="omp"&&!e)return"OMP";if(!e)return t==="codex"?"Codex":"Claude Code";let n=bp.find(r=>r.id===e);return n?n.label:e.replace(/-\d{8,}$/,"")}var Hr=St,xp={minimal:"Minimal",low:"Low",medium:"Medium",high:"High",xhigh:"X-high",max:"Max",ultra:"Ultra"};function fl(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 wp({count:e,index:t,pill:n}){let r=Math.min(e,7),o=e<=1?0:Math.round(t*(r-1)/(e-1));return l("span",{title:`${t+1} of ${e}`,style:{alignItems:"center",background:n?"#333":"transparent",borderRadius:9,display:"inline-flex",gap:2,justifyContent:"center",padding:n?"2px 4px":4,transition:"background-color 120ms ease, padding 120ms ease"},children:Array.from({length:r},(i,a)=>{let s=a===o;return l("span",{style:a===0&&!s?{background:"#555",borderRadius:2,height:6,width:1,transition:"background-color 120ms ease, height 120ms ease, width 120ms ease"}:{background:s?"#fff":"#888",borderRadius:999,height:s?3:2,width:s?3:2,transition:"background-color 120ms ease, height 120ms ease, width 120ms ease"}},a)})})}function Qo({icon:e,options:t,selectedIndex:n,displayLabel:r,onSelect:o,scrub:i=!1,indicator:a="scale",indicatorActive:s=!0,onScrubChange:d}){let c=M(null),u=M(!1),[p,h]=A(!1),[m,v]=A(!1),x=n>=0&&n<t.length?n:0,T=t[x],w=!o||t.length<=1;return y("button",{type:"button",disabled:w,onPointerDown:S=>{!i||w||(c.current={x:S.clientX,index:x,moved:!1},v(!0),d?.(!0),S.currentTarget.setPointerCapture(S.pointerId))},onPointerMove:S=>{let H=c.current;if(!H||!i||!o)return;let L=S.clientX-H.x;Math.abs(L)>=4&&(H.moved=!0);let k=Math.max(0,Math.min(t.length-1,H.index+Math.round(L/22)));H.moved&&k!==x&&o(k)},onPointerUp:S=>{let H=c.current;H&&(S.currentTarget.hasPointerCapture(S.pointerId)&&S.currentTarget.releasePointerCapture(S.pointerId),u.current=H.moved,c.current=null,v(!1),d?.(!1))},onPointerCancel:()=>{c.current=null,v(!1),d?.(!1)},onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onClick:()=>{if(u.current){u.current=!1;return}w||o((x+1)%t.length)},style:{alignItems:"center",background:"transparent",border:0,borderRadius:24,color:a!=="check"&&(p||m)?"#eee":"#aaa",cursor:w?"default":i?"ew-resize":"pointer",display:"flex",fontFamily:Hr,fontSize:12,height:30,justifyContent:"space-between",letterSpacing:"0.12px",padding:"8px 6px 8px 10px",touchAction:i?"none":"auto",userSelect:"none",width:"100%",transition:"background-color 120ms ease, color 120ms ease"},children:[y("span",{style:{alignItems:"center",display:"inline-flex",gap:6,minWidth:0},children:[l(e,{"aria-hidden":"true",size:12,strokeWidth:1.75}),l("span",{style:{lineHeight:1.35,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r??T?.label??"Unavailable"})]}),a==="check"?l(Tn,{"aria-hidden":"true",color:"#fff",size:12,strokeWidth:2,style:{opacity:s?1:0,transition:"opacity 120ms ease"}}):l(wp,{count:t.length,index:n,pill:p||m})]})}function hl({visible:e,style:t,provider:n,availableProviders:r=[],models:o,modelIndex:i,agentSettings:a={},onProviderChange:s,onModelChange:d,onAgentSettingsChange:c,onMouseEnter:u,onMouseLeave:p,onScrubChange:h}){let m=o[i]??o[0],v=he(()=>op(o),[o]),x=m?.upstreamProvider??v[0],[T,w]=A(""),[S,H]=A(!1),[L,k]=A(!1),E=he(()=>ip(v,T),[T,v]),R=E[0],j=ap(R,T),P=j.toLowerCase().indexOf(T.trim().toLowerCase());D(()=>{S||w(x?Rr(x):"")},[S,x]);let $=C=>{let W=lp(o,C),B=o[W];w(Rr(C)),H(!1),d?.(W),a.serviceTier&&!B?.speedTiers?.some(N=>N.id===a.serviceTier)&&c?.({...a,serviceTier:void 0})},F=he(()=>n==="omp"?il(o,x):ol(n,o),[o,n,x]),_=F.findIndex(C=>C.index===i),de=F.map(C=>({value:String(C.index),label:fl(C.model.label)})),me=n==="claude"?["low","medium","high","xhigh","max"]:["low","medium","high","xhigh"],se=m?.supportedReasoningLevels?.map(C=>C.effort)??me,U=se.map(C=>({value:C,label:xp[C]??C})),xe=a.reasoningEffort??m?.defaultReasoningLevel??se[0],K=Math.max(0,se.indexOf(xe??"")),we=[{value:"",label:"Standard"},...(m?.speedTiers??[]).filter(C=>C.id!=="default").map(C=>({value:C.id,label:C.label}))],Te=Math.max(0,we.findIndex(C=>C.value===(a.serviceTier??""))),G=(m?.speedTiers?.length??0)>0,ke=C=>{let W=F[C];W&&(d?.(W.index),a.serviceTier&&!W.model.speedTiers?.some(B=>B.id===a.serviceTier)&&c?.({...a,serviceTier:void 0}))},I=["codex","claude","omp","copilot"].filter(C=>r.length===0||r.includes(C));return y("div",{"data-model-picker":!0,"data-popmelt-font":"sans",onMouseEnter:u,onMouseLeave:p,style:{background:"#222",border:"1px solid #ddd",borderRadius:20,bottom:39,boxSizing:"border-box",display:"flex",flexDirection:"column",left:0,opacity:e?1:0,padding:4,pointerEvents:e?"auto":"none",fontFamily:Hr,position:"absolute",transition:"opacity 120ms ease",width:139,zIndex:4,...t},children:[l("div",{style:{display:"flex",width:"100%"},children:I.map(C=>{let W=n===C;return l("button",{type:"button","aria-label":`Use ${C==="codex"?"GPT":C==="claude"?"Claude":C==="copilot"?"Copilot":"OMP"}`,"aria-pressed":W,disabled:!s,onClick:()=>s?.(C),style:{alignItems:"center",background:W?"#333":"transparent",border:0,borderRadius:24,color:W?"#eee":"#aaa",cursor:s?"pointer":"default",display:"flex",flex:1,justifyContent:"center",padding:"8px 10px",transition:"background-color 120ms ease, color 120ms ease"},children:l(rr,{provider:C,size:12})},C)})}),n==="omp"&&v.length>0&&y("div",{style:{position:"relative",width:"100%"},children:[l(na,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{color:"#777",left:10,opacity:L?1:0,pointerEvents:"none",position:"absolute",top:8,transition:"opacity 120ms ease",zIndex:3}}),S&&j&&l("div",{"aria-hidden":"true",style:{color:"#666",fontFamily:Hr,fontSize:12,height:28,left:0,lineHeight:"28px",overflow:"hidden",padding:L?"0 10px 0 28px":"0 10px",pointerEvents:"none",position:"absolute",right:0,top:0,transition:"padding-left 120ms ease",whiteSpace:"pre",zIndex:1},children:P>=0?y(Le,{children:[j.slice(0,P),l("span",{style:{color:"#eee"},children:j.slice(P,P+T.trim().length)}),j.slice(P+T.trim().length)]}):j}),l("input",{"aria-label":"OMP provider","aria-autocomplete":"inline",autoComplete:"off",onBlur:()=>{H(!1)},onChange:C=>{w(C.currentTarget.value),H(!0)},onFocus:C=>{H(!0),C.currentTarget.select()},onKeyDown:C=>{if(C.key==="Enter"){let W=E[0];W&&(C.preventDefault(),$(W),C.currentTarget.blur())}else if(C.key==="Tab"){let W=E[0];W&&j&&$(W)}else C.key==="Escape"&&C.currentTarget.blur()},onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),placeholder:"Provider",value:T,style:{background:"transparent",border:0,borderRadius:0,boxSizing:"border-box",color:S&&j?"transparent":S||L?"#eee":"#aaa",caretColor:S&&!j?"#eee":"transparent",cursor:S?"text":"pointer",fontFamily:Hr,fontSize:12,height:28,outline:"none",padding:L?"6px 10px 6px 28px":"6px 10px",position:"relative",transition:"color 120ms ease, padding-left 120ms ease",width:"100%",zIndex:2}})]}),l(Qo,{icon:Md,options:de,selectedIndex:_,displayLabel:_<0&&m?fl(m.label):void 0,onSelect:d?ke:void 0,onScrubChange:h,scrub:!0}),l(Qo,{icon:Ld,options:U,selectedIndex:K,onSelect:c?C=>c({...a,reasoningEffort:U[C].value}):void 0,onScrubChange:h,scrub:!0,indicator:"effort"}),G&&l(Le,{children:l(Qo,{icon:Te>0?Td:Ed,options:we,selectedIndex:Te,onSelect:c&&we.length>1?C=>c({...a,serviceTier:we[C].value||void 0}):void 0,indicator:"check",indicatorActive:Te>0})})]})}function Cp({provider:e,open:t,onClick:n,onMouseEnter:r,onMouseLeave:o,style:i}){let[a,s]=A(!1);return y("button",{type:"button","data-model-picker":!0,"aria-expanded":t,"aria-label":"Choose model settings",onMouseEnter:()=>{s(!0),r?.()},onMouseLeave:()=>{s(!1),o?.()},onClick:n,style:{alignItems:"center",background:t||a?"var(--popmelt-thread-control, #eaeaea)":"transparent",border:0,borderRadius:40,color:"var(--popmelt-thread-muted-strong, #888)",cursor:"pointer",display:"flex",gap:2,height:24,padding:"0 3px 0 6px",...i,transition:"background-color 120ms ease, color 120ms ease"},children:[l(rr,{provider:e,size:14}),l(wo,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{transform:t?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})]})}var Bt={iconDefault:"#1f2937",iconActive:"#1f2937",bgActive:"#dedede",bgHover:"#e2e2e2"};function ml({children:e,active:t,siblingActive:n,disabled:r,onClick:o,title:i}){let a=()=>r?.4:n&&!t?.5:1,s={position:"relative",display:"flex",alignItems:"center",justifyContent:"center",width:32,height:32,borderRadius:0,border:"none",cursor:r?"default":"pointer",transition:"background-color 150ms ease, color 150ms ease, transform 100ms ease, opacity 150ms ease",backgroundColor:t?Bt.bgActive:"transparent",color:t?Bt.iconActive:Bt.iconDefault,opacity:a()};return l("button",{type:"button",onClick:r?void 0:o,title:i,disabled:r,style:s,onMouseEnter:d=>{r||(d.currentTarget.style.opacity="1",t||(d.currentTarget.style.backgroundColor=Bt.bgHover))},onMouseLeave:d=>{r||(d.currentTarget.style.opacity=String(a()),t||(d.currentTarget.style.backgroundColor="transparent"))},onMouseDown:d=>{r||(d.currentTarget.style.transform="scale(0.95)")},onMouseUp:d=>{r||(d.currentTarget.style.transform="scale(1)")},children:e})}function kp(e,t){let n=[],r=new Set,o=[...e].sort((a,s)=>a.timestamp-s.timestamp),i=a=>!t.has(a)&&a.status!=="dismissed";for(let a of o)if(i(a)){if(a.groupId){if(r.has(a.groupId))continue;r.add(a.groupId);let s=e.filter(c=>c.groupId===a.groupId&&i(c));if(s.length===0)continue;let d=s.find(c=>c.type!=="text")??s[0];n.push({id:d.id,pathname:d.pathname??a.pathname,annotations:s,timestamp:Math.min(...s.map(c=>c.timestamp))});continue}n.push({id:a.id,pathname:a.pathname,annotations:[a],timestamp:a.timestamp})}return n.sort((a,s)=>a.timestamp-s.timestamp)}function gl(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 Sp(e,t){if(e.length===0)return null;if(!t)return e[0];let n=e.indexOf(t);return n<0||n===e.length-1?e[0]:e[n+1]}var it={expanded:"devtools-toolbar-expanded",annotations:"devtools-annotations",styleMods:"devtools-style-modifications",textMods:"devtools-text-modifications",domMods:"devtools-dom-modifications",spacingChanges:"devtools-spacing-changes",tool:"devtools-active-tool",color:"devtools-next-thread-color",legacyColor:"devtools-active-color",stroke:"devtools-stroke-width",inspected:"devtools-inspected-element"},Ip="v1",Mp="popmelt-workspace-generation";function Nr(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Lp(e,t){return{styleModifications:Nr(e.getItem(t.styleMods)),textModifications:Nr(e.getItem(t.textMods)),domModifications:Nr(e.getItem(t.domMods)),spacingTokenChanges:Nr(e.getItem(t.spacingChanges))}}function Ct(e,t){return`${e}:project:${encodeURIComponent(t.trim())}`}function jr(e){return{expanded:Ct(it.expanded,e),annotations:Ct(it.annotations,e),styleMods:Ct(it.styleMods,e),textMods:Ct(it.textMods,e),domMods:Ct(it.domMods,e),spacingChanges:Ct(it.spacingChanges,e),tool:Ct(it.tool,e),color:Ct(it.color,e),stroke:Ct(it.stroke,e),inspected:Ct(it.inspected,e)}}function yl(e){return Ct(Mp,e)}function Tp(e,t){let n=e.getItem(yl(t));if(n===null||n.trim()==="")return null;let r=Number(n);return Number.isInteger(r)&&r>=0?r:null}function Ep(e,t){return!Number.isInteger(t)||t<0?!1:t>(e??0)}function bl(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 Ap(e,t,n){return e.filter(r=>!r||typeof r.id!="string"||!bl(r,t)||(r.status??"pending")!=="pending"||r.threadId?!1:r.target?!0:!(r.linkedSelector&&!n(r.linkedSelector)))}function zp(e){let{storage:t,projectId:n,pathname:r,selectorExists:o}=e,i=jr(n),a=Ct(`popmelt-annotation-workspace-migration-${Ip}`,n);if(t.getItem(a)==="complete")return i;let s=Ap($p(t.getItem(it.annotations)),r,o);t.getItem(i.annotations)===null&&t.setItem(i.annotations,JSON.stringify(s));let d=[["expanded",it.expanded],["tool",it.tool],["color",it.color],["stroke",it.stroke]];for(let[c,u]of d){let p=c==="color"?t.getItem(u)??t.getItem(it.legacyColor):t.getItem(u);p!==null&&t.getItem(i[c])===null&&t.setItem(i[c],p)}for(let c of[i.styleMods,i.textMods,i.domMods,i.spacingChanges])t.getItem(c)===null&&t.setItem(c,"[]");t.getItem(i.inspected)===null&&t.removeItem(i.inspected),t.setItem(a,"complete");for(let c of Object.values(it))t.removeItem(c);return i}var Rp=["inspector","sticker","model"];function vl(e){return typeof e=="string"&&Rp.includes(e)?e:null}function _o(e,t){return vl(e.getItem(t))}function Pp(e,t,n){let r=vl(n);r&&e.setItem(t,r)}function Hp(e,t,n){let r=e.getRootNode().elementFromPoint?.(t,n)??e.ownerDocument.elementFromPoint?.(t,n);return r instanceof Node&&e.contains(r)}function Np(e,t){let n=null,r=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},o=i=>{let a=i.relatedTarget;if(a instanceof Node&&e.contains(a))return;let{clientX:s,clientY:d}=i;r(),n=requestAnimationFrame(()=>{n=null,Hp(e,s,d)||t()})};return e.addEventListener("pointerout",o),e.addEventListener("pointerover",r),()=>{r(),e.removeEventListener("pointerout",o),e.removeEventListener("pointerover",r)}}var jp=xd(()=>import("./PopmeltTasteConnectedPane-ODOMXUNO.mjs").then(e=>({default:e.PopmeltTasteConnectedPane})));function Op({size:e=16}){return l("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",fill:"none",style:{display:"block",width:e,height:e,flexShrink:0},children:l("path",{d:"M3.15151 1.43325C3.30812 1.4456 3.36664 1.45722 3.45913 1.4772L5.45327 1.90786C5.71961 1.96539 5.81497 1.98598 5.90835 1.9938C5.99722 2.00121 6.08709 2.00077 6.17592 1.99282C6.26931 1.98444 6.36483 1.96415 6.631 1.90493L8.52846 1.48208C8.62443 1.46073 8.68517 1.44843 8.84487 1.4352C8.89832 1.43078 8.99671 1.43071 9.06752 1.4313C9.12351 1.43176 9.19661 1.43502 9.25112 1.43813C9.25428 1.43772 9.25729 1.43652 9.25991 1.43618C9.29344 1.43249 9.32029 1.4337 9.3312 1.43423C9.35404 1.43535 9.37234 1.43727 9.37807 1.43813C9.3909 1.44012 9.40199 1.44249 9.40444 1.44302C9.41007 1.44422 9.41536 1.44552 9.41713 1.44595C9.41937 1.44648 9.42267 1.44735 9.42495 1.4479C10.0388 1.59533 10.4714 2.02864 10.7706 2.55435C11.0678 3.07651 11.2576 3.72874 11.379 4.40688C11.6224 5.76563 11.6131 7.34759 11.5558 8.50942C11.4955 9.73176 10.4539 10.6959 9.20327 10.5514C9.17055 10.5476 9.13946 10.5392 9.10952 10.529C8.98545 10.5053 8.871 10.433 8.80288 10.3151L7.43569 7.94692C7.43478 7.94534 7.43365 7.94363 7.43276 7.94204L7.38491 7.94497H4.61538L4.5685 7.94204C4.56013 7.9638 4.55123 7.98566 4.5392 8.00649L3.2062 10.3161C3.13089 10.4465 2.99974 10.5228 2.86049 10.5368C2.84008 10.5421 2.81956 10.5489 2.79799 10.5514C1.54661 10.6961 0.506006 9.72812 0.450337 8.50552C0.397386 7.34234 0.393576 5.75864 0.638814 4.40005C0.761156 3.72243 0.950829 3.07145 1.24624 2.55044C1.54356 2.02625 1.97419 1.59289 2.5851 1.44692C2.58741 1.44637 2.59064 1.44551 2.59292 1.44497C2.59413 1.44468 2.59975 1.4433 2.60561 1.44204C2.60725 1.44169 2.61812 1.43919 2.631 1.43716C2.63582 1.4364 2.65526 1.43343 2.67983 1.43227C2.68721 1.43193 2.69776 1.43202 2.7101 1.43227C2.72184 1.43252 2.74093 1.43296 2.76381 1.43618V1.43716C2.81577 1.43448 2.88162 1.43088 2.93276 1.43032C3.00218 1.42958 3.09906 1.42915 3.15151 1.43325ZM2.84487 2.33267C2.81452 2.3336 2.80259 2.33385 2.80385 2.33364C2.78384 2.33565 2.76472 2.33745 2.74721 2.33852C2.7445 2.33866 2.74126 2.33838 2.73842 2.33852C2.47469 2.42009 2.23761 2.62688 2.02944 2.9938C1.80471 3.39003 1.63834 3.92989 1.52456 4.5602C1.29746 5.81829 1.29772 7.32142 1.34975 8.4645C1.38088 9.14827 1.91024 9.65706 2.54311 9.66372L3.69545 7.66665C3.24293 7.36725 2.9435 6.85526 2.9435 6.27212C2.94361 5.57966 3.50494 5.01833 4.19741 5.01821H7.80288L7.93081 5.02505C8.5631 5.0893 9.05668 5.6229 9.05678 6.27212C9.05678 6.85264 8.75979 7.36277 8.31069 7.66274L9.46596 9.66274C10.0968 9.65246 10.6236 9.14681 10.6574 8.46548C10.7137 7.32383 10.7176 5.82237 10.4923 4.56509C10.3795 3.93533 10.214 3.39611 9.98842 2.99966C9.7791 2.63188 9.5394 2.4224 9.26967 2.3395C9.26577 2.33933 9.26169 2.33973 9.25795 2.3395C9.24049 2.33841 9.22072 2.33665 9.20034 2.33462C9.19676 2.33442 9.18388 2.33338 9.15932 2.33267C9.13093 2.33185 9.09544 2.33199 9.05971 2.33169C9.02419 2.3314 8.98934 2.33135 8.96108 2.33169C8.93444 2.33202 8.92128 2.33261 8.91909 2.33267C8.85721 2.33779 8.82528 2.34101 8.80385 2.34438C8.78271 2.34774 8.76489 2.35184 8.72377 2.36099L6.82631 2.78286C6.58172 2.83728 6.42081 2.87453 6.256 2.88931C6.11576 2.90186 5.97445 2.90196 5.83413 2.89028C5.66926 2.87651 5.50778 2.84065 5.26284 2.78774L3.2687 2.35708C3.23006 2.34874 3.21432 2.34544 3.19448 2.34243C3.17395 2.33932 3.14269 2.33556 3.0812 2.33071H2.94252C2.90734 2.33109 2.8728 2.33181 2.84487 2.33267ZM4.19741 5.9186C4.002 5.91872 3.84401 6.07671 3.84389 6.27212C3.8439 6.69847 4.18906 7.04443 4.61538 7.04458H7.38491C7.81117 7.04436 8.15639 6.69843 8.15639 6.27212C8.15628 6.07675 7.99822 5.91878 7.80288 5.9186H4.19741ZM9.21596 2.32388H9.21889C9.21766 2.32357 9.21622 2.3232 9.21499 2.3229L9.2101 2.32192C9.21058 2.32203 9.21313 2.32324 9.21596 2.32388ZM2.85756 2.30337C2.85868 2.30294 2.86331 2.30152 2.86831 2.29946C2.87039 2.29859 2.87348 2.29717 2.8771 2.29556L2.85756 2.30337ZM9.47768 1.46645L9.47963 1.46743C9.48162 1.46823 9.48579 1.46939 9.49038 1.47134C9.4866 1.46968 9.48311 1.46806 9.48159 1.46743C9.47986 1.4667 9.47829 1.46572 9.47768 1.46548V1.46645Z",fill:"currentColor"})})}var Wp=qs;function Bp({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 Dp({reconnecting:e,refresh:t,paused:n=!1}){return e?l(Xn,{size:14,strokeWidth:1.5,"aria-hidden":"true","data-popmelt-reconnecting-spinner":!0,style:{animation:"spin 0.8s linear infinite"}}):n?l(ca,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):t?l(Co,{size:14,strokeWidth:1.5}):l(ko,{size:14,strokeWidth:1.5})}function Fp({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 Vp({hovered:e,canRestartBridge:t,bridgeRestartDisabled:n,bridgeRestartState:r,isBridgeConnected:o}){return e&&t&&!n&&r==="idle"&&o!==!1}function Zo({value:e,options:t,onChange:n,disabled:r=!1}){let[o,i]=A(!1),[a,s]=A({side:"below",maxHeight:220}),d=M(null),c=M(null),u=t.find(p=>p.value===e)??t[0];return Ze(()=>{if(!o||!d.current)return;let p=()=>{let m=d.current?.getBoundingClientRect();if(!m)return;let v=8,x=Math.max(0,window.innerHeight-m.bottom-v),T=Math.max(0,m.top-v),w=Math.min(220,t.length*30+2),S=x>=Math.min(w,120)||x>=T?"below":"above";s({side:S,maxHeight:Math.max(48,Math.min(w,S==="below"?x:T))})};p(),window.addEventListener("resize",p),window.addEventListener("scroll",p,!0);let h=requestAnimationFrame(()=>{c.current?.scrollIntoView({block:"nearest"})});return()=>{cancelAnimationFrame(h),window.removeEventListener("resize",p),window.removeEventListener("scroll",p,!0)}},[o,t.length,e]),D(()=>{if(!o)return;let p=m=>{!d.current||m.composedPath().includes(d.current)||i(!1)},h=m=>{m.key==="Escape"&&i(!1)};return document.addEventListener("mousedown",p),document.addEventListener("keydown",h),()=>{document.removeEventListener("mousedown",p),document.removeEventListener("keydown",h)}},[o]),y("div",{ref:d,style:{position:"relative",minWidth:0},children:[y("button",{type:"button",disabled:r,"aria-expanded":o,onClick:()=>i(p=>!p),style:{width:"100%",height:28,display:"flex",alignItems:"center",justifyContent:"space-between",gap:6,border:"1px solid rgba(0,0,0,0.14)",borderRadius:0,backgroundColor:o?"#fff":"transparent",color:o?"#1f2937":"#8f8f8f",font:"inherit",fontSize:11,padding:"0 7px",cursor:r?"default":"pointer",opacity:r?.45:1,textAlign:"left"},children:[l("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:u?.label??""}),l(wo,{size:12,style:{flexShrink:0}})]}),o&&l("div",{style:{position:"absolute",...a.side==="below"?{top:"100%",marginTop:2}:{bottom:"100%",marginBottom:2},left:0,right:0,maxHeight:a.maxHeight,backgroundColor:"#fff",border:"1px solid rgba(0,0,0,0.1)",zIndex:10002,overflowX:"hidden",overflowY:"auto"},children:t.map(p=>{let h=p.value===e;return y("button",{ref:h?c:void 0,type:"button",onClick:()=>{n?.(p.value),i(!1)},style:{width:"100%",minHeight:30,display:"flex",alignItems:"center",gap:7,border:"none",backgroundColor:h?"#f3f4f6":"#fff",color:"#1f2937",font:"inherit",fontSize:11,padding:"6px 8px",cursor:"pointer",textAlign:"left"},children:[l("span",{style:{width:14,display:"flex",flexShrink:0},children:h&&l(Tn,{size:13,strokeWidth:2})}),l("span",{children:p.label})]},p.value)})})]})}function Qp(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 _p(e,t,n,r,o,i,a,s){let d=(e-o)*(r-i)-(n-o)*(t-i),c=(e-a)*(i-s)-(o-a)*(t-s),u=(e-n)*(s-r)-(a-n)*(t-r),p=d<0||c<0||u<0,h=d>0||c>0||u>0;return!(p&&h)}function Zp(e="bottom-right"){return Qc(e,window.innerWidth,window.innerHeight)}function qp(){return ta(Vd,{"aria-hidden":!0,size:14,strokeWidth:1.5,style:{flexShrink:0}})}function Up(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 xl={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.
|
|
243
|
+
`}),y("div",{style:{display:"flex",alignItems:"center",gap:6,fontWeight:600,fontSize:14,marginBottom:16},children:[l(na,{size:16,strokeWidth:1.8,"aria-hidden":!0}),l("span",{children:"Imprint"}),l("code",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:18,height:18,boxSizing:"border-box",fontSize:12,fontWeight:500,backgroundColor:"var(--popmelt-library-control)",borderRadius:6,color:"var(--popmelt-library-muted-strong)"},children:"I"})]}),l("div",{style:{display:"flex",gap:0,marginBottom:16},children:["all","grounded","emerging","challenged"].map(I=>l("button",{"data-popmelt-imprint-filter":!0,type:"button","aria-pressed":P===I,onClick:()=>A(I),style:{border:0,borderRadius:8,background:P===I?"var(--popmelt-library-raised)":"transparent",color:P===I?"var(--popmelt-library-filter-active)":"var(--popmelt-library-muted)",cursor:"pointer",fontFamily:"inherit",fontSize:12,fontWeight:500,letterSpacing:"-0.12px",lineHeight:1.3,padding:"4px 8px"},children:I.charAt(0).toUpperCase()+I.slice(1)},I))}),l("div",{ref:F,"data-popmelt-imprint-scroll":!0,onScroll: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:l("div",{children:E?l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:12},children:"Loading..."}):j==="understanding"?l(tp,{view:L,filter:P,onViewThread:p}):j==="patterns"?Le?l(Gu,{components:X,selectedComponent:r,hoveredComponent:o,onRemove:xe,onHover:i}):l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No component patterns defined yet."}):U?l(Ju,{tokens:we,onSpacingHover:a,onModifyToken:s,onDeleteToken:d}):l("div",{style:{color:"var(--popmelt-library-muted)",fontSize:11},children:"No design tokens defined yet."})})})]})}function Ya(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 el(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 tl(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):Ya(n.model)-Ya(r.model))||el(n.model)-el(r.model)||(r.model.catalogPriority??-r.index)-(n.model.catalogPriority??-n.index))}function nl(e,t){return tl(t.map((n,r)=>({index:r,model:n})))}function rp(e){return[...new Set(e.flatMap(t=>t.upstreamProvider?[t.upstreamProvider]:[]))]}function op(e,t){let n=$r(t);return n?e.filter(r=>$r(`${r} ${Rr(r)}`).includes(n)):e}function ip(e,t){if(!e||!t)return"";let n=Rr(e);return $r(`${e} ${n}`).includes($r(t))?n:""}function rl(e,t){return t?tl(e.flatMap((n,r)=>n.upstreamProvider===t?[{index:r,model:n}]:[])):[]}function ap(e,t){let n=rl(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 $r(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"")}var ol={id:"",label:"Codex default",source:"cli",isDefault:!0};function lp(e){return[ol,...e.filter(t=>t.id!=="")]}var il={id:"",label:"Claude default",source:"static"};function al(e){return/^claude-(?:ai|code)(?:$|[-.])/i.test(e)}function sp(e){return[il,...e.filter(t=>t.id&&!al(t.id))]}var dp="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",cp="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",up="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 pp({size:e=16,style:t}){return l("svg",{width:e,height:e,viewBox:"0 0 1200 1200",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:l("path",{d:dp})})}function fp({size:e=16,style:t}){return l("svg",{width:e,height:e,viewBox:"0 0 158.7128 157.296",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:l("path",{d:cp})})}function mp({size:e=16,style:t}){return l("svg",{width:e,height:e,viewBox:"0 0 49.7202 40.0402",fill:"currentColor",stroke:"none",style:{flexShrink:0,...t},children:l("path",{d:up,fillRule:"evenodd",clipRule:"evenodd"})})}function hp({size:e=16,style:t}){return l("svg",{width:e,height:e,viewBox:"8 8 48 48",fill:"none",style:{flexShrink:0,...t},children:l("path",{fill:"currentColor",d:"M14 16h36v8H40v32h-8V24h-6v22h-8V24h-4z"})})}function rr({provider:e,size:t=16,style:n}){return e==="codex"?l(fp,{size:t,style:n}):e==="copilot"?l(mp,{size:t,style:n}):e==="omp"?l(hp,{size:t,style:n}):l(pp,{size:t,style:n})}var ll=[{effort:"low"},{effort:"medium"},{effort:"high"},{effort:"xhigh"},{effort:"max"}],sl=[il,{id:"claude-opus-4-6",label:"Opus 4.6",source:"static",supportedReasoningLevels:ll},{id:"claude-sonnet-4-6",label:"Sonn 4.6",source:"static",supportedReasoningLevels:ll}],gp=[ol],dl=[{id:"",label:"Default",source:"static"}],cl=[{id:"",label:"OMP default",source:"static"}],yp=[...sl,...gp,...dl,...cl];function bp(e,t){if(t==="copilot"&&!e)return"Copilot";if(t==="omp"&&!e)return"OMP";if(!e)return t==="codex"?"Codex":"Claude Code";let n=yp.find(r=>r.id===e);return n?n.label:e.replace(/-\d{8,}$/,"")}var Pr=Et,vp={minimal:"Minimal",low:"Low",medium:"Medium",high:"High",xhigh:"X-high",max:"Max",ultra:"Ultra"};function ul(e){let t=e.replace(/-/g," ").replace(/^claude\s+/i,"").replace(/^GPT\s*/i,"GPT ").replace(/^Sonn\b/i,"Sonnet").replace(/^(fable|opus|sonnet)\b/i,i=>i.charAt(0).toUpperCase()+i.slice(1).toLowerCase()),n=t.match(/^GPT\s+(\d+)(?:\.(\d+))?\b/i);if(!n)return t;let r=Number(n[1]),o=Number(n[2]??0);return r>5||r===5&&o>=6?t.replace(/^GPT\s+/i,""):t}function xp({count:e,index:t,pill:n}){let r=Math.min(e,7),o=e<=1?0:Math.round(t*(r-1)/(e-1));return l("span",{title:`${t+1} of ${e}`,style:{alignItems:"center",background:n?"#333":"transparent",borderRadius:9,display:"inline-flex",gap:2,justifyContent:"center",padding:n?"2px 4px":4,transition:"background-color 120ms ease, padding 120ms ease"},children:Array.from({length:r},(i,a)=>{let s=a===o;return l("span",{style:a===0&&!s?{background:"#555",borderRadius:2,height:6,width:1,transition:"background-color 120ms ease, height 120ms ease, width 120ms ease"}:{background:s?"#fff":"#888",borderRadius:999,height:s?3:2,width:s?3:2,transition:"background-color 120ms ease, height 120ms ease, width 120ms ease"}},a)})})}function Fo({icon:e,options:t,selectedIndex:n,displayLabel:r,onSelect:o,scrub:i=!1,indicator:a="scale",indicatorActive:s=!0,onScrubChange:d}){let c=M(null),u=M(!1),[p,m]=z(!1),[h,v]=z(!1),x=n>=0&&n<t.length?n:0,T=t[x],w=!o||t.length<=1;return y("button",{type:"button",disabled:w,onPointerDown:S=>{!i||w||(c.current={x:S.clientX,index:x,moved:!1},v(!0),d?.(!0),S.currentTarget.setPointerCapture(S.pointerId))},onPointerMove:S=>{let H=c.current;if(!H||!i||!o)return;let L=S.clientX-H.x;Math.abs(L)>=4&&(H.moved=!0);let k=Math.max(0,Math.min(t.length-1,H.index+Math.round(L/22)));H.moved&&k!==x&&o(k)},onPointerUp:S=>{let H=c.current;H&&(S.currentTarget.hasPointerCapture(S.pointerId)&&S.currentTarget.releasePointerCapture(S.pointerId),u.current=H.moved,c.current=null,v(!1),d?.(!1))},onPointerCancel:()=>{c.current=null,v(!1),d?.(!1)},onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),onClick:()=>{if(u.current){u.current=!1;return}w||o((x+1)%t.length)},style:{alignItems:"center",background:"transparent",border:0,borderRadius:24,color:a!=="check"&&(p||h)?"#eee":"#aaa",cursor:w?"default":i?"ew-resize":"pointer",display:"flex",fontFamily:Pr,fontSize:12,height:30,justifyContent:"space-between",letterSpacing:"0.12px",padding:"8px 6px 8px 10px",touchAction:i?"none":"auto",userSelect:"none",width:"100%",transition:"background-color 120ms ease, color 120ms ease"},children:[y("span",{style:{alignItems:"center",display:"inline-flex",gap:6,minWidth:0},children:[l(e,{"aria-hidden":"true",size:12,strokeWidth:1.75}),l("span",{style:{lineHeight:1.35,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r??T?.label??"Unavailable"})]}),a==="check"?l(Tn,{"aria-hidden":"true",color:"#fff",size:12,strokeWidth:2,style:{opacity:s?1:0,transition:"opacity 120ms ease"}}):l(xp,{count:t.length,index:n,pill:p||h})]})}function pl({visible:e,style:t,provider:n,availableProviders:r=[],models:o,modelIndex:i,agentSettings:a={},onProviderChange:s,onModelChange:d,onAgentSettingsChange:c,onMouseEnter:u,onMouseLeave:p,onScrubChange:m}){let h=o[i]??o[0],v=me(()=>rp(o),[o]),x=h?.upstreamProvider??v[0],[T,w]=z(""),[S,H]=z(!1),[L,k]=z(!1),E=me(()=>op(v,T),[T,v]),$=E[0],j=ip($,T),P=j.toLowerCase().indexOf(T.trim().toLowerCase());D(()=>{S||w(x?Rr(x):"")},[S,x]);let A=C=>{let W=ap(o,C),B=o[W];w(Rr(C)),H(!1),d?.(W),a.serviceTier&&!B?.speedTiers?.some(N=>N.id===a.serviceTier)&&c?.({...a,serviceTier:void 0})},F=me(()=>n==="omp"?rl(o,x):nl(n,o),[o,n,x]),Z=F.findIndex(C=>C.index===i),de=F.map(C=>({value:String(C.index),label:ul(C.model.label)})),he=n==="claude"?["low","medium","high","xhigh","max"]:["low","medium","high","xhigh"],se=h?.supportedReasoningLevels?.map(C=>C.effort)??he,J=se.map(C=>({value:C,label:vp[C]??C})),xe=a.reasoningEffort??h?.defaultReasoningLevel??se[0],X=Math.max(0,se.indexOf(xe??"")),we=[{value:"",label:"Standard"},...(h?.speedTiers??[]).filter(C=>C.id!=="default").map(C=>({value:C.id,label:C.label}))],Le=Math.max(0,we.findIndex(C=>C.value===(a.serviceTier??""))),U=(h?.speedTiers?.length??0)>0,ke=C=>{let W=F[C];W&&(d?.(W.index),a.serviceTier&&!W.model.speedTiers?.some(B=>B.id===a.serviceTier)&&c?.({...a,serviceTier:void 0}))},I=["codex","claude","omp","copilot"].filter(C=>r.length===0||r.includes(C));return y("div",{"data-model-picker":!0,"data-popmelt-font":"sans",onMouseEnter:u,onMouseLeave:p,style:{background:"#222",border:"1px solid #ddd",borderRadius:20,bottom:39,boxSizing:"border-box",display:"flex",flexDirection:"column",left:0,opacity:e?1:0,padding:4,pointerEvents:e?"auto":"none",fontFamily:Pr,position:"absolute",transition:"opacity 120ms ease",width:139,zIndex:4,...t},children:[l("div",{style:{display:"flex",width:"100%"},children:I.map(C=>{let W=n===C;return l("button",{type:"button","aria-label":`Use ${C==="codex"?"GPT":C==="claude"?"Claude":C==="copilot"?"Copilot":"OMP"}`,"aria-pressed":W,disabled:!s,onClick:()=>s?.(C),style:{alignItems:"center",background:W?"#333":"transparent",border:0,borderRadius:24,color:W?"#eee":"#aaa",cursor:s?"pointer":"default",display:"flex",flex:1,justifyContent:"center",padding:"8px 10px",transition:"background-color 120ms ease, color 120ms ease"},children:l(rr,{provider:C,size:12})},C)})}),n==="omp"&&v.length>0&&y("div",{style:{position:"relative",width:"100%"},children:[l(ta,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{color:"#777",left:10,opacity:L?1:0,pointerEvents:"none",position:"absolute",top:8,transition:"opacity 120ms ease",zIndex:3}}),S&&j&&l("div",{"aria-hidden":"true",style:{color:"#666",fontFamily:Pr,fontSize:12,height:28,left:0,lineHeight:"28px",overflow:"hidden",padding:L?"0 10px 0 28px":"0 10px",pointerEvents:"none",position:"absolute",right:0,top:0,transition:"padding-left 120ms ease",whiteSpace:"pre",zIndex:1},children:P>=0?y(Me,{children:[j.slice(0,P),l("span",{style:{color:"#eee"},children:j.slice(P,P+T.trim().length)}),j.slice(P+T.trim().length)]}):j}),l("input",{"aria-label":"OMP provider","aria-autocomplete":"inline",autoComplete:"off",onBlur:()=>{H(!1)},onChange:C=>{w(C.currentTarget.value),H(!0)},onFocus:C=>{H(!0),C.currentTarget.select()},onKeyDown:C=>{if(C.key==="Enter"){let W=E[0];W&&(C.preventDefault(),A(W),C.currentTarget.blur())}else if(C.key==="Tab"){let W=E[0];W&&j&&A(W)}else C.key==="Escape"&&C.currentTarget.blur()},onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),placeholder:"Provider",value:T,style:{background:"transparent",border:0,borderRadius:0,boxSizing:"border-box",color:S&&j?"transparent":S||L?"#eee":"#aaa",caretColor:S&&!j?"#eee":"transparent",cursor:S?"text":"pointer",fontFamily:Pr,fontSize:12,height:28,outline:"none",padding:L?"6px 10px 6px 28px":"6px 10px",position:"relative",transition:"color 120ms ease, padding-left 120ms ease",width:"100%",zIndex:2}})]}),l(Fo,{icon:Id,options:de,selectedIndex:Z,displayLabel:Z<0&&h?ul(h.label):void 0,onSelect:d?ke:void 0,onScrubChange:m,scrub:!0}),l(Fo,{icon:Md,options:J,selectedIndex:X,onSelect:c?C=>c({...a,reasoningEffort:J[C].value}):void 0,onScrubChange:m,scrub:!0,indicator:"effort"}),U&&l(Me,{children:l(Fo,{icon:Le>0?Ld:Td,options:we,selectedIndex:Le,onSelect:c&&we.length>1?C=>c({...a,serviceTier:we[C].value||void 0}):void 0,indicator:"check",indicatorActive:Le>0})})]})}function wp({provider:e,open:t,onClick:n,onMouseEnter:r,onMouseLeave:o,style:i}){let[a,s]=z(!1);return y("button",{type:"button","data-model-picker":!0,"aria-expanded":t,"aria-label":"Choose model settings",onMouseEnter:()=>{s(!0),r?.()},onMouseLeave:()=>{s(!1),o?.()},onClick:n,style:{alignItems:"center",background:t||a?"var(--popmelt-thread-control, #eaeaea)":"transparent",border:0,borderRadius:40,color:"var(--popmelt-thread-muted-strong, #888)",cursor:"pointer",display:"flex",gap:2,height:24,padding:"0 3px 0 6px",...i,transition:"background-color 120ms ease, color 120ms ease"},children:[l(rr,{provider:e,size:14}),l(wo,{"aria-hidden":"true",size:12,strokeWidth:1.75,style:{transform:t?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})]})}var Bt={iconDefault:"#1f2937",iconActive:"#1f2937",bgActive:"#dedede",bgHover:"#e2e2e2"};function fl({children:e,active:t,siblingActive:n,disabled:r,onClick:o,title:i}){let a=()=>r?.4:n&&!t?.5:1,s={position:"relative",display:"flex",alignItems:"center",justifyContent:"center",width:32,height:32,borderRadius:0,border:"none",cursor:r?"default":"pointer",transition:"background-color 150ms ease, color 150ms ease, transform 100ms ease, opacity 150ms ease",backgroundColor:t?Bt.bgActive:"transparent",color:t?Bt.iconActive:Bt.iconDefault,opacity:a()};return l("button",{type:"button",onClick:r?void 0:o,title:i,disabled:r,style:s,onMouseEnter:d=>{r||(d.currentTarget.style.opacity="1",t||(d.currentTarget.style.backgroundColor=Bt.bgHover))},onMouseLeave:d=>{r||(d.currentTarget.style.opacity=String(a()),t||(d.currentTarget.style.backgroundColor="transparent"))},onMouseDown:d=>{r||(d.currentTarget.style.transform="scale(0.95)")},onMouseUp:d=>{r||(d.currentTarget.style.transform="scale(1)")},children:e})}function Cp(e,t){let n=[],r=new Set,o=[...e].sort((a,s)=>a.timestamp-s.timestamp),i=a=>!t.has(a)&&a.status!=="dismissed";for(let a of o)if(i(a)){if(a.groupId){if(r.has(a.groupId))continue;r.add(a.groupId);let s=e.filter(c=>c.groupId===a.groupId&&i(c));if(s.length===0)continue;let d=s.find(c=>c.type!=="text")??s[0];n.push({id:d.id,pathname:d.pathname??a.pathname,annotations:s,timestamp:Math.min(...s.map(c=>c.timestamp))});continue}n.push({id:a.id,pathname:a.pathname,annotations:[a],timestamp:a.timestamp})}return n.sort((a,s)=>a.timestamp-s.timestamp)}function ml(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 kp(e,t){if(e.length===0)return null;if(!t)return e[0];let n=e.indexOf(t);return n<0||n===e.length-1?e[0]:e[n+1]}var it={expanded:"devtools-toolbar-expanded",annotations:"devtools-annotations",styleMods:"devtools-style-modifications",textMods:"devtools-text-modifications",domMods:"devtools-dom-modifications",spacingChanges:"devtools-spacing-changes",tool:"devtools-active-tool",color:"devtools-next-thread-color",legacyColor:"devtools-active-color",stroke:"devtools-stroke-width",inspected:"devtools-inspected-element"},Sp="v1",Ip="popmelt-workspace-generation";function Hr(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Mp(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 Ct(e,t){return`${e}:project:${encodeURIComponent(t.trim())}`}function Nr(e){return{expanded:Ct(it.expanded,e),annotations:Ct(it.annotations,e),styleMods:Ct(it.styleMods,e),textMods:Ct(it.textMods,e),domMods:Ct(it.domMods,e),spacingChanges:Ct(it.spacingChanges,e),tool:Ct(it.tool,e),color:Ct(it.color,e),stroke:Ct(it.stroke,e),inspected:Ct(it.inspected,e)}}function hl(e){return Ct(Ip,e)}function Lp(e,t){let n=e.getItem(hl(t));if(n===null||n.trim()==="")return null;let r=Number(n);return Number.isInteger(r)&&r>=0?r:null}function Tp(e,t){return!Number.isInteger(t)||t<0?!1:t>(e??0)}function gl(e,t){return typeof e.pathname=="string"&&e.pathname===t}function Ep(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Ap(e,t,n){return e.filter(r=>!r||typeof r.id!="string"||!gl(r,t)||(r.status??"pending")!=="pending"||r.threadId?!1:r.target?!0:!(r.linkedSelector&&!n(r.linkedSelector)))}function zp(e){let{storage:t,projectId:n,pathname:r,selectorExists:o}=e,i=Nr(n),a=Ct(`popmelt-annotation-workspace-migration-${Sp}`,n);if(t.getItem(a)==="complete")return i;let s=Ap(Ep(t.getItem(it.annotations)),r,o);t.getItem(i.annotations)===null&&t.setItem(i.annotations,JSON.stringify(s));let d=[["expanded",it.expanded],["tool",it.tool],["color",it.color],["stroke",it.stroke]];for(let[c,u]of d){let p=c==="color"?t.getItem(u)??t.getItem(it.legacyColor):t.getItem(u);p!==null&&t.getItem(i[c])===null&&t.setItem(i[c],p)}for(let c of[i.styleMods,i.textMods,i.domMods,i.spacingChanges])t.getItem(c)===null&&t.setItem(c,"[]");t.getItem(i.inspected)===null&&t.removeItem(i.inspected),t.setItem(a,"complete");for(let c of Object.values(it))t.removeItem(c);return i}var Rp=["inspector","sticker","model"];function yl(e){return typeof e=="string"&&Rp.includes(e)?e:null}function Vo(e,t){return yl(e.getItem(t))}function $p(e,t,n){let r=yl(n);r&&e.setItem(t,r)}function Pp(e,t,n){let r=e.getRootNode().elementFromPoint?.(t,n)??e.ownerDocument.elementFromPoint?.(t,n);return r instanceof Node&&e.contains(r)}function Hp(e,t){let n=null,r=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},o=i=>{let a=i.relatedTarget;if(a instanceof Node&&e.contains(a))return;let{clientX:s,clientY:d}=i;r(),n=requestAnimationFrame(()=>{n=null,Pp(e,s,d)||t()})};return e.addEventListener("pointerout",o),e.addEventListener("pointerover",r),()=>{r(),e.removeEventListener("pointerout",o),e.removeEventListener("pointerover",r)}}var Np=vd(()=>import("./PopmeltTasteConnectedPane-A7QLXPE4.mjs").then(e=>({default:e.PopmeltTasteConnectedPane})));function jp({size:e=16}){return l("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",fill:"none",style:{display:"block",width:e,height:e,flexShrink:0},children:l("path",{d:"M3.15151 1.43325C3.30812 1.4456 3.36664 1.45722 3.45913 1.4772L5.45327 1.90786C5.71961 1.96539 5.81497 1.98598 5.90835 1.9938C5.99722 2.00121 6.08709 2.00077 6.17592 1.99282C6.26931 1.98444 6.36483 1.96415 6.631 1.90493L8.52846 1.48208C8.62443 1.46073 8.68517 1.44843 8.84487 1.4352C8.89832 1.43078 8.99671 1.43071 9.06752 1.4313C9.12351 1.43176 9.19661 1.43502 9.25112 1.43813C9.25428 1.43772 9.25729 1.43652 9.25991 1.43618C9.29344 1.43249 9.32029 1.4337 9.3312 1.43423C9.35404 1.43535 9.37234 1.43727 9.37807 1.43813C9.3909 1.44012 9.40199 1.44249 9.40444 1.44302C9.41007 1.44422 9.41536 1.44552 9.41713 1.44595C9.41937 1.44648 9.42267 1.44735 9.42495 1.4479C10.0388 1.59533 10.4714 2.02864 10.7706 2.55435C11.0678 3.07651 11.2576 3.72874 11.379 4.40688C11.6224 5.76563 11.6131 7.34759 11.5558 8.50942C11.4955 9.73176 10.4539 10.6959 9.20327 10.5514C9.17055 10.5476 9.13946 10.5392 9.10952 10.529C8.98545 10.5053 8.871 10.433 8.80288 10.3151L7.43569 7.94692C7.43478 7.94534 7.43365 7.94363 7.43276 7.94204L7.38491 7.94497H4.61538L4.5685 7.94204C4.56013 7.9638 4.55123 7.98566 4.5392 8.00649L3.2062 10.3161C3.13089 10.4465 2.99974 10.5228 2.86049 10.5368C2.84008 10.5421 2.81956 10.5489 2.79799 10.5514C1.54661 10.6961 0.506006 9.72812 0.450337 8.50552C0.397386 7.34234 0.393576 5.75864 0.638814 4.40005C0.761156 3.72243 0.950829 3.07145 1.24624 2.55044C1.54356 2.02625 1.97419 1.59289 2.5851 1.44692C2.58741 1.44637 2.59064 1.44551 2.59292 1.44497C2.59413 1.44468 2.59975 1.4433 2.60561 1.44204C2.60725 1.44169 2.61812 1.43919 2.631 1.43716C2.63582 1.4364 2.65526 1.43343 2.67983 1.43227C2.68721 1.43193 2.69776 1.43202 2.7101 1.43227C2.72184 1.43252 2.74093 1.43296 2.76381 1.43618V1.43716C2.81577 1.43448 2.88162 1.43088 2.93276 1.43032C3.00218 1.42958 3.09906 1.42915 3.15151 1.43325ZM2.84487 2.33267C2.81452 2.3336 2.80259 2.33385 2.80385 2.33364C2.78384 2.33565 2.76472 2.33745 2.74721 2.33852C2.7445 2.33866 2.74126 2.33838 2.73842 2.33852C2.47469 2.42009 2.23761 2.62688 2.02944 2.9938C1.80471 3.39003 1.63834 3.92989 1.52456 4.5602C1.29746 5.81829 1.29772 7.32142 1.34975 8.4645C1.38088 9.14827 1.91024 9.65706 2.54311 9.66372L3.69545 7.66665C3.24293 7.36725 2.9435 6.85526 2.9435 6.27212C2.94361 5.57966 3.50494 5.01833 4.19741 5.01821H7.80288L7.93081 5.02505C8.5631 5.0893 9.05668 5.6229 9.05678 6.27212C9.05678 6.85264 8.75979 7.36277 8.31069 7.66274L9.46596 9.66274C10.0968 9.65246 10.6236 9.14681 10.6574 8.46548C10.7137 7.32383 10.7176 5.82237 10.4923 4.56509C10.3795 3.93533 10.214 3.39611 9.98842 2.99966C9.7791 2.63188 9.5394 2.4224 9.26967 2.3395C9.26577 2.33933 9.26169 2.33973 9.25795 2.3395C9.24049 2.33841 9.22072 2.33665 9.20034 2.33462C9.19676 2.33442 9.18388 2.33338 9.15932 2.33267C9.13093 2.33185 9.09544 2.33199 9.05971 2.33169C9.02419 2.3314 8.98934 2.33135 8.96108 2.33169C8.93444 2.33202 8.92128 2.33261 8.91909 2.33267C8.85721 2.33779 8.82528 2.34101 8.80385 2.34438C8.78271 2.34774 8.76489 2.35184 8.72377 2.36099L6.82631 2.78286C6.58172 2.83728 6.42081 2.87453 6.256 2.88931C6.11576 2.90186 5.97445 2.90196 5.83413 2.89028C5.66926 2.87651 5.50778 2.84065 5.26284 2.78774L3.2687 2.35708C3.23006 2.34874 3.21432 2.34544 3.19448 2.34243C3.17395 2.33932 3.14269 2.33556 3.0812 2.33071H2.94252C2.90734 2.33109 2.8728 2.33181 2.84487 2.33267ZM4.19741 5.9186C4.002 5.91872 3.84401 6.07671 3.84389 6.27212C3.8439 6.69847 4.18906 7.04443 4.61538 7.04458H7.38491C7.81117 7.04436 8.15639 6.69843 8.15639 6.27212C8.15628 6.07675 7.99822 5.91878 7.80288 5.9186H4.19741ZM9.21596 2.32388H9.21889C9.21766 2.32357 9.21622 2.3232 9.21499 2.3229L9.2101 2.32192C9.21058 2.32203 9.21313 2.32324 9.21596 2.32388ZM2.85756 2.30337C2.85868 2.30294 2.86331 2.30152 2.86831 2.29946C2.87039 2.29859 2.87348 2.29717 2.8771 2.29556L2.85756 2.30337ZM9.47768 1.46645L9.47963 1.46743C9.48162 1.46823 9.48579 1.46939 9.49038 1.47134C9.4866 1.46968 9.48311 1.46806 9.48159 1.46743C9.47986 1.4667 9.47829 1.46572 9.47768 1.46548V1.46645Z",fill:"currentColor"})})}var Op=Qs;function Wp({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 Bp({reconnecting:e,refresh:t,paused:n=!1}){return e?l(Xn,{size:14,strokeWidth:1.5,"aria-hidden":"true","data-popmelt-reconnecting-spinner":!0,style:{animation:"spin 0.8s linear infinite"}}):n?l(da,{size:14,strokeWidth:1.5,"aria-hidden":"true"}):t?l(Co,{size:14,strokeWidth:1.5}):l(ko,{size:14,strokeWidth:1.5})}function Dp({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 Fp({hovered:e,canRestartBridge:t,bridgeRestartDisabled:n,bridgeRestartState:r,isBridgeConnected:o}){return e&&t&&!n&&r==="idle"&&o!==!1}function Qo({value:e,options:t,onChange:n,disabled:r=!1}){let[o,i]=z(!1),[a,s]=z({side:"below",maxHeight:220}),d=M(null),c=M(null),u=t.find(p=>p.value===e)??t[0];return _e(()=>{if(!o||!d.current)return;let p=()=>{let h=d.current?.getBoundingClientRect();if(!h)return;let v=8,x=Math.max(0,window.innerHeight-h.bottom-v),T=Math.max(0,h.top-v),w=Math.min(220,t.length*30+2),S=x>=Math.min(w,120)||x>=T?"below":"above";s({side:S,maxHeight:Math.max(48,Math.min(w,S==="below"?x:T))})};p(),window.addEventListener("resize",p),window.addEventListener("scroll",p,!0);let m=requestAnimationFrame(()=>{c.current?.scrollIntoView({block:"nearest"})});return()=>{cancelAnimationFrame(m),window.removeEventListener("resize",p),window.removeEventListener("scroll",p,!0)}},[o,t.length,e]),D(()=>{if(!o)return;let p=h=>{!d.current||h.composedPath().includes(d.current)||i(!1)},m=h=>{h.key==="Escape"&&i(!1)};return document.addEventListener("mousedown",p),document.addEventListener("keydown",m),()=>{document.removeEventListener("mousedown",p),document.removeEventListener("keydown",m)}},[o]),y("div",{ref:d,style:{position:"relative",minWidth:0},children:[y("button",{type:"button",disabled:r,"aria-expanded":o,onClick:()=>i(p=>!p),style:{width:"100%",height:28,display:"flex",alignItems:"center",justifyContent:"space-between",gap:6,border:"1px solid rgba(0,0,0,0.14)",borderRadius:0,backgroundColor:o?"#fff":"transparent",color:o?"#1f2937":"#8f8f8f",font:"inherit",fontSize:11,padding:"0 7px",cursor:r?"default":"pointer",opacity:r?.45:1,textAlign:"left"},children:[l("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:u?.label??""}),l(wo,{size:12,style:{flexShrink:0}})]}),o&&l("div",{style:{position:"absolute",...a.side==="below"?{top:"100%",marginTop:2}:{bottom:"100%",marginBottom:2},left:0,right:0,maxHeight:a.maxHeight,backgroundColor:"#fff",border:"1px solid rgba(0,0,0,0.1)",zIndex:10002,overflowX:"hidden",overflowY:"auto"},children:t.map(p=>{let m=p.value===e;return y("button",{ref:m?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:m?"#f3f4f6":"#fff",color:"#1f2937",font:"inherit",fontSize:11,padding:"6px 8px",cursor:"pointer",textAlign:"left"},children:[l("span",{style:{width:14,display:"flex",flexShrink:0},children:m&&l(Tn,{size:13,strokeWidth:2})}),l("span",{children:p.label})]},p.value)})})]})}function Vp(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 Qp(e,t,n,r,o,i,a,s){let d=(e-o)*(r-i)-(n-o)*(t-i),c=(e-a)*(i-s)-(o-a)*(t-s),u=(e-n)*(s-r)-(a-n)*(t-r),p=d<0||c<0||u<0,m=d>0||c>0||u>0;return!(p&&m)}function Zp(e="bottom-right"){return Vc(e,window.innerWidth,window.innerHeight)}function _p(){return ea(Fd,{"aria-hidden":!0,size:14,strokeWidth:1.5,style:{flexShrink:0}})}function qp(e){let t=e?.trim().replace(/\\/g,"/").replace(/\/$/,"");if(!t)return"Unavailable";let n=t.split("/").filter(Boolean);return n.length<=2?t:`\u2026/${n.slice(-2).join("/")}`}var bl={inspector:{name:"Comment",desc:"Pin feedback to specific elements on the page.",usage:["Click any element to attach a comment","Type your note, then hand off to your AI","Your AI may ask clarifying questions","Replies get threaded"],keys:[{key:"C",desc:"Select tool"},{key:"Click",desc:"Pin comment to element"},{key:"Esc",desc:"Deselect"},{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]},sticker:{name:"Steer",desc:"Apply a small, code-native spacing scale directly on the page.",usage:["Move over an element to target it","Type a family command such as PY, BG, FO, or T","Press Enter to descend, then type a step or name","Applying a sibling token replaces the previous value"],keys:[{key:"S",desc:"Select tool"},{key:"P / M / B / R",desc:"Spacing and shape families"},{key:"BG / F / FO / G",desc:"Color, layout, and type"},{key:"T / O",desc:"Transform and opacity"},{key:"Enter",desc:"Descend or apply"},{key:"\u2190 / \u2192",desc:"Cycle scale step"},{key:"Click",desc:"Apply sticker"},{key:"Esc",desc:"Back or deselect"},{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]},model:{name:"Imprint",desc:"Review the project's shared understanding.",usage:["Filter grounded, emerging, and challenged explanations","Expand an explanation to inspect its evidence","Reopen the source thread when more context is useful"],keys:[{key:"I",desc:"Select tool"},{key:"Esc",desc:"Return to Chat"}]},counter:{name:"Annotations",desc:"Click to cycle, scroll to change color, long press to reset.",usage:[],keys:[{key:"Click",desc:"Cycle annotations"},{key:"Scroll",desc:"Change color"},{key:"Hold",desc:"Reset to red"}]},clear:{name:"Clear",desc:"Remove all annotations and style changes.",usage:[],keys:[{key:"Esc",desc:"Discard draft"},{key:"\u2318 \u232B",desc:"Clear all"},{key:"\u232B",desc:"Delete selected annotation"},{key:"\u2318 Z",desc:"Undo"},{key:"\u2318 \u21E7 Z",desc:"Redo"}]},collapse:{name:"Popmelt",desc:`Comment and zhuzh, then hand off.
|
|
244
244
|
|
|
245
|
-
Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{key:"\u2318\u2318",desc:"Toggle toolbar"}]}},wl=St;function Jp(e){let t=[];try{let n=JSON.parse(localStorage.getItem(e.annotations)||"[]");Array.isArray(n)&&(t=n)}catch{}return ou({savedCursor:localStorage.getItem(e.color),annotations:t,currentPathname:window.location.pathname})}function Gp(e){return"entry"in e?l(Jc,{...e.entry}):l(Xp,{...e})}function Xp({projectId:e,state:t,dispatch:n,onScreenshot:r,onSendToClaude:o,hasExternalSendableItems:i=!1,readOnlyPreview:a=!1,hasActiveJobs:s,activeJobColor:d,onCrosshairHover:c,onClear:u,provider:p="codex",onProviderChange:h,availableProviders:m,modelIndex:v=0,modelCount:x=2,modelLabel:T="Opus 4.6",models:w=[],agentSettings:S={},onModelChange:H,onAgentSettingsChange:L,onModelMenuOpen:k,onViewThread:E,onPreviewHistoryThread:R,onNavigate:j,annotationCycleFocus:P=null,onAnnotationCycleFocusChange:$,isThreadPanelOpen:F,threadOpenRequest:_=0,hasOpenThreadPanel:de=!1,projectPanelTemporarilyHidden:me=!1,mcpStatus:se,bridgeUrl:U,isBridgeConnected:xe,packageVersion:K,bridgeVersion:we,projectRoot:Te,projectRootAccess:G,codexSandboxMode:ke,bridgeRestartState:I="idle",bridgeRestartMessage:C,onBridgeRestart:W,onMouseEnter:B,onToolbarHoverChange:N,activeChromeHoverSurface:Y=null,toolbarRef:$e,snapPosition:ee="bottom-right",onSnapPositionChange:qe}){let Q=Ln(Za),Ne=Ln(Wo),re=Ne?.participantId,Ae=jc(U,e??void 0,!Q&&!Ne),ue=!!(Q?.ownIsHost||Ae.linked),Se=Na(Q?.peers??[])+Na(Q?.admissionRequests??[])+(Q?.admissionRequests?.length?6:0),ge=he(()=>{let f=e?.trim()||"__pending__";if(re){let b=jr(f);return Object.fromEntries(Object.entries(b).map(([z,ne])=>[z,`${ne}:participant:${encodeURIComponent(re)}`]))}return typeof window>"u"||!e?.trim()?jr(f):zp({storage:localStorage,projectId:f,pathname:window.location.pathname,selectorExists:b=>!!Un(b)})},[e,re]),[at,Mt]=A(!1),Ht=s||at,be=Ia(),[Pe,lt]=A(()=>Q?.onJoin?!0:Ne?t.isAnnotating:typeof window>"u"?!1:localStorage.getItem(ge.expanded)==="true"),We=M(_);D(()=>{_!==We.current&&(We.current=_,lt(!0))},[_]);let[He,Dt,At]=po(U),ze=Ie[He],wn=M(null),[Nt,jt]=A(!1),{surface:De,phase:Bn,enter:Dn,leave:Lt,show:an,dismiss:Ft}=So({pinnedSurface:Nt?"popmelt-guide":null,openDelayMs:Ca,exitDurationMs:It}),yt=M(null),[g,ye]=A(null),te=ie(()=>{yt.current!==null&&(yt.current=null,ye(null))},[]),pe=ie(f=>{yt.current&&f!==`peer:${yt.current}`&&te(),an(f)},[te,an]),X=ie(f=>{yt.current&&f!==`peer:${yt.current}`&&te(),Dn(f)},[te,Dn]),Ee=ie(f=>{f!==`peer:${yt.current}`&&Lt(f)},[Lt]),ae=ie(f=>{(!f||yt.current&&f===`peer:${yt.current}`)&&te(),Ft(f)},[te,Ft]),Fe=De==="tool-menu",Ye=Fe&&Bn==="visible",Ue=De==="popmelt-guide",le=Ue&&Bn==="visible",Be=Gn(),bt=De?.startsWith("peer:")?De.slice(5):null,oe=Q?.peers.find(f=>f.identity.id===bt),Oe=De?.startsWith("admission:")?De.slice(10):null,et=Q?.admissionRequests?.find(f=>f.id===Oe),vt=!!(oe||et),V=vt&&Bn==="visible",ce=M(null),[Ve,ut]=A(null),Qe=M(null);D(()=>{let f=Qe.current;if(f)return vu(f)},[Pe]),hu(V?Oe:null,ce,Qe);let zt=M(null),Vt=f=>f instanceof Node&&(zt.current?.closest('[role="toolbar"]')?.contains(f)||f instanceof Element&&!!f.closest('[data-devtools="peer-details-corridor"], [data-devtools="admission-details"]'));D(()=>{bt!==null&&(!oe||!Pe)&&ae(`peer:${bt}`)},[oe,ae,Pe,bt]),D(()=>{if(!g)return;let f=z=>{z.composedPath().some(ne=>ne instanceof Element&&(ne.getAttribute("data-devtools")==="peer-details-corridor"||ne.getAttribute("data-peer-id")===g))||ae(`peer:${g}`)},b=z=>{z.key==="Escape"&&ae(`peer:${g}`)};return document.addEventListener("pointerdown",f),document.addEventListener("keydown",b),()=>{document.removeEventListener("pointerdown",f),document.removeEventListener("keydown",b)}},[ae,g]),D(()=>{if(!Oe)return;if(!et||!Pe){ae(`admission:${Oe}`);return}let f=b=>{b.composedPath().some(z=>z instanceof Element&&["admission-details","admission-chip"].includes(z.getAttribute("data-devtools")??""))||ae(`admission:${Oe}`)};return document.addEventListener("pointerdown",f),()=>document.removeEventListener("pointerdown",f)},[Oe,et,Pe,ae]),Ze(()=>(N?.("peer-details",vt),()=>{vt&&N?.("peer-details",!1)}),[N,vt]);let[dr,ln]=A(null),Cn=M(t.isAnnotating),Qt=M(!1),st=P?.groupId??null,ve=M([]),_t=M(null),cr=M(st),ur=M(new Set(t.annotations.map(f=>f.id))),Xr=M(typeof window<"u"?_o(localStorage,ge.tool):null),sn=M(null),q=M(typeof window<"u"?Jp(ge):null),Me=M(typeof window<"u"?localStorage.getItem(ge.stroke):null),[je,pt]=A(null),[Zt,Rt]=A(!1),[_e,Ot]=A(!1),Fn=JSON.stringify([e,Te,U]),pr=!!(ue&&U&&xe!==!1),qt=M(null),Ss=pr&&qt.current?.key===Fn?qt.current.snapshot:null;D(()=>{(!pr||qt.current?.key!==Fn)&&(qt.current=null)},[pr,Fn]);let[Is,Vn]=A(!1),[Ms,Ls]=A(0);D(()=>(kr.setAvailable(ue),()=>kr.setAvailable(!1)),[ue]),D(()=>{let f=!1,b="",z=()=>{let ne=kr.getSnapshot();ne&&(ne.open&&(!f||ne.openRequest!==b)&&ue&&(Vn(!0),Ot("taste"),pe("popmelt-guide")),f=ne.open,b=ne.openRequest)};return z(),kr.subscribe(z)},[ue,pe]),D(()=>{_e||Vn(!1)},[_e]),D(()=>{Ot(!1)},[U,Pe,Q?.ownIsHost]),D(()=>{if(_e!=="settings"||!le)return;let f=b=>{b.key==="Escape"&&(b.composedPath().some(z=>z instanceof HTMLElement&&z.hasAttribute("data-taste-search"))||(b.preventDefault(),b.stopImmediatePropagation(),Ot(!1),pe("popmelt-guide")))};return document.addEventListener("keydown",f,!0),()=>document.removeEventListener("keydown",f,!0)},[_e,le,pe]),D(()=>{Pe||Rt(!1)},[Pe]),D(()=>{Rt(!1)},[U]);let[Ts,Kr]=A(!1),[yi,Yr]=A(!1),[Qn,fr]=A(!1),Tt=M(!1),xt=M(null),rt=M(null),_n=M(null),hr=M(!1);D(()=>{je!=="collapse"&&(Kr(!1),Yr(!1),fr(!1))},[je]),D(()=>{Ue||fr(!1)},[Ue]);let eo=je!==null||le;Ze(()=>(N?.("guidance-panel",eo),()=>{eo&&N?.("guidance-panel",!1)}),[eo,N]),Ze(()=>(N?.("tool-menu",Ye),()=>{Ye&&N?.("tool-menu",!1)}),[N,Ye]),Ze(()=>(N?.("popmelt-guide",le),()=>{le&&N?.("popmelt-guide",!1)}),[N,le]);let bi=!F&&(je==="model"||t.activeTool==="model");D(()=>()=>{hr.current&&(hr.current=!1,N?.("project-panel",!1))},[N,bi]);let Es=ie(()=>{pe("tool-menu")},[pe]),Ut=ie(()=>{ln(null),ae("tool-menu")},[ae]),[$s,As]=A([]),vi=M({x:0,y:0}),kn=M(null),mr=M(null),Jt=M(null),dt=ie(()=>{kn.current=null,mr.current=null,Jt.current&&(clearTimeout(Jt.current),Jt.current=null)},[]);D(()=>{Y==="job-stack"&&(ae(),Tt.current=!1,pt(null),dt(),xt.current&&(clearTimeout(xt.current),xt.current=null),rt.current&&(clearTimeout(rt.current),rt.current=null))},[Y,dt,ae]);let to=ie(f=>{rt.current&&(clearTimeout(rt.current),rt.current=null),Tt.current?(kn.current=f,mr.current={...vi.current},Jt.current&&clearTimeout(Jt.current),Jt.current=setTimeout(()=>{kn.current&&(pt(kn.current),dt())},300)):(xt.current&&clearTimeout(xt.current),xt.current=setTimeout(()=>{Tt.current=!0,pt(f),xt.current=null},500))},[dt]),gr=ie(()=>{dt(),xt.current&&(clearTimeout(xt.current),xt.current=null),rt.current=setTimeout(()=>{Tt.current=!1,pt(null)},150)},[dt]);D(()=>{Ue?Tt.current=!0:je===null&&(Tt.current=!1)},[je,Ue]),D(()=>{let f=_n.current;if(!f)return;let b=()=>{if(Ue){X("popmelt-guide");return}dt(),rt.current&&(clearTimeout(rt.current),rt.current=null)},z=()=>{Ue||(rt.current=setTimeout(()=>{Tt.current=!1,pt(null)},150))};return f.addEventListener("mouseenter",b),f.addEventListener("mouseleave",z),()=>{f.removeEventListener("mouseenter",b),f.removeEventListener("mouseleave",z)}},[dt,ae,X,je,Zt,_e,de,Ee,Ue]),D(()=>{let f=Qe.current;if(f)return Np(f,()=>{Nt&&De==="popmelt-guide"||((De?.startsWith("peer:")||De?.startsWith("admission:"))&&Ee(De),de?(ae("popmelt-guide"),ae("tool-menu")):(Ee("popmelt-guide"),Ee("tool-menu")))})},[ae,De,de,Ee,Nt]),D(()=>{if(je!=="counter"||!U)return;let f=!1;return Mn(`${U}/threads/recent?limit=5`).then(b=>b.ok?b.json():[]).then(b=>{f||As(b)}).catch(()=>{}),()=>{f=!0}},[je,U]);let zs=ie(f=>{if(vi.current={x:f.clientX,y:f.clientY},kn.current&&mr.current){let b=mr.current,z=Zp(ee);_p(f.clientX,f.clientY,b.x,b.y,z.left,z.y,z.right,z.y)||(pt(kn.current),dt())}},[dt,ee]),Rs=he(()=>{let f=(m??[]).map(b=>b==="claude"?"Claude":b==="codex"?"Codex":b==="copilot"?"Copilot":b==="omp"?"OMP":b);return{name:"AI Model",desc:f.length>1?`${f.join(" and ")} are available.`:f.length===1?`Connected to ${f[0]}.`:"No AI providers detected.",usage:f.length>1?["Click the logo to switch between providers","Click the model name to switch tiers"]:["Click the model name to switch tiers"],keys:f.length>1?[{key:"Click",desc:"Switch"},{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]:[{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]}},[m]),Ps=he(()=>{let f=m&&m.length>0?m:["claude","codex","omp","copilot"],b=f.indexOf(p);return f[(b>=0?b+1:0)%f.length]??p},[m,p]),Hs=he(()=>Qp(x,v),[x,v]),no=w[v],xi=no?.supportedReasoningLevels??[],wi=no?.speedTiers??[];bu(Pe,t,n,Qt,ge,!Ne),D(()=>{if(sn.current!==ge.tool){sn.current=ge.tool;let f=_o(localStorage,ge.tool);if(f&&f!==t.activeTool){n({type:"SET_TOOL",payload:f});return}}Pp(localStorage,ge.tool,t.activeTool)},[n,t.activeTool,ge.tool]),Ua(()=>{let f=new URLSearchParams(window.location.search);if(!f.has("popmelt"))return;let b=document.createElement("style");b.textContent="nextjs-portal, vite-error-overlay { display: none !important; }",document.head.appendChild(b);let z=parseInt(f.get("popmelt")||"0",10)||0,ne=()=>{lt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})},O=z>0?setTimeout(ne,z):null;return O||ne(),()=>{O&&clearTimeout(O),b.remove()}}),Ua(()=>{if(Ne)return yo(t.domModifications),go(t.styleModifications),Cr(t.textModifications),lt(t.isAnnotating),Qt.current=!0,()=>{Qt.current=!1};let f=localStorage.getItem(ge.expanded)==="true",b=localStorage.getItem(ge.annotations);if(q.current&&n({type:"SET_COLOR",payload:q.current}),b)try{let O=JSON.parse(b);if(Array.isArray(O)&&O.length>0){for(let Z of O)(Z.status==="waiting_input"||Z.status==="sending"||Z.status==="in_flight")&&(Z.status=Z.threadId?"resolved":"pending");let J=q.current?tu(O,q.current):O;n({type:"RESTORE_ANNOTATIONS",payload:{annotations:J}})}}catch{}let z=Lp(localStorage,ge);if(z.styleModifications.length>0&&(n({type:"RESTORE_STYLE_MODIFICATIONS",payload:z.styleModifications}),go(z.styleModifications)),z.textModifications.length>0&&(n({type:"RESTORE_TEXT_MODIFICATIONS",payload:z.textModifications}),Cr(z.textModifications)),z.domModifications.length>0&&(n({type:"RESTORE_DOM_MODIFICATIONS",payload:z.domModifications}),yo(z.domModifications)),z.spacingTokenChanges.length>0&&n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:z.spacingTokenChanges}),f&&!t.isAnnotating){if(Pe||lt(!0),n({type:"SET_TOOL",payload:Xr.current||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),Me.current){let J=parseFloat(Me.current);isNaN(J)||n({type:"SET_STROKE_WIDTH",payload:J})}let O=sessionStorage.getItem("popmelt-pending-focus");if(O){sessionStorage.removeItem("popmelt-pending-focus");try{let{annotationId:J}=JSON.parse(O);if(J){let Z=b?JSON.parse(b)??[]:[],Ce=Z.find(fe=>fe.id===J),tt=Ce?.groupId?Z.filter(fe=>fe.groupId===Ce.groupId):Ce?[Ce]:[];$?.({groupId:J,annotationIds:tt.map(fe=>fe.id)}),requestAnimationFrame(()=>{n({type:"SELECT_ANNOTATION",payload:{id:J}});let fe=Z.find(ot=>ot.id===J);if(fe){let ot=(fe.groupId?Z.filter(ht=>ht.groupId===fe.groupId):[fe]).flatMap(ht=>ht.points);if(ot.length>0){let ht=Math.min(...ot.map(mt=>mt.x)),Xe=Math.max(...ot.map(mt=>mt.x)),ft=Math.min(...ot.map(mt=>mt.y)),br=Math.max(...ot.map(mt=>mt.y));window.scrollTo({left:(ht+Xe)/2-window.innerWidth/2,top:(ft+br)/2-window.innerHeight/2,behavior:"smooth"})}}})}}catch{}}}let ne=sessionStorage.getItem("popmelt-pending-thread");if(ne){sessionStorage.removeItem("popmelt-pending-thread");try{let{threadId:O,selector:J,preview:Z}=JSON.parse(ne);O&&requestAnimationFrame(()=>{if(J)try{let Ce=Un(J);if(Ce){let tt=Sr(Ce),fe=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:fe,point:{x:tt.left+tt.width,y:tt.top},text:Z||"[thread]",linkedSelector:J,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[fe],threadId:O}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[fe],status:"resolved"}})}}catch{}E&&E(O)})}catch{}}return Qt.current=!0,()=>{Qt.current=!1}});let Ci=M(t.styleModifications),ki=M(t.textModifications),Si=M(t.domModifications);D(()=>{let f=Ci.current,b=t.styleModifications;f!==b&&(Ji(f),go(b),Ci.current=b)},[t.styleModifications]),D(()=>{let f=ki.current,b=t.textModifications;f!==b&&(Gi(f),Cr(b),ki.current=b)},[t.textModifications]),D(()=>{let f=t.textModifications.filter(b=>b.selector.startsWith("@frame("));if(f.length)return ji(()=>Cr(f))},[t.textModifications]),D(()=>{let f=Si.current,b=t.domModifications;f!==b&&(Xi(f),yo(b),Si.current=b)},[t.domModifications]),D(()=>{let f=Cn.current;Cn.current=t.isAnnotating;let b=Bp({wasAnnotating:f,isAnnotating:t.isAnnotating,isExpanded:Pe});b.expanded!==null&<(b.expanded),b.annotating!==null&&n({type:"SET_ANNOTATING",payload:b.annotating})},[n,t.isAnnotating,Pe]);let Ii=M(Pe);Ii.current=Pe,Ma(()=>{if(Ii.current)n({type:"SET_ANNOTATING",payload:!1}),lt(!1);else{let f=_o(localStorage,ge.tool);n({type:"SET_TOOL",payload:f||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),lt(!0)}});let ro=ie(f=>{a||(dt(),n({type:"SET_TOOL",payload:f}),t.isAnnotating||n({type:"SET_ANNOTATING",payload:!0}),Tt.current=!1,pt(null),xt.current&&(clearTimeout(xt.current),xt.current=null),rt.current&&(clearTimeout(rt.current),rt.current=null))},[n,t.isAnnotating,dt,a]),Mi=ie(async()=>{window.focus(),await r()},[r]),Li=ie(async()=>{o&&await o()},[o]),Ns=ie(()=>{n({type:"SET_ANNOTATING",payload:!1}),ae(),lt(!1)},[ae,n]);D(()=>{if(!Fe)return;let f=z=>{!wn.current||z.composedPath().includes(wn.current)||Ut()},b=z=>{z.key==="Escape"&&(z.preventDefault(),z.stopPropagation(),Ut())};return document.addEventListener("mousedown",f),document.addEventListener("keydown",b),()=>{document.removeEventListener("mousedown",f),document.removeEventListener("keydown",b)}},[Ut,Fe]);let oo=ie(()=>{a||(Ji(t.styleModifications),Gi(t.textModifications),Xi(t.domModifications),document.querySelectorAll("[data-pm]").forEach(f=>f.removeAttribute("data-pm")),n({type:"CLEAR"}),n({type:"CLEAR_ALL_STYLES"}),localStorage.removeItem(ge.annotations),localStorage.removeItem(ge.styleMods),localStorage.removeItem(ge.textMods),localStorage.removeItem(ge.domMods),localStorage.removeItem(ge.spacingChanges),$?.(null),ve.current=[],_t.current=null,u?.())},[n,t.styleModifications,t.textModifications,t.domModifications,$,u,ge,a]),io=Tr(t.activeColor)??29,Sn=M(null),Ti=M(null),Ei=t.annotations.length>0;D(()=>{let f=Ti.current;if(!f||!Ei)return;let b=z=>{z.preventDefault(),z.stopPropagation();let ne=z.deltaY>0?-1:1,O=((io+ne)%360+360)%360,J=Xt(O);n({type:"SET_COLOR",payload:J}),t.selectedAnnotationIds.length>0&&n({type:"UPDATE_ANNOTATION_COLOR",payload:{id:t.lastSelectedId||t.selectedAnnotationIds[0],color:J}})};return f.addEventListener("wheel",b,{passive:!1}),()=>f.removeEventListener("wheel",b)},[Ei,t.selectedAnnotationIds,t.lastSelectedId,io,n]);let yr=M(!1),js=ie(()=>{yr.current=!1,Sn.current=setTimeout(()=>{yr.current=!0,n({type:"SET_COLOR",payload:Xt(29)})},500)},[n]),$i=ie(()=>{Sn.current&&(clearTimeout(Sn.current),Sn.current=null)},[]);D(()=>()=>{Sn.current&&clearTimeout(Sn.current),Jt.current&&clearTimeout(Jt.current)},[]);let Et=ga(),Ai=he(()=>$r(t.annotations),[t.annotations]),Ge=he(()=>kp(t.annotations,Ai),[t.annotations,Ai]),Os=he(()=>Ge.filter(f=>!f.pathname||f.pathname===Et),[Ge,Et]),ao=st?Ge.findIndex(f=>f.id===st):null,In=ao!==null&&ao>=0?ao:null,lo=In!==null?Ge[In]??null:null,dn=ie(()=>{$?.(null),ve.current=[],_t.current=null},[$]);D(()=>{let f=cr.current;cr.current=st,f!==null&&st===null&&(ve.current=[],_t.current=null)},[st]),D(()=>{let f=new Set(t.annotations.map(z=>z.id)),b=t.annotations.some(z=>!ur.current.has(z.id)&&z.id!==st&&(z.status??"pending")==="pending");ur.current=f,b&&dn()},[dn,st,t.annotations]),D(()=>{st&&!Ge.some(f=>f.id===st)&&dn()},[Ge,dn,st]);let zi=ie(async f=>{let b=Ge.find(O=>O.id===f);if(!b)return!1;if($?.({groupId:b.id,annotationIds:b.annotations.map(O=>O.id)}),Ut(),!(!b.pathname||b.pathname===Et)){if(sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:b.id,pathname:b.pathname})),!j)return window.location.href=b.pathname,!0;try{await j(b.pathname)}catch{return sessionStorage.removeItem("popmelt-pending-focus"),!1}if(sessionStorage.removeItem("popmelt-pending-focus"),window.location.pathname!==b.pathname)return!1}n({type:"SELECT_ANNOTATION",payload:{id:b.id}}),t.activeTool!=="inspector"&&n({type:"SET_TOOL",payload:"inspector"});let z=b.annotations.find(O=>O.linkedSelector)?.linkedSelector,ne=z?Un(z):null;if(ne){let O=Sr(ne);window.scrollTo({left:O.left+O.width/2+window.scrollX-window.innerWidth/2,top:O.top+O.height/2+window.scrollY-window.innerHeight/2,behavior:"smooth"})}else{let O=b.annotations.flatMap(fe=>fe.points);if(O.length===0)return!1;let J=Math.min(...O.map(fe=>fe.x)),Z=Math.max(...O.map(fe=>fe.x)),Ce=Math.min(...O.map(fe=>fe.y)),tt=Math.max(...O.map(fe=>fe.y));window.scrollTo({left:(J+Z)/2-window.innerWidth/2,top:(Ce+tt)/2-window.innerHeight/2,behavior:"smooth"})}if(E){let O=b.annotations.find(J=>J.threadId)?.threadId;O&&E(O)}return!0},[Ge,Ut,Et,n,$,j,E,t.activeTool]),Ri=ie(async()=>{if(Ge.length===0){dn();return}ve.current.length===0&&(_t.current=Et,ve.current=gl(Ge,Et));let f=ve.current,b=Sp(f,st);if(st!==null&&b===f[0]){let z=_t.current??Et;ve.current=gl(Ge,z),b=ve.current[0]??null}for(let z=0;b&&z<ve.current.length;z+=1){if(await zi(b))return;let ne=ve.current.indexOf(b);if(ve.current=ve.current.filter(O=>O!==b),ve.current.length===0)break;b=ve.current[Math.min(ne,ve.current.length-1)]??ve.current[0]}dn()},[Ge,dn,Et,zi,st]);D(()=>{if(!Pe)return;let f=b=>{if(b.defaultPrevented)return;let z=document.activeElement;for(;z?.shadowRoot?.activeElement;)z=z.shadowRoot.activeElement;if(z?.tagName==="INPUT"||z?.tagName==="TEXTAREA"||z?.isContentEditable)return;if((b.metaKey||b.ctrlKey)&&b.key===wr.actions.send.key){o&&(i||t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(O=>!O.captured).length>0)&&(b.preventDefault(),Li());return}if((b.metaKey||b.ctrlKey)&&b.key.toLowerCase()===wr.actions.screenshot.key){let O=window.getSelection();if(O&&O.toString().length>0)return;(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&(b.preventDefault(),window.focus(),Mi());return}if((b.metaKey||b.ctrlKey)&&wr.actions.clear.keys.includes(b.key)){b.preventDefault(),oo();return}if(b.metaKey||b.ctrlKey||b.altKey||t.activeTool==="sticker"&&td(b.key))return;let ne=nd(b.key);ne&&(b.preventDefault(),ro(ne))};return window.addEventListener("keydown",f),()=>window.removeEventListener("keydown",f)},[Pe,ro,Mi,Li,o,i,oo,t.activeTool,t.annotations.length,t.styleModifications.length,t.textModifications.length,t.spacingTokenChanges,je]);let Ws=88+(Se?Se+6:0),Pi=xe===!1||Q?.connectionNotice?"rgba(239, 68, 68, 0.4)":s&&d?d:ze.primary,Zn=!!(K&&we&&K!==we),Gt=I==="restarting"||!W&&!U,Bs=I==="error"?"#dc2626":I==="ok"?Bt.iconDefault:Zn?"#b45309":Bt.iconDefault,Ds=I==="restarting"?"Restarting":I==="error"?"Restart failed":I==="ok"?"Restarted":Zn?"Update bridge":null,so=C??(Zn?`Page version ${K}; bridge version ${we}. Refresh the page after updating the package, or restart the bridge after rebuilding it.`:we?`Bridge ${we}. Restart bridge.`:"Restart bridge"),co=Wp.map(f=>({...f,Icon:f.type==="model"?ra:f.type==="sticker"?Op:$d})),cn=co.find(({type:f})=>f===t.activeTool)??co[0],Fs=cn.Icon,Vs=ee.startsWith("top"),Qs=140,_s=-38,un=Ue?"collapse":je,uo=Math.max(0,be.h-Je-hn*2-Pt),Hi=M(null);return D(()=>{if(!Pe)return;let f=Hi.current;if(!f)return;let b=()=>{N?.("popmelt-trigger",!0),c?.(!0),X("popmelt-guide")},z=()=>{N?.("popmelt-trigger",!1),c?.(!1)};return f.addEventListener("mouseenter",b),f.addEventListener("mouseleave",z),()=>{f.removeEventListener("mouseenter",b),f.removeEventListener("mouseleave",z)}},[X,Pe,c,N]),Pe?y(Le,{children:[l("style",{children:`
|
|
246
|
-
${
|
|
245
|
+
Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{key:"\u2318\u2318",desc:"Toggle toolbar"}]}},vl=Et;function Jp(e){let t=[];try{let n=JSON.parse(localStorage.getItem(e.annotations)||"[]");Array.isArray(n)&&(t=n)}catch{}return ru({savedCursor:localStorage.getItem(e.color),annotations:t,currentPathname:window.location.pathname})}function Kp(e){return"entry"in e?l(Jc,{...e.entry}):l(Up,{...e})}function Up({projectId:e,state:t,dispatch:n,onScreenshot:r,onSendToClaude:o,hasExternalSendableItems:i=!1,readOnlyPreview:a=!1,hasActiveJobs:s,activeJobColor:d,onCrosshairHover:c,onClear:u,provider:p="codex",onProviderChange:m,availableProviders:h,modelIndex:v=0,modelCount:x=2,modelLabel:T="Opus 4.6",models:w=[],agentSettings:S={},onModelChange:H,onAgentSettingsChange:L,onModelMenuOpen:k,onViewThread:E,onPreviewHistoryThread:$,onNavigate:j,annotationCycleFocus:P=null,onAnnotationCycleFocusChange:A,isThreadPanelOpen:F,threadOpenRequest:Z=0,hasOpenThreadPanel:de=!1,projectPanelTemporarilyHidden:he=!1,mcpStatus:se,bridgeUrl:J,isBridgeConnected:xe,packageVersion:X,bridgeVersion:we,projectRoot:Le,projectRootAccess:U,codexSandboxMode:ke,bridgeRestartState:I="idle",bridgeRestartMessage:C,onBridgeRestart:W,onMouseEnter:B,onToolbarHoverChange:N,activeChromeHoverSurface:Y=null,toolbarRef:Ae,snapPosition:ee="bottom-right",onSnapPositionChange:qe}){let Q=Ln(Qa),Ne=Ln(jo),re=Ne?.participantId,ze=Nc(J,e??void 0,!Q&&!Ne),ue=!!(Q?.ownIsHost||ze.linked),Se=Ha(Q?.peers??[])+Ha(Q?.admissionRequests??[])+(Q?.admissionRequests?.length?6:0),ge=me(()=>{let f=e?.trim()||"__pending__";if(re){let b=Nr(f);return Object.fromEntries(Object.entries(b).map(([R,ne])=>[R,`${ne}:participant:${encodeURIComponent(re)}`]))}return typeof window>"u"||!e?.trim()?Nr(f):zp({storage:localStorage,projectId:f,pathname:window.location.pathname,selectorExists:b=>!!qn(b)})},[e,re]),[at,It]=z(!1),Ht=s||at,be=Sa(),[Pe,lt]=z(()=>Q?.onJoin?!0:Ne?t.isAnnotating:typeof window>"u"?!1:localStorage.getItem(ge.expanded)==="true"),We=M(Z);D(()=>{Z!==We.current&&(We.current=Z,lt(!0))},[Z]);let[He,Dt,zt]=bo(J),Re=Ee[He],xn=M(null),[Nt,jt]=z(!1),{surface:De,phase:Wn,enter:Bn,leave:Mt,show:on,dismiss:Ft}=So({pinnedSurface:Nt?"popmelt-guide":null,openDelayMs:wa,exitDurationMs:St}),yt=M(null),[g,ye]=z(null),te=ie(()=>{yt.current!==null&&(yt.current=null,ye(null))},[]),pe=ie(f=>{yt.current&&f!==`peer:${yt.current}`&&te(),on(f)},[te,on]),G=ie(f=>{yt.current&&f!==`peer:${yt.current}`&&te(),Bn(f)},[te,Bn]),Te=ie(f=>{f!==`peer:${yt.current}`&&Mt(f)},[Mt]),ae=ie(f=>{(!f||yt.current&&f===`peer:${yt.current}`)&&te(),Ft(f)},[te,Ft]),Fe=De==="tool-menu",Ye=Fe&&Wn==="visible",Je=De==="popmelt-guide",le=Je&&Wn==="visible",Be=Gn(),bt=De?.startsWith("peer:")?De.slice(5):null,oe=Q?.peers.find(f=>f.identity.id===bt),Oe=De?.startsWith("admission:")?De.slice(10):null,et=Q?.admissionRequests?.find(f=>f.id===Oe),vt=!!(oe||et),V=vt&&Wn==="visible",ce=M(null),[Ve,ut]=z(null),Qe=M(null);D(()=>{let f=Qe.current;if(f)return bu(f)},[Pe]),fu(V?Oe:null,ce,Qe);let Rt=M(null),Vt=f=>f instanceof Node&&(Rt.current?.closest('[role="toolbar"]')?.contains(f)||f instanceof Element&&!!f.closest('[data-devtools="peer-details-corridor"], [data-devtools="admission-details"]'));D(()=>{bt!==null&&(!oe||!Pe)&&ae(`peer:${bt}`)},[oe,ae,Pe,bt]),D(()=>{if(!g)return;let f=R=>{R.composedPath().some(ne=>ne instanceof Element&&(ne.getAttribute("data-devtools")==="peer-details-corridor"||ne.getAttribute("data-peer-id")===g))||ae(`peer:${g}`)},b=R=>{R.key==="Escape"&&ae(`peer:${g}`)};return document.addEventListener("pointerdown",f),document.addEventListener("keydown",b),()=>{document.removeEventListener("pointerdown",f),document.removeEventListener("keydown",b)}},[ae,g]),D(()=>{if(!Oe)return;if(!et||!Pe){ae(`admission:${Oe}`);return}let f=b=>{b.composedPath().some(R=>R instanceof Element&&["admission-details","admission-chip"].includes(R.getAttribute("data-devtools")??""))||ae(`admission:${Oe}`)};return document.addEventListener("pointerdown",f),()=>document.removeEventListener("pointerdown",f)},[Oe,et,Pe,ae]),_e(()=>(N?.("peer-details",vt),()=>{vt&&N?.("peer-details",!1)}),[N,vt]);let[dr,an]=z(null),wn=M(t.isAnnotating),Qt=M(!1),st=P?.groupId??null,ve=M([]),Zt=M(null),cr=M(st),ur=M(new Set(t.annotations.map(f=>f.id))),Ur=M(typeof window<"u"?Vo(localStorage,ge.tool):null),ln=M(null),q=M(typeof window<"u"?Jp(ge):null),Ie=M(typeof window<"u"?localStorage.getItem(ge.stroke):null),[je,pt]=z(null),[_t,$t]=z(!1),[Ze,Ot]=z(!1),Dn=JSON.stringify([e,Le,J]),pr=!!(ue&&J&&xe!==!1),qt=M(null),Cs=pr&&qt.current?.key===Dn?qt.current.snapshot:null;D(()=>{(!pr||qt.current?.key!==Dn)&&(qt.current=null)},[pr,Dn]);let[ks,Fn]=z(!1),[Ss,Is]=z(0);D(()=>(kr.setAvailable(ue),()=>kr.setAvailable(!1)),[ue]),D(()=>{let f=!1,b="",R=()=>{let ne=kr.getSnapshot();ne&&(ne.open&&(!f||ne.openRequest!==b)&&ue&&(Fn(!0),Ot("taste"),pe("popmelt-guide")),f=ne.open,b=ne.openRequest)};return R(),kr.subscribe(R)},[ue,pe]),D(()=>{Ze||Fn(!1)},[Ze]),D(()=>{Ot(!1)},[J,Pe,Q?.ownIsHost]),D(()=>{if(Ze!=="settings"||!le)return;let f=b=>{b.key==="Escape"&&(b.composedPath().some(R=>R instanceof HTMLElement&&R.hasAttribute("data-taste-search"))||(b.preventDefault(),b.stopImmediatePropagation(),Ot(!1),pe("popmelt-guide")))};return document.addEventListener("keydown",f,!0),()=>document.removeEventListener("keydown",f,!0)},[Ze,le,pe]),D(()=>{Pe||$t(!1)},[Pe]),D(()=>{$t(!1)},[J]);let[Ms,Gr]=z(!1),[hi,Xr]=z(!1),[Vn,fr]=z(!1),Lt=M(!1),xt=M(null),rt=M(null),Qn=M(null),mr=M(!1);D(()=>{je!=="collapse"&&(Gr(!1),Xr(!1),fr(!1))},[je]),D(()=>{Je||fr(!1)},[Je]);let Yr=je!==null||le;_e(()=>(N?.("guidance-panel",Yr),()=>{Yr&&N?.("guidance-panel",!1)}),[Yr,N]),_e(()=>(N?.("tool-menu",Ye),()=>{Ye&&N?.("tool-menu",!1)}),[N,Ye]),_e(()=>(N?.("popmelt-guide",le),()=>{le&&N?.("popmelt-guide",!1)}),[N,le]);let gi=!F&&(je==="model"||t.activeTool==="model");D(()=>()=>{mr.current&&(mr.current=!1,N?.("project-panel",!1))},[N,gi]);let Ls=ie(()=>{pe("tool-menu")},[pe]),Jt=ie(()=>{an(null),ae("tool-menu")},[ae]),[Ts,Es]=z([]),yi=M({x:0,y:0}),Cn=M(null),hr=M(null),Kt=M(null),dt=ie(()=>{Cn.current=null,hr.current=null,Kt.current&&(clearTimeout(Kt.current),Kt.current=null)},[]);D(()=>{Y==="job-stack"&&(ae(),Lt.current=!1,pt(null),dt(),xt.current&&(clearTimeout(xt.current),xt.current=null),rt.current&&(clearTimeout(rt.current),rt.current=null))},[Y,dt,ae]);let eo=ie(f=>{rt.current&&(clearTimeout(rt.current),rt.current=null),Lt.current?(Cn.current=f,hr.current={...yi.current},Kt.current&&clearTimeout(Kt.current),Kt.current=setTimeout(()=>{Cn.current&&(pt(Cn.current),dt())},300)):(xt.current&&clearTimeout(xt.current),xt.current=setTimeout(()=>{Lt.current=!0,pt(f),xt.current=null},500))},[dt]),gr=ie(()=>{dt(),xt.current&&(clearTimeout(xt.current),xt.current=null),rt.current=setTimeout(()=>{Lt.current=!1,pt(null)},150)},[dt]);D(()=>{Je?Lt.current=!0:je===null&&(Lt.current=!1)},[je,Je]),D(()=>{let f=Qn.current;if(!f)return;let b=()=>{if(Je){G("popmelt-guide");return}dt(),rt.current&&(clearTimeout(rt.current),rt.current=null)},R=()=>{Je||(rt.current=setTimeout(()=>{Lt.current=!1,pt(null)},150))};return f.addEventListener("mouseenter",b),f.addEventListener("mouseleave",R),()=>{f.removeEventListener("mouseenter",b),f.removeEventListener("mouseleave",R)}},[dt,ae,G,je,_t,Ze,de,Te,Je]),D(()=>{let f=Qe.current;if(f)return Hp(f,()=>{Nt&&De==="popmelt-guide"||((De?.startsWith("peer:")||De?.startsWith("admission:"))&&Te(De),de?(ae("popmelt-guide"),ae("tool-menu")):(Te("popmelt-guide"),Te("tool-menu")))})},[ae,De,de,Te,Nt]),D(()=>{if(je!=="counter"||!J)return;let f=!1;return Mn(`${J}/threads/recent?limit=5`).then(b=>b.ok?b.json():[]).then(b=>{f||Es(b)}).catch(()=>{}),()=>{f=!0}},[je,J]);let As=ie(f=>{if(yi.current={x:f.clientX,y:f.clientY},Cn.current&&hr.current){let b=hr.current,R=Zp(ee);Qp(f.clientX,f.clientY,b.x,b.y,R.left,R.y,R.right,R.y)||(pt(Cn.current),dt())}},[dt,ee]),zs=me(()=>{let f=(h??[]).map(b=>b==="claude"?"Claude":b==="codex"?"Codex":b==="copilot"?"Copilot":b==="omp"?"OMP":b);return{name:"AI Model",desc:f.length>1?`${f.join(" and ")} are available.`:f.length===1?`Connected to ${f[0]}.`:"No AI providers detected.",usage:f.length>1?["Click the logo to switch between providers","Click the model name to switch tiers"]:["Click the model name to switch tiers"],keys:f.length>1?[{key:"Click",desc:"Switch"},{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]:[{key:"\u2318 Enter",desc:"Hand off to your AI",accent:!0}]}},[h]),Rs=me(()=>{let f=h&&h.length>0?h:["claude","codex","omp","copilot"],b=f.indexOf(p);return f[(b>=0?b+1:0)%f.length]??p},[h,p]),$s=me(()=>Vp(x,v),[x,v]),to=w[v],bi=to?.supportedReasoningLevels??[],vi=to?.speedTiers??[];yu(Pe,t,n,Qt,ge,!Ne),D(()=>{if(ln.current!==ge.tool){ln.current=ge.tool;let f=Vo(localStorage,ge.tool);if(f&&f!==t.activeTool){n({type:"SET_TOOL",payload:f});return}}$p(localStorage,ge.tool,t.activeTool)},[n,t.activeTool,ge.tool]),_a(()=>{let f=new URLSearchParams(window.location.search);if(!f.has("popmelt"))return;let b=document.createElement("style");b.textContent="nextjs-portal, vite-error-overlay { display: none !important; }",document.head.appendChild(b);let R=parseInt(f.get("popmelt")||"0",10)||0,ne=()=>{lt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})},O=R>0?setTimeout(ne,R):null;return O||ne(),()=>{O&&clearTimeout(O),b.remove()}}),_a(()=>{if(Ne)return ho(t.domModifications),mo(t.styleModifications),Cr(t.textModifications),lt(t.isAnnotating),Qt.current=!0,()=>{Qt.current=!1};let f=localStorage.getItem(ge.expanded)==="true",b=localStorage.getItem(ge.annotations);if(q.current&&n({type:"SET_COLOR",payload:q.current}),b)try{let O=JSON.parse(b);if(Array.isArray(O)&&O.length>0){for(let _ of O)(_.status==="waiting_input"||_.status==="sending"||_.status==="in_flight")&&(_.status=_.threadId?"resolved":"pending");let K=q.current?eu(O,q.current):O;n({type:"RESTORE_ANNOTATIONS",payload:{annotations:K}})}}catch{}let R=Mp(localStorage,ge);if(R.styleModifications.length>0&&(n({type:"RESTORE_STYLE_MODIFICATIONS",payload:R.styleModifications}),mo(R.styleModifications)),R.textModifications.length>0&&(n({type:"RESTORE_TEXT_MODIFICATIONS",payload:R.textModifications}),Cr(R.textModifications)),R.domModifications.length>0&&(n({type:"RESTORE_DOM_MODIFICATIONS",payload:R.domModifications}),ho(R.domModifications)),R.spacingTokenChanges.length>0&&n({type:"RESTORE_SPACING_TOKEN_CHANGES",payload:R.spacingTokenChanges}),f&&!t.isAnnotating){if(Pe||lt(!0),n({type:"SET_TOOL",payload:Ur.current||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),Ie.current){let K=parseFloat(Ie.current);isNaN(K)||n({type:"SET_STROKE_WIDTH",payload:K})}let O=sessionStorage.getItem("popmelt-pending-focus");if(O){sessionStorage.removeItem("popmelt-pending-focus");try{let{annotationId:K}=JSON.parse(O);if(K){let _=b?JSON.parse(b)??[]:[],Ce=_.find(fe=>fe.id===K),tt=Ce?.groupId?_.filter(fe=>fe.groupId===Ce.groupId):Ce?[Ce]:[];A?.({groupId:K,annotationIds:tt.map(fe=>fe.id)}),requestAnimationFrame(()=>{n({type:"SELECT_ANNOTATION",payload:{id:K}});let fe=_.find(ot=>ot.id===K);if(fe){let ot=(fe.groupId?_.filter(mt=>mt.groupId===fe.groupId):[fe]).flatMap(mt=>mt.points);if(ot.length>0){let mt=Math.min(...ot.map(ht=>ht.x)),Ge=Math.max(...ot.map(ht=>ht.x)),ft=Math.min(...ot.map(ht=>ht.y)),br=Math.max(...ot.map(ht=>ht.y));window.scrollTo({left:(mt+Ge)/2-window.innerWidth/2,top:(ft+br)/2-window.innerHeight/2,behavior:"smooth"})}}})}}catch{}}}let ne=sessionStorage.getItem("popmelt-pending-thread");if(ne){sessionStorage.removeItem("popmelt-pending-thread");try{let{threadId:O,selector:K,preview:_}=JSON.parse(ne);O&&requestAnimationFrame(()=>{if(K)try{let Ce=qn(K);if(Ce){let tt=Sr(Ce),fe=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:fe,point:{x:tt.left+tt.width,y:tt.top},text:_||"[thread]",linkedSelector:K,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[fe],threadId:O}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[fe],status:"resolved"}})}}catch{}E&&E(O)})}catch{}}return Qt.current=!0,()=>{Qt.current=!1}});let xi=M(t.styleModifications),wi=M(t.textModifications),Ci=M(t.domModifications);D(()=>{let f=xi.current,b=t.styleModifications;f!==b&&(_i(f),mo(b),xi.current=b)},[t.styleModifications]),D(()=>{let f=wi.current,b=t.textModifications;f!==b&&(qi(f),Cr(b),wi.current=b)},[t.textModifications]),D(()=>{let f=t.textModifications.filter(b=>b.selector.startsWith("@frame("));if(f.length)return Pi(()=>Cr(f))},[t.textModifications]),D(()=>{let f=Ci.current,b=t.domModifications;f!==b&&(Ji(f),ho(b),Ci.current=b)},[t.domModifications]),D(()=>{let f=wn.current;wn.current=t.isAnnotating;let b=Wp({wasAnnotating:f,isAnnotating:t.isAnnotating,isExpanded:Pe});b.expanded!==null&<(b.expanded),b.annotating!==null&&n({type:"SET_ANNOTATING",payload:b.annotating})},[n,t.isAnnotating,Pe]);let ki=M(Pe);ki.current=Pe,Ia(()=>{if(ki.current)n({type:"SET_ANNOTATING",payload:!1}),lt(!1);else{let f=Vo(localStorage,ge.tool);n({type:"SET_TOOL",payload:f||"inspector"}),n({type:"SET_ANNOTATING",payload:!0}),lt(!0)}});let no=ie(f=>{a||(dt(),n({type:"SET_TOOL",payload:f}),t.isAnnotating||n({type:"SET_ANNOTATING",payload:!0}),Lt.current=!1,pt(null),xt.current&&(clearTimeout(xt.current),xt.current=null),rt.current&&(clearTimeout(rt.current),rt.current=null))},[n,t.isAnnotating,dt,a]),Si=ie(async()=>{window.focus(),await r()},[r]),Ii=ie(async()=>{o&&await o()},[o]),Ps=ie(()=>{n({type:"SET_ANNOTATING",payload:!1}),ae(),lt(!1)},[ae,n]);D(()=>{if(!Fe)return;let f=R=>{!xn.current||R.composedPath().includes(xn.current)||Jt()},b=R=>{R.key==="Escape"&&(R.preventDefault(),R.stopPropagation(),Jt())};return document.addEventListener("mousedown",f),document.addEventListener("keydown",b),()=>{document.removeEventListener("mousedown",f),document.removeEventListener("keydown",b)}},[Jt,Fe]);let ro=ie(()=>{a||(_i(t.styleModifications),qi(t.textModifications),Ji(t.domModifications),document.querySelectorAll("[data-pm]").forEach(f=>f.removeAttribute("data-pm")),n({type:"CLEAR"}),n({type:"CLEAR_ALL_STYLES"}),localStorage.removeItem(ge.annotations),localStorage.removeItem(ge.styleMods),localStorage.removeItem(ge.textMods),localStorage.removeItem(ge.domMods),localStorage.removeItem(ge.spacingChanges),A?.(null),ve.current=[],Zt.current=null,u?.())},[n,t.styleModifications,t.textModifications,t.domModifications,A,u,ge,a]),oo=Tr(t.activeColor)??29,kn=M(null),Mi=M(null),Li=t.annotations.length>0;D(()=>{let f=Mi.current;if(!f||!Li)return;let b=R=>{R.preventDefault(),R.stopPropagation();let ne=R.deltaY>0?-1:1,O=((oo+ne)%360+360)%360,K=Xt(O);n({type:"SET_COLOR",payload:K}),t.selectedAnnotationIds.length>0&&n({type:"UPDATE_ANNOTATION_COLOR",payload:{id:t.lastSelectedId||t.selectedAnnotationIds[0],color:K}})};return f.addEventListener("wheel",b,{passive:!1}),()=>f.removeEventListener("wheel",b)},[Li,t.selectedAnnotationIds,t.lastSelectedId,oo,n]);let yr=M(!1),Hs=ie(()=>{yr.current=!1,kn.current=setTimeout(()=>{yr.current=!0,n({type:"SET_COLOR",payload:Xt(29)})},500)},[n]),Ti=ie(()=>{kn.current&&(clearTimeout(kn.current),kn.current=null)},[]);D(()=>()=>{kn.current&&clearTimeout(kn.current),Kt.current&&clearTimeout(Kt.current)},[]);let Tt=ha(),Ei=me(()=>Er(t.annotations),[t.annotations]),Ue=me(()=>Cp(t.annotations,Ei),[t.annotations,Ei]),Ns=me(()=>Ue.filter(f=>!f.pathname||f.pathname===Tt),[Ue,Tt]),io=st?Ue.findIndex(f=>f.id===st):null,Sn=io!==null&&io>=0?io:null,ao=Sn!==null?Ue[Sn]??null:null,sn=ie(()=>{A?.(null),ve.current=[],Zt.current=null},[A]);D(()=>{let f=cr.current;cr.current=st,f!==null&&st===null&&(ve.current=[],Zt.current=null)},[st]),D(()=>{let f=new Set(t.annotations.map(R=>R.id)),b=t.annotations.some(R=>!ur.current.has(R.id)&&R.id!==st&&(R.status??"pending")==="pending");ur.current=f,b&&sn()},[sn,st,t.annotations]),D(()=>{st&&!Ue.some(f=>f.id===st)&&sn()},[Ue,sn,st]);let Ai=ie(async f=>{let b=Ue.find(O=>O.id===f);if(!b)return!1;if(A?.({groupId:b.id,annotationIds:b.annotations.map(O=>O.id)}),Jt(),!(!b.pathname||b.pathname===Tt)){if(sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:b.id,pathname:b.pathname})),!j)return window.location.href=b.pathname,!0;try{await j(b.pathname)}catch{return sessionStorage.removeItem("popmelt-pending-focus"),!1}if(sessionStorage.removeItem("popmelt-pending-focus"),window.location.pathname!==b.pathname)return!1}n({type:"SELECT_ANNOTATION",payload:{id:b.id}}),t.activeTool!=="inspector"&&n({type:"SET_TOOL",payload:"inspector"});let R=b.annotations.find(O=>O.linkedSelector)?.linkedSelector,ne=R?qn(R):null;if(ne){let O=Sr(ne);window.scrollTo({left:O.left+O.width/2+window.scrollX-window.innerWidth/2,top:O.top+O.height/2+window.scrollY-window.innerHeight/2,behavior:"smooth"})}else{let O=b.annotations.flatMap(fe=>fe.points);if(O.length===0)return!1;let K=Math.min(...O.map(fe=>fe.x)),_=Math.max(...O.map(fe=>fe.x)),Ce=Math.min(...O.map(fe=>fe.y)),tt=Math.max(...O.map(fe=>fe.y));window.scrollTo({left:(K+_)/2-window.innerWidth/2,top:(Ce+tt)/2-window.innerHeight/2,behavior:"smooth"})}if(E){let O=b.annotations.find(K=>K.threadId)?.threadId;O&&E(O)}return!0},[Ue,Jt,Tt,n,A,j,E,t.activeTool]),zi=ie(async()=>{if(Ue.length===0){sn();return}ve.current.length===0&&(Zt.current=Tt,ve.current=ml(Ue,Tt));let f=ve.current,b=kp(f,st);if(st!==null&&b===f[0]){let R=Zt.current??Tt;ve.current=ml(Ue,R),b=ve.current[0]??null}for(let R=0;b&&R<ve.current.length;R+=1){if(await Ai(b))return;let ne=ve.current.indexOf(b);if(ve.current=ve.current.filter(O=>O!==b),ve.current.length===0)break;b=ve.current[Math.min(ne,ve.current.length-1)]??ve.current[0]}sn()},[Ue,sn,Tt,Ai,st]);D(()=>{if(!Pe)return;let f=b=>{if(b.defaultPrevented)return;let R=document.activeElement;for(;R?.shadowRoot?.activeElement;)R=R.shadowRoot.activeElement;if(R?.tagName==="INPUT"||R?.tagName==="TEXTAREA"||R?.isContentEditable)return;if((b.metaKey||b.ctrlKey)&&b.key===wr.actions.send.key){o&&(i||t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(O=>!O.captured).length>0)&&(b.preventDefault(),Ii());return}if((b.metaKey||b.ctrlKey)&&b.key.toLowerCase()===wr.actions.screenshot.key){let O=window.getSelection();if(O&&O.toString().length>0)return;(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&(b.preventDefault(),window.focus(),Si());return}if((b.metaKey||b.ctrlKey)&&wr.actions.clear.keys.includes(b.key)){b.preventDefault(),ro();return}if(b.metaKey||b.ctrlKey||b.altKey||t.activeTool==="sticker"&&Gs(b.key))return;let ne=Xs(b.key);ne&&(b.preventDefault(),no(ne))};return window.addEventListener("keydown",f),()=>window.removeEventListener("keydown",f)},[Pe,no,Si,Ii,o,i,ro,t.activeTool,t.annotations.length,t.styleModifications.length,t.textModifications.length,t.spacingTokenChanges,je]);let js=88+(Se?Se+6:0),Ri=xe===!1||Q?.connectionNotice?"rgba(239, 68, 68, 0.4)":s&&d?d:Re.primary,Zn=!!(X&&we&&X!==we),Ut=I==="restarting"||!W&&!J,Os=I==="error"?"#dc2626":I==="ok"?Bt.iconDefault:Zn?"#b45309":Bt.iconDefault,Ws=I==="restarting"?"Restarting":I==="error"?"Restart failed":I==="ok"?"Restarted":Zn?"Update bridge":null,lo=C??(Zn?`Page version ${X}; bridge version ${we}. Refresh the page after updating the package, or restart the bridge after rebuilding it.`:we?`Bridge ${we}. Restart bridge.`:"Restart bridge"),so=Op.map(f=>({...f,Icon:f.type==="model"?na:f.type==="sticker"?jp:Ed})),dn=so.find(({type:f})=>f===t.activeTool)??so[0],Bs=dn.Icon,Ds=ee.startsWith("top"),Fs=140,Vs=-38,cn=Je?"collapse":je,co=Math.max(0,be.h-Ke-mn*2-Pt),$i=M(null);return D(()=>{if(!Pe)return;let f=$i.current;if(!f)return;let b=()=>{N?.("popmelt-trigger",!0),c?.(!0),G("popmelt-guide")},R=()=>{N?.("popmelt-trigger",!1),c?.(!1)};return f.addEventListener("mouseenter",b),f.addEventListener("mouseleave",R),()=>{f.removeEventListener("mouseenter",b),f.removeEventListener("mouseleave",R)}},[G,Pe,c,N]),Pe?y(Me,{children:[l("style",{children:`
|
|
246
|
+
${Fa}
|
|
247
247
|
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
|
|
248
248
|
@media (prefers-reduced-motion: reduce) { [data-popmelt-reconnecting-spinner] { animation: none !important; } }
|
|
249
249
|
@keyframes popmelt-border-march { to { background-position: 0 -5px; } }
|
|
@@ -251,11 +251,11 @@ Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{
|
|
|
251
251
|
@media (hover: none), (pointer: coarse) {
|
|
252
252
|
[data-popmelt-tool-menu-item] { min-height: 40px !important; }
|
|
253
253
|
}
|
|
254
|
-
`}),
|
|
255
|
-
`):"Working directory unavailable.";return l("div",{ref:
|
|
254
|
+
`}),gi&&l(np,{bridgeUrl:J,onViewThread:E,snapPosition:ee,temporarilyHidden:he,onMouseEnter:()=>{mr.current=!0,N?.("project-panel",!0),dt(),rt.current&&(clearTimeout(rt.current),rt.current=null)},onMouseLeave:()=>{mr.current=!1,N?.("project-panel",!1),t.activeTool!=="model"&&gr()}}),y("div",{ref:Qe,style:{display:"contents"},children:[Q?.onJoin&&l(gu,{theme:He,onJoin:Q.onJoin,style:{...Wt(ee,be.w,be.h),zIndex:10001,pointerEvents:"auto"}}),et&&Q?.onAdmissionDecision&&Pe&&Y!=="job-stack"&&l("div",{"data-devtools":"admission-details","data-popmelt-hover-panel":!0,"data-admission-request-id":et.id,onPointerEnter:()=>G(`admission:${et.id}`),onPointerLeave:f=>{f.relatedTarget instanceof Node&&Qe.current?.contains(f.relatedTarget)||Te(`admission:${et.id}`)},onFocusCapture:()=>pe(`admission:${et.id}`),onBlurCapture:f=>{f.relatedTarget instanceof Node&&f.currentTarget.contains(f.relatedTarget)||Te(`admission:${et.id}`)},onKeyDown:f=>{f.key==="Escape"&&(ae(`admission:${et.id}`),f.stopPropagation())},style:{...Wt(ee,be.w,be.h,0),width:"max-content",maxWidth:Math.min(360,wt(be.w)),...ee.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},children:l(hu,{grantRef:ce,id:Be,request:et,theme:He,onDecide:Q.onAdmissionDecision,style:{maxWidth:Math.min(360,wt(be.w)),opacity:V?1:0,transition:de?"none":`opacity ${St}ms ease`}},et.id)}),!et&&oe&&Pe&&Y!=="job-stack"&&l("div",{"data-devtools":"peer-details-corridor","data-popmelt-hover-panel":!0,style:{...Wt(ee,be.w,be.h,0),width:"max-content",maxWidth:Math.min(360,wt(be.w)),...ee.startsWith("top-")?{paddingTop:8}:{paddingBottom:8},zIndex:10001,pointerEvents:"auto"},onPointerEnter:()=>G(`peer:${oe.identity.id}`),onFocusCapture:()=>pe(`peer:${oe.identity.id}`),onBlurCapture:f=>{f.relatedTarget instanceof Node&&f.currentTarget.contains(f.relatedTarget)||Te(`peer:${oe.identity.id}`)},onPointerLeave:f=>{let b=f.relatedTarget;b instanceof Node&&Qe.current?.contains(b)||Te(`peer:${oe.identity.id}`)},children:l(pu,{id:Be,peer:oe,isOwn:oe.identity.id===Q?.ownPeerId,onSharePreview:oe.identity.id===Q?.ownPeerId?Q.onSharePreview:void 0,pendingSubmissions:Q?.pendingSubmissions?.filter(f=>f.authorId===oe.identity.id),viewedSuggestionKeys:Q?.viewedSuggestionKeys,onHoverSuggestion:Q?.onHoverSuggestion?f=>Q.onHoverSuggestion(oe.identity.id,f):void 0,showUnreadSuggestions:!!Q?.ownIsHost,onFocusSuggestion:Q?.onFocusSuggestion?(f,b)=>(yt.current=oe.identity.id,ye(oe.identity.id),pe(`peer:${oe.identity.id}`),Q.onFocusSuggestion(oe.identity.id,f,b)):void 0,onInvite:oe.identity.relationship==="host"&&oe.identity.id===Q?.ownPeerId?Q.onInvite:void 0,onPermissionChange:oe.identity.relationship!=="host"&&Q?.onPermissionChange?f=>Q.onPermissionChange(oe.identity.id,f):void 0,onRevokeAccess:oe.identity.relationship!=="host"&&Q?.onRevokeAccess?()=>Q.onRevokeAccess(oe.identity.id,f=>pe(`peer:${f}`)):void 0,theme:He,style:{maxWidth:Math.min(360,wt(be.w)),opacity:V?1:0,transition:de?"none":`opacity ${St}ms ease`}})}),ks&&ue&&l("div",{ref:Ze==="taste"?Qn:void 0,"data-popmelt-hover-panel":!0,inert:Ze!=="taste"||!le,"aria-hidden":Ze!=="taste"||!le,style:{...Wt(ee,be.w,be.h),...ee.startsWith("top-")?{top:mn+Ke,paddingTop:Pt}:{bottom:mn+Ke,paddingBottom:Pt},width:wt(be.w),display:Ze==="taste"&&Je&&!_t&&Y!=="job-stack"?"block":"none",opacity:le?1:0,transition:le||de?"none":`opacity ${St}ms ease`,pointerEvents:"auto",zIndex:10001},children:l(wd,{fallback:l("div",{role:"status",style:{height:co,borderRadius:20,background:Re.surface,color:Re.primary,display:"grid",placeItems:"center",fontFamily:Et,fontSize:13},children:"Loading collection\u2026"}),children:l(Np,{onEditorVisibilityPinChange:jt,visible:Ze==="taste"&&le,prefetchSignal:Ss,bridgeUrl:J,theme:He,onDirectionChange:f=>{if(!f){qt.current=null;return}let b=qt.current;if(b?.key!==Dn||b.snapshot.connection.accountId!==f.accountId||b.snapshot.connection.environment!==f.environment){qt.current=null;return}f.generation<b.snapshot.generation||(b.snapshot={...b.snapshot,taste:f.name,generation:f.generation})},onClose:()=>Ot("settings"),style:{height:co,maxHeight:co}})})}),_t&&Je&&E&&!vt&&Y!=="job-stack"&&l("div",{ref:Qn,"data-popmelt-hover-panel":!0,style:{...Wt(ee,be.w,be.h),...ee.startsWith("top-")?{top:mn+Ke,paddingTop:8}:{bottom:mn+Ke,paddingBottom:8},width:Math.min(360,wt(be.w)),pointerEvents:"auto",zIndex:10001,opacity:le?1:0,transition:le||de?"none":`opacity ${St}ms ease`},children:l(Uc,{onPreviewThread:$,bridgeUrl:J,theme:He,style:{width:Math.min(360,wt(be.w)),maxHeight:Math.max(120,be.h-Ke-mn*2-24)},onClose:()=>{$t(!1),pt(null),ae("popmelt-guide")},onViewThread:f=>{$t(!1),pt(null),ae("popmelt-guide"),E?.(f)}})}),!Q?.onJoin&&!(_t&&Je)&&!(Ze==="taste"&&Je)&&!vt&&Y!=="job-stack"&&cn&&cn!=="model"&&(cn==="provider"||bl[cn])&&(()=>{let f=cn==="provider"?zs:bl[cn];if(cn==="collapse"){let b=Wt(ee,be.w,be.h),R=8,ne=mn+Ke,O=ee.startsWith("top-")?{...b,top:ne}:{...b,bottom:ne},K=!!(W||J),_=Q?.connectionNotice,Ce=_?.recovery&&(_.kind==="draft-sync"||_.kind==="reconnecting"||_.kind==="status-check"||_.kind==="local-storage"),tt="";if(J)try{tt=new URL(J).port}catch{tt=""}let fe=Q?.connectionNotice?.label??Dp({bridgeRestartState:I,bridgeIsStale:Zn,isBridgeConnected:xe,packageVersion:X}),ot=!Q?.connectionNotice&&Fp({hovered:Ms,canRestartBridge:K,bridgeRestartDisabled:Ut,bridgeRestartState:I,isBridgeConnected:xe}),mt=ot?tt?`Refresh :${tt}`:"Refresh bridge":fe,Ge=qp(Le),ft=U?.state==="ready",br=Le?[Le,p==="codex"&&ke?`Codex sandbox: ${ke}.`:null,U?.message??"Working-directory permission check unavailable."].filter(Boolean).join(`
|
|
255
|
+
`):"Working directory unavailable.";return l("div",{ref:Qn,"data-popmelt-hover-panel":!0,style:{...O,width:wt(be.w),boxSizing:"content-box",...ee.startsWith("top-")?{paddingTop:R}:{paddingBottom:R},backgroundColor:"transparent",zIndex:10001,pointerEvents:"auto",opacity:le?1:0,transition:le||de?"none":`opacity ${St}ms ease`},children:Ze==="settings"?l(Rc,{theme:He,bridgeUrl:J,host:ue,hostSetup:!Q&&!Ne?l(Pc,{theme:He,appOrigin:typeof location>"u"?"<app-url>":location.origin,projectRoot:Le??void 0,error:ze.error}):void 0,cachedSnapshot:Cs,onSnapshotChange:ht=>{qt.current=ht&&pr?{key:Dn,snapshot:ht}:null},onBrowseCollection:()=>{Fn(!0),Ot("taste")},onPrefetchCollection:()=>{Fn(!0),Is(ht=>ht+1)},onInvalidateCollection:()=>Fn(!1),onClose:()=>{Ot(!1),pe("popmelt-guide")},project:y("span",{"aria-label":br,"data-workspace-access-state":U?.state??"unknown",title:br,style:{display:"inline-flex",minWidth:0,maxWidth:"100%",alignItems:"center",gap:4,color:He==="light"?Re.primary:U&&!ft?Re.hoverForeground:Re.muted,fontWeight:U&&!ft?500:400},children:[l(_p,{}),l("span",{style:{minWidth:0,flex:"1 1 auto",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:Ge}),l("span",{"aria-hidden":"true",style:{flexShrink:0,fontSize:10,fontWeight:700,lineHeight:1},children:U?ft?"\u2713":"!":"\u2026"})]}),model:y("span",{onMouseEnter:()=>Xr(!0),onMouseLeave:()=>{Xr(!1),fr(!1)},style:{display:"inline-flex",position:"relative"},children:[y("button",{type:"button","aria-expanded":Vn,onClick:()=>{Vn||k?.(),fr(ht=>!ht)},style:{...pn(Re,hi||Vn),...He==="light"&&!hi&&!Vn?{color:Re.primary}:{},minWidth:0},children:[l(rr,{provider:p,size:14}),l("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:T})]}),l(pl,{visible:Vn,provider:p,availableProviders:h,models:w,modelIndex:v,agentSettings:S,onProviderChange:m,onModelChange:H,onAgentSettingsChange:L,style:{border:`1px solid ${Re.hairline}`,top:"100%",bottom:"auto",left:"auto",right:0,transform:"none"}})]})}):Ze?null:l(ma,{theme:He,themePreference:zt,onThemePreferenceChange:Dt,snapPosition:ee,onSnapPositionChange:qe,active:le,onSettings:()=>{Ot("settings"),$t(!1)},onHistory:()=>{$t(!0),pe("popmelt-guide"),pt(null)},connectionDetails:!Ce&&Q?.connectionNotice?.recovery&&l(jc,{theme:He,...Q.connectionNotice.recovery}),connection:Ce&&_?.recovery?l(Oc,{theme:He,label:_.label,reconnecting:_.reconnecting,retry:_.recovery.retry,clearLocalSpace:_.recovery.clearLocalSpace,retryLabel:_.recovery.retryLabel,pendingLabel:_.kind==="local-storage"?"Retrying saving":void 0,failedLabel:_.kind==="local-storage"?"Save failed":void 0,hint:_.kind==="local-storage"?"Retry local saving without reloading or clearing your draft":void 0,restart:Q?.ownIsHost&&_.kind!=="local-storage"?W:void 0}):y("button",{type:"button",onClick:()=>{Q?.connectionNotice||!K||Ut||(W?W():Ui(J))},disabled:!!Q?.connectionNotice||!K||Ut,"aria-label":Q?.connectionNotice?`${fe}. ${Q.connectionNotice.detail}`:K?`${fe}. ${lo}`:fe,title:Q?.connectionNotice?.detail??lo,onMouseEnter:()=>Gr(!0),onMouseLeave:()=>Gr(!1),style:{...pn(Re,ot),color:ot?Re.hoverForeground:I==="error"||xe===!1?Re.mutedStrong:Re.muted,cursor:!Q?.connectionNotice&&K&&!Ut?"pointer":"default",opacity:1},children:[l(Bp,{reconnecting:Q?.connectionNotice?!!Q.connectionNotice.reconnecting:I==="restarting",refresh:ot,paused:Q?.connectionNotice?.paused}),l("span",{children:mt})]})})})}return y("div",{ref:Qn,"data-popmelt-hover-panel":["collapse","counter","provider"].includes(je??"")?"":void 0,style:{...Wt(ee,be.w,be.h),width:Math.min(300,wt(be.w)),backgroundColor:"#eaeaea",...xu,boxSizing:"content-box",zIndex:10001,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:12,color:"#1f2937",padding:12,...je!=="collapse"&&je!=="counter"&&je!=="provider"?{pointerEvents:"none"}:{}},children:[je==="collapse"&&l("div",{style:{marginBottom:10,width:"fit-content",color:Bt.iconDefault},children:l("svg",{width:"48",height:"48",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("path",{d:"M11.1406 31.2559C11.2407 31.3875 11.351 31.5132 11.4697 31.6338L3.10449 40H2.39746L11.1406 31.2559ZM8.05371 40H7.34668L14.5498 32.7959C14.8554 32.7706 15.1541 32.7063 15.4414 32.6113L8.05371 40ZM18.2197 34.0762C18.3788 34.1569 18.5445 34.2272 18.7168 34.2861L13.0039 40H12.2969L18.2197 34.0762ZM17.9531 40H17.2461L26.1338 31.1113C26.438 31.0829 26.7427 31.0148 27.0439 30.9082L17.9531 40ZM40 22.9023L22.9033 40H22.1963L40 22.1953V22.9023ZM40 27.8525L27.8525 40H27.1455L40 27.1455V27.8525ZM40 32.8027L32.8027 40H32.0957L40 32.0957V32.8027ZM40 37.752L37.752 40H37.0449L40 37.0449V37.752ZM9.06543 28.3809C9.25255 28.4332 9.45183 28.4715 9.66504 28.4883L0 38.1543V37.4473L9.06543 28.3809ZM6.59375 25.9023C6.65822 26.0626 6.73171 26.2263 6.81445 26.3896L0 33.2041V32.4971L6.59375 25.9023ZM20.25 8.00293H20.249C21.5098 8.0286 22.7219 8.25094 23.8584 8.63672L23.8604 8.63574C23.8961 8.64787 23.9312 8.66145 23.9668 8.67383C24.0611 8.70686 24.1548 8.74106 24.248 8.77637C24.2915 8.79273 24.3357 8.80727 24.3789 8.82422L24.376 8.82617C27.6145 10.0955 30.1646 12.7301 31.3213 16.0234L31.3232 16.0225C31.3327 16.0493 31.3404 16.0766 31.3496 16.1035C31.7691 17.3256 32 18.6356 32 20C32 20.8726 31.9366 21.6706 31.7598 22.4902L31.7197 22.6328C31.6412 23.0066 31.5136 23.6108 31.3408 24.2217L31.3398 24.2246C31.2967 24.377 31.251 24.5299 31.2021 24.6797C30.9215 25.5403 30.5473 26.2998 30.0879 26.2998C29.7613 26.2996 29.5995 25.9674 29.4316 25.6221C29.2501 25.2487 29.0614 24.8605 28.6484 24.8604C27.8532 24.8604 27.2081 25.5046 27.208 26.2998V27.0771C27.2079 27.6079 26.9661 28.112 26.5205 28.4004C25.9146 28.7925 25.2357 28.6462 24.7959 28.2061L24.7949 28.208C24.7897 28.2028 24.7854 28.1967 24.7803 28.1914C24.7654 28.1761 24.7507 28.1606 24.7363 28.1445C24.7105 28.1156 24.6858 28.0857 24.6621 28.0547C24.6461 28.0339 24.6302 28.013 24.6152 27.9912C24.5931 27.9591 24.5726 27.9257 24.5527 27.8916C24.5392 27.8685 24.5261 27.8452 24.5137 27.8213C24.5093 27.8128 24.5043 27.8045 24.5 27.7959L24.501 27.7939C24.3932 27.5763 24.3282 27.3276 24.3281 27.0576V26.2998C24.328 25.5993 23.8278 25.0158 23.165 24.8867V24.8877C23.0752 24.8702 22.9826 24.8604 22.8877 24.8604C22.8446 24.8604 22.8019 24.8624 22.7598 24.8662C22.0247 24.9312 21.4483 25.5479 21.4482 26.2998C21.4482 26.9127 21.4608 27.5305 21.4736 28.1494L21.4951 29.3135C21.5 29.7013 21.5015 30.089 21.4971 30.4756C21.4874 31.3103 20.8426 32 20.0078 32C19.1732 31.9998 18.5292 31.3102 18.5195 30.4756C18.5159 30.1613 18.5176 29.8464 18.5205 29.5312V29.5322C18.5212 29.4593 18.5206 29.3864 18.5215 29.3135L18.5303 28.8154V28.8145C18.5343 28.5927 18.5384 28.371 18.543 28.1494C18.5558 27.5305 18.5684 28.1129 18.5684 27.5C18.5684 26.7047 17.9232 26.0596 17.1279 26.0596C16.907 26.0596 16.6978 26.1103 16.5107 26.1992C16.2161 26.3393 15.9767 26.5769 15.834 26.8701C15.8269 26.8846 15.8201 26.8993 15.8135 26.9141C15.7821 26.9845 15.7562 27.0579 15.7363 27.1338C15.7243 27.1798 15.7155 27.2267 15.708 27.2744C15.7012 27.3175 15.6953 27.361 15.6924 27.4053C15.6903 27.4366 15.6885 27.4681 15.6885 27.5V28.7383C15.6883 29.9234 14.4911 30.7248 13.4961 30.0811C13.0505 29.7926 12.8086 29.2886 12.8086 28.7578V26.2998C12.8086 25.9737 12.6984 25.674 12.5156 25.4326C12.4437 25.3381 12.3612 25.2521 12.2686 25.1777V25.1768C12.0219 24.9788 11.709 24.8604 11.3682 24.8604C10.9892 24.8604 10.8622 24.8872 10.7295 25.2295C10.5837 25.6055 10.4302 26 9.92773 26C9.33081 25.9996 8.95963 25.2403 8.71484 24.3799C8.5591 23.8325 8.45907 23.571 8.3623 23.0107C8.3501 22.9401 8.33284 22.8403 8.31738 22.7529C8.12812 21.9466 8.02043 21.1089 8.00293 20.249V20.25L8 20C8 19.8617 8.00317 19.724 8.00781 19.5869C8.00837 19.5703 8.00816 19.5537 8.00879 19.5371L8.00977 19.5352C8.0998 17.1716 8.87444 14.9844 10.1396 13.1631C10.1488 13.1499 10.1587 13.1372 10.168 13.124C12.255 10.1453 15.6582 8.15745 19.5352 8.00977L19.5371 8.00879C19.5537 8.00816 19.5703 8.00837 19.5869 8.00781C19.724 8.00317 19.8617 8 20 8L20.25 8.00293ZM5.72266 22.5303L0 28.2539V27.5469L5.62793 21.918C5.6553 22.1234 5.6868 22.3275 5.72266 22.5303ZM16.2637 26.8398L16.2617 26.8408C16.2784 26.8013 16.2954 26.7627 16.3135 26.7256C16.3203 26.7116 16.3275 26.6982 16.334 26.6855C16.3125 26.7277 16.289 26.7808 16.2637 26.8398ZM40 17.9531L33.9854 23.9668C34.051 23.6832 34.1043 23.4321 34.1445 23.2412L34.1641 23.1748L34.1865 23.0967L34.1963 23.0488L40 17.2461V17.9531ZM5.87012 16.7266C5.80321 17.0165 5.74649 17.3101 5.69727 17.6064L0 23.3047V22.5977L5.87012 16.7266ZM40 13.0039L34.4297 18.5732C34.409 18.3615 34.3832 18.1513 34.3535 17.9424L40 12.2969V13.0039ZM0 18.3555V17.6484L17.6484 0H18.3555L0 18.3555ZM40 8.05371L33.458 14.5947C33.3909 14.4277 33.3202 14.2625 33.2471 14.0986L40 7.34668V8.05371ZM0 13.4053V12.6982L12.6992 0H13.4062L0 13.4053ZM40 3.10352L31.6865 11.416C31.5868 11.2805 31.4851 11.1465 31.3809 11.0146L40 2.39648V3.10352ZM29.2881 8.86523C29.1595 8.75783 29.0288 8.65278 28.8965 8.5498L37.4473 0H38.1543L29.2881 8.86523ZM0 8.45508V7.74805L7.74805 0H8.45508L0 8.45508ZM26.2783 6.92578C26.1183 6.84878 25.9562 6.77534 25.793 6.7041L32.498 0H33.2051L26.2783 6.92578ZM17.6064 5.69727C17.3101 5.74649 17.0165 5.80321 16.7266 5.87012L22.5977 0H23.3047L17.6064 5.69727ZM22.5322 5.7207C22.3295 5.685 22.1254 5.65316 21.9199 5.62598L27.5469 0H28.2539L22.5322 5.7207ZM0 3.50586V2.79883L2.79883 0H3.50586L0 3.50586Z",fill:"currentColor"})})}),y("div",{style:{display:"flex",alignItems:"center",gap:6,fontWeight:700,fontSize:13,marginBottom:6},children:[l("span",{children:f.name}),f.keys[0]&&l("code",{style:{fontSize:10,fontWeight:500,backgroundColor:"rgba(0,0,0,0.06)",padding:"1px 4px",color:"#6b7280"},children:f.keys[0].key})]}),l("div",{style:{color:"#6b7280",lineHeight:1.5,marginBottom:je==="collapse"?0:10},children:f.desc.split(`
|
|
256
256
|
|
|
257
|
-
`).map((b,z)=>l("p",{style:{margin:0,marginTop:z>0?8:0},children:b},z))}),je==="provider"?y("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[y("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[l("span",{style:{color:"#6b7280",fontSize:11},children:"Model"}),l(Zo,{value:String(v),options:w.map((b,z)=>({value:String(z),label:b.label})),onChange:b=>H?.(Number(b)),disabled:!H||w.length===0})]}),xi.length>0&&y("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[l("span",{style:{color:"#6b7280",fontSize:11},children:"Thinking"}),l(Zo,{value:S.reasoningEffort??"",onChange:b=>L?.({...S,reasoningEffort:b||void 0}),disabled:!L,options:[{value:"",label:"Inherit"},...xi.map(b=>({value:b.effort,label:`${b.effort.charAt(0).toUpperCase()}${b.effort.slice(1)}${b.effort===no?.defaultReasoningLevel?" (model default)":""}`}))]})]}),wi.length>0&&y("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[l("span",{style:{color:"#6b7280",fontSize:11},children:"Speed"}),l(Zo,{value:S.serviceTier??"",onChange:b=>L?.({...S,serviceTier:b||void 0}),disabled:!L,options:[{value:"",label:"Inherit"},{value:"default",label:"Standard"},...wi.map(b=>({value:b.id,label:b.label}))]})]})]}):f.usage.map((b,z)=>y("div",{style:{display:"flex",gap:6,marginBottom:3,lineHeight:1.4},children:[l("span",{style:{color:"#9ca3af",flexShrink:0},children:"\u2013"}),l("span",{children:b})]},z)),je==="collapse"&&qe&&y("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:10,paddingTop:8},children:[l("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:6,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Position"}),l("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:3,width:"fit-content"},children:_c.map(b=>{let z=b===ee;return l("button",{type:"button",onClick:()=>{pt(null),Tt.current=!1,dt(),qe(b)},title:b,style:{width:24,height:16,border:"none",cursor:"pointer",padding:0,backgroundColor:z?"#1f2937":"rgba(0,0,0,0.08)",transition:"background-color 100ms ease"},onMouseEnter:ne=>{z||(ne.currentTarget.style.backgroundColor="rgba(0,0,0,0.15)")},onMouseLeave:ne=>{z||(ne.currentTarget.style.backgroundColor="rgba(0,0,0,0.08)")}},b)})})]}),je==="collapse"&&(()=>{let b=Object.entries(se??{}),z=b.filter(([,Z])=>Z.found&&!Z.disabled).map(([Z])=>Z.charAt(0).toUpperCase()+Z.slice(1)),ne=b.filter(([,Z])=>!Z.found).map(([Z])=>Z);if(!U&&!W&&z.length===0&&ne.length===0)return null;let O=ne.map(Z=>Z.charAt(0).toUpperCase()+Z.slice(1)),J=[...z,...O];return y("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:10,paddingTop:8,display:"flex",alignItems:"center",gap:6,fontSize:11},children:[(W||U)&&l("button",{type:"button",onClick:()=>{Gt||(W?W():Oi(U))},disabled:Gt,title:so,"aria-label":Ds??"Restart bridge",style:{display:"flex",alignItems:"center",justifyContent:"center",width:22,height:22,border:"none",borderRadius:0,backgroundColor:Zn||I!=="idle"?"rgba(0,0,0,0.07)":"rgba(0,0,0,0.04)",color:Bs,cursor:Gt?"default":"pointer",padding:0,opacity:Gt?.55:1,flexShrink:0},children:I==="ok"?l(Tn,{size:14,strokeWidth:1.8}):l(Co,{size:13,strokeWidth:1.7,style:{animation:I==="restarting"?"spin 0.8s linear infinite":void 0}})}),z.length>0?y("span",{style:{color:"#6b7280"},children:["Available in ",J.join(", ")]}):ne.length>0?y("span",{style:{color:"#6b7280"},children:["Available in ",O.join(", ")]}):null]})})(),f.keys.length>1&&l("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8,display:"flex",flexDirection:"column",gap:4},children:f.keys.slice(1).map((b,z)=>y("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:b.accent?"#fff":"#6b7280"},children:[l("code",{style:{fontSize:10,backgroundColor:b.accent?t.activeColor:"rgba(0,0,0,0.06)",color:b.accent?"#fff":void 0,padding:"1px 4px",whiteSpace:"nowrap"},children:b.key}),l("span",{style:{color:b.accent?t.activeColor:void 0,fontWeight:b.accent?600:void 0},children:b.desc})]},z))}),je==="counter"&&Ge.length>0&&(()=>{let b=l("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:l("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Active"})}),z=new Map;for(let J of Ge){let Z=J.pathname||Et;z.has(Z)||z.set(Z,[]),z.get(Z).push(J)}let ne=[...z.entries()],O=ne.length>1;return y("div",{children:[b,l("div",{style:{maxHeight:200,overflowY:"auto"},children:ne.map(([J,Z])=>l("div",{style:{marginBottom:O?4:0},children:Z.map(Ce=>{let tt=Ce.annotations.find(Xe=>Xe.type==="text"&&Xe.text)?.text||`[${Ce.annotations[0]?.type??"annotation"}]`,fe=t.selectedAnnotationIds.includes(Ce.id),ot=Ge.indexOf(Ce)+1,ht=Ce.annotations[0]?.color??t.activeColor;return y("div",{onClick:()=>{if($?.({groupId:Ce.id,annotationIds:Ce.annotations.map(Xe=>Xe.id)}),!(!Ce.pathname||Ce.pathname===Et)){sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:Ce.id,pathname:Ce.pathname})),window.location.href=Ce.pathname;return}if(n({type:"SELECT_ANNOTATION",payload:{id:Ce.id}}),E){let Xe=Ce.annotations.find(ft=>ft.threadId)?.threadId;Xe&&E(Xe)}Tt.current=!1,pt(null)},style:{display:"flex",alignItems:"baseline",gap:4,padding:"2px 0",cursor:"pointer"},onMouseEnter:Xe=>{let ft=Xe.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor=ht,ft.style.color="#fff")},onMouseLeave:Xe=>{if(fe)return;let ft=Xe.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor="rgba(0,0,0,0.06)",ft.style.color="#6b7280")},children:[y("code",{"data-route-badge":!0,style:{fontSize:10,color:fe?"#fff":"#6b7280",backgroundColor:fe?ht:"rgba(0,0,0,0.06)",padding:"1px 4px",flexShrink:0,whiteSpace:"nowrap"},children:[ot,". ",O?J:""]}),l("span",{style:{fontSize:11,color:fe?"#1f2937":"#6b7280",fontWeight:fe?600:400,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:tt})]},Ce.id)})},J))})]})})(),je==="counter"&&(()=>{let b=new Set(Ge.flatMap(O=>O.annotations.map(J=>J.threadId).filter(Boolean))),z=$s.filter(O=>!b.has(O.id));if(z.length===0)return null;let ne=O=>{let J=Math.floor((Date.now()-O)/1e3);if(J<60)return"now";let Z=Math.floor(J/60);if(Z<60)return`${Z}m`;let Ce=Math.floor(Z/60);return Ce<24?`${Ce}h`:`${Math.floor(Ce/24)}d`};return y("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:[l("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Recent"}),z.map(O=>y("div",{onClick:()=>{let J=O.elementIdentifiers[0];if(J){let Z=J.indexOf(":"),Ce=Z>0&&J[0]==="/",tt=Ce?J.slice(0,Z):void 0,fe=Ce?J.slice(Z+1):J;if(!(!tt||tt===Et)){sessionStorage.setItem("popmelt-pending-thread",JSON.stringify({threadId:O.id,selector:fe,preview:O.preview})),window.location.href=tt;return}try{let ot=Un(fe);if(ot){let ht=Sr(ot),Xe=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:Xe,point:{x:ht.left+ht.width,y:ht.top},text:O.preview,linkedSelector:fe,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[Xe],threadId:O.id}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[Xe],status:"resolved"}})}}catch{}}E&&E(O.id),Tt.current=!1,pt(null)},style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",gap:8,padding:"2px 0",cursor:"pointer",color:"#6b7280",fontSize:11},onMouseEnter:J=>{J.currentTarget.style.color="#1f2937"},onMouseLeave:J=>{J.currentTarget.style.color="#6b7280"},children:[l("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:O.preview}),l("span",{style:{flexShrink:0,fontSize:10,color:"#9ca3af"},children:ne(O.createdAt)})]},O.id))]})})()]})})(),y(Io,{toolbarRef:$e,theme:He,expanded:!0,width:Ws,snapPosition:ee,viewport:be,"data-popmelt-theme-preference":At,style:{zIndex:Fe?10004:9999},onMouseEnter:()=>{B?.(),N?.("toolbar",!0)},onMouseLeave:()=>N?.("toolbar",!1),onPointerLeave:f=>{Vt(f.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&Ee(De)},onMouseMove:zs,children:[y("div",{ref:wn,onMouseEnter:()=>{N?.("tool-trigger",!0),X("tool-menu")},onMouseLeave:()=>{N?.("tool-trigger",!1),de||Ee("tool-menu")},style:{position:"relative",width:46,height:32,flexShrink:0},children:[l(Uc,{theme:He,icon:l(Fs,{size:16,strokeWidth:1.75}),primaryLabel:cn.type==="inspector"?"Cycle annotations":cn.label,primaryCursor:cn.type==="inspector"&&Ge.length>0,dotColor:cn.type==="inspector"&&lo?lo.annotations[0]?.color??t.activeColor:void 0,menuOpen:Ye,onPrimary:()=>{cn.type==="inspector"&&(Ut(),Ri())},onMenu:()=>{Ye?Ut():Es()}}),Y!=="job-stack"&&Fe&&l("div",{"data-popmelt-hover-panel":!0,style:{position:"absolute",...Vs?{top:"100%",paddingTop:12}:{bottom:"100%",paddingBottom:12},right:_s,width:Qs,boxSizing:"content-box",background:"transparent",zIndex:10003,pointerEvents:"auto"},children:l("div",{role:"menu","data-popmelt-font":"sans",style:{width:"100%",padding:4,border:`1px solid ${ze.border}`,borderRadius:20,background:ze.surface,boxSizing:"border-box",fontFamily:wl,opacity:Ye?1:0,pointerEvents:"auto",transition:Ye||de?"none":`opacity ${It}ms ease`},children:co.map(({type:f,label:b,shortcut:z,Icon:ne})=>{let O=f===cn.type,J=O||dr===f;return y("button",{"data-popmelt-tool-menu-item":!0,type:"button",role:"menuitemradio","aria-checked":O,onClick:()=>{ro(f),Ut()},onMouseEnter:Z=>{ln(f),Z.currentTarget.style.color=ze.primary},onMouseLeave:Z=>{ln(null),Z.currentTarget.style.color=O?ze.primary:ze.mutedStrong},style:{width:"100%",height:O?32:30,display:"flex",alignItems:"center",gap:O?8:6,padding:"0 10px",border:0,borderRadius:16,background:O?ze.control:"transparent",color:O?ze.primary:ze.mutedStrong,cursor:"pointer",fontFamily:wl,fontSize:14,textAlign:"left",transition:"background-color 120ms ease, color 120ms ease"},children:[l(ne,{size:14,strokeWidth:1.75}),l("span",{children:b}),l("code",{"aria-hidden":"true",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:18,height:18,marginLeft:"auto",boxSizing:"border-box",borderRadius:6,background:J?`color-mix(in srgb, ${ze.control} 60%, ${ze.muted} 40%)`:ze.control,color:J?ze.primary:ze.mutedStrong,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:500,lineHeight:1,transition:"background-color 120ms ease, color 120ms ease"},children:z})]},f)})})})]}),Q&&(Q.peers.length>0||!!Q.admissionRequests?.length)&&y("div",{ref:zt,"data-devtools":"peer-controls",style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},onPointerEnter:()=>{(De?.startsWith("peer:")||De?.startsWith("admission:"))&&pe(De)},onPointerLeave:f=>{Vt(f.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&Ee(De)},children:[l(lu,{...Q,theme:He,detailsPeerId:bt,detailsId:Be,onDetailsEnter:f=>{dt(),pe(`peer:${f}`)},onDetailsLeave:(f,b)=>{Vt(b)||Ee(`peer:${f}`)},onDetailsDismiss:f=>ae(`peer:${f}`)}),!!Q.admissionRequests?.length&&l("ul",{"aria-label":"Pending peers","data-devtools":"admission-chip-stack",style:{display:"flex",alignItems:"center",isolation:"isolate",flexShrink:0,margin:0,padding:0,listStyle:"none"},children:Q.admissionRequests.map((f,b,z)=>l("li",{style:{display:"flex",position:"relative",zIndex:z.length-b,marginRight:b===z.length-1?0:-4.5},children:l(mu,{request:f,selected:Oe===f.id,dimmed:Ve!==null&&Ve!==f.id&&z.some(ne=>ne.id===Ve),onHoverChange:ne=>ut(O=>ne?f.id:O===f.id?null:O),detailsId:Be,theme:He,onDetailsEnter:()=>{dt(),pe(`admission:${f.id}`)},onDetailsLeave:ne=>{Vt(ne)||Ee(`admission:${f.id}`)},onDetailsDismiss:()=>ae(`admission:${f.id}`),onClick:()=>{pe(`admission:${f.id}`),Rt(!1)}})},f.id))})]}),y("div",{className:"legacy-toolbar-controls",style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[(Ge.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(f=>!f.captured).length>0)&&(()=>{let f=lo,b=t.annotations.length>0&&t.annotations.every(O=>O.status&&O.status!=="pending"),z=In!==null?f?.annotations.some(O=>O.status&&O.status!=="pending")??!1:b,ne=Xt(io);return l("span",{onMouseEnter:()=>to("counter"),onMouseLeave:gr,children:l("button",{ref:Ti,type:"button",onClick:()=>{if(yr.current){yr.current=!1;return}Ri()},onMouseDown:js,onMouseUp:$i,onMouseLeave:$i,title:"",style:{display:"flex",alignItems:"center",justifyContent:"center",gap:4,minWidth:20,height:20,padding:"0 8px",marginRight:4,border:"none",borderRadius:0,background:z&&In===null?"#999999":ne,cursor:"pointer",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:11,fontWeight:600,color:"#ffffff",transition:"background 150ms ease"},children:(()=>{let O=Ge.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(Z=>!Z.captured).length;if(In!==null)return y(Le,{children:[In+1,y("span",{style:{opacity:.4,display:"flex",gap:4},children:[l("span",{children:"/"}),l("span",{children:O})]})]});let J=Os.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(Z=>!Z.captured).length;return O>J?y(Le,{children:[J,y("span",{style:{opacity:.4,display:"flex",gap:4},children:[l("span",{children:"/"}),l("span",{children:O})]})]}):O})()})})})(),(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&l("span",{onMouseEnter:()=>to("clear"),onMouseLeave:gr,children:l(ml,{siblingActive:t.isAnnotating,onClick:oo,title:"Clear all (\u2318\u232B)",children:l(Ad,{size:17,strokeWidth:1.5})})}),h&&y(Le,{children:[l("div",{style:{width:1,height:20,backgroundColor:"rgba(0, 0, 0, 0.05)",margin:"0 2px"}}),l("span",{onMouseEnter:()=>to("provider"),onMouseLeave:gr,style:{display:"contents"},children:y("div",{style:{display:"flex",alignItems:"center",gap:0},children:[l(ml,{onClick:()=>h(Ps),children:l(rr,{provider:p})}),y("button",{type:"button",onClick:()=>{let f=(v+1)%x;H?.(f)},style:{display:"flex",alignItems:"center",gap:6,height:32,border:"none",background:"none",cursor:"pointer",padding:"0 4px 0 0",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:500,color:Bt.iconDefault,whiteSpace:"nowrap"},children:[l("span",{children:T}),l("span",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:Hs.map(f=>l("div",{style:{width:f.overflow?2:3,height:f.overflow?2:3,borderRadius:"50%",backgroundColor:f.active?Bt.iconDefault:"rgba(0,0,0,0.2)",opacity:f.overflow?.65:1,transition:"background-color 150ms ease, opacity 150ms ease"}},f.key))})]})]})})]}),l("div",{ref:Hi,style:{display:"inline-flex",cursor:"pointer"},children:l(Mo,{expanded:!0,active:!!s,color:Pi,onSettlingChange:Mt,onClick:Ns,onFocus:()=>{N?.("popmelt-trigger",!0),c?.(!0),pe("popmelt-guide")},onBlur:f=>{let b=f.relatedTarget;b instanceof Node&&Qe.current?.contains(b)||(N?.("popmelt-trigger",!1),c?.(!1),Ee("popmelt-guide"))}})})]})]})]},"expanded-toolbar-surfaces")]}):l(Sa,{theme:He,snapPosition:ee,viewport:be,toolbarRef:$e,"data-popmelt-theme-preference":At,active:!!s,busy:Ht,color:Pi,onSettlingChange:Mt,onMouseEnter:B,onCrosshairHover:c,onOpen:()=>{lt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})}})}function Kp(e){let{selector:t,durableSelector:n,pathname:r,annotationNumber:o,changes:i}=e;return{selector:t,durableSelector:n,pathname:r,annotationNumber:o,changes:i.map(({property:a,original:s,modified:d,token:c})=>({property:a,original:s,modified:d,token:c}))}}function Cl(e,t){if((e.pathname??"")!==(t.pathname??"")||e.selector!==t.selector&&(!e.durableSelector||e.durableSelector!==t.durableSelector))return!1;let n=r=>JSON.stringify(r.map(({property:o,original:i,modified:a,token:s})=>[o,i,a,s??null]).sort((o,i)=>String(o[0]).localeCompare(String(i[0]))));return n(e.changes)===n(t.changes)}function qo(e,t,n,r=new Set){let o=new Map(t.filter(c=>c.authorId===n).flatMap(c=>c.annotations?.map(({id:u})=>[u,c.threadId])??[])),i=!1,a=e.annotations.map(c=>r.has(c.id)&&["pending","sending"].includes(c.status??"pending")?(i=!0,{...c,status:"awaiting_review"}):(c.status??"pending")!=="pending"||c.threadId&&c.threadId!==o.get(c.id)||!o.has(c.id)?c:(i=!0,{...c,threadId:o.get(c.id)??c.threadId,status:"awaiting_review"})),s=!1,d=e.styleModifications.map(c=>{if(c.captured)return c;let u=[...t].reverse().find(p=>p.authorId===n&&p.threadId&&p.styleModifications?.some(h=>Cl(c,h)));return u?.threadId?(s=!0,{...c,awaitingReview:{submissionId:u.id,threadId:u.threadId}}):c});return i||s?{...e,annotations:i?a:e.annotations,styleModifications:s?d:e.styleModifications}:e}function Yp(e){if(e.awaitingReview)return{jobId:`suggestion:${e.awaitingReview.submissionId}`,threadId:e.awaitingReview.threadId,status:"awaiting_review",selectors:[e.selector],annotationNumber:e.annotationNumber}}function kl(e,t){if(!t)return e;let n=e.activeColor!==t,r=e.annotations.map(o=>o.color===t?o:(n=!0,{...o,color:t}));return n?{...e,activeColor:t,annotations:r}:e}var Ke=["slate","gray","zinc","neutral","stone","red","orange","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"],Uo=[50,100,200,300,400,500,600,700,800,900,950],Jo=500,e1={name:"neutral",step:950},Or={slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b",950:"#09090b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917",950:"#0c0a09"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f",950:"#451a03"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12",950:"#422006"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314",950:"#1a2e05"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b",950:"#022c22"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a",950:"#042f2e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63",950:"#083344"},sky:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e",950:"#082f49"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81",950:"#1e1b4b"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95",950:"#2e1065"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87",950:"#3b0764"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75",950:"#4a044e"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843",950:"#500724"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337",950:"#4c0519"}};function or(e,t){return Or[e][t]}function t1(e,t){let n=Ke.indexOf(e);return Ke[(n+t+Ke.length)%Ke.length]}function n1(e,t){let n=Ke.indexOf(e);return Ke[(n+t%Ke.length+Ke.length)%Ke.length]}function r1(e,t){let n=Ke.indexOf(e),r=(Ke.indexOf(t)-n+Ke.length)%Ke.length;return r<=Ke.length/2?r:r-Ke.length}function yn(e){let t=e.trim().toLowerCase(),n=t.match(/^#([0-9a-f]{6})$/i)?.[1];if(n)return[Number.parseInt(n.slice(0,2),16),Number.parseInt(n.slice(2,4),16),Number.parseInt(n.slice(4,6),16)];let r=t.match(/^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/);return r?[Number(r[1]),Number(r[2]),Number(r[3])]:null}function o1(e){let t=yn(e);if(!t)return null;let n=null;for(let r of Ke)for(let o of Uo){let i=yn(Or[r][o]).reduce((a,s,d)=>a+(s-t[d])**2,0);(!n||i<n.distance)&&(n={name:r,step:o,distance:i})}return n&&{name:n.name,step:n.step}}function i1(e,t){let n=yn(t);return n?Uo.reduce((r,o)=>{let i=yn(Or[e][r]),a=yn(Or[e][o]),s=i.reduce((d,c,u)=>d+(c-n[u])**2,0);return a.reduce((d,c,u)=>d+(c-n[u])**2,0)<s?o:r}):null}function Sl(e,t){let n=yn(e),r=yn(t);return n!==null&&r!==null&&n.every((o,i)=>o===r[i])}var ct=["padding","margin","border","radius","stack","grid","text","color","transform","opacity"],Hn=[0,1,2,3,4,6,8,10,12,16],a1=[-16,-12,-10,-8,-6,-4,-3,-2,-1,0,1,2,3,4,6,8,10,12,16],l1=[0,1,2,4,8],s1=["vertical","horizontal"],d1=["stretch","start","center","end","baseline"],c1=["start","center","end","between","around","evenly"],u1=[1,2,3,4,5,6],Il=["xs","sm","base","lg","xl","2xl","3xl","4xl"],Ml=[300,400,500,600,700,800],Ll=["none","tight","snug","normal","relaxed","loose"],Tl=["tighter","tight","normal","wide","wider","widest"],El=["left","center","right","justify"],$l=[25,50,75,90,95,100,105,110,125,150],Al=[-180,-90,-45,-25,-12,-6,-3,-2,-1,0,1,2,3,6,12,25,45,90,180],zl=[0,5,10,20,25,30,40,50,60,70,75,80,90,95,100],Rl=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],p1={padding:Hn,margin:Hn,border:l1,radius:Hn},f1={padding:"p",margin:"m",border:"border",radius:"rounded",stack:"flex",grid:"grid",text:"text",color:"text",transform:"transform",opacity:"opacity"},h1={padding:"P",margin:"M",border:"B",radius:"R",stack:"F",grid:"G",text:"FO",color:"BG",transform:"T",opacity:"O"},m1={padding:"Padding",margin:"Margin",border:"Borders",radius:"Radii",stack:"Flexbox",grid:"Grid",text:"Fonts",color:"Background",transform:"Transform",opacity:"Opacity"},g1={padding:["all","x","y","top","right","bottom","left"],margin:["all","x","y","top","right","bottom","left"],border:["all","top","right","bottom","left","color"],radius:["all","top-left","top-right","bottom-right","bottom-left"],stack:["direction","gap","align","justify"],grid:["gap","rows","columns"],text:["size","weight","line-height","letter-spacing","text-align","color"],color:Ke,transform:["translate","scale","rotate"],opacity:["opacity","mix-blend"]},Pl={all:"",x:"X",y:"Y",top:"T",right:"R",bottom:"B",left:"L","top-left":"TL","top-right":"TR","bottom-right":"BR","bottom-left":"BL",vertical:"V",horizontal:"H",direction:"D",gap:"G",align:"A",justify:"J",rows:"R",columns:"C",size:"S",weight:"W","line-height":"H","letter-spacing":"L","text-align":"A",color:"C",translate:"T",scale:"S",rotate:"R",opacity:"O","mix-blend":"B"};function nt(e){return Ke.includes(e)}function bn(e,t){return e==="color"||(e==="text"||e==="border")&&(t==="color"||nt(t))}var Wr=e=>encodeURIComponent(e),Hl=e=>`%3Cdefs%3E%3Cfilter id='cursor-shadow' x='-35%25' y='-35%25' width='170%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='.5' stdDeviation='.35' flood-color='black' flood-opacity='.22'/%3E%3CfeDropShadow dx='0' dy='.75' stdDeviation='.65' flood-color='${Wr(e)}' flood-opacity='.42'/%3E%3CfeDropShadow dx='0' dy='1.25' stdDeviation='1.1' flood-color='${Wr(e)}' flood-opacity='.24'/%3E%3C/filter%3E%3C/defs%3E`;function y1(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${Hl(e)}%3Cpath filter='url(%23cursor-shadow)' d='M5.19194 14.2778L0.732307 2.01384C0.442115 1.21582 1.21582 0.442116 2.01384 0.732307L14.2778 5.19194C15.7506 5.72748 15.5191 7.87826 13.9661 8.08812L10.298 8.58381C9.40594 8.70436 8.70436 9.40594 8.58381 10.298L8.08812 13.9661C7.87826 15.5191 5.72748 15.7506 5.19194 14.2778Z' fill='${Wr(e)}' stroke='white' stroke-width='1.25'/%3E%3C/svg%3E") 4 4, pointer`}function b1(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${Hl(e)}%3Cpath transform='scale(1.125)' filter='url(%23cursor-shadow)' d='M1 8V2C1 1.44772 1.44772 1 2 1H8C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8Z' fill='${Wr(e)}' stroke='white' stroke-width='1.111'/%3E%3C/svg%3E") 4 4, pointer`}function vn(e,t="all"){let n=gt(e,t);return e==="color"||(e==="text"||e==="border")&&bn(e,n)?Uo:e==="stack"?n==="direction"?s1:n==="align"?d1:n==="justify"?c1:Hn:e==="grid"?n==="gap"?Hn:u1:e==="text"?n==="weight"?Ml:n==="line-height"?Ll:n==="letter-spacing"?Tl:n==="text-align"?El:Il:e==="transform"?n==="scale"?$l:n==="rotate"?Al:a1:e==="opacity"?n==="mix-blend"?Rl:zl:p1[e]}function Nl(e,t,n="all"){let r=vn(e,n);if(r.includes(t))return t;if(typeof t!="number")return r[0];let o=r.filter(i=>typeof i=="number");return o.length===0?r[0]:o.reduce((i,a)=>Math.abs(a-t)<Math.abs(i-t)?a:i)}function Go(e){return g1[e]}function gt(e,t){if(e==="stack"&&(t==="vertical"||t==="horizontal"))return"direction";if((e==="text"||e==="border")&&nt(t))return t;let n=Go(e);return n.includes(t)?t:n[0]}function v1(e,t){return e==="text"?"size":e==="transform"?"translate":e==="opacity"?"opacity":gt(e,t)}function x1(e,t,n){return e==="family"?"family":(t==="text"||t==="border")&&n==="color"?"variant":"value"}function w1(e,t,n){let r=Go(e),o=(e==="text"||e==="border")&&nt(t)?"color":gt(e,t),i=r.indexOf(o);return r[(i+n+r.length)%r.length]}function C1(e,t){let n=ct.indexOf(e);return ct[(n+t+ct.length)%ct.length]}function k1(e,t,n,r="all"){let o=vn(e,r),i=Nl(e,t,r),a=o.indexOf(i);return o[(a+n+o.length)%o.length]}function S1(e){return h1[e]}function Br(e){return m1[e]}function I1(e,t){let n=gt(e,t);return e==="color"||(e==="text"||e==="border")&&nt(n)?n:`${S1(e)}${Pl[n]}`}function Xo(e,t){let n=gt(e,t);return e==="color"||(e==="text"||e==="border")&&nt(n)?n[0].toUpperCase()+n.slice(1):e==="text"?n==="size"?"Size":n==="weight"?"Weight":n==="line-height"?"Leading":n==="letter-spacing"?"Tracking":n==="text-align"?"Align":"Color":e==="border"&&n==="color"?"Color":e==="transform"?n==="translate"?"translate":n:e==="opacity"?n==="mix-blend"?"mix-blend-mode":"opacity":n==="all"?Br(e):Pl[n]}function Nn(e,t){let n=gt(e,t);if(e==="color")return"background-color";if(e==="stack")return n==="direction"?"flex-direction":n==="align"?"align-items":n==="justify"?"justify-content":"gap";if(e==="grid")return n==="rows"?"grid-template-rows":n==="columns"?"grid-template-columns":"gap";if(e==="text")return n==="color"||nt(n)?"color":n==="weight"?"font-weight":n==="line-height"?"line-height":n==="letter-spacing"?"letter-spacing":n==="text-align"?"text-align":"font-size";if(e==="border"&&(n==="color"||nt(n)))return"border-color";if(e==="transform")return n;if(e==="opacity")return n==="mix-blend"?"mix-blend-mode":"opacity";if(e==="radius")return n==="all"?"border-radius":`border-${n}-radius`;let r=e==="border"?"border":e,o=e==="border"?"width":"";return n==="all"?o?`${r}-${o}`:r:(e==="padding"||e==="margin")&&n==="x"?`${r}-left`:(e==="padding"||e==="margin")&&n==="y"?`${r}-top`:o?`${r}-${n}-${o}`:`${r}-${n}`}function jl(e,t){let n=gt(e,t);return e==="color"?["background-color"]:e==="stack"||e==="grid"?n==="gap"?["row-gap","column-gap"]:[Nn(e,n)]:e==="text"?n==="color"||nt(n)?["color"]:n==="line-height"||n==="letter-spacing"?[Nn(e,n),"font-size"]:[Nn(e,n)]:e==="border"&&(n==="color"||nt(n))?["border-top-color","border-right-color","border-bottom-color","border-left-color"]:e==="transform"||e==="opacity"?[Nn(e,n)]:(e==="padding"||e==="margin")&&n==="x"?[`${e}-left`,`${e}-right`]:(e==="padding"||e==="margin")&&n==="y"?[`${e}-top`,`${e}-bottom`]:n!=="all"?[Nn(e,n)]:e==="radius"?["border-top-left-radius","border-top-right-radius","border-bottom-right-radius","border-bottom-left-radius"]:e==="border"?["border-top-width","border-right-width","border-bottom-width","border-left-width"]:[`${e}-top`,`${e}-right`,`${e}-bottom`,`${e}-left`]}function kt(e,t){let n=e.trim().toLowerCase();if((t==="stack"||t==="grid")&&n==="normal")return 0;let r=n.split(/[\s/]+/).filter(Boolean);if(r.length===0)return null;let o=r.map(i=>{if(/^0(?:\.0+)?$/.test(i))return 0;let a=i.match(/^(-?\d+(?:\.\d+)?)px$/);return a?Number(a[1]):Number.NaN});return o.some(i=>!Number.isFinite(i))?null:o.every(i=>Math.abs(i-o[0])<.01)?o[0]:null}function ir(e,t,n){let r=n.trim().toLowerCase();if(e==="text"){if(t==="size"){let o=kt(n,e);return o===null?null:tn(Il,i=>Dr[i],o)}if(t==="weight"){if(r==="normal")return 400;if(r==="bold")return 700;let o=Number(r);return Number.isFinite(o)?tn(Ml,i=>i,o):null}if(t==="text-align")return r==="start"?"left":r==="end"?"right":El.includes(r)?r:null}if(e==="transform"){if(r==="none")return t==="scale"?100:0;if(t==="translate"){let o=kt(n,e);return o===null?null:tn(Hn,i=>i*4,o)}if(t==="scale"){let o=Number.parseFloat(n)*100;return Number.isFinite(o)?tn($l,i=>i,o):null}if(t==="rotate"){let o=Number.parseFloat(n);return Number.isFinite(o)?tn(Al,i=>i,o):null}}if(e==="opacity"){if(t==="mix-blend")return Rl.includes(r)?r:null;let o=Number.parseFloat(n)*100;return Number.isFinite(o)?tn(zl,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 M1(e,t,n="all"){let r=gt(e,n);if(e==="color"||(e==="text"||e==="border")&&nt(r)){let s=i1(r,t[0]??"");if(s===null)return null;let d=or(r,s);return t.every(c=>Sl(c,d))?s:null}if(e==="text"){if(r==="line-height"&&(t[0]??"").trim().toLowerCase()==="normal")return"normal";if(r==="line-height"){let s=kt(t[0]??"",e),d=kt(t[1]??"",e);return s===null||d===null||d===0?null:tn(Ll,c=>Fr[c],s/d)}if(r==="letter-spacing"){let s=(t[0]??"").trim().toLowerCase();if(s==="normal")return"normal";let d=kt(s,e),c=kt(t[1]??"",e);return d===null||c===null||c===0?null:tn(Tl,u=>Vr[u],d/c)}return ir(e,r,t[0]??"")}if(e==="transform"||e==="opacity"||e==="stack"&&r!=="gap")return ir(e,r,t[0]??"");if(e==="grid"&&r!=="gap"){let s=t[0]?.trim().split(/\s+/).filter(Boolean).length??0;return vn("grid",r).includes(s)?s:null}let o=t.map(s=>kt(s,e));if(o.length===0||o.some(s=>s===null))return null;let i=o[0];if(!o.every(s=>Math.abs(s-i)<.01))return null;let a=vn(e,r).filter(s=>typeof s=="number");return a.length===0?null:a.reduce((s,d)=>Math.abs(Number.parseFloat(ar(e,d,r))-i)<Math.abs(Number.parseFloat(ar(e,s,r))-i)?d:s)}function L1(e,t,n,r="all"){let o=gt(e,r);if(e==="color"||(e==="text"||e==="border")&&nt(o)){let s=or(o,t);return n.length>0&&n.every(d=>Sl(d,s))}if(e==="text"){if(o==="size"){let s=kt(n[0]??"",e);return s!==null&&Math.abs(s-Dr[t])<.01}if(o==="weight")return ir(e,o,n[0]??"")===t;if(o==="line-height"){let s=(n[0]??"").trim().toLowerCase();if(s==="normal")return t==="normal";let d=kt(s,e),c=kt(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Fr[t])<.01}if(o==="letter-spacing"){let s=(n[0]??"").trim().toLowerCase();if(s==="normal")return t==="normal";let d=kt(s,e),c=kt(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Vr[t])<.001}return ir(e,o,n[0]??"")===t}if(e==="transform"||e==="opacity"||e==="stack"&&o!=="gap")return ir(e,o,n[0]??"")===t;if(e==="grid"&&o!=="gap")return(n[0]?.trim().split(/\s+/).filter(Boolean).length??0)===t;if(typeof t!="number")return!1;let i=Number.parseFloat(ar(e,t,o)),a=n.map(s=>kt(s,e));return a.length>0&&a.every(s=>s!==null&&Math.abs(s-i)<.01)}function T1(e,t,n,r){let o=L1(e,t,jl(e,n).map(r),n),i=Bl(e),a=Wl(e,n,t).every(c=>r(c.property).trim()===c.value),s=e==="border"&&!bn(e,n)&&typeof t=="number"&&t>0?Ol(n):null,d=!s||!["","none"].includes(r(s).trim());return o&&(!i||r("display").trim()===i)&&a&&d}function Ol(e){let t=gt("border",e);return t==="all"?"border-style":`border-${t}-style`}function E1(e){return e==="color"?"background-color":e==="border"?"border-top-color":"color"}function Ko(e,t,n){let r=gt(e,n);if(e==="color")return`bg-${r}-${t}`;if(e==="stack")return r==="direction"?t==="horizontal"?"flex-row":"flex-col":r==="gap"?`gap-${t}`:r==="align"?`items-${t}`:`justify-${t}`;if(e==="grid")return r==="gap"?`gap-${t}`:`${r==="rows"?"grid-rows":"grid-cols"}-${t}`;if(e==="text")return nt(r)?`text-${r}-${t}`:r==="size"?`text-${t}`:r==="weight"?A1[t]:r==="line-height"?`leading-${t}`:r==="letter-spacing"?`tracking-${t}`:`text-${t}`;if(e==="border"&&nt(r))return`border-${r}-${t}`;if(e==="transform")return`${r}-${t}`;if(e==="opacity")return r==="mix-blend"?`mix-blend-${t}`:`opacity-${t}`;let o=f1[e];if(r==="all")return`${o}-${t}`;let i=r==="top-left"?"tl":r==="top-right"?"tr":r==="bottom-right"?"br":r==="bottom-left"?"bl":r[0];return e==="padding"||e==="margin"?`${o}${i}-${t}`:`${o}-${i}-${t}`}function ar(e,t,n="all"){let r=gt(e,n);if(e==="color"||(e==="text"||e==="border")&&nt(r))return or(r,t);if(e==="stack"){if(r==="direction")return t==="horizontal"?"row":"column";if(r==="align")return t==="start"?"flex-start":t==="end"?"flex-end":String(t);if(r==="justify")return t==="start"?"flex-start":t==="end"?"flex-end":t==="between"||t==="around"||t==="evenly"?`space-${t}`:String(t)}return e==="grid"&&r!=="gap"?`repeat(${t}, minmax(0, 1fr))`:e==="text"?r==="size"?`${Dr[t]}px`:r==="weight"?String(t):r==="line-height"?String(Fr[t]):r==="letter-spacing"?`${Vr[t]}em`:String(t):e==="transform"?r==="scale"?String(Number(t)/100):r==="rotate"?`${t}deg`:`${Number(t)*4}px ${Number(t)*4}px`:e==="opacity"?String(r==="mix-blend"?t:Number(t)/100):typeof t!="number"?"0px":`${e==="border"?t:t*4}px`}function Wl(e,t,n){let r=gt(e,t);return(e==="padding"||e==="margin")&&(r==="x"||r==="y")?[{property:r==="x"?`${e}-right`:`${e}-bottom`,value:ar(e,n??0,r),token:Ko(e,n??0,r)}]:[]}function $1(e,t,n){if(t==="text"&&(n==="size"||n==="all"))return String(Dr[e]);if(t==="text"&&n==="line-height"){let r=Fr[e];return String(Number(r.toFixed(1)))}if(t==="text"&&n==="letter-spacing"){let r=Vr[e];return String(Number(r.toFixed(2))).replace(/^(-?)0\./,"$1.")}return typeof e=="number"?String(e):e==="vertical"?"V":e==="horizontal"?"H":e==="start"?"S":e==="center"?"C":e==="end"?"E":e==="stretch"?"ST":e==="baseline"?"BL":e==="between"?"BT":e==="around"?"AR":"EV"}function Bl(e){return e==="stack"?"flex":e==="grid"?"grid":null}var Dr={xs:12,sm:14,base:16,lg:18,xl:20,"2xl":24,"3xl":30,"4xl":36},A1={300:"font-light",400:"font-normal",500:"font-medium",600:"font-semibold",700:"font-bold",800:"font-extrabold"},Fr={none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2},Vr={tighter:-.05,tight:-.025,normal:0,wide:.025,wider:.05,widest:.1};function tn(e,t,n){return e.reduce((r,o)=>Math.abs(t(o)-n)<Math.abs(t(r)-n)?o:r)}function lr(e,t){return t.selectors??(t.targetBindingId?[]:[e])}function z1(e,t,n){let r=[...new Set(e)];if(r.length!==1)return;let o=n(r[0]);if(!o)return;let i=t.filter(s=>!s.threadId||!s.linkedSelector||s.status==="pending"?!1:n(s.linkedSelector)===o),a=[...new Set(i.map(s=>s.threadId))];if(a.length===1)return{threadId:a[0],targetBindingId:i.find(s=>s.targetBindingId)?.targetBindingId,color:i.find(s=>s.color)?.color,selectorAliases:[...new Set([r[0],...i.map(s=>s.linkedSelector)])]}}function R1(e,t,n,r){let o=[...new Set(e)];return o.length!==1?n:Qr(o[0],t,r)?.color??n}function P1(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Qr(n[0],t);return r?.continuationEligible?r.threadId:void 0}function H1(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Qr(n[0],t);return r?.continuationEligible?r.targetBindingId:void 0}function Qr(e,t,n){for(let[o,i]of t)if(lr(o,i).includes(e))return i;if(!n)return;let r=n(e);if(r){for(let[o,i]of t)if(lr(o,i).some(a=>n(a)===r))return i}}function N1(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 j1(e,t){let n=new Set;for(let[r,o]of e)if(t.has(o.threadId))for(let i of lr(r,o))n.add(i);return n}function O1(e,t,n,r,o,i){let a=new Set(o);for(let[d,c]of e)if(c.jobId===t)for(let u of lr(d,c))a.add(u);let s=new Map(e);for(let d of a){let c=[...s].find(([m,v])=>lr(m,v).includes(d)),u=c?.[1];if(u&&u.jobId!==t)continue;let p=i??u?.threadId;if(!p)continue;let h=c?.[0]??`job:${t}:${d}`;s.set(h,{...u,jobId:t,threadId:p,status:n,label:r,selectors:u?.selectors??[d]})}return s}function W1(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 B1(e,t,n,r){if(!r)return new Map;let o=new Map;for(let[i,a]of e){if(t.has(a.threadId))continue;let s=n.indexOf(a.threadId);o.set(i,{...a,annotationNumber:a.annotationNumber??(s>=0?s+1:void 0)})}return o}function Yo(e,t,n){if(t)return e?t.jobId===n?t:void 0:t}var D1=Number.MAX_SAFE_INTEGER;function _r(e){return`${e.pathname??"*"}\0${e.selector}`}function F1(e,t){return`element:${e??"*"}\0${t}`}function ei({annotations:e,styleModifications:t,textModifications:n}){let r=new Map,o=0,i=new Map;for(let u of e)u.groupId&&u.linkedSelector&&i.set(u.groupId,{selector:u.linkedSelector,pathname:u.pathname});for(let u of e){let p=u.groupId?i.get(u.groupId):u.linkedSelector?{selector:u.linkedSelector,pathname:u.pathname}:void 0,h=p?F1(p.pathname,p.selector):`annotation:${u.groupId??u.id}`,m=r.get(h);if(m){m.createdAt=Math.min(m.createdAt,u.timestamp),m.annotationIds.push(u.id);continue}r.set(h,{key:h,createdAt:u.timestamp,stableIndex:o++,annotationIds:[u.id]})}let a=u=>{let p=_r(u),h=`element:${p}`,m=u.createdAt??D1,v=r.get(h);if(v){v.createdAt=Math.min(v.createdAt,m),v.modificationKey=p;return}r.set(h,{key:h,createdAt:m,stableIndex:o++,annotationIds:[],modificationKey:p})};t.forEach(a),n.forEach(a);let s=new Map,d=new Map,c=[...r.values()].sort((u,p)=>u.createdAt-p.createdAt||u.stableIndex-p.stableIndex);return c.forEach((u,p)=>{let h=p+1;u.annotationIds.forEach(m=>s.set(m,h)),u.modificationKey&&d.set(u.modificationKey,h)}),{annotationNumberById:s,modificationNumberByKey:d,count:c.length}}function Dl({state:e,pageAnnotations:t,pageStyleModifications:n,pageTextModifications:r}){let o=he(()=>$r(e.annotations),[e.annotations]),i=he(()=>ei({annotations:t.filter(s=>!o.has(s)),styleModifications:n,textModifications:r}),[t,n,r,o]),a=he(()=>{let s=new Map,d=c=>{let u=i.modificationNumberByKey.get(_r(c));if(u===void 0)return;let p=s.get(c.selector);(p===void 0||u<p)&&s.set(c.selector,u)};return n.forEach(d),r.forEach(d),s},[n,r,i.modificationNumberByKey]);return{supersededAnnotations:o,stagedArtifactOrder:i,annotationGroupMap:i.annotationNumberById,pageModificationNumberBySelector:a}}async function V1(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 Fl="devtools-active-text";function Q1(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 _1(e,t,n){if(e.current)return n;e.current=!0;try{return await t()}finally{e.current=!1}}function Z1(e){e.removeItem(Fl)}function q1(e){return e.key!=="Enter"||!e.metaKey&&!e.ctrlKey?!1:(e.preventDefault(),e.stopPropagation(),!0)}function U1(e){return e?e.originalText!==void 0?e.text!==e.originalText:e.text.trim().length>0||!!e.hasInteractionEpisode:!1}function J1(e){let t=new Map;for(let n of e)n.groupId&&n.threadId&&t.set(n.groupId,n.threadId);return t}function G1(e,t){return e.threadId??(e.groupId?t.get(e.groupId):void 0)}function ti(e,t,n=new Set){let r=J1(e);return e.filter(o=>{let i=G1(o,r);return bl(o,t)&&o.status!=="dismissed"&&(!i||!n.has(i))})}function Vl(e,t,n,r=new Set,o=new Map){let i=new Set;for(let a of ti(t,n,r))a.linkedSelector&&i.add(a.linkedSelector);for(let[a,s]of o)if(!r.has(s.threadId))for(let d of s.selectors??[a])i.add(d);return e.filter(a=>a.pathname&&a.pathname!==n?!1:!a.captured||i.has(a.selector)||!!a.durableSelector&&i.has(a.durableSelector))}function X1({state:e,activeText:t,currentPathname:n,dismissedThreadIds:r,modifiedElementThreadStates:o}){let i=he(()=>ti(e.annotations,n,r),[e.annotations,n,r]),a=he(()=>Vl(e.styleModifications,e.annotations,n,r,o),[e.annotations,e.styleModifications,n,r,o]),s=he(()=>Vl(e.textModifications,e.annotations,n,r,o),[e.annotations,e.textModifications,n,r,o]),d=he(()=>{let p=new Set,h=m=>!m.captured&&(!m.pathname||m.pathname===n);for(let m of e.styleModifications)h(m)&&!m.awaitingReview&&p.add(`element:${m.selector}`);for(let m of e.textModifications)h(m)&&p.add(`element:${m.selector}`);for(let m of e.domModifications)h(m)&&p.add(`element:${m.selector}`);for(let m of e.spacingTokenChanges)m.captured||p.add(`spacing:${m.tokenPath}`);for(let m of e.spacingTokenMods)m.captured||p.add(`spacing:${m.tokenPath}`);return p},[n,e.domModifications,e.spacingTokenChanges,e.spacingTokenMods,e.styleModifications,e.textModifications]),c=he(()=>Q1(e.annotations,t,d),[e.annotations,t,d]),u=he(()=>e.annotations.filter(p=>p.type==="text"&&p.text&&(p.status??"pending")==="pending").sort((p,h)=>h.timestamp-p.timestamp),[e.annotations]);return{pageAnnotations:i,pageStyleModifications:a,pageTextModifications:s,pendingBundleCount:c,pendingTextAnnotations:u}}function K1(e,t="host",n){let[r,o]=A(()=>n?.read().selectedId??t),[i,a]=A(null);D(()=>{o(n?.read().selectedId??t),a(null)},[n,t]);let s=ie(u=>{n?.select(u),o(u),a(null)},[n]),d=ie(u=>a(u),[]),c=ie(u=>{a(p=>p===u?null:p)},[]);return D(()=>{let u=()=>a(null);e||u();let p=()=>{document.hidden&&u()};return window.addEventListener("blur",u),document.addEventListener("visibilitychange",p),()=>{window.removeEventListener("blur",u),document.removeEventListener("visibilitychange",p)}},[e]),{selectedId:r,viewedId:e?i??r:r,isPeeking:e&&i!==null&&i!==r,select:s,peek:d,leave:c}}function Y1({name:e,isOwnPlane:t,color:n,changed:r}){return y("div",{"data-devtools":"peer-plane-label","data-popmelt-font":"mono",role:"status",title:r?"Source changed beneath staged work. Editing, clearing, commenting or sending acknowledges the affected work; viewing alone does not.":void 0,style:{position:"fixed",bottom:8,left:"50%",transform:"translateX(-50%)",maxWidth:"calc(100vw - 32px)",boxSizing:"border-box",padding:"4px 8px",borderRadius:8,background:n,color:"#fff",fontFamily:Us,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 e0(e,t=[],n=""){let r=new Map;if(!e)return r;let o=qo(e,t,n),i=$r(o.annotations),a=o.annotations.filter(d=>!i.has(d)),s=ei({...o,annotations:a});for(let d of a){let c=s.annotationNumberById.get(d.id);d.threadId&&c!==void 0&&!r.has(d.threadId)&&r.set(d.threadId,c)}for(let d of o.styleModifications){let c=d.awaitingReview?.threadId,u=s.modificationNumberByKey.get(_r(d));c&&u!==void 0&&!r.has(c)&&r.set(c,u)}return r}function t0(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 n0(e,t,n){let r=new Set(t);return e.filter(o=>!r.has(o)&&!n.has(o))}function r0(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 o0(e,t){return new Set(e.filter(n=>n.lastMessageRole==="human"&&!t.has(n.id)).map(n=>n.id))}function i0(e){return new Set(e.flatMap(t=>t.acknowledgedJobIds??[]))}function a0(e){return new Set(e.filter(t=>!t.pendingQuestion).map(t=>t.id))}function l0(e,t){return t?e.some(n=>n.jobId===t&&(n.role==="assistant"||!!n.error||!!n.cancelled)&&!n.queued):!0}function ni(e,t){let n=`${t||"/"}:`;return e.startsWith(n)?e.slice(n.length)||null:e.startsWith("/")?null:e}function s0(e,t,n){let r=new Map,o=new Map;for(let i of e)if((i.targetBindings?.length??0)===0)for(let a of i.elementIdentifiers??[]){let s=ni(a,t);s&&o.set(s,(o.get(s)??0)+1)}for(let i of e){if(!i.lifecycle?.jobId)continue;let a={...i.lifecycle,jobId:i.lifecycle.jobId,color:i.color,title:i.title,annotationNumber:i.annotationNumber};if((i.targetBindings?.length??0)>0){for(let s of i.targetBindings??[]){if(s.anchor.type==="opaque"){let c=n?.(s.anchor);if(!c?.length)continue;r.set(s.id,{...a,targetBindingId:s.id,selectors:c,continuationEligible:s.continuationEligible??!1});continue}if(s.anchor.pathname!==t)continue;let d=[s.anchor.runtimeSelector,s.anchor.structuralSelector,...s.anchor.legacySelectors??[]].filter(c=>!!c);r.set(s.id,{...a,targetBindingId:s.id,selectors:d,continuationEligible:s.continuationEligible??!1,...s.anchor.targetFingerprint?{targetFingerprint:s.anchor.targetFingerprint}:{}})}continue}for(let s of i.elementIdentifiers??[]){let d=ni(s,t);d&&![...r.values()].some(c=>c.selectors?.includes(d))&&r.set(`legacy:${i.lifecycle.threadId}:${d}`,{...a,selectors:[d],continuationEligible:(i.elementIdentifiers?.length??0)===1&&o.get(d)===1})}}return r}function d0(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 c0(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 u0(e){return c0(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 p0(e){return e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function Ql(e){return`${e} image${e>1?"s":""} attached`}function ri(e){return e<=0?0:32+String(e).length*7.2}function _l({imageCount:e,color:t,layered:n=!1}){return e<=0?null:y("div",{"data-devtools":"active-image-attachment-badge",role:"img","aria-label":Ql(e),title:Ql(e),style:{position:"relative",flex:"0 0 auto",display:"flex",marginRight:-2,zIndex:2},children:[l("span",{"aria-hidden":!0,style:{position:"absolute",left:-4,top:"50%",width:14.142,height:14.142,transform:"translateY(-50%)",display:"grid",placeItems:"center",pointerEvents:"none",maskImage:n?vr:void 0,WebkitMaskImage:n?vr:void 0},children:l("span",{style:{width:10,height:10,background:t,transform:"rotate(-45deg)"}})}),y("span",{style:{position:"relative",display:"flex",alignItems:"center",gap:4,height:22,padding:n?"0 8px 0 10px":"0 8px",borderRadius:8,backgroundColor:t,color:"#fff",font:`12px/1.2 ${St}`,whiteSpace:"nowrap",maskImage:n?fo:void 0,WebkitMaskImage:n?fo:void 0},children:[l(zd,{size:12,strokeWidth:2,"aria-hidden":!0}),e]})]})}function f0({point:e,scroll:t,attachments:n,showAttachments:r,onRemoveAttachment:o}){return l(Le,{children:r&&n.length>0&&l("div",{"data-devtools":!0,style:{position:"fixed",left:e.x-8-t.x,top:e.y-4-t.y-24,zIndex:10001,display:"flex",gap:4,flexWrap:"wrap",maxWidth:400},children:n.map(i=>y("button",{type:"button",title:"Remove attachment",onMouseDown:a=>a.preventDefault(),onClick:()=>o(i.id),style:{appearance:"none",border:0,borderRadius:8,background:"rgba(0,0,0,0.72)",color:"#fff",cursor:"pointer",font:"11px/16px system-ui, sans-serif",padding:"2px 7px",whiteSpace:"nowrap"},children:[i.name," \xB7 ",p0(i.size)," \xD7"]},i.id))})})}function h0(e){return[...e.tokens.map(t=>t.label),`${e.typed}${e.completion||e.fallback}`].filter(Boolean).join(" ")}function m0({query:e,border:t,background:n,foreground:r,renderIcon:o}){return y("span",{"aria-hidden":"true","data-popmelt-sticker-query":!0,style:{position:"absolute",left:"50%",top:44,minWidth:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",gap:4,padding:"0 10px",boxSizing:"border-box",border:`1px solid ${t}`,borderRadius:12,background:n,color:r,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transform:"translateX(-50%)",zIndex:4},children:[e.tokens.map((i,a)=>i.kind==="icon"?l("span",{"aria-label":i.label,"data-popmelt-sticker-query-token":"icon",style:{display:"inline-flex",color:r,flexShrink:0},children:o(i)},`${i.label}-${a}`):l("span",{"data-popmelt-sticker-query-token":"label",style:{color:r,opacity:.72},children:i.label},`${i.label}-${a}`)),e.typed?l("span",{children:e.typed}):y("span",{style:{display:"inline-flex",alignItems:"center",gap:0,color:r,opacity:.58,fontWeight:500},children:[l("span",{"data-popmelt-sticker-query-caret":!0,style:{width:1,height:11,flexShrink:0,background:r,animation:"popmeltStickerQueryCaret 900ms steps(1, end) infinite"}}),l("span",{children:e.fallback})]}),e.completion&&l("span",{style:{color:r,opacity:.62},children:e.completion}),e.fallback&&e.typed&&y("span",{style:{color:r,opacity:.68},children:["\u2192 ",e.fallback]})]})}var xn=106,nn=42,rn=24,oi=7.5,Zl=10,g0=140,ii=750,Zr=250,ql=200,y0=34,ai=44,Ul=(nn-rn)/2,b0=ai+rn,Jl=10,jn=8,Re=32,Gl=Re+8,Xl=(Gl-Re)/2,$t=250,Kl=400,Yl="cubic-bezier(0.16, 1, 0.3, 1)",es=180,v0=[0,180,240,300],x0=40,w0=80,C0=8;function ts(e,t,n=nn,r=x0,o=xn){let i=e.left+o,a=e.top+n,s=Math.min(i,t.right)-Math.max(e.left,t.left),d=Math.min(a,t.bottom)-Math.max(e.top,t.top);if(s<=0||d<=0)return 1;let c=Math.min(s,d);return Math.max(0,1-c/r)}function ns(e,t,n,r=nn,o=w0,i=C0,a=xn){let s=Math.min(Math.max(e.x,n.left),n.right),d=Math.min(Math.max(e.y,n.top),n.bottom),c={x:s-e.x,y:d-e.y},u=Math.hypot(c.x,c.y);if(u===0)return 0;let p={x:c.x/u,y:c.y/u},h=[{x:t.left,y:t.top},{x:t.left+a,y:t.top},{x:t.left,y:t.top+r},{x:t.left+a,y:t.top+r}],m=Math.max(0,...h.map(x=>(x.x-e.x)*p.x+(x.y-e.y)*p.y)),v=Math.max(o,m+i);return Math.min(1,u/v)}function k0(e,t=oi){return e===null?rn:Math.max(39,18+t*2+Math.ceil(e))}function S0(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 I0={padding:"padding",margin:"margin",border:"border",radius:"radius",stack:"stack-vertical",grid:"grid",text:"text-size",color:"palette",transform:"transform-translate",opacity:"opacity"},M0={top:0,right:90,bottom:180,left:270},L0={"top-right":0,"bottom-right":90,"bottom-left":180,"top-left":270};function T0(e,t="all",n){return bn(e,t)?{name:"palette",rotation:0}:e==="stack"?t==="horizontal"?{name:"stack-horizontal",rotation:90}:t==="align"?{name:"align",rotation:0}:t==="justify"?{name:"justify",rotation:0}:{name:"stack-vertical",rotation:0}:e==="grid"?{name:t==="rows"?"grid-rows":t==="columns"?"grid-columns":"grid",rotation:90}:e==="text"?{name:t==="weight"?"text-weight":t==="line-height"?"text-leading":t==="letter-spacing"?"text-tracking":t==="text-align"?"text-align":"text-size",rotation:0}:e==="transform"?{name:t==="scale"?"transform-scale":t==="rotate"?"transform-rotate":"transform-translate",rotation:0}:e==="opacity"?{name:t==="mix-blend"?"mix-blend":"opacity",rotation:0}:t==="all"?{name:I0[e],rotation:0}:e==="radius"?{name:"radius-top-right",rotation:L0[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)+(M0[t]??0)}}function E0({name:e}){switch(e){case"padding":return l("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V9C1.625 9.871 2.194 10.375 2.667 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V3C10.375 2.129 9.806 1.625 9.333 1.625H2.667ZM7.375 3A0.625 0.625 0 0 1 7.375 4.25H4.625A0.625 0.625 0 0 1 4.625 3H7.375Z",fill:"currentColor"});case"padding-top":return l("path",{d:"M9.333 1.375C10.701 1.375 11.625 2.662 11.625 4V10A0.625 0.625 0 0 1 10.375 10V4C10.375 3.129 9.806 2.625 9.333 2.625H2.667C2.194 2.625 1.625 3.129 1.625 4V10A0.625 0.625 0 0 1 0.375 10V4C0.375 2.662 1.299 1.375 2.667 1.375H9.333ZM7.375 5A0.625 0.625 0 0 1 7.375 6.25H4.625A0.625 0.625 0 0 1 4.625 5H7.375Z",fill:"currentColor"});case"padding-x":return l("path",{d:"M2.75 0.375C3.095 0.375 3.375 0.655 3.375 1S3.095 1.625 2.75 1.625C2.344 1.625 2.073 1.759 1.904 1.929C1.733 2.101 1.625 2.354 1.625 2.667V9.333C1.625 9.646 1.733 9.899 1.904 10.071C2.073 10.241 2.344 10.375 2.75 10.375C3.095 10.375 3.375 10.655 3.375 11S3.095 11.625 2.75 11.625C2.052 11.625 1.448 11.386 1.018 10.952C0.59 10.522 0.375 9.941 0.375 9.333V2.667C0.375 2.059 0.59 1.478 1.018 1.048C1.448 0.614 2.052 0.375 2.75 0.375ZM9.25 0.375C9.948 0.375 10.552 0.614 10.982 1.048C11.41 1.478 11.625 2.059 11.625 2.667V9.333C11.625 9.941 11.41 10.522 10.982 10.952C10.552 11.386 9.948 11.625 9.25 11.625C8.905 11.625 8.625 11.345 8.625 11S8.905 10.375 9.25 10.375C9.656 10.375 9.927 10.241 10.096 10.071C10.267 9.899 10.375 9.646 10.375 9.333V2.667C10.375 2.354 10.267 2.101 10.096 1.929C9.927 1.759 9.656 1.625 9.25 1.625C8.905 1.625 8.625 1.345 8.625 1S8.905 0.375 9.25 0.375ZM8.079 5.25C8.424 5.25 8.704 5.53 8.704 5.875S8.424 6.5 8.079 6.5H3.921C3.576 6.5 3.296 6.22 3.296 5.875S3.576 5.25 3.921 5.25H8.079Z",fill:"currentColor"});case"padding-y":return l("path",{d:"M11.625 2.75C11.625 3.095 11.346 3.375 11 3.375S10.375 3.095 10.375 2.75C10.375 2.344 10.241 2.073 10.072 1.904C9.899 1.733 9.646 1.625 9.333 1.625H2.667C2.355 1.625 2.102 1.733 1.929 1.904C1.759 2.073 1.625 2.344 1.625 2.75C1.625 3.095 1.346 3.375 1 3.375S0.375 3.095 0.375 2.75C0.375 2.052 0.615 1.448 1.048 1.018C1.479 0.59 2.06 0.375 2.667 0.375H9.333C9.941 0.375 10.522 0.59 10.953 1.018C11.386 1.448 11.625 2.052 11.625 2.75ZM11.625 9.25C11.625 9.948 11.386 10.552 10.953 10.982C10.522 11.41 9.941 11.625 9.333 11.625H2.667C2.06 11.625 1.479 11.41 1.048 10.982C0.615 10.552 0.375 9.948 0.375 9.25C0.375 8.905 0.655 8.625 1 8.625S1.625 8.905 1.625 9.25C1.625 9.656 1.759 9.927 1.929 10.096C2.102 10.267 2.355 10.375 2.667 10.375H9.333C9.646 10.375 9.899 10.267 10.072 10.096C10.241 9.927 10.375 9.656 10.375 9.25C10.375 8.905 10.655 8.625 11 8.625S11.625 8.905 11.625 9.25ZM6.75 8.079C6.75 8.424 6.471 8.704 6.125 8.704S5.5 8.424 5.5 8.079V3.921C5.5 3.576 5.78 3.296 6.125 3.296S6.75 3.576 6.75 3.921V8.079Z",fill:"currentColor"});case"margin":return l("path",{d:"M9.333 4.525C10.701 4.525 11.625 5.812 11.625 7.15V8.15C11.625 9.488 10.701 10.775 9.333 10.775H2.667C1.299 10.775 0.375 9.488 0.375 8.15V7.15C0.375 5.812 1.299 4.525 2.667 4.525H9.333ZM2.667 5.775C2.194 5.775 1.625 6.279 1.625 7.15V8.15C1.625 9.021 2.194 9.525 2.667 9.525H9.333C9.806 9.525 10.375 9.021 10.375 8.15V7.15C10.375 6.279 9.806 5.775 9.333 5.775H2.667ZM8.375 1.2A0.625 0.625 0 0 1 8.375 2.45H3.625A0.625 0.625 0 0 1 3.625 1.2H8.375Z",fill:"currentColor"});case"margin-top":return l("path",{d:"M9.333 4.575C10.701 4.575 11.625 5.862 11.625 7.2V10.2A0.625 0.625 0 0 1 10.375 10.2V7.2C10.375 6.329 9.806 5.825 9.333 5.825H2.667C2.194 5.825 1.625 6.329 1.625 7.2V10.2A0.625 0.625 0 0 1 0.375 10.2V7.2C0.375 5.862 1.299 4.575 2.667 4.575H9.333ZM8.375 1.25A0.625 0.625 0 0 1 8.375 2.5H3.625A0.625 0.625 0 0 1 3.625 1.25H8.375Z",fill:"currentColor"});case"margin-x":return l("path",{d:"M11.277 2.902C11.622 2.902 11.902 3.182 11.902 3.527V8.277C11.902 8.622 11.622 8.902 11.277 8.902S10.652 8.622 10.652 8.277V3.527C10.652 3.182 10.931 2.902 11.277 2.902ZM0.724 2.901C1.069 2.901 1.349 3.181 1.349 3.526V8.276C1.349 8.621 1.069 8.901 0.724 8.901S0.099 8.621 0.099 8.276V3.527C0.099 3.182 0.379 2.901 0.724 2.901ZM7.333 3.325C8.643 3.325 9.543 4.506 9.617 5.781C9.62 5.805 9.625 5.829 9.625 5.853L9.622 5.901L9.625 5.95C9.625 5.974 9.62 5.998 9.617 6.021C9.544 7.297 8.643 8.478 7.333 8.478H4.667C3.357 8.478 2.456 7.297 2.382 6.021C2.379 5.998 2.375 5.974 2.375 5.95L2.377 5.901L2.375 5.853C2.375 5.829 2.379 5.805 2.382 5.781C2.456 4.506 3.358 3.325 4.667 3.325H7.333ZM4.667 4.575C4.203 4.575 3.647 5.06 3.626 5.901C3.647 6.742 4.203 7.228 4.667 7.228H7.333C7.798 7.228 8.352 6.742 8.372 5.901C8.351 5.06 7.798 4.575 7.333 4.575H4.667Z",fill:"currentColor"});case"margin-y":return l("path",{d:"M8.375 10.001C8.72 10.001 9 10.281 9 10.626S8.72 11.251 8.375 11.251H3.625C3.28 11.251 3 10.971 3 10.626S3.28 10.001 3.625 10.001H8.375ZM9.333 3.325C10.642 3.325 11.543 4.506 11.617 5.781C11.62 5.805 11.625 5.829 11.625 5.853L11.622 5.901L11.625 5.95C11.625 5.974 11.619 5.998 11.617 6.021C11.543 7.297 10.643 8.478 9.333 8.478H2.667C1.357 8.478 0.455 7.297 0.381 6.021C0.379 5.998 0.375 5.974 0.375 5.95L0.377 5.901L0.375 5.853C0.375 5.829 0.379 5.805 0.381 5.781C0.456 4.506 1.357 3.325 2.667 3.325H9.333ZM2.667 4.575C2.202 4.575 1.648 5.061 1.627 5.901C1.647 6.742 2.202 7.228 2.667 7.228H9.333C9.797 7.228 10.352 6.742 10.373 5.901C10.352 5.06 9.797 4.575 9.333 4.575H2.667ZM8.376 0.751C8.721 0.751 9.001 1.031 9.001 1.376S8.72 2.001 8.376 2.001H3.626C3.28 2.001 3.001 1.72 3.001 1.375S3.281 0.751 3.626 0.751H8.376Z",fill:"currentColor"});case"border":return l(Le,{children:l("path",{d:"M4 1.25H8M4 10.75H8M1.25 8V4M10.75 8V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"radius":return l(Le,{children:l("path",{d:"M3.25 1.25C2.145 1.25 1.25 2.145 1.25 3.25M10.75 3.25C10.75 2.145 9.855 1.25 8.75 1.25M3.25 10.75C2.145 10.75 1.25 9.855 1.25 8.75M10.75 8.75C10.75 9.855 9.855 10.75 8.75 10.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"gap-x":return y(Le,{children:[l("path",{d:"M6.625 9.375A0.625 0.625 0 0 1 5.375 9.375V2.625A0.625 0.625 0 0 1 6.625 2.625V9.375Z",fill:"currentColor"}),l("circle",{cx:"1.252",cy:"1.248",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),l("circle",{cx:"1.252",cy:"6",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),l("circle",{cx:"1.252",cy:"10.752",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"})]});case"gap-y":return y(Le,{children:[l("path",{d:"M9.375 5.375A0.625 0.625 0 0 1 9.375 6.625H2.625A0.625 0.625 0 0 1 2.625 5.375H9.375Z",fill:"currentColor"}),l("circle",{cx:"1.248",cy:"10.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"1.248",cy:"1.252",r:"0.748",fill:"currentColor"}),l("circle",{cx:"6",cy:"10.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"6",cy:"1.252",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.752",cy:"10.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.752",cy:"1.252",r:"0.748",fill:"currentColor"})]});case"border-top":return y(Le,{children:[l("path",{d:"M3.25 0.5A0.75 0.75 0 0 1 3.25 2C2.56 2 2 2.56 2 3.25V8.75C2 9.44 2.56 10 3.25 10A0.75 0.75 0 0 1 3.25 11.5C1.731 11.5 0.5 10.269 0.5 8.75V3.25C0.5 1.731 1.731 0.5 3.25 0.5Z",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"}),l("circle",{cx:"6.625",cy:"10.752",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),l("circle",{cx:"6.625",cy:"1.248",r:"0.748",fill:"currentColor"})]});case"radius-top-right":return y(Le,{children:[l("path",{d:"M8.25 1.25H8.75A2 2 0 0 1 10.75 3.25V3.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),l("circle",{cx:"9.748",cy:"9.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"2.248",cy:"9.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"2.248",cy:"2.248",r:"0.748",fill:"currentColor"})]});case"stack-vertical":case"stack-horizontal":return l("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM1.625 6.625V9C1.625 9.871 2.194 10.375 2.667 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V6.625H1.625ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H10.375V3C10.375 2.129 9.806 1.625 9.333 1.625H2.667Z",fill:"currentColor"});case"align":return y(Le,{children:[l("path",{d:"M1 2H11M2.5 5.25H9.5M4 8.5H8",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),l("path",{d:"M6 0.75V10.75",stroke:"currentColor",strokeWidth:"0.75",strokeDasharray:"1 2"})]});case"justify":return y(Le,{children:[l("path",{d:"M1 1.5V10.5M11 1.5V10.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),l("path",{d:"M3 3H9M3 6H9M3 9H9",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})]});case"grid":return l("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM6.625 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V6.625H6.625V10.375ZM1.625 9C1.625 9.871 2.194 10.375 2.667 10.375H5.375V6.625H1.625V9ZM6.625 5.375H10.375V3C10.375 2.129 9.806 1.625 9.333 1.625H6.625V5.375ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H5.375V1.625H2.667Z",fill:"currentColor"});case"grid-rows":return l("path",{d:"M4.512 0.385C5.781 0.491 6.625 1.721 6.625 3V9C6.625 10.279 5.78 11.508 4.511 11.614C4.477 11.62 4.443 11.625 4.408 11.625H2.666C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H4.409C4.444 0.375 4.478 0.379 4.512 0.385ZM10.748 10.004C11.161 10.004 11.497 10.339 11.497 10.752C11.497 11.165 11.161 11.5 10.748 11.5C10.335 11.5 10 11.165 10 10.752C10 10.339 10.335 10.004 10.748 10.004ZM1.625 9C1.625 9.871 2.193 10.375 2.666 10.375H4.333C4.806 10.375 5.375 9.871 5.375 9V6.625H1.625V9ZM10.748 5.252C11.161 5.252 11.497 5.587 11.497 6C11.497 6.413 11.161 6.748 10.748 6.748C10.335 6.748 10 6.413 10 6C10 5.587 10.335 5.252 10.748 5.252ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H5.375V3C5.375 2.129 4.806 1.625 4.333 1.625H2.667ZM10.748 0.5C11.161 0.5 11.497 0.835 11.497 1.248C11.497 1.661 11.161 1.997 10.748 1.997C10.335 1.997 10 1.661 10 1.248C10 0.835 10.335 0.5 10.748 0.5Z",fill:"currentColor"});case"grid-columns":return l("path",{d:"M0.321 7.424C0.427 6.155 1.657 5.311 2.936 5.311H8.936C10.215 5.311 11.444 6.156 11.55 7.425C11.556 7.458 11.561 7.493 11.561 7.528V9.27C11.56 10.637 10.274 11.561 8.936 11.561H2.936C1.598 11.561 0.311 10.636 0.311 9.269V7.527C0.311 7.492 0.315 7.458 0.321 7.424ZM9.94 1.188C9.94 0.775 10.275 0.439 10.688 0.439C11.101 0.439 11.437 0.774 11.437 1.188C11.437 1.601 11.101 1.936 10.688 1.936C10.275 1.936 9.94 1.601 9.94 1.188ZM8.936 10.311C9.806 10.311 10.31 9.743 10.311 9.27V7.603C10.311 7.129 9.807 6.561 8.936 6.561H6.561V10.311H8.936ZM5.188 1.188C5.188 0.775 5.523 0.439 5.936 0.439C6.349 0.439 6.685 0.774 6.685 1.188C6.685 1.601 6.349 1.936 5.936 1.936C5.523 1.936 5.188 1.601 5.188 1.188ZM1.561 9.269C1.561 9.742 2.065 10.311 2.936 10.311H5.311V6.561H2.936C2.065 6.561 1.561 7.129 1.561 7.603V9.269ZM0.436 1.188C0.436 0.774 0.772 0.439 1.185 0.439C1.598 0.439 1.933 0.775 1.933 1.188C1.933 1.601 1.598 1.936 1.185 1.936C0.772 1.936 0.436 1.601 0.436 1.188Z",fill:"currentColor"})}}function sr({family:e,size:t=12,step:n,subproperty:r="all"}){let o=T0(e,r),i=o.name==="text-size"?Jd:o.name==="text-weight"?Gd:o.name==="text-leading"?Xd:o.name==="text-tracking"?Kd:o.name==="text-align"?ua:o.name==="palette"?pa:o.name==="transform-translate"?Yd:o.name==="transform-scale"?ec:o.name==="transform-rotate"?tc:o.name==="opacity"?nc:o.name==="mix-blend"?rc:null;return i?l(i,{"aria-hidden":"true","data-popmelt-sticker-icon":`${e}-${r}`,width:t,height:t,strokeWidth:2.5,style:{display:"block",transform:o.rotation?`rotate(${o.rotation}deg)`:void 0,transition:`width ${$t}ms ease, height ${$t}ms ease`}}):l("svg",{"aria-hidden":"true","data-popmelt-sticker-icon":`${e}-${r}`,viewBox:"0 0 12 12",fill:"none",style:{width:t,height:t,display:"block",transform:o.rotation?`rotate(${o.rotation}deg)`:void 0,transition:`width ${$t}ms ease, height ${$t}ms ease`},children:l(E0,{name:o.name})})}function $0(e,t){let n=(ct.indexOf(e)+t%ct.length+ct.length)%ct.length;return ct[n]}function A0(e,t){let n=ct.indexOf(e),r=(ct.indexOf(t)-n+ct.length)%ct.length;return r<=ct.length/2?r:r-ct.length}function z0(e,t,n,r="all"){let o=vn(e,r),i=(o.indexOf(t)+n%o.length+o.length)%o.length;return o[i]}function R0(e,t,n,r="all"){let o=vn(e,r),i=o.indexOf(t),a=(o.indexOf(n)-i+o.length)%o.length;return a<=o.length/2?a:a-o.length}function li({offset:e,colors:t,renderItem:n,showControl:r=!0,activeColor:o,snapActiveColor:i=!1}){let a=[e-2,e-1,e,e+1,e+2];return y("div",{style:{position:"relative",width:96,height:32,overflow:"hidden"},children:[r&&l("span",{"aria-hidden":"true",style:{position:"absolute",left:Re,top:0,width:Re,height:Re,borderRadius:Re/2,background:t.control}}),l("div",{"data-popmelt-sticker-rail":!0,style:{position:"absolute",inset:0,transform:`translateX(${-e*Re}px)`,transition:`transform ${$t}ms ease`,willChange:"transform"},children:a.map(s=>{let d=s===e;return l("span",{style:{position:"absolute",left:Re+s*Re,top:0,width:Re,height:Re,display:"flex",alignItems:"center",justifyContent:"center",color:d?o??t.primary:t.mutedStrong,transition:i?"none":`color ${Kl}ms ${Yl}`},children:n(s,d)},s)})})]})}function P0({family:e,colors:t,showControl:n=!0,activeColor:r,snapActiveColor:o}){let i=M(e),a=M(e),[s,d]=A(0);return Ze(()=>{if(a.current===e)return;let c=A0(a.current,e);a.current=e,d(u=>u+c)},[e]),l(li,{offset:s,colors:t,showControl:n,activeColor:r,snapActiveColor:o,renderItem:(c,u)=>{let p=$0(i.current,c);return l(sr,{family:p,subproperty:"all",size:u?14:12})}})}function H0({color:e,colors:t,showControl:n=!0}){let r=M(e),o=M(e),[i,a]=A(0);return Ze(()=>{if(o.current===e)return;let s=r1(o.current,e);o.current=e,a(d=>d+s)},[e]),l(li,{offset:i,colors:t,showControl:n,renderItem:(s,d)=>{let c=n1(r.current,s),u=d?14:12;return l("span",{"aria-label":c,"data-popmelt-sticker-color":c,style:{width:u,height:u,borderRadius:"50%",background:or(c,Jo),boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 0.08)",transition:`width ${$t}ms ease, height ${$t}ms ease`}})}})}function N0({name:e,size:t}){let n=e==="align-start"?lc:e==="align-center"?sc:e==="align-end"?dc:e==="align-stretch"?cc:e==="justify-start"?uc:e==="justify-center"?pc:e==="justify-end"?fc:e==="justify-between"?hc:e==="justify-around"?mc:e==="text-align-left"?ua:e==="text-align-center"?gc:e==="text-align-right"?yc:e==="text-align-justify"?bc:null;return n?l(n,{"aria-hidden":"true","data-popmelt-sticker-step-icon":e,width:t,height:t,strokeWidth:2.25,style:{display:"block"}}):l("svg",{"aria-hidden":"true","data-popmelt-sticker-step-icon":e,width:t,height:t,viewBox:"0 0 14 14",fill:"none",style:{display:"block"},children:e==="align-baseline"?y(Le,{children:[l("path",{d:"M1.5 10.5H12.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),l("path",{d:"M3 8V4.75M3 4.75H6.5M6.5 4.75V8M8.5 8V6M8.5 6H11M11 6V8",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]}):y(Le,{children:[l("path",{d:"M1.5 2V12M12.5 2V12",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),l("rect",{x:"3.25",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),l("rect",{x:"8.75",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),l("circle",{cx:"7",cy:"7",r:"0.75",fill:"currentColor"})]})})}function j0({family:e,step:t,subproperty:n,colors:r,showControl:o=!0,unavailable:i=!1,activeColor:a,snapActiveColor:s=!1}){let d=M(t),c=M(t),[u,p]=A(0);return D(()=>{if(c.current===t)return;let h=R0(e,c.current,t,n);c.current=t,p(m=>m+h)},[e,t,n]),l(li,{offset:u,colors:r,showControl:o,activeColor:a??(i?r.muted:r.primary),snapActiveColor:s,renderItem:(h,m)=>{let v=z0(e,d.current,h,n),x=S0(e,n,v);return l("span",{"data-popmelt-sticker-step-unavailable":m&&i?"true":void 0,style:{alignItems:"center",display:"flex",fontSize:m?14:12,justifyContent:"center",transition:`font-size ${$t}ms ease`},children:x?l(N0,{name:x,size:m?14:12}):$1(v,e,n)})}})}function O0(e,t="padding",n="all"){return bn(t,n)?e==="family"?{family:0,variant:-Re,value:-Re*2}:e==="variant"?{family:Re,variant:0,value:-Re}:{family:Re*2,variant:Re,value:0}:e==="family"?{family:0,variant:-Re*2,value:-Re}:{family:Re,variant:-Re,value:0}}function W0(e){return e==="family"?0:ai-Ul}function rs(e){return e==="family"?Re/rn:1}function B0(e){return e==="family"?14/(12*rs(e)):1}function D0(e,t,n){return`${e}:${t}:${n}`}function F0(e,t,n="all"){return t==="value"||bn(e,n)&&t==="variant"}function V0(e,t){let n=Br(e),r=Xo(e,t);return r===n?n:`${n} ${r}`}function Q0(e,t,n){return nt(n)?e==="color"?t!=="family":(e==="text"||e==="border")&&t==="value":!1}function _0({family:e,step:t,subproperty:n,stage:r,accentColor:o,applyPulse:i=0,snapPulse:a=0,stepUnavailable:s=!1,colors:d}){let c=O0(r,e,n),u=M(r),p=M(i),h=M(a),[m,v]=A(!1),x=h.current!==a;Ze(()=>{h.current=a},[a]),Ze(()=>{let w=u.current!==r&&r!=="family",S=r==="value"&&p.current!==i;if(u.current=r,p.current=i,!w&&!S)return;v(!0);let H=window.requestAnimationFrame(()=>v(!1));return()=>window.cancelAnimationFrame(H)},[i,r]);let T=w=>({position:"absolute",left:0,right:0,top:Xl,height:Re,transform:`translateY(${w}px)`,transition:x?"none":`transform ${$t}ms ease`,willChange:"transform"});return y("div",{"data-popmelt-sticker-depth-rail":r,style:{position:"relative",width:96,height:Gl,marginBlock:-4,overflow:"hidden",zIndex:2},children:[l("span",{"aria-hidden":"true","data-popmelt-sticker-depth-control":!0,style:{position:"absolute",left:Re,top:Xl,width:Re,height:Re,borderRadius:Re/2,background:m?o:d.control,transition:m?"none":`background ${Kl}ms ${Yl}`}}),l("div",{"aria-hidden":r!=="family","data-popmelt-sticker-depth-row":"family",style:T(c.family),children:l(P0,{family:e,colors:d,showControl:!1,activeColor:m?d.surface:d.primary,snapActiveColor:m})}),l("div",{"aria-hidden":r!=="variant","data-popmelt-sticker-depth-row":"variant",style:T(c.variant),children:bn(e,n)&&nt(n)&&l(H0,{color:n,colors:d,showControl:!1})}),l("div",{"aria-hidden":r!=="value","data-popmelt-sticker-depth-row":"value",style:T(c.value),children:l(j0,{family:e,step:t,subproperty:n,colors:d,showControl:!1,unavailable:s,activeColor:m?d.surface:void 0,snapActiveColor:m},D0(r,e,n))})]})}function os(e,t,n=nn,r=xn){let o=e.x+Jl,i=e.y+Jl;return{left:Math.min(Math.max(jn,o),Math.max(jn,t.width-r-jn)),top:Math.min(Math.max(jn,i),Math.max(jn,t.height-n-jn))}}function is(e,t,n){return n?0:Math.min(e,t)}function Z0({cursor:e,family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a=0,contextLabelPulse:s=0,depthSnapPulse:d=0,rejectPulse:c=0,stepUnavailable:u=!1,query:p=null,toolbarElement:h,threadElement:m,annotationRailHovered:v=!1}){let[x]=po(),T=Ie[x],w=`color-mix(in srgb, ${T.actionForeground} 16%, ${T.actionSurface})`,S=I1(t,r),H=M(t),L=M(o),k=M(r),E=M(o),R=M(a),j=M(s),P=M(c),$=M(null),F=M(!1),_=M(!1),de=M(0),me=M(0),se=M(0),U=M(0),[xe,K]=A(null),[we,Te]=A(!1),[G,ke]=A(!1),[I,C]=A(!1),[W,B]=A(null),[N,Y]=A(!1),[$e,ee]=A(0),[qe,Q]=A(!1),[Ne,re]=A(!1);Ze(()=>{if(P.current===c)return;P.current=c,re(!1);let We=window.requestAnimationFrame(()=>re(!0)),He=window.setTimeout(()=>re(!1),240);return()=>{window.cancelAnimationFrame(We),window.clearTimeout(He)}},[c]),Ze(()=>{let We=E.current!==o&&o!=="family",He=o==="value"&&R.current!==a;if(E.current=o,R.current=a,!We&&!He)return;Q(!0);let Dt=window.requestAnimationFrame(()=>Q(!1));return()=>window.cancelAnimationFrame(Dt)},[a,o]),Ze(()=>{let We=L.current!=="family"&&o==="family";L.current=o;let He=(At=!1)=>{de.current&&window.cancelAnimationFrame(de.current),At||window.clearTimeout(me.current),window.clearTimeout(se.current),window.clearTimeout(U.current),de.current=0,At||(me.current=0),se.current=0,U.current=0},Dt=At=>{let ze=ql;se.current=window.setTimeout(()=>{ke(At),_.current=!1,Te(!1)},ii),U.current=window.setTimeout(()=>{F.current=!1,K(null)},ii+ze+y0)};if(o!=="family"){if(He(),H.current=t,!F.current)return;ke(!0),_.current=!1,Te(!1),U.current=window.setTimeout(()=>{F.current=!1,K(null)},Zr);return}if(!(H.current===t&&!We)){if(H.current=t,F.current=!0,K(t),We){He(),ke(!1),C(!0),_.current=!0,Te(!0),me.current=window.setTimeout(()=>{me.current=0,C(!1)},Zr),Dt(!1);return}me.current||(He(!0),C(!1),ke(!1),_.current||(_.current=!0,Te(!0)),Dt(!1))}},[t,o]),D(()=>()=>{window.cancelAnimationFrame(de.current),window.clearTimeout(me.current),window.clearTimeout(se.current),window.clearTimeout(U.current)},[]),D(()=>{let We=j.current!==s;if(j.current=s,!F0(t,o,r)){B(null),Y(!1),k.current=r;return}if(H.current!==t){k.current=r,B(null),Y(!1);return}if(k.current===r&&!We)return;k.current=r,Y(We),B(We?V0(t,r):Xo(t,r));let He=window.setTimeout(()=>{B(null),Y(!1)},ii);return()=>window.clearTimeout(He)},[s,t,o,r]),Ze(()=>{if(!W||!$.current){ee(0);return}ee($.current.scrollWidth)},[W]);let Ae=k0(W?$e:null,N?Zl:oi),ue=N?Zl:oi,Se=W?0:g0,ge=p||o!=="family"||xe?b0:nn,at=he(()=>os(e,{width:typeof window>"u"?xn:window.innerWidth,height:typeof window>"u"?nn:window.innerHeight},ge),[ge,e]),Mt=h?ts(at,h.getBoundingClientRect(),ge):1,Ht=m?ns(e,at,m.getBoundingClientRect(),ge):1,be=is(Mt,Ht,v),Pe={position:"fixed",left:at.left,top:at.top,width:xn,height:nn,display:"flex",alignItems:"center",justifyContent:"center",gap:1,boxSizing:"border-box",padding:4,border:`1px solid ${T.border}`,borderRadius:22,background:T.surface,color:T.primary,fontFamily:St,fontSize:12,fontWeight:600,lineHeight:1,pointerEvents:"none",overflow:"visible",opacity:be,transform:`scale(${be})`,transformOrigin:`${e.x-at.left}px ${e.y-at.top}px`,visibility:be===0?"hidden":"visible",animation:Ne?"popmeltStickerReject 220ms ease-out":void 0,zIndex:2147483647,colorScheme:x},lt=p?h0(p):"";return y("div",{role:"status","aria-label":p?`Sticker search: ${lt||"search tokens"}`:`Sticker ${o}: ${o==="family"?t:o==="variant"?S:`${n} ${S}`}`,"data-popmelt-sticker-hud":!0,"aria-hidden":v||void 0,style:Pe,children:[l("style",{children:`@keyframes popmeltStickerReject {
|
|
258
|
-
${
|
|
257
|
+
`).map((b,R)=>l("p",{style:{margin:0,marginTop:R>0?8:0},children:b},R))}),je==="provider"?y("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[y("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[l("span",{style:{color:"#6b7280",fontSize:11},children:"Model"}),l(Qo,{value:String(v),options:w.map((b,R)=>({value:String(R),label:b.label})),onChange:b=>H?.(Number(b)),disabled:!H||w.length===0})]}),bi.length>0&&y("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[l("span",{style:{color:"#6b7280",fontSize:11},children:"Thinking"}),l(Qo,{value:S.reasoningEffort??"",onChange:b=>L?.({...S,reasoningEffort:b||void 0}),disabled:!L,options:[{value:"",label:"Inherit"},...bi.map(b=>({value:b.effort,label:`${b.effort.charAt(0).toUpperCase()}${b.effort.slice(1)}${b.effort===to?.defaultReasoningLevel?" (model default)":""}`}))]})]}),vi.length>0&&y("label",{style:{display:"grid",gridTemplateColumns:"72px minmax(0, 1fr)",alignItems:"center",gap:8},children:[l("span",{style:{color:"#6b7280",fontSize:11},children:"Speed"}),l(Qo,{value:S.serviceTier??"",onChange:b=>L?.({...S,serviceTier:b||void 0}),disabled:!L,options:[{value:"",label:"Inherit"},{value:"default",label:"Standard"},...vi.map(b=>({value:b.id,label:b.label}))]})]})]}):f.usage.map((b,R)=>y("div",{style:{display:"flex",gap:6,marginBottom:3,lineHeight:1.4},children:[l("span",{style:{color:"#9ca3af",flexShrink:0},children:"\u2013"}),l("span",{children:b})]},R)),je==="collapse"&&qe&&y("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:10,paddingTop:8},children:[l("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:6,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Position"}),l("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:3,width:"fit-content"},children:Qc.map(b=>{let R=b===ee;return l("button",{type:"button",onClick:()=>{pt(null),Lt.current=!1,dt(),qe(b)},title:b,style:{width:24,height:16,border:"none",cursor:"pointer",padding:0,backgroundColor:R?"#1f2937":"rgba(0,0,0,0.08)",transition:"background-color 100ms ease"},onMouseEnter:ne=>{R||(ne.currentTarget.style.backgroundColor="rgba(0,0,0,0.15)")},onMouseLeave:ne=>{R||(ne.currentTarget.style.backgroundColor="rgba(0,0,0,0.08)")}},b)})})]}),je==="collapse"&&(()=>{let b=Object.entries(se??{}),R=b.filter(([,_])=>_.found&&!_.disabled).map(([_])=>_.charAt(0).toUpperCase()+_.slice(1)),ne=b.filter(([,_])=>!_.found).map(([_])=>_);if(!J&&!W&&R.length===0&&ne.length===0)return null;let O=ne.map(_=>_.charAt(0).toUpperCase()+_.slice(1)),K=[...R,...O];return y("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:10,paddingTop:8,display:"flex",alignItems:"center",gap:6,fontSize:11},children:[(W||J)&&l("button",{type:"button",onClick:()=>{Ut||(W?W():Ui(J))},disabled:Ut,title:lo,"aria-label":Ws??"Restart bridge",style:{display:"flex",alignItems:"center",justifyContent:"center",width:22,height:22,border:"none",borderRadius:0,backgroundColor:Zn||I!=="idle"?"rgba(0,0,0,0.07)":"rgba(0,0,0,0.04)",color:Os,cursor:Ut?"default":"pointer",padding:0,opacity:Ut?.55:1,flexShrink:0},children:I==="ok"?l(Tn,{size:14,strokeWidth:1.8}):l(Co,{size:13,strokeWidth:1.7,style:{animation:I==="restarting"?"spin 0.8s linear infinite":void 0}})}),R.length>0?y("span",{style:{color:"#6b7280"},children:["Available in ",K.join(", ")]}):ne.length>0?y("span",{style:{color:"#6b7280"},children:["Available in ",O.join(", ")]}):null]})})(),f.keys.length>1&&l("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8,display:"flex",flexDirection:"column",gap:4},children:f.keys.slice(1).map((b,R)=>y("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:11,color:b.accent?"#fff":"#6b7280"},children:[l("code",{style:{fontSize:10,backgroundColor:b.accent?t.activeColor:"rgba(0,0,0,0.06)",color:b.accent?"#fff":void 0,padding:"1px 4px",whiteSpace:"nowrap"},children:b.key}),l("span",{style:{color:b.accent?t.activeColor:void 0,fontWeight:b.accent?600:void 0},children:b.desc})]},R))}),je==="counter"&&Ue.length>0&&(()=>{let b=l("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:l("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Active"})}),R=new Map;for(let K of Ue){let _=K.pathname||Tt;R.has(_)||R.set(_,[]),R.get(_).push(K)}let ne=[...R.entries()],O=ne.length>1;return y("div",{children:[b,l("div",{style:{maxHeight:200,overflowY:"auto"},children:ne.map(([K,_])=>l("div",{style:{marginBottom:O?4:0},children:_.map(Ce=>{let tt=Ce.annotations.find(Ge=>Ge.type==="text"&&Ge.text)?.text||`[${Ce.annotations[0]?.type??"annotation"}]`,fe=t.selectedAnnotationIds.includes(Ce.id),ot=Ue.indexOf(Ce)+1,mt=Ce.annotations[0]?.color??t.activeColor;return y("div",{onClick:()=>{if(A?.({groupId:Ce.id,annotationIds:Ce.annotations.map(Ge=>Ge.id)}),!(!Ce.pathname||Ce.pathname===Tt)){sessionStorage.setItem("popmelt-pending-focus",JSON.stringify({annotationId:Ce.id,pathname:Ce.pathname})),window.location.href=Ce.pathname;return}if(n({type:"SELECT_ANNOTATION",payload:{id:Ce.id}}),E){let Ge=Ce.annotations.find(ft=>ft.threadId)?.threadId;Ge&&E(Ge)}Lt.current=!1,pt(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=mt,ft.style.color="#fff")},onMouseLeave:Ge=>{if(fe)return;let ft=Ge.currentTarget.querySelector("[data-route-badge]");ft&&(ft.style.backgroundColor="rgba(0,0,0,0.06)",ft.style.color="#6b7280")},children:[y("code",{"data-route-badge":!0,style:{fontSize:10,color:fe?"#fff":"#6b7280",backgroundColor:fe?mt:"rgba(0,0,0,0.06)",padding:"1px 4px",flexShrink:0,whiteSpace:"nowrap"},children:[ot,". ",O?K:""]}),l("span",{style:{fontSize:11,color:fe?"#1f2937":"#6b7280",fontWeight:fe?600:400,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:tt})]},Ce.id)})},K))})]})})(),je==="counter"&&(()=>{let b=new Set(Ue.flatMap(O=>O.annotations.map(K=>K.threadId).filter(Boolean))),R=Ts.filter(O=>!b.has(O.id));if(R.length===0)return null;let ne=O=>{let K=Math.floor((Date.now()-O)/1e3);if(K<60)return"now";let _=Math.floor(K/60);if(_<60)return`${_}m`;let Ce=Math.floor(_/60);return Ce<24?`${Ce}h`:`${Math.floor(Ce/24)}d`};return y("div",{style:{borderTop:"1px solid rgba(0,0,0,0.08)",marginTop:8,paddingTop:8},children:[l("div",{style:{fontSize:10,color:"#9ca3af",marginBottom:4,textTransform:"uppercase",letterSpacing:"0.05em"},children:"Recent"}),R.map(O=>y("div",{onClick:()=>{let K=O.elementIdentifiers[0];if(K){let _=K.indexOf(":"),Ce=_>0&&K[0]==="/",tt=Ce?K.slice(0,_):void 0,fe=Ce?K.slice(_+1):K;if(!(!tt||tt===Tt)){sessionStorage.setItem("popmelt-pending-thread",JSON.stringify({threadId:O.id,selector:fe,preview:O.preview})),window.location.href=tt;return}try{let ot=qn(fe);if(ot){let mt=Sr(ot),Ge=Math.random().toString(36).slice(2,9);n({type:"ADD_TEXT",payload:{id:Ge,point:{x:mt.left+mt.width,y:mt.top},text:O.preview,linkedSelector:fe,linkedAnchor:"top-left"}}),n({type:"SET_ANNOTATION_THREAD",payload:{ids:[Ge],threadId:O.id}}),n({type:"SET_ANNOTATION_STATUS",payload:{ids:[Ge],status:"resolved"}})}}catch{}}E&&E(O.id),Lt.current=!1,pt(null)},style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",gap:8,padding:"2px 0",cursor:"pointer",color:"#6b7280",fontSize:11},onMouseEnter:K=>{K.currentTarget.style.color="#1f2937"},onMouseLeave:K=>{K.currentTarget.style.color="#6b7280"},children:[l("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:O.preview}),l("span",{style:{flexShrink:0,fontSize:10,color:"#9ca3af"},children:ne(O.createdAt)})]},O.id))]})})()]})})(),y(Io,{toolbarRef:Ae,theme:He,expanded:!0,width:js,snapPosition:ee,viewport:be,"data-popmelt-theme-preference":zt,style:{zIndex:Fe?10004:9999},onMouseEnter:()=>{B?.(),N?.("toolbar",!0)},onMouseLeave:()=>N?.("toolbar",!1),onPointerLeave:f=>{Vt(f.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&Te(De)},onMouseMove:As,children:[y("div",{ref:xn,onMouseEnter:()=>{N?.("tool-trigger",!0),G("tool-menu")},onMouseLeave:()=>{N?.("tool-trigger",!1),de||Te("tool-menu")},style:{position:"relative",width:46,height:32,flexShrink:0},children:[l(qc,{theme:He,icon:l(Bs,{size:16,strokeWidth:1.75}),primaryLabel:dn.type==="inspector"?"Cycle annotations":dn.label,primaryCursor:dn.type==="inspector"&&Ue.length>0,dotColor:dn.type==="inspector"&&ao?ao.annotations[0]?.color??t.activeColor:void 0,menuOpen:Ye,onPrimary:()=>{dn.type==="inspector"&&(Jt(),zi())},onMenu:()=>{Ye?Jt():Ls()}}),Y!=="job-stack"&&Fe&&l("div",{"data-popmelt-hover-panel":!0,style:{position:"absolute",...Ds?{top:"100%",paddingTop:12}:{bottom:"100%",paddingBottom:12},right:Vs,width:Fs,boxSizing:"content-box",background:"transparent",zIndex:10003,pointerEvents:"auto"},children:l("div",{role:"menu","data-popmelt-font":"sans",style:{width:"100%",padding:4,border:`1px solid ${Re.border}`,borderRadius:20,background:Re.surface,boxSizing:"border-box",fontFamily:vl,opacity:Ye?1:0,pointerEvents:"auto",transition:Ye||de?"none":`opacity ${St}ms ease`},children:so.map(({type:f,label:b,shortcut:R,Icon:ne})=>{let O=f===dn.type,K=O||dr===f;return y("button",{"data-popmelt-tool-menu-item":!0,type:"button",role:"menuitemradio","aria-checked":O,onClick:()=>{no(f),Jt()},onMouseEnter:_=>{an(f),_.currentTarget.style.color=Re.primary},onMouseLeave:_=>{an(null),_.currentTarget.style.color=O?Re.primary:Re.mutedStrong},style:{width:"100%",height:O?32:30,display:"flex",alignItems:"center",gap:O?8:6,padding:"0 10px",border:0,borderRadius:16,background:O?Re.control:"transparent",color:O?Re.primary:Re.mutedStrong,cursor:"pointer",fontFamily:vl,fontSize:14,textAlign:"left",transition:"background-color 120ms ease, color 120ms ease"},children:[l(ne,{size:14,strokeWidth:1.75}),l("span",{children:b}),l("code",{"aria-hidden":"true",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:18,height:18,marginLeft:"auto",boxSizing:"border-box",borderRadius:6,background:K?`color-mix(in srgb, ${Re.control} 60%, ${Re.muted} 40%)`:Re.control,color:K?Re.primary:Re.mutedStrong,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:500,lineHeight:1,transition:"background-color 120ms ease, color 120ms ease"},children:R})]},f)})})})]}),Q&&(Q.peers.length>0||!!Q.admissionRequests?.length)&&y("div",{ref:Rt,"data-devtools":"peer-controls",style:{display:"flex",alignItems:"center",gap:6,flexShrink:0},onPointerEnter:()=>{(De?.startsWith("peer:")||De?.startsWith("admission:"))&&pe(De)},onPointerLeave:f=>{Vt(f.relatedTarget)||(De?.startsWith("peer:")||De?.startsWith("admission:"))&&Te(De)},children:[l(au,{...Q,theme:He,detailsPeerId:bt,detailsId:Be,onDetailsEnter:f=>{dt(),pe(`peer:${f}`)},onDetailsLeave:(f,b)=>{Vt(b)||Te(`peer:${f}`)},onDetailsDismiss:f=>ae(`peer:${f}`)}),!!Q.admissionRequests?.length&&l("ul",{"aria-label":"Pending peers","data-devtools":"admission-chip-stack",style:{display:"flex",alignItems:"center",isolation:"isolate",flexShrink:0,margin:0,padding:0,listStyle:"none"},children:Q.admissionRequests.map((f,b,R)=>l("li",{style:{display:"flex",position:"relative",zIndex:R.length-b,marginRight:b===R.length-1?0:-4.5},children:l(mu,{request:f,selected:Oe===f.id,dimmed:Ve!==null&&Ve!==f.id&&R.some(ne=>ne.id===Ve),onHoverChange:ne=>ut(O=>ne?f.id:O===f.id?null:O),detailsId:Be,theme:He,onDetailsEnter:()=>{dt(),pe(`admission:${f.id}`)},onDetailsLeave:ne=>{Vt(ne)||Te(`admission:${f.id}`)},onDetailsDismiss:()=>ae(`admission:${f.id}`),onClick:()=>{pe(`admission:${f.id}`),$t(!1)}})},f.id))})]}),y("div",{className:"legacy-toolbar-controls",style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[(Ue.length>0||t.styleModifications.length>0||t.textModifications.length>0||t.spacingTokenChanges.filter(f=>!f.captured).length>0)&&(()=>{let f=ao,b=t.annotations.length>0&&t.annotations.every(O=>O.status&&O.status!=="pending"),R=Sn!==null?f?.annotations.some(O=>O.status&&O.status!=="pending")??!1:b,ne=Xt(oo);return l("span",{onMouseEnter:()=>eo("counter"),onMouseLeave:gr,children:l("button",{ref:Mi,type:"button",onClick:()=>{if(yr.current){yr.current=!1;return}zi()},onMouseDown:Hs,onMouseUp:Ti,onMouseLeave:Ti,title:"",style:{display:"flex",alignItems:"center",justifyContent:"center",gap:4,minWidth:20,height:20,padding:"0 8px",marginRight:4,border:"none",borderRadius:0,background:R&&Sn===null?"#999999":ne,cursor:"pointer",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:11,fontWeight:600,color:"#ffffff",transition:"background 150ms ease"},children:(()=>{let O=Ue.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(_=>!_.captured).length;if(Sn!==null)return y(Me,{children:[Sn+1,y("span",{style:{opacity:.4,display:"flex",gap:4},children:[l("span",{children:"/"}),l("span",{children:O})]})]});let K=Ns.length+t.styleModifications.length+t.textModifications.length+t.spacingTokenChanges.filter(_=>!_.captured).length;return O>K?y(Me,{children:[K,y("span",{style:{opacity:.4,display:"flex",gap:4},children:[l("span",{children:"/"}),l("span",{children:O})]})]}):O})()})})})(),(t.annotations.length>0||t.styleModifications.length>0||t.textModifications.length>0)&&l("span",{onMouseEnter:()=>eo("clear"),onMouseLeave:gr,children:l(fl,{siblingActive:t.isAnnotating,onClick:ro,title:"Clear all (\u2318\u232B)",children:l(Ad,{size:17,strokeWidth:1.5})})}),m&&y(Me,{children:[l("div",{style:{width:1,height:20,backgroundColor:"rgba(0, 0, 0, 0.05)",margin:"0 2px"}}),l("span",{onMouseEnter:()=>eo("provider"),onMouseLeave:gr,style:{display:"contents"},children:y("div",{style:{display:"flex",alignItems:"center",gap:0},children:[l(fl,{onClick:()=>m(Rs),children:l(rr,{provider:p})}),y("button",{type:"button",onClick:()=>{let f=(v+1)%x;H?.(f)},style:{display:"flex",alignItems:"center",gap:6,height:32,border:"none",background:"none",cursor:"pointer",padding:"0 4px 0 0",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:10,fontWeight:500,color:Bt.iconDefault,whiteSpace:"nowrap"},children:[l("span",{children:T}),l("span",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:$s.map(f=>l("div",{style:{width:f.overflow?2:3,height:f.overflow?2:3,borderRadius:"50%",backgroundColor:f.active?Bt.iconDefault:"rgba(0,0,0,0.2)",opacity:f.overflow?.65:1,transition:"background-color 150ms ease, opacity 150ms ease"}},f.key))})]})]})})]}),l("div",{ref:$i,style:{display:"inline-flex",cursor:"pointer"},children:l(Mo,{expanded:!0,active:!!s,color:Ri,onSettlingChange:It,onClick:Ps,onFocus:()=>{N?.("popmelt-trigger",!0),c?.(!0),pe("popmelt-guide")},onBlur:f=>{let b=f.relatedTarget;b instanceof Node&&Qe.current?.contains(b)||(N?.("popmelt-trigger",!1),c?.(!1),Te("popmelt-guide"))}})})]})]})]},"expanded-toolbar-surfaces")]}):l(ka,{theme:He,snapPosition:ee,viewport:be,toolbarRef:Ae,"data-popmelt-theme-preference":zt,active:!!s,busy:Ht,color:Ri,onSettlingChange:It,onMouseEnter:B,onCrosshairHover:c,onOpen:()=>{lt(!0),n({type:"SET_TOOL",payload:"inspector"}),n({type:"SET_ANNOTATING",payload:!0})}})}function Gp(e){let{selector:t,durableSelector:n,pathname:r,annotationNumber:o,changes:i}=e;return{selector:t,durableSelector:n,pathname:r,annotationNumber:o,changes:i.map(({property:a,original:s,modified:d,token:c})=>({property:a,original:s,modified:d,token:c}))}}function xl(e,t){if((e.pathname??"")!==(t.pathname??"")||e.selector!==t.selector&&(!e.durableSelector||e.durableSelector!==t.durableSelector))return!1;let n=r=>JSON.stringify(r.map(({property:o,original:i,modified:a,token:s})=>[o,i,a,s??null]).sort((o,i)=>String(o[0]).localeCompare(String(i[0]))));return n(e.changes)===n(t.changes)}function Zo(e,t,n,r=new Set){let o=new Map(t.filter(c=>c.authorId===n).flatMap(c=>c.annotations?.map(({id:u})=>[u,c.threadId])??[])),i=!1,a=e.annotations.map(c=>r.has(c.id)&&["pending","sending"].includes(c.status??"pending")?(i=!0,{...c,status:"awaiting_review"}):(c.status??"pending")!=="pending"||c.threadId&&c.threadId!==o.get(c.id)||!o.has(c.id)?c:(i=!0,{...c,threadId:o.get(c.id)??c.threadId,status:"awaiting_review"})),s=!1,d=e.styleModifications.map(c=>{if(c.captured)return c;let u=[...t].reverse().find(p=>p.authorId===n&&p.threadId&&p.styleModifications?.some(m=>xl(c,m)));return u?.threadId?(s=!0,{...c,awaitingReview:{submissionId:u.id,threadId:u.threadId}}):c});return i||s?{...e,annotations:i?a:e.annotations,styleModifications:s?d:e.styleModifications}:e}function Xp(e){if(e.awaitingReview)return{jobId:`suggestion:${e.awaitingReview.submissionId}`,threadId:e.awaitingReview.threadId,status:"awaiting_review",selectors:[e.selector],annotationNumber:e.annotationNumber}}function wl(e,t){if(!t)return e;let n=e.activeColor!==t,r=e.annotations.map(o=>o.color===t?o:(n=!0,{...o,color:t}));return n?{...e,activeColor:t,annotations:r}:e}var Xe=["slate","gray","zinc","neutral","stone","red","orange","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"],_o=[50,100,200,300,400,500,600,700,800,900,950],qo=500,Yp={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 or(e,t){return jr[e][t]}function e0(e,t){let n=Xe.indexOf(e);return Xe[(n+t+Xe.length)%Xe.length]}function t0(e,t){let n=Xe.indexOf(e);return Xe[(n+t%Xe.length+Xe.length)%Xe.length]}function n0(e,t){let n=Xe.indexOf(e),r=(Xe.indexOf(t)-n+Xe.length)%Xe.length;return r<=Xe.length/2?r:r-Xe.length}function gn(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 r0(e){let t=gn(e);if(!t)return null;let n=null;for(let r of Xe)for(let o of _o){let i=gn(jr[r][o]).reduce((a,s,d)=>a+(s-t[d])**2,0);(!n||i<n.distance)&&(n={name:r,step:o,distance:i})}return n&&{name:n.name,step:n.step}}function o0(e,t){let n=gn(t);return n?_o.reduce((r,o)=>{let i=gn(jr[e][r]),a=gn(jr[e][o]),s=i.reduce((d,c,u)=>d+(c-n[u])**2,0);return a.reduce((d,c,u)=>d+(c-n[u])**2,0)<s?o:r}):null}function Cl(e,t){let n=gn(e),r=gn(t);return n!==null&&r!==null&&n.every((o,i)=>o===r[i])}var ct=["padding","margin","border","radius","stack","grid","text","color","transform","opacity"],Pn=[0,1,2,3,4,6,8,10,12,16],i0=[-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],l0=["vertical","horizontal"],s0=["stretch","start","center","end","baseline"],d0=["start","center","end","between","around","evenly"],c0=[1,2,3,4,5,6],kl=["xs","sm","base","lg","xl","2xl","3xl","4xl"],Sl=[300,400,500,600,700,800],Il=["none","tight","snug","normal","relaxed","loose"],Ml=["tighter","tight","normal","wide","wider","widest"],Ll=["left","center","right","justify"],Tl=[25,50,75,90,95,100,105,110,125,150],El=[-180,-90,-45,-25,-12,-6,-3,-2,-1,0,1,2,3,6,12,25,45,90,180],Al=[0,5,10,20,25,30,40,50,60,70,75,80,90,95,100],zl=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],u0={padding:Pn,margin:Pn,border:a0,radius:Pn},p0={padding:"p",margin:"m",border:"border",radius:"rounded",stack:"flex",grid:"grid",text:"text",color:"text",transform:"transform",opacity:"opacity"},f0={padding:"P",margin:"M",border:"B",radius:"R",stack:"F",grid:"G",text:"FO",color:"BG",transform:"T",opacity:"O"},m0={padding:"Padding",margin:"Margin",border:"Borders",radius:"Radii",stack:"Flexbox",grid:"Grid",text:"Fonts",color:"Background",transform:"Transform",opacity:"Opacity"},h0={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:Xe,transform:["translate","scale","rotate"],opacity:["opacity","mix-blend"]},Rl={all:"",x:"X",y:"Y",top:"T",right:"R",bottom:"B",left:"L","top-left":"TL","top-right":"TR","bottom-right":"BR","bottom-left":"BL",vertical:"V",horizontal:"H",direction:"D",gap:"G",align:"A",justify:"J",rows:"R",columns:"C",size:"S",weight:"W","line-height":"H","letter-spacing":"L","text-align":"A",color:"C",translate:"T",scale:"S",rotate:"R",opacity:"O","mix-blend":"B"};function nt(e){return Xe.includes(e)}function yn(e,t){return e==="color"||(e==="text"||e==="border")&&(t==="color"||nt(t))}var Or=e=>encodeURIComponent(e),$l=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='${Or(e)}' flood-opacity='.42'/%3E%3CfeDropShadow dx='0' dy='1.25' stdDeviation='1.1' flood-color='${Or(e)}' flood-opacity='.24'/%3E%3C/filter%3E%3C/defs%3E`;function g0(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${$l(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='${Or(e)}' stroke='white' stroke-width='1.25'/%3E%3C/svg%3E") 4 4, pointer`}function y0(e="black"){return`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='-3 -3 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E${$l(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='${Or(e)}' stroke='white' stroke-width='1.111'/%3E%3C/svg%3E") 4 4, pointer`}function bn(e,t="all"){let n=gt(e,t);return e==="color"||(e==="text"||e==="border")&&yn(e,n)?_o:e==="stack"?n==="direction"?l0:n==="align"?s0:n==="justify"?d0:Pn:e==="grid"?n==="gap"?Pn:c0:e==="text"?n==="weight"?Sl:n==="line-height"?Il:n==="letter-spacing"?Ml:n==="text-align"?Ll:kl:e==="transform"?n==="scale"?Tl:n==="rotate"?El:i0:e==="opacity"?n==="mix-blend"?zl:Al:u0[e]}function Pl(e,t,n="all"){let r=bn(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 Jo(e){return h0[e]}function gt(e,t){if(e==="stack"&&(t==="vertical"||t==="horizontal"))return"direction";if((e==="text"||e==="border")&&nt(t))return t;let n=Jo(e);return n.includes(t)?t:n[0]}function b0(e,t){return e==="text"?"size":e==="transform"?"translate":e==="opacity"?"opacity":gt(e,t)}function v0(e,t,n){return e==="family"?"family":(t==="text"||t==="border")&&n==="color"?"variant":"value"}function x0(e,t,n){let r=Jo(e),o=(e==="text"||e==="border")&&nt(t)?"color":gt(e,t),i=r.indexOf(o);return r[(i+n+r.length)%r.length]}function w0(e,t){let n=ct.indexOf(e);return ct[(n+t+ct.length)%ct.length]}function C0(e,t,n,r="all"){let o=bn(e,r),i=Pl(e,t,r),a=o.indexOf(i);return o[(a+n+o.length)%o.length]}function k0(e){return f0[e]}function Wr(e){return m0[e]}function S0(e,t){let n=gt(e,t);return e==="color"||(e==="text"||e==="border")&&nt(n)?n:`${k0(e)}${Rl[n]}`}function Ko(e,t){let n=gt(e,t);return e==="color"||(e==="text"||e==="border")&&nt(n)?n[0].toUpperCase()+n.slice(1):e==="text"?n==="size"?"Size":n==="weight"?"Weight":n==="line-height"?"Leading":n==="letter-spacing"?"Tracking":n==="text-align"?"Align":"Color":e==="border"&&n==="color"?"Color":e==="transform"?n==="translate"?"translate":n:e==="opacity"?n==="mix-blend"?"mix-blend-mode":"opacity":n==="all"?Wr(e):Rl[n]}function Hn(e,t){let n=gt(e,t);if(e==="color")return"background-color";if(e==="stack")return n==="direction"?"flex-direction":n==="align"?"align-items":n==="justify"?"justify-content":"gap";if(e==="grid")return n==="rows"?"grid-template-rows":n==="columns"?"grid-template-columns":"gap";if(e==="text")return n==="color"||nt(n)?"color":n==="weight"?"font-weight":n==="line-height"?"line-height":n==="letter-spacing"?"letter-spacing":n==="text-align"?"text-align":"font-size";if(e==="border"&&(n==="color"||nt(n)))return"border-color";if(e==="transform")return n;if(e==="opacity")return n==="mix-blend"?"mix-blend-mode":"opacity";if(e==="radius")return n==="all"?"border-radius":`border-${n}-radius`;let r=e==="border"?"border":e,o=e==="border"?"width":"";return n==="all"?o?`${r}-${o}`:r:(e==="padding"||e==="margin")&&n==="x"?`${r}-left`:(e==="padding"||e==="margin")&&n==="y"?`${r}-top`:o?`${r}-${n}-${o}`:`${r}-${n}`}function Hl(e,t){let n=gt(e,t);return e==="color"?["background-color"]:e==="stack"||e==="grid"?n==="gap"?["row-gap","column-gap"]:[Hn(e,n)]:e==="text"?n==="color"||nt(n)?["color"]:n==="line-height"||n==="letter-spacing"?[Hn(e,n),"font-size"]:[Hn(e,n)]:e==="border"&&(n==="color"||nt(n))?["border-top-color","border-right-color","border-bottom-color","border-left-color"]:e==="transform"||e==="opacity"?[Hn(e,n)]:(e==="padding"||e==="margin")&&n==="x"?[`${e}-left`,`${e}-right`]:(e==="padding"||e==="margin")&&n==="y"?[`${e}-top`,`${e}-bottom`]:n!=="all"?[Hn(e,n)]:e==="radius"?["border-top-left-radius","border-top-right-radius","border-bottom-right-radius","border-bottom-left-radius"]:e==="border"?["border-top-width","border-right-width","border-bottom-width","border-left-width"]:[`${e}-top`,`${e}-right`,`${e}-bottom`,`${e}-left`]}function kt(e,t){let n=e.trim().toLowerCase();if((t==="stack"||t==="grid")&&n==="normal")return 0;let r=n.split(/[\s/]+/).filter(Boolean);if(r.length===0)return null;let o=r.map(i=>{if(/^0(?:\.0+)?$/.test(i))return 0;let a=i.match(/^(-?\d+(?:\.\d+)?)px$/);return a?Number(a[1]):Number.NaN});return o.some(i=>!Number.isFinite(i))?null:o.every(i=>Math.abs(i-o[0])<.01)?o[0]:null}function ir(e,t,n){let r=n.trim().toLowerCase();if(e==="text"){if(t==="size"){let o=kt(n,e);return o===null?null:en(kl,i=>Br[i],o)}if(t==="weight"){if(r==="normal")return 400;if(r==="bold")return 700;let o=Number(r);return Number.isFinite(o)?en(Sl,i=>i,o):null}if(t==="text-align")return r==="start"?"left":r==="end"?"right":Ll.includes(r)?r:null}if(e==="transform"){if(r==="none")return t==="scale"?100:0;if(t==="translate"){let o=kt(n,e);return o===null?null:en(Pn,i=>i*4,o)}if(t==="scale"){let o=Number.parseFloat(n)*100;return Number.isFinite(o)?en(Tl,i=>i,o):null}if(t==="rotate"){let o=Number.parseFloat(n);return Number.isFinite(o)?en(El,i=>i,o):null}}if(e==="opacity"){if(t==="mix-blend")return zl.includes(r)?r:null;let o=Number.parseFloat(n)*100;return Number.isFinite(o)?en(Al,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 I0(e,t,n="all"){let r=gt(e,n);if(e==="color"||(e==="text"||e==="border")&&nt(r)){let s=o0(r,t[0]??"");if(s===null)return null;let d=or(r,s);return t.every(c=>Cl(c,d))?s:null}if(e==="text"){if(r==="line-height"&&(t[0]??"").trim().toLowerCase()==="normal")return"normal";if(r==="line-height"){let s=kt(t[0]??"",e),d=kt(t[1]??"",e);return s===null||d===null||d===0?null:en(Il,c=>Dr[c],s/d)}if(r==="letter-spacing"){let s=(t[0]??"").trim().toLowerCase();if(s==="normal")return"normal";let d=kt(s,e),c=kt(t[1]??"",e);return d===null||c===null||c===0?null:en(Ml,u=>Fr[u],d/c)}return ir(e,r,t[0]??"")}if(e==="transform"||e==="opacity"||e==="stack"&&r!=="gap")return ir(e,r,t[0]??"");if(e==="grid"&&r!=="gap"){let s=t[0]?.trim().split(/\s+/).filter(Boolean).length??0;return bn("grid",r).includes(s)?s:null}let o=t.map(s=>kt(s,e));if(o.length===0||o.some(s=>s===null))return null;let i=o[0];if(!o.every(s=>Math.abs(s-i)<.01))return null;let a=bn(e,r).filter(s=>typeof s=="number");return a.length===0?null:a.reduce((s,d)=>Math.abs(Number.parseFloat(ar(e,d,r))-i)<Math.abs(Number.parseFloat(ar(e,s,r))-i)?d:s)}function M0(e,t,n,r="all"){let o=gt(e,r);if(e==="color"||(e==="text"||e==="border")&&nt(o)){let s=or(o,t);return n.length>0&&n.every(d=>Cl(d,s))}if(e==="text"){if(o==="size"){let s=kt(n[0]??"",e);return s!==null&&Math.abs(s-Br[t])<.01}if(o==="weight")return ir(e,o,n[0]??"")===t;if(o==="line-height"){let s=(n[0]??"").trim().toLowerCase();if(s==="normal")return t==="normal";let d=kt(s,e),c=kt(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Dr[t])<.01}if(o==="letter-spacing"){let s=(n[0]??"").trim().toLowerCase();if(s==="normal")return t==="normal";let d=kt(s,e),c=kt(n[1]??"",e);return d!==null&&c!==null&&c!==0&&Math.abs(d/c-Fr[t])<.001}return ir(e,o,n[0]??"")===t}if(e==="transform"||e==="opacity"||e==="stack"&&o!=="gap")return ir(e,o,n[0]??"")===t;if(e==="grid"&&o!=="gap")return(n[0]?.trim().split(/\s+/).filter(Boolean).length??0)===t;if(typeof t!="number")return!1;let i=Number.parseFloat(ar(e,t,o)),a=n.map(s=>kt(s,e));return a.length>0&&a.every(s=>s!==null&&Math.abs(s-i)<.01)}function L0(e,t,n,r){let o=M0(e,t,Hl(e,n).map(r),n),i=Ol(e),a=jl(e,n,t).every(c=>r(c.property).trim()===c.value),s=e==="border"&&!yn(e,n)&&typeof t=="number"&&t>0?Nl(n):null,d=!s||!["","none"].includes(r(s).trim());return o&&(!i||r("display").trim()===i)&&a&&d}function Nl(e){let t=gt("border",e);return t==="all"?"border-style":`border-${t}-style`}function T0(e){return e==="color"?"background-color":e==="border"?"border-top-color":"color"}function Uo(e,t,n){let r=gt(e,n);if(e==="color")return`bg-${r}-${t}`;if(e==="stack")return r==="direction"?t==="horizontal"?"flex-row":"flex-col":r==="gap"?`gap-${t}`:r==="align"?`items-${t}`:`justify-${t}`;if(e==="grid")return r==="gap"?`gap-${t}`:`${r==="rows"?"grid-rows":"grid-cols"}-${t}`;if(e==="text")return nt(r)?`text-${r}-${t}`:r==="size"?`text-${t}`:r==="weight"?A0[t]:r==="line-height"?`leading-${t}`:r==="letter-spacing"?`tracking-${t}`:`text-${t}`;if(e==="border"&&nt(r))return`border-${r}-${t}`;if(e==="transform")return`${r}-${t}`;if(e==="opacity")return r==="mix-blend"?`mix-blend-${t}`:`opacity-${t}`;let o=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 ar(e,t,n="all"){let r=gt(e,n);if(e==="color"||(e==="text"||e==="border")&&nt(r))return or(r,t);if(e==="stack"){if(r==="direction")return t==="horizontal"?"row":"column";if(r==="align")return t==="start"?"flex-start":t==="end"?"flex-end":String(t);if(r==="justify")return t==="start"?"flex-start":t==="end"?"flex-end":t==="between"||t==="around"||t==="evenly"?`space-${t}`:String(t)}return e==="grid"&&r!=="gap"?`repeat(${t}, minmax(0, 1fr))`:e==="text"?r==="size"?`${Br[t]}px`:r==="weight"?String(t):r==="line-height"?String(Dr[t]):r==="letter-spacing"?`${Fr[t]}em`:String(t):e==="transform"?r==="scale"?String(Number(t)/100):r==="rotate"?`${t}deg`:`${Number(t)*4}px ${Number(t)*4}px`:e==="opacity"?String(r==="mix-blend"?t:Number(t)/100):typeof t!="number"?"0px":`${e==="border"?t:t*4}px`}function jl(e,t,n){let r=gt(e,t);return(e==="padding"||e==="margin")&&(r==="x"||r==="y")?[{property:r==="x"?`${e}-right`:`${e}-bottom`,value:ar(e,n??0,r),token:Uo(e,n??0,r)}]:[]}function E0(e,t,n){if(t==="text"&&(n==="size"||n==="all"))return String(Br[e]);if(t==="text"&&n==="line-height"){let r=Dr[e];return String(Number(r.toFixed(1)))}if(t==="text"&&n==="letter-spacing"){let r=Fr[e];return String(Number(r.toFixed(2))).replace(/^(-?)0\./,"$1.")}return typeof e=="number"?String(e):e==="vertical"?"V":e==="horizontal"?"H":e==="start"?"S":e==="center"?"C":e==="end"?"E":e==="stretch"?"ST":e==="baseline"?"BL":e==="between"?"BT":e==="around"?"AR":"EV"}function Ol(e){return e==="stack"?"flex":e==="grid"?"grid":null}var Br={xs:12,sm:14,base:16,lg:18,xl:20,"2xl":24,"3xl":30,"4xl":36},A0={300:"font-light",400:"font-normal",500:"font-medium",600:"font-semibold",700:"font-bold",800:"font-extrabold"},Dr={none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2},Fr={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 lr(e,t){return t.selectors??(t.targetBindingId?[]:[e])}function z0(e,t,n){let r=[...new Set(e)];if(r.length!==1)return;let o=n(r[0]);if(!o)return;let i=t.filter(s=>!s.threadId||!s.linkedSelector||s.status==="pending"?!1:n(s.linkedSelector)===o),a=[...new Set(i.map(s=>s.threadId))];if(a.length===1)return{threadId:a[0],targetBindingId:i.find(s=>s.targetBindingId)?.targetBindingId,color:i.find(s=>s.color)?.color,selectorAliases:[...new Set([r[0],...i.map(s=>s.linkedSelector)])]}}function R0(e,t,n,r){let o=[...new Set(e)];return o.length!==1?n:Vr(o[0],t,r)?.color??n}function $0(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Vr(n[0],t);return r?.continuationEligible?r.threadId:void 0}function P0(e,t){let n=[...new Set(e)];if(n.length!==1)return;let r=Vr(n[0],t);return r?.continuationEligible?r.targetBindingId:void 0}function Vr(e,t,n){for(let[o,i]of t)if(lr(o,i).includes(e))return i;if(!n)return;let r=n(e);if(r){for(let[o,i]of t)if(lr(o,i).some(a=>n(a)===r))return i}}function H0(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 N0(e,t){let n=new Set;for(let[r,o]of e)if(t.has(o.threadId))for(let i of lr(r,o))n.add(i);return n}function j0(e,t,n,r,o,i){let a=new Set(o);for(let[d,c]of e)if(c.jobId===t)for(let u of lr(d,c))a.add(u);let s=new Map(e);for(let d of a){let c=[...s].find(([h,v])=>lr(h,v).includes(d)),u=c?.[1];if(u&&u.jobId!==t)continue;let p=i??u?.threadId;if(!p)continue;let m=c?.[0]??`job:${t}:${d}`;s.set(m,{...u,jobId:t,threadId:p,status:n,label:r,selectors:u?.selectors??[d]})}return s}function O0(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 W0(e,t,n,r){if(!r)return new Map;let o=new Map;for(let[i,a]of e){if(t.has(a.threadId))continue;let s=n.indexOf(a.threadId);o.set(i,{...a,annotationNumber:a.annotationNumber??(s>=0?s+1:void 0)})}return o}function Go(e,t,n){if(t)return e?t.jobId===n?t:void 0:t}var B0=Number.MAX_SAFE_INTEGER;function Qr(e){return`${e.pathname??"*"}\0${e.selector}`}function D0(e,t){return`element:${e??"*"}\0${t}`}function Xo({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,m=p?D0(p.pathname,p.selector):`annotation:${u.groupId??u.id}`,h=r.get(m);if(h){h.createdAt=Math.min(h.createdAt,u.timestamp),h.annotationIds.push(u.id);continue}r.set(m,{key:m,createdAt:u.timestamp,stableIndex:o++,annotationIds:[u.id]})}let a=u=>{let p=Qr(u),m=`element:${p}`,h=u.createdAt??B0,v=r.get(m);if(v){v.createdAt=Math.min(v.createdAt,h),v.modificationKey=p;return}r.set(m,{key:m,createdAt:h,stableIndex:o++,annotationIds:[],modificationKey:p})};t.forEach(a),n.forEach(a);let s=new Map,d=new Map,c=[...r.values()].sort((u,p)=>u.createdAt-p.createdAt||u.stableIndex-p.stableIndex);return c.forEach((u,p)=>{let m=p+1;u.annotationIds.forEach(h=>s.set(h,m)),u.modificationKey&&d.set(u.modificationKey,m)}),{annotationNumberById:s,modificationNumberByKey:d,count:c.length}}function Wl({state:e,pageAnnotations:t,pageStyleModifications:n,pageTextModifications:r}){let o=me(()=>Er(e.annotations),[e.annotations]),i=me(()=>Xo({annotations:t.filter(s=>!o.has(s)),styleModifications:n,textModifications:r}),[t,n,r,o]),a=me(()=>{let s=new Map,d=c=>{let u=i.modificationNumberByKey.get(Qr(c));if(u===void 0)return;let p=s.get(c.selector);(p===void 0||u<p)&&s.set(c.selector,u)};return n.forEach(d),r.forEach(d),s},[n,r,i.modificationNumberByKey]);return{supersededAnnotations:o,stagedArtifactOrder:i,annotationGroupMap:i.annotationNumberById,pageModificationNumberBySelector:a}}async function F0(e,t,n){let r=i=>{e.length&&t({type:"SET_ANNOTATION_STATUS",payload:{ids:e,status:i}})};r("sending");let o=!1;try{return o=await n(),o}catch(i){return console.error("[Popmelt] Failed to prepare submission:",i),!1}finally{o||r("pending")}}var Bl="devtools-active-text";function V0(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 Q0(e,t,n){if(e.current)return n;e.current=!0;try{return await t()}finally{e.current=!1}}function Z0(e){e.removeItem(Bl)}function _0(e){return e.key!=="Enter"||!e.metaKey&&!e.ctrlKey?!1:(e.preventDefault(),e.stopPropagation(),!0)}function q0(e){return e?e.originalText!==void 0?e.text!==e.originalText:e.text.trim().length>0||!!e.hasInteractionEpisode:!1}function J0(e){let t=new Map;for(let n of e)n.groupId&&n.threadId&&t.set(n.groupId,n.threadId);return t}function K0(e,t){return e.threadId??(e.groupId?t.get(e.groupId):void 0)}function Yo(e,t,n=new Set){let r=J0(e);return e.filter(o=>{let i=K0(o,r);return gl(o,t)&&o.status!=="dismissed"&&(!i||!n.has(i))})}function Dl(e,t,n,r=new Set,o=new Map){let i=new Set;for(let a of Yo(t,n,r))a.linkedSelector&&i.add(a.linkedSelector);for(let[a,s]of o)if(!r.has(s.threadId))for(let d of s.selectors??[a])i.add(d);return e.filter(a=>a.pathname&&a.pathname!==n?!1:!a.captured||i.has(a.selector)||!!a.durableSelector&&i.has(a.durableSelector))}function U0({state:e,activeText:t,currentPathname:n,dismissedThreadIds:r,modifiedElementThreadStates:o}){let i=me(()=>Yo(e.annotations,n,r),[e.annotations,n,r]),a=me(()=>Dl(e.styleModifications,e.annotations,n,r,o),[e.annotations,e.styleModifications,n,r,o]),s=me(()=>Dl(e.textModifications,e.annotations,n,r,o),[e.annotations,e.textModifications,n,r,o]),d=me(()=>{let p=new Set,m=h=>!h.captured&&(!h.pathname||h.pathname===n);for(let h of e.styleModifications)m(h)&&!h.awaitingReview&&p.add(`element:${h.selector}`);for(let h of e.textModifications)m(h)&&p.add(`element:${h.selector}`);for(let h of e.domModifications)m(h)&&p.add(`element:${h.selector}`);for(let h of e.spacingTokenChanges)h.captured||p.add(`spacing:${h.tokenPath}`);for(let h of e.spacingTokenMods)h.captured||p.add(`spacing:${h.tokenPath}`);return p},[n,e.domModifications,e.spacingTokenChanges,e.spacingTokenMods,e.styleModifications,e.textModifications]),c=me(()=>V0(e.annotations,t,d),[e.annotations,t,d]),u=me(()=>e.annotations.filter(p=>p.type==="text"&&p.text&&(p.status??"pending")==="pending").sort((p,m)=>m.timestamp-p.timestamp),[e.annotations]);return{pageAnnotations:i,pageStyleModifications:a,pageTextModifications:s,pendingBundleCount:c,pendingTextAnnotations:u}}function G0(e,t="host",n){let[r,o]=z(()=>n?.read().selectedId??t),[i,a]=z(null);D(()=>{o(n?.read().selectedId??t),a(null)},[n,t]);let s=ie(u=>{n?.select(u),o(u),a(null)},[n]),d=ie(u=>a(u),[]),c=ie(u=>{a(p=>p===u?null:p)},[]);return D(()=>{let u=()=>a(null);e||u();let p=()=>{document.hidden&&u()};return window.addEventListener("blur",u),document.addEventListener("visibilitychange",p),()=>{window.removeEventListener("blur",u),document.removeEventListener("visibilitychange",p)}},[e]),{selectedId:r,viewedId:e?i??r:r,isPeeking:e&&i!==null&&i!==r,select:s,peek:d,leave:c}}function X0({name:e,isOwnPlane:t,color:n,changed:r}){return y("div",{"data-devtools":"peer-plane-label","data-popmelt-font":"mono",role:"status",title:r?"Source changed beneath staged work. Editing, clearing, commenting or sending acknowledges the affected work; viewing alone does not.":void 0,style:{position:"fixed",bottom:8,left:"50%",transform:"translateX(-50%)",maxWidth:"calc(100vw - 32px)",boxSizing:"border-box",padding:"4px 8px",borderRadius:8,background:n,color:"#fff",fontFamily:md,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 Y0(e,t=[],n=""){let r=new Map;if(!e)return r;let o=Zo(e,t,n),i=Er(o.annotations),a=o.annotations.filter(d=>!i.has(d)),s=Xo({...o,annotations:a});for(let d of a){let c=s.annotationNumberById.get(d.id);d.threadId&&c!==void 0&&!r.has(d.threadId)&&r.set(d.threadId,c)}for(let d of o.styleModifications){let c=d.awaitingReview?.threadId,u=s.modificationNumberByKey.get(Qr(d));c&&u!==void 0&&!r.has(c)&&r.set(c,u)}return r}function e1(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 t1(e,t,n){let r=new Set(t);return e.filter(o=>!r.has(o)&&!n.has(o))}function n1(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 r1(e,t){return new Set(e.filter(n=>n.lastMessageRole==="human"&&!t.has(n.id)).map(n=>n.id))}function o1(e){return new Set(e.flatMap(t=>t.acknowledgedJobIds??[]))}function i1(e){return new Set(e.filter(t=>!t.pendingQuestion).map(t=>t.id))}function a1(e,t){return t?e.some(n=>n.jobId===t&&(n.role==="assistant"||!!n.error||!!n.cancelled)&&!n.queued):!0}function ei(e,t){let n=`${t||"/"}:`;return e.startsWith(n)?e.slice(n.length)||null:e.startsWith("/")?null:e}function l1(e,t,n){let r=new Map,o=new Map;for(let i of e)if((i.targetBindings?.length??0)===0)for(let a of i.elementIdentifiers??[]){let s=ei(a,t);s&&o.set(s,(o.get(s)??0)+1)}for(let i of e){if(!i.lifecycle?.jobId)continue;let a={...i.lifecycle,jobId:i.lifecycle.jobId,color:i.color,title:i.title,annotationNumber:i.annotationNumber};if((i.targetBindings?.length??0)>0){for(let s of i.targetBindings??[]){if(s.anchor.type==="opaque"){let c=n?.(s.anchor);if(!c?.length)continue;r.set(s.id,{...a,targetBindingId:s.id,selectors:c,continuationEligible:s.continuationEligible??!1});continue}if(s.anchor.pathname!==t)continue;let d=[s.anchor.runtimeSelector,s.anchor.structuralSelector,...s.anchor.legacySelectors??[]].filter(c=>!!c);r.set(s.id,{...a,targetBindingId:s.id,selectors:d,continuationEligible:s.continuationEligible??!1,...s.anchor.targetFingerprint?{targetFingerprint:s.anchor.targetFingerprint}:{}})}continue}for(let s of i.elementIdentifiers??[]){let d=ei(s,t);d&&![...r.values()].some(c=>c.selectors?.includes(d))&&r.set(`legacy:${i.lifecycle.threadId}:${d}`,{...a,selectors:[d],continuationEligible:(i.elementIdentifiers?.length??0)===1&&o.get(d)===1})}}return r}function s1(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 d1(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 c1(e){return d1(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 u1(e){return e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function Fl(e){return`${e} image${e>1?"s":""} attached`}function ti(e){return e<=0?0:32+String(e).length*7.2}function Vl({imageCount:e,color:t,layered:n=!1}){return e<=0?null:y("div",{"data-devtools":"active-image-attachment-badge",role:"img","aria-label":Fl(e),title:Fl(e),style:{position:"relative",flex:"0 0 auto",display:"flex",marginRight:-2,zIndex:2},children:[l("span",{"aria-hidden":!0,style:{position:"absolute",left:-4,top:"50%",width:14.142,height:14.142,transform:"translateY(-50%)",display:"grid",placeItems:"center",pointerEvents:"none",maskImage:n?vr:void 0,WebkitMaskImage:n?vr:void 0},children:l("span",{style:{width:10,height:10,background:t,transform:"rotate(-45deg)"}})}),y("span",{style:{position:"relative",display:"flex",alignItems:"center",gap:4,height:22,padding:n?"0 8px 0 10px":"0 8px",borderRadius:8,backgroundColor:t,color:"#fff",font:`12px/1.2 ${Et}`,whiteSpace:"nowrap",maskImage:n?uo:void 0,WebkitMaskImage:n?uo:void 0},children:[l(zd,{size:12,strokeWidth:2,"aria-hidden":!0}),e]})]})}function p1({point:e,scroll:t,attachments:n,showAttachments:r,onRemoveAttachment:o}){return l(Me,{children:r&&n.length>0&&l("div",{"data-devtools":!0,style:{position:"fixed",left:e.x-8-t.x,top:e.y-4-t.y-24,zIndex:10001,display:"flex",gap:4,flexWrap:"wrap",maxWidth:400},children:n.map(i=>y("button",{type:"button",title:"Remove attachment",onMouseDown:a=>a.preventDefault(),onClick:()=>o(i.id),style:{appearance:"none",border:0,borderRadius:8,background:"rgba(0,0,0,0.72)",color:"#fff",cursor:"pointer",font:"11px/16px system-ui, sans-serif",padding:"2px 7px",whiteSpace:"nowrap"},children:[i.name," \xB7 ",u1(i.size)," \xD7"]},i.id))})})}function f1(e){return[...e.tokens.map(t=>t.label),`${e.typed}${e.completion||e.fallback}`].filter(Boolean).join(" ")}function m1({query:e,border:t,background:n,foreground:r,renderIcon:o}){return y("span",{"aria-hidden":"true","data-popmelt-sticker-query":!0,style:{position:"absolute",left:"50%",top:44,minWidth:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",gap:4,padding:"0 10px",boxSizing:"border-box",border:`1px solid ${t}`,borderRadius:12,background:n,color:r,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transform:"translateX(-50%)",zIndex:4},children:[e.tokens.map((i,a)=>i.kind==="icon"?l("span",{"aria-label":i.label,"data-popmelt-sticker-query-token":"icon",style:{display:"inline-flex",color:r,flexShrink:0},children:o(i)},`${i.label}-${a}`):l("span",{"data-popmelt-sticker-query-token":"label",style:{color:r,opacity:.72},children:i.label},`${i.label}-${a}`)),e.typed?l("span",{children:e.typed}):y("span",{style:{display:"inline-flex",alignItems:"center",gap:0,color:r,opacity:.58,fontWeight:500},children:[l("span",{"data-popmelt-sticker-query-caret":!0,style:{width:1,height:11,flexShrink:0,background:r,animation:"popmeltStickerQueryCaret 900ms steps(1, end) infinite"}}),l("span",{children:e.fallback})]}),e.completion&&l("span",{style:{color:r,opacity:.62},children:e.completion}),e.fallback&&e.typed&&y("span",{style:{color:r,opacity:.68},children:["\u2192 ",e.fallback]})]})}var vn=106,tn=42,nn=24,ni=7.5,Ql=10,h1=140,ri=750,Zr=250,Zl=200,g1=34,oi=44,_l=(tn-nn)/2,y1=oi+nn,ql=10,Nn=8,$e=32,Jl=$e+8,Kl=(Jl-$e)/2,At=250,Ul=400,Gl="cubic-bezier(0.16, 1, 0.3, 1)",Xl=180,b1=[0,180,240,300],v1=40,x1=80,w1=8;function Yl(e,t,n=tn,r=v1,o=vn){let i=e.left+o,a=e.top+n,s=Math.min(i,t.right)-Math.max(e.left,t.left),d=Math.min(a,t.bottom)-Math.max(e.top,t.top);if(s<=0||d<=0)return 1;let c=Math.min(s,d);return Math.max(0,1-c/r)}function es(e,t,n,r=tn,o=x1,i=w1,a=vn){let s=Math.min(Math.max(e.x,n.left),n.right),d=Math.min(Math.max(e.y,n.top),n.bottom),c={x:s-e.x,y:d-e.y},u=Math.hypot(c.x,c.y);if(u===0)return 0;let p={x:c.x/u,y:c.y/u},m=[{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}],h=Math.max(0,...m.map(x=>(x.x-e.x)*p.x+(x.y-e.y)*p.y)),v=Math.max(o,h+i);return Math.min(1,u/v)}function C1(e,t=ni){return e===null?nn:Math.max(39,18+t*2+Math.ceil(e))}function k1(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 S1={padding:"padding",margin:"margin",border:"border",radius:"radius",stack:"stack-vertical",grid:"grid",text:"text-size",color:"palette",transform:"transform-translate",opacity:"opacity"},I1={top:0,right:90,bottom:180,left:270},M1={"top-right":0,"bottom-right":90,"bottom-left":180,"top-left":270};function L1(e,t="all",n){return yn(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:S1[e],rotation:0}:e==="radius"?{name:"radius-top-right",rotation:M1[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)+(I1[t]??0)}}function T1({name:e}){switch(e){case"padding":return l("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V9C1.625 9.871 2.194 10.375 2.667 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V3C10.375 2.129 9.806 1.625 9.333 1.625H2.667ZM7.375 3A0.625 0.625 0 0 1 7.375 4.25H4.625A0.625 0.625 0 0 1 4.625 3H7.375Z",fill:"currentColor"});case"padding-top":return l("path",{d:"M9.333 1.375C10.701 1.375 11.625 2.662 11.625 4V10A0.625 0.625 0 0 1 10.375 10V4C10.375 3.129 9.806 2.625 9.333 2.625H2.667C2.194 2.625 1.625 3.129 1.625 4V10A0.625 0.625 0 0 1 0.375 10V4C0.375 2.662 1.299 1.375 2.667 1.375H9.333ZM7.375 5A0.625 0.625 0 0 1 7.375 6.25H4.625A0.625 0.625 0 0 1 4.625 5H7.375Z",fill:"currentColor"});case"padding-x":return l("path",{d:"M2.75 0.375C3.095 0.375 3.375 0.655 3.375 1S3.095 1.625 2.75 1.625C2.344 1.625 2.073 1.759 1.904 1.929C1.733 2.101 1.625 2.354 1.625 2.667V9.333C1.625 9.646 1.733 9.899 1.904 10.071C2.073 10.241 2.344 10.375 2.75 10.375C3.095 10.375 3.375 10.655 3.375 11S3.095 11.625 2.75 11.625C2.052 11.625 1.448 11.386 1.018 10.952C0.59 10.522 0.375 9.941 0.375 9.333V2.667C0.375 2.059 0.59 1.478 1.018 1.048C1.448 0.614 2.052 0.375 2.75 0.375ZM9.25 0.375C9.948 0.375 10.552 0.614 10.982 1.048C11.41 1.478 11.625 2.059 11.625 2.667V9.333C11.625 9.941 11.41 10.522 10.982 10.952C10.552 11.386 9.948 11.625 9.25 11.625C8.905 11.625 8.625 11.345 8.625 11S8.905 10.375 9.25 10.375C9.656 10.375 9.927 10.241 10.096 10.071C10.267 9.899 10.375 9.646 10.375 9.333V2.667C10.375 2.354 10.267 2.101 10.096 1.929C9.927 1.759 9.656 1.625 9.25 1.625C8.905 1.625 8.625 1.345 8.625 1S8.905 0.375 9.25 0.375ZM8.079 5.25C8.424 5.25 8.704 5.53 8.704 5.875S8.424 6.5 8.079 6.5H3.921C3.576 6.5 3.296 6.22 3.296 5.875S3.576 5.25 3.921 5.25H8.079Z",fill:"currentColor"});case"padding-y":return l("path",{d:"M11.625 2.75C11.625 3.095 11.346 3.375 11 3.375S10.375 3.095 10.375 2.75C10.375 2.344 10.241 2.073 10.072 1.904C9.899 1.733 9.646 1.625 9.333 1.625H2.667C2.355 1.625 2.102 1.733 1.929 1.904C1.759 2.073 1.625 2.344 1.625 2.75C1.625 3.095 1.346 3.375 1 3.375S0.375 3.095 0.375 2.75C0.375 2.052 0.615 1.448 1.048 1.018C1.479 0.59 2.06 0.375 2.667 0.375H9.333C9.941 0.375 10.522 0.59 10.953 1.018C11.386 1.448 11.625 2.052 11.625 2.75ZM11.625 9.25C11.625 9.948 11.386 10.552 10.953 10.982C10.522 11.41 9.941 11.625 9.333 11.625H2.667C2.06 11.625 1.479 11.41 1.048 10.982C0.615 10.552 0.375 9.948 0.375 9.25C0.375 8.905 0.655 8.625 1 8.625S1.625 8.905 1.625 9.25C1.625 9.656 1.759 9.927 1.929 10.096C2.102 10.267 2.355 10.375 2.667 10.375H9.333C9.646 10.375 9.899 10.267 10.072 10.096C10.241 9.927 10.375 9.656 10.375 9.25C10.375 8.905 10.655 8.625 11 8.625S11.625 8.905 11.625 9.25ZM6.75 8.079C6.75 8.424 6.471 8.704 6.125 8.704S5.5 8.424 5.5 8.079V3.921C5.5 3.576 5.78 3.296 6.125 3.296S6.75 3.576 6.75 3.921V8.079Z",fill:"currentColor"});case"margin":return l("path",{d:"M9.333 4.525C10.701 4.525 11.625 5.812 11.625 7.15V8.15C11.625 9.488 10.701 10.775 9.333 10.775H2.667C1.299 10.775 0.375 9.488 0.375 8.15V7.15C0.375 5.812 1.299 4.525 2.667 4.525H9.333ZM2.667 5.775C2.194 5.775 1.625 6.279 1.625 7.15V8.15C1.625 9.021 2.194 9.525 2.667 9.525H9.333C9.806 9.525 10.375 9.021 10.375 8.15V7.15C10.375 6.279 9.806 5.775 9.333 5.775H2.667ZM8.375 1.2A0.625 0.625 0 0 1 8.375 2.45H3.625A0.625 0.625 0 0 1 3.625 1.2H8.375Z",fill:"currentColor"});case"margin-top":return l("path",{d:"M9.333 4.575C10.701 4.575 11.625 5.862 11.625 7.2V10.2A0.625 0.625 0 0 1 10.375 10.2V7.2C10.375 6.329 9.806 5.825 9.333 5.825H2.667C2.194 5.825 1.625 6.329 1.625 7.2V10.2A0.625 0.625 0 0 1 0.375 10.2V7.2C0.375 5.862 1.299 4.575 2.667 4.575H9.333ZM8.375 1.25A0.625 0.625 0 0 1 8.375 2.5H3.625A0.625 0.625 0 0 1 3.625 1.25H8.375Z",fill:"currentColor"});case"margin-x":return l("path",{d:"M11.277 2.902C11.622 2.902 11.902 3.182 11.902 3.527V8.277C11.902 8.622 11.622 8.902 11.277 8.902S10.652 8.622 10.652 8.277V3.527C10.652 3.182 10.931 2.902 11.277 2.902ZM0.724 2.901C1.069 2.901 1.349 3.181 1.349 3.526V8.276C1.349 8.621 1.069 8.901 0.724 8.901S0.099 8.621 0.099 8.276V3.527C0.099 3.182 0.379 2.901 0.724 2.901ZM7.333 3.325C8.643 3.325 9.543 4.506 9.617 5.781C9.62 5.805 9.625 5.829 9.625 5.853L9.622 5.901L9.625 5.95C9.625 5.974 9.62 5.998 9.617 6.021C9.544 7.297 8.643 8.478 7.333 8.478H4.667C3.357 8.478 2.456 7.297 2.382 6.021C2.379 5.998 2.375 5.974 2.375 5.95L2.377 5.901L2.375 5.853C2.375 5.829 2.379 5.805 2.382 5.781C2.456 4.506 3.358 3.325 4.667 3.325H7.333ZM4.667 4.575C4.203 4.575 3.647 5.06 3.626 5.901C3.647 6.742 4.203 7.228 4.667 7.228H7.333C7.798 7.228 8.352 6.742 8.372 5.901C8.351 5.06 7.798 4.575 7.333 4.575H4.667Z",fill:"currentColor"});case"margin-y":return l("path",{d:"M8.375 10.001C8.72 10.001 9 10.281 9 10.626S8.72 11.251 8.375 11.251H3.625C3.28 11.251 3 10.971 3 10.626S3.28 10.001 3.625 10.001H8.375ZM9.333 3.325C10.642 3.325 11.543 4.506 11.617 5.781C11.62 5.805 11.625 5.829 11.625 5.853L11.622 5.901L11.625 5.95C11.625 5.974 11.619 5.998 11.617 6.021C11.543 7.297 10.643 8.478 9.333 8.478H2.667C1.357 8.478 0.455 7.297 0.381 6.021C0.379 5.998 0.375 5.974 0.375 5.95L0.377 5.901L0.375 5.853C0.375 5.829 0.379 5.805 0.381 5.781C0.456 4.506 1.357 3.325 2.667 3.325H9.333ZM2.667 4.575C2.202 4.575 1.648 5.061 1.627 5.901C1.647 6.742 2.202 7.228 2.667 7.228H9.333C9.797 7.228 10.352 6.742 10.373 5.901C10.352 5.06 9.797 4.575 9.333 4.575H2.667ZM8.376 0.751C8.721 0.751 9.001 1.031 9.001 1.376S8.72 2.001 8.376 2.001H3.626C3.28 2.001 3.001 1.72 3.001 1.375S3.281 0.751 3.626 0.751H8.376Z",fill:"currentColor"});case"border":return l(Me,{children:l("path",{d:"M4 1.25H8M4 10.75H8M1.25 8V4M10.75 8V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"radius":return l(Me,{children:l("path",{d:"M3.25 1.25C2.145 1.25 1.25 2.145 1.25 3.25M10.75 3.25C10.75 2.145 9.855 1.25 8.75 1.25M3.25 10.75C2.145 10.75 1.25 9.855 1.25 8.75M10.75 8.75C10.75 9.855 9.855 10.75 8.75 10.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})});case"gap-x":return y(Me,{children:[l("path",{d:"M6.625 9.375A0.625 0.625 0 0 1 5.375 9.375V2.625A0.625 0.625 0 0 1 6.625 2.625V9.375Z",fill:"currentColor"}),l("circle",{cx:"1.252",cy:"1.248",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),l("circle",{cx:"1.252",cy:"6",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),l("circle",{cx:"1.252",cy:"10.752",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"})]});case"gap-y":return y(Me,{children:[l("path",{d:"M9.375 5.375A0.625 0.625 0 0 1 9.375 6.625H2.625A0.625 0.625 0 0 1 2.625 5.375H9.375Z",fill:"currentColor"}),l("circle",{cx:"1.248",cy:"10.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"1.248",cy:"1.252",r:"0.748",fill:"currentColor"}),l("circle",{cx:"6",cy:"10.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"6",cy:"1.252",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.752",cy:"10.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.752",cy:"1.252",r:"0.748",fill:"currentColor"})]});case"border-top":return y(Me,{children:[l("path",{d:"M3.25 0.5A0.75 0.75 0 0 1 3.25 2C2.56 2 2 2.56 2 3.25V8.75C2 9.44 2.56 10 3.25 10A0.75 0.75 0 0 1 3.25 11.5C1.731 11.5 0.5 10.269 0.5 8.75V3.25C0.5 1.731 1.731 0.5 3.25 0.5Z",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"10.752",r:"0.748",fill:"currentColor"}),l("circle",{cx:"6.625",cy:"10.752",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"6",r:"0.748",fill:"currentColor"}),l("circle",{cx:"10.748",cy:"1.248",r:"0.748",fill:"currentColor"}),l("circle",{cx:"6.625",cy:"1.248",r:"0.748",fill:"currentColor"})]});case"radius-top-right":return y(Me,{children:[l("path",{d:"M8.25 1.25H8.75A2 2 0 0 1 10.75 3.25V3.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),l("circle",{cx:"9.748",cy:"9.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"2.248",cy:"9.748",r:"0.748",fill:"currentColor"}),l("circle",{cx:"2.248",cy:"2.248",r:"0.748",fill:"currentColor"})]});case"stack-vertical":case"stack-horizontal":return l("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM1.625 6.625V9C1.625 9.871 2.194 10.375 2.667 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V6.625H1.625ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H10.375V3C10.375 2.129 9.806 1.625 9.333 1.625H2.667Z",fill:"currentColor"});case"align":return y(Me,{children:[l("path",{d:"M1 2H11M2.5 5.25H9.5M4 8.5H8",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),l("path",{d:"M6 0.75V10.75",stroke:"currentColor",strokeWidth:"0.75",strokeDasharray:"1 2"})]});case"justify":return y(Me,{children:[l("path",{d:"M1 1.5V10.5M11 1.5V10.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),l("path",{d:"M3 3H9M3 6H9M3 9H9",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})]});case"grid":return l("path",{d:"M9.333 0.375C10.701 0.375 11.625 1.662 11.625 3V9C11.625 10.338 10.701 11.625 9.333 11.625H2.667C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H9.333ZM6.625 10.375H9.333C9.806 10.375 10.375 9.871 10.375 9V6.625H6.625V10.375ZM1.625 9C1.625 9.871 2.194 10.375 2.667 10.375H5.375V6.625H1.625V9ZM6.625 5.375H10.375V3C10.375 2.129 9.806 1.625 9.333 1.625H6.625V5.375ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H5.375V1.625H2.667Z",fill:"currentColor"});case"grid-rows":return l("path",{d:"M4.512 0.385C5.781 0.491 6.625 1.721 6.625 3V9C6.625 10.279 5.78 11.508 4.511 11.614C4.477 11.62 4.443 11.625 4.408 11.625H2.666C1.299 11.625 0.375 10.338 0.375 9V3C0.375 1.662 1.299 0.375 2.667 0.375H4.409C4.444 0.375 4.478 0.379 4.512 0.385ZM10.748 10.004C11.161 10.004 11.497 10.339 11.497 10.752C11.497 11.165 11.161 11.5 10.748 11.5C10.335 11.5 10 11.165 10 10.752C10 10.339 10.335 10.004 10.748 10.004ZM1.625 9C1.625 9.871 2.193 10.375 2.666 10.375H4.333C4.806 10.375 5.375 9.871 5.375 9V6.625H1.625V9ZM10.748 5.252C11.161 5.252 11.497 5.587 11.497 6C11.497 6.413 11.161 6.748 10.748 6.748C10.335 6.748 10 6.413 10 6C10 5.587 10.335 5.252 10.748 5.252ZM2.667 1.625C2.194 1.625 1.625 2.129 1.625 3V5.375H5.375V3C5.375 2.129 4.806 1.625 4.333 1.625H2.667ZM10.748 0.5C11.161 0.5 11.497 0.835 11.497 1.248C11.497 1.661 11.161 1.997 10.748 1.997C10.335 1.997 10 1.661 10 1.248C10 0.835 10.335 0.5 10.748 0.5Z",fill:"currentColor"});case"grid-columns":return l("path",{d:"M0.321 7.424C0.427 6.155 1.657 5.311 2.936 5.311H8.936C10.215 5.311 11.444 6.156 11.55 7.425C11.556 7.458 11.561 7.493 11.561 7.528V9.27C11.56 10.637 10.274 11.561 8.936 11.561H2.936C1.598 11.561 0.311 10.636 0.311 9.269V7.527C0.311 7.492 0.315 7.458 0.321 7.424ZM9.94 1.188C9.94 0.775 10.275 0.439 10.688 0.439C11.101 0.439 11.437 0.774 11.437 1.188C11.437 1.601 11.101 1.936 10.688 1.936C10.275 1.936 9.94 1.601 9.94 1.188ZM8.936 10.311C9.806 10.311 10.31 9.743 10.311 9.27V7.603C10.311 7.129 9.807 6.561 8.936 6.561H6.561V10.311H8.936ZM5.188 1.188C5.188 0.775 5.523 0.439 5.936 0.439C6.349 0.439 6.685 0.774 6.685 1.188C6.685 1.601 6.349 1.936 5.936 1.936C5.523 1.936 5.188 1.601 5.188 1.188ZM1.561 9.269C1.561 9.742 2.065 10.311 2.936 10.311H5.311V6.561H2.936C2.065 6.561 1.561 7.129 1.561 7.603V9.269ZM0.436 1.188C0.436 0.774 0.772 0.439 1.185 0.439C1.598 0.439 1.933 0.775 1.933 1.188C1.933 1.601 1.598 1.936 1.185 1.936C0.772 1.936 0.436 1.601 0.436 1.188Z",fill:"currentColor"})}}function sr({family:e,size:t=12,step:n,subproperty:r="all"}){let o=L1(e,r),i=o.name==="text-size"?Jd:o.name==="text-weight"?Kd:o.name==="text-leading"?Ud:o.name==="text-tracking"?Gd:o.name==="text-align"?ca:o.name==="palette"?ua:o.name==="transform-translate"?Xd:o.name==="transform-scale"?Yd:o.name==="transform-rotate"?ec:o.name==="opacity"?tc:o.name==="mix-blend"?nc:null;return i?l(i,{"aria-hidden":"true","data-popmelt-sticker-icon":`${e}-${r}`,width:t,height:t,strokeWidth:2.5,style:{display:"block",transform:o.rotation?`rotate(${o.rotation}deg)`:void 0,transition:`width ${At}ms ease, height ${At}ms ease`}}):l("svg",{"aria-hidden":"true","data-popmelt-sticker-icon":`${e}-${r}`,viewBox:"0 0 12 12",fill:"none",style:{width:t,height:t,display:"block",transform:o.rotation?`rotate(${o.rotation}deg)`:void 0,transition:`width ${At}ms ease, height ${At}ms ease`},children:l(T1,{name:o.name})})}function E1(e,t){let n=(ct.indexOf(e)+t%ct.length+ct.length)%ct.length;return ct[n]}function A1(e,t){let n=ct.indexOf(e),r=(ct.indexOf(t)-n+ct.length)%ct.length;return r<=ct.length/2?r:r-ct.length}function z1(e,t,n,r="all"){let o=bn(e,r),i=(o.indexOf(t)+n%o.length+o.length)%o.length;return o[i]}function R1(e,t,n,r="all"){let o=bn(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 ii({offset:e,colors:t,renderItem:n,showControl:r=!0,activeColor:o,snapActiveColor:i=!1}){let a=[e-2,e-1,e,e+1,e+2];return y("div",{style:{position:"relative",width:96,height:32,overflow:"hidden"},children:[r&&l("span",{"aria-hidden":"true",style:{position:"absolute",left:$e,top:0,width:$e,height:$e,borderRadius:$e/2,background:t.control}}),l("div",{"data-popmelt-sticker-rail":!0,style:{position:"absolute",inset:0,transform:`translateX(${-e*$e}px)`,transition:`transform ${At}ms ease`,willChange:"transform"},children:a.map(s=>{let d=s===e;return l("span",{style:{position:"absolute",left:$e+s*$e,top:0,width:$e,height:$e,display:"flex",alignItems:"center",justifyContent:"center",color:d?o??t.primary:t.mutedStrong,transition:i?"none":`color ${Ul}ms ${Gl}`},children:n(s,d)},s)})})]})}function $1({family:e,colors:t,showControl:n=!0,activeColor:r,snapActiveColor:o}){let i=M(e),a=M(e),[s,d]=z(0);return _e(()=>{if(a.current===e)return;let c=A1(a.current,e);a.current=e,d(u=>u+c)},[e]),l(ii,{offset:s,colors:t,showControl:n,activeColor:r,snapActiveColor:o,renderItem:(c,u)=>{let p=E1(i.current,c);return l(sr,{family:p,subproperty:"all",size:u?14:12})}})}function P1({color:e,colors:t,showControl:n=!0}){let r=M(e),o=M(e),[i,a]=z(0);return _e(()=>{if(o.current===e)return;let s=n0(o.current,e);o.current=e,a(d=>d+s)},[e]),l(ii,{offset:i,colors:t,showControl:n,renderItem:(s,d)=>{let c=t0(r.current,s),u=d?14:12;return l("span",{"aria-label":c,"data-popmelt-sticker-color":c,style:{width:u,height:u,borderRadius:"50%",background:or(c,qo),boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 0.08)",transition:`width ${At}ms ease, height ${At}ms ease`}})}})}function H1({name:e,size:t}){let n=e==="align-start"?ac:e==="align-center"?lc:e==="align-end"?sc:e==="align-stretch"?dc:e==="justify-start"?cc:e==="justify-center"?uc:e==="justify-end"?pc:e==="justify-between"?fc:e==="justify-around"?mc:e==="text-align-left"?ca:e==="text-align-center"?hc:e==="text-align-right"?gc:e==="text-align-justify"?yc:null;return n?l(n,{"aria-hidden":"true","data-popmelt-sticker-step-icon":e,width:t,height:t,strokeWidth:2.25,style:{display:"block"}}):l("svg",{"aria-hidden":"true","data-popmelt-sticker-step-icon":e,width:t,height:t,viewBox:"0 0 14 14",fill:"none",style:{display:"block"},children:e==="align-baseline"?y(Me,{children:[l("path",{d:"M1.5 10.5H12.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),l("path",{d:"M3 8V4.75M3 4.75H6.5M6.5 4.75V8M8.5 8V6M8.5 6H11M11 6V8",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]}):y(Me,{children:[l("path",{d:"M1.5 2V12M12.5 2V12",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),l("rect",{x:"3.25",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),l("rect",{x:"8.75",y:"4.75",width:"2",height:"4.5",rx:"1",fill:"currentColor"}),l("circle",{cx:"7",cy:"7",r:"0.75",fill:"currentColor"})]})})}function N1({family:e,step:t,subproperty:n,colors:r,showControl:o=!0,unavailable:i=!1,activeColor:a,snapActiveColor:s=!1}){let d=M(t),c=M(t),[u,p]=z(0);return D(()=>{if(c.current===t)return;let m=R1(e,c.current,t,n);c.current=t,p(h=>h+m)},[e,t,n]),l(ii,{offset:u,colors:r,showControl:o,activeColor:a??(i?r.muted:r.primary),snapActiveColor:s,renderItem:(m,h)=>{let v=z1(e,d.current,m,n),x=k1(e,n,v);return l("span",{"data-popmelt-sticker-step-unavailable":h&&i?"true":void 0,style:{alignItems:"center",display:"flex",fontSize:h?14:12,justifyContent:"center",transition:`font-size ${At}ms ease`},children:x?l(H1,{name:x,size:h?14:12}):E0(v,e,n)})}})}function j1(e,t="padding",n="all"){return yn(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 O1(e){return e==="family"?0:oi-_l}function ts(e){return e==="family"?$e/nn:1}function W1(e){return e==="family"?14/(12*ts(e)):1}function B1(e,t,n){return`${e}:${t}:${n}`}function D1(e,t,n="all"){return t==="value"||yn(e,n)&&t==="variant"}function F1(e,t){let n=Wr(e),r=Ko(e,t);return r===n?n:`${n} ${r}`}function V1(e,t,n){return nt(n)?e==="color"?t!=="family":(e==="text"||e==="border")&&t==="value":!1}function Q1({family:e,step:t,subproperty:n,stage:r,accentColor:o,applyPulse:i=0,snapPulse:a=0,stepUnavailable:s=!1,colors:d}){let c=j1(r,e,n),u=M(r),p=M(i),m=M(a),[h,v]=z(!1),x=m.current!==a;_e(()=>{m.current=a},[a]),_e(()=>{let w=u.current!==r&&r!=="family",S=r==="value"&&p.current!==i;if(u.current=r,p.current=i,!w&&!S)return;v(!0);let H=window.requestAnimationFrame(()=>v(!1));return()=>window.cancelAnimationFrame(H)},[i,r]);let T=w=>({position:"absolute",left:0,right:0,top:Kl,height:$e,transform:`translateY(${w}px)`,transition:x?"none":`transform ${At}ms ease`,willChange:"transform"});return y("div",{"data-popmelt-sticker-depth-rail":r,style:{position:"relative",width:96,height:Jl,marginBlock:-4,overflow:"hidden",zIndex:2},children:[l("span",{"aria-hidden":"true","data-popmelt-sticker-depth-control":!0,style:{position:"absolute",left:$e,top:Kl,width:$e,height:$e,borderRadius:$e/2,background:h?o:d.control,transition:h?"none":`background ${Ul}ms ${Gl}`}}),l("div",{"aria-hidden":r!=="family","data-popmelt-sticker-depth-row":"family",style:T(c.family),children:l($1,{family:e,colors:d,showControl:!1,activeColor:h?d.surface:d.primary,snapActiveColor:h})}),l("div",{"aria-hidden":r!=="variant","data-popmelt-sticker-depth-row":"variant",style:T(c.variant),children:yn(e,n)&&nt(n)&&l(P1,{color:n,colors:d,showControl:!1})}),l("div",{"aria-hidden":r!=="value","data-popmelt-sticker-depth-row":"value",style:T(c.value),children:l(N1,{family:e,step:t,subproperty:n,colors:d,showControl:!1,unavailable:s,activeColor:h?d.surface:void 0,snapActiveColor:h},B1(r,e,n))})]})}function ns(e,t,n=tn,r=vn){let o=e.x+ql,i=e.y+ql;return{left:Math.min(Math.max(Nn,o),Math.max(Nn,t.width-r-Nn)),top:Math.min(Math.max(Nn,i),Math.max(Nn,t.height-n-Nn))}}function rs(e,t,n){return n?0:Math.min(e,t)}function Z1({cursor:e,family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a=0,contextLabelPulse:s=0,depthSnapPulse:d=0,rejectPulse:c=0,stepUnavailable:u=!1,query:p=null,toolbarElement:m,threadElement:h,annotationRailHovered:v=!1}){let[x]=bo(),T=Ee[x],w=`color-mix(in srgb, ${T.actionForeground} 16%, ${T.actionSurface})`,S=S0(t,r),H=M(t),L=M(o),k=M(r),E=M(o),$=M(a),j=M(s),P=M(c),A=M(null),F=M(!1),Z=M(!1),de=M(0),he=M(0),se=M(0),J=M(0),[xe,X]=z(null),[we,Le]=z(!1),[U,ke]=z(!1),[I,C]=z(!1),[W,B]=z(null),[N,Y]=z(!1),[Ae,ee]=z(0),[qe,Q]=z(!1),[Ne,re]=z(!1);_e(()=>{if(P.current===c)return;P.current=c,re(!1);let We=window.requestAnimationFrame(()=>re(!0)),He=window.setTimeout(()=>re(!1),240);return()=>{window.cancelAnimationFrame(We),window.clearTimeout(He)}},[c]),_e(()=>{let We=E.current!==o&&o!=="family",He=o==="value"&&$.current!==a;if(E.current=o,$.current=a,!We&&!He)return;Q(!0);let Dt=window.requestAnimationFrame(()=>Q(!1));return()=>window.cancelAnimationFrame(Dt)},[a,o]),_e(()=>{let We=L.current!=="family"&&o==="family";L.current=o;let He=(zt=!1)=>{de.current&&window.cancelAnimationFrame(de.current),zt||window.clearTimeout(he.current),window.clearTimeout(se.current),window.clearTimeout(J.current),de.current=0,zt||(he.current=0),se.current=0,J.current=0},Dt=zt=>{let Re=Zl;se.current=window.setTimeout(()=>{ke(zt),Z.current=!1,Le(!1)},ri),J.current=window.setTimeout(()=>{F.current=!1,X(null)},ri+Re+g1)};if(o!=="family"){if(He(),H.current=t,!F.current)return;ke(!0),Z.current=!1,Le(!1),J.current=window.setTimeout(()=>{F.current=!1,X(null)},Zr);return}if(!(H.current===t&&!We)){if(H.current=t,F.current=!0,X(t),We){He(),ke(!1),C(!0),Z.current=!0,Le(!0),he.current=window.setTimeout(()=>{he.current=0,C(!1)},Zr),Dt(!1);return}he.current||(He(!0),C(!1),ke(!1),Z.current||(Z.current=!0,Le(!0)),Dt(!1))}},[t,o]),D(()=>()=>{window.cancelAnimationFrame(de.current),window.clearTimeout(he.current),window.clearTimeout(se.current),window.clearTimeout(J.current)},[]),D(()=>{let We=j.current!==s;if(j.current=s,!D1(t,o,r)){B(null),Y(!1),k.current=r;return}if(H.current!==t){k.current=r,B(null),Y(!1);return}if(k.current===r&&!We)return;k.current=r,Y(We),B(We?F1(t,r):Ko(t,r));let He=window.setTimeout(()=>{B(null),Y(!1)},ri);return()=>window.clearTimeout(He)},[s,t,o,r]),_e(()=>{if(!W||!A.current){ee(0);return}ee(A.current.scrollWidth)},[W]);let ze=C1(W?Ae:null,N?Ql:ni),ue=N?Ql:ni,Se=W?0:h1,ge=p||o!=="family"||xe?y1:tn,at=me(()=>ns(e,{width:typeof window>"u"?vn:window.innerWidth,height:typeof window>"u"?tn:window.innerHeight},ge),[ge,e]),It=m?Yl(at,m.getBoundingClientRect(),ge):1,Ht=h?es(e,at,h.getBoundingClientRect(),ge):1,be=rs(It,Ht,v),Pe={position:"fixed",left:at.left,top:at.top,width:vn,height:tn,display:"flex",alignItems:"center",justifyContent:"center",gap:1,boxSizing:"border-box",padding:4,border:`1px solid ${T.border}`,borderRadius:22,background:T.surface,color:T.primary,fontFamily:Et,fontSize:12,fontWeight:600,lineHeight:1,pointerEvents:"none",overflow:"visible",opacity:be,transform:`scale(${be})`,transformOrigin:`${e.x-at.left}px ${e.y-at.top}px`,visibility:be===0?"hidden":"visible",animation:Ne?"popmeltStickerReject 220ms ease-out":void 0,zIndex:2147483647,colorScheme:x},lt=p?f1(p):"";return y("div",{role:"status","aria-label":p?`Sticker search: ${lt||"search tokens"}`:`Sticker ${o}: ${o==="family"?t:o==="variant"?S:`${n} ${S}`}`,"data-popmelt-sticker-hud":!0,"aria-hidden":v||void 0,style:Pe,children:[l("style",{children:`@keyframes popmeltStickerReject {
|
|
258
|
+
${_n}
|
|
259
259
|
}
|
|
260
260
|
@keyframes popmeltStickerFamilyLabelEnter {
|
|
261
261
|
from {
|
|
@@ -270,7 +270,7 @@ Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{
|
|
|
270
270
|
@keyframes popmeltStickerQueryCaret {
|
|
271
271
|
0%, 45% { opacity: 1; }
|
|
272
272
|
55%, 100% { opacity: 0; }
|
|
273
|
-
}`}),l("span",{"aria-hidden":"true","data-popmelt-sticker-wheel-shell":!0,style:{position:"absolute",inset:1,borderRadius:21,background:T.surface,zIndex:1}}),l(_0,{family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a,snapPulse:d,stepUnavailable:u,colors:T}),!p&&y("span",{"aria-hidden":"true","data-popmelt-sticker-token-context":!0,"data-popmelt-sticker-token-context-stage":o,"data-popmelt-sticker-token-context-expanded":W?"true":"false",style:{position:"absolute",left:(xn-Ae)/2,top:Ul,width:Ae,height:rn,display:"flex",alignItems:"center",justifyContent:"center",gap:W?4:0,padding:W?`0 ${ue}px`:0,boxSizing:"border-box",border:`1px solid ${w}`,borderRadius:rn/2,background:T.actionSurface,color:T.actionForeground,transform:`translateY(${W0(o)}px) scale(${rs(o)})`,transition:`left ${Se}ms ease-out, width ${Se}ms ease-out, gap ${Se}ms ease-out, padding ${Se}ms ease-out, transform ${$t}ms ease`,transformOrigin:"center",willChange:"left, width, transform",overflow:"hidden",zIndex:0},children:[l("span",{style:{display:"block",transform:`scale(${B0(o)})`,transition:`transform ${$t}ms ease`,transformOrigin:"center"},children:Q0(t,o,r)?l("span",{"data-popmelt-sticker-color-context":r,style:{display:"block",width:12,height:12,borderRadius:"50%",background:or(r,o==="value"?n:Jo),boxShadow:"inset 0 0 0 1px rgb(255 255 255 / 0.16)"}}):l(sr,{family:t,subproperty:t==="text"&&o==="variant"&&nt(r)?"color":r})}),l("span",{ref:$,"data-popmelt-sticker-subproperty-label":!0,style:{flexShrink:0,opacity:W&&$e>0?1:0,color:T.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transition:"opacity 120ms ease"},children:W})]}),p&&l(m0,{query:p,border:w,background:T.actionSurface,foreground:T.actionForeground,renderIcon:We=>l(sr,{family:We.family,subproperty:We.subproperty,size:12})}),l("span",{"aria-hidden":"true","data-popmelt-sticker-depth-burst":!0,style:{position:"absolute",left:(xn-Re)/2,top:(nn-Re)/2,width:Re,height:Re,overflow:"visible",pointerEvents:"none",zIndex:3},children:v0.map(We=>l("span",{style:{position:"absolute",left:"50%",top:"50%",width:4,height:1.5,borderRadius:1,background:i,opacity:qe?1:0,transform:`translate(-50%, -50%) rotate(${We}deg) translateX(${qe?17:30}px) scaleX(${qe?.7:1})`,transformOrigin:"center",transition:qe?"none":`transform ${es}ms cubic-bezier(0.16, 1, 0.3, 1), opacity ${es}ms ease-out`,willChange:"transform, opacity"}},We))}),!p&&xe&&l("span",{"data-popmelt-sticker-family-label":!0,style:{position:"absolute",left:"50%",top:ai,height:rn,display:"flex",alignItems:"center",justifyContent:"center",padding:"0 10px",boxSizing:"border-box",opacity:we?1:0,transform:`translate(-50%, ${G?-35:0}px) scale(${G?.9:1})`,transformOrigin:"center",transition:`transform ${Zr}ms ease, opacity ${ql}ms ease`,animation:we&&I?`popmeltStickerFamilyLabelEnter ${Zr}ms ease`:void 0,border:`1px solid ${w}`,borderRadius:rn/2,background:T.actionSurface,color:T.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",willChange:"transform, opacity",zIndex:0},children:Br(xe)})]})}var q0=3,U0=250,si=["reviewing","considering","thinking","zhuzhing","iterating","tweaking","reflecting","noodling","pondering","finessing","polishing","riffing"],J0=3e3;function G0(e){let t=Ln(Di),[n,r]=A(0),[o,i]=A(()=>Math.floor(Math.random()*si.length));return D(()=>{if(!e||!t)return;let a=setInterval(()=>r(d=>(d+1)%q0),U0),s=setInterval(()=>i(d=>(d+1)%si.length),J0);return()=>{clearInterval(a),clearInterval(s)}},[e,t]),{charIndex:n,word:si[o]}}function as(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 X0=["id","data-pm","data-popmelt-frame","data-testid","data-test","data-cy","data-popmelt-media-id","data-popmelt-see-id","data-popmelt-subject-key","aria-label","name","href"],K0=["style","class","open","hidden","aria-hidden","data-state"];function di(e){let t=new Set(X0);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,...K0])],changesIdentity:n=>n.type!=="attributes"||t.has(n.attributeName??"")}}var ci=12,ls=.24,ss=8;function ds(e){return{...Js(),display:"flex",alignItems:"center",gap:4,backgroundColor:e,color:"#fff",fontSize:ci,lineHeight:`${ci*Bi}px`,fontFamily:Wi,letterSpacing:`${ls}px`,padding:`0 ${ss}px`,borderRadius:8,whiteSpace:"nowrap",maxWidth:400}}var Y0={overflow:"hidden",textOverflow:"ellipsis",flex:1,minWidth:0};function cs(e,t){return!!(t&&(e===t||e.contains(t)))}function ui(e){let t=new Set(["resolved","needs_review","waiting_input","failed"]);return!!(e.type==="text"&&e.text&&e.linkedSelector&&e.status&&t.has(e.status)&&e.threadId)}function pi(e){let t=e.status??"pending",n=new Set(["pending","sending","in_flight","resolved","waiting_input","failed"]);return!!(e.type==="text"&&e.text&&e.linkedSelector&&n.has(t))}function e2(e,t,n,r){return t?r?.get(e)??n:n}function t2(e,t,n){return n?.color?n.color:t?.pending===!1&&(t.threadState||t.awaitingReview)?t.color:e}function n2(e,t){return t?"#888888":e}function r2(e){return e.isInFlight?"#888888":e.comment?e.comment.pending===!1?"#888888":e.threadAccentColor:e.isInFlight||e.hasThreadState||e.hasStickers?"#888888":e.accentColor}function o2(e){return e.textChangeCount>0&&e.styleChangeCount===0?{label:`Text changed: ${e.modifiedText?.replace(/\s+/g," ").trim()||"Empty text"}`}:{label:e.elementLabel}}function i2(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 us(e,t){let n=e.get(t);return n?(clearTimeout(n),e.delete(t),!0):!1}function a2(e,t,n,r=1e3){us(e,t),e.set(t,setTimeout(()=>{e.delete(t),n()},r))}function l2(e,t){return!e||e.selector!==t.selector?{...t,expandedIndices:[t.index]}:t.index===e.index?e:{...t,expandedIndices:t.index>e.index?[...new Set([...e.expandedIndices,t.index])]:[...new Set([...e.expandedIndices.filter(n=>n<=t.index),t.index])]}}function qr(e,t,n){return e!==null&&e.selector===t&&e.expandedIndices.includes(n)}function ps(e,t){return e?.selector===t?null:e}function s2({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 fs({selector:e,label:t,tokens:n}){return JSON.stringify([e,t,n])}function Ur({hasElementChanges:e=!1,hasPendingChanges:t,hasThreadState:n,isHovered:r,hasTimedReveal:o,isRevealedSticker:i}){let a=(e||t||n)&&!r;return{annotationCollapsed:a,stickerCollapsed:a&&!i,sendCompact:a&&!o}}function on(e){return e.selection?`${e.selection.family}:${e.selection.subproperty}`:`custom:${e.custom.property}`}function d2(e,t){return!e||!!t}function c2(e,t){return{paddingLeft:e===0?8:ld,paddingRight:8,zIndex:t-e+1}}function u2(e){let t=[];for(let n of e){let r=n.sticker?{token:n.sticker.axisSteps?`translate-x-${n.sticker.axisSteps.x}-y-${n.sticker.axisSteps.y}`:Ko(n.sticker.family,n.sticker.step,n.sticker.subproperty),selection:n.sticker}:{token:n.modified,custom:{property:n.property,value:n.modified}};t.some(o=>on(o)===on(r))||t.push(r)}return t}function p2({property:e}){let t,n=/^(padding|margin)(?:-(top|right|bottom|left))?$/.exec(e);n&&(t={family:n[1],subproperty:n[2]??"all"});let r=/^border-(top|right|bottom|left)-width$/.exec(e);r&&(t={family:"border",subproperty:r[1]});let o=/^border-(top-left|top-right|bottom-right|bottom-left)-radius$/.exec(e);o&&(t={family:"radius",subproperty:o[1]});let i={"border-width":["border","all"],"border-radius":["radius","all"],"font-size":["text","size"],"font-weight":["text","weight"],"line-height":["text","line-height"],"letter-spacing":["text","letter-spacing"],"text-align":["text","text-align"],"flex-direction":["stack","direction"],"align-items":["stack","align"],"justify-content":["stack","justify"],gap:["stack","gap"],"grid-template-columns":["grid","columns"],"grid-template-rows":["grid","rows"],translate:["transform","translate"],scale:["transform","scale"],rotate:["transform","rotate"],opacity:["opacity","opacity"],"mix-blend-mode":["opacity","mix-blend"]}[e];if(i&&(t={family:i[0],subproperty:i[1]}),t)return l(sr,{...t});let a=/(^|-)color$|^(fill|stroke)$/.test(e)?pa:/(^|-)(width|inline-size)$/.test(e)?oc:/(^|-)(height|block-size)$/.test(e)?ic:ac;return l(a,{"aria-hidden":"true","data-popmelt-property-icon":e,size:12,strokeWidth:2.5,style:{display:"block"}})}function On(e){return e.comment?.threadState??e.threadState}function f2(e,t){return e.length===t.length&&e.every((n,r)=>{let o=t[r];return n.selector===o.selector&&n.label===o.label&&n.annotationNumber===o.annotationNumber&&n.domElement===o.domElement&&n.projectedRect===o.projectedRect&&n.threadState===o.threadState&&n.comment===o.comment&&n.hasPendingChanges===o.hasPendingChanges&&n.hasElementChanges===o.hasElementChanges&&n.transient===o.transient&&n.stickers.length===o.stickers.length&&n.stickers.every((i,a)=>{let s=o.stickers[a];return i.token===s.token&&i.selection===s.selection&&on(i)===on(s)})})}function hs(e){return as(e.element)}var Jr=8;function h2(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 m2(e,t,n){return h2(t,n,e)?e:{}}function ms(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 gs(e,t){return t||e?.pending===!1?0:e?.imageCount??0}function g2(e,t,n,r,o,i){let a=n==="right"?`max(calc(-100% + ${r}px), calc(0px - max(0px, ${e}px)))`:`min(0px, calc(100vw - max(0px, ${e}px) - 100%))`,s=o!==void 0?`${o}px`:"0px",d=i!==void 0?`${i}px`:"100dvh";return`translate(${a}, min(max(0px, calc(${s} - max(0px, ${t}px))), calc(${d} - max(0px, ${t}px) - 100%)))`}function ys({left:e,top:t,avoidTop:n,avoidBottom:r,anchor:o,horizontalAlignment:i="left",visualRef:a,style:s,children:d,...c}){let u=ad(o),p=e-u.left,h=t-u.top;return l("div",{"data-devtools":"badge-hit-area",...c,style:{position:"fixed",left:`max(0px, ${p}px)`,top:`max(0px, ${h}px)`,padding:`${u.top}px ${u.right}px ${u.bottom}px ${u.left}px`,transform:g2(p,h,i,u.left+u.right,n,r),...s},children:l("div",{ref:a,children:d})})}function bs({targetDocument:e,subjectRegistry:t,projectedTargets:n,readOnly:r=!1,focusedSelector:o,styleModifications:i,textModifications:a,stagedComments:s,accentColor:d,annotationNumberBySelector:c,inFlightSelectors:u,inFlightAnnotationIds:p,activeAnnotationIds:h,inFlightSelectorJobIds:m,waitingApprovalJobIds:v,inFlightSelectorColors:x,toolbarRef:T,onHoverSelector:w,sendHintSelector:S,pendingBundleCount:H=1,onHoverSendBundle:L,onSend:k,onSelectSticker:E,onDeleteSticker:R,threadStates:j,onViewThread:P,hoveredElement:$,hoveredElementInfo:F,showHoverIdentifier:_=!1,onEditComment:de,onDeleteComment:me,onDeletePeerComment:se,onDeletePeerStyles:U,onDiscardTextChanges:xe,onArchiveThread:K,onClearInteractionEpisode:we,onEditSubject:Te,onDeleteSubject:G,onHoverSubjectLabel:ke,activeCommentEntry:I,refreshKey:C}){let W=Ln(Di),[B,N]=A([]),[Y,$e]=A(null),[ee,qe]=A(null),[Q,Ne]=A(()=>new Map),re=M(new Map),Ae=M(new Map),ue=M(new Map),Se=M(new Map),ge=M(new Map),at=M(new Map),Mt=ie(g=>{us(ge.current,g)},[]),Ht=ie(g=>{a2(ge.current,g,()=>{qe(ye=>ye===g?null:ye),$e(ye=>ye?.selector===g?null:ye)})},[]),be=ie((g,ye,te)=>{$e(pe=>l2(pe,{selector:g,target:ye,index:te}))},[]),Pe=ie(g=>!!u?.has(g.selector)||!!g.comment&&!!h?.has(g.comment.id),[h,u]),lt=ie((g,ye)=>!Pe(g)&&(!!g.comment&&!!p?.has(g.comment.id)||ye?.status==="in_flight"),[Pe,p]),We=ie(g=>{let ye=Yo(g.hasPendingChanges,On(g),m?.get(g.selector));return s2({isInFlight:Pe(g),isQueued:lt(g,ye),threadStatus:ye?.status})},[Pe,lt,m]),He=B.filter(g=>g.hasPendingChanges||!!On(g)).map(g=>fs({selector:g.selector,label:g.label,tokens:[...g.stickers.map(ye=>ye.token),...We(g)==="draft"?[]:[`status:${We(g)}`]]})).join("|");Ze(()=>{let g=new Set,ye=new Map,te=new Set,pe=new Set;for(let X of B){let Ee=On(X);if(!X.hasPendingChanges&&!Ee)continue;g.add(X.selector);let ae=We(X),Fe=fs({selector:X.selector,label:X.label,tokens:[...X.stickers.map(oe=>oe.token),...ae==="draft"?[]:[`status:${ae}`]]});if(re.current.get(X.selector)===Fe)continue;re.current.set(X.selector,Fe);let Ye=ue.current.get(X.selector);ue.current.set(X.selector,ae),ae==="working"&&Ye!=="working"&&pe.add(X.selector);let Ue=Ae.current.get(X.selector),le=new Map,Be=null;for(let oe of X.stickers){let Oe=on(oe);le.set(Oe,oe.token),Ue?.get(Oe)!==oe.token&&(Be=Oe)}if(Ae.current.set(X.selector,le),!X.hasPendingChanges&&(Ye===void 0||Ye==="draft"&&ae!=="queued"&&ae!=="working")){let oe=Se.current.get(X.selector);oe&&clearTimeout(oe),Se.current.delete(X.selector),te.add(X.selector);continue}ye.set(X.selector,Be);let bt=Se.current.get(X.selector);bt&&clearTimeout(bt),Se.current.set(X.selector,setTimeout(()=>{Ne(oe=>{if(!oe.has(X.selector))return oe;let Oe=new Map(oe);return Oe.delete(X.selector),Oe}),Se.current.delete(X.selector)},1e3))}for(let[X,Ee]of Se.current)g.has(X)||(clearTimeout(Ee),Se.current.delete(X),re.current.delete(X),Ae.current.delete(X),ue.current.delete(X));pe.size>0&&$e(X=>X&&pe.has(X.selector)?null:X),Ne(X=>{let Ee=new Map([...X].filter(([ae])=>g.has(ae)));for(let[ae,Fe]of ye)Ee.set(ae,Fe);for(let ae of te)Ee.delete(ae);return Ee.size===X.size&&[...Ee].every(([ae,Fe])=>X.get(ae)===Fe)?X:Ee})},[B,He,We]),D(()=>()=>{for(let g of Se.current.values())clearTimeout(g);Se.current.clear();for(let g of ge.current.values())clearTimeout(g);ge.current.clear(),re.current.clear(),Ae.current.clear(),ue.current.clear()},[]);let Dt=u&&u.size>0||h&&h.size>0,{charIndex:At,word:ze}=G0(!!Dt);D(()=>{if(!W)return;let g=null,ye=!1,te=e??document,pe=di([...s.flatMap(le=>[le.selector,le.element.selector]),...i.flatMap(le=>[le.selector,le.element.selector]),...a.flatMap(le=>[le.selector,le.element.selector]),...Array.from(j??[]).flatMap(([le,Be])=>Be.selectors??[le])]),X=le=>{try{let Be=te.querySelectorAll(le);return Be.length===1?Be[0]:null}catch{return null}},Ee=(le,Be)=>n?null:vo(le,Be,te),ae=()=>{let le=[],Be=new Map,bt=V=>(Be.has(V)||Be.set(V,n?null:e?X(V):Un(V)),Be.get(V)),oe=new Map;for(let V of s)oe.set(V.selector,{selector:V.selector,element:V.element,styleChangeCount:0,textChangeCount:0,hasPendingChanges:V.pending!==!1,stickers:[],comment:V});for(let V of i){let ce=oe.get(V.selector),Ve=[...ce?.stickers??[]];if(d2(V.captured,m?.get(V.selector)))for(let ut of u2(V.changes)){let Qe=on(ut);Ve.some(zt=>on(zt)===Qe)||Ve.push(ut)}oe.set(V.selector,{selector:V.selector,element:V.element,styleChangeCount:(ce?.styleChangeCount??0)+V.changes.length,textChangeCount:ce?.textChangeCount??0,modifiedText:ce?.modifiedText,hasPendingChanges:(ce?.hasPendingChanges??!1)||!V.captured&&!V.awaitingReview,threadState:Yp(V)??ce?.threadState,stickers:Ve,comment:ce?.comment})}for(let V of a){let ce=oe.get(V.selector);oe.set(V.selector,{selector:V.selector,element:ce?.element??V.element,styleChangeCount:ce?.styleChangeCount??0,textChangeCount:1,modifiedText:V.modified,hasPendingChanges:(ce?.hasPendingChanges??!1)||!V.captured,stickers:ce?.stickers??[],threadState:ce?.threadState,comment:ce?.comment})}let Oe=new Set,et=new Set,vt=new Set;for(let V of oe.values()){let ce=V.comment?.threadState;ce?.threadId&&et.add(ce.threadId),ce?.targetBindingId&&vt.add(ce.targetBindingId)}for(let[V,ce]of oe){let Ve=Ee(V,ce.element);Ve&&(ce.resolvedElement=Ve),Ve&&Oe.add(Ve)}for(let[V,ce]of j??[]){if(n||et.has(ce.threadId)||ce.targetBindingId&&vt.has(ce.targetBindingId))continue;let Ve=Yi(ce.selectors??[V],ce.targetFingerprint,te);if(Ve.status!=="matched")continue;let{element:ut}=Ve,Qe=ce.selectors?.[0]??V;!ut||Oe.has(ut)||(Oe.add(ut),oe.set(Qe,{selector:Qe,element:{...bo(ut),selector:Qe},styleChangeCount:0,textChangeCount:0,hasPendingChanges:!1,stickers:[],resolvedElement:ut,threadState:ce}))}Array.from(oe.values()).forEach(V=>{let ce=V.transientElement??V.resolvedElement??Ee(V.selector,V.element),Ve=n?.get(V.selector);if(!ce&&!Ve)return;let ut=o2({elementLabel:hs(V),styleChangeCount:V.styleChangeCount,textChangeCount:V.textChangeCount,modifiedText:V.modifiedText}),Qe=V.comment?.threadState??V.threadState??(j?Qr(V.selector,j,bt):void 0);le.push({threadState:Qe,selector:V.selector,label:V.threadState?.title?.trim()||ut.label,annotationNumber:V.transientElement?void 0:V.comment?.annotationNumber??Qe?.annotationNumber??c.get(V.selector),domElement:ce,projectedRect:Ve,hasPendingChanges:V.hasPendingChanges,hasElementChanges:V.styleChangeCount>0||V.textChangeCount>0,stickers:V.stickers,transient:!!V.transientElement,comment:V.comment})}),N(V=>f2(V,le)?V:le)},Fe=()=>{ye||g!==null||(g=requestAnimationFrame(()=>{g=null,ae()}))};if(ae(),n)return;window.addEventListener("resize",Fe,!0);let Ye=new MutationObserver(le=>{le.some(pe.changesIdentity)&&Fe()});Ye.observe(te.body,{attributes:!0,childList:!0,characterData:!0,subtree:!0,attributeFilter:pe.attributes}),window.addEventListener("load",Fe),te.fonts?.ready?.then(Fe);let Ue=[...i,...a].some(le=>le.selector.startsWith("@frame("))||s.some(le=>le.selector.startsWith("@frame("))?ji(Fe):void 0;return()=>{ye=!0,Ue?.(),window.removeEventListener("resize",Fe,!0),window.removeEventListener("load",Fe),Ye.disconnect(),g&&cancelAnimationFrame(g)}},[W,c,s,i,a,j,m,e,n]);let wn=_&&!ee&&$&&F?.selector&&!B.some(g=>g.domElement===$)?{selector:F.selector,label:hs({element:F}),annotationNumber:void 0,domElement:$,hasPendingChanges:!1,hasElementChanges:!1,stickers:[],transient:!0}:null,Nt=wn?[...B,wn]:B;if(Nt.length===0)return null;let jt=W?T?.current?.getBoundingClientRect():void 0,De=jt?jt.top<window.innerHeight/2:!1,Bn=jt?{avoidTop:De?jt.bottom+Jr:void 0,avoidBottom:De?void 0:jt.top-Jr,avoidLeft:jt.left-Jr,avoidRight:jt.right+Jr}:{},Dn=g=>{let ye=I?.element===g.domElement,te=Yo(g.hasPendingChanges,On(g),m?.get(g.selector)),pe=Pe(g),X=lt(g,te),Ee=v?.has(m?.get(g.selector)??te?.jobId??""),ae=g.comment?.awaitingReview?"Awaiting review":Ee?"Approval needed":pe?ze||"Thinking":X?"Queued":te?.status==="in_flight"?"Thinking":te?.status==="waiting_input"?"Question":te?.status==="failed"?"Failed":te?.label??"Replied";return(ye?I.width+(I.trailingWidth??0)+ms(g):ms(g)+ri(gs(g.comment,pe||!!te))+ed(g.comment?.interactionEpisodeStepCount??0))+(te||g.comment?.awaitingReview?28+ae.length*7.2:0)},Lt=Nt.find(g=>g.transient)??Nt.find(g=>g.domElement&&cs(g.domElement,$)||ee===g.selector||Y?.selector===g.selector)??(r?Nt.find(g=>g.selector===o):void 0),an=(()=>{if(!Lt)return null;let g=Lt.projectedRect,ye=g?{...g,right:g.left+g.width,bottom:g.top+g.height}:Lt.domElement?Sr(Lt.domElement):void 0;if(!ye)return null;let te=Dn(Lt),pe=Fi(ye,22,2,window.innerHeight,te,window.innerWidth);return ho(pe,te,22)})(),Ft=ds(d),yt=Y0;return y(Le,{children:[l("style",{dangerouslySetInnerHTML:{__html:`
|
|
273
|
+
}`}),l("span",{"aria-hidden":"true","data-popmelt-sticker-wheel-shell":!0,style:{position:"absolute",inset:1,borderRadius:21,background:T.surface,zIndex:1}}),l(Q1,{family:t,step:n,subproperty:r,stage:o,accentColor:i,applyPulse:a,snapPulse:d,stepUnavailable:u,colors:T}),!p&&y("span",{"aria-hidden":"true","data-popmelt-sticker-token-context":!0,"data-popmelt-sticker-token-context-stage":o,"data-popmelt-sticker-token-context-expanded":W?"true":"false",style:{position:"absolute",left:(vn-ze)/2,top:_l,width:ze,height:nn,display:"flex",alignItems:"center",justifyContent:"center",gap:W?4:0,padding:W?`0 ${ue}px`:0,boxSizing:"border-box",border:`1px solid ${w}`,borderRadius:nn/2,background:T.actionSurface,color:T.actionForeground,transform:`translateY(${O1(o)}px) scale(${ts(o)})`,transition:`left ${Se}ms ease-out, width ${Se}ms ease-out, gap ${Se}ms ease-out, padding ${Se}ms ease-out, transform ${At}ms ease`,transformOrigin:"center",willChange:"left, width, transform",overflow:"hidden",zIndex:0},children:[l("span",{style:{display:"block",transform:`scale(${W1(o)})`,transition:`transform ${At}ms ease`,transformOrigin:"center"},children:V1(t,o,r)?l("span",{"data-popmelt-sticker-color-context":r,style:{display:"block",width:12,height:12,borderRadius:"50%",background:or(r,o==="value"?n:qo),boxShadow:"inset 0 0 0 1px rgb(255 255 255 / 0.16)"}}):l(sr,{family:t,subproperty:t==="text"&&o==="variant"&&nt(r)?"color":r})}),l("span",{ref:A,"data-popmelt-sticker-subproperty-label":!0,style:{flexShrink:0,opacity:W&&Ae>0?1:0,color:T.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",transition:"opacity 120ms ease"},children:W})]}),p&&l(m1,{query:p,border:w,background:T.actionSurface,foreground:T.actionForeground,renderIcon:We=>l(sr,{family:We.family,subproperty:We.subproperty,size:12})}),l("span",{"aria-hidden":"true","data-popmelt-sticker-depth-burst":!0,style:{position:"absolute",left:(vn-$e)/2,top:(tn-$e)/2,width:$e,height:$e,overflow:"visible",pointerEvents:"none",zIndex:3},children:b1.map(We=>l("span",{style:{position:"absolute",left:"50%",top:"50%",width:4,height:1.5,borderRadius:1,background:i,opacity:qe?1:0,transform:`translate(-50%, -50%) rotate(${We}deg) translateX(${qe?17:30}px) scaleX(${qe?.7:1})`,transformOrigin:"center",transition:qe?"none":`transform ${Xl}ms cubic-bezier(0.16, 1, 0.3, 1), opacity ${Xl}ms ease-out`,willChange:"transform, opacity"}},We))}),!p&&xe&&l("span",{"data-popmelt-sticker-family-label":!0,style:{position:"absolute",left:"50%",top:oi,height:nn,display:"flex",alignItems:"center",justifyContent:"center",padding:"0 10px",boxSizing:"border-box",opacity:we?1:0,transform:`translate(-50%, ${U?-35:0}px) scale(${U?.9:1})`,transformOrigin:"center",transition:`transform ${Zr}ms ease, opacity ${Zl}ms ease`,animation:we&&I?`popmeltStickerFamilyLabelEnter ${Zr}ms ease`:void 0,border:`1px solid ${w}`,borderRadius:nn/2,background:T.actionSurface,color:T.actionForeground,fontSize:11,fontWeight:600,letterSpacing:.22,lineHeight:1,whiteSpace:"nowrap",willChange:"transform, opacity",zIndex:0},children:Wr(xe)})]})}var _1=3,q1=250,ai=["reviewing","considering","thinking","zhuzhing","iterating","tweaking","reflecting","noodling","pondering","finessing","polishing","riffing"],J1=3e3;function K1(e){let t=Ln(ji),[n,r]=z(0),[o,i]=z(()=>Math.floor(Math.random()*ai.length));return D(()=>{if(!e||!t)return;let a=setInterval(()=>r(d=>(d+1)%_1),q1),s=setInterval(()=>i(d=>(d+1)%ai.length),J1);return()=>{clearInterval(a),clearInterval(s)}},[e,t]),{charIndex:n,word:ai[o]}}function os(e){if(e.subjectLabel)return`<${e.subjectLabel}>`;let t=e.tagName,n=e.id?`#${e.id}`:"",r=e.className?`.${e.className.split(" ").slice(0,2).join(".")}`:"";return e.reactComponent?`<${e.reactComponent}> ${t}${n}${r}`:`${t}${n}${r}`}var U1=["id","data-pm","data-popmelt-frame","data-testid","data-test","data-cy","data-popmelt-media-id","data-popmelt-see-id","data-popmelt-subject-key","aria-label","name","href"],G1=["style","class","open","hidden","aria-hidden","data-state"];function li(e){let t=new Set(U1);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,...G1])],changesIdentity:n=>n.type!=="attributes"||t.has(n.attributeName??"")}}var si=12,is=.24,as=8;function ls(e){return{...Zs(),display:"flex",alignItems:"center",gap:4,backgroundColor:e,color:"#fff",fontSize:si,lineHeight:`${si*Ni}px`,fontFamily:Hi,letterSpacing:`${is}px`,padding:`0 ${as}px`,borderRadius:8,whiteSpace:"nowrap",maxWidth:400}}var X1={overflow:"hidden",textOverflow:"ellipsis",flex:1,minWidth:0};function ss(e,t){return!!(t&&(e===t||e.contains(t)))}function di(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 ci(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 Y1(e,t,n,r){return t?r?.get(e)??n:n}function e2(e,t,n){return n?.color?n.color:t?.pending===!1&&(t.threadState||t.awaitingReview)?t.color:e}function t2(e,t){return t?"#888888":e}function n2(e){return e.isInFlight?"#888888":e.comment?e.comment.pending===!1?"#888888":e.threadAccentColor:e.isInFlight||e.hasThreadState||e.hasStickers?"#888888":e.accentColor}function r2(e){return e.textChangeCount>0&&e.styleChangeCount===0?{label:`Text changed: ${e.modifiedText?.replace(/\s+/g," ").trim()||"Empty text"}`}:{label:e.elementLabel}}function o2(e,t){if(e){if(e.threadId)return{type:"open-thread",threadId:e.threadId};if(e.pending!==!1)return{type:"edit-comment",annotationId:e.id};if(e.threadState?.threadId)return{type:"open-thread",threadId:e.threadState.threadId}}return t?{type:"open-thread",threadId:t}:{type:"none"}}function ds(e,t){let n=e.get(t);return n?(clearTimeout(n),e.delete(t),!0):!1}function i2(e,t,n,r=1e3){ds(e,t),e.set(t,setTimeout(()=>{e.delete(t),n()},r))}function a2(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 _r(e,t,n){return e!==null&&e.selector===t&&e.expandedIndices.includes(n)}function cs(e,t){return e?.selector===t?null:e}function l2({isInFlight:e,isQueued:t=!1,threadStatus:n}){return e?"working":t||n==="in_flight"?"queued":n==="waiting_input"?"question":n==="failed"?"failed":n==="resolved"?"replied":"draft"}function us({selector:e,label:t,tokens:n}){return JSON.stringify([e,t,n])}function qr({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 s2(e,t){return!e||!!t}function d2(e,t){return{paddingLeft:e===0?8:ed,paddingRight:8,zIndex:t-e+1}}function c2(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}`:Uo(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 u2({property:e}){let t,n=/^(padding|margin)(?:-(top|right|bottom|left))?$/.exec(e);n&&(t={family:n[1],subproperty:n[2]??"all"});let r=/^border-(top|right|bottom|left)-width$/.exec(e);r&&(t={family:"border",subproperty:r[1]});let o=/^border-(top-left|top-right|bottom-right|bottom-left)-radius$/.exec(e);o&&(t={family:"radius",subproperty:o[1]});let i={"border-width":["border","all"],"border-radius":["radius","all"],"font-size":["text","size"],"font-weight":["text","weight"],"line-height":["text","line-height"],"letter-spacing":["text","letter-spacing"],"text-align":["text","text-align"],"flex-direction":["stack","direction"],"align-items":["stack","align"],"justify-content":["stack","justify"],gap:["stack","gap"],"grid-template-columns":["grid","columns"],"grid-template-rows":["grid","rows"],translate:["transform","translate"],scale:["transform","scale"],rotate:["transform","rotate"],opacity:["opacity","opacity"],"mix-blend-mode":["opacity","mix-blend"]}[e];if(i&&(t={family:i[0],subproperty:i[1]}),t)return l(sr,{...t});let a=/(^|-)color$|^(fill|stroke)$/.test(e)?ua:/(^|-)(width|inline-size)$/.test(e)?rc:/(^|-)(height|block-size)$/.test(e)?oc:ic;return l(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 p2(e,t){return e.length===t.length&&e.every((n,r)=>{let o=t[r];return n.selector===o.selector&&n.label===o.label&&n.annotationNumber===o.annotationNumber&&n.domElement===o.domElement&&n.projectedRect===o.projectedRect&&n.threadState===o.threadState&&n.comment===o.comment&&n.hasPendingChanges===o.hasPendingChanges&&n.hasElementChanges===o.hasElementChanges&&n.transient===o.transient&&n.stickers.length===o.stickers.length&&n.stickers.every((i,a)=>{let s=o.stickers[a];return i.token===s.token&&i.selection===s.selection&&rn(i)===rn(s)})})}function ps(e){return os(e.element)}var Jr=8;function f2(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 m2(e,t,n){return f2(t,n,e)?e:{}}function fs(e){let t=e.stickers.map(r=>r.token).join(""),n=e.comment?.text??e.label;return Math.min(720,44+n.length*7.2+t.length*7.2)}function ms(e,t){return t||e?.pending===!1?0:e?.imageCount??0}function h2(e,t,n,r,o,i){let a=n==="right"?`max(calc(-100% + ${r}px), calc(0px - max(0px, ${e}px)))`:`min(0px, calc(100vw - max(0px, ${e}px) - 100%))`,s=o!==void 0?`${o}px`:"0px",d=i!==void 0?`${i}px`:"100dvh";return`translate(${a}, min(max(0px, calc(${s} - max(0px, ${t}px))), calc(${d} - max(0px, ${t}px) - 100%)))`}function hs({left:e,top:t,avoidTop:n,avoidBottom:r,anchor:o,horizontalAlignment:i="left",visualRef:a,style:s,children:d,...c}){let u=Ys(o),p=e-u.left,m=t-u.top;return l("div",{"data-devtools":"badge-hit-area",...c,style:{position:"fixed",left:`max(0px, ${p}px)`,top:`max(0px, ${m}px)`,padding:`${u.top}px ${u.right}px ${u.bottom}px ${u.left}px`,transform:h2(p,m,i,u.left+u.right,n,r),...s},children:l("div",{ref:a,children:d})})}function gs({targetDocument:e,subjectRegistry:t,projectedTargets:n,readOnly:r=!1,focusedSelector:o,styleModifications:i,textModifications:a,stagedComments:s,accentColor:d,annotationNumberBySelector:c,inFlightSelectors:u,inFlightAnnotationIds:p,activeAnnotationIds:m,inFlightSelectorJobIds:h,waitingApprovalJobIds:v,inFlightSelectorColors:x,toolbarRef:T,onHoverSelector:w,sendHintSelector:S,pendingBundleCount:H=1,onHoverSendBundle:L,onSend:k,onSelectSticker:E,onDeleteSticker:$,threadStates:j,onViewThread:P,hoveredElement:A,hoveredElementInfo:F,showHoverIdentifier:Z=!1,onEditComment:de,onDeleteComment:he,onDeletePeerComment:se,onDeletePeerStyles:J,onDiscardTextChanges:xe,onArchiveThread:X,onClearInteractionEpisode:we,onEditSubject:Le,onDeleteSubject:U,onHoverSubjectLabel:ke,activeCommentEntry:I,refreshKey:C}){let W=Ln(ji),[B,N]=z([]),[Y,Ae]=z(null),[ee,qe]=z(null),[Q,Ne]=z(()=>new Map),re=M(new Map),ze=M(new Map),ue=M(new Map),Se=M(new Map),ge=M(new Map),at=M(new Map),It=ie(g=>{ds(ge.current,g)},[]),Ht=ie(g=>{i2(ge.current,g,()=>{qe(ye=>ye===g?null:ye),Ae(ye=>ye?.selector===g?null:ye)})},[]),be=ie((g,ye,te)=>{Ae(pe=>a2(pe,{selector:g,target:ye,index:te}))},[]),Pe=ie(g=>!!u?.has(g.selector)||!!g.comment&&!!m?.has(g.comment.id),[m,u]),lt=ie((g,ye)=>!Pe(g)&&(!!g.comment&&!!p?.has(g.comment.id)||ye?.status==="in_flight"),[Pe,p]),We=ie(g=>{let ye=Go(g.hasPendingChanges,jn(g),h?.get(g.selector));return l2({isInFlight:Pe(g),isQueued:lt(g,ye),threadStatus:ye?.status})},[Pe,lt,h]),He=B.filter(g=>g.hasPendingChanges||!!jn(g)).map(g=>us({selector:g.selector,label:g.label,tokens:[...g.stickers.map(ye=>ye.token),...We(g)==="draft"?[]:[`status:${We(g)}`]]})).join("|");_e(()=>{let g=new Set,ye=new Map,te=new Set,pe=new Set;for(let G of B){let Te=jn(G);if(!G.hasPendingChanges&&!Te)continue;g.add(G.selector);let ae=We(G),Fe=us({selector:G.selector,label:G.label,tokens:[...G.stickers.map(oe=>oe.token),...ae==="draft"?[]:[`status:${ae}`]]});if(re.current.get(G.selector)===Fe)continue;re.current.set(G.selector,Fe);let Ye=ue.current.get(G.selector);ue.current.set(G.selector,ae),ae==="working"&&Ye!=="working"&&pe.add(G.selector);let Je=ze.current.get(G.selector),le=new Map,Be=null;for(let oe of G.stickers){let Oe=rn(oe);le.set(Oe,oe.token),Je?.get(Oe)!==oe.token&&(Be=Oe)}if(ze.current.set(G.selector,le),!G.hasPendingChanges&&(Ye===void 0||Ye==="draft"&&ae!=="queued"&&ae!=="working")){let oe=Se.current.get(G.selector);oe&&clearTimeout(oe),Se.current.delete(G.selector),te.add(G.selector);continue}ye.set(G.selector,Be);let bt=Se.current.get(G.selector);bt&&clearTimeout(bt),Se.current.set(G.selector,setTimeout(()=>{Ne(oe=>{if(!oe.has(G.selector))return oe;let Oe=new Map(oe);return Oe.delete(G.selector),Oe}),Se.current.delete(G.selector)},1e3))}for(let[G,Te]of Se.current)g.has(G)||(clearTimeout(Te),Se.current.delete(G),re.current.delete(G),ze.current.delete(G),ue.current.delete(G));pe.size>0&&Ae(G=>G&&pe.has(G.selector)?null:G),Ne(G=>{let Te=new Map([...G].filter(([ae])=>g.has(ae)));for(let[ae,Fe]of ye)Te.set(ae,Fe);for(let ae of te)Te.delete(ae);return Te.size===G.size&&[...Te].every(([ae,Fe])=>G.get(ae)===Fe)?G:Te})},[B,He,We]),D(()=>()=>{for(let g of Se.current.values())clearTimeout(g);Se.current.clear();for(let g of ge.current.values())clearTimeout(g);ge.current.clear(),re.current.clear(),ze.current.clear(),ue.current.clear()},[]);let Dt=u&&u.size>0||m&&m.size>0,{charIndex:zt,word:Re}=K1(!!Dt);D(()=>{if(!W)return;let g=null,ye=!1,te=e??document,pe=li([...s.flatMap(le=>[le.selector,le.element.selector]),...i.flatMap(le=>[le.selector,le.element.selector]),...a.flatMap(le=>[le.selector,le.element.selector]),...Array.from(j??[]).flatMap(([le,Be])=>Be.selectors??[le])]),G=le=>{try{let Be=te.querySelectorAll(le);return Be.length===1?Be[0]:null}catch{return null}},Te=(le,Be)=>n?null:vo(le,Be,te),ae=()=>{let le=[],Be=new Map,bt=V=>(Be.has(V)||Be.set(V,n?null:e?G(V):qn(V)),Be.get(V)),oe=new Map;for(let V of s)oe.set(V.selector,{selector:V.selector,element:V.element,styleChangeCount:0,textChangeCount:0,hasPendingChanges:V.pending!==!1,stickers:[],comment:V});for(let V of i){let ce=oe.get(V.selector),Ve=[...ce?.stickers??[]];if(s2(V.captured,h?.get(V.selector)))for(let ut of c2(V.changes)){let Qe=rn(ut);Ve.some(Rt=>rn(Rt)===Qe)||Ve.push(ut)}oe.set(V.selector,{selector:V.selector,element:V.element,styleChangeCount:(ce?.styleChangeCount??0)+V.changes.length,textChangeCount:ce?.textChangeCount??0,modifiedText:ce?.modifiedText,hasPendingChanges:(ce?.hasPendingChanges??!1)||!V.captured&&!V.awaitingReview,threadState:Xp(V)??ce?.threadState,stickers:Ve,comment:ce?.comment})}for(let V of a){let ce=oe.get(V.selector);oe.set(V.selector,{selector:V.selector,element:ce?.element??V.element,styleChangeCount:ce?.styleChangeCount??0,textChangeCount:1,modifiedText:V.modified,hasPendingChanges:(ce?.hasPendingChanges??!1)||!V.captured,stickers:ce?.stickers??[],threadState:ce?.threadState,comment:ce?.comment})}let Oe=new Set,et=new Set,vt=new Set;for(let V of oe.values()){let ce=V.comment?.threadState;ce?.threadId&&et.add(ce.threadId),ce?.targetBindingId&&vt.add(ce.targetBindingId)}for(let[V,ce]of oe){let Ve=Te(V,ce.element);Ve&&(ce.resolvedElement=Ve),Ve&&Oe.add(Ve)}for(let[V,ce]of j??[]){if(n||et.has(ce.threadId)||ce.targetBindingId&&vt.has(ce.targetBindingId))continue;let Ve=Xi(ce.selectors??[V],ce.targetFingerprint,te);if(Ve.status!=="matched")continue;let{element:ut}=Ve,Qe=ce.selectors?.[0]??V;!ut||Oe.has(ut)||(Oe.add(ut),oe.set(Qe,{selector:Qe,element:{...go(ut),selector:Qe},styleChangeCount:0,textChangeCount:0,hasPendingChanges:!1,stickers:[],resolvedElement:ut,threadState:ce}))}Array.from(oe.values()).forEach(V=>{let ce=V.transientElement??V.resolvedElement??Te(V.selector,V.element),Ve=n?.get(V.selector);if(!ce&&!Ve)return;let ut=r2({elementLabel:ps(V),styleChangeCount:V.styleChangeCount,textChangeCount:V.textChangeCount,modifiedText:V.modifiedText}),Qe=V.comment?.threadState??V.threadState??(j?Vr(V.selector,j,bt):void 0);le.push({threadState:Qe,selector:V.selector,label:V.threadState?.title?.trim()||ut.label,annotationNumber:V.transientElement?void 0:V.comment?.annotationNumber??Qe?.annotationNumber??c.get(V.selector),domElement:ce,projectedRect:Ve,hasPendingChanges:V.hasPendingChanges,hasElementChanges:V.styleChangeCount>0||V.textChangeCount>0,stickers:V.stickers,transient:!!V.transientElement,comment:V.comment})}),N(V=>p2(V,le)?V:le)},Fe=()=>{ye||g!==null||(g=requestAnimationFrame(()=>{g=null,ae()}))};if(ae(),n)return;window.addEventListener("resize",Fe,!0);let Ye=new MutationObserver(le=>{le.some(pe.changesIdentity)&&Fe()});Ye.observe(te.body,{attributes:!0,childList:!0,characterData:!0,subtree:!0,attributeFilter:pe.attributes}),window.addEventListener("load",Fe),te.fonts?.ready?.then(Fe);let Je=[...i,...a].some(le=>le.selector.startsWith("@frame("))||s.some(le=>le.selector.startsWith("@frame("))?Pi(Fe):void 0;return()=>{ye=!0,Je?.(),window.removeEventListener("resize",Fe,!0),window.removeEventListener("load",Fe),Ye.disconnect(),g&&cancelAnimationFrame(g)}},[W,c,s,i,a,j,h,e,n]);let xn=Z&&!ee&&A&&F?.selector&&!B.some(g=>g.domElement===A)?{selector:F.selector,label:ps({element:F}),annotationNumber:void 0,domElement:A,hasPendingChanges:!1,hasElementChanges:!1,stickers:[],transient:!0}:null,Nt=xn?[...B,xn]:B;if(Nt.length===0)return null;let jt=W?T?.current?.getBoundingClientRect():void 0,De=jt?jt.top<window.innerHeight/2:!1,Wn=jt?{avoidTop:De?jt.bottom+Jr:void 0,avoidBottom:De?void 0:jt.top-Jr,avoidLeft:jt.left-Jr,avoidRight:jt.right+Jr}:{},Bn=g=>{let ye=I?.element===g.domElement,te=Go(g.hasPendingChanges,jn(g),h?.get(g.selector)),pe=Pe(g),G=lt(g,te),Te=v?.has(h?.get(g.selector)??te?.jobId??""),ae=g.comment?.awaitingReview?"Awaiting review":Te?"Approval needed":pe?Re||"Thinking":G?"Queued":te?.status==="in_flight"?"Thinking":te?.status==="waiting_input"?"Question":te?.status==="failed"?"Failed":te?.label??"Replied";return(ye?I.width+(I.trailingWidth??0)+fs(g):fs(g)+ti(ms(g.comment,pe||!!te))+Us(g.comment?.interactionEpisodeStepCount??0))+(te||g.comment?.awaitingReview?28+ae.length*7.2:0)},Mt=Nt.find(g=>g.transient)??Nt.find(g=>g.domElement&&ss(g.domElement,A)||ee===g.selector||Y?.selector===g.selector)??(r?Nt.find(g=>g.selector===o):void 0),on=(()=>{if(!Mt)return null;let g=Mt.projectedRect,ye=g?{...g,right:g.left+g.width,bottom:g.top+g.height}:Mt.domElement?Sr(Mt.domElement):void 0;if(!ye)return null;let te=Bn(Mt),pe=Oi(ye,22,2,window.innerHeight,te,window.innerWidth);return po(pe,te,22)})(),Ft=ls(d),yt=X1;return y(Me,{children:[l("style",{dangerouslySetInnerHTML:{__html:`
|
|
274
274
|
[data-devtools="badge"]::selection,
|
|
275
275
|
[data-devtools="badge"] *::selection {
|
|
276
276
|
background: #000000;
|
|
@@ -344,4 +344,4 @@ Your AI gets the visual and technical context it needs to act.`,usage:[],keys:[{
|
|
|
344
344
|
transition: none;
|
|
345
345
|
}
|
|
346
346
|
}
|
|
347
|
-
`}}),Nt.map(g=>{let ye=I?.element===g.domElement,te=Yo(g.hasPendingChanges,On(g),m?.get(g.selector)),pe=Pe(g),X=lt(g,te),Ee=e2(g.selector,pe,d,x),ae=t2(Ee,g.comment,On(g)),Fe=pe||te?.status==="in_flight",Ye=n2(ae,Fe),Ue=v?.has(m?.get(g.selector)??te?.jobId??""),le=g.comment?.awaitingReview||te?.status==="awaiting_review",Be=le?"Awaiting review":Ue?"Approval needed":pe?ze||"Thinking":X?"Queued":te?.status==="in_flight"?"Thinking":te?.status==="waiting_input"?"Question":te?.status==="failed"?"Failed":te?.label??"Replied",bt=!!(g.domElement&&cs(g.domElement,$)),oe=ee===g.selector,Oe=Q.has(g.selector),et=Q.get(g.selector),vt=!!te||g.comment?.pending===!1,V=Ur({hasElementChanges:g.hasElementChanges,hasPendingChanges:g.hasPendingChanges,hasThreadState:vt,isHovered:r&&o===g.selector||bt||oe||qr(Y,g.selector,0),hasTimedReveal:Oe,isRevealedSticker:!1}),ce=g.stickers.length+1,Ve=Ur({hasElementChanges:g.hasElementChanges,hasPendingChanges:g.hasPendingChanges,hasThreadState:vt,isHovered:qr(Y,g.selector,ce),hasTimedReveal:Oe,isRevealedSticker:!1}),ut=Ur({hasElementChanges:g.hasElementChanges,hasPendingChanges:g.hasPendingChanges,hasThreadState:vt,isHovered:r&&o===g.selector||bt||oe||qr(Y,g.selector,ce),hasTimedReveal:Oe,isRevealedSticker:Oe}),Qe=Dn(g),zt=(ye?I.imageCount:gs(g.comment,pe||!!te))??0,Vt=g.stickers.length>0||zt>0,dr=Gs({hasCommentEntry:ye||!!g.comment,stagedChangeCount:g.stickers.length+ +(zt>0)}),ln=pe||!!te||!!g.comment?.awaitingReview,Cn=!ln&&g.selector===S,Qt=!ye&&V.annotationCollapsed&&ut.stickerCollapsed&&Ve.sendCompact&&!Oe&&Y?.selector!==g.selector,st=Qt?Xs({annotationNumber:g.annotationNumber,stickerCount:g.stickers.length,interactionEpisodeStepCount:g.comment?.interactionEpisodeStepCount??0,hasStatus:ln,hasSend:Cn,controlGap:dr})+ri(zt):Qe;return l(Ks,{element:g.domElement,projectedRect:g.projectedRect,onRemove:g.comment&&se?()=>se(g.comment.id):U&&i.some(ve=>ve.selector===g.selector)?()=>U(i.filter(ve=>ve.selector===g.selector)):void 0,onActivate:g.comment?.threadId||te?.threadId?()=>P?.(g.comment?.threadId??te?.threadId):void 0,hideOutline:!(r&&Lt===g),color:ae,fillOpacity:.1,outlineZIndex:10002,subjectRegistry:t,hideTooltip:!0,railGap:2,railWidth:Qe,refreshKey:C,renderRail:ve=>{let _t=at.current.get(g.selector)?.getBoundingClientRect(),cr=_t?.width?_t:ho(ve,Qe,22),ur=!!(Qt&&Lt!==g&&an&&Vi(cr,an));if(Lt!==g&&an&&Vi(ho(ve,st,22),an))return null;let Xr=ve.horizontalAlignment==="right"?ve.left-Qe:ve.left,sn=m2(Bn,Xr,Qe);if(g.transient){let q=g.domElement?Zs(g.domElement):null;return l(ys,{"data-popmelt-rail-priority":"intent","data-popmelt-subject-label-action":q?"true":void 0,"data-popmelt-subject-adapter":q?.adapter,"data-popmelt-subject-key":q?.key,left:ve.left,top:ve.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:ve.anchor,horizontalAlignment:ve.horizontalAlignment,style:{zIndex:10001,pointerEvents:q?"auto":"none",cursor:q?"pointer":void 0},onPointerDown:Me=>{q&&Me.stopPropagation()},onClick:Me=>{q&&(Me.preventDefault(),Me.stopPropagation(),Te?.(q))},onContextMenu:Me=>{q&&(Me.preventDefault(),Me.stopPropagation(),G?.(q))},onMouseEnter:()=>{q&&ke?.(q)},onMouseLeave:()=>ke?.(null),children:l("div",{"data-devtools":"steer-element-identifier",ref:Me=>{g.domElement&&Ki(g.domElement,Me)},"data-popmelt-subject-label-action":q?"true":void 0,style:{...Ft,borderRadius:g.domElement===document.body?xr("bottom-left"):xr(ve.anchor)},children:l("span",{style:yt,children:g.label})})})}return l(ys,{"data-popmelt-rail-priority":"history","data-popmelt-snap-collapse":ur||void 0,visualRef:q=>{q?at.current.set(g.selector,q):at.current.delete(g.selector)},left:ve.left,top:ve.top,avoidTop:sn.avoidTop,avoidBottom:sn.avoidBottom,anchor:ve.anchor,horizontalAlignment:ve.horizontalAlignment,onClick:()=>{if(ye)return;let q=i2(g.comment,g.comment?.threadId??te?.threadId);q.type==="edit-comment"?de?.(q.annotationId):q.type==="open-thread"&&P?.(q.threadId)},onContextMenu:q=>{if(q.preventDefault(),q.stopPropagation(),g.comment&&se){se(g.comment.id);return}if(U){let Me=i.filter(je=>je.selector===g.selector);if(Me.length){U(Me);return}}g.comment&&g.comment.pending!==!1&&me?(Mt(g.selector),$e(Me=>ps(Me,g.selector)),qe(Me=>Me===g.selector?null:Me),w?.(null),me(g.comment.id)):a.some(Me=>Me.selector===g.selector&&!Me.captured)?xe?.(g.selector):!g.hasPendingChanges&&!pe&&te?.status==="resolved"&&K?.(te.threadId)},onMouseEnter:()=>{Mt(g.selector),qe(g.selector),w?.(g.selector)},onMouseLeave:()=>{Ht(g.selector),w?.(null)},style:{zIndex:ye?10002:1e4,cursor:ye?"text":"pointer",pointerEvents:"auto"},children:y("div",{ref:q=>{g.domElement&&Ki(g.domElement,q)},style:{display:"flex",alignItems:"center",gap:dr},children:[ye?I.render(ve.anchor):y("div",{"data-devtools":"badge","data-popmelt-collapsed":V.annotationCollapsed,onMouseEnter:()=>be(g.selector,"annotation",0),style:{...Ft,backgroundColor:r2({accentColor:d,threadAccentColor:ae,comment:g.comment,isInFlight:pe,hasThreadState:!!te,hasStickers:g.stickers.length>0}),gap:0,letterSpacing:g.comment?0:Ft.letterSpacing,borderRadius:g.domElement===document.body?xr("bottom-left"):xr(ve.anchor)},children:[l("span",{style:{fontWeight:600},children:g.annotationNumber}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",style:{...yt,paddingLeft:g.comment?0:void 0},children:g.comment?y(Le,{children:[".",l("span",{style:{marginLeft:2},children:g.comment.text})]}):y(Le,{children:[". ",g.label]})})})]}),!Vt&&l(Qi,{stepCount:ye?0:g.comment?.interactionEpisodeStepCount??0,onClear:g.comment?.pending!==!1&&we?()=>we(g.comment.id):void 0,submitted:g.comment?.pending===!1}),Vt&&y("div",{className:"popmelt-staged-sticker-group",children:[g.stickers.map((q,Me)=>{let je=on(q),pt=Ur({hasElementChanges:g.hasElementChanges,hasPendingChanges:g.hasPendingChanges,hasThreadState:!!te,isHovered:qr(Y,g.selector,Me+1),hasTimedReveal:Oe,isRevealedSticker:Oe&&je===et}),Zt=c2(Me,g.stickers.length+ +(zt>0)),Rt=Me===0?void 0:fo;return y("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:Zt.zIndex},children:[l("span",{"aria-hidden":!0,className:"popmelt-staged-sticker-pointer",style:{"--popmelt-staged-accent":Ye,WebkitMaskImage:Me===0?void 0:vr,maskImage:Me===0?void 0:vr}}),y("button",{type:"button","data-devtools":"staged-sticker","data-popmelt-style-property":q.custom?.property,title:q.custom?`${q.custom.property}: ${q.custom.value}`:void 0,"data-popmelt-collapsed":pt.stickerCollapsed,onMouseEnter:()=>be(g.selector,je,Me+1),"aria-label":q.custom?`Custom ${q.custom.property}: ${q.custom.value}`:`${r?"Staged":"Edit staged"} ${q.token} sticker`,onPointerDown:_e=>{_e.preventDefault(),_e.stopPropagation()},onClick:_e=>{_e.preventDefault(),_e.stopPropagation(),q.selection&&E?.(g.selector,q.selection)},onContextMenu:_e=>{_e.preventDefault(),_e.stopPropagation(),Mt(g.selector),$e(Ot=>ps(Ot,g.selector)),w?.(null),q.selection&&R?.(g.selector,q.selection)},style:{...Ft,position:"relative",height:"100%",minHeight:22,appearance:"none",border:0,margin:0,paddingLeft:Zt.paddingLeft,paddingRight:Zt.paddingRight,gap:0,cursor:q.selection&&(E||R)?"pointer":"default",backgroundColor:Ye,WebkitMaskImage:Rt,maskImage:Rt},children:[q.selection?l(sr,{family:q.selection.family,subproperty:q.selection.subproperty,step:q.selection.step}):l(p2,{property:q.custom.property}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",children:q.token})})]})]},je)}),l(_l,{imageCount:zt,color:Ye,layered:g.stickers.length>0}),!ye&&(g.comment?.interactionEpisodeStepCount??0)>0&&l("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:1},children:l(Qi,{stepCount:g.comment.interactionEpisodeStepCount,layered:!0,onClear:g.comment?.pending!==!1&&we?()=>we(g.comment.id):void 0,submitted:g.comment?.pending===!1})}),Cn&&l(_i,{bundleCount:H,compact:Ve.sendCompact,layered:!0,onHoverChange:q=>{q&&be(g.selector,"send",ce),L?.(q)},onSend:k,style:{position:"relative",zIndex:(g.comment?.interactionEpisodeStepCount??0)>0?0:1}})]}),ln&&l("button",{type:"button","data-devtools":"annotation-badge","data-popmelt-collapsed":ut.stickerCollapsed,onMouseEnter:()=>be(g.selector,"thread-status",ce),"aria-label":te?`${Be}. Open thread`:Be,onPointerDown:q=>{q.preventDefault(),q.stopPropagation()},onClick:q=>{q.preventDefault(),q.stopPropagation();let Me=g.comment?.threadId??te?.threadId;Me&&P?.(Me)},style:{...Ft,appearance:"none",border:0,margin:0,cursor:te&&P?"pointer":"default",backgroundColor:ae,gap:0},children:le?y(Le,{children:[l(oa,{size:12,strokeWidth:2.25}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",children:Be})})]}):pe?y(Le,{children:[Ue?l(Rd,{size:12,"aria-label":"Approval needed"}):l("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"currentColor",style:{verticalAlign:"middle"},children:At===1?y(Le,{children:[l("circle",{cx:"7",cy:"7",r:"2"}),l("circle",{cx:"17",cy:"7",r:"2"}),l("circle",{cx:"7",cy:"17",r:"2"}),l("circle",{cx:"17",cy:"17",r:"2"})]}):y(Le,{children:[l("circle",{cx:"12",cy:"6",r:"2"}),l("circle",{cx:"6",cy:"12",r:"2"}),l("circle",{cx:"18",cy:"12",r:"2"}),l("circle",{cx:"12",cy:"18",r:"2"})]})}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",style:{opacity:.8},children:Be})})]}):y(Le,{children:[X?l(oa,{"data-devtools":"queued-status-icon",size:12,strokeWidth:2.25,style:{verticalAlign:"middle",opacity:.6}}):te?.status==="waiting_input"?l(Pd,{"data-devtools":"question-status-icon",size:12,strokeWidth:2.25,style:{transform:"translateY(-0.5px)",flexShrink:0}}):te?.status==="failed"?l(Hd,{size:12,strokeWidth:2.25}):l(Nd,{size:12,strokeWidth:2.25}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",children:Be})})]})}),Cn&&!Vt&&l(_i,{bundleCount:H,compact:Ve.sendCompact,onHoverChange:q=>{q&&be(g.selector,"send",ce),L?.(q)},onSend:k})]})})}},`${g.transient?"intent":"history"}:${g.selector}`)})]})}var Wn=8,fi=4;function y2(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function b2(e,t){return e===t||ea(e,t)||ea(t,e)}function v2(e,t){return b2(e,t)||Jn(e)!==null&&Jn(e)===Jn(t)}function x2(e){let t=0,n=Jn(e);for(;n;)t+=1,n=Jn(n);return t}function hi(e,t){return vo(e,t?.[0])}function vs(e){return!!(e.linkedSelector&&e.elements?.[0]?.tagName.toLowerCase()==="body")}function w2(e){let t=Fi(e,22,2,window.innerHeight);return{x:t.left+window.scrollX+8,y:t.top+window.scrollY+4}}function C2(e){let t=e?.getBoundingClientRect();return!t||typeof window>"u"?{}:t.top<window.innerHeight/2?{avoidTop:t.bottom+Wn,avoidLeft:t.left-Wn,avoidRight:t.right+Wn}:{avoidBottom:t.top-Wn,avoidLeft:t.left-Wn,avoidRight:t.right+Wn}}function k2(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 S2(e,t,n=0,r,o,i=90){let a=e.left+window.scrollX+8,s=t==="top-left"?e.top+window.scrollY-fi-22-n*22+4:e.bottom+window.scrollY+fi+4+n*22,d=window.scrollY+4,c=window.scrollY+window.innerHeight-22-4,u=null;if(r&&o!==void 0){let p=r.getBoundingClientRect(),h=e.left;if(h+o+16+i>p.left&&h<p.right)if(p.top<window.innerHeight/2){let m=window.scrollY+p.bottom+4;m>d&&(d=m,u="top")}else{let m=window.scrollY+p.top-22-4;m<c&&(c=m,u="bottom")}}return d>c&&(c=d),s<d?s=u==="top"?d:e.top+window.scrollY+4:s>c&&(s=u==="bottom"?c:Math.max(e.top+window.scrollY+4,c)),{x:a,y:s}}var I2=new Set(["resolved","needs_review","waiting_input","failed"]);function mi(e){return e.linkedSelector??(e.target?Ni(e.target):void 0)}function M2(e,t){let n=e.groupId?t.filter(c=>c.groupId===e.groupId):[e],r=n.find(c=>c.status!==void 0&&I2.has(c.status)),o=n.find(c=>c.threadId),i=n.find(c=>mi(c)),a=i?mi(i):void 0;if(!r?.status||!o?.threadId||!a)return;let s=n.find(c=>c.targetBindingId),d=n.find(c=>c.replyJobIds?.length);return{status:r.status,threadId:o.threadId,targetBindingId:s?.targetBindingId,replyJobIds:d?.replyJobIds,linkedSelector:a,elements:i?.elements}}function xs({resolveElement:e,projectedSelectors:t,activeText:n,activeColor:r,annotations:o,annotationNumberById:i,focusedThreadAnnotationId:a,hiddenCollidingAnnotationIds:s,modifiedElementThreadStates:d,nestedCollidingAnnotationCountById:c,nestedCollidingAnnotationIdsById:u,pageAnnotations:p,pageStyleModifications:h,pageTextModifications:m,sendHintAnchorId:v,supersededAnnotations:x,visibleCollisionRepresentativeByAnnotationId:T,activeTextSendHintId:w,targetResolutionRevision:S}){let H=ie((I,C)=>t?null:e?e(I,C):hi(I,C),[S,e,t]),L=he(()=>{let I=[],C=new Set,W=[...p].sort((B,N)=>N.timestamp-B.timestamp);for(let B of W){if(B.type!=="text"||!B.text||!B.linkedSelector||x.has(B)||s.has(B.id))continue;let N=B.status??(B.captured?"in_flight":"pending");if(!["pending","sending","in_flight","awaiting_review"].includes(N))continue;let Y=i.get(B.id);if(Y===void 0||C.has(B.linkedSelector))continue;let $e=H(B.linkedSelector,B.elements),ee=B.elements?.[0];!$e&&!(t?.has(B.linkedSelector)&&ee)||(C.add(B.linkedSelector),I.push({id:B.id,selector:B.linkedSelector,text:B.text.replace(/\n/g," "),annotationNumber:Y,color:B.color,element:ee??bo($e),pending:N==="pending",awaitingReview:N==="awaiting_review",threadId:B.threadId,imageCount:B.imageCount??0,interactionEpisodeStepCount:B.interactionEpisode?.steps.length}))}return I},[i,s,p,x,H,t]),k=he(()=>new Set(L.map(I=>I.id)),[L]),E=he(()=>{let I=new Map;for(let C of p){if(C.type!=="text")continue;let W=M2(C,p);W&&I.set(C.id,W)}return I},[p]),R=he(()=>{let I=[],C=new Set,W=[...p].sort((B,N)=>+(N.id===a)-+(B.id===a)||N.timestamp-B.timestamp);for(let B of W){let N=E.get(B.id);if(!N||!ui({...B,status:N.status,threadId:N.threadId,linkedSelector:N.linkedSelector})||!B.text||x.has(B)||s.has(B.id)||C.has(N.linkedSelector))continue;let Y=i.get(B.id);if(Y===void 0)continue;let $e=H(N.linkedSelector,N.elements),ee=N.elements?.[0];!$e&&!(t?.has(N.linkedSelector)&&ee)||(C.add(N.linkedSelector),I.push({id:B.id,selector:N.linkedSelector,text:B.text.replace(/\n/g," "),annotationNumber:Y,color:B.color,element:ee??bo($e),pending:!1,imageCount:B.imageCount??0,interactionEpisodeStepCount:B.interactionEpisode?.steps.length,threadState:{jobId:N.replyJobIds?.[N.replyJobIds.length-1]??N.threadId,threadId:N.threadId,targetBindingId:N.targetBindingId,annotationNumber:Y,status:N.status==="waiting_input"?"waiting_input":N.status==="failed"?"failed":"resolved",label:N.status==="waiting_input"?"Question":N.status==="failed"?"Failed":"Replied"}}))}return I},[i,a,s,p,E,x,H,t]),j=he(()=>[...L,...R],[R,L]),P=he(()=>{let I=new Set,C=new Set,W=new Set,B=new Set;for(let[N,Y]of d??[])if(Yi(Y.selectors??[N],Y.targetFingerprint).status==="matched"){C.add(Y.threadId),Y.targetBindingId&&W.add(Y.targetBindingId);for(let $e of Y.selectors??[])B.add($e);!Y.targetBindingId&&!Y.selectors?.length&&B.add(N)}for(let N of p){let Y=E.get(N.id),$e=N.groupId?p.filter(Ne=>Ne.groupId===N.groupId):[N],ee=$e.map(mi).find(Ne=>!!Ne),qe=$e.find(Ne=>Ne.threadId)?.threadId,Q=$e.find(Ne=>Ne.targetBindingId)?.targetBindingId;if(!(N.type!=="text"||!N.text||!ee||x.has(N)||s.has(N.id))){if(qe&&C.has(qe)||Q&&W.has(Q)||B.has(ee)){I.add(N.id);continue}!Y||!ui({...N,status:Y.status,threadId:Y.threadId,linkedSelector:Y.linkedSelector})||H(Y.linkedSelector,Y.elements)&&I.add(N.id)}}return I},[s,d,p,E,x,H]),$=he(()=>{let I=new Set;for(let C of p)!pi(C)||!C.linkedSelector||x.has(C)||s.has(C.id)||H(C.linkedSelector,C.elements)&&I.add(C.id);return I},[s,p,x,H]),F=he(()=>{let I=new Set($);for(let C of k)I.add(C);for(let C of P)I.add(C);return I},[$,P,k]),_=he(()=>new Map(j.map(I=>[I.selector,I.color])),[j]),de=he(()=>new Set([...s,...F]),[F,s]),me=he(()=>{if(!n?.linkedSelector||n.domEdit)return null;let I=H(n.linkedSelector,n.elements);if(!I)return null;let C=[...h,...m].find(N=>!N.captured&&hi(N.selector,[N.element])===I),W=p.find(N=>N.id===n.id),B=!!(!n.isNew&&W&&pi(W));return!C&&!B?null:{element:I,selector:C?.selector??n.linkedSelector}},[n,p,h,m,H]),se=v===w?v:v?T.get(v)??v:null,U=he(()=>{if(se===w)return n?.text.trim()?me?.selector??null:null;if(se&&se!==w)return L.find(I=>I.id===se)?.selector??null;for(let I=m.length-1;I>=0;I-=1){let C=m[I];if(C&&!C.captured)return C.selector}for(let I=h.length-1;I>=0;I-=1){let C=h[I];if(C&&!C.captured&&!C.awaitingReview)return C.selector}return null},[n,me,w,h,m,L,se]),xe=n?n.isNew?w:n.id:null,K=xe?c.get(xe)??0:0,we=xe?u.get(xe)??[]:[],Te=n?.isNew?void 0:o.find(I=>I.id===n?.id),G=(Te?.status??(Te?.captured?"in_flight":"pending"))==="pending"?Te?.color??r:"#8c8c8c",ke=he(()=>p.filter(I=>!(x.has(I)||s.has(I.id)||F.has(I.id)||n&&!n.isNew&&I.id===n.id)),[n,F,s,p,x]);return{activeTextAnnotation:Te,activeTextCollisionId:xe,activeTextModifiedRail:me,activeTextNestedAnnotationCount:K,activeTextNestedAnnotationIds:we,activeTextNestedBadgeColor:G,elementRailColorBySelector:_,elementRailCommentIds:F,elementRailComments:j,hiddenAnnotationBadgeIds:de,modifiedElementSendHintSelector:U,stagedElementComments:L,visibleCanvasAnnotations:ke,visibleSendHintAnchorId:se}}function Gr(e){if(e.length<2)return null;let t=e[0],n=e[e.length-1];return t&&n?[t,n]:null}var L2=(e,t,n,r)=>{let o=Gr(t);if(!o)return;let[i,a]=o,s=(i.x+a.x)/2,d=(i.y+a.y)/2,c=Math.abs(a.x-i.x)/2,u=Math.abs(a.y-i.y)/2;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.ellipse(s,d,c,u,0,0,Math.PI*2),e.stroke()},T2=(e,t,n,r)=>{let o=Gr(t);if(!o)return;let[i,a]=o;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.lineCap="round",e.lineJoin="round",e.moveTo(i.x,i.y);for(let s=1;s<t.length-1;s++){let d=t[s],c=t[s+1];!d||!c||e.quadraticCurveTo(d.x,d.y,(d.x+c.x)/2,(d.y+c.y)/2)}e.lineTo(a.x,a.y),e.stroke()},E2=(e,t,n,r)=>{let o=Gr(t);if(!o)return;let[i,a]=o;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.lineCap="round",e.moveTo(i.x,i.y),e.lineTo(a.x,a.y),e.stroke()},$2=(e,t,n,r)=>{let o=Gr(t);if(!o)return;let[i,a]=o;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.lineCap="round",e.lineJoin="round",e.strokeRect(Math.min(i.x,a.x),Math.min(i.y,a.y),Math.abs(a.x-i.x),Math.abs(a.y-i.y))},ws=11,gi=4,A2=`600 ${ws}px system-ui, -apple-system, sans-serif`;function Cs(e,t,n){return e.map(r=>({x:r.x-t,y:r.y-n}))}function z2(e,t,n,r,o,i){let a=String(r);e.font=A2;let s=e.measureText(a).width+gi*2,d=ws+gi*2,c=t-s/2,u=n+i/2+2;e.fillStyle=o,e.fillRect(c,u,s,d),e.fillStyle="#ffffff",e.textBaseline="middle",e.fillText(a,c+gi,u+d/2)}function R2(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 ks(){let e=M(null),t=ie(()=>{let a=e.current;if(!a)return;let s=a.getContext("2d");s&&s.clearRect(0,0,a.width,a.height)},[]),n=ie((a,s,d,c=1,u=!1)=>{let p=e.current;if(!p)return;let h=p.getContext("2d");if(!h)return;let m=a.status??(a.captured?"in_flight":"pending"),v=m==="pending"?a.color:"#8c8c8c";switch(h.save(),h.globalAlpha=c,a.type){case"freehand":T2(h,a.points,v,a.strokeWidth);break;case"line":E2(h,a.points,v,a.strokeWidth);break;case"rectangle":$2(h,a.points,v,a.strokeWidth);break;case"circle":L2(h,a.points,v,a.strokeWidth);break;case"text":if(a.text&&a.points[0]){let x=m==="pending"?"#ffffff":"#dddddd";Ys(h,a.points[0],a.text,v,a.fontSize,s,a.points[0].x,d,x,vs(a)?"bottom-left":a.linkedAnchor,u)}break}h.restore()},[]),r=ie((a,s)=>{let d=e.current;if(!d||a.points.length<2)return;let c=d.getContext("2d");if(c){if(c.fillStyle="#ffffff",c.strokeStyle=a.color,c.lineWidth=1.5,a.type==="line"){let u=a.points[0],p=a.points[a.points.length-1];[u,p].forEach(h=>{c.beginPath(),c.arc(h.x,h.y,s/2,0,Math.PI*2),c.fill(),c.stroke()});return}if(a.type==="circle"){let u=a.points[0],p=a.points[a.points.length-1],h=Math.min(u.x,p.x),m=Math.max(u.x,p.x),v=Math.min(u.y,p.y),x=Math.max(u.y,p.y),T=(h+m)/2,w=(v+x)/2;[{x:T,y:v},{x:T,y:x},{x:h,y:w},{x:m,y:w}].forEach(S=>{c.beginPath(),c.rect(S.x-s/2,S.y-s/2,s,s),c.fill(),c.stroke()});return}if(a.type==="rectangle"||a.type==="freehand"){let u,p,h,m;if(a.type==="freehand")u=Math.min(...a.points.map(v=>v.x)),p=Math.max(...a.points.map(v=>v.x)),h=Math.min(...a.points.map(v=>v.y)),m=Math.max(...a.points.map(v=>v.y));else{let v=a.points[0],x=a.points[a.points.length-1];u=Math.min(v.x,x.x),p=Math.max(v.x,x.x),h=Math.min(v.y,x.y),m=Math.max(v.y,x.y)}[{x:u,y:h},{x:p,y:h},{x:u,y:m},{x:p,y:m}].forEach(v=>{c.beginPath(),c.rect(v.x-s/2,v.y-s/2,s,s),c.fill(),c.stroke()})}}},[]),o=ie((a,s,d,c=0,u=0,p,h,m,v,x,T=.5,w)=>{if(t(),a.forEach(S=>{let H={...S,points:Cs(S.points,c,u)},L=p?.get(S.id),k=x?.has(S.id)??!1,E=!!h?.size,R=h?.has(S.id)??!1,j=E?R?1:.2:v&&!v.has(S.id)&&!k?T:1;n(H,L,m,j,w?.has(S.id))}),s&&s.length>0&&d){let S=e.current?.getContext("2d");for(let H of s){let L=a.find(k=>k.id===H);if(L){let k=x?.has(L.id)??!1,E=!!h?.size,R=h?.has(L.id)??!1,j=E?R?1:.2:v&&!v.has(L.id)&&!k?T:1,P={...L,points:Cs(L.points,c,u)};if(S?.save(),S&&(S.globalAlpha=j),r(P,d),S&&L.type!=="text"&&p&&!(L.groupId&&a.some($=>$.groupId===L.groupId&&$.type==="text"))){let $=p.get(L.id);if($!==void 0){let F=R2(P);if(F){let _=(L.status??(L.captured?"in_flight":"pending"))==="pending"?L.color:"#999999";z2(S,F.x,F.y,$,_,d)}}}S?.restore()}}}},[t,n,r]),i=ie(()=>{let a=e.current;if(!a)return;let s=window.devicePixelRatio||1,d=window.visualViewport?.width??window.innerWidth,c=window.visualViewport?.height??window.innerHeight;a.width=d*s,a.height=c*s;let u=a.getContext("2d");u&&u.scale(s,s)},[]);return{canvasRef:e,clearCanvas:t,drawAnnotation:n,redrawAll:o,resizeCanvas:i}}function P2(e){if(e.length===0)return{x:0,y:0,width:0,height:0};let t=e.map(s=>s.x),n=e.map(s=>s.y),r=Math.min(...t),o=Math.max(...t),i=Math.min(...n),a=Math.max(...n);return{x:r,y:i,width:o-r,height:a-i}}var H2=new Set;function N2({annotations:e,annotationGroupMap:t,targetDocument:n,color:r,onViewThread:o,onDelete:i}){let{canvasRef:a,redrawAll:s,resizeCanvas:d}=ks(),[c,u]=A({x:0,y:0,revision:0}),[p,h]=A([]);Ze(()=>{let v=n.defaultView,x=()=>{let T=v?.frameElement?.getBoundingClientRect();u(w=>({x:(T?.left??0)-(v?.scrollX??0),y:(T?.top??0)-(v?.scrollY??0),revision:w.revision+1}))};return x(),v?.addEventListener("scroll",x,{passive:!0}),window.addEventListener("resize",x),()=>{v?.removeEventListener("scroll",x),window.removeEventListener("resize",x)}},[n]);let m=he(()=>ti(e,n.location?.pathname??"/").filter(v=>v.points.length>0).map(v=>({...v,color:r,points:v.points.map(x=>({x:x.x+c.x,y:x.y+c.y}))})),[e,r,n,c]);return Ze(()=>{if(!m.length){h([]);return}d(),s(m,[],void 0,0,0,t);let v=a.current?.getContext("2d");v&&h(m.map(x=>{if(x.type!=="text"){let E=P2(x.points);return{annotation:x,left:E.x,top:E.y,width:Math.max(12,E.width),height:Math.max(12,E.height)}}let T=x.fontSize??12,w=t.get(x.id),S=`${w===void 0?"":`${w}. `}${(x.text??"").replace(/\n/g," ")}`,H=x.points[0];v.font=`${T}px ${Wi}`;let L=v.measureText(sd(v,S,dd(H.x))).width+16,k=cd(H,T,void 0,L);return{annotation:x,left:k.x-8,top:k.y-4,width:L,height:T*Bi+8}}))},[m,t,a,s,d]),m.length?y(Le,{children:[l("canvas",{ref:a,"aria-hidden":!0,style:{position:"fixed",inset:0,width:"100vw",height:"100vh",pointerEvents:"none",zIndex:9999}}),p.map(({annotation:v,...x})=>l("button",{type:"button","data-devtools":"peer-canvas-annotation","data-annotation-id":v.id,"aria-label":v.text??"Annotation",onClick:T=>{T.stopPropagation(),v.threadId&&o?.(v.threadId)},onPointerDown:T=>T.stopPropagation(),onContextMenu:i?T=>{T.preventDefault(),T.stopPropagation(),i(v.id)}:void 0,style:{...x,position:"fixed",padding:0,border:0,background:"transparent",pointerEvents:"auto",cursor:v.threadId?"pointer":"default",zIndex:9999}},v.id)),l(ud,{annotations:m,supersededAnnotations:H2,annotationGroupMap:t,scrollX:0,scrollY:0,onViewThread:o,canvasRef:a,pendingBundleCount:0})]}):null}var j2=new Set,O2=new Map,W2=new Map,B2=new Map;function D2({peer:e,targetDocument:t,projectedTargets:n,hoveredElement:r,getSubjects:o,onApprove:i,focusedAnnotationId:a}){let s=Ln(_a),d=Ln(Wo),c=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerAnnotations&&!d.view?.isPeeking?k=>{d.deletePeerAnnotations(e.identity.id,[k]).catch(()=>{})}:void 0,u=he(()=>kl(qo(e.state??Ui,d?.pendingSubmissions??[],e.identity.id),e.identity.relationship==="guest"?e.color:void 0),[e.state,e.identity.id,e.identity.relationship,e.color,d?.pendingSubmissions]),p=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerStyles&&!d.view?.isPeeking?k=>{d.deletePeerStyles(e.identity.id,k.map(Kp)).catch(()=>{})}:void 0,[h,m]=A(0),v=he(()=>di((e.state?.annotations??[]).flatMap(k=>[k.linkedSelector,k.elements?.[0]?.selector].filter(E=>!!E))),[e.state?.annotations]);D(()=>{if(!t||n)return;let k=new MutationObserver(E=>{E.some(v.changesIdentity)&&m(R=>R+1)});return k.observe(t.body,{childList:!0,characterData:!0,subtree:!0,attributes:!0,attributeFilter:v.attributes}),()=>k.disconnect()},[t,n,v]);let x=ie((k,E)=>!t||n?null:vo(k,E?.[0],t),[t,n]),T=he(()=>n?new Set(n.keys()):void 0,[n]),w=Dl({state:u,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications}),S=u.annotations.find(k=>k.id===a)?.linkedSelector,H=[...u.annotations].filter(k=>!k.captured&&!w.supersededAnnotations.has(k)).sort((k,E)=>E.timestamp-k.timestamp)[0],L=xs({resolveElement:x,projectedSelectors:T,activeText:null,activeColor:e.color,annotations:u.annotations,annotationNumberById:w.annotationGroupMap,hiddenCollidingAnnotationIds:j2,nestedCollidingAnnotationCountById:O2,nestedCollidingAnnotationIdsById:W2,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications,sendHintAnchorId:H?.id??null,supersededAnnotations:w.supersededAnnotations,visibleCollisionRepresentativeByAnnotationId:B2,activeTextSendHintId:"",targetResolutionRevision:e.revision+h});return y("div",{"data-devtools":"peer-rails","data-peer-id":e.identity.id,"aria-label":`${e.identity.name}'s suggestions`,children:[t&&!n&&l(N2,{annotations:L.visibleCanvasAnnotations,annotationGroupMap:w.annotationGroupMap,targetDocument:t,color:e.color,onViewThread:s,onDelete:c}),l(bs,{targetDocument:t,projectedTargets:n,hoveredElement:r,subjectRegistry:o?.(),readOnly:!0,onDeletePeerComment:c,onDeletePeerStyles:p,styleModifications:u.styleModifications,textModifications:u.textModifications,stagedComments:L.elementRailComments,accentColor:e.color,annotationNumberBySelector:w.pageModificationNumberBySelector,sendHintSelector:i?L.modifiedElementSendHintSelector:null,pendingBundleCount:w.stagedArtifactOrder.count,onSend:i,onViewThread:s,focusedSelector:S,refreshKey:e.revision})]})}function F2(e,t){let[n,r]=kd(s=>s+1,0),o=Date.now(),i=t?e.filter(s=>s.startedAt<=o&&o<s.expiresAt+2e3).map(s=>({presence:s,engaged:!s.ended&&o<s.expiresAt})):[],a=Math.min(...i.map(({presence:s,engaged:d})=>d?s.expiresAt:s.expiresAt+2e3));return D(()=>{if(!t||!Number.isFinite(a))return;let s=setTimeout(r,Math.max(0,a-Date.now()));return window.addEventListener("focus",r),document.addEventListener("visibilitychange",r),()=>{clearTimeout(s),window.removeEventListener("focus",r),document.removeEventListener("visibilitychange",r)}},[t,a,n]),i}function V2(e,t){let n=e.split(vd()),r=t;try{for(let[o,i]of n.entries()){let a=r.querySelectorAll(i);if(a.length!==1)return null;let s=a[0];if(o===n.length-1)return s;if(!s.shadowRoot)return null;r=s.shadowRoot}}catch{}return null}function Q2(e,t){return e.targetBindings?.length?e.targetBindings.flatMap(({anchor:n})=>{if(n.type==="opaque"){let o={adapter:n.adapter,key:n.key};return[{selector:Ni(o),subject:o}]}let r=n.structuralSelector??n.runtimeSelector;return n.pathname===t&&r?[{selector:r}]:[]}).slice(0,8):(e.elementIdentifiers??[]).flatMap(n=>{let r=ni(n,t);return r?[{selector:r}]:[]}).slice(0,8)}export{ss as $,nu as $a,Br as A,$r as Aa,cl as Ab,Xo as B,Dl as Ba,ul as Bb,Nn as C,ks as Ca,pl as Cb,jl as D,V1 as Da,vp as Db,M1 as E,Fl as Ea,hl as Eb,T1 as F,_1 as Fa,Cp as Fb,Ol as G,Z1 as Ga,Gp as Gb,E1 as H,q1 as Ha,t0 as Hb,Ko as I,U1 as Ia,n0 as Ib,ar as J,Ct as Ja,r0 as Jb,Wl as K,jr as Ka,o0 as Kb,Bl as L,yl as La,i0 as Lb,Wo as M,Tp as Ma,a0 as Mb,_a as N,Ep as Na,l0 as Nb,as as O,X1 as Oa,s0 as Ob,di as P,D2 as Pa,V2 as Pb,u0 as Q,K1 as Qa,Q2 as Qb,ri as R,F2 as Ra,_l as S,Y1 as Sa,f0 as T,e0 as Ta,ts as U,Za as Ua,ns as V,zo as Va,os as W,Ro as Wa,is as X,su as Xa,Z0 as Y,du as Ya,ci as Z,Yn as Za,ls as _,Rn as _a,sp as a,ds as aa,ru as ab,sl as b,z1 as ba,Kt as bb,dp as c,R1 as ca,au as cb,Cl as d,P1 as da,pn as db,qo as e,H1 as ea,$n as eb,kl as f,ui as fa,fn as fb,d0 as g,pi as ga,wt as gb,Ke as h,N1 as ha,mn as hb,Jo as i,j1 as ia,An as ib,e1 as j,O1 as ja,xa as jb,t1 as k,W1 as ka,wa as kb,o1 as l,B1 as la,Fc as lb,ct as m,bs as ma,It as mb,nt as n,fi as na,So as nb,bn as o,y2 as oa,ka as ob,y1 as p,v2 as pa,Yt as pb,b1 as q,x2 as qa,gn as qb,vn as r,hi as ra,Oa as rb,Nl as s,vs as sa,Ho as sb,Go as t,w2 as ta,Fa as tb,gt as u,C2 as ua,Va as ub,v1 as v,k2 as va,Oo as vb,x1 as w,S2 as wa,Qa as wb,w1 as x,xs as xa,ga as xb,C1 as y,_r as ya,ol as yb,k1 as z,ei as za,rr as zb};
|
|
347
|
+
`}}),Nt.map(g=>{let ye=I?.element===g.domElement,te=Go(g.hasPendingChanges,jn(g),h?.get(g.selector)),pe=Pe(g),G=lt(g,te),Te=Y1(g.selector,pe,d,x),ae=e2(Te,g.comment,jn(g)),Fe=pe||te?.status==="in_flight",Ye=t2(ae,Fe),Je=v?.has(h?.get(g.selector)??te?.jobId??""),le=g.comment?.awaitingReview||te?.status==="awaiting_review",Be=le?"Awaiting review":Je?"Approval needed":pe?Re||"Thinking":G?"Queued":te?.status==="in_flight"?"Thinking":te?.status==="waiting_input"?"Question":te?.status==="failed"?"Failed":te?.label??"Replied",bt=!!(g.domElement&&ss(g.domElement,A)),oe=ee===g.selector,Oe=Q.has(g.selector),et=Q.get(g.selector),vt=!!te||g.comment?.pending===!1,V=qr({hasElementChanges:g.hasElementChanges,hasPendingChanges:g.hasPendingChanges,hasThreadState:vt,isHovered:r&&o===g.selector||bt||oe||_r(Y,g.selector,0),hasTimedReveal:Oe,isRevealedSticker:!1}),ce=g.stickers.length+1,Ve=qr({hasElementChanges:g.hasElementChanges,hasPendingChanges:g.hasPendingChanges,hasThreadState:vt,isHovered:_r(Y,g.selector,ce),hasTimedReveal:Oe,isRevealedSticker:!1}),ut=qr({hasElementChanges:g.hasElementChanges,hasPendingChanges:g.hasPendingChanges,hasThreadState:vt,isHovered:r&&o===g.selector||bt||oe||_r(Y,g.selector,ce),hasTimedReveal:Oe,isRevealedSticker:Oe}),Qe=Bn(g),Rt=(ye?I.imageCount:ms(g.comment,pe||!!te))??0,Vt=g.stickers.length>0||Rt>0,dr=_s({hasCommentEntry:ye||!!g.comment,stagedChangeCount:g.stickers.length+ +(Rt>0)}),an=pe||!!te||!!g.comment?.awaitingReview,wn=!an&&g.selector===S,Qt=!ye&&V.annotationCollapsed&&ut.stickerCollapsed&&Ve.sendCompact&&!Oe&&Y?.selector!==g.selector,st=Qt?qs({annotationNumber:g.annotationNumber,stickerCount:g.stickers.length,interactionEpisodeStepCount:g.comment?.interactionEpisodeStepCount??0,hasStatus:an,hasSend:wn,controlGap:dr})+ti(Rt):Qe;return l(Js,{element:g.domElement,projectedRect:g.projectedRect,onRemove:g.comment&&se?()=>se(g.comment.id):J&&i.some(ve=>ve.selector===g.selector)?()=>J(i.filter(ve=>ve.selector===g.selector)):void 0,onActivate:g.comment?.threadId||te?.threadId?()=>P?.(g.comment?.threadId??te?.threadId):void 0,hideOutline:!(r&&Mt===g),color:ae,fillOpacity:.1,outlineZIndex:10002,subjectRegistry:t,hideTooltip:!0,railGap:2,railWidth:Qe,refreshKey:C,renderRail:ve=>{let Zt=at.current.get(g.selector)?.getBoundingClientRect(),cr=Zt?.width?Zt:po(ve,Qe,22),ur=!!(Qt&&Mt!==g&&on&&Wi(cr,on));if(Mt!==g&&on&&Wi(po(ve,st,22),on))return null;let Ur=ve.horizontalAlignment==="right"?ve.left-Qe:ve.left,ln=m2(Wn,Ur,Qe);if(g.transient){let q=g.domElement?ud(g.domElement):null;return l(hs,{"data-popmelt-rail-priority":"intent","data-popmelt-subject-label-action":q?"true":void 0,"data-popmelt-subject-adapter":q?.adapter,"data-popmelt-subject-key":q?.key,left:ve.left,top:ve.top,avoidTop:ln.avoidTop,avoidBottom:ln.avoidBottom,anchor:ve.anchor,horizontalAlignment:ve.horizontalAlignment,style:{zIndex:10001,pointerEvents:q?"auto":"none",cursor:q?"pointer":void 0},onPointerDown:Ie=>{q&&Ie.stopPropagation()},onClick:Ie=>{q&&(Ie.preventDefault(),Ie.stopPropagation(),Le?.(q))},onContextMenu:Ie=>{q&&(Ie.preventDefault(),Ie.stopPropagation(),U?.(q))},onMouseEnter:()=>{q&&ke?.(q)},onMouseLeave:()=>ke?.(null),children:l("div",{"data-devtools":"steer-element-identifier",ref:Ie=>{g.domElement&&Gi(g.domElement,Ie)},"data-popmelt-subject-label-action":q?"true":void 0,style:{...Ft,borderRadius:g.domElement===document.body?xr("bottom-left"):xr(ve.anchor)},children:l("span",{style:yt,children:g.label})})})}return l(hs,{"data-popmelt-rail-priority":"history","data-popmelt-snap-collapse":ur||void 0,visualRef:q=>{q?at.current.set(g.selector,q):at.current.delete(g.selector)},left:ve.left,top:ve.top,avoidTop:ln.avoidTop,avoidBottom:ln.avoidBottom,anchor:ve.anchor,horizontalAlignment:ve.horizontalAlignment,onClick:()=>{if(ye)return;let q=o2(g.comment,g.comment?.threadId??te?.threadId);q.type==="edit-comment"?de?.(q.annotationId):q.type==="open-thread"&&P?.(q.threadId)},onContextMenu:q=>{if(q.preventDefault(),q.stopPropagation(),g.comment&&se){se(g.comment.id);return}if(J){let Ie=i.filter(je=>je.selector===g.selector);if(Ie.length){J(Ie);return}}g.comment&&g.comment.pending!==!1&&he?(It(g.selector),Ae(Ie=>cs(Ie,g.selector)),qe(Ie=>Ie===g.selector?null:Ie),w?.(null),he(g.comment.id)):a.some(Ie=>Ie.selector===g.selector&&!Ie.captured)?xe?.(g.selector):!g.hasPendingChanges&&!pe&&te?.status==="resolved"&&X?.(te.threadId)},onMouseEnter:()=>{It(g.selector),qe(g.selector),w?.(g.selector)},onMouseLeave:()=>{Ht(g.selector),w?.(null)},style:{zIndex:ye?10002:1e4,cursor:ye?"text":"pointer",pointerEvents:"auto"},children:y("div",{ref:q=>{g.domElement&&Gi(g.domElement,q)},style:{display:"flex",alignItems:"center",gap:dr},children:[ye?I.render(ve.anchor):y("div",{"data-devtools":"badge","data-popmelt-collapsed":V.annotationCollapsed,onMouseEnter:()=>be(g.selector,"annotation",0),style:{...Ft,backgroundColor:n2({accentColor:d,threadAccentColor:ae,comment:g.comment,isInFlight:pe,hasThreadState:!!te,hasStickers:g.stickers.length>0}),gap:0,letterSpacing:g.comment?0:Ft.letterSpacing,borderRadius:g.domElement===document.body?xr("bottom-left"):xr(ve.anchor)},children:[l("span",{style:{fontWeight:600},children:g.annotationNumber}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",style:{...yt,paddingLeft:g.comment?0:void 0},children:g.comment?y(Me,{children:[".",l("span",{style:{marginLeft:2},children:g.comment.text})]}):y(Me,{children:[". ",g.label]})})})]}),!Vt&&l(Bi,{stepCount:ye?0:g.comment?.interactionEpisodeStepCount??0,onClear:g.comment?.pending!==!1&&we?()=>we(g.comment.id):void 0,submitted:g.comment?.pending===!1}),Vt&&y("div",{className:"popmelt-staged-sticker-group",children:[g.stickers.map((q,Ie)=>{let je=rn(q),pt=qr({hasElementChanges:g.hasElementChanges,hasPendingChanges:g.hasPendingChanges,hasThreadState:!!te,isHovered:_r(Y,g.selector,Ie+1),hasTimedReveal:Oe,isRevealedSticker:Oe&&je===et}),_t=d2(Ie,g.stickers.length+ +(Rt>0)),$t=Ie===0?void 0:uo;return y("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:_t.zIndex},children:[l("span",{"aria-hidden":!0,className:"popmelt-staged-sticker-pointer",style:{"--popmelt-staged-accent":Ye,WebkitMaskImage:Ie===0?void 0:vr,maskImage:Ie===0?void 0:vr}}),y("button",{type:"button","data-devtools":"staged-sticker","data-popmelt-style-property":q.custom?.property,title:q.custom?`${q.custom.property}: ${q.custom.value}`:void 0,"data-popmelt-collapsed":pt.stickerCollapsed,onMouseEnter:()=>be(g.selector,je,Ie+1),"aria-label":q.custom?`Custom ${q.custom.property}: ${q.custom.value}`:`${r?"Staged":"Edit staged"} ${q.token} sticker`,onPointerDown:Ze=>{Ze.preventDefault(),Ze.stopPropagation()},onClick:Ze=>{Ze.preventDefault(),Ze.stopPropagation(),q.selection&&E?.(g.selector,q.selection)},onContextMenu:Ze=>{Ze.preventDefault(),Ze.stopPropagation(),It(g.selector),Ae(Ot=>cs(Ot,g.selector)),w?.(null),q.selection&&$?.(g.selector,q.selection)},style:{...Ft,position:"relative",height:"100%",minHeight:22,appearance:"none",border:0,margin:0,paddingLeft:_t.paddingLeft,paddingRight:_t.paddingRight,gap:0,cursor:q.selection&&(E||$)?"pointer":"default",backgroundColor:Ye,WebkitMaskImage:$t,maskImage:$t},children:[q.selection?l(sr,{family:q.selection.family,subproperty:q.selection.subproperty,step:q.selection.step}):l(u2,{property:q.custom.property}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",children:q.token})})]})]},je)}),l(Vl,{imageCount:Rt,color:Ye,layered:g.stickers.length>0}),!ye&&(g.comment?.interactionEpisodeStepCount??0)>0&&l("div",{className:"popmelt-staged-sticker-layer",style:{zIndex:1},children:l(Bi,{stepCount:g.comment.interactionEpisodeStepCount,layered:!0,onClear:g.comment?.pending!==!1&&we?()=>we(g.comment.id):void 0,submitted:g.comment?.pending===!1})}),wn&&l(Di,{bundleCount:H,compact:Ve.sendCompact,layered:!0,onHoverChange:q=>{q&&be(g.selector,"send",ce),L?.(q)},onSend:k,style:{position:"relative",zIndex:(g.comment?.interactionEpisodeStepCount??0)>0?0:1}})]}),an&&l("button",{type:"button","data-devtools":"annotation-badge","data-popmelt-collapsed":ut.stickerCollapsed,onMouseEnter:()=>be(g.selector,"thread-status",ce),"aria-label":te?`${Be}. Open thread`:Be,onPointerDown:q=>{q.preventDefault(),q.stopPropagation()},onClick:q=>{q.preventDefault(),q.stopPropagation();let Ie=g.comment?.threadId??te?.threadId;Ie&&P?.(Ie)},style:{...Ft,appearance:"none",border:0,margin:0,cursor:te&&P?"pointer":"default",backgroundColor:ae,gap:0},children:le?y(Me,{children:[l(ra,{size:12,strokeWidth:2.25}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",children:Be})})]}):pe?y(Me,{children:[Je?l(Rd,{size:12,"aria-label":"Approval needed"}):l("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"currentColor",style:{verticalAlign:"middle"},children:zt===1?y(Me,{children:[l("circle",{cx:"7",cy:"7",r:"2"}),l("circle",{cx:"17",cy:"7",r:"2"}),l("circle",{cx:"7",cy:"17",r:"2"}),l("circle",{cx:"17",cy:"17",r:"2"})]}):y(Me,{children:[l("circle",{cx:"12",cy:"6",r:"2"}),l("circle",{cx:"6",cy:"12",r:"2"}),l("circle",{cx:"18",cy:"12",r:"2"}),l("circle",{cx:"12",cy:"18",r:"2"})]})}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",style:{opacity:.8},children:Be})})]}):y(Me,{children:[G?l(ra,{"data-devtools":"queued-status-icon",size:12,strokeWidth:2.25,style:{verticalAlign:"middle",opacity:.6}}):te?.status==="waiting_input"?l($d,{"data-devtools":"question-status-icon",size:12,strokeWidth:2.25,style:{transform:"translateY(-0.5px)",flexShrink:0}}):te?.status==="failed"?l(Pd,{size:12,strokeWidth:2.25}):l(Hd,{size:12,strokeWidth:2.25}),l("span",{className:"popmelt-collapsible-badge-detail",children:l("span",{className:"popmelt-collapsible-badge-detail-inner",children:Be})})]})}),wn&&!Vt&&l(Di,{bundleCount:H,compact:Ve.sendCompact,onHoverChange:q=>{q&&be(g.selector,"send",ce),L?.(q)},onSend:k})]})})}},`${g.transient?"intent":"history"}:${g.selector}`)})]})}var On=8,ui=4;function g2(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function y2(e,t){return e===t||Yi(e,t)||Yi(t,e)}function b2(e,t){return y2(e,t)||Un(e)!==null&&Un(e)===Un(t)}function v2(e){let t=0,n=Un(e);for(;n;)t+=1,n=Un(n);return t}function pi(e,t){return vo(e,t?.[0])}function ys(e){return!!(e.linkedSelector&&e.elements?.[0]?.tagName.toLowerCase()==="body")}function x2(e){let t=Oi(e,22,2,window.innerHeight);return{x:t.left+window.scrollX+8,y:t.top+window.scrollY+4}}function w2(e){let t=e?.getBoundingClientRect();return!t||typeof window>"u"?{}:t.top<window.innerHeight/2?{avoidTop:t.bottom+On,avoidLeft:t.left-On,avoidRight:t.right+On}:{avoidBottom:t.top-On,avoidLeft:t.left-On,avoidRight:t.right+On}}function C2(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 k2(e,t,n=0,r,o,i=90){let a=e.left+window.scrollX+8,s=t==="top-left"?e.top+window.scrollY-ui-22-n*22+4:e.bottom+window.scrollY+ui+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(),m=e.left;if(m+o+16+i>p.left&&m<p.right)if(p.top<window.innerHeight/2){let h=window.scrollY+p.bottom+4;h>d&&(d=h,u="top")}else{let h=window.scrollY+p.top-22-4;h<c&&(c=h,u="bottom")}}return d>c&&(c=d),s<d?s=u==="top"?d:e.top+window.scrollY+4:s>c&&(s=u==="bottom"?c:Math.max(e.top+window.scrollY+4,c)),{x:a,y:s}}var S2=new Set(["resolved","needs_review","waiting_input","failed"]);function fi(e){return e.linkedSelector??(e.target?Qi(e.target):void 0)}function I2(e,t){let n=e.groupId?t.filter(c=>c.groupId===e.groupId):[e],r=n.find(c=>c.status!==void 0&&S2.has(c.status)),o=n.find(c=>c.threadId),i=n.find(c=>fi(c)),a=i?fi(i):void 0;if(!r?.status||!o?.threadId||!a)return;let s=n.find(c=>c.targetBindingId),d=n.find(c=>c.replyJobIds?.length);return{status:r.status,threadId:o.threadId,targetBindingId:s?.targetBindingId,replyJobIds:d?.replyJobIds,linkedSelector:a,elements:i?.elements}}function bs({resolveElement:e,projectedSelectors:t,activeText:n,activeColor:r,annotations:o,annotationNumberById:i,focusedThreadAnnotationId:a,hiddenCollidingAnnotationIds:s,modifiedElementThreadStates:d,nestedCollidingAnnotationCountById:c,nestedCollidingAnnotationIdsById:u,pageAnnotations:p,pageStyleModifications:m,pageTextModifications:h,sendHintAnchorId:v,supersededAnnotations:x,visibleCollisionRepresentativeByAnnotationId:T,activeTextSendHintId:w,targetResolutionRevision:S}){let H=ie((I,C)=>t?null:e?e(I,C):pi(I,C),[S,e,t]),L=me(()=>{let I=[],C=new Set,W=[...p].sort((B,N)=>N.timestamp-B.timestamp);for(let B of W){if(B.type!=="text"||!B.text||!B.linkedSelector||x.has(B)||s.has(B.id))continue;let N=B.status??(B.captured?"in_flight":"pending");if(!["pending","sending","in_flight","awaiting_review"].includes(N))continue;let Y=i.get(B.id);if(Y===void 0||C.has(B.linkedSelector))continue;let Ae=H(B.linkedSelector,B.elements),ee=B.elements?.[0];!Ae&&!(t?.has(B.linkedSelector)&&ee)||(C.add(B.linkedSelector),I.push({id:B.id,selector:B.linkedSelector,text:B.text.replace(/\n/g," "),annotationNumber:Y,color:B.color,element:ee??go(Ae),pending:N==="pending",awaitingReview:N==="awaiting_review",threadId:B.threadId,imageCount:B.imageCount??0,interactionEpisodeStepCount:B.interactionEpisode?.steps.length}))}return I},[i,s,p,x,H,t]),k=me(()=>new Set(L.map(I=>I.id)),[L]),E=me(()=>{let I=new Map;for(let C of p){if(C.type!=="text")continue;let W=I2(C,p);W&&I.set(C.id,W)}return I},[p]),$=me(()=>{let I=[],C=new Set,W=[...p].sort((B,N)=>+(N.id===a)-+(B.id===a)||N.timestamp-B.timestamp);for(let B of W){let N=E.get(B.id);if(!N||!di({...B,status:N.status,threadId:N.threadId,linkedSelector:N.linkedSelector})||!B.text||x.has(B)||s.has(B.id)||C.has(N.linkedSelector))continue;let Y=i.get(B.id);if(Y===void 0)continue;let Ae=H(N.linkedSelector,N.elements),ee=N.elements?.[0];!Ae&&!(t?.has(N.linkedSelector)&&ee)||(C.add(N.linkedSelector),I.push({id:B.id,selector:N.linkedSelector,text:B.text.replace(/\n/g," "),annotationNumber:Y,color:B.color,element:ee??go(Ae),pending:!1,imageCount:B.imageCount??0,interactionEpisodeStepCount:B.interactionEpisode?.steps.length,threadState:{jobId:N.replyJobIds?.[N.replyJobIds.length-1]??N.threadId,threadId:N.threadId,targetBindingId:N.targetBindingId,annotationNumber:Y,status:N.status==="waiting_input"?"waiting_input":N.status==="failed"?"failed":"resolved",label:N.status==="waiting_input"?"Question":N.status==="failed"?"Failed":"Replied"}}))}return I},[i,a,s,p,E,x,H,t]),j=me(()=>[...L,...$],[$,L]),P=me(()=>{let I=new Set,C=new Set,W=new Set,B=new Set;for(let[N,Y]of d??[])if(Xi(Y.selectors??[N],Y.targetFingerprint).status==="matched"){C.add(Y.threadId),Y.targetBindingId&&W.add(Y.targetBindingId);for(let Ae of Y.selectors??[])B.add(Ae);!Y.targetBindingId&&!Y.selectors?.length&&B.add(N)}for(let N of p){let Y=E.get(N.id),Ae=N.groupId?p.filter(Ne=>Ne.groupId===N.groupId):[N],ee=Ae.map(fi).find(Ne=>!!Ne),qe=Ae.find(Ne=>Ne.threadId)?.threadId,Q=Ae.find(Ne=>Ne.targetBindingId)?.targetBindingId;if(!(N.type!=="text"||!N.text||!ee||x.has(N)||s.has(N.id))){if(qe&&C.has(qe)||Q&&W.has(Q)||B.has(ee)){I.add(N.id);continue}!Y||!di({...N,status:Y.status,threadId:Y.threadId,linkedSelector:Y.linkedSelector})||H(Y.linkedSelector,Y.elements)&&I.add(N.id)}}return I},[s,d,p,E,x,H]),A=me(()=>{let I=new Set;for(let C of p)!ci(C)||!C.linkedSelector||x.has(C)||s.has(C.id)||H(C.linkedSelector,C.elements)&&I.add(C.id);return I},[s,p,x,H]),F=me(()=>{let I=new Set(A);for(let C of k)I.add(C);for(let C of P)I.add(C);return I},[A,P,k]),Z=me(()=>new Map(j.map(I=>[I.selector,I.color])),[j]),de=me(()=>new Set([...s,...F]),[F,s]),he=me(()=>{if(!n?.linkedSelector||n.domEdit)return null;let I=H(n.linkedSelector,n.elements);if(!I)return null;let C=[...m,...h].find(N=>!N.captured&&pi(N.selector,[N.element])===I),W=p.find(N=>N.id===n.id),B=!!(!n.isNew&&W&&ci(W));return!C&&!B?null:{element:I,selector:C?.selector??n.linkedSelector}},[n,p,m,h,H]),se=v===w?v:v?T.get(v)??v:null,J=me(()=>{if(se===w)return n?.text.trim()?he?.selector??null:null;if(se&&se!==w)return L.find(I=>I.id===se)?.selector??null;for(let I=h.length-1;I>=0;I-=1){let C=h[I];if(C&&!C.captured)return C.selector}for(let I=m.length-1;I>=0;I-=1){let C=m[I];if(C&&!C.captured&&!C.awaitingReview)return C.selector}return null},[n,he,w,m,h,L,se]),xe=n?n.isNew?w:n.id:null,X=xe?c.get(xe)??0:0,we=xe?u.get(xe)??[]:[],Le=n?.isNew?void 0:o.find(I=>I.id===n?.id),U=(Le?.status??(Le?.captured?"in_flight":"pending"))==="pending"?Le?.color??r:"#8c8c8c",ke=me(()=>p.filter(I=>!(x.has(I)||s.has(I.id)||F.has(I.id)||n&&!n.isNew&&I.id===n.id)),[n,F,s,p,x]);return{activeTextAnnotation:Le,activeTextCollisionId:xe,activeTextModifiedRail:he,activeTextNestedAnnotationCount:X,activeTextNestedAnnotationIds:we,activeTextNestedBadgeColor:U,elementRailColorBySelector:Z,elementRailCommentIds:F,elementRailComments:j,hiddenAnnotationBadgeIds:de,modifiedElementSendHintSelector:J,stagedElementComments:L,visibleCanvasAnnotations:ke,visibleSendHintAnchorId:se}}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 M2=(e,t,n,r)=>{let o=Kr(t);if(!o)return;let[i,a]=o,s=(i.x+a.x)/2,d=(i.y+a.y)/2,c=Math.abs(a.x-i.x)/2,u=Math.abs(a.y-i.y)/2;e.beginPath(),e.strokeStyle=n,e.lineWidth=r,e.ellipse(s,d,c,u,0,0,Math.PI*2),e.stroke()},L2=(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 s=1;s<t.length-1;s++){let d=t[s],c=t[s+1];!d||!c||e.quadraticCurveTo(d.x,d.y,(d.x+c.x)/2,(d.y+c.y)/2)}e.lineTo(a.x,a.y),e.stroke()},T2=(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()},E2=(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))},vs=11,mi=4,A2=`600 ${vs}px system-ui, -apple-system, sans-serif`;function xs(e,t,n){return e.map(r=>({x:r.x-t,y:r.y-n}))}function z2(e,t,n,r,o,i){let a=String(r);e.font=A2;let s=e.measureText(a).width+mi*2,d=vs+mi*2,c=t-s/2,u=n+i/2+2;e.fillStyle=o,e.fillRect(c,u,s,d),e.fillStyle="#ffffff",e.textBaseline="middle",e.fillText(a,c+mi,u+d/2)}function R2(e,t){if(e.points.length<2&&e.type!=="text")return null;switch(e.type){case"rectangle":case"freehand":{let n,r;if(e.type==="freehand")n=Math.min(...e.points.map(o=>o.x)),r=Math.max(...e.points.map(o=>o.y));else{let o=e.points[0],i=e.points[e.points.length-1];n=Math.min(o.x,i.x),r=Math.max(o.y,i.y)}return{x:n,y:r}}case"circle":{let n=e.points[0],r=e.points[e.points.length-1],o=Math.min(n.x,r.x),i=(Math.min(n.y,r.y)+Math.max(n.y,r.y))/2;return{x:o,y:i}}case"line":{let n=e.points[0],r=e.points[e.points.length-1],o=n.y>r.y?n:r;return{x:o.x,y:o.y}}default:return null}}function ws(){let e=M(null),t=ie(()=>{let a=e.current;if(!a)return;let s=a.getContext("2d");s&&s.clearRect(0,0,a.width,a.height)},[]),n=ie((a,s,d,c=1,u=!1)=>{let p=e.current;if(!p)return;let m=p.getContext("2d");if(!m)return;let h=a.status??(a.captured?"in_flight":"pending"),v=h==="pending"?a.color:"#8c8c8c";switch(m.save(),m.globalAlpha=c,a.type){case"freehand":L2(m,a.points,v,a.strokeWidth);break;case"line":T2(m,a.points,v,a.strokeWidth);break;case"rectangle":E2(m,a.points,v,a.strokeWidth);break;case"circle":M2(m,a.points,v,a.strokeWidth);break;case"text":if(a.text&&a.points[0]){let x=h==="pending"?"#ffffff":"#dddddd";Ks(m,a.points[0],a.text,v,a.fontSize,s,a.points[0].x,d,x,ys(a)?"bottom-left":a.linkedAnchor,u)}break}m.restore()},[]),r=ie((a,s)=>{let d=e.current;if(!d||a.points.length<2)return;let c=d.getContext("2d");if(c){if(c.fillStyle="#ffffff",c.strokeStyle=a.color,c.lineWidth=1.5,a.type==="line"){let u=a.points[0],p=a.points[a.points.length-1];[u,p].forEach(m=>{c.beginPath(),c.arc(m.x,m.y,s/2,0,Math.PI*2),c.fill(),c.stroke()});return}if(a.type==="circle"){let u=a.points[0],p=a.points[a.points.length-1],m=Math.min(u.x,p.x),h=Math.max(u.x,p.x),v=Math.min(u.y,p.y),x=Math.max(u.y,p.y),T=(m+h)/2,w=(v+x)/2;[{x:T,y:v},{x:T,y:x},{x:m,y:w},{x:h,y:w}].forEach(S=>{c.beginPath(),c.rect(S.x-s/2,S.y-s/2,s,s),c.fill(),c.stroke()});return}if(a.type==="rectangle"||a.type==="freehand"){let u,p,m,h;if(a.type==="freehand")u=Math.min(...a.points.map(v=>v.x)),p=Math.max(...a.points.map(v=>v.x)),m=Math.min(...a.points.map(v=>v.y)),h=Math.max(...a.points.map(v=>v.y));else{let v=a.points[0],x=a.points[a.points.length-1];u=Math.min(v.x,x.x),p=Math.max(v.x,x.x),m=Math.min(v.y,x.y),h=Math.max(v.y,x.y)}[{x:u,y:m},{x:p,y:m},{x:u,y:h},{x:p,y:h}].forEach(v=>{c.beginPath(),c.rect(v.x-s/2,v.y-s/2,s,s),c.fill(),c.stroke()})}}},[]),o=ie((a,s,d,c=0,u=0,p,m,h,v,x,T=.5,w)=>{if(t(),a.forEach(S=>{let H={...S,points:xs(S.points,c,u)},L=p?.get(S.id),k=x?.has(S.id)??!1,E=!!m?.size,$=m?.has(S.id)??!1,j=E?$?1:.2:v&&!v.has(S.id)&&!k?T:1;n(H,L,h,j,w?.has(S.id))}),s&&s.length>0&&d){let S=e.current?.getContext("2d");for(let H of s){let L=a.find(k=>k.id===H);if(L){let k=x?.has(L.id)??!1,E=!!m?.size,$=m?.has(L.id)??!1,j=E?$?1:.2:v&&!v.has(L.id)&&!k?T:1,P={...L,points:xs(L.points,c,u)};if(S?.save(),S&&(S.globalAlpha=j),r(P,d),S&&L.type!=="text"&&p&&!(L.groupId&&a.some(A=>A.groupId===L.groupId&&A.type==="text"))){let A=p.get(L.id);if(A!==void 0){let F=R2(P);if(F){let Z=(L.status??(L.captured?"in_flight":"pending"))==="pending"?L.color:"#999999";z2(S,F.x,F.y,A,Z,d)}}}S?.restore()}}}},[t,n,r]),i=ie(()=>{let a=e.current;if(!a)return;let s=window.devicePixelRatio||1,d=window.visualViewport?.width??window.innerWidth,c=window.visualViewport?.height??window.innerHeight;a.width=d*s,a.height=c*s;let u=a.getContext("2d");u&&u.scale(s,s)},[]);return{canvasRef:e,clearCanvas:t,drawAnnotation:n,redrawAll:o,resizeCanvas:i}}function $2(e){if(e.length===0)return{x:0,y:0,width:0,height:0};let t=e.map(s=>s.x),n=e.map(s=>s.y),r=Math.min(...t),o=Math.max(...t),i=Math.min(...n),a=Math.max(...n);return{x:r,y:i,width:o-r,height:a-i}}var P2=new Set;function H2({annotations:e,annotationGroupMap:t,targetDocument:n,color:r,onViewThread:o,onDelete:i}){let{canvasRef:a,redrawAll:s,resizeCanvas:d}=ws(),[c,u]=z({x:0,y:0,revision:0}),[p,m]=z([]);_e(()=>{let v=n.defaultView,x=()=>{let T=v?.frameElement?.getBoundingClientRect();u(w=>({x:(T?.left??0)-(v?.scrollX??0),y:(T?.top??0)-(v?.scrollY??0),revision:w.revision+1}))};return x(),v?.addEventListener("scroll",x,{passive:!0}),window.addEventListener("resize",x),()=>{v?.removeEventListener("scroll",x),window.removeEventListener("resize",x)}},[n]);let h=me(()=>Yo(e,n.location?.pathname??"/").filter(v=>v.points.length>0).map(v=>({...v,color:r,points:v.points.map(x=>({x:x.x+c.x,y:x.y+c.y}))})),[e,r,n,c]);return _e(()=>{if(!h.length){m([]);return}d(),s(h,[],void 0,0,0,t);let v=a.current?.getContext("2d");v&&m(h.map(x=>{if(x.type!=="text"){let E=$2(x.points);return{annotation:x,left:E.x,top:E.y,width:Math.max(12,E.width),height:Math.max(12,E.height)}}let T=x.fontSize??12,w=t.get(x.id),S=`${w===void 0?"":`${w}. `}${(x.text??"").replace(/\n/g," ")}`,H=x.points[0];v.font=`${T}px ${Hi}`;let L=v.measureText(td(v,S,nd(H.x))).width+16,k=rd(H,T,void 0,L);return{annotation:x,left:k.x-8,top:k.y-4,width:L,height:T*Ni+8}}))},[h,t,a,s,d]),h.length?y(Me,{children:[l("canvas",{ref:a,"aria-hidden":!0,style:{position:"fixed",inset:0,width:"100vw",height:"100vh",pointerEvents:"none",zIndex:9999}}),p.map(({annotation:v,...x})=>l("button",{type:"button","data-devtools":"peer-canvas-annotation","data-annotation-id":v.id,"aria-label":v.text??"Annotation",onClick:T=>{T.stopPropagation(),v.threadId&&o?.(v.threadId)},onPointerDown:T=>T.stopPropagation(),onContextMenu:i?T=>{T.preventDefault(),T.stopPropagation(),i(v.id)}:void 0,style:{...x,position:"fixed",padding:0,border:0,background:"transparent",pointerEvents:"auto",cursor:v.threadId?"pointer":"default",zIndex:9999}},v.id)),l(od,{annotations:h,supersededAnnotations:P2,annotationGroupMap:t,scrollX:0,scrollY:0,onViewThread:o,canvasRef:a,pendingBundleCount:0})]}):null}var N2=new Set,j2=new Map,O2=new Map,W2=new Map;function B2({peer:e,targetDocument:t,projectedTargets:n,hoveredElement:r,getSubjects:o,onApprove:i,focusedAnnotationId:a}){let s=Ln(Va),d=Ln(jo),c=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerAnnotations&&!d.view?.isPeeking?k=>{d.deletePeerAnnotations(e.identity.id,[k]).catch(()=>{})}:void 0,u=me(()=>wl(Zo(e.state??Zi,d?.pendingSubmissions??[],e.identity.id),e.identity.relationship==="guest"?e.color:void 0),[e.state,e.identity.id,e.identity.relationship,e.color,d?.pendingSubmissions]),p=d?.isHost&&e.identity.relationship==="guest"&&d.deletePeerStyles&&!d.view?.isPeeking?k=>{d.deletePeerStyles(e.identity.id,k.map(Gp)).catch(()=>{})}:void 0,[m,h]=z(0),v=me(()=>li((e.state?.annotations??[]).flatMap(k=>[k.linkedSelector,k.elements?.[0]?.selector].filter(E=>!!E))),[e.state?.annotations]);D(()=>{if(!t||n)return;let k=new MutationObserver(E=>{E.some(v.changesIdentity)&&h($=>$+1)});return k.observe(t.body,{childList:!0,characterData:!0,subtree:!0,attributes:!0,attributeFilter:v.attributes}),()=>k.disconnect()},[t,n,v]);let x=ie((k,E)=>!t||n?null:vo(k,E?.[0],t),[t,n]),T=me(()=>n?new Set(n.keys()):void 0,[n]),w=Wl({state:u,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications}),S=u.annotations.find(k=>k.id===a)?.linkedSelector,H=[...u.annotations].filter(k=>!k.captured&&!w.supersededAnnotations.has(k)).sort((k,E)=>E.timestamp-k.timestamp)[0],L=bs({resolveElement:x,projectedSelectors:T,activeText:null,activeColor:e.color,annotations:u.annotations,annotationNumberById:w.annotationGroupMap,hiddenCollidingAnnotationIds:N2,nestedCollidingAnnotationCountById:j2,nestedCollidingAnnotationIdsById:O2,pageAnnotations:u.annotations,pageStyleModifications:u.styleModifications,pageTextModifications:u.textModifications,sendHintAnchorId:H?.id??null,supersededAnnotations:w.supersededAnnotations,visibleCollisionRepresentativeByAnnotationId:W2,activeTextSendHintId:"",targetResolutionRevision:e.revision+m});return y("div",{"data-devtools":"peer-rails","data-peer-id":e.identity.id,"aria-label":`${e.identity.name}'s suggestions`,children:[t&&!n&&l(H2,{annotations:L.visibleCanvasAnnotations,annotationGroupMap:w.annotationGroupMap,targetDocument:t,color:e.color,onViewThread:s,onDelete:c}),l(gs,{targetDocument:t,projectedTargets:n,hoveredElement:r,subjectRegistry:o?.(),readOnly:!0,onDeletePeerComment:c,onDeletePeerStyles:p,styleModifications:u.styleModifications,textModifications:u.textModifications,stagedComments:L.elementRailComments,accentColor:e.color,annotationNumberBySelector:w.pageModificationNumberBySelector,sendHintSelector:i?L.modifiedElementSendHintSelector:null,pendingBundleCount:w.stagedArtifactOrder.count,onSend:i,onViewThread:s,focusedSelector:S,refreshKey:e.revision})]})}function D2(e,t){let[n,r]=Cd(s=>s+1,0),o=Date.now(),i=t?e.filter(s=>s.startedAt<=o&&o<s.expiresAt+2e3).map(s=>({presence:s,engaged:!s.ended&&o<s.expiresAt})):[],a=Math.min(...i.map(({presence:s,engaged:d})=>d?s.expiresAt:s.expiresAt+2e3));return D(()=>{if(!t||!Number.isFinite(a))return;let s=setTimeout(r,Math.max(0,a-Date.now()));return window.addEventListener("focus",r),document.addEventListener("visibilitychange",r),()=>{clearTimeout(s),window.removeEventListener("focus",r),document.removeEventListener("visibilitychange",r)}},[t,a,n]),i}function F2(e,t){let n=e.split(bd()),r=t;try{for(let[o,i]of n.entries()){let a=r.querySelectorAll(i);if(a.length!==1)return null;let s=a[0];if(o===n.length-1)return s;if(!s.shadowRoot)return null;r=s.shadowRoot}}catch{}return null}function V2(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:Qi(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=ei(n,t);return r?[{selector:r}]:[]}).slice(0,8)}export{as as $,tu as $a,Wr as A,Er as Aa,pl as Ab,Ko as B,Wl as Ba,wp as Bb,Hn as C,ws as Ca,Kp as Cb,Hl as D,F0 as Da,e1 as Db,I0 as E,Bl as Ea,t1 as Eb,L0 as F,Q0 as Fa,n1 as Fb,Nl as G,Z0 as Ga,r1 as Gb,T0 as H,_0 as Ha,o1 as Hb,Uo as I,q0 as Ia,i1 as Ib,ar as J,Ct as Ja,a1 as Jb,jl as K,Nr as Ka,l1 as Kb,Ol as L,hl as La,F2 as Lb,jo as M,Lp as Ma,V2 as Mb,Va as N,Tp as Na,os as O,U0 as Oa,li as P,B2 as Pa,c1 as Q,G0 as Qa,ti as R,D2 as Ra,Vl as S,X0 as Sa,p1 as T,Y0 as Ta,Yl as U,Qa as Ua,es as V,Ro as Va,ns as W,$o as Wa,rs as X,lu as Xa,Z1 as Y,su as Ya,si as Z,er as Za,is as _,$n as _a,lp as a,ls as aa,nu as ab,al as b,z0 as ba,Yt as bb,sp as c,R0 as ca,iu as cb,xl as d,$0 as da,pn as db,Zo as e,P0 as ea,An as eb,wl as f,di as fa,fn as fb,s1 as g,ci as ga,wt as gb,Xe as h,H0 as ha,hn as hb,qo as i,N0 as ia,zn as ib,Yp as j,j0 as ja,va as jb,e0 as k,O0 as ka,xa as kb,r0 as l,W0 as la,Dc as lb,ct as m,gs as ma,St as mb,nt as n,ui as na,So as nb,yn as o,g2 as oa,Ca as ob,g0 as p,b2 as pa,Ba as pb,y0 as q,v2 as qa,Da as qb,bn as r,pi as ra,No as rb,Pl as s,ys as sa,Fa as sb,Jo as t,x2 as ta,ha as tb,gt as u,w2 as ua,nl as ub,b0 as v,C2 as va,rr as vb,v0 as w,k2 as wa,sl as wb,x0 as x,bs as xa,dl as xb,w0 as y,Qr as ya,cl as yb,C0 as z,Xo as za,bp as zb};
|