@popmelt.com/core 0.25.0 → 0.27.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.
Files changed (37) hide show
  1. package/README.md +8 -0
  2. package/claude-plugin/.claude-plugin/plugin.json +1 -1
  3. package/codex-plugin/.codex-plugin/plugin.json +1 -1
  4. package/dist/{ParticipantRuntime-WZLITXXM.mjs → ParticipantRuntime-AD3YD4FW.mjs} +4 -4
  5. package/dist/{PopmeltTasteConnectedPane-77Z23N6Y.mjs → PopmeltTasteConnectedPane-HLCTVPJP.mjs} +6 -6
  6. package/dist/{PreviewRuntime-ATSECGMB.mjs → PreviewRuntime-KGLZJGUN.mjs} +1 -1
  7. package/dist/adapter-react-three-fiber.d.mts +1 -1
  8. package/dist/adapter-three.d.mts +6 -0
  9. package/dist/bridge-entry.mjs +61 -61
  10. package/dist/{browser-runtime-PC2NODES.mjs → browser-runtime-3JZGB3P2.mjs} +1 -1
  11. package/dist/browser.d.mts +4 -4
  12. package/dist/browser.mjs +1 -1
  13. package/dist/{chunk-FRHGK5ZV.mjs → chunk-7YCLSSQA.mjs} +1 -1
  14. package/dist/chunk-7YIQQYRU.mjs +77 -0
  15. package/dist/{chunk-YMJHG3Q6.mjs → chunk-C5Q6LDAS.mjs} +1 -1
  16. package/dist/chunk-D7HY2EDH.mjs +2 -0
  17. package/dist/chunk-MDJYUX5S.mjs +370 -0
  18. package/dist/{chunk-VUJWDJ6C.mjs → chunk-MTRUVFH7.mjs} +1 -1
  19. package/dist/chunk-TFPKDKDO.mjs +345 -0
  20. package/dist/{chunk-NXMPY7RX.mjs → chunk-TSY2K45H.mjs} +1 -1
  21. package/dist/cli.mjs +81 -81
  22. package/dist/index.d.mts +5 -5
  23. package/dist/index.mjs +1 -1
  24. package/dist/media.d.mts +3 -3
  25. package/dist/{participantBootstrap-BQHbHI4r.d.mts → participantBootstrap-QZ3wuqi1.d.mts} +2 -2
  26. package/dist/plugin-astro.mjs +1 -1
  27. package/dist/plugin-nuxt.mjs +1 -1
  28. package/dist/plugin-vite.mjs +1 -1
  29. package/dist/{server-6X5YVYKP.mjs → server-MJF4KF26.mjs} +64 -64
  30. package/dist/server.mjs +64 -64
  31. package/dist/{subjects-BM3Smdow.d.mts → subjects-CG6UyWFr.d.mts} +6 -0
  32. package/dist/{video-adapter-Gm5gmoiz.d.mts → video-adapter-DrTI5cRl.d.mts} +1 -1
  33. package/package.json +25 -23
  34. package/dist/chunk-RLCNRGNJ.mjs +0 -77
  35. package/dist/chunk-XIWFG3E4.mjs +0 -345
  36. package/dist/chunk-YHITBHLH.mjs +0 -370
  37. package/dist/chunk-ZJPPZLXU.mjs +0 -2
@@ -1,370 +0,0 @@
1
- "use client";
2
- import{a as rc,b as Qh}from"./chunk-EX63NVDN.mjs";import{d as Zh,g as ef,m as tf,l as nf}from"./chunk-N2ZEZCHO.mjs";import{a as rf}from"./chunk-J3UIBBU2.mjs";import{ba as Va,d as of,jb as oc,g as af,f as ic,Ob as ss,Sb as ac,Tb as lc,Ub as sc,Rb as dc,Ab as lf,Bb as sf,_a as Ai,Aa as df,Zb as cf,_b as cc,za as uf,ec as pf,ac as hf,bc as ff,cc as mf,pb as gf,Ba as yf,Ua as vf,Qa as uc,rb as bf,sa as wf,ta as ds,ua as xf,va as Sf,qb as kf,Wa as If,ya as Ef,Fb as cs,Eb as Tf,Db as us,$b as Cf,Ca as Af,db as pc,Sa as hc,bb as fc,cb as Mf,ab as mc,$a as Rf,Xa as ps,ca as Lf,Yb as $f,G as gc,Pa as jf,u as Pf,Pb as yc,gb as zf,fb as Df,ib as Hf,eb as Of,hb as Nf,Ta as _f,U as Ff,V as Wf,C as Bf,o as vc,h as no,Ia as an,w as Jf,La as qf,Oa as Uf,k as bc,Ya as Yf,v as Xf,Ja as wc,Ea as Mi,ia as Kf,Da as Vf,ga as xc,na as Gf,wb as Zo,gc as Qf,dc as Zf,vb as Sc,xb as kc,Hb as hs,Jb as em,Wb as tm,Xb as nm,Cb as rm,yb as om,zb as im,Ra as am,Va as fs,fa as lm,q as ms,T as Ic,W as Ec,aa as Tc,$ as Cc,F as ei,X as Ac,_ as Ri,ea as sm,Ma as gs,Ha as dm,Ga as ys,Fa as vs,da as cm,xa as um,wa as pm,Za as hm,Ka as Mc,Na as Rc,p as fm,r as mm,t as gm,b as ym,H as vm,la as Lc,ja as $c,ka as jc,ma as bm,oa as Pc,qa as zc,ra as wm,ha as xm,Qb as Dc,Vb as Hc,c as Sm,D as Li,R as bs,I as ti,Z as Ga,L as Oc,x as km,j as Im,l as Nc,n as Em,m as Tm,i as Cm,s as Am,pa as Mm,K as Qa,y as _c,P as Rm,A as Er,M as ws,J as sa,z as xs,B as Lm,Q as $m,O as jm,Y as Ss,N as Fc,E as Wc,S as Pm}from"./chunk-XIWFG3E4.mjs";import{Z as ks,v as Bc,x as Vt,ya as Jc,B as qc,z as Uc,A as Is,C as zm,D as da,F as Yc,G as Xc,L as Dm,N as Hm,M as Om,J as Nm,O as _m,Ia as Kc,R as $i,qa as Fm,P as Wm,pa as Za,oa as Bm,ha as Mn,Y as Es,ea as ir,ja as Ts,da as ca,la as Jm,S as el,Ba as Vc,ca as ro,Ga as qm,Ha as Gc,aa as Um,$ as Ym,xa as Cs,va as As,Aa as Qc,E as Xm,y as Km,n as Zc,m as ua,j as tl,o as ji,ba as eu,fa as Vm,ga as Gm,_ as Qm,Da as Zm,Ca as tu,Fa as eg,Ea as tg,za as nu,r as ru,l as Ms,Q as ng,ia as Rs,ka as ou,ma as iu,k as nl,q as Ls,w as rg,i as au,p as og}from"./chunk-RLCNRGNJ.mjs";import{c as ig,a as lu,b as pa,d as rl}from"./chunk-NXMPY7RX.mjs";import{j as mn,A as su,C as ag,E as lg,d as ha,i as Io,p as gn,q as Pi,h as ol,z as du,y as sg,w as dg,t as Tr,v as cg,x as ot,k as ug,l as pg,g as cu,u as hg,a as fg,r as mg,s as gg,c as uu,b as $s}from"./chunk-ZJPPZLXU.mjs";import{lazy as pu,memo as yg,useContext as Cr,useState as L,Fragment as vg,useRef as J,useEffect as _,useCallback as Y,useMemo as xe,Suspense as hu,cloneElement as bg,useSyncExternalStore as wg,useLayoutEffect as Lt,useId as xg}from"react";import{domToCanvas as Sg,createContext as kg,destroyContext as Ig}from"modern-screenshot";import{jsx as h,jsxs as T,Fragment as nt}from"react/jsx-runtime";import{Fingerprint as oo,Component as il,Ban as al,Terminal as fu,PenLine as mu,ImageIcon as Eg,Plug as Tg,SquareMousePointer as Cg,ChevronRight as js,FilePenLine as Ag,ChevronDown as zi,Check as Eo,ChevronLeft as Mg,X as ll,Send as gu,Clock as yu,Lock as Rg,ArrowDown as Lg,OctagonAlert as vu,MessageCircleQuestionMark as $g,Reply as jg,TriangleAlert as Pg,Command as bu,CornerDownLeft as Ps,EyeOff as zg,Trash2 as Dg}from"lucide-react";import{createPortal as wu}from"react-dom";function Hg(e){return Bc(e)?new Og(e):new EventSource(e)}var Og=class{constructor(e){this.readyState=0,this.onerror=null,this.controller=new AbortController,this.listeners=new Map,this.read(e)}addEventListener(e,t){let n=this.listeners.get(e)??new Set;n.add(t),this.listeners.set(e,n)}close(){this.readyState=2,this.controller.abort(),this.listeners.clear()}emit(e,t){let n=new MessageEvent(e,{data:t});for(let r of this.listeners.get(e)??[])r(n)}async read(e){try{let t=await fetch(e,rg(e,{signal:this.controller.signal}));if(!t.ok||!t.body||!t.headers.get("content-type")?.includes("text/event-stream"))throw new Error("Event stream unavailable");if(this.controller.signal.aborted)return;this.readyState=1;let n=t.body.getReader(),r=new TextDecoder,o="",i="message",a=[],l=0;try{for(;!this.controller.signal.aborted;){let s=await n.read();if(s.done)throw new Error("Event stream ended");if(o+=r.decode(s.value,{stream:!0}),o.length>2*1024*1024)throw new Error("Event frame too large");let c;for(;(c=o.indexOf(`
3
- `))!==-1;){let d=o.slice(0,c).replace(/\r$/,"");if(o=o.slice(c+1),!d)a.length&&this.emit(i,a.join(`
4
- `)),i="message",a=[],l=0;else if(d.startsWith("event:"))i=d.slice(6).trimStart();else if(d.startsWith("data:")&&(a.push(d.slice(5).replace(/^ /,"")),l+=d.length,l>2*1024*1024))throw new Error("Event frame too large")}}}finally{await n.cancel().catch(()=>{})}}catch{if(this.controller.signal.aborted)return;this.readyState=2,this.emit("error",""),this.onerror?.call(this,new Event("error"))}}};function Ng(e,t,n){return[...e].reverse().find(o=>o.type==="done"||o.type==="error")||(t?void 0:n)}function xu(e,t,n){let r=new Set(t.map(s=>s.id)),o=new Map(n.map(s=>[s.id,s])),i=e.flatMap(s=>{let c=o.get(s);return c?.status==="done"||c?.status==="error"?[c]:[]}),a=new Set(i.map(s=>s.id)),l=e.filter(s=>!a.has(s));for(let s of r)l.includes(s)||l.push(s);return{serverActiveIds:r,terminalJobs:i,reconciledActiveIds:l}}function Su(e,t){return e.store===void 0&&(e.store=t),e.store}function _g(e,t){let n=e.listeners??(e.listeners=new Set);return n.add(t),()=>n.delete(t)}function Fg(e,t,n){let r=n(Su(e,t));e.store=r;for(let o of e.listeners??[])o();return r}var et=globalThis.__POPMELT_BRIDGE_CONNECTION__??(globalThis.__POPMELT_BRIDGE_CONNECTION__={}),sl=et.sourceId??(typeof localStorage<"u"?localStorage.getItem("popmelt-source-id"):null)??(typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():Math.random().toString(36).slice(2));et.sourceId=sl;try{typeof localStorage<"u"&&localStorage.setItem("popmelt-source-id",sl)}catch{}function zs(){return sl}var dl={isConnected:!1,status:"disconnected",jobResponses:{},jobThinking:{},activeJobIds:[],activeJobThreads:{},currentResponse:"",currentThinking:"",events:[],activeJobId:null,lastCompletedJobId:null,lastResponseText:null,lastThreadId:null,lastErrorByJob:{},pendingQuestions:[],incrementalResolutions:[],capabilitiesVersion:0};et.store??(et.store={...dl}),et.listeners??(et.listeners=new Set);var Ar=et.activeEs??null,cl=et.activeBridgeUrl??null,Mr=null,Gn=et.connectionGeneration??0,ul=new Set,Di=new Map,To={},Ds=new Set;function Nn(e,t){if(!e)return!1;if(Ds.has(e))return!0;if(ul.has(e)){let r=Di.get(e);return r||(r=[],Di.set(e,r)),r.push({type:t.type??"",data:t}),!0}let n=To[e];return n!==void 0&&typeof t.seq=="number"&&t.seq<=n}async function ku(e,t,n,r=new Map){let o=()=>n!==(et.connectionGeneration??0);for(let i of t){if(o())return;ul.add(i),Di.set(i,[])}await Promise.all(t.map(async i=>{try{let a=await Yc(e,i);if(o())return;let l=Di.get(i)??[];if(a){ut(d=>{let p={...d.jobResponses,[i]:a.accumulated.response},u={...d.jobThinking,[i]:a.accumulated.thinking},f=[...d.events];for(let m of a.events)m.type==="done"||m.type==="error"||f.push({type:m.type,data:m,timestamp:Date.now()});return{...d,jobResponses:p,jobThinking:u,currentResponse:i===d.activeJobId?a.accumulated.response:d.currentResponse,currentThinking:i===d.activeJobId?a.accumulated.thinking:d.currentThinking,events:f}}),To[i]=a.currentSeq;let s=[...a.events].reverse().find(d=>d.type==="job_started"||d.type==="job_parked");s?.type==="job_parked"&&Hi("job_parked",s,i);let c=Ng(a.events,a.jobActive,r.get(i));c&&Hi(c.type,c,i);for(let d of l)typeof d.data.seq=="number"&&d.data.seq<=a.currentSeq||Hi(d.type,d.data,i)}else{let s=!1;for(let d of l)Hi(d.type,d.data,i),(d.type==="done"||d.type==="error")&&(s=!0);let c=r.get(i);!s&&c&&Hi(c.type,c,i)}}finally{ul.delete(i),Di.delete(i)}}))}function Hi(e,t,n){if(e==="job_parked")ut(r=>{let o=r.activeJobIds.filter(i=>i!==n);return{...r,activeJobIds:o,activeJobId:o.at(-1)??null,events:[...r.events,{type:e,data:t,timestamp:Date.now()}]}});else if(e==="job_started")ut(r=>({...r,status:"streaming",activeJobId:n,activeJobIds:[...new Set([...r.activeJobIds,n])],activeJobThreads:typeof t.threadId=="string"?{...r.activeJobThreads,[n]:t.threadId}:r.activeJobThreads,events:[...r.events,{type:e,data:t,timestamp:Date.now()}]}));else if(e==="delta"){let r=t.text||"";ut(o=>({...o,jobResponses:{...o.jobResponses,[n]:(o.jobResponses[n]||"")+r},currentResponse:n===o.activeJobId?o.currentResponse+r:o.currentResponse,events:[...o.events,{type:"delta",data:t,timestamp:Date.now()}]}))}else if(e==="thinking"){let r=t.text||"";ut(o=>({...o,jobThinking:{...o.jobThinking,[n]:(o.jobThinking[n]||"")+r},currentThinking:n===o.activeJobId?o.currentThinking+r:o.currentThinking,events:[...o.events,{type:"thinking",data:t,timestamp:Date.now()}]}))}else if(e==="status")ut(r=>({...r,events:[...r.events,{type:"status",data:t,timestamp:Date.now()}]}));else if(e==="done")delete To[n],ut(r=>{let o=r.activeJobIds.filter(c=>c!==n),i={...r.jobResponses},a={...r.jobThinking},l=i[n];delete i[n],delete a[n];let s=n===r.activeJobId?o.length>0?o[o.length-1]:null:r.activeJobId;return{...r,activeJobIds:o,activeJobId:s,jobResponses:i,jobThinking:a,lastCompletedJobId:n,lastResponseText:t.responseText||l||r.currentResponse||null,lastThreadId:t.threadId??null,...n===r.activeJobId?{currentResponse:s&&i[s]||"",currentThinking:s&&a[s]||""}:{},events:[...r.events,{type:"done",data:t,timestamp:Date.now()}]}});else if(e==="error"){delete To[n];let r=t.message??"";ut(o=>{let i=o.activeJobIds.filter(l=>l!==n),a=i.length>0?o.status:"error";return{...o,status:a,activeJobIds:i,lastCompletedJobId:n,lastErrorByJob:r?{...o.lastErrorByJob,[n]:r}:o.lastErrorByJob,events:[...o.events,{type:"error",data:t,timestamp:Date.now()}]}})}else ut(e==="question"?r=>{let o=typeof t.threadId=="string"?t.threadId:"",i=typeof t.question=="string"?t.question:"",a=Array.isArray(t.annotationIds)?t.annotationIds.filter(s=>typeof s=="string"):void 0,l=r.pendingQuestions.some(s=>s.jobId===n);return{...r,pendingQuestions:i&&o&&!l?[...r.pendingQuestions,{jobId:n,threadId:o,question:i,annotationIds:a,timestamp:Date.now()}]:r.pendingQuestions,events:[...r.events,{type:e,data:t,timestamp:Date.now()}]}}:r=>({...r,events:[...r.events,{type:e,data:t,timestamp:Date.now()}]}))}var Qn=et.discoveredBridgeUrl??null,_n=et.discoveredBridgeProjectId??null,Co=null,Oi=null;function Iu(e,t=!1){let n=e??null;if(!(!t&&(et.expectedProjectId??null)===n)){Ar&&(Ar.close(),Ar=null,et.activeEs=null),Mr&&(clearTimeout(Mr),Mr=null),cl=null,et.activeBridgeUrl=null,Qn=null,_n=null,et.discoveredBridgeUrl=null,et.discoveredBridgeProjectId=null,Co=null,Oi=null,ul.clear(),Di.clear(),Ds.clear();for(let r of Object.keys(To))delete To[r];et.expectedProjectId=n,Gn=(et.connectionGeneration??Gn)+1,et.connectionGeneration=Gn,ut(()=>({...dl}))}}function Wg(){et.listeners?.size||Iu(null,!0)}async function Eu(e,t){if(Qn&&(t?_n===t:!_n))return Qn;if(!t&&_n&&(Qn=null,_n=null,et.discoveredBridgeUrl=Qn,et.discoveredBridgeProjectId=_n),t&&_n&&_n!==t&&(Qn=null,_n=null,et.discoveredBridgeUrl=Qn,et.discoveredBridgeProjectId=_n),Co&&Oi===(t??null))return Co;let n=Gn;return Oi=t??null,Co=Xm(e,t).then(r=>n!==Gn?null:(Qn=r?.url??null,_n=r?.projectId??t??null,et.discoveredBridgeUrl=Qn,et.discoveredBridgeProjectId=_n,Co=null,Oi=null,Qn)).catch(()=>(n!==Gn||(Co=null,Oi=null),null)),Co}function Bg(){return Qn}async function Jg(e,t){Qn=null,_n=null,et.discoveredBridgeUrl=null,et.discoveredBridgeProjectId=null,Co=null,Oi=null;let n=Gn,r=await Eu(e,t);return r&&n===Gn&&Hs(r),r}function fa(){return Su(et,{...dl})}function qg(e){return _g(et,e)}function ut(e){Fg(et,{...dl},t=>{let n=e(t),r=new Set(n.activeJobIds),o=n.activeJobId&&r.has(n.activeJobId)?n.activeJobId:n.activeJobIds.at(-1)??null;return{...n,activeJobId:o,activeJobThreads:Object.keys(n.activeJobThreads).some(i=>!r.has(i))?Object.fromEntries(Object.entries(n.activeJobThreads).filter(([i])=>r.has(i))):n.activeJobThreads,status:n.status==="streaming"&&r.size===0?"idle":n.status}})}function Ug(){return typeof window<"u"?window.__POPMELT_PROJECT_ID__??null:null}function Hs(e){if(Ar&&Ar.readyState!==EventSource.CLOSED&&cl===e)return;Ar&&(Ar.close(),Ar=null,et.activeEs=null),Mr&&(clearTimeout(Mr),Mr=null),cl=e,et.activeBridgeUrl=cl,Gn=(et.connectionGeneration??Gn)+1;let t=Gn;et.connectionGeneration=Gn;let n=new URLSearchParams({sourceId:sl}),r=Ug();r&&n.set("projectId",r);let o=Hg(`${e}/events?${n.toString()}`);Ar=o,et.activeEs=Ar;let i=()=>t!==(et.connectionGeneration??0);o.addEventListener("connected",()=>{i()||da(e).then(a=>{if(i())return;let l=[...a?.activeJobs??(a?.activeJob?[a.activeJob]:[]),...a?.queuedJobs?.filter(g=>g.parked)??[]],s=a?.recentJobs??[],c=xu(fa().activeJobIds,l,s),{serverActiveIds:d,terminalJobs:p}=c,u=p.map(g=>g.id),f=new Map;for(let g of p)f.set(g.id,g.status==="error"?{type:"error",jobId:g.id,message:g.error??"The agent run failed.",threadId:g.threadId,annotationIds:g.annotationIds}:{type:"done",jobId:g.id,success:!0,threadId:g.threadId,annotationIds:g.annotationIds});ut(g=>{let y={...g.lastErrorByJob};for(let C of p)C?.status==="error"&&C.error&&(y[C.id]=C.error);let x=xu(g.activeJobIds,l,s).reconciledActiveIds,R={};for(let C of l)C.threadId&&(R[C.id]=C.threadId);return{...g,isConnected:!0,status:x.length>0?"streaming":u.length>0||g.status==="disconnected"?"idle":g.status,activeJobId:x.length>0?x[x.length-1]:null,activeJobIds:x,activeJobThreads:R,lastErrorByJob:y,workspaceGeneration:a?.workspaceGeneration}});let m=[...new Set([...Array.from(d),...u])];m.length>0&&ku(e,m,t,f).catch(()=>{})})}),o.addEventListener("job_parked",a=>{if(i())return;let l=JSON.parse(a.data);Nn(l.jobId,l)||Hi("job_parked",l,l.jobId)}),o.addEventListener("thread_changed",a=>{if(i())return;let l=JSON.parse(a.data);ut(s=>({...s,events:[...s.events,{type:"thread_changed",data:l,timestamp:Date.now()}]}))}),o.addEventListener("job_started",a=>{if(i())return;let l=JSON.parse(a.data),s=l.jobId;if(Nn(s,l))return;let c=l.threadId;ut(d=>({...d,status:"streaming",activeJobId:s,activeJobIds:d.activeJobIds.includes(s)?d.activeJobIds:[...d.activeJobIds,s],activeJobThreads:c?{...d.activeJobThreads,[s]:c}:d.activeJobThreads,jobResponses:{...d.jobResponses,[s]:d.jobResponses[s]??""},jobThinking:{...d.jobThinking,[s]:d.jobThinking[s]??""},currentResponse:d.jobResponses[s]??"",currentThinking:d.jobThinking[s]??"",lastResponseText:null,lastThreadId:null,events:[...d.events,{type:"job_started",data:l,timestamp:Date.now()}]}))}),o.addEventListener("delta",a=>{if(i())return;let l=JSON.parse(a.data),s=l.jobId;if(Nn(s,l))return;let c=l.text||"";ut(d=>({...d,jobResponses:s?{...d.jobResponses,[s]:(d.jobResponses[s]||"")+c}:d.jobResponses,currentResponse:!s||s===d.activeJobId?d.currentResponse+c:d.currentResponse,events:[...d.events,{type:"delta",data:l,timestamp:Date.now()}]}))}),o.addEventListener("thinking",a=>{if(i())return;let l=JSON.parse(a.data),s=l.jobId;if(Nn(s,l))return;let c=l.text||"";ut(d=>({...d,jobThinking:s?{...d.jobThinking,[s]:(d.jobThinking[s]||"")+c}:d.jobThinking,currentThinking:!s||s===d.activeJobId?d.currentThinking+c:d.currentThinking,events:[...d.events,{type:"thinking",data:l,timestamp:Date.now()}]}))}),o.addEventListener("status",a=>{if(i())return;let l=JSON.parse(a.data),s=l.jobId;Nn(s,l)||ut(c=>({...c,events:[...c.events,{type:"status",data:l,timestamp:Date.now()}]}))}),o.addEventListener("orientation",a=>{if(i())return;let l=JSON.parse(a.data),s=l.jobId;Nn(s,l)||ut(c=>({...c,events:[...c.events,{type:"orientation",data:l,timestamp:Date.now()}]}))}),o.addEventListener("approval",a=>{if(i())return;let l=JSON.parse(a.data);Nn(l.jobId,l)||ut(s=>({...s,events:[...s.events,{type:"approval",data:l,timestamp:Date.now()}]}))}),o.addEventListener("imprint_used",a=>{if(i())return;let l=JSON.parse(a.data),s=l.jobId;Nn(s,l)||ut(c=>({...c,events:[...c.events,{type:"imprint_used",data:l,timestamp:Date.now()}]}))}),o.addEventListener("tool_use",a=>{if(i())return;let l=JSON.parse(a.data),s=l.jobId;Nn(s,l)||ut(c=>({...c,events:[...c.events,{type:"tool_use",data:l,timestamp:Date.now()}]}))});for(let a of["image_generation","image_ready"])o.addEventListener(a,l=>{if(i())return;let s=JSON.parse(l.data),c=s.jobId;Nn(c,s)||ut(d=>({...d,events:[...d.events,{type:a,data:s,timestamp:Date.now()}]}))});o.addEventListener("done",a=>{if(i())return;let l=JSON.parse(a.data),s=l.jobId;Nn(s,l)||(s&&delete To[s],ut(c=>{let d=s?c.activeJobIds.filter(y=>y!==s):c.activeJobIds,p={...c.jobResponses},u={...c.jobThinking},f={...c.activeJobThreads},m=s?p[s]:void 0;s&&(delete p[s],delete u[s],delete f[s]);let g=s===c.activeJobId?d.length>0?d[d.length-1]:null:c.activeJobId;return{...c,activeJobIds:d,activeJobId:g,jobResponses:p,jobThinking:u,lastCompletedJobId:s??c.activeJobId,lastResponseText:l.responseText||m||c.currentResponse||null,lastThreadId:l.threadId??null,...s===c.activeJobId?{currentResponse:g&&p[g]||"",currentThinking:g&&u[g]||""}:{},events:[...c.events,{type:"done",data:l,timestamp:Date.now()}]}}))}),o.addEventListener("question",a=>{if(i())return;let l=JSON.parse(a.data),s=l.jobId;Nn(s,l)||ut(c=>({...c,pendingQuestions:[...c.pendingQuestions,{jobId:l.jobId,threadId:l.threadId,question:l.question,annotationIds:l.annotationIds,timestamp:Date.now()}],events:[...c.events,{type:"question",data:l,timestamp:Date.now()}]}))}),o.addEventListener("capabilities_changed",()=>{i()||ut(a=>({...a,capabilitiesVersion:a.capabilitiesVersion+1}))}),o.addEventListener("workspace_cleared",a=>{if(i())return;let l=JSON.parse(a.data);typeof l.workspaceGeneration!="number"||!Number.isInteger(l.workspaceGeneration)||l.workspaceGeneration<0||ut(s=>{for(let c of s.activeJobIds)Ds.add(c);return{...s,workspaceGeneration:l.workspaceGeneration,status:"idle",activeJobId:null,activeJobIds:[],activeJobThreads:{},jobResponses:{},jobThinking:{},currentResponse:"",currentThinking:"",events:[],lastCompletedJobId:null,lastResponseText:null,lastThreadId:null,lastErrorByJob:{},pendingQuestions:[],incrementalResolutions:[]}})}),o.addEventListener("queue_drained",()=>{if(i())return;let a=[...fa().activeJobIds];if(a.length===0){ut(l=>({...l,status:l.status==="error"?"error":"idle",incrementalResolutions:[]}));return}ku(e,a,t).then(()=>{i()||ut(l=>({...l,status:l.activeJobIds.length>0?l.status:l.status==="error"?"error":"idle",incrementalResolutions:l.activeJobIds.length>0?l.incrementalResolutions:[]}))})}),o.addEventListener("error",a=>{if(!i()){if(o.readyState===EventSource.CLOSED){ut(s=>({...s,isConnected:!1,status:"disconnected"})),Mr&&(clearTimeout(Mr),Mr=null);let l=t;Mr=setTimeout(()=>{l===(et.connectionGeneration??0)&&da(e).then(s=>{s&&l===(et.connectionGeneration??0)&&Hs(e)})},5e3)}else if(a instanceof MessageEvent){let l=JSON.parse(a.data),s=l.jobId??null;if(Nn(s??void 0,l))return;s&&delete To[s];let c=l.message??"";ut(d=>{let p=s?d.activeJobIds.filter(f=>f!==s):d.activeJobIds,u=p.length>0?d.status:"error";return{...d,status:u,activeJobIds:p,lastCompletedJobId:s??d.activeJobId,lastErrorByJob:s&&c?{...d.lastErrorByJob,[s]:c}:d.lastErrorByJob,events:[...d.events,{type:"error",data:l,timestamp:Date.now()}]}})}}}),o.onerror=()=>{i()||o.readyState===EventSource.CLOSED&&ut(a=>({...a,isConnected:!1,status:"disconnected"}))}}function Yg(e="http://localhost:1111",t=!0,n){let r=wg(qg,fa,fa);_(()=>{if(Iu(n),!t)return;let a=!1;return Eu(e,n).then(l=>{!l||a||da(l).then(s=>{!a&&s&&(!n||s.projectId===n)&&Hs(l)})}),()=>{a=!0}},[e,t,n]);let o=Y(()=>{ut(()=>({...fa(),events:[],currentResponse:"",currentThinking:"",jobResponses:{},jobThinking:{},lastResponseText:null,lastThreadId:null,lastErrorByJob:{},incrementalResolutions:[]}))},[]),i=Y(a=>{ut(l=>({...l,pendingQuestions:l.pendingQuestions.filter(s=>s.threadId!==a)}))},[]);return{...r,clearEvents:o,dismissQuestion:i}}function Xg(e,t,n){let r=e.flatMap(({requestedAt:a,resolvedAt:l})=>Number.isFinite(a)&&Number.isFinite(l)?[[Math.max(t,a),Math.min(n,l)]]:[]).sort((a,l)=>a[0]-l[0]),o=t,i=0;for(let[a,l]of r)i+=Math.max(0,l-Math.max(o,a)),o=Math.max(o,l);return i}function Tu(e){let t=new Map,n=new Set;for(let r of e)if(r.type==="approval"){let o=r.data.approval;t.set(o.id,o)}else(r.type==="done"||r.type==="error")&&n.add(String(r.data.jobId));return new Set([...t.values()].filter(r=>r.status==="pending"&&!n.has(r.jobId)).map(r=>r.jobId))}function Cu(e){let t=new MutationObserver(n=>{let r=n.filter(o=>document.body.contains(o.target)||o.target===document.documentElement&&[...o.addedNodes,...o.removedNodes].some(i=>i instanceof Element&&i.tagName==="BODY"));r.length&&e(r)});return t.observe(document.documentElement,{childList:!0,subtree:!0}),t}function Os(e,t,n){if(e===null||typeof e=="string"||typeof e=="boolean")return;if(typeof e=="number"){if(!Number.isFinite(e))throw new TypeError(`Comment metadata at ${t} must be finite.`);return}if(typeof e!="object")throw new TypeError(`Comment metadata at ${t} must be JSON-serializable.`);if(n.has(e))throw new TypeError(`Comment metadata at ${t} contains a cycle.`);let r=Object.getPrototypeOf(e);if(!Array.isArray(e)&&r!==Object.prototype&&r!==null)throw new TypeError(`Comment metadata at ${t} must use plain objects and arrays.`);if(n.add(e),Array.isArray(e))e.forEach((o,i)=>Os(o,`${t}[${i}]`,n));else for(let[o,i]of Object.entries(e))Os(i,`${t}.${o}`,n);n.delete(e)}function Ns(e){if(e===void 0)return;if(e===null||Array.isArray(e)||typeof e!="object")throw new TypeError("Comment metadata must be a JSON object.");Os(e,"meta",new Set);let t=JSON.stringify(e);if(new TextEncoder().encode(t).byteLength>65536)throw new RangeError("Comment metadata exceeds the 65536 byte limit.");return JSON.parse(t)}var _s="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",Kg=1500,Vg=5e3,Gg=24e6,Qg=16e3,Zg=4,ey=["position","inset","top","right","bottom","left","z-index","display","visibility","opacity","overflow","overflow-x","overflow-y","box-sizing","box-decoration-break","float","clear","width","min-width","max-width","height","min-height","max-height","margin","margin-top","margin-right","margin-bottom","margin-left","padding","padding-top","padding-right","padding-bottom","padding-left","border","border-width","border-style","border-color","border-top","border-right","border-bottom","border-left","border-radius","outline","outline-offset","box-shadow","background","background-color","background-image","background-size","background-position","background-repeat","background-clip","background-origin","color","font","font-family","font-size","font-style","font-weight","font-stretch","font-variant","line-height","letter-spacing","text-align","text-decoration","text-indent","text-overflow","text-shadow","text-transform","white-space","word-break","overflow-wrap","vertical-align","direction","writing-mode","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","align-content","align-items","align-self","justify-content","justify-items","justify-self","gap","row-gap","column-gap","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-row","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","order","columns","column-count","column-fill","column-rule","column-span","column-width","list-style","list-style-image","list-style-position","list-style-type","object-fit","object-position","aspect-ratio","transform","transform-box","transform-origin","transform-style","perspective","perspective-origin","backface-visibility","clip","clip-path","filter","backdrop-filter","mix-blend-mode","isolation","mask","mask-image","mask-position","mask-repeat","mask-size","content","quotes","counter-increment","counter-reset","appearance","accent-color","caret-color","cursor","pointer-events","fill","fill-opacity","fill-rule","stroke","stroke-width","stroke-opacity"];async function ty(e,t){try{let n=await e();if(n)return n}catch{}return t()}var Fs=new Map,Au=new WeakMap,ny=1;function Fn(){return typeof performance<"u"?performance.now():Date.now()}function Ws(e){if(e?.debug!==void 0)return e.debug;if(typeof window>"u")return!1;try{return window.localStorage.getItem("popmelt:screenshot-debug")==="true"}catch{return!1}}function ry(e){let t=0,n=0;for(let r of e.querySelectorAll("img[src]"))Mu(r.currentSrc||r.src)&&(t++,(!r.complete||r.naturalWidth===0)&&n++);return{remoteImages:t,unresolvedRemoteImages:n}}function oy(e){return new Promise((t,n)=>{let r=new FileReader;r.onload=()=>t(String(r.result)),r.onerror=()=>n(r.error??new Error("Asset could not be read")),r.readAsDataURL(e)})}function iy(e,t){let n=null;return async r=>{if(!Mu(r))return!1;n??(n=Date.now()+e);let o=n-Date.now();if(o<=0)return t(),_s;let i=new AbortController,a=setTimeout(()=>i.abort(),o);try{let l=await fetch(r,{cache:"force-cache",mode:"cors",signal:i.signal});if(!l.ok)throw new Error(`Asset returned ${l.status}`);return await oy(await l.blob())}catch{return t(),_s}finally{clearTimeout(a)}}}function ay(e,t,n){let r=Au.get(e);r||(r=ny++,Au.set(e,r));let o=t.filter(i=>(i.status??"pending")==="pending").map(i=>{let a=i.points[0],l=i.points[i.points.length-1];return`${i.id}:${i.points.length}:${a?.x??""}:${a?.y??""}:${l?.x??""}:${l?.y??""}`}).join("|");return[r,window.location.href,window.innerWidth,window.innerHeight,n?.dpr??window.devicePixelRatio??1,n?.viewportOnly?window.scrollY:"",o].join("::")}function ly(e,t,n){let r=Math.min(t,n);return{top:Math.max(0,Math.min(e,n-r)),height:r,annotations:[]}}function Mu(e){if(typeof window>"u")return!1;try{let t=new URL(e,window.location.href);return t.protocol!=="http:"&&t.protocol!=="https:"?!1:t.origin!==window.location.origin}catch{return!1}}function Ru(e){let t=document.createElement("canvas").getContext("2d");return t?(t.fillStyle=e,t.fillStyle):"#888888"}function pl(e,t=[],n,r,o=[],i=[],a){let l=new Map,s=[];for(let d of e)if(d.groupId){let p=l.get(d.groupId)||[];p.push(d),l.set(d.groupId,p)}else s.push(d);let c=[];for(let[d,p]of l){let u=p.find(m=>m.type!=="text"),f=p.find(m=>m.type==="text");if(u){let m=u.linkedSelector||f?.linkedSelector,g=f?.imageCount||u.imageCount,y=f?.attachments||u.attachments,x=f?.interactionEpisode||u.interactionEpisode,R=u.pathname||f?.pathname;c.push({id:u.id,type:u.type,instruction:f?.text,...m?{linkedSelector:m}:{},...u.target||f?.target?{target:u.target??f?.target}:{},...R?{pathname:R}:{},elements:u.elements||[],...g?{imageCount:g}:{},...y?.length?{attachments:y}:{},...x?{interactionEpisode:x}:{}})}}for(let d of s)c.push({id:d.id,type:d.type,instruction:d.type==="text"?d.text:void 0,...d.linkedSelector?{linkedSelector:d.linkedSelector}:{},...d.target?{target:d.target}:{},...d.pathname?{pathname:d.pathname}:{},elements:d.elements||[],...d.imageCount?{imageCount:d.imageCount}:{},...d.attachments?.length?{attachments:d.attachments}:{},...d.interactionEpisode?{interactionEpisode:d.interactionEpisode}:{}});return{timestamp:new Date().toISOString(),url:window.location.href,viewport:{width:window.innerWidth,height:window.innerHeight},scrollPosition:{x:window.scrollX,y:window.scrollY},annotations:c,styleModifications:t,...o.length>0?{textModifications:o}:{},...i.length>0?{domModifications:i}:{},...n?{inspectedElement:n}:{},...r&&r.length>0?{spacingTokenChanges:r}:{},...a?{meta:a}:{}}}function sy(e){if(!e.points||e.points.length===0)return null;let t=e.points.map(r=>r.x),n=e.points.map(r=>r.y);return{minX:Math.min(...t),minY:Math.min(...n),maxX:Math.max(...t),maxY:Math.max(...n)}}function dy(e,t){if(e.length===0)return[];let n=e.map(d=>({annotation:d,bounds:sy(d)})).filter(d=>d.bounds!==null);if(n.length===0)return[];n.sort((d,p)=>d.bounds.minY-p.bounds.minY);let r=Math.min(...n.map(d=>d.bounds.minY)),o=Math.max(...n.map(d=>d.bounds.maxY));if(o-r<=t){let d=(r+o)/2,p=Math.max(0,d-t/2);return[{top:p,bottom:p+t,annotations:e}]}let i=[],a=50,l=Math.max(0,r-a),s=[],c=l;for(let{annotation:d,bounds:p}of n){let u=p.maxY+a;if(u-l<=t)s.push(d),c=Math.max(c,u);else{if(s.length>0){let f=(l+c)/2,m=Math.max(0,f-t/2);i.push({top:m,bottom:m+t,annotations:s})}l=Math.max(0,p.minY-a),s=[d],c=p.maxY+a}}if(s.length>0){let d=(l+c)/2,p=Math.max(0,d-t/2);i.push({top:p,bottom:p+t,annotations:s})}return i}function cy(e){let t=new Map;for(let n of e)if(n.linkedSelector)try{let r=document.querySelector(n.linkedSelector);if(r){let o=r.getBoundingClientRect();t.set(n.id,{x:o.left+window.scrollX,y:o.top+window.scrollY,width:o.width,height:o.height})}}catch{}return t}function Lu(e,t,n,r,o){if(e.save(),e.scale(r,r),o)for(let i of t){let a=o.get(i.id);if(!a)continue;let l=a.y-n;e.fillStyle=i.color,e.globalAlpha=.05,e.fillRect(a.x,l,a.width,a.height),e.globalAlpha=1,e.strokeStyle=i.color,e.lineWidth=1,e.setLineDash([2,4]),e.strokeRect(a.x,l,a.width,a.height),e.setLineDash([])}for(let i of t){let a=i.points.map(l=>({x:l.x,y:l.y-n}));switch(e.strokeStyle=i.color,e.fillStyle=i.color,e.lineWidth=i.strokeWidth,e.lineCap="round",e.lineJoin="round",i.type){case"freehand":if(a.length<2)break;e.beginPath(),e.moveTo(a[0].x,a[0].y);for(let l=1;l<a.length;l++)e.lineTo(a[l].x,a[l].y);e.stroke();break;case"line":if(a.length<2)break;e.beginPath(),e.moveTo(a[0].x,a[0].y),e.lineTo(a[a.length-1].x,a[a.length-1].y),e.stroke();break;case"rectangle":{if(a.length<2)break;let l=a[0],s=a[a.length-1],c=Math.min(l.x,s.x),d=Math.min(l.y,s.y),p=Math.abs(s.x-l.x),u=Math.abs(s.y-l.y);e.strokeRect(c,d,p,u);break}case"circle":{if(a.length<2)break;let l=a[0],s=a[a.length-1],c=(l.x+s.x)/2,d=(l.y+s.y)/2,p=Math.abs(s.x-l.x)/2,u=Math.abs(s.y-l.y)/2;e.beginPath(),e.ellipse(c,d,p,u,0,0,Math.PI*2),e.stroke();break}case"text":{if(!i.text||a.length<1)break;let l=a[0],s=i.fontSize||16;e.font=`${s}px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`,e.fillStyle=i.color;let c=(i.imageCount&&i.imageCount>0?`[${i.imageCount} image${i.imageCount>1?"s":""}] ${i.text}`:i.text).split(`
5
- `),d=s*1.2,p=4,u=0;for(let f of c)u=Math.max(u,e.measureText(f).width);e.fillRect(l.x-p,l.y-p,u+p*2,c.length*d+p*2),e.fillStyle="#ffffff",c.forEach((f,m)=>{e.fillText(f,l.x,l.y+s+m*d)});break}}}e.restore()}async function ni(e,t,n=[],r){let o=ay(e,n,r),i=Fs.get(o);if(i)return Ws(r)&&console.debug("[Screenshot] Reusing in-flight capture",o),i;let a=xy(e,n,r).finally(()=>Fs.delete(o));return Fs.set(o,a),a}function uy(){let e=getComputedStyle(document.documentElement).backgroundColor;return e&&e!=="rgba(0, 0, 0, 0)"&&e!=="transparent"?e:"#ffffff"}function py(e){return e instanceof HTMLElement?e.id==="devtools-canvas"||e.id==="devtools-toolbar"||e.id==="devtools-scrim"?!1:e.dataset.devtools===void 0:!0}function hy(e,t,n,r){return e.length===0?[{top:Math.max(0,Math.min(r,Math.max(0,n-t))),height:Math.min(t,n||t),annotations:[]}]:e.map(o=>{let i=Math.min(t,n||t);return{top:Math.max(0,Math.min(o.top,Math.max(0,n-i))),height:i,annotations:o.annotations}})}function fy(e,t,n){if(e.length===0)return null;let r=Math.min(...e.map(a=>a.top)),o=Math.max(...e.map(a=>a.top+a.height))-r,i=t*o*n*n;return o>Qg||i>Gg?null:{top:r,height:o}}async function my(e,t){let n=[];for(let r of e){let o=Object.getOwnPropertyDescriptor(r.element,"toDataURL");try{Object.defineProperty(r.element,"toDataURL",{configurable:!0,value:()=>r.dataUrl}),n.push(()=>{o?Object.defineProperty(r.element,"toDataURL",o):Reflect.deleteProperty(r.element,"toDataURL")})}catch{}}try{return await t()}finally{for(let r of n.reverse())r()}}async function gy(e,t,n,r,o,i,a,l){let s=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)>window.innerHeight*Zg||e.querySelectorAll("*").length>2500,c=l?await l():[];return my(c,()=>kg(e,{autoDestruct:!1,filter:py,scale:r,backgroundColor:uy(),width:n,height:t.height,style:{transform:`translate(${-window.scrollX}px, ${-t.top}px)`,transformOrigin:"top left"},timeout:o,debug:i,includeStyleProperties:s?[...ey]:null,fetchFn:iy(o,()=>{a.remoteAssetFallbacks++}),fetch:{requestInit:{cache:"force-cache"},placeholderImage:_s}}))}async function yy(e,t,n){return e.width=n,e.height=t.height,e.style={transform:`translate(${-window.scrollX}px, ${-t.top}px)`,transformOrigin:"top left"},Sg(e)}async function vy(e,t,n){let r=document.createElement("canvas");r.width=t,r.height=n;let o=r.getContext("2d");if(!o)throw new Error("Canvas context unavailable");if(typeof createImageBitmap=="function"){let l=await createImageBitmap(e);return o.drawImage(l,0,0,t,n),l.close(),r}let i=new Image,a=URL.createObjectURL(e);try{return await new Promise((l,s)=>{i.onload=()=>l(),i.onerror=()=>s(new Error("Native screenshot could not be decoded")),i.src=a}),o.drawImage(i,0,0,t,n),r}finally{URL.revokeObjectURL(a)}}async function $u(e,t,n,r,o,i){if(r?.nativeCapture){let c=Fn();try{let d=await r.nativeCapture({url:window.location.href,clip:{x:window.scrollX,y:e.top,width:t,height:e.height},scale:n});if(i.nativeMs+=Fn()-c,d)return i.mode=i.renderMs>0||i.contextMs>0?"mixed":"native",vy(d,Math.round(t*n),Math.round(e.height*n))}catch(d){i.nativeMs+=Fn()-c,Ws(r)&&console.debug("[Screenshot] Native capture unavailable; using DOM fallback",d)}}let a=await o(),l=Fn(),s=await yy(a,e,t);return i.renderMs+=Fn()-l,i.mode=i.mode==="native"?"mixed":"dom",s}function ju(e,t,n,r,o,i){let a=document.createElement("canvas");a.width=Math.round(r*o),a.height=Math.round(n.height*o);let l=a.getContext("2d");if(!l)throw new Error("Canvas context unavailable");let s=Math.round((n.top-t)*o);return l.drawImage(e,0,s,a.width,a.height,0,0,a.width,a.height),Lu(l,n.annotations,n.top,o,i),a}function by(e){if(e.length===1)return e[0];let t=document.createElement("canvas");t.width=e[0]?.width??0,t.height=e.reduce((o,i)=>o+i.height,0);let n=t.getContext("2d");if(!n)throw new Error("Canvas context unavailable");let r=0;for(let o of e)n.drawImage(o,0,r),r+=o.height;return t}function wy(e,t="image/webp",n=.8){return new Promise(r=>e.toBlob(r,t,n))}async function xy(e,t,n){let r=Fn(),o=n?.dpr??(window.devicePixelRatio||1),i=window.innerWidth,a=window.innerHeight,l=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight),s=Math.max(250,n?.mediaTimeoutMs??Kg),c=Ws(n),d=t.filter(S=>(S.status??"pending")==="pending"),p=cy(d),u=n?.viewportOnly?[ly(window.scrollY,a,l)]:hy(dy(d,a),a,l,window.scrollY),f=ry(e),m={startedAt:r,mode:"dom",mediaTimeoutMs:s,ranges:u.length,...f,remoteAssetFallbacks:0,nativeMs:0,contextMs:0,renderMs:0,compositeMs:0,encodeMs:0};console.log("[Screenshot] Starting capture with",d.length,"active annotations (filtered",t.length-d.length,"captured);",`${u.length} range(s), ${f.remoteImages} remote image(s), ${f.unresolvedRemoteImages} unresolved`);let g=null,y=null,x=fy(u,i,o),R=x??u[0],C=async()=>{if(!g){let S=Fn();g=gy(e,R,i,o,s,c,m,n?.captureSurfaces).then(O=>(y=O,m.contextMs+=Fn()-S,O))}return g};try{let S=Fn(),O;if(x){let B=await $u(x,i,o,n,C,m);O=u.map(k=>ju(B,x.top,k,i,o,p))}else{O=[];for(let B of u){let k=await $u(B,i,o,n,C,m);O.push(ju(k,B.top,B,i,o,p))}}let M=by(O);m.compositeMs+=Fn()-S-m.renderMs-m.nativeMs-m.contextMs;let U=Fn(),G=await wy(M);m.encodeMs=Fn()-U;let N=Fn()-m.startedAt,K={mode:m.mode,totalMs:Math.round(N),mediaTimeoutMs:m.mediaTimeoutMs,ranges:m.ranges,remoteImages:m.remoteImages,unresolvedRemoteImages:m.unresolvedRemoteImages,remoteAssetFallbacks:m.remoteAssetFallbacks,nativeMs:Math.round(m.nativeMs),contextMs:Math.round(m.contextMs),renderMs:Math.round(m.renderMs),compositeMs:Math.max(0,Math.round(m.compositeMs)),encodeMs:Math.round(m.encodeMs),overBudget:N>Vg};return console.log("[Screenshot] Capture complete",JSON.stringify(K)),G?[G]:[]}catch(S){return console.error("[Screenshot] Capture failed:",S),[]}finally{y&&Ig(y)}}async function hl(e){if(e.length===0)return null;if(e.length===1)return e[0];let t=await Promise.all(e.map(l=>new Promise((s,c)=>{let d=new Image;d.onload=()=>s(d),d.onerror=c,d.src=URL.createObjectURL(l)}))),n=t[0].width,r=t.reduce((l,s)=>l+s.height,0),o=document.createElement("canvas");o.width=n,o.height=r;let i=o.getContext("2d");if(!i)return null;let a=0;for(let l of t)i.drawImage(l,0,a),a+=l.height,URL.revokeObjectURL(l.src);return new Promise(l=>{o.toBlob(s=>l(s),"image/webp",.8)})}async function Sy(e,t,n,r,o){try{let i=Array.isArray(e)?e:[e];if(i.length===0)return!1;let a=await hl(i);if(!a)return!1;let l=a;if(a.type!=="image/png"){let f=new Image,m=URL.createObjectURL(a);await new Promise(y=>{f.onload=()=>y(),f.src=m}),URL.revokeObjectURL(m);let g=document.createElement("canvas");g.width=f.naturalWidth,g.height=f.naturalHeight,g.getContext("2d").drawImage(f,0,0),l=await new Promise(y=>g.toBlob(x=>y(x),"image/png"))}let s={"image/png":l},c=t&&t.length>0,d=n&&n.length>0,p=r&&r.length>0,u=o&&o.length>0;if(c||d||p||u){let f=t?t.filter(m=>(m.status??"pending")==="pending"):[];if(f.length>0||d||p||u){let m=pl(f,n||[],void 0,void 0,r||[],o||[]),g=new Blob([JSON.stringify(m,null,2)],{type:"text/plain"});s["text/plain"]=g}}return await navigator.clipboard.write([new ClipboardItem(s)]),!0}catch(i){return console.warn("Clipboard write failed:",i),!1}}async function Bs(e){return new Promise((t,n)=>{let r=new FileReader;r.onload=()=>t(String(r.result).split(",")[1]),r.onerror=n,r.readAsDataURL(e)})}async function ky(e,t,n,r){let o=Date.now(),i=location.href,a=t.subject?await r.registry.captureFeedback(t.subject):null;if(t.subject&&!a)return{status:"target_unavailable"};let l=a?.elementInfo??gn(e),s=y=>{try{let x=document.querySelectorAll(y);return x.length===1&&x[0]===e}catch{return!1}},c=y=>!y.pathname||y.pathname===location.pathname,d=r.state?.annotations.filter(y=>c(y)&&y.interactionEpisode&&(t.subject?y.target?.adapter===t.subject.adapter&&y.target?.key===t.subject.key:!!y.linkedSelector&&s(y.linkedSelector)))??[],p=e.getBoundingClientRect(),u={id:t.key,type:"text",text:"",color:"#0099ff",strokeWidth:2,points:[{x:p.left+window.scrollX,y:p.top+window.scrollY}],timestamp:o,pathname:location.pathname,elements:[l],linkedSelector:l.selector,...t.subject?{target:t.subject}:{},...d.length===1?{interactionEpisode:d[0].interactionEpisode}:{}},f=r.getCommentMeta?Ns(await r.getCommentMeta({kind:"annotation",purpose:"inspection",timestamp:o,url:location.href,pathname:location.pathname,annotations:[u]})):void 0,m=pl([u],r.state?.styleModifications.filter(y=>c(y)&&s(y.selector))??[],l,void 0,r.state?.textModifications.filter(y=>c(y)&&s(y.selector))??[],r.state?.domModifications.filter(y=>c(y)&&s(y.selector))??[],f),g=[];if(n){let[y]=await ni(document.body,null,[],{...r.screenshotOptions,viewportOnly:!0,dpr:1});if(y){let x=await createImageBitmap(y);try{let R=document.createElement("canvas");R.width=x.width,R.height=x.height;let C=R.getContext("2d");C.drawImage(x,0,0);let S={...u,text:`Focus: ${l.textContent||l.subjectLabel||l.tagName}`.slice(0,100),points:[{x:Math.max(4,p.left),y:window.scrollY+Math.max(24,p.top-8)}]};Lu(C,[S],window.scrollY,1,new Map([[u.id,{x:p.left,y:p.top+window.scrollY,width:p.width,height:p.height}]]));let O=await new Promise(M=>R.toBlob(M,"image/png"));O&&g.push({kind:"annotated-viewport",mimeType:O.type,data:await Bs(O)})}finally{x.close()}if(!a?.crop){let R=await createImageBitmap(y);try{let C=Math.max(0,p.left),S=Math.max(0,p.top),O=Math.min(window.innerWidth,p.right)-C,M=Math.min(window.innerHeight,p.bottom)-S;if(O>0&&M>0){let U=document.createElement("canvas");U.width=Math.ceil(O),U.height=Math.ceil(M);let G=R.width/window.innerWidth,N=R.height/window.innerHeight;U.getContext("2d").drawImage(R,C*G,S*N,O*G,M*N,0,0,O,M);let K=await new Promise(B=>U.toBlob(B,"image/png"));K&&g.push({kind:"element",mimeType:K.type,data:await Bs(K)})}}finally{R.close()}}}a?.crop&&g.push({kind:"subject",mimeType:a.crop.type,data:await Bs(a.crop)})}return!e.isConnected||location.href!==i?{status:"target_unavailable"}:{status:"ok",targetKey:t.key,focusCapturedAt:t.capturedAt,capturedAt:o,feedback:m,images:g,warning:a?.warning,evidenceTime:"Live inspection of the referenced target, not a historical screenshot of the utterance.",actionHistory:d.length===1?"Existing recorded episode; inspection did not submit or modify it.":d.length>1?"Multiple matching episodes; none selected automatically.":"No unambiguous recorded episode for this target."}}function Iy(e,t,n,r=8*1024*1024){let o=c=>JSON.stringify({id:e,clientId:t,result:c}),i=c=>new TextEncoder().encode(c).length<=r,a=o(n);if(i(a))return a;let l=Array.isArray(n.images)?n.images:[],s=[l.filter(c=>c.kind==="annotated-viewport"),l.filter(c=>c.kind!=="annotated-viewport"),[]];for(let c of s){let d=o({...n,images:c,visualEvidence:{status:"partial",reason:"response_size_limit",omitted:l.filter(p=>!c.includes(p)).map(p=>p.kind)}});if(i(d))return d}return o({status:"context_too_large",targetKey:n.targetKey,images:[],warning:"Context exceeds the response limit even without images."})}function Ey(e,t){let n=e.filter(i=>(!t.kind||i.kind===t.kind)&&(!t.entryId||i.id===t.entryId)&&(!t.pathname||i.pathname===t.pathname)),r=Number.isInteger(t.limit)?Math.min(50,Math.max(1,t.limit)):20,o=Number.isInteger(t.offset)?Math.max(0,t.offset):0;return{entries:n.slice(o,o+r).map(({details:i,...a})=>t.entryId?{...a,details:i}:a),total:n.length,nextOffset:o+r<n.length?o+r:null}}function Pu(e,t,n,r=!1){if(!e||!t)return null;let o=f=>{let m=f.getBoundingClientRect(),g=ng(f),y=x=>x.width>0&&x.height>0&&x.bottom>0&&x.right>0&&x.top<innerHeight&&x.left<innerWidth;return f.isConnected&&m.width>0&&m.height>0&&(r||y(m)||!!g&&y(g))&&!ha(f,'[data-popmelt-private], [aria-hidden="true"]')},i=f=>{try{let m=f?document.querySelectorAll(f):[];return m.length===1?m[0]:null}catch{return null}};if(t.startsWith("thread:")){let f=t.slice(7),m=[...document.querySelectorAll("[data-popmelt-thread-id]")].filter(x=>x.getAttribute("data-popmelt-thread-id")===f&&o(x));if(m.length===1)return m[0].querySelector("[data-popmelt-thread-header]");let g=e.annotations.filter(x=>x.threadId===f&&(!x.pathname||x.pathname===location.pathname)),y=new Set(g.map(x=>x.target?n.resolve(x.target)?.element??null:ol(x.linkedSelector,x.elements?.[0])).filter(x=>!!x&&o(x)));return y.size===1?[...y][0]:null}let a=zu(e,{entryId:t});if(!("entries"in a)||a.entries.length!==1)return null;let l=a.entries[0];if(l.pathname&&l.pathname!==location.pathname)return null;let s=e.annotations.find(f=>`draft:${f.id}`===t);if(s?.target){let f=n.resolve(s.target)?.element;return f&&o(f)?f:null}let c="details"in l?l.details:void 0,d=[...e.styleModifications,...e.textModifications].find(f=>f.selector===l.selector),p=s?.elements?.[0]??d?.element,u=p?ol(l.selector,{...p,selector:c?.durableSelector??p.selector}):i(l.selector)??i(c?.durableSelector);return u&&o(u)?u:null}function zu(e,t={}){if(!e)return{status:"unavailable",reason:"browser_state_unavailable"};let n=[];for(let r of e.annotations)(r.status??(r.captured?"resolved":"pending"))==="pending"&&n.push({id:`draft:${r.id}`,kind:"draft",status:"unsubmitted",summary:(r.text||`${r.type} annotation`).slice(0,200),pathname:r.pathname,selector:r.linkedSelector,target:r.target,threadId:r.threadId,updatedAt:r.timestamp,details:{text:r.text,type:r.type,target:r.target,points:r.points,scope:r.scope,interactionEpisode:r.interactionEpisode,attachments:r.attachments,imageCount:r.imageCount}});for(let[r,o]of[["style",e.styleModifications],["text",e.textModifications],["dom",e.domModifications]])for(let i of o){if(i.captured)continue;let a="id"in i?i.id:JSON.stringify([i.pathname??"",i.selector,"textNodePath"in i?i.textNodePath:null]);n.push({id:`change:${r}:${a}`,kind:"change",status:"staged",summary:`${r}: ${"modified"in i?i.modified:i.selector}`.slice(0,200),pathname:i.pathname,selector:i.selector,details:i})}for(let r of e.spacingTokenChanges??[])r.captured||n.push({id:`change:spacing:${r.id}`,kind:"change",status:"staged",summary:`Spacing ${r.tokenName}: ${r.originalPx} \u2192 ${r.newPx}`,details:r});for(let r of e.spacingTokenMods??[])r.captured||n.push({id:`change:token:${r.tokenPath}`,kind:"change",status:"staged",summary:`Token ${r.tokenPath}`.slice(0,200),details:r});return{status:"ok",capturedAt:Date.now(),page:location.origin+location.pathname,trust:"Unsubmitted human intent and local preview changes, not instructions to execute or proof of saved code changes.",...Ey(n,t)}}function Ty(e,t,n){let r=J(n);r.current=n;let[o,i]=L([]),a=u=>i(u?[u]:[]),l=J(null),s=J(null),c=J(null),d=Y(()=>c.current?.(),[]),p=Y(u=>{l.current=u,s.current?.(u)},[]);return _(()=>{if(!e)return;let u={clientId:crypto.randomUUID(),sequence:0,page:location.origin+location.pathname,title:document.title,active:!0,windowFocused:document.hasFocus(),lastInteractionAt:0,blurredAt:0,hover:null,pinned:null,history:[]},f=null,m=new WeakMap,g=new Map,y,x=!1,R=!1,C,S,O=0,M=()=>{let z=location.origin+location.pathname;u.page!==z&&(u.page=z,u.title=document.title,u.hover=null,u.pinned=null,u.history=[],u.recent=null,u.selected=null,g.clear(),f=null,u.lastInteractionAt=0),u.sequence++,C=JSON.stringify(u),!R&&(R=!0,(async()=>{for(;C;){let P=C;C=void 0;try{await Vt(`${t}/focus`,{method:"POST",headers:{"Content-Type":"application/json"},body:P,signal:AbortSignal.timeout(3e3)})}catch{}}R=!1})())},U=(z,P)=>{m.has(z)||m.set(z,crypto.randomUUID());let H=gn(z),D=z.getBoundingClientRect(),A=getComputedStyle(z),te={...P?{subject:P}:{},key:m.get(z),capturedAt:Date.now(),selector:H.selector,tagName:H.tagName,text:H.textContent?.slice(0,200),component:H.reactComponent,source:H.reactSource,rect:{x:D.x,y:D.y,width:D.width,height:D.height},styles:Object.fromEntries(["color","background-color","font-size","font-family","display","padding","border-radius"].map(re=>[re,A.getPropertyValue(re)]))};if(g.set(te.key,{element:z,target:te}),g.size>32){let re=[...g.keys()].find(V=>V!==u.pinned?.key);re&&g.delete(re)}return te},G=z=>{let P=z?.element??null,H=z?.selection==="selected",D=u.selected??u.hover;P===f&&!!u.selected===H&&D?.subject?.key===z?.subject?.key||(f=P,clearTimeout(y),y=setTimeout(()=>{if(x)return;let A=P?.isConnected&&!ha(P,"input, textarea, select, [contenteditable], [data-popmelt-private], [data-popmelt-canvas-block], [data-devtools]")?U(P,z?.subject):null;u.selected=H?A:null,u.hover=H?null:A,H&&(u.recent=null),u.hover&&(u.history=[...u.history,u.hover].slice(-8)),u.windowFocused&&(u.recent=null),M()},P&&!H?120:0))};s.current=G,c.current=()=>{x||document.visibilityState!=="visible"||(u.lastInteractionAt=Date.now(),u.windowFocused=document.hasFocus(),!S&&(S=setTimeout(()=>{S=void 0,O=Date.now(),M()},Math.max(0,250-(Date.now()-O)))))},G(l.current);let N=()=>{u.windowFocused=document.hasFocus(),u.blurredAt=u.windowFocused?0:Date.now(),u.recent=u.windowFocused?null:u.hover,M()},K=()=>{u.active=document.visibilityState==="visible",u.active?G(l.current):(clearTimeout(y),u.hover=null,u.history=[],u.recent=null,u.selected=null,g.clear(),f=null,u.lastInteractionAt=0),M()};document.addEventListener("visibilitychange",K),window.addEventListener("focus",N),window.addEventListener("blur",N);let B=setInterval(M,1e4),k=!1,X,Z=new Set,j=setInterval(async()=>{if(!(x||k||document.visibilityState!=="visible")){k=!0;try{let z=await Vt(`${t}/focus/requests?clientId=${u.clientId}`,{signal:AbortSignal.timeout(3e3)});if(!z.ok)return;let P=await z.json();for(let H of P){if(Z.has(H.id)||x)continue;Z.add(H.id),Z.size>64&&Z.delete(Z.values().next().value);let D=g.get(H.targetKey),A={status:"target_unavailable"};if(H.workspace){A=zu(r.current.state,H.workspace);let te=H.workspace.entryId?[H.workspace.entryId]:"entries"in A?A.entries.map(V=>V.id):[],re=[...new Set(te.map(V=>Pu(r.current.state,V,r.current.registry)).filter(V=>!!V))];i(re);for(let V of re)V instanceof HTMLElement&&V.hasAttribute("data-popmelt-thread-header")&&Wm(V,V);if(re.length&&(clearTimeout(X),X=setTimeout(()=>a(null),Math.max(0,H.expiresAt-Date.now())),await new Promise(V=>requestAnimationFrame(()=>setTimeout(V,0))),x))break;A.attention=H.workspace.entryId?re.length?"shown":Pu(r.current.state,H.workspace.entryId,r.current.registry,!0)?"target_offscreen":"target_missing_hidden_or_ambiguous":{shown:re.length,requested:te.length}}else if(D?.element.isConnected&&u.page===location.origin+location.pathname&&!ha(D.element,"[data-popmelt-private], input, textarea, select, [contenteditable]"))try{if(a(D.element),clearTimeout(X),X=setTimeout(()=>a(null),Math.max(0,H.expiresAt-Date.now())),await new Promise(te=>requestAnimationFrame(()=>setTimeout(te,0))),x)break;A=H.attentionOnly?{status:"ok",attention:"shown"}:await ky(D.element,D.target,H.screenshot,r.current)}catch{A={status:"capture_failed"}}if(x||document.visibilityState!=="visible")break;(await Vt(`${t}/focus/response`,{method:"POST",headers:{"Content-Type":"application/json"},body:Iy(H.id,u.clientId,A),signal:AbortSignal.timeout(3e3)})).ok||await Vt(`${t}/focus/response`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:H.id,clientId:u.clientId,result:{status:"response_rejected"}}),signal:AbortSignal.timeout(3e3)}),clearTimeout(X),a(null)}}catch{}finally{clearTimeout(X),x||a(null),k=!1}}},1e3);return K(),()=>{x=!0,clearTimeout(y),clearTimeout(S),clearInterval(B),clearInterval(j),clearTimeout(X),a(null),document.removeEventListener("visibilitychange",K),window.removeEventListener("focus",N),window.removeEventListener("blur",N),s.current=null,c.current=null,g.clear(),u.hover=null,u.selected=null,u.history=[],u.active=!1,M()}},[e,t]),{onCanvasFocusChange:p,onCanvasActivity:d,inspectingElement:e?o[0]??null:null,inspectingElements:e?o:[]}}function Cy(e,t,n,r){let[o,i]=L(null),[a,l]=L(null),s=J(0),c=J(Promise.resolve(!0)),d=Y(()=>{s.current=Date.now()},[]),p=Y(f=>{s.current=Date.now(),i(f)},[]),u=Y(f=>l(m=>JSON.stringify(m)===JSON.stringify(f)?m:f),[]);return _(()=>{if(!e||!r)return;let f=o?.element;if(f&&ha(f,"[data-private], [data-sensitive]"))return;let m=a?.targets??(f?[{selector:o?.subject?lu(o.subject):Io(f),...o?.subject?{subject:o.subject}:{}}]:[]);if(!m.length)return;let g={pathname:window.location.pathname,ownerId:t,color:n,targets:m,activity:"looking",...a?{threadId:a.threadId}:{}},y=!1,x=null,R=!1,C=(N,K,B)=>{let k=c.current.then(()=>N!=="finish"&&(y||x!==K)?!1:e(N,K,B));return c.current=k.catch(()=>!1),k},S=()=>{let N=x;x=null,N&&C("finish",N).catch(()=>{})},O=async()=>{if(y||R)return;if(!(document.visibilityState!=="hidden"&&document.hasFocus()&&g.pathname===window.location.pathname&&(a||f?.isConnected&&(o?.selection==="selected"||Date.now()-s.current<5e3)))){S();return}R=!0;let N=x?"renew":"start",K=x??crypto.randomUUID();x=K;try{!await C(N,K,g)&&x===K&&(x=null),y&&S()}catch{x===K&&(x=null)}finally{R=!1}},M=setTimeout(O,120),U=setInterval(O,1e3),G=()=>S();return window.addEventListener("blur",G),window.addEventListener("focus",O),document.addEventListener("visibilitychange",O),()=>{y=!0,clearTimeout(M),clearInterval(U),S(),window.removeEventListener("blur",G),window.removeEventListener("focus",O),document.removeEventListener("visibilitychange",O)}},[e,r,t,n,o,a]),{onFocus:p,onActivity:d,onThread:u}}var fl="data-popmelt-preview-target",Du="script,iframe,object,embed,link,meta,base,style,template";function Ay({root:e,targets:t,revision:n,width:r,height:o,cleanClone:i}){let a=e.cloneNode(!0),l=[e,...e.querySelectorAll("*")],s=[a,...a.querySelectorAll("*")],c=new Set,d=new Map;for(let[u,f]of t){if(!u||!l.includes(f))throw new Error("Target is outside the preview root");if(d.has(f))throw new Error("Target has multiple identities");d.set(f,u)}l.forEach((u,f)=>{let m=s[f];(u.shadowRoot||u.matches("canvas,video"))&&c.add("Shadow DOM, canvas and video state are not mirrored");for(let y of[...m.attributes])(/^on/i.test(y.name)||["src","srcset","href","xlink:href","action","formaction","autofocus","contenteditable",fl].includes(y.name))&&m.removeAttribute(y.name);u instanceof HTMLInputElement&&(u.type==="password"||u.type==="file"?m.removeAttribute("value"):m.setAttribute("value",u.value),m.toggleAttribute("checked",u.checked)),u instanceof HTMLTextAreaElement&&(m.textContent=u.value),u instanceof HTMLOptionElement&&m.toggleAttribute("selected",u.selected);let g=d.get(u);g&&m.setAttribute(fl,g),i?.(u,m)});for(let u of a.querySelectorAll(Du))u.remove();for(let u of a.querySelectorAll("[data-devtools], [data-popmelt-peer-surface], [data-popmelt-root], popmelt-root"))u.remove();if(a.matches(Du))throw new Error("Unsupported preview root");let p="";for(let u of e.ownerDocument.styleSheets)if(!(u.ownerNode instanceof Element&&u.ownerNode.closest("[data-devtools], [data-popmelt-top-layer-host]")))try{p+=[...u.cssRules].map(f=>f.cssText).join(`
6
- `)+`
7
- `}catch{c.add("An inaccessible stylesheet was omitted")}return c.add("Static snapshot: no scripts, external assets, event handlers or application runtime"),{revision:n,html:e.tagName==="BODY"?a.innerHTML:a.outerHTML,...e.tagName==="BODY"?{bodyAttributes:Object.fromEntries([...a.attributes].map(u=>[u.name,u.value]))}:{},css:p,width:r,height:o,warnings:[...c]}}function Hu(e,t){let n=[...e.querySelectorAll(`[${fl}]`)].filter(r=>r.getAttribute(fl)===t);return n.length===1?n[0]:null}var My=class{constructor(e){this.generation=0,this.cancelPending=null,this.current=null,this.disposed=!1,this.frame=e.ownerDocument.createElement("iframe"),this.frame.setAttribute("sandbox","allow-same-origin"),this.frame.title="Peer plane preview",this.frame.style.cssText="border:0;display:block;pointer-events:none;",this.frame.tabIndex=-1,e.append(this.frame)}async render(e,t,n){if(this.disposed)throw new Error("Preview surface was disposed");this.cancelPending?.();let r=++this.generation;this.current=null,this.frame.width=String(e.width),this.frame.height=String(e.height);let o=this.frame.ownerDocument.implementation.createHTMLDocument("Peer preview"),i=o.createElement("meta");i.httpEquiv="Content-Security-Policy",i.content="default-src 'none'; style-src 'unsafe-inline'; form-action 'none'; base-uri 'none'; script-src 'none'",o.head.prepend(i);let a=o.createElement("style");a.textContent=e.css.replace(/<\/style/gi,"<\\/style"),o.head.append(a),o.body.innerHTML=e.html;for(let[s,c]of Object.entries(e.bodyAttributes??{}))o.body.setAttribute(s,c);let l=o.createElement("style");return l.textContent="*,*::before,*::after{animation:none!important;transition:none!important;caret-color:transparent!important}",o.head.append(l),o.documentElement.dataset.previewGeneration=String(r),new Promise(s=>{let c=f=>{clearTimeout(u),this.frame.removeEventListener("load",p),this.cancelPending===d&&(this.cancelPending=null),s(f)},d=()=>c(!1),p=()=>{if(r!==this.generation||this.frame.contentDocument?.documentElement.dataset.previewGeneration!==String(r))return;let f=this.frame.contentDocument;n?.(f);for(let m of t.artifacts)m.kind==="style"&&Hu(f,m.targetKey)?.style.setProperty(m.property,m.value,"important");this.current={baseline:e,plane:{...t}},c(!0)},u=setTimeout(d,5e3);this.cancelPending=d,this.frame.addEventListener("load",p),queueMicrotask(()=>{!this.disposed&&r===this.generation&&(this.frame.srcdoc="<!doctype html>"+o.documentElement.outerHTML)})})}inspect(e,t){let n=this.current,r=this.frame.contentDocument;if(!n||!r)return null;let o=Hu(r,e);if(!o)return null;let i=this.frame.contentWindow.getComputedStyle(o),a=o.getBoundingClientRect();return{planeId:n.plane.id,planeRevision:n.plane.revision,sourceRevision:n.baseline.revision,targetKey:e,styles:Object.fromEntries(t.map(l=>[l,i.getPropertyValue(l)])),rect:{x:a.x,y:a.y,width:a.width,height:a.height}}}dispose(){this.disposed=!0,++this.generation,this.cancelPending?.(),this.current=null,this.frame.remove()}};function Ry(e,t){return{id:e,ownerId:t,revision:0,artifacts:[],undo:[],redo:[],attention:null}}function Js(e){return Qa(e).flatMap(t=>t==="color"?[..._c]:[t])}function Ly(e,t){if(e===void 0)return{families:Li.map(n=>({family:n,label:bs(n)}))};if(!Li.includes(e))throw new Error("Unknown omnidial family");if(!t)return{family:e,subproperties:Js(e)};if(!Js(e).includes(t))throw new Error("Unknown omnidial subproperty");return{family:e,subproperty:t,...e==="transform"&&t==="translate"?{composedToken:"translate-x-<xStep>-y-<yStep>",axisSteps:ti(e,t)}:{},tokens:ti(e,t).map(n=>({token:Ga(e,n,t),value:Ri(e,n,t)}))}}function $y(e,t){if(t!==void 0&&!Li.includes(t))throw new Error("Unknown omnidial family");let n=/^translate-x-(-?\d+)-y-(-?\d+)$/.exec(e);if(n&&(!t||t==="transform")){let o=ti("transform","translate"),i=o.find(l=>String(l)===n[1]),a=o.find(l=>String(l)===n[2]);if(i!==void 0&&a!==void 0)return{family:"transform",subproperty:"translate",step:i,axisSteps:{x:i,y:a}}}let r=[];for(let o of t?[t]:Li)for(let i of Js(o))for(let a of ti(o,i))Ga(o,a,i)===e&&r.push({family:o,subproperty:i,step:a});if(r.length>1)throw new Error("Ambiguous omnidial token; include its family (for example stack or grid)");if(!r.length)throw new Error("Unknown omnidial token; discover available tokens or use an explicit custom property/value");return r[0]}function Ou(e,t,n,r){let o=e.ownerDocument.defaultView.getComputedStyle(e),i=Ic(t,r),a=Ri(t,n,r),l=Tc(t),s=Cc(t,r,n),c=t==="border"&&!ei(t,r)&&typeof n=="number"&&n>0?Ac(r):null,d={family:t,subproperty:Oc(t,r),step:n},p=[{property:i,original:o.getPropertyValue(i).trim()||"0px",modified:a,token:Ga(t,n,r),sticker:d}];l&&p.unshift({property:"display",original:o.getPropertyValue("display").trim()||"block",modified:l,token:l,sticker:d});for(let u of s)p.push({property:u.property,original:o.getPropertyValue(u.property).trim(),modified:u.value,token:u.token,sticker:d});if(c){let u=o.getPropertyValue(c).trim();(!u||u==="none")&&p.push({property:c,original:u||"none",modified:"solid",token:Ga(t,n,r),sticker:d})}return{alreadyApplied:Ec(t,n,r,u=>o.getPropertyValue(u)),changes:p}}function Nu(e,t,n){let r=e.ownerDocument.defaultView.getComputedStyle(e),o="translate",i=`${Number(t)*4}px ${Number(n)*4}px`,a={family:"transform",subproperty:"translate",step:t,axisSteps:{x:t,y:n}};return{alreadyApplied:r.getPropertyValue(o).trim()===i,changes:[{property:o,original:r.getPropertyValue(o).trim()||"none",modified:i,token:`translate-x-${t}-y-${n}`,sticker:a}]}}function jy(e,t){for(let n of t.changes)ot(e,n.property,n.modified)}var Py=new Set(["text","transform","opacity"]),zy=new Set(["padding","margin","border","radius","color"]);function Dy(e){return e instanceof SVGSVGElement&&!(e.parentElement instanceof SVGElement)}function Hy(e){return e!=="text-align"}function ml(e,t,n){return Tr(e)?e instanceof HTMLElement?!0:t==="text"&&!Hy(n)?!1:Py.has(t)||Dy(e)&&zy.has(t):!1}function ma(e){return[...new Set([...e?.annotations.flatMap(t=>t.linkedSelector?[t.linkedSelector]:[])??[],...e?.styleModifications.map(t=>t.selector)??[],...e?.textModifications.map(t=>t.selector)??[]])]}function Oy(e,t){return Object.keys(t).filter(n=>e[n]!==void 0&&e[n]!==t[n])}function _u(e,t){return Object.keys(e).length===Object.keys(t).length&&Object.keys(t).every(n=>e[n]===t[n])}function qs(e,t,n,r){let o={...e};for(let i of r){if(n[i]===void 0){delete o[i];continue}o[i]=t[i]??e[i]??n[i]}return o}function Ny(e){let t=e.ownerDocument.defaultView.getComputedStyle(e),n=Array.from(t).filter(i=>!i.startsWith("--")).map(i=>`${i}:${t.getPropertyValue(i)}`).join(";"),r=e.outerHTML+n,o=2166136261;for(let i=0;i<r.length;i++)o=Math.imul(o^r.charCodeAt(i),16777619);return`target-v2:${(o>>>0).toString(16)}`}var ar=()=>location.origin+location.pathname;function gl(e){let t=document.querySelectorAll(e),n=t[0];if(t.length!==1||!(n instanceof HTMLElement||n instanceof SVGElement)||n.closest("[data-devtools], [data-popmelt-peer-surface], [data-popmelt-canvas-block]"))throw new Error("Target must resolve to exactly one app element");if(n.matches("input,textarea,select,[contenteditable],script,style")||n.closest("[data-private], [data-sensitive]"))throw new Error("Private/editable controls are outside the peer preview");return n}var Fu=class{constructor(){this.sources={},this.changed=[],this.container=document.createElement("div"),this.container.dataset.popmeltPeerSurface="",this.container.setAttribute("aria-hidden","true"),this.container.style.cssText="position:fixed;left:-100000px;top:0;pointer-events:none;",document.body.append(this.container),this.surface=new My(this.container)}async render(e,t,n,r=!1){if(t.domModifications.length||t.spacingTokenChanges.length)throw new Error("Independent previews do not yet support staged structure or spacing-token edits; your draft is preserved");let o=e.state??rl,i=new Set([...n?[n]:[],...ma(o)]),a=new Map;for(let d of i)a.set(d,gl(d));let l=new Map;for(let d of t.textModifications){let p=document.querySelector(d.selector);p&&l.set(p,[...l.get(p)??[],d])}let s=Ay({root:document.body,targets:a,revision:ar(),width:innerWidth,height:innerHeight,cleanClone:(d,p)=>{if(!r){hg(d,p);for(let u of l.get(d)??[]){let f=p;for(let m of u.textNodePath)f=f?.childNodes[m];f?.nodeType===Node.TEXT_NODE&&(f.nodeValue=u.original)}}}}),c=Ry(e.identity.id,e.identity.id);if(c.revision=e.revision,r||(c.artifacts=o.styleModifications.flatMap(d=>d.changes.map(p=>({kind:"style",id:d.selector+p.property,targetKey:d.selector,property:p.property,value:p.modified})))),!await this.surface.render(s,c,d=>{this.sources=Object.fromEntries([...i].map(p=>[p,Ny(d.querySelector(`[data-popmelt-preview-target="${CSS.escape(p)}"]`))])),this.changed=Oy(e.basis??{},this.sources)}))throw new Error("Preview superseded or unavailable");return this.surface.frame.contentWindow?.scrollTo(scrollX,scrollY),s.warnings}async execute(e,t){let{action:n}=e,r=structuredClone(e.peer);if(n.type==="prepare-send"){if(!ma(r.state).length)throw new Error("There are no peer changes to send");if(await this.render(r,t),!e.observedSources||Object.keys(this.sources).some(s=>e.observedSources[s]!==this.sources[s]))throw new Error("Source changed since the last preview. Take another look, then send again.");return this.changed.length&&r.revision++,r.basis={...this.sources},delete r.pendingRevision,{peer:r,sources:this.sources}}if(n.type==="check-source"){let s={...r,state:{...structuredClone(rl),annotations:Object.keys(n.sources).map((c,d)=>({id:`source-${d}`,type:"text",text:"",points:[],strokeWidth:1,color:r.color,timestamp:0,linkedSelector:c}))}};if(await this.render(s,t),!_u(n.sources,this.sources))throw new Error("Source changed since Send. Preview the current source and send again.");return{peer:r,evidence:{status:"source-current"}}}if(n.type==="tokens")return{peer:r,evidence:Ly(n.family,n.subproperty)};let o=r.state??{...structuredClone(rl),isAnnotating:!0,activeColor:r.color},i=o,a,l=s=>{i=Sm(i,s)};if(n.type==="send")throw new Error("Send requires the implementation bridge");if(n.type==="rebase")await this.render(r,t),r.basis={...this.sources},r.revision++,delete r.pendingRevision,a={status:"rebased",note:"Draft preserved against current source; Send requires a new approval if in Suggest."};else if(n.type==="undo"||n.type==="redo"){l({type:n.type==="undo"?"UNDO":"REDO"}),await this.render({...r,state:i},t);let s=[...new Set([...ma(o),...ma(i)])].filter(c=>{let d=p=>JSON.stringify([p.annotations.filter(u=>u.linkedSelector===c),p.styleModifications.filter(u=>u.selector===c)]);return d(o)!==d(i)});r.basis=qs(r.basis??{},e.observedSources??{},this.sources,s)}else if(n.type==="attention"&&!n.selector)r.attention=null;else if(n.type==="clear"){let s=n.kind!=="style"&&o.annotations.some(d=>d.linkedSelector===n.selector),c=n.kind!=="comment"&&o.styleModifications.some(d=>d.selector===n.selector);if(!s&&!c)return{peer:r,evidence:{status:"nothing-to-clear"}};i={...o,annotations:n.kind==="style"?o.annotations:o.annotations.filter(d=>d.linkedSelector!==n.selector),styleModifications:n.kind==="comment"?o.styleModifications:o.styleModifications.filter(d=>d.selector!==n.selector),undoStack:[...o.undoStack,{annotations:o.annotations,styleModifications:o.styleModifications,textModifications:o.textModifications,domModifications:o.domModifications,spacingTokenChanges:o.spacingTokenChanges,spacingTokenMods:o.spacingTokenMods}],redoStack:[]},await this.render({...r,state:i},t),r.basis=qs(r.basis??{},e.observedSources??{},this.sources,[n.selector])}else if("selector"in n&&n.selector){let s=gl(n.selector),c=gn(s),d=n.selector;if(n.type==="inspect"){let p=await this.render(r,t,d,n.plane==="host");a={...this.surface.inspect(d,n.properties??[]),element:c,warnings:p,view:n.plane??"own",url:ar(),changedSourceTargets:n.plane==="host"?void 0:this.changed}}else if(n.type==="style")if("token"in n){let p=$y(n.token,n.family);if(!ml(s,p.family,p.subproperty))throw new Error("This omnidial token does not support the target");await this.render(r,t,d);let u=this.surface.frame.contentDocument?.querySelector(d);if(!u)throw new Error("Could not inspect original style");let f=p.axisSteps?Nu(u,p.axisSteps.x,p.axisSteps.y):Ou(u,p.family,p.step,p.subproperty);f.alreadyApplied||l({type:"MODIFY_STYLES_BATCH",payload:{selector:d,element:{...c,selector:d},changes:f.changes}}),a={token:n.token,selection:p,alreadyApplied:f.alreadyApplied}}else{if(!CSS.supports(n.property,n.value))throw new Error("Unsupported CSS property/value");await this.render(r,t,d);let p=this.surface.inspect(d,[n.property])?.styles[n.property];if(p===void 0)throw new Error("Could not inspect original style");l({type:"MODIFY_STYLES_BATCH",payload:{selector:d,element:{...c,selector:d},changes:[{property:n.property,original:p,modified:n.value}]}})}else if(n.type==="comment"){await this.render(r,t,d);let p=s.getBoundingClientRect();l({type:"ADD_TEXT",payload:{id:`peer-note-${e.id}`,point:{x:p.x+scrollX,y:p.y+scrollY-26},text:n.text,linkedSelector:d,elements:[{...c,selector:d}]}})}r.attention=null,(n.type==="comment"||n.type==="style")&&(r.basis=qs(r.basis??{},e.observedSources??{},this.sources,[d]))}if(i!==o){if(i.annotations.length+i.styleModifications.length>100)throw new Error("Peer draft is full; submit or undo before adding more");i={...i,undoStack:i.undoStack.slice(-50),redoStack:i.redoStack.slice(-50)},r.state=i,r.revision++,r.url=ar(),delete r.pendingRevision}return{peer:r,evidence:a,...["inspect","style","comment","clear","undo","redo","rebase"].includes(n.type)&&!(n.type==="inspect"&&n.plane==="host")?{sources:this.sources}:{}}}dispose(){this.surface.dispose(),this.container.remove()}};async function _y(e,t,n){let r=!0,o,i=new Set,a=async d=>{let p=new AbortController;i.add(p);let u=setTimeout(()=>p.abort(),1500);try{return await e(d,p.signal)}catch{return!1}finally{clearTimeout(u),i.delete(p)}},l=()=>{r=!1,clearTimeout(o);for(let d of i)d.abort()},s=()=>{l(),a("finish")},c=async()=>{if(!r)return;let d=await a("renew");r&&d&&(o=setTimeout(()=>{c()},1e3))};n.addEventListener("abort",s,{once:!0});try{if(n.aborted)throw new Error("Canvas disconnected before action");let d=await a("start");if(n.aborted)throw new Error("Canvas disconnected before action");return r&&d&&(o=setTimeout(()=>{c()},1e3)),await t()}finally{l(),n.removeEventListener("abort",s),await a("finish")}}function Fy(e){let t=`popmelt-peer-seen:${e}`,[n,r]=L({key:"",revisions:{}});return _(()=>{let o={};try{let i=JSON.parse(localStorage.getItem(t)??"{}");i&&typeof i=="object"&&!Array.isArray(i)&&(o=Object.fromEntries(Object.entries(i).filter(([,a])=>Number.isSafeInteger(a)&&a>=0)))}catch{}r({key:t,revisions:o})},[t]),{markSeen:Y((o,i)=>{r(a=>{if(a.key!==t||(a.revisions[o]??0)>=i)return a;let l={key:t,revisions:{...a.revisions,[o]:i}};try{localStorage.setItem(t,JSON.stringify(l.revisions))}catch{}return l})},[t]),isUnseen:(o,i)=>n.key===t&&i>(n.revisions[o]??0)}}function Wy(e,t){let n,r=l=>(l instanceof Element?l:l.parentElement)?.closest("[data-devtools], [data-popmelt-peer-surface], [data-popmelt-root], popmelt-root"),o=()=>{n===void 0&&(n=setTimeout(()=>{n=void 0,t()},400))},i=new MutationObserver(l=>{document.hidden||!e.length||l.some(s=>{if(r(s.target)||s.type==="childList"&&[...s.addedNodes,...s.removedNodes].every(d=>r(d)))return!1;let c=s.target instanceof Element?s.target:s.target.parentElement;return c?.closest("style,head")?!0:e.some(d=>{let p=document.querySelector(d);return!p||p.contains(s.target)||c?.contains(p)})})&&o()});i.observe(document.documentElement,{subtree:!0,attributes:!0,childList:!0,characterData:!0}),window.addEventListener("resize",o);let a=()=>{document.hidden||o()};return document.addEventListener("visibilitychange",a),()=>{i.disconnect(),clearTimeout(n),window.removeEventListener("resize",o),document.removeEventListener("visibilitychange",a)}}function Wu(e){if(!e)return 0;let t=am(e.annotations);return uc({annotations:e.annotations.filter(n=>!n.captured&&!t.has(n)),styleModifications:e.styleModifications.filter(n=>!n.captured),textModifications:e.textModifications.filter(n=>!n.captured)}).count}function By(e,t,n,r,o){let[i,a]=L([]),[l,s]=L([]),c=zf(l,e&&r.isAnnotating),d=Df(e&&r.isAnnotating),{viewedId:p,isPeeking:u}=d,[f,m]=L(),[g,y]=L(),[x,R]=L([]),C=J(null),{markSeen:S,isUnseen:O}=Fy(n),M=xe(()=>new Map(i.map(W=>[W.identity.id,Wu(W.state)])),[i]),{annotations:U,styleModifications:G,textModifications:N}=r,K=xe(()=>Wu({annotations:U,styleModifications:G,textModifications:N}),[U,G,N]),[B,k]=L(null),X=J(null),Z=J({human:r,settings:o});Z.current={human:r,settings:o};let j=J({clientId:crypto.randomUUID()}),z=J(async()=>{throw new Error("Canvas is disconnected")}),P=e?i.find(W=>W.identity.id===p):void 0,H=i.find(W=>W.identity.id===d.selectedId)?.state,D=xe(()=>Hf(H),[H]);_(()=>{if(!e||!n)return;j.current.token||(j.current={clientId:crypto.randomUUID()});let W=!1,we,ie=-1,ne=-1,Ee=new AbortController,Le="",De=!1,q=new Fu,ve=new Map,Re=me=>{W||typeof me.presenceVersion!="number"||me.presenceVersion<=ne||!Array.isArray(me.presence)||(ne=me.presenceVersion,s(me.presence))},Pe=async(me,fe={},Je=AbortSignal.any([Ee.signal,AbortSignal.timeout(5e4)]))=>{let qe=j.current.token,st=await Vt(`${t}/peers/${me}`,{method:"POST",headers:{"Content-Type":"application/json","X-Popmelt-Project-Id":n},body:JSON.stringify({...j.current,...fe}),signal:Je}),Ve=await st.json();if(me!=="host"&&qe!==j.current.token)throw new Error("Canvas session changed during request");if(!st.ok||Ve.error)throw new Error(Ve.error??`Peer request failed (${st.status})`);return Ve};z.current=Pe;async function tt(me){if(me.url&&me.url!==ar())throw new Error("Canvas navigated before the operation could run");if(me.action.type!=="send"){let Be=km(me.action);return Be?(gl(Be.selector),_y(async(pt,Rn)=>{let Gt=await Pe("activity",{id:me.id,phase:pt},Rn);return Re(Gt),Gt.accepted===!0},()=>q.execute(me,Z.current.human),Ee.signal)):q.execute(me,Z.current.human)}if(!me.grant)throw new Error("No host-approved Send grant");let fe=structuredClone(me.peer);if(fe.url!==ar())throw new Error("Return to the proposal\u2019s page before sending");let Je=fe.state;if(!Je||!Je.annotations.length&&!Je.styleModifications.length)throw new Error("There are no peer changes to send");await q.render(fe,Z.current.human);let qe={...q.sources};if(!me.observedSources||Object.keys(qe).some(Be=>me.observedSources[Be]!==qe[Be]))throw new Error("Source changed since the last preview. Take another look, then send again.");let st=q.surface.frame.contentDocument;if(!st)throw new Error("Peer preview is unavailable");let[Ve]=await ni(st.body,null,[],{viewportOnly:!0});if(!Ve)throw new Error("Could not capture the peer preview");if(await q.render(fe,Z.current.human),!_u(qe,q.sources))throw new Error("Source changed while preparing Send. Take another look, then send again.");await Pe("source",{grant:me.grant,sources:qe});let Ie=pl(Je.annotations,Je.styleModifications,void 0,void 0,Je.textModifications),{provider:Ye,model:gt,agentSettings:qt}=Z.current.settings,vt=await Xc(Ve,JSON.stringify(Ie),t,fe.color,Ye,gt,void 0,void 0,qt,void 0,void 0,void 0,me.grant);return fe.state={...structuredClone(rl),isAnnotating:!0,activeColor:fe.color},fe.revision++,fe.basis={},delete fe.pendingRevision,fe.lastJob={jobId:vt.jobId,threadId:vt.threadId},{peer:fe,evidence:{status:"submitted",...vt}}}async function it(){try{if(!j.current.token||Le!==ar()){let fe=await Pe("host",{url:ar()});if(W)return;j.current.token=String(fe.token),Le=ar()}let me=await Pe("poll",{version:ie,presenceVersion:ne});if(W)return;Re(me),me.peers&&(a(me.peers),De=me.peers.length>0,ie=Number(me.version));for(let fe of me.requests){let Je=ve.get(fe.id);if(!Je){try{Je=await tt(fe)}catch(qe){Je={error:qe instanceof Error?qe.message:String(qe)}}ve.set(fe.id,Je),ve.size>100&&ve.delete(ve.keys().next().value)}await Pe("response",{id:fe.id,result:Je})}}catch(me){!W&&me instanceof Error&&me.message.includes("Host capability")&&(j.current.token=void 0,ie=-1,ne=-1,W||s([]))}finally{W||(we=setTimeout(()=>{it()},document.hidden||!De?2e3:600))}}return it(),()=>{W=!0,Ee.abort(),clearTimeout(we),q.dispose(),a([]),s([]),z.current=async()=>{throw new Error("Canvas is disconnected")}}},[e,t,n]),_(()=>{if(y(void 0),R([]),C.current=null,!P||!r.isAnnotating||!X.current){k(null);return}let W=new Fu;X.current.append(W.container),k(null),W.container.removeAttribute("aria-hidden"),W.container.style.cssText="position:absolute;inset:0;pointer-events:none;";let we=!1;P.url&&P.url!==ar()&&y("This draft belongs to another page. Return to it to preview.");let ie=!1,ne=!1,Ee=()=>{if(!we){if(ie){ne=!0;return}ie=!0,W.render(P,Z.current.human).then(()=>{we||(y(void 0),R(W.changed),C.current={id:P.identity.id,revision:P.revision,values:{...W.sources}},k(W.surface.frame),S(P.identity.id,P.revision))}).catch(ve=>{we||(C.current=null,k(null),y(ve.message))}).finally(()=>{ie=!1,ne&&(ne=!1,Ee())})}},Le=!P.url||P.url===ar();Le&&Ee();let De=Le?Wy(ma(P.state),Ee):()=>{},q=()=>W.surface.frame.contentWindow?.scrollTo(scrollX,scrollY);return window.addEventListener("scroll",q,{passive:!0}),()=>{we=!0,De(),window.removeEventListener("scroll",q),W.dispose()}},[P,r.isAnnotating,S]);let A=async W=>{try{return await W(),m(void 0),!0}catch(we){return m(we instanceof Error?we.message:String(we)),!1}},te=e&&i.length?{peers:[{identity:{id:"host",name:"You",kind:"human",relationship:"host"},permission:"direct",color:r.activeColor,stagedCount:K},...i.map(W=>({...W,stagedCount:M.get(W.identity.id)??0,unseenActivity:O(W.identity.id,W.revision)}))],viewedPeerId:p,selectedPeerId:d.selectedId,onPeek:d.peek,onPeekEnd:d.leave,onPreview:W=>{d.select(W),m(void 0)},onPermissionChange:(W,we)=>A(()=>z.current("permission",{peerId:W,permission:we}))}:null,re=P?.pendingRevision!==void 0?()=>A(()=>{let W=C.current;if(!W||W.id!==p||W.revision!==P.revision)throw new Error("Wait for this draft\u2019s preview before sending.");return z.current("approve",{peerId:p,revision:P.pendingRevision,sources:W.values})}):void 0,V=!!(P&&r.isAnnotating),ce=e&&(f??(V?g:void 0));return _(()=>{if(!V)return;let W=we=>{we.composedPath().some(ie=>ie instanceof Element&&ie.hasAttribute("data-devtools"))||(we.metaKey||we.ctrlKey)&&we.key==="Enter"||(we.key.length===1||["Backspace","Delete","Enter"].includes(we.key))&&(we.preventDefault(),we.stopPropagation())};return window.addEventListener("keydown",W,!0),()=>window.removeEventListener("keydown",W,!0)},[V]),{toolbar:te,selectedId:d.selectedId,threadAnnotationNumbers:D,activePreview:V,isPeeking:u,viewed:P,approve:re,overlay:T(nt,{children:[V&&h("div",{ref:X,"data-devtools":"peer-preview","data-peer-revision":P?.revision,"data-pending-revision":P?.pendingRevision,"data-popmelt-peer-surface":!0,style:{position:"fixed",inset:0,zIndex:1e4,background:"#111",pointerEvents:"auto"}}),c.map(({presence:W,engaged:we})=>{if(u)return null;let ie=i.find(Ee=>Ee.identity.id===W.peerId);if(!ie||W.clientId!==j.current.clientId||W.url!==ar()||V&&ie.identity.id!==p)return null;let ne=null;try{ne=V?B?.contentDocument?.querySelector(W.selector)??null:gl(W.selector)}catch{}return h(Kc,{element:ne,engaged:we,label:`${ie.identity.name} is looking at this element`},`${ie.identity.id}:${W.operationId}`)}),!u&&V&&P&&B?.contentDocument&&h(Of,{peer:P,targetDocument:B.contentDocument,onApprove:re?()=>{re()}:void 0}),V&&P&&p===d.selectedId&&h("div",{"data-devtools":"peer-plane-border","data-plane-owner":P.identity.id,"aria-hidden":"true",style:{position:"fixed",inset:0,border:`2px solid ${P.color}`,boxSizing:"border-box",pointerEvents:"none",zIndex:10002}}),V&&P&&p===d.selectedId&&h(Nf,{name:P.identity.name,isOwnPlane:P.identity.id==="host",color:P.color,changed:x.length>0}),ce&&h("div",{"data-devtools":"peer-error",role:"status",style:{position:"fixed",bottom:100,right:24,maxWidth:360,padding:12,background:"#222",color:"#ddd",borderRadius:12,fontFamily:ks,fontSize:12,lineHeight:1.4,zIndex:10002},children:ce})]})}}function Jy(e,t,n,r,o,i,a){let[l,s]=L(),c=J({navigation:e,selectedId:t});_(()=>{if(!e||!n||l?.navigation===e)return;let d=e.read(),p=o.current,u=!1;if(!d.threadId||d.selectedId!==t){s({navigation:e});return}return i(d.threadId).then(f=>{if(!u){if(p===o.current&&e.read()===d)if(f>=200&&f<300)a(d.threadId);else if(f===403||f===404||f===410)e.rememberThread(t,null);else{s({navigation:e,unresolvedRevision:p});return}s({navigation:e})}}).catch(()=>{u||s({navigation:e,unresolvedRevision:p})}),()=>{u=!0}},[e,t,n,l,o,i,a]),_(()=>{let d=c.current.navigation!==e||c.current.selectedId!==t;c.current={navigation:e,selectedId:t},!(!e||l?.navigation!==e||d)&&(l.unresolvedRevision===o.current&&!r||e.rememberThread(t,r))},[e,t,r,l,o])}var qy=pu(()=>import("./ParticipantRuntime-WZLITXXM.mjs")),Uy=pu(()=>import("./PreviewRuntime-ATSECGMB.mjs"));function Yy({children:e,projectId:t,adapters:n,multiplayer:r=!1}){let[o,i]=L(!1);if(_(()=>{i(!0)},[]),!o)return null;let a=window.__POPMELT_PARTICIPANTS__;if(!r)return rc()?null:a?h("p",{role:"status","data-devtools":"participant-disabled",children:"Multiplayer is disabled. Enable the multiplayer option in your Popmelt integration to use this participant page."}):e;if(a)try{Qh(a,t)}catch(l){return h("p",{role:"alert","data-devtools":"participant-error",children:l.message})}return rc()?a?h(hu,{fallback:null,children:h(Uy,{config:a,adapters:n})}):null:a?h(hu,{fallback:null,children:h(qy,{config:a,children:bg(e,{bridgeUrl:a.url,projectId:a.projectId})},a.projectId)}):e}function Xy(e,t,n,r){let o=J(e);o.current=e;let[i,a]=L([]),l=J(null),[s,c]=L(null),[d,p]=L(null),u=i.filter(y=>y.scope===e),f=y=>a(x=>x.filter(R=>R.id!==y)),m=(y,x)=>{let R=Symbol(y);p(null);let C=t(y).then(()=>!0,()=>(o.current===e&&(x(),p({scope:e,message:"Could not dismiss thread. Please try again."})),f(R),!1));a(S=>[...S.filter(O=>O.scope===e),{id:R,threadId:y,rollback:x,saved:C,scope:e,undoHead:r}])},g=async()=>{let y=u.at(-1);if(!(!y||l.current===e)){l.current=e,c(e),p(null);try{if(!await y.saved||o.current!==e||(await n(y.threadId),o.current!==e))return;y.rollback(),f(y.id)}catch{o.current===e&&p({scope:e,message:"Could not restore thread. Try Undo again."})}finally{l.current===e&&(l.current=null,c(null))}}};return{dismiss:m,undo:g,tryUndo:()=>{let y=u.at(-1);return!y||y.undoHead!==r?!1:(g(),!0)},busy:s===e,count:u.length,error:d?.scope===e?d.message:null}}function Ky({enabled:e,active:t,configuration:n=!0,adapters:r}){let[o,i]=L(!1),[a,l]=L(null),s=xe(()=>Zh(),[]),{recognition:c,selector:d,root:p,observe:u,store:f,imageHasher:m,onError:g}=typeof n=="object"?n:{},y=r.some(S=>S.surfaceKind==="image"||S.id==="see:image"),x=e&&n!==!1&&!y,R=t||o,C=R?c:void 0;return _(()=>{e?t&&i(!0):i(!1)},[e,t]),_(()=>{if(!x)return;let S=ef({recognition:C?{cacheKey:C.cacheKey,configurationKey:C.configurationKey,detect:O=>C.detect(O),reconcile:(...O)=>C.reconcile(...O)}:void 0,hydrateOnly:!R,selector:d,root:p,observe:u,store:f??s,imageHasher:m,onError:g});return l(S),()=>{l(null),S.destroy()}},[x,C,R,d,p,u,f,s,m,g]),xe(()=>x&&a?[a,...r]:r,[x,a,r])}function Vy({enabled:e,configuration:t=!0,adapters:n}){let[r,o]=L(null),i=xe(()=>tf(),[]),{segmentation:a,tracking:l,selector:s,root:c,observe:d,store:p,onError:u}=typeof t=="object"?t:{},f=n.some(g=>g.surfaceKind==="video"||g.id==="see:video"),m=e&&t!==!1&&!f;return _(()=>{if(!m)return;let g=nf({tracking:l,segmentation:a,selector:s,root:c,observe:d,store:p??i,onError:u});return o(g),()=>{o(null),g.destroy()}},[m,l,a,s,c,d,p,i,u]),xe(()=>m&&r?[r,...n]:n,[m,r,n])}function Bu(e,t){return JSON.stringify([e,t.adapter,t.key])}async function Ju(e,t,n,r){for(let o of t){if(!o.target)continue;let i=Bu(n,o.target);if(!r.has(i))try{r.set(i,await e.captureFeedback(o.target))}catch{r.set(i,null)}}}function Gy(e,t,n){let r=new Map;for(let o of e.annotations){let i=t.find(l=>l.id===o.id),a=(i?.groupId?t.filter(l=>l.groupId===i.groupId):t.filter(l=>l.id===o.id)).flatMap(l=>n.get(l.id)??[]);a.length&&r.set(o.id,a)}return r}function Qy(e,t,n,r){for(let o of e.annotations){if(!o.target)continue;let i=n.get(Bu(o.pathname||r,o.target));if(!i){o.subjectFeedback={warning:"Live object unavailable; the following object context is the draft-time snapshot, not a refreshed detection. No object crop is attached."};continue}if(o.elements=[i.elementInfo],o.subjectFeedback=i.warning?{warning:i.warning}:void 0,i.crop){let a=t.get(o.id)??[];o.subjectFeedback={...o.subjectFeedback,cropImageIndex:a.length},t.set(o.id,[...a,i.crop])}}}function Zy(e){let t=e?.requestItems?.flatMap(r=>r.kind==="annotation"&&r.text.trim()?[r.text.trim()]:[]);if(t?.length)return t.join("; ");let n=e?.requestItems?.flatMap(r=>r.kind==="changes"?[`${r.elementLabel} [${r.changes.join(", ")}]`]:[]);return n?.length?n.join("; "):e?.requestText?.trim()||void 0}function ev(e,t){if(!e?.frames?.length)return[];let n=new Map;for(let r of e.steps){let o=r.visuals?.afterFrameId;o&&!n.has(o)&&n.set(o,r.action?.label?`After ${r.action.label}`:"Resulting state")}return e.frames.flatMap((r,o)=>{let i=t[r.imageIndex];return i?[{id:r.id,imageIndex:r.imageIndex,label:o===0?"Initial state":n.get(r.id)??"State",url:i}]:[]})}function qu(e){let t=e.instruction?.trim();return t?e.attachments?.some(n=>n.name?.trim()===t)?null:t:null}function tv(e,t){let n=e?.tagName?.toLowerCase(),r=e?.id?`#${e.id}`:"",o=e?.className?`.${e.className.trim().split(/\s+/).slice(0,2).join(".")}`:"",i=n?`${n}${r}${o}`:t;return e?.reactComponent?`<${e.reactComponent}> ${i}`:i}function nv(e){let t=e.elements?.[0]?.reactComponent||e.elements?.[0]?.tagName||e.linkedSelector,n=e.type&&e.type!=="annotation"?`${e.type} annotation`:"Annotation";return t?`${n} on ${t}`:n}function rv(e){let t=e.annotations.map(o=>{let i=o.interactionEpisode?.steps.length??0;return{kind:"annotation",annotationId:o.id,pathname:o.pathname,text:qu(o)??nv(o),...i>0?{interactionEpisodeStepCount:i}:{}}}),n=new Map,r=o=>{let i=`${o.pathname??""}:${o.durableSelector??o.selector}`,a=n.get(i);if(a){a.changes.push(o.text),o.annotationNumber!==void 0&&(a.annotationNumber===void 0||o.annotationNumber<a.annotationNumber)&&(a.annotationNumber=o.annotationNumber);return}let l={kind:"changes",elementKey:i,elementLabel:tv(o.element,o.selector),...o.annotationNumber!==void 0?{annotationNumber:o.annotationNumber}:{},pathname:o.pathname,changes:[o.text]};n.set(i,l),t.push(l)};for(let o of e.styleModifications??[])for(let i of o.changes)r({...o,text:`${i.property}: ${i.original||"unset"} \u2192 ${i.modified||"unset"}${i.token?` (${i.token})`:""}`});for(let o of e.textModifications??[])r({...o,text:`Text: ${o.original||"empty"} \u2192 ${o.modified||"empty"}`});for(let o of e.domModifications??[])r({...o,text:o.operation==="copy"?"Copied element":"Moved element"});return e.spacingTokenChanges?.length&&t.push({kind:"changes",elementKey:"spacing-tokens",elementLabel:"Spacing tokens",changes:e.spacingTokenChanges.map(o=>`${o.tokenName}: ${o.originalPx}px \u2192 ${o.newPx}px`)}),t}function ov(e){let t=e.annotations.flatMap(r=>{let o=qu(r);return o?[{instruction:o,pathname:r.pathname}]:[]});if(t.length===0)return;if(new Set(t.map(r=>r.pathname).filter(Boolean)).size<=1)return t.map(r=>r.instruction).join(`
8
-
9
- `);let n=new Map;for(let r of t){let o=r.pathname||"(unknown)",i=n.get(o)??[];i.push(r.instruction),n.set(o,i)}return[...n.entries()].map(([r,o])=>`\`${r}\`
10
- ${o.map(i=>`- ${i}`).join(`
11
- `)}`).join(`
12
- `)}function iv(e,t=96){let n=e.replace(/\s+/g," ").trim();return n.length>t?`${n.slice(0,Math.max(0,t-3))}...`:n}function av(e,t,n){let r=[],o=(i,a)=>{let l=i.filter(c=>!c.includes("data-pm=")),s=cu(l,a);s.status!=="matched"||r.some(c=>c.element===s.element)||r.push({element:s.element,elementInfo:gn(s.element),subject:!1})};for(let i of(e.targets??[]).slice(0,20))if(i.type==="dom"){if(i.pathname!==t)continue;o([i.structuralSelector,i.runtimeSelector,...i.legacySelectors??[]].filter(a=>!!a),i.targetFingerprint)}else{let a=n?.resolve({adapter:i.adapter,key:i.key});a&&r.push({element:a.element,elementInfo:a.elementInfo,subject:!0,sourceElement:a.subject.sourceElement})}if(!e.targets?.length)for(let i of(e.elementIdentifiers??[]).slice(0,20))i.startsWith(`${t}:`)&&o([i.slice(t.length+1)]);return r}function lv(e){let t=e.sourceElement??e.element;if(!t.isConnected)return!1;if(!e.subject||e.sourceElement){let r=getComputedStyle(t);if(r.display==="none"||r.visibility==="hidden"||r.visibility==="collapse"||r.opacity==="0"||t.checkVisibility&&!t.checkVisibility({checkOpacity:!0,checkVisibilityCSS:!0}))return!1}let n=e.element.getBoundingClientRect();return n.width>0&&n.height>0&&n.bottom>0&&n.right>0&&n.top<window.innerHeight&&n.left<window.innerWidth}function sv({entry:e,color:t,subjectRegistry:n,hasExistingOverlay:r}){let o=Cr($i),i=ss(),[a,l]=L(null);return _(()=>{if(!o)return;let s=av(e,i,n),c=()=>{let u=s.filter(lv);l(f=>f?.entry===e&&f.pathname===i&&f.targets.length===u.length&&f.targets.every((m,g)=>m===u[g])?f:{entry:e,pathname:i,targets:u})};c();let d=eu(c),p=Cu(c);return()=>{d(),p.disconnect()}},[e,i,n,o]),a?.entry!==e||a.pathname!==i?null:h("div",{"data-devtools":"history-target-preview",style:{pointerEvents:"none"},children:a.targets.filter(s=>!r?.(s.element)).map((s,c)=>h(ro,{element:s.element,elementInfo:s.elementInfo,subjectRegistry:n,isSelected:!1,hideFill:!s.subject,color:t},c))})}function dv(){if(typeof window>"u")return null;try{let e=window.localStorage.getItem(fs);return e?JSON.parse(e):null}catch{return null}}function cv({bridgeUrl:e,annotations:t}){let[n,r]=L(dv);_(()=>{if(!n||n.domEdit)return;let l=t.find(s=>s.id===n.id&&(s.status??(s.captured?"in_flight":"pending"))!=="pending");!l||l.text!==n.text||n.images?.length||JSON.stringify(l.attachments??[])!==JSON.stringify(n.attachments??[])||JSON.stringify(l.interactionEpisode??null)!==JSON.stringify(n.interactionEpisode??null)||r(s=>s===n?null:s)},[n,t]),_(()=>{n&&!n.domEdit?window.localStorage.setItem(fs,JSON.stringify(n)):window.localStorage.removeItem(fs)},[n]),_(()=>{let l=n?.attachments?.map(s=>s.id)??[];!e||l.length===0||Uc(e,l).catch(()=>{})},[n?.attachments,e]);let o=Y(l=>{!e||!l?.length||Promise.all(l.map(s=>Is(e,s.id).catch(()=>{})))},[e]),i=Y(async l=>{if(!n||n.domEdit)return;let s=lm(l.clipboardData.getData("text/plain"));if(s){if(l.preventDefault(),!e)return;if(s.blob.size>2097152){console.warn("[Popmelt] Pasted attachment exceeds the 2 MB draft limit.");return}try{let p=n.groupId?t.find(f=>f.groupId===n.groupId&&f.type!=="text")?.id??n.id:n.id,u=await Km(e,p,s);r(f=>f?.id===n.id?{...f,attachments:[...f.attachments??[],u]}:f)}catch(p){console.error("[Popmelt] Failed to stage pasted attachment:",p)}return}let c=l.clipboardData.items,d=[];for(let p=0;p<c.length;p+=1){let u=c[p];if(!u.type.startsWith("image/"))continue;let f=u.getAsFile();f&&d.push(f)}d.length!==0&&(l.preventDefault(),r(p=>p?{...p,images:[...p.images??[],...d]}:null))},[n,t,e]),a=Y(l=>{r(s=>s&&{...s,attachments:s.attachments?.filter(c=>c.id!==l)}),e&&Is(e,l).catch(()=>{})},[e]);return{activeText:n,setActiveText:r,handleTextPaste:i,removeActiveTextAttachment:a,releaseActiveTextAttachments:o}}function uv({annotations:e,isCreatingAnnotation:t,hoveredTextId:n,badgeHoveredAnnotationId:r,highlightedAnnotationIds:o,cycleFocusedAnnotationIds:i,hoveredElement:a}){let l=xe(()=>{let p=e.filter(g=>(g.status??"pending")==="pending");if(p.length===0&&!t)return null;let u=new Set(p.map(g=>g.id)),f=new Set(p.flatMap(g=>g.groupId?[g.groupId]:[])),m=new Set(p.flatMap(g=>g.threadId?[g.threadId]:[]));for(let g of e)(g.groupId&&f.has(g.groupId)||g.threadId&&m.has(g.threadId))&&u.add(g.id);return u},[e,t]),s=xe(()=>{let p=new Set;if(n&&p.add(n),r&&p.add(r),o?.forEach(u=>p.add(u)),a){for(let u of e)if(u.linkedSelector)try{a.matches(u.linkedSelector)&&p.add(u.id)}catch{}}return gs(e,p)},[e,n,r,o,a]),c=xe(()=>o?gs(e,o):null,[e,o]),d=xe(()=>i?gs(e,i):null,[e,i]);return{cycleSpotlightAnnotationIds:d,emphasizedAnnotationIds:c??d??l,hoverRestoredAnnotationIds:s,inactiveEmphasisOpacity:c||d?.2:.5,statusSpotlightAnnotationIds:c}}function pv({activeText:e,activeTextSendHintId:t,annotationNumberById:n,badgeHoveredAnnotationId:r,canvasRef:o,focusedThreadAnnotationId:i,hoveredElement:a,hoveredElementInfo:l,hoveredTextId:s,showHoverElementIdentifier:c,layoutReady:d,layoutRevision:p,pageAnnotations:u,parentPinnedAnnotationIds:f,pendingLinkedText:m,scroll:g,supersededAnnotations:y,textSafeBounds:x}){let R=J(new Map);return xe(()=>{let C=new Set,S=new Map,O=new Map,M=new Map,U=()=>({hiddenCollidingAnnotationIds:C,nestedCollidingAnnotationCountById:S,nestedCollidingAnnotationIdsById:O,visibleCollisionRepresentativeByAnnotationId:M});if(!d)return U();let G=o.current?.getContext("2d");if(!G)return U();let N=(D,A,te,re,V)=>{G.font=`${re}px ${Mn}`;let ce=(te||"Type here...").replace(/\n/g," "),W=V!==void 0?`${V}. ${ce}`:ce,we={x:A.x-g.x,y:A.y-g.y},ie=f.has(D)?Rs:0,ne=Math.max(60,Ts(we.x)-ie),Ee=ou(G,W,ne),Le=G.measureText(Ee).width,De=iu(we,re,x,ie+Le+16);return{left:De.x-8,top:De.y-4,right:De.x+ie+Le+8,bottom:De.y+re*ir+4}},K=new Set,B=u.flatMap(D=>{if(D.type!=="text"||!D.text||!D.points[0]||!D.linkedSelector||y.has(D))return[];let A=D.elements?.[0]?.selector,te=R.current.get(D.id),re=te?.selector===D.linkedSelector&&te.fallbackSelector===A&&te.element.isConnected,V=re?te.element:an(D.linkedSelector,D.elements);if(!V)return[];let ce=re?te.depth:dm(V);return R.current.set(D.id,{selector:D.linkedSelector,fallbackSelector:A,element:V,depth:ce}),K.add(D.id),[{id:D.id,annotation:D,element:V,bounds:N(D.id,D.points[0],D.text,D.fontSize||12,n.get(D.id)),depth:ce}]});for(let D of R.current.keys())K.has(D)||R.current.delete(D);if(B.length===0)return U();let k=B.map((D,A)=>A),X=D=>{let A=D;for(;k[A]!==A;)A=k[A];for(;k[D]!==D;){let te=k[D];k[D]=A,D=te}return A},Z=(D,A)=>{let te=X(D),re=X(A);te!==re&&(k[re]=te)};for(let D=0;D<B.length;D+=1)for(let A=D+1;A<B.length;A+=1){let te=B[D],re=B[A];ys(te.element,re.element)&&vs(te.bounds,re.bounds)&&Z(D,A)}let j=new Map;B.forEach((D,A)=>{let te=X(A),re=j.get(te)??[];re.push(D),j.set(te,re)});for(let D of j.values())for(let A of D){let te=new Set,re=D.flatMap(V=>V.id===A.id||V.element===A.element||!A.element.contains(V.element)||te.has(V.element)?[]:(te.add(V.element),[V.id]));re.length>0&&(S.set(A.id,re.length),O.set(A.id,re))}let z=e?.linkedSelector?{id:e.id,element:an(e.linkedSelector,e.elements),bounds:N(e.id,e.point,e.text,e.fontSize,n.get(e.id))}:m?.linkedSelector?{id:t,element:an(m.linkedSelector,m.elements),bounds:N(t,m.point,"",12)}:null,P=null;if(a&&c){let D=a.getBoundingClientRect(),A=22,te=D.height>=window.innerHeight,re=te?D.top+8:D.top>=A+Mi?D.top-A-Mi:D.bottom+Mi,V=te?D.left+8:D.left,ce=l?cm(l):a.tagName.toLowerCase();G.font=`12px ${Mn}`;let W=Math.min(400,G.measureText(ce).width+16);P={left:V,top:re,right:V+W,bottom:re+A}}let H=(D,A)=>{D.forEach(te=>{te.id!==A&&C.add(te.id),A&&M.set(te.id,A)})};for(let D of j.values()){if(z?.element&&D.some(V=>ys(z.element,V.element)&&vs(z.bounds,V.bounds))){let V=new Set,ce=D.flatMap(W=>W.element===z.element||!z.element.contains(W.element)||V.has(W.element)?[]:(V.add(W.element),[W.id]));ce.length>0&&(S.set(z.id,ce.length),O.set(z.id,ce)),H(D,D.find(W=>W.id===z.id)?.id);continue}let A=[s,r].find(V=>V&&D.some(ce=>ce.id===V)),te=D.find(V=>V.id===A);if(te){H(D,te.id);continue}if(a){let V=D.find(ce=>ce.element===a);if(V){H(D,V.id);continue}if(P&&D.some(ce=>!um(ce.annotation)&&!pm(ce.annotation)&&ce.annotation.status!=="awaiting_review"&&ys(a,ce.element)&&vs(P,ce.bounds))){H(D);continue}}let re=[i].find(V=>V&&D.some(ce=>ce.id===V));if(re){H(D,re);continue}if(D.length>1){let V=D.reduce((ce,W)=>W.depth<ce.depth||W.depth===ce.depth&&(W.bounds.top<ce.bounds.top||W.bounds.top===ce.bounds.top&&W.annotation.timestamp<ce.annotation.timestamp)?W:ce);H(D,V.id)}}return U()},[e,t,n,r,o,i,a,l,s,c,d,u,f,m,g.x,g.y,y,x,p])}function Uu(e){if(!e.isConnected)return!1;let t=e.getBoundingClientRect();if(t.width<=0||t.height<=0||e.getClientRects().length===0)return!1;let n=e;for(;n;){let r=window.getComputedStyle(n);if(r.display==="none"||r.visibility==="hidden"||r.visibility==="collapse"||Number.parseFloat(r.opacity||"1")<=0)return!1;n=uu(n)}return!0}function hv(e){if(!e)return null;try{return $s(e)}catch{return null}}function Yu(e,t){if(e?.isConnected){let r=e;for(;r&&r!==document.documentElement;){if(Uu(r))return{element:r,parentPinned:r!==e};r=uu(r)}}let n=hv(t);return n&&Uu(n)?{element:n,parentPinned:!0}:null}function Us(e,t,n){return Yu(e,n)?.element===t}function Xu(e,t){let n=typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(t):t.replace(/["\\]/g,"\\$&");return`[${e}="${n}"]`}function fv(e){let t=e.elements?.[0],n=t?.sourceElement?.dataAttributes,r=n?.["data-popmelt-media-id"]??n?.["data-popmelt-see-id"]??t?.dataAttributes?.["data-popmelt-media-id"]??t?.dataAttributes?.["data-popmelt-see-id"];if(r){let o=$s(Xu("data-popmelt-media-id",r));if(o)return o;let i=$s(Xu("data-popmelt-see-id",r));if(i)return i}return ol(e.linkedSelector,t)}var mv='#devtools-toolbar, #devtools-canvas, #devtools-scrim, [data-popmelt-panel], [data-devtools="panel"], [data-devtools="panel-wrapper"], [data-devtools="annotation-badge-layer"], [data-popmelt-subject-projection]';function gv(e,t){return e.size===t.size&&[...e].every(n=>t.has(n))}function yv({annotations:e,currentPathname:t,dispatch:n,stateRef:r,styleModifications:o,subjectRegistry:i,toolbarRef:a,onTargetResolutionChange:l}){let s=Cr($i),[c,d]=L(()=>new Set),p=xe(()=>e.filter(f=>f.linkedSelector&&(!f.pathname||f.pathname===t)).map(f=>[f.id,f.linkedSelector,f.text,f.fontSize,f.timestamp,JSON.stringify([f.elements?.[0]?.selector,f.elements?.[0]?.context,f.elements?.[0]?.targetFingerprint,f.elements?.[0]?.dataAttributes,f.elements?.[0]?.sourceElement?.dataAttributes])].join(":")).join("|"),[e,t]),u=xe(()=>o.filter(f=>!f.pathname||f.pathname===t).map(f=>f.selector).sort().join("|"),[t,o]);return _(()=>{if(!s)return;if(!p){d(z=>z.size===0?z:new Set);return}let f=null,m=!1,g=document.createElement("canvas").getContext("2d"),y=null,x=new Map,R=new Map,C=new Map,S=sm(r.current.annotations.flatMap(z=>[z.linkedSelector,z.elements?.[0]?.selector].filter(P=>!!P))),O=()=>{if(y)return y;let z=r.current.annotations.filter(H=>H.linkedSelector&&(!H.pathname||H.pathname===t)),P=new Map;return y=z.flatMap(H=>{R.has(H.id)||R.set(H.id,fv(H));let D=R.get(H.id);P.set(H.id,D);let A=Yu(D,H.elements?.[0]?.context);return A?[{annotation:H,spatialAnchor:A}]:[]}),(P.size!==C.size||[...P].some(([H,D])=>C.get(H)!==D))&&(C=P,l?.()),y},M=()=>{y=null,x.clear()},U=()=>{let z=r.current.styleModifications.filter(W=>!W.pathname||W.pathname===t),P=[],H=O(),D=new Map(r.current.annotations.map(W=>[W.id,W])),A=new Set(H.filter(({spatialAnchor:W})=>W.parentPinned).map(({annotation:W})=>W.id));d(W=>gv(W,A)?W:A);let te=new Map,re=new Map,V=new Map;for(let{annotation:W,spatialAnchor:we}of H){let ie=V.get(we.element)??[];ie.push(W),V.set(we.element,ie)}let ce=new Map;for(let W of V.values()){W.sort((Ee,Le)=>Ee.timestamp-Le.timestamp);let we=0,ie,ne=0;for(let Ee of W)Ee.timestamp!==ie&&(ie=Ee.timestamp,ne=we),ce.set(Ee.id,ne),we+=1}for(let{annotation:W,spatialAnchor:we}of H){let ie=we.element,ne=te.get(ie);ne||(ne=ie.getBoundingClientRect(),te.set(ie,ne));let Ee=re.get(ie);Ee===void 0&&(Ee=z.some(me=>{if(me.captured)return!1;try{return ie.matches(me.selector)}catch{return!1}}),re.set(ie,Ee));let Le=ce.get(W.id)??0,De=(Ee?1:0)+Le,q=x.get(W.id);if(q===void 0&&W.text&&g){let me=W.fontSize||12;g.font=`${me}px ${Mn}`,q=Math.max(...W.text.split(`
13
- `).map(fe=>g.measureText(fe).width))+(we.parentPinned?Rs:0),x.set(W.id,q)}let ve=ne.top>=22*(1+De)+Mi?"top-left":"bottom-left",Re=ie===document.body&&wc(W)?Mc(ne):Rc(ne,ve,De,a?.current,q),Pe=D.get(W.id),tt=Pe?.points[0],it=ve!==Pe?.linkedAnchor;tt&&(it||Math.abs(Re.x-tt.x)>1||Math.abs(Re.y-tt.y)>1)&&P.push({id:W.id,point:Re,linkedAnchor:it?ve:void 0})}P.length>0&&n({type:"UPDATE_LINKED_POSITIONS",payload:{updates:P}})},G=()=>{m||f!==null||(f=requestAnimationFrame(()=>{f=null,U()}))};U();let N=()=>{M(),G()},K=eu(U);window.addEventListener("resize",N,!0),window.addEventListener("load",N),document.addEventListener("transitionend",N,!0),document.addEventListener("animationend",N,!0),document.fonts.ready.then(N);let B=i?.subscribeFrame(U),k=new Set,X=()=>{for(let z of fg())!(z instanceof ShadowRoot)||k.has(z)||(k.add(z),Z.observe(z,j))},Z=new MutationObserver(z=>{let P=z.filter(H=>{let D=H.target,A=D instanceof Element?D:D.parentElement;return!A||!ha(A,mv)});P.some(H=>H.addedNodes.length)&&X(),P.some(S.changesIdentity)&&R.clear(),P.length&&N()}),j={attributes:!0,childList:!0,characterData:!0,subtree:!0,attributeFilter:S.attributes};return Z.observe(document.body,j),X(),()=>{m=!0,K(),window.removeEventListener("resize",N,!0),window.removeEventListener("load",N),document.removeEventListener("transitionend",N,!0),document.removeEventListener("animationend",N,!0),Z.disconnect(),B?.(),f&&cancelAnimationFrame(f)}},[s,t,n,p,u,r,i,a,l]),c}function vv(){let e=J({shift:!1,cmd:!1});return _(()=>{let t=o=>{o.key==="Shift"&&(e.current.shift=!0),(o.key==="Meta"||o.key==="Control")&&(e.current.cmd=!0)},n=o=>{o.key==="Shift"&&(e.current.shift=!1),(o.key==="Meta"||o.key==="Control")&&(e.current.cmd=!1)},r=()=>{e.current={shift:!1,cmd:!1}};return window.addEventListener("keydown",t,!0),window.addEventListener("keyup",n,!0),window.addEventListener("blur",r),()=>{window.removeEventListener("keydown",t,!0),window.removeEventListener("keyup",n,!0),window.removeEventListener("blur",r)}},[]),e}function bv({annotations:e,annotationIds:t,badgeHoveredAnnotationId:n,hoveredTextId:r}){let o=xe(()=>{let c=new Map;for(let d of e){if(!t.has(d.id))continue;let p=ug(d.elements);p&&c.set(d.id,p)}return c},[e,t]),i=[n,r].find(c=>c&&o.has(c))??null,[a,l]=L(null);_(()=>{if(l(null),!i)return;let c=window.setTimeout(()=>{l(i)},500);return()=>window.clearTimeout(c)},[i]);let s=Y(async c=>{let d=await pg(c.linkedSelector,c.elements);if(!d)return;let p=d.getBoundingClientRect();(p.bottom<0||p.top>window.innerHeight)&&d.scrollIntoView({behavior:"smooth",block:"center"})},[]);return{locationLabels:o,tooltipAnnotationId:a,revealAnnotation:s}}function wv({activeText:e,activeTextAnchorId:t,hoveredElement:n,hoveredTextId:r,pendingTextAnnotations:o}){let[i,a]=L(null);return _(()=>{if(e&&!e.domEdit&&e.text.trim()){a(t);return}a(l=>l&&o.some(s=>s.id===l)?l:o[0]?.id??null)},[e,t,o]),_(()=>{if(!r)return;let l=o.find(s=>s.id===r);l&&a(l.id)},[r,o]),_(()=>{if(!n)return;let l=o.find(s=>{if(!s.linkedSelector)return!1;try{return n.matches(s.linkedSelector)}catch{return!1}});l&&a(l.id)},[n,o]),{sendHintAnchorId:i,setSendHintAnchorId:a}}function xv(e,t,n,r,o){_(()=>{let i=a=>{if(e){if(e.domEdit||e.linkedSelector)return;a.preventDefault(),a.stopPropagation();let s=a.deltaY>0?-2:2;t(c=>c?{...c,fontSize:Math.max(12,Math.min(72,c.fontSize+s))}:null);return}if(!n)return;a.preventDefault();let l=r.find(s=>s.id===n);if(l&&l.type==="text"&&!l.linkedSelector){let s=l.fontSize||12,c=a.deltaY>0?-2:2;o({type:"UPDATE_TEXT_SIZE",payload:{id:n,fontSize:s+c}})}};return window.addEventListener("wheel",i,{passive:!1}),()=>{window.removeEventListener("wheel",i)}},[n,e,r,o,t])}var Sv=86,kv=36,Iv=2;function Ev({nestedAnnotationCount:e,interactionEpisodeStepCount:t,reserveSendHint:n,imageCount:r=0}){let o=+(r>0)+ +(t>0)+ +(e>0)+Number(n);return o===0?0:xc(r)+(r>0?4:0)+(e>0?kv:0)+Vc(t)+(n?Sv:0)+Math.max(0,o-1)*Iv}function Tv({rawLeft:e,width:t,top:n,scroll:r,collisionId:o,nestedAnnotationCount:i,nestedAnnotationIds:a,nestedBadgeColor:l,interactionEpisodeStepCount:s,imageCount:c=0,color:d="#f50",showSendHint:p,bundleCount:u,onHoverNestedAnnotations:f,onHoverSendHint:m,onClearInteractionEpisode:g,onSend:y}){return i===0&&s===0&&c===0&&!p?null:h(Zm,{"data-popmelt-active-annotation-surface":"true",left:e+t+r.x+2-nu,top:n+r.y-nu,scrollX:r.x,scrollY:r.y,onContextMenu:x=>{x.preventDefault(),x.stopPropagation()},style:{pointerEvents:"auto",zIndex:10002},children:T("div",{style:{display:"flex",alignItems:"center",gap:2},children:[h(tu,{stepCount:s,onClear:g}),i>0&&o&&h(eg,{count:i,color:l,onHoverChange:x=>f(o,x?a:null)}),T("div",{style:{display:"flex",alignItems:"center",isolation:"isolate",marginLeft:c>0?4:0},children:[h(xm,{imageCount:c,color:d}),p&&h(tg,{layered:c>0,bundleCount:Math.max(1,u),onHoverChange:m,onSend:y})]})]})})}function Cv({value:e,fontSize:t,prefix:n,inputRef:r,inputStyle:o,selectionBackground:i,selectionColor:a,annotationBorderRadius:l,activeColor:s,boundaryRects:c,wrapsDomText:d,showEditor:p,rawLeft:u,top:f,baselineOffset:m,onChange:g,onKeyDown:y,onPaste:x,onBlur:R}){let C=c!==void 0;return T(nt,{children:[h("style",{children:`
14
- #devtools-text-input::placeholder { color: rgba(255, 255, 255, 0.5); }
15
- #devtools-text-input::selection {
16
- background: ${i};
17
- color: ${a};
18
- }
19
- @keyframes popmeltAnnotationFieldEnter {
20
- from { border-radius: 8px; }
21
- to { border-radius: ${l}; }
22
- }
23
- @media (prefers-reduced-motion: reduce) {
24
- #devtools-text-input { animation: none !important; }
25
- }
26
- `}),c?.map((S,O)=>h("div",{"data-devtools":"text-edit-active-boundary",style:{position:"fixed",left:S.left,top:S.top,width:S.width,height:S.height,pointerEvents:"none",zIndex:10002,border:`1px solid ${s}`,backgroundColor:el(s,.08),boxSizing:"border-box"}},`${S.left}:${S.top}:${O}`)),p&&h("textarea",{id:"devtools-text-input","data-popmelt-active-annotation-surface":C?void 0:"true",ref:r,value:e,onChange:g,onKeyDown:y,onPaste:x,onBlur:R,placeholder:"Type here...",wrap:C?d?"soft":"off":void 0,spellCheck:!1,style:o}),p&&!C&&n&&h("span",{"aria-hidden":!0,"data-devtools":"annotation-number",style:{position:"fixed",left:u+8,top:f+4+m,zIndex:10002,pointerEvents:"none",color:"#ffffff",fontFamily:Mn,fontSize:t,lineHeight:`${t*ir}px`,whiteSpace:"pre"},children:n})]})}function Av({anchor:e,insetTopLeft:t=!1,width:n,height:r,value:o,fontSize:i,prefix:a,inputRef:l,inputStyle:s,onChange:c,onKeyDown:d,onPaste:p,onBlur:u,onContextMenu:f}){return T("div",{"data-popmelt-active-annotation-surface":"true",onContextMenu:f,style:{position:"relative",width:n,height:r,flex:`0 0 ${n}px`},children:[h("textarea",{id:"devtools-text-input","data-popmelt-active-annotation-surface":"true",ref:l,value:o,onChange:c,onKeyDown:d,onPaste:p,onBlur:u,onClick:m=>m.stopPropagation(),placeholder:"Type here...",spellCheck:!1,style:{...s,position:"relative",left:0,top:0,zIndex:0,paddingTop:4,paddingBottom:4,borderRadius:t?ca("bottom-left"):ca(e),animation:void 0}}),a&&h("span",{"aria-hidden":!0,"data-devtools":"annotation-number",style:{position:"absolute",left:8,top:4,zIndex:1,pointerEvents:"none",color:"#ffffff",fontFamily:Mn,fontSize:i,fontWeight:600,lineHeight:`${i*ir}px`,whiteSpace:"pre"},children:a})]})}function Mv(e,t,n){let r={x:n.left+n.width*t.x,y:n.top+n.height*t.y},o=e.left+e.width,i=e.top+e.height,a=r.x>=e.left&&r.x<=o&&r.y>=e.top&&r.y<=i,l={x:Math.max(e.left,Math.min(o,r.x)),y:Math.max(e.top,Math.min(i,r.y))};return{annotation:l,subject:r,visible:!a&&Math.hypot(r.x-l.x,r.y-l.y)>=2}}function Rv({element:e,annotationRect:t,subjectAnchor:n,color:r,subjectRegistry:o}){let i=J(null);return _(()=>{let a=i.current;if(!a)return;let l=a.querySelector("line"),s=a.querySelector("circle");if(!l||!s)return;let c=()=>{let u=Mv(t,n,e.getBoundingClientRect());a.style.display=u.visible?"":"none",l.setAttribute("x1",String(u.annotation.x)),l.setAttribute("y1",String(u.annotation.y)),l.setAttribute("x2",String(u.subject.x)),l.setAttribute("y2",String(u.subject.y)),s.setAttribute("cx",String(u.subject.x)),s.setAttribute("cy",String(u.subject.y))};c();let d=o?.subscribeFrame(c),p=o?null:new MutationObserver(c);return p?.observe(e,{attributes:!0,attributeFilter:["style"]}),window.addEventListener("resize",c),()=>{d?.(),p?.disconnect(),window.removeEventListener("resize",c)}},[t,e,n,o]),h("svg",{"data-popmelt-subject-draft-connector":"","aria-hidden":!0,style:{position:"fixed",inset:0,width:"100dvw",height:"100dvh",zIndex:10001,pointerEvents:"none",overflow:"visible"},children:T("g",{ref:i,children:[h("line",{stroke:r,strokeWidth:"1",strokeDasharray:"2 3",strokeLinecap:"round",opacity:"0.72"}),h("circle",{"data-popmelt-subject-draft-point":"",r:"3",fill:r,stroke:"#ffffff",strokeWidth:"1",opacity:"0.85"})]})})}var Ku=160;function Lv({color:e,cursorRef:t,tool:n,onHandoff:r,onDone:o}){let i=J(null),a=J(r);a.current=r,Lt(()=>{let s=i.current;if(!s)return;let c=(u,f)=>{s.style.left=`${u-4}px`,s.style.top=`${f-4}px`},d=t.current;d&&c(d.x,d.y);let p=u=>c(u.clientX,u.clientY);return window.addEventListener("pointermove",p,{capture:!0}),()=>window.removeEventListener("pointermove",p,{capture:!0})},[t]),_(()=>{let s=window.setTimeout(()=>a.current(),Ku*.75);return()=>window.clearTimeout(s)},[]);let l=n==="inspector";return T("div",{ref:i,"data-devtools":"cursor-switch-pulse",onAnimationEnd:o,style:{position:"fixed",left:-100,top:-100,zIndex:2147483647,width:24,height:24,pointerEvents:"none",transformOrigin:"0 0",animation:`popmeltCursorSwitchPulse ${Ku}ms ease-in-out both`,filter:`drop-shadow(0 .5px .35px rgba(0,0,0,.22)) drop-shadow(0 .75px .65px ${el(e,.42)}) drop-shadow(0 1.25px 1.1px ${el(e,.24)})`},children:[h("svg",{width:"24",height:"24",viewBox:"-3 -3 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{overflow:"visible"},children:l?h("path",{transform:"scale(1.125)",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:e,stroke:"white",strokeWidth:"1.111"}):h("path",{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:e,stroke:"white",strokeWidth:"1.25"})}),h("style",{children:`
27
- @keyframes popmeltCursorSwitchPulse {
28
- 0%, 100% { transform: scale(1); }
29
- 50% { transform: scale(1.5); }
30
- 0%, 75% { opacity: 1; }
31
- 100% { opacity: 0; }
32
- }
33
- `})]})}var yl=28,Vu=12,$v=8,Gu=["transition","transform","translate","rotate","scale"];function ri(e){let[t]=e.getBoxQuads?.({box:"border"})??[];if(t)return{topLeft:{x:t.p1.x,y:t.p1.y},topRight:{x:t.p2.x,y:t.p2.y},bottomRight:{x:t.p3.x,y:t.p3.y},bottomLeft:{x:t.p4.x,y:t.p4.y}};let n=e.getBoundingClientRect();return{topLeft:{x:n.left,y:n.top},topRight:{x:n.right,y:n.top},bottomRight:{x:n.right,y:n.bottom},bottomLeft:{x:n.left,y:n.bottom}}}var vl={a:1,b:0,c:0,d:1,e:0,f:0};function Ao(e,t){return{a:e.a*t.a+e.c*t.b,b:e.b*t.a+e.d*t.b,c:e.a*t.c+e.c*t.d,d:e.b*t.c+e.d*t.d,e:e.a*t.e+e.c*t.f+e.e,f:e.b*t.e+e.d*t.f+e.f}}function Ys(e,t){return{...vl,e,f:t}}function Qu(e){let t=e*Math.PI/180,n=Math.cos(t),r=Math.sin(t);return{a:n,b:r,c:-r,d:n,e:0,f:0}}function Zu(e,t){return{a:e,b:0,c:0,d:t,e:0,f:0}}function bl(e,t){if(!e)return 0;let n=Number.parseFloat(e);return Number.isFinite(n)?e.endsWith("%")?n/100*t:n:0}function wl(e){if(!e)return 1;let t=Number.parseFloat(e);return Number.isFinite(t)?e.endsWith("%")?t/100:t:1}function ep(e){if(!e||e==="none")return vl;let t=e.match(/^matrix\(([^)]+)\)$/);if(t){let r=t[1].split(",").map(Number);if(r.length===6&&r.every(Number.isFinite)){let[o,i,a,l,s,c]=r;return{a:o,b:i,c:a,d:l,e:s,f:c}}}let n=e.match(/^matrix3d\(([^)]+)\)$/);if(n){let r=n[1].split(",").map(Number);if(r.length===16&&r.every(Number.isFinite))return{a:r[0],b:r[1],c:r[4],d:r[5],e:r[12],f:r[13]}}return vl}function Xs(e,t){return{x:e.a*t.x+e.c*t.y+e.e,y:e.b*t.x+e.d*t.y+e.f}}function jv(e){let t=getComputedStyle(e),n=t.rotate.trim().split(/\s+/).at(-1)??"0",r=Qu(Number.parseFloat(n)||0),[o="1",i=o]=t.scale.trim().split(/\s+/),a=Zu(wl(o),wl(i)),l=ep(t.transform);return{...Ao(r,Ao(a,l)),e:0,f:0}}function Pv(e){let t=vl,n=e.parentElement;for(;n;)Tr(n)&&(t=Ao(jv(n),t)),n=n.parentElement;return t}function zv(e,t,n){let r=(o,i)=>({x:e.x+(t.x*o+n.x*i)/2,y:e.y+(t.y*o+n.y*i)/2});return{topLeft:r(-1,-1),topRight:r(1,-1),bottomRight:r(1,1),bottomLeft:r(-1,1)}}function Dv(e,t){let{width:n,height:r}=np(e,t);if(n<=0||r<=0)return t;let o=Pv(e),i=Xs(o,{x:n,y:0}),a=Xs(o,{x:0,y:r}),l=ya(t);return zv(l,i,a)}function Ni(e,t){let[n]=e.getBoxQuads?.({box:"border"})??[];if(n)return ri(e);let r=getComputedStyle(e),{width:o,height:i}=np(e,t);if(o<=0||i<=0)return ri(e);let[a="0",l="0"]=r.translate.trim().split(/\s+/),s=Ys(bl(a,o),bl(l,i)),c=r.rotate.trim().split(/\s+/).at(-1)??"0",d=Qu(Number.parseFloat(c)||0),[p="1",u=p]=r.scale.trim().split(/\s+/),f=Zu(wl(p),wl(u)),m=ep(r.transform),[g="50%",y="50%"]=r.transformOrigin.trim().split(/\s+/),x={x:bl(g,o),y:bl(y,i)},R=Ao(Ys(x.x,x.y),Ao(d,Ao(f,Ao(m,Ys(-x.x,-x.y))))),C=Ao(s,R),S={x:(t.topRight.x-t.topLeft.x)/o,y:(t.topRight.y-t.topLeft.y)/o},O={x:(t.bottomLeft.x-t.topLeft.x)/i,y:(t.bottomLeft.y-t.topLeft.y)/i},M=U=>{let G=Xs(C,U);return{x:t.topLeft.x+S.x*G.x+O.x*G.y,y:t.topLeft.y+S.y*G.x+O.y*G.y}};return{topLeft:M({x:0,y:0}),topRight:M({x:o,y:0}),bottomRight:M({x:o,y:i}),bottomLeft:M({x:0,y:i})}}function ga(e){let t=Gu.map(n=>({property:n,value:e.style.getPropertyValue(n),priority:e.style.getPropertyPriority(n)}));try{e.style.setProperty("transition","none","important");for(let o of Gu)o!=="transition"&&e.style.setProperty(o,"none","important");let[n]=e.getBoxQuads?.({box:"border"})??[],r=ri(e);return n?r:Dv(e,r)}finally{for(let{property:r,value:o,priority:i}of t.filter(({property:a})=>a!=="transition"))o?e.style.setProperty(r,o,i):e.style.removeProperty(r);let n=t.find(({property:r})=>r==="transition");n&&(n.value?e.style.setProperty(n.property,n.value,n.priority):e.style.removeProperty(n.property))}}function Hv(e,t,n=1){return["topLeft","topRight","bottomRight","bottomLeft"].some(r=>Math.hypot(e[r].x-t[r].x,e[r].y-t[r].y)>n)}function xl(e,t,n){let[r="0",o=r]=e.trim().split(/\s+/),i=(a,l)=>{let s=Number.parseFloat(a);return Number.isFinite(s)?a.endsWith("%")?s/100*l:s:0};return{x:i(r,t),y:i(o,n)}}function tp(e,t){let n=getComputedStyle(e),r=(Math.hypot(t.topRight.x-t.topLeft.x,t.topRight.y-t.topLeft.y)+Math.hypot(t.bottomRight.x-t.bottomLeft.x,t.bottomRight.y-t.bottomLeft.y))/2,o=(Math.hypot(t.bottomLeft.x-t.topLeft.x,t.bottomLeft.y-t.topLeft.y)+Math.hypot(t.bottomRight.x-t.topRight.x,t.bottomRight.y-t.topRight.y))/2;return{topLeft:xl(n.borderTopLeftRadius,r,o),topRight:xl(n.borderTopRightRadius,r,o),bottomRight:xl(n.borderBottomRightRadius,r,o),bottomLeft:xl(n.borderBottomLeftRadius,r,o)}}function Ks(e){return{width:(Math.hypot(e.topRight.x-e.topLeft.x,e.topRight.y-e.topLeft.y)+Math.hypot(e.bottomRight.x-e.bottomLeft.x,e.bottomRight.y-e.bottomLeft.y))/2,height:(Math.hypot(e.bottomLeft.x-e.topLeft.x,e.bottomLeft.y-e.topLeft.y)+Math.hypot(e.bottomRight.x-e.topRight.x,e.bottomRight.y-e.topRight.y))/2}}function np(e,t){let n=Ks(t);if(e instanceof HTMLElement)return{width:e.offsetWidth||n.width,height:e.offsetHeight||n.height};let r=getComputedStyle(e),o=Number.parseFloat(r.width),i=Number.parseFloat(r.height);return{width:Number.isFinite(o)&&o>0?o:n.width,height:Number.isFinite(i)&&i>0?i:n.height}}function rp(e,t,n){let r=Ks(t),o=Ks(n),i=r.width>0?o.width/r.width:1,a=r.height>0?o.height/r.height:1;return Object.fromEntries(Object.entries(e).map(([l,s])=>[l,{x:s.x*i,y:s.y*a}]))}function Ov(e){let t=e.trim().toLowerCase();if(!t||t==="transparent")return 0;if(t.match(/^#(?:[\da-f]{3}|[\da-f]{4}|[\da-f]{6}|[\da-f]{8})$/))return t.length===5?Number.parseInt(t.at(-1).repeat(2),16)/255:t.length===9?Number.parseInt(t.slice(-2),16)/255:1;let n=t.match(/\/\s*([\d.]+%?)\s*\)$/);if(n){let o=Number.parseFloat(n[1]);return n[1].endsWith("%")?o/100:o}let r=t.match(/^rgba\([^,]+,[^,]+,[^,]+,\s*([\d.]+%?)\s*\)$/);if(r){let o=Number.parseFloat(r[1]);return r[1].endsWith("%")?o/100:o}return 1}function op(e){let t=getComputedStyle(e);return t.backgroundImage&&t.backgroundImage!=="none"?!1:Ov(t.backgroundColor)>=.999}function _i(e,t,n){let r=t.x-e.x,o=t.y-e.y,i=Math.max(1,Math.hypot(r,o));return{x:e.x+r/i*n,y:e.y+o/i*n}}function ip(e,t){let n=(o,i)=>Math.hypot(i.x-o.x,i.y-o.y),r=[[n(e.topLeft,e.topRight),t.topLeft.x+t.topRight.x],[n(e.topRight,e.bottomRight),t.topRight.y+t.bottomRight.y],[n(e.bottomRight,e.bottomLeft),t.bottomRight.x+t.bottomLeft.x],[n(e.bottomLeft,e.topLeft),t.bottomLeft.y+t.topLeft.y]];return Math.min(1,...r.map(([o,i])=>i>0?o/i:1))}function ap(e){return{topLeft:[e.topLeft.y,e.topLeft.x],topRight:[e.topRight.x,e.topRight.y],bottomRight:[e.bottomRight.y,e.bottomRight.x],bottomLeft:[e.bottomLeft.x,e.bottomLeft.y]}}function lp(e,t){let n=["topLeft","topRight","bottomRight","bottomLeft"],r=ap(t),o=ip(e,t),i=1-Math.SQRT1_2;return Object.fromEntries(n.map((a,l)=>{let s=e[a],c=e[n[(l+n.length-1)%n.length]],d=e[n[(l+1)%n.length]],[p,u]=r[a],f=_i(s,c,p*o*i),m=_i(s,d,u*o*i);return[a,{x:f.x+m.x-s.x,y:f.y+m.y-s.y}]}))}function Vs(e,t){let n=.5522847498,r=["topLeft","topRight","bottomRight","bottomLeft"],o=ap(t),i=ip(e,t),a=r.map((c,d)=>{let p=e[c],u=r[(d+r.length-1)%r.length],f=r[(d+1)%r.length],m=e[u],g=e[f],[y,x]=o[c],R=y*i,C=x*i,S=_i(p,m,R),O=_i(p,g,C);return{entry:S,exit:O,entryControl:_i(S,p,R*n),exitControl:_i(O,p,C*n)}}),l=a[0],s=[`M ${l.exit.x} ${l.exit.y}`];for(let c=1;c<=a.length;c+=1){let d=a[c%a.length];s.push(`L ${d.entry.x} ${d.entry.y}`),s.push(`C ${d.entryControl.x} ${d.entryControl.y} ${d.exitControl.x} ${d.exitControl.y} ${d.exit.x} ${d.exit.y}`)}return s.push("Z"),s.join(" ")}function ya(e){return{x:(e.topLeft.x+e.topRight.x+e.bottomRight.x+e.bottomLeft.x)/4,y:(e.topLeft.y+e.topRight.y+e.bottomRight.y+e.bottomLeft.y)/4}}function Fi(e,t=yl,n="top"){let[r,o]=n==="top"?[e.topLeft,e.topRight]:n==="right"?[e.topRight,e.bottomRight]:n==="bottom"?[e.bottomRight,e.bottomLeft]:[e.bottomLeft,e.topLeft],i={x:(r.x+o.x)/2,y:(r.y+o.y)/2},a=o.x-r.x,l=o.y-r.y,s=Math.max(1,Math.hypot(a,l));return{edge:i,handle:{x:i.x+l/s*t,y:i.y-a/s*t}}}function sp(e,t){let n=Fi(e);return n.handle.y>=t/2?{...n,side:"top"}:{...Fi(e,yl,"bottom"),side:"bottom"}}function Sl(e,t,n){let r=n.x-t.x,o=n.y-t.y,i=r*r+o*o;if(i===0)return Math.hypot(e.x-t.x,e.y-t.y);let a=Math.max(0,Math.min(1,((e.x-t.x)*r+(e.y-t.y)*o)/i));return Math.hypot(e.x-(t.x+a*r),e.y-(t.y+a*o))}var Nv=["top","right","bottom","left"];function _v(e,t,n){let r=t/2;return e.x>=r&&e.x<=n.width-r&&e.y>=r&&e.y<=n.height-r}function Gs(e,t,n,r={}){let o=Nv.map(d=>({...Fi(e,yl,d),side:d,distance:Sl(t,d==="top"?e.topLeft:d==="right"?e.topRight:d==="bottom"?e.bottomRight:e.bottomLeft,d==="top"?e.topRight:d==="right"?e.bottomRight:d==="bottom"?e.bottomLeft:e.topLeft)})),i=r.viewport?o.filter(({handle:d})=>_v(d,n,r.viewport)):o,a=i.length>0?i:o,l=a.reduce((d,p)=>p.distance<d.distance?p:d),s=r.currentSide?a.find(({side:d})=>d===r.currentSide):void 0,c=s&&s.distance<=l.distance+(r.hysteresis??8)?s:l;return{edge:c.edge,handle:c.handle,side:c.side}}function Fv(e,t,n){let r={x:t,y:n},o=[e.topLeft,e.topRight,e.bottomRight,e.bottomLeft],i=!1,a=!1,l=.001;for(let s=0;s<o.length;s+=1){let c=o[s],d=o[(s+1)%o.length],p=(d.x-c.x)*(r.y-c.y)-(d.y-c.y)*(r.x-c.x);if(p>l&&(i=!0),p<-l&&(a=!0),i&&a)return!1}return!0}function Wv(e,t,n,r){let o={x:t,y:n},i=[e.topLeft,e.topRight,e.bottomRight,e.bottomLeft],a=r/2;if(i.some(s=>Math.hypot(t-s.x,n-s.y)<=a)||[[e.topLeft,e.topRight],[e.topRight,e.bottomRight],[e.bottomRight,e.bottomLeft],[e.bottomLeft,e.topLeft]].some(([s,c])=>Sl(o,s,c)<=Vu/2))return!0;let l=Gs(e,o,r);return Sl(o,l.edge,l.handle)<=r/2}function Bv(e,t,n,r){let o={x:t,y:n},i=Gs(e,o,r);return Sl(o,i.edge,i.handle)<=r*1.5}function dp(e){let t=Math.max(1,Math.hypot(e.x,e.y));return{x:e.x/t,y:e.y/t}}function Jv(e,t){let n=ya(e);return dp({x:e[t].x-n.x,y:e[t].y-n.y})}function qv(e,t){let n=ya(e),{handle:r}=Fi(e,yl,t),o=dp({x:r.x-n.x,y:r.y-n.y});return{x:-o.y,y:o.x}}function Uv(e,t){if(!t||e.x===0&&e.y===0)return e;let n=Math.PI/4,r=Math.atan2(e.y,e.x),o=Math.round(r/n)*n,i=Math.hypot(e.x,e.y);return{x:Math.cos(o)*i,y:Math.sin(o)*i}}function Yv(e,t,n=$v){return Math.hypot(t.x-e.x,t.y-e.y)<=n}function cp(e){if(!e||e==="none")return{x:0,y:0};let[t="0",n="0"]=e.trim().split(/\s+/);return{x:Number.parseFloat(t)||0,y:Number.parseFloat(n)||0}}var up=Math.SQRT1_2;function pp(e,t){return ti(e,t).filter(n=>typeof n=="number")}function kl(e,t,n){return pp(e,t).reduce((r,o)=>Math.abs(Number.parseFloat(Ri(e,o,t))-n)<Math.abs(Number.parseFloat(Ri(e,r,t))-n)?o:r)}function io(e,t){let n=pp("transform",e),r=o=>e==="translate"?Number.parseFloat(Ri("transform",o,e)):o;return n.reduce((o,i)=>Math.abs(r(i)-t)<Math.abs(r(o)-t)?i:o)}function Xv(e,t){if(t==="translate")return io(t,cp(e).x);if(t==="scale"){let r=Number.parseFloat(e);return io(t,Number.isFinite(r)?r*100:100)}let n=Number.parseFloat(e);return io(t,Number.isFinite(n)?n:0)}function Kv(e,t){let n=window.getComputedStyle(e).getPropertyValue(t).trim();return Xv(n,t)}function Qs(e,t){return t?e:e==="left"||e==="right"?"x":"y"}function Zs(e,t){return t?e:"all"}function ed(e){let t=e==="top-left"||e==="bottom-left"?1:-1,n=e==="top-left"||e==="top-right"?1:-1;return{x:t*up,y:n*up}}function Vv(e,t,n){return e*n.x+t*n.y}function hp(e,t){let n=Math.max(1,t);return(e%n+n)%n}function Gv(e,t,n){return{cursor:{x:hp(e.cursor.x+t.x,n.width),y:hp(e.cursor.y+t.y,n.height)},deltaX:e.deltaX+t.x,deltaY:e.deltaY+t.y}}function Qv(e,t,n,r,o){if(e<o*2||t<o*2)return!1;let i=["top-left","top-right","bottom-right","bottom-left"].map(a=>{let l=ed(a),s=r+n[a],c=a.endsWith("left")?0:e,d=a.startsWith("top")?0:t;return{x:c+l.x*s,y:d+l.y*s}});return i.every((a,l)=>i.slice(l+1).every(s=>Math.hypot(a.x-s.x,a.y-s.y)>=o))}function Zv(e,t){let n=e.match(/^oklch\(([^)]+)\)$/i);return n?`oklch(${n[1]} / ${t})`:`color-mix(in srgb, ${e} ${Math.round(t*100)}%, transparent)`}var td=["top-left","top-right","bottom-right","bottom-left"],fp=14;function mp({element:e,radius:t,accentColor:n,hoveredCorner:r,draggingCorner:o,cursorViewport:i,onHandlePointerDown:a}){let[l,s]=L(null),c=t["top-left"],d=t["top-right"],p=t["bottom-right"],u=t["bottom-left"];if(_(()=>{if(!e){s(null);return}let S=()=>{s(e.getBoundingClientRect())};return S(),window.addEventListener("scroll",S,{passive:!0}),window.addEventListener("resize",S,{passive:!0}),()=>{window.removeEventListener("scroll",S),window.removeEventListener("resize",S)}},[e]),Lt(()=>{e&&s(e.getBoundingClientRect())},[e,c,d,p,u]),!l)return null;let f=l.width,m=l.height;if(!Qv(f,m,t,fp,20))return null;let g=Zv(n,.2),y={"top-left":{x:0,y:0},"top-right":{x:f,y:0},"bottom-right":{x:f,y:m},"bottom-left":{x:0,y:m}},x=Object.fromEntries(td.map(S=>{let O=ed(S),M=fp+t[S],U=y[S];return[S,{x:U.x+O.x*M,y:U.y+O.y*M}]})),R=o??r,C={position:"fixed",top:l.top,left:l.left,width:f,height:m,pointerEvents:"none",zIndex:a?9999:9996,overflow:"visible"};return T("div",{"data-devtools":"border-radius-handles","data-popmelt-steer-overlay":!0,style:C,children:[T("svg",{style:{position:"absolute",inset:0,width:"100%",height:"100%",overflow:"visible",pointerEvents:"none"},viewBox:`0 0 ${f} ${m}`,children:[h("rect",{x:"0.5",y:"0.5",width:Math.max(0,f-1),height:Math.max(0,m-1),fill:"none",stroke:g,strokeWidth:"1"}),td.map(S=>{let O=x[S];return h("circle",{cx:O.x,cy:O.y,r:S===R?4:3,fill:n,stroke:"#ffffff",strokeWidth:2},S)}),a&&td.map(S=>{let O=x[S],M=y[S],U=S==="top-left"||S==="bottom-right"?"nwse-resize":"nesw-resize";return T("g",{children:[h("line",{"data-radius-handle-access":S,x1:M.x,y1:M.y,x2:O.x,y2:O.y,stroke:"transparent",strokeWidth:20,strokeLinecap:"round",style:{pointerEvents:"stroke",cursor:U},onPointerDown:G=>a(S,G)}),h("circle",{cx:O.x,cy:O.y,r:20/2,fill:"transparent",style:{pointerEvents:"all",cursor:U},onPointerDown:G=>a(S,G)})]},`hit-${S}`)})]}),i&&R&&(()=>{let S=Math.round(t[R]);return h("div",{style:{position:"fixed",left:i.x+8,top:i.y-28,background:n,color:"#fff",fontSize:11,fontWeight:600,fontFamily:'ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',lineHeight:1,padding:"4px 4px",borderRadius:0,whiteSpace:"nowrap",pointerEvents:"none",zIndex:9997},children:S})})()]})}function gp({centerX:e,centerY:t,orientation:n,accentColor:r,...o}){let i=n==="horizontal"?10:6,a=n==="horizontal"?6:10;return h("rect",{...o,"data-direct-manipulation-handle":"",x:e-i/2,y:t-a/2,width:i,height:a,fill:r,stroke:"#ffffff",strokeWidth:2})}function nd(e,t){let n=e.match(/^oklch\(([^)]+)\)$/i);return n?`oklch(${n[1]} / ${t})`:`color-mix(in srgb, ${e} ${Math.round(t*100)}%, transparent)`}function yp({element:e,gap:t,accentColor:n,hoveredAxis:r,draggingAxis:o,cursorViewport:i,isAutoGap:a=!1,refreshKey:l=0,onHandlePointerDown:s}){let[c,d]=L(null),[p,u]=L([]),[f,m]=L(!1);if(_(()=>{let U=K=>{(K.key==="Meta"||K.key==="Control")&&m(!0)},G=K=>{(K.key==="Meta"||K.key==="Control")&&m(!1)},N=()=>m(!1);return window.addEventListener("keydown",U,!0),window.addEventListener("keyup",G,!0),window.addEventListener("blur",N),()=>{window.removeEventListener("keydown",U,!0),window.removeEventListener("keyup",G,!0),window.removeEventListener("blur",N)}},[]),_(()=>{if(!e){d(null),u([]);return}let U=()=>{d(e.getBoundingClientRect()),u(nl(e))};return U(),window.addEventListener("scroll",U,{passive:!0}),window.addEventListener("resize",U,{passive:!0}),()=>{window.removeEventListener("scroll",U),window.removeEventListener("resize",U)}},[e]),Lt(()=>{e&&(d(e.getBoundingClientRect()),u(nl(e)))},[e,t.row,t.column,l]),!c||p.length===0)return null;let g=c.width,y=c.height,x="pm-gap-stripe-pattern",R=nd(n,.25),C=nd(n,.1),S=nd(n,.2),O={position:"fixed",top:c.top,left:c.left,width:g,height:y,pointerEvents:"none",zIndex:s?9999:9996,overflow:"visible"},M=o??r;return T("div",{"data-devtools":"gap-handles","data-popmelt-steer-overlay":!0,style:O,children:[T("svg",{style:{position:"absolute",inset:0,width:"100%",height:"100%",overflow:"visible",pointerEvents:"none"},viewBox:`0 0 ${g} ${y}`,children:[h("defs",{children:h("pattern",{id:x,patternUnits:"userSpaceOnUse",width:"4",height:"4",patternTransform:"rotate(45)",children:h("line",{x1:"0",y1:"0",x2:"0",y2:"4",stroke:R,strokeWidth:"1.5"})})}),h("rect",{x:"0.5",y:"0.5",width:Math.max(0,g-1),height:Math.max(0,y-1),fill:"none",stroke:S,strokeWidth:"1"}),p.map((U,G)=>{let N=U.x-c.left,K=U.y-c.top,B=U.w,k=U.h,X=f?U.axis===M:!0;return(U.axis==="row"?t.row:t.column)===0?null:T("g",{opacity:X?1:.6,children:[h("rect",{x:N,y:K,width:B,height:k,fill:C}),h("rect",{x:N,y:K,width:B,height:k,fill:`url(#${x})`})]},G)}),p.map((U,G)=>{let N=U.x-c.left+U.w/2,K=U.y-c.top+U.h/2;return a?h("circle",{"data-gap-handle":U.axis,cx:N,cy:K,r:3,fill:n,stroke:"#ffffff",strokeWidth:2},`gap-handle-${G}`):h(gp,{"data-gap-handle":U.axis,centerX:N,centerY:K,orientation:U.axis==="column"?"vertical":"horizontal",accentColor:n},`gap-handle-${G}`)}),s&&p.map((U,G)=>{let N=U.x-c.left+U.w/2,K=U.y-c.top+U.h/2,B=Math.max(U.w,20),k=Math.max(U.h,20);return h("rect",{x:N-B/2,y:K-k/2,width:B,height:k,fill:"transparent",style:{pointerEvents:"all",cursor:U.axis==="row"?"ns-resize":"ew-resize"},onPointerDown:X=>s(U.axis,X)},`gap-hit-${G}`)})]}),i&&M&&(()=>{let U=a?"auto":String(Math.round(M==="row"?t.row:t.column));return h("div",{style:{position:"fixed",left:i.x+8,top:i.y-28,background:n,color:"#fff",fontSize:11,fontWeight:600,fontFamily:'ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',lineHeight:1,padding:"4px 4px",borderRadius:0,whiteSpace:"nowrap",pointerEvents:"none",zIndex:9997},children:U})})()]})}var eb=new Set(["CANVAS","EMBED","IFRAME","IMG","INPUT","OBJECT","VIDEO"]),tb=["top","bottom"],nb=["left","right"];function rb({isHtmlElement:e,tagName:t,display:n,writingMode:r}){return!e||n!=="inline"||eb.has(t)?[]:r.startsWith("horizontal")?tb:nb}function ob(e,t=window.getComputedStyle(e)){return rb({isHtmlElement:e instanceof HTMLElement,tagName:e.tagName,display:t.display,writingMode:t.writingMode})}function Wi(e,t){let n=e.match(/^oklch\(([^)]+)\)$/i);return n?`oklch(${n[1]} / ${t})`:`color-mix(in srgb, ${e} ${Math.round(t*100)}%, transparent)`}var ib={top:"bottom",bottom:"top",left:"right",right:"left"},va="#808080";function vp({element:e,padding:t,mode:n="padding",accentColor:r,hoveredSide:o,draggingSide:i,activeSides:a,cursorViewport:l,refreshKey:s,onHandlePointerDown:c}){let[d,p]=L(null),[u,f]=L(!1);if(_(()=>{let ne=De=>{(De.key==="Alt"||De.key==="Control")&&f(!0)},Ee=De=>{(De.key==="Alt"||De.key==="Control")&&f(!1)},Le=()=>f(!1);return window.addEventListener("keydown",ne,!0),window.addEventListener("keyup",Ee,!0),window.addEventListener("blur",Le),()=>{window.removeEventListener("keydown",ne,!0),window.removeEventListener("keyup",Ee,!0),window.removeEventListener("blur",Le)}},[]),_(()=>{if(!e){p(null);return}let ne=()=>{p(e.getBoundingClientRect())};return ne(),window.addEventListener("scroll",ne,{passive:!0}),window.addEventListener("resize",ne,{passive:!0}),()=>{window.removeEventListener("scroll",ne),window.removeEventListener("resize",ne)}},[e]),Lt(()=>{e&&p(e.getBoundingClientRect())},[e,t.top,t.right,t.bottom,t.left,s]),!d)return null;let m=d.width,g=d.height,{top:y,right:x,bottom:R,left:C}=t,S=Math.max(0,y),O=Math.max(0,x),M=Math.max(0,R),U=Math.max(0,C),G=n==="margin",N=G?m+U+O:m,K=G?g+S+M:g,B=G?U:0,k=G?S:0,X=G?"pm-dot-pattern":"pm-stripe-pattern",Z=Wi(r,.25),j=Wi(r,.1),z=Wi(r,.2),P=Wi(va,.55),H=Wi(va,.18),D=Wi(va,.9),A=new Set(G?[]:ob(e)),te=A.size>0,re="pm-neutral-stripe-pattern",V={position:"fixed",top:d.top-(G?S:0),left:d.left-(G?U:0),width:N,height:K,pointerEvents:"none",zIndex:c?9999:9996,overflow:"visible"},ce=["top","right","bottom","left"],W={top:`0,0 ${N},0 ${N-O},${S} ${U},${S}`,right:`${N},0 ${N},${K} ${N-O},${K-M} ${N-O},${S}`,bottom:`0,${K} ${U},${K-M} ${N-O},${K-M} ${N},${K}`,left:`0,0 ${U},${S} ${U},${K-M} 0,${K}`},we={top:{x:N/2,y:S/2,orientation:"horizontal"},bottom:{x:N/2,y:K-M/2,orientation:"horizontal"},left:{x:U/2,y:K/2,orientation:"vertical"},right:{x:N-O/2,y:K/2,orientation:"vertical"}},ie=new Set(a);return i?ie.add(i):o&&(ie.add(o),u||ie.add(ib[o])),T("div",{"data-devtools":"padding-handles","data-popmelt-steer-overlay":!0,style:V,children:[T("svg",{style:{position:"absolute",inset:0,width:"100%",height:"100%",overflow:"visible",pointerEvents:"none"},viewBox:`0 0 ${N} ${K}`,children:[T("defs",{children:[G?h("pattern",{id:X,patternUnits:"userSpaceOnUse",width:"4",height:"4",children:h("circle",{cx:"1",cy:"1",r:"0.65",fill:Z})}):h("pattern",{id:X,patternUnits:"userSpaceOnUse",width:"4",height:"4",patternTransform:"rotate(45)",children:h("line",{x1:"0",y1:"0",x2:"0",y2:"4",stroke:Z,strokeWidth:"1.5"})}),te&&h("pattern",{id:re,patternUnits:"userSpaceOnUse",width:"4",height:"4",patternTransform:"rotate(45)",children:h("line",{x1:"0",y1:"0",x2:"0",y2:"4",stroke:P,strokeWidth:"1.5"})})]}),h("rect",{x:B+.5,y:k+.5,width:Math.max(0,m-1),height:Math.max(0,g-1),fill:"none",stroke:z,strokeWidth:"1"}),ce.map(ne=>{if(t[ne]<=0)return null;let Ee=ie.has(ne),Le=A.has(ne);return T("g",{"data-padding-flow":Le?"paint-only":"layout",opacity:Ee?1:.6,children:[h("polygon",{points:W[ne],fill:Le?H:j}),h("polygon",{points:W[ne],fill:`url(#${Le?re:X})`})]},ne)}),A.has("top")&&S>0&&h("line",{x1:U,y1:S,x2:N-O,y2:S,stroke:D,strokeWidth:"1"}),A.has("bottom")&&M>0&&h("line",{x1:U,y1:K-M,x2:N-O,y2:K-M,stroke:D,strokeWidth:"1"}),A.has("left")&&U>0&&h("line",{x1:U,y1:S,x2:U,y2:K-M,stroke:D,strokeWidth:"1"}),A.has("right")&&O>0&&h("line",{x1:N-O,y1:S,x2:N-O,y2:K-M,stroke:D,strokeWidth:"1"}),ce.map(ne=>{let Ee=we[ne];return h(gp,{centerX:Ee.x,centerY:Ee.y,orientation:Ee.orientation,accentColor:A.has(ne)?va:r,"data-padding-flow":A.has(ne)?"paint-only":"layout"},`handle-${ne}`)}),c&&ce.map(ne=>{let Ee=we[ne],Le=20;return h("rect",{x:Ee.x-Le/2,y:Ee.y-Le/2,width:Le,height:Le,fill:"transparent",style:{pointerEvents:"all",cursor:"grab"},onPointerDown:De=>c(ne,De)},`hit-${ne}`)})]}),l&&(o||i)&&(()=>{let ne=i??o,Ee=Math.round(t[ne]),Le=A.has(ne);return T("div",{style:{position:"fixed",left:l.x+8,top:l.y-28,background:Le?va:r,color:"#fff",fontSize:11,fontWeight:600,fontFamily:'ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',lineHeight:1,padding:"4px 4px",borderRadius:0,whiteSpace:"nowrap",pointerEvents:"none",zIndex:9997},children:[Ee,Le?" \xB7 paint only":""]})})()]})}var rd=["flex-start","center","flex-end"],od=["flex-start","center","flex-end"];function ab(e){return e==="normal"||e==="flex-start"||e==="start"?"flex-start":e==="flex-end"||e==="end"?"flex-end":e==="center"?"center":null}function lb(e){return e==="normal"||e==="stretch"||e==="flex-start"||e==="start"?"flex-start":e==="flex-end"||e==="end"?"flex-end":e==="center"?"center":null}function bp(e){let t=Array.from(e.children);if(t.length===0)return null;let n=1/0,r=1/0,o=-1/0,i=-1/0;for(let a of t){let l=a.getBoundingClientRect();l.width===0&&l.height===0||(l.top<n&&(n=l.top),l.left<r&&(r=l.left),l.bottom>o&&(o=l.bottom),l.right>i&&(i=l.right))}return n===1/0?null:new DOMRect(r,n,i-r,o-n)}function sb({element:e,modifier:t,accentColor:n,refreshKey:r=0}){let[o,i]=L(null);if(_(()=>{if(!e){i(null);return}let g=()=>i(bp(e));return g(),window.addEventListener("scroll",g,{passive:!0}),window.addEventListener("resize",g,{passive:!0}),()=>{window.removeEventListener("scroll",g),window.removeEventListener("resize",g)}},[e]),Lt(()=>{e&&i(bp(e))},[e,r]),!o)return null;let a=o,l=window.getComputedStyle(e),s=l.display;if(s!=="flex"&&s!=="inline-flex")return null;let c=l.flexDirection,d=c==="column"||c==="column-reverse"?"vertical":"horizontal",p=d==="horizontal"?"vertical":"horizontal",u=[];if(t==="shift"){let g=ab(l.justifyContent);if(g){let y=rd.indexOf(g);d==="horizontal"?(y>0&&u.push("left"),y<rd.length-1&&u.push("right")):(y>0&&u.push("up"),y<rd.length-1&&u.push("down"))}}else{let g=lb(l.alignItems);if(g){let y=od.indexOf(g);p==="horizontal"?(y>0&&u.push("left"),y<od.length-1&&u.push("right")):(y>0&&u.push("up"),y<od.length-1&&u.push("down"))}}if(u.length===0)return null;let f=14,m=7;return h(nt,{children:u.map(g=>{let y,x;switch(g){case"right":y=a.right+f,x=a.top+a.height/2;break;case"left":y=a.left-f,x=a.top+a.height/2;break;case"down":y=a.left+a.width/2,x=a.bottom+f;break;case"up":y=a.left+a.width/2,x=a.top-f;break}let R=g==="right"?0:g==="left"?180:g==="down"?90:-90,C={position:"fixed",left:y-m,top:x-m,width:m*2,height:m*2,pointerEvents:"none",zIndex:9997};return h("div",{"data-devtools":"swipe-hint",style:C,children:h("svg",{width:m*2,height:m*2,viewBox:"-7 -7 14 14",style:{overflow:"visible"},children:T("g",{transform:`rotate(${R})`,children:[h("line",{x1:"-5",y1:"0",x2:"3",y2:"0",stroke:"#fff",strokeWidth:"4",strokeLinecap:"round"}),h("polyline",{points:"0,-4 5,0 0,4",fill:"none",stroke:"#fff",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),h("line",{x1:"-5",y1:"0",x2:"3",y2:"0",stroke:n,strokeWidth:"1.5",strokeLinecap:"round"}),h("polyline",{points:"0,-4 5,0 0,4",fill:"none",stroke:n,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})},g)})})}function db(e,t){let n=e.match(/^oklch\(([^)]+)\)$/i);return n?`oklch(${n[1]} / ${t})`:`color-mix(in srgb, ${e} ${Math.round(t*100)}%, transparent)`}function cb({element:e,fontSize:t,lineHeight:n,accentColor:r,hoveredProperty:o,draggingProperty:i,cursorViewport:a}){let[l,s]=L(null);if(_(()=>{if(!e){s(null);return}let x=()=>{s(Ls(e))};return x(),window.addEventListener("scroll",x,{passive:!0}),window.addEventListener("resize",x,{passive:!0}),()=>{window.removeEventListener("scroll",x),window.removeEventListener("resize",x)}},[e]),Lt(()=>{e&&s(Ls(e))},[e,t,n]),!l)return null;let c=l.width,d=l.height,p=db(r,.2),u=i??o,f=8,m=2,g={position:"fixed",top:l.top,left:l.left,width:c,height:d,pointerEvents:"none",zIndex:9996,overflow:"visible"},y=x=>x==="font-size"?`${Math.round(t)}`:(t>0?n/t:1.2).toFixed(2).replace(/\.?0+$/,"");return T("div",{"data-devtools":"text-handles",style:g,children:[T("svg",{style:{position:"absolute",inset:0,width:"100%",height:"100%",overflow:"visible",pointerEvents:"none"},viewBox:`0 0 ${c} ${d}`,children:[h("rect",{x:"0.5",y:"0.5",width:Math.max(0,c-1),height:Math.max(0,d-1),fill:"none",stroke:p,strokeWidth:"1"}),(u==="font-size"||!u)&&h("rect",{x:c-m/2,y:d/2-f/2,width:m,height:f,fill:r,stroke:"#ffffff",strokeWidth:u==="font-size"?4:2,paintOrder:"stroke"}),(u==="line-height"||!u)&&h("rect",{x:c/2-f/2,y:d-m/2,width:f,height:m,fill:r,stroke:"#ffffff",strokeWidth:u==="line-height"?4:2,paintOrder:"stroke"})]}),a&&u&&(()=>{let x=u==="font-size"?"Aa":"Lh",R=y(u);return T("div",{style:{position:"fixed",left:a.x+8,top:a.y-28,background:r,color:"#fff",fontSize:11,fontWeight:600,fontFamily:'ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',lineHeight:1,padding:"4px 4px",borderRadius:0,whiteSpace:"nowrap",pointerEvents:"none",zIndex:9997},children:[x," ",R]})})()]})}function ub({active:e,accentColor:t,domDropPreview:n,cursorViewport:r,gapElement:o,gapDragging:i,gapHoveredAxis:a,gapIsAuto:l,gapRefreshKey:s,swipeHint:c,radiusElement:d,radiusDragging:p,radiusHoveredCorner:u,textElement:f,textDragging:m,textHoveredProperty:g,paddingElement:y,paddingDragging:x,paddingHoveredSide:R}){if(!e)return null;let C=f&&!m?ru(f):null;return T(nt,{children:[n&&h("div",{"data-devtools":"dom-drop-preview",style:{position:"fixed",zIndex:9997,pointerEvents:"none",backgroundColor:t,boxShadow:`0 0 0 1px ${t}`,opacity:n.mode==="copy"?.72:1,...n.rect.height>=n.rect.width?{left:n.rect.left-2,top:n.placement==="before"?n.rect.top-2:n.rect.bottom,width:n.rect.width+4,height:2}:{left:n.placement==="before"?n.rect.left-2:n.rect.right,top:n.rect.top-2,width:2,height:n.rect.height+4}}}),o&&h(yp,{element:o,gap:i?{row:i.row,column:i.column}:tl(o),accentColor:t,hoveredAxis:a,draggingAxis:i?.axis??null,cursorViewport:r,isAutoGap:l,refreshKey:s}),c&&h(sb,{element:c.target,modifier:c.modifier,accentColor:t,refreshKey:s}),!c&&d&&h(mp,{element:d,radius:p?.radius??ji(d),accentColor:t,hoveredCorner:u,draggingCorner:p?.corner??null,cursorViewport:r}),!c&&f&&h(cb,{element:f,fontSize:m?.fontSize??C.fontSize,lineHeight:m?.lineHeight??C.lineHeight,accentColor:t,hoveredProperty:g,draggingProperty:m?.property??null,cursorViewport:r}),!c&&y&&h(vp,{element:y,padding:x?.padding??ua(y),accentColor:t,hoveredSide:R,draggingSide:x?.side??null,cursorViewport:r,refreshKey:m?m.fontSize+m.lineHeight*1e3:0})]})}var pb=4,hb=8,fb=7.2,mb=45,gb=96,yb=89;function wp(e,t){let n=e===0?"Ready":`${e} action${e===1?"":"s"}`,r=hb*2+n.length*fb,o=t?e===0?22:mb:e===0?gb:yb;return{label:n,accessibleShortcut:e===0?"Command Escape to exit":"Command Enter to complete",width:Math.ceil(r+pb+o)}}var vb=4,bb=8;function wb({cursor:e,stepCount:t,accentColor:n,toolbarElement:r,threadElement:o}){let[i]=Cs(),a=As[i],[l,s]=L(!1);_(()=>{s(!1);let O=window.setTimeout(()=>s(!0),1e3);return()=>window.clearTimeout(O)},[t]);let c={width:window.innerWidth,height:window.innerHeight},d=wp(t,!1),p=Lc(e,c,22,d.width),u=r?$c(p,r.getBoundingClientRect(),22,void 0,d.width):1,f=o?jc(e,p,o.getBoundingClientRect(),22,void 0,void 0,d.width):1,m=Math.min(u,f)<1||l,g=wp(t,m),y=Lc(e,c,22,g.width),x=r?$c(y,r.getBoundingClientRect(),22,void 0,g.width):1,R=o?jc(e,y,o.getBoundingClientRect(),22,void 0,void 0,g.width):1,C=bm(x,R,!1),S={position:"fixed",left:y.left,top:y.top,width:g.width,height:22,display:"flex",alignItems:"center",gap:vb,boxSizing:"border-box",padding:0,color:"#000000",fontSize:12,fontWeight:400,lineHeight:1,pointerEvents:"none",whiteSpace:"nowrap",transition:"width 180ms cubic-bezier(0.2, 0, 0, 1)",opacity:C,transform:`scale(${C})`,transformOrigin:`${e.x-y.left}px ${e.y-y.top}px`,visibility:C===0?"hidden":"visible",zIndex:2147483647,colorScheme:i};return T("div",{role:"status","aria-label":`${g.label}. ${g.accessibleShortcut}`,"data-devtools":"interaction-episode-hud","data-popmelt-interaction-episode-hud":!0,style:S,children:[h("span",{style:{height:22,display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",padding:`4px ${bb}px`,borderRadius:"2px 8px 8px 8px",background:n,color:"#dddddd",fontFamily:Qm,lineHeight:1.2},children:g.label}),h("span",{"aria-hidden":"true",style:{height:22,display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",gap:m?0:6,padding:m?"4px 5px":t===0?"4px 6px 4px 8px":"4px 8px 4px 10px",borderRadius:8,background:a.surface,border:`1px solid ${a.border}`,color:a.primary,fontFamily:ks,lineHeight:1.2,letterSpacing:"0.24px",overflow:"hidden",transition:"width 180ms cubic-bezier(0.2, 0, 0, 1), padding 180ms cubic-bezier(0.2, 0, 0, 1)"},children:m?t===0?h(ll,{size:12,strokeWidth:2}):T("span",{"data-popmelt-interaction-episode-complete-shortcut":!0,style:{display:"inline-flex",alignItems:"center",gap:2},children:[h(bu,{size:12,strokeWidth:2}),h("span",{children:"+"}),h(Ps,{size:12,strokeWidth:2})]}):T(nt,{children:[T("span",{style:{display:"inline-flex",alignItems:"center",gap:2},children:[h(bu,{size:12,strokeWidth:2}),h("span",{children:"+"}),t===0?h("span",{children:"esc"}):h(Ps,{size:12,strokeWidth:2})]}),h("span",{style:{color:a.secondary},children:"to"}),t===0?h(ll,{size:12,strokeWidth:2,color:"red"}):h(Eo,{size:12,strokeWidth:2,color:"#02bd02"})]})})]})}function xb(e,t){let n=e.match(/^oklch\(([^)]+)\)$/i);return n?`oklch(${n[1]} / ${t})`:`color-mix(in srgb, ${e} ${Math.round(t*100)}%, transparent)`}function Sb({styleModifications:e,textModifications:t=[],accentColor:n}){let[r,o]=L([]);if(_(()=>{let a=null,l=()=>{let d=[],p=[...e,...t],u=new Set;for(let f of p){if(u.has(f.selector))continue;let m=mn(f.selector);if(!m)continue;u.add(f.selector);let g=m.getBoundingClientRect();if(g.width===0&&g.height===0)continue;let y=ji(m);d.push({selector:f.selector,top:g.top,left:g.left,width:g.width,height:g.height,borderRadius:`${y["top-left"]}px ${y["top-right"]}px ${y["bottom-right"]}px ${y["bottom-left"]}px`})}o(d)},s=()=>{a&&cancelAnimationFrame(a),a=requestAnimationFrame(l)};l(),window.addEventListener("scroll",s,{passive:!0}),window.addEventListener("resize",s,{passive:!0});let c=new MutationObserver(s);return c.observe(document.body,{attributes:!0,childList:!0,subtree:!0,attributeFilter:["style","class"]}),()=>{window.removeEventListener("scroll",s),window.removeEventListener("resize",s),c.disconnect(),a&&cancelAnimationFrame(a)}},[e,t]),r.length===0)return null;let i=xb(n,.2);return h(nt,{children:r.map(a=>{let l={position:"fixed",top:a.top,left:a.left,width:a.width,height:a.height,pointerEvents:"none",zIndex:9995,border:`1px solid ${i}`,borderRadius:a.borderRadius,boxSizing:"border-box"};return h("div",{"data-devtools":"mod-border",style:l},a.selector)})})}var xp=["topLeft","topRight","bottomRight","bottomLeft"],kb=[["topLeft","topRight"],["topRight","bottomRight"],["bottomRight","bottomLeft"],["bottomLeft","topLeft"]],Ib=8,id="#000000",Eb="#ffffff";function Tb(e){let t=e.match(/^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:\s*[,/]\s*([\d.]+%?))?\s*\)$/i);if(!t)return null;let n=t[4],r=n?n.endsWith("%")?Number.parseFloat(n)/100:Number.parseFloat(n):1,o={red:Number.parseFloat(t[1]),green:Number.parseFloat(t[2]),blue:Number.parseFloat(t[3]),alpha:r};return Object.values(o).every(Number.isFinite)?o:null}function Sp(e){let t=e.parentElement;for(;t;){let n=Tb(getComputedStyle(t).backgroundColor);if(n&&n.alpha>=.95)return(n.red*.299+n.green*.587+n.blue*.114)/255>=.55?id:Eb;t=t.parentElement}return id}function Cb(e){return xp.map(t=>`${e[t].x},${e[t].y}`).join(" ")}function Ab(e,t,n,r){let o=Math.atan2(n.y-t.y,n.x-t.x),i=Math.atan2(r.y-e.y,r.x-e.x),a=Math.atan2(Math.sin(i-o),Math.cos(i-o));if(Math.abs(a)<.001)return null;let l=Math.hypot(r.x-e.x,r.y-e.y),s={x:e.x+Math.cos(o)*l,y:e.y+Math.sin(o)*l},c=Ib/2,d={x:Math.cos(o),y:Math.sin(o)},p=a>0?1:0;return{path:`M ${s.x} ${s.y} A ${l} ${l} 0 0 ${p} ${r.x} ${r.y}`,startTick:{start:{x:s.x-d.x*c,y:s.y-d.y*c},end:{x:s.x+d.x*c,y:s.y+d.y*c}}}}function Il({element:e,activeFacet:t,accentColor:n,showHandles:r=!0,outlineStyle:o="solid",showRotateHandle:i=!0,scrimOpacity:a=.05,cursorViewport:l,draggingKind:s,draggingCorner:c,ghostQuad:d,refreshKey:p,onHandlePointerDown:u}){let[f,m]=L(null),[g,y]=L(null),[x,R]=L(null),[C,S]=L(null),[O,M]=L(!1),[U,G]=L(id),N=J("top"),K=J(null),B=`transform-occlusion-${xg().replace(/:/g,"")}`;if(_(()=>{let ie=()=>{let Ee=Tr(e)?ga(e):ri(e);K.current=Ee,y(Ee),S(tp(e,Ee)),M(op(e)),G(Sp(e));let Le=Tr(e)?Ni(e,Ee):ri(e);R(Le),m(Le)};ie(),window.addEventListener("scroll",ie,{passive:!0}),window.addEventListener("resize",ie,{passive:!0});let ne=typeof ResizeObserver>"u"?null:new ResizeObserver(()=>ie());return ne?.observe(e),()=>{window.removeEventListener("scroll",ie),window.removeEventListener("resize",ie),ne?.disconnect()}},[e]),Lt(()=>{let ie=s&&K.current?K.current:Tr(e)?ga(e):ri(e);K.current=ie,y(ie),S(tp(e,ie)),M(op(e)),G(Sp(e));let ne=Tr(e)?Ni(e,ie):ri(e);R(ne),m(ne)},[s,e,p]),!f)return null;let k=l?Gs(f,l,20,{currentSide:N.current,hysteresis:8,viewport:{width:window.innerWidth,height:window.innerHeight}}):sp(f,20);s!=="rotate"&&(N.current=k.side);let X=s==="rotate"?{...Fi(f,void 0,N.current),side:N.current}:k,Z={position:"fixed",inset:0,pointerEvents:"none",zIndex:u?9999:9996},j=s?.95:.72,z=!!(g&&Hv(g,f)),P=g&&x&&C?rp(C,g,x):C,H=P?lp(f,P):f,D=d&&g&&C?rp(C,g,d):C,A=d&&D?lp(d,D):d,te=ya(f),re=d?ya(d):null,V=d?Fi(d,void 0,X.side):null,ce=V&&re?Ab(te,re,V.handle,X.handle):null,W=O&&x&&P?Vs(x,P):null,we=W?`url(#${B})`:void 0;return h("div",{"data-devtools":r?"transform-handles":"element-boundary","data-popmelt-steer-overlay":!0,"data-transform-facet":t,style:Z,children:T("svg",{width:"100%",height:"100%",style:{position:"absolute",inset:0,pointerEvents:"none"},children:[W&&h("defs",{children:T("mask",{id:B,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"100%",height:"100%",children:[h("rect",{width:"100%",height:"100%",fill:"#ffffff"}),h("path",{"data-transform-occlusion-mask":"",d:W,fill:"#000000"})]})}),z&&g&&C&&h("path",{"data-transform-layout-plate":"",d:Vs(g,C),fill:U,fillOpacity:"0.07",stroke:"none",mask:we}),h("path",{"data-transform-effective-outline":"","data-transform-effective-scrim":"",d:P?Vs(f,P):`M ${Cb(f)} Z`,fill:n,fillOpacity:a,stroke:n,strokeWidth:"1",strokeOpacity:j,strokeDasharray:o==="dashed"?"4 2":void 0}),s==="translate"&&re&&T("g",{"data-transform-origin-trace":"translate",children:[h("line",{x1:re.x,y1:re.y,x2:te.x,y2:te.y,stroke:"#808080",strokeWidth:"1",strokeDasharray:"2 3",strokeLinecap:"round",opacity:"0.72"}),h("circle",{"data-transform-origin-point":"",cx:re.x,cy:re.y,r:"3",fill:"#808080",stroke:"#ffffff",strokeWidth:"1",opacity:"0.85"})]}),s==="scale"&&c&&A&&T("g",{"data-transform-origin-trace":"scale",children:[h("line",{x1:A[c].x,y1:A[c].y,x2:H[c].x,y2:H[c].y,stroke:"#808080",strokeWidth:"1",strokeDasharray:"2 3",strokeLinecap:"round",opacity:"0.72"}),h("circle",{"data-transform-origin-point":"",cx:A[c].x,cy:A[c].y,r:"3",fill:"#808080",stroke:"#ffffff",strokeWidth:"1",opacity:"0.85"})]}),s==="rotate"&&ce&&T("g",{"data-transform-origin-trace":"rotate",children:[h("path",{"data-transform-rotation-arc":"",d:ce.path,fill:"none",stroke:"#808080",strokeWidth:"1",strokeDasharray:"2 3",strokeLinecap:"round",opacity:"0.72"}),h("line",{"data-transform-rotation-arc-start":"",x1:ce.startTick.start.x,y1:ce.startTick.start.y,x2:ce.startTick.end.x,y2:ce.startTick.end.y,stroke:"#808080",strokeWidth:"1",strokeLinecap:"round",opacity:"0.85"})]}),u&&kb.map(([ie,ne])=>h("line",{"data-transform-handle":"translate",x1:f[ie].x,y1:f[ie].y,x2:f[ne].x,y2:f[ne].y,stroke:"transparent",strokeWidth:Vu,style:{pointerEvents:"stroke",cursor:"move"},onPointerDown:Ee=>u("translate",null,Ee)},`${ie}-${ne}`)),r&&T("g",{"data-transform-affordances":"",children:[xp.map(ie=>T("g",{children:[h("rect",{x:H[ie].x-6/2,y:H[ie].y-6/2,width:6,height:6,fill:n,stroke:"#ffffff",strokeWidth:2}),u&&h("circle",{"data-transform-handle":"scale","data-transform-corner":ie,cx:H[ie].x,cy:H[ie].y,r:20/2,fill:"transparent",style:{pointerEvents:"all",cursor:ie==="topLeft"||ie==="bottomRight"?"nwse-resize":"nesw-resize"},onPointerDown:ne=>u("scale",ie,ne)})]},ie)),i&&T(nt,{children:[h("line",{x1:X.edge.x,y1:X.edge.y,x2:X.handle.x,y2:X.handle.y,stroke:n,strokeWidth:"1",opacity:j}),h("circle",{cx:X.handle.x,cy:X.handle.y,r:6/2,fill:n,stroke:"#ffffff",strokeWidth:2}),u&&h("line",{"data-transform-handle":"rotate",x1:X.edge.x,y1:X.edge.y,x2:X.handle.x,y2:X.handle.y,stroke:"transparent",strokeWidth:20,strokeLinecap:"round",style:{pointerEvents:"stroke",cursor:"grab"},onPointerDown:ie=>{N.current=X.side,u("rotate",null,ie,X.side)}})]})]})]})})}var Mb=["top","right","bottom","left"];function Rb(e){return e==="all"?Mb:e==="x"?["left","right"]:e==="y"?["top","bottom"]:e==="top"||e==="right"||e==="bottom"||e==="left"?[e]:[]}function Lb(e){return e==="top-left"||e==="top-right"||e==="bottom-right"||e==="bottom-left"?e:null}function kp(e,t,n,r){return e&&n==="value"&&t==="transform"&&(r==="translate"||r==="scale"||r==="rotate")}function $b({active:e,accentColor:t,family:n,stage:r,subproperty:o,hoveredElement:i,previewElement:a,transformPreviewElement:l,previewRevision:s,cursorViewport:c,drag:d,onGapPointerDown:p,onRadiusPointerDown:u,onSpacingPointerDown:f,onTransformPointerDown:m}){let g=e&&r==="value",y=i instanceof HTMLElement&&a===i,x=i instanceof HTMLElement&&(Ms(i,"row")||Ms(i,"column")),R=d?.family==="transform"?d.element:i,C=kp(e,n,r,o)?o:null,S=C!==null&&Tr(R)&&(a===R||l===R||d?.family==="transform");return T(nt,{children:[g&&(n==="padding"||n==="margin")&&y&&h(vp,{element:i,padding:n==="margin"?Zc(i):ua(i),mode:n,accentColor:t,hoveredSide:d?.family===n?d.side??null:null,draggingSide:d?.family===n?d.side??null:null,activeSides:Rb(o),refreshKey:s,cursorViewport:d?.cursor,onHandlePointerDown:(O,M)=>f(n,O,M)}),g&&(n==="stack"||n==="grid")&&o==="gap"&&y&&h(yp,{element:i,gap:tl(i),accentColor:t,hoveredAxis:d?.gapAxis??null,draggingAxis:d?.gapAxis??null,refreshKey:s,cursorViewport:d?.cursor,isAutoGap:x,onHandlePointerDown:x?void 0:p}),g&&n==="radius"&&y&&h(mp,{element:i,radius:ji(i),accentColor:t,hoveredCorner:Lb(o),draggingCorner:d?.corner??null,cursorViewport:d?.cursor,onHandlePointerDown:u}),S&&h(Il,{element:R,activeFacet:C,accentColor:t,draggingKind:d?.family==="transform"?d.transformKind??null:null,draggingCorner:d?.family==="transform"?d.transformCorner??null:null,ghostQuad:d?.family==="transform"?d.ghostQuad??null:null,cursorViewport:d?.cursor??c,refreshKey:s,onHandlePointerDown:m})]})}var Mo=8,Ip=2,jb=66,Pb=3;function zb(){let e=Math.random()*Math.PI*2,t=5+Math.random()*8;return{x:Math.cos(e)*t,y:Math.sin(e)*t}}function Db({onSave:e}){let[t,n]=L(!1),[r]=Cs(),o=As[r];return T("button",{type:"button","data-popmelt-subject-label-save":!0,"data-hovered":t?"true":"false","aria-label":"Save object label",onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),onPointerDown:i=>{i.preventDefault(),i.stopPropagation()},onClick:i=>{i.preventDefault(),i.stopPropagation(),e()},style:{appearance:"none",boxSizing:"border-box",height:22,display:"inline-flex",alignItems:"center",justifyContent:"center",gap:4,margin:0,padding:"0 8px",border:`1px solid ${o.border}`,borderRadius:8,backgroundColor:o.surface,color:o.primary,fontFamily:Mn,fontSize:12,fontWeight:600,letterSpacing:"0.24px",lineHeight:1,whiteSpace:"nowrap",cursor:"pointer",pointerEvents:"auto",userSelect:"none",touchAction:"manipulation"},children:[T("span",{className:"popmelt-subject-save-default",children:[h(Ps,{size:12,strokeWidth:2,"aria-hidden":!0}),h("span",{style:{color:o.secondary},children:"to"}),h(Eo,{size:12,strokeWidth:2,"aria-hidden":!0})]}),T("span",{className:"popmelt-subject-save-hovered",children:[h("span",{children:"Save"}),h(Eo,{size:12,strokeWidth:2,"aria-hidden":!0})]})]})}function Hb(e,t){let n=t.x-e.start.x,r=t.y-e.start.y;if(e.kind==="translate")return{...e.bounds,left:e.bounds.left+n,top:e.bounds.top+r};let o=e.bounds.left+e.bounds.width,i=e.bounds.top+e.bounds.height;switch(e.corner){case"topLeft":{let a=Math.min(o-Mo,e.bounds.left+n),l=Math.min(i-Mo,e.bounds.top+r);return{left:a,top:l,width:o-a,height:i-l}}case"topRight":{let a=Math.max(e.bounds.left+Mo,o+n),l=Math.min(i-Mo,e.bounds.top+r);return{left:e.bounds.left,top:l,width:a-e.bounds.left,height:i-l}}case"bottomLeft":{let a=Math.min(o-Mo,e.bounds.left+n),l=Math.max(e.bounds.top+Mo,i+r);return{left:a,top:e.bounds.top,width:o-a,height:l-e.bounds.top}}default:{let a=Math.max(e.bounds.left+Mo,o+n),l=Math.max(e.bounds.top+Mo,i+r);return{left:e.bounds.left,top:e.bounds.top,width:a-e.bounds.left,height:l-e.bounds.top}}}}function Ob({accentColor:e,created:t,registry:n,target:r,onCommit:o,onClose:i,onCancelCreated:a}){let l=n.resolve(r),s=J(l?.subject.label??"object"),[c,d]=L(s.current),p=l?.subject.trackingAnchors?.map(P=>({...P}))??[],u=J(p),[f,m]=L(p),[g,y]=L(0),[x,R]=L(0),C=J(null),S=J(null),O=J(null),M=J(!1),U=n.resolve(r),G=xe(()=>{let P=typeof document>"u"?null:document.createElement("canvas").getContext("2d");P&&(P.font=`${Pc}px ${Mn}`);let H=D=>(P?.measureText(D).width??D.length*7.2)+Math.max(0,D.length-1)*Mm;return{label:Math.max(8,H(c||" ")),full:H(`<${c||" "}>`)+zc*2}},[c]);if(Lt(()=>{O.current?.focus(),O.current?.select()},[]),Lt(()=>{if(g)for(let P of S.current?.querySelectorAll("[data-popmelt-tracking-anchor]")??[]){let H=zb();P.animate?.([{transform:"translate(-50%, -50%)"},{transform:`translate(calc(-50% + ${H.x}px), calc(-50% + ${H.y}px))`},{transform:`translate(calc(-50% - ${H.x*.55}px), calc(-50% - ${H.y*.55}px))`},{transform:"translate(-50%, -50%)"}],{duration:220,easing:"ease-out"})}},[g]),_(()=>n.subscribeFrame(()=>R(P=>P+1)),[n]),_(()=>{let P=D=>{let A=C.current;A&&(n.updateBounds(r,Hb(A,{x:D.clientX,y:D.clientY})),R(te=>te+1))},H=()=>{C.current=null,R(D=>D+1)};return window.addEventListener("pointermove",P,!0),window.addEventListener("pointerup",H,!0),window.addEventListener("pointercancel",H,!0),()=>{window.removeEventListener("pointermove",P,!0),window.removeEventListener("pointerup",H,!0),window.removeEventListener("pointercancel",H,!0)}},[n,r]),!U)return null;let N=()=>{if(M.current)return;let P=c.trim();if(!P){t&&a();return}let H=u.current,D=H.length===1?[]:H,A=U.adapter.updateSubjectTrackingAnchors?n.updateTrackingAnchors(r,D):null,te=n.rename(r,P)??A;te&&o(te),i()},K=()=>{M.current=!0,t?a():i()},{bounds:B}=U.subject,k=!!U.adapter.updateSubjectTrackingAnchors,X=Math.min(400,G.full),Z=X+Ip+jb,j=Es({left:B.left,right:B.left+B.width,top:B.top,bottom:B.top+B.height,height:B.height},22,2,window.innerHeight,Z,window.innerWidth),z=j.horizontalAlignment==="right"?j.left-Z:j.left;return T(nt,{children:[h(Il,{element:U.element,activeFacet:"translate",accentColor:e,showRotateHandle:!1,refreshKey:x,draggingKind:C.current?.kind??null,draggingCorner:C.current?.corner??null,onHandlePointerDown:(P,H,D)=>{P!=="rotate"&&(D.preventDefault(),D.stopPropagation(),C.current={kind:P,corner:H,start:{x:D.clientX,y:D.clientY},bounds:{...U.subject.bounds}},R(A=>A+1))}}),k&&h("div",{ref:S,"data-popmelt-tracking-anchor-surface":!0,"aria-label":"Add tracking anchor",onPointerDown:P=>{if(P.button!==0)return;P.preventDefault(),P.stopPropagation();let H=u.current;if(H.length>=Pb){y(A=>A+1);return}let D=[...H,{x:Math.max(0,Math.min(1,(P.clientX-B.left)/B.width)),y:Math.max(0,Math.min(1,(P.clientY-B.top)/B.height))}];u.current=D,m(D)},style:{position:"fixed",left:B.left,top:B.top,width:B.width,height:B.height,pointerEvents:"auto",cursor:"crosshair",zIndex:9998},children:f.map((P,H)=>h("span",{"data-popmelt-tracking-anchor":!0,"data-popmelt-tracking-anchor-reject":g?"true":void 0,style:{position:"absolute",left:`${P.x*100}%`,top:`${P.y*100}%`,width:10,height:10,boxSizing:"border-box",border:"2px solid #ffffff",borderRadius:"50%",background:e,boxShadow:"0 1px 3px rgba(0, 0, 0, 0.35)",pointerEvents:"none",transform:"translate(-50%, -50%)"}},H))}),h("style",{children:`
34
- [data-popmelt-subject-label-editor]::selection {
35
- background: #000000;
36
- color: #ffffff;
37
- }
38
- .popmelt-subject-save-default {
39
- display: inline-flex;
40
- align-items: center;
41
- gap: 4px;
42
- }
43
- .popmelt-subject-save-hovered {
44
- display: none;
45
- align-items: center;
46
- gap: 4px;
47
- }
48
- [data-popmelt-subject-label-save][data-hovered="true"] .popmelt-subject-save-default {
49
- display: none;
50
- }
51
- [data-popmelt-subject-label-save][data-hovered="true"] .popmelt-subject-save-hovered {
52
- display: inline-flex;
53
- }
54
- @media (max-width: 767px) {
55
- .popmelt-subject-save-default { display: none; }
56
- .popmelt-subject-save-hovered { display: inline-flex; }
57
- }
58
- `}),T("div",{style:{position:"fixed",left:z,top:j.top,display:"flex",alignItems:"center",gap:Ip,pointerEvents:"auto",zIndex:1e4},children:[T("div",{"data-popmelt-subject-label-editor":!0,style:{...wm(e),width:X,gap:0,borderRadius:ca(j.anchor)},children:[h("span",{"aria-hidden":!0,children:"<"}),h("input",{ref:O,"data-popmelt-subject-label-input":!0,value:c,"aria-label":"Object label",spellCheck:!1,onChange:P=>d(P.target.value),onBlur:N,onKeyDown:P=>{P.key==="Escape"?(P.preventDefault(),K()):P.key==="Enter"&&!P.metaKey&&!P.ctrlKey&&(P.preventDefault(),N())},style:{appearance:"none",boxSizing:"content-box",width:Math.min(G.label,400-zc*2-16),minWidth:0,height:`${Pc*1.2}px`,margin:0,padding:0,border:0,outline:0,background:"transparent",color:"inherit",font:"inherit",letterSpacing:"inherit",lineHeight:"inherit"}}),h("span",{"aria-hidden":!0,children:">"})]}),h(Db,{onSave:N})]})]})}var Ep=2;function Nb(e,t){if((e.annotation.status??"pending")!=="pending")return null;let n={x:t.x-e.startPoint.x,y:t.y-e.startPoint.y};return e.hasMoved?{session:{...e,startPoint:t},move:{delta:n,saveUndo:!1}}:Math.abs(n.x)>Ep||Math.abs(n.y)>Ep?{session:{...e,hasMoved:!0,startPoint:t},move:{delta:n,saveUndo:!0}}:null}function _b({session:e,clickPoint:t,groupLabelWidth:n=0}){let{annotation:r}=e;return e.hasMoved||r.type!=="text"||(r.status??"pending")!=="pending"?null:{activeText:{id:r.id,point:r.points[0],text:r.text||"",fontSize:r.fontSize||12,isNew:!1,clickPoint:{x:t.x-n,y:t.y},groupId:r.groupId,linkedSelector:r.linkedSelector,linkedAnchor:r.linkedAnchor,elements:r.elements,attachments:r.attachments,interactionEpisode:r.interactionEpisode},color:r.color}}function Tp(e,t,n,r,o){let i={...e},a=i.right-i.left||1,l=i.bottom-i.top||1,s=a/l,c={...e};switch(t){case"topLeft":c.left=n.x,c.top=n.y;break;case"topRight":c.right=n.x,c.top=n.y;break;case"bottomLeft":c.left=n.x,c.bottom=n.y;break;case"bottomRight":c.right=n.x,c.bottom=n.y;break}if(r)switch(t){case"topLeft":c.right=i.right+(i.left-c.left),c.bottom=i.bottom+(i.top-c.top);break;case"topRight":c.left=i.left-(c.right-i.right),c.bottom=i.bottom+(i.top-c.top);break;case"bottomLeft":c.right=i.right+(i.left-c.left),c.top=i.top-(c.bottom-i.bottom);break;case"bottomRight":c.left=i.left-(c.right-i.right),c.top=i.top-(c.bottom-i.bottom);break}if(o){let d=c.right-c.left,p=c.bottom-c.top;if(Math.abs(d/p)>s){let u=Math.abs(p)*s*Math.sign(d);t==="topLeft"||t==="bottomLeft"?c.left=c.right-u:c.right=c.left+u}else{let u=Math.abs(d)/s*Math.sign(p);t==="topLeft"||t==="topRight"?c.top=c.bottom-u:c.bottom=c.top+u}}return c}function Fb({annotation:e,session:t,point:n,centerOrigin:r,lockAspect:o}){let{handle:i,originalPoints:a}=t;if(e.type==="line"){let p=a[0],u=a[a.length-1];return i==="start"?[n,u]:[p,n]}if(e.type==="freehand"){let p={left:Math.min(...a.map(x=>x.x)),right:Math.max(...a.map(x=>x.x)),top:Math.min(...a.map(x=>x.y)),bottom:Math.max(...a.map(x=>x.y))},u=p.right-p.left||1,f=p.bottom-p.top||1,m=Tp(p,i,n,r,o),g=m.right-m.left||1,y=m.bottom-m.top||1;return a.map(x=>({x:m.left+(x.x-p.left)/u*g,y:m.top+(x.y-p.top)/f*y}))}let l=a[0],s=a[a.length-1],c={left:Math.min(l.x,s.x),right:Math.max(l.x,s.x),top:Math.min(l.y,s.y),bottom:Math.max(l.y,s.y)};if(e.type==="circle"){let p=(c.left+c.right)/2,u=(c.top+c.bottom)/2,f=c.right-c.left,m=c.bottom-c.top,g={...c};switch(i){case"top":{if(g.top=n.y,r&&(g.bottom=u+(u-n.y)),o){let y=(g.bottom-g.top)*(f/m)/2;g.left=p-y,g.right=p+y}break}case"bottom":{if(g.bottom=n.y,r&&(g.top=u-(n.y-u)),o){let y=(g.bottom-g.top)*(f/m)/2;g.left=p-y,g.right=p+y}break}case"left":{if(g.left=n.x,r&&(g.right=p+(p-n.x)),o){let y=(g.right-g.left)*(m/f)/2;g.top=u-y,g.bottom=u+y}break}case"right":{if(g.right=n.x,r&&(g.left=p-(n.x-p)),o){let y=(g.right-g.left)*(m/f)/2;g.top=u-y,g.bottom=u+y}break}}return[{x:g.left,y:g.top},{x:g.right,y:g.bottom}]}let d=Tp(c,i,n,r,o);return[{x:d.left,y:d.top},{x:d.right,y:d.bottom}]}function Wb(){let[e,t]=L(null),[n,r]=L(null);return{dragState:e,resizeState:n,setDragState:t,setResizeState:r}}function ad(e,t,n=!0){let r=new Map(bc(e.segments,e.originalText,t).map(({segment:o,modifiedText:i})=>[o,i]));return{type:"MODIFY_TEXT_CONTENTS",...n?{}:{saveUndo:!1},payload:e.segments.map(o=>({selector:e.selector,durableSelector:e.durableSelector,element:e.element,textNodePath:o.textNodePath,original:o.originalText,modified:r.get(o)??o.originalText}))}}function Bb(e,t,n){return e||(t>0?`[${t} image${t>1?"s":""}]`:n[0]?.name??"")}function Jb(e){if(e.domEdit){let i=e.domEdit;return e.text===i.originalText?{action:null,sendHintAnchorId:null,attachedImages:null}:{action:ad(i,e.text),sendHintAnchorId:null,attachedImages:null}}let t=e.images??[],n=t.length,r=e.attachments??[];if(!(e.text.trim()||n>0||r.length>0||e.interactionEpisode?.steps.length))return{action:e.isNew?null:{type:"DELETE_ANNOTATION",payload:{id:e.id}},sendHintAnchorId:null,attachedImages:null};let o=Bb(e.text,n,r)||`[Interaction episode: ${e.interactionEpisode?.steps.length??0} steps]`;return{action:e.isNew?{type:"ADD_TEXT",payload:{point:e.point,text:o,fontSize:e.fontSize,id:e.id,groupId:e.groupId,linkedSelector:e.linkedSelector,target:e.target,linkedAnchor:e.linkedAnchor,elements:e.elements,...n>0?{imageCount:n}:{},...r.length>0?{attachments:r}:{},...e.interactionEpisode?{interactionEpisode:e.interactionEpisode}:{}}}:{type:"UPDATE_TEXT",payload:{id:e.id,text:o,...n>0?{imageCount:n}:{},attachments:r,interactionEpisode:e.interactionEpisode}},sendHintAnchorId:e.id,attachedImages:n>0?{annotationId:e.id,images:t}:null}}var Bi=0,qb=2,Ub=60;function Cp({anchorLeftX:e,anchorRightX:t,editorWidth:n,trailingWidth:r,viewportWidth:o}){let i=Math.max(Bi,o-Bi),a=Math.max(Bi,Math.min(t,i)),l=r>0?r+qb:0,s=n+l,c=Math.max(0,e-8),d=a-s,p=Math.max(0,Bi-c)+Math.max(0,c+s-i),u=Math.max(0,Bi-d)<p?"right":"left",f=Math.max(Ub,u==="right"?a-Bi-l:i-c-l),m=Math.min(n,f);return{horizontalAlignment:u,editorLeft:u==="right"?a-l-m:c,maxEditorWidth:f}}function Yb({prefix:e,fontSize:t,railGap:n,context:r}){if(!e)return 0;let o=t*.6,i=r?.measureText(e).width??e.length*o,a=n??(r?.measureText(" ").width??o)/2;return i+a}function Xb({text:e,fontSize:t,point:n,clickPoint:r,context:o}){let i=e.split(`
59
- `),a=t*ir,l=Math.max(0,Math.min(i.length-1,Math.floor((r.y-n.y)/a))),s=i[l]??"",c=r.x-n.x,d=s.length;for(let u=0;u<=s.length;u+=1){let f=o.measureText(s.slice(0,u)).width;if(f<=c)continue;let m=u>0?o.measureText(s.slice(0,u-1)).width:0;d=Math.max(0,c-m<f-c?u-1:u);break}let p=d;for(let u=0;u<l;u+=1)p+=(i[u]?.length??0)+1;return p}function ld({text:e,fontSize:t,effectiveMaxWidth:n,annotationPrefixWidth:r,isModifiedRail:o,fitToContent:i=o,context:a}){let l=a.measureText("Type here...").width,s=i&&e.length>0?a.measureText(" ").width:l,c=Vm(e).split(`
60
- `),d=Math.max(s,...c.map(u=>a.measureText(u||" ").width)),p=Math.max(s,n-r-(o?16:0));if(d>p){let u=Gm(a,c,p);return{width:Math.min(p,Math.max(s,...u.map(f=>a.measureText(f).width))),height:Math.max(1,u.length)*t*ir,isWrapped:!0}}return{width:d,height:Math.max(1,c.length)*t*ir,isWrapped:!1}}function Kb(e,t){return e&&t!=="model"}function Vb(e,t,n,r=6){return e.moved?e:{...e,moved:Math.hypot(t-e.startX,n-e.startY)>r}}function Gb(e){return!!(e&&!e.moved)}function Qb(e){return e==="hand"}var Ap={"active-edit":100,"direct-manipulation":90,"in-flight":80,"bundle-preview":70,"nested-preview":65,"annotation-hover":60,"badge-hover":60,"thread-focus":50,selected:45,"pending-change":40,"inspector-hover":30};function Zb(e){let t=new Map;for(let n of e){let r=t.get(n.target);(!r||Ap[n.owner]>Ap[r])&&t.set(n.target,n.owner)}return t}function ew({activeText:e,pendingLinkedText:t,activeTextSendHintId:n,activeTool:r,isAnnotating:o,annotations:i,pageAnnotations:a,pageStyleModifications:l,pageTextModifications:s,supersededAnnotations:c,nestedBadgeHover:d,isSendBundleHovered:p,badgeHoveredAnnotationId:u,hoveredTextId:f,badgeHoveredSelector:m,focusedThreadAnnotationId:g,inFlightSelectorColors:y,focusedSelectorColors:x,hoveredElement:R}){let C=new Map;for(let A of i)A.linkedSelector&&A.elements?.[0]&&C.set(A.linkedSelector,A.elements[0]);for(let A of[...l,...s])C.set(A.selector,A.element);for(let A of[e,t])A?.linkedSelector&&A.elements?.[0]&&C.set(A.linkedSelector,A.elements[0]);let S=(A,te)=>an(A,te??(C.has(A)?[C.get(A)]:void 0)),O=A=>A?i.find(te=>te.id===A)?.linkedSelector??null:null,M=d?d.ownerId===n?e?.linkedSelector??null:O(d.ownerId):null,U=(A,te)=>te?S(te)===A:!1,G=A=>{let te=null;for(let re of a)!re.linkedSelector||c.has(re)||an(re.linkedSelector,re.elements)!==A||(!te||re.timestamp>te.timestamp)&&(te=re);return te},N=[e?.linkedSelector,t?.linkedSelector,O(g),O(d||p?null:u),O(d||p?null:f),m].filter(Boolean),K=d||p?null:u||f,B=A=>N.some(te=>U(A,te)),k=[],X=(A,te)=>{A&&k.push({target:A,owner:te})},Z=(A,te,re)=>{A&&X(S(A,re),te)};if(o){if(r==="hand")for(let A of l)A.captured||Z(A.selector,"pending-change");for(let A of s)A.captured||Z(A.selector,"pending-change");for(let A of y?.keys()??[])Z(A,"in-flight");for(let A of x?.keys()??[])Z(A,"selected");if(Z(e?.domEdit?e.linkedSelector:null,"active-edit",e?.elements),!d&&!p&&Z(e?.linkedSelector||t?.linkedSelector,"direct-manipulation",e?.elements||t?.elements),!p&&g){let A=i.find(te=>te.id===g);A?.linkedSelector&&M!==A.linkedSelector&&Z(A.linkedSelector,"thread-focus",A.elements)}if(K){let A=i.find(te=>te.id===K);Z(A?.linkedSelector,"annotation-hover",A?.elements)}if(d&&!p)for(let A of d.annotationIds){let te=i.find(re=>re.id===A);Z(te?.linkedSelector,"nested-preview",te?.elements)}if(p){for(let A of a)(A.status??"pending")==="pending"&&Z(A.linkedSelector,"bundle-preview",A.elements);e&&!e.domEdit&&e.text?.trim()&&Z(e.linkedSelector,"bundle-preview",e.elements);for(let A of[...l,...s])A.captured||Z(A.selector,"bundle-preview",[A.element])}Z(m,"badge-hover"),(r==="inspector"||r==="sticker")&&R&&!K&&!m&&X(R,"inspector-hover")}let j=Zb(k),z=(A,te)=>j.get(A)===te,P=(A,te)=>{if(!A)return null;let re=new Map,V=new Set;for(let[ce,W]of A){let we=S(ce);we&&z(we,te)&&!V.has(we)&&(V.add(we),re.set(ce,W))}return re.size>0?re:null},H=new Set,D=(A,te)=>!z(A,te)||H.has(A)?!1:(H.add(A),!0);return{selectorElementInfo:C,hasExistingOverlay:A=>j.has(A),nestedBadgeOwnerSelector:M,hoveredLinkedAnnotationId:K,hasSelectedHighlightForElement:B,getExistingAnnotationForElement:G,ownedInFlightSelectorColors:P(y,"in-flight"),ownedFocusedSelectorColors:P(x,"selected"),claimElementOverlay:D}}function tw(e){let[t,n]=L();return Lt(()=>{if(!e)return;let r,o=()=>{if(!e.isConnected)return;let i=e.getBoundingClientRect();n(a=>a?.element===e&&a.rect.x===i.x&&a.rect.y===i.y&&a.rect.width===i.width&&a.rect.height===i.height?a:{element:e,rect:i}),r=requestAnimationFrame(o)};return o(),()=>cancelAnimationFrame(r)},[e]),t?.element===e?t.rect:void 0}var nw=180,Mp=16,rw=50,Rp=180;async function ow(e){let t=new Uint8Array(await e.arrayBuffer()),n=2166136261;for(let r of t)n^=r,n=Math.imul(n,16777619);return`${e.size.toString(36)}-${(n>>>0).toString(36)}`}function Lp(e,t){return!e.frames||t===0?e:{...e,frames:e.frames.map(n=>({...n,imageIndex:n.imageIndex+t}))}}function sd(e){let t=e?.replace(/\s+/g," ").trim();if(t)return t.slice(0,Rp)}function iw(e){try{return Io(e)}catch{return}}function $p(e){if(e instanceof HTMLVideoElement){let t=Number.isFinite(e.duration)?e.duration:void 0;return{kind:"video",currentTime:e.currentTime,...t===void 0?{}:{duration:t},paused:e.paused}}}function Ji(e){if(!e||no(e))return;let t=e instanceof HTMLElement?e:null,n=e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement?e:null,r=e.getBoundingClientRect(),o=e.getAttribute("role")??void 0,i=sd(e.getAttribute("class")),a=sd(e.getAttribute("aria-label")),l=sd(n instanceof HTMLInputElement||n instanceof HTMLTextAreaElement?void 0:e.textContent),s=$p(e);return{selector:iw(e),tagName:e.tagName.toLowerCase(),...i?{className:i}:{},...o?{role:o}:{},...a?{ariaLabel:a}:{},...l?{text:l}:{},...n&&!(n instanceof HTMLInputElement&&n.type==="password")?{value:n.value.slice(0,Rp)}:{},...e instanceof HTMLInputElement&&(e.type==="checkbox"||e.type==="radio")?{checked:e.checked}:{},...t&&"disabled"in t&&typeof t.disabled=="boolean"?{disabled:t.disabled}:{},...e.hasAttribute("aria-expanded")?{expanded:e.getAttribute("aria-expanded")==="true"}:{},...e.hasAttribute("aria-pressed")?{pressed:e.getAttribute("aria-pressed")==="true"}:{},...e.hasAttribute("aria-selected")?{selected:e.getAttribute("aria-selected")==="true"}:{},rect:{x:Math.round(r.x),y:Math.round(r.y),width:Math.round(r.width),height:Math.round(r.height)},...s?{media:s}:{}}}function dd(e){let{subject:t,target:n,adapter:r}=e,{left:o,top:i,width:a,height:l}=t.bounds,s=$p(t.sourceElement??null);return{tagName:r.id,rect:{x:Math.round(o),y:Math.round(i),width:Math.round(a),height:Math.round(l)},subject:{adapter:n.adapter,key:n.key,label:t.label,...t.context?{context:t.context}:{},...t.data?{data:{...t.data}}:{}},...s?{media:s}:{}}}function aw(e){return e.type==="click"?"click":e.type==="input"?"input":e.type==="change"?"change":e.type==="submit"?"submit":e.type==="keydown"?"keydown":e.type==="play"?"play":e.type==="pause"?"pause":e.type==="seeked"?"seek":null}function lw(e,t,n){if(e==="scroll")return"Scrolled the page";let r=n??Ji(t),o=r?.subject?.label??r?.ariaLabel??r?.text??r?.tagName??"element";return e==="click"?`Clicked ${o}`:e==="drag"?`Dragged ${o}`:e==="input"?`Entered text in ${o}`:e==="change"?`Changed ${o}`:e==="submit"?`Submitted ${o}`:e==="play"?`Played ${o}`:e==="pause"?`Paused ${o}`:e==="seek"?`Sought in ${o}`:`Pressed a key on ${o}`}function sw(e,t){return JSON.stringify(e)!==JSON.stringify(t)}function dw(e){return e.metaKey||e.ctrlKey||e.altKey?!1:["Enter"," ","Escape","Tab","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)}function cw(e){return e instanceof Element?e:e.parentElement}function uw(e){let t=e.now??(()=>Date.now()),n=t(),r=[],o=null,i=0,a=!1,l=e.captureFrame?.().catch(()=>null)??Promise.resolve(null),s=[],c=null,d=()=>{if(window.clearTimeout(i),i=0,!o)return;let m=t(),g=o.captureResult?.()??Ji(o.targetElement),y=o.kind==="input"||o.kind==="change"||o.kind==="submit"||o.kind==="scroll"||o.kind==="play"||o.kind==="pause"||o.kind==="seek",x={id:o.id,action:{kind:o.kind,label:o.label,...o.key?{key:o.key}:{},...o.target?{target:o.target}:{}},startedAt:o.startedAt,completedAt:m,outcome:y||o.changes.length>0||sw(o.target,g)?"changed":"no-observable-change",changes:o.changes,...g?{result:g}:{}};if(o=null,r.length<rw&&(r.push(x),e.onStep?.(x),e.captureFrame)){let R=l,C=e.captureFrame().catch(()=>null);l=C,s.push(Promise.all([R,C]).then(([S,O])=>({step:x,before:S,after:O})))}},p=()=>{window.clearTimeout(i),i=window.setTimeout(d,nw)},u=(m,g,y)=>{let{element:x,state:R}=g,C=o?.kind==="input"&&m==="input"&&o.targetElement===x,S=o?.kind==="click"&&(m==="input"||m==="change"||m==="play"||m==="pause"||m==="seek")&&o.targetElement===x;if(C||S){p();return}d(),o={id:`episode-step-${n}-${r.length+1}`,kind:m,label:lw(m,x,R),...y?{key:y}:{},targetElement:x,target:R,captureResult:g.captureResult,startedAt:t(),changes:[]},e.onActionCountChange?.(r.length+1),p()},f=new MutationObserver(m=>{if(!(!o||a)){for(let g of m){if(o.changes.length>=Mp)break;let y=(x,R)=>{if(!o||o.changes.length>=Mp)return;let C=cw(R),S=Ji(C);!S||o.changes.some(O=>O.kind===x&&O.element.selector===S.selector&&O.element.tagName===S.tagName&&O.element.text===S.text)||o.changes.push({kind:x,element:S})};g.addedNodes.forEach(x=>y("added",x)),g.removedNodes.forEach(x=>y("removed",x)),(g.type==="attributes"||g.type==="characterData")&&y("updated",g.target)}p()}});return f.observe(document.documentElement,{subtree:!0,childList:!0,characterData:!0,attributes:!0,attributeFilter:["aria-expanded","aria-pressed","aria-selected","checked","class","disabled","hidden","open","poster","src","value"]}),{recordEvent(m){if(a)return;if(m.type==="pointerdown"||m.type==="pointerup"){let C=m;if(m.type==="pointerdown"&&C.button===0){let S=e.resolveEventTarget?.(m),O=S?.element??(m.target instanceof Element&&!no(m.target)?m.target:null),M=S?.state??Ji(O);if(!M)return;c={x:C.clientX,y:C.clientY,targetElement:O,target:M,captureResult:S?.captureResult};return}if(m.type==="pointerup"){let S=c;c=null,S?.targetElement&&Math.hypot(C.clientX-S.x,C.clientY-S.y)>4&&u("drag",{element:S.targetElement,state:S.target,captureResult:S.captureResult});return}}let g=aw(m);if(!g||m instanceof KeyboardEvent&&!dw(m))return;let y=e.resolveEventTarget?.(m),x=y?.element??(m.target instanceof Element&&!no(m.target)?m.target:null);if(!x)return;let R=y?.state??Ji(x);R&&u(g,{element:x,state:R,captureResult:y?.captureResult},m instanceof KeyboardEvent?m.key:void 0)},recordScroll(){if(!a){if(o?.kind==="scroll"){p();return}u("scroll",{element:null,state:{tagName:"document",text:"page"}})}},hasActions(){return o!==null||r.length>0},async finish(){a||d(),a=!0,f.disconnect(),window.clearTimeout(i);let m={version:1,startedAt:n,completedAt:t(),subject:e.subjectState??Ji(e.subjectElement),steps:[...r]};if(r.length===0||s.length===0)return{episode:m,frames:[]};let g=await Promise.all(s),y=[],x=new Map,R=[],C=async S=>{if(!S)return;let O=await ow(S),M=x.get(O);if(M)return M;let U=`episode-frame-${n}-${y.length+1}`;return x.set(O,U),R.push({id:U,imageIndex:y.length,fingerprint:O}),y.push(S),U};for(let S of g){let O=await C(S.before),M=await C(S.after);(O||M)&&(S.step.visuals={...O?{beforeFrameId:O}:{},...M?{afterFrameId:M}:{}})}return R.length>0&&(m.frames=R),{episode:m,frames:y}},cancel(){a=!0,o=null,c=null,f.disconnect(),window.clearTimeout(i)}}}function jp(e){return!!(e&&!e.domEdit&&(e.linkedSelector||e.target))}function Pp(e){return!!(e&&e.type==="text"&&(e.status??"pending")==="pending"&&(e.linkedSelector||e.target))}function pw(e,t){return!!(t&&e?.id===t.id)}function hw(e,t,n){let r=[...n?[n]:[],...[...t].reverse()],o=new Set,i=[];for(let a of r){if(o.has(a))continue;o.add(a);let l=e.find(s=>s.id===a);l&&(i.push(l),l.groupId&&i.push(...e.filter(s=>s.id!==l.id&&s.groupId===l.groupId)))}return i}function fw(e){let t=e.activationDraft??e.activeDraft;if(jp(t))return{kind:"draft",value:t};let n=hw(e.annotations,e.selectedAnnotationIds,e.lastSelectedId).find(Pp);return n?{kind:"annotation",value:n}:Pp(e.annotationAtCursor)?{kind:"annotation",value:e.annotationAtCursor}:null}var cd={kind:"root"},mw=2;function gw(e){return e==="color"?"slate":Qa(e)[0]}function yw(e){let t=bs(e),n=gw(e),r=e==="color";return{id:`family:${e}`,label:t,searchPath:t,destination:{family:e,subproperty:n,stage:r?"family":"value"},nextScope:r?{kind:"colors",family:e}:{kind:"values",family:e,subproperty:n}}}function zp(e,t){let n=bs(e),r=Pm(e,t),o=e==="border"&&t==="all"?`${n} Width`:r===n?n:`${n} ${r}`,i=(e==="text"||e==="border")&&t==="color";return{id:`subproperty:${e}:${t}`,label:o,searchPath:o,destination:{family:e,subproperty:t,stage:i?"family":"value"},nextScope:i?{kind:"colors",family:e}:{kind:"values",family:e,subproperty:t}}}function vw(e,t){let n=t[0].toUpperCase()+t.slice(1);return{id:`color:${e}:${t}`,label:n,searchPath:n,destination:{family:e,subproperty:t,stage:"variant"},nextScope:{kind:"values",family:e,subproperty:t}}}function bw(e,t,n){return{id:`value:${e}:${t}:${n}`,label:String(n),searchPath:String(n),destination:{family:e,subproperty:t,step:n,stage:"value"}}}function ww(e){return e.kind==="root"?Li.flatMap(t=>{let n=yw(t);return t==="color"?[n]:[n,...Qa(t).filter(r=>!Wc(r)).map(r=>zp(t,r))]}):e.kind==="family"?Qa(e.family).filter(t=>!Wc(t)).map(t=>zp(e.family,t)):e.kind==="colors"?_c.map(t=>vw(e.family,t)):ti(e.family,e.subproperty).map(t=>bw(e.family,e.subproperty,t))}function ba(e){return e.toLowerCase().trim().replace(/[^a-z0-9]+/g," ")}function Dp(e){return ba(e).replace(/\s+/g,"")}function xw(e){return ba(e).split(/\s+/).filter(Boolean).map(t=>t[0]).join("")}function Sw(e,t){let n=ba(e);if(!n)return 0;let r=ba(t.searchPath),o=ba(t.label),i=Dp(e),a=Dp(t.searchPath),l=xw(t.searchPath);if(o===n)return 1e3;if(r===n)return 980;if(o.startsWith(n))return 940;if(r.startsWith(n))return 920;if(r.split(" ").some(d=>d.startsWith(n)))return 880;if(l.startsWith(i))return 850;if(a.startsWith(i))return 820;let s=0;for(let d of i){if(s=a.indexOf(d,s),s===-1)return-1;s+=1}let c=t.id.startsWith("family:")?20:0;return 500-Math.max(0,a.length-i.length)+c}function wa(e,t){if(!t.trim())return null;let n=o=>ww(o).map((i,a)=>({candidate:i,index:a,score:Sw(t,i)})).filter(i=>i.score>=0).sort((i,a)=>a.score-i.score||i.index-a.index)[0]?.candidate??null,r=n(e);if(r||e.kind==="root")return r;if(e.kind==="values"||e.kind==="colors"){let o=n({kind:"family",family:e.family});if(o)return o}return n(cd)}function ud(e,t){return t.trim().length<mw?null:wa(e,t)}function kw(e){return e.id.startsWith("family:")?{kind:"icon",label:e.label,family:e.destination.family,subproperty:"all"}:e.id.startsWith("subproperty:")?{kind:"icon",label:e.label,family:e.destination.family,subproperty:e.destination.subproperty??"all"}:{kind:"label",label:e.label}}function Iw(e,t){return e?t?t.label.toLowerCase().startsWith(e.toLowerCase())?{typed:t.label.slice(0,e.length),completion:t.label.slice(e.length),fallback:""}:{typed:e,completion:"",fallback:t.label}:{typed:e,completion:"",fallback:""}:{typed:"",completion:"",fallback:"Steer a property"}}function oi(e,t){Tr(e)&&(t.forEach(n=>e.style.removeProperty(n)),e.style.removeProperty("transition"))}function lr(e,t,n){return{property:e,original:`${t}px`,modified:`${n}px`}}function Ew(e,t,n){oi(e,["font-size","line-height"]);let r=[];if(t.fontSize!==n.fontSize&&(ot(e,"font-size",`${n.fontSize}px`),r.push(lr("font-size",t.fontSize,n.fontSize))),t.lineHeight!==n.lineHeight){let o=t.fontSize>0?Math.round(t.lineHeight/t.fontSize*1e3)/1e3:1.2,i=n.fontSize>0?Math.round(n.lineHeight/n.fontSize*1e3)/1e3:1.2;ot(e,"line-height",`${i}`),r.push({property:"line-height",original:`${o}`,modified:`${i}`})}return r}var pd=["space-between","space-around","stretch","normal"];function Tw(e,t,n,r){if(!t.hasMoved){if(r)return[];oi(e,[]);let i=t.justifyContent||"normal",a=pd.indexOf(i),l=pd[(a+1)%pd.length],s=[];return l==="normal"?(ot(e,"justify-content","normal"),s.push({property:"justify-content",original:t.justifyContent,modified:"normal"})):l==="stretch"?(ot(e,"justify-content",l),ot(e,"row-gap","8px"),ot(e,"column-gap","8px"),s.push({property:"justify-content",original:t.justifyContent||"normal",modified:l}),t.row!==8&&s.push(lr("row-gap",t.row,8)),t.column!==8&&s.push(lr("column-gap",t.column,8))):(oi(e,["row-gap","column-gap"]),ot(e,"justify-content",l),s.push({property:"justify-content",original:t.justifyContent||"normal",modified:l}),t.row>0&&s.push(lr("row-gap",t.row,0)),t.column>0&&s.push(lr("column-gap",t.column,0))),s}if(!n)return[];oi(e,["row-gap","column-gap"]);let o=[];return t.isAuto?(oi(e,["justify-content"]),ot(e,"justify-content","normal"),ot(e,"row-gap",`${n.row}px`),ot(e,"column-gap",`${n.column}px`),o.push({property:"justify-content",original:t.justifyContent,modified:"normal"}),o.push(lr("row-gap",0,n.row)),o.push(lr("column-gap",0,n.column)),o):(t.row!==n.row&&(ot(e,"row-gap",`${n.row}px`),o.push(lr("row-gap",t.row,n.row))),t.column!==n.column&&(ot(e,"column-gap",`${n.column}px`),o.push(lr("column-gap",t.column,n.column))),o)}var hd={"top-left":"border-top-left-radius","top-right":"border-top-right-radius","bottom-right":"border-bottom-right-radius","bottom-left":"border-bottom-left-radius"};function Cw(e,t,n){let r=Object.values(hd);oi(e,r);let o=[];return Object.keys(hd).forEach(i=>{if(t[i]===n[i])return;let a=hd[i];ot(e,a,`${n[i]}px`),o.push(lr(a,t[i],n[i]))}),o}function Aw(e,t,n){oi(e,["padding"]);let r=[];return Object.keys(t).forEach(o=>{if(t[o]===n[o])return;let i=`padding-${o}`;ot(e,i,`${n[o]}px`),r.push(lr(i,t[o],n[o]))}),r}function Hp(){return{isDragging:!1,side:null,startX:0,startY:0,original:{top:0,right:0,bottom:0,left:0},element:null,elementInfo:null,selector:null,durableSelector:null}}function Op(){return{isDragging:!1,hasMoved:!1,axis:null,startX:0,startY:0,originalRow:0,originalColumn:0,element:null,elementInfo:null,selector:null,durableSelector:null,isAuto:!1,originalJustifyContent:"",visualGap:0}}function Np(){return{isDragging:!1,corner:null,startY:0,original:{"top-left":0,"top-right":0,"bottom-right":0,"bottom-left":0},maxRadius:0,element:null,elementInfo:null,selector:null,durableSelector:null}}function _p(){return{isDragging:!1,property:null,startX:0,startY:0,originalFontSize:0,originalLineHeight:0,originalRatio:1.2,element:null,elementInfo:null,selector:null,durableSelector:null}}function El(e,t){return!e.selector||!e.elementInfo||t.length===0?null:{selector:e.selector,durableSelector:e.durableSelector??void 0,element:e.elementInfo,changes:t}}function Mw(e,t){return!e.element||!t?null:El(e,Ew(e.element,{fontSize:e.originalFontSize,lineHeight:e.originalLineHeight},t))}function Rw(e,t,n){return e.element?El(e,Tw(e.element,{hasMoved:e.hasMoved,isAuto:e.isAuto,row:e.originalRow,column:e.originalColumn,justifyContent:e.originalJustifyContent},t,n)):null}function Lw(e,t){return!e.element||!t?null:El(e,Cw(e.element,e.original,t.radius))}function $w(e,t){return!e.element||!t?null:El(e,Aw(e.element,e.original,t.padding))}var jw="popmelt-steering-context",Fp=1;function Pw(e){return Ai(jw,e)}function qi(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function fd(e){return typeof e=="string"&&Li.includes(e)}function zw(e){return e==="family"||e==="variant"||e==="value"}function Wp(e,t){return typeof t=="string"&&Oc(e,t)===t}function Dw(e,t,n){return ti(e,t).includes(n)}function Tl(e){if(!qi(e)||!fd(e.family))return null;let t=e.family;if(!Wp(t,e.subproperty))return null;let n=e.subproperty;return!zw(e.stage)||!Dw(t,n,e.step)?null:{family:t,subproperty:n,stage:e.stage,step:e.step}}function Bp(e){if(!qi(e)||typeof e.kind!="string")return null;if(e.kind==="root")return{kind:"root"};if(e.kind==="family"&&fd(e.family))return{kind:"family",family:e.family};if(e.kind==="colors"&&(e.family==="border"||e.family==="color"||e.family==="text"))return{kind:"colors",family:e.family};if(e.kind==="values"&&fd(e.family)){let t=e.family;return Wp(t,e.subproperty)?{kind:"values",family:t,subproperty:e.subproperty}:null}return null}function Hw(e){if(!qi(e)||typeof e.query!="string"||!Array.isArray(e.segments)||!e.segments.every(i=>typeof i=="string"))return null;let t=Bp(e.scope),n=Tl(e.origin);if(!t||!n||!Array.isArray(e.history))return null;let r=[];for(let i of e.history){if(!qi(i))return null;let a=Bp(i.scope),l=Tl(i.snapshot);if(!a||!l)return null;r.push({scope:a,snapshot:l})}let o;if(e.segmentOrigin!==void 0){let i=Tl(e.segmentOrigin);if(!i)return null;o=i}return{query:e.query,segments:e.segments,scope:t,origin:n,...o?{segmentOrigin:o}:{},history:r}}function Ow(e){let t=Tl(e);if(!t||!qi(e))return null;if(e.query===null)return{...t,query:null};let n=Hw(e.query);return n?{...t,query:n}:null}function Nw(e,t){try{let n=e.getItem(t);if(!n)return null;let r=JSON.parse(n);return!qi(r)||r.version!==Fp?null:Ow(r.context)}catch{return null}}function _w(e,t,n){try{e.setItem(t,JSON.stringify({version:Fp,context:n}))}catch{}}function Fw(e,t,n,r){return e===t?{preservedAway:r,shouldReset:!1}:n&&(e==="sticker"&&t==="inspector"||e==="inspector"&&t==="sticker")?{preservedAway:t==="inspector",shouldReset:!1}:{preservedAway:!1,shouldReset:r||e==="sticker"||t==="sticker"}}var Jp=100;function qp(e,t){return e!=="sticker"||!t}var Ww=new Set(["display","border-top-style","border-right-style","border-bottom-style","border-left-style"]);function Bw(e,t){return e?.element===t.element&&e.family===t.family&&e.step===t.step&&e.subproperty===t.subproperty&&e.valueOverride===t.valueOverride}function Up(e,t,n){return t>=e.left&&t<=e.right&&n>=e.top&&n<=e.bottom}function Jw(e,t,n,r,o,i,a){return i&&a&&Wv(i,r,o,a)||t===e?!0:t&&t!==e&&e.contains(t)?Up(n,r,o):t&&t.contains(e)&&i&&a&&Bv(i,r,o,a)?!0:Up(n,r,o)||!!(i&&Fv(i,r,o))}function md(e,t){t.value?e.style.setProperty(t.property,t.value,t.priority):e.style.removeProperty(t.property)}function Yp(e,t){return{property:t,value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}}function qw(e){let t=new Set(e);for(let n of e){if(n==="padding"||n.startsWith("padding-")){t.add("padding");for(let r of["top","right","bottom","left"])t.add(`padding-${r}`)}if(n==="margin"||n.startsWith("margin-")){t.add("margin");for(let r of["top","right","bottom","left"])t.add(`margin-${r}`)}if(n==="border-radius"||/border-.+-radius/.test(n)){t.add("border-radius");for(let r of["top-left","top-right","bottom-right","bottom-left"])t.add(`border-${r}-radius`)}if(n==="border-width"||/border-.+-width/.test(n)){t.add("border-width");for(let r of["top","right","bottom","left"])t.add(`border-${r}-width`)}if(n==="border-color"||/border-.+-color/.test(n)){t.add("border-color");for(let r of["top","right","bottom","left"])t.add(`border-${r}-color`)}(n==="gap"||n==="row-gap"||n==="column-gap")&&(t.add("gap"),t.add("row-gap"),t.add("column-gap"))}return t}function xa(e){if(e){dg(e.element);for(let t of e.declarations)md(e.element,t)}}function Uw(e,t,n){e&&(xa(e),su(t),du(n))}function Yw(e){if(e)for(let t of e.activeDeclarations)md(e.element,t)}function Xw(e,t,n,r,o=null,i){o&&o.element!==e&&(xa(o),o=null);let a=window.getComputedStyle(e),l=Ic(t,r),s=i?a.getPropertyValue(l).trim()===i:Ec(t,n,r,R=>a.getPropertyValue(R)),c=Tc(t),d=Cc(t,r,n),p=t==="border"&&!ei(t,r)&&typeof n=="number"&&n>0?Ac(r):null,u=[l,...c?["display"]:[],...d.map(R=>R.property),...p?[p]:[]],f=[...new Set(u)],m=new Set([...f,"transition"]),g=new Map(o?.declarations.map(R=>[R.property,R])??[]);for(let R of g.values())m.has(R.property)||md(e,R);let y=[...m].map(R=>g.get(R)??Yp(e,R)),x=f.filter(R=>!Ww.has(R));cg(e,qw(f)),x.length>0&&ot(e,"transition",x.map(R=>`${R} ${Jp}ms ease-out`).join(", ")),c&&ot(e,"display",c);for(let R of d)ot(e,R.property,R.value);if(ot(e,l,i??Ri(t,n,r)),p){let R=window.getComputedStyle(e).getPropertyValue(p).trim();(!R||R==="none")&&ot(e,p,"solid")}return{preview:{element:e,declarations:y,activeDeclarations:[...m].map(R=>Yp(e,R))},stepUnavailable:s}}var Xp="[data-popmelt-subject-label-action]";function Kw(e){let t=Number(e.dataset.popmeltSubjectSurfaceLeft),n=Number(e.dataset.popmeltSubjectSurfaceTop),r=Number(e.dataset.popmeltSubjectSurfaceWidth),o=Number(e.dataset.popmeltSubjectSurfaceHeight);return[t,n,r,o].every(Number.isFinite)?{left:t,top:n,right:t+Math.max(0,r),bottom:n+Math.max(0,o)}:null}function Kp(e,t,n){let r=Kw(e);return r?t>=r.left&&t<=r.right&&n>=r.top&&n<=r.bottom:!0}function Vw(e,t){let{popmeltSubjectAdapter:n,popmeltSubjectKey:r}=t.dataset;return!n||!r?null:Array.from(e.querySelectorAll("[data-popmelt-subject-adapter][data-popmelt-subject-key]")).find(o=>!o.hasAttribute("data-popmelt-subject-label-action")&&o.dataset.popmeltSubjectAdapter===n&&o.dataset.popmeltSubjectKey===r)??null}function Gw(e,t,n,r){let o=e.getBoundingClientRect(),i=t.getBoundingClientRect();return n>=Math.min(o.left,i.left)&&n<=Math.max(o.right,i.right)&&r>=Math.min(o.top,i.top)&&r<=Math.max(o.bottom,i.bottom)}function Vp(e,t,n){for(let r of e.querySelectorAll(Xp)){let o=r.getBoundingClientRect();if(t>=o.left&&t<=o.right&&n>=o.top&&n<=o.bottom){let i=Vw(e,r);if(i&&!Kp(i,t,n))continue;return r}}return null}function Qw(e,t,n,r){if(!(t instanceof HTMLElement))return!1;let{popmeltSubjectAdapter:o,popmeltSubjectKey:i}=t.dataset;if(!o||!i)return!1;let a=Array.from(e.querySelectorAll(`${Xp}[data-popmelt-subject-adapter][data-popmelt-subject-key]`)).find(l=>l.dataset.popmeltSubjectAdapter===o&&l.dataset.popmeltSubjectKey===i);return!a||!Kp(t,n,r)?!1:Gw(t,a,n,r)}function Zw(e){return!("button"in e)||e.button===0}function Cl(e){let t=ms(e);return{element:e,elementInfo:{...gn(e),selector:t},selector:t,durableSelector:Io(e)}}function Al(e){return{x:e.x-window.scrollX,y:e.y-window.scrollY}}function Ml(e){ot(e,"transition","none")}function e0(e,t,n){let r=Cl(e),o=Al(n),i=ua(e);return Ml(e),{session:{...r,isDragging:!0,side:t,startX:o.x,startY:o.y,original:i},dragging:{side:t,padding:{...i}}}}function t0(e,t,n,r){let o=Cl(e),i=Al(n),a=tl(e),l=window.getComputedStyle(e).justifyContent,s=0;if(r){let d=nl(e).find(p=>p.axis===t);s=d?t==="column"?d.w:d.h:0}let c=r?{row:s,column:s}:a;return Ml(e),{session:{...o,isDragging:!0,hasMoved:!1,axis:t,startX:i.x,startY:i.y,originalRow:c.row,originalColumn:c.column,isAuto:r,originalJustifyContent:l,visualGap:s},dragging:{axis:t,...c}}}function n0(e,t,n){let r=Cl(e),o=ji(e);return Ml(e),{session:{...r,isDragging:!0,corner:t,startY:Al(n).y,original:o,maxRadius:Math.floor(e.getBoundingClientRect().height/2)},dragging:{corner:t,radius:{...o}}}}function r0(e,t,n){let r=Cl(e),o=Al(n),i=ru(e);return Ml(e),{session:{...r,isDragging:!0,property:t,startX:o.x,startY:o.y,originalFontSize:i.fontSize,originalLineHeight:i.lineHeight,originalRatio:i.fontSize>0?i.lineHeight/i.fontSize:1.2},dragging:{property:t,...i}}}function o0({activeText:e,applySticker:t,canvasRef:n,clearSelection:r,commentTextEditCandidateRef:o,commitActiveText:i,createInlineTextEdit:a,dispatch:l,domDragRef:s,editPendingLinkedComment:c,findAnnotationAtPoint:d,findHandleAtPoint:p,findTextAtPoint:u,gapDragRef:f,gapHoveredAxis:m,gapHoveredElement:g,gapIsAuto:y,getPoint:x,handleAnnotationActivation:R,handDragRef:C,handHoveredElement:S,handHoveredSide:O,hoveredElement:M,hoveredElementInfo:U,isElementInFlight:G,onCanvasInteraction:N,openThreadAndFocusReply:K,pageAnnotations:B,modifiedElementThreadStates:k,pageStyleModifications:X,parentPinnedAnnotationIds:Z,pointerTargetOverrideRef:j,radiusDragRef:z,radiusHoveredCorner:P,radiusHoveredElement:H,selectAnnotation:D,setDragState:A,setGapDragging:te,setHandDragging:re,setPendingLinkedText:V,setRadiusDragging:ce,setResizeState:W,setStickerRejectPulse:we,setTextDragging:ie,state:ne,stickerStage:Ee,textDragRef:Le,textHoveredElement:De,textHoveredProperty:q,toolbarRef:ve}){return Y(Re=>{if(!ne.isAnnotating||!Zw(Re))return;N?.();let Pe=j?.current??null;j&&(j.current=null);let tt=Pe?.element??M,it=Pe?.elementInfo??U,me=x(Re),fe="shiftKey"in Re&&Re.shiftKey,Je="clientX"in Re?{x:Re.clientX,y:Re.clientY}:"touches"in Re&&Re.touches[0]?{x:Re.touches[0].clientX,y:Re.touches[0].clientY}:null;if(ne.activeTool==="sticker"){if("button"in Re&&Re.button!==0||Ee!=="value")return;if(!Je){we(Ye=>Ye+1);return}let Ie=Pe?.element??Pi(Je.x,Je.y);if(!(Ie instanceof HTMLElement)&&!(Ie instanceof SVGElement)){we(Ye=>Ye+1);return}Re.preventDefault(),Re.stopPropagation(),t(Ie);return}if(ne.activeTool==="inspector"&&Je&&(!("button"in Re)||Re.button===0)){let Ie=a(Je.x,Je.y,me);o.current=Ie?{edit:Ie,clientX:Je.x,clientY:Je.y,expiresAt:Date.now()+1e3}:null}else o.current=null;let qe=u(me);if(qe?.points[0]){e&&i(),fe||r();let Ie=qe.threadId||(qe.groupId?ne.annotations.find(Ye=>Ye.groupId===qe.groupId&&Ye.threadId)?.threadId:void 0);if(Z.has(qe.id)){o.current=null,R(qe.id,Ie);return}Ie&&K(Ie),A({annotation:qe,startPoint:me,hasMoved:!1});return}if(ne.activeTool==="inspector"){if("button"in Re&&Re.button===2)return;if(tt&&!G(tt)){let Ie=B.filter(v=>v.type==="text"&&v.linkedSelector).filter(v=>ol(v.linkedSelector,v.elements?.[0])===tt).sort((v,se)=>se.timestamp-v.timestamp)[0];if(Ie?.points[0]){if((Ie.status??"pending")==="pending"&&!Ie.threadId)c(Ie.id);else{let v=Ie.threadId||(Ie.groupId?ne.annotations.find(se=>se.groupId===Ie.groupId&&se.threadId)?.threadId:void 0);v&&K(v)}return}let Ye=pa(tt),gt=new Set;for(let[v,se]of k??[]){let ye=cu(se.selectors??[v],se.targetFingerprint);ye.status==="matched"&&ye.element===tt&&gt.add(se.threadId)}if(gt.size===1){K([...gt][0]);return}let qt=it??gn(tt),vt=Ye?lu(Ye):Io(tt),Be=tt.getBoundingClientRect(),pt=vt;if(!Ye){let v=tt.getAttribute("data-pm");v||(v=Math.random().toString(36).substring(2,8),tt.setAttribute("data-pm",v)),pt=`[data-pm="${v}"]`}let Rn=X.some(v=>{if(v.captured)return!1;try{return tt.matches(v.selector)}catch{return!1}}),Gt=ne.annotations.filter(v=>{if(!v.linkedSelector)return!1;try{return tt.matches(v.linkedSelector)}catch{return!1}}).length,Ln=(Rn?1:0)+Gt,Ut=Be.top>=22*(1+Ln)+Mi?"top-left":"bottom-left",He=n.current?.getContext("2d")??document.createElement("canvas").getContext("2d"),ht;He&&(He.font=`12px ${Mn}`,ht=He.measureText("Type here...").width);let ct=tt===document.body?Mc(Be):Rc(Be,Ut,Ln,ve?.current,ht,0);V({point:ct,subjectAnchor:Ye?{x:.5,y:.5}:void 0,linkedSelector:pt,target:Ye,linkedAnchor:Ut,elements:[{...qt,selector:vt}]})}return}if(ne.activeTool==="hand"&&S&&fm(S)&&!g&&!H&&!De&&!O){let Ie=S,Ye=ms(Ie),gt=Io(Ie),qt=gn(Ie),vt="altKey"in Re&&Re.altKey;s.current={isDragging:!0,hasMoved:!1,mode:vt?"copy":"move",startX:me.x-window.scrollX,startY:me.y-window.scrollY,element:Ie,originalParent:Ie.parentElement,originalIndex:mm(Ie),selector:Ye,durableSelector:gt,elementInfo:{...qt,selector:Ye}},Re.preventDefault();return}if(ne.activeTool==="hand"&&g&&m){let Ie=t0(g,m,me,y);f.current=Ie.session,te(Ie.dragging);return}if(ne.activeTool==="hand"&&De&&q){let Ie=r0(De,q,me);Le.current=Ie.session,ie(Ie.dragging);return}if(ne.activeTool==="hand"&&H&&P){let Ie=n0(H,P,me);z.current=Ie.session,ce(Ie.dragging);return}if(ne.activeTool==="hand"&&S&&O){let Ie=e0(S,O,me);C.current=Ie.session,re(Ie.dragging);return}let st=p(me);if(st){let Ie=ne.annotations.find(Ye=>Ye.id===st.annotationId);if(Ie&&Ie.type!=="text"&&(Ie.status??"pending")==="pending"){W({annotationId:st.annotationId,handle:st.handle,startPoint:me,originalPoints:[...Ie.points],hasMoved:!1});return}}let Ve=d(me);if(Ve?.points[0]){e&&i(),Ve.type!=="text"?(D(Ve.id,fe),Ve.color&&(Ve.status??"pending")==="pending"&&l({type:"SET_COLOR",payload:Ve.color})):fe||r();let Ie=Ve.threadId||(Ve.groupId?ne.annotations.find(Ye=>Ye.groupId===Ve.groupId&&Ye.threadId)?.threadId:void 0);Ie&&(Ve.status??"pending")!=="pending"&&K(Ie),A({annotation:Ve,startPoint:me,hasMoved:!1});return}fe||r()},[e,t,n,r,o,i,a,l,s,c,d,p,u,f,m,g,y,x,R,C,S,O,M,U,G,N,K,B,k,X,Z,j,z,P,H,D,A,te,re,V,ce,W,we,ie,ne.activeTool,ne.annotations,ne.isAnnotating,Ee,Le,De,q,ve])}function Ui(e,t,n,r){let o=n.x-t.x,i=n.y-t.y,a=o*o+i*i;if(a===0)return Math.hypot(e.x-t.x,e.y-t.y)<=r;let l=Math.max(0,Math.min(1,((e.x-t.x)*o+(e.y-t.y)*i)/a)),s=t.x+l*o,c=t.y+l*i;return Math.hypot(e.x-s,e.y-c)<=r}function i0({point:e,annotations:t,isHidden:n=()=>!1,textContainsPoint:r=()=>!1}){for(let o=t.length-1;o>=0;o-=1){let i=t[o];if(!i||n(i))continue;if(i.type==="text"){if(r(i,e))return i;continue}if(i.points.length<2)continue;let a=i.points[0],l=i.points[i.points.length-1],s=(i.strokeWidth||3)+4;if(i.type==="line"){if(Ui(e,a,l,s))return i;continue}if(i.type==="freehand"){for(let f=0;f<i.points.length-1;f+=1)if(Ui(e,i.points[f],i.points[f+1],s))return i;continue}let c=Math.min(a.x,l.x),d=Math.max(a.x,l.x),p=Math.min(a.y,l.y),u=Math.max(a.y,l.y);if(i.type==="rectangle"){if(Ui(e,{x:c,y:p},{x:d,y:p},s)||Ui(e,{x:c,y:u},{x:d,y:u},s)||Ui(e,{x:c,y:p},{x:c,y:u},s)||Ui(e,{x:d,y:p},{x:d,y:u},s))return i;continue}if(i.type==="circle"){let f=(d-c)/2,m=(u-p)/2;if(f===0||m===0)continue;let g=Math.hypot((e.x-(c+d)/2)/f,(e.y-(p+u)/2)/m);if(Math.abs(g-1)*Math.max(f,m)<=s)return i}}return null}function a0(e,t,n,r){if(t.length===0)return null;let o=r/2+4;for(let i of t){let a=n.find(m=>m.id===i);if(!a||a.points.length<2)continue;let l=a.points[0],s=a.points[a.points.length-1];if(a.type==="line"){if(Math.hypot(e.x-l.x,e.y-l.y)<=o)return{handle:"start",annotationId:i};if(Math.hypot(e.x-s.x,e.y-s.y)<=o)return{handle:"end",annotationId:i};continue}let c,d,p,u;a.type==="freehand"?(c=Math.min(...a.points.map(m=>m.x)),d=Math.max(...a.points.map(m=>m.x)),p=Math.min(...a.points.map(m=>m.y)),u=Math.max(...a.points.map(m=>m.y))):(c=Math.min(l.x,s.x),d=Math.max(l.x,s.x),p=Math.min(l.y,s.y),u=Math.max(l.y,s.y));let f=a.type==="circle"?[{handle:"top",x:(c+d)/2,y:p},{handle:"bottom",x:(c+d)/2,y:u},{handle:"left",x:c,y:(p+u)/2},{handle:"right",x:d,y:(p+u)/2}]:a.type==="rectangle"||a.type==="freehand"?[{handle:"topLeft",x:c,y:p},{handle:"topRight",x:d,y:p},{handle:"bottomLeft",x:c,y:u},{handle:"bottomRight",x:d,y:u}]:[];for(let m of f)if(Math.hypot(e.x-m.x,e.y-m.y)<=o)return{handle:m.handle,annotationId:i}}return null}function l0(e,t,n){if(!e)return{x:0,y:0};let r=t.touches?.[0],o=r?.clientX??t.clientX,i=r?.clientY??t.clientY;if(o===void 0||i===void 0)return{x:0,y:0};let a=e.getBoundingClientRect();return{x:o-a.left+n.x,y:i-a.top+n.y}}function s0({annotation:e,point:t,context:n,groupNumber:r,scroll:o,textSafeBounds:i,parentPinned:a}){let l=e.points[0];if(!l||!e.text||!n)return!1;let s=4,c=e.fontSize||12;n.font=`${c}px ${Mn}`;let d=e.text.replace(/\n/g," "),p=r!==void 0?`${r}. ${d}`:d,u=l.x-o.x,f=a?Rs:0,m=Math.max(60,Ts(u)-f),g=ou(n,p,m),y=n.measureText(g).width,x=c*ir,R=iu({x:l.x-o.x,y:l.y-o.y},c,i,f+y+16),C={x:R.x+o.x,y:R.y+o.y};return t.x>=C.x-8-s&&t.x<=C.x+f+y+8+s&&t.y>=C.y-4-s&&t.y<=C.y+x+4+s}function d0({annotationGroupMap:e,annotations:t,canvasRef:n,handleSize:r,hiddenCollidingAnnotationIds:o,pageAnnotations:i,parentPinnedAnnotationIds:a,scroll:l,selectedAnnotationIds:s,supersededAnnotations:c,textSafeBounds:d}){let p=Y(g=>l0(n.current,g,{x:window.scrollX,y:window.scrollY}),[n]),u=Y(g=>i0({point:g,annotations:i,isHidden:y=>c.has(y)||o.has(y.id),textContainsPoint:(y,x)=>s0({annotation:y,point:x,context:n.current?.getContext("2d")??null,groupNumber:e.get(y.id),scroll:l,textSafeBounds:d,parentPinned:a.has(y.id)})}),[e,n,o,i,a,l,c,d]),f=Y(g=>{let y=u(g);return y?.type==="text"?y:null},[u]),m=Y(g=>a0(g,s,t,r),[t,r,s]);return{findAnnotationAtPoint:u,findHandleAtPoint:m,findTextAtPoint:f,getPoint:p}}function c0({annotations:e,dragState:t,resizeState:n,dispatch:r,setDragState:o,setResizeState:i}){return Y(({point:a,centerOrigin:l,lockAspect:s})=>{if(n){let c=e.find(p=>p.id===n.annotationId);if(!c)return!0;let d=Fb({annotation:c,session:n,point:a,centerOrigin:l,lockAspect:s});return r({type:"RESIZE_ANNOTATION",payload:{id:n.annotationId,points:d,saveUndo:!n.hasMoved}}),n.hasMoved||i({...n,hasMoved:!0}),!0}if(t&&(t.annotation.status??"pending")==="pending"){let c=Nb(t,a);return c&&(o(c.session),r({type:"MOVE_ANNOTATION",payload:{id:t.annotation.id,delta:c.move.delta,...c.move.saveUndo?{saveUndo:!0}:{}}})),!0}return!1},[e,r,t,n,o,i])}function u0({element:e,stickyElement:t,point:n,hitRadius:r=16}){let o=[];e&&o.push(e),t&&t!==e&&o.push(t);let i=null,a=r,l=null;for(let s of o){let c=s.getBoundingClientRect(),d=ji(s),p=[["top-left",c.left,c.top+d["top-left"]],["top-right",c.right,c.top+d["top-right"]],["bottom-right",c.right,c.bottom-d["bottom-right"]],["bottom-left",c.left,c.bottom-d["bottom-left"]]];for(let[u,f,m]of p){let g=Math.hypot(n.x-f,n.y-m);g<a&&(a=g,i=u,l=s)}}return i&&l?{element:l,corner:i}:null}function p0({element:e,point:t,maxCandidates:n=3}){let r=[];e&&au(e)&&r.push(e);let o=e?.parentElement??null;for(;o&&o!==document.body&&r.length<n;)au(o)&&r.push(o),o=o.parentElement;for(let i of r){let a=nl(i).find(l=>t.x>=l.x&&t.x<=l.x+l.w&&t.y>=l.y&&t.y<=l.y+l.h);if(a)return{element:i,axis:a.axis,isAuto:Ms(i,a.axis)}}return null}function h0({element:e,stickyElement:t,point:n,hitRadius:r=12}){let o=[];e&&o.push(e),t&&t!==e&&o.push(t);let i=null,a=1/0,l=null;for(let s of o){if(!og(s))continue;let c=Ls(s);if(!c)continue;let d=n.x>=c.left&&n.x<=c.right&&n.y>=c.top&&n.y<=c.bottom,p=[["font-size",c.right,c.top+c.height/2],["line-height",c.left+c.width/2,c.bottom]];for(let[u,f,m]of p){let g=Math.hypot(n.x-f,n.y-m);(d||g<r)&&g<a&&(a=g,i=u,l=s)}}return i&&l?{element:l,property:i}:null}function f0(e,t,n){let r=t.top+Math.max(n.top,4),o=t.bottom-Math.max(n.bottom,4),i=t.left+Math.max(n.left,4),a=t.right-Math.max(n.right,4);if(e.x<t.left||e.x>t.right||e.y<t.top||e.y>t.bottom)return null;let l=e.y<r,s=e.y>o,c=e.x<i,d=e.x>a;return l&&c?n.top>=n.left?"top":"left":l&&d?n.top>=n.right?"top":"right":s&&c?n.bottom>=n.left?"bottom":"left":s&&d?n.bottom>=n.right?"bottom":"right":l?"top":s?"bottom":c?"left":d?"right":null}var gd=[0,1,2,4,8,12,16,20,24,28,32],m0=[8,10,11,12,13,14,16,18,20,22,24,28,32,36,40,48,56,64,72,80,96];function Rl(e){for(let t=0;t<gd.length-1;t++){let n=gd[t],r=gd[t+1];if(e<=(n+r)/2)return n;if(e<r)return r}return Math.round(e/8)*8}function g0(e){return m0.reduce((t,n)=>Math.abs(e-n)<Math.abs(e-t)?n:t)}function y0(e,t,n){let r=e.axis;if(!r)return null;let o=!e.hasMoved;if(o){let l=Math.abs(t.x-e.startX),s=Math.abs(t.y-e.startY);if(l<=2&&s<=2)return null}let i=e.originalRow,a=e.originalColumn;if(r==="column"){let l=t.x-e.startX;a+=l,n.isolate||(i+=l)}else{let l=t.y-e.startY;i+=l,n.isolate||(a+=l)}return i=Math.max(0,i),a=Math.max(0,a),n.snap&&(i=Rl(i),a=Rl(a)),{axis:r,gap:{row:Math.round(i),column:Math.round(a)},started:o,convertedAuto:o&&e.isAuto}}function v0(e,t,n){let r=e.corner;if(!r)return null;let o=e.original[r]+t.y-e.startY;o=Math.max(0,Math.min(e.maxRadius,o)),n.snap&&(o=Rl(o)),o=Math.round(o);let i=n.isolate?{...e.original,[r]:o}:{"top-left":o,"top-right":o,"bottom-right":o,"bottom-left":o};return{corner:r,radius:i}}function b0(e,t,n){let r=e.property;if(!r)return null;let o=e.originalFontSize,i=e.originalLineHeight;if(r==="font-size")o=Math.max(1,e.originalFontSize+t.x-e.startX),n&&(o=g0(o));else if(i=Math.max(o,e.originalLineHeight+t.y-e.startY),n){let a=o>0?i/o:1.2;i=o*Math.max(1,Math.round(a*2)/2)}return{property:r,text:{fontSize:Math.round(o),lineHeight:Math.round(i*10)/10}}}function w0(e,t,n){let r=e.side;if(!r)return null;let o={...e.original};if(r==="top"){let i=e.startY-t.y;o.top+=i,n.isolate||(o.bottom+=i)}else if(r==="bottom"){let i=t.y-e.startY;o.bottom+=i,n.isolate||(o.top+=i)}else if(r==="left"){let i=e.startX-t.x;o.left+=i,n.isolate||(o.right+=i)}else{let i=t.x-e.startX;o.right+=i,n.isolate||(o.left+=i)}return Object.keys(o).forEach(i=>{let a=Math.max(0,o[i]);n.snap&&(a=Rl(a)),o[i]=Math.round(a)}),{side:r,padding:o}}function x0({canvasRef:e,domDragRef:t,gapDragRef:n,gapHoveredAxis:r,gapHoveredElement:o,handCursorRef:i,handDragRef:a,handHoveredElement:l,handHoveredSide:s,modifiersRef:c,radiusDragRef:d,radiusHoveredCorner:p,radiusHoveredElement:u,setDomDropPreview:f,setGapDragging:m,setGapHoveredAxis:g,setGapHoveredElement:y,setGapIsAuto:x,setHandCursorPos:R,setHandDragging:C,setHandHoveredElement:S,setHandHoveredSide:O,setRadiusDragging:M,setRadiusHoveredCorner:U,setRadiusHoveredElement:G,setTextDragging:N,setTextHoveredElement:K,setTextHoveredProperty:B,textDragRef:k,textHoveredElement:X,textHoveredProperty:Z}){return Y(({x:j,y:z})=>{i.current={x:j,y:z},R({x:j,y:z});let P=c.current.cmd,H=c.current.shift;if(t.current.isDragging){let V=t.current,ce=V.element;if(!ce)return;if(!V.hasMoved){let we=Math.abs(j-V.startX),ie=Math.abs(z-V.startY);if(we<=3&&ie<=3)return;V.hasMoved=!0}let W=Am(j,z,ce,e.current);if(!W){f(null);return}f({rect:W.reference.getBoundingClientRect(),placement:W.placement,mode:V.mode});return}if(n.current.isDragging){let V=n.current,ce=V.element;if(!ce)return;let W=y0(V,{x:j,y:z},{isolate:P,snap:H});if(!W)return;W.started&&(V.hasMoved=!0),W.convertedAuto&&(ot(ce,"justify-content","normal"),ot(ce,"row-gap",`${V.visualGap}px`),ot(ce,"column-gap",`${V.visualGap}px`),x(!1)),ot(ce,"row-gap",`${W.gap.row}px`),ot(ce,"column-gap",`${W.gap.column}px`),m({axis:W.axis,...W.gap});return}if(d.current.isDragging){let V=d.current,ce=V.element;if(!ce)return;let W=v0(V,{y:z},{isolate:P,snap:H});if(!W)return;ot(ce,"border-top-left-radius",`${W.radius["top-left"]}px`),ot(ce,"border-top-right-radius",`${W.radius["top-right"]}px`),ot(ce,"border-bottom-right-radius",`${W.radius["bottom-right"]}px`),ot(ce,"border-bottom-left-radius",`${W.radius["bottom-left"]}px`),M(W);return}if(k.current.isDragging){let V=k.current,ce=V.element;if(!ce)return;let W=b0(V,{x:j,y:z},H);if(!W)return;ot(ce,"font-size",`${W.text.fontSize}px`);let we=W.text.fontSize>0?Math.round(W.text.lineHeight/W.text.fontSize*1e3)/1e3:1.2;ot(ce,"line-height",`${we}`),N({property:W.property,...W.text});return}if(a.current.isDragging){let V=a.current,ce=V.element;if(!ce)return;let W=w0(V,{x:j,y:z},{isolate:P,snap:H});if(!W)return;ot(ce,"padding",`${W.padding.top}px ${W.padding.right}px ${W.padding.bottom}px ${W.padding.left}px`),C(W);return}let D=Pi(j,z);for(;D&&D.tagName==="A";)D=D.parentElement;let A=u0({element:D,stickyElement:u,point:{x:j,y:z}});if(A){G(A.element),U(A.corner),l&&S(null),s&&O(null),o&&y(null),r&&g(null),x(!1),X&&K(null),Z&&B(null);return}u&&G(null),p&&U(null);let te=p0({element:D,point:{x:j,y:z}});if(te){y(te.element),g(te.axis),x(te.isAuto),l&&S(null),s&&O(null),X&&K(null),Z&&B(null);return}o&&y(null),r&&g(null),x(!1);let re=h0({element:D,stickyElement:X,point:{x:j,y:z}});if(re?(K(re.element),B(re.property)):(X&&K(null),Z&&B(null)),D!==l&&S(D),D){let V=ua(D);O(f0({x:j,y:z},D.getBoundingClientRect(),V))}else O(null)},[e,t,n,r,o,i,a,l,s,c,d,p,u,f,m,g,y,x,R,C,S,O,M,U,G,N,K,B,k,X,Z])}function S0({activeTool:e,isAnnotating:t,lastCanvasCursorRef:n,getPoint:r,isManipulating:o,findTextAtPoint:i,clearPageElementHover:a,handleShakePointerMove:l,handleTargetPointerMove:s,handleHandPointerMove:c,handleAnnotationPointerMove:d}){return Y(p=>{let u=r(p),f={x:u.x-window.scrollX,y:u.y-window.scrollY},m="metaKey"in p&&(!("pointerType"in p)||p.pointerType==="mouse");n.current=f;let g=o();if(!l({isManipulating:g,isTouchEvent:"touches"in p||"pointerType"in p&&p.pointerType!=="mouse",viewportPoint:f})){if(!g&&i(u)){a();return}if(!s({viewportPoint:f,passThrough:m&&(p.metaKey||p.ctrlKey),stopPropagation:()=>p.stopPropagation()})){if(e==="hand"&&t){c(f);return}d({point:u,centerOrigin:m&&(p.metaKey||p.ctrlKey),lockAspect:m&&p.shiftKey})}}},[e,a,i,r,d,c,l,s,t,o,n])}function k0({rawElement:e,point:t,dragHandoff:n,previewTarget:r,handleHitSize:o}){let i=!!(n?.element.isConnected&&(e===n.element||Yv(n.releasePoint,t))),a=!!(n&&!i),l=!!(!a&&r?.element.isConnected&&Jw(r.element,e,r.bounds,t.x,t.y,r.renderedQuad,o));return{candidate:i?n.element:l?r.element:e,clearDragHandoff:a,clearPreviewTarget:!!(r&&!l)}}function I0(e,t,n){return t?e!=="sticker"&&n(t)?null:t:null}function Gp({activeTool:e,isAnnotating:t,suspendTargetDiscovery:n}){return t&&!n&&(e==="inspector"||e==="sticker")}function E0(e,t){return e?.subjectLabel!==t.subjectLabel||e?.textContent!==t.textContent||e?.context!==t.context}function T0(e,t){return!!(e&&t&&(e.adapter!==t.adapter||e.key!==t.key))}function C0(e,t,n,r=16){if(!(e instanceof HTMLImageElement||e instanceof HTMLVideoElement)||t)return!1;let o=e.getBoundingClientRect();return n.x<o.left||n.x>o.right||n.y<o.top||n.y>o.bottom?!1:Math.min(n.x-o.left,o.right-n.x,n.y-o.top,o.bottom-n.y)<=r}function A0({activeTool:e,isAnnotating:t,suspendTargetDiscovery:n,hoveredElement:r,hoveredElementInfo:o,subjectRegistry:i,stickerFamily:a,stickerStage:l,stickerSubproperty:s,steerDragRef:c,transformDragHandoffRef:d,transformPreviewSuppressionRef:p,transformPreviewTargetRef:u,clearStickerPreview:f,isElementInFlight:m,setHoveredElement:g,setHoveredElementInfo:y,setStickerCursor:x,setStickerStep:R}){return Y(({viewportPoint:C,passThrough:S,stopPropagation:O})=>{if(!Gp({activeTool:e,isAnnotating:t,suspendTargetDiscovery:n}))return!!n;if(e==="sticker"&&(O(),x(C)),c.current)return!0;if(mg(C.x,C.y))return e==="sticker"&&f(),r&&g(null),o&&y(null),x(null),!0;let M={allowBodyFallback:e==="inspector"},U=S?gg(C.x,C.y,M):Pi(C.x,C.y,M),G=e==="inspector"?i?.hitTest(C):null,N=C0(U,!!G,C),K=T0(pa(r),G?.target);if(!N&&!K&&e==="inspector"&&Qw(document,r,C.x,C.y))return!0;let B=G?.element??U,k=e==="sticker"&&l==="value"&&a==="transform"?u.current:null,X=S?{candidate:B,clearDragHandoff:!!d.current,clearPreviewTarget:!!k}:k0({rawElement:B,point:C,dragHandoff:d.current,previewTarget:k,handleHitSize:20});X.clearDragHandoff&&(d.current=null),X.clearPreviewTarget&&(u.current=null);let Z=X.candidate,j=I0(e,Z,m);if(j===r)return G?.element===j&&E0(o,G.elementInfo)&&y(G.elementInfo),!0;if(e==="sticker"&&f(),e==="sticker"&&Tr(j)&&a==="transform"&&(s==="translate"||s==="scale"||s==="rotate")){let z=Kv(j,s);p.current={element:j,subproperty:s,step:z},R(z)}else a==="transform"&&(p.current=null);return g(j),y(G?.element===j?G.elementInfo:j?gn(j):null),!0},[e,f,r,o,t,m,g,y,x,R,c,a,l,s,i,n,d,p,u])}function M0({onSuspend:e,onRestore:t,suspendedRef:n}){let r,o=()=>{n.current||(n.current=!0,e()),clearTimeout(r),r=setTimeout(()=>{n.current=!1,t()},96)};return window.addEventListener("scroll",o,{capture:!0,passive:!0}),()=>{window.removeEventListener("scroll",o,!0),clearTimeout(r),n.current=!1}}function R0(e){let t=x0(e),n=c0(e),r=A0(e),o=J(r),i=J(e.clearPageElementHover),a=J(!1),l=Gp({activeTool:e.activeTool,isAnnotating:e.isAnnotating,suspendTargetDiscovery:e.suspendTargetDiscovery});Lt(()=>{o.current=r,i.current=e.clearPageElementHover},[r,e.clearPageElementHover]),_(()=>{if(l)return M0({onSuspend:()=>i.current(),onRestore:()=>{let d=e.lastCanvasCursorRef.current;d&&o.current({viewportPoint:d,passThrough:!1,stopPropagation:()=>{}})},suspendedRef:a})},[e.lastCanvasCursorRef,l]);let s=Y(d=>a.current?!0:o.current(d),[]);_(()=>{let d=p=>{p.repeat||p.key!=="Meta"&&p.key!=="Control"||!e.lastCanvasCursorRef.current||s({viewportPoint:e.lastCanvasCursorRef.current,passThrough:!0,stopPropagation:()=>{}})};return window.addEventListener("keydown",d,!0),()=>window.removeEventListener("keydown",d,!0)},[s,e.lastCanvasCursorRef]),_(()=>{let d=p=>{let u=e.canvasRef.current;if(u&&p.composedPath().includes(u))return;let f={x:p.clientX,y:p.clientY};e.lastCanvasCursorRef.current=f,s({viewportPoint:f,passThrough:p.metaKey||p.ctrlKey,stopPropagation:()=>{}})};return window.addEventListener("mousemove",d,!0),()=>window.removeEventListener("mousemove",d,!0)},[s,e.canvasRef,e.lastCanvasCursorRef]),_(()=>{if(e.subjectRegistry)return e.subjectRegistry.subscribeFrame(()=>{let d=e.lastCanvasCursorRef.current;d&&s({viewportPoint:d,passThrough:!1,stopPropagation:()=>{}})})},[s,e.lastCanvasCursorRef,e.subjectRegistry]);let c=Y(()=>!!e.dragState||!!e.resizeState||e.domDragRef.current.isDragging||e.handDragRef.current.isDragging||e.gapDragRef.current.isDragging||e.radiusDragRef.current.isDragging||e.textDragRef.current.isDragging,[e.domDragRef,e.dragState,e.gapDragRef,e.handDragRef,e.radiusDragRef,e.resizeState,e.textDragRef]);return S0({...e,isManipulating:c,handleAnnotationPointerMove:n,handleHandPointerMove:t,handleTargetPointerMove:s})}function L0({annotationGroupMap:e,canvasRef:t,currentPathname:n,cursorPosRef:r,dispatch:o,domDragRef:i,dragState:a,gapDragRef:l,gapDragging:s,getPoint:c,handDragRef:d,handDragging:p,lastPositionedTextId:u,radiusDragRef:f,radiusDragging:m,resizeState:g,setActiveText:y,setDomDropPreview:x,setDragState:R,setGapDragging:C,setHandDragging:S,setRadiusDragging:O,setResizeState:M,setSendHintAnchorId:U,setTextDragging:G,textDragRef:N,textDragging:K}){return Y(B=>{if(i.current.isDragging){let z=i.current,P=c(B),H=gm({drag:z,clientX:P.x-window.scrollX,clientY:P.y-window.scrollY,pathname:n,createId:ym,rootElement:t.current});H&&o({type:"MODIFY_DOM_STRUCTURE",payload:H}),i.current=vc(),x(null);return}if(N.current.isDragging){let z=Mw(N.current,K);z&&o({type:"MODIFY_STYLES_BATCH",payload:z}),N.current=_p(),G(null);return}if(l.current.isDragging){let z="button"in B&&B.button===2,P=Rw(l.current,s,z);P&&o({type:"MODIFY_STYLES_BATCH",payload:P}),l.current=Op(),C(null);return}if(f.current.isDragging){let z=Lw(f.current,m);z&&o({type:"MODIFY_STYLES_BATCH",payload:z}),f.current=Np(),O(null);return}if(d.current.isDragging){let z=$w(d.current,p);z&&o({type:"MODIFY_STYLES_BATCH",payload:z}),d.current=Hp(),S(null);return}if(g){M(null);return}if(!a)return;let k=e.get(a.annotation.id),X=t.current?.getContext("2d"),Z=0;k!==void 0&&X&&(X.font=`${a.annotation.fontSize||12}px ${Mn}`,Z=X.measureText(`${k}. `).width);let j=_b({session:a,clickPoint:c(B),groupLabelWidth:Z});j&&(u.current=null,r.current=null,U(a.annotation.id),j.color&&o({type:"SET_COLOR",payload:j.color}),y(j.activeText)),R(null)},[e,t,n,r,o,i,a,l,s,c,d,p,u,f,m,g,y,x,R,C,S,O,M,U,G,N,K])}var $0=class{constructor(){this.anchor=null,this.axis=null,this.direction=0,this.reversals=0,this.sequenceStartedAt=0,this.lastTriggerAt=Number.NEGATIVE_INFINITY}push(e){if(e.time-this.lastTriggerAt<700)return this.anchor=e,!1;if(!this.anchor||this.sequenceStartedAt&&e.time-this.sequenceStartedAt>520)return this.reset(e),!1;let t=e.x-this.anchor.x,n=e.y-this.anchor.y,r=Math.hypot(t,n);if(!this.axis)return r<16||(this.axis={x:t/r,y:n/r},this.direction=1,this.sequenceStartedAt=e.time,this.anchor=e),!1;let o=t*this.axis.x+n*this.axis.y,i=t*-this.axis.y+n*this.axis.x;if(Math.abs(o)<16)return!1;if(Math.abs(i)>Math.abs(o)*.7)return this.reset(e),!1;let a=Math.sign(o);return a===this.direction?(this.anchor=e,!1):(this.direction=a,this.reversals+=1,this.anchor=e,this.reversals<3?!1:(this.lastTriggerAt=e.time,this.reset(e,!0),!0))}reset(e=null,t=!1){this.anchor=e,this.axis=null,this.direction=0,this.reversals=0,this.sequenceStartedAt=0,t||(this.lastTriggerAt=Number.NEGATIVE_INFINITY)}};function j0({activeTool:e,isAnnotating:t,clearStickerPreview:n,dispatch:r,setStickerCursor:o,startCursorSwitchPulse:i}){let a=J(new $0),l=J(null);return{handleShakePointerMove:Y(({isManipulating:s,isTouchEvent:c,viewportPoint:d})=>{if(c||s||!t||e!=="inspector"&&e!=="sticker"||!a.current.push({...d,time:performance.now()}))return!1;let p=e==="sticker"?"inspector":"sticker";return l.current={from:e,to:p},i(p),p==="sticker"?o(d):n(),r({type:"SET_TOOL",payload:p}),!0},[e,n,r,t,o,i]),pendingShakeToolTransitionRef:l}}function Qp(e){return Math.random().toString(36).substring(2,e+2)}function P0(e,t,n,r={}){let{textNode:o,targetElement:i,textNodePath:a,segments:l,originalText:s,rect:c,boundaryRect:d,boundaryRects:p,flowRect:u,firstLineIndent:f,styles:m,fontSize:g,wrapsText:y}=e,x=i.getAttribute("data-pm");x||(x=r.createPmId?.()??Qp(6),i.setAttribute("data-pm",x));let R=`[data-pm="${x}"]`;return{id:r.createEditId?.()??Qp(7),point:{x:c.left+n.x,y:c.top+n.y},text:s,fontSize:g,isNew:!0,clickPoint:t,domEdit:{selector:R,durableSelector:Io(i),element:{...gn(i),selector:R},textNodePath:a,originalText:s,textNode:o,targetElement:i,segments:l,rect:c,boundaryRect:d,boundaryRects:p,flowRect:u,firstLineIndent:f,fontFamily:m.fontFamily,fontWeight:m.fontWeight,fontStyle:m.fontStyle,lineHeight:m.lineHeight==="normal"?`${Math.round(g*1.2*10)/10}px`:m.lineHeight,letterSpacing:m.letterSpacing,color:m.color,textTransform:m.textTransform,textAlign:m.textAlign,wordSpacing:m.wordSpacing,textDecoration:m.textDecoration,textShadow:m.textShadow,whiteSpace:m.whiteSpace,wordBreak:m.wordBreak,overflowWrap:m.overflowWrap,wrapsText:y}}}function z0(e){let t=Cm(e.clientX,e.clientY,e.canvas);return t?P0(t,e.clickPoint,e.scroll):null}function D0({activeText:e,activeTextRef:t,canvasRef:n,clearPageElementHover:r,clearSelection:o,clearSignal:i,commentTextEditCandidateRef:a,cursorPosRef:l,dispatch:s,findTextAtPoint:c,lastPositionedTextId:d,onAttachImages:p,onCloseThread:u,onSend:f,pendingLinkedText:m,releaseActiveTextAttachments:g,setActiveText:y,setDragState:x,setHoveredTextId:R,setPendingLinkedText:C,setSendHintAnchorId:S,state:O,stateRef:M}){_(()=>{m&&(y({id:Math.random().toString(36).substring(2,9),point:m.point,subjectAnchor:m.subjectAnchor,text:"",fontSize:12,isNew:!0,linkedSelector:m.linkedSelector,target:m.target,linkedAnchor:m.linkedAnchor,elements:m.elements}),C(null))},[m,y,C]),_(()=>{let Z=j=>{if(e)return;let z=c({x:j.clientX+window.scrollX,y:j.clientY+window.scrollY});R(z?.id??null)};return window.addEventListener("mousemove",Z),()=>window.removeEventListener("mousemove",Z)},[e,c,R]);let U=Y(()=>{if(!e)return;if(e.domEdit){y(null);return}let Z=Jb(e);Z.sendHintAnchorId&&S(Z.sendHintAnchorId),Z.action&&s(Z.action),Z.attachedImages&&p&&p(Z.attachedImages.annotationId,Z.attachedImages.images),y(null)},[e,s,p,y,S]),G=Y(Z=>{let j=M.current.annotations.find(P=>P.id===Z);if(!j||j.type!=="text"||!j.points[0]||(j.status??"pending")!=="pending")return;let z=t.current;z&&z.id!==j.id&&U(),o(),r(),d.current=null,l.current=j.text?.length??0,S(j.id),j.color&&s({type:"SET_COLOR",payload:j.color}),y({id:j.id,point:j.points[0],text:j.text||"",fontSize:j.fontSize||12,isNew:!1,groupId:j.groupId,linkedSelector:j.linkedSelector,target:j.target,linkedAnchor:j.linkedAnchor,elements:j.elements,attachments:j.attachments,interactionEpisode:j.interactionEpisode})},[t,r,o,U,l,s,d,y,S,M]),N=J(!1),K=Y(()=>{if(!f)return;let Z=t.current;if(hm(Z?{text:Z.text,originalText:Z.domEdit?.originalText,hasInteractionEpisode:!!Z.interactionEpisode?.steps.length}:null)){N.current=!0,U();return}f()},[t,U,f]);_(()=>{e||!N.current||(N.current=!1,f?.())},[e,f,O.annotations,O.textModifications]);let B=J(i);_(()=>{if(i===B.current)return;B.current=i;let Z=t.current;Z?.domEdit&&Z.domEdit.segments.forEach(z=>{z.textNode.nodeValue=z.originalText});let j=Z?.isNew?Z.attachments??[]:[];g(j),N.current=!1,y(null),C(null),S(null),x(null),l.current=null,d.current=null,ps(localStorage)},[t,i,l,d,g,y,x,C,S]);let k=Y((Z,j,z)=>z0({clientX:Z,clientY:j,clickPoint:z,canvas:n.current,scroll:{x:window.scrollX,y:window.scrollY}}),[n]),X=Y(Z=>{u?.(),C(null),x(null),S(null),o(),r(),d.current=null,y(Z)},[r,o,d,u,y,x,C,S]);return _(()=>{let Z=P=>{if(P.button!==0)return;let H=M.current,D=a.current;if(!H.isAnnotating||H.activeTool!=="inspector"||!D)return;let A=Date.now()>D.expiresAt,te=Math.hypot(P.clientX-D.clientX,P.clientY-D.clientY)>12,re=D.edit.domEdit;if(A||te||!re?.textNode.isConnected||!re.targetElement.isConnected){a.current=null;return}P.preventDefault(),P.stopPropagation(),a.current=null,X(D.edit)},j=P=>{P.detail===2&&Z(P)},z=P=>{Z(P)};return window.addEventListener("mousedown",j,!0),window.addEventListener("dblclick",z,!0),()=>{window.removeEventListener("mousedown",j,!0),window.removeEventListener("dblclick",z,!0)}},[a,X,M]),{commitActiveText:U,createInlineTextEdit:k,editPendingLinkedComment:G,handleSendPendingBundle:K}}function H0(e,t){let n=Cr($i),r=e?.domEdit?.textNode;_(()=>{if(!n||!r)return;let o=null,i=()=>{t(a=>{if(!a?.domEdit)return a;let{textNode:l,targetElement:s,segments:c,rect:d,boundaryRect:p,boundaryRects:u,flowRect:f,firstLineIndent:m}=a.domEdit;if(!l.isConnected||!s.isConnected)return a;let g=Im(c,s,window.getComputedStyle(s)),{textRect:y,boundaryRect:x,boundaryRects:R,flowRect:C,firstLineIndent:S}=g;return Nc(d,y)&&Nc(p,x)&&Em(u,R)&&Tm(f,C)&&Math.abs(m-S)<.5?a:{...a,point:{x:y.left+window.scrollX,y:y.top+window.scrollY},domEdit:{...a.domEdit,rect:y,boundaryRect:x,boundaryRects:R,flowRect:C,firstLineIndent:S}}}),o=window.requestAnimationFrame(i)};return o=window.requestAnimationFrame(i),()=>{o!==null&&window.cancelAnimationFrame(o)}},[n,r,t])}function O0({activeText:e,activeTextRef:t,canvasRef:n,visible:r}){let o=Cr($i),i=J(null),[a,l]=L(null),s=J(null),c=J(null),d=e?.id??null;return Lt(()=>{if(!o)return;let p=i.current,u=e?.domEdit;if(!p||!e||!u){l(null);return}let f=u.flowRect??u.rect,m=Math.max(1,window.innerWidth-f.left),g=Math.min(m,Math.max(1,f.width));p.style.width=`${u.wrapsText?g:1}px`,p.style.height="1px";let y=u.wrapsText?g:Math.min(m,Math.max(g,Math.ceil(p.scrollWidth)));p.style.width=`${y}px`;let x=Math.max(f.height,Math.ceil(p.scrollHeight));p.style.height=`${x}px`,l(R=>R?.id===e.id&&Math.abs(R.width-y)<.5&&Math.abs(R.height-x)<.5?R:{id:e.id,width:y,height:x})},[e,o]),_(()=>{if(!o)return;if(!d){s.current=null,c.current=null;return}if(!r||!i.current){s.current=null;return}let p=requestAnimationFrame(()=>{let u=i.current;if(!u||(u.focus(),s.current===d))return;s.current=d;let f=t.current;if(f){if(f.domEdit){u.setSelectionRange(0,u.value.length);return}if(c.current!==null){let m=Math.min(c.current,u.value.length);u.setSelectionRange(m,m);return}if(!f.isNew&&f.clickPoint){let m=n.current?.getContext("2d");if(!m)return;m.font=`${f.fontSize}px ${Mn}`;let g=Xb({text:f.text,fontSize:f.fontSize,point:f.point,clickPoint:f.clickPoint,context:m});u.setSelectionRange(g,g)}}});return()=>cancelAnimationFrame(p)},[d,t,n,r,o]),{cursorPosRef:c,domEditInputSize:a,inputRef:i,lastPositionedTextId:s}}var yd=["flex-start","center","flex-end"],vd=["flex-start","center","flex-end"],N0=300,Zp=20;function _0({enabled:e,dispatch:t,handCursorRef:n,setGapRefreshKey:r}){let[o,i]=L(null),a=Y(()=>i(null),[]);return _(()=>{let l=null,s=!1,c=null,d=null,p=null,u=null,f=0,m=(N,K)=>{let B=Pi(N,K);for(;B&&B!==document.documentElement;){let k=window.getComputedStyle(B).display;if(k==="flex"||k==="inline-flex")return B;B=B.parentElement}return null},g=N=>{let K=window.getComputedStyle(N).flexDirection;return K==="column"||K==="column-reverse"?"vertical":"horizontal"},y=N=>{let K=N.getAttribute("data-pm");return K||(K=Math.random().toString(36).substring(2,8),N.setAttribute("data-pm",K)),{selector:`[data-pm="${K}"]`,durableSelector:Io(N)}},x=()=>{s=!0,l&&clearTimeout(l),l=setTimeout(()=>{s=!1,l=null},N0)},R=(N,K,B)=>{let k=g(N);if(K===k){let X=window.getComputedStyle(N).justifyContent,Z=X==="normal"||X==="flex-start"||X==="start"?"flex-start":X==="flex-end"||X==="end"?"flex-end":X==="center"?"center":null;if(!Z)return;let j=yd.indexOf(Z)+B;if(j<0||j>=yd.length)return;let z=yd[j],{selector:P,durableSelector:H}=y(N);ot(N,"justify-content",z),t({type:"MODIFY_STYLES_BATCH",payload:{selector:P,durableSelector:H,element:gn(N),changes:[{property:"justify-content",original:X,modified:z}]}})}else{let X=window.getComputedStyle(N).flexDirection,Z=k==="horizontal"?"column":"row",{selector:j,durableSelector:z}=y(N);ot(N,"flex-direction",Z),t({type:"MODIFY_STYLES_BATCH",payload:{selector:j,durableSelector:z,element:gn(N),changes:[{property:"flex-direction",original:X,modified:Z}]}})}r(X=>X+1)},C=(N,K,B)=>{let k=g(N)==="horizontal"?"vertical":"horizontal";if(K!==k)return;let X=window.getComputedStyle(N).alignItems,Z=X==="normal"||X==="stretch"||X==="flex-start"||X==="start"?"flex-start":X==="flex-end"||X==="end"?"flex-end":X==="center"?"center":null;if(!Z)return;let j=vd.indexOf(Z)+B;if(j<0||j>=vd.length)return;let z=vd[j],{selector:P,durableSelector:H}=y(N);ot(N,"align-items",z),t({type:"MODIFY_STYLES_BATCH",payload:{selector:P,durableSelector:H,element:gn(N),changes:[{property:"align-items",original:X,modified:z}]}}),r(D=>D+1)},S=(N,K,B)=>{let k=m(K,B);i(k?{modifier:N,target:k}:null)},O=()=>{p=null,u=null,f=0,c=null,d=null,i(null)},M=N=>{if(!e)return;let K=n.current;N.key==="Shift"&&!N.altKey?S("shift",K.x,K.y):N.key==="Alt"&&!N.shiftKey&&S("alt",K.x,K.y)},U=N=>{if(!e)return;let K=N.shiftKey&&!N.altKey,B=N.altKey&&!N.shiftKey;if(!K&&!B||N.buttons!==0){O();return}if(c===null&&(c=N.clientX,d=N.clientY,S(K?"shift":"alt",N.clientX,N.clientY)),s)return;p===null&&(p=N.clientX,u=N.clientY,f=0);let k=N.clientX-p,X=N.clientY-u,Z=Math.abs(k)>=Math.abs(X)?k:X;if(Math.abs(Z)>3){let H=Z>0?1:-1;if(f!==0&&H!==f){p=N.clientX,u=N.clientY,f=0;return}f=H}if(Math.abs(k)<Zp&&Math.abs(X)<Zp)return;let j=m(c,d);if(!j)return;let z=Math.abs(k)>=Math.abs(X)?"horizontal":"vertical",P=(z==="horizontal"?k:X)>0?1:-1;p=null,u=null,f=0,K?R(j,z,P):C(j,z,P),x()},G=N=>{(N.key==="Shift"||N.key==="Alt")&&O()};return window.addEventListener("keydown",M),window.addEventListener("mousemove",U),window.addEventListener("mousedown",O),window.addEventListener("keyup",G),()=>{window.removeEventListener("keydown",M),window.removeEventListener("mousemove",U),window.removeEventListener("mousedown",O),window.removeEventListener("keyup",G),l&&clearTimeout(l)}},[t,e,n,r]),{swipeHint:o,clearSwipeHint:a}}function F0(e,t,n){let{destination:r,mode:o,scope:i}=t;if(o==="preview"&&i.kind!=="values"){let u=r.family,f=r.subproperty??ws(u,e.subproperty);return{next:{family:u,subproperty:f,step:sa(u,e.step,f),stage:i.kind==="colors"?"variant":"family"},pulseContextLabel:!1}}let a=r.family,l=r.step!==void 0,s=Ss(a),c=!l&&ei(a,r.subproperty??"all")?n.readColor(s):null,d=r.subproperty??ws(a,e.subproperty);a==="color"&&r.stage==="family"&&(d=c?.name??Er.name),(a==="border"||a==="text")&&r.subproperty==="color"&&(d=c?.name??Er.name);let p=l?null:c?c.name===d?c.step:xs:n.readStep(a,d);return{next:{family:a,subproperty:d,step:r.step??p??sa(a,e.step,d),stage:r.stage},pulseContextLabel:r.stage!=="family"}}function bd(e){if(e.kind==="colors")return"variant";if(e.kind==="values")return"value"}function W0(e){return e.stage==="variant"&&ei(e.family,e.subproperty)&&(e.family==="border"||e.family==="color"||e.family==="text")?{kind:"colors",family:e.family}:e.stage==="value"?{kind:"values",family:e.family,subproperty:e.subproperty}:cd}function B0(e,t,n,r=!1){if(!e)return n!==" "?{handled:!1,session:e}:r?{handled:!0,session:e}:{handled:!0,session:{query:"",segments:[],scope:W0(t),origin:t,history:[]}};if(n==="Escape")return{handled:!0,session:null};if(n==="Backspace"){if(e.query){let a=e.query.slice(0,-1),l=ud(e.scope,a);return{handled:!0,session:{...e,query:a},restore:l?void 0:e.segmentOrigin,destination:l?{mode:"preview",scope:e.scope,value:l.destination}:void 0}}let i=e.history.at(-1);return i?{handled:!0,restore:i.snapshot,session:{...e,query:"",segmentOrigin:void 0,segments:e.segments.slice(0,-1),scope:i.scope,history:e.history.slice(0,-1)}}:{handled:!0,session:null,restore:e.origin}}if(n===" "){if(!e.query.trim())return{handled:!0,session:e};let i=wa(e.scope,e.query);return i?.nextScope?{handled:!0,destination:{mode:"navigate",scope:e.scope,value:i.destination},stage:bd(i.nextScope),session:{...e,query:"",segmentOrigin:void 0,segments:[...e.segments,e.query.trim()],scope:i.nextScope,history:[...e.history,{scope:e.scope,snapshot:t}]}}:{handled:!0,session:e,command:"reject"}}if(n==="Enter"){if(e.scope.kind==="values"){let a=e.query.trim()?wa(e.scope,e.query):null;return e.query.trim()&&!a?{handled:!0,session:e,command:"reject"}:a?.nextScope?{handled:!0,destination:{mode:"navigate",scope:e.scope,value:a.destination},stage:bd(a.nextScope),session:{...e,query:"",segmentOrigin:void 0,segments:[...e.segments,e.query.trim()],scope:a.nextScope,history:[...e.history,{scope:e.scope,snapshot:t}]}}:{handled:!0,session:e,destination:a?{mode:"navigate",scope:e.scope,value:a.destination}:void 0,command:"apply"}}let i=wa(e.scope,e.query);return i?i.nextScope?{handled:!0,destination:{mode:"navigate",scope:e.scope,value:i.destination},stage:bd(i.nextScope),session:{...e,query:"",segmentOrigin:void 0,segments:[...e.segments,e.query.trim()],scope:i.nextScope,history:[...e.history,{scope:e.scope,snapshot:t}]}}:{handled:!0,session:null,destination:{mode:"navigate",scope:e.scope,value:i.destination}}:{handled:!0,session:e,command:"reject"}}let o=n.toLowerCase();if(!r&&(o==="w"||o==="a"||o==="s"||o==="d")&&e.query.at(-1)===o)return{handled:!1,session:null,replayAsSteering:!0,restore:e.segmentOrigin??e.origin};if(n.length===1){let i=`${e.query}${n.toLowerCase()}`,a=ud(e.scope,i);return{handled:!0,session:{...e,query:i,segmentOrigin:e.query?e.segmentOrigin:t},destination:a?{mode:"preview",scope:e.scope,value:a.destination}:void 0}}return{handled:!1,session:e}}function J0(e,t,n){let r=t.toLowerCase(),o=()=>({handled:!0,next:e});if(r==="a"||r==="d"||t==="ArrowLeft"||t==="ArrowRight"){let i=r==="a"||t==="ArrowLeft"?-1:1;if(e.stage==="family"){let a=Rm(e.family,i),l=a==="color"?Er.name:ws(a,e.subproperty);return{handled:!0,next:{family:a,subproperty:l,step:a==="color"?Er.step:sa(a,e.step,l),stage:e.stage}}}return e.stage==="variant"&&ei(e.family,e.subproperty)?{handled:!0,next:{...e,subproperty:Lm(e.subproperty,i),step:xs}}:{handled:!0,next:{...e,step:$m(e.family,e.step,i,e.subproperty)}}}if(r==="q"||r==="e"){if(e.family==="color")return o();let i=r==="q"?-1:1,a=jm(e.family,e.subproperty,i);if((e.family==="text"||e.family==="border")&&a==="color"){if(e.stage==="family")return{handled:!0,next:{...e,subproperty:"color",step:xs}};let l=n.readColor(Ss(e.family));return{handled:!0,next:{...e,subproperty:l?.name??Er.name,step:l?.step??Er.step,stage:Fc(e.stage,e.family,a)}}}return{handled:!0,next:{...e,subproperty:a,step:n.readStep(e.family,a)??sa(e.family,e.step,a),stage:Fc(e.stage,e.family,a)}}}if(r==="w"||t==="Enter"){if(e.stage==="family"){if(e.family==="color"){let i=n.readColor("background-color");return{handled:!0,next:{...e,subproperty:i?.name??Er.name,step:i?.step??Er.step,stage:"variant"}}}if((e.family==="text"||e.family==="border")&&e.subproperty==="color"){let i=n.readColor(Ss(e.family));return{handled:!0,next:{...e,subproperty:i?.name??Er.name,step:i?.step??Er.step,stage:"variant"}}}return{handled:!0,next:{...e,step:n.readStep(e.family,e.subproperty)??e.step,stage:"value"}}}return e.stage==="variant"?{handled:!0,next:{...e,step:sa(e.family,e.step,e.subproperty),stage:"value"}}:{handled:!0,next:e,command:"apply"}}return r==="s"?e.stage==="value"?{handled:!0,next:{...e,stage:ei(e.family,e.subproperty)?"variant":"family"}}:e.stage==="variant"?{handled:!0,next:{...e,subproperty:e.family==="text"?"color":e.subproperty,stage:"family"}}:o():t==="Escape"&&e.stage!=="family"?{handled:!0,stopPropagation:!0,next:{...e,subproperty:e.stage==="variant"&&e.family==="text"?"color":e.subproperty,stage:e.stage==="value"&&ei(e.family,e.subproperty)?"variant":"family"}}:{handled:!1,next:e}}function q0({active:e,family:t,step:n,subproperty:r,stage:o,query:i,setFamily:a,setStep:l,setSubproperty:s,setStage:c,setQuery:d,setCursor:p,setContextLabelPulse:u,setDepthSnapPulse:f,setRejectPulse:m,lastCursorRef:g,toolbarRef:y,previewRef:x,applyStickerRef:R,readColor:C,readStep:S}){_(()=>{if(!e)return;g.current&&p(g.current);let O=M=>{let U=M.composedPath?.()[0]??M.target;if(U?.tagName==="INPUT"||U?.tagName==="TEXTAREA"||U?.isContentEditable||U&&y?.current?.contains(U)||M.metaKey||M.ctrlKey||M.altKey)return;let G={family:t,step:n,subproperty:r,stage:o},N=X=>{a(X.family),l(X.step),s(X.subproperty),c(X.stage)},K=X=>{let Z=F0(G,X,{readColor:C,readStep:S});return N(Z.next),Z.pulseContextLabel&&u(j=>j+1),Z.next},B=B0(i,G,M.key,M.repeat);if(B.replayAsSteering&&(d(null),f(X=>X+1)),B.handled){M.preventDefault(),M.stopPropagation(),B.restore&&N(B.restore);let X=B.destination?K({mode:B.destination.mode,scope:B.destination.scope,destination:B.destination.value}):void 0;if(B.stage&&c(B.stage),B.command==="reject"&&m(Z=>Z+1),B.command==="apply"){let Z=x.current?.element,j=X?{family:X.family,step:X.step,subproperty:X.subproperty}:void 0;Z&&R.current(Z,j)?d(null):(d(B.session),Z||m(z=>z+1));return}d(B.session);return}let k=J0(B.replayAsSteering&&B.restore?B.restore:G,M.key,{readColor:C,readStep:S});if(k.handled&&(M.preventDefault(),k.stopPropagation&&M.stopPropagation(),a(k.next.family),l(k.next.step),s(k.next.subproperty),c(k.next.stage),k.command==="apply")){let X=x.current?.element;X?R.current(X):m(Z=>Z+1)}};return window.addEventListener("keydown",O,!0),()=>window.removeEventListener("keydown",O,!0)},[e,R,t,g,x,i,C,S,u,p,f,a,d,m,c,l,s,o,n,r,y])}function U0(e,t,n,r){let{deltaX:o,deltaY:i}=t;if(e.transformKind==="translate"&&e.startTranslate){let p=Uv({x:o,y:i},r),u=io("translate",e.startTranslate.x+p.x),f=io("translate",e.startTranslate.y+p.y),m=Math.abs(p.x)>=Math.abs(p.y)?u:f;return{subproperty:"translate",step:m,drag:{...e,subproperty:"translate",step:m,translateSteps:{x:u,y:f},translateValue:`${Number(u)*4}px ${Number(f)*4}px`,hasMoved:e.hasMoved||Math.abs(o)>2||Math.abs(i)>2,cursor:t.cursor,deltaX:o,deltaY:i}}}let a=e.vector?Vv(o,i,e.vector):e.axis==="x"?o:i,l=e.startPixels+a*(e.direction??1),s=e.transformKind==="rotate"?l:Math.max(0,l),c=e.side?Qs(e.side,n):e.corner?Zs(e.corner,n):e.subproperty,d=e.transformKind?io(e.transformKind,s):kl(e.family,c,s);return{subproperty:c,step:d,drag:{...e,subproperty:c,step:d,hasMoved:e.hasMoved||Math.abs(o)>2||Math.abs(i)>2,cursor:t.cursor,deltaX:o,deltaY:i}}}function Y0(){let[e,t]=L(null),n=J(e);n.current=e;let r=J(null),o=Y(c=>{let d=c.requestPointerLock;if(typeof d=="function"){r.current=c;try{let p=d.call(c);p&&p.catch(()=>{r.current===c&&(r.current=null)})}catch{r.current=null}}},[]),i=Y((c,d)=>{n.current=c,t(c),o(d)},[o]),a=Y(c=>{n.current=c,t(c)},[]),l=Y(()=>{n.current=null,t(null)},[]),s=Y(()=>{let c=r.current;r.current=null,c&&document.pointerLockElement===c&&document.exitPointerLock()},[]);return{drag:e,dragRef:n,pointerLockElementRef:r,startDrag:i,replaceDrag:a,clearDrag:l,releasePointerLock:s}}function X0(e,t){let n=J(t);n.current=t;let{dragRef:r,pointerLockElementRef:o,replaceDrag:i,clearDrag:a,releasePointerLock:l}=e;_(()=>{let s=(g,y)=>{let x=r.current;if(!x)return;let R=o.current,C=R!==null&&document.pointerLockElement===R?Gv(x,{x:g.movementX,y:g.movementY},{width:window.innerWidth,height:window.innerHeight}):{cursor:{x:g.clientX,y:g.clientY},deltaX:g.clientX-x.startX,deltaY:g.clientY-x.startY},S=U0(x,C,y,g.shiftKey);n.current.onSelectionChange(S.subproperty,S.step),i(S.drag),n.current.onCursorChange(C.cursor)},c=()=>{n.current.onCancel(),a(),l()},d=(g,y)=>{let x=r.current;if(!x)return;let R=x.side?Qs(x.side,g):x.corner?Zs(x.corner,g):x.subproperty;x.hasMoved&&n.current.onCommit(x,R,y),a(),l()},p=g=>{r.current&&(g.preventDefault(),s(g,g.altKey||g.ctrlKey))},u=g=>{r.current&&(g.preventDefault(),d(g.altKey||g.ctrlKey,{x:g.clientX,y:g.clientY}))},f=g=>{g.key!=="Escape"||!r.current||(g.preventDefault(),g.stopPropagation(),c())},m=()=>{let g=o.current;g&&document.pointerLockElement!==g&&r.current&&c()};return window.addEventListener("pointermove",p,{passive:!1}),window.addEventListener("pointerup",u),window.addEventListener("pointercancel",c),window.addEventListener("keydown",f,!0),document.addEventListener("pointerlockchange",m),()=>{window.removeEventListener("pointermove",p),window.removeEventListener("pointerup",u),window.removeEventListener("pointercancel",c),window.removeEventListener("keydown",f,!0),document.removeEventListener("pointerlockchange",m),l()}},[a,r,o,l,i])}function K0({applyStickerRef:e,clearStickerPreview:t,dispatch:n,hoveredElement:r,lastCanvasCursorRef:o,setHoveredElement:i,setHoveredElementInfo:a,setStickerApplyPulse:l,setStickerCursor:s,setStickerRejectPulse:c,setStickerStep:d,setStickerSubproperty:p,stickerFamily:u,stickerStep:f,stickerSubproperty:m,transformDragHandoffRef:g,transformPreviewSuppressionRef:y,transformPreviewTargetRef:x}){let R=Y0(),{drag:C,dragRef:S,startDrag:O}=R,M=Y((j,z)=>{if(no(j))return c(V=>V+1),!1;t();let P=z?.family??u,H=z?.step??f,D=z?.subproperty??m;if(!ml(j,P,D))return c(V=>V+1),!1;let A=P==="transform"&&D==="translate"&&z?.axisSteps?Nu(j,z.axisSteps.x,z.axisSteps.y):Ou(j,P,H,D);if(A.alreadyApplied)return c(V=>V+1),!1;let te=ms(j),re=Io(j);return jy(j,A),n({type:"MODIFY_STYLES_BATCH",payload:{selector:te,durableSelector:re,element:{...gn(j),selector:re},changes:A.changes}}),l(V=>V+1),!0},[t,n,l,c,u,f,m]);e.current=M;let U=Y((j,z,P)=>{if(!(r instanceof HTMLElement))return;P.preventDefault(),P.stopPropagation(),P.currentTarget.setPointerCapture(P.pointerId),t();let H=j==="margin"?Zc(r):ua(r),D=z==="left"||z==="right"?"x":"y",A=Qs(z,P.altKey||P.ctrlKey),te=j==="margin",re=z==="top"||z==="left"?te?-1:1:te?1:-1,V=kl(j,A,H[z]);p(A),d(V),O({element:r,family:j,subproperty:A,startX:P.clientX,startY:P.clientY,startPixels:H[z],deltaX:0,deltaY:0,direction:re,axis:D,step:V,hasMoved:!1,side:z,cursor:{x:P.clientX,y:P.clientY}},P.currentTarget)},[t,r,d,p,O]),G=Y((j,z)=>{if(!(r instanceof HTMLElement)||u!=="stack"&&u!=="grid")return;z.preventDefault(),z.stopPropagation(),z.currentTarget.setPointerCapture(z.pointerId),t();let P=tl(r),H=j==="row"?P.row:P.column,D=kl(u,"gap",H);p("gap"),d(D),O({element:r,family:u,subproperty:"gap",startX:z.clientX,startY:z.clientY,startPixels:H,deltaX:0,deltaY:0,direction:1,axis:j==="row"?"y":"x",step:D,hasMoved:!1,gapAxis:j,cursor:{x:z.clientX,y:z.clientY}},z.currentTarget)},[t,r,d,p,O,u]),N=Y((j,z)=>{if(!(r instanceof HTMLElement))return;z.preventDefault(),z.stopPropagation(),z.currentTarget.setPointerCapture(z.pointerId),t();let P=Zs(j,z.altKey||z.ctrlKey),H=ji(r)[j],D=kl("radius",P,H);p(P),d(D),O({element:r,family:"radius",subproperty:P,startX:z.clientX,startY:z.clientY,startPixels:H,deltaX:0,deltaY:0,vector:ed(j),step:D,hasMoved:!1,corner:j,cursor:{x:z.clientX,y:z.clientY}},z.currentTarget)},[t,r,d,p,O]),K=Y((j,z,P,H)=>{if(!Tr(r))return;P.preventDefault(),P.stopPropagation(),P.currentTarget.setPointerCapture(P.pointerId);let D=window.getComputedStyle(r).getPropertyValue(j).trim(),A=j==="translate"?cp(D):void 0,te=j==="scale"?(Number.parseFloat(D)||1)*100:j==="translate"?A.x:Number.parseFloat(D)||0,re=io(j,te),V=ga(r),ce=Ni(r,V),W=j==="scale"&&z?Jv(ce,z):j==="rotate"?qv(ce,H??sp(ce,20).side):void 0,we=A?{x:io("translate",A.x),y:io("translate",A.y)}:void 0;y.current=null,g.current=null,t(),p(j),d(re),O({element:r,family:"transform",subproperty:j,startX:P.clientX,startY:P.clientY,startPixels:te,deltaX:0,deltaY:0,direction:1,vector:W,step:re,hasMoved:!1,transformKind:j,transformCorner:z??void 0,startTranslate:A,translateSteps:we,translateValue:A?`${A.x}px ${A.y}px`:void 0,ghostQuad:ce,cursor:{x:P.clientX,y:P.clientY}},P.currentTarget)},[t,r,d,p,O,g,y]),B=Y((j,z)=>{p(j),d(z)},[d,p]),k=Y(j=>{o.current=j,s(j)},[o,s]),X=Y((j,z,P)=>{e.current(j.element,{family:j.family,step:j.step,subproperty:z,axisSteps:j.translateSteps}),j.family==="transform"&&(y.current={element:j.element,subproperty:j.subproperty,step:j.step},g.current={element:j.element,releasePoint:P},x.current=null,i(j.element),a(gn(j.element)))},[e,i,a,g,y,x]),Z=Y(()=>{t(),y.current=null,g.current=null},[t,g,y]);return X0(R,{onSelectionChange:B,onCursorChange:k,onCommit:X,onCancel:Z}),{applySticker:M,beginSteerGapDrag:G,beginSteerRadiusDrag:N,beginSteerSpacingDrag:U,beginSteerTransformDrag:K,steerDrag:C,steerDragRef:S}}function V0(e,t){_(()=>{let n=r=>{if(r.pointerType==="touch")return;let o={x:r.clientX,y:r.clientY};e.current=o,t?.(o)};return window.addEventListener("pointermove",n,{capture:!0,passive:!0}),()=>window.removeEventListener("pointermove",n,{capture:!0})},[e,t])}function G0(e){return e instanceof Element&&e.closest("[data-popmelt-steer-overlay]")!==null}function eh(e){return e instanceof Element&&e.closest("[data-popmelt-subject-label-action]")!==null}var th=8,wd=-.5,Ro="__active_text_send_hint__",Q0=4;function Z0({historyPreview:e,bridgeUrl:t,steeringContextStorageKey:n,state:r,dispatch:o,onScreenshot:i,inFlightAnnotationIds:a,inFlightOrientationLabels:l,waitingApprovalJobIds:s,activeAnnotationIds:c,queuePositionMap:d,inFlightStyleSelectors:p,inFlightStyleSelectorJobIds:u,inFlightSelectorColors:f,modifiedElementThreadStates:m,dismissedThreadIds:g,onAttachImages:y,onRemoveImages:x,onCaptureInteractionFrame:R,onSend:C,onViewThread:S,onCloseThread:O,onArchiveThread:M,onDeleteSubmittedAnnotation:U,highlightedAnnotationIds:G,cycleFocusedAnnotationIds:N,onCanvasInteraction:K,focusedThreadAnnotationId:B,openThreadId:k,hasOpenThread:X=!1,externalCanvasRef:Z,toolbarRef:j,threadPanelElement:z,clearSignal:P=0,subjectRegistry:H,subjectRegistryReady:D=!0,onFocusTargetChange:A,onFocusActivity:te}){let re=Cr($i),{canvasRef:V,redrawAll:ce,resizeCanvas:W}=_f(),[we,ie]=L(null),[ne,Ee]=L(0),[Le,De]=L(0),q=Y(()=>De(b=>b+1),[]),ve=ss(),Re=Y(b=>{V.current=b,Z&&(Z.current=b),ie(E=>E===b?E:b)},[Z,V]);Lt(()=>{if(!H||!D)return;let b=!1;for(let E of r.annotations)E.target&&(b=!0,!H.resolve(E.target)&&E.elements?.[0]&&H.restore(E.target,E.elements[0]));b&&Ee(E=>E+1)},[r.annotations,H,D]);let Pe=J(null),tt=J(0),[it,me]=L(null),fe=Y(()=>{let b=Pe.current;Pe.current=null,me(null),b&&(b.session.cancel(),b.captureTarget.hasPointerCapture(b.pointerId)&&b.captureTarget.releasePointerCapture(b.pointerId))},[]),Je=J(!1),[qe,st]=L(!1),Ve=J(null),Ie=J(null),[Ye,gt]=L(!1),qt=J(Promise.resolve()),[vt,Be]=L(0),[pt,Rn]=L(null),Gt=Y(()=>{if(!R)return Promise.resolve(null);let b=qt.current.then(async()=>(await new Promise(E=>window.requestAnimationFrame(()=>E())),R()));return qt.current=b.catch(()=>null),b},[R]),Ln=J(r.activeTool),Ut=J(null),He=J(null),ht=Y(()=>{Ve.current?.cancel(),Ve.current=null,Ie.current=null,Je.current=!1,Ut.current=null,He.current=null,st(!1),gt(!1),Be(0),Rn(null)},[]),ct=Y(()=>{fe(),Je.current=!0,Ln.current=r.activeTool,st(!0)},[fe,r.activeTool]);_(()=>{Je.current&&r.activeTool!==Ln.current&&ht()},[ht,r.activeTool]),_(()=>{(!r.isAnnotating||r.activeTool!=="inspector")&&fe()},[fe,r.activeTool,r.isAnnotating]),_(()=>()=>{let b=Pe.current;Pe.current=null,b?.session.cancel()},[]);let{activeText:v,setActiveText:se,handleTextPaste:ye,removeActiveTextAttachment:Xe,releaseActiveTextAttachments:wt}=cv({bridgeUrl:t,annotations:r.annotations}),[Oe,dt]=L(null),[Ke,Ft]=L(null),[ge,Fe]=L(null),[Ze,xt]=L(0),at=J(null),Ge=J(null),en=J(null),[Ue,Wn]=L(null),[$n,yn]=L(null),Xt=J(void 0);Xt.current===void 0&&(Xt.current=n&&typeof window<"u"?Nw(window.localStorage,n):null);let sr=Xt.current,[It,dr]=L(()=>sr?.family??"padding"),[tn,wn]=L(()=>sr?.step??4),[Wt,so]=L(()=>sr?.subproperty??"all"),[nn,$r]=L(()=>sr?.stage??"family"),[jr,Qt]=L(null);V0(Ge,Ye?Rn:r.isAnnotating&&r.activeTool==="sticker"?Qt:void 0);let[Ht,St]=L(null),Zt=Y(b=>{St({id:performance.now(),nativeReady:!1,tool:b})},[]),[jn,xn]=L(0),[Pr,cr]=L(0),[ai,zr]=L(0),[Ki,Ot]=L(0),[Sn,Dr]=L(!1),[Hr,Bn]=L(0),[vn,ur]=L(()=>sr?.query??null);_(()=>{!n||typeof window>"u"||_w(window.localStorage,n,{family:It,step:tn,subproperty:Wt,stage:nn,query:vn})},[n,It,vn,nn,tn,Wt]);let Nt=J(r.activeTool),Ne=J(!1),co=J(()=>!1),$t=J(null),Pn=J(null),Zn=J(r.styleModifications),Kt=J(null),Jn=J(null),Bt=J(null),er=J(null),ln=Y(()=>{er.current!==null&&(cancelAnimationFrame(er.current),er.current=null)},[]),pr=Y(()=>{if(ln(),!re)return;let b=performance.now()+Jp,E=()=>{Yw($t.current);let ee=Kt.current;ee&&$t.current?.element===ee.element&&(ee.renderedQuad=Ni(ee.element,ee.layoutQuad)),Bn(de=>de+1),performance.now()<b?er.current=requestAnimationFrame(E):er.current=null};er.current=requestAnimationFrame(E)},[ln,re]);_(()=>(re?$t.current&&pr():ln(),ln),[re,pr,ln]);let yt=Y(()=>{ln();let b=$t.current;b&&(xa(b),$t.current=null,Pn.current=null,Bn(E=>E+1))},[ln]),{handleShakePointerMove:sn,pendingShakeToolTransitionRef:hr}=j0({activeTool:r.activeTool,isAnnotating:r.isAnnotating,clearStickerPreview:yt,dispatch:o,setStickerCursor:Qt,startCursorSwitchPulse:Zt});Lt(()=>{let b=Zn.current,E=r.styleModifications;Zn.current=E,!(b===E||!$t.current)&&(ln(),Uw($t.current,b,E),$t.current=null,Pn.current=null,Kt.current=null,Bn(ee=>ee+1))},[r.styleModifications,ln]),Lt(()=>{qp(r.activeTool,r.isAnnotating)&&(yt(),Jn.current=null,Bt.current=null)},[yt,r.activeTool,r.isAnnotating]);let Rt=Y(()=>{$r("family"),Qt(null),ur(null)},[]);Lt(()=>{let b=Nt.current,E=r.activeTool,ee=hr.current,de=ee?.from===b&&ee.to===E;hr.current=null,Nt.current=E;let ke=Fw(b,E,de,Ne.current);Ne.current=ke.preservedAway,ke.shouldReset&&Rt()},[hr,Rt,r.activeTool]),Lt(()=>{r.isAnnotating||(Ne.current=!1,Rt())},[Rt,r.isAnnotating]);let fr=Y((b,E)=>{if(yt(),!Ue)return null;let ee=window.getComputedStyle(Ue),de=Ff(b,E).map(ke=>ee.getPropertyValue(ke));return Wf(b,de,E)},[yt,Ue]),li=Y(b=>(yt(),Ue?Bf(window.getComputedStyle(Ue).getPropertyValue(b)):null),[yt,Ue]);q0({active:r.activeTool==="sticker"&&r.isAnnotating,family:It,step:tn,subproperty:Wt,stage:nn,query:vn,setFamily:dr,setStep:wn,setSubproperty:so,setStage:$r,setQuery:ur,setCursor:Qt,setContextLabelPulse:cr,setDepthSnapPulse:zr,setRejectPulse:Ot,lastCursorRef:Ge,toolbarRef:j,previewRef:$t,applyStickerRef:co,readColor:li,readStep:fr});let[qn,mr]=L(null),[Un,gr]=L(null),[Or,Nr]=L(null),[Yn,tr]=L(!1),un=J(Hp()),yr=J(vc()),[vr,Et]=L(null),[Me,pn]=L(null),[$,ae]=L(null),[be,ze]=L(null),Ae=J({x:0,y:0}),[je,rt]=L({x:0,y:0}),lt=J(Op()),[$e,dn]=L(null),[_r,kn]=L(null),[br,wr]=L(null),[Aa,Ma]=L(!1),[Vi,Gi]=L(0),{swipeHint:si,clearSwipeHint:di}=_0({enabled:r.activeTool==="hand"&&r.isAnnotating,dispatch:o,handCursorRef:Ae,setGapRefreshKey:Gi}),In=J(Np()),[zo,Fr]=L(null),[Wr,ci]=L(null),[nr,ui]=L(null),pi=J(_p()),[hi,Do]=L(null),[Ho,Ra]=L(null),[fi,mi]=L(null),La=vv(),Qi=J(f);Qi.current=f;let bt=Y(b=>{let E=Qi.current;if(!E||E.size===0)return!1;for(let ee of E.keys())try{if(b.matches(ee))return!0}catch{}return!1},[]),{applySticker:$a,beginSteerGapDrag:ja,beginSteerRadiusDrag:Bl,beginSteerSpacingDrag:Jl,beginSteerTransformDrag:ql,steerDrag:zn,steerDragRef:Ul}=K0({applyStickerRef:co,clearStickerPreview:yt,dispatch:o,hoveredElement:Ue,lastCanvasCursorRef:Ge,setHoveredElement:Wn,setHoveredElementInfo:yn,setStickerApplyPulse:xn,setStickerCursor:Qt,setStickerRejectPulse:Ot,setStickerStep:wn,setStickerSubproperty:so,stickerFamily:It,stickerStep:tn,stickerSubproperty:Wt,transformDragHandoffRef:Bt,transformPreviewSuppressionRef:Jn,transformPreviewTargetRef:Kt});_(()=>{Dr(!1);let b=zn?.family==="transform"?zn.element:Ue;if(qp(r.activeTool,r.isAnnotating)||nn!=="value"||!ml(b,It,Wt)||no(b)){Kt.current=null,yt();return}let E={element:b,family:It,step:tn,subproperty:Wt,valueOverride:zn?.transformKind==="translate"?zn.translateValue:void 0},ee=Jn.current,de=It==="transform"&&ee?.element===b&&ee.subproperty===Wt&&ee.step===tn;if(ee&&!de&&(Jn.current=null),de){if(yt(),Kt.current?.element!==b){let{top:Qe,right:Ct,bottom:Dt,left:eo}=b.getBoundingClientRect(),to=ga(b);Kt.current={element:b,bounds:{top:Qe,right:Ct,bottom:Dt,left:eo},layoutQuad:to,renderedQuad:Ni(b,to)},Bn(ls=>ls+1)}return}if($t.current&&Bw(Pn.current,E))return;if(It==="transform"){if(Kt.current?.element!==b){xa($t.current),$t.current=null,Pn.current=null;let{top:Qe,right:Ct,bottom:Dt,left:eo}=b.getBoundingClientRect(),to=ga(b);Kt.current={element:b,bounds:{top:Qe,right:Ct,bottom:Dt,left:eo},layoutQuad:to,renderedQuad:Ni(b,to)}}}else Kt.current=null;let ke=Xw(b,It,tn,Wt,$t.current,E.valueOverride);$t.current=ke.preview,Pn.current=E,Dr(ke.stepUnavailable),Bn(Qe=>Qe+1),pr()},[yt,Ue,r.activeTool,r.isAnnotating,zn?.element,zn?.family,zn?.transformKind,zn?.translateValue,It,nn,tn,Wt,pr]),_(()=>()=>{ln(),xa($t.current),$t.current=null,Pn.current=null,Kt.current=null,Jn.current=null,Bt.current=null},[ln]);let Tt=Y(()=>{Jn.current=null,Bt.current=null,Wn(null),yn(null),Et(null),pn(null),ae(null),dn(null),kn(null),Ma(!1),Fr(null),ci(null),Do(null),Ra(null),di()},[di]),gi=v&&!v.domEdit?v?.id:null,bn=ge?`${ge.target.adapter}:${ge.target.key}`:null,Br=gi??bn;_(()=>{Br&&Tt()},[Br,Tt]);let yi=Y(b=>{mr(b),b&&Tt()},[Tt]),Yl=Y(b=>{gr(b),b&&Tt()},[Tt]),Pa=Y((b,E)=>{Nr(E?.length?{ownerId:b,annotationIds:E}:null),E?.length&&Tt()},[Tt]),Zi=Y(b=>{tr(b),b&&Tt()},[Tt]),Xl=Y((b,E)=>{yt();let ee=mn(b);ml(ee,E.family,E.subproperty)&&(o({type:"SELECT_ANNOTATION",payload:{id:null}}),o({type:"SET_TOOL",payload:"sticker"}),dr(E.family),so(E.subproperty),wn(E.step),$r("value"),Wn(ee),yn(gn(ee)),Ge.current&&Qt(Ge.current))},[yt,o]),ea=Y((b,E)=>{yt(),Tt(),gr(null),o({type:"CLEAR_STICKER",payload:{selector:b,sticker:E}})},[Tt,yt,o]),uo=Y(b=>{if(!S)return;S(b);let E=0,ee=()=>{let de=document.querySelector("[data-popmelt-shadow-host]")?.shadowRoot?.querySelector("[data-popmelt-reply]");if(de){de.focus(),de.setSelectionRange(de.value.length,de.value.length);return}E+=1,E<6&&requestAnimationFrame(ee)};requestAnimationFrame(ee)},[S]),jt=J(r);jt.current=r;let rr=yv({annotations:r.annotations,currentPathname:ve,dispatch:o,stateRef:jt,styleModifications:r.styleModifications,subjectRegistry:H,toolbarRef:j,onTargetResolutionChange:q}),Jt=J(v);Jt.current=v;let Jr=J(v);_(()=>{let b=E=>{if(Jr.current=null,E.button!==2)return;let ee=Jt.current;Jr.current=jp(ee)?ee:null};return window.addEventListener("pointerdown",b,!0),()=>window.removeEventListener("pointerdown",b,!0)},[]),H0(v,se);let{cursorPosRef:qr,domEditInputSize:Oo,inputRef:Ur,lastPositionedTextId:po}=O0({activeText:v,activeTextRef:Jt,canvasRef:V,visible:r.isAnnotating}),Yr=Y(()=>{window.requestAnimationFrame(()=>{Ur.current?.focus();let b=Ur.current?.value.length??0;Ur.current?.setSelectionRange(b,b)})},[Ur]),Xr=Y((b,E=Jr.current)=>{let ee=Jt.current,de=H?.hitTest(b)??null,ke=de?.element??Pi(b.x,b.y,{allowBodyFallback:!0}),Qe=de?.target,Ct=[...jt.current.annotations].reverse().find(Vn=>Vn.type!=="text"||(Vn.status??"pending")!=="pending"?!1:Qe&&Vn.target?Vn.target.adapter===Qe.adapter&&Vn.target.key===Qe.key:!Vn.linkedSelector||!ke?!1:!!an(Vn.linkedSelector,Vn.elements)?.contains(ke)),Dt=fw({activationDraft:E,activeDraft:ee,annotations:jt.current.annotations,selectedAnnotationIds:jt.current.selectedAnnotationIds,lastSelectedId:jt.current.lastSelectedId,annotationAtCursor:Ct});if(Jr.current=null,!Dt||jt.current.activeTool!=="inspector")return!1;let eo=Dt.value;Ve.current?.cancel();let to=eo.target&&H?H.resolve(eo.target):null,ls=to?.subject.sourceElement??(eo.linkedSelector?mn(eo.linkedSelector):null),Vh=Vn=>{if(!(Vn instanceof MouseEvent)||!H)return;let Ka=H.hitTest({x:Vn.clientX,y:Vn.clientY});if(!Ka)return;let Gh=Ka.target;return{element:Ka.subject.sourceElement??null,state:dd(Ka),captureResult:()=>{let nc=H.resolve(Gh);return nc?dd(nc):void 0}}};return Ie.current={id:eo.id,draft:Dt.kind==="draft"},Ve.current=uw({subjectElement:ls,...to?{subjectState:dd(to)}:{},resolveEventTarget:Vh,onActionCountChange:Be,captureFrame:R?Gt:void 0}),Tt(),dt(null),mr(null),gr(null),Be(0),Rn(b),gt(!0),ct(),!0},[Tt,Gt,ct,R,H]),za=Y(async()=>{let b=Ve.current,E=Ie.current;if(!b||!E||!b.hasActions())return;let{episode:ee,frames:de}=await b.finish();if(Ve.current=null,E.draft)se(ke=>{if(ke?.id!==E.id)return ke;let Qe=ke.images?.length??0;return{...ke,images:[...ke.images??[],...de],interactionEpisode:Lp(ee,Qe)}});else{let ke=jt.current.annotations.find(Qe=>Qe.id===E.id);if(ke){let Qe=ke.imageCount??0,Ct=Lp(ee,Qe);de.length>0&&y?.(ke.id,de),o({type:"UPDATE_TEXT",payload:{id:ke.id,text:ke.text??"",imageCount:Qe+de.length,interactionEpisode:Ct}})}}ht(),E.draft&&Yr()},[o,ht,Yr,y,se]),xr=Y(b=>{let E=Jt.current;if(E?.id===b&&(se(de=>{if(de?.id!==b)return de;let ke=new Set(de.interactionEpisode?.frames?.map(Ct=>Ct.imageIndex)??[]),Qe={...de};return delete Qe.interactionEpisode,ke.size>0&&de.images&&(Qe.images=de.images.filter((Ct,Dt)=>!ke.has(Dt))),Qe}),E.isNew))return;let ee=jt.current.annotations.find(de=>de.id===b)?.interactionEpisode?.frames?.map(de=>de.imageIndex)??[];ee.length>0&&x?.(b,ee),o({type:"CLEAR_INTERACTION_EPISODE",payload:{id:b}})},[o,x,se]),No=Y(()=>{let b=Ie.current?.draft;ht(),b&&Yr()},[ht,Yr]);_(()=>{let b=E=>{if(!Je.current)return;let ee=E.metaKey||E.ctrlKey;if(E.key==="Escape"&&ee){E.preventDefault(),E.stopPropagation(),E.stopImmediatePropagation(),Ve.current?No():ht();return}E.key==="Enter"&&ee&&Ve.current&&(E.preventDefault(),E.stopPropagation(),E.stopImmediatePropagation(),za())};return window.addEventListener("keydown",b,!0),()=>window.removeEventListener("keydown",b,!0)},[No,ht,za]),_(()=>{if(!Ye)return;let b=ee=>Ve.current?.recordEvent(ee),E=()=>Ve.current?.recordScroll();return window.addEventListener("click",b,!0),window.addEventListener("pointerdown",b,!0),window.addEventListener("pointerup",b,!0),window.addEventListener("input",b,!0),window.addEventListener("change",b,!0),window.addEventListener("submit",b,!0),window.addEventListener("keydown",b,!0),window.addEventListener("play",b,!0),window.addEventListener("pause",b,!0),window.addEventListener("seeked",b,!0),window.addEventListener("scroll",E,{capture:!0,passive:!0}),()=>{window.removeEventListener("click",b,!0),window.removeEventListener("pointerdown",b,!0),window.removeEventListener("pointerup",b,!0),window.removeEventListener("input",b,!0),window.removeEventListener("change",b,!0),window.removeEventListener("submit",b,!0),window.removeEventListener("keydown",b,!0),window.removeEventListener("play",b,!0),window.removeEventListener("pause",b,!0),window.removeEventListener("seeked",b,!0),window.removeEventListener("scroll",E,!0)}},[Ye]);let ta=J([]),_o=J(i);_o.current=i;let{dragState:Da,resizeState:vi,setDragState:bi,setResizeState:ho}=Wb(),Xn=r.selectedAnnotationIds;ta.current=Xn;let fo=Y((b,E=!1)=>{o({type:"SELECT_ANNOTATION",payload:{id:b,addToSelection:E}})},[o]),Yt=Y(()=>{o({type:"SELECT_ANNOTATION",payload:{id:null}})},[o]),Dn=Y(b=>{let E=jt.current.annotations.find(ee=>ee.id===b);!E||!Za(E,jt.current.annotations)||(o({type:"DELETE_ANNOTATION",payload:{id:b}}),Jt.current?.id===b&&(wt(Jt.current.attachments),se(null)),Tt(),mr(null),gr(null),Nr(null),tr(!1),Yt())},[Tt,Yt,o,wt,se]),Ha=Y(b=>{let E=Bm(jt.current.textModifications,b,ve);E&&(o(E),Tt(),gr(null),Nr(null),tr(!1))},[ve,o,Tt]),mo=J({x:window.scrollX,y:window.scrollY}),go=J(null),[En,Oa]=L(mo.current);_(()=>{if(re)return W(),window.addEventListener("resize",W),window.visualViewport?.addEventListener("resize",W),()=>{window.removeEventListener("resize",W),window.visualViewport?.removeEventListener("resize",W)}},[W,re]),xv(v,se,Oe,r.annotations,o),Jf({state:r,stateRef:jt,activeTextRef:Jt,selectedIdsRef:ta,dispatch:o,clearSelection:Yt,selectAnnotation:fo,handHoveredElement:vr,onArchiveThread:M,openThreadId:k,currentPathname:ve,hasOpenThread:X});let{pageAnnotations:rn,pageStyleModifications:hn,pageTextModifications:Hn,pendingBundleCount:na,pendingTextAnnotations:Kl}=pc({state:r,activeText:v,currentPathname:ve,dismissedThreadIds:g,modifiedElementThreadStates:m}),{sendHintAnchorId:Fo,setSendHintAnchorId:Na}=wv({activeText:v,activeTextAnchorId:Ro,hoveredElement:Ue,hoveredTextId:Oe,pendingTextAnnotations:Kl}),{locationLabels:Vl,tooltipAnnotationId:_a,revealAnnotation:ra}=bv({annotations:rn,annotationIds:rr,badgeHoveredAnnotationId:qn,hoveredTextId:Oe}),Fa=Y((b,E)=>{let ee=jt.current.annotations.find(de=>de.id===b);ee&&(fo(b),E&&uo(E),rr.has(b)&&ra(ee))},[uo,rr,ra,fo]),{cycleSpotlightAnnotationIds:Wa,emphasizedAnnotationIds:Kr,hoverRestoredAnnotationIds:or,inactiveEmphasisOpacity:Wo,statusSpotlightAnnotationIds:oa}=uv({annotations:rn,isCreatingAnnotation:!!(v?.isNew&&!v.domEdit),hoveredTextId:Oe,badgeHoveredAnnotationId:qn,highlightedAnnotationIds:G,cycleFocusedAnnotationIds:N,hoveredElement:Ue}),wi=qf(re?j?.current:null),Ba=wi.avoidTop,Ja=wi.avoidBottom,qa=wi.avoidLeft,w=wi.avoidRight,I=xe(()=>({avoidTop:Ba,avoidBottom:Ja,avoidLeft:qa,avoidRight:w}),[Ba,Ja,qa,w]),{supersededAnnotations:F,stagedArtifactOrder:Q,annotationGroupMap:oe,pageModificationNumberBySelector:le}=hc({state:r,pageAnnotations:rn,pageStyleModifications:hn,pageTextModifications:Hn}),ue=pa(Ue),he=!!(ge&&ue?.adapter===ge.target.adapter&&ue.key===ge.target.key),Te=!!(Ue&&$n&&!he&&!Oe&&!qn&&!v?.linkedSelector&&!Ke?.linkedSelector),{hiddenCollidingAnnotationIds:We,nestedCollidingAnnotationCountById:pe,nestedCollidingAnnotationIdsById:Ce,visibleCollisionRepresentativeByAnnotationId:ft}=pv({activeText:v,activeTextSendHintId:Ro,annotationNumberById:oe,badgeHoveredAnnotationId:qn,canvasRef:V,focusedThreadAnnotationId:B,hoveredElement:Ue,hoveredElementInfo:$n,hoveredTextId:Oe,layoutReady:re&&we!==null,showHoverElementIdentifier:Te,layoutRevision:ne+Le,pageAnnotations:rn,parentPinnedAnnotationIds:rr,pendingLinkedText:Ke,scroll:En,supersededAnnotations:F,textSafeBounds:I}),{activeTextAnnotation:_t,activeTextCollisionId:yo,activeTextModifiedRail:Pt,activeTextNestedAnnotationCount:xi,activeTextNestedAnnotationIds:Si,activeTextNestedBadgeColor:Bo,elementRailColorBySelector:Jo,elementRailComments:vo,hiddenAnnotationBadgeIds:Se,modifiedElementSendHintSelector:At,stagedElementComments:Tn,visibleCanvasAnnotations:Vr,visibleSendHintAnchorId:bo}=Uf({activeText:v,activeColor:r.activeColor,annotations:r.annotations,annotationNumberById:oe,focusedThreadAnnotationId:B,hiddenCollidingAnnotationIds:We,modifiedElementThreadStates:m,nestedCollidingAnnotationCountById:pe,nestedCollidingAnnotationIdsById:Ce,pageAnnotations:rn,pageStyleModifications:hn,pageTextModifications:Hn,sendHintAnchorId:Fo,supersededAnnotations:F,visibleCollisionRepresentativeByAnnotationId:ft,activeTextSendHintId:Ro,targetResolutionRevision:ne+Le}),zt=xe(()=>{if(Xn.length===0)return null;let b=new Map;for(let E of Xn){let ee=r.annotations.find(ke=>ke.id===E);if(!ee)continue;let de=ee.groupId?r.annotations.filter(ke=>ke.groupId===ee.groupId):[ee];for(let ke of de)if(ke.linkedSelector&&!f?.has(ke.linkedSelector)){let Qe=ke.color||r.activeColor;b.set(ke.linkedSelector,Qe)}}return b.size>0?b:null},[Xn,r.annotations,r.activeColor,f]),Gr=Y((b=mo.current)=>{ce(Vr,Xn,th,b.x,b.y,oe,oa,I,Kr,or,Wo,rr)},[Vr,Xn,ce,oe,oa,I,Kr,or,Wo,rr]);_(()=>{re&&Gr(mo.current)},[Gr,re]),_(()=>{if(!re)return;let b=()=>{let E={x:window.scrollX,y:window.scrollY};mo.current=E,Gr(E),go.current===null&&(go.current=window.requestAnimationFrame(()=>{go.current=null;let ee=mo.current;Oa(de=>de.x===ee.x&&de.y===ee.y?de:ee)}))};return b(),window.addEventListener("scroll",b,{passive:!0,capture:!0}),()=>{window.removeEventListener("scroll",b,!0),go.current!==null&&(window.cancelAnimationFrame(go.current),go.current=null)}},[Gr,re]);let{findAnnotationAtPoint:qo,findHandleAtPoint:Qr,findTextAtPoint:Cn,getPoint:Kn}=d0({annotationGroupMap:oe,annotations:r.annotations,canvasRef:V,handleSize:th,hiddenCollidingAnnotationIds:We,pageAnnotations:rn,parentPinnedAnnotationIds:rr,scroll:En,selectedAnnotationIds:Xn,supersededAnnotations:F,textSafeBounds:I}),{commitActiveText:Zr,createInlineTextEdit:Gl,editPendingLinkedComment:ia,handleSendPendingBundle:An}=D0({activeText:v,activeTextRef:Jt,canvasRef:V,clearPageElementHover:Tt,clearSelection:Yt,clearSignal:P,commentTextEditCandidateRef:en,cursorPosRef:qr,dispatch:o,findTextAtPoint:Cn,lastPositionedTextId:po,onAttachImages:y,onCloseThread:O,onSend:C,pendingLinkedText:Ke,releaseActiveTextAttachments:wt,setActiveText:se,setDragState:bi,setHoveredTextId:dt,setPendingLinkedText:Ft,setSendHintAnchorId:Na,state:r,stateRef:jt}),ki=Y(()=>{let b=Jr.current;pw(Jt.current,b)||Zr()},[Zr]),_e=o0({activeText:v,applySticker:$a,canvasRef:V,clearSelection:Yt,commentTextEditCandidateRef:en,commitActiveText:Zr,createInlineTextEdit:Gl,dispatch:o,domDragRef:yr,editPendingLinkedComment:ia,findAnnotationAtPoint:qo,findHandleAtPoint:Qr,findTextAtPoint:Cn,gapDragRef:lt,gapHoveredAxis:_r,gapHoveredElement:$e,gapIsAuto:Aa,getPoint:Kn,handleAnnotationActivation:Fa,handDragRef:un,handHoveredElement:vr,handHoveredSide:Me,hoveredElement:Ue,hoveredElementInfo:$n,isElementInFlight:bt,onCanvasInteraction:K,openThreadAndFocusReply:uo,pageAnnotations:rn,modifiedElementThreadStates:m,pageStyleModifications:hn,parentPinnedAnnotationIds:rr,pointerTargetOverrideRef:He,radiusDragRef:In,radiusHoveredCorner:Wr,radiusHoveredElement:zo,selectAnnotation:fo,setDragState:bi,setGapDragging:wr,setHandDragging:ze,setPendingLinkedText:Ft,setRadiusDragging:ui,setResizeState:ho,setStickerRejectPulse:Ot,setTextDragging:mi,state:r,stickerStage:nn,textDragRef:pi,textHoveredElement:hi,textHoveredProperty:Ho,toolbarRef:j});_(()=>{if(!qe)return;let b=ke=>{if(ke.button===0){if(ke.target instanceof Element&&no(ke.target)){Ut.current=null;return}te?.(),Ut.current={startX:ke.clientX,startY:ke.clientY,moved:!1}}},E=ke=>{(!(ke.target instanceof Element)||!no(ke.target))&&te?.();let Qe=Ut.current;Qe&&(Ut.current=Vb(Qe,ke.clientX,ke.clientY))},ee=()=>{Ut.current=null},de=ke=>{let Qe=Ut.current;if(Ut.current=null,!Gb(Qe)||ke.button!==0||ke.target instanceof Element&&no(ke.target)||Ve.current||r.activeTool!=="inspector"&&r.activeTool!=="sticker")return;let Ct=r.activeTool==="inspector"?H?.hitTest({x:ke.clientX,y:ke.clientY}):null;Ct&&H?.promote(Ct.target);let Dt=Ct?.element??Pi(ke.clientX,ke.clientY,{allowBodyFallback:r.activeTool==="inspector"});!Dt||no(Dt)||Dt!==document.documentElement&&(r.activeTool==="inspector"&&bt(Dt)||r.activeTool==="sticker"&&!(Dt instanceof HTMLElement)&&!(Dt instanceof SVGElement)||(He.current={element:Dt,elementInfo:Ct?.elementInfo??gn(Dt)},ke.preventDefault(),ke.stopPropagation(),ke.stopImmediatePropagation(),_e(ke)))};return window.addEventListener("pointerdown",b,!0),window.addEventListener("pointermove",E,!0),window.addEventListener("pointercancel",ee,!0),window.addEventListener("click",de,!0),()=>{window.removeEventListener("pointerdown",b,!0),window.removeEventListener("pointermove",E,!0),window.removeEventListener("pointercancel",ee,!0),window.removeEventListener("click",de,!0)}},[_e,qe,bt,r.activeTool,H,te]),_(()=>{!r.isAnnotating&&Je.current&&ht()},[ht,r.isAnnotating]);let Mt=R0({activeTool:r.activeTool,annotations:r.annotations,canvasRef:V,clearPageElementHover:Tt,clearStickerPreview:yt,dispatch:o,domDragRef:yr,dragState:Da,findTextAtPoint:Cn,gapDragRef:lt,gapHoveredAxis:_r,gapHoveredElement:$e,getPoint:Kn,handCursorRef:Ae,handDragRef:un,handHoveredElement:vr,handHoveredSide:Me,handleShakePointerMove:sn,hoveredElement:Ue,hoveredElementInfo:$n,isAnnotating:r.isAnnotating,isElementInFlight:bt,lastCanvasCursorRef:Ge,modifiersRef:La,radiusDragRef:In,radiusHoveredCorner:Wr,radiusHoveredElement:zo,resizeState:vi,setDomDropPreview:ae,setDragState:bi,setGapDragging:wr,setGapHoveredAxis:kn,setGapHoveredElement:dn,setGapIsAuto:Ma,setHandCursorPos:rt,setHandDragging:ze,setHandHoveredElement:Et,setHandHoveredSide:pn,setHoveredElement:Wn,setHoveredElementInfo:yn,setRadiusDragging:ui,setRadiusHoveredCorner:ci,setRadiusHoveredElement:Fr,setResizeState:ho,setStickerCursor:Qt,setStickerStep:wn,setTextDragging:mi,setTextHoveredElement:Do,setTextHoveredProperty:Ra,steerDragRef:Ul,stickerFamily:It,stickerStage:nn,stickerSubproperty:Wt,subjectRegistry:H,suspendTargetDiscovery:!!Br||Ye,textDragRef:pi,textHoveredElement:hi,textHoveredProperty:Ho,transformDragHandoffRef:Bt,transformPreviewSuppressionRef:Jn,transformPreviewTargetRef:Kt}),kt=L0({annotationGroupMap:oe,canvasRef:V,currentPathname:ve,cursorPosRef:qr,dispatch:o,domDragRef:yr,dragState:Da,gapDragRef:lt,gapDragging:br,getPoint:Kn,handDragRef:un,handDragging:be,lastPositionedTextId:po,radiusDragRef:In,radiusDragging:nr,resizeState:vi,setActiveText:se,setDomDropPreview:ae,setDragState:bi,setGapDragging:wr,setHandDragging:ze,setRadiusDragging:ui,setResizeState:ho,setSendHintAnchorId:Na,setTextDragging:mi,textDragRef:pi,textDragging:fi}),Sr=Y(b=>{if(r.isAnnotating&&r.activeTool==="inspector"&&b.button===0&&b.pointerType==="mouse"&&H&&!ge){let E=H.beginCreate({x:b.clientX,y:b.clientY});if(E){Pe.current={...E,start:{x:b.clientX,y:b.clientY},moved:!1,pointerId:b.pointerId,captureTarget:b.currentTarget},b.currentTarget.setPointerCapture(b.pointerId),b.preventDefault();return}}_e(b)},[_e,r.activeTool,r.isAnnotating,ge,H]),Uo=Y(b=>{let E=Pe.current;if(!E||E.pointerId!==b.pointerId){Mt(b);return}let ee=Math.hypot(b.clientX-E.start.x,b.clientY-E.start.y);if(!E.moved&&ee>=Q0&&(E.moved=!0),!E.moved){Mt(b);return}E.session.update({x:b.clientX,y:b.clientY}),me({adapter:E.adapter.id,key:E.session.key}),xt(de=>de+1),b.preventDefault()},[Mt]),Yo=Y(b=>{let E=Pe.current;if(E&&E.pointerId!==b.pointerId)return;if(Pe.current=null,me(null),!E){kt(b);return}if(E.captureTarget.hasPointerCapture(E.pointerId)&&E.captureTarget.releasePointerCapture(E.pointerId),!E.moved){E.session.cancel();let de=H?.hitTest({x:b.clientX,y:b.clientY});de&&H?.promote(de.target),_e(b),kt(b);return}E.session.update({x:b.clientX,y:b.clientY});let ee=E.session.commit();ee&&(tt.current=window.performance.now()+500,Fe({target:{adapter:E.adapter.id,key:ee.key},created:!0})),b.preventDefault()},[_e,kt,H]),kr=Y(b=>{if(!r.isAnnotating||r.activeTool!=="inspector"||!H)return!1;let E=H.resolve(b);if(!E?.adapter.renameSubject)return!1;let ee=Jt.current;return ee?.isNew&&ee.target?.adapter===E.target.adapter&&ee.target.key===E.target.key&&(wt(ee.attachments),se(null),Ft(null)),Fe({target:E.target,created:!1}),!0},[Jt,wt,se,r.activeTool,r.isAnnotating,H]),aa=Y(b=>{if(window.performance.now()<=tt.current){tt.current=0,b.preventDefault(),b.stopPropagation();return}if(tt.current=0,!H)return;let E=H.hitTest({x:b.clientX,y:b.clientY});!E||!kr(E.target)||(b.preventDefault(),b.stopPropagation())},[kr,H]),wo=Y(b=>{let E=b.target.value;qr.current=b.target.selectionStart;let ee=Jt.current;ee?.domEdit&&o(ad(ee.domEdit,E,ee.text===ee.domEdit.originalText)),se(de=>{if(de?.domEdit){let ke=bc(de.domEdit.segments,de.domEdit.originalText,E);de.domEdit.segments.forEach(Qe=>{Qe.textNode.nodeValue=Qe.originalText}),ke.forEach(({segment:Qe,modifiedText:Ct})=>{Qe.textNode.nodeValue=Ct})}return de&&{...de,text:E}})},[Jt,qr,o,se]),la=Y(b=>{b.key==="Escape"?(Jt.current?.domEdit&&(o(ad(Jt.current.domEdit,Jt.current.domEdit.originalText,!1)),Jt.current.domEdit.segments.forEach(E=>{E.textNode.nodeValue=E.originalText})),wt(Jt.current?.attachments),se(null)):Yf(b)?An():b.key==="Enter"&&!b.shiftKey&&(b.preventDefault(),Zr())},[Zr,o,An,wt,se]),mt=Y(b=>{if(!r.isAnnotating)return;let E=Jr.current;Jr.current=null;let ee=Cn(Kn(b));if(ee&&U&&!Za(ee,jt.current.annotations)){b.preventDefault(),b.stopPropagation(),U(ee.id);return}if(ee&&Za(ee,jt.current.annotations)){b.preventDefault(),b.stopPropagation(),Dn(ee.id);return}if(ee?.status==="resolved"){let Qe=Xf(jt.current.annotations,[ee.id]);if(Qe.length>0){b.preventDefault(),b.stopPropagation(),Qe.forEach(Ct=>M?.(Ct));return}}b.preventDefault();let de=!!Jt.current,ke=Xr({x:b.clientX,y:b.clientY},E);!de&&!ke&&ct()},[ct,Cn,Kn,Dn,M,U,Xr,r.isAnnotating]),on=xe(()=>{if(!Ue)return r.activeColor;let b=null;for(let de of rn)!de.linkedSelector||F.has(de)||an(de.linkedSelector,de.elements)!==Ue||(!b||de.timestamp>b.timestamp)&&(b=de);let E=b?.color??r.activeColor,ee=$n?.selector??b?.linkedSelector;return ee?ds([ee],m??new Map,E,mn):E},[Ue,$n?.selector,m,rn,r.activeColor,F]),xo=()=>{if(!r.isAnnotating)return"default";if(vi){let{handle:b}=vi;return b==="start"||b==="end"?"move":b==="top"||b==="bottom"?"ns-resize":b==="left"||b==="right"?"ew-resize":b==="topLeft"||b==="bottomRight"?"nwse-resize":"nesw-resize"}if(Qb(r.activeTool)){let b=br?.axis??_r;if(b==="row")return"ns-resize";if(b==="column")return"ew-resize";if(nr||Wr)return"ns-resize";let E=fi?.property??Ho;if(E==="font-size")return"ew-resize";if(E==="line-height")return"ns-resize";let ee=be?.side??Me;return ee==="top"||ee==="bottom"?"ns-resize":ee==="left"||ee==="right"?"ew-resize":"default"}return r.activeTool==="inspector"?vm(on):r.activeTool==="sticker"?gc(on):"crosshair"},fn=Kb(r.isAnnotating,r.activeTool),Ii={position:"fixed",top:0,left:0,width:"100dvw",height:"100dvh",zIndex:9998,pointerEvents:qe||!fn?"none":"auto",visibility:fn?"visible":"hidden",cursor:Ht&&!Ht.nativeReady?"none":xo(),touchAction:r.activeTool==="inspector"?"pan-x pan-y":"none"},So=xe(()=>{if(!v||v.domEdit)return;if(v.linkedSelector){let E=Tn.find(ee=>ee.selector===v.linkedSelector)?.annotationNumber??le.get(Pt?.selector??v.linkedSelector);if(E!==void 0)return E}let b=oe.get(v.id);if(b!==void 0)return b;if(v.groupId){let E=r.annotations.find(de=>de.groupId===v.groupId),ee=E?oe.get(E.id):void 0;if(ee!==void 0)return ee}return Q.count+1},[v,Pt,oe,le,Tn,Q.count,r.annotations]),Xo=So!==void 0?`${So}.`:"",On=xe(()=>{if(!v||!Xo||v.domEdit)return 0;let b=V.current?.getContext("2d");return b&&(b.font=`${v.fontSize}px ${Mn}`),Yb({prefix:Xo,fontSize:v.fontSize,railGap:Pt?2:void 0,context:b})},[v,Xo,Pt,V]),Ua=v?.images?.length??r.annotations.find(b=>b.id===v?.id)?.imageCount??0,Ql=v&&!v.domEdit&&!Pt?Ev({nestedAnnotationCount:xi,imageCount:Ua,interactionEpisodeStepCount:v.interactionEpisode?.steps.length??0,reserveSendHint:!!C&&Fo===Ro&&!!v.text.trim()}):0,_h=r.isAnnotating&&v?.linkedSelector&&!v.target&&!v.domEdit&&!Pt?an(v.linkedSelector,v.elements):null,Zl=!!(v&&wc(v)),Ko=tw(_h),es=Zl&&Ko?Es(Ko,22,2,window.innerHeight):null,ts=v?es?es.left+8:Ko?Ko.left+8:v.point.x-En.x:0,ns=v?Ko?.right??v.point.x-En.x:0,Vo=Y(()=>{let b=V.current;if(!b||!v)return{width:100,height:12*ir,isWrapped:!1};if(v.domEdit)return{width:Oo?.id===v.id?Oo.width:Math.max(1,v.domEdit.rect.width),height:Oo?.id===v.id?Oo.height:Math.max(1,v.domEdit.rect.height),isWrapped:v.domEdit.wrapsText};let E=b.getContext("2d");if(!E)return{width:100,height:v.fontSize*ir,isWrapped:!1};E.font=`${v.fontSize}px ${Mn}`;let ee=v.point.x-En.x;if(!Pt){let de=!!(v.linkedSelector||v.target),ke=ld({text:v.text,fontSize:v.fontSize,effectiveMaxWidth:384,annotationPrefixWidth:On,isModifiedRail:!1,fitToContent:de,context:E}).width+On+16,Qe=Cp({anchorLeftX:ts,anchorRightX:ns,editorWidth:ke,trailingWidth:Ql,viewportWidth:window.innerWidth});return ld({text:v.text,fontSize:v.fontSize,effectiveMaxWidth:Math.max(1,Qe.maxEditorWidth-16),annotationPrefixWidth:On,isModifiedRail:!1,fitToContent:de,context:E})}return ld({text:v.text,fontSize:v.fontSize,effectiveMaxWidth:Ts(ee),annotationPrefixWidth:On,isModifiedRail:!!Pt,context:E})},[v,V,En.x,On,Pt,Ql,ts,ns,Oo])(),Ei=!!v?.domEdit,Fh=v?Math.max(1,v.text.split(`
61
- `).length)*v.fontSize*ir+8:0,Go=Ei?Vo.height:Vo.height+8,Jd=es??(Ko?Es(Ko,Go,Mi,window.innerHeight):void 0),qd=Zl?ca("bottom-left"):ca(Jd?.anchor??v?.linkedAnchor),Wh=Vo.isWrapped?Go-Fh:0,Ud=v?Ei?(v.domEdit.flowRect??v.domEdit.rect).top:Jd?.top??v.point.y-4-En.y-Wh:0,Bh=v?Ei?(v.domEdit.flowRect??v.domEdit.rect).left:v.point.x-8-En.x:0,ko=Ei?Vo.width:Vo.width+On+16,Qo=v&&!Ei&&!Pt?Cp({anchorLeftX:ts,anchorRightX:ns,editorWidth:ko,trailingWidth:Ql,viewportWidth:window.innerWidth}).editorLeft:Bh,Ti=v?Ei?Ud:Jm(Ud,Go,I,Qo,ko):0,Ci=v?.domEdit?{image:v.domEdit.boundaryRects.map(()=>"linear-gradient(#000 0 0)").join(", "),position:v.domEdit.boundaryRects.map(b=>`${b.left-Qo}px ${b.top-Ti}px`).join(", "),size:v.domEdit.boundaryRects.map(b=>`${b.width}px ${b.height}px`).join(", ")}:void 0,Yd=v?v.domEdit?{position:"fixed",left:Qo,top:Ti,zIndex:10002,width:ko,height:Go,minHeight:0,padding:0,margin:0,boxSizing:"border-box",appearance:"none",fontSize:v.fontSize,fontFamily:v.domEdit.fontFamily,fontWeight:v.domEdit.fontWeight,fontStyle:v.domEdit.fontStyle,color:"transparent",caretColor:r.activeColor,WebkitTextFillColor:"transparent",backgroundColor:"transparent",border:"none",borderRadius:0,outline:"none",boxShadow:"none",lineHeight:v.domEdit.lineHeight,textIndent:v.domEdit.firstLineIndent,letterSpacing:v.domEdit.letterSpacing,textTransform:v.domEdit.textTransform,textAlign:v.domEdit.textAlign,wordSpacing:v.domEdit.wordSpacing,textDecoration:v.domEdit.textDecoration,textShadow:v.domEdit.textShadow,resize:"none",overflow:"hidden",whiteSpace:v.domEdit.wrapsText?v.domEdit.whiteSpace:"pre",wordBreak:v.domEdit.wordBreak,overflowWrap:v.domEdit.overflowWrap,maskImage:Ci?.image,maskPosition:Ci?.position,maskSize:Ci?.size,maskRepeat:"no-repeat",WebkitMaskImage:Ci?.image,WebkitMaskPosition:Ci?.position,WebkitMaskSize:Ci?.size,WebkitMaskRepeat:"no-repeat"}:{position:"fixed",left:Qo,top:Ti,zIndex:10002,width:ko,height:Go,padding:`${4+wd}px 8px ${4-wd}px`,paddingLeft:8+On,boxSizing:"border-box",fontSize:v.fontSize,fontFamily:Mn,color:"#ffffff",backgroundColor:r.activeColor,border:"none",borderRadius:v.linkedSelector?qd:0,animation:v.linkedSelector&&v.isNew?"popmeltAnnotationFieldEnter 150ms ease-out both":void 0,outline:"none",boxShadow:"none",lineHeight:ir,resize:"none",overflow:"hidden",whiteSpace:Vo.isWrapped?"pre-wrap":"pre",wordBreak:Vo.isWrapped?"break-word":void 0}:{},Xd=v?.target&&v.linkedSelector?an(v.linkedSelector,v.elements):null,Jh=b=>!v||!Pt?null:T(nt,{children:[h(Av,{anchor:b,insetTopLeft:Zl,width:ko,height:Go,value:v.text,fontSize:v.fontSize,prefix:Xo,inputRef:Ur,inputStyle:Yd,onChange:wo,onKeyDown:la,onPaste:ye,onBlur:ki,onContextMenu:E=>{E.preventDefault(),E.stopPropagation(),Dn(v.id)}}),h(tu,{stepCount:v.interactionEpisode?.steps.length??0,onClear:()=>xr(v.id)})]}),{nestedBadgeOwnerSelector:qh,hasExistingOverlay:Uh,hoveredLinkedAnnotationId:Kd,hasSelectedHighlightForElement:Yh,ownedInFlightSelectorColors:Vd,ownedFocusedSelectorColors:Gd,selectorElementInfo:Qd,claimElementOverlay:Ir}=ew({activeText:v,pendingLinkedText:Ke,activeTextSendHintId:Ro,activeTool:r.activeTool,isAnnotating:r.isAnnotating,annotations:r.annotations,pageAnnotations:rn,pageStyleModifications:hn,pageTextModifications:Hn,supersededAnnotations:F,nestedBadgeHover:Or,isSendBundleHovered:Yn,badgeHoveredAnnotationId:qn,hoveredTextId:Oe,badgeHoveredSelector:Un,focusedThreadAnnotationId:B,inFlightSelectorColors:f,focusedSelectorColors:zt,hoveredElement:Ue}),rs=on,Xh=v?.domEdit?el(r.activeColor,.28):"#000000",Kh=v?.domEdit?"transparent":"#ffffff",Ya=v?.linkedSelector&&!v.domEdit?v:Ke,Xa=Ya?.linkedSelector?an(Ya.linkedSelector,Ya.elements):null,os=Xa??Ue,Zd=Xa?"selected":"hover",ec=Xa?Ya?.target??pa(Xa):ue,is=ec?.adapter,as=ec?.key;_(()=>(A?.(r.isAnnotating&&os?{element:os,selection:Zd,subject:is&&as?{adapter:is,key:as}:void 0}:null),()=>A?.(null)),[A,r.isAnnotating,os,Zd,is,as]);let tc=b=>{at.current=null,H?.remove(b),Wn(null),yn(null),Fe(E=>E?.target.adapter===b.adapter&&E.target.key===b.key?null:E)};if(Ye){let b=Ie.current,E=b?.draft?r.activeColor:r.annotations.find(ee=>ee.id===b?.id)?.color??r.activeColor;return pt?h(wb,{cursor:pt,stepCount:vt,accentColor:E,toolbarElement:j?.current,threadElement:z}):null}return T(nt,{children:[h("canvas",{ref:Re,id:"devtools-canvas",style:Ii,onPointerDown:b=>{te?.(),Sr(b)},onPointerMove:b=>{te?.(),!(!Pe.current&&ue&&Vp(b.currentTarget.ownerDocument,b.clientX,b.clientY))&&Uo(b)},onPointerUp:Yo,onPointerCancel:b=>{if(Pe.current){fe();return}kt(b)},onLostPointerCapture:b=>{Pe.current?.pointerId===b.pointerId&&fe()},onDoubleClick:aa,onPointerLeave:b=>{if(Pe.current||G0(b.relatedTarget)||eh(b.relatedTarget))return;Yo(b),yt(),Jn.current=null,Bt.current=null;let E=()=>{Wn(null),yn(null)};if(pa(Ue)){let{clientX:ee,clientY:de}=b;window.setTimeout(()=>{eh(document.elementFromPoint(ee,de))||at.current!==null||E()},100);return}E()},onContextMenu:b=>{if(ue&&Vp(b.currentTarget.ownerDocument,b.clientX,b.clientY)){b.preventDefault(),b.stopPropagation(),tc(ue);return}mt(b)}}),it&&H&&(()=>{let b=H.resolve(it);return b?h(Il,{element:b.element,activeFacet:"translate",accentColor:r.activeColor,showHandles:!1,showRotateHandle:!1,refreshKey:Ze}):null})(),ge&&H&&h(Ob,{accentColor:r.activeColor,created:ge.created,registry:H,target:ge.target,onCommit:b=>{Wn(b.element),yn(b.elementInfo),xt(E=>E+1)},onClose:()=>Fe(null),onCancelCreated:()=>{H.remove(ge.target),Fe(null)}},`${ge.target.adapter}:${ge.target.key}`),Ht&&h(Lv,{color:on,cursorRef:Ge,tool:Ht.tool,onHandoff:()=>St(b=>b?.id===Ht.id?{...b,nativeReady:!0}:b),onDone:()=>St(null)},Ht.id),r.isAnnotating&&v&&T(nt,{children:[Xd&&v.subjectAnchor&&h(Rv,{element:Xd,annotationRect:{left:Qo,top:Ti,width:ko,height:Go},subjectAnchor:v.subjectAnchor,color:r.activeColor,subjectRegistry:H}),h(Cv,{value:v.text,fontSize:v.fontSize,prefix:Xo,inputRef:Ur,inputStyle:Yd,selectionBackground:Xh,selectionColor:Kh,annotationBorderRadius:qd,activeColor:r.activeColor,boundaryRects:v.domEdit?.boundaryRects,wrapsDomText:v.domEdit?.wrapsText,showEditor:!Pt,rawLeft:Qo,top:Ti,baselineOffset:wd,onChange:wo,onKeyDown:la,onPaste:ye,onBlur:ki}),!Pt&&!v.domEdit&&h(Tv,{rawLeft:Qo,width:ko,top:Ti,scroll:En,collisionId:yo,nestedAnnotationCount:xi,nestedAnnotationIds:Si,nestedBadgeColor:Bo,imageCount:Ua,color:r.activeColor,interactionEpisodeStepCount:v.interactionEpisode?.steps.length??0,showSendHint:Fo===Ro&&!!v.text.trim(),bundleCount:na,onHoverNestedAnnotations:Pa,onHoverSendHint:Zi,onClearInteractionEpisode:()=>xr(v.id),onSend:C?An:void 0}),h(Kf,{point:v.point,scroll:En,attachments:v.attachments??[],showAttachments:!v.domEdit,onRemoveAttachment:Xe})]}),r.isAnnotating&&r.activeTool!=="hand"&&(hn.length>0||Hn.length>0||vo.length>0||(m?.size??0)>0||Te)&&h(Vf,{styleModifications:hn,textModifications:Hn,stagedComments:vo,accentColor:r.activeColor,annotationNumberBySelector:le,inFlightSelectors:p,inFlightAnnotationIds:a,activeAnnotationIds:c,inFlightSelectorJobIds:u,waitingApprovalJobIds:s,inFlightSelectorColors:f,toolbarRef:j,onHoverSelector:Yl,sendHintSelector:At,pendingBundleCount:na,onHoverSendBundle:Zi,onSend:C?An:void 0,onSelectSticker:Xl,onDeleteSticker:ea,threadStates:m,onViewThread:S,hoveredElement:Ue,hoveredElementInfo:$n,showHoverIdentifier:Te,onEditComment:ia,onDeleteComment:Dn,onDeletePeerComment:U?b=>{let E=jt.current.annotations.find(ee=>ee.id===b);E&&Za(E,jt.current.annotations)?Dn(b):U(b)}:void 0,onDiscardTextChanges:Ha,onArchiveThread:M,onClearInteractionEpisode:xr,onEditSubject:kr,onDeleteSubject:tc,onHoverSubjectLabel:b=>{at.current=b},refreshKey:Hr,activeCommentEntry:Pt?{element:Pt.element,width:ko,imageCount:Ua,trailingWidth:xc(Ua)+Vc(v?.interactionEpisode?.steps.length??0),render:Jh}:void 0}),r.activeTool==="hand"&&r.isAnnotating&&(hn.length>0||Hn.length>0)&&h(Sb,{styleModifications:hn.filter(b=>{let E=mn(b.selector);return!!E&&Ir(E,"pending-change")}),textModifications:Hn.filter(b=>{let E=mn(b.selector);return!!E&&Ir(E,"pending-change")}),accentColor:r.activeColor}),r.isAnnotating&&!v?.domEdit&&(()=>{let b=new Set;return Hn.flatMap(E=>{if(E.captured||b.has(E.selector))return[];let ee=mn(E.selector);return ee?Ir(ee,"pending-change")?(b.add(E.selector),[h(ro,{element:ee,isSelected:!1,color:r.activeColor,hideTooltip:!0},`pending-text-change-${E.selector}`)]):[]:[]})})(),r.isAnnotating&&h(qm,{annotations:rn,displayAnnotations:Vr,supersededAnnotations:F,inFlightIds:a,orientationLabels:l,activeIds:c,queuePositions:d,scrollX:En.x,scrollY:En.y,annotationGroupMap:oe,onViewThread:S,onSelectAnnotation:fo,onDeleteDraftAnnotation:Dn,onClearInteractionEpisode:xr,onHoverAnnotation:yi,canvasRef:V,toolbarRef:j,activeBundleAnnotationIds:Kr,inactiveBundleOpacity:Wo,animateBundleOpacity:!oa&&!Wa,hoverRestoredAnnotationIds:or,nestedAnnotationCountById:pe,nestedAnnotationIdsById:Ce,onHoverNestedAnnotations:Pa,onHoverSendBundle:Zi,onSend:C?An:void 0,sendHintAnchorId:bo===Ro?null:bo,pendingBundleCount:na,parentPinnedAnnotationIds:rr,parentPinnedLocationLabels:Vl,parentPinnedTooltipAnnotationId:_a,onActivateAnnotation:Fa,hiddenAnnotationIds:Se}),r.isAnnotating&&Vd&&h(Gc,{inFlightSelectorColors:Vd,selectorElementInfo:Qd,subjectRegistry:H}),r.isAnnotating&&Gd&&h(Gc,{inFlightSelectorColors:Gd,selectorElementInfo:Qd,animated:!1,subjectRegistry:H}),h(ub,{active:r.activeTool==="hand"&&r.isAnnotating,accentColor:r.activeColor,domDropPreview:$,cursorViewport:je,gapElement:br?lt.current.element:$e,gapDragging:br,gapHoveredAxis:_r,gapIsAuto:Aa,gapRefreshKey:Vi,swipeHint:si,radiusElement:nr?In.current.element:zo,radiusDragging:nr,radiusHoveredCorner:Wr,textElement:fi?pi.current.element:hi,textDragging:fi,textHoveredProperty:Ho,paddingElement:be?un.current.element:vr,paddingDragging:be,paddingHoveredSide:Me}),r.isAnnotating&&e&&!v&&!Ke&&!ge&&h(sv,{hasExistingOverlay:Uh,entry:e,color:r.activeColor,subjectRegistry:H}),(r.activeTool==="inspector"||r.activeTool==="sticker")&&r.isAnnotating&&h(nt,{children:Ue&&(()=>{let b=r.activeTool==="sticker"&&nn==="value"&&(It==="padding"||It==="margin")&&$t.current?.element===Ue,E=kp(r.activeTool==="sticker",It,nn,Wt);if(Yh(Ue)||!Ir(Ue,"inspector-hover"))return null;let ee=v?.linkedSelector?an(v.linkedSelector,v.elements):null,de=Ke?.linkedSelector?an(Ke.linkedSelector,Ke.elements):null,ke=(ee?Us(ee,Ue,v?.elements?.[0]?.context):!1)||(de?Us(de,Ue,Ke?.elements?.[0]?.context):!1)||rn.some(Ct=>{if(!Ct.linkedSelector||F.has(Ct))return!1;let Dt=an(Ct.linkedSelector,Ct.elements);return Us(Dt,Ue,Ct.elements?.[0]?.context)}),Qe=!!Oe||!!qn;return T(nt,{children:[!b&&h(ro,{element:Ue,isSelected:!1,elementInfo:$n,color:rs,hideOutline:!ue,hideFill:!ue,refreshKey:r.activeTool==="sticker"?Hr:void 0,hideTooltip:he||Te||ke||Qe}),!E&&!ue&&h(Il,{element:Ue,activeFacet:"translate",accentColor:rs,showHandles:!1,outlineStyle:"dashed",refreshKey:r.activeTool==="sticker"?Hr:void 0})]})})()}),h($b,{active:r.activeTool==="sticker"&&r.isAnnotating,accentColor:rs,family:It,stage:nn,subproperty:Wt,hoveredElement:Ue,previewElement:$t.current?.element??null,transformPreviewElement:Kt.current?.element??null,previewRevision:Hr,cursorViewport:jr,drag:zn,onGapPointerDown:ja,onRadiusPointerDown:Bl,onSpacingPointerDown:Jl,onTransformPointerDown:ql}),r.activeTool==="sticker"&&r.isAnnotating&&jr&&h(Gf,{cursor:jr,family:It,step:tn,subproperty:Wt,stage:nn,accentColor:r.activeColor,applyPulse:jn,contextLabelPulse:Pr,depthSnapPulse:ai,rejectPulse:Ki,stepUnavailable:Sn,query:vn?{tokens:vn.segments.flatMap((b,E)=>{let ee=vn.history[E]?.scope??cd,de=wa(ee,b);return de?[kw(de)]:[]}),...Iw(vn.query,ud(vn.scope,vn.query))}:null,toolbarElement:j?.current,threadElement:z,annotationRailHovered:Un!==null||qn!==null||Or!==null||Yn}),!Or&&!Yn&&(v?.linkedSelector||Ke?.linkedSelector)&&(()=>{let b=v?.linkedSelector||Ke?.linkedSelector;if(!b)return null;let E=an(b,v?.elements??Ke?.elements);return!E||!Ir(E,"direct-manipulation")?null:h(ro,{element:E,isSelected:!0,color:_t?.color??r.activeColor,hideTooltip:!0})})(),B&&(()=>{if(Yn)return null;let b=r.annotations.find(de=>de.id===B);if(!b?.linkedSelector||qh===b.linkedSelector)return null;let E=an(b.linkedSelector,b.elements);if(!E||!Ir(E,"thread-focus"))return null;let ee=!!(a&&a.has(b.id));return h(ro,{element:E,isSelected:!ee,color:b.color,onActivate:b.threadId?()=>uo(b.threadId):void 0,hideTooltip:!0})})(),Kd&&(()=>{let b=r.annotations.find(ee=>ee.id===Kd);if(!b?.linkedSelector)return null;let E=an(b.linkedSelector,b.elements);return!E||!Ir(E,"annotation-hover")?null:h(ro,{element:E,isSelected:!1,color:b.color,onActivate:b.threadId?()=>uo(b.threadId):void 0,hideTooltip:!0})})(),Or&&!Yn&&(()=>{let b=new Set;return Or.annotationIds.flatMap(E=>{let ee=r.annotations.find(ke=>ke.id===E);if(!ee?.linkedSelector||b.has(ee.linkedSelector))return[];let de=an(ee.linkedSelector,ee.elements);return de?Ir(de,"nested-preview")?(b.add(ee.linkedSelector),[h(ro,{element:de,isSelected:!1,color:ee.color,hideTooltip:!0},`nested-annotation-${E}`)]):[]:[]})})(),Yn&&(()=>{let b=[],E=new Set,ee=(de,ke,Qe,Ct)=>{if(!ke||E.has(ke))return;let Dt=an(ke,Qe);Dt&&Ir(Dt,"bundle-preview")&&(E.add(ke),b.push({id:de,element:Dt,color:Ct}))};for(let de of rn)(de.status??"pending")==="pending"&&ee(de.id,de.linkedSelector,de.elements,de.color);v&&!v.domEdit&&v.text.trim()&&ee(Ro,v.linkedSelector,v.elements,r.activeColor);for(let de of hn)de.captured||ee(`style-${de.selector}`,de.selector,[de.element],r.activeColor);for(let de of Hn)de.captured||ee(`text-${de.selector}`,de.selector,[de.element],r.activeColor);return b.map(de=>h(ro,{element:de.element,isSelected:!1,color:de.color,hideTooltip:!0},`send-bundle-${de.id}`))})(),Un&&(()=>{let b=mn(Un);if(!b||!Ir(b,"badge-hover"))return null;let E=ds([Un],m??new Map,Jo.get(Un)??r.activeColor,mn);return h(nt,{children:h(ro,{element:b,isSelected:!1,color:E,fillOpacity:.1,hideTooltip:!0,subjectRegistry:H})})})()]})}var ex={capacity:{label:"At capacity",message:"The model provider is temporarily unavailable. Try again shortly."},rate_limited:{label:"Rate limited",message:"The model provider is receiving too many requests. Try again shortly."},timeout:{label:"Timed out",message:"The model took too long to respond. Try again."},connection:{label:"Connection lost",message:"The model provider disconnected before the run completed. Try again."},authentication:{label:"Sign-in required",message:"The model provider needs to be authenticated before this run can continue."},send_rejected:{label:"Not sent",message:"This reply did not reach the thread. Try again when the connection is ready."},failed:{label:"Failed",message:"The model could not complete this run. Try again, or inspect the job diagnostics if the problem continues."}};function tx(e){let t=typeof e=="string"?e:(()=>{try{return JSON.stringify(e)}catch{return String(e??"")}})();return/\b(?:http\s*)?503\b|server at capacity|\bat capacity\b|resource[_\s-]?exhausted|temporarily unavailable/i.test(t)?"capacity":/\b(?:http\s*)?429\b|rate[_\s-]?limit|too many requests/i.test(t)?"rate_limited":/timed?\s*out|timeout/i.test(t)?"timeout":/auth(?:entication|orization)? required|oauth|not authenticated|sign[ -]?in required|unauthorized|\b401\b/i.test(t)?"authentication":/transport channel closed|connection (?:closed|lost|reset)|socket hang up|network error|disconnected/i.test(t)?"connection":"failed"}function nh(e,t){let n=t??tx(e);return{kind:n,...ex[n]}}function nx(e,t){if(!t||t.size===0)return e;let n=!1,r=e.map(o=>{if(!o.threadId)return o;let i=t.get(o.threadId);return!i||i===o.color?o:(n=!0,{...o,color:i})});return n?r:e}function Ll(e,t,n){return t&&n?.get(t)||e}var xd="popmelt-status-notices",rh=50,oh=2,rx=new Set(["Model","Reviewed","Has a question","Needs decision","Needs review","Applied changes","Replied","Done"]);function ih(e){return e.status!=="done"||e.doneLabel&&rx.has(e.doneLabel)?e:{...e,doneLabel:"Replied"}}function $l(e){return e?`${xd}:${e}`:xd}function ah(e,t,n=!0){return t===null?!1:t===void 0?!0:e.threadId?t.has(e.threadId):n&&e.global===!0}function lh(e){if(typeof window>"u")return[];try{let t=JSON.parse(localStorage.getItem($l(e))??localStorage.getItem(xd)??"[]");return(Array.isArray(t)?t:t?.version===oh&&Array.isArray(t.entries)?t.entries:[]).filter(n=>{if(!n||typeof n!="object")return!1;let r=n;return typeof r.jobId=="string"&&typeof r.color=="string"&&(r.status==="done"||r.status==="error")}).map(ih).slice(-rh)}catch{return[]}}function Sd(e){try{let t=JSON.parse(localStorage.getItem($l(e))||"{}");return new Set(Array.isArray(t.acknowledgedJobIds)?t.acknowledgedJobIds.filter(n=>typeof n=="string"):[])}catch{return new Set}}function ox(e,t,n){if(!(typeof window>"u"))try{let r=e.filter(Lo).map(ih).slice(-rh),o=JSON.stringify({version:oh,entries:r,acknowledgedJobIds:Array.from(n).slice(-500)}),i=$l(t);localStorage.getItem(i)!==o&&localStorage.setItem(i,o)}catch{}}function Lo(e){return e.status==="done"||e.status==="error"}function kd(e,t){return!!(t&&e.status==="done"&&e.doneLabel==="Has a question"&&e.threadId&&t.has(e.threadId))}function ix(e,t,n,r,o){return!e&&(t||n)&&(r>0||o===!1)}function ax(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}var lx=['[data-devtools="thread-panel"]:not([aria-hidden="true"])','[data-devtools="imprint-panel"]','[data-popmelt-active-annotation-surface="true"]'].join(", "),sh=500,sx=80,dh=120;function jl(e){return e==="project_model"}var Id=2,Sa=24,dx=0,Ed={display:"flex",alignItems:"center",gap:3,padding:`${Id}px 0`,backgroundColor:"transparent",border:"none",fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace",fontSize:11,height:Sa,boxSizing:"border-box",whiteSpace:"nowrap",animation:"popmeltJobStatusEnter 180ms ease-out both",transition:"transform 200ms ease, opacity 200ms ease",willChange:"transform, opacity"};function cx(e,t=!1){if(e.find(d=>d.type==="job_started")?.data.kind==="project_model")return"Projecting model";let n=e.filter(d=>d.type==="orientation"),r=n[n.length-1]?.data.orientation?.snapshot?.focus?.trim();if(r)return t||r.length<=40?r:`${r.slice(0,37).trimEnd()}\u2026`;let o=e.filter(d=>d.type==="tool_use");if(o.length===0)return"Starting\u2026";let i=o[o.length-1],a=String(i.data.tool||""),l=i.data.file?String(i.data.file):null,s=l?l.split("/").pop()??l:null,c=i.data.content?String(i.data.content):null;switch(a){case"Read":return s?`Reading ${s}`:"Reading file";case"Edit":return s?`Editing ${s}`:"Editing file";case"Write":return s?`Writing ${s}`:"Writing file";case"Bash":{if(!c)return"Running command";let d=c.split(`
62
- `)[0].trim();return t||d.length<=40?d:d.slice(0,37)+"\u2026"}case"Glob":return"Searching files";case"Grep":return"Searching code";default:return a?`Using ${a}`:"Working\u2026"}}function ux(e,t=!1){if(!t)return"Failed";let n=nh(e);return`${n.label} \u2014 ${n.message}`}function px(e,t=3){let n=e.trim().replace(/\s+/g," ");if(!n)return 0;let r=n.split(" "),o=Math.max(...r.map(s=>s.length)),i=s=>{let c=1,d=0;for(let p of r){let u=d===0?p.length:d+1+p.length;u<=s?d=u:(c+=1,d=p.length)}return c},a=o,l=n.length;for(;a<l;){let s=Math.floor((a+l)/2);i(s)<=Math.max(1,t)?l=s:a=s+1}return a}function Td(e,t){if(e.find(i=>i.type==="job_started"&&i.data.jobId===t)?.data.kind==="project_model")return"Model";let n=[...e].reverse().find(i=>i.type==="done"&&i.data.jobId===t)?.data.result,r=e.some(i=>i.type==="question"&&i.data.jobId===t);if(n?.attention==="response_requested")return"Has a question";if(n?.attention==="decision_required")return"Needs decision";if(n?.attention==="review_required")return"Needs review";if(n?.outcomes?.some(i=>i.kind==="changes_applied"))return"Applied changes";if(r)return"Has a question";if(n?.attention==="response_available")return"Replied";let o=new Set(["Edit","Write"]);return e.some(i=>i.type==="tool_use"&&i.data.jobId===t&&o.has(String(i.data.tool||"")))?"Applied changes":"Replied"}function ch(e,t,n=[]){let r=new Map;for(let l of t){if(l.type!=="done"&&l.type!=="error")continue;let s=typeof l.data.jobId=="string"?l.data.jobId:null;s&&r.set(s,l)}if(r.size===0&&n.length===0)return e;let o=new Set(n),i=!1,a=e.map(l=>{let s=r.get(l.jobId);if(!s)return l.status==="queued"&&o.has(l.jobId)?(i=!0,{...l,status:"working"}):l;let c=s.type==="error",d=c?"error":"done",p=c?void 0:Td(t,l.jobId),u=c?String(s.data.message||""):void 0,f=c?!!s.data.cancelled:void 0,m=typeof s.data.threadId=="string"?s.data.threadId:void 0;return l.status===d&&l.doneLabel===p&&l.errorMessage===u&&l.cancelled===f&&l.threadId===(l.threadId||m)?l:(i=!0,{...l,status:d,doneLabel:p,errorMessage:u,cancelled:f,threadId:l.threadId||m})});return i?a:e}function hx(e,t){return t?[...e].reverse():e}function fx({color:e}){let[t,n]=L(0);return _(()=>{let r=setInterval(()=>{n(o=>(o+1)%2)},250);return()=>clearInterval(r)},[]),h("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:e,style:{verticalAlign:"middle",flexShrink:0},children:t===1?T(nt,{children:[h("circle",{cx:"7",cy:"7",r:"2"}),h("circle",{cx:"17",cy:"7",r:"2"}),h("circle",{cx:"7",cy:"17",r:"2"}),h("circle",{cx:"17",cy:"17",r:"2"})]}):T(nt,{children:[h("circle",{cx:"12",cy:"6",r:"2"}),h("circle",{cx:"6",cy:"12",r:"2"}),h("circle",{cx:"18",cy:"12",r:"2"}),h("circle",{cx:"12",cy:"18",r:"2"})]})})}function mx({color:e}){return h("span",{style:{color:e,fontSize:12,lineHeight:1,width:10,display:"inline-block"},children:"\u2713"})}function gx({onCancel:e}){let t=J(null);return _(()=>{let n=t.current;if(!n)return;let r=a=>{a.stopPropagation(),e()},o=()=>{n.style.opacity="0.5"},i=()=>{n.style.opacity="0.7"};return n.addEventListener("click",r),n.addEventListener("mouseenter",o),n.addEventListener("mouseleave",i),()=>{n.removeEventListener("click",r),n.removeEventListener("mouseenter",o),n.removeEventListener("mouseleave",i)}},[e]),h("button",{ref:t,style:{background:"none",border:"none",cursor:"pointer",color:"#ffffff",opacity:.7,fontSize:14,padding:"0 2px",lineHeight:1},title:"Cancel",children:"\xD7"})}function yx({onDismiss:e,onHoverChange:t}){let n=J(null),[r,o]=L(!1);return _(()=>{let i=n.current;if(!i)return;let a=c=>{c.stopPropagation(),e()},l=()=>{o(!0),t?.(!0)},s=()=>{o(!1),t?.(!1)};return i.addEventListener("click",a),i.addEventListener("mouseenter",l),i.addEventListener("mouseleave",s),()=>{i.removeEventListener("click",a),i.removeEventListener("mouseenter",l),i.removeEventListener("mouseleave",s)}},[e,t]),h("button",{ref:n,style:{background:"none",border:"none",cursor:"pointer",color:"#ffffff",opacity:r?1:.3,display:"flex",alignItems:"center",justifyContent:"center",width:16,height:16,padding:0,lineHeight:1,transition:"opacity 120ms ease-out"},title:"Hide","aria-label":"Hide",children:h(zg,{size:12,strokeWidth:2.25})})}function vx({bridge:e,inFlightJobs:t,threadColors:n,isVisible:r,isHidden:o=!1,onHover:i,isInteractionSuppressed:a=!1,clearSignal:l,onClickJob:s,onCancel:c,onHoverJob:d,isConnected:p,dismissedThreadIds:u,acknowledgedThread:f,recoveredAcknowledgedThreadIds:m,recoveredAcknowledgedJobIds:g,recoveredSettledQuestionThreadIds:y,pendingQuestionThreadIds:x,snapPosition:R="bottom-right",currentPathname:C,noticeScope:S,ownedThreadIds:O,allowThreadlessNotices:M=!0,viewedThreadId:U}){let G=J(new Set),[N,K]=L(()=>{let v=Sd(S),se=lh(S).filter(ye=>!v.has(ye.jobId));return G.current=new Set(se.map(ye=>ye.jobId)),se}),[B,k]=L(!1),[X,Z]=L(null),[j,z]=L(null),[P,H]=L(!1),[D,A]=L(!1),[te,re]=L("waiting"),V=a||P,ce=o||V,W=J(ce),we=J(!1),ie=J(null),ne=J(null),Ee=J(null),[Le]=L(()=>Sd(S)),De=J(Le),q=J(new Set);_(()=>{V&&(k(!1),Z(null),i(!1),d?.(null))},[V,i,d]),_(()=>{o&&(k(!1),Z(null),i(!1),d?.(null))},[o,i,d]),_(()=>{O!==null&&ox(N.filter(v=>ah(v,O,M)&&!De.current.has(v.jobId)),S,De.current)},[N,S,O,M]),_(()=>{if(!U)return;let v=N.filter(se=>se.threadId===U&&Lo(se));v.length!==0&&(v.forEach(se=>De.current.add(se.jobId)),K(se=>se.filter(ye=>!De.current.has(ye.jobId))))},[N,U]),_(()=>{K(v=>nx(v,n))},[n]),_(()=>{let v=se=>{if(se.key!==$l(S))return;Sd(S).forEach(Xe=>De.current.add(Xe));let ye=lh(S).filter(Xe=>!De.current.has(Xe.jobId));K(Xe=>[...Xe.filter(wt=>!Lo(wt)),...ye])};return window.addEventListener("storage",v),()=>window.removeEventListener("storage",v)},[S]);let[ve,Re]=L(()=>typeof window<"u"?{w:window.innerWidth,h:window.innerHeight}:{w:1920,h:1080});_(()=>{let v=()=>Re({w:window.innerWidth,h:window.innerHeight});return window.addEventListener("resize",v),()=>window.removeEventListener("resize",v)},[]);let Pe=rm(R,ve.w,ve.h);_(()=>{l>0&&K(v=>(v.forEach(se=>De.current.add(se.jobId)),[]))},[l]),_(()=>{!u||u.size===0||K(v=>{let se=v.filter(ye=>!ye.threadId||!u.has(ye.threadId)||!Lo(ye));return se.length===v.length?v:se})},[u]),_(()=>{f&&(q.current.add(f.threadId),K(v=>{let se=v.filter(ye=>ye.threadId===f.threadId&&Lo(ye));return se.forEach(ye=>De.current.add(ye.jobId)),se.length===0?v:v.filter(ye=>!De.current.has(ye.jobId))}))},[f]),_(()=>{!m||m.size===0||(m.forEach(v=>q.current.add(v)),K(v=>{let se=v.filter(ye=>ye.threadId&&m.has(ye.threadId)&&Lo(ye));return se.forEach(ye=>De.current.add(ye.jobId)),se.length===0?v:v.filter(ye=>!De.current.has(ye.jobId))}))},[m]),_(()=>{!g||g.size===0||(g.forEach(v=>De.current.add(v)),K(v=>{let se=v.filter(ye=>!g.has(ye.jobId));return se.length===v.length?v:se}))},[g]),_(()=>{!y||y.size===0||K(v=>{let se=v.filter(ye=>!kd(ye,y));return se.length===v.length?v:se})},[y]),_(()=>{!x||x.size===0||K(v=>{let se=!1,ye=v.map(Xe=>Xe.status!=="done"||!Xe.threadId||!x.has(Xe.threadId)||Xe.doneLabel==="Has a question"?Xe:(se=!0,{...Xe,doneLabel:"Has a question"}));return se?ye:v})},[x]),_(()=>{K(v=>{let se=new Set(v.map(ge=>ge.jobId)),ye=!1,Xe=v.map(ge=>{let Fe=t[ge.jobId];if(Fe&&(!ge.threadId||ge.color==="#888"||!ge.kind||!ge.routePathnames&&Fe.routePathnames||ge.global==null&&Fe.global!=null))return ye=!0,{...ge,annotationIds:ge.annotationIds??Fe.annotationIds,threadId:ge.threadId||Fe.threadId||e.activeJobThreads[ge.jobId],color:Ll(ge.color==="#888"?Fe.color:ge.color,ge.threadId||Fe.threadId,n),kind:ge.kind??Fe.kind,routePathnames:ge.routePathnames??Fe.routePathnames,global:ge.global??Fe.global};let Ze=e.activeJobThreads[ge.jobId];return!ge.threadId&&Ze?(ye=!0,{...ge,threadId:Ze,color:Ll(ge.color,Ze,n)}):ge});for(let[ge,Fe]of Object.entries(t)){if(jl(Fe.kind))continue;let Ze=e.events.some(at=>at.data.jobId===ge&&at.type!=="job_started"),xt=!!(Fe.threadId&&q.current.has(Fe.threadId)&&!Ze);!se.has(ge)&&!De.current.has(ge)&&!xt&&(Xe.push({jobId:ge,annotationIds:Fe.annotationIds,color:Ll(Fe.color,Fe.threadId,n),status:"queued",kind:Fe.kind,threadId:Fe.threadId,routePathnames:Fe.routePathnames,global:Fe.global}),ye=!0)}let wt=new Set(Object.keys(t)),Oe=new Set(e.activeJobIds),dt=Xe.filter(ge=>jl(ge.kind)?!1:ge.status!=="queued"?!0:wt.has(ge.jobId)||Oe.has(ge.jobId));dt.length!==Xe.length&&(ye=!0);let Ke=new Set(dt.map(ge=>ge.jobId));for(let ge of e.activeJobIds)if(!Ke.has(ge)&&!De.current.has(ge)){let Fe=e.events.find(Ue=>Ue.type==="job_started"&&Ue.data.jobId===ge),Ze=Fe?.data.kind;if(jl(Ze))continue;let xt=Fe?.data?.threadId??e.activeJobThreads[ge],at=e.events.some(Ue=>Ue.data.jobId===ge&&Ue.type!=="job_started");if(xt&&q.current.has(xt)&&!at)continue;let Ge=typeof Fe?.data.color=="string"?Fe.data.color:Ze==="synthesize"||Ze==="project_model"?"#000000":"#888",en=Ll(Ge,xt,n);dt.push({jobId:ge,annotationIds:Array.isArray(Fe?.data.annotationIds)?Fe.data.annotationIds.filter(Ue=>typeof Ue=="string"):void 0,color:en,status:"working",kind:Ze,threadId:xt,routePathnames:void 0,global:Fe?.data.global===!0||Ze==="synthesize"||Ze==="project_model"}),ye=!0}let Ft=ch(dt.filter(ge=>!De.current.has(ge.jobId)),e.events,e.activeJobIds).filter(ge=>!kd(ge,y));return ye||Ft!==dt?Ft:v})},[t,e.activeJobIds,e.activeJobThreads,e.events,y,n]),_(()=>{if(e.activeJobIds.length===0)return;let v=new Set(e.activeJobIds);K(se=>se.map(ye=>v.has(ye.jobId)&&ye.status!=="done"&&ye.status!=="error"?{...ye,status:"working"}:ye))},[e.activeJobIds]),_(()=>{K(v=>{let se=ch(v.filter(Xe=>!De.current.has(Xe.jobId)),e.events).filter(Xe=>!kd(Xe,y));if(!u||u.size===0)return se;let ye=se.filter(Xe=>!Xe.threadId||!u.has(Xe.threadId)||!Lo(Xe));return ye.length===se.length?se:ye})},[e.events,u,y]);let tt=Y(v=>v.global||!C||!v.routePathnames||v.routePathnames.length===0?!0:v.routePathnames.includes(C),[C]),it=xe(()=>N.filter(v=>!jl(v.kind)&&tt(v)&&ah(v,O,M)&&(!U||v.threadId!==U)&&!(v.threadId&&u?.has(v.threadId))&&!De.current.has(v.jobId)),[N,tt,O,M,U,u]),me=it.some(Lo),fe=ix(o,r,me,it.length,p),Je=it.map(v=>`${v.jobId}:${v.status}:${v.color}:${v.threadId??""}`).join("|");Lt(()=>{let v=W.current;if(W.current=ce,ie.current&&(clearTimeout(ie.current),ie.current=null),ne.current&&(clearTimeout(ne.current),ne.current=null),Ee.current&&(clearTimeout(Ee.current),Ee.current=null),!we.current){if(ce||!fe){A(!1),re("waiting");return}return it.forEach(se=>G.current.add(se.jobId)),A(!0),re("waiting"),ie.current=setTimeout(()=>{re("fading"),ie.current=null,ne.current=setTimeout(()=>{we.current=!0,re("complete"),ne.current=null,Ee.current=setTimeout(()=>{A(!1),Ee.current=null},sh)},dh)},sx),()=>{ie.current&&(clearTimeout(ie.current),ie.current=null),ne.current&&(clearTimeout(ne.current),ne.current=null),Ee.current&&(clearTimeout(Ee.current),Ee.current=null)}}if(ce||!fe){A(!1);return}if(v)return A(!0),Ee.current=setTimeout(()=>{A(!1),Ee.current=null},sh),()=>{Ee.current&&(clearTimeout(Ee.current),Ee.current=null)}},[Je,ce,fe,it]);let qe=J(null);Lt(()=>{if(!fe){H(!1);return}let v=qe.current;if(!v)return;let se=null,ye=new Set,Xe=typeof ResizeObserver>"u"?null:new ResizeObserver(()=>Ke()),wt=()=>{let Ze=[document],xt=v.getRootNode();return xt!==document&&"querySelectorAll"in xt&&Ze.unshift(xt),Ze},Oe=()=>{let Ze=new Set;for(let xt of wt())xt.querySelectorAll(lx).forEach(at=>Ze.add(at));return Array.from(Ze)},dt=()=>{se=null;let Ze=v.getBoundingClientRect(),xt=Oe();for(let Ge of xt)Xe&&!ye.has(Ge)&&(ye.add(Ge),Xe.observe(Ge));let at=xt.some(Ge=>{let en=window.getComputedStyle(Ge);return en.display==="none"||en.visibility==="hidden"||en.opacity==="0"?!1:ax(Ze,Ge.getBoundingClientRect())});H(Ge=>Ge===at?Ge:at)};function Ke(){se===null&&(se=window.requestAnimationFrame(dt))}Xe?.observe(v);let Ft=v.getRootNode(),ge=typeof MutationObserver>"u"?null:new MutationObserver(Ke);ge&&Ft instanceof Node&&ge.observe(Ft,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["aria-hidden","style"]});let Fe=typeof MutationObserver>"u"||!document.body?null:new MutationObserver(Ke);return Fe?.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-popmelt-active-annotation-surface"]}),window.addEventListener("resize",Ke),window.addEventListener("scroll",Ke,!0),window.addEventListener("pointermove",Ke,{passive:!0}),dt(),()=>{se!==null&&window.cancelAnimationFrame(se),Xe?.disconnect(),ge?.disconnect(),Fe?.disconnect(),window.removeEventListener("resize",Ke),window.removeEventListener("scroll",Ke,!0),window.removeEventListener("pointermove",Ke)}},[fe,R,it.length]),_(()=>{if(!fe)return;let v=qe.current;if(!v)return;let se=()=>{k(!0),i(!0)},ye=()=>{k(!1),Z(null),i(!1),d?.(null)};return v.addEventListener("mouseenter",se),v.addEventListener("mouseleave",ye),()=>{v.removeEventListener("mouseenter",se),v.removeEventListener("mouseleave",ye)}},[fe,i,d]);let st=J(new Map),Ve=Y((v,se)=>{se?st.current.set(v,se):st.current.delete(v)},[]);if(_(()=>{if(!fe)return;let v=[];for(let se of it){let ye=st.current.get(se.jobId);if(!ye)continue;if(s){let Ke=se.jobId,Ft=se.threadId,ge=se.annotationIds,Fe=()=>s(Ke,Ft,ge);ye.addEventListener("click",Fe),v.push(()=>ye.removeEventListener("click",Fe))}let Xe=se.jobId,wt=se.annotationIds,Oe=()=>{Z(Xe),d?.(Xe,wt)},dt=()=>{Z(Ke=>Ke===Xe?null:Ke),d?.(null)};ye.addEventListener("mouseenter",Oe),ye.addEventListener("mouseleave",dt),v.push(()=>{ye.removeEventListener("mouseenter",Oe),ye.removeEventListener("mouseleave",dt)})}return()=>v.forEach(se=>se())},[fe,it,s,d]),!fe)return null;let Ie={working:3,queued:2,error:1,done:0},Ye=[],gt=new Map;for(let v of it){if(!v.threadId){Ye.push(v);continue}let se=gt.get(v.threadId);(!se||Ie[v.status]>Ie[se.status]||Ie[v.status]===Ie[se.status])&&gt.set(v.threadId,v)}for(let v of gt.values())Ye.push(v);let qt=Ye.filter(v=>v.status==="queued"),vt=new Map;qt.forEach((v,se)=>{vt.set(v.jobId,`(${se+1}/${qt.length})`)});let Be=!B&&!D&&Ye.length>1,pt=om(R),Rn=im(R),Gt=hx(Ye,pt),Ln=Tu(e.events),Ut=new Map(Ye.map((v,se)=>[v.jobId,se])),He=!we.current&&te==="waiting",ht=!we.current&&te==="fading",ct=V||He;return T("div",{ref:qe,style:{...Pe,zIndex:10001,opacity:ct?0:1,visibility:ct?"hidden":"visible",pointerEvents:ct?"none":"auto",transition:ht?`opacity ${dh}ms ease-out`:"none"},"aria-hidden":ct||void 0,"data-devtools":!0,children:[h("style",{children:`
63
- @keyframes popmeltJobStatusEnter {
64
- from { opacity: 0; transform: translateX(12px); }
65
- to { opacity: 1; transform: translateX(0); }
66
- }
67
- @media (prefers-reduced-motion: reduce) {
68
- @keyframes popmeltJobStatusEnter {
69
- from { opacity: 1; transform: none; }
70
- to { opacity: 1; transform: none; }
71
- }
72
- }
73
- `}),Gt.map((v,se)=>{let ye=se===Gt.length-1,Xe=Ut.get(v.jobId)??se,wt=Ye.length-1-Xe,Oe=X===v.jobId,dt=Math.max(160,Math.min(360,ve.w-32)),Ke=v.status==="working"&&Ln.has(v.jobId),Ft=Ge=>Ke?"Approval needed":v.status==="working"?cx(e.events.filter(en=>en.data.jobId===v.jobId),Ge):v.status==="queued"?`Queued ${vt.get(v.jobId)??""}`:v.status==="done"?v.doneLabel||"Done":v.cancelled?"Cancelled":ux(v.errorMessage||"",Ge),ge=Ft(!1),Fe=Ft(!0),Ze=Oe?Fe:ge,xt=px(Ze,3),at=Oe&&(Fe!==ge||xt>24);return h("div",{"data-popmelt-status-job":v.jobId,style:{position:"relative",zIndex:Xe+1,marginBottom:Be?ye?0:-18:ye?0:dx,transform:Be?`scale(${Math.max(.94,1-wt*.02)})`:"scale(1)",opacity:1,transformOrigin:`${pt?"top":"bottom"} ${Rn?"right":"left"}`,transition:D?"none":"margin-bottom 250ms ease, transform 250ms ease, opacity 250ms ease"},children:h("div",{ref:Ge=>Ve(v.jobId,Ge),style:{...Ed,animation:!we.current||G.current.has(v.jobId)?"none":Ed.animation,position:"relative",overflow:"visible",cursor:s?"pointer":void 0,height:at?"auto":Sa,minHeight:Sa,alignItems:at?"flex-start":"center"},"aria-label":Ze,children:T("div",{style:{display:"flex",alignItems:at?"flex-start":"center",gap:3,height:at?"auto":Sa-Id*2,minHeight:Sa-Id*2,maxWidth:at?dt:void 0,boxSizing:"border-box",padding:at?"3px 5px 3px 8px":"0 5px 0 8px",margin:0,backgroundColor:v.color,color:"#ffffff",borderRadius:Qc},children:[T("span",{style:{display:"flex",alignItems:at?"flex-start":"center",gap:3,minWidth:0,opacity:j===v.jobId?.3:1,transition:"opacity 120ms ease-out"},children:[v.status==="working"&&(Ke?h(vu,{size:12,"aria-label":"Approval needed"}):h(fx,{color:"#ffffff"})),v.status==="queued"&&h(yu,{size:12,strokeWidth:2.25,color:"#ffffff",style:{opacity:.6}}),v.status==="done"&&(v.doneLabel==="Has a question"?h($g,{size:12,strokeWidth:2.25,style:{marginRight:3}}):v.doneLabel==="Replied"?h(jg,{size:12,strokeWidth:2.25}):h(mx,{color:"#ffffff"})),v.status==="error"&&h(Pg,{size:12,strokeWidth:2.25}),h("span",{style:{opacity:v.status==="queued"?.6:1,display:at?"-webkit-box":"block",WebkitBoxOrient:at?"vertical":void 0,WebkitLineClamp:at?3:void 0,whiteSpace:at?"normal":"nowrap",textWrap:at?"balance":void 0,lineHeight:"14px",width:at?`min(${xt+.5}ch, ${dt-48}px)`:void 0,maxWidth:at?dt-48:160,overflow:"hidden",textOverflow:"ellipsis",transition:"opacity 120ms ease-out"},children:Ze})]}),v.status==="working"&&c&&h(gx,{onCancel:()=>c(v.jobId)}),(v.status==="done"||v.status==="error")&&h(yx,{onHoverChange:Ge=>z(Ge?v.jobId:null),onDismiss:()=>{z(null),N.filter(Ge=>v.threadId?Ge.threadId===v.threadId:Ge.jobId===v.jobId).forEach(Ge=>De.current.add(Ge.jobId)),K(Ge=>Ge.filter(en=>v.threadId?en.threadId!==v.threadId:en.jobId!==v.jobId))}})]})})},v.jobId)}),p===!1&&N.length>0&&h("div",{style:Ed,children:T("div",{style:{display:"flex",alignItems:"center",gap:3,padding:"3px 5px 3px 8px",margin:0,backgroundColor:"#f59e0b",color:"#ffffff",borderRadius:Qc},children:[h("span",{style:{display:"inline-block",width:8,height:8,borderRadius:"50%",backgroundColor:"#ffffff",opacity:.6}}),h("span",{children:"Reconnecting\u2026"})]})})]})}var bx=`
74
- [data-popmelt-top-layer-host] {
75
- -webkit-user-select: none;
76
- user-select: none;
77
- --popmelt-selection-background: #626262;
78
- --popmelt-selection-color: #ffffff;
79
- }
80
- [data-popmelt-top-layer-host] * {
81
- -webkit-user-select: none;
82
- user-select: none;
83
- }
84
- [data-popmelt-top-layer-host] [data-popmelt-theme="light"] {
85
- --popmelt-selection-background: #a3a3a3;
86
- --popmelt-selection-color: #171717;
87
- }
88
- [data-popmelt-top-layer-host] ::selection {
89
- background: var(--popmelt-selection-background);
90
- color: var(--popmelt-selection-color);
91
- }
92
- [data-popmelt-top-layer-host] :is(input, textarea, [contenteditable]:not([contenteditable="false"]), [role="textbox"], [data-devtools="thread-panel"]),
93
- [data-popmelt-top-layer-host] :is([contenteditable]:not([contenteditable="false"]), [role="textbox"], [data-devtools="thread-panel"]) * {
94
- -webkit-user-select: text;
95
- user-select: text;
96
- }
97
- `;function wx({children:e}){let[t,n]=L(null);return Lt(()=>{let r=document.createElement("div");return r.setAttribute("data-popmelt-top-layer-host",""),Object.assign(r.style,{position:"fixed",inset:"0",width:"100dvw",height:"100dvh",overflow:"visible",pointerEvents:"none",zIndex:String(2147483647)}),document.documentElement.appendChild(r),n(r),()=>r.remove()},[]),t?wu(T(nt,{children:[h("style",{children:bx}),e]}),t):null}var xx=`
98
- ${Ym}
99
- *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
100
- :host {
101
- font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
102
- font-size: 12px;
103
- color: #1f2937;
104
- line-height: 1.5;
105
- -webkit-font-smoothing: antialiased;
106
- -webkit-user-select: none;
107
- user-select: none;
108
- --popmelt-selection-background: #626262;
109
- --popmelt-selection-color: #ffffff;
110
- }
111
- /* Host stylesheets are mirrored for previews, including page-wide selection
112
- colors. Keep chrome labels inert and give editable/thread text a Popmelt
113
- selection treatment instead of inheriting the page's highlight. */
114
- :host * {
115
- -webkit-user-select: none;
116
- user-select: none;
117
- }
118
- :host [data-popmelt-theme="light"] {
119
- --popmelt-selection-background: #a3a3a3;
120
- --popmelt-selection-color: #171717;
121
- /* Keep the native scrollbar width, but soften its high-contrast light thumb. */
122
- scrollbar-color: rgba(0, 0, 0, 0.06) transparent;
123
- }
124
- :host [data-popmelt-theme="dark"],
125
- :host [data-popmelt-panel] {
126
- scrollbar-color: auto;
127
- }
128
- :host ::selection {
129
- background: var(--popmelt-selection-background);
130
- color: var(--popmelt-selection-color);
131
- }
132
- :host :is(input, textarea, [contenteditable]:not([contenteditable="false"]), [role="textbox"], [data-devtools="thread-panel"]),
133
- :host :is([contenteditable]:not([contenteditable="false"]), [role="textbox"], [data-devtools="thread-panel"]) * {
134
- -webkit-user-select: text;
135
- user-select: text;
136
- }
137
- /* Direct reset for all Popmelt chrome elements.
138
- Beats broad selectors from mirrored host stylesheets (e.g. div, span, *).
139
- Inline styles on individual elements still win (higher specificity).
140
- color: inherit (not a fixed value) so children properly inherit inline
141
- colors set by parents \u2014 e.g. thread header sets color:#fff, child spans
142
- should get white, not this reset gray. */
143
- :host *:not([data-popmelt-panel]):not([data-popmelt-panel] *):not([data-popmelt-font="sans"]):not([data-popmelt-font="sans"] *) {
144
- font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
145
- font-size: 12px;
146
- color: inherit;
147
- line-height: 1.5;
148
- -webkit-font-smoothing: antialiased;
149
- }
150
- /* Thread typography has its own role-based type system. Let descendants
151
- inherit the nearest thread style so conversational UI can use Geist while
152
- explicitly monospaced headers, code, and tool payloads remain monospaced. */
153
- :host [data-devtools="thread-panel"]:not([data-popmelt-panel]) * {
154
- font-family: inherit;
155
- font-size: inherit;
156
- line-height: inherit;
157
- }
158
- /* Break font inheritance for component previews \u2014 let mirrored host
159
- page styles (Tailwind, globals) apply instead of Popmelt's monospace. */
160
- [data-popmelt-panel] {
161
- font: 16px / 1.5 system-ui, -apple-system, sans-serif;
162
- color: initial;
163
- -webkit-font-smoothing: auto;
164
- }
165
- `;function Sx({children:e}){return _(()=>{Um(document)},[]),T(nt,{children:[h("style",{children:xx}),e]})}function kx(e){return e.tagName==="STYLE"||e.tagName==="LINK"&&e.rel==="stylesheet"}function Ix(e){let t=new Map,n=e.firstChild;function r(a){if(t.has(a)||a.hasAttribute("data-pm-mirror"))return;let l=a.cloneNode(!0);l.setAttribute("data-pm-mirror",""),e.insertBefore(l,n),t.set(a,l)}function o(a){let l=t.get(a);l&&(l.remove(),t.delete(a))}for(let a of document.querySelectorAll('link[rel="stylesheet"], style'))a.getRootNode()===document&&r(a);try{document.adoptedStyleSheets.length>0&&(e.adoptedStyleSheets=[...document.adoptedStyleSheets,...e.adoptedStyleSheets])}catch{}let i=new MutationObserver(a=>{for(let l of a)if(l.type==="childList"){for(let s of l.addedNodes)s instanceof Element&&kx(s)&&r(s);for(let s of l.removedNodes)s instanceof Element&&o(s)}});return i.observe(document.head,{childList:!0}),document.body&&i.observe(document.body,{childList:!0}),()=>{i.disconnect();for(let a of t.values())a.remove();t.clear()}}function Ex({children:e,zIndex:t=1e4}){let n=J(null),[r,o]=L(null),[i,a]=L(null);return Lt(()=>{let l=n.current;if(!l||l.shadowRoot)return;let s=l.attachShadow({mode:"open"}),c=document.createElement("div");c.setAttribute("data-popmelt-root",""),c.setAttribute("data-popmelt-canvas-block",""),s.appendChild(c),o(s),a(c)},[]),_(()=>{if(r)return Ix(r)},[r]),T(nt,{children:[h("div",{ref:n,"data-popmelt-shadow-host":!0,style:{position:"absolute",width:0,height:0,overflow:"visible",pointerEvents:"auto",zIndex:t}}),i&&wu(e,i)]})}function ao({src:e,alt:t="",...n}){let r=typeof e=="string"&&Bc(e),[o,i]=L(null);return _(()=>{if(!r||typeof e!="string")return;let a=new AbortController,l;return Vt(e,{signal:a.signal,cache:"no-store"}).then(async s=>{if(!s.ok)return;let c=await s.blob();a.signal.aborted||(l=URL.createObjectURL(c),i({src:e,objectUrl:l}))}).catch(()=>{}),()=>{a.abort(),l&&URL.revokeObjectURL(l)}},[e,r]),h("img",{...n,alt:t,src:r?o?.src===e?o.objectUrl:void 0:e})}function Tx({messages:e,renderMessage:t,onChange:n}){return e.length?T("section",{"aria-label":"Queued messages",style:{display:"flex",flexDirection:"column",gap:6,flexShrink:0,borderTop:"1px solid var(--popmelt-thread-hairline)",paddingTop:8},children:[h("style",{children:`
166
- [data-queued-reply-actions] {
167
- width: 0;
168
- margin-left: 0;
169
- opacity: 0;
170
- overflow: hidden;
171
- pointer-events: none;
172
- transition: width 100ms ease-out, margin-left 100ms ease-out, opacity 100ms ease-out;
173
- }
174
- [data-queued-reply]:hover [data-queued-reply-actions],
175
- [data-queued-reply]:focus-within [data-queued-reply-actions],
176
- [data-queued-reply][data-editing="true"] [data-queued-reply-actions] {
177
- width: 52px;
178
- margin-left: 5px;
179
- opacity: 1;
180
- pointer-events: auto;
181
- }
182
- [data-queued-reply-actions] button {
183
- color: var(--popmelt-thread-muted);
184
- transition: color 50ms ease-out;
185
- }
186
- [data-queued-reply-actions] button:not(:disabled):hover,
187
- [data-queued-reply-actions] button:not(:disabled):focus-visible {
188
- color: var(--popmelt-thread-action);
189
- }
190
- [data-queued-reply-actions] button:not(:disabled):active {
191
- color: var(--popmelt-thread-action-hover);
192
- }
193
- [data-queued-reply-actions] button:disabled {
194
- opacity: 0.4;
195
- cursor: default;
196
- }
197
- @media (hover: none), (pointer: coarse) {
198
- [data-queued-reply-actions] {
199
- width: 52px;
200
- margin-left: 5px;
201
- opacity: 1;
202
- pointer-events: auto;
203
- }
204
- }
205
- @media (prefers-reduced-motion: reduce) {
206
- [data-queued-reply-actions],
207
- [data-queued-reply-actions] button { transition: none; }
208
- }
209
- `}),T("div",{style:{fontSize:12,fontWeight:600,marginBottom:4,color:"var(--popmelt-thread-muted)"},children:[e.length," queued"]}),e.map(r=>h(Cx,{message:r,renderMessage:t,onChange:n},r.lifecycle?.submissionIds[0]??`${r.jobId}-${r.timestamp}`))]}):null}function Cx({message:e,renderMessage:t,onChange:n}){let[r,o]=L(!1),[i,a]=L(e.replyToQuestion??""),[l,s]=L(!1),[c,d]=L(""),p=!!(n&&e.lifecycle?.submissionIds[0])&&!l,u=async m=>{if(!(!p||!n||m==="")){s(!0),d("");try{await n(e,m),o(!1)}catch(g){d(g instanceof Error?g.message:"Could not update queued message.")}finally{s(!1)}}},f={display:"inline-flex",alignItems:"center",justifyContent:"center",background:"none",border:0,cursor:"pointer",padding:5,width:26,height:28,flexShrink:0};return T("div",{"data-queued-reply":!0,"data-editing":r,style:{display:"flex",flexDirection:"column",gap:4,width:"100%",minWidth:0,flexShrink:0},children:[T("div",{style:{display:"flex",alignItems:"center",minWidth:0},children:[h("div",{"data-queued-reply-preview":!0,style:{flex:1,minWidth:0},children:r&&n?h("textarea",{autoFocus:!0,"aria-label":"Edit queued message",value:i,disabled:l,onChange:m=>a(m.target.value),onKeyDown:m=>{m.key==="Escape"&&(m.stopPropagation(),l||o(!1)),m.key==="Enter"&&(m.metaKey||m.ctrlKey)&&!m.nativeEvent.isComposing&&(m.preventDefault(),m.stopPropagation(),u(i.trim()))},style:{width:"100%",boxSizing:"border-box",minHeight:90,resize:"vertical",font:"inherit",lineHeight:1.5,color:"inherit",background:"var(--popmelt-thread-raised)",border:"1px solid var(--popmelt-thread-hairline)",borderRadius:12,padding:12}}):t(e)}),n&&h("div",{"data-queued-reply-actions":!0,style:{display:"flex",flexShrink:0},children:r?T(nt,{children:[h("button",{type:"button",title:"Save queued message","aria-label":"Save queued message",disabled:!p||!i.trim(),style:f,onClick:()=>{u(i.trim())},children:h(Eo,{size:14})}),h("button",{type:"button",title:"Cancel editing","aria-label":"Cancel editing",disabled:l,style:f,onClick:()=>o(!1),children:h(ll,{size:14})})]}):T(nt,{children:[h("button",{type:"button",title:"Edit queued message","aria-label":"Edit queued message",disabled:!p,style:f,onClick:()=>{a(e.replyToQuestion??""),d(""),o(!0)},children:h(mu,{size:14})}),h("button",{type:"button",title:"Delete queued message","aria-label":"Delete queued message",disabled:!p,style:f,onClick:()=>{u(null)},children:h(Dg,{size:14})})]})})]}),c&&h("div",{role:"alert",style:{fontSize:12,color:"#dc2626"},children:c})]})}var uh={background:"var(--popmelt-thread-soft)",border:"1px solid var(--popmelt-thread-border)",borderRadius:24,display:"flex",flexDirection:"column",gap:10,padding:16},Cd={background:"transparent",border:"1px solid var(--popmelt-thread-border)",borderRadius:16,color:"var(--popmelt-thread-secondary)",cursor:"pointer",fontFamily:"inherit",fontSize:11,fontWeight:650,padding:"6px 9px",textAlign:"left"};function Ax({approval:e,accentColor:t,connected:n,decide:r}){let[o,i]=L(!1),[a,l]=L(!1),[s,c]=L(""),d=e.status==="pending",p=async u=>{if(!(a||!n)){l(!0),c("");try{await r(u)}catch(f){c(f instanceof Error?f.message:"Could not send decision.")}finally{l(!1)}}};return d?T("div",{"data-popmelt-approval":e.status,style:uh,children:[T("button",{type:"button","aria-expanded":o,onClick:()=>i(!o),style:{background:"none",border:0,padding:0,display:"flex",alignItems:"center",gap:8,color:"var(--popmelt-thread-primary)",font:"inherit",fontSize:14,fontWeight:650,cursor:"pointer",textAlign:"left"},children:[h(vu,{size:16,color:t,"aria-hidden":"true"}),h("span",{style:{flex:1},children:d?"Permission needed":{pending:"Permission needed",allowed:"Allowed once",denied:"Denied",expired:"Request expired"}[e.status]}),h(zi,{size:14,"aria-hidden":"true",style:{transform:o?"rotate(180deg)":"none"}})]}),d&&T("div",{style:{color:"var(--popmelt-thread-secondary)",fontSize:13,lineHeight:1.35},children:[e.summary,e.phase==="parked"&&h("div",{role:"status",children:"Parked \xB7 other tasks can continue. Approve to run next."})]}),h("div",{title:e.cwd,style:{fontSize:11,color:"var(--popmelt-thread-muted-strong)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.cwd}),o&&T("div",{style:{borderLeft:"1px solid var(--popmelt-thread-border)",paddingLeft:12,color:"var(--popmelt-thread-secondary)",fontSize:12},children:[T("div",{children:["One-time permission for this"," ",e.kind==="command"?"command":"file change","."]}),h("pre",{style:{fontSize:11,whiteSpace:"pre-wrap",overflowWrap:"anywhere",maxHeight:200,overflow:"auto",marginBottom:0},children:e.details})]}),d&&T("div",{style:{display:"flex",gap:6},children:[h("button",{type:"button","data-approval-decision":"allow",disabled:a||!n,style:Cd,onClick:()=>{p("allow")},children:"Allow once"}),h("button",{type:"button","data-approval-decision":"deny",disabled:a||!n,style:Cd,onClick:()=>{p("deny")},children:"Deny"})]}),d&&!n&&h("div",{role:"status",style:{fontSize:12},children:"Reconnecting\u2026"}),s&&h("div",{role:"alert",style:{fontSize:12},children:s})]}):h(ph,{approval:e})}function ph({approval:e}){let t=e.kind==="command"?fu:Ag;return T("div",{"data-popmelt-approval":e.status,title:e.details,style:{display:"flex",alignItems:"center",gap:6,color:"var(--popmelt-thread-muted-strong)",fontSize:12},children:[h(t,{size:14,"aria-hidden":"true"}),T("span",{children:[e.status==="allowed"?e.phase==="queued"?"Allowed once \xB7 queued next":"Allowed once":e.status==="denied"?"Denied":e.expiryReason==="no_response"?"No response received":"Request expired"," ","\xB7 ",e.summary]})]})}function Mx({bridgeUrl:e,threadId:t,visible:n,active:r,onPendingChange:o}){let[i,a]=L([]),[l,s]=L(!1),c=i.some(d=>d.threadId===t&&d.status==="pending");return _(()=>(o(c),()=>o(!1)),[o,c]),_(()=>{if(a([]),s(!1),!n)return;let d=new AbortController,p,u=async()=>{try{let f=await Vt(`${e}/approvals?threadId=${encodeURIComponent(t)}`,{signal:d.signal});if(!f.ok)throw new Error("Approval fetch failed");let m=await f.json();d.signal.aborted||(a(Array.isArray(m.approvals)?m.approvals:[]),s(!0))}catch{d.signal.aborted||s(!1)}!d.signal.aborted&&r&&(p=setTimeout(()=>{u()},1500))};return u(),()=>{d.abort(),clearTimeout(p)}},[e,t,n,r]),{approvals:i,connected:l,decide:async(d,p)=>{let u=await Vt(`${e}/approvals`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:d.id,threadId:t,jobId:d.jobId,decision:p})}),f=await u.json();if(!u.ok)throw new Error(f.error||"Could not send decision.");a(Array.isArray(f.approvals)?f.approvals:[])}}}var Ad="ui-monospace, SFMono-Regular, Menlo, monospace",Rx=0;function Lx({size:e=11}){let t=++Rx,n=`pm-vs-m${t}`,r=`pm-vs-f0-${t}`,o=`pm-vs-f1-${t}`,i=`pm-vs-g${t}`;return T("svg",{width:e,height:e,viewBox:"0 0 100 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{display:"inline",verticalAlign:"middle",marginLeft:3,flexShrink:0},children:[h("mask",{id:n,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"100",height:"100",children:h("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M70.9119 99.3171C72.4869 99.9307 74.2828 99.8914 75.8725 99.1264L96.4608 89.2197C98.6242 88.1787 100 85.9892 100 83.5872V16.4133C100 14.0113 98.6243 11.8218 96.4609 10.7808L75.8725 0.873756C73.7862 -0.130129 71.3446 0.11576 69.5135 1.44695C69.252 1.63711 69.0028 1.84943 68.769 2.08341L29.3551 38.0415L12.1872 25.0096C10.589 23.7965 8.35363 23.8959 6.86933 25.2461L1.36303 30.2549C-0.452552 31.9064 -0.454633 34.7627 1.35853 36.417L16.2471 50.0001L1.35853 63.5832C-0.454633 65.2374 -0.452552 68.0938 1.36303 69.7453L6.86933 74.7541C8.35363 76.1043 10.589 76.2037 12.1872 74.9905L29.3551 61.9587L68.769 97.9167C69.3925 98.5406 70.1246 99.0104 70.9119 99.3171ZM75.0152 27.2989L45.1091 50.0001L75.0152 72.7012V27.2989Z",fill:"white"})}),T("g",{mask:`url(#${n})`,children:[h("path",{d:"M96.4614 10.7962L75.8569 0.875542C73.4719 -0.272773 70.6217 0.211611 68.75 2.08333L1.29858 63.5832C-0.515693 65.2373 -0.513607 68.0937 1.30308 69.7452L6.81272 74.754C8.29793 76.1042 10.5347 76.2036 12.1338 74.9905L93.3609 13.3699C96.086 11.3026 100 13.2462 100 16.6667V16.4275C100 14.0265 98.6246 11.8378 96.4614 10.7962Z",fill:"#0065A9"}),h("g",{filter:`url(#${r})`,children:h("path",{d:"M96.4614 89.2038L75.8569 99.1245C73.4719 100.273 70.6217 99.7884 68.75 97.9167L1.29858 36.4169C-0.515693 34.7627 -0.513607 31.9063 1.30308 30.2548L6.81272 25.246C8.29793 23.8958 10.5347 23.7964 12.1338 25.0095L93.3609 86.6301C96.086 88.6974 100 86.7538 100 83.3334V83.5726C100 85.9735 98.6246 88.1622 96.4614 89.2038Z",fill:"#007ACC"})}),h("g",{filter:`url(#${o})`,children:h("path",{d:"M75.8578 99.1263C73.4721 100.274 70.6219 99.7885 68.75 97.9166C71.0564 100.223 75 98.5895 75 95.3278V4.67213C75 1.41039 71.0564 -0.223106 68.75 2.08329C70.6219 0.211402 73.4721 -0.273666 75.8578 0.873633L96.4587 10.7807C98.6234 11.8217 100 14.0112 100 16.4132V83.5871C100 85.9891 98.6234 88.1786 96.4586 89.2196L75.8578 99.1263Z",fill:"#1F9CF0"})}),h("g",{style:{mixBlendMode:"overlay"},opacity:"0.25",children:h("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M70.8511 99.3171C72.4261 99.9306 74.2221 99.8913 75.8117 99.1264L96.4 89.2197C98.5634 88.1787 99.9392 85.9892 99.9392 83.5871V16.4133C99.9392 14.0112 98.5635 11.8217 96.4001 10.7807L75.8117 0.873695C73.7255 -0.13019 71.2838 0.115699 69.4527 1.44688C69.1912 1.63705 68.942 1.84937 68.7082 2.08335L29.2943 38.0414L12.1264 25.0096C10.5283 23.7964 8.29285 23.8959 6.80855 25.246L1.30225 30.2548C-0.513334 31.9064 -0.515415 34.7627 1.29775 36.4169L16.1863 50L1.29775 63.5832C-0.515415 65.2374 -0.513334 68.0937 1.30225 69.7452L6.80855 74.754C8.29285 76.1042 10.5283 76.2036 12.1264 74.9905L29.2943 61.9586L68.7082 97.9167C69.3317 98.5405 70.0638 99.0104 70.8511 99.3171ZM74.9544 27.2989L45.0483 50L74.9544 72.7012V27.2989Z",fill:`url(#${i})`})})]}),T("defs",{children:[T("filter",{id:r,x:"-8.39411",y:"15.8291",width:"116.727",height:"92.2456",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[h("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),h("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),h("feOffset",{}),h("feGaussianBlur",{stdDeviation:"4.16667"}),h("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),h("feBlend",{mode:"overlay",in2:"BackgroundImageFix",result:"effect1_dropShadow"}),h("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow",result:"shape"})]}),T("filter",{id:o,x:"60.4167",y:"-8.07558",width:"47.9167",height:"116.151",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[h("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),h("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),h("feOffset",{}),h("feGaussianBlur",{stdDeviation:"4.16667"}),h("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),h("feBlend",{mode:"overlay",in2:"BackgroundImageFix",result:"effect1_dropShadow"}),h("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow",result:"shape"})]}),T("linearGradient",{id:i,x1:"49.9392",y1:"0.257812",x2:"49.9392",y2:"99.7423",gradientUnits:"userSpaceOnUse",children:[h("stop",{stopColor:"white"}),h("stop",{offset:"1",stopColor:"white",stopOpacity:"0"})]})]})]})}var $x=/^#[0-9a-fA-F]{3,8}$/,jx=/^(?:rgba?|hsla?|oklch)\([^)]+\)$/,Px=new Set(["black","white","red","blue","green","yellow","orange","purple","pink","gray","grey","cyan","magenta","brown","navy","teal","maroon","olive","silver","aqua","fuchsia","lime"]);function zx(e){let t=e.trim();return $x.test(t)||jx.test(t)||Px.has(t.toLowerCase())}function Md(e,t){return h("span",{style:{display:"inline-block",width:10,height:10,backgroundColor:e,border:"1px solid rgba(0,0,0,0.15)",borderRadius:2,verticalAlign:"middle",marginRight:3}},t)}function ka(e){let t=[],n=/(`[^`]+`)|(\*\*\*(.+?)\*\*\*)|(\*\*(.+?)\*\*)|(\*(.+?)\*)|(_([^_]+?)_)|(\[([^\]]+)\]\(([^)]+)\))|(#[0-9a-fA-F]{3,8})(?![0-9a-fA-F])|((?:rgba?|hsla?|oklch)\([^)]+\))/g,r=0,o;for(;(o=n.exec(e))!==null;){if(o.index>r&&t.push(e.slice(r,o.index)),o[1]){let i=o[1].slice(1,-1);zx(i)&&t.push(Md(i,`sw-${o.index}`)),t.push(h("code",{style:{fontFamily:Ad,fontSize:"0.9em",backgroundColor:"rgba(0,0,0,0.06)",padding:"1px 4px",borderRadius:2},children:i},o.index))}else if(o[3]!==void 0)t.push(h("strong",{children:h("em",{children:o[3]})},o.index));else if(o[5]!==void 0)t.push(h("strong",{children:o[5]},o.index));else if(o[7]!==void 0)t.push(h("em",{children:o[7]},o.index));else if(o[9]!==void 0)t.push(h("em",{children:o[9]},o.index));else if(o[11]!==void 0&&o[12]!==void 0){let i=o[12],a=!/^https?:\/\/|^mailto:/i.test(i),l=a?`vscode://file/${i}`:i;a?t.push(T("a",{href:l,target:"_blank",rel:"noopener noreferrer",style:{color:"inherit",textDecoration:"underline",whiteSpace:"nowrap",backgroundColor:"rgba(0,0,0,0.06)",padding:"1px 4px",borderRadius:2,fontFamily:Ad,fontSize:"0.9em"},children:[o[11],h(Lx,{})]},o.index)):t.push(h("a",{href:l,target:"_blank",rel:"noopener noreferrer",style:{color:"inherit",textDecoration:"underline"},children:o[11]},o.index))}else o[13]!==void 0?(t.push(Md(o[13],`sw-${o.index}`)),t.push(o[13])):o[14]!==void 0&&(t.push(Md(o[14],`sw-${o.index}`)),t.push(o[14]));r=o.index+o[0].length}return r<e.length&&t.push(e.slice(r)),t}function Rr(e){let t=e.split(`
210
- `),n=[],r=0;for(;r<t.length;){let o=t[r];if(o.trimStart().startsWith("```")){let l=[];for(r++;r<t.length&&!t[r].trimStart().startsWith("```");)l.push(t[r]),r++;r++,n.push(h("pre",{style:{fontFamily:Ad,fontSize:"0.9em",lineHeight:1.4,backgroundColor:"rgba(0,0,0,0.04)",padding:"6px 8px",margin:"4px 0",overflowX:"auto",whiteSpace:"pre"},children:l.join(`
211
- `)},n.length));continue}if(/^(-{3,}|\*{3,}|_{3,})\s*$/.test(o)){n.push(h("hr",{style:{border:"none",borderTop:"1px solid rgba(0,0,0,0.1)",margin:"6px 0"}},n.length)),r++;continue}let i=o.match(/^(#{1,4})\s+(.+)/);if(i){let l=i[1].length,s={1:16,2:14,3:13,4:12};n.push(h("div",{style:{fontWeight:700,fontSize:s[l]??12,margin:"8px 0 2px"},children:ka(i[2])},n.length)),r++;continue}if(o.trimStart().startsWith("|")&&o.trimEnd().endsWith("|")){let l=[];for(;r<t.length&&t[r].trimStart().startsWith("|")&&t[r].trimEnd().endsWith("|");)l.push(t[r]),r++;let s=g=>/^\|[\s\-:|]+\|$/.test(g),c=l.filter(g=>!s(g)),d=g=>g.split("|").slice(1,-1).map(y=>y.trim()),p=g=>/^\*\*.+\*\*$/.test(g)||/^__.+__$/.test(g),u=c.map(d),f=u.length>1&&u.slice(1).every(g=>g[0]&&p(g[0])),m=u.length>0&&u[0].every(g=>p(g));n.push(h("div",{style:{overflowX:"auto",margin:"4px 0",paddingBottom:4},children:h("table",{style:{borderCollapse:"separate",borderSpacing:0,fontSize:"0.95em",width:"max-content",minWidth:"100%"},children:h("tbody",{children:c.map((g,y)=>h("tr",{children:d(g).map((x,R)=>h(y===0?"th":"td",{style:{border:"1px solid rgba(0,0,0,0.1)",padding:"3px 6px",textAlign:"left",fontWeight:y===0?600:400,minWidth:60,whiteSpace:"nowrap",...R===0&&f||y===0&&m?{position:"sticky",...R===0&&f?{left:0}:{},...y===0&&m?{top:0}:{},background:"#fff",zIndex:R===0&&f&&y===0&&m?2:1}:{}},children:ka(x)},R))},y))})})},n.length));continue}if(o.match(/^(\s*)([-*])\s+(.+)/)){let l=[];for(;r<t.length;){let s=t[r].match(/^\s*[-*]\s+(.+)/);if(s)l.push(s[1]),r++;else if(l.length>0&&t[r].match(/^\s+\S/)&&!t[r].match(/^\s*\d+\.\s/)&&!t[r].match(/^\s*[-*]\s+/))l[l.length-1]+=" "+t[r].trim(),r++;else break}n.push(h("ul",{style:{margin:0,paddingLeft:20,listStyleType:"disc",display:"flex",flexDirection:"column",gap:8,fontSize:"inherit",lineHeight:"inherit"},children:l.map((s,c)=>h("li",{children:ka(s)},c))},n.length));continue}let a=o.match(/^(\s*)(\d+)\.\s+(.+)/);if(a){let l=a[1].length,s=parseInt(a[2],10)||1,c=[],d=null;for(;r<t.length;){let p=t[r],u=p.match(/^(\s*)(\d+)\.\s+(.+)/);if(u&&u[1].length===l)d=[u[3]],c.push(d),r++;else if(d&&p.trim()==="")r++;else if(c.length>0&&t[r].match(/^\s+\S/)&&!t[r].match(/^\s*\d+\.\s/)&&!t[r].match(/^\s*[-*]\s+/))d.push(t[r].trim()),r++;else if(d&&/^(Eval|Checks|Sources|Rationale|Prompt|Assertions?|Reason|Why|Expected|Notes?):/i.test(p.trim()))d.push(p.trim()),r++;else if(d&&d.length>1&&p.trim()&&!p.match(/^(#{1,4})\s+/)&&!p.trimStart().startsWith("|")&&!p.match(/^\s*[-*]\s+/)&&!p.match(/^\s*\d+\.\s+/)&&!/^(\*\*)?[A-Z][A-Za-z /&-]{2,40}(\*\*)?$/.test(p.trim()))d.push(p.trim()),r++;else break}n.push(h("ol",{start:s,style:{margin:0,paddingLeft:20,listStyleType:"decimal",display:"flex",flexDirection:"column",gap:8,fontSize:"inherit",lineHeight:"inherit"},children:c.map((p,u)=>h("li",{children:h("div",{style:{display:"flex",flexDirection:"column",gap:6},children:p.map((f,m)=>h("div",{children:ka(f)},m))})},u))},n.length));continue}if(o.trim()===""){r++;continue}n.push(h("div",{style:{fontSize:"inherit",lineHeight:"inherit"},children:ka(o)},n.length)),r++}return h("div",{style:{display:"flex",flexDirection:"column",fontSize:"inherit",gap:8,lineHeight:"inherit"},children:n})}var hh="<orientation>",Dx="</orientation>",Hx="<\\/orientation>",fh=[Dx,Hx];function Ox(e,t){let n=t;for(;n<e.length&&/\s/.test(e[n]);)n++;if(n>=e.length)return{status:"incomplete",start:n};if(e[n]!=="{")return{status:"invalid",start:n};let r=0,o=!1,i=!1;for(let a=n;a<e.length;a++){let l=e[a];if(o){i?i=!1:l==="\\"?i=!0:l==='"'&&(o=!1);continue}if(l==='"')o=!0;else if(l==="{")r++;else if(l==="}"){if(r--,r===0)return{status:"complete",start:n,end:a+1};if(r<0)return{status:"invalid",start:n}}}return{status:"incomplete",start:n}}function Rd(e,t){if(!t)return;let n=e[e.length-1];n?.kind==="text"?n.text+=t:e.push({kind:"text",text:t})}function mh(e,t){let n=null;for(let r of fh){let o=e.indexOf(r,t);o>=0&&(!n||o<n.index)&&(n={index:o,tag:r})}return n}function Nx(e){let t=[],n=0;for(;n<e.length;){let r=e.indexOf(hh,n),o=mh(e,n);if(o&&(r<0||o.index<r)){Rd(t,e.slice(n,o.index)),n=o.index+o.tag.length;continue}if(r<0){Rd(t,e.slice(n));break}Rd(t,e.slice(n,r));let i=r+hh.length,a=Ox(e,i);if(a.status!=="complete"){let c=mh(e,i);if(c){n=c.index+c.tag.length;continue}n=i;continue}t.push({kind:"orientation",json:e.slice(a.start,a.end)}),n=a.end;let l=n;for(;l<e.length&&/\s/.test(e[l]);)l++;let s=fh.find(c=>e.startsWith(c,l));s&&(n=l+s.length)}return t}function _x(e){return Nx(e).map(t=>t.kind==="text"?t.text:`
212
-
213
- `).join("").replace(/\n{3,}/g,`
214
-
215
- `).trim()}function Fx(e){return e.replace(/<resolution>[\s\S]*?(?:<\/resolution>|$)/g,"")}function Wx(e){return e.replace(/\b([A-Za-z]{2,}[.!?])(?=[A-Z][a-z])/g,`$1
216
-
217
- `)}function Ld(e){return Wx(Fx(_x(e)).replace(/<question>[\s\S]*?<\/question>/g,"").replace(/<plan>[\s\S]*?<\/plan>/g,"").replace(/<review>[\s\S]*?<\/review>/g,"").replace(/<novel>[\s\S]*?<\/novel>/g,"").replace(/<eval_proposals>[\s\S]*?<\/eval_proposals>/g,"").replace(/<eval_run_result>[\s\S]*?<\/eval_run_result>/g,"").replace(/<evals>[\s\S]*?<\/evals>/g,"").replace(/<memory-review>[\s\S]*?<\/memory-review>/g,"").replace(/<memory-review-card>[\s\S]*?<\/memory-review-card>/g,"").replace(/<memory-[\s\S]*$/g,"").replace(/<imprint>[\s\S]*?<\/imprint>/g,"").replace(/<imprint>[\s\S]*$/g,"").trim())}function gh(e){return e.replace(/\s+/g," ").trim()}function Bx(e,t){let n=gh(Ld(t)),r=gh(e.filter(o=>o.kind==="text"&&typeof o.text=="string").map(o=>Ld(o.text)).join(" "));return n===r}function Jx(e){return e.kind==="tool_group"?!0:e.kind!=="text"||!("text"in e)?!1:typeof e.text=="string"&&e.text.trim().length===0}function yh(e){let t=new Set,n=null;for(let r=0;r<e.length;r++){let o=e[r];if(o.kind==="orientation"){n=r;continue}Jx(o)||n!==null&&(t.add(n),n=null)}return n!==null&&t.add(n),e.filter((r,o)=>r.kind!=="orientation"||t.has(o))}var qx="popmelt-thread-composer-draft",Pl={text:"",selectionStart:0,selectionEnd:0,selectionDirection:"none"};function vh(){if(!(typeof window>"u"))return window.localStorage}function bh(e){return`${qx}:${e}`}function Ux(e,t=vh()){if(!t)return Pl;try{let n=t.getItem(bh(e));if(!n)return Pl;if(!n.startsWith("{"))return{text:n,selectionStart:n.length,selectionEnd:n.length,selectionDirection:"none"};let r=JSON.parse(n);if(typeof r.text!="string")return Pl;let o=Math.max(0,Math.min(r.text.length,Number(r.selectionStart)||0)),i=Math.max(o,Math.min(r.text.length,Number(r.selectionEnd)||0)),a=r.selectionDirection==="forward"||r.selectionDirection==="backward"?r.selectionDirection:"none";return{text:r.text,selectionStart:o,selectionEnd:i,selectionDirection:a}}catch{return Pl}}function $d(e,t,n=vh(),r={selectionStart:t.length,selectionEnd:t.length,selectionDirection:"none"}){if(n)try{let o=bh(e);t.length>0?n.setItem(o,JSON.stringify({text:t,selectionStart:r.selectionStart,selectionEnd:r.selectionEnd,selectionDirection:r.selectionDirection})):n.removeItem(o)}catch{}}function Yx(e,t,n){return n?.activePreview?n.annotationNumber:e??t}function Xx(e,t){return e?.trim()?e.trim():Zy(t.find(n=>n.role==="human"))}function Kx(e,t){if(!t)return e;let n=e.findIndex(r=>r.role==="human"&&r.execution==="none"&&r.jobId===`suggestion-${t}`);return n<0?e:e.slice(n+1).some(r=>r.role==="human"&&r.execution!=="none"&&!r.replyToQuestion&&!!(r.screenshotUrl||Object.values(r.screenshotUrls??{}).some(Boolean))&&!!(r.requestText?.trim()||r.requestItems?.length||r.feedbackSummary?.trim()))?e.filter((r,o)=>o!==n):e}var jd=280,zl=e=>`${e.jobId}:${e.role}:${e.timestamp}`;function Vx(e,t,n,r){let o=`${n}:${t??""}`,i=xe(()=>Kx(e,t),[e,t]),a=e.find(u=>u.role==="human"&&u.execution==="none"&&u.jobId===`suggestion-${t}`),l=i.length<e.length,s=xe(()=>{if(!a||l)return i;let u=e.indexOf(a);return e.filter((f,m)=>m<=u||f.role==="assistant"||f.execution==="none"||!!f.replyToQuestion)},[e,a,l,i]),[c,d]=L({scope:o,phase:"idle",seenKeys:[]});if(c.scope!==o)d({scope:o,phase:"idle",seenKeys:[]});else if(c.phase==="idle"){if(l)d({...c,phase:c.seedKey?"preparing":"done"});else if(a){let u=s.map(zl);u.join("|")!==c.seenKeys.join("|")&&d({...c,seenKeys:u,seedKey:zl(a)})}}Lt(()=>{if(c.phase!=="preparing")return;let u=Array.from(r.current?.querySelectorAll('[data-suggestion-handoff="incoming"] img')??[]),f=new Set(u.filter(x=>!x.getAttribute("src")||!x.complete)),m=()=>d(x=>({...x,phase:window.matchMedia?.("(prefers-reduced-motion: reduce)").matches?"done":"animating"})),g=x=>{f.delete(x.target),f.size||m()};f.forEach(x=>{x.addEventListener("load",g),x.addEventListener("error",g)});let y=window.setTimeout(m,1500);return f.size||m(),()=>{window.clearTimeout(y),u.forEach(x=>{x.removeEventListener("load",g),x.removeEventListener("error",g)})}},[r,c.phase,o]),Lt(()=>{if(c.phase!=="animating")return;let u=window.setTimeout(()=>d(f=>({...f,phase:"done"})),jd);return()=>window.clearTimeout(u)},[c.phase,o]);let p=c.phase==="preparing"||c.phase==="animating";return{messages:p?e:s,replacementReady:l,phase:c.phase,motion:u=>{if(!p)return;let f=zl(u);if(f===c.seedKey)return"outgoing";if(!c.seenKeys.includes(f))return"incoming"}}}function Gx(e){return e==="Bash"?"terminal":e==="Edit"||e==="Write"?"pencil":e==="ImageGen"?"image":"tool"}function Qx(e){let t=new Map;for(let n of e){let r=Gx(n.tool),o=t.get(r)??{kind:r,count:0,groups:[]};o.count+=n.items.length,o.groups.push(n),t.set(r,o)}return[...t.values()]}function Zx(e,t,n){return e&&t!==n}function eS(e){let t=new Set;for(let n of e){if(n.type!=="image_generation")continue;let r=n.data.itemId;typeof r=="string"&&(n.data.phase==="started"&&t.add(r),n.data.phase==="completed"&&t.delete(r))}return t.size>0}var cn=ks,tS=350,nS=200,rS=120,$o=14,wh=360,oS=0,iS=!1,aS=8,lS="devtools-thread-panel-position",sS=wh+2*oS;function jo(){let e=window.visualViewport;return{width:e?.width??window.innerWidth,height:e?.height??window.innerHeight}}function Ia(e=jo().width){let t=Zo(e);return Math.max(t,e-kc(e)-t)}function Pd(e="right"){let{width:t}=jo(),n=Zo(t);return{top:n,left:e==="left"?n:Ia(t)}}function xh(e,t,n){let{width:r,height:o}=jo(),i=Zo(r),a=n?.getBoundingClientRect(),l=0,s=o-i-l;return a&&t+sS>a.left&&(s=a.top-aS-l),Math.max(200,s-Math.max(0,e))}var dS={width:wh,backgroundColor:"var(--popmelt-thread-surface)",backgroundClip:"padding-box",borderWidth:1,borderStyle:"solid",borderColor:"var(--popmelt-thread-border)",boxSizing:"border-box",display:"flex",flexDirection:"column",overflow:"visible",padding:4,borderRadius:"16px 16px 20px 20px",backdropFilter:"blur(59.5px)",fontFamily:cn,fontSize:14,color:"var(--popmelt-thread-primary)",pointerEvents:"auto"},cS={display:"flex",alignItems:"center",justifyContent:"space-between",padding:"6px 12px",margin:0,fontWeight:600,fontSize:12,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",lineHeight:1.2,overflow:"hidden",position:"absolute",top:4,left:4,right:4,borderRadius:10,zIndex:2},uS={flex:1,overflowY:"auto",padding:"32px 12px 112px",display:"flex",flexDirection:"column",gap:32,scrollbarGutter:"stable"},pS={background:"var(--popmelt-thread-raised)",border:"1px solid var(--popmelt-thread-border)",borderRadius:16,display:"flex",flexDirection:"column",overflow:"hidden"},Yi={color:"var(--popmelt-thread-primary)",fontSize:14,letterSpacing:"0.14px",lineHeight:1.3,wordBreak:"break-word"},Sh=16,hS={...Yi,background:"var(--popmelt-thread-control)",borderRadius:Sh,boxSizing:"border-box",color:"var(--popmelt-thread-muted-strong)",maxWidth:"100%",padding:12,width:"fit-content"};function Ea(e){return Ld(e)}function fS({patterns:e}){let[t,n]=L(!1);return T("div",{style:{marginTop:2},children:[T("button",{type:"button","aria-expanded":t,onClick:()=>n(r=>!r),style:{alignItems:"center",background:"transparent",border:0,color:"var(--popmelt-thread-secondary)",cursor:"pointer",display:"inline-flex",fontFamily:cn,fontSize:12,gap:2,lineHeight:1,padding:0,textAlign:"left"},children:[T("span",{children:["Model details \xB7 ",e.length]}),h(zi,{"aria-hidden":"true",color:"var(--popmelt-thread-muted)",size:14,strokeWidth:1.5,style:{transform:t?"rotate(180deg)":"none",transition:"transform 120ms ease"}})]}),t&&h("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:e.map((r,o)=>T("div",{style:{background:"var(--popmelt-thread-soft)",border:"1px solid var(--popmelt-thread-border)",borderRadius:24,display:"flex",flexDirection:"column",gap:12,padding:16},children:[T("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[T("div",{style:{alignItems:"center",display:"flex",gap:8},children:[h(il,{"aria-hidden":"true",color:"#e51a1a",size:16,strokeWidth:1.5,style:{flexShrink:0}}),h("strong",{style:{color:"var(--popmelt-thread-primary)",fontSize:14,fontWeight:500,letterSpacing:"0.14px",lineHeight:1.3},children:r.element})]}),h("div",{style:{padding:"0 7px"},children:h("div",{style:{alignItems:"center",borderLeft:"1px solid var(--popmelt-thread-border)",color:"var(--popmelt-thread-muted-strong)",display:"flex",fontSize:14,letterSpacing:"0.14px",lineHeight:1.3,padding:"6px 16px 8px"},children:r.decision})})]}),h("div",{style:{color:"var(--popmelt-thread-muted)",fontSize:12,letterSpacing:"0.12px",lineHeight:1.3},children:r.reason})]},`${r.category}:${r.element}:${o}`))})]})}function mS({memoryReview:e}){let[t,n]=L(!1),r=(e.acceptedTruth?.decisions.length??0)+e.packets.length;return T("div",{children:[T("button",{type:"button","aria-expanded":t,onClick:()=>n(o=>!o),style:{alignItems:"center",background:"transparent",border:0,color:"var(--popmelt-thread-muted-strong)",cursor:"pointer",display:"inline-flex",fontFamily:cn,fontSize:12,gap:4,padding:0,textAlign:"left"},children:[T("span",{children:["Decision history \xB7 ",r]}),h(js,{"aria-hidden":"true",size:12,strokeWidth:1.5,style:{transform:t?"rotate(90deg)":"none",transition:"transform 120ms ease"}})]}),t&&T("div",{style:{borderLeft:"2px solid var(--popmelt-thread-border)",color:"var(--popmelt-thread-secondary)",display:"flex",flexDirection:"column",fontSize:12,gap:10,lineHeight:1.45,marginTop:8,padding:"2px 0 2px 12px"},children:[e.acceptedTruth?.decisions.map(o=>T("div",{children:[h("div",{children:o.claim}),T("div",{style:{color:o.effectiveState==="conflicted"?"#b45309":"var(--popmelt-thread-muted)",fontSize:11,marginTop:2},children:[o.kind," \xB7 ",o.effectiveState," \xB7"," ",o.implementation," \xB7 ",o.verification,o.freshness.length?` \xB7 review: ${o.freshness.join(", ")}`:""]})]},o.id)),e.acceptedTruth?.conflicts.map(o=>T("div",{style:{color:"#92400e"},children:["Conflict: ",o.unresolvedQuestion]},o.id)),e.packets.map(o=>T("div",{children:[h("div",{children:o.claim}),T("div",{style:{color:"var(--popmelt-thread-muted)",fontSize:11,marginTop:2},children:[o.presentation==="surface_before_action"?"Confirm before applying":"Advisory",o.evidenceCount>0?` \xB7 ${o.evidenceCount} evidence reference${o.evidenceCount===1?"":"s"}`:""]})]},o.packetId)),(e.truncated||e.acceptedTruth?.truncated)&&h("div",{style:{color:"var(--popmelt-thread-muted)",fontSize:11},children:"More relevant history is available."})]})]})}function Ta(e){let t=new Date(e),n=new Intl.DateTimeFormat(void 0,{hour:"numeric",minute:"2-digit",hour12:!0}).formatToParts(t),r=n.find(u=>u.type==="hour")?.value??"",o=String(Number.parseInt(r,10)||0),i=n.find(u=>u.type==="minute")?.value??"00",a=(n.find(u=>u.type==="dayPeriod")?.value??"").toUpperCase(),l=`${o}:${i}${a}`,s=`${o}:${i}${a?` ${a}`:""}`,c=new Date;if(t.getFullYear()===c.getFullYear()&&t.getMonth()===c.getMonth()&&t.getDate()===c.getDate())return l;let d=Date.UTC(t.getFullYear(),t.getMonth(),t.getDate()),p=Date.UTC(c.getFullYear(),c.getMonth(),c.getDate());return Math.floor((p-d)/864e5)>=7?`${new Intl.DateTimeFormat(void 0,{month:"numeric",day:"numeric",year:"2-digit"}).format(t)}, ${s}`:`${new Intl.DateTimeFormat(void 0,{weekday:"long"}).format(t)}, ${l}`}var gS=250;function yS({color:e}){let[t,n]=L(0);return _(()=>{let r=setInterval(()=>n(o=>(o+1)%2),gS);return()=>clearInterval(r)},[]),T("span",{style:{display:"inline-flex",alignItems:"center",gap:4},children:[h("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:e,style:{verticalAlign:"middle",flexShrink:0,opacity:.6},children:t===1?T(nt,{children:[h("circle",{cx:"7",cy:"7",r:"2"}),h("circle",{cx:"17",cy:"7",r:"2"}),h("circle",{cx:"7",cy:"17",r:"2"}),h("circle",{cx:"17",cy:"17",r:"2"})]}):T(nt,{children:[h("circle",{cx:"12",cy:"6",r:"2"}),h("circle",{cx:"6",cy:"12",r:"2"}),h("circle",{cx:"18",cy:"12",r:"2"}),h("circle",{cx:"12",cy:"18",r:"2"})]})}),h("span",{style:{fontSize:14,color:"var(--popmelt-thread-muted-strong)"},children:"Thinking"})]})}var kh=32,zd=80,vS=Sh/2,bS={width:kh,height:kh,objectFit:"cover",cursor:"pointer",border:"1px solid var(--popmelt-thread-hairline)"},ii={...bS,borderRadius:vS,height:zd,width:zd};function wS(e){let t=/^`(\/[^`]*)`$/gm,n=[...e.matchAll(t)];if(n.length===0)return null;let r=[];for(let o=0;o<n.length;o++){let i=n[o],a=i[1],l=i.index+i[0].length,s=o+1<n.length?n[o+1].index:e.length,c=e.slice(l,s).trim();r.push({route:a,text:c})}return r}function xS(e,t){let n=[];if(e.replyImageUrls)for(let r of e.replyImageUrls){let o=r.startsWith("blob:")||r.startsWith("http")?r:`${t}${r}`;n.push({url:o,label:"pasted image"})}return n}function lo(e,t){return/^(?:blob:|data:|https?:\/\/)/.test(t)?t:`${e}${t}`}function SS(e,t){let n=[];if(e.imageUrls)for(let[,r]of Object.entries(e.imageUrls))for(let o of r)n.push({url:lo(t,o),label:"pasted image"});return n}function kS({src:e,onClose:t}){return _(()=>{let n=r=>{r.key==="Escape"&&(r.stopPropagation(),t())};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[t]),h("div",{onClick:t,style:{position:"fixed",inset:0,zIndex:1e5,backgroundColor:"rgba(0,0,0,0.8)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"zoom-out"},children:h(ao,{src:e,alt:"Attached image preview",onClick:n=>n.stopPropagation(),style:{maxWidth:"90vw",maxHeight:"90vh",objectFit:"contain",cursor:"default",boxShadow:"0 4px 24px rgba(0,0,0,0.4)"}})})}function Ih({src:e,onLightbox:t}){return h("button",{type:"button","aria-label":"Open generated image",onClick:()=>t(e),style:{background:"transparent",border:0,cursor:"zoom-in",display:"block",maxWidth:"100%",padding:0},children:h(ao,{src:e,alt:"Generated image preview",style:{borderRadius:8,display:"block",maxHeight:240,maxWidth:"100%",objectFit:"contain"}})})}function IS(e){let t=String(e.data.tool||""),n=e.data.file?String(e.data.file):null,r=n?n.split("/").pop()??n:null,o=e.data.content?String(e.data.content):null;switch(t){case"Read":return r?`Reading ${r}`:"Reading file";case"Edit":return r?`Editing ${r}`:"Editing file";case"Write":return r?`Writing ${r}`:"Writing file";case"Bash":return o?ES(o):"Running command";case"Glob":return"Searching files";case"Grep":return"Searching code";case"WebFetch":return"Fetching page";case"WebSearch":return"Searching web";case"ImageGen":return"Generating image";default:return o??(t?`Using ${t}`:null)}}function ES(e){let t=e.split(`
218
- `)[0].trim();return t.length<=60?t:t.slice(0,57)+"\u2026"}var TS={focus_set:"Focused",focus_shifted:"Focus shifted",evidence_updated:"Evidence updated",hypothesis_changed:"Working approach changed",assumption_abandoned:"Assumption dropped",uncertainty_identified:"Uncertainty identified",next_observation_selected:"Checking next"};function Eh({orientation:e}){let t=e.snapshot.update??e.snapshot.seeking??e.snapshot.nextObservation;return T("div",{style:{borderLeft:"2px solid var(--popmelt-thread-hairline)",color:"var(--popmelt-thread-secondary)",display:"flex",flexDirection:"column",fontSize:12,gap:2,lineHeight:1.35,paddingLeft:10},children:[T("span",{children:[h("span",{style:{color:"var(--popmelt-thread-primary)",fontWeight:550},children:TS[e.transition]})," \xB7 ",e.snapshot.focus]}),t&&t!==e.snapshot.focus&&h("span",{style:{opacity:.72},children:t})]})}function CS(e){let t=[];for(let n of e){if(n.type==="approval"){let r=n.data.approval,o=t.find(i=>i.kind==="approval"&&i.approval.id===r.id);o?.kind==="approval"?o.approval=r:t.push({kind:"approval",approval:r});continue}if(n.type==="image_ready"){let r=String(n.data.url||"");r.startsWith("/files/")&&t.push({kind:"generated_image",url:r});continue}if(n.type==="tool_use"){let r=IS(n),o=String(n.data.tool||""),i=n.data.file?String(n.data.file):null,a=n.data.content?String(n.data.content):null,l=i??a??void 0;if(r){let s=t[t.length-1];s&&s.kind==="tool_group"&&s.tool===o?s.items.push({label:r,detail:l,...i?{filePath:i}:{}}):t.push({kind:"tool_group",tool:o,items:[{label:r,detail:l,...i?{filePath:i}:{}}]})}if(a&&i){let s=i.includes(".")?`.${i.split(".").pop().toLowerCase()}`:"",c=i.includes(".claude/plans/");t.push({kind:"file_content",file:i,content:a,ext:s,isPlan:c})}}else if(n.type==="delta"){let r=String(n.data.text||"");if(!r)continue;let o=t[t.length-1];o&&o.kind==="text"?o.text+=r:t.push({kind:"text",text:r})}else if(n.type==="thinking"){let r=String(n.data.text||"");if(!r)continue;let o=t[t.length-1];o&&o.kind==="thinking"?o.text+=r:t.push({kind:"thinking",text:r})}else if(n.type==="status"){let r=String(n.data.text||"").trim();if(!r)continue;let o=t.findIndex(i=>i.kind==="status");o>=0&&t.splice(o,1),t.push({kind:"status",text:r})}else if(n.type==="orientation"){let r=n.data.orientation;r?.snapshot?.focus&&t.push({kind:"orientation",orientation:r})}}return t}function AS({file:e,content:t,ext:n,isPlan:r,onAccept:o}){let[i,a]=L(r),l=e.split("/").pop()??e;return T("div",{style:{margin:"4px 0 4px 12px",border:"1px solid var(--popmelt-thread-hairline)",backgroundColor:"var(--popmelt-thread-raised)",fontSize:11},children:[T("div",{onClick:()=>a(s=>!s),style:{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",cursor:"pointer",userSelect:"none",fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace",color:"var(--popmelt-thread-primary)"},children:[h("span",{style:{fontSize:9,color:"var(--popmelt-thread-muted)"},children:i?"\u25BC":"\u25B6"}),h("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l}),r&&h("span",{style:{fontSize:9,color:"#6366f1",fontFamily:"inherit"},children:"plan"})]}),i&&T(nt,{children:[h("div",{style:{maxHeight:300,overflowY:"auto",padding:"6px 10px",borderTop:"1px solid var(--popmelt-thread-soft-hairline)",lineHeight:1.5,wordBreak:"break-word"},children:n===".md"?Rr(t):h("pre",{style:{margin:0,fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace",fontSize:11,whiteSpace:"pre-wrap"},children:t})}),r&&o&&h("div",{style:{padding:"4px 8px",borderTop:"1px solid var(--popmelt-thread-soft-hairline)",display:"flex",justifyContent:"flex-end"},children:h("button",{onClick:s=>{s.stopPropagation(),o()},style:{background:"#111",color:"#fff",border:"none",padding:"4px 12px",fontSize:11,cursor:"pointer",fontFamily:"inherit"},children:"Accept"})})]})]})}function MS(e){return/\b(?:bash|command|terminal)\b/i.test(e)?"Bash":/\b(?:edit|edited|editing)\b/i.test(e)?"Edit":/\b(?:write|wrote|writing)\b/i.test(e)?"Write":/\b(?:read|reading)\b/i.test(e)?"Read":/\b(?:grep|search(?:ed|ing)?)\b/i.test(e)?"Grep":"Tool"}function Th(e){let t=new Map;for(let n of e){let r=t.get(n.tool);r?r.items.push(...n.items):t.set(n.tool,{...n,items:[...n.items]})}return[...t.values()]}function Dl(e){let t=e.filePath??e.detail;return t&&(t.startsWith("/")||/^[A-Za-z]:[\\/]/.test(t))?t:void 0}function RS(e,t){return(e==="Read"||e==="Edit"||e==="Write")&&t.some(n=>Dl(n))?t.filter(n=>Dl(n)).filter((n,r,o)=>o.findIndex(i=>Dl(i)===Dl(n))===r):t}function Ch(e){return Qx(e.map(t=>({...t,items:RS(t.tool,t.items)})))}function Hl(e,t){if(!t||typeof window>"u")return;let n=e.closest('[data-devtools="thread-panel"]');if(!n)return;let r=n.getBoundingClientRect(),o=e.getBoundingClientRect(),i=n.querySelector("[data-popmelt-thread-header]"),a=t.querySelector("[data-popmelt-tool-receipt-scroll]");if(t.style.left=`${r.left+8-o.left}px`,t.style.width=`${Math.max(0,r.width-16)}px`,i){let l=i.getBoundingClientRect(),s=Math.max(0,Math.floor(o.top-l.bottom-16));t.style.setProperty("--popmelt-tool-receipt-max-height",`${s}px`)}else t.style.removeProperty("--popmelt-tool-receipt-max-height");t.dataset.ready="true",requestAnimationFrame(()=>{a&&Ca(a)})}function Ca(e){let t=e.closest("[data-popmelt-tool-receipt-tooltip]");if(!t)return;let n=e.scrollTop>1,r=e.scrollTop+e.clientHeight<e.scrollHeight-1;t.toggleAttribute("data-overflow-top",n),t.toggleAttribute("data-overflow-bottom",r)}function Ah({receipt:e,animateCount:t=!1}){let n=e.kind==="terminal"?fu:e.kind==="pencil"?mu:e.kind==="image"?Eg:Tg,r=e.kind==="terminal"?"Terminal used":e.kind==="pencil"?"Files changed":e.kind==="image"?"Images generated":e.groups.length===1?`${e.groups[0].tool} used`:"Tools used",o=e.groups.map(c=>`${c.tool} (${c.items.length})`).join(", "),i=J(null),a=J(null),l=J(null),s=J(0);return _(()=>{let c=s.current;if(c===e.count)return;s.current=e.count;let d=i.current,p=a.current;if(!d)return;let u=typeof window<"u"&&window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;d.getAnimations().forEach(f=>f.cancel()),p?.getAnimations().forEach(f=>f.cancel()),!(u||!Zx(t,c,e.count))&&(d.animate([{color:"var(--popmelt-thread-muted)"},{color:"var(--popmelt-thread-primary)",offset:.18},{color:"var(--popmelt-thread-primary)",offset:.52},{color:"var(--popmelt-thread-muted)"}],{duration:720,easing:"ease-out"}),p&&p.animate([{opacity:0,transform:"translate(-50%, 4px) scale(0.72)"},{opacity:1,transform:"translate(-50%, 0) scale(1.08)",offset:.14},{opacity:1,transform:"translate(-50%, 0) scale(1)",offset:.24},{opacity:1,transform:"translate(-50%, 0) scale(1)",offset:.72},{opacity:0,transform:"translate(-50%, -7px) scale(0.94)"}],{duration:1050,easing:"ease-out",fill:"both"}))},[t,e.count]),_(()=>{let c=l.current;if(!c)return;let d=requestAnimationFrame(()=>{let p=c.querySelector("[data-popmelt-tool-receipt-scroll]");p&&Ca(p)});return()=>cancelAnimationFrame(d)},[e]),T("span",{"data-popmelt-tool-receipt-trigger":!0,onMouseEnter:c=>Hl(c.currentTarget,l.current),onFocusCapture:c=>Hl(c.currentTarget,l.current),style:{display:"inline-flex",flexShrink:0,position:"relative"},children:[T("button",{ref:i,type:"button","aria-label":`Inspect tool activity: ${o}`,style:{alignItems:"center",background:"transparent",border:0,color:"var(--popmelt-thread-muted)",cursor:"pointer",display:"inline-flex",flexShrink:0,height:18,justifyContent:"center",padding:0,position:"relative",transition:"color 100ms ease",width:18},children:[h(n,{"aria-hidden":"true",color:"currentColor","data-popmelt-tool-receipt-icon":!0,size:14,strokeWidth:1.5}),e.count>1&&T("span",{ref:a,"data-popmelt-tool-count":!0,style:{alignItems:"center",background:"var(--popmelt-thread-action)",borderRadius:9,color:"var(--popmelt-thread-on-action)",display:"flex",fontFamily:cn,fontSize:12,fontWeight:500,height:18,justifyContent:"center",letterSpacing:"-0.1px",minWidth:18,padding:"0 5px",pointerEvents:"none",position:"absolute",bottom:"calc(100% + 3px)",left:"50%",opacity:0,transform:"translate(-50%, -7px) scale(0.94)"},children:[e.count,"x"]})]}),T("span",{ref:l,role:"tooltip","data-popmelt-tool-receipt-tooltip":!0,style:{background:"var(--popmelt-thread-raised)",borderRadius:16,bottom:"100%",boxSizing:"border-box",color:"var(--popmelt-thread-primary)",left:0,overflow:"hidden",pointerEvents:"auto",position:"absolute",width:0,zIndex:20},children:[T("span",{"data-popmelt-tool-receipt-scroll":!0,onScroll:c=>Ca(c.currentTarget),style:{display:"flex",flexDirection:"column",gap:8,maxHeight:"var(--popmelt-tool-receipt-max-height, 190px)",overflowY:"auto",padding:"14px 15px"},children:[T("span",{style:{alignItems:"center",display:"flex",fontSize:11,fontWeight:500,gap:6,lineHeight:1.3,opacity:.65},children:[h(n,{"aria-hidden":"true",color:"currentColor",size:14,strokeWidth:1.5,style:{flexShrink:0}}),h("span",{children:r})]}),e.groups.map(c=>T("span",{style:{display:"flex",flexDirection:"column",gap:7,padding:"6px 0"},children:[T("span",{style:{fontSize:11,fontWeight:500,lineHeight:1.3,opacity:.65},children:[c.tool," \xB7 ",c.items.length]}),c.items.map((d,p)=>h("span",{style:{fontSize:14,fontWeight:400,lineHeight:1.3,whiteSpace:"normal"},children:d.label},`${d.label}-${p}`))]},c.tool))]}),h("span",{"data-popmelt-tool-receipt-scrim":"top","aria-hidden":"true"}),h("span",{"data-popmelt-tool-receipt-scrim":"bottom","aria-hidden":"true"})]})]})}function Mh(e){let t=new Map;for(let n of e)t.has(n.id)||t.set(n.id,n);return[...t.values()]}function LS(e){let t=Mh(e.flatMap(n=>n.type!=="imprint_used"?[]:n.data.usage?.explanations??[]));return t.length>0?{updated:!1,explanations:t}:void 0}function $S(e,t){let n=new Map(t.flatMap(s=>s.imprintContext?[[s.jobId,s.imprintContext]]:[])),r=[],o,i,a=!1;for(let s of e){let c=s.imprintSummary;if(c){a=!0,o=c.title,i=c.detail;for(let u of c.changes)r.push({id:u.explanationId,statement:u.statement,state:u.state})}let d=n.get(s.jobId),p=new Set([...s.imprintUsedExplanationIds??[],...s.imprintAppliedExplanationIds??[],...s.imprintRecognition?[s.imprintRecognition.explanationId]:[]]);for(let u of p){let f=d?.explanations.find(m=>m.id===u);f?r.push(f):s.imprintRecognition?.explanationId===u&&r.push({id:u,kind:"pattern",statement:s.imprintRecognition.statement,state:"grounded",scope:{kind:"project",values:[]}})}}let l=Mh(r);if(!(!a&&l.length===0))return{updated:a,title:o,detail:i,explanations:l}}function jS(e){return e==="testing"||e==="emerging"?"Emerging":e.charAt(0).toUpperCase()+e.slice(1)}function Rh(e){return e?e.charAt(0).toUpperCase()+e.slice(1):void 0}function Lh({receipt:e,accentColor:t}){let n=e.updated?"Imprint updated":"Imprint used",r=J(null);return _(()=>{let o=r.current;if(!o)return;let i=requestAnimationFrame(()=>{let a=o.querySelector("[data-popmelt-tool-receipt-scroll]");a&&Ca(a)});return()=>cancelAnimationFrame(i)},[e]),T("span",{"data-popmelt-tool-receipt-trigger":!0,onMouseEnter:o=>Hl(o.currentTarget,r.current),onFocusCapture:o=>Hl(o.currentTarget,r.current),style:{display:"inline-flex",flexShrink:0,position:"relative"},children:[h("button",{type:"button","aria-label":`Inspect ${n.toLowerCase()}`,style:{alignItems:"center",background:"transparent",border:0,color:e.updated?t:"var(--popmelt-thread-muted)",cursor:"pointer",display:"inline-flex",flexShrink:0,height:18,justifyContent:"center",padding:0,transition:"color 100ms ease",width:18},children:h(oo,{"aria-hidden":"true",color:"currentColor",size:14,strokeWidth:1.5})}),T("span",{ref:r,role:"tooltip","data-popmelt-tool-receipt-tooltip":!0,style:{background:"var(--popmelt-thread-raised)",borderRadius:16,bottom:"100%",boxSizing:"border-box",color:"var(--popmelt-thread-primary)",left:0,overflow:"hidden",pointerEvents:"auto",position:"absolute",width:0,zIndex:20},children:[T("span",{"data-popmelt-tool-receipt-scroll":!0,onScroll:o=>Ca(o.currentTarget),style:{display:"flex",flexDirection:"column",gap:8,maxHeight:"var(--popmelt-tool-receipt-max-height, 190px)",overflowY:"auto",padding:"14px 15px"},children:[T("span",{style:{alignItems:"center",display:"flex",fontSize:11,fontWeight:500,gap:6,lineHeight:1.3,opacity:.65},children:[h(oo,{"aria-hidden":"true",color:e.updated?t:"currentColor",size:14,strokeWidth:1.5,style:{flexShrink:0}}),h("span",{children:n})]}),e.title&&h("span",{style:{fontSize:14,fontWeight:500,lineHeight:1.3},children:e.title}),e.detail&&h("span",{style:{fontSize:12,fontWeight:400,lineHeight:1.45,opacity:.72},children:e.detail}),e.explanations.map(o=>T("span",{style:{display:"flex",flexDirection:"column",gap:7,padding:"6px 0"},children:[T("span",{style:{alignItems:"center",display:"flex",fontSize:11,fontWeight:500,gap:4,lineHeight:1.3,opacity:.65},children:[h("span",{children:jS(o.state)}),Rh(o.kind)&&h("span",{style:{opacity:.72},children:Rh(o.kind)})]}),h("span",{style:{fontSize:14,fontWeight:400,lineHeight:1.3,whiteSpace:"normal"},children:o.statement}),o.scope?.values.length?h("span",{style:{fontSize:11,fontWeight:400,lineHeight:1.3,opacity:.5},children:o.scope.values.join(" \xB7 ")}):null]},o.id))]}),h("span",{"data-popmelt-tool-receipt-scrim":"top","aria-hidden":"true"}),h("span",{"data-popmelt-tool-receipt-scrim":"bottom","aria-hidden":"true"})]})]})}function PS({summary:e,accentColor:t,busy:n,onAction:r}){let o=!!e.resolvedAction,[i,a]=L(!!(e.grounding&&!o)),l={...Cd,cursor:n?"default":"pointer",fontFamily:cn};return T("div",{style:uh,children:[T("button",{type:"button","aria-expanded":i,onClick:()=>a(s=>!s),style:{alignItems:"center",background:"transparent",border:0,color:"var(--popmelt-thread-primary)",cursor:"pointer",display:"flex",fontFamily:cn,fontSize:14,fontWeight:650,gap:8,padding:0,textAlign:"left",width:"100%"},children:[h(oo,{"aria-hidden":"true",color:t,size:16,strokeWidth:2}),T("span",{style:{flex:1},children:["Imprint ",e.kind,": ",e.title]}),h(zi,{"aria-hidden":"true",size:14,strokeWidth:1.5,style:{transform:i?"rotate(180deg)":"none",transition:"transform 120ms ease"}})]}),i&&T(nt,{children:[T("div",{style:{borderLeft:"1px solid var(--popmelt-thread-border)",color:"var(--popmelt-thread-secondary)",fontSize:13,lineHeight:1.35,padding:"4px 12px"},children:[e.detail,e.additionalObservationCount?T("div",{style:{color:"var(--popmelt-thread-muted)",fontSize:11,marginTop:4},children:["Updated with ",e.additionalObservationCount," additional"," ",e.additionalObservationCount===1?"observation":"observations","."]}):null]}),e.changes.map(s=>T("div",{style:{color:"var(--popmelt-thread-secondary)",fontSize:12,lineHeight:1.35},children:[h("div",{children:s.statement}),T("div",{style:{color:"var(--popmelt-thread-muted)",fontSize:10,marginTop:2},children:[s.action," \xB7 ",s.state]})]},`${s.explanationId}:${s.action}`)),e.grounding&&!o&&h("div",{style:{color:"var(--popmelt-thread-primary)",fontSize:13,lineHeight:1.35,marginTop:2},children:e.grounding.question}),o?T("div",{style:{alignItems:"center",color:"var(--popmelt-thread-muted-strong)",display:"flex",fontSize:11,gap:6},children:[h(Eo,{"aria-hidden":"true",color:t,size:12,strokeWidth:2}),e.resolvedAction==="no"?"Correction requested":`Feedback applied: ${e.resolvedAction==="yes"?"Yes":"This time"}`]}):e.grounding?T("div",{style:{display:"flex",flexWrap:"wrap",gap:6},children:[h("button",{disabled:n,onClick:()=>r("yes"),style:l,children:"Yes"}),h("button",{disabled:n,onClick:()=>r("this_time"),style:l,children:"This time"}),h("button",{disabled:n,onClick:()=>r("no"),style:l,children:"No"})]}):null]})]})}function zS({receipt:e,accentColor:t}){let[n,r]=L(!0);return T("div",{style:{background:"var(--popmelt-thread-soft)",border:"1px solid var(--popmelt-thread-border)",borderRadius:24,display:"flex",flexDirection:"column",gap:10,padding:16},children:[T("button",{type:"button","aria-expanded":n,onClick:()=>r(o=>!o),style:{alignItems:"center",background:"transparent",border:0,color:"var(--popmelt-thread-primary)",cursor:"pointer",display:"flex",fontFamily:cn,fontSize:14,fontWeight:650,gap:8,padding:0,textAlign:"left",width:"100%"},children:[h(oo,{"aria-hidden":"true",color:t,size:16,strokeWidth:2}),T("span",{style:{flex:1},children:["Existing Imprint reapplied: ",e.title]}),h(zi,{"aria-hidden":"true",size:14,strokeWidth:1.5,style:{transform:n?"rotate(180deg)":"none",transition:"transform 120ms ease"}})]}),n&&T(nt,{children:[h("div",{style:{borderLeft:"1px solid var(--popmelt-thread-border)",color:"var(--popmelt-thread-secondary)",fontSize:13,lineHeight:1.35,padding:"4px 12px"},children:e.detail}),T("div",{style:{color:"var(--popmelt-thread-secondary)",fontSize:12,lineHeight:1.35},children:[h("div",{children:e.statement}),h("div",{style:{color:"var(--popmelt-thread-muted)",fontSize:10,marginTop:2},children:"recognized \xB7 grounded"})]}),T("div",{style:{alignItems:"center",color:"var(--popmelt-thread-muted-strong)",display:"flex",fontSize:11,gap:6},children:[h(Eo,{"aria-hidden":"true",color:t,size:12,strokeWidth:2}),"Shared understanding unchanged"]})]})]})}function DS({card:e,accentColor:t,busy:n,resolved:r,superseded:o,onAction:i}){let[a,l]=L(!1),[s,c]=L(e.claim),[d,p]=L(!1),[u,f]=L(!1),[m,g]=L(!1),[y,x]=L(null),R=J(null);_(()=>{l(!1),c(e.claim),p(!1),f(!1),g(!1),x(null)},[e.claim,e.proposalId]),_(()=>{if(!a)return;let G=R.current;G&&(G.focus(),G.select(),G.style.height="auto",G.style.height=`${G.scrollHeight}px`)},[a]);let C=Y(()=>{let G=s.trim();c(G||e.claim),l(!1),p(!1)},[e.claim,s]),S=Y(()=>{c(e.claim),l(!1),p(!1)},[e.claim]),O=s.trim()!==e.claim.trim(),M=r||o,U=e.title;return r?T("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[T("button",{type:"button","aria-expanded":m,onClick:()=>g(G=>!G),style:{alignItems:"center",alignSelf:"flex-start",background:"transparent",border:0,color:"var(--popmelt-thread-muted-strong)",cursor:"pointer",display:"inline-flex",fontFamily:cn,fontSize:14,fontWeight:400,gap:6,letterSpacing:"0.14px",lineHeight:1.35,padding:0,textAlign:"left"},children:[h(oo,{"aria-hidden":"true",color:t,size:14,strokeWidth:1.5}),T("span",{style:{alignItems:"center",display:"inline-flex",gap:2},children:[h("span",{children:U}),h(zi,{"aria-hidden":"true",size:12,strokeWidth:1.5,style:{transform:m?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})]})]}),m&&T(nt,{children:[h("div",{style:{borderLeft:"1px solid var(--popmelt-thread-border)",color:"var(--popmelt-thread-muted-strong)",fontSize:14,fontStyle:"italic",letterSpacing:"0.14px",lineHeight:1.3,marginLeft:7,padding:"6px 16px 8px"},children:s}),h("div",{style:{borderLeft:"1px solid var(--popmelt-thread-border)",color:"var(--popmelt-thread-muted-strong)",fontSize:14,fontStyle:"italic",letterSpacing:"0.14px",lineHeight:1.3,marginLeft:7,padding:"6px 16px 8px"},children:e.rationale}),e.scope?T("div",{style:{color:"var(--popmelt-thread-muted-strong)",fontSize:14,letterSpacing:"0.14px",lineHeight:1.35},children:["Scope: ",e.scope]}):null]})]}):T("div",{style:{border:"1px solid var(--popmelt-thread-border)",background:"var(--popmelt-thread-soft)",borderRadius:24,padding:16,display:"flex",flexDirection:"column",gap:12},children:[T("div",{style:{alignItems:"center",color:"var(--popmelt-thread-primary)",display:"flex",fontSize:14,fontWeight:600,gap:8,letterSpacing:"0.14px",lineHeight:1.3},children:[h(oo,{"aria-hidden":"true",color:t,size:16,strokeWidth:2}),h("span",{children:U})]}),a&&!M?h("textarea",{ref:R,value:s,disabled:n,onChange:G=>{c(G.target.value),G.currentTarget.style.height="auto",G.currentTarget.style.height=`${G.currentTarget.scrollHeight}px`},onBlur:C,onKeyDown:G=>{G.key==="Enter"&&!G.shiftKey?(G.preventDefault(),C()):G.key==="Escape"&&(G.preventDefault(),G.stopPropagation(),S())},rows:1,style:{resize:"none",overflow:"hidden",outline:"none",boxSizing:"border-box",border:0,borderLeft:"1px solid var(--popmelt-thread-border)",background:"var(--popmelt-thread-soft-hairline)",color:"var(--popmelt-thread-muted-strong)",cursor:"text",fontFamily:cn,fontSize:14,fontStyle:"italic",letterSpacing:"0.14px",lineHeight:1.3,margin:"0 7px",padding:"6px 16px 8px",width:"calc(100% - 14px)"}}):h("button",{type:"button",disabled:M||n,onClick:()=>l(!0),onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onFocus:()=>p(!0),onBlur:()=>p(!1),style:{border:0,borderLeft:"1px solid var(--popmelt-thread-border)",background:d&&!M?"var(--popmelt-thread-soft-hairline)":"transparent",color:"var(--popmelt-thread-muted-strong)",cursor:M?"default":"text",fontFamily:cn,fontSize:14,fontStyle:"italic",letterSpacing:"0.14px",lineHeight:1.3,margin:"0 7px",padding:"6px 16px 8px",textAlign:"left",width:"calc(100% - 14px)"},children:s}),T("div",{style:{color:"var(--popmelt-thread-primary)",fontSize:14},children:[T("button",{type:"button","aria-expanded":u,onClick:()=>f(G=>!G),style:{alignItems:"center",border:0,background:"transparent",color:"var(--popmelt-thread-primary)",cursor:"pointer",display:"inline-flex",gap:2,fontFamily:cn,fontSize:14,fontWeight:400,letterSpacing:"0.14px",lineHeight:1.3,margin:0,opacity:u?1:.35,padding:0},children:[h("span",{children:"Why?"}),u?h(zi,{"aria-hidden":"true",size:10,strokeWidth:2.5}):h(js,{"aria-hidden":"true",size:10,strokeWidth:2.5})]}),u?T(nt,{children:[h("div",{style:{borderLeft:"1px solid var(--popmelt-thread-border)",color:"var(--popmelt-thread-muted-strong)",fontSize:14,fontStyle:"italic",letterSpacing:"0.14px",lineHeight:1.3,margin:"8px 7px 0",padding:"6px 16px 8px"},children:e.rationale}),e.scope?T("div",{style:{color:"var(--popmelt-thread-muted-strong)",fontSize:14,letterSpacing:"0.14px",lineHeight:1.35,marginTop:8},children:["Scope: ",e.scope]}):null]}):null]}),o?h("div",{style:{color:"var(--popmelt-thread-secondary)",fontSize:12,fontWeight:700},children:"Refined in a later review card"}):T("div",{style:{display:"grid",gridTemplateColumns:"minmax(0, 1fr) minmax(0, 1fr)",gap:6,alignItems:"stretch"},children:[T("button",{type:"button",disabled:n,onClick:()=>i("reject"),onMouseEnter:()=>{n||x("reject")},onMouseLeave:()=>x(null),style:{...Hd,alignItems:"center",background:"var(--popmelt-thread-control)",border:0,borderRadius:16,color:"var(--popmelt-thread-primary)",display:"flex",justifyContent:"space-between",padding:"8px 12px",width:"100%",fontSize:12,transition:"background-color 120ms ease"},children:[h("span",{children:"Reject"}),h(al,{"aria-hidden":"true",color:"#dd4141",size:12,strokeWidth:2.5})]}),T("button",{type:"button",disabled:n||!s.trim(),onClick:()=>i(O?"edit_and_accept":"accept",O?s.trim():void 0),onMouseEnter:()=>{!n&&s.trim()&&x("accept")},onMouseLeave:()=>x(null),style:{...Dd,alignItems:"center",background:y==="accept"?"var(--popmelt-thread-action-hover)":"var(--popmelt-thread-action)",borderColor:y==="accept"?"var(--popmelt-thread-action-hover)":"var(--popmelt-thread-action)",borderRadius:24,color:"var(--popmelt-thread-on-action)",display:"flex",justifyContent:"space-between",padding:"8px 12px",width:"100%",fontSize:12,opacity:n||!s.trim()?.45:1,transition:"background-color 120ms ease, border-color 120ms ease"},children:[h("span",{children:O?"Adopt edited":"Adopt"}),h(Eo,{"aria-hidden":"true",color:"#61c920",size:12,strokeWidth:3})]})]})]})}function HS({stepCount:e}){return T("div",{"data-thread-interaction-episode-receipt":!0,style:{...Yi,alignItems:"center",alignSelf:"flex-end",color:"var(--popmelt-thread-muted-strong)",display:"inline-flex",gap:6,paddingBlock:4},children:[h(Cg,{"aria-hidden":!0,color:"currentColor",size:14,strokeWidth:1.5,style:{flexShrink:0}}),T("span",{children:[e," recorded ",e===1?"action":"actions"," sent"]})]})}function OS({frames:e,onLightbox:t}){return e.length===0?null:h("div",{"data-thread-interaction-episode-visuals":!0,style:{display:"flex",flexWrap:"wrap",gap:4,justifyContent:"flex-end",width:"100%"},children:e.map(n=>T("button",{type:"button","aria-label":`View ${n.label.toLowerCase()}`,title:n.label,onClick:()=>t(n.url),style:{background:"transparent",border:0,color:"var(--popmelt-thread-muted-strong)",cursor:"pointer",font:"inherit",padding:0,textAlign:"right"},children:[h(ao,{src:n.url,alt:"",style:{...ii,display:"block"}}),h("span",{style:{display:"block",fontSize:10,marginTop:2,maxWidth:zd,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:n.label})]},n.id))})}var $h=yg(function({msg:e,index:t,bridgeUrl:n,accentColor:r,onLightbox:o,hideSender:i=!1,hideTimestamp:a=!1,hideModelSenderUntilHover:l=!1,compactSpacing:s=!1,queuedPreview:c=!1,workedFor:d="a moment",activityTimestamp:p,memoryReviewBusy:u=!1,memoryReviewResolved:f=!1,memoryReviewSuperseded:m=!1,foldedActivityMessages:g=[],underMessageActivity:y,onMemoryReviewAction:x,onImprintAction:R}){let C=e.role==="human",S=Cr(Va),O=e.authorPeer?e.authorPeer.id===S?.participantId?"You":e.authorPeer.name==="You"?"Host":e.authorPeer.name:S&&!S.canManageThreads&&!e.jobId.startsWith("_pending_reply_")?"Host":"You",[M,U]=L(!1),G={...hS,...c?{borderRadius:12,padding:"2px 10px",fontSize:12,lineHeight:"24px",letterSpacing:"0.12px",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}:{},...s?{borderBottomRightRadius:4}:{}},N=C?e.replyToQuestion?xS(e,n):e.requestItems?.length?[]:SS(e,n):[];if(e.cancelled||e.error){let ve=e.error?nh(e.error,e.errorKind):null;return h("div",{"data-msg":!0,style:{padding:0},children:T("div",{style:{backgroundColor:"var(--popmelt-thread-soft)",border:"1px solid var(--popmelt-thread-border)",borderRadius:24,color:"var(--popmelt-thread-muted-strong)",fontSize:14,letterSpacing:"0.14px",lineHeight:1.35,padding:16},children:[h("span",{style:{color:ve?"#f59e0b":"var(--popmelt-thread-muted-strong)"},children:ve?.label??"Cancelled"}),ve?` \u2014 ${ve.message}`:""]})},`${e.jobId}-${t}`)}let K=e.requestText||e.feedbackSummary||"(annotation)",B=e.requestText?iv(e.requestText):K,k=!!(C&&!e.replyToQuestion&&e.requestText&&e.requestText.trim()!==B.trim()),X=C?e.replyToQuestion||(M?K:B):Ea(e.responseText||""),Z=(ve,Re=G)=>T("div",{style:Re,children:[ve.includes(`
219
- `)?Rr(ve):ve,k&&h("button",{type:"button","aria-expanded":M,onClick:()=>U(Pe=>!Pe),style:{background:"transparent",border:0,color:"inherit",cursor:"pointer",display:"block",fontFamily:"inherit",fontSize:12,fontWeight:600,marginTop:8,opacity:.72,padding:0,textAlign:"left"},children:M?"Show less":"Read more"})]}),j=C?void 0:e.question,z=C?[]:(e.resolutions??[]).filter(ve=>ve.status!=="resolved"),P=z.length>0,H=!C&&e.segments&&e.segments.length>0,D=H?yh(e.segments):[],A=!!(!C&&H&&X&&!Bx(e.segments,e.responseText??"")),te=[...g,e],re=C?[]:te.flatMap(ve=>(ve.segments??[]).filter(Re=>Re.kind==="tool_group")),V=C?[]:te.flatMap(ve=>ve.segments?.length?[]:(ve.toolsUsed??[]).map(Re=>({kind:"tool_group",tool:MS(Re),items:[{label:Re}]}))),ce=Th([...re,...V]),W=Ch(ce),we=!!(te.some(ve=>ve.memoryReceipt?.status==="committed")||y?.decisionRecorded),ie=y?.imprintReceipt,ne=!!y?.modelUpdated,Ee=W.length>0||we||ne||!!ie,Le=C&&!!(e.memoryReview?.packets.length||e.memoryReview?.acceptedTruth?.decisions.length),De=!C&&!!(e.memoryReceipt&&e.memoryReceipt.status!=="committed"),q=!C&&(!i||!a);return!X&&!j&&!P&&!H&&!Le&&!e.memoryReviewCard&&!e.imprintSummary&&!De&&!Ee?null:T("div",{"data-msg":!0,"data-queued-preview":c||void 0,style:{alignSelf:C?"flex-end":"stretch",display:"flex",flexDirection:"column",gap:16,marginTop:s?-24:0,padding:0,position:"relative",maxWidth:C?280:void 0,width:C?"fit-content":"auto",...c?{width:"100%",minWidth:0,maxWidth:"100%"}:{}},children:[q&&h("div",{"data-under-message-rail":l?"hover":"latest",style:{alignItems:"center",alignSelf:"stretch",display:"flex",gap:4,marginTop:l?0:16,order:2,...l?{left:0,paddingTop:7,position:"absolute",right:0,top:"100%",zIndex:1}:{},width:"100%"},children:C?T(nt,{children:[!a&&h("span",{"data-message-timestamp":!0,style:{fontSize:12,fontWeight:400,color:"var(--popmelt-thread-muted)"},children:Ta(e.timestamp)}),!i&&h("span",{style:{color:r,fontSize:12,fontWeight:500,marginLeft:"auto",opacity:.55},children:O})]}):T(nt,{children:[h("div",{"data-worked-for-trigger":!0,style:{alignItems:"center",background:"transparent",border:0,color:"var(--popmelt-thread-muted)",cursor:"default",display:"flex",fontFamily:cn,fontSize:14,padding:0,textAlign:"left"},children:T("span",{style:{display:"grid"},children:[T("span",{"data-worked-for-label":!0,style:{gridArea:"1 / 1",textAlign:"left"},children:["Worked for ",d]}),!a&&h("span",{"data-worked-for-time":!0,style:{gridArea:"1 / 1",justifySelf:"start",opacity:0,textAlign:"left"},children:Ta(p??e.timestamp)})]})}),h("div",{style:{alignItems:"center",display:"flex",marginLeft:"auto",minHeight:14},children:T("div",{"data-message-activity":!0,style:{alignItems:"center",color:"var(--popmelt-thread-muted)",display:"flex",gap:6},children:[ce.length>0&&h("div",{style:{alignItems:"center",display:"flex",gap:6},children:W.map(ve=>h(Ah,{receipt:ve},ve.kind))}),we&&h(oo,{"aria-label":"Decision recorded",color:r,size:14,strokeWidth:1.5}),ne&&h(il,{"aria-label":"Model updated",color:"var(--popmelt-thread-muted)",size:14,strokeWidth:1.5}),ie&&h(Lh,{receipt:ie,accentColor:r})]})})]})}),C&&!a&&h("span",{"data-message-timestamp":!0,style:{color:"var(--popmelt-thread-muted)",fontSize:12,fontWeight:400,position:"absolute",right:0,top:"calc(100% + 8px)"},children:Ta(e.timestamp)}),N.length>0&&h("div",{style:{display:"flex",flexWrap:"wrap",gap:4,justifyContent:"flex-end",width:"100%"},children:N.map((ve,Re)=>h(ao,{src:ve.url,alt:ve.label||"Attached image",title:ve.label,style:ii,onClick:()=>o(ve.url)},Re))}),C&&!e.replyToQuestion&&(()=>{if(e.requestItems?.length){let Pe=new Set(e.requestItems.flatMap(me=>me.pathname?[me.pathname]:[])).size>1,tt=new Set,it=e.screenshotUrl?lo(n,e.screenshotUrl):null;return T("div",{"data-thread-request-cluster":!0,style:{alignItems:"flex-end",display:"flex",flexDirection:"column",gap:4,width:"100%"},children:[it&&!e.screenshotUrls?h(ao,{src:it,alt:"Thread screenshot",title:"screenshot",style:{...ii,flexShrink:0},onClick:()=>o(it)}):null,e.requestItems.map((me,fe)=>{let Je=me.pathname,qe=Je&&!tt.has(Je)?e.screenshotUrls?.[Je]:void 0;Je&&tt.add(Je);let st=qe?lo(n,qe):null,Ve=me.kind==="annotation"&&me.annotationId?e.imageUrls?.[me.annotationId]??[]:[],Ie=me.kind==="annotation"?e.annotationSnapshot?.annotations.find(Be=>Be.id===me.annotationId)?.interactionEpisode:void 0,Ye=ev(Ie,Ve).map(Be=>({...Be,url:lo(n,Be.url)})),gt=new Set(Ye.map(Be=>Be.imageIndex)),qt=Ve.flatMap((Be,pt)=>gt.has(pt)?[]:[lo(n,Be)]),vt=me.kind==="annotation"?me.interactionEpisodeStepCount??Ie?.steps.length??0:0;return T(vg,{children:[st?h(ao,{src:st,alt:`Screenshot for ${Je}`,title:Je,style:{...ii,flexShrink:0},onClick:()=>o(st)}):null,qt.length>0?h("div",{style:{display:"flex",flexWrap:"wrap",gap:4,justifyContent:"flex-end",width:"100%"},children:qt.map((Be,pt)=>h(ao,{src:Be,alt:"Attached image",title:"pasted image",style:ii,onClick:()=>o(Be)},pt))}):null,h(OS,{frames:Ye,onLightbox:o}),vt>0?h(HS,{stepCount:vt}):null,T("div",{style:{...G,minWidth:0},children:[Pe&&Je?h("code",{style:{backgroundColor:"var(--popmelt-thread-soft-hairline)",display:"inline-block",fontSize:10,marginBottom:4,padding:"1px 4px"},children:Je}):null,me.kind==="annotation"?me.text.includes(`
220
- `)?Rr(me.text):me.text:T(nt,{children:[T("div",{style:{fontWeight:600},children:[me.elementLabel," ",T("span",{style:{opacity:.64},children:["(",me.changes.length," ",me.changes.length===1?"change":"changes",")"]})]}),h("div",{style:{marginTop:6},children:me.changes.map((Be,pt)=>h("div",{style:{marginTop:pt===0?0:3},children:Be},pt))})]})]})]},`${me.kind}-${fe}`)})]})}let ve=X?wS(X):null;if(ve&&e.screenshotUrls)return h("div",{style:{display:"flex",flexDirection:"column",gap:4},children:ve.map((Pe,tt)=>{let it=e.screenshotUrls?.[Pe.route],me=it?lo(n,it):null;return T("div",{style:{alignItems:"flex-end",display:"flex",flexDirection:"column",gap:6,width:"100%"},children:[me?h(ao,{src:me,alt:`Screenshot for ${Pe.route}`,title:Pe.route,style:{...ii,flexShrink:0},onClick:()=>o(me)}):null,T("div",{style:{...G,minWidth:0},children:[h("code",{style:{fontSize:10,backgroundColor:"var(--popmelt-thread-soft-hairline)",padding:"1px 4px"},children:Pe.route}),Pe.text&&h("div",{style:{marginTop:2},children:Rr(Pe.text)})]})]},tt)})});let Re=e.screenshotUrl?lo(n,e.screenshotUrl):null;return Re&&X?T("div",{style:{alignItems:"flex-end",display:"flex",flexDirection:"column",gap:6,width:"100%"},children:[h(ao,{src:Re,alt:"Thread screenshot",title:"screenshot",style:{...ii,flexShrink:0},onClick:()=>o(Re)}),Z(X,{...G,minWidth:0})]}):X?Z(X):null})(),C&&e.replyToQuestion&&X&&h("div",{style:G,title:c?X:void 0,children:!c&&X.includes(`
221
- `)?Rr(X):X}),Le&&h(mS,{memoryReview:e.memoryReview}),!C&&H&&D.map((ve,Re)=>{if(ve.kind==="approval")return h(ph,{approval:ve.approval},ve.approval.id);if(ve.kind==="tool_group")return null;if(ve.kind==="generated_image")return h(Ih,{src:lo(n,ve.url),onLightbox:o},Re);if(ve.kind==="orientation")return h(Eh,{orientation:ve.orientation},Re);if(A)return null;let Pe=Ea(ve.text);return Pe?h("div",{style:Yi,children:Rr(Pe)},Re):null}),!C&&!H&&X&&h("div",{style:Yi,children:Rr(X)}),!C&&A&&X&&h("div",{style:Yi,children:Rr(X)}),!C&&e.memoryReviewCard&&x&&h(DS,{card:e.memoryReviewCard,accentColor:r,busy:u,resolved:f,superseded:m,onAction:(ve,Re)=>x(e.memoryReviewCard,ve,Re)}),!C&&e.imprintSummary&&R&&h(PS,{summary:e.imprintSummary,accentColor:r,busy:u,onAction:ve=>R(e.imprintSummary,ve)}),!C&&e.imprintRecognition&&h(zS,{receipt:e.imprintRecognition,accentColor:r}),De&&e.memoryReceipt&&T("div",{style:{alignItems:"center",color:"var(--popmelt-thread-primary)",display:"flex",fontSize:12,fontStyle:"italic",gap:6,lineHeight:1.35},children:[e.memoryReceipt.status==="committed"?h(oo,{"aria-hidden":"true",color:r,size:12,strokeWidth:1.5}):h(al,{"aria-hidden":"true",color:r,size:12,strokeWidth:1.5}),h("span",{style:{opacity:.5},children:e.memoryReceipt.status==="committed"?"Decision recorded":"Decision not recorded"})]}),j&&h("div",{style:Yi,children:Rr(j)}),P&&h("div",{style:{backgroundColor:"var(--popmelt-thread-soft)",border:"1px solid var(--popmelt-thread-border)",borderRadius:24,color:"var(--popmelt-thread-muted-strong)",fontSize:14,letterSpacing:"0.14px",lineHeight:1.35,marginTop:-4,padding:16},children:z.map((ve,Re)=>T("div",{children:[h("span",{style:{color:ve.status==="resolved"?"#10b981":"#f59e0b"},children:ve.status==="resolved"?"Done":"Needs review"}),ve.summary?` \u2014 ${ve.summary}`:""]},Re))}),!C&&e.modelDetails?.length?h(fS,{patterns:e.modelDetails}):null]},`${e.jobId}-${t}`)});function jh(e,t){return!t||e.role!=="human"||t.role!=="human"||e.authorPeer?.id!==t.authorPeer?.id||!e.replyToQuestion||!t.replyToQuestion?!1:e.jobId===t.jobId||e.timestamp-t.timestamp<6e4}function Ph(e,t){if(!t||e.timestamp<=t.timestamp)return"a moment";let n=Xg((e.segments??[]).flatMap(s=>s.kind==="approval"?[s.approval]:[]),t.timestamp,e.timestamp),r=Math.max(1,Math.round((e.timestamp-t.timestamp-n)/1e3));if(r<60)return`${r}s`;let o=Math.floor(r/60),i=r%60;if(o<60)return`${o}m${i?` ${i}s`:""}`;let a=Math.floor(o/60),l=o%60;return[`${a}h`,l?`${l}m`:"",i?`${i}s`:""].filter(Boolean).join(" ")}function NS(e,t){if(e.role!=="assistant"||e.cancelled||e.error)return!1;let n=Ea(e.responseText??"").trim(),r=(e.segments??[]).some(i=>i.kind==="approval"?!0:i.kind==="tool_group"?!1:i.kind==="generated_image"||i.kind==="orientation"?!0:Ea(i.text).trim().length>0),o=!!(n||e.question||e.resolutions?.length||e.memoryReviewCard||e.imprintSummary||r);return!!(e.memoryReceipt?.status==="committed"||e.toolsUsed?.length||e.segments?.some(i=>i.kind==="tool_group")||t)&&!o}function zh(e,t){return t.status==="applied"?t.applicationMode==="automatic"&&t.presentationJobId?e.jobId===t.presentationJobId:e.jobId===`apply-${t.id}`:t.status==="dismissed"?e.jobId===`dismiss-${t.id}`:t.presentationJobId?e.jobId===t.presentationJobId:t.runId&&e.jobId===t.runId?!0:!t.runId&&e.role==="assistant"&&!!e.responseText?.includes("Model suggestion ready")}function Lr(e){return!!(e&&typeof e=="object"&&!Array.isArray(e))}function Ol(e){if(e===void 0)return"undefined";try{return JSON.stringify(e)}catch{return String(e)}}function Nl(e,t){return Ol(e)===Ol(t)}function Xi(e){if(typeof e=="string")return e;if(typeof e=="number"||typeof e=="boolean")return String(e);if(Array.isArray(e))return`${e.length} item${e.length===1?"":"s"}`;if(Lr(e)){let t=Object.keys(e);return typeof e.value=="string"||typeof e.value=="number"?String(e.value):`{ ${t.slice(0,4).join(", ")}${t.length>4?", ...":""} }`}return String(e)}function _S(e,t){let n=e;for(let r of t){if(!n||typeof n!="object")return;n=n[String(r)]}return n}function Dh(e,t,n,r){if(!Lr(e)){Nl(e,t)||r.push({id:`token:${n.join(".")}`,group:"tokens",label:n.join("."),detail:Xi(e),path:n,value:e,currentValue:t});return}if("value"in e){Nl(e,t)||r.push({id:`token:${n.join(".")}`,group:"tokens",label:n.join("."),detail:Xi(e),path:n,value:e,currentValue:t});return}for(let o of Object.keys(e))Dh(e[o],Lr(t)?t[o]:void 0,[...n,o],r)}function FS(e,t){if(t.changes?.length)return t.changes.map(s=>{let c=s.path[0],d=c==="rules"||c==="components"||c==="tokens"?c:"model";return{id:s.id,group:d,label:s.label??s.path.map(String).join("."),detail:s.rationale,path:s.path,value:s.value,decisionIds:s.decisionIds,currentValue:_S(e,s.path)}});let n=t.proposedModel;if(!n)return[];let r=[],o=Array.isArray(e?.rules)?e.rules:[],i=Array.isArray(n.rules)?n.rules:[];for(let s=0;s<i.length;s++){let c=i[s];if(!Lr(c))continue;let d=typeof c.id=="string"?c.id:`rule-${s}`,p=o.find(u=>Lr(u)&&(typeof u.id=="string"&&u.id===d||Ol(u)===Ol(c)));Nl(p,c)||r.push({id:`rule:${d}`,group:"rules",label:typeof c.scope=="string"?c.scope:"rule",detail:typeof c.text=="string"?c.text:Xi(c),path:["rules"],value:c,currentValue:p,ruleValue:c})}let a=Lr(n.components)?n.components:{},l=Lr(e?.components)?e.components:{};for(let s of Object.keys(a)){let c=a[s],d=l[s];Nl(c,d)||r.push({id:`component:${s}`,group:"components",label:s,detail:Xi(c),path:["components",s],value:c,currentValue:d})}return Lr(n.tokens)&&Dh(n.tokens,e?.tokens,["tokens"],r),r}function WS(e,t,n){let r=t.filter(a=>n.has(a.id)),o=r.filter(a=>a.group==="rules"&&a.ruleValue),i=r.filter(a=>!a.ruleValue).map(a=>({path:a.path,value:a.value,decisionIds:a.decisionIds}));if(o.length>0){let a=Array.isArray(e?.rules)?[...e.rules]:[];for(let l of o){let s=l.ruleValue,c=Lr(s)&&typeof s.id=="string"?s.id:null,d=c?a.findIndex(p=>Lr(p)&&p.id===c):-1;d>=0?a[d]=s:a.push(s)}i.push({path:["rules"],value:a,decisionIds:[...new Set(o.flatMap(l=>l.decisionIds??[]))]})}return i}function BS(e){return(e.selectedChanges??[]).flatMap((t,n)=>{if(!t.label&&!t.detail)return[];let r=t.group==="rules"||t.group==="components"||t.group==="tokens"||t.group==="model"?t.group:"model";return[{id:`selected:${e.id}:${n}`,group:r,label:t.label??r,detail:t.detail??Xi(t.value),path:t.path??[],value:t.value,currentValue:t.currentValue}]})}function JS({proposal:e,timestamp:t,bridgeUrl:n,accentColor:r,busy:o,onApplySelected:i,onDismiss:a,onReviewUnderlying:l,hideModelSenderUntilHover:s=!1}){let c=e.authorityStatus==="accepted",d=e.status==="pending"&&c,[p,u]=L(null),[f,m]=L(()=>new Set),[g,y]=L(null),x=xe(()=>{let B=BS(e);return!d&&B.length>0?B:FS(p,e)},[p,d,e]),R=xe(()=>WS(p,x,f),[x,p,f]),C=xe(()=>x.filter(B=>f.has(B.id)),[x,f]),S=xe(()=>{let B={rules:[],components:[],tokens:[],model:[]};for(let k of x)B[k.group].push(k);return B},[x]),O=x.map(B=>B.id).join("|");_(()=>{let B=!1;return Vt(`${n}/model`).then(k=>k.ok?k.json():null).then(k=>{B||u(k?.model&&typeof k.model=="object"?k.model:null)}).catch(()=>{B||u(null)}),()=>{B=!0}},[n,e.id]),_(()=>{m(d&&O?new Set(O.split("|")):new Set)},[O,d,e.id]);let M=Y(B=>{m(k=>{let X=new Set(k);return X.has(B)?X.delete(B):X.add(B),X})},[]),U=Y(()=>{m(new Set(x.map(B=>B.id)))},[x]),G=Y(()=>{m(new Set)},[]),N=`${x.length} ${x.length===1?"change":"changes"}`,K=x.length===1?`1 ${x[0]?.group==="rules"?"rule":x[0]?.group==="components"?"component":x[0]?.group==="tokens"?"token":"change"}`:N;return e.status==="applied"?T("div",{"data-msg":!0,style:{display:"flex",flexDirection:"column",gap:16,position:"relative"},children:[T("div",{style:{display:"flex",flexDirection:"column",gap:12},children:[T("div",{style:{alignItems:"center",color:"var(--popmelt-thread-primary)",display:"flex",fontSize:12,fontStyle:"italic",gap:6,lineHeight:1.35},children:[h(oo,{"aria-hidden":"true",color:r,size:12,strokeWidth:1.5}),h("span",{style:{opacity:.5},children:"Decision recorded"})]}),T("div",{style:{alignItems:"center",color:"var(--popmelt-thread-primary)",display:"flex",fontSize:12,fontStyle:"italic",gap:6,lineHeight:1.35},children:[h(il,{"aria-hidden":"true",color:r,size:12,strokeWidth:1.5}),h("span",{style:{opacity:.5},children:"Model updated"})]})]}),T("div",{style:{alignItems:"center",display:"flex",gap:4,marginTop:s?0:16,...s?{left:0,position:"absolute",right:0,top:"calc(100% + 7px)",zIndex:1}:{}},children:[T("span",{"data-model-sender":"sender",style:{alignItems:"center",color:"var(--popmelt-thread-muted-strong)",display:"flex",fontSize:12,fontWeight:500,gap:4},children:[h(Dc,{provider:e.provider,size:12,style:{color:"var(--popmelt-thread-muted-strong)"}}),h("span",{children:Hc(e.model,e.provider)})]}),h("span",{"data-message-timestamp":!0,style:{color:"var(--popmelt-thread-muted)",fontSize:12,fontWeight:400,marginLeft:"auto"},children:Ta(t)})]})]}):T("div",{"data-msg":!0,style:{display:"flex",flexDirection:"column",gap:16,position:"relative"},children:[T("div",{style:{background:"var(--popmelt-thread-soft)",border:"1px solid var(--popmelt-thread-border)",borderRadius:24,padding:16,display:"flex",flexDirection:"column",gap:12},children:[e.status==="dismissed"?T("div",{style:{alignItems:"center",display:"flex",gap:6,opacity:.45},children:[h(al,{"aria-hidden":"true",size:16,strokeWidth:2.5}),h("span",{style:{fontSize:14,fontWeight:600},children:"Model suggestion dismissed"})]}):T("div",{style:{alignItems:"center",display:"flex",gap:8},children:[h(il,{"aria-hidden":"true",color:r,size:16,strokeWidth:2}),h("span",{style:{fontSize:14,fontWeight:600},children:"Model suggestion"})]}),e.status==="pending"&&c&&x.length>0&&T("div",{style:{alignItems:"center",display:"flex",fontSize:14,lineHeight:1.35,marginTop:4},children:[h("span",{style:{fontWeight:600},children:K}),T("div",{style:{display:"flex",gap:12,marginLeft:"auto"},children:[h("button",{type:"button",disabled:o,onClick:U,style:{background:"transparent",border:0,cursor:"pointer",fontFamily:cn,fontSize:12,fontWeight:600,color:"var(--popmelt-thread-muted-strong)",padding:0},children:"Select all"}),h("button",{type:"button",disabled:o,onClick:G,style:{background:"transparent",border:0,cursor:"pointer",fontFamily:cn,fontSize:12,fontWeight:600,color:"var(--popmelt-thread-muted-strong)",padding:0},children:"Clear"})]})]}),e.status==="pending"&&h(nt,{children:x.length>0?h("div",{style:{display:"flex",flexDirection:"column",gap:8,marginTop:4},children:["rules","components","tokens","model"].flatMap(B=>S[B]).map(B=>{let k=f.has(B.id);return T("label",{style:{alignItems:"start",color:d&&!k?"var(--popmelt-thread-secondary)":"var(--popmelt-thread-primary)",columnGap:8,cursor:d?"pointer":"default",display:"grid",fontSize:14,gridTemplateColumns:d?"14px minmax(0, 1fr)":"minmax(0, 1fr)",lineHeight:1.35,padding:"0 0 8px 12px"},children:[d&&h("input",{type:"checkbox",checked:k,disabled:o,onChange:()=>M(B.id),style:{WebkitAppearance:"none",appearance:"none",margin:"1px 0 0",width:14,height:14,backgroundColor:k?r:"transparent",border:`1px solid ${k?r:"rgba(0,0,0,0.34)"}`,boxSizing:"border-box",cursor:o?"default":"pointer"}}),T("span",{style:{minWidth:0},children:[h("span",{style:{fontWeight:700},children:B.label}),T("span",{children:[" \u2014 ",B.detail]}),B.currentValue!==void 0&&T("span",{style:{display:"block",marginTop:2,opacity:.5},children:["was ",Xi(B.currentValue)]})]})]},B.id)})}):h("div",{style:{color:"var(--popmelt-thread-muted-strong)",fontSize:14,lineHeight:1.4},children:"No concrete model diff could be derived from this proposal."})}),!c&&e.status==="pending"&&h("div",{style:{color:"#92400e",background:"rgba(180,83,9,0.06)",border:"1px solid rgba(180,83,9,0.2)",padding:8,fontSize:12,lineHeight:1.4},children:h("strong",{children:"A competing product decision is pending"})}),e.status==="pending"&&c&&T("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:6},children:[T("button",{type:"button",disabled:o,onClick:a,onMouseEnter:()=>{o||y("reject")},onMouseLeave:()=>y(null),style:{...Hd,alignItems:"center",background:"var(--popmelt-thread-control)",border:0,color:"var(--popmelt-thread-primary)",display:"flex",fontSize:12,justifyContent:"space-between",padding:"8px 12px",transition:"background-color 120ms ease"},children:[h("span",{children:"Reject"}),h(al,{"aria-hidden":"true",color:"#dd4141",size:12,strokeWidth:2.5})]}),T("button",{type:"button",disabled:o||R.length===0,onClick:()=>i(e,R,C),onMouseEnter:()=>{!o&&R.length>0&&y("confirm")},onMouseLeave:()=>y(null),style:{...Dd,alignItems:"center",display:"flex",fontSize:12,background:g==="confirm"?"var(--popmelt-thread-action-hover)":"var(--popmelt-thread-action)",borderColor:g==="confirm"?"var(--popmelt-thread-action-hover)":"var(--popmelt-thread-action)",color:"var(--popmelt-thread-on-action)",justifyContent:"space-between",padding:"8px 12px",opacity:o||R.length===0?.45:1,cursor:o||R.length===0?"not-allowed":"pointer",transition:"background-color 120ms ease, border-color 120ms ease"},children:[h("span",{children:"Confirm"}),h(Eo,{"aria-hidden":"true",color:"#61c920",size:12,strokeWidth:3})]})]}),e.status==="pending"&&!c&&T("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8},children:[h("button",{type:"button",disabled:o,onClick:a,style:Hd,children:"Dismiss"}),h("button",{type:"button",disabled:o||!e.underlyingProposalId,onClick:l,style:{...Dd,opacity:e.underlyingProposalId?1:.45},children:"Review decision"})]})]}),T("div",{style:{alignItems:"center",display:"flex",gap:4,marginTop:s?0:16,...s?{left:0,position:"absolute",right:0,top:"calc(100% + 7px)",zIndex:1}:{}},children:[T("span",{"data-model-sender":"sender",style:{alignItems:"center",color:"var(--popmelt-thread-muted-strong)",display:"flex",fontSize:12,fontWeight:500,gap:4},children:[h(Dc,{provider:e.provider,size:12,style:{color:"var(--popmelt-thread-muted-strong)"}}),h("span",{children:Hc(e.model,e.provider)})]}),h("span",{"data-message-timestamp":!0,style:{color:"var(--popmelt-thread-muted)",fontSize:12,fontWeight:400,marginLeft:"auto"},children:Ta(t)})]})]})}var Dd={border:"1px solid var(--popmelt-thread-action)",borderRadius:24,background:"var(--popmelt-thread-action)",color:"var(--popmelt-thread-on-action)",cursor:"pointer",fontFamily:cn,fontSize:12,fontWeight:700,padding:"6px 8px"},Hd={border:"1px solid var(--popmelt-thread-border)",borderRadius:16,background:"transparent",color:"var(--popmelt-thread-secondary)",cursor:"pointer",fontFamily:cn,fontSize:12,fontWeight:700,padding:"6px 8px"};function qS({onAttentionChange:e,threadId:t,bridgeUrl:n,accentColor:r,initialMessages:o=[],completedJobId:i,refreshKey:a,isStreaming:l,isQueued:s,queuePosition:c,activeJobId:d,streamingEvents:p,onClose:u,onReply:f,onContribute:m,onApproveSuggestion:g,onCancel:y,canManage:x=!0,readOnlyReason:R,lastError:C,onMouseEnter:S,temporarilyHidden:O=!1,instantVisibilityHandoff:M=!1,backdropCursor:U,toolbarRef:G,surfaceRef:N,currentModel:K,currentProvider:B,availableProviders:k=[],models:X=[],modelIndex:Z=0,agentSettings:j,onProviderChange:z,onModelChange:P,onAgentSettingsChange:H,onModelMenuOpen:D,annotationNumber:A,annotationText:te,onPreviousThread:re,onNextThread:V,preferredSide:ce="right",modal:W=!0}){let[we,,ie]=Cs(),ne=As[we],Ee={"--popmelt-thread-surface":ne.surface,"--popmelt-thread-raised":ne.raisedSurface,"--popmelt-thread-soft":ne.softSurface,"--popmelt-thread-control":ne.control,"--popmelt-thread-primary":ne.threadPrimary,"--popmelt-thread-secondary":ne.secondary,"--popmelt-thread-muted":ne.muted,"--popmelt-thread-muted-strong":ne.mutedStrong,"--popmelt-thread-border":ne.border,"--popmelt-thread-hairline":ne.hairline,"--popmelt-thread-soft-hairline":ne.softHairline,"--popmelt-thread-action":ne.actionSurface,"--popmelt-thread-on-action":ne.actionForeground,"--popmelt-thread-action-hover":ne.actionHover},[Le,De]=L(()=>o),[q,ve]=L(),Re=Cr(Va),Pe=(q&&Re?.peerColors?.[q.authorId])??r,tt=Re?.onThreadViewed;_(()=>{q!==void 0&&!O&&tt?.(t)},[tt,q,O,t]);let[it,me]=L(!1),[fe,Je]=L(""),qe=q?.state==="pending",st=q===void 0?void 0:qe?m:q&&q.state!=="sent"?void 0:f,[Ve,Ie]=L([]);_(()=>(e?.(!O&&Ve.length?{threadId:t,targets:Ve}:null),()=>e?.(null)),[e,O,t,Ve]);let Ye=xe(()=>Xx(te,Le),[te,Le]),[gt,qt]=L([]),[vt,Be]=L(!1),[pt,Rn]=L(!1),Gt=Mx({bridgeUrl:n,threadId:t,visible:!O,active:!!l,onPendingChange:Rn}),[Ln,Ut]=L(o.length===0),He=J(null);He.current||(He.current=Ux(t));let[ht,ct]=L(()=>He.current.text),[v,se]=L([]),[ye,Xe]=L(!1),[wt,Oe]=L(!1),dt=J(null),Ke=J(null),Ft=J(null),ge=J(null),Fe=J(!1),Ze=J(!1),xt=J(!1),at=J(!1),Ge=J({selectionStart:He.current.selectionStart,selectionEnd:He.current.selectionEnd,selectionDirection:He.current.selectionDirection}),[en,Ue]=L(!0),[Wn,$n]=L(null),yn=Y($=>$n($),[]),Xt=J(null),sr=J(!0),It=J(null),dr=J(0),tn=J(null),wn=Y(($,ae)=>{let be=$&&ae.trim();Xt.current&&(Xt.current.style.opacity=be?"0.65":"1")},[]),Wt=J(null),so=J(null),nn=Y($=>{so.current=$,N?.($)},[N]),$r=J(null),jr=J(l),Qt=J(d),Ht=J(null);_(()=>{$d(t,ht,void 0,Ge.current)},[ht,t]),Lt(()=>{let $=Wt.current,ae=He.current;!$||!ae||ae.text.length===0||$.setSelectionRange(ae.selectionStart,ae.selectionEnd,ae.selectionDirection)},[]);let St=Y(()=>{dt.current&&(clearTimeout(dt.current),dt.current=null)},[]),Zt=Y(()=>{Ke.current&&(clearTimeout(Ke.current),Ke.current=null)},[]),jn=Y(()=>{Ft.current&&(clearTimeout(Ft.current),Ft.current=null),ge.current!==null&&(cancelAnimationFrame(ge.current),ge.current=null)},[]),xn=Y(()=>{D?.(),jn(),Oe(!0),ge.current=requestAnimationFrame(()=>{ge.current=null,Xe(!0)})},[jn,D]),Pr=Y(()=>{jn(),Xe(!1),Ft.current=setTimeout(()=>{Ft.current=null,Oe(!1)},rS)},[jn]),cr=Y(()=>{St(),Zt(),Fe.current=!1,Ze.current=!1,xt.current=!1,Pr()},[Zt,St,Pr]),ai=Y(()=>{Zt(),St(),dt.current=setTimeout(()=>{dt.current=null,Fe.current&&xn()},tS)},[Zt,St,xn]),zr=Y(()=>{St(),Zt(),!xt.current&&(Ke.current=setTimeout(()=>{Ke.current=null,!Fe.current&&!Ze.current&&!xt.current&&Pr()},nS))},[Zt,St,Pr]),Ki=Y($=>{xt.current=$,$?Zt():!Fe.current&&!Ze.current&&zr()},[Zt,zr]);_(()=>()=>{St(),Zt(),jn()},[Zt,jn,St]);let Ot=J(Pd(ce)),Sn=J({x:0,y:0}),Dr=J(!1),Hr=J({x:0,y:0,offsetX:0,offsetY:0}),Bn=J(ce==="right"),[,vn]=L(0),ur=`${lS}:${ce}`;_(()=>{try{let $=localStorage.getItem(ur);if($){let ae=JSON.parse($);if(typeof ae.top=="number"&&typeof ae.left=="number"){let{width:be,height:ze}=jo(),Ae=Zo(be),je=Ia(be),rt={top:Math.max(Ae,Math.min(ae.top,ze-Ae-200)),left:Math.max(Ae,Math.min(ae.left,je))};Bn.current=rt.left>=je-2,Ot.current=rt,vn(lt=>lt+1)}}}catch{}},[ur]),_(()=>{let $=()=>{if(Bn.current)Ot.current=Pd(ce);else{let ae=Ot.current,{width:be,height:ze}=jo(),Ae=Zo(be),je=Ia(be);Ot.current={top:Math.max(Ae,Math.min(ae.top,ze-Ae-200)),left:Math.max(Ae,Math.min(ae.left,je))}}vn(ae=>ae+1)};return window.addEventListener("resize",$,{passive:!0}),window.visualViewport?.addEventListener("resize",$,{passive:!0}),()=>{window.removeEventListener("resize",$),window.visualViewport?.removeEventListener("resize",$)}},[ce]),_(()=>{let $=$r.current;if(!$)return;let ae=je=>{Sc(jo().width)||je.button!==0||je.target.closest("button")||(je.preventDefault(),je.stopPropagation(),Dr.current=!0,Hr.current={x:je.clientX,y:je.clientY,offsetX:Sn.current.x,offsetY:Sn.current.y})},be=je=>{if(!Dr.current)return;let rt=Hr.current,lt=rt.offsetX+(je.clientX-rt.x),$e=rt.offsetY+(je.clientY-rt.y),{width:dn}=jo(),_r=Zo(dn),kn=Math.max(_r,Math.min(Ia(dn),Ot.current.left+lt)),br=Math.max(_r,Ot.current.top+$e);Sn.current={x:kn-Ot.current.left,y:br-Ot.current.top};let wr=so.current;wr&&(wr.style.top=`${br}px`,wr.style.left=`${kn}px`,wr.style.height=`${xh(br,kn,G?.current)}px`)},ze=()=>{if(!Dr.current)return;let je=Ot.current.top+Sn.current.y,rt=Ot.current.left+Sn.current.x;Ot.current={top:je,left:rt},Sn.current={x:0,y:0};let lt=Ia();Bn.current=rt>=lt-2;try{localStorage.setItem(ur,JSON.stringify({top:je,left:rt}))}catch{}Dr.current=!1},Ae=()=>{Ot.current=Pd(ce),Sn.current={x:0,y:0},Bn.current=ce==="right";try{localStorage.removeItem(ur)}catch{}vn(je=>je+1)};return $.addEventListener("mousedown",ae),window.addEventListener("mousemove",be),window.addEventListener("mouseup",ze),$.addEventListener("dblclick",Ae),()=>{$.removeEventListener("mousedown",ae),window.removeEventListener("mousemove",be),window.removeEventListener("mouseup",ze),$.removeEventListener("dblclick",Ae)}},[ur,ce,G]);let Nt=Y(async $=>{try{let ae=await Vt(`${n}/thread/${t}`);if(!ae.ok)throw new Error(`Thread fetch failed: ${ae.status}`);let be=await ae.json(),ze=be.messages??[];ve(be.suggestion??null);let Ae=Qf(be,location.pathname);Ie($e=>JSON.stringify($e)===JSON.stringify(Ae)?$e:Ae);let je=$?.settleJobId,rt=Zf(ze,je);(rt||$?.applyUnsettled)&&De($e=>ze.length===0&&$e.length>0?$e:ze);let lt=Array.isArray(be.modelProposals)?be.modelProposals:be.modelProposal?[be.modelProposal]:[];return(rt||$?.applyUnsettled)&&qt(lt),Ut(!1),{messages:ze,settled:rt}}catch{return Ut(!1),null}},[n,t]),Ne=Y(async($,ae)=>{if(!vt){Be(!0);try{let be=await Vt(`${n}/projection/proposals/${encodeURIComponent($.id)}/${ae}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:B,model:K,...j})});if(be.ok){let ze=await be.json();ze.proposal&&qt(Ae=>Ae.map(je=>je.id===ze.proposal.id?ze.proposal:je)),await Nt()}}finally{Be(!1)}}},[j,n,K,B,Nt,vt]);_(()=>{a&&Nt({applyUnsettled:!0})},[a,Nt]);let co=Y(async($,ae,be)=>{if(!vt){Be(!0);try{(await Vt(`${n}/memory/conversation-action`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({threadId:t,proposalId:$.proposalId,action:ae,claim:be,provider:B,model:K,...j})})).ok&&await Nt()}finally{Be(!1)}}},[j,n,K,B,Nt,vt,t]),$t=Y(async($,ae)=>{if(!vt){Be(!0);try{(await Vt(`${n}/imprint/action`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({threadId:t,transactionId:$.transactionId,action:ae})})).ok&&await Nt()}finally{Be(!1)}}},[n,Nt,vt,t]),Pn=Y(async($,ae,be)=>{if(!(vt||ae.length===0)){Be(!0);try{let ze=await Vt(`${n}/projection/proposals/${encodeURIComponent($.id)}/apply-selected`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({changes:ae,changeSummaries:be.map(Ae=>({group:Ae.group,label:Ae.label,detail:Ae.detail,path:Ae.path,value:Ae.value,currentValue:Ae.currentValue})),provider:B,model:K,...j})});if(ze.ok){let Ae=await ze.json();Ae.proposal&&qt(je=>je.map(rt=>rt.id===Ae.proposal.id?Ae.proposal:rt)),await Nt()}}finally{Be(!1)}}},[j,n,K,B,Nt,vt]);_(()=>{let $=!1;dr.current=0,Ut(o.length===0),It.current&&(clearTimeout(It.current),It.current=null);let ae=async()=>{let be=await Nt({applyUnsettled:!0});$||be===null||be.messages.length!==0||dr.current>=5||(dr.current+=1,It.current=setTimeout(ae,200*dr.current))};return ae(),()=>{$=!0,It.current&&(clearTimeout(It.current),It.current=null)}},[Nt,o.length]);let Zn=Y($=>{if(!$||Ht.current===$)return;Ht.current=$,tn.current&&clearTimeout(tn.current);let ae=0,be=async()=>{(await Nt({settleJobId:$,applyUnsettled:ae>=5}))?.settled||ae>=5||(ae+=1,tn.current=setTimeout(be,80*ae))};be()},[Nt]);_(()=>{Zn(i)},[i,Zn]),_(()=>{jr.current&&!l&&Zn(Qt.current),jr.current=l,d&&(Qt.current=d)},[d,l,Zn]),_(()=>()=>{tn.current&&clearTimeout(tn.current)},[]);let Kt=xe(()=>p?CS(p):[],[p]),Jn=xe(()=>yh(Kt),[Kt]),Bt=xe(()=>Th(Kt.filter($=>$.kind==="tool_group")),[Kt]),er=xe(()=>Ch(Bt),[Bt]),ln=xe(()=>eS(p??[]),[p]),pr=xe(()=>p?LS(p):void 0,[p]),yt=xe(()=>Le.filter($=>$.role==="human"&&$.replyToQuestion&&$.queued&&$.jobId!==d),[d,Le]),sn=Vx(Le,q?.submissionId,t,Xt),hr=!sn.replacementReady||!!(fe&&q?.state==="pending"),Rt=xe(()=>sn.messages.filter($=>!($.role==="human"&&$.replyToQuestion&&$.queued&&$.jobId!==d)),[d,sn.messages]),fr=xe(()=>{let $=new Set,ae=new Map,be=new Map,ze=new Map,Ae=[];if(Rt.forEach((je,rt)=>{let lt=gt.some($e=>$e.status==="applied"&&zh(je,$e));if(NS(je,lt)){Ae.push(rt);return}je.role!=="assistant"||Ae.length===0||(ae.set(rt,Ae.map($e=>Rt[$e])),Ae.forEach($e=>$.add($e)),Ae=[])}),Ae.length>0){let je=Ae[0]-1;if(Rt[je]?.role==="assistant"&&!$.has(je)){let rt=ae.get(je)??[];ae.set(je,[...rt,...Ae.map($e=>Rt[$e])]),Ae.forEach($e=>$.add($e));let lt=Ae[Ae.length-1];be.set(je,Ph(Rt[lt],Rt[lt-1])),ze.set(je,Rt[lt].timestamp)}else if(Ae.length>1){let rt=Ae[Ae.length-1],lt=Ae.slice(0,-1);ae.set(rt,lt.map($e=>Rt[$e])),lt.forEach($e=>$.add($e))}}return{hiddenIndices:$,messagesByTargetIndex:ae,timestampByTargetIndex:ze,workedForByTargetIndex:be}},[gt,Rt]),li=xe(()=>{let $=new Map;for(let ae of Le)ae.memoryReviewCard&&$.set(ae.memoryReviewCard.proposalId,`${ae.jobId}:${ae.timestamp}`);return $},[Le]),qn=xe(()=>{let $=[];return Rt.forEach((ae,be)=>{if(fr.hiddenIndices.has(be))return;let ze=jh(ae,Rt[be-1]);ae.role==="assistant"&&!ze&&$.push(`message:${ae.jobId}:${be}`)}),l?"streaming":$[$.length-1]??null},[fr,l,Rt]);_(()=>{let $=Xt.current;if(!$)return;let ae=()=>{let be=$.scrollHeight-$.scrollTop-$.clientHeight;Ue(be<40),sr.current=be<2};return $.addEventListener("scroll",ae,{passive:!0}),()=>{$.removeEventListener("scroll",ae)}},[]),_(()=>{sr.current&&Xt.current&&(Xt.current.scrollTop=Xt.current.scrollHeight)},[Le,Kt.length,l,pt,sn.phase]),_(()=>{if(!wt)return;let $=ae=>{ae.composedPath().some(be=>be instanceof HTMLElement&&be.dataset.modelPicker!==void 0)||cr()};return document.addEventListener("pointerdown",$,!0),()=>document.removeEventListener("pointerdown",$,!0)},[cr,wt]),_(()=>{let $=ae=>{if(ae.key==="Escape"){if(ae.stopPropagation(),wt){cr();return}u()}};return document.addEventListener("keydown",$),()=>document.removeEventListener("keydown",$)},[cr,wt,u]);let mr=Y(($,ae,be)=>{let ze=$.trim();if(!ze||!st)return!1;let Ae=`_pending_reply_${Date.now()}`,je=!!l,rt=ae?ae.map(lt=>URL.createObjectURL(lt)):void 0;return De(lt=>[...lt,{role:"human",timestamp:Date.now(),jobId:Ae,replyToQuestion:ze,...qe?{execution:"none"}:{},...je?{queued:!0}:{},...rt?{replyImageUrls:rt}:{}}]),Promise.resolve().then(()=>st(t,ze,ae,be)).then(async lt=>{lt?.jobId&&(De($e=>$e.map(dn=>dn.jobId===Ae?{...dn,jobId:lt.jobId}:dn)),await Nt({applyUnsettled:!0}))}).catch(lt=>{De($e=>$e.map(dn=>dn.jobId===Ae?{...dn,queued:!1,errorKind:"send_rejected",error:lt instanceof Error?lt.message:"Reply was not sent. Check your connection and permissions before retrying."}:dn)),ct($e=>$e||ze),ae&&se($e=>$e.length?$e:ae)}),!0},[l,t,st,Nt,qe]),Un=Y(()=>{let $=v.length>0?v:void 0;mr(ht,$)&&(ct(""),se([]))},[ht,v,mr]),gr=Y($=>{let ae=$.clipboardData.items,be=[];for(let ze=0;ze<ae.length;ze++){let Ae=ae[ze];if(Ae.type.startsWith("image/")){let je=Ae.getAsFile();je&&be.push(je)}}if(be.length>0){if($.preventDefault(),qe){Je("Suggestion discussion supports text for now; images were not attached.");return}se(ze=>[...ze,...be])}},[qe]),Or=Y($=>{$.key==="Enter"&&($.metaKey||$.ctrlKey)&&($.preventDefault(),Un())},[Un]);Lt(()=>{let $=Wt.current;$&&($.style.height="auto",$.style.height=`${Math.max(34,Math.min($.scrollHeight,120))}px`)},[ht]);let Nr=Ot.current.top+Sn.current.y,Yn=Ot.current.left+Sn.current.x,tr=jo(),un=Sc(tr.width),yr=Zo(tr.width),vr=kc(tr.width),Et=xh(Nr,Yn,G?.current),Me=Le.some($=>$.memoryReviewCard&&!Le.some(ae=>ae.memoryReceipt?.proposalId===$.memoryReviewCard.proposalId)),pn=qe?"Add to suggestion (text only)":l?"Add steering context":Me?"Ask for rule changes":"Ask for changes";return T(nt,{children:[W&&h("div",{"data-devtools":"thread-panel-backdrop",onPointerDown:$=>{$.target===$.currentTarget&&u()},style:{position:"fixed",inset:0,zIndex:9998,opacity:O?0:1,pointerEvents:O?"none":"auto",cursor:U,transition:O&&!M?`opacity ${us}ms ease`:"none"}}),T("div",{ref:nn,style:{...dS,...Ee,width:vr,height:un?"auto":Et,position:"fixed",top:un?`max(${yr}px, env(safe-area-inset-top))`:Nr,bottom:un?`max(${yr}px, env(safe-area-inset-bottom))`:void 0,left:un?`max(${yr}px, env(safe-area-inset-left))`:Yn,right:un?`max(${yr}px, env(safe-area-inset-right))`:void 0,zIndex:10004,opacity:O?0:1,pointerEvents:O?"none":"auto",transition:O&&!M?`opacity ${us}ms ease`:"none"},"data-devtools":"thread-panel","data-popmelt-thread-id":t,"data-popmelt-font":"sans","data-popmelt-theme":we,"data-popmelt-theme-preference":ie,"aria-hidden":O||void 0,onMouseEnter:S,children:[iS,T("div",{style:{background:"var(--popmelt-thread-surface)",borderRadius:"12px 12px 16px 16px",display:"flex",flexDirection:"column",overflow:"hidden",flex:1,minHeight:0},children:[T("div",{ref:$r,"data-popmelt-thread-header":!0,style:{...cS,backgroundColor:Pe,color:"#ffffff",cursor:"grab",overflow:un?"visible":"hidden",paddingRight:un?32:6,userSelect:"none",WebkitUserSelect:"none"},children:[T("span",{style:{display:"flex",alignItems:"center",gap:3,minWidth:0,flex:1},children:[(A||!q)&&h("span",{style:{flexShrink:0},children:A?`${A}.`:"Conversation"}),Ye&&h("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:Ye})]}),re&&V&&T("span",{style:{display:"flex",flexShrink:0,gap:0,marginLeft:8},children:[h("button",{type:"button","aria-label":"Previous thread","data-popmelt-thread-nav":!0,onClick:re,style:{alignItems:"center",background:"transparent",border:0,color:"inherit",cursor:"pointer",display:"flex",height:$o,justifyContent:"center",margin:0,padding:0,position:"relative",width:$o},children:h(Mg,{"aria-hidden":"true",height:$o,strokeWidth:2,width:$o})}),h("button",{type:"button","aria-label":"Next thread","data-popmelt-thread-nav":!0,onClick:V,style:{alignItems:"center",background:"transparent",border:0,color:"inherit",cursor:"pointer",display:"flex",height:$o,justifyContent:"center",margin:0,padding:0,position:"relative",width:$o},children:h(js,{"aria-hidden":"true",height:$o,strokeWidth:2,width:$o})})]}),un&&h("button",{type:"button","aria-label":"Close thread",onClick:u,style:{alignItems:"center",background:"transparent",border:0,color:"inherit",cursor:"pointer",display:"flex",flexShrink:0,height:40,justifyContent:"center",margin:0,padding:0,position:"absolute",right:-4,top:"50%",transform:"translateY(-50%)",width:40},children:h(ll,{"aria-hidden":"true",size:14,strokeWidth:2})})]}),h("style",{dangerouslySetInnerHTML:{__html:`
222
- [data-devtools="thread-panel"] ::selection {
223
- background: color-mix(in srgb, ${Pe} 15%, transparent);
224
- color: inherit;
225
- }
226
- [data-popmelt-thread-nav] { opacity: 0.5; transition: opacity 120ms ease; }
227
- [data-popmelt-thread-nav]:hover, [data-popmelt-thread-nav]:focus-visible { opacity: 1; }
228
- [data-popmelt-approve-suggestion]:not(:disabled):hover {
229
- --popmelt-approval-background: var(--popmelt-thread-action-hover);
230
- }
231
- [data-popmelt-approve-suggestion]:focus-visible {
232
- outline: 2px solid var(--popmelt-thread-primary);
233
- outline-offset: 3px;
234
- }
235
- [data-popmelt-thread-nav]::before { content: ''; position: absolute; inset: -4px; }
236
- [data-popmelt-thread-content] { isolation: isolate; }
237
- [data-popmelt-thread-content]::after {
238
- background: color-mix(in srgb, var(--popmelt-thread-surface) 50%, transparent);
239
- content: '';
240
- inset: 0;
241
- opacity: 0;
242
- pointer-events: none;
243
- position: absolute;
244
- transition: opacity 100ms ease;
245
- transition-delay: 0ms;
246
- z-index: 10;
247
- }
248
- [data-popmelt-thread-content]:has([data-popmelt-tool-receipt-trigger]:hover)::after,
249
- [data-popmelt-thread-content]:has([data-popmelt-tool-receipt-trigger]:focus-within)::after {
250
- opacity: 1;
251
- transition-delay: 180ms;
252
- }
253
- [data-popmelt-thread-content] [data-popmelt-tool-receipt-tooltip] { z-index: 20; }
254
- [data-popmelt-reply]::placeholder { color: var(--popmelt-thread-muted); opacity: 1; }
255
- [data-message-timestamp] { opacity: 0; pointer-events: none; transition: opacity 120ms ease; }
256
- [data-message-activity] { opacity: 1; transition: opacity 120ms ease; }
257
- [data-worked-for-label], [data-worked-for-time] { transition: opacity 120ms ease; }
258
- [data-worked-for-time] { pointer-events: none; }
259
- [data-under-message-rail="hover"] { opacity: 0; pointer-events: none; transition: opacity 120ms ease; }
260
- [data-model-sender] { display: none !important; }
261
- [data-msg]:hover [data-under-message-rail="hover"] { opacity: 1; pointer-events: auto; }
262
- [data-msg]:hover [data-message-timestamp] { opacity: 1; }
263
- @media (hover: hover) {
264
- [data-msg]:hover + [data-popmelt-suggestion-actions] [data-popmelt-approve-suggestion]:not(:focus-visible) {
265
- opacity: 0 !important;
266
- pointer-events: none;
267
- }
268
- }
269
- [data-worked-for-trigger]:hover [data-worked-for-label] { opacity: 0; }
270
- [data-worked-for-trigger]:hover [data-worked-for-time] { opacity: 1 !important; }
271
- [data-popmelt-tool-receipt-tooltip] {
272
- opacity: 0;
273
- transform: translateY(3px) scale(0.98);
274
- transform-origin: bottom center;
275
- transition: opacity 100ms ease, transform 100ms ease, visibility 0s linear 100ms;
276
- visibility: hidden;
277
- }
278
- [data-popmelt-tool-receipt-scroll] {
279
- overflow-x: hidden !important;
280
- }
281
- [data-popmelt-tool-receipt-scroll],
282
- [data-popmelt-tool-receipt-scroll] * {
283
- box-sizing: border-box;
284
- max-width: 100%;
285
- min-width: 0;
286
- overflow-wrap: anywhere;
287
- white-space: normal;
288
- word-break: break-word;
289
- }
290
- [data-popmelt-tool-receipt-trigger]:hover > button {
291
- color: var(--popmelt-thread-primary) !important;
292
- }
293
- [data-popmelt-tool-receipt-scrim] {
294
- left: 0;
295
- opacity: 0;
296
- pointer-events: none;
297
- position: absolute;
298
- right: 0;
299
- transition: opacity 100ms ease;
300
- z-index: 1;
301
- }
302
- [data-popmelt-tool-receipt-scrim="top"] {
303
- background: linear-gradient(to bottom, var(--popmelt-thread-raised) 10%, transparent);
304
- height: 24px;
305
- top: 0;
306
- }
307
- [data-popmelt-tool-receipt-scrim="bottom"] {
308
- background: linear-gradient(to top, var(--popmelt-thread-raised) 10%, transparent);
309
- bottom: 0;
310
- height: 24px;
311
- }
312
- [data-popmelt-tool-receipt-tooltip][data-overflow-top] [data-popmelt-tool-receipt-scrim="top"],
313
- [data-popmelt-tool-receipt-tooltip][data-overflow-bottom] [data-popmelt-tool-receipt-scrim="bottom"] {
314
- opacity: 1;
315
- }
316
- [data-popmelt-tool-receipt-trigger]:hover [data-popmelt-tool-receipt-tooltip][data-ready="true"],
317
- [data-popmelt-tool-receipt-trigger]:focus-within [data-popmelt-tool-receipt-tooltip][data-ready="true"] {
318
- opacity: 1;
319
- transform: translateY(0) scale(1);
320
- transition-delay: 180ms;
321
- visibility: visible;
322
- }
323
- @media (prefers-reduced-motion: reduce) {
324
- [data-popmelt-tool-receipt-tooltip] { transition: none; }
325
- [data-popmelt-thread-content]::after { transition: none; }
326
- }
327
- [data-suggestion-message] { display: contents; }
328
- [data-suggestion-handoff] > div {
329
- display: flex;
330
- flex-direction: column;
331
- gap: 32px;
332
- }
333
- [data-suggestion-phase="preparing"] [data-suggestion-handoff="incoming"] {
334
- display: block;
335
- position: absolute;
336
- visibility: hidden;
337
- pointer-events: none;
338
- }
339
- [data-suggestion-phase="animating"] [data-suggestion-handoff="outgoing"] {
340
- display: block;
341
- position: relative;
342
- height: 0;
343
- flex-shrink: 0;
344
- margin-bottom: -32px;
345
- pointer-events: none;
346
- }
347
- [data-suggestion-phase="animating"] [data-suggestion-handoff="outgoing"] > div {
348
- position: absolute;
349
- width: 100%;
350
- animation: popmelt-suggestion-out ${jd}ms ease-out both;
351
- }
352
- [data-suggestion-phase="animating"] [data-suggestion-handoff="incoming"] > div {
353
- animation: popmelt-suggestion-in ${jd}ms cubic-bezier(.2,.7,.2,1) both;
354
- }
355
- @keyframes popmelt-suggestion-out {
356
- to { opacity: 0; transform: translateY(-16px); }
357
- }
358
- @keyframes popmelt-suggestion-in {
359
- from { opacity: 0; transform: translateY(16px); }
360
- to { opacity: 1; transform: translateY(0); }
361
- }
362
- @media (prefers-reduced-motion: reduce) {
363
- [data-suggestion-handoff] > div { animation: none !important; }
364
- }
365
- @media (hover: none), (pointer: coarse) {
366
- [data-message-timestamp], [data-under-message-rail="hover"] { opacity: 1; pointer-events: auto; }
367
- [data-popmelt-thread-header] { cursor: default !important; }
368
- [data-popmelt-reply-action] { width: 40px !important; height: 40px !important; margin: -10px; }
369
- }
370
- `}}),T("div",{"data-popmelt-thread-content":!0,style:{display:"flex",flex:1,flexDirection:"column",minHeight:0,position:"relative"},children:[T("div",{ref:Xt,style:{...uS,...st?{paddingBottom:12}:{},transition:"opacity 150ms ease"},"data-devtools":"thread-panel-messages","data-suggestion-phase":sn.phase,children:[Ln&&h("div",{style:{padding:16,color:"var(--popmelt-thread-muted)",textAlign:"center"},children:"Loading..."}),!Ln&&Rt.length===0&&yt.length===0&&!l&&h("div",{style:{padding:16,color:"var(--popmelt-thread-muted)",textAlign:"center"},children:"No messages yet."}),Rt.map(($,ae)=>{if(fr.hiddenIndices.has(ae))return null;let be=fr.messagesByTargetIndex.get(ae)??[],ze=[...be,$],Ae=jh($,Rt[ae-1]),je=Ln?[]:gt.filter($e=>ze.some(dn=>zh(dn,$e))),rt=je.filter($e=>$e.status==="applied"),lt={decisionRecorded:rt.some($e=>$e.decisionIds.length>0),modelUpdated:rt.length>0,imprintReceipt:$S(ze,Rt)};return h("div",{"data-suggestion-message":!0,"data-suggestion-handoff":sn.motion($),"aria-hidden":sn.motion($)==="outgoing"&&sn.phase==="animating"?!0:void 0,children:T("div",{style:sn.motion($)?void 0:{display:"contents"},children:[h($h,{msg:$,index:ae,bridgeUrl:n,accentColor:Pe,onLightbox:yn,hideSender:Ae,hideTimestamp:Ae,hideModelSenderUntilHover:qn!==`message:${$.jobId}:${ae}`,compactSpacing:Ae,workedFor:fr.workedForByTargetIndex.get(ae)??Ph($,Rt[ae-1]),activityTimestamp:fr.timestampByTargetIndex.get(ae),memoryReviewBusy:vt,memoryReviewResolved:!!($.memoryReviewCard&&Le.some($e=>$e.memoryReceipt?.proposalId===$.memoryReviewCard.proposalId&&$e.memoryReceipt.status==="committed")),memoryReviewSuperseded:!!($.memoryReviewCard&&li.get($.memoryReviewCard.proposalId)!==`${$.jobId}:${$.timestamp}`),foldedActivityMessages:be,underMessageActivity:lt,onMemoryReviewAction:x?co:void 0,onImprintAction:x?$t:void 0}),ae===0&&q&&q.state!=="sent"&&(fe||hr&&g&&(qe||q.state==="approving"))&&T("div",{"data-popmelt-suggestion-actions":!0,style:{display:"flex",flexDirection:"column",alignItems:"flex-end",gap:8,marginTop:-24,fontSize:13,color:"var(--popmelt-thread-secondary)"},children:[(qe||q.state==="approving")&&hr&&g&&T("button",{"data-popmelt-approve-suggestion":!0,type:"button",disabled:it||!qe,style:{...em(we),padding:hs.padding,gap:hs.gap,background:"var(--popmelt-approval-background, var(--popmelt-thread-action))",color:"var(--popmelt-thread-on-action)",opacity:it||!qe?.5:1,transition:"background-color 120ms ease, opacity 120ms ease",cursor:it||!qe?"default":"pointer"},onClick:async()=>{if(!(it||!qe)){me(!0),Je("");try{await g(q.submissionId,q.revision)}catch($e){Je($e instanceof Error?$e.message:"Approval failed. Review the updated suggestion and try again.")}finally{await Nt({applyUnsettled:!0}),me(!1)}}},children:[h(gu,{size:hs.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),it||!qe?"Sending\u2026":"Approve and send"]}),fe&&h("div",{role:"alert",children:fe})]}),je.filter($e=>$e.status!=="applied").map($e=>h("fieldset",{disabled:!x,style:{border:0,padding:0,margin:0,minWidth:0},children:h(JS,{proposal:$e,timestamp:$.timestamp,bridgeUrl:n,accentColor:Pe,busy:vt,onApplySelected:Pn,onDismiss:()=>Ne($e,"dismiss"),onReviewUnderlying:()=>{$e.underlyingProposalId&&mr("> Kicked off decision review",void 0,{memoryReviewProposalId:$e.underlyingProposalId})},hideModelSenderUntilHover:qn!==`proposal:${$e.id}`})},$e.id))]})},zl($))}),l&&T("div",{style:{padding:0,display:"flex",flexDirection:"column",gap:8},children:[(!s||Gt.approvals.some($=>$.jobId===d&&$.phase))&&h(nt,{children:Jn.map(($,ae)=>{if($.kind==="approval"){let ze=Gt.approvals.find(je=>je.id===$.approval.id),Ae=$.approval.status==="pending"&&ze?.status!=="pending"?ze??$.approval:$.approval;return h(Ax,{approval:Ae,accentColor:Pe,connected:x&&Gt.connected,decide:je=>Gt.decide(Ae,je)},Ae.id)}if($.kind==="tool_group")return null;if($.kind==="generated_image")return h(Ih,{src:lo(n,$.url),onLightbox:yn},ae);if($.kind==="file_content")return h(AS,{file:$.file,content:$.content,ext:$.ext,isPlan:$.isPlan,onAccept:$.isPlan&&st?()=>st(t,"Looks good, please proceed with implementation."):void 0},ae);if($.kind==="thinking")return h("div",{style:{fontSize:12,color:"var(--popmelt-thread-muted)",fontStyle:"italic",lineHeight:1.4,whiteSpace:"pre-wrap",wordBreak:"break-word",maxHeight:80,overflowY:"auto"},children:$.text},ae);if($.kind==="status")return h("div",{style:{color:"var(--popmelt-thread-muted)",fontSize:12,fontStyle:"italic",lineHeight:1.4,wordBreak:"break-word"},children:$.text},ae);if($.kind==="orientation")return h(Eh,{orientation:$.orientation},ae);let be=Ea($.text);return be?h("div",{style:{fontSize:14,letterSpacing:"0.14px",lineHeight:1.3,wordBreak:"break-word"},children:Rr(be)},ae):null})}),T("div",{style:{alignItems:"center",display:"flex",justifyContent:"space-between",minHeight:24},children:[h("div",{style:{alignItems:"center",display:"flex",gap:6},children:s?T(nt,{children:[h(yu,{size:12,strokeWidth:2.25,color:Pe,style:{verticalAlign:"middle",flexShrink:0,opacity:.5}}),h("span",{style:{color:"var(--popmelt-thread-muted)",fontSize:12,fontStyle:"italic"},children:Gt.approvals.some($=>$.jobId===d&&$.phase==="parked")?"Parked \xB7 waiting for permission":Gt.approvals.some($=>$.jobId===d&&$.phase==="queued")?"Queued next":`Queued${c?` ${c}`:""}`})]}):T(nt,{children:[pt?h("span",{style:{color:"var(--popmelt-thread-muted-strong)",fontSize:12},children:"Waiting for permission"}):ln?h("span",{style:{color:"var(--popmelt-thread-muted-strong)",fontSize:12},children:"Generating images\u2026"}):h(yS,{color:"var(--popmelt-thread-muted-strong)"}),er.map($=>h(Ah,{receipt:$,animateCount:!0},$.kind)),pr&&h(Lh,{receipt:pr,accentColor:Pe})]})}),y&&h("button",{onClick:y,style:{background:"none",border:"1px solid var(--popmelt-thread-hairline)",borderRadius:16,color:"var(--popmelt-thread-muted-strong)",cursor:"pointer",fontFamily:"inherit",fontSize:12,padding:"4px 10px"},children:"Cancel"})]})]}),!l&&C&&T("div",{style:{padding:"8px 16px",backgroundColor:"rgba(239, 68, 68, 0.06)",fontSize:12,color:"#dc2626",lineHeight:1.4},children:[h("span",{style:{fontWeight:600},children:"Error: "}),C]})]}),yt.length>0&&h("div",{"data-queued-replies-area":!0,style:{flexShrink:0,maxHeight:"40%",overflowY:"auto",padding:"0 12px 12px"},children:h(Tx,{messages:yt,renderMessage:$=>h($h,{msg:$,index:Le.indexOf($),bridgeUrl:n,accentColor:Pe,onLightbox:yn,hideSender:!0,hideTimestamp:!0,queuedPreview:!0}),onChange:x?async($,ae)=>{let be=await Vt(`${n}/reply/queued`,{method:ae===null?"DELETE":"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({threadId:t,jobId:$.jobId,submissionId:$.lifecycle?.submissionIds[0],expectedReply:$.replyToQuestion,reply:ae})});if(!be.ok){let ze=await be.json().catch(()=>({}));throw new Error(ze.error??"Could not update queued message.")}await Nt({applyUnsettled:!0})}:void 0})}),!st&&R&&T("div",{role:"status",style:{alignItems:"center",color:"var(--popmelt-thread-muted)",display:"flex",fontSize:12,gap:4,justifyContent:"center",letterSpacing:"0.12px",lineHeight:1.35,padding:"16px 12px",whiteSpace:"nowrap"},children:[h(Rg,{"aria-hidden":"true",size:12,strokeWidth:1.5}),h("span",{children:R})]}),st&&T("div",{"data-popmelt-thread-composer":!0,style:{flexShrink:0,position:"relative",zIndex:1},children:[wt&&h(tm,{visible:ye,provider:B,availableProviders:k,models:X,modelIndex:Z,agentSettings:j,onProviderChange:z,onModelChange:P,onAgentSettingsChange:H,onMouseEnter:()=>{Ze.current=!0,Zt()},onMouseLeave:()=>{Ze.current=!1,zr()},onScrubChange:Ki}),!en&&Le.length>0&&h("button",{type:"button","data-scroll-to-bottom":!0,"aria-label":"Scroll to latest message",title:"Scroll to latest message",onClick:()=>{Xt.current&&Xt.current.scrollTo({top:Xt.current.scrollHeight,behavior:"smooth"})},style:{alignItems:"center",background:"var(--popmelt-thread-surface)",border:"1px solid var(--popmelt-thread-border)",borderRadius:999,bottom:"calc(100% + 8px)",color:"var(--popmelt-thread-muted-strong)",cursor:"pointer",display:"flex",height:30,justifyContent:"center",left:"50%",padding:0,position:"absolute",transform:"translateX(-50%)",width:30,zIndex:2},children:h(Lg,{"aria-hidden":"true",size:16,strokeWidth:1.75})}),v.length>0&&h("div",{style:{position:"absolute",bottom:"100%",display:"flex",gap:4,padding:"6px 5px 5px",flexWrap:"wrap"},children:v.map(($,ae)=>T("span",{onClick:()=>se(be=>be.filter((ze,Ae)=>Ae!==ae)),onMouseEnter:be=>{let ze=be.currentTarget.querySelector("[data-chip-x]");ze&&(ze.style.color="#fff")},onMouseLeave:be=>{let ze=be.currentTarget.querySelector("[data-chip-x]");ze&&(ze.style.color="rgba(255,255,255,0.4)")},style:{display:"inline-flex",alignItems:"center",gap:4,fontSize:10,color:"#fff",backgroundColor:Pe,backdropFilter:"blur(4px)",borderRadius:8,padding:"2px 6px 2px 6px",cursor:"pointer"},children:["image ",ae+1,h("span",{"data-chip-x":!0,style:{fontSize:12,lineHeight:1,color:"rgba(255,255,255,0.4)"},children:"\xD7"})]},ae))}),T("div",{style:pS,children:[h("textarea",{ref:Wt,"data-popmelt-reply":!0,autoFocus:!un,rows:1,value:ht,onChange:$=>{Ge.current={selectionStart:$.target.selectionStart,selectionEnd:$.target.selectionEnd,selectionDirection:$.target.selectionDirection},$d(t,$.target.value,void 0,Ge.current),ct($.target.value),wn(at.current,$.target.value)},onSelect:$=>{Ge.current={selectionStart:$.currentTarget.selectionStart,selectionEnd:$.currentTarget.selectionEnd,selectionDirection:$.currentTarget.selectionDirection},$d(t,$.currentTarget.value,void 0,Ge.current)},onFocus:()=>{at.current=!0,wn(!0,ht)},onBlur:()=>{at.current=!1,wn(!1,ht)},onKeyDown:Or,onPaste:gr,placeholder:pn,style:{width:"100%",minWidth:0,height:34,minHeight:34,padding:"12px 12px 0",fontSize:14,fontFamily:cn,backgroundColor:"transparent",color:"var(--popmelt-thread-primary)",border:"none",outline:"none",lineHeight:1.3,boxSizing:"border-box",overflowX:"hidden",overflowY:"auto",resize:"none",whiteSpace:"pre-wrap",wordBreak:"break-word"}}),T("div",{style:{alignItems:"center",display:"flex",justifyContent:"space-between",padding:"10px 12px"},children:[h(nm,{provider:B,open:ye,onClick:()=>{St(),Zt(),ye?cr():xn()},onMouseEnter:()=>{Fe.current=!0,ye?Zt():ai()},onMouseLeave:()=>{Fe.current=!1,zr()}}),h("button",{type:"button","data-popmelt-reply-action":!0,onClick:Un,disabled:!ht.trim(),"aria-label":"Send reply",style:{display:"flex",alignItems:"center",justifyContent:"center",width:20,height:20,padding:0,background:"none",border:"none",cursor:ht.trim()?"pointer":"default",color:"var(--popmelt-thread-primary)",opacity:ht.trim()?1:.12,flexShrink:0},children:h("span",{style:{alignItems:"center",display:"flex",height:16,justifyContent:"center",width:16},children:h(gu,{"aria-hidden":"true",fill:"currentColor",size:ht.trim()?16:14,strokeWidth:1.5,style:{transform:"rotate(-45deg)",transition:"width 120ms ease, height 120ms ease"}})})})]})]})]})]})]})]}),Wn&&h(kS,{src:Wn,onClose:()=>$n(null)})]})}function Po(e,t){let n=new Set(e.annotationIds);if(n.size===0&&e.threadId)for(let r of t)r.threadId===e.threadId&&n.add(r.id);return[...n]}function US(e,t){switch(t.type){case"restore_thread":return e.openThreadId||e.imprintStashedThreadId||e.toolbarSuspendedThreadId?e:{openThreadId:t.toolbarExpanded&&!t.imprintActive?t.threadId:null,imprintStashedThreadId:t.imprintActive?t.threadId:null,toolbarSuspendedThreadId:!t.toolbarExpanded&&!t.imprintActive?t.threadId:null};case"enter_imprint":return t.preserveOpenThread||!e.openThreadId?e:{openThreadId:null,imprintStashedThreadId:e.openThreadId,toolbarSuspendedThreadId:null};case"leave_imprint":return e.openThreadId?e.imprintStashedThreadId?{...e,imprintStashedThreadId:null}:e:e.imprintStashedThreadId?{openThreadId:e.imprintStashedThreadId,imprintStashedThreadId:null,toolbarSuspendedThreadId:null}:e;case"open_thread":return{openThreadId:t.threadId,imprintStashedThreadId:null,toolbarSuspendedThreadId:null};case"collapse_toolbar":return e.openThreadId?{...e,openThreadId:null,toolbarSuspendedThreadId:e.openThreadId}:e;case"expand_toolbar":return e.toolbarSuspendedThreadId?{...e,openThreadId:e.toolbarSuspendedThreadId,toolbarSuspendedThreadId:null}:e;case"close_thread":return{openThreadId:null,imprintStashedThreadId:null,toolbarSuspendedThreadId:null}}}function YS(e,t,n){return e!==t&&t!==null&&n!==null}function XS(e){let t=e.toolbarSources.has("project-panel")&&e.chromeHoverSurface==="toolbar"&&e.chromeHoverPhase==="visible",n=e.chromeHoverSurface!=="job-stack"&&(e.toolbarSources.has("tool-menu")||e.toolbarSources.has("popmelt-guide")||e.toolbarSources.has("peer-details")||e.toolbarSources.has("guidance-panel")||t),r=e.toolbarSources.has("tool-menu")||e.toolbarSources.has("popmelt-guide")||e.toolbarSources.has("peer-details"),o=e.chromeHoverSurface==="toolbar"&&e.chromeHoverPhase==="visible",i=e.activeTool==="model";return{threadTemporarilyHidden:!e.toolbarExpanded||n||!!e.peerPlanePeeking,toolbarPaneVisible:n,projectPanelTemporarilyHidden:!!e.peerPlanePeeking||r||e.chromeHoverSurface==="job-stack",statusInteractionSuppressed:!!e.peerPlanePeeking||r||o||i}}function KS(e,t,n=[]){let r=new Set,o=[];for(let i of e){let a=i.threadId;!a||t.has(a)||r.has(a)||(r.add(a),o.push(a))}for(let i of n){let a=i.threadId;t.has(a)||r.has(a)||(r.add(a),o.push(a))}return o}function VS(e,t,n){if(e.length<2)return;let r=e.indexOf(t);if(!(r<0))return e[(r+n+e.length)%e.length]}function Hh(e,t){return t?e.ownerParticipantId?e.ownerParticipantId===t.participantId:t.isHost===!0:!0}function GS(e,t,n,r){let o=J(e),i=J(void 0);_(()=>{o.current!==e&&(o.current=e,n()),t&&(t.id!==i.current?.id||t.request!==i.current?.request)&&(i.current=t,r(t.id)),t||(i.current=void 0)},[e,t,n,r])}var QS=[],Od="devtools-provider",_l="devtools-model",Nd="devtools-model-id",Oh="devtools-agent-settings",_d="devtools-open-thread-id",Fl="popmelt-dismissed-thread-ids",Fd="#000000",ZS=20,e1=[],t1=[];function Wd(e){let t=e.dispose?.();t&&Promise.resolve(t).catch(()=>{})}function n1(e){let t=J(new Map),[n,r]=L([]);return _(()=>{let o=t.current,i=new Map,a=[];for(let s of e){if(i.has(s.id))continue;let c=o.get(s.id);if(c?.configurationKey===s.configurationKey){i.set(s.id,c),a.push(s);continue}c&&Wd(c.runtime),i.set(s.id,{configurationKey:s.configurationKey,runtime:s.activate()}),a.push(s)}for(let[s,c]of o)i.has(s)||Wd(c.runtime);t.current=i;let l=a.map(s=>i.get(s.id)?.runtime).filter(s=>!!s);r(s=>s.length===l.length&&s.every((c,d)=>c===l[d])?s:l)},[e]),_(()=>()=>{for(let o of t.current.values())Wd(o.runtime);t.current.clear()},[]),n}function r1(e,t=96){let n=e.replace(/\s+/g," ").trim();return n.length>t?`${n.slice(0,t-1)}...`:n}function o1(e){let t=e.annotations.map(a=>a.instruction?.trim()?a.instruction.trim():a.imageCount?`${a.imageCount} image${a.imageCount===1?"":"s"}`:`${a.type} annotation`),n=e.styleModifications.flatMap(a=>a.changes.map(l=>`${a.element?.reactComponent||a.element?.tagName||a.selector}: ${l.property} ${l.original||"unset"} -> ${l.modified||"unset"}${l.token?` [${l.token}]`:""}`)),r=(e.textModifications??[]).map(a=>`${a.element?.reactComponent||a.element?.tagName||a.selector}: text ${a.original||"empty"} -> ${a.modified||"empty"}`),o=(e.spacingTokenChanges??[]).map(a=>`${a.tokenName}: ${a.originalPx}px -> ${a.newPx}px`),i=[...n,...r,...o,...t].map(a=>r1(a)).filter(Boolean);return i.length===0?"Annotation":i.length<=3?i.join("; "):`${i.slice(0,3).join("; ")}; +${i.length-3} more`}function Wl(e){if(typeof window>"u"||!e)return new Set;try{let t=JSON.parse(localStorage.getItem(Ai(Fl,e))||"[]");return new Set(Array.isArray(t)?t.filter(n=>typeof n=="string"):[])}catch{return new Set}}function Nh(e,t){if(!(typeof window>"u"||!t))try{let n=Wl(t);for(let r of e)n.add(r);localStorage.setItem(Ai(Fl,t),JSON.stringify(Array.from(n).slice(-200)))}catch{}}function i1(e){let t=e.getBoundingClientRect();return t.bottom<0||t.top>window.innerHeight||t.right<0||t.left>window.innerWidth}function a1(e){for(let t of e){let n=mn(t);if(n){i1(n)&&n.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"});return}}}async function Bd(e,t){t?await t(e):(window.history.pushState(window.history.state,"",e),window.dispatchEvent(new PopStateEvent("popstate",{state:window.history.state}))),await new Promise(n=>{requestAnimationFrame(()=>requestAnimationFrame(()=>{setTimeout(n,600)}))})}function l1(e,t,n,r,o){if(t==="copilot"||t==="omp"||e==="copilot"||e==="omp")return 0;let i=yc(e,r),a=yc(t,o);if(a.length===0)return 0;let l=i.findIndex(c=>c.index===n),s=l>=0?l:a.length-1;return a[Math.min(s,a.length-1)].index}function s1({children:e,enabled:t=process.env.NODE_ENV==="development",multiplayer:n=!1,...r}){let o=Cr(Va),[i,a]=L([]),l=Y(p=>(a(u=>u.includes(p)?u:[...u,p]),()=>a(u=>u.filter(f=>f!==p))),[]),s=xe(()=>({isEnabled:t,registerSubjectAdapter:l}),[t,l]),c=xe(()=>[...r.subjectAdapters??[],...i],[r.subjectAdapters,i]),d=h(d1,{...r,multiplayer:n,enabled:!0,registeredSubjectAdapters:i});return T(rf.Provider,{value:s,children:[e,t&&(o?n?d:null:h(Yy,{multiplayer:n,projectId:r.projectId,adapters:c,children:d}))]})}function d1({enabled:e=!0,multiplayer:t=!1,registeredSubjectAdapters:n,bridgeUrl:r=typeof window<"u"?window.__POPMELT_BRIDGE_URL__??"http://localhost:1111":"http://localhost:1111",projectId:o,navigate:i,subjectAdapters:a=e1,extensions:l=t1,imageAnnotation:s=!0,videoAnnotation:c=!0,getCommentMeta:d}){let p=typeof window<"u"?o??window.__POPMELT_PROJECT_ID__??null:null,[u,f]=L(p),[m,g]=L(!!p),y=u,x=J(null),R=J(!1),[C,S]=of(x,R),O=Cr(oc),M=Cr(Va),[U,G]=L(()=>new Set),[N,K]=L(0),B=J(0);_(()=>{if(!N)return;let w=window.setTimeout(()=>K(0),220);return()=>window.clearTimeout(w)},[N]);let k=xe(()=>M?.participantId?af(ic(C,M.pendingSubmissions??[],M.participantId,U),M.annotationColor):C,[C,M?.pendingSubmissions,M?.participantId,M?.annotationColor,U]);_(()=>{if(!U.size)return;let w=ic(C,M?.pendingSubmissions??[],M?.participantId??""),I=new Set([...U].filter(F=>{let Q=w.annotations.find(oe=>oe.id===F);return Q&&["pending","sending"].includes(Q.status??"pending")}));I.size!==U.size&&G(I)},[C,M?.pendingSubmissions,M?.participantId,U]);let X=!M||M.canReadThreads,Z=!M||M.canReply,j=!M||M.canManageThreads,z=n1(l),P=xe(()=>{for(let w=z.length-1;w>=0;w-=1){let I=z[w]?.imageRecognition;if(I)return I}},[z]),H=xe(()=>z.flatMap(w=>w.subjectAdapters??[]),[z]),D=xe(()=>{for(let w=z.length-1;w>=0;w-=1){let I=z[w]?.videoTracking;if(I)return I}},[z]),A=xe(()=>{for(let w=z.length-1;w>=0;w-=1){let I=z[w]?.videoSegmentation;if(I)return I}},[z]),te=xe(()=>!P||s===!1?s:{...typeof s=="object"?s:{},recognition:P},[P,s]),re=xe(()=>[...H,...a,...n],[H,n,a]),V=Ky({enabled:e,active:k.isAnnotating||k.annotations.some(w=>w.target?.adapter==="see:image"),configuration:te,adapters:re}),ce=xe(()=>!D&&!A||c===!1?c:{...typeof c=="object"?c:{},...D?{tracking:D}:{},...A?{segmentation:A}:{}},[A,D,c]),W=Vy({enabled:e,configuration:ce,adapters:V}),we=(!e||te===!1||re.some(w=>w.surfaceKind==="image"||w.id==="see:image")||V.some(w=>w.surfaceKind==="image"||w.id==="see:image"))&&(!e||ce===!1||V.some(w=>w.surfaceKind==="video"||w.id==="see:video")||W.some(w=>w.surfaceKind==="video"||w.id==="see:video")),ie=xe(()=>new ig(W),[W]),[ne,Ee]=L(!1),Le=J(ie);Le.current=ie,_(()=>{let w=!1;return Ee(!1),we?(ie.whenReady().then(()=>{w||Ee(!0)}),()=>{w=!0}):()=>{}},[we,ie]),_(()=>()=>ie.destroy(),[ie]);let De=M?.bindSubjects;_(()=>De?.(ie),[De,ie]);let q=Yg(r,e&&!!y,y),ve=q.dismissQuestion,Re=q.clearEvents;_(()=>{p&&(typeof window<"u"&&(window.__POPMELT_PROJECT_ID__=p,Jc()),f(p),g(!0))},[p]);let Pe=J(null),tt=J(null),[it,me]=L(null),fe=Bg()??r,{onCanvasFocusChange:Je,onCanvasActivity:qe,inspectingElement:st,inspectingElements:Ve}=Ty(e&&q.isConnected&&k.isAnnotating,fe,{getCommentMeta:d,registry:ie,state:k,screenshotOptions:{nativeCapture:w=>qc(fe,w),captureSurfaces:()=>ie.captureSurfaces()}}),Ie=Y(w=>qc(fe,w),[fe]),Ye=Y(async()=>{let w=Math.min(1,1200/Math.max(1,window.innerWidth));return ty(()=>Ie({url:window.location.href,clip:{x:window.scrollX,y:window.scrollY,width:window.innerWidth,height:window.innerHeight},scale:w}),async()=>{let[I]=await ni(document.body,Pe.current,[],{dpr:w,viewportOnly:!0,captureSurfaces:()=>ie.captureSurfaces()});return I??null})},[Ie,ie]),gt=J(new Map),qt=J(new Set),vt=J(!1);_(()=>{if(!fe)return;let w=new Set(k.annotations.flatMap(oe=>oe.attachments?.map(le=>le.id)??[])),I=qt.current,F=[...w].filter(oe=>!I.has(oe)),Q=[...I].filter(oe=>!w.has(oe));qt.current=w,F.length>0&&Uc(fe,F).catch(()=>{}),Q.length>0&&Promise.all(Q.map(oe=>Is(fe,oe).catch(()=>{})))},[fe,k.annotations]);let Be=J(new Map),pt=J(new Map),[,Rn]=L(0),[Gt,Ln]=L(null),Ut=J(!1),He=ss(),ht=Y((w,I,F,Q,oe)=>{let le=[],ue=pe=>{let Ce=URL.createObjectURL(pe);return le.push(Ce),Ce},he,Te;Q instanceof Map?(Te=Object.fromEntries(Array.from(Q,([pe,Ce])=>[pe,ue(Ce)])),he=Object.values(Te)[0]):he=ue(Q);let We=oe&&oe.size>0?Object.fromEntries(Array.from(oe,([pe,Ce])=>[pe,Ce.map(ue)])):void 0;for(pt.current.get(w)?.objectUrls.forEach(pe=>URL.revokeObjectURL(pe)),pt.current.delete(w),pt.current.set(w,{objectUrls:le,message:{role:"human",timestamp:Date.now(),jobId:I,feedbackSummary:o1(F),requestText:ov(F),requestItems:rv(F),...F.meta?{meta:F.meta}:{},...he?{screenshotUrl:he}:{},...Te?{screenshotUrls:Te}:{},...We?{imageUrls:We}:{}}});pt.current.size>ZS;){let pe=pt.current.keys().next().value;if(!pe)break;pt.current.get(pe)?.objectUrls.forEach(Ce=>URL.revokeObjectURL(Ce)),pt.current.delete(pe)}Rn(pe=>pe+1)},[]);_(()=>()=>{for(let w of pt.current.values())w.objectUrls.forEach(I=>URL.revokeObjectURL(I));pt.current.clear()},[]);let ct=M?.modelSelectionLocked??!1,v=M?.inheritedModelSelection,[se,ye]=L(()=>typeof window>"u"?"codex":localStorage.getItem(Od)||"codex"),[Xe,wt]=L(()=>{if(typeof window>"u")return 0;let w=localStorage.getItem(_l);return w&&parseInt(w,10)||0}),Oe=ct?v?.provider??"codex":se,dt=ct?0:Xe,[Ke,Ft]=L(()=>{if(typeof window>"u")return{};try{return JSON.parse(localStorage.getItem(Oh)||"{}")}catch{return{}}}),[ge,Fe]=L([]),[Ze,xt]=L({}),[at,Ge]=L(0),[en,Ue]=L(!1),[Wn,$n]=L({}),[yn,Xt]=L(null),[sr,It]=L(null),[dr,tn]=L(null),[wn,Wt]=L("idle"),[so,nn]=L(null),$r=J(null),jr=Y(w=>{let I=Object.entries(w.providers).filter(([,le])=>le.available).map(([le])=>le);I.length>0&&Fe(I);let F={},Q={};for(let[le,ue]of Object.entries(w.providers))ue.models?.length&&(F[le]=ue.models),ue.mcp&&(Q[le]=ue.mcp);let oe=$r.current;if(oe){let le=F[oe.provider]?.findIndex(ue=>ue.id===oe.id);le!==void 0&&le>=0&&wt(le)}xt(F),$n(Q),Ue(!0)},[]),Qt=Y(async w=>{if(!q.isConnected)return;let I=await zm(fe,w);I&&jr(I)},[jr,q.isConnected,fe]);_(()=>{Qt(Oe)},[Oe,q.capabilitiesVersion,at,Qt]),_(()=>{if(!q.isConnected){Xt(null),It(null),tn(null);return}let w=!1;return da(fe).then(I=>{w||(Xt(I?.version??null),It(I?.projectRoot??null),tn(I?.execution??null))}),()=>{w=!0}},[q.isConnected,q.capabilitiesVersion,at,fe]),_(()=>{if(wn==="idle"||wn==="restarting")return;let w=window.setTimeout(()=>{Wt("idle"),nn(null)},wn==="ok"?4e3:8e3);return()=>window.clearTimeout(w)},[wn]),_(()=>{if(!ct&&ge.length>0&&!ge.includes(Oe)){let w=ge[0];ye(w),localStorage.setItem(Od,w)}},[ge,Oe,ct]);let Ht=xe(()=>ct?[{id:v?.model??"",label:v?.label??"Waiting for host",source:"static"}]:Ze[Oe]?.length?Ze[Oe]:Oe==="codex"?[...ac]:Oe==="copilot"?[...lc]:Oe==="omp"?[...sc]:[...dc],[ct,v?.model,v?.label,Ze,Oe]),St=Ht[dt]??Ht[0],Zt=M?.setHostModelSelection;_(()=>{if(!Zt||!en||!q.isConnected||!ge.includes(Oe))return;let w=!1,I,F=()=>{w||Zt({provider:Oe,model:St.id,label:St.label}).catch(()=>{w||(I=setTimeout(F,2e3))})};return I=setTimeout(F,0),()=>{w=!0,clearTimeout(I)}},[Zt,en,q.isConnected,ge,Oe,St.id,St.label]),$r.current={provider:Oe,id:St.id};let jn=`${Oe}:${St.id||"default"}`,xn=xe(()=>Ke[jn]??{},[Ke,jn]);_(()=>{if(!e||y||m)return;let w=!1;return fetch("/popmelt/status").then(I=>I.ok?I.json():null).then(I=>{if(w)return;let F=typeof window<"u"&&I?.devOrigin===window.location.origin,Q=I?.projectId&&(F||I.projectIdVerified===!0)?I.projectId:null;Q&&typeof window<"u"&&(window.__POPMELT_PROJECT_ID__=Q,Jc()),f(Q),g(!0)}).catch(()=>{w||g(!0)}),()=>{w=!0}},[e,y,m]),_(()=>{if(ct)return;let w=localStorage.getItem(`${Nd}:${Oe}`),I=w!==null?Ht.findIndex(Q=>Q.id===w):Oe==="omp"?Ht.findIndex(Q=>Q.isDefault):-1,F=I>=0?I:dt<Ht.length?-1:0;F<0||F===dt||(wt(F),localStorage.setItem(_l,String(F)))},[dt,Ht,Oe,ct]);let Pr=Y(w=>{if(ct)return;let I=Oe,F=w==="codex"?[...ac]:w==="copilot"?[...lc]:w==="omp"?[...sc]:[...dc],Q=Ze[w]&&Ze[w].length>0?Ze[w]:F;ye(w),localStorage.setItem(Od,w);let oe=l1(I,w,dt,Ht,Q);wt(oe),localStorage.setItem(_l,String(oe));let le=Q[oe];le&&localStorage.setItem(`${Nd}:${w}`,le.id)},[dt,Ht,Oe,Ze,ct]),cr=Y(w=>{if(ct)return;wt(w),localStorage.setItem(_l,String(w));let I=Ht[w];I&&localStorage.setItem(`${Nd}:${Oe}`,I.id)},[Ht,Oe,ct]),ai=Y(w=>{Ft(I=>{let F={...I,[jn]:w};return localStorage.setItem(Oh,JSON.stringify(F)),F})},[jn]),[zr,Ki]=L(()=>lf()),[Ot,Sn]=L(null),Dr=xe(()=>Ot?new Set(Ot.annotationIds):null,[Ot]),Hr=Y(()=>Sn(null),[]),Bn=Y(w=>{Ki(w),sf(w)},[]),vn=Y(w=>Bd(w,i),[i]),[ur,Nt]=L(()=>({openThreadId:null,imprintStashedThreadId:null,toolbarSuspendedThreadId:null})),{openThreadId:Ne,imprintStashedThreadId:co,toolbarSuspendedThreadId:$t}=ur,Pn=J(0),Zn=J({toolbarExpanded:k.isAnnotating,imprintActive:k.activeTool==="model"});Zn.current={toolbarExpanded:k.isAnnotating,imprintActive:k.activeTool==="model"};let[Kt,Jn]=L(0),Bt=Y(w=>{(w.type==="open_thread"||w.type==="close_thread")&&(Pn.current+=1),Nt(I=>US(I,w))},[]),[er,ln]=L(null),pr=J(null),[yt,sn]=L(new Set),[hr,Rt]=L(null),[fr,li]=L(null),[qn,mr]=L(new Set),[Un,gr]=L(new Set),[Or,Nr]=L(new Set),[Yn,tr]=L({}),un=xe(()=>new Set(Object.keys(Yn)),[Yn]),[yr,vr]=L(null);_(()=>{Rt(null),y&&(sn(Wl(y)),Rt(y),localStorage.removeItem(Fl))},[y]),_(()=>{if(M||!y||!q.isConnected)return;let w=!1;ln(null);let I=Pn.current,F=Ai(_d,y),Q=localStorage.getItem(F);if(localStorage.removeItem(_d),!Q){ln(y);return}return Vt(`${fe}/thread/${encodeURIComponent(Q)}`).then(oe=>{w||I!==Pn.current||(oe.ok?Bt({type:"restore_thread",threadId:Q,...Zn.current}):localStorage.removeItem(F))}).catch(()=>{}).finally(()=>{w||ln(y)}),()=>{w=!0}},[Bt,q.isConnected,y,fe,M]),_(()=>{if(M||!y||er!==y)return;let w=Ai(_d,y),I=Ne??co??$t;I?localStorage.setItem(w,I):localStorage.removeItem(w)},[y,co,Ne,er,$t,M]);let Et=M?`popmelt-in-flight-jobs:${y}:participant:${M.participantId}`:"popmelt-in-flight-jobs",[Me,pn]=L(()=>{try{let w=localStorage.getItem(Et);return w?JSON.parse(w):{}}catch{return{}}}),[$,ae]=L(new Map);_(()=>{try{Object.keys(Me).length>0?localStorage.setItem(Et,JSON.stringify(Me)):localStorage.removeItem(Et)}catch{}},[Me,Et]),_(()=>{let w=I=>{if(I.key===Et)try{let F=I.newValue?JSON.parse(I.newValue):{};pn(F)}catch{}};return window.addEventListener("storage",w),()=>window.removeEventListener("storage",w)},[Et]);let be=J(new Map),ze=J(new Map),Ae=J(new Map),je=Y((w,I,F)=>{let Q=ze.current.get(w)??[],oe=Ae.current.get(w);ae(le=>df(le,w,I,F,Q,oe))},[]);_(()=>{for(let[w,I]of Object.entries(Me)){let F=Po(I,k.annotations);F.length>0&&be.current.set(w,F);let Q=new Set(I.styleSelectors);for(let oe of F){let le=k.annotations.find(ue=>ue.id===oe);if(le&&(le.linkedSelector&&Q.add(le.linkedSelector),le.groupId))for(let ue of k.annotations)ue.groupId===le.groupId&&ue.linkedSelector&&Q.add(ue.linkedSelector)}Q.size>0&&ze.current.set(w,Array.from(Q)),I.threadId&&Ae.current.set(w,I.threadId)}},[Me,k.annotations]);let rt=J("");_(()=>{if(k.annotations.length===0)return;let w=Object.keys(Me).sort().join(",");if(w===rt.current)return;rt.current=w;let I=new Set;for(let Q of Object.values(Me))for(let oe of Po(Q,k.annotations))I.add(oe);let F=k.annotations.flatMap(Q=>{if(I.has(Q.id)||Q.threadId)return[];let oe=Q.status??"pending";return oe==="in_flight"?[Q.id]:oe==="pending"&&Q.captured?[Q.id]:[]});F.length>0&&S({type:"SET_ANNOTATION_STATUS",payload:{ids:F,status:"dismissed"}})},[k.annotations,Me,S]);let lt=xe(()=>{let w=new Set;for(let I of Object.values(Me))for(let F of Po(I,k.annotations))w.add(F);return w},[Me,k.annotations]),$e=xe(()=>Tu(q.events),[q.events]),dn=xe(()=>{let w=new Map,I={focus_set:"Investigating",focus_shifted:"Refocusing",evidence_updated:"Checking",hypothesis_changed:"Reframing",assumption_abandoned:"Reconsidering",uncertainty_identified:"Clarifying",next_observation_selected:"Checking"};for(let F of q.events){if(F.type!=="orientation")continue;let Q=String(F.data.jobId??""),oe=F.data.orientation,le=oe?.transition?I[oe.transition]:void 0;if(!Q||!le)continue;let ue=Me[Q],he=ue?Po(ue,k.annotations):be.current.get(Q)??[];for(let Te of he)w.set(Te,le)}for(let F of $e)if(Me[F])for(let Q of Po(Me[F],k.annotations))w.set(Q,"Approval needed");return w},[q.events,Me,k.annotations,$e]),_r=xe(()=>{let w=new Set(q.activeJobIds),I=new Set;for(let[F,Q]of Object.entries(Me))if(w.has(F))for(let oe of Po(Q,k.annotations))I.add(oe);return I},[Me,q.activeJobIds,k.annotations]),kn=xe(()=>cf(q.events,q.lastCompletedJobId),[q.events,q.lastCompletedJobId]),br=xe(()=>{let w=new Set(cc(Object.keys(Me),q.activeJobIds,kn)),I=Object.entries(Me).filter(([oe])=>w.has(oe)),F=I.length,Q=new Map;return I.forEach(([,oe],le)=>{let ue=`(${le+1}/${F})`;for(let he of Po(oe,k.annotations))Q.set(he,ue)}),Q},[Me,q.activeJobIds,kn,k.annotations]),wr=xe(()=>{let w=new Set(q.activeJobIds),I=new Set(q.activeJobIds.flatMap(Q=>{let oe=q.activeJobThreads[Q]??Me[Q]?.threadId;return oe?[oe]:[]})),F=uf($,I);for(let[Q,oe]of Object.entries(Me))if(w.has(Q)&&!(!oe.global&&oe.routePathnames?.length&&!oe.routePathnames.includes(He)))for(let le of oe.styleSelectors)F.add(le);return F},[Me,q.activeJobIds,q.activeJobThreads,$,He]),Aa=xe(()=>{let w=new Map;for(let[I,F]of Object.entries(Me))if(F.threadId&&!(!F.global&&F.routePathnames?.length&&!F.routePathnames.includes(He)))for(let Q of F.styleSelectors)w.set(Q,I);return w},[Me,He]),Ma=xe(()=>{let w=new Set(q.activeJobIds),I=new Map;for(let[F,Q]of Object.entries(Me))if(w.has(F)&&!(!Q.global&&Q.routePathnames?.length&&!Q.routePathnames.includes(He))){for(let oe of Q.styleSelectors)I.set(oe,Q.color);for(let oe of Po(Q,k.annotations)){let le=k.annotations.find(ue=>ue.id===oe);if(le&&(le.linkedSelector&&I.set(le.linkedSelector,Q.color),le.groupId))for(let ue of k.annotations)ue.groupId===le.groupId&&ue.linkedSelector&&I.set(ue.linkedSelector,Q.color)}}return I},[Me,q.activeJobIds,k.annotations,He]),Vi=J(k.annotations);Vi.current=k.annotations;let Gi=J(k.styleModifications);Gi.current=k.styleModifications;let si=J(Me);si.current=Me,_(()=>{let w=null,I=0,F=()=>{let le=window.location.pathname;du(Gi.current.filter(ue=>!ue.pathname||ue.pathname===le))},Q=()=>{if(Object.keys(si.current).length>0)return;let le=Vi.current,ue=Gi.current,he=[],Te=[];for(let We of le){if(!We.linkedSelector||!We.linkedSelector.startsWith("[data-pm=")||We.pathname||We.captured||We.status&&We.status!=="pending")continue;let pe=mn(We.linkedSelector);!pe&&We.elements?.[0]?.selector&&(pe=mn(We.elements[0].selector)),pe||he.push(We.linkedSelector)}for(let We of ue)We.pathname&&We.pathname!==window.location.pathname||sg(We)||Te.push(We.selector);(he.length>0||Te.length>0)&&S({type:"CLEANUP_ORPHANED",payload:{linkedSelectors:he,styleSelectors:Te}})},oe=Cu(le=>{le.some(ue=>ue.addedNodes.length>0)&&(window.cancelAnimationFrame(I),I=window.requestAnimationFrame(F)),le.some(ue=>ue.removedNodes.length>0)&&(w&&clearTimeout(w),w=setTimeout(Q,3e3))});return()=>{oe.disconnect(),window.cancelAnimationFrame(I),w&&clearTimeout(w)}},[S]);let di=J(typeof window<"u"?window.location.pathname:"/");_(()=>{let w=Q=>{if(Ut.current)return;let oe=window.location.pathname;if(Q===oe)return;let le=Vi.current.filter(he=>he.pathname===Q&&(he.status??"pending")==="pending");if(console.log(`[Popmelt] Navigation from ${Q} \u2192 ${oe}, ${le.length} pending annotations on departing page`),le.length===0)return;let ue=Pe.current;if(!ue){console.warn("[Popmelt] No canvas ref for capture-on-leave");return}if(ni(document.body,ue,le,{dpr:1,captureSurfaces:()=>Le.current.captureSurfaces()}).then(he=>hl(he)).then(he=>{he?(Be.current.set(Q,he),console.log(`[Popmelt] Cached screenshot for ${Q} (${(he.size/1024).toFixed(0)}KB)`)):console.warn(`[Popmelt] Capture-on-leave produced no blob for ${Q}`)}).catch(he=>{console.warn("[Popmelt] Capture-on-leave failed:",he)}),Be.current.size>20){let he=[...Be.current.entries()];Be.current=new Map(he.slice(-10))}},I=Q=>{let oe=Q.detail?.prevPath;oe&&(w(oe),di.current=window.location.pathname)},F=()=>{let Q=di.current;w(Q),di.current=window.location.pathname};return window.addEventListener("popmelt:locationchange",I),window.addEventListener("popstate",F),()=>{window.removeEventListener("popmelt:locationchange",I),window.removeEventListener("popstate",F)}},[]),_(()=>{q.lastCompletedJobId&&q.lastCompletedJobId in Me&&pn(w=>{let{[q.lastCompletedJobId]:I,...F}=w;return F})},[q.lastCompletedJobId,Me]);let In=J(new Set),zo=J(!1);_(()=>{if(!q.isConnected){zo.current=!1;return}if(zo.current)return;zo.current=!0;let w={...si.current};da(fe).then(async I=>{if(!I)return;let F=I.activeJobs??[],Q=I.recentJobs??[],oe=[...F,...I.queuedJobs??[]],le=new Set(oe.map(he=>he.id)),ue=new Set;for(let he of Object.values(w))if(he.annotationIds)for(let Te of he.annotationIds)ue.add(Te);for(let he of k.annotations){let Te=he.status??"pending";(Te==="sending"||Te==="in_flight"||he.captured&&he.threadId&&(he.replyCount??0)===0)&&ue.add(he.id)}pn(he=>{let Te={...he},We=Date.now();for(let Ce of Object.keys(Te)){if(Ce.startsWith("_pending_")){let ft=parseInt(Ce.replace(/^_pending_(?:reply_)?/,""),10);!isNaN(ft)&&We-ft>3e4&&delete Te[Ce];continue}Ce in w&&!le.has(Ce)&&(I.queuedJobs!==void 0||Q.some(ft=>ft.id===Ce))&&delete Te[Ce]}for(let Ce of oe)if(!Te[Ce.id]&&(Ce.annotationIds?.length||Ce.threadId)){let ft=Ce.kind,_t=Array.from(new Set((Ce.annotationIds??[]).map(yo=>k.annotations.find(Pt=>Pt.id===yo)?.pathname||He).filter(Boolean)));Te[Ce.id]={annotationIds:Ce.annotationIds??[],styleSelectors:[],color:ft==="project_model"&&Ce.standalone===!0?Fd:Ce.color??"#888",threadId:Ce.threadId,kind:ft,routePathnames:_t.length>0?_t:void 0,global:ft==="synthesize"||ft==="project_model"&&Ce.standalone===!0}}let pe=new Set;for(let Ce of Q)if(Ce.annotationIds)for(let ft of Ce.annotationIds)pe.add(ft);for(let Ce of Object.keys(Te)){if(!Ce.startsWith("_pending_"))continue;let ft=Te[Ce];ft&&ft.annotationIds.some(_t=>pe.has(_t))&&delete Te[Ce]}return Te});for(let he of Q)if(he.annotationIds?.length&&he.annotationIds.some(Te=>ue.has(Te))&&!In.current.has(he.id)){if(he.status==="error"){In.current.add(he.id),S({type:"MARK_ANNOTATIONS_FAILED",payload:{ids:he.annotationIds,threadId:he.threadId}});continue}if(he.status==="done")try{let Te=await Yc(fe,he.id),We=Te?.events.find(Ce=>Ce.type==="done"),pe=Te?.events.find(Ce=>Ce.type==="question");In.current.add(he.id),pe&&typeof pe.question=="string"?S({type:"SET_ANNOTATION_QUESTION",payload:{ids:he.annotationIds,question:pe.question,threadId:pe.threadId??he.threadId??""}}):We&&Array.isArray(We.resolutions)&&We.resolutions.length>0?S({type:"APPLY_RESOLUTIONS",payload:{resolutions:We.resolutions,threadId:We.threadId??void 0,jobId:he.id}}):S({type:"MARK_ANNOTATIONS_REPLIED",payload:{ids:he.annotationIds,threadId:We?.threadId??he.threadId,jobId:he.id}})}catch{In.current.add(he.id);let Te=q.pendingQuestions.find(We=>We.jobId===he.id);S(Te?{type:"SET_ANNOTATION_QUESTION",payload:{ids:he.annotationIds,question:Te.question,threadId:Te.threadId}}:{type:"MARK_ANNOTATIONS_REPLIED",payload:{ids:he.annotationIds,threadId:he.threadId,jobId:he.id}})}}})},[q.isConnected,q.pendingQuestions,fe,S,k.annotations,He]),_(()=>{let w=q.events.filter(I=>I.type==="done");for(let I of w){let F=I.data.jobId;if(In.current.has(F))continue;if(Td(q.events,F)==="Has a question"){je(F,"waiting_input","Question");let oe=q.pendingQuestions.find(We=>We.jobId===F),le=[...q.events].reverse().find(We=>We.type==="question"&&We.data.jobId===F),ue=Array.isArray(I.data.annotationIds)?I.data.annotationIds:Array.isArray(le?.data.annotationIds)?le.data.annotationIds:Me[F]?.annotationIds??be.current.get(F)??[],he=oe?.question??(typeof le?.data.question=="string"?le.data.question:void 0),Te=oe?.threadId??(typeof le?.data.threadId=="string"?le.data.threadId:void 0)??(typeof I.data.threadId=="string"?I.data.threadId:void 0);he&&Te&&ue.length>0&&(In.current.add(F),S({type:"SET_ANNOTATION_QUESTION",payload:{ids:ue,question:he,threadId:Te}}));continue}In.current.add(F),je(F,"resolved",Td(q.events,F));let Q=ze.current.get(F)??Me[F]?.styleSelectors??[];if(Q.length>0&&S({type:"SETTLE_CAPTURED_STYLES",payload:{selectors:Q}}),Array.isArray(I.data.resolutions)&&I.data.resolutions.length>0)S({type:"APPLY_RESOLUTIONS",payload:{resolutions:I.data.resolutions,threadId:I.data.threadId,jobId:F}});else{let oe=Array.isArray(I.data.annotationIds)?I.data.annotationIds:Me[F]?.annotationIds??be.current.get(F)??[];oe.length>0&&S({type:"MARK_ANNOTATIONS_REPLIED",payload:{ids:oe,threadId:I.data.threadId,jobId:F}})}}},[q.events,q.pendingQuestions,S,Me,je]),_(()=>{let w=q.events.filter(I=>I.type==="error");for(let I of w){let F=I.data.jobId;if(In.current.has(F))continue;In.current.add(F),je(F,"failed","Failed");let Q=Array.isArray(I.data.annotationIds)?I.data.annotationIds:Me[F]?.annotationIds??be.current.get(F)??[];Q.length!==0&&S({type:"MARK_ANNOTATIONS_FAILED",payload:{ids:Q,threadId:I.data.threadId}})}},[q.events,S,Me,je]);let Fr=J("__uninitialized__"),Wr=M?.participantId,ci=M?.isHost,nr=`${y??"pending"}:participant:${Wr??"standalone"}`,[ui,pi]=L(null);_(()=>{if(!q.isConnected){Fr.current="__uninitialized__";return}if(!ne||hr!==y)return;let w=new Set(k.annotations.flatMap(ue=>ue.threadId?[ue.threadId]:[])),I=new Set([...Object.values(q.activeJobThreads),...Object.entries(Me).filter(([ue])=>q.activeJobIds.includes(ue)).flatMap(([,ue])=>ue.threadId?[ue.threadId]:[])]),F=k.annotations.filter(ue=>{if(!ue.threadId||(ue.replyCount??0)>0||I.has(ue.threadId))return!1;let he=ue.status??"pending";return he!=="sending"&&he!=="waiting_input"&&he!=="needs_review"}),Q=[`plane:${nr}:${ci===!0}`,...F.map(ue=>`${ue.id}:${ue.threadId}`),...Array.from(w).map(ue=>`represented:${ue}`),...Array.from(I).map(ue=>`active:${ue}`)].sort().join("|");if(Q===Fr.current)return;Fr.current=Q;let oe=!1,le=!1;return Vt(`${fe}/threads/recent?limit=200`).then(ue=>ue.ok?ue.json():[]).then(async ue=>{if(oe)return;let he=Wr?{participantId:Wr,isHost:ci}:null,Te=ue.filter(Se=>Hh(Se,he));pi({scope:nr,threadIds:new Set(Te.map(Se=>Se.id))});let We=new Set(ue.filter(Se=>!Hh(Se,he)).map(Se=>Se.id)),pe=pf(Te,He,Se=>{let At=ie.resolve(Se);return At?[At.selector]:null}),Ce=new Set([...q.activeJobIds,...Object.keys(Me)]);mr(hf(Te,I)),gr(ff(Te)),Nr(mf(Te));let ft=Object.fromEntries(Te.flatMap(Se=>Se.pendingQuestion?[[Se.id,Se.pendingQuestion]]:[]));tr(ft);let _t=new Set(Object.keys(ft)),yo=new Set(Te.filter(Se=>!Se.pendingQuestion&&(Se.hasReply??(Se.messageCount>1&&!Se.hasError))).map(Se=>Se.id)),Pt=new Set(Te.filter(Se=>Se.hasError&&!Se.hasReply).map(Se=>Se.id));for(let Se of k.annotations){let At=Te.find(Tn=>Tn.id===Se.threadId)?.color;At&&At!==Se.color&&S({type:"UPDATE_ANNOTATION_COLOR",payload:{id:Se.id,color:At}})}for(let Se of k.annotations){if(!Se.threadId)continue;let At=ft[Se.threadId];At&&(Se.status==="waiting_input"&&Se.question===At||S({type:"SET_ANNOTATION_QUESTION",payload:{ids:[Se.id],question:At,threadId:Se.threadId}}))}for(let Se of k.annotations)!Se.threadId||!Pt.has(Se.threadId)||Se.status!=="failed"&&S({type:"MARK_ANNOTATIONS_FAILED",payload:{ids:[Se.id],threadId:Se.threadId}});for(let Se of F)!Se.threadId||_t.has(Se.threadId)||!yo.has(Se.threadId)||S({type:"MARK_ANNOTATIONS_REPLIED",payload:{ids:[Se.id],threadId:Se.threadId,jobId:`thread-recovery:${Se.threadId}`}});let xi=Date.now()-7200*1e3,Si=Wl(y),Bo=Te.filter(Se=>(Se.hasReply??(Se.messageCount>1&&!Se.hasError))&&Se.updatedAt>=xi&&!w.has(Se.id)&&!Si.has(Se.id)),Jo=await Promise.all(Bo.map(async Se=>{let At=await Vt(`${fe}/decision/${encodeURIComponent(Se.id)}`);if(!At.ok)return[];let Tn=(await At.json()).decision;if(!Tn?.annotations?.length)return[];let Vr="/";try{Vr=new URL(Tn.url).pathname}catch{}if(Vr!==He)return[];let bo=Tn.color??gf("oklch(0.628 0.258 29)",k.annotations,He);return Tn.annotations.flatMap(zt=>{if(!zt.instruction)return[];let Gr=zt.target?ie.resolve(zt.target)??(zt.elements?.[0]?ie.restore(zt.target,zt.elements[0]):null):null,qo=Gr?.selector??zt.linkedSelector;if(!qo)return[];let Qr=Gr?.element??mn(qo)??(zt.elements?.[0]?.selector?mn(zt.elements[0].selector):null);if(!Qr)return[];let Cn=Qr.getBoundingClientRect(),Kn=Tn.resolutions?.find(Zr=>Zr.annotationId===zt.id);return[{id:zt.id,type:"text",points:[{x:Cn.left+window.scrollX,y:Cn.top+window.scrollY}],color:bo,strokeWidth:2,text:zt.instruction,fontSize:12,timestamp:Tn.createdAt,captured:!0,status:Kn?.status??"resolved",resolutionSummary:Kn?.summary,replyCount:1,replyJobIds:[`thread-recovery:${Se.id}`],threadId:Se.id,pathname:zt.pathname??Vr,elements:zt.elements,linkedSelector:qo,...zt.target?{target:zt.target}:{},linkedAnchor:Cn.top>=26?"top-left":"bottom-left"}]})}));if(oe)return;let vo=Jo.flat();vo.length>0&&S({type:"MERGE_ANNOTATIONS",payload:{annotations:vo}}),ae(Se=>yf(pe,new Map([...Se].filter(([,At])=>!We.has(At.threadId))),Ce)),S({type:"SETTLE_CAPTURED_STYLES",payload:{selectors:[...pe.values()].filter(Se=>Se.status==="resolved").flatMap(Se=>Se.selectors??[])}}),le=!0}).catch(()=>{oe||(Fr.current="__uninitialized__")}),()=>{oe=!0,!le&&Fr.current===Q&&(Fr.current="__uninitialized__")}},[q.activeJobIds,q.activeJobThreads,q.isConnected,He,S,y,hr,Me,fe,k.annotations,ie,ne,Wr,ci,nr]);let hi=J(new Set);_(()=>{let w=q.events.filter(I=>I.type==="error"&&I.data.cancelled);for(let I of w){let F=I.data.jobId;if(!F||hi.current.has(F))continue;hi.current.add(F);let Q=Me[F];Q&&Q.annotationIds.length>0&&S({type:"SET_ANNOTATION_STATUS",payload:{ids:Q.annotationIds,status:"dismissed"}})}},[q.events,Me,S]);let Do=J(0);_(()=>{let w=q.incrementalResolutions;if(w.length<=Do.current)return;let I=w.slice(Do.current);Do.current=w.length,S({type:"APPLY_RESOLUTIONS",payload:{resolutions:I}})},[q.incrementalResolutions,S]),_(()=>{q.incrementalResolutions.length===0&&(Do.current=0)},[q.incrementalResolutions.length]);let Ho=Y(async()=>{let w=Pe.current;if(!w)return!1;let I=await ni(document.body,w,k.annotations,{nativeCapture:Ie,captureSurfaces:()=>ie.captureSurfaces()});if(I.length===0)return!1;let F=await Sy(I,k.annotations,k.styleModifications,k.textModifications,k.domModifications);return F&&S({type:"MARK_CAPTURED"}),F},[k.annotations,k.styleModifications,k.textModifications,k.domModifications,S,Ie,ie]),Ra=Y((w,I)=>{let F=gt.current.get(w)||[];gt.current.set(w,[...F,...I])},[]),fi=Y((w,I)=>{let F=new Set(I),Q=(gt.current.get(w)??[]).filter((oe,le)=>!F.has(le));Q.length>0?gt.current.set(w,Q):gt.current.delete(w)},[]),mi=Y(async()=>{if(M&&!M.canSend)return!1;let w=M?.captureVersion(),I=Pe.current;if(!I)return!1;Oe==="omp"&&Qt("omp");let F=k.annotations.filter(pe=>(pe.status??"pending")==="pending"),Q=k.styleModifications.filter(pe=>!pe.captured&&!pe.awaitingReview&&(!pe.pathname||pe.pathname===He)),oe=k.textModifications.filter(pe=>!pe.captured&&(!pe.pathname||pe.pathname===He)),le=k.domModifications.filter(pe=>!pe.captured&&(!pe.pathname||pe.pathname===He)),ue=k.spacingTokenChanges.filter(pe=>!pe.captured);if(F.length===0&&Q.length===0&&oe.length===0&&le.length===0&&ue.length===0)return!1;let he=F.map(pe=>pe.id),Te=!!M?.requiresApproval,We=!1;return Te&&G(pe=>new Set([...pe,...he])),vf(he,S,async()=>{let pe=new Map;for(let _e of F){let Mt=_e.pathname||He;pe.has(Mt)||pe.set(Mt,[]),pe.get(Mt).push(_e)}let Ce=new Map,ft=new Map;await Ju(Le.current,pe.get(He)??[],He,ft);let _t=[...pe.keys()].filter(_e=>_e!==He);if(_t.length>0){let _e=He,Mt={x:window.scrollX,y:window.scrollY};Ut.current=!0;for(let kt of _t)try{let Sr=Be.current.get(kt),Uo=pe.get(kt)||[];if(Sr&&!Uo.some(aa=>aa.target)){Ce.set(kt,Sr),console.log(`[Popmelt] Reusing cached departing-page screenshot for ${kt}`);continue}if(console.log(`[Popmelt] Navigating to ${kt} for screenshot capture`),await Bd(kt,i),window.location.pathname!==kt){console.warn(`[Popmelt] Navigation to ${kt} did not take effect (at ${window.location.pathname})`);continue}await Ju(Le.current,Uo,kt,ft);let Yo=await ni(document.body,I,Uo,{dpr:1,nativeCapture:Ie,captureSurfaces:()=>ie.captureSurfaces()}),kr=await hl(Yo);kr&&(Ce.set(kt,kr),console.log(`[Popmelt] Captured ${kt} (${(kr.size/1024).toFixed(0)}KB)`))}catch(Sr){console.warn(`[Popmelt] Failed to capture ${kt}:`,Sr)}await Bd(_e,i),window.scrollTo(Mt.x,Mt.y),Ut.current=!1}let yo=F.filter(_e=>(_e.pathname||He)===He),Pt=await ni(document.body,I,yo.length>0?k.annotations:[],{dpr:1,nativeCapture:Ie,captureSurfaces:()=>ie.captureSurfaces()});if(Pt.length>0){let _e=await hl(Pt);_e&&Ce.set(He,_e)}if(Ce.size===0)return!1;let xi=uc({annotations:k.annotations,styleModifications:k.styleModifications,textModifications:k.textModifications}),Si=_e=>{let Mt=xi.modificationNumberByKey.get(jf(_e));return Mt===void 0?_e:{..._e,annotationNumber:Mt}},Bo=Q.map(Si),Jo=oe.map(Si),vo;if(d)try{vo=Ns(await d({kind:"annotation",timestamp:Date.now(),url:window.location.href,pathname:He,annotations:F}))}catch(_e){return console.error("[Popmelt] Unable to capture comment metadata:",_e),!1}let Se=pl(F,Bo,void 0,ue.length>0?ue:void 0,Jo,le,vo),At=Gy(Se,F,gt.current);Qy(Se,At,ft,He);let Tn=JSON.stringify(Se),Vr=pe.size>1;console.log(`[Popmelt] Submit: ${pe.size} page(s), ${Ce.size} screenshot(s), pages: [${[...pe.keys()].join(", ")}], cached: [${[...Be.current.keys()].join(", ")}]`);let bo=Vr?Ce:Ce.get(He)??Ce,zt=[...Q.map(_e=>_e.selector),...oe.map(_e=>_e.selector),...le.map(_e=>_e.selector)],Gr=Array.from(new Set([...F.map(_e=>_e.pathname||He),...Q.map(_e=>_e.pathname||He),...oe.map(_e=>_e.pathname||He),...le.map(_e=>_e.pathname||He)])),qo=bf(F,k.activeColor),Qr=[...zt,...F.flatMap(_e=>_e.linkedSelector?[_e.linkedSelector]:[])],Cn=wf(Qr,k.annotations.filter(_e=>(_e.pathname||He)===He),mn),Kn=ds(Qr,$,Cn?.color??qo,mn),Zr=Cn?.threadId??xf(Qr,$),Gl=Cn?.targetBindingId??Sf(Qr,$),ia=Ru(Kn),An=`_pending_${Date.now()}`,ki={annotationIds:he,styleSelectors:zt,color:Kn,threadId:void 0,routePathnames:Gr};if(!Te){try{let _e=JSON.parse(localStorage.getItem(Et)||"{}");_e[An]=ki,localStorage.setItem(Et,JSON.stringify(_e))}catch{}pn(_e=>({..._e,[An]:ki}))}try{let _e=M?await M.send({screenshots:bo,feedbackJson:Tn,color:ia,provider:Oe,model:St.id,pastedImages:At.size>0?At:void 0,sourceId:zs(),agentSettings:xn},w):await Xc(bo,Tn,fe,ia,Oe,St.id,At.size>0?At:void 0,zs(),xn,Zr,Cn?.selectorAliases,Gl);if("pendingApproval"in _e){We=!0,_e.threadId&&S({type:"SET_ANNOTATION_THREAD",payload:{ids:F.map(mt=>mt.id),threadId:_e.threadId}});try{let mt=JSON.parse(localStorage.getItem(Et)||"{}");delete mt[An],localStorage.setItem(Et,JSON.stringify(mt))}catch{}return pn(mt=>{let{[An]:on,...xo}=mt;return xo}),!1}let{jobId:Mt,threadId:kt,color:Sr,continuedThread:Uo,continuationEligible:Yo,targetBindings:kr=[]}=_e,aa=mt=>kr.find(on=>mt.target?on.anchor.type==="opaque"&&on.anchor.adapter===mt.target.adapter&&on.anchor.key===mt.target.key:!mt.linkedSelector||on.anchor.type!=="dom"?!1:[on.anchor.runtimeSelector,on.anchor.structuralSelector,...on.anchor.legacySelectors??[]].includes(mt.linkedSelector))?.id;kt&&ht(kt,Mt,Se,bo,At.size>0?At:void 0);for(let mt of At.keys())gt.current.delete(mt);for(let mt of pe.keys())Be.current.delete(mt);let wo=Sr??Kn,la={...ki,color:wo,threadId:kt};try{let mt=JSON.parse(localStorage.getItem(Et)||"{}");delete mt[An],mt[Mt]=la,localStorage.setItem(Et,JSON.stringify(mt))}catch{}if(pn(mt=>{let{[An]:on,...xo}=mt;return{...xo,[Mt]:la}}),kt&&zt.length>0&&ae(mt=>{let on=new Map(mt),xo=new Set;for(let fn of kr){if(fn.anchor.type!=="dom")continue;let Ii=[fn.anchor.runtimeSelector,fn.anchor.structuralSelector,...fn.anchor.legacySelectors??[]].filter(On=>!!On),So=zt.find(On=>Ii.includes(On));if(!So)continue;xo.add(So);let Xo=[...Bo,...Jo].find(On=>On.selector===So);on.set(fn.id,{jobId:Mt,threadId:kt,status:"in_flight",color:wo,continuationEligible:fn.continuationEligible??Yo,targetBindingId:fn.id,selectors:Ii,targetFingerprint:fn.anchor.targetFingerprint,annotationNumber:Xo?.annotationNumber})}for(let fn of zt){if(xo.has(fn))continue;let Ii=[...Bo,...Jo].find(So=>So.selector===fn);on.set(`job:${Mt}:${fn}`,{jobId:Mt,threadId:kt,status:"in_flight",color:wo,continuationEligible:Yo,selectors:[fn],annotationNumber:Ii?.annotationNumber})}return on}),S({type:"MARK_CAPTURED",payload:{annotationIds:he}}),kt&&he.length>0){for(let mt of he)S({type:"UPDATE_ANNOTATION_COLOR",payload:{id:mt,color:wo}});for(let mt of F)S({type:"SET_ANNOTATION_THREAD",payload:{ids:[mt.id],threadId:kt,targetBindingId:aa(mt)}})}return Uo||S({type:"SET_COLOR",payload:kf({color:wo,threadId:kt??`job:${Mt}`,annotationIds:he,annotations:k.annotations,pathname:He})}),!0}catch(_e){try{let Mt=JSON.parse(localStorage.getItem(Et)||"{}");delete Mt[An],localStorage.setItem(Et,JSON.stringify(Mt))}catch{}return pn(Mt=>{let{[An]:kt,...Sr}=Mt;return Sr}),console.error("[Pare] Failed to send to bridge:",_e),!1}}).then(pe=>(Te&&!We&&!pe&&(G(Ce=>{let ft=new Set(Ce);for(let _t of he)ft.delete(_t);return ft}),K(++B.current)),pe))},[k.annotations,k.styleModifications,k.textModifications,k.domModifications,k.spacingTokenChanges,k.activeColor,S,fe,Oe,St.id,xn,He,i,ht,Ie,$,Qt,ie,d,M,Et]),La=Y(()=>If(vt,mi,!1),[mi]),Qi=By(e&&t&&q.isConnected&&!M,fe,y,k,{provider:Oe,model:St.id,agentSettings:xn}),bt=M?.view?{...Qi,...M.view,toolbar:O}:Qi;R.current=bt.activePreview;let{onFocus:$a,onActivity:ja,onThread:Bl}=Cy(M?.reportAttention,M?.viewedParticipantId??M?.participantId??"",k.activeColor,!!(M?.canReadThreads&&k.isAnnotating&&!bt.isPeeking)),Jl=Y(w=>{Je(w),$a(w)},[Je,$a]),ql=Y(()=>{qe(),ja()},[qe,ja]),zn=Y(async(w,I,F,Q)=>{if(M&&!M.canReply)throw new Error("Edit permission is required to send thread messages.");Oe==="omp"&&Qt("omp"),li(pe=>({threadId:w,sequence:(pe?.sequence??0)+1})),tr(pe=>{if(!(w in pe))return pe;let Ce={...pe};return delete Ce[w],Ce});let oe=Object.values(si.current).find(pe=>pe.threadId===w)?.color??k.annotations.find(pe=>pe.threadId===w)?.color??k.activeColor,le=k.annotations.filter(pe=>pe.threadId===w&&(pe.status==="waiting_input"||pe.status==="resolved"||pe.status==="needs_review")),ue=le.map(pe=>pe.id),he;if(d)try{he=Ns(await d({kind:"reply",timestamp:Date.now(),url:window.location.href,pathname:He,threadId:w,reply:I,annotations:le}))}catch(pe){console.error("[Popmelt] Unable to capture reply metadata:",pe);return}let Te=`_pending_reply_${Date.now()}`,We={annotationIds:ue,styleSelectors:[],color:oe,threadId:w};try{let pe=JSON.parse(localStorage.getItem(Et)||"{}");pe[Te]=We,localStorage.setItem(Et,JSON.stringify(pe))}catch{}pn(pe=>({...pe,[Te]:We}));try{let pe=Ru(oe),{jobId:Ce}=await Dm(w,I,fe,pe,Oe,St.id,F,zs(),xn,{...Q,...he?{meta:he}:{}}),ft={...We};try{let _t=JSON.parse(localStorage.getItem(Et)||"{}");delete _t[Te],_t[Ce]=ft,localStorage.setItem(Et,JSON.stringify(_t))}catch{}return pn(_t=>{let{[Te]:yo,...Pt}=_t;return{...Pt,[Ce]:ft}}),ae(_t=>Ef(_t,w,Ce)),le.length>0&&S({type:"SET_ANNOTATION_STATUS",payload:{ids:ue,status:"in_flight"}}),ve(w),{jobId:Ce}}catch(pe){try{let Ce=JSON.parse(localStorage.getItem(Et)||"{}");delete Ce[Te],localStorage.setItem(Et,JSON.stringify(Ce))}catch{}throw pn(Ce=>{let{[Te]:ft,..._t}=Ce;return _t}),console.error("[Pare] Failed to send reply:",pe),pe}},[k.activeColor,k.annotations,fe,ve,S,Oe,St.id,xn,Qt,d,He,M,Et]);_(()=>{for(let w of q.pendingQuestions){je(w.jobId,"waiting_input","Question");let I=w.annotationIds&&w.annotationIds.length>0?w.annotationIds:Me[w.jobId]?.annotationIds??be.current.get(w.jobId);if((!I||I.length===0)&&w.threadId&&(I=k.annotations.filter(F=>F.threadId===w.threadId).map(F=>F.id)),I&&I.length>0){let F=new Set(I),Q=k.annotations.filter(oe=>F.has(oe.id));if(Q.length===0||Q.every(oe=>oe.status==="waiting_input"&&oe.question===w.question&&oe.threadId===w.threadId))continue;S({type:"SET_ANNOTATION_QUESTION",payload:{ids:I,question:w.question,threadId:w.threadId}})}}},[q.pendingQuestions,S,Me,k.annotations,je]);let Ul=xe(()=>{if(q.activeJobId&&q.activeJobId in Me)return Me[q.activeJobId].color;let w=Object.values(Me);return w.length>0?w[w.length-1].color:void 0},[q.activeJobId,Me]),Tt=Y((w,I=!1)=>{Jn(F=>F+1),!I&&k.activeTool==="model"&&S({type:"SET_TOOL",payload:"inspector"}),Bt({type:"open_thread",threadId:w})},[Bt,S,k.activeTool]),gi=Y(w=>{X&&Tt(w)},[Tt,X]),bn=Y(()=>{Bt({type:"close_thread"})},[Bt]),Br=M?.deletePeerThread,yi=M?.deletedPeerThreadIds,Yl=xe(()=>new Set([...yt,...yi??[]]),[yt,yi]);_(()=>{Ne&&yi?.includes(Ne)&&bn()},[Ne,yi,bn]),_(()=>{if(!Br||!k.isAnnotating||!Ne)return;let w=I=>{!["Delete","Backspace"].includes(I.key)||I.metaKey||I.ctrlKey||I.altKey||Pf(I)||(I.preventDefault(),I.stopImmediatePropagation(),Br(Ne).then(bn).catch(()=>{}))};return window.addEventListener("keydown",w,!0),()=>window.removeEventListener("keydown",w,!0)},[Br,Ne,k.isAnnotating,bn]);let Pa=M?.requestedThread;GS(bt.selectedId,Pa,bn,gi);let Zi=Y(async w=>(await Vt(`${fe}/thread/${encodeURIComponent(w)}`)).status,[fe]),Xl=Y(w=>{Bt({type:"restore_thread",threadId:w,...Zn.current})},[Bt]);Jy(M?.navigation,bt.selectedId,q.isConnected&&X,Ne??co??$t,Pn,Zi,Xl);let[ea,uo]=L(0),jt=Xy(`${y}:${ea}`,async w=>{if(!(await Om(w,fe)).archived)throw new Error("Thread not found")},w=>Hm(w,fe),k.undoStack.at(-1));x.current=jt.tryUndo;let rr=Y(w=>{if(M&&!M.isHost){Br?.(w).catch(()=>{});return}if(Object.values(Me).some(le=>le.threadId===w))return;Ne===w&&bn();let I=new Set(k.annotations.filter(le=>le.threadId===w).flatMap(le=>le.groupId?[le.groupId]:[])),F=k.annotations.filter(le=>le.threadId===w||le.groupId&&I.has(le.groupId)).map(le=>le.id),Q=k.annotations.filter(le=>F.includes(le.id)),oe=Array.from($.entries()).filter(([,le])=>le.threadId===w);F.length>0&&S({type:"SET_ANNOTATION_STATUS",payload:{ids:F,status:"dismissed"}}),ae(le=>new Map(Array.from(le.entries()).filter(([,ue])=>ue.threadId!==w))),sn(le=>new Set(le).add(w)),Nh([w],y),jt.dismiss(w,()=>{for(let le of Q)S({type:"SET_ANNOTATION_STATUS",payload:{ids:[le.id],status:le.status??"resolved"}});if(ae(le=>{let ue=new Map(le);for(let[he,Te]of oe)ue.has(he)||ue.set(he,Te);return ue}),sn(le=>{let ue=new Set(le);return ue.delete(w),ue}),y)try{let le=Wl(y);le.delete(w),localStorage.setItem(Ai(Fl,y),JSON.stringify([...le]))}catch{}})},[bn,S,y,k.annotations,jt,Me,$,Ne,M,Br]),Jt=Y((w,I,F)=>{let Q=Me[w],oe=ze.current.get(w),le=Q?.annotationIds??F??[];if(Q||le.length>0){let he=new Set(Q?.styleSelectors??[]);for(let Te of le){let We=k.annotations.find(pe=>pe.id===Te);if(We&&(We.linkedSelector&&he.add(We.linkedSelector),We.groupId))for(let pe of k.annotations)pe.groupId===We.groupId&&pe.linkedSelector&&he.add(pe.linkedSelector)}he.size>0&&(oe=Array.from(he))}oe?.length&&a1(oe);let ue=Q?.threadId||I||Ae.current.get(w);if(ue){let he=Q?.kind==="project_model"&&(Q.annotationIds?.length??0)===0;pr.current=he?Fd:Q?.color??null,Tt(ue,Q?.kind==="synthesize")}},[Me,Tt,k.annotations]),Jr=Y((w,I)=>{if(!w){vr(null);return}let F=I??be.current.get(w);F&&F.length>0?vr(new Set(F)):vr(null)},[]),qr=Y(async w=>{try{let I=w?`${fe}/cancel?jobId=${w}`:`${fe}/cancel`;await Vt(I,{method:"POST"})}catch{}},[fe]),Oo=Y(async()=>{Wt("restarting"),nn("Restarting bridge");let w=await Nm(fe,cs,2e4);if(w.ok){await Jg(w.bridgeUrl??r,y),Xt(w.status.version??cs),Wt("ok"),nn(w.status.version?`Bridge restarted on ${w.status.version}`:"Bridge restarted"),Ge(I=>I+1);return}Xt(w.status?.version??yn),Wt("error"),nn(w.error)},[yn,r,y,fe]),Ur=xe(()=>{if(!Ne)return null;for(let w of Object.values(Me))if(w.threadId===Ne&&w.kind){if(w.kind==="project_model"&&w.annotationIds.length>0)continue;return w.kind}return null},[Ne,Me]),po=Ur==="project_model",Yr=Ur==="synthesize",{surface:Xr,phase:za,show:xr,leave:No,dismiss:ta}=Tf({openDelayMs:0,exitDurationMs:us}),_o=J(new Set),[Da,vi]=L(()=>new Set),bi=Y((w,I)=>{I?_o.current.add(w):_o.current.delete(w),vi(new Set(_o.current)),_o.current.size>0?xr("toolbar"):No("toolbar")},[No,xr]),ho=XS({toolbarExpanded:k.isAnnotating,toolbarSources:Da,chromeHoverSurface:Xr,chromeHoverPhase:za,activeTool:k.activeTool,peerPlanePeeking:bt.isPeeking}),Xn=ho.threadTemporarilyHidden,fo=J(Ne);_(()=>{Xr&&YS(fo.current,Ne,Xr)&&ta(Xr),fo.current=Ne},[Xr,ta,Ne]),_(()=>{Bt(k.activeTool==="model"?{type:"enter_imprint",preserveOpenThread:Yr}:{type:"leave_imprint"})},[Bt,k.activeTool,Ne,Yr]),_(()=>{Bt({type:k.isAnnotating?"expand_toolbar":"collapse_toolbar"})},[Bt,k.isAnnotating]);let Yt=xe(()=>Cf(Ne,Me,q.activeJobIds,q.activeJobThreads,kn),[Ne,Me,q.activeJobIds,q.activeJobThreads,kn]),Dn=Ne?k.annotations.find(w=>w.threadId===Ne):void 0,Ha=Ne?Array.from($.values()).find(w=>w.threadId===Ne&&w.color)?.color:void 0,mo=Ne?pt.current.get(Ne):void 0,go=xe(()=>{if(!Ne)return null;let w=[...q.events].reverse().find(I=>(I.type==="done"||I.type==="error")&&I.data.threadId===Ne);return typeof w?.data.jobId=="string"?w.data.jobId:null},[q.events,Ne]),En=xe(()=>Yt?q.events.filter(w=>w.data.jobId===Yt):QS,[Yt,q.events]),Oa=xe(()=>po?Fd:Ha??Dn?.color??pr.current??k.activeColor,[po,Dn?.color,Ha,k.activeColor]),rn=!!(y&&hr===y),hn=xe(()=>KS(k.annotations,yt,rn?$.values():[]),[yt,rn,$,k.annotations]),Hn=xe(()=>Af($,yt,hn,rn),[yt,rn,$,hn]),na=xe(()=>{let w=new Map;for(let I of k.annotations)I.threadId&&I.color&&w.set(I.threadId,I.color);for(let I of $.values())I.threadId&&I.color&&w.set(I.threadId,I.color);return w},[$,k.annotations]),Kl=[...Hn.values()].find(w=>w.threadId===Ne)?.annotationNumber,Fo=pc({state:k,activeText:null,currentPathname:He,dismissedThreadIds:yt,modifiedElementThreadStates:Hn}),Na=hc({state:k,pageAnnotations:Fo.pageAnnotations,pageStyleModifications:Fo.pageStyleModifications,pageTextModifications:Fo.pageTextModifications}),Vl=Yx(Dn?Na.annotationGroupMap.get(Dn.id):void 0,Kl,{activePreview:!!bt.activePreview,annotationNumber:Ne?bt.threadAnnotationNumbers?.get(Ne):void 0}),_a=Y(w=>{if(!Ne)return;let I=VS(hn,Ne,w);I&&Tt(I)},[hn,Ne,Tt]),ra=Ne!==null&&hn.length>1&&hn.includes(Ne),[Fa,Wa]=L(!1),Kr=J(!1),or=J(null),Wo=Y(w=>{w?(or.current&&(clearTimeout(or.current),or.current=null),Wa(!0)):or.current=setTimeout(()=>{Wa(!1),or.current=null},150)},[]),oa=Y(w=>{Wo(w),w?xr("job-stack"):_o.current.size>0?xr("toolbar"):No("job-stack")},[Wo,No,xr]);_(()=>{if(M)return;let w=q.workspaceGeneration;if(!y||w===void 0||!Number.isInteger(w)||w<0)return;let I=fc(localStorage,y);if(I!==null&&w<I)return;let F=Mf(I,w);if(localStorage.setItem(mc(y),String(w)),!F)return;if(Kr.current){Kr.current=!1;return}su(k.styleModifications),ag(k.textModifications),lg(k.domModifications),document.querySelectorAll("[data-pm]").forEach(oe=>oe.removeAttribute("data-pm")),S({type:"CLEAR"}),S({type:"CLEAR_ALL_STYLES"});let Q=Rf(y);for(let oe of[Q.annotations,Q.styleMods,Q.textMods,Q.domMods,Q.spacingChanges])localStorage.removeItem(oe);ps(localStorage),gt.current.clear(),Be.current.clear(),pn({}),ae(new Map),li(null),mr(new Set),gr(new Set),Nr(new Set),tr({}),sn(new Set),uo(oe=>oe+1),Re(),bn()},[q.workspaceGeneration,Re,bn,S,y,M,k.domModifications,k.styleModifications,k.textModifications]);let wi=Y(()=>{ps(localStorage),gt.current.clear(),Be.current.clear();let w=Array.from(new Set(k.annotations.flatMap(I=>I.threadId?[I.threadId]:[])));Nh(w,y),sn(I=>{let F=new Set(I);for(let Q of w)F.add(Q);return F}),Kr.current=!0,_m(fe).then(({workspaceGeneration:I})=>{if(y){let F=fc(localStorage,y);(F===null||I>F)&&localStorage.setItem(mc(y),String(I))}Kr.current=!1}).catch(I=>{Kr.current=!1,console.warn("[Popmelt] Failed to clear bridge workspace:",I)}),uo(I=>I+1),Re(),bn(),qr()},[Re,bn,y,qr,fe,k.annotations]);_(()=>()=>{or.current&&clearTimeout(or.current)},[]);let[Ba,Ja]=L(!1);if(_(()=>{Ja(!0)},[]),!e||!Ba)return null;let qa=h(oc.Provider,{value:t?bt.toolbar??O:null,children:T(wx,{children:[h(Lf.Provider,{value:X?gi:void 0,children:bt.overlay}),k.isAnnotating&&q.isConnected&&!bt.isPeeking&&!bt.activePreview&&h(Kc,{element:st,elements:Ve,registry:ie}),h($i.Provider,{value:!bt.activePreview&&!bt.isPeeking,children:h("div",{"data-devtools":"host-canvas",style:{display:bt.isPeeking||bt.activePreview?"none":"contents"},children:h(Z0,{historyPreview:Gt,onFocusTargetChange:Jl,onFocusActivity:ql,bridgeUrl:fe,steeringContextStorageKey:y?Pw(y):void 0,state:bt.activePreview?{...k,isAnnotating:!1,annotations:[],styleModifications:[],textModifications:[],domModifications:[]}:k,dispatch:S,onScreenshot:Ho,inFlightAnnotationIds:lt,inFlightOrientationLabels:dn,waitingApprovalJobIds:$e,activeAnnotationIds:_r,queuePositionMap:br,inFlightStyleSelectors:wr,inFlightStyleSelectorJobIds:Aa,inFlightSelectorColors:Ma,modifiedElementThreadStates:Hn,dismissedThreadIds:yt,onAttachImages:Ra,onRemoveImages:fi,onCaptureInteractionFrame:Ye,onSend:q.isConnected&&(!M||M.canSend)?La:void 0,onReply:q.isConnected&&(!M||M.canReply)?zn:void 0,onViewThread:q.isConnected&&X?gi:void 0,onCloseThread:bn,onArchiveThread:rr,onDeleteSubmittedAnnotation:M&&!M.isHost&&M.deletePeerAnnotations?w=>{M.deletePeerAnnotations(M.participantId,[w]).catch(()=>{})}:void 0,highlightedAnnotationIds:yr,cycleFocusedAnnotationIds:Dr,onCanvasInteraction:Hr,focusedThreadAnnotationId:Dn?.id,openThreadId:Ne,hasOpenThread:Ne!==null,externalCanvasRef:Pe,toolbarRef:tt,threadPanelElement:Xn?null:it,clearSignal:ea,subjectRegistry:ie,subjectRegistryReady:ne},`annotation-canvas:${y??"pending"}`)})}),h(Ex,{zIndex:Ne!==null&&!Xn?10004:10003,children:T(Sx,{children:[h($f,{onPreviewHistoryThread:Ln,threadOpenRequest:Kt,projectId:y,state:k,hasExternalSendableItems:!!(bt.activePreview&&bt.approve),readOnlyPreview:bt.activePreview,dispatch:w=>{(!bt.activePreview||w.type==="SET_ANNOTATING")&&S(w)},onScreenshot:Ho,onSendToClaude:bt.activePreview?bt.approve:q.isConnected&&(!M||M.canSend)?La:void 0,hasActiveJobs:Object.keys(Me).length>0||q.activeJobIds.length>0,activeJobColor:Ul,onCrosshairHover:Wo,onClear:wi,provider:Oe,onProviderChange:!ct&&q.isConnected&&ge.length>1?Pr:void 0,availableProviders:ge,modelIndex:dt,modelCount:Ht.length,modelLabel:St.label,models:Ht,agentSettings:xn,onModelChange:!ct&&q.isConnected?cr:void 0,onModelMenuOpen:()=>{Qt(Oe)},onAgentSettingsChange:q.isConnected?ai:void 0,onViewThread:q.isConnected&&X?gi:void 0,onNavigate:vn,annotationCycleFocus:Ot,onAnnotationCycleFocusChange:Sn,isThreadPanelOpen:Ne!==null&&!Xn&&!Yr,hasOpenThreadPanel:Ne!==null&&!Yr,projectPanelTemporarilyHidden:ho.projectPanelTemporarilyHidden,onToolbarHoverChange:bi,activeChromeHoverSurface:Xr,mcpStatus:Wn,bridgeUrl:fe,isBridgeConnected:q.isConnected,packageVersion:cs,bridgeVersion:yn,projectRoot:sr,projectRootAccess:dr?.projectRoot,codexSandboxMode:dr?.codex.sandboxMode,bridgeRestartState:wn,bridgeRestartMessage:so,onBridgeRestart:Oo,toolbarRef:tt,snapPosition:zr,onSnapPositionChange:Bn},`annotation-toolbar:${y??"pending"}`),X&&k.isAnnotating&&Ne&&h(qS,{onAttentionChange:Bl,threadId:Ne,bridgeUrl:fe,accentColor:Oa,initialMessages:mo?[mo.message]:void 0,completedJobId:go,refreshKey:`${M?.pendingSubmissions?.find(w=>w.threadId===Ne)?.revision??""}:${q.events.findLast(w=>w.type==="thread_changed"&&w.data.threadId===Ne)?.data.jobId??""}`,isStreaming:Yt!==null,isQueued:Yt!==null&&!q.activeJobIds.includes(Yt)&&!kn.has(Yt),queuePosition:Yt&&!q.activeJobIds.includes(Yt)&&!kn.has(Yt)?(()=>{let w=cc(Object.keys(Me),q.activeJobIds,kn),I=w.indexOf(Yt);return I>=0?`(${I+1}/${w.length})`:void 0})():void 0,activeJobId:Yt,streamingEvents:En,onClose:bn,onReply:Z?zn:void 0,onContribute:M?.contribute,onApproveSuggestion:M?.approveSuggestion,canManage:j,readOnlyReason:Z?void 0:"Edit permissions required to comment in threads",onCancel:j&&Yt?()=>qr(Yt):void 0,lastError:q.lastErrorByJob?.[Yt??""]??(q.lastCompletedJobId&&Ae.current.get(q.lastCompletedJobId)===Ne?q.lastErrorByJob?.[q.lastCompletedJobId]:void 0),temporarilyHidden:Xn,instantVisibilityHandoff:ho.toolbarPaneVisible,backdropCursor:k.isAnnotating&&k.activeTool==="sticker"?gc(Oa):void 0,toolbarRef:tt,surfaceRef:me,currentModel:St.id,currentProvider:Oe,availableProviders:ge,models:Ht,modelIndex:dt,agentSettings:xn,onProviderChange:!ct&&q.isConnected?Pr:void 0,onModelChange:!ct&&q.isConnected?cr:void 0,onAgentSettingsChange:q.isConnected?ai:void 0,onModelMenuOpen:()=>{Qt(Oe)},annotationNumber:Vl,annotationText:Dn?.text,onPreviousThread:ra?()=>_a(-1):void 0,onNextThread:ra?()=>_a(1):void 0,preferredSide:po?"left":"right",modal:!po},`${Ne}:${po?"workflow":"default"}`),X&&h(vx,{noticeScope:nr,ownedThreadIds:ui?.scope===nr?ui.threadIds:null,allowThreadlessNotices:!M||M.isHost,viewedThreadId:Ne,bridge:q,bridgeUrl:fe,inFlightJobs:Me,threadColors:na,isVisible:Fa||q.lastResponseText!==null||q.activeJobIds.length>0,isHidden:!k.isAnnotating||bt.isPeeking||bt.activePreview,onHover:oa,isInteractionSuppressed:ho.statusInteractionSuppressed,clearSignal:ea,onReply:Z?zn:void 0,onClickJob:Jt,onCancel:j?qr:void 0,onHoverJob:Jr,isConnected:q.isConnected,dismissedThreadIds:Yl,acknowledgedThread:fr,recoveredAcknowledgedThreadIds:qn,recoveredAcknowledgedJobIds:Un,recoveredSettledQuestionThreadIds:Or,pendingQuestionThreadIds:un,snapPosition:zr,currentPathname:He},nr)]})})]})});return h(Fm.Provider,{value:N,children:qa})}export{Wg as a,s1 as b};