@popmelt.com/core 0.28.4 → 0.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -2
- package/claude-plugin/.claude-plugin/plugin.json +1 -1
- package/claude-plugin/skills/popmelt-core/SKILL.md +6 -0
- package/codex-plugin/.codex-plugin/plugin.json +1 -1
- package/codex-plugin/skills/popmelt-core/SKILL.md +6 -0
- package/dist/{ParticipantRuntime-U4YOVIGA.mjs → ParticipantRuntime-AKVKVNO2.mjs} +14 -14
- package/dist/{PopmeltTasteConnectedPane-ODOMXUNO.mjs → PopmeltTasteConnectedPane-L5ULGACH.mjs} +12 -12
- package/dist/QueuedReplies-ZYUDSTS2.mjs +46 -0
- package/dist/ThreadErrorCard-Q5GQ4EIF.mjs +2 -0
- package/dist/bridge-entry.mjs +1 -1
- package/dist/bridge-recovery-3IQN3U6D.mjs +2 -0
- package/dist/bridgeSSEStream-NEYI73TC.mjs +4 -0
- package/dist/bridgeWebSocketStream-H3DCP4T3.mjs +2 -0
- package/dist/browser-runtime-PPQ2GUER.mjs +2 -0
- package/dist/browser.mjs +1 -1
- package/dist/canvas-chat-note-7HSL7MH6.mjs +2 -0
- package/dist/chunk-2BVRVVHJ.mjs +347 -0
- package/dist/chunk-2P2NUZW7.mjs +2 -0
- package/dist/chunk-2RRYBN2J.mjs +17 -0
- package/dist/chunk-4BEN6VQ7.mjs +2 -0
- package/dist/chunk-4V7SK3M6.mjs +3 -0
- package/dist/chunk-6VXFTT5U.mjs +2 -0
- package/dist/chunk-AR4MHLWP.mjs +342 -0
- package/dist/chunk-CPOYMGYY.mjs +2 -0
- package/dist/chunk-ENGMQINZ.mjs +62 -0
- package/dist/{chunk-3DUSECUJ.mjs → chunk-HTHUSDZT.mjs} +1 -1
- package/dist/chunk-MZNY6VXR.mjs +2 -0
- package/dist/{chunk-CKD6RNCO.mjs → chunk-N4F7DGFN.mjs} +1 -1
- package/dist/chunk-O6HC437G.mjs +307 -0
- package/dist/chunk-OFHBVUTT.mjs +315 -0
- package/dist/chunk-YYWUENSJ.mjs +2 -0
- package/dist/chunk-ZQTLCQPC.mjs +1 -0
- package/dist/cli.mjs +34 -328
- package/dist/codex-note-context-ZLQU57WU.mjs +2 -0
- package/dist/codex-project-P3J62GZR.mjs +2 -0
- package/dist/codex-session-registry-25DAA2KO.mjs +2 -0
- package/dist/{dev-server-rQIWJcSX.d.mts → dev-server-DtX2_HCa.d.mts} +2 -0
- package/dist/index.mjs +1 -1
- package/dist/memory-store.d.mts +1 -1
- package/dist/peer-client-DGX6OHMK.mjs +2 -0
- package/dist/plugin-astro.d.mts +1 -1
- package/dist/plugin-astro.mjs +1 -1
- package/dist/plugin-nuxt.d.mts +1 -1
- package/dist/plugin-nuxt.mjs +1 -1
- package/dist/plugin-vite.d.mts +1 -1
- package/dist/plugin-vite.mjs +1 -1
- package/dist/server.d.mts +2 -2
- package/dist/server.mjs +5 -5
- package/dist/{types-Bur49CLH.d.mts → types-C8tjyhiF.d.mts} +21 -0
- package/package.json +22 -32
- package/dist/browser-runtime-2L55FIH3.mjs +0 -2
- package/dist/chunk-5NOCGSQL.mjs +0 -291
- package/dist/chunk-ERUGF5VG.mjs +0 -347
- package/dist/chunk-L4G2KO2P.mjs +0 -1
- package/dist/chunk-OYJINEC5.mjs +0 -77
- package/dist/chunk-YYK7MXEK.mjs +0 -369
package/dist/chunk-YYK7MXEK.mjs
DELETED
|
@@ -1,369 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import{M as tl,Ua as nc,f as Xf,e as rc,xb as us,a as Vf,Bb as oc,Cb as ic,Ab as ps,c as Gf,jb as Qf,kb as Zf,Ja as Di,ja as eh,Hb as th,Ib as ac,ia as nh,Ob as rh,Kb as oh,Lb as ih,Mb as ah,_a as lh,ka as sh,Da as dh,za as lc,ab as ch,ba as uh,ca as fs,da as ph,ea as fh,$a as hh,Fa as mh,ha as gh,ob as hs,nb as yh,mb as ms,Jb as vh,la as bh,Oa as sc,Ba as dc,Ma as cc,Na as xh,La as uc,Ka as wh,Ga as gs,N as Sh,Gb as Ih,p as pc,ya as kh,b as Eh,yb as fc,Ra as Th,Qa as Ch,Ta as Ah,Pa as Mh,Sa as Rh,Ca as Lh,D as $h,E as jh,l as Ph,ra as nn,ua as zh,xa as Dh,Ha as Hh,sa as hc,na as Hi,T as Oh,ma as Nh,R as mc,Y as _h,fb as si,Qb as Wh,Nb as Fh,eb as gc,gb as yc,qb as ys,sb as Bh,Eb as Jh,Fb as qh,lb as Uh,hb as Yh,ib as Kh,Aa as Xh,Ea as vs,Q as Vh,C as vc,F as bc,L as xc,K as wc,o as di,G as Sc,J as Oi,P as Gh,va as bs,qa as Qh,pa as xs,oa as ws,O as Zh,ga as em,fa as tm,Ia as nm,ta as Ic,wa as kc,q as rm,W as Ec,U as Tc,V as Cc,X as om,Z as Ac,$ as Mc,aa as im,S as am,zb as Rc,Db as Lc,m as Ni,A as Ss,r as ci,I as nl,u as $c,g as lm,_ as sm,t as rl,h as jc,y as dm,j as Lr,v as Is,s as ba,i as ks,k as cm,z as um,x as pm,H as Es,w as Pc,n as zc,B as fm}from"./chunk-ERUGF5VG.mjs";import{c as hm,a as Dc,b as xa}from"./chunk-JQHZFDY5.mjs";import{a as Hc,b as mm}from"./chunk-EX63NVDN.mjs";import{d as gm,g as ym,m as vm,l as bm}from"./chunk-N2ZEZCHO.mjs";import{a as xm}from"./chunk-J3UIBBU2.mjs";import{b as wm,f as _i,h as Sm,g as Ts,a as Oc,d as Nc,c as _c}from"./chunk-3LBOX7HQ.mjs";import{a as Im}from"./chunk-3DUSECUJ.mjs";import{sa as Cs,R as Wc,T as Yt,h as km,Ua as Fc,X as Bc,V as Jc,W as As,Y as Em,Z as wa,$ as qc,aa as Uc,fa as Tm,da as Cm,ia as Am,cb as Yc,ka as Wi,La as Mm,N as Rm,ha as Lm,ga as $m,H as Kc,A as ro,Ka as ol,Ja as jm,P as Pm,D as Xc,O as zm,Ca as kn,ra as Ms,za as dr,Ea as Rs,ya as Sa,Ga as Dm,la as il,Xa as Vc,xa as oo,ab as Hm,bb as Gc,va as Om,ua as Nm,Ta as Ls,Ra as $s,Wa as Qc,_ as _m,U as Wm,J as js,v as Zc,u as Ia,r as al,w as Fi,wa as eu,ja as tu,I as Fm,K as Bm,M as Jm,f as qm,Aa as Um,Ba as Ym,ta as Km,Za as Xm,Ya as nu,$a as Vm,_a as Gm,Va as ru,z as ou,t as Ps,g as Qm,Da as zs,C as Zm,E as iu,G as eg,F as tg,Fa as au,Ha as lu,B as ng,s as ll,L as rg,y as Ds,S as og,q as su,x as ig}from"./chunk-OYJINEC5.mjs";import{i as du,k as ag,m as lg,h as cu,g as sg,a as sl,e as dg,b as $r,d as cg,f as ot,c as ug}from"./chunk-MP7S5ALD.mjs";import{a as pg}from"./chunk-LVEMYZOA.mjs";import{c as pn,a as Ro,i as yn,j as Bi,d as fg,e as hg,b as uu,l as mg,m as gg,k as yg}from"./chunk-XOGBFVWI.mjs";import{d as vn,o as ka,n as Ji,a as pu,i as fu,v as hu,u as mu,h as dl,k as vg,f as bg,c as Hs,m as gu,l as Os}from"./chunk-HGW2U6PD.mjs";import{lazy as yu,memo as xg,useContext as jr,useState as L,Fragment as wg,useRef as B,useEffect as _,useCallback as J,useMemo as Se,Suspense as vu,cloneElement as Sg,useSyncExternalStore as Ig,useLayoutEffect as Et,useId as kg}from"react";import{jsx as u,jsxs as A,Fragment as it}from"react/jsx-runtime";import{Fingerprint as io,Component as cl,Ban as ul,Terminal as bu,PenLine as xu,ImageIcon as Eg,Plug as Tg,SquareMousePointer as Cg,ChevronRight as Ns,FilePenLine as Ag,ChevronDown as qi,Check as Lo,ChevronLeft as Mg,X as pl,Send as wu,Clock as Su,Lock as Rg,ArrowDown as Lg,OctagonAlert as Iu,MessageCircleQuestionMark as $g,Reply as jg,TriangleAlert as Pg,Command as ku,CornerDownLeft as _s,EyeOff as zg,Trash2 as Dg}from"lucide-react";import{createPortal as Eu}from"react-dom";function Hg(e){return Wc(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,og(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 d;for(;(d=o.indexOf(`
|
|
3
|
-
`))!==-1;){let c=o.slice(0,d).replace(/\r$/,"");if(o=o.slice(d+1),!c)a.length&&this.emit(i,a.join(`
|
|
4
|
-
`)),i="message",a=[],l=0;else if(c.startsWith("event:"))i=c.slice(6).trimStart();else if(c.startsWith("data:")&&(a.push(c.slice(5).replace(/^ /,"")),l+=c.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 Tu(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 d=o.get(s);return d?.status==="done"||d?.status==="error"?[d]:[]}),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 Cu(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 Wg(e,t,n){let r=n(Cu(e,t));e.store=r;for(let o of e.listeners??[])o();return r}var nt=globalThis.__POPMELT_BRIDGE_CONNECTION__??(globalThis.__POPMELT_BRIDGE_CONNECTION__={}),fl=nt.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));nt.sourceId=fl;try{typeof localStorage<"u"&&localStorage.setItem("popmelt-source-id",fl)}catch{}function Ws(){return fl}var hl={isConnected:!1,status:"disconnected",jobResponses:{},jobThinking:{},activeJobIds:[],activeJobThreads:{},currentResponse:"",currentThinking:"",events:[],activeJobId:null,lastCompletedJobId:null,lastResponseText:null,lastThreadId:null,lastErrorByJob:{},pendingQuestions:[],incrementalResolutions:[],capabilitiesVersion:0};nt.store??(nt.store={...hl}),nt.listeners??(nt.listeners=new Set);var Pr=nt.activeEs??null,ml=nt.activeBridgeUrl??null,zr=null,Yn=nt.connectionGeneration??0,gl=new Set,Ui=new Map,$o={},Fs=new Set;function Dn(e,t){if(!e)return!1;if(Fs.has(e))return!0;if(gl.has(e)){let r=Ui.get(e);return r||(r=[],Ui.set(e,r)),r.push({type:t.type??"",data:t}),!0}let n=$o[e];return n!==void 0&&typeof t.seq=="number"&&t.seq<=n}async function Au(e,t,n,r=new Map){let o=()=>n!==(nt.connectionGeneration??0);for(let i of t){if(o())return;gl.add(i),Ui.set(i,[])}await Promise.all(t.map(async i=>{try{let a=await qc(e,i);if(o())return;let l=Ui.get(i)??[];if(a){ct(c=>{let f={...c.jobResponses,[i]:a.accumulated.response},p={...c.jobThinking,[i]:a.accumulated.thinking},h=[...c.events];for(let y of a.events)y.type==="done"||y.type==="error"||h.push({type:y.type,data:y,timestamp:Date.now()});return{...c,jobResponses:f,jobThinking:p,currentResponse:i===c.activeJobId?a.accumulated.response:c.currentResponse,currentThinking:i===c.activeJobId?a.accumulated.thinking:c.currentThinking,events:h}}),$o[i]=a.currentSeq;let s=[...a.events].reverse().find(c=>c.type==="job_started"||c.type==="job_parked");s?.type==="job_parked"&&Yi("job_parked",s,i);let d=Ng(a.events,a.jobActive,r.get(i));d&&Yi(d.type,d,i);for(let c of l)typeof c.data.seq=="number"&&c.data.seq<=a.currentSeq||Yi(c.type,c.data,i)}else{let s=!1;for(let c of l)Yi(c.type,c.data,i),(c.type==="done"||c.type==="error")&&(s=!0);let d=r.get(i);!s&&d&&Yi(d.type,d,i)}}finally{gl.delete(i),Ui.delete(i)}}))}function Yi(e,t,n){if(e==="job_parked")ct(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")ct(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||"";ct(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||"";ct(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")ct(r=>({...r,events:[...r.events,{type:"status",data:t,timestamp:Date.now()}]}));else if(e==="done")delete $o[n],ct(r=>{let o=r.activeJobIds.filter(d=>d!==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 $o[n];let r=t.message??"";ct(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 ct(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 Kn=nt.discoveredBridgeUrl??null,Hn=nt.discoveredBridgeProjectId??null,jo=null,Ki=null;function Mu(e,t=!1){let n=e??null;if(!(!t&&(nt.expectedProjectId??null)===n)){Pr&&(Pr.close(),Pr=null,nt.activeEs=null),zr&&(clearTimeout(zr),zr=null),ml=null,nt.activeBridgeUrl=null,Kn=null,Hn=null,nt.discoveredBridgeUrl=null,nt.discoveredBridgeProjectId=null,jo=null,Ki=null,gl.clear(),Ui.clear(),Fs.clear();for(let r of Object.keys($o))delete $o[r];nt.expectedProjectId=n,Yn=(nt.connectionGeneration??Yn)+1,nt.connectionGeneration=Yn,ct(()=>({...hl}))}}function Fg(){nt.listeners?.size||Mu(null,!0)}async function Ru(e,t){if(Kn&&(t?Hn===t:!Hn))return Kn;if(!t&&Hn&&(Kn=null,Hn=null,nt.discoveredBridgeUrl=Kn,nt.discoveredBridgeProjectId=Hn),t&&Hn&&Hn!==t&&(Kn=null,Hn=null,nt.discoveredBridgeUrl=Kn,nt.discoveredBridgeProjectId=Hn),jo&&Ki===(t??null))return jo;let n=Yn;return Ki=t??null,jo=_m(e,t).then(r=>n!==Yn?null:(Kn=r?.url??null,Hn=r?.projectId??t??null,nt.discoveredBridgeUrl=Kn,nt.discoveredBridgeProjectId=Hn,jo=null,Ki=null,Kn)).catch(()=>(n!==Yn||(jo=null,Ki=null),null)),jo}function Bg(){return Kn}async function Jg(e,t){Kn=null,Hn=null,nt.discoveredBridgeUrl=null,nt.discoveredBridgeProjectId=null,jo=null,Ki=null;let n=Yn,r=await Ru(e,t);return r&&n===Yn&&Bs(r),r}function Ea(){return Cu(nt,{...hl})}function qg(e){return _g(nt,e)}function ct(e){Wg(nt,{...hl},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 Bs(e){if(Pr&&Pr.readyState!==EventSource.CLOSED&&ml===e)return;Pr&&(Pr.close(),Pr=null,nt.activeEs=null),zr&&(clearTimeout(zr),zr=null),ml=e,nt.activeBridgeUrl=ml,Yn=(nt.connectionGeneration??Yn)+1;let t=Yn;nt.connectionGeneration=Yn;let n=new URLSearchParams({sourceId:fl}),r=Ug();r&&n.set("projectId",r);let o=Hg(`${e}/events?${n.toString()}`);Pr=o,nt.activeEs=Pr;let i=()=>t!==(nt.connectionGeneration??0);o.addEventListener("connected",()=>{i()||wa(e).then(a=>{if(i())return;let l=[...a?.activeJobs??(a?.activeJob?[a.activeJob]:[]),...a?.queuedJobs?.filter(m=>m.parked)??[]],s=a?.recentJobs??[],d=Tu(Ea().activeJobIds,l,s),{serverActiveIds:c,terminalJobs:f}=d,p=f.map(m=>m.id),h=new Map;for(let m of f)h.set(m.id,m.status==="error"?{type:"error",jobId:m.id,message:m.error??"The agent run failed.",threadId:m.threadId,annotationIds:m.annotationIds}:{type:"done",jobId:m.id,success:!0,threadId:m.threadId,annotationIds:m.annotationIds});ct(m=>{let x={...m.lastErrorByJob};for(let M of f)M?.status==="error"&&M.error&&(x[M.id]=M.error);let S=Tu(m.activeJobIds,l,s).reconciledActiveIds,P={};for(let M of l)M.threadId&&(P[M.id]=M.threadId);return{...m,isConnected:!0,status:S.length>0?"streaming":p.length>0||m.status==="disconnected"?"idle":m.status,activeJobId:S.length>0?S[S.length-1]:null,activeJobIds:S,activeJobThreads:P,lastErrorByJob:x,workspaceGeneration:a?.workspaceGeneration}});let y=[...new Set([...Array.from(c),...p])];y.length>0&&Au(e,y,t,h).catch(()=>{})})}),o.addEventListener("job_parked",a=>{if(i())return;let l=JSON.parse(a.data);Dn(l.jobId,l)||Yi("job_parked",l,l.jobId)}),o.addEventListener("thread_changed",a=>{if(i())return;let l=JSON.parse(a.data);ct(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(Dn(s,l))return;let d=l.threadId;ct(c=>({...c,status:"streaming",activeJobId:s,activeJobIds:c.activeJobIds.includes(s)?c.activeJobIds:[...c.activeJobIds,s],activeJobThreads:d?{...c.activeJobThreads,[s]:d}:c.activeJobThreads,jobResponses:{...c.jobResponses,[s]:c.jobResponses[s]??""},jobThinking:{...c.jobThinking,[s]:c.jobThinking[s]??""},currentResponse:c.jobResponses[s]??"",currentThinking:c.jobThinking[s]??"",lastResponseText:null,lastThreadId:null,events:[...c.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(Dn(s,l))return;let d=l.text||"";ct(c=>({...c,jobResponses:s?{...c.jobResponses,[s]:(c.jobResponses[s]||"")+d}:c.jobResponses,currentResponse:!s||s===c.activeJobId?c.currentResponse+d:c.currentResponse,events:[...c.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(Dn(s,l))return;let d=l.text||"";ct(c=>({...c,jobThinking:s?{...c.jobThinking,[s]:(c.jobThinking[s]||"")+d}:c.jobThinking,currentThinking:!s||s===c.activeJobId?c.currentThinking+d:c.currentThinking,events:[...c.events,{type:"thinking",data:l,timestamp:Date.now()}]}))}),o.addEventListener("status",a=>{if(i())return;let l=JSON.parse(a.data),s=l.jobId;Dn(s,l)||ct(d=>({...d,events:[...d.events,{type:"status",data:l,timestamp:Date.now()}]}))}),o.addEventListener("orientation",a=>{if(i())return;let l=JSON.parse(a.data),s=l.jobId;Dn(s,l)||ct(d=>({...d,events:[...d.events,{type:"orientation",data:l,timestamp:Date.now()}]}))}),o.addEventListener("approval",a=>{if(i())return;let l=JSON.parse(a.data);Dn(l.jobId,l)||ct(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;Dn(s,l)||ct(d=>({...d,events:[...d.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;Dn(s,l)||ct(d=>({...d,events:[...d.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),d=s.jobId;Dn(d,s)||ct(c=>({...c,events:[...c.events,{type:a,data:s,timestamp:Date.now()}]}))});o.addEventListener("done",a=>{if(i())return;let l=JSON.parse(a.data),s=l.jobId;Dn(s,l)||(s&&delete $o[s],ct(d=>{let c=s?d.activeJobIds.filter(x=>x!==s):d.activeJobIds,f={...d.jobResponses},p={...d.jobThinking},h={...d.activeJobThreads},y=s?f[s]:void 0;s&&(delete f[s],delete p[s],delete h[s]);let m=s===d.activeJobId?c.length>0?c[c.length-1]:null:d.activeJobId;return{...d,activeJobIds:c,activeJobId:m,jobResponses:f,jobThinking:p,lastCompletedJobId:s??d.activeJobId,lastResponseText:l.responseText||y||d.currentResponse||null,lastThreadId:l.threadId??null,...s===d.activeJobId?{currentResponse:m&&f[m]||"",currentThinking:m&&p[m]||""}:{},events:[...d.events,{type:"done",data:l,timestamp:Date.now()}]}}))}),o.addEventListener("question",a=>{if(i())return;let l=JSON.parse(a.data),s=l.jobId;Dn(s,l)||ct(d=>({...d,pendingQuestions:[...d.pendingQuestions,{jobId:l.jobId,threadId:l.threadId,question:l.question,annotationIds:l.annotationIds,timestamp:Date.now()}],events:[...d.events,{type:"question",data:l,timestamp:Date.now()}]}))}),o.addEventListener("capabilities_changed",()=>{i()||ct(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||ct(s=>{for(let d of s.activeJobIds)Fs.add(d);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=[...Ea().activeJobIds];if(a.length===0){ct(l=>({...l,status:l.status==="error"?"error":"idle",incrementalResolutions:[]}));return}Au(e,a,t).then(()=>{i()||ct(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){ct(s=>({...s,isConnected:!1,status:"disconnected"})),zr&&(clearTimeout(zr),zr=null);let l=t;zr=setTimeout(()=>{l===(nt.connectionGeneration??0)&&wa(e).then(s=>{s&&l===(nt.connectionGeneration??0)&&Bs(e)})},5e3)}else if(a instanceof MessageEvent){let l=JSON.parse(a.data),s=l.jobId??null;if(Dn(s??void 0,l))return;s&&delete $o[s];let d=l.message??"";ct(c=>{let f=s?c.activeJobIds.filter(h=>h!==s):c.activeJobIds,p=f.length>0?c.status:"error";return{...c,status:p,activeJobIds:f,lastCompletedJobId:s??c.activeJobId,lastErrorByJob:s&&d?{...c.lastErrorByJob,[s]:d}:c.lastErrorByJob,events:[...c.events,{type:"error",data:l,timestamp:Date.now()}]}})}}}),o.onerror=()=>{i()||o.readyState===EventSource.CLOSED&&ct(a=>({...a,isConnected:!1,status:"disconnected"}))}}function Yg(e="http://localhost:1111",t=!0,n){let r=Ig(qg,Ea,Ea);_(()=>{if(Mu(n),!t)return;let a=!1;return Ru(e,n).then(l=>{!l||a||wa(l).then(s=>{!a&&s&&(!n||s.projectId===n)&&Bs(l)})}),()=>{a=!0}},[e,t,n]);let o=J(()=>{ct(()=>({...Ea(),events:[],currentResponse:"",currentThinking:"",jobResponses:{},jobThinking:{},lastResponseText:null,lastThreadId:null,lastErrorByJob:{},incrementalResolutions:[]}))},[]),i=J(a=>{ct(l=>({...l,pendingQuestions:l.pendingQuestions.filter(s=>s.threadId!==a)}))},[]);return{...r,clearEvents:o,dismissQuestion:i}}function Lu(e,t,n,r,o){let i=`devtools-model-id:${r}`,[a,l]=L(()=>typeof window>"u"?"":localStorage.getItem(i)??""),s=o?.(a)??!1,d=s?-1:e.findIndex(p=>p.id===a),c=d>=0?d:0,f=J(p=>{l(p),localStorage.setItem(i,p)},[i]);return _(()=>{n&&a&&(s||t&&d<0&&e.some(p=>p.id))&&f("")},[n,t,a,d,e,f,s]),{index:c,select:f}}function Kg(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 $u(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 ju(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 Xg(e,t,n,r=8*1024*1024){let o=d=>JSON.stringify({id:e,clientId:t,result:d}),i=d=>new TextEncoder().encode(d).length<=r,a=o(n);if(i(a))return a;let l=Array.isArray(n.images)?n.images:[],s=[l.filter(d=>d.kind==="annotated-viewport"),l.filter(d=>d.kind!=="annotated-viewport"),[]];for(let d of s){let c=o({...n,images:d,visualEvidence:{status:"partial",reason:"response_size_limit",omitted:l.filter(f=>!d.includes(f)).map(f=>f.kind)}});if(i(c))return c}return o({status:"context_too_large",targetKey:n.targetKey,images:[],warning:"Context exceeds the response limit even without images."})}function Vg(e,t,n){let r=B(n);r.current=n;let[o,i]=L([]),a=p=>i(p?[p]:[]),l=B(null),s=B(null),d=B(null),c=J(()=>d.current?.(),[]),f=J(p=>{l.current=p,s.current?.(p)},[]);return _(()=>{if(!e)return;let p={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:[]},h=null,y=new WeakMap,m=new Map,x,S=!1,P=!1,M,I,N=0,Z=()=>{let W=location.origin+location.pathname;p.page!==W&&(p.page=W,p.title=document.title,p.hover=null,p.pinned=null,p.history=[],p.recent=null,p.selected=null,m.clear(),h=null,p.lastInteractionAt=0),p.sequence++,M=JSON.stringify(p),!P&&(P=!0,(async()=>{for(;M;){let R=M;M=void 0;try{await Yt(`${t}/focus`,{method:"POST",headers:{"Content-Type":"application/json"},body:R,signal:AbortSignal.timeout(3e3)})}catch{}}P=!1})())},E=(W,R)=>{y.has(W)||y.set(W,crypto.randomUUID());let j=yn(W),$=vn(W),T=getComputedStyle(W),Q={...R?{subject:R}:{},key:y.get(W),capturedAt:Date.now(),selector:j.selector,tagName:j.tagName,text:j.textContent?.slice(0,200),component:j.reactComponent,source:j.reactSource,rect:{x:$.x,y:$.y,width:$.width,height:$.height},styles:Object.fromEntries(["color","background-color","font-size","font-family","display","padding","border-radius"].map(re=>[re,T.getPropertyValue(re)]))};if(m.set(Q.key,{element:W,target:Q}),m.size>32){let re=[...m.keys()].find(ee=>ee!==p.pinned?.key);re&&m.delete(re)}return Q},K=W=>{let R=W?.element??null,j=W?.selection==="selected",$=p.selected??p.hover;R===h&&!!p.selected===j&&$?.subject?.key===W?.subject?.key||(h=R,clearTimeout(x),x=setTimeout(()=>{if(S)return;let T=R?.isConnected&&!ka(R,"input, textarea, select, [contenteditable], [data-popmelt-private], [data-popmelt-canvas-block], [data-devtools]")?E(R,W?.subject):null;p.selected=j?T:null,p.hover=j?null:T,j&&(p.recent=null),p.hover&&(p.history=[...p.history,p.hover].slice(-8)),p.windowFocused&&(p.recent=null),Z()},R&&!j?120:0))};s.current=K,d.current=()=>{S||document.visibilityState!=="visible"||(p.lastInteractionAt=Date.now(),p.windowFocused=document.hasFocus(),!I&&(I=setTimeout(()=>{I=void 0,N=Date.now(),Z()},Math.max(0,250-(Date.now()-N)))))},K(l.current);let O=()=>{p.windowFocused=document.hasFocus(),p.blurredAt=p.windowFocused?0:Date.now(),p.recent=p.windowFocused?null:p.hover,Z()},Y=()=>{p.active=document.visibilityState==="visible",p.active?K(l.current):(clearTimeout(x),p.hover=null,p.history=[],p.recent=null,p.selected=null,m.clear(),h=null,p.lastInteractionAt=0),Z()};document.addEventListener("visibilitychange",Y),window.addEventListener("focus",O),window.addEventListener("blur",O);let q=setInterval(Z,1e4),le=!1,w,G=new Set,z=setInterval(async()=>{if(!(S||le||document.visibilityState!=="visible")){le=!0;try{let W=await Yt(`${t}/focus/requests?clientId=${p.clientId}`,{signal:AbortSignal.timeout(3e3)});if(!W.ok)return;let R=await W.json();for(let j of R){if(G.has(j.id)||S||j.expiresAt<Date.now())continue;G.add(j.id),G.size>64&&G.delete(G.values().next().value);let $=m.get(j.targetKey),T={status:"target_unavailable"};if(j.tasteProposal){let{tasteProposalSession:Q}=await import("./taste-proposal-session-XU4N7RUV.mjs");if(S||j.expiresAt<Date.now())continue;let re=document.activeElement;for(;re?.shadowRoot?.activeElement;)re=re.shadowRoot.activeElement;T=re?.matches("input, textarea, select, [contenteditable]")&&ka(re,"[data-taste-editor]")&&j.tasteProposal.action!=="inspect"?{status:"busy",reason:"The human is editing a proposal field. Retry after editing ends."}:Q.command(j.tasteProposal)}else if(j.workspace){let{collectWorkspaceSnapshot:Q,workspaceAttentionTarget:re}=await import("./workspace-snapshot-EJQHHDQ4.mjs");if(S||j.expiresAt<Date.now())continue;T=Q(r.current.state,j.workspace);let ee=j.workspace.entryId?[j.workspace.entryId]:"entries"in T?T.entries.map(U=>U.id):[],oe=[...new Set(ee.map(U=>re(r.current.state,U,r.current.registry)).filter(U=>!!U))];i(oe);for(let U of oe)U instanceof HTMLElement&&U.hasAttribute("data-popmelt-thread-header")&&pg(U,U);if(oe.length&&(clearTimeout(w),w=setTimeout(()=>a(null),Math.max(0,j.expiresAt-Date.now())),await new Promise(U=>requestAnimationFrame(()=>setTimeout(U,0))),S))break;T.attention=j.workspace.entryId?oe.length?"shown":re(r.current.state,j.workspace.entryId,r.current.registry,!0)?"target_offscreen":"target_missing_hidden_or_ambiguous":{shown:oe.length,requested:ee.length}}else if($?.element.isConnected&&p.page===location.origin+location.pathname&&!ka($.element,"[data-popmelt-private], input, textarea, select, [contenteditable]"))try{let Q=j.attentionOnly?null:(await import("./focus-inspection-2FPCQIN2.mjs")).inspectFocusElement;if(S||j.expiresAt<Date.now()||!$.element.isConnected||p.page!==location.origin+location.pathname)continue;if(a($.element),clearTimeout(w),w=setTimeout(()=>a(null),Math.max(0,j.expiresAt-Date.now())),await new Promise(re=>requestAnimationFrame(()=>setTimeout(re,0))),S)break;T=Q?await Q($.element,$.target,j.screenshot,r.current):{status:"ok",attention:"shown"}}catch{T={status:"capture_failed"}}if(S||document.visibilityState!=="visible")break;(await Yt(`${t}/focus/response`,{method:"POST",headers:{"Content-Type":"application/json"},body:Xg(j.id,p.clientId,T),signal:AbortSignal.timeout(3e3)})).ok||await Yt(`${t}/focus/response`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:j.id,clientId:p.clientId,result:{status:"response_rejected"}}),signal:AbortSignal.timeout(3e3)}),clearTimeout(w),a(null)}}catch{}finally{clearTimeout(w),S||a(null),le=!1}}},1e3);return Y(),()=>{S=!0,clearTimeout(x),clearTimeout(I),clearInterval(q),clearInterval(z),clearTimeout(w),a(null),document.removeEventListener("visibilitychange",Y),window.removeEventListener("focus",O),window.removeEventListener("blur",O),s.current=null,d.current=null,m.clear(),p.hover=null,p.selected=null,p.history=[],p.active=!1,Z()}},[e,t]),{onCanvasFocusChange:f,onCanvasActivity:c,inspectingElement:e?o[0]??null:null,inspectingElements:e?o:[]}}function Gg(e,t,n,r){let[o,i]=L(null),[a,l]=L(null),s=B(0),d=B(Promise.resolve(!0)),c=J(()=>{s.current=Date.now()},[]),f=J(h=>{s.current=Date.now(),i(h)},[]),p=J(h=>l(y=>JSON.stringify(y)===JSON.stringify(h)?y:h),[]);return _(()=>{if(!e||!r)return;let h=o?.element;if(h&&ka(h,"[data-private], [data-sensitive]"))return;let y=a?.targets??(h?[{selector:o?.subject?Dc(o.subject):Ro(h),...o?.subject?{subject:o.subject}:{}}]:[]);if(!y.length)return;let m={pathname:window.location.pathname,ownerId:t,color:n,targets:y,activity:"looking",...a?{threadId:a.threadId}:{}},x=!1,S=null,P=!1,M=(O,Y,q)=>{let le=d.current.then(()=>O!=="finish"&&(x||S!==Y)?!1:e(O,Y,q));return d.current=le.catch(()=>!1),le},I=()=>{let O=S;S=null,O&&M("finish",O).catch(()=>{})},N=async()=>{if(x||P)return;if(!(document.visibilityState!=="hidden"&&document.hasFocus()&&m.pathname===window.location.pathname&&(a||h?.isConnected&&(o?.selection==="selected"||Date.now()-s.current<5e3)))){I();return}P=!0;let O=S?"renew":"start",Y=S??crypto.randomUUID();S=Y;try{!await M(O,Y,m)&&S===Y&&(S=null),x&&I()}catch{S===Y&&(S=null)}finally{P=!1}},Z=setTimeout(N,120),E=setInterval(N,1e3),K=()=>I();return window.addEventListener("blur",K),window.addEventListener("focus",N),document.addEventListener("visibilitychange",N),()=>{x=!0,clearTimeout(Z),clearInterval(E),I(),window.removeEventListener("blur",K),window.removeEventListener("focus",N),document.removeEventListener("visibilitychange",N)}},[e,r,t,n,o,a]),{onFocus:f,onActivity:c,onThread:p}}var yl="data-popmelt-preview-target",Pu="script,iframe,object,embed,link,meta,base,style,template";function Qg({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("*")],d=new Set,c=new Map;for(let[p,h]of t){if(!p||!l.includes(h))throw new Error("Target is outside the preview root");if(c.has(h))throw new Error("Target has multiple identities");c.set(h,p)}l.forEach((p,h)=>{let y=s[h];(p.shadowRoot||p.matches("canvas,video"))&&d.add("Shadow DOM, canvas and video state are not mirrored");for(let x of[...y.attributes])(/^on/i.test(x.name)||["src","srcset","href","xlink:href","action","formaction","autofocus","contenteditable",yl].includes(x.name))&&y.removeAttribute(x.name);p instanceof HTMLInputElement&&(p.type==="password"||p.type==="file"?y.removeAttribute("value"):y.setAttribute("value",p.value),y.toggleAttribute("checked",p.checked)),p instanceof HTMLTextAreaElement&&(y.textContent=p.value),p instanceof HTMLOptionElement&&y.toggleAttribute("selected",p.selected);let m=c.get(p);m&&y.setAttribute(yl,m),i?.(p,y)});for(let p of a.querySelectorAll(Pu))p.remove();for(let p of a.querySelectorAll("[data-devtools], [data-popmelt-peer-surface], [data-popmelt-root], popmelt-root"))p.remove();if(a.matches(Pu))throw new Error("Unsupported preview root");let f="";for(let p of e.ownerDocument.styleSheets)if(!(p.ownerNode instanceof Element&&p.ownerNode.closest("[data-devtools], [data-popmelt-top-layer-host]")))try{f+=[...p.cssRules].map(h=>h.cssText).join(`
|
|
5
|
-
`)+`
|
|
6
|
-
`}catch{d.add("An inaccessible stylesheet was omitted")}return d.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(p=>[p.name,p.value]))}:{},css:f,width:r,height:o,warnings:[...d]}}function zu(e,t){let n=[...e.querySelectorAll(`[${yl}]`)].filter(r=>r.getAttribute(yl)===t);return n.length===1?n[0]:null}var Zg=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,d]of Object.entries(e.bodyAttributes??{}))o.body.setAttribute(s,d);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 d=h=>{clearTimeout(p),this.frame.removeEventListener("load",f),this.cancelPending===c&&(this.cancelPending=null),s(h)},c=()=>d(!1),f=()=>{if(r!==this.generation||this.frame.contentDocument?.documentElement.dataset.previewGeneration!==String(r))return;let h=this.frame.contentDocument;n?.(h);for(let y of t.artifacts)y.kind==="style"&&zu(h,y.targetKey)?.style.setProperty(y.property,y.value,"important");this.current={baseline:e,plane:{...t}},d(!0)},p=setTimeout(c,5e3);this.cancelPending=c,this.frame.addEventListener("load",f),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=zu(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 ey(e,t){return{id:e,ownerId:t,revision:0,artifacts:[],undo:[],redo:[],attention:null}}function Js(e){return rl(e).flatMap(t=>t==="color"?[...jc]:[t])}function ty(e,t){if(e===void 0)return{families:Ni.map(n=>({family:n,label:Ss(n)}))};if(!Ni.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:ci(e,t)}:{},tokens:ci(e,t).map(n=>({token:nl(e,n,t),value:Oi(e,n,t)}))}}function ny(e,t){if(t!==void 0&&!Ni.includes(t))throw new Error("Unknown omnidial family");let n=/^translate-x-(-?\d+)-y-(-?\d+)$/.exec(e);if(n&&(!t||t==="transform")){let o=ci("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]:Ni)for(let i of Js(o))for(let a of ci(o,i))nl(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 Du(e,t,n,r){let o=e.ownerDocument.defaultView.getComputedStyle(e),i=vc(t,r),a=Oi(t,n,r),l=xc(t),s=wc(t,r,n),d=t==="border"&&!di(t,r)&&typeof n=="number"&&n>0?Sc(r):null,c={family:t,subproperty:$c(t,r),step:n},f=[{property:i,original:o.getPropertyValue(i).trim()||"0px",modified:a,token:nl(t,n,r),sticker:c}];l&&f.unshift({property:"display",original:o.getPropertyValue("display").trim()||"block",modified:l,token:l,sticker:c});for(let p of s)f.push({property:p.property,original:o.getPropertyValue(p.property).trim(),modified:p.value,token:p.token,sticker:c});if(d){let p=o.getPropertyValue(d).trim();(!p||p==="none")&&f.push({property:d,original:p||"none",modified:"solid",token:nl(t,n,r),sticker:c})}return{alreadyApplied:bc(t,n,r,p=>o.getPropertyValue(p)),changes:f}}function Hu(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 ry(e,t){for(let n of t.changes)ot(e,n.property,n.modified)}var oy=new Set(["text","transform","opacity"]),iy=new Set(["padding","margin","border","radius","color"]);function ay(e){return e instanceof SVGSVGElement&&!(e.parentElement instanceof SVGElement)}function ly(e){return e!=="text-align"}function vl(e,t,n){return $r(e)?e instanceof HTMLElement?!0:t==="text"&&!ly(n)?!1:oy.has(t)||ay(e)&&iy.has(t):!1}function Ta(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 sy(e,t){return Object.keys(t).filter(n=>e[n]!==void 0&&e[n]!==t[n])}function Ou(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 dy(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 cr=()=>location.origin+location.pathname;function bl(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 Nu=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 Zg(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??sl,i=new Set([...n?[n]:[],...Ta(o)]),a=new Map;for(let c of i)a.set(c,bl(c));let l=new Map;for(let c of t.textModifications){let f=document.querySelector(c.selector);f&&l.set(f,[...l.get(f)??[],c])}let s=Qg({root:document.body,targets:a,revision:cr(),width:innerWidth,height:innerHeight,cleanClone:(c,f)=>{if(!r){ug(c,f);for(let p of l.get(c)??[]){let h=f;for(let y of p.textNodePath)h=h?.childNodes[y];h?.nodeType===Node.TEXT_NODE&&(h.nodeValue=p.original)}}}}),d=ey(e.identity.id,e.identity.id);if(d.revision=e.revision,r||(d.artifacts=o.styleModifications.flatMap(c=>c.changes.map(f=>({kind:"style",id:c.selector+f.property,targetKey:c.selector,property:f.property,value:f.modified})))),!await this.surface.render(s,d,c=>{this.sources=Object.fromEntries([...i].map(f=>[f,dy(c.querySelector(`[data-popmelt-preview-target="${CSS.escape(f)}"]`))])),this.changed=sy(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(!Ta(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(sl),annotations:Object.keys(n.sources).map((d,c)=>({id:`source-${c}`,type:"text",text:"",points:[],strokeWidth:1,color:r.color,timestamp:0,linkedSelector:d}))}};if(await this.render(s,t),!Ou(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:ty(n.family,n.subproperty)};let o=r.state??{...structuredClone(sl),isAnnotating:!0,activeColor:r.color},i=o,a,l=s=>{i=Qm(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([...Ta(o),...Ta(i)])].filter(d=>{let c=f=>JSON.stringify([f.annotations.filter(p=>p.linkedSelector===d),f.styleModifications.filter(p=>p.selector===d)]);return c(o)!==c(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(c=>c.linkedSelector===n.selector),d=n.kind!=="comment"&&o.styleModifications.some(c=>c.selector===n.selector);if(!s&&!d)return{peer:r,evidence:{status:"nothing-to-clear"}};i={...o,annotations:n.kind==="style"?o.annotations:o.annotations.filter(c=>c.linkedSelector!==n.selector),styleModifications:n.kind==="comment"?o.styleModifications:o.styleModifications.filter(c=>c.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=bl(n.selector),d=yn(s),c=n.selector;if(n.type==="inspect"){let f=await this.render(r,t,c,n.plane==="host");a={...this.surface.inspect(c,n.properties??[]),element:d,warnings:f,view:n.plane??"own",url:cr(),changedSourceTargets:n.plane==="host"?void 0:this.changed}}else if(n.type==="style")if("token"in n){let f=ny(n.token,n.family);if(!vl(s,f.family,f.subproperty))throw new Error("This omnidial token does not support the target");await this.render(r,t,c);let p=this.surface.frame.contentDocument?.querySelector(c);if(!p)throw new Error("Could not inspect original style");let h=f.axisSteps?Hu(p,f.axisSteps.x,f.axisSteps.y):Du(p,f.family,f.step,f.subproperty);h.alreadyApplied||l({type:"MODIFY_STYLES_BATCH",payload:{selector:c,element:{...d,selector:c},changes:h.changes}}),a={token:n.token,selection:f,alreadyApplied:h.alreadyApplied}}else{if(!CSS.supports(n.property,n.value))throw new Error("Unsupported CSS property/value");await this.render(r,t,c);let f=this.surface.inspect(c,[n.property])?.styles[n.property];if(f===void 0)throw new Error("Could not inspect original style");l({type:"MODIFY_STYLES_BATCH",payload:{selector:c,element:{...d,selector:c},changes:[{property:n.property,original:f,modified:n.value}]}})}else if(n.type==="comment"){await this.render(r,t,c);let f=s.getBoundingClientRect();l({type:"ADD_TEXT",payload:{id:`peer-note-${e.id}`,point:{x:f.x+scrollX,y:f.y+scrollY-26},text:n.text,linkedSelector:c,elements:[{...d,selector:c}]}})}r.attention=null,(n.type==="comment"||n.type==="style")&&(r.basis=qs(r.basis??{},e.observedSources??{},this.sources,[c]))}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=cr(),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 cy(e,t,n){let r=!0,o,i=new Set,a=async c=>{let f=new AbortController;i.add(f);let p=setTimeout(()=>f.abort(),1500);try{return await e(c,f.signal)}catch{return!1}finally{clearTimeout(p),i.delete(f)}},l=()=>{r=!1,clearTimeout(o);for(let c of i)c.abort()},s=()=>{l(),a("finish")},d=async()=>{if(!r)return;let c=await a("renew");r&&c&&(o=setTimeout(()=>{d()},1e3))};n.addEventListener("abort",s,{once:!0});try{if(n.aborted)throw new Error("Canvas disconnected before action");let c=await a("start");if(n.aborted)throw new Error("Canvas disconnected before action");return r&&c&&(o=setTimeout(()=>{d()},1e3)),await t()}finally{l(),n.removeEventListener("abort",s),await a("finish")}}function uy(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:J((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 py(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(c=>r(c)))return!1;let d=s.target instanceof Element?s.target:s.target.parentElement;return d?.closest("style,head")?!0:e.some(c=>{let f=document.querySelector(c);return!f||f.contains(s.target)||d?.contains(f)})})&&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 _u(e){if(!e)return 0;let t=Xh(e.annotations);return lc({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 fy(e,t,n,r,o){let[i,a]=L([]),[l,s]=L([]),d=Th(l,e&&r.isAnnotating),c=Ch(e&&r.isAnnotating),{viewedId:f,isPeeking:p}=c,[h,y]=L(),[m,x]=L(),[S,P]=L([]),M=B(null),{markSeen:I,isUnseen:N}=uy(n),Z=Se(()=>new Map(i.map(U=>[U.identity.id,_u(U.state)])),[i]),{annotations:E,styleModifications:K,textModifications:O}=r,Y=Se(()=>_u({annotations:E,styleModifications:K,textModifications:O}),[E,K,O]),[q,le]=L(null),w=B(null),G=B({human:r,settings:o});G.current={human:r,settings:o};let z=B({clientId:crypto.randomUUID()}),W=B(async()=>{throw new Error("Canvas is disconnected")}),R=e?i.find(U=>U.identity.id===f):void 0,j=i.find(U=>U.identity.id===c.selectedId)?.state,$=Se(()=>Ah(j),[j]);_(()=>{if(!e||!n)return;z.current.token||(z.current={clientId:crypto.randomUUID()});let U=!1,fe,me=-1,X=-1,Te=new AbortController,Ae="",Ee=!1,_e=new Nu,D=new Map,ze=ve=>{U||typeof ve.presenceVersion!="number"||ve.presenceVersion<=X||!Array.isArray(ve.presence)||(X=ve.presenceVersion,s(ve.presence))},Oe=async(ve,Ne={},ge=AbortSignal.any([Te.signal,AbortSignal.timeout(5e4)]))=>{let qe=z.current.token,st=await Yt(`${t}/peers/${ve}`,{method:"POST",headers:{"Content-Type":"application/json","X-Popmelt-Project-Id":n},body:JSON.stringify({...z.current,...Ne}),signal:ge}),Ge=await st.json();if(ve!=="host"&&qe!==z.current.token)throw new Error("Canvas session changed during request");if(!st.ok||Ge.error)throw new Error(Ge.error??`Peer request failed (${st.status})`);return Ge};W.current=Oe;async function Ve(ve){if(ve.url&&ve.url!==cr())throw new Error("Canvas navigated before the operation could run");if(ve.action.type!=="send"){let Qe=lm(ve.action);return Qe?(bl(Qe.selector),cy(async(ft,zt)=>{let Kt=await Oe("activity",{id:ve.id,phase:ft},zt);return ze(Kt),Kt.accepted===!0},()=>_e.execute(ve,G.current.human),Te.signal)):_e.execute(ve,G.current.human)}if(!ve.grant)throw new Error("No host-approved Send grant");let Ne=structuredClone(ve.peer);if(Ne.url!==cr())throw new Error("Return to the proposal\u2019s page before sending");let ge=Ne.state;if(!ge||!ge.annotations.length&&!ge.styleModifications.length)throw new Error("There are no peer changes to send");await _e.render(Ne,G.current.human);let qe={..._e.sources};if(!ve.observedSources||Object.keys(qe).some(Qe=>ve.observedSources[Qe]!==qe[Qe]))throw new Error("Source changed since the last preview. Take another look, then send again.");let st=_e.surface.frame.contentDocument;if(!st)throw new Error("Peer preview is unavailable");let[Ge]=await _i(st.body,null,[],{viewportOnly:!0});if(!Ge)throw new Error("Could not capture the peer preview");if(await _e.render(Ne,G.current.human),!Ou(qe,_e.sources))throw new Error("Source changed while preparing Send. Take another look, then send again.");await Oe("source",{grant:ve.grant,sources:qe});let Le=Nc(ge.annotations,ge.styleModifications,void 0,void 0,ge.textModifications),{provider:Be,model:Pt,agentSettings:ht}=G.current.settings,pt=await Uc(Ge,JSON.stringify(Le),t,Ne.color,Be,Pt,void 0,void 0,ht,void 0,void 0,void 0,ve.grant);return Ne.state={...structuredClone(sl),isAnnotating:!0,activeColor:Ne.color},Ne.revision++,Ne.basis={},delete Ne.pendingRevision,Ne.lastJob={jobId:pt.jobId,threadId:pt.threadId},{peer:Ne,evidence:{status:"submitted",...pt}}}async function rt(){try{if(!z.current.token||Ae!==cr()){let Ne=await Oe("host",{url:cr()});if(U)return;z.current.token=String(Ne.token),Ae=cr()}let ve=await Oe("poll",{version:me,presenceVersion:X});if(U)return;ze(ve),ve.peers&&(a(ve.peers),Ee=ve.peers.length>0,me=Number(ve.version));for(let Ne of ve.requests){let ge=D.get(Ne.id);if(!ge){try{ge=await Ve(Ne)}catch(qe){ge={error:qe instanceof Error?qe.message:String(qe)}}D.set(Ne.id,ge),D.size>100&&D.delete(D.keys().next().value)}await Oe("response",{id:Ne.id,result:ge})}}catch(ve){!U&&ve instanceof Error&&ve.message.includes("Host capability")&&(z.current.token=void 0,me=-1,X=-1,U||s([]))}finally{U||(fe=setTimeout(()=>{rt()},document.hidden||!Ee?2e3:600))}}return rt(),()=>{U=!0,Te.abort(),clearTimeout(fe),_e.dispose(),a([]),s([]),W.current=async()=>{throw new Error("Canvas is disconnected")}}},[e,t,n]),_(()=>{if(x(void 0),P([]),M.current=null,!R||!r.isAnnotating||!w.current){le(null);return}let U=new Nu;w.current.append(U.container),le(null),U.container.removeAttribute("aria-hidden"),U.container.style.cssText="position:absolute;inset:0;pointer-events:none;";let fe=!1;R.url&&R.url!==cr()&&x("This draft belongs to another page. Return to it to preview.");let me=!1,X=!1,Te=()=>{if(!fe){if(me){X=!0;return}me=!0,U.render(R,G.current.human).then(()=>{fe||(x(void 0),P(U.changed),M.current={id:R.identity.id,revision:R.revision,values:{...U.sources}},le(U.surface.frame),I(R.identity.id,R.revision))}).catch(D=>{fe||(M.current=null,le(null),x(D.message))}).finally(()=>{me=!1,X&&(X=!1,Te())})}},Ae=!R.url||R.url===cr();Ae&&Te();let Ee=Ae?py(Ta(R.state),Te):()=>{},_e=()=>U.surface.frame.contentWindow?.scrollTo(scrollX,scrollY);return window.addEventListener("scroll",_e,{passive:!0}),()=>{fe=!0,Ee(),window.removeEventListener("scroll",_e),U.dispose()}},[R,r.isAnnotating,I]);let T=async U=>{try{return await U(),y(void 0),!0}catch(fe){return y(fe instanceof Error?fe.message:String(fe)),!1}},Q=e&&i.length?{peers:[{identity:{id:"host",name:"You",kind:"human",relationship:"host"},permission:"direct",color:r.activeColor,stagedCount:Y},...i.map(U=>({...U,stagedCount:Z.get(U.identity.id)??0,unseenActivity:N(U.identity.id,U.revision)}))],viewedPeerId:f,selectedPeerId:c.selectedId,onPeek:c.peek,onPeekEnd:c.leave,onPreview:U=>{c.select(U),y(void 0)},onPermissionChange:(U,fe)=>T(()=>W.current("permission",{peerId:U,permission:fe}))}:null,re=R?.pendingRevision!==void 0?()=>T(()=>{let U=M.current;if(!U||U.id!==f||U.revision!==R.revision)throw new Error("Wait for this draft\u2019s preview before sending.");return W.current("approve",{peerId:f,revision:R.pendingRevision,sources:U.values})}):void 0,ee=!!(R&&r.isAnnotating),oe=e&&(h??(ee?m:void 0));return _(()=>{if(!ee)return;let U=fe=>{fe.composedPath().some(me=>me instanceof Element&&me.hasAttribute("data-devtools"))||(fe.metaKey||fe.ctrlKey)&&fe.key==="Enter"||(fe.key.length===1||["Backspace","Delete","Enter"].includes(fe.key))&&(fe.preventDefault(),fe.stopPropagation())};return window.addEventListener("keydown",U,!0),()=>window.removeEventListener("keydown",U,!0)},[ee]),{toolbar:Q,selectedId:c.selectedId,threadAnnotationNumbers:$,activePreview:ee,isPeeking:p,viewed:R,approve:re,overlay:A(it,{children:[ee&&u("div",{ref:w,"data-devtools":"peer-preview","data-peer-revision":R?.revision,"data-pending-revision":R?.pendingRevision,"data-popmelt-peer-surface":!0,style:{position:"fixed",inset:0,zIndex:1e4,background:"#111",pointerEvents:"auto"}}),d.map(({presence:U,engaged:fe})=>{if(p)return null;let me=i.find(Te=>Te.identity.id===U.peerId);if(!me||U.clientId!==z.current.clientId||U.url!==cr()||ee&&me.identity.id!==f)return null;let X=null;try{X=ee?q?.contentDocument?.querySelector(U.selector)??null:bl(U.selector)}catch{}return u(Yc,{element:X,engaged:fe,label:`${me.identity.name} is looking at this element`},`${me.identity.id}:${U.operationId}`)}),!p&&ee&&R&&q?.contentDocument&&u(Mh,{peer:R,targetDocument:q.contentDocument,onApprove:re?()=>{re()}:void 0}),ee&&R&&f===c.selectedId&&u("div",{"data-devtools":"peer-plane-border","data-plane-owner":R.identity.id,"aria-hidden":"true",style:{position:"fixed",inset:0,border:`2px solid ${R.color}`,boxSizing:"border-box",pointerEvents:"none",zIndex:10002}}),ee&&R&&f===c.selectedId&&u(Rh,{name:R.identity.name,isOwnPlane:R.identity.id==="host",color:R.color,changed:S.length>0}),oe&&u("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:Cs,fontSize:12,lineHeight:1.4,zIndex:10002},children:oe})]})}}function hy(e,t,n,r,o,i,a){let[l,s]=L(),d=B({navigation:e,selectedId:t});_(()=>{if(!e||!n||l?.navigation===e)return;let c=e.read(),f=o.current,p=!1;if(!c.threadId||c.selectedId!==t){s({navigation:e});return}return i(c.threadId).then(h=>{if(!p){if(f===o.current&&e.read()===c)if(h>=200&&h<300)a(c.threadId);else if(h===403||h===404||h===410)e.rememberThread(t,null);else{s({navigation:e,unresolvedRevision:f});return}s({navigation:e})}}).catch(()=>{p||s({navigation:e,unresolvedRevision:f})}),()=>{p=!0}},[e,t,n,l,o,i,a]),_(()=>{let c=d.current.navigation!==e||d.current.selectedId!==t;d.current={navigation:e,selectedId:t},!(!e||l?.navigation!==e||c)&&(l.unresolvedRevision===o.current&&!r||e.rememberThread(t,r))},[e,t,r,l,o])}var my=yu(()=>import("./ParticipantRuntime-U4YOVIGA.mjs")),gy=yu(()=>import("./PreviewRuntime-JAZLAGQE.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 Hc()?null:a?u("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{mm(a,t)}catch(l){return u("p",{role:"alert","data-devtools":"participant-error",children:l.message})}return Hc()?a?u(vu,{fallback:null,children:u(gy,{config:a,adapters:n})}):null:a?u(vu,{fallback:null,children:u(my,{config:a,children:Sg(e,{bridgeUrl:a.url,projectId:a.projectId})},a.projectId)}):e}function vy(e,t,n,r){let o=B(e);o.current=e;let[i,a]=L([]),l=B(null),[s,d]=L(null),[c,f]=L(null),p=i.filter(x=>x.scope===e),h=x=>a(S=>S.filter(P=>P.id!==x)),y=(x,S)=>{let P=Symbol(x);f(null);let M=t(x).then(()=>!0,()=>(o.current===e&&(S(),f({scope:e,message:"Could not dismiss thread. Please try again."})),h(P),!1));a(I=>[...I.filter(N=>N.scope===e),{id:P,threadId:x,rollback:S,saved:M,scope:e,undoHead:r}])},m=async()=>{let x=p.at(-1);if(!(!x||l.current===e)){l.current=e,d(e),f(null);try{if(!await x.saved||o.current!==e||(await n(x.threadId),o.current!==e))return;x.rollback(),h(x.id)}catch{o.current===e&&f({scope:e,message:"Could not restore thread. Try Undo again."})}finally{l.current===e&&(l.current=null,d(null))}}};return{dismiss:y,undo:m,tryUndo:()=>{let x=p.at(-1);return!x||x.undoHead!==r?!1:(m(),!0)},busy:s===e,count:p.length,error:c?.scope===e?c.message:null}}function by({enabled:e,active:t,configuration:n=!0,adapters:r}){let[o,i]=L(!1),[a,l]=L(null),s=Se(()=>gm(),[]),{recognition:d,selector:c,root:f,observe:p,store:h,imageHasher:y,onError:m}=typeof n=="object"?n:{},x=r.some(I=>I.surfaceKind==="image"||I.id==="see:image"),S=e&&n!==!1&&!x,P=t||o,M=P?d:void 0;return _(()=>{e?t&&i(!0):i(!1)},[e,t]),_(()=>{if(!S)return;let I=ym({recognition:M?{cacheKey:M.cacheKey,configurationKey:M.configurationKey,detect:N=>M.detect(N),reconcile:(...N)=>M.reconcile(...N)}:void 0,hydrateOnly:!P,selector:c,root:f,observe:p,store:h??s,imageHasher:y,onError:m});return l(I),()=>{l(null),I.destroy()}},[S,M,P,c,f,p,h,s,y,m]),Se(()=>S&&a?[a,...r]:r,[S,a,r])}function xy({enabled:e,configuration:t=!0,adapters:n}){let[r,o]=L(null),i=Se(()=>vm(),[]),{segmentation:a,tracking:l,selector:s,root:d,observe:c,store:f,onError:p}=typeof t=="object"?t:{},h=n.some(m=>m.surfaceKind==="video"||m.id==="see:video"),y=e&&t!==!1&&!h;return _(()=>{if(!y)return;let m=bm({tracking:l,segmentation:a,selector:s,root:d,observe:c,store:f??i,onError:p});return o(m),()=>{o(null),m.destroy()}},[y,l,a,s,d,c,f,i,p]),Se(()=>y&&r?[r,...n]:n,[y,r,n])}function Wu(e,t){return JSON.stringify([e,t.adapter,t.key])}async function Fu(e,t,n,r){for(let o of t){if(!o.target)continue;let i=Wu(n,o.target);if(!r.has(i))try{r.set(i,await e.captureFeedback(o.target))}catch{r.set(i,null)}}}function wy(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 Sy(e,t,n,r){for(let o of e.annotations){if(!o.target)continue;let i=n.get(Wu(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 Iy(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 ky(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 Bu(e){let t=e.instruction?.trim();return t?e.attachments?.some(n=>n.name?.trim()===t)?null:t:null}function Ey(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 Ty(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 Cy(e){let t=e.annotations.map(o=>{let i=o.interactionEpisode?.steps.length??0;return{kind:"annotation",annotationId:o.id,pathname:o.pathname,text:Bu(o)??Ty(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:Ey(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 Ay(e){let t=e.annotations.flatMap(r=>{let o=Bu(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(`
|
|
7
|
-
|
|
8
|
-
`);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}\`
|
|
9
|
-
${o.map(i=>`- ${i}`).join(`
|
|
10
|
-
`)}`).join(`
|
|
11
|
-
`)}function My(e,t=96){let n=e.replace(/\s+/g," ").trim();return n.length>t?`${n.slice(0,Math.max(0,t-3))}...`:n}function Ry(e,t,n){let r=[],o=(i,a)=>{let l=i.filter(d=>!d.includes("data-pm=")),s=mu(l,a);s.status!=="matched"||r.some(d=>d.element===s.element)||r.push({element:s.element,elementInfo:yn(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 Ly(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=vn(e.element);return n.width>0&&n.height>0&&n.bottom>0&&n.right>0&&n.top<window.innerHeight&&n.left<window.innerWidth}function $y({entry:e,color:t,subjectRegistry:n,hasExistingOverlay:r}){let o=jr(Wi),i=us(),[a,l]=L(null);return _(()=>{if(!o)return;let s=Ry(e,i,n),d=()=>{let p=s.filter(Ly);l(h=>h?.entry===e&&h.pathname===i&&h.targets.length===p.length&&h.targets.every((y,m)=>y===p[m])?h:{entry:e,pathname:i,targets:p})};d();let c=eu(d),f=ju(d);return()=>{c(),f.disconnect()}},[e,i,n,o]),a?.entry!==e||a.pathname!==i?null:u("div",{"data-devtools":"history-target-preview",style:{pointerEvents:"none"},children:a.targets.filter(s=>!r?.(s.element)).map((s,d)=>u(oo,{element:s.element,elementInfo:s.elementInfo,subjectRegistry:n,isSelected:!1,hideFill:!s.subject,color:t},d))})}function jy(){if(typeof window>"u")return null;try{let e=window.localStorage.getItem(vs);return e?JSON.parse(e):null}catch{return null}}function Py({bridgeUrl:e,annotations:t}){let[n,r]=L(jy);_(()=>{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(vs,JSON.stringify(n)):window.localStorage.removeItem(vs)},[n]),_(()=>{let l=n?.attachments?.map(s=>s.id)??[];!e||l.length===0||Jc(e,l).catch(()=>{})},[n?.attachments,e]);let o=J(l=>{!e||!l?.length||Promise.all(l.map(s=>As(e,s.id).catch(()=>{})))},[e]),i=J(async l=>{if(!n||n.domEdit)return;let s=Vh(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 f=n.groupId?t.find(h=>h.groupId===n.groupId&&h.type!=="text")?.id??n.id:n.id,p=await Wm(e,f,s);r(h=>h?.id===n.id?{...h,attachments:[...h.attachments??[],p]}:h)}catch(f){console.error("[Popmelt] Failed to stage pasted attachment:",f)}return}let d=l.clipboardData.items,c=[];for(let f=0;f<d.length;f+=1){let p=d[f];if(!p.type.startsWith("image/"))continue;let h=p.getAsFile();h&&c.push(h)}c.length!==0&&(l.preventDefault(),r(f=>f?{...f,images:[...f.images??[],...c]}:null))},[n,t,e]),a=J(l=>{r(s=>s&&{...s,attachments:s.attachments?.filter(d=>d.id!==l)}),e&&As(e,l).catch(()=>{})},[e]);return{activeText:n,setActiveText:r,handleTextPaste:i,removeActiveTextAttachment:a,releaseActiveTextAttachments:o}}function zy({annotations:e,isCreatingAnnotation:t,hoveredTextId:n,badgeHoveredAnnotationId:r,highlightedAnnotationIds:o,cycleFocusedAnnotationIds:i,hoveredElement:a}){let l=Se(()=>{let f=e.filter(m=>(m.status??"pending")==="pending");if(f.length===0&&!t)return null;let p=new Set(f.map(m=>m.id)),h=new Set(f.flatMap(m=>m.groupId?[m.groupId]:[])),y=new Set(f.flatMap(m=>m.threadId?[m.threadId]:[]));for(let m of e)(m.groupId&&h.has(m.groupId)||m.threadId&&y.has(m.threadId))&&p.add(m.id);return p},[e,t]),s=Se(()=>{let f=new Set;if(n&&f.add(n),r&&f.add(r),o?.forEach(p=>f.add(p)),a){for(let p of e)if(p.linkedSelector)try{Ji(a,p.linkedSelector)&&f.add(p.id)}catch{}}return bs(e,f)},[e,n,r,o,a]),d=Se(()=>o?bs(e,o):null,[e,o]),c=Se(()=>i?bs(e,i):null,[e,i]);return{cycleSpotlightAnnotationIds:c,emphasizedAnnotationIds:d??c??l,hoverRestoredAnnotationIds:s,inactiveEmphasisOpacity:d||c?.2:.5,statusSpotlightAnnotationIds:d}}function Dy({activeText:e,activeTextSendHintId:t,annotationNumberById:n,badgeHoveredAnnotationId:r,canvasRef:o,focusedThreadAnnotationId:i,hoveredElement:a,hoveredElementInfo:l,hoveredTextId:s,showHoverElementIdentifier:d,layoutReady:c,layoutRevision:f,pageAnnotations:p,parentPinnedAnnotationIds:h,pendingLinkedText:y,scroll:m,supersededAnnotations:x,textSafeBounds:S}){let P=B(new Map);return Se(()=>{let M=new Set,I=new Map,N=new Map,Z=new Map,E=()=>({hiddenCollidingAnnotationIds:M,nestedCollidingAnnotationCountById:I,nestedCollidingAnnotationIdsById:N,visibleCollisionRepresentativeByAnnotationId:Z});if(!c)return E();let K=o.current?.getContext("2d");if(!K)return E();let O=($,T,Q,re,ee)=>{K.font=`${re}px ${kn}`;let oe=(Q||"Type here...").replace(/\n/g," "),U=ee!==void 0?`${ee}. ${oe}`:oe,fe={x:T.x-m.x,y:T.y-m.y},me=h.has($)?zs:0,X=Math.max(60,Rs(fe.x)-me),Te=au(K,U,X),Ae=K.measureText(Te).width,Ee=lu(fe,re,S,me+Ae+16);return{left:Ee.x-8,top:Ee.y-4,right:Ee.x+me+Ae+8,bottom:Ee.y+re*dr+4}},Y=new Set,q=p.flatMap($=>{if($.type!=="text"||!$.text||!$.points[0]||!$.linkedSelector||x.has($))return[];let T=$.elements?.[0]?.selector,Q=P.current.get($.id),re=Q?.selector===$.linkedSelector&&Q.fallbackSelector===T&&Q.element.isConnected,ee=re?Q.element:nn($.linkedSelector,$.elements);if(!ee)return[];let oe=re?Q.depth:Qh(ee);return P.current.set($.id,{selector:$.linkedSelector,fallbackSelector:T,element:ee,depth:oe}),Y.add($.id),[{id:$.id,annotation:$,element:ee,bounds:O($.id,$.points[0],$.text,$.fontSize||12,n.get($.id)),depth:oe}]});for(let $ of P.current.keys())Y.has($)||P.current.delete($);if(q.length===0)return E();let le=q.map(($,T)=>T),w=$=>{let T=$;for(;le[T]!==T;)T=le[T];for(;le[$]!==$;){let Q=le[$];le[$]=T,$=Q}return T},G=($,T)=>{let Q=w($),re=w(T);Q!==re&&(le[re]=Q)};for(let $=0;$<q.length;$+=1)for(let T=$+1;T<q.length;T+=1){let Q=q[$],re=q[T];xs(Q.element,re.element)&&ws(Q.bounds,re.bounds)&&G($,T)}let z=new Map;q.forEach(($,T)=>{let Q=w(T),re=z.get(Q)??[];re.push($),z.set(Q,re)});for(let $ of z.values())for(let T of $){let Q=new Set,re=$.flatMap(ee=>ee.id===T.id||ee.element===T.element||!T.element.contains(ee.element)||Q.has(ee.element)?[]:(Q.add(ee.element),[ee.id]));re.length>0&&(I.set(T.id,re.length),N.set(T.id,re))}let W=e?.linkedSelector?{id:e.id,element:nn(e.linkedSelector,e.elements),bounds:O(e.id,e.point,e.text,e.fontSize,n.get(e.id))}:y?.linkedSelector?{id:t,element:nn(y.linkedSelector,y.elements),bounds:O(t,y.point,"",12)}:null,R=null;if(a&&d){let $=vn(a),T=22,Q=$.height>=window.innerHeight,re=Q?$.top+8:$.top>=T+Hi?$.top-T-Hi:$.bottom+Hi,ee=Q?$.left+8:$.left,oe=l?Zh(l):a.tagName.toLowerCase();K.font=`12px ${kn}`;let U=Math.min(400,K.measureText(oe).width+16);R={left:ee,top:re,right:ee+U,bottom:re+T}}let j=($,T)=>{$.forEach(Q=>{Q.id!==T&&M.add(Q.id),T&&Z.set(Q.id,T)})};for(let $ of z.values()){if(W?.element&&$.some(ee=>xs(W.element,ee.element)&&ws(W.bounds,ee.bounds))){let ee=new Set,oe=$.flatMap(U=>U.element===W.element||!W.element.contains(U.element)||ee.has(U.element)?[]:(ee.add(U.element),[U.id]));oe.length>0&&(I.set(W.id,oe.length),N.set(W.id,oe)),j($,$.find(U=>U.id===W.id)?.id);continue}let T=[s,r].find(ee=>ee&&$.some(oe=>oe.id===ee)),Q=$.find(ee=>ee.id===T);if(Q){j($,Q.id);continue}if(a){let ee=$.find(oe=>oe.element===a);if(ee){j($,ee.id);continue}if(R&&$.some(oe=>!em(oe.annotation)&&!tm(oe.annotation)&&oe.annotation.status!=="awaiting_review"&&xs(a,oe.element)&&ws(R,oe.bounds))){j($);continue}}let re=[i].find(ee=>ee&&$.some(oe=>oe.id===ee));if(re){j($,re);continue}if($.length>1){let ee=$.reduce((oe,U)=>U.depth<oe.depth||U.depth===oe.depth&&(U.bounds.top<oe.bounds.top||U.bounds.top===oe.bounds.top&&U.annotation.timestamp<oe.annotation.timestamp)?U:oe);j($,ee.id)}}return E()},[e,t,n,r,o,i,a,l,s,d,c,p,h,y,m.x,m.y,x,S,f])}function Ju(e){if(!e.isConnected||!dl(e.ownerDocument))return!1;let t=fu(vn(e),e.ownerDocument);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=gu(n)}return!0}function Hy(e){if(!e)return null;try{return Os(e)}catch{return null}}function qu(e,t){if(e?.isConnected){let r=e;for(;r&&r!==document.documentElement;){if(Ju(r))return{element:r,parentPinned:r!==e};r=gu(r)}}let n=Hy(t);return n&&Ju(n)?{element:n,parentPinned:!0}:null}function Us(e,t,n){return qu(e,n)?.element===t}function Uu(e,t){let n=typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(t):t.replace(/["\\]/g,"\\$&");return`[${e}="${n}"]`}function Oy(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&&!e.linkedSelector?.startsWith("@frame(")&&!t?.selector.startsWith("@frame(")){let o=Os(Uu("data-popmelt-media-id",r));if(o)return o;let i=Os(Uu("data-popmelt-see-id",r));if(i)return i}return hu(e.linkedSelector,t)}var Ny='#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 _y(e,t){return e.size===t.size&&[...e].every(n=>t.has(n))}function Wy({annotations:e,currentPathname:t,dispatch:n,stateRef:r,styleModifications:o,subjectRegistry:i,toolbarRef:a,onTargetResolutionChange:l}){let s=jr(Wi),[d,c]=L(()=>new Set),f=Se(()=>e.filter(h=>h.linkedSelector&&(!h.pathname||h.pathname===t)).map(h=>[h.id,h.linkedSelector,h.text,h.fontSize,h.timestamp,JSON.stringify([h.elements?.[0]?.selector,h.elements?.[0]?.context,h.elements?.[0]?.targetFingerprint,h.elements?.[0]?.dataAttributes,h.elements?.[0]?.sourceElement?.dataAttributes])].join(":")).join("|"),[e,t]),p=Se(()=>o.filter(h=>!h.pathname||h.pathname===t).map(h=>h.selector).sort().join("|"),[t,o]);return _(()=>{if(!s)return;if(!f){c(R=>R.size===0?R:new Set);return}let h=null,y=!1,m=document.createElement("canvas").getContext("2d"),x=null,S=new Map,P=new Map,M=new Map,I=Gh(r.current.annotations.flatMap(R=>[R.linkedSelector,R.elements?.[0]?.selector].filter(j=>!!j))),N=()=>{if(x)return x;let R=r.current.annotations.filter($=>$.linkedSelector&&(!$.pathname||$.pathname===t)),j=new Map;return x=R.flatMap($=>{P.has($.id)||P.set($.id,Oy($));let T=P.get($.id);j.set($.id,T);let Q=qu(T,$.elements?.[0]?.context);return Q?[{annotation:$,spatialAnchor:Q}]:[]}),(j.size!==M.size||[...j].some(([$,T])=>M.get($)!==T))&&(M=j,l?.()),x},Z=()=>{x=null,S.clear()},E=()=>{let R=r.current.styleModifications.filter(fe=>!fe.pathname||fe.pathname===t),j=[],$=N(),T=new Map(r.current.annotations.map(fe=>[fe.id,fe])),Q=new Set($.filter(({spatialAnchor:fe})=>fe.parentPinned).map(({annotation:fe})=>fe.id));c(fe=>_y(fe,Q)?fe:Q);let re=new Map,ee=new Map,oe=new Map;for(let{annotation:fe,spatialAnchor:me}of $){let X=oe.get(me.element)??[];X.push(fe),oe.set(me.element,X)}let U=new Map;for(let fe of oe.values()){fe.sort((Ae,Ee)=>Ae.timestamp-Ee.timestamp);let me=0,X,Te=0;for(let Ae of fe)Ae.timestamp!==X&&(X=Ae.timestamp,Te=me),U.set(Ae.id,Te),me+=1}for(let{annotation:fe,spatialAnchor:me}of $){let X=me.element,Te=re.get(X);Te||(Te=vn(X),re.set(X,Te));let Ae=ee.get(X);Ae===void 0&&(Ae=R.some(Ne=>{if(Ne.captured)return!1;try{return Ji(X,Ne.selector)}catch{return!1}}),ee.set(X,Ae));let Ee=U.get(fe.id)??0,_e=(Ae?1:0)+Ee,D=S.get(fe.id);if(D===void 0&&fe.text&&m){let Ne=fe.fontSize||12;m.font=`${Ne}px ${kn}`,D=Math.max(...fe.text.split(`
|
|
12
|
-
`).map(ge=>m.measureText(ge).width))+(me.parentPinned?zs:0),S.set(fe.id,D)}let ze=Te.top>=22*(1+_e)+Hi?"top-left":"bottom-left",Oe=X===document.body&&hc(fe)?Ic(Te):kc(Te,ze,_e,a?.current,D),Ve=T.get(fe.id),rt=Ve?.points[0],ve=ze!==Ve?.linkedAnchor;rt&&(ve||Math.abs(Oe.x-rt.x)>1||Math.abs(Oe.y-rt.y)>1)&&j.push({id:fe.id,point:Oe,linkedAnchor:ve?ze:void 0})}j.length>0&&n({type:"UPDATE_LINKED_POSITIONS",payload:{updates:j}})},K=()=>{y||h!==null||(h=requestAnimationFrame(()=>{h=null,E()}))};E();let O=()=>{Z(),K()},Y=eu(E);window.addEventListener("resize",O,!0),window.addEventListener("load",O),document.addEventListener("transitionend",O,!0),document.addEventListener("animationend",O,!0),document.fonts.ready.then(O);let q=i?.subscribeFrame(E),le=new Set,w=()=>{for(let R of vg())!(R instanceof ShadowRoot)||le.has(R)||(le.add(R),G.observe(R,z))},G=new MutationObserver(R=>{let j=R.filter($=>{let T=$.target,Q=T instanceof Element?T:T.parentElement;return!Q||!ka(Q,Ny)});j.some($=>$.addedNodes.length)&&w(),j.some(I.changesIdentity)&&P.clear(),j.length&&O()}),z={attributes:!0,childList:!0,characterData:!0,subtree:!0,attributeFilter:I.attributes};G.observe(document.body,z),w();let W=f.includes("@frame(")?tu(()=>{P.clear(),Z(),E()}):void 0;return()=>{y=!0,W?.(),Y(),window.removeEventListener("resize",O,!0),window.removeEventListener("load",O),document.removeEventListener("transitionend",O,!0),document.removeEventListener("animationend",O,!0),G.disconnect(),q?.(),h&&cancelAnimationFrame(h)}},[s,t,n,f,p,r,i,a,l]),d}function Fy(){let e=B({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 By({annotations:e,annotationIds:t,badgeHoveredAnnotationId:n,hoveredTextId:r}){let o=Se(()=>{let d=new Map;for(let c of e){if(!t.has(c.id))continue;let f=fg(c.elements);f&&d.set(c.id,f)}return d},[e,t]),i=[n,r].find(d=>d&&o.has(d))??null,[a,l]=L(null);_(()=>{if(l(null),!i)return;let d=window.setTimeout(()=>{l(i)},500);return()=>window.clearTimeout(d)},[i]);let s=J(async d=>{let c=await hg(d.linkedSelector,d.elements);if(!c)return;let f=vn(c);(f.bottom<0||f.top>window.innerHeight)&&c.scrollIntoView({behavior:"smooth",block:"center"})},[]);return{locationLabels:o,tooltipAnnotationId:a,revealAnnotation:s}}function Jy({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 Ji(n,s.linkedSelector)}catch{return!1}});l&&a(l.id)},[n,o]),{sendHintAnchorId:i,setSendHintAnchorId:a}}function qy(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(d=>d?{...d,fontSize:Math.max(12,Math.min(72,d.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,d=a.deltaY>0?-2:2;o({type:"UPDATE_TEXT_SIZE",payload:{id:n,fontSize:s+d}})}};return window.addEventListener("wheel",i,{passive:!1}),()=>{window.removeEventListener("wheel",i)}},[n,e,r,o,t])}var Uy=86,Yy=36,Ky=2;function Xy({nestedAnnotationCount:e,interactionEpisodeStepCount:t,reserveSendHint:n,imageCount:r=0}){let o=+(r>0)+ +(t>0)+ +(e>0)+Number(n);return o===0?0:mc(r)+(r>0?4:0)+(e>0?Yy:0)+Vc(t)+(n?Uy:0)+Math.max(0,o-1)*Ky}function Vy({rawLeft:e,width:t,top:n,scroll:r,collisionId:o,nestedAnnotationCount:i,nestedAnnotationIds:a,nestedBadgeColor:l,interactionEpisodeStepCount:s,imageCount:d=0,color:c="#f50",showSendHint:f,bundleCount:p,onHoverNestedAnnotations:h,onHoverSendHint:y,onClearInteractionEpisode:m,onSend:x}){return i===0&&s===0&&d===0&&!f?null:u(Xm,{"data-popmelt-active-annotation-surface":"true",left:e+t+r.x+2-ru,top:n+r.y-ru,scrollX:r.x,scrollY:r.y,onContextMenu:S=>{S.preventDefault(),S.stopPropagation()},style:{pointerEvents:"auto",zIndex:10002},children:A("div",{style:{display:"flex",alignItems:"center",gap:2},children:[u(nu,{stepCount:s,onClear:m}),i>0&&o&&u(Vm,{count:i,color:l,onHoverChange:S=>h(o,S?a:null)}),A("div",{style:{display:"flex",alignItems:"center",isolation:"isolate",marginLeft:d>0?4:0},children:[u(am,{imageCount:d,color:c}),f&&u(Gm,{layered:d>0,bundleCount:Math.max(1,p),onHoverChange:y,onSend:x})]})]})})}function Gy({value:e,fontSize:t,prefix:n,inputRef:r,inputStyle:o,selectionBackground:i,selectionColor:a,annotationBorderRadius:l,activeColor:s,boundaryRects:d,viewportClip:c,wrapsDomText:f,showEditor:p,rawLeft:h,top:y,baselineOffset:m,onChange:x,onKeyDown:S,onPaste:P,onBlur:M}){let I=d!==void 0;return A("div",{"data-devtools":"text-editor-layer",style:c?{position:"fixed",inset:0,pointerEvents:"none",zIndex:10002,clipPath:`inset(${c.top}px ${Math.max(0,window.innerWidth-c.left-c.width)}px ${Math.max(0,window.innerHeight-c.top-c.height)}px ${c.left}px)`}:{display:"contents"},children:[u("style",{children:`
|
|
13
|
-
#devtools-text-input::placeholder { color: rgba(255, 255, 255, 0.5); }
|
|
14
|
-
#devtools-text-input::selection {
|
|
15
|
-
background: ${i};
|
|
16
|
-
color: ${a};
|
|
17
|
-
}
|
|
18
|
-
@keyframes popmeltAnnotationFieldEnter {
|
|
19
|
-
from { border-radius: 8px; }
|
|
20
|
-
to { border-radius: ${l}; }
|
|
21
|
-
}
|
|
22
|
-
@media (prefers-reduced-motion: reduce) {
|
|
23
|
-
#devtools-text-input { animation: none !important; }
|
|
24
|
-
}
|
|
25
|
-
`}),d?.map((N,Z)=>u("div",{"data-devtools":"text-edit-active-boundary",style:{position:"fixed",left:N.left,top:N.top,width:N.width,height:N.height,pointerEvents:"none",zIndex:10002,border:`1px solid ${s}`,backgroundColor:il(s,.08),boxSizing:"border-box"}},`${N.left}:${N.top}:${Z}`)),p&&u("textarea",{id:"devtools-text-input","data-popmelt-active-annotation-surface":I?void 0:"true",ref:r,value:e,onChange:x,onKeyDown:S,onPaste:P,onBlur:M,placeholder:"Type here...",wrap:I?f?"soft":"off":void 0,spellCheck:!1,style:{...o,pointerEvents:"auto"}}),p&&!I&&n&&u("span",{"aria-hidden":!0,"data-devtools":"annotation-number",style:{position:"fixed",left:h+8,top:y+4+m,zIndex:10002,pointerEvents:"none",color:"#ffffff",fontFamily:kn,fontSize:t,lineHeight:`${t*dr}px`,whiteSpace:"pre"},children:n})]})}function Qy({anchor:e,insetTopLeft:t=!1,width:n,height:r,value:o,fontSize:i,prefix:a,inputRef:l,inputStyle:s,onChange:d,onKeyDown:c,onPaste:f,onBlur:p,onContextMenu:h}){return A("div",{"data-popmelt-active-annotation-surface":"true",onContextMenu:h,style:{position:"relative",width:n,height:r,flex:`0 0 ${n}px`},children:[u("textarea",{id:"devtools-text-input","data-popmelt-active-annotation-surface":"true",ref:l,value:o,onChange:d,onKeyDown:c,onPaste:f,onBlur:p,onClick:y=>y.stopPropagation(),placeholder:"Type here...",spellCheck:!1,style:{...s,position:"relative",left:0,top:0,zIndex:0,paddingTop:4,paddingBottom:4,borderRadius:t?Sa("bottom-left"):Sa(e),animation:void 0}}),a&&u("span",{"aria-hidden":!0,"data-devtools":"annotation-number",style:{position:"absolute",left:8,top:4,zIndex:1,pointerEvents:"none",color:"#ffffff",fontFamily:kn,fontSize:i,fontWeight:600,lineHeight:`${i*dr}px`,whiteSpace:"pre"},children:a})]})}function Zy(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 ev({element:e,annotationRect:t,subjectAnchor:n,color:r,subjectRegistry:o}){let i=B(null);return _(()=>{let a=i.current;if(!a)return;let l=a.querySelector("line"),s=a.querySelector("circle");if(!l||!s)return;let d=()=>{let p=Zy(t,n,vn(e));a.style.display=p.visible?"":"none",l.setAttribute("x1",String(p.annotation.x)),l.setAttribute("y1",String(p.annotation.y)),l.setAttribute("x2",String(p.subject.x)),l.setAttribute("y2",String(p.subject.y)),s.setAttribute("cx",String(p.subject.x)),s.setAttribute("cy",String(p.subject.y))};d();let c=o?.subscribeFrame(d),f=o?null:new MutationObserver(d);return f?.observe(e,{attributes:!0,attributeFilter:["style"]}),window.addEventListener("resize",d),()=>{c?.(),f?.disconnect(),window.removeEventListener("resize",d)}},[t,e,n,o]),u("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:A("g",{ref:i,children:[u("line",{stroke:r,strokeWidth:"1",strokeDasharray:"2 3",strokeLinecap:"round",opacity:"0.72"}),u("circle",{"data-popmelt-subject-draft-point":"",r:"3",fill:r,stroke:"#ffffff",strokeWidth:"1",opacity:"0.85"})]})})}var Yu=160;function tv({color:e,cursorRef:t,tool:n,onHandoff:r,onDone:o}){let i=B(null),a=B(r);a.current=r,Et(()=>{let s=i.current;if(!s)return;let d=(p,h)=>{s.style.left=`${p-4}px`,s.style.top=`${h-4}px`},c=t.current;c&&d(c.x,c.y);let f=p=>d(p.clientX,p.clientY);return window.addEventListener("pointermove",f,{capture:!0}),()=>window.removeEventListener("pointermove",f,{capture:!0})},[t]),_(()=>{let s=window.setTimeout(()=>a.current(),Yu*.75);return()=>window.clearTimeout(s)},[]);let l=n==="inspector";return A("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 ${Yu}ms ease-in-out both`,filter:`drop-shadow(0 .5px .35px rgba(0,0,0,.22)) drop-shadow(0 .75px .65px ${il(e,.42)}) drop-shadow(0 1.25px 1.1px ${il(e,.24)})`},children:[u("svg",{width:"24",height:"24",viewBox:"-3 -3 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{overflow:"visible"},children:l?u("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"}):u("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"})}),u("style",{children:`
|
|
26
|
-
@keyframes popmeltCursorSwitchPulse {
|
|
27
|
-
0%, 100% { transform: scale(1); }
|
|
28
|
-
50% { transform: scale(1.5); }
|
|
29
|
-
0%, 75% { opacity: 1; }
|
|
30
|
-
100% { opacity: 0; }
|
|
31
|
-
}
|
|
32
|
-
`})]})}function xl(e,t){let n=({x:r,y:o})=>{let i=Hs({left:r,top:o,width:0,height:0},t);return{x:i.left,y:i.top}};return{topLeft:n(e.topLeft),topRight:n(e.topRight),bottomRight:n(e.bottomRight),bottomLeft:n(e.bottomLeft)}}var wl=28,Ku=12,nv=8,Xu=["transition","transform","translate","rotate","scale"];function ui(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 Sl={a:1,b:0,c:0,d:1,e:0,f:0};function Po(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{...Sl,e,f:t}}function Vu(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 Gu(e,t){return{a:e,b:0,c:0,d:t,e:0,f:0}}function Il(e,t){if(!e)return 0;let n=Number.parseFloat(e);return Number.isFinite(n)?e.endsWith("%")?n/100*t:n:0}function kl(e){if(!e)return 1;let t=Number.parseFloat(e);return Number.isFinite(t)?e.endsWith("%")?t/100:t:1}function Qu(e){if(!e||e==="none")return Sl;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,d]=r;return{a:o,b:i,c:a,d:l,e:s,f:d}}}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 Sl}function Ks(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 rv(e){let t=getComputedStyle(e),n=t.rotate.trim().split(/\s+/).at(-1)??"0",r=Vu(Number.parseFloat(n)||0),[o="1",i=o]=t.scale.trim().split(/\s+/),a=Gu(kl(o),kl(i)),l=Qu(t.transform);return{...Po(r,Po(a,l)),e:0,f:0}}function ov(e){let t=Sl,n=e.parentElement;for(;n;)$r(n)&&(t=Po(rv(n),t)),n=n.parentElement;return t}function iv(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 av(e,t){let{width:n,height:r}=ep(e,t);if(n<=0||r<=0)return t;let o=ov(e),i=Ks(o,{x:n,y:0}),a=Ks(o,{x:0,y:r}),l=Aa(t);return iv(l,i,a)}function Xi(e,t){let[n]=e.getBoxQuads?.({box:"border"})??[];if(n)return ui(e);let r=getComputedStyle(e),{width:o,height:i}=ep(e,t);if(o<=0||i<=0)return ui(e);let[a="0",l="0"]=r.translate.trim().split(/\s+/),s=Ys(Il(a,o),Il(l,i)),d=r.rotate.trim().split(/\s+/).at(-1)??"0",c=Vu(Number.parseFloat(d)||0),[f="1",p=f]=r.scale.trim().split(/\s+/),h=Gu(kl(f),kl(p)),y=Qu(r.transform),[m="50%",x="50%"]=r.transformOrigin.trim().split(/\s+/),S={x:Il(m,o),y:Il(x,i)},P=Po(Ys(S.x,S.y),Po(c,Po(h,Po(y,Ys(-S.x,-S.y))))),M=Po(s,P),I={x:(t.topRight.x-t.topLeft.x)/o,y:(t.topRight.y-t.topLeft.y)/o},N={x:(t.bottomLeft.x-t.topLeft.x)/i,y:(t.bottomLeft.y-t.topLeft.y)/i},Z=E=>{let K=Ks(M,E);return{x:t.topLeft.x+I.x*K.x+N.x*K.y,y:t.topLeft.y+I.y*K.x+N.y*K.y}};return{topLeft:Z({x:0,y:0}),topRight:Z({x:o,y:0}),bottomRight:Z({x:o,y:i}),bottomLeft:Z({x:0,y:i})}}function Ca(e){let t=Xu.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 Xu)o!=="transition"&&e.style.setProperty(o,"none","important");let[n]=e.getBoxQuads?.({box:"border"})??[],r=ui(e);return n?r:av(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 lv(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 El(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 Zu(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:El(n.borderTopLeftRadius,r,o),topRight:El(n.borderTopRightRadius,r,o),bottomRight:El(n.borderBottomRightRadius,r,o),bottomLeft:El(n.borderBottomLeftRadius,r,o)}}function Xs(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 ep(e,t){let n=Xs(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 Tl(e,t,n){let r=Xs(t),o=Xs(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 sv(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 tp(e){let t=getComputedStyle(e);return t.backgroundImage&&t.backgroundImage!=="none"?!1:sv(t.backgroundColor)>=.999}function Vi(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 np(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 rp(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 op(e,t){let n=["topLeft","topRight","bottomRight","bottomLeft"],r=rp(t),o=np(e,t),i=1-Math.SQRT1_2;return Object.fromEntries(n.map((a,l)=>{let s=e[a],d=e[n[(l+n.length-1)%n.length]],c=e[n[(l+1)%n.length]],[f,p]=r[a],h=Vi(s,d,f*o*i),y=Vi(s,c,p*o*i);return[a,{x:h.x+y.x-s.x,y:h.y+y.y-s.y}]}))}function Vs(e,t){let n=.5522847498,r=["topLeft","topRight","bottomRight","bottomLeft"],o=rp(t),i=np(e,t),a=r.map((d,c)=>{let f=e[d],p=r[(c+r.length-1)%r.length],h=r[(c+1)%r.length],y=e[p],m=e[h],[x,S]=o[d],P=x*i,M=S*i,I=Vi(f,y,P),N=Vi(f,m,M);return{entry:I,exit:N,entryControl:Vi(I,f,P*n),exitControl:Vi(N,f,M*n)}}),l=a[0],s=[`M ${l.exit.x} ${l.exit.y}`];for(let d=1;d<=a.length;d+=1){let c=a[d%a.length];s.push(`L ${c.entry.x} ${c.entry.y}`),s.push(`C ${c.entryControl.x} ${c.entryControl.y} ${c.exitControl.x} ${c.exitControl.y} ${c.exit.x} ${c.exit.y}`)}return s.push("Z"),s.join(" ")}function Aa(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 Gi(e,t=wl,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 ip(e,t){let n=Gi(e);return n.handle.y>=t/2?{...n,side:"top"}:{...Gi(e,wl,"bottom"),side:"bottom"}}function Cl(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 dv=["top","right","bottom","left"];function cv(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=dv.map(c=>({...Gi(e,wl,c),side:c,distance:Cl(t,c==="top"?e.topLeft:c==="right"?e.topRight:c==="bottom"?e.bottomRight:e.bottomLeft,c==="top"?e.topRight:c==="right"?e.bottomRight:c==="bottom"?e.bottomLeft:e.topLeft)})),i=r.viewport?o.filter(({handle:c})=>cv(c,n,r.viewport)):o,a=i.length>0?i:o,l=a.reduce((c,f)=>f.distance<c.distance?f:c),s=r.currentSide?a.find(({side:c})=>c===r.currentSide):void 0,d=s&&s.distance<=l.distance+(r.hysteresis??8)?s:l;return{edge:d.edge,handle:d.handle,side:d.side}}function uv(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 d=o[s],c=o[(s+1)%o.length],f=(c.x-d.x)*(r.y-d.y)-(c.y-d.y)*(r.x-d.x);if(f>l&&(i=!0),f<-l&&(a=!0),i&&a)return!1}return!0}function pv(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,d])=>Cl(o,s,d)<=Ku/2))return!0;let l=Gs(e,o,r);return Cl(o,l.edge,l.handle)<=r/2}function fv(e,t,n,r){let o={x:t,y:n},i=Gs(e,o,r);return Cl(o,i.edge,i.handle)<=r*1.5}function ap(e){let t=Math.max(1,Math.hypot(e.x,e.y));return{x:e.x/t,y:e.y/t}}function hv(e,t){let n=Aa(e);return ap({x:e[t].x-n.x,y:e[t].y-n.y})}function mv(e,t){let n=Aa(e),{handle:r}=Gi(e,wl,t),o=ap({x:r.x-n.x,y:r.y-n.y});return{x:-o.y,y:o.x}}function gv(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=nv){return Math.hypot(t.x-e.x,t.y-e.y)<=n}function lp(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 sp=Math.SQRT1_2;function dp(e,t){return ci(e,t).filter(n=>typeof n=="number")}function Al(e,t,n){return dp(e,t).reduce((r,o)=>Math.abs(Number.parseFloat(Oi(e,o,t))-n)<Math.abs(Number.parseFloat(Oi(e,r,t))-n)?o:r)}function ao(e,t){let n=dp("transform",e),r=o=>e==="translate"?Number.parseFloat(Oi("transform",o,e)):o;return n.reduce((o,i)=>Math.abs(r(i)-t)<Math.abs(r(o)-t)?i:o)}function vv(e,t){if(t==="translate")return ao(t,lp(e).x);if(t==="scale"){let r=Number.parseFloat(e);return ao(t,Number.isFinite(r)?r*100:100)}let n=Number.parseFloat(e);return ao(t,Number.isFinite(n)?n:0)}function bv(e,t){let n=window.getComputedStyle(e).getPropertyValue(t).trim();return vv(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*sp,y:n*sp}}function xv(e,t,n){return e*n.x+t*n.y}function cp(e,t){let n=Math.max(1,t);return(e%n+n)%n}function wv(e,t,n){return{cursor:{x:cp(e.cursor.x+t.x,n.width),y:cp(e.cursor.y+t.y,n.height)},deltaX:e.deltaX+t.x,deltaY:e.deltaY+t.y}}function Sv(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],d=a.endsWith("left")?0:e,c=a.startsWith("top")?0:t;return{x:d+l.x*s,y:c+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 Iv(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"],up=14;function pp({element:e,radius:t,accentColor:n,hoveredCorner:r,draggingCorner:o,cursorViewport:i,onHandlePointerDown:a}){let[l,s]=L(null),d=t["top-left"],c=t["top-right"],f=t["bottom-right"],p=t["bottom-left"];if(_(()=>{if(!e){s(null);return}let I=()=>{s(e.getBoundingClientRect())};return I(),window.addEventListener("scroll",I,{passive:!0}),window.addEventListener("resize",I,{passive:!0}),()=>{window.removeEventListener("scroll",I),window.removeEventListener("resize",I)}},[e]),Et(()=>{e&&s(e.getBoundingClientRect())},[e,d,c,f,p]),!l)return null;let h=l.width,y=l.height;if(!Sv(h,y,t,up,20))return null;let m=Iv(n,.2),x={"top-left":{x:0,y:0},"top-right":{x:h,y:0},"bottom-right":{x:h,y},"bottom-left":{x:0,y}},S=Object.fromEntries(td.map(I=>{let N=ed(I),Z=up+t[I],E=x[I];return[I,{x:E.x+N.x*Z,y:E.y+N.y*Z}]})),P=o??r,M={position:"fixed",top:l.top,left:l.left,width:h,height:y,pointerEvents:"none",zIndex:a?9999:9996,overflow:"visible"};return A("div",{"data-devtools":"border-radius-handles","data-popmelt-steer-overlay":!0,style:M,children:[A("svg",{style:{position:"absolute",inset:0,width:"100%",height:"100%",overflow:"visible",pointerEvents:"none"},viewBox:`0 0 ${h} ${y}`,children:[u("rect",{x:"0.5",y:"0.5",width:Math.max(0,h-1),height:Math.max(0,y-1),fill:"none",stroke:m,strokeWidth:"1"}),td.map(I=>{let N=S[I];return u("circle",{cx:N.x,cy:N.y,r:I===P?4:3,fill:n,stroke:"#ffffff",strokeWidth:2},I)}),a&&td.map(I=>{let N=S[I],Z=x[I],E=I==="top-left"||I==="bottom-right"?"nwse-resize":"nesw-resize";return A("g",{children:[u("line",{"data-radius-handle-access":I,x1:Z.x,y1:Z.y,x2:N.x,y2:N.y,stroke:"transparent",strokeWidth:20,strokeLinecap:"round",style:{pointerEvents:"stroke",cursor:E},onPointerDown:K=>a(I,K)}),u("circle",{cx:N.x,cy:N.y,r:20/2,fill:"transparent",style:{pointerEvents:"all",cursor:E},onPointerDown:K=>a(I,K)})]},`hit-${I}`)})]}),i&&P&&(()=>{let I=Math.round(t[P]);return u("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:I})})()]})}function fp({centerX:e,centerY:t,orientation:n,accentColor:r,...o}){let i=n==="horizontal"?10:6,a=n==="horizontal"?6:10;return u("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 hp({element:e,gap:t,accentColor:n,hoveredAxis:r,draggingAxis:o,cursorViewport:i,isAutoGap:a=!1,refreshKey:l=0,onHandlePointerDown:s}){let[d,c]=L(null),[f,p]=L([]),[h,y]=L(!1);if(_(()=>{let E=Y=>{(Y.key==="Meta"||Y.key==="Control")&&y(!0)},K=Y=>{(Y.key==="Meta"||Y.key==="Control")&&y(!1)},O=()=>y(!1);return window.addEventListener("keydown",E,!0),window.addEventListener("keyup",K,!0),window.addEventListener("blur",O),()=>{window.removeEventListener("keydown",E,!0),window.removeEventListener("keyup",K,!0),window.removeEventListener("blur",O)}},[]),_(()=>{if(!e){c(null),p([]);return}let E=()=>{c(e.getBoundingClientRect()),p(ll(e))};return E(),window.addEventListener("scroll",E,{passive:!0}),window.addEventListener("resize",E,{passive:!0}),()=>{window.removeEventListener("scroll",E),window.removeEventListener("resize",E)}},[e]),Et(()=>{e&&(c(e.getBoundingClientRect()),p(ll(e)))},[e,t.row,t.column,l]),!d||f.length===0)return null;let m=d.width,x=d.height,S="pm-gap-stripe-pattern",P=nd(n,.25),M=nd(n,.1),I=nd(n,.2),N={position:"fixed",top:d.top,left:d.left,width:m,height:x,pointerEvents:"none",zIndex:s?9999:9996,overflow:"visible"},Z=o??r;return A("div",{"data-devtools":"gap-handles","data-popmelt-steer-overlay":!0,style:N,children:[A("svg",{style:{position:"absolute",inset:0,width:"100%",height:"100%",overflow:"visible",pointerEvents:"none"},viewBox:`0 0 ${m} ${x}`,children:[u("defs",{children:u("pattern",{id:S,patternUnits:"userSpaceOnUse",width:"4",height:"4",patternTransform:"rotate(45)",children:u("line",{x1:"0",y1:"0",x2:"0",y2:"4",stroke:P,strokeWidth:"1.5"})})}),u("rect",{x:"0.5",y:"0.5",width:Math.max(0,m-1),height:Math.max(0,x-1),fill:"none",stroke:I,strokeWidth:"1"}),f.map((E,K)=>{let O=E.x-d.left,Y=E.y-d.top,q=E.w,le=E.h,w=h?E.axis===Z:!0;return(E.axis==="row"?t.row:t.column)===0?null:A("g",{opacity:w?1:.6,children:[u("rect",{x:O,y:Y,width:q,height:le,fill:M}),u("rect",{x:O,y:Y,width:q,height:le,fill:`url(#${S})`})]},K)}),f.map((E,K)=>{let O=E.x-d.left+E.w/2,Y=E.y-d.top+E.h/2;return a?u("circle",{"data-gap-handle":E.axis,cx:O,cy:Y,r:3,fill:n,stroke:"#ffffff",strokeWidth:2},`gap-handle-${K}`):u(fp,{"data-gap-handle":E.axis,centerX:O,centerY:Y,orientation:E.axis==="column"?"vertical":"horizontal",accentColor:n},`gap-handle-${K}`)}),s&&f.map((E,K)=>{let O=E.x-d.left+E.w/2,Y=E.y-d.top+E.h/2,q=Math.max(E.w,20),le=Math.max(E.h,20);return u("rect",{x:O-q/2,y:Y-le/2,width:q,height:le,fill:"transparent",style:{pointerEvents:"all",cursor:E.axis==="row"?"ns-resize":"ew-resize"},onPointerDown:w=>s(E.axis,w)},`gap-hit-${K}`)})]}),i&&Z&&(()=>{let E=a?"auto":String(Math.round(Z==="row"?t.row:t.column));return u("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:E})})()]})}var kv=new Set(["CANVAS","EMBED","IFRAME","IMG","INPUT","OBJECT","VIDEO"]),Ev=["top","bottom"],Tv=["left","right"];function Cv({isHtmlElement:e,tagName:t,display:n,writingMode:r}){return!e||n!=="inline"||kv.has(t)?[]:r.startsWith("horizontal")?Ev:Tv}function Av(e,t=window.getComputedStyle(e)){return Cv({isHtmlElement:e instanceof HTMLElement,tagName:e.tagName,display:t.display,writingMode:t.writingMode})}function Qi(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 Mv={top:"bottom",bottom:"top",left:"right",right:"left"},Ma="#808080";function mp({element:e,padding:t,mode:n="padding",accentColor:r,hoveredSide:o,draggingSide:i,activeSides:a,cursorViewport:l,refreshKey:s,onHandlePointerDown:d}){let[c,f]=L(null),[p,h]=L(!1);if(_(()=>{let X=Ee=>{(Ee.key==="Alt"||Ee.key==="Control")&&h(!0)},Te=Ee=>{(Ee.key==="Alt"||Ee.key==="Control")&&h(!1)},Ae=()=>h(!1);return window.addEventListener("keydown",X,!0),window.addEventListener("keyup",Te,!0),window.addEventListener("blur",Ae),()=>{window.removeEventListener("keydown",X,!0),window.removeEventListener("keyup",Te,!0),window.removeEventListener("blur",Ae)}},[]),_(()=>{if(!e){f(null);return}let X=()=>{f(e.getBoundingClientRect())};return X(),window.addEventListener("scroll",X,{passive:!0}),window.addEventListener("resize",X,{passive:!0}),()=>{window.removeEventListener("scroll",X),window.removeEventListener("resize",X)}},[e]),Et(()=>{e&&f(e.getBoundingClientRect())},[e,t.top,t.right,t.bottom,t.left,s]),!c)return null;let y=c.width,m=c.height,{top:x,right:S,bottom:P,left:M}=t,I=Math.max(0,x),N=Math.max(0,S),Z=Math.max(0,P),E=Math.max(0,M),K=n==="margin",O=K?y+E+N:y,Y=K?m+I+Z:m,q=K?E:0,le=K?I:0,w=K?"pm-dot-pattern":"pm-stripe-pattern",G=Qi(r,.25),z=Qi(r,.1),W=Qi(r,.2),R=Qi(Ma,.55),j=Qi(Ma,.18),$=Qi(Ma,.9),T=new Set(K?[]:Av(e)),Q=T.size>0,re="pm-neutral-stripe-pattern",ee={position:"fixed",top:c.top-(K?I:0),left:c.left-(K?E:0),width:O,height:Y,pointerEvents:"none",zIndex:d?9999:9996,overflow:"visible"},oe=["top","right","bottom","left"],U={top:`0,0 ${O},0 ${O-N},${I} ${E},${I}`,right:`${O},0 ${O},${Y} ${O-N},${Y-Z} ${O-N},${I}`,bottom:`0,${Y} ${E},${Y-Z} ${O-N},${Y-Z} ${O},${Y}`,left:`0,0 ${E},${I} ${E},${Y-Z} 0,${Y}`},fe={top:{x:O/2,y:I/2,orientation:"horizontal"},bottom:{x:O/2,y:Y-Z/2,orientation:"horizontal"},left:{x:E/2,y:Y/2,orientation:"vertical"},right:{x:O-N/2,y:Y/2,orientation:"vertical"}},me=new Set(a);return i?me.add(i):o&&(me.add(o),p||me.add(Mv[o])),A("div",{"data-devtools":"padding-handles","data-popmelt-steer-overlay":!0,style:ee,children:[A("svg",{style:{position:"absolute",inset:0,width:"100%",height:"100%",overflow:"visible",pointerEvents:"none"},viewBox:`0 0 ${O} ${Y}`,children:[A("defs",{children:[K?u("pattern",{id:w,patternUnits:"userSpaceOnUse",width:"4",height:"4",children:u("circle",{cx:"1",cy:"1",r:"0.65",fill:G})}):u("pattern",{id:w,patternUnits:"userSpaceOnUse",width:"4",height:"4",patternTransform:"rotate(45)",children:u("line",{x1:"0",y1:"0",x2:"0",y2:"4",stroke:G,strokeWidth:"1.5"})}),Q&&u("pattern",{id:re,patternUnits:"userSpaceOnUse",width:"4",height:"4",patternTransform:"rotate(45)",children:u("line",{x1:"0",y1:"0",x2:"0",y2:"4",stroke:R,strokeWidth:"1.5"})})]}),u("rect",{x:q+.5,y:le+.5,width:Math.max(0,y-1),height:Math.max(0,m-1),fill:"none",stroke:W,strokeWidth:"1"}),oe.map(X=>{if(t[X]<=0)return null;let Te=me.has(X),Ae=T.has(X);return A("g",{"data-padding-flow":Ae?"paint-only":"layout",opacity:Te?1:.6,children:[u("polygon",{points:U[X],fill:Ae?j:z}),u("polygon",{points:U[X],fill:`url(#${Ae?re:w})`})]},X)}),T.has("top")&&I>0&&u("line",{x1:E,y1:I,x2:O-N,y2:I,stroke:$,strokeWidth:"1"}),T.has("bottom")&&Z>0&&u("line",{x1:E,y1:Y-Z,x2:O-N,y2:Y-Z,stroke:$,strokeWidth:"1"}),T.has("left")&&E>0&&u("line",{x1:E,y1:I,x2:E,y2:Y-Z,stroke:$,strokeWidth:"1"}),T.has("right")&&N>0&&u("line",{x1:O-N,y1:I,x2:O-N,y2:Y-Z,stroke:$,strokeWidth:"1"}),oe.map(X=>{let Te=fe[X];return u(fp,{centerX:Te.x,centerY:Te.y,orientation:Te.orientation,accentColor:T.has(X)?Ma:r,"data-padding-flow":T.has(X)?"paint-only":"layout"},`handle-${X}`)}),d&&oe.map(X=>{let Te=fe[X],Ae=20;return u("rect",{x:Te.x-Ae/2,y:Te.y-Ae/2,width:Ae,height:Ae,fill:"transparent",style:{pointerEvents:"all",cursor:"grab"},onPointerDown:Ee=>d(X,Ee)},`hit-${X}`)})]}),l&&(o||i)&&(()=>{let X=i??o,Te=Math.round(t[X]),Ae=T.has(X);return A("div",{style:{position:"fixed",left:l.x+8,top:l.y-28,background:Ae?Ma: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:[Te,Ae?" \xB7 paint only":""]})})()]})}var rd=["flex-start","center","flex-end"],od=["flex-start","center","flex-end"];function Rv(e){return e==="normal"||e==="flex-start"||e==="start"?"flex-start":e==="flex-end"||e==="end"?"flex-end":e==="center"?"center":null}function Lv(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 gp(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 $v({element:e,modifier:t,accentColor:n,refreshKey:r=0}){let[o,i]=L(null);if(_(()=>{if(!e){i(null);return}let m=()=>i(gp(e));return m(),window.addEventListener("scroll",m,{passive:!0}),window.addEventListener("resize",m,{passive:!0}),()=>{window.removeEventListener("scroll",m),window.removeEventListener("resize",m)}},[e]),Et(()=>{e&&i(gp(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 d=l.flexDirection,c=d==="column"||d==="column-reverse"?"vertical":"horizontal",f=c==="horizontal"?"vertical":"horizontal",p=[];if(t==="shift"){let m=Rv(l.justifyContent);if(m){let x=rd.indexOf(m);c==="horizontal"?(x>0&&p.push("left"),x<rd.length-1&&p.push("right")):(x>0&&p.push("up"),x<rd.length-1&&p.push("down"))}}else{let m=Lv(l.alignItems);if(m){let x=od.indexOf(m);f==="horizontal"?(x>0&&p.push("left"),x<od.length-1&&p.push("right")):(x>0&&p.push("up"),x<od.length-1&&p.push("down"))}}if(p.length===0)return null;let h=14,y=7;return u(it,{children:p.map(m=>{let x,S;switch(m){case"right":x=a.right+h,S=a.top+a.height/2;break;case"left":x=a.left-h,S=a.top+a.height/2;break;case"down":x=a.left+a.width/2,S=a.bottom+h;break;case"up":x=a.left+a.width/2,S=a.top-h;break}let P=m==="right"?0:m==="left"?180:m==="down"?90:-90,M={position:"fixed",left:x-y,top:S-y,width:y*2,height:y*2,pointerEvents:"none",zIndex:9997};return u("div",{"data-devtools":"swipe-hint",style:M,children:u("svg",{width:y*2,height:y*2,viewBox:"-7 -7 14 14",style:{overflow:"visible"},children:A("g",{transform:`rotate(${P})`,children:[u("line",{x1:"-5",y1:"0",x2:"3",y2:"0",stroke:"#fff",strokeWidth:"4",strokeLinecap:"round"}),u("polyline",{points:"0,-4 5,0 0,4",fill:"none",stroke:"#fff",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),u("line",{x1:"-5",y1:"0",x2:"3",y2:"0",stroke:n,strokeWidth:"1.5",strokeLinecap:"round"}),u("polyline",{points:"0,-4 5,0 0,4",fill:"none",stroke:n,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})},m)})})}function jv(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 Pv({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 S=()=>{s(Ds(e))};return S(),window.addEventListener("scroll",S,{passive:!0}),window.addEventListener("resize",S,{passive:!0}),()=>{window.removeEventListener("scroll",S),window.removeEventListener("resize",S)}},[e]),Et(()=>{e&&s(Ds(e))},[e,t,n]),!l)return null;let d=l.width,c=l.height,f=jv(r,.2),p=i??o,h=8,y=2,m={position:"fixed",top:l.top,left:l.left,width:d,height:c,pointerEvents:"none",zIndex:9996,overflow:"visible"},x=S=>S==="font-size"?`${Math.round(t)}`:(t>0?n/t:1.2).toFixed(2).replace(/\.?0+$/,"");return A("div",{"data-devtools":"text-handles",style:m,children:[A("svg",{style:{position:"absolute",inset:0,width:"100%",height:"100%",overflow:"visible",pointerEvents:"none"},viewBox:`0 0 ${d} ${c}`,children:[u("rect",{x:"0.5",y:"0.5",width:Math.max(0,d-1),height:Math.max(0,c-1),fill:"none",stroke:f,strokeWidth:"1"}),(p==="font-size"||!p)&&u("rect",{x:d-y/2,y:c/2-h/2,width:y,height:h,fill:r,stroke:"#ffffff",strokeWidth:p==="font-size"?4:2,paintOrder:"stroke"}),(p==="line-height"||!p)&&u("rect",{x:d/2-h/2,y:c-y/2,width:h,height:y,fill:r,stroke:"#ffffff",strokeWidth:p==="line-height"?4:2,paintOrder:"stroke"})]}),a&&p&&(()=>{let S=p==="font-size"?"Aa":"Lh",P=x(p);return A("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:[S," ",P]})})()]})}function zv({active:e,accentColor:t,domDropPreview:n,cursorViewport:r,gapElement:o,gapDragging:i,gapHoveredAxis:a,gapIsAuto:l,gapRefreshKey:s,swipeHint:d,radiusElement:c,radiusDragging:f,radiusHoveredCorner:p,textElement:h,textDragging:y,textHoveredProperty:m,paddingElement:x,paddingDragging:S,paddingHoveredSide:P}){if(!e)return null;let M=h&&!y?ou(h):null;return A(it,{children:[n&&u("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&&u(hp,{element:o,gap:i?{row:i.row,column:i.column}:al(o),accentColor:t,hoveredAxis:a,draggingAxis:i?.axis??null,cursorViewport:r,isAutoGap:l,refreshKey:s}),d&&u($v,{element:d.target,modifier:d.modifier,accentColor:t,refreshKey:s}),!d&&c&&u(pp,{element:c,radius:f?.radius??Fi(c),accentColor:t,hoveredCorner:p,draggingCorner:f?.corner??null,cursorViewport:r}),!d&&h&&u(Pv,{element:h,fontSize:y?.fontSize??M.fontSize,lineHeight:y?.lineHeight??M.lineHeight,accentColor:t,hoveredProperty:m,draggingProperty:y?.property??null,cursorViewport:r}),!d&&x&&u(mp,{element:x,padding:S?.padding??Ia(x),accentColor:t,hoveredSide:P,draggingSide:S?.side??null,cursorViewport:r,refreshKey:y?y.fontSize+y.lineHeight*1e3:0})]})}var Dv=4,Hv=8,Ov=7.2,Nv=45,_v=96,Wv=89;function yp(e,t){let n=e===0?"Ready":`${e} action${e===1?"":"s"}`,r=Hv*2+n.length*Ov,o=t?e===0?22:Nv:e===0?_v:Wv;return{label:n,accessibleShortcut:e===0?"Command Escape to exit":"Command Enter to complete",width:Math.ceil(r+Dv+o)}}var Fv=4,Bv=8;function Jv({cursor:e,stepCount:t,accentColor:n,toolbarElement:r,threadElement:o}){let[i]=Ls(),a=$s[i],[l,s]=L(!1);_(()=>{s(!1);let N=window.setTimeout(()=>s(!0),1e3);return()=>window.clearTimeout(N)},[t]);let d={width:window.innerWidth,height:window.innerHeight},c=yp(t,!1),f=Ec(e,d,22,c.width),p=r?Tc(f,r.getBoundingClientRect(),22,void 0,c.width):1,h=o?Cc(e,f,o.getBoundingClientRect(),22,void 0,void 0,c.width):1,y=Math.min(p,h)<1||l,m=yp(t,y),x=Ec(e,d,22,m.width),S=r?Tc(x,r.getBoundingClientRect(),22,void 0,m.width):1,P=o?Cc(e,x,o.getBoundingClientRect(),22,void 0,void 0,m.width):1,M=om(S,P,!1),I={position:"fixed",left:x.left,top:x.top,width:m.width,height:22,display:"flex",alignItems:"center",gap:Fv,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:M,transform:`scale(${M})`,transformOrigin:`${e.x-x.left}px ${e.y-x.top}px`,visibility:M===0?"hidden":"visible",zIndex:2147483647,colorScheme:i};return A("div",{role:"status","aria-label":`${m.label}. ${m.accessibleShortcut}`,"data-devtools":"interaction-episode-hud","data-popmelt-interaction-episode-hud":!0,style:I,children:[u("span",{style:{height:22,display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",padding:`4px ${Bv}px`,borderRadius:"2px 8px 8px 8px",background:n,color:"#dddddd",fontFamily:Km,lineHeight:1.2},children:m.label}),u("span",{"aria-hidden":"true",style:{height:22,display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",gap:y?0:6,padding:y?"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:Cs,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:y?t===0?u(pl,{size:12,strokeWidth:2}):A("span",{"data-popmelt-interaction-episode-complete-shortcut":!0,style:{display:"inline-flex",alignItems:"center",gap:2},children:[u(ku,{size:12,strokeWidth:2}),u("span",{children:"+"}),u(_s,{size:12,strokeWidth:2})]}):A(it,{children:[A("span",{style:{display:"inline-flex",alignItems:"center",gap:2},children:[u(ku,{size:12,strokeWidth:2}),u("span",{children:"+"}),t===0?u("span",{children:"esc"}):u(_s,{size:12,strokeWidth:2})]}),u("span",{style:{color:a.secondary},children:"to"}),t===0?u(pl,{size:12,strokeWidth:2,color:"red"}):u(Lo,{size:12,strokeWidth:2,color:"#02bd02"})]})})]})}function qv(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 Uv({styleModifications:e,textModifications:t=[],accentColor:n}){let[r,o]=L([]);if(_(()=>{let a=null,l=()=>{let c=[],f=[...e,...t],p=new Set;for(let h of f){if(p.has(h.selector))continue;let y=pn(h.selector);if(!y)continue;p.add(h.selector);let m=vn(y);if(m.width===0&&m.height===0)continue;let x=Fi(y);c.push({selector:h.selector,top:m.top,left:m.left,width:m.width,height:m.height,borderRadius:`${x["top-left"]}px ${x["top-right"]}px ${x["bottom-right"]}px ${x["bottom-left"]}px`})}o(c)},s=()=>{a&&cancelAnimationFrame(a),a=requestAnimationFrame(l)};l(),window.addEventListener("scroll",s,{passive:!0}),window.addEventListener("resize",s,{passive:!0});let d=new MutationObserver(s);return d.observe(document.body,{attributes:!0,childList:!0,subtree:!0,attributeFilter:["style","class"]}),()=>{window.removeEventListener("scroll",s),window.removeEventListener("resize",s),d.disconnect(),a&&cancelAnimationFrame(a)}},[e,t]),r.length===0)return null;let i=qv(n,.2);return u(it,{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 u("div",{"data-devtools":"mod-border",style:l},a.selector)})})}var vp=["topLeft","topRight","bottomRight","bottomLeft"],Yv=[["topLeft","topRight"],["topRight","bottomRight"],["bottomRight","bottomLeft"],["bottomLeft","topLeft"]],Kv=8,id="#000000",Xv="#ffffff";function Vv(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 bp(e){let t=e.parentElement;for(;t;){let n=Vv(getComputedStyle(t).backgroundColor);if(n&&n.alpha>=.95)return(n.red*.299+n.green*.587+n.blue*.114)/255>=.55?id:Xv;t=t.parentElement}return id}function Gv(e){return vp.map(t=>`${e[t].x},${e[t].y}`).join(" ")}function Qv(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},d=Kv/2,c={x:Math.cos(o),y:Math.sin(o)},f=a>0?1:0;return{path:`M ${s.x} ${s.y} A ${l} ${l} 0 0 ${f} ${r.x} ${r.y}`,startTick:{start:{x:s.x-c.x*d,y:s.y-c.y*d},end:{x:s.x+c.x*d,y:s.y+c.y*d}}}}function Ml({element:e,activeFacet:t,accentColor:n,showHandles:r=!0,outlineStyle:o="solid",showRotateHandle:i=!0,scrimOpacity:a=.05,cursorViewport:l,draggingKind:s,draggingCorner:d,ghostQuad:c,refreshKey:f,onHandlePointerDown:p}){let[h,y]=L(null),[m,x]=L(null),[S,P]=L(null),[M,I]=L(null),[N,Z]=L(!1),[E,K]=L(id),O=B("top"),Y=B(null),q=`transform-occlusion-${kg().replace(/:/g,"")}`;if(_(()=>{let me=()=>{if(!dl(e.ownerDocument)){y(null);return}let Ee=$r(e)?Ca(e):ui(e);Y.current=Ee;let _e=xl(Ee,e.ownerDocument);x(_e),I(Tl(Zu(e,Ee),Ee,_e)),Z(tp(e)),K(bp(e));let D=$r(e)?Xi(e,Ee):ui(e),ze=xl(D,e.ownerDocument);P(ze),y(ze)};me(),window.addEventListener("scroll",me,{passive:!0}),window.addEventListener("resize",me,{passive:!0});let X=typeof ResizeObserver>"u"?null:new ResizeObserver(()=>me());X?.observe(e);let Te="",Ae=pu(e.ownerDocument)?tu(()=>{let Ee=vn(e),_e=JSON.stringify([dl(e.ownerDocument),Ee.x,Ee.y,Ee.width,Ee.height]);_e!==Te&&(Te=_e,me())}):void 0;return()=>{Ae?.(),window.removeEventListener("scroll",me),window.removeEventListener("resize",me),X?.disconnect()}},[e]),Et(()=>{let me=s&&Y.current?Y.current:$r(e)?Ca(e):ui(e);Y.current=me;let X=xl(me,e.ownerDocument);x(X),I(Tl(Zu(e,me),me,X)),Z(tp(e)),K(bp(e));let Te=$r(e)?Xi(e,me):ui(e),Ae=xl(Te,e.ownerDocument);P(Ae),y(Ae)},[s,e,f]),!h)return null;let le=l?Gs(h,l,20,{currentSide:O.current,hysteresis:8,viewport:{width:window.innerWidth,height:window.innerHeight}}):ip(h,20);s!=="rotate"&&(O.current=le.side);let w=s==="rotate"?{...Gi(h,void 0,O.current),side:O.current}:le,G={position:"fixed",inset:0,pointerEvents:"none",zIndex:p?9999:9996},z=s?.95:.72,W=!!(m&&lv(m,h)),R=m&&S&&M?Tl(M,m,S):M,j=R?op(h,R):h,$=c&&m&&M?Tl(M,m,c):M,T=c&&$?op(c,$):c,Q=Aa(h),re=c?Aa(c):null,ee=c?Gi(c,void 0,w.side):null,oe=ee&&re?Qv(Q,re,ee.handle,w.handle):null,U=N&&S&&R?Vs(S,R):null,fe=U?`url(#${q})`:void 0;return u("div",{"data-devtools":r?"transform-handles":"element-boundary","data-popmelt-steer-overlay":!0,"data-transform-facet":t,style:G,children:A("svg",{width:"100%",height:"100%",style:{position:"absolute",inset:0,pointerEvents:"none"},children:[U&&u("defs",{children:A("mask",{id:q,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"100%",height:"100%",children:[u("rect",{width:"100%",height:"100%",fill:"#ffffff"}),u("path",{"data-transform-occlusion-mask":"",d:U,fill:"#000000"})]})}),W&&m&&M&&u("path",{"data-transform-layout-plate":"",d:Vs(m,M),fill:E,fillOpacity:"0.07",stroke:"none",mask:fe}),u("path",{"data-transform-effective-outline":"","data-transform-effective-scrim":"",d:R?Vs(h,R):`M ${Gv(h)} Z`,fill:n,fillOpacity:a,stroke:n,strokeWidth:"1",strokeOpacity:z,strokeDasharray:o==="dashed"?"4 2":void 0}),s==="translate"&&re&&A("g",{"data-transform-origin-trace":"translate",children:[u("line",{x1:re.x,y1:re.y,x2:Q.x,y2:Q.y,stroke:"#808080",strokeWidth:"1",strokeDasharray:"2 3",strokeLinecap:"round",opacity:"0.72"}),u("circle",{"data-transform-origin-point":"",cx:re.x,cy:re.y,r:"3",fill:"#808080",stroke:"#ffffff",strokeWidth:"1",opacity:"0.85"})]}),s==="scale"&&d&&T&&A("g",{"data-transform-origin-trace":"scale",children:[u("line",{x1:T[d].x,y1:T[d].y,x2:j[d].x,y2:j[d].y,stroke:"#808080",strokeWidth:"1",strokeDasharray:"2 3",strokeLinecap:"round",opacity:"0.72"}),u("circle",{"data-transform-origin-point":"",cx:T[d].x,cy:T[d].y,r:"3",fill:"#808080",stroke:"#ffffff",strokeWidth:"1",opacity:"0.85"})]}),s==="rotate"&&oe&&A("g",{"data-transform-origin-trace":"rotate",children:[u("path",{"data-transform-rotation-arc":"",d:oe.path,fill:"none",stroke:"#808080",strokeWidth:"1",strokeDasharray:"2 3",strokeLinecap:"round",opacity:"0.72"}),u("line",{"data-transform-rotation-arc-start":"",x1:oe.startTick.start.x,y1:oe.startTick.start.y,x2:oe.startTick.end.x,y2:oe.startTick.end.y,stroke:"#808080",strokeWidth:"1",strokeLinecap:"round",opacity:"0.85"})]}),p&&Yv.map(([me,X])=>u("line",{"data-transform-handle":"translate",x1:h[me].x,y1:h[me].y,x2:h[X].x,y2:h[X].y,stroke:"transparent",strokeWidth:Ku,style:{pointerEvents:"stroke",cursor:"move"},onPointerDown:Te=>p("translate",null,Te)},`${me}-${X}`)),r&&A("g",{"data-transform-affordances":"",children:[vp.map(me=>A("g",{children:[u("rect",{x:j[me].x-6/2,y:j[me].y-6/2,width:6,height:6,fill:n,stroke:"#ffffff",strokeWidth:2}),p&&u("circle",{"data-transform-handle":"scale","data-transform-corner":me,cx:j[me].x,cy:j[me].y,r:20/2,fill:"transparent",style:{pointerEvents:"all",cursor:me==="topLeft"||me==="bottomRight"?"nwse-resize":"nesw-resize"},onPointerDown:X=>p("scale",me,X)})]},me)),i&&A(it,{children:[u("line",{x1:w.edge.x,y1:w.edge.y,x2:w.handle.x,y2:w.handle.y,stroke:n,strokeWidth:"1",opacity:z}),u("circle",{cx:w.handle.x,cy:w.handle.y,r:6/2,fill:n,stroke:"#ffffff",strokeWidth:2}),p&&u("line",{"data-transform-handle":"rotate",x1:w.edge.x,y1:w.edge.y,x2:w.handle.x,y2:w.handle.y,stroke:"transparent",strokeWidth:20,strokeLinecap:"round",style:{pointerEvents:"stroke",cursor:"grab"},onPointerDown:me=>{O.current=w.side,p("rotate",null,me,w.side)}})]})]})]})})}var Zv=["top","right","bottom","left"];function eb(e){return e==="all"?Zv:e==="x"?["left","right"]:e==="y"?["top","bottom"]:e==="top"||e==="right"||e==="bottom"||e==="left"?[e]:[]}function tb(e){return e==="top-left"||e==="top-right"||e==="bottom-right"||e==="bottom-left"?e:null}function xp(e,t,n,r){return e&&n==="value"&&t==="transform"&&(r==="translate"||r==="scale"||r==="rotate")}function nb({active:e,accentColor:t,family:n,stage:r,subproperty:o,hoveredElement:i,previewElement:a,transformPreviewElement:l,previewRevision:s,cursorViewport:d,drag:c,onGapPointerDown:f,onRadiusPointerDown:p,onSpacingPointerDown:h,onTransformPointerDown:y}){let m=e&&r==="value",x=i instanceof HTMLElement&&a===i,S=i instanceof HTMLElement&&(Ps(i,"row")||Ps(i,"column")),P=c?.family==="transform"?c.element:i,M=xp(e,n,r,o)?o:null,I=M!==null&&$r(P)&&(a===P||l===P||c?.family==="transform");return A(it,{children:[m&&(n==="padding"||n==="margin")&&x&&u(mp,{element:i,padding:n==="margin"?Zc(i):Ia(i),mode:n,accentColor:t,hoveredSide:c?.family===n?c.side??null:null,draggingSide:c?.family===n?c.side??null:null,activeSides:eb(o),refreshKey:s,cursorViewport:c?.cursor,onHandlePointerDown:(N,Z)=>h(n,N,Z)}),m&&(n==="stack"||n==="grid")&&o==="gap"&&x&&u(hp,{element:i,gap:al(i),accentColor:t,hoveredAxis:c?.gapAxis??null,draggingAxis:c?.gapAxis??null,refreshKey:s,cursorViewport:c?.cursor,isAutoGap:S,onHandlePointerDown:S?void 0:f}),m&&n==="radius"&&x&&u(pp,{element:i,radius:Fi(i),accentColor:t,hoveredCorner:tb(o),draggingCorner:c?.corner??null,cursorViewport:c?.cursor,onHandlePointerDown:p}),I&&u(Ml,{element:P,activeFacet:M,accentColor:t,draggingKind:c?.family==="transform"?c.transformKind??null:null,draggingCorner:c?.family==="transform"?c.transformCorner??null:null,ghostQuad:c?.family==="transform"?c.ghostQuad??null:null,cursorViewport:c?.cursor??d,refreshKey:s,onHandlePointerDown:y})]})}var zo=8,wp=2,rb=66,ob=3;function ib(){let e=Math.random()*Math.PI*2,t=5+Math.random()*8;return{x:Math.cos(e)*t,y:Math.sin(e)*t}}function ab({onSave:e}){let[t,n]=L(!1),[r]=Ls(),o=$s[r];return A("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:kn,fontSize:12,fontWeight:600,letterSpacing:"0.24px",lineHeight:1,whiteSpace:"nowrap",cursor:"pointer",pointerEvents:"auto",userSelect:"none",touchAction:"manipulation"},children:[A("span",{className:"popmelt-subject-save-default",children:[u(_s,{size:12,strokeWidth:2,"aria-hidden":!0}),u("span",{style:{color:o.secondary},children:"to"}),u(Lo,{size:12,strokeWidth:2,"aria-hidden":!0})]}),A("span",{className:"popmelt-subject-save-hovered",children:[u("span",{children:"Save"}),u(Lo,{size:12,strokeWidth:2,"aria-hidden":!0})]})]})}function lb(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-zo,e.bounds.left+n),l=Math.min(i-zo,e.bounds.top+r);return{left:a,top:l,width:o-a,height:i-l}}case"topRight":{let a=Math.max(e.bounds.left+zo,o+n),l=Math.min(i-zo,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-zo,e.bounds.left+n),l=Math.max(e.bounds.top+zo,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+zo,o+n),l=Math.max(e.bounds.top+zo,i+r);return{left:e.bounds.left,top:e.bounds.top,width:a-e.bounds.left,height:l-e.bounds.top}}}}function sb({accentColor:e,created:t,registry:n,target:r,onCommit:o,onClose:i,onCancelCreated:a}){let l=n.resolve(r),s=B(l?.subject.label??"object"),[d,c]=L(s.current),f=l?.subject.trackingAnchors?.map(R=>({...R}))??[],p=B(f),[h,y]=L(f),[m,x]=L(0),[S,P]=L(0),M=B(null),I=B(null),N=B(null),Z=B(!1),E=n.resolve(r),K=Se(()=>{let R=typeof document>"u"?null:document.createElement("canvas").getContext("2d");R&&(R.font=`${Ac}px ${kn}`);let j=$=>(R?.measureText($).width??$.length*7.2)+Math.max(0,$.length-1)*sm;return{label:Math.max(8,j(d||" ")),full:j(`<${d||" "}>`)+Mc*2}},[d]);if(Et(()=>{N.current?.focus(),N.current?.select()},[]),Et(()=>{if(m)for(let R of I.current?.querySelectorAll("[data-popmelt-tracking-anchor]")??[]){let j=ib();R.animate?.([{transform:"translate(-50%, -50%)"},{transform:`translate(calc(-50% + ${j.x}px), calc(-50% + ${j.y}px))`},{transform:`translate(calc(-50% - ${j.x*.55}px), calc(-50% - ${j.y*.55}px))`},{transform:"translate(-50%, -50%)"}],{duration:220,easing:"ease-out"})}},[m]),_(()=>n.subscribeFrame(()=>P(R=>R+1)),[n]),_(()=>{let R=$=>{let T=M.current;T&&(n.updateBounds(r,lb(T,{x:$.clientX,y:$.clientY})),P(Q=>Q+1))},j=()=>{M.current=null,P($=>$+1)};return window.addEventListener("pointermove",R,!0),window.addEventListener("pointerup",j,!0),window.addEventListener("pointercancel",j,!0),()=>{window.removeEventListener("pointermove",R,!0),window.removeEventListener("pointerup",j,!0),window.removeEventListener("pointercancel",j,!0)}},[n,r]),!E)return null;let O=()=>{if(Z.current)return;let R=d.trim();if(!R){t&&a();return}let j=p.current,$=j.length===1?[]:j,T=E.adapter.updateSubjectTrackingAnchors?n.updateTrackingAnchors(r,$):null,Q=n.rename(r,R)??T;Q&&o(Q),i()},Y=()=>{Z.current=!0,t?a():i()},{bounds:q}=E.subject,le=!!E.adapter.updateSubjectTrackingAnchors,w=Math.min(400,K.full),G=w+wp+rb,z=Ms({left:q.left,right:q.left+q.width,top:q.top,bottom:q.top+q.height,height:q.height},22,2,window.innerHeight,G,window.innerWidth),W=z.horizontalAlignment==="right"?z.left-G:z.left;return A(it,{children:[u(Ml,{element:E.element,activeFacet:"translate",accentColor:e,showRotateHandle:!1,refreshKey:S,draggingKind:M.current?.kind??null,draggingCorner:M.current?.corner??null,onHandlePointerDown:(R,j,$)=>{R!=="rotate"&&($.preventDefault(),$.stopPropagation(),M.current={kind:R,corner:j,start:{x:$.clientX,y:$.clientY},bounds:{...E.subject.bounds}},P(T=>T+1))}}),le&&u("div",{ref:I,"data-popmelt-tracking-anchor-surface":!0,"aria-label":"Add tracking anchor",onPointerDown:R=>{if(R.button!==0)return;R.preventDefault(),R.stopPropagation();let j=p.current;if(j.length>=ob){x(T=>T+1);return}let $=[...j,{x:Math.max(0,Math.min(1,(R.clientX-q.left)/q.width)),y:Math.max(0,Math.min(1,(R.clientY-q.top)/q.height))}];p.current=$,y($)},style:{position:"fixed",left:q.left,top:q.top,width:q.width,height:q.height,pointerEvents:"auto",cursor:"crosshair",zIndex:9998},children:h.map((R,j)=>u("span",{"data-popmelt-tracking-anchor":!0,"data-popmelt-tracking-anchor-reject":m?"true":void 0,style:{position:"absolute",left:`${R.x*100}%`,top:`${R.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%)"}},j))}),u("style",{children:`
|
|
33
|
-
[data-popmelt-subject-label-editor]::selection {
|
|
34
|
-
background: #000000;
|
|
35
|
-
color: #ffffff;
|
|
36
|
-
}
|
|
37
|
-
.popmelt-subject-save-default {
|
|
38
|
-
display: inline-flex;
|
|
39
|
-
align-items: center;
|
|
40
|
-
gap: 4px;
|
|
41
|
-
}
|
|
42
|
-
.popmelt-subject-save-hovered {
|
|
43
|
-
display: none;
|
|
44
|
-
align-items: center;
|
|
45
|
-
gap: 4px;
|
|
46
|
-
}
|
|
47
|
-
[data-popmelt-subject-label-save][data-hovered="true"] .popmelt-subject-save-default {
|
|
48
|
-
display: none;
|
|
49
|
-
}
|
|
50
|
-
[data-popmelt-subject-label-save][data-hovered="true"] .popmelt-subject-save-hovered {
|
|
51
|
-
display: inline-flex;
|
|
52
|
-
}
|
|
53
|
-
@media (max-width: 767px) {
|
|
54
|
-
.popmelt-subject-save-default { display: none; }
|
|
55
|
-
.popmelt-subject-save-hovered { display: inline-flex; }
|
|
56
|
-
}
|
|
57
|
-
`}),A("div",{style:{position:"fixed",left:W,top:z.top,display:"flex",alignItems:"center",gap:wp,pointerEvents:"auto",zIndex:1e4},children:[A("div",{"data-popmelt-subject-label-editor":!0,style:{...im(e),width:w,gap:0,borderRadius:Sa(z.anchor)},children:[u("span",{"aria-hidden":!0,children:"<"}),u("input",{ref:N,"data-popmelt-subject-label-input":!0,value:d,"aria-label":"Object label",spellCheck:!1,onChange:R=>c(R.target.value),onBlur:O,onKeyDown:R=>{R.key==="Escape"?(R.preventDefault(),Y()):R.key==="Enter"&&!R.metaKey&&!R.ctrlKey&&(R.preventDefault(),O())},style:{appearance:"none",boxSizing:"content-box",width:Math.min(K.label,400-Mc*2-16),minWidth:0,height:`${Ac*1.2}px`,margin:0,padding:0,border:0,outline:0,background:"transparent",color:"inherit",font:"inherit",letterSpacing:"inherit",lineHeight:"inherit"}}),u("span",{"aria-hidden":!0,children:">"})]}),u(ab,{onSave:O})]})]})}var Sp=2;function db(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)>Sp||Math.abs(n.y)>Sp?{session:{...e,hasMoved:!0,startPoint:t},move:{delta:n,saveUndo:!0}}:null}function cb({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 Ip(e,t,n,r,o){let i={...e},a=i.right-i.left||1,l=i.bottom-i.top||1,s=a/l,d={...e};switch(t){case"topLeft":d.left=n.x,d.top=n.y;break;case"topRight":d.right=n.x,d.top=n.y;break;case"bottomLeft":d.left=n.x,d.bottom=n.y;break;case"bottomRight":d.right=n.x,d.bottom=n.y;break}if(r)switch(t){case"topLeft":d.right=i.right+(i.left-d.left),d.bottom=i.bottom+(i.top-d.top);break;case"topRight":d.left=i.left-(d.right-i.right),d.bottom=i.bottom+(i.top-d.top);break;case"bottomLeft":d.right=i.right+(i.left-d.left),d.top=i.top-(d.bottom-i.bottom);break;case"bottomRight":d.left=i.left-(d.right-i.right),d.top=i.top-(d.bottom-i.bottom);break}if(o){let c=d.right-d.left,f=d.bottom-d.top;if(Math.abs(c/f)>s){let p=Math.abs(f)*s*Math.sign(c);t==="topLeft"||t==="bottomLeft"?d.left=d.right-p:d.right=d.left+p}else{let p=Math.abs(c)/s*Math.sign(f);t==="topLeft"||t==="topRight"?d.top=d.bottom-p:d.bottom=d.top+p}}return d}function ub({annotation:e,session:t,point:n,centerOrigin:r,lockAspect:o}){let{handle:i,originalPoints:a}=t;if(e.type==="line"){let f=a[0],p=a[a.length-1];return i==="start"?[n,p]:[f,n]}if(e.type==="freehand"){let f={left:Math.min(...a.map(S=>S.x)),right:Math.max(...a.map(S=>S.x)),top:Math.min(...a.map(S=>S.y)),bottom:Math.max(...a.map(S=>S.y))},p=f.right-f.left||1,h=f.bottom-f.top||1,y=Ip(f,i,n,r,o),m=y.right-y.left||1,x=y.bottom-y.top||1;return a.map(S=>({x:y.left+(S.x-f.left)/p*m,y:y.top+(S.y-f.top)/h*x}))}let l=a[0],s=a[a.length-1],d={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 f=(d.left+d.right)/2,p=(d.top+d.bottom)/2,h=d.right-d.left,y=d.bottom-d.top,m={...d};switch(i){case"top":{if(m.top=n.y,r&&(m.bottom=p+(p-n.y)),o){let x=(m.bottom-m.top)*(h/y)/2;m.left=f-x,m.right=f+x}break}case"bottom":{if(m.bottom=n.y,r&&(m.top=p-(n.y-p)),o){let x=(m.bottom-m.top)*(h/y)/2;m.left=f-x,m.right=f+x}break}case"left":{if(m.left=n.x,r&&(m.right=f+(f-n.x)),o){let x=(m.right-m.left)*(y/h)/2;m.top=p-x,m.bottom=p+x}break}case"right":{if(m.right=n.x,r&&(m.left=f-(n.x-f)),o){let x=(m.right-m.left)*(y/h)/2;m.top=p-x,m.bottom=p+x}break}}return[{x:m.left,y:m.top},{x:m.right,y:m.bottom}]}let c=Ip(d,i,n,r,o);return[{x:c.left,y:c.top},{x:c.right,y:c.bottom}]}function pb(){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(Xc(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 fb(e,t,n){return e||(t>0?`[${t} image${t>1?"s":""}]`:n[0]?.name??"")}function hb(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=fb(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 Zi=0,mb=2,gb=60;function kp({anchorLeftX:e,anchorRightX:t,editorWidth:n,trailingWidth:r,viewportWidth:o}){let i=Math.max(Zi,o-Zi),a=Math.max(Zi,Math.min(t,i)),l=r>0?r+mb:0,s=n+l,d=Math.max(0,e-8),c=a-s,f=Math.max(0,Zi-d)+Math.max(0,d+s-i),p=Math.max(0,Zi-c)<f?"right":"left",h=Math.max(gb,p==="right"?a-Zi-l:i-d-l),y=Math.min(n,h);return{horizontalAlignment:p,editorLeft:p==="right"?a-l-y:d,maxEditorWidth:h}}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 vb({text:e,fontSize:t,point:n,clickPoint:r,context:o}){let i=e.split(`
|
|
58
|
-
`),a=t*dr,l=Math.max(0,Math.min(i.length-1,Math.floor((r.y-n.y)/a))),s=i[l]??"",d=r.x-n.x,c=s.length;for(let p=0;p<=s.length;p+=1){let h=o.measureText(s.slice(0,p)).width;if(h<=d)continue;let y=p>0?o.measureText(s.slice(0,p-1)).width:0;c=Math.max(0,d-y<h-d?p-1:p);break}let f=c;for(let p=0;p<l;p+=1)f+=(i[p]?.length??0)+1;return f}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,d=Um(e).split(`
|
|
59
|
-
`),c=Math.max(s,...d.map(p=>a.measureText(p||" ").width)),f=Math.max(s,n-r-(o?16:0));if(c>f){let p=Ym(a,d,f);return{width:Math.min(f,Math.max(s,...p.map(h=>a.measureText(h).width))),height:Math.max(1,p.length)*t*dr,isWrapped:!0}}return{width:c,height:Math.max(1,d.length)*t*dr,isWrapped:!1}}function bb(e,t){return e&&t!=="model"}function xb(e,t,n,r=6){return e.moved?e:{...e,moved:Math.hypot(t-e.startX,n-e.startY)>r}}function wb(e){return!!(e&&!e.moved)}function Sb(e){return e==="hand"}var Ep={"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 Ib(e){let t=new Map;for(let n of e){let r=t.get(n.target);(!r||Ep[n.owner]>Ep[r])&&t.set(n.target,n.owner)}return t}function kb({activeText:e,pendingLinkedText:t,activeTextSendHintId:n,activeTool:r,isAnnotating:o,annotations:i,pageAnnotations:a,pageStyleModifications:l,pageTextModifications:s,supersededAnnotations:d,nestedBadgeHover:c,isSendBundleHovered:f,badgeHoveredAnnotationId:p,hoveredTextId:h,badgeHoveredSelector:y,focusedThreadAnnotationId:m,inFlightSelectorColors:x,focusedSelectorColors:S,hoveredElement:P}){let M=new Map;for(let T of i)T.linkedSelector&&T.elements?.[0]&&M.set(T.linkedSelector,T.elements[0]);for(let T of[...l,...s])M.set(T.selector,T.element);for(let T of[e,t])T?.linkedSelector&&T.elements?.[0]&&M.set(T.linkedSelector,T.elements[0]);let I=(T,Q)=>nn(T,Q??(M.has(T)?[M.get(T)]:void 0)),N=T=>T?i.find(Q=>Q.id===T)?.linkedSelector??null:null,Z=c?c.ownerId===n?e?.linkedSelector??null:N(c.ownerId):null,E=(T,Q)=>Q?I(Q)===T:!1,K=T=>{let Q=null;for(let re of a)!re.linkedSelector||d.has(re)||nn(re.linkedSelector,re.elements)!==T||(!Q||re.timestamp>Q.timestamp)&&(Q=re);return Q},O=[e?.linkedSelector,t?.linkedSelector,N(m),N(c||f?null:p),N(c||f?null:h),y].filter(Boolean),Y=c||f?null:p||h,q=T=>O.some(Q=>E(T,Q)),le=[],w=(T,Q)=>{T&&le.push({target:T,owner:Q})},G=(T,Q,re)=>{T&&w(I(T,re),Q)};if(o){if(r==="hand")for(let T of l)T.captured||G(T.selector,"pending-change");for(let T of s)T.captured||G(T.selector,"pending-change");for(let T of x?.keys()??[])G(T,"in-flight");for(let T of S?.keys()??[])G(T,"selected");if(G(e?.domEdit?e.linkedSelector:null,"active-edit",e?.elements),!c&&!f&&G(e?.linkedSelector||t?.linkedSelector,"direct-manipulation",e?.elements||t?.elements),!f&&m){let T=i.find(Q=>Q.id===m);T?.linkedSelector&&Z!==T.linkedSelector&&G(T.linkedSelector,"thread-focus",T.elements)}if(Y){let T=i.find(Q=>Q.id===Y);G(T?.linkedSelector,"annotation-hover",T?.elements)}if(c&&!f)for(let T of c.annotationIds){let Q=i.find(re=>re.id===T);G(Q?.linkedSelector,"nested-preview",Q?.elements)}if(f){for(let T of a)(T.status??"pending")==="pending"&&G(T.linkedSelector,"bundle-preview",T.elements);e&&!e.domEdit&&e.text?.trim()&&G(e.linkedSelector,"bundle-preview",e.elements);for(let T of[...l,...s])T.captured||G(T.selector,"bundle-preview",[T.element])}G(y,"badge-hover"),(r==="inspector"||r==="sticker")&&P&&!Y&&!y&&w(P,"inspector-hover")}let z=Ib(le),W=(T,Q)=>z.get(T)===Q,R=(T,Q)=>{if(!T)return null;let re=new Map,ee=new Set;for(let[oe,U]of T){let fe=I(oe);fe&&W(fe,Q)&&!ee.has(fe)&&(ee.add(fe),re.set(oe,U))}return re.size>0?re:null},j=new Set,$=(T,Q)=>!W(T,Q)||j.has(T)?!1:(j.add(T),!0);return{selectorElementInfo:M,hasExistingOverlay:T=>z.has(T),nestedBadgeOwnerSelector:Z,hoveredLinkedAnnotationId:Y,hasSelectedHighlightForElement:q,getExistingAnnotationForElement:K,ownedInFlightSelectorColors:R(x,"in-flight"),ownedFocusedSelectorColors:R(S,"selected"),claimElementOverlay:$}}function Eb(e){let[t,n]=L();return Et(()=>{if(!e)return;let r,o=()=>{if(!e.isConnected)return;let i=vn(e);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 Tb=180,Tp=16,Cb=50,Cp=180;async function Ab(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 Ap(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,Cp)}function Mb(e){try{return Ro(e)}catch{return}}function Mp(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 ea(e){if(!e||ro(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=Mp(e);return{selector:Mb(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,Cp)}:{},...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=Mp(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 Rb(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 Lb(e,t,n){if(e==="scroll")return"Scrolled the page";let r=n??ea(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 $b(e,t){return JSON.stringify(e)!==JSON.stringify(t)}function jb(e){return e.metaKey||e.ctrlKey||e.altKey?!1:["Enter"," ","Escape","Tab","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)}function Pb(e){return e instanceof Element?e:e.parentElement}function zb(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=[],d=null,c=()=>{if(window.clearTimeout(i),i=0,!o)return;let y=t(),m=o.captureResult?.()??ea(o.targetElement),x=o.kind==="input"||o.kind==="change"||o.kind==="submit"||o.kind==="scroll"||o.kind==="play"||o.kind==="pause"||o.kind==="seek",S={id:o.id,action:{kind:o.kind,label:o.label,...o.key?{key:o.key}:{},...o.target?{target:o.target}:{}},startedAt:o.startedAt,completedAt:y,outcome:x||o.changes.length>0||$b(o.target,m)?"changed":"no-observable-change",changes:o.changes,...m?{result:m}:{}};if(o=null,r.length<Cb&&(r.push(S),e.onStep?.(S),e.captureFrame)){let P=l,M=e.captureFrame().catch(()=>null);l=M,s.push(Promise.all([P,M]).then(([I,N])=>({step:S,before:I,after:N})))}},f=()=>{window.clearTimeout(i),i=window.setTimeout(c,Tb)},p=(y,m,x)=>{let{element:S,state:P}=m,M=o?.kind==="input"&&y==="input"&&o.targetElement===S,I=o?.kind==="click"&&(y==="input"||y==="change"||y==="play"||y==="pause"||y==="seek")&&o.targetElement===S;if(M||I){f();return}c(),o={id:`episode-step-${n}-${r.length+1}`,kind:y,label:Lb(y,S,P),...x?{key:x}:{},targetElement:S,target:P,captureResult:m.captureResult,startedAt:t(),changes:[]},e.onActionCountChange?.(r.length+1),f()},h=new MutationObserver(y=>{if(!(!o||a)){for(let m of y){if(o.changes.length>=Tp)break;let x=(S,P)=>{if(!o||o.changes.length>=Tp)return;let M=Pb(P),I=ea(M);!I||o.changes.some(N=>N.kind===S&&N.element.selector===I.selector&&N.element.tagName===I.tagName&&N.element.text===I.text)||o.changes.push({kind:S,element:I})};m.addedNodes.forEach(S=>x("added",S)),m.removedNodes.forEach(S=>x("removed",S)),(m.type==="attributes"||m.type==="characterData")&&x("updated",m.target)}f()}});return h.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(y){if(a)return;if(y.type==="pointerdown"||y.type==="pointerup"){let M=y;if(y.type==="pointerdown"&&M.button===0){let I=e.resolveEventTarget?.(y),N=I?.element??(y.target instanceof Element&&!ro(y.target)?y.target:null),Z=I?.state??ea(N);if(!Z)return;d={x:M.clientX,y:M.clientY,targetElement:N,target:Z,captureResult:I?.captureResult};return}if(y.type==="pointerup"){let I=d;d=null,I?.targetElement&&Math.hypot(M.clientX-I.x,M.clientY-I.y)>4&&p("drag",{element:I.targetElement,state:I.target,captureResult:I.captureResult});return}}let m=Rb(y);if(!m||y instanceof KeyboardEvent&&!jb(y))return;let x=e.resolveEventTarget?.(y),S=x?.element??(y.target instanceof Element&&!ro(y.target)?y.target:null);if(!S)return;let P=x?.state??ea(S);P&&p(m,{element:S,state:P,captureResult:x?.captureResult},y instanceof KeyboardEvent?y.key:void 0)},recordScroll(){if(!a){if(o?.kind==="scroll"){f();return}p("scroll",{element:null,state:{tagName:"document",text:"page"}})}},hasActions(){return o!==null||r.length>0},async finish(){a||c(),a=!0,h.disconnect(),window.clearTimeout(i);let y={version:1,startedAt:n,completedAt:t(),subject:e.subjectState??ea(e.subjectElement),steps:[...r]};if(r.length===0||s.length===0)return{episode:y,frames:[]};let m=await Promise.all(s),x=[],S=new Map,P=[],M=async I=>{if(!I)return;let N=await Ab(I),Z=S.get(N);if(Z)return Z;let E=`episode-frame-${n}-${x.length+1}`;return S.set(N,E),P.push({id:E,imageIndex:x.length,fingerprint:N}),x.push(I),E};for(let I of m){let N=await M(I.before),Z=await M(I.after);(N||Z)&&(I.step.visuals={...N?{beforeFrameId:N}:{},...Z?{afterFrameId:Z}:{}})}return P.length>0&&(y.frames=P),{episode:y,frames:x}},cancel(){a=!0,o=null,d=null,h.disconnect(),window.clearTimeout(i)}}}function Rp(e){return!!(e&&!e.domEdit&&(e.linkedSelector||e.target))}function Lp(e){return!!(e&&e.type==="text"&&(e.status??"pending")==="pending"&&(e.linkedSelector||e.target))}function Db(e,t){return!!(t&&e?.id===t.id)}function Hb(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 Ob(e){let t=e.activationDraft??e.activeDraft;if(Rp(t))return{kind:"draft",value:t};let n=Hb(e.annotations,e.selectedAnnotationIds,e.lastSelectedId).find(Lp);return n?{kind:"annotation",value:n}:Lp(e.annotationAtCursor)?{kind:"annotation",value:e.annotationAtCursor}:null}var cd={kind:"root"},Nb=2;function _b(e){return e==="color"?"slate":rl(e)[0]}function Wb(e){let t=Ss(e),n=_b(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 $p(e,t){let n=Ss(e),r=fm(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 Fb(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 Bb(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 Jb(e){return e.kind==="root"?Ni.flatMap(t=>{let n=Wb(t);return t==="color"?[n]:[n,...rl(t).filter(r=>!zc(r)).map(r=>$p(t,r))]}):e.kind==="family"?rl(e.family).filter(t=>!zc(t)).map(t=>$p(e.family,t)):e.kind==="colors"?jc.map(t=>Fb(e.family,t)):ci(e.family,e.subproperty).map(t=>Bb(e.family,e.subproperty,t))}function Ra(e){return e.toLowerCase().trim().replace(/[^a-z0-9]+/g," ")}function jp(e){return Ra(e).replace(/\s+/g,"")}function qb(e){return Ra(e).split(/\s+/).filter(Boolean).map(t=>t[0]).join("")}function Ub(e,t){let n=Ra(e);if(!n)return 0;let r=Ra(t.searchPath),o=Ra(t.label),i=jp(e),a=jp(t.searchPath),l=qb(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(c=>c.startsWith(n)))return 880;if(l.startsWith(i))return 850;if(a.startsWith(i))return 820;let s=0;for(let c of i){if(s=a.indexOf(c,s),s===-1)return-1;s+=1}let d=t.id.startsWith("family:")?20:0;return 500-Math.max(0,a.length-i.length)+d}function La(e,t){if(!t.trim())return null;let n=o=>Jb(o).map((i,a)=>({candidate:i,index:a,score:Ub(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<Nb?null:La(e,t)}function Yb(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 Kb(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 pi(e,t){$r(e)&&(t.forEach(n=>e.style.removeProperty(n)),e.style.removeProperty("transition"))}function ur(e,t,n){return{property:e,original:`${t}px`,modified:`${n}px`}}function Xb(e,t,n){pi(e,["font-size","line-height"]);let r=[];if(t.fontSize!==n.fontSize&&(ot(e,"font-size",`${n.fontSize}px`),r.push(ur("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 Vb(e,t,n,r){if(!t.hasMoved){if(r)return[];pi(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(ur("row-gap",t.row,8)),t.column!==8&&s.push(ur("column-gap",t.column,8))):(pi(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(ur("row-gap",t.row,0)),t.column>0&&s.push(ur("column-gap",t.column,0))),s}if(!n)return[];pi(e,["row-gap","column-gap"]);let o=[];return t.isAuto?(pi(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(ur("row-gap",0,n.row)),o.push(ur("column-gap",0,n.column)),o):(t.row!==n.row&&(ot(e,"row-gap",`${n.row}px`),o.push(ur("row-gap",t.row,n.row))),t.column!==n.column&&(ot(e,"column-gap",`${n.column}px`),o.push(ur("column-gap",t.column,n.column))),o)}var fd={"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 Gb(e,t,n){let r=Object.values(fd);pi(e,r);let o=[];return Object.keys(fd).forEach(i=>{if(t[i]===n[i])return;let a=fd[i];ot(e,a,`${n[i]}px`),o.push(ur(a,t[i],n[i]))}),o}function Qb(e,t,n){pi(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(ur(i,t[o],n[o]))}),r}function Pp(){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 zp(){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 Dp(){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 Hp(){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 Rl(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 Zb(e,t){return!e.element||!t?null:Rl(e,Xb(e.element,{fontSize:e.originalFontSize,lineHeight:e.originalLineHeight},t))}function e0(e,t,n){return e.element?Rl(e,Vb(e.element,{hasMoved:e.hasMoved,isAuto:e.isAuto,row:e.originalRow,column:e.originalColumn,justifyContent:e.originalJustifyContent},t,n)):null}function t0(e,t){return!e.element||!t?null:Rl(e,Gb(e.element,e.original,t.radius))}function n0(e,t){return!e.element||!t?null:Rl(e,Qb(e.element,e.original,t.padding))}var r0="popmelt-steering-context",Op=1;function o0(e){return Di(r0,e)}function ta(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function hd(e){return typeof e=="string"&&Ni.includes(e)}function i0(e){return e==="family"||e==="variant"||e==="value"}function Np(e,t){return typeof t=="string"&&$c(e,t)===t}function a0(e,t,n){return ci(e,t).includes(n)}function Ll(e){if(!ta(e)||!hd(e.family))return null;let t=e.family;if(!Np(t,e.subproperty))return null;let n=e.subproperty;return!i0(e.stage)||!a0(t,n,e.step)?null:{family:t,subproperty:n,stage:e.stage,step:e.step}}function _p(e){if(!ta(e)||typeof e.kind!="string")return null;if(e.kind==="root")return{kind:"root"};if(e.kind==="family"&&hd(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"&&hd(e.family)){let t=e.family;return Np(t,e.subproperty)?{kind:"values",family:t,subproperty:e.subproperty}:null}return null}function l0(e){if(!ta(e)||typeof e.query!="string"||!Array.isArray(e.segments)||!e.segments.every(i=>typeof i=="string"))return null;let t=_p(e.scope),n=Ll(e.origin);if(!t||!n||!Array.isArray(e.history))return null;let r=[];for(let i of e.history){if(!ta(i))return null;let a=_p(i.scope),l=Ll(i.snapshot);if(!a||!l)return null;r.push({scope:a,snapshot:l})}let o;if(e.segmentOrigin!==void 0){let i=Ll(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 s0(e){let t=Ll(e);if(!t||!ta(e))return null;if(e.query===null)return{...t,query:null};let n=l0(e.query);return n?{...t,query:n}:null}function d0(e,t){try{let n=e.getItem(t);if(!n)return null;let r=JSON.parse(n);return!ta(r)||r.version!==Op?null:s0(r.context)}catch{return null}}function c0(e,t,n){try{e.setItem(t,JSON.stringify({version:Op,context:n}))}catch{}}function u0(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 Wp=100;function Fp(e,t){return e!=="sticker"||!t}var p0=new Set(["display","border-top-style","border-right-style","border-bottom-style","border-left-style"]);function f0(e,t){return e?.element===t.element&&e.family===t.family&&e.step===t.step&&e.subproperty===t.subproperty&&e.valueOverride===t.valueOverride}function Bp(e,t,n){return t>=e.left&&t<=e.right&&n>=e.top&&n<=e.bottom}function h0(e,t,n,r,o,i,a){return i&&a&&pv(i,r,o,a)||t===e?!0:t&&t!==e&&e.contains(t)?Bp(n,r,o):t&&t.contains(e)&&i&&a&&fv(i,r,o,a)?!0:Bp(n,r,o)||!!(i&&uv(i,r,o))}function md(e,t){t.value?e.style.setProperty(t.property,t.value,t.priority):e.style.removeProperty(t.property)}function Jp(e,t){return{property:t,value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}}function m0(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 $a(e){if(e){dg(e.element);for(let t of e.declarations)md(e.element,t)}}function g0(e,t,n){e&&($a(e),du(t),cu(n))}function y0(e){if(e)for(let t of e.activeDeclarations)md(e.element,t)}function v0(e,t,n,r,o=null,i){o&&o.element!==e&&($a(o),o=null);let a=window.getComputedStyle(e),l=vc(t,r),s=i?a.getPropertyValue(l).trim()===i:bc(t,n,r,P=>a.getPropertyValue(P)),d=xc(t),c=wc(t,r,n),f=t==="border"&&!di(t,r)&&typeof n=="number"&&n>0?Sc(r):null,p=[l,...d?["display"]:[],...c.map(P=>P.property),...f?[f]:[]],h=[...new Set(p)],y=new Set([...h,"transition"]),m=new Map(o?.declarations.map(P=>[P.property,P])??[]);for(let P of m.values())y.has(P.property)||md(e,P);let x=[...y].map(P=>m.get(P)??Jp(e,P)),S=h.filter(P=>!p0.has(P));cg(e,m0(h)),S.length>0&&ot(e,"transition",S.map(P=>`${P} ${Wp}ms ease-out`).join(", ")),d&&ot(e,"display",d);for(let P of c)ot(e,P.property,P.value);if(ot(e,l,i??Oi(t,n,r)),f){let P=window.getComputedStyle(e).getPropertyValue(f).trim();(!P||P==="none")&&ot(e,f,"solid")}return{preview:{element:e,declarations:x,activeDeclarations:[...y].map(P=>Jp(e,P))},stepUnavailable:s}}var qp="[data-popmelt-subject-label-action]";function b0(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 Up(e,t,n){let r=b0(e);return r?t>=r.left&&t<=r.right&&n>=r.top&&n<=r.bottom:!0}function x0(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 w0(e,t,n,r){let o=vn(e),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 Yp(e,t,n){for(let r of e.querySelectorAll(qp)){let o=r.getBoundingClientRect();if(t>=o.left&&t<=o.right&&n>=o.top&&n<=o.bottom){let i=x0(e,r);if(i&&!Up(i,t,n))continue;return r}}return null}function S0(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(`${qp}[data-popmelt-subject-adapter][data-popmelt-subject-key]`)).find(l=>l.dataset.popmeltSubjectAdapter===o&&l.dataset.popmeltSubjectKey===i);return!a||!Up(t,n,r)?!1:w0(t,a,n,r)}function I0(e){return!("button"in e)||e.button===0}function $l(e){let t=js(e);return{element:e,elementInfo:{...yn(e),selector:t},selector:t,durableSelector:Ro(e)}}function jl(e){return{x:e.x-window.scrollX,y:e.y-window.scrollY}}function Pl(e){ot(e,"transition","none")}function k0(e,t,n){let r=$l(e),o=jl(n),i=Ia(e);return Pl(e),{session:{...r,isDragging:!0,side:t,startX:o.x,startY:o.y,original:i},dragging:{side:t,padding:{...i}}}}function E0(e,t,n,r){let o=$l(e),i=jl(n),a=al(e),l=window.getComputedStyle(e).justifyContent,s=0;if(r){let c=ll(e).find(f=>f.axis===t);s=c?t==="column"?c.w:c.h:0}let d=r?{row:s,column:s}:a;return Pl(e),{session:{...o,isDragging:!0,hasMoved:!1,axis:t,startX:i.x,startY:i.y,originalRow:d.row,originalColumn:d.column,isAuto:r,originalJustifyContent:l,visualGap:s},dragging:{axis:t,...d}}}function T0(e,t,n){let r=$l(e),o=Fi(e);return Pl(e),{session:{...r,isDragging:!0,corner:t,startY:jl(n).y,original:o,maxRadius:Math.floor(e.getBoundingClientRect().height/2)},dragging:{corner:t,radius:{...o}}}}function C0(e,t,n){let r=$l(e),o=jl(n),i=ou(e);return Pl(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 A0({activeText:e,applySticker:t,canvasRef:n,clearSelection:r,commentTextEditCandidateRef:o,commitActiveText:i,createInlineTextEdit:a,dispatch:l,domDragRef:s,editPendingLinkedComment:d,findAnnotationAtPoint:c,findHandleAtPoint:f,findTextAtPoint:p,gapDragRef:h,gapHoveredAxis:y,gapHoveredElement:m,gapIsAuto:x,getPoint:S,handleAnnotationActivation:P,handDragRef:M,handHoveredElement:I,handHoveredSide:N,hoveredElement:Z,hoveredElementInfo:E,isElementInFlight:K,onCanvasInteraction:O,openThreadAndFocusReply:Y,pageAnnotations:q,modifiedElementThreadStates:le,pageStyleModifications:w,parentPinnedAnnotationIds:G,pointerTargetOverrideRef:z,radiusDragRef:W,radiusHoveredCorner:R,radiusHoveredElement:j,selectAnnotation:$,setDragState:T,setGapDragging:Q,setHandDragging:re,setPendingLinkedText:ee,setRadiusDragging:oe,setResizeState:U,setStickerRejectPulse:fe,setTextDragging:me,state:X,stickerStage:Te,textDragRef:Ae,textHoveredElement:Ee,textHoveredProperty:_e,toolbarRef:D}){return J(ze=>{if(!X.isAnnotating||!I0(ze))return;O?.();let Oe=z?.current??null;z&&(z.current=null);let Ve=Oe?.element??Z,rt=Oe?.elementInfo??E,ve=S(ze),Ne="shiftKey"in ze&&ze.shiftKey,ge="clientX"in ze?{x:ze.clientX,y:ze.clientY}:"touches"in ze&&ze.touches[0]?{x:ze.touches[0].clientX,y:ze.touches[0].clientY}:null;if(X.activeTool==="sticker"){if("button"in ze&&ze.button!==0||Te!=="value")return;if(!ge){fe(Be=>Be+1);return}let Le=Oe?.element??Bi(ge.x,ge.y);if(!(Le instanceof HTMLElement)&&!(Le instanceof SVGElement)){fe(Be=>Be+1);return}ze.preventDefault(),ze.stopPropagation(),t(Le);return}if(X.activeTool==="inspector"&&ge&&(!("button"in ze)||ze.button===0)){let Le=a(ge.x,ge.y,ve);o.current=Le?{edit:Le,clientX:ge.x,clientY:ge.y,expiresAt:Date.now()+1e3}:null}else o.current=null;let qe=p(ve);if(qe?.points[0]){e&&i(),Ne||r();let Le=qe.threadId||(qe.groupId?X.annotations.find(Be=>Be.groupId===qe.groupId&&Be.threadId)?.threadId:void 0);if(G.has(qe.id)){o.current=null,P(qe.id,Le);return}Le&&Y(Le),T({annotation:qe,startPoint:ve,hasMoved:!1});return}if(X.activeTool==="inspector"){if("button"in ze&&ze.button===2)return;if(Ve&&!K(Ve)){let Le=q.filter(g=>g.type==="text"&&g.linkedSelector).filter(g=>hu(g.linkedSelector,g.elements?.[0])===Ve).sort((g,ie)=>ie.timestamp-g.timestamp)[0];if(Le?.points[0]){if((Le.status??"pending")==="pending"&&!Le.threadId)d(Le.id);else{let g=Le.threadId||(Le.groupId?X.annotations.find(ie=>ie.groupId===Le.groupId&&ie.threadId)?.threadId:void 0);g&&Y(g)}return}let Be=xa(Ve),Pt=new Set;for(let[g,ie]of le??[]){let be=mu(ie.selectors??[g],ie.targetFingerprint);be.status==="matched"&&be.element===Ve&&Pt.add(ie.threadId)}if(Pt.size===1){Y([...Pt][0]);return}let ht=rt??yn(Ve),pt=Be?Dc(Be):Ro(Ve),Qe=vn(Ve),ft=pt;if(!Be){let g=Ve.getAttribute("data-pm");g||(g=Math.random().toString(36).substring(2,8),Ve.setAttribute("data-pm",g)),ft=uu(`[data-pm="${g}"]`,Ve.ownerDocument)}let zt=w.some(g=>{if(g.captured)return!1;try{return Ji(Ve,g.selector)}catch{return!1}}),Kt=X.annotations.filter(g=>{if(!g.linkedSelector)return!1;try{return Ji(Ve,g.linkedSelector)}catch{return!1}}).length,En=(zt?1:0)+Kt,Xt=Qe.top>=22*(1+En)+Hi?"top-left":"bottom-left",_t=n.current?.getContext("2d")??document.createElement("canvas").getContext("2d"),Me;_t&&(_t.font=`12px ${kn}`,Me=_t.measureText("Type here...").width);let Zt=Ve===document.body?Ic(Qe):kc(Qe,Xt,En,D?.current,Me,0);ee({point:Zt,subjectAnchor:Be?{x:.5,y:.5}:void 0,linkedSelector:ft,target:Be,linkedAnchor:Xt,elements:[{...ht,selector:pt}]})}return}if(X.activeTool==="hand"&&I&&Fm(I)&&!m&&!j&&!Ee&&!N){let Le=I,Be=js(Le),Pt=Ro(Le),ht=yn(Le),pt="altKey"in ze&&ze.altKey;s.current={isDragging:!0,hasMoved:!1,mode:pt?"copy":"move",startX:ve.x-window.scrollX,startY:ve.y-window.scrollY,element:Le,originalParent:Le.parentElement,originalIndex:Bm(Le),selector:Be,durableSelector:Pt,elementInfo:{...ht,selector:Be}},ze.preventDefault();return}if(X.activeTool==="hand"&&m&&y){let Le=E0(m,y,ve,x);h.current=Le.session,Q(Le.dragging);return}if(X.activeTool==="hand"&&Ee&&_e){let Le=C0(Ee,_e,ve);Ae.current=Le.session,me(Le.dragging);return}if(X.activeTool==="hand"&&j&&R){let Le=T0(j,R,ve);W.current=Le.session,oe(Le.dragging);return}if(X.activeTool==="hand"&&I&&N){let Le=k0(I,N,ve);M.current=Le.session,re(Le.dragging);return}let st=f(ve);if(st){let Le=X.annotations.find(Be=>Be.id===st.annotationId);if(Le&&Le.type!=="text"&&(Le.status??"pending")==="pending"){U({annotationId:st.annotationId,handle:st.handle,startPoint:ve,originalPoints:[...Le.points],hasMoved:!1});return}}let Ge=c(ve);if(Ge?.points[0]){e&&i(),Ge.type!=="text"?($(Ge.id,Ne),Ge.color&&(Ge.status??"pending")==="pending"&&l({type:"SET_COLOR",payload:Ge.color})):Ne||r();let Le=Ge.threadId||(Ge.groupId?X.annotations.find(Be=>Be.groupId===Ge.groupId&&Be.threadId)?.threadId:void 0);Le&&(Ge.status??"pending")!=="pending"&&Y(Le),T({annotation:Ge,startPoint:ve,hasMoved:!1});return}Ne||r()},[e,t,n,r,o,i,a,l,s,d,c,f,p,h,y,m,x,S,P,M,I,N,Z,E,K,O,Y,q,le,w,G,z,W,R,j,$,T,Q,re,ee,oe,U,fe,me,X.activeTool,X.annotations,X.isAnnotating,Te,Ae,Ee,_e,D])}function na(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,d=t.y+l*i;return Math.hypot(e.x-s,e.y-d)<=r}function M0({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(na(e,a,l,s))return i;continue}if(i.type==="freehand"){for(let h=0;h<i.points.length-1;h+=1)if(na(e,i.points[h],i.points[h+1],s))return i;continue}let d=Math.min(a.x,l.x),c=Math.max(a.x,l.x),f=Math.min(a.y,l.y),p=Math.max(a.y,l.y);if(i.type==="rectangle"){if(na(e,{x:d,y:f},{x:c,y:f},s)||na(e,{x:d,y:p},{x:c,y:p},s)||na(e,{x:d,y:f},{x:d,y:p},s)||na(e,{x:c,y:f},{x:c,y:p},s))return i;continue}if(i.type==="circle"){let h=(c-d)/2,y=(p-f)/2;if(h===0||y===0)continue;let m=Math.hypot((e.x-(d+c)/2)/h,(e.y-(f+p)/2)/y);if(Math.abs(m-1)*Math.max(h,y)<=s)return i}}return null}function R0(e,t,n,r){if(t.length===0)return null;let o=r/2+4;for(let i of t){let a=n.find(y=>y.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 d,c,f,p;a.type==="freehand"?(d=Math.min(...a.points.map(y=>y.x)),c=Math.max(...a.points.map(y=>y.x)),f=Math.min(...a.points.map(y=>y.y)),p=Math.max(...a.points.map(y=>y.y))):(d=Math.min(l.x,s.x),c=Math.max(l.x,s.x),f=Math.min(l.y,s.y),p=Math.max(l.y,s.y));let h=a.type==="circle"?[{handle:"top",x:(d+c)/2,y:f},{handle:"bottom",x:(d+c)/2,y:p},{handle:"left",x:d,y:(f+p)/2},{handle:"right",x:c,y:(f+p)/2}]:a.type==="rectangle"||a.type==="freehand"?[{handle:"topLeft",x:d,y:f},{handle:"topRight",x:c,y:f},{handle:"bottomLeft",x:d,y:p},{handle:"bottomRight",x:c,y:p}]:[];for(let y of h)if(Math.hypot(e.x-y.x,e.y-y.y)<=o)return{handle:y.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 $0({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,d=e.fontSize||12;n.font=`${d}px ${kn}`;let c=e.text.replace(/\n/g," "),f=r!==void 0?`${r}. ${c}`:c,p=l.x-o.x,h=a?zs:0,y=Math.max(60,Rs(p)-h),m=au(n,f,y),x=n.measureText(m).width,S=d*dr,P=lu({x:l.x-o.x,y:l.y-o.y},d,i,h+x+16),M={x:P.x+o.x,y:P.y+o.y};return t.x>=M.x-8-s&&t.x<=M.x+h+x+8+s&&t.y>=M.y-4-s&&t.y<=M.y+S+4+s}function j0({annotationGroupMap:e,annotations:t,canvasRef:n,handleSize:r,hiddenCollidingAnnotationIds:o,pageAnnotations:i,parentPinnedAnnotationIds:a,scroll:l,selectedAnnotationIds:s,supersededAnnotations:d,textSafeBounds:c}){let f=J(m=>L0(n.current,m,{x:window.scrollX,y:window.scrollY}),[n]),p=J(m=>M0({point:m,annotations:i,isHidden:x=>d.has(x)||o.has(x.id),textContainsPoint:(x,S)=>$0({annotation:x,point:S,context:n.current?.getContext("2d")??null,groupNumber:e.get(x.id),scroll:l,textSafeBounds:c,parentPinned:a.has(x.id)})}),[e,n,o,i,a,l,d,c]),h=J(m=>{let x=p(m);return x?.type==="text"?x:null},[p]),y=J(m=>R0(m,s,t,r),[t,r,s]);return{findAnnotationAtPoint:p,findHandleAtPoint:y,findTextAtPoint:h,getPoint:f}}function P0({annotations:e,dragState:t,resizeState:n,dispatch:r,setDragState:o,setResizeState:i}){return J(({point:a,centerOrigin:l,lockAspect:s})=>{if(n){let d=e.find(f=>f.id===n.annotationId);if(!d)return!0;let c=ub({annotation:d,session:n,point:a,centerOrigin:l,lockAspect:s});return r({type:"RESIZE_ANNOTATION",payload:{id:n.annotationId,points:c,saveUndo:!n.hasMoved}}),n.hasMoved||i({...n,hasMoved:!0}),!0}if(t&&(t.annotation.status??"pending")==="pending"){let d=db(t,a);return d&&(o(d.session),r({type:"MOVE_ANNOTATION",payload:{id:t.annotation.id,delta:d.move.delta,...d.move.saveUndo?{saveUndo:!0}:{}}})),!0}return!1},[e,r,t,n,o,i])}function z0({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 d=s.getBoundingClientRect(),c=Fi(s),f=[["top-left",d.left,d.top+c["top-left"]],["top-right",d.right,d.top+c["top-right"]],["bottom-right",d.right,d.bottom-c["bottom-right"]],["bottom-left",d.left,d.bottom-c["bottom-left"]]];for(let[p,h,y]of f){let m=Math.hypot(n.x-h,n.y-y);m<a&&(a=m,i=p,l=s)}}return i&&l?{element:l,corner:i}:null}function D0({element:e,point:t,maxCandidates:n=3}){let r=[];e&&su(e)&&r.push(e);let o=e?.parentElement??null;for(;o&&o!==document.body&&r.length<n;)su(o)&&r.push(o),o=o.parentElement;for(let i of r){let a=ll(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:Ps(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(!ig(s))continue;let d=Ds(s);if(!d)continue;let c=n.x>=d.left&&n.x<=d.right&&n.y>=d.top&&n.y<=d.bottom,f=[["font-size",d.right,d.top+d.height/2],["line-height",d.left+d.width/2,d.bottom]];for(let[p,h,y]of f){let m=Math.hypot(n.x-h,n.y-y);(c||m<r)&&m<a&&(a=m,i=p,l=s)}}return i&&l?{element:l,property:i}:null}function O0(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,d=e.x<i,c=e.x>a;return l&&d?n.top>=n.left?"top":"left":l&&c?n.top>=n.right?"top":"right":s&&d?n.bottom>=n.left?"bottom":"left":s&&c?n.bottom>=n.right?"bottom":"right":l?"top":s?"bottom":d?"left":c?"right":null}var gd=[0,1,2,4,8,12,16,20,24,28,32],N0=[8,10,11,12,13,14,16,18,20,22,24,28,32,36,40,48,56,64,72,80,96];function zl(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 _0(e){return N0.reduce((t,n)=>Math.abs(e-n)<Math.abs(e-t)?n:t)}function W0(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=zl(i),a=zl(a)),{axis:r,gap:{row:Math.round(i),column:Math.round(a)},started:o,convertedAuto:o&&e.isAuto}}function F0(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=zl(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=_0(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 J0(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=zl(a)),o[i]=Math.round(a)}),{side:r,padding:o}}function q0({canvasRef:e,domDragRef:t,gapDragRef:n,gapHoveredAxis:r,gapHoveredElement:o,handCursorRef:i,handDragRef:a,handHoveredElement:l,handHoveredSide:s,modifiersRef:d,radiusDragRef:c,radiusHoveredCorner:f,radiusHoveredElement:p,setDomDropPreview:h,setGapDragging:y,setGapHoveredAxis:m,setGapHoveredElement:x,setGapIsAuto:S,setHandCursorPos:P,setHandDragging:M,setHandHoveredElement:I,setHandHoveredSide:N,setRadiusDragging:Z,setRadiusHoveredCorner:E,setRadiusHoveredElement:K,setTextDragging:O,setTextHoveredElement:Y,setTextHoveredProperty:q,textDragRef:le,textHoveredElement:w,textHoveredProperty:G}){return J(({x:z,y:W})=>{i.current={x:z,y:W},P({x:z,y:W});let R=d.current.cmd,j=d.current.shift;if(t.current.isDragging){let ee=t.current,oe=ee.element;if(!oe)return;if(!ee.hasMoved){let fe=Math.abs(z-ee.startX),me=Math.abs(W-ee.startY);if(fe<=3&&me<=3)return;ee.hasMoved=!0}let U=rg(z,W,oe,e.current);if(!U){h(null);return}h({rect:U.reference.getBoundingClientRect(),placement:U.placement,mode:ee.mode});return}if(n.current.isDragging){let ee=n.current,oe=ee.element;if(!oe)return;let U=W0(ee,{x:z,y:W},{isolate:R,snap:j});if(!U)return;U.started&&(ee.hasMoved=!0),U.convertedAuto&&(ot(oe,"justify-content","normal"),ot(oe,"row-gap",`${ee.visualGap}px`),ot(oe,"column-gap",`${ee.visualGap}px`),S(!1)),ot(oe,"row-gap",`${U.gap.row}px`),ot(oe,"column-gap",`${U.gap.column}px`),y({axis:U.axis,...U.gap});return}if(c.current.isDragging){let ee=c.current,oe=ee.element;if(!oe)return;let U=F0(ee,{y:W},{isolate:R,snap:j});if(!U)return;ot(oe,"border-top-left-radius",`${U.radius["top-left"]}px`),ot(oe,"border-top-right-radius",`${U.radius["top-right"]}px`),ot(oe,"border-bottom-right-radius",`${U.radius["bottom-right"]}px`),ot(oe,"border-bottom-left-radius",`${U.radius["bottom-left"]}px`),Z(U);return}if(le.current.isDragging){let ee=le.current,oe=ee.element;if(!oe)return;let U=B0(ee,{x:z,y:W},j);if(!U)return;ot(oe,"font-size",`${U.text.fontSize}px`);let fe=U.text.fontSize>0?Math.round(U.text.lineHeight/U.text.fontSize*1e3)/1e3:1.2;ot(oe,"line-height",`${fe}`),O({property:U.property,...U.text});return}if(a.current.isDragging){let ee=a.current,oe=ee.element;if(!oe)return;let U=J0(ee,{x:z,y:W},{isolate:R,snap:j});if(!U)return;ot(oe,"padding",`${U.padding.top}px ${U.padding.right}px ${U.padding.bottom}px ${U.padding.left}px`),M(U);return}let $=Bi(z,W);for(;$&&$.tagName==="A";)$=$.parentElement;let T=z0({element:$,stickyElement:p,point:{x:z,y:W}});if(T){K(T.element),E(T.corner),l&&I(null),s&&N(null),o&&x(null),r&&m(null),S(!1),w&&Y(null),G&&q(null);return}p&&K(null),f&&E(null);let Q=D0({element:$,point:{x:z,y:W}});if(Q){x(Q.element),m(Q.axis),S(Q.isAuto),l&&I(null),s&&N(null),w&&Y(null),G&&q(null);return}o&&x(null),r&&m(null),S(!1);let re=H0({element:$,stickyElement:w,point:{x:z,y:W}});if(re?(Y(re.element),q(re.property)):(w&&Y(null),G&&q(null)),$!==l&&I($),$){let ee=Ia($);N(O0({x:z,y:W},$.getBoundingClientRect(),ee))}else N(null)},[e,t,n,r,o,i,a,l,s,d,c,f,p,h,y,m,x,S,P,M,I,N,Z,E,K,O,Y,q,le,w,G])}function U0({activeTool:e,isAnnotating:t,lastCanvasCursorRef:n,getPoint:r,isManipulating:o,findTextAtPoint:i,clearPageElementHover:a,handleShakePointerMove:l,handleTargetPointerMove:s,handleHandPointerMove:d,handleAnnotationPointerMove:c}){return J(f=>{let p=r(f),h={x:p.x-window.scrollX,y:p.y-window.scrollY},y="metaKey"in f&&(!("pointerType"in f)||f.pointerType==="mouse");n.current=h;let m=o();if(!l({isManipulating:m,isTouchEvent:"touches"in f||"pointerType"in f&&f.pointerType!=="mouse",viewportPoint:h})){if(!m&&i(p)){a();return}if(!s({viewportPoint:h,passThrough:y&&(f.metaKey||f.ctrlKey),stopPropagation:()=>f.stopPropagation()})){if(e==="hand"&&t){d(h);return}c({point:p,centerOrigin:y&&(f.metaKey||f.ctrlKey),lockAspect:y&&f.shiftKey})}}},[e,a,i,r,c,d,l,s,t,o,n])}function Y0({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&&h0(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 K0(e,t,n){return t?e!=="sticker"&&n(t)?null:t:null}function Kp({activeTool:e,isAnnotating:t,suspendTargetDiscovery:n}){return t&&!n&&(e==="inspector"||e==="sticker")}function X0(e,t){return e?.subjectLabel!==t.subjectLabel||e?.textContent!==t.textContent||e?.context!==t.context}function V0(e,t){return!!(e&&t&&(e.adapter!==t.adapter||e.key!==t.key))}function G0(e,t,n,r=16){if(!(e instanceof HTMLImageElement||e instanceof HTMLVideoElement)||t)return!1;let o=vn(e);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 Q0({activeTool:e,isAnnotating:t,suspendTargetDiscovery:n,hoveredElement:r,hoveredElementInfo:o,subjectRegistry:i,stickerFamily:a,stickerStage:l,stickerSubproperty:s,steerDragRef:d,transformDragHandoffRef:c,transformPreviewSuppressionRef:f,transformPreviewTargetRef:p,clearStickerPreview:h,isElementInFlight:y,setHoveredElement:m,setHoveredElementInfo:x,setStickerCursor:S,setStickerStep:P}){return J(({viewportPoint:M,passThrough:I,stopPropagation:N})=>{if(!Kp({activeTool:e,isAnnotating:t,suspendTargetDiscovery:n}))return!!n;if(e==="sticker"&&(N(),S(M)),d.current)return!0;if(mg(M.x,M.y))return e==="sticker"&&h(),r&&m(null),o&&x(null),S(null),!0;let Z={allowBodyFallback:e==="inspector"},E=I?gg(M.x,M.y,Z):Bi(M.x,M.y,Z),K=e==="inspector"?i?.hitTest(M):null,O=G0(E,!!K,M),Y=xa(r),q=V0(Y,K?.target),le=!K&&Y?i?.resolve(Y)?.subject.sourceElement:void 0,w=le&&!yg(le,M.x,M.y);if(!O&&!q&&!w&&e==="inspector"&&S0(document,r,M.x,M.y))return!0;let G=K?.element??E,z=e==="sticker"&&l==="value"&&a==="transform"?p.current:null,W=I?{candidate:G,clearDragHandoff:!!c.current,clearPreviewTarget:!!z}:Y0({rawElement:G,point:M,dragHandoff:c.current,previewTarget:z,handleHitSize:20});W.clearDragHandoff&&(c.current=null),W.clearPreviewTarget&&(p.current=null);let R=W.candidate,j=K0(e,R,y);if(j===r)return K?.element===j&&X0(o,K.elementInfo)&&x(K.elementInfo),!0;if(e==="sticker"&&h(),e==="sticker"&&$r(j)&&a==="transform"&&(s==="translate"||s==="scale"||s==="rotate")){let $=bv(j,s);f.current={element:j,subproperty:s,step:$},P($)}else a==="transform"&&(f.current=null);return m(j),x(K?.element===j?K.elementInfo:j?yn(j):null),!0},[e,h,r,o,t,y,m,x,S,P,d,a,l,s,i,n,c,f,p])}function Z0({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 ex(e){let t=q0(e),n=P0(e),r=Q0(e),o=B(r),i=B(e.clearPageElementHover),a=B(!1),l=Kp({activeTool:e.activeTool,isAnnotating:e.isAnnotating,suspendTargetDiscovery:e.suspendTargetDiscovery});Et(()=>{o.current=r,i.current=e.clearPageElementHover},[r,e.clearPageElementHover]),_(()=>{if(l)return Z0({onSuspend:()=>i.current(),onRestore:()=>{let c=e.lastCanvasCursorRef.current;c&&o.current({viewportPoint:c,passThrough:!1,stopPropagation:()=>{}})},suspendedRef:a})},[e.lastCanvasCursorRef,l]);let s=J(c=>a.current?!0:o.current(c),[]);_(()=>{let c=f=>{f.repeat||f.key!=="Meta"&&f.key!=="Control"||!e.lastCanvasCursorRef.current||s({viewportPoint:e.lastCanvasCursorRef.current,passThrough:!0,stopPropagation:()=>{}})};return window.addEventListener("keydown",c,!0),()=>window.removeEventListener("keydown",c,!0)},[s,e.lastCanvasCursorRef]),_(()=>{let c=f=>{let p=e.canvasRef.current;if(p&&f.composedPath().includes(p))return;let h={x:f.clientX,y:f.clientY};e.lastCanvasCursorRef.current=h,s({viewportPoint:h,passThrough:f.metaKey||f.ctrlKey,stopPropagation:()=>{}})};return window.addEventListener("mousemove",c,!0),()=>window.removeEventListener("mousemove",c,!0)},[s,e.canvasRef,e.lastCanvasCursorRef]),_(()=>{if(e.subjectRegistry)return e.subjectRegistry.subscribeFrame(()=>{let c=e.lastCanvasCursorRef.current;c&&s({viewportPoint:c,passThrough:!1,stopPropagation:()=>{}})})},[s,e.lastCanvasCursorRef,e.subjectRegistry]);let d=J(()=>!!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 U0({...e,isManipulating:d,handleAnnotationPointerMove:n,handleHandPointerMove:t,handleTargetPointerMove:s})}function tx({annotationGroupMap:e,canvasRef:t,currentPathname:n,cursorPosRef:r,dispatch:o,domDragRef:i,dragState:a,gapDragRef:l,gapDragging:s,getPoint:d,handDragRef:c,handDragging:f,lastPositionedTextId:p,radiusDragRef:h,radiusDragging:y,resizeState:m,setActiveText:x,setDomDropPreview:S,setDragState:P,setGapDragging:M,setHandDragging:I,setRadiusDragging:N,setResizeState:Z,setSendHintAnchorId:E,setTextDragging:K,textDragRef:O,textDragging:Y}){return J(q=>{if(i.current.isDragging){let W=i.current,R=d(q),j=Jm({drag:W,clientX:R.x-window.scrollX,clientY:R.y-window.scrollY,pathname:n,createId:qm,rootElement:t.current});j&&o({type:"MODIFY_DOM_STRUCTURE",payload:j}),i.current=Kc(),S(null);return}if(O.current.isDragging){let W=Zb(O.current,Y);W&&o({type:"MODIFY_STYLES_BATCH",payload:W}),O.current=Hp(),K(null);return}if(l.current.isDragging){let W="button"in q&&q.button===2,R=e0(l.current,s,W);R&&o({type:"MODIFY_STYLES_BATCH",payload:R}),l.current=zp(),M(null);return}if(h.current.isDragging){let W=t0(h.current,y);W&&o({type:"MODIFY_STYLES_BATCH",payload:W}),h.current=Dp(),N(null);return}if(c.current.isDragging){let W=n0(c.current,f);W&&o({type:"MODIFY_STYLES_BATCH",payload:W}),c.current=Pp(),I(null);return}if(m){Z(null);return}if(!a)return;let le=e.get(a.annotation.id),w=t.current?.getContext("2d"),G=0;le!==void 0&&w&&(w.font=`${a.annotation.fontSize||12}px ${kn}`,G=w.measureText(`${le}. `).width);let z=cb({session:a,clickPoint:d(q),groupLabelWidth:G});z&&(p.current=null,r.current=null,E(a.annotation.id),z.color&&o({type:"SET_COLOR",payload:z.color}),x(z.activeText)),P(null)},[e,t,n,r,o,i,a,l,s,d,c,f,p,h,y,m,x,S,P,M,I,N,Z,E,K,O,Y])}var nx=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 rx({activeTool:e,isAnnotating:t,clearStickerPreview:n,dispatch:r,setStickerCursor:o,startCursorSwitchPulse:i}){let a=B(new nx),l=B(null);return{handleShakePointerMove:J(({isManipulating:s,isTouchEvent:d,viewportPoint:c})=>{if(d||s||!t||e!=="inspector"&&e!=="sticker"||!a.current.push({...c,time:performance.now()}))return!1;let f=e==="sticker"?"inspector":"sticker";return l.current={from:e,to:f},i(f),f==="sticker"?o(c):n(),r({type:"SET_TOOL",payload:f}),!0},[e,n,r,t,o,i]),pendingShakeToolTransitionRef:l}}function Xp(e){return Math.random().toString(36).substring(2,e+2)}function ox(e,t,n,r={}){let{textNode:o,targetElement:i,textNodePath:a,segments:l,originalText:s,rect:d,boundaryRect:c,boundaryRects:f,flowRect:p,firstLineIndent:h,styles:y,fontSize:m,wrapsText:x}=e,S=i.getAttribute("data-pm");S||(S=r.createPmId?.()??Xp(6),i.setAttribute("data-pm",S));let P=uu(`[data-pm="${S}"]`,i.ownerDocument),M=Hs({left:0,top:0,width:1,height:1},i.ownerDocument).height,I=N=>N?.endsWith("px")?`${parseFloat(N)*M}px`:N;return{id:r.createEditId?.()??Xp(7),point:{x:d.left+n.x,y:d.top+n.y},text:s,fontSize:m*M,isNew:!0,clickPoint:t,domEdit:{selector:P,durableSelector:Ro(i),element:{...yn(i),selector:P},textNodePath:a,originalText:s,textNode:o,targetElement:i,segments:l,rect:d,boundaryRect:c,boundaryRects:f,flowRect:p,firstLineIndent:h,fontFamily:y.fontFamily,fontWeight:y.fontWeight,fontStyle:y.fontStyle,lineHeight:y.lineHeight==="normal"?`${Math.round(m*M*1.2*10)/10}px`:I(y.lineHeight),letterSpacing:I(y.letterSpacing),color:y.color,textTransform:y.textTransform,textAlign:y.textAlign,wordSpacing:I(y.wordSpacing),textDecoration:y.textDecoration,textShadow:y.textShadow,whiteSpace:y.whiteSpace,wordBreak:y.wordBreak,overflowWrap:y.overflowWrap,wrapsText:x}}}function ix(e){let t=ng(e.clientX,e.clientY,e.canvas);return t?ox(t,e.clickPoint,e.scroll):null}function ax({activeText:e,activeTextRef:t,canvasRef:n,clearPageElementHover:r,clearSelection:o,clearSignal:i,commentTextEditCandidateRef:a,cursorPosRef:l,dispatch:s,findTextAtPoint:d,lastPositionedTextId:c,onAttachImages:f,onCloseThread:p,onSend:h,pendingLinkedText:y,releaseActiveTextAttachments:m,setActiveText:x,setDragState:S,setHoveredTextId:P,setPendingLinkedText:M,setSendHintAnchorId:I,state:N,stateRef:Z}){_(()=>{y&&(x({id:Math.random().toString(36).substring(2,9),point:y.point,subjectAnchor:y.subjectAnchor,text:"",fontSize:12,isNew:!0,linkedSelector:y.linkedSelector,target:y.target,linkedAnchor:y.linkedAnchor,elements:y.elements}),M(null))},[y,x,M]),_(()=>{let G=z=>{if(e)return;let W=d({x:z.clientX+window.scrollX,y:z.clientY+window.scrollY});P(W?.id??null)};return window.addEventListener("mousemove",G),()=>window.removeEventListener("mousemove",G)},[e,d,P]);let E=J(()=>{if(!e)return;if(e.domEdit){x(null);return}let G=hb(e);G.sendHintAnchorId&&I(G.sendHintAnchorId),G.action&&s(G.action),G.attachedImages&&f&&f(G.attachedImages.annotationId,G.attachedImages.images),x(null)},[e,s,f,x,I]),K=J(G=>{let z=Z.current.annotations.find(R=>R.id===G);if(!z||z.type!=="text"||!z.points[0]||(z.status??"pending")!=="pending")return;let W=t.current;W&&W.id!==z.id&&E(),o(),r(),c.current=null,l.current=z.text?.length??0,I(z.id),z.color&&s({type:"SET_COLOR",payload:z.color}),x({id:z.id,point:z.points[0],text:z.text||"",fontSize:z.fontSize||12,isNew:!1,groupId:z.groupId,linkedSelector:z.linkedSelector,target:z.target,linkedAnchor:z.linkedAnchor,elements:z.elements,attachments:z.attachments,interactionEpisode:z.interactionEpisode})},[t,r,o,E,l,s,c,x,I,Z]),O=B(!1),Y=J(()=>{if(!h)return;let G=t.current;if(nm(G?{text:G.text,originalText:G.domEdit?.originalText,hasInteractionEpisode:!!G.interactionEpisode?.steps.length}:null)){O.current=!0,E();return}h()},[t,E,h]);_(()=>{e||!O.current||(O.current=!1,h?.())},[e,h,N.annotations,N.textModifications]);let q=B(i);_(()=>{if(i===q.current)return;q.current=i;let G=t.current;G?.domEdit&&G.domEdit.segments.forEach(W=>{W.textNode.nodeValue=W.originalText});let z=G?.isNew?G.attachments??[]:[];m(z),O.current=!1,x(null),M(null),I(null),S(null),l.current=null,c.current=null,gs(localStorage)},[t,i,l,c,m,x,S,M,I]);let le=J((G,z,W)=>ix({clientX:G,clientY:z,clickPoint:W,canvas:n.current,scroll:{x:window.scrollX,y:window.scrollY}}),[n]),w=J(G=>{p?.(),M(null),S(null),I(null),o(),r(),c.current=null,x(G)},[r,o,c,p,x,S,M,I]);return _(()=>{let G=R=>{if(R.button!==0)return;let j=Z.current,$=a.current;if(!j.isAnnotating||j.activeTool!=="inspector"||!$)return;let T=Date.now()>$.expiresAt,Q=Math.hypot(R.clientX-$.clientX,R.clientY-$.clientY)>12,re=$.edit.domEdit;if(T||Q||!re?.textNode.isConnected||!re.targetElement.isConnected){a.current=null;return}R.preventDefault(),R.stopPropagation(),a.current=null,w($.edit)},z=R=>{R.detail===2&&G(R)},W=R=>{G(R)};return window.addEventListener("mousedown",z,!0),window.addEventListener("dblclick",W,!0),()=>{window.removeEventListener("mousedown",z,!0),window.removeEventListener("dblclick",W,!0)}},[a,w,Z]),{commitActiveText:E,createInlineTextEdit:le,editPendingLinkedComment:K,handleSendPendingBundle:Y}}function lx(e,t){let n=jr(Wi),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:d,rect:c,boundaryRect:f,boundaryRects:p,flowRect:h,firstLineIndent:y}=a.domEdit;if(!l.isConnected||!s.isConnected||!dl(s.ownerDocument))return null;let m=bg(s).getComputedStyle(s),x=Hs({left:0,top:0,width:1,height:1},s.ownerDocument).height,S=(parseFloat(m.fontSize)||12)*x,P=O=>O?.endsWith("px")?`${parseFloat(O)*x}px`:O,M=Zm(d,s,m),{textRect:I,boundaryRect:N,boundaryRects:Z,flowRect:E,firstLineIndent:K}=M;return iu(c,I)&&iu(f,N)&&eg(p,Z)&&tg(h,E)&&Math.abs(y-K)<.5?a:{...a,fontSize:S,point:{x:I.left+window.scrollX,y:I.top+window.scrollY},domEdit:{...a.domEdit,rect:I,boundaryRect:N,boundaryRects:Z,flowRect:E,firstLineIndent:K,lineHeight:m.lineHeight==="normal"?`${S*1.2}px`:P(m.lineHeight),letterSpacing:P(m.letterSpacing),wordSpacing:P(m.wordSpacing)}}}),o=window.requestAnimationFrame(i)};return o=window.requestAnimationFrame(i),()=>{o!==null&&window.cancelAnimationFrame(o)}},[n,r,t])}function sx({activeText:e,activeTextRef:t,canvasRef:n,visible:r}){let o=jr(Wi),i=B(null),[a,l]=L(null),s=B(null),d=B(null),c=e?.id??null;return Et(()=>{if(!o)return;let f=i.current,p=e?.domEdit;if(!f||!e||!p){l(null);return}let h=p.flowRect??p.rect,y=Math.max(1,window.innerWidth-h.left),m=Math.min(y,Math.max(1,h.width));f.style.width=`${p.wrapsText?m:1}px`,f.style.height="1px";let x=p.wrapsText?m:Math.min(y,Math.max(m,Math.ceil(f.scrollWidth)));f.style.width=`${x}px`;let S=Math.max(h.height,Math.ceil(f.scrollHeight));f.style.height=`${S}px`,l(P=>P?.id===e.id&&Math.abs(P.width-x)<.5&&Math.abs(P.height-S)<.5?P:{id:e.id,width:x,height:S})},[e,o]),_(()=>{if(!o)return;if(!c){s.current=null,d.current=null;return}if(!r||!i.current){s.current=null;return}let f=requestAnimationFrame(()=>{let p=i.current;if(!p||(p.focus(),s.current===c))return;s.current=c;let h=t.current;if(h){if(h.domEdit){p.setSelectionRange(0,p.value.length);return}if(d.current!==null){let y=Math.min(d.current,p.value.length);p.setSelectionRange(y,y);return}if(!h.isNew&&h.clickPoint){let y=n.current?.getContext("2d");if(!y)return;y.font=`${h.fontSize}px ${kn}`;let m=vb({text:h.text,fontSize:h.fontSize,point:h.point,clickPoint:h.clickPoint,context:y});p.setSelectionRange(m,m)}}});return()=>cancelAnimationFrame(f)},[c,t,n,r,o]),{cursorPosRef:d,domEditInputSize:a,inputRef:i,lastPositionedTextId:s}}var yd=["flex-start","center","flex-end"],vd=["flex-start","center","flex-end"],dx=300,Vp=20;function cx({enabled:e,dispatch:t,handCursorRef:n,setGapRefreshKey:r}){let[o,i]=L(null),a=J(()=>i(null),[]);return _(()=>{let l=null,s=!1,d=null,c=null,f=null,p=null,h=0,y=(O,Y)=>{let q=Bi(O,Y);for(;q&&q!==document.documentElement;){let le=window.getComputedStyle(q).display;if(le==="flex"||le==="inline-flex")return q;q=q.parentElement}return null},m=O=>{let Y=window.getComputedStyle(O).flexDirection;return Y==="column"||Y==="column-reverse"?"vertical":"horizontal"},x=O=>{let Y=O.getAttribute("data-pm");return Y||(Y=Math.random().toString(36).substring(2,8),O.setAttribute("data-pm",Y)),{selector:`[data-pm="${Y}"]`,durableSelector:Ro(O)}},S=()=>{s=!0,l&&clearTimeout(l),l=setTimeout(()=>{s=!1,l=null},dx)},P=(O,Y,q)=>{let le=m(O);if(Y===le){let w=window.getComputedStyle(O).justifyContent,G=w==="normal"||w==="flex-start"||w==="start"?"flex-start":w==="flex-end"||w==="end"?"flex-end":w==="center"?"center":null;if(!G)return;let z=yd.indexOf(G)+q;if(z<0||z>=yd.length)return;let W=yd[z],{selector:R,durableSelector:j}=x(O);ot(O,"justify-content",W),t({type:"MODIFY_STYLES_BATCH",payload:{selector:R,durableSelector:j,element:yn(O),changes:[{property:"justify-content",original:w,modified:W}]}})}else{let w=window.getComputedStyle(O).flexDirection,G=le==="horizontal"?"column":"row",{selector:z,durableSelector:W}=x(O);ot(O,"flex-direction",G),t({type:"MODIFY_STYLES_BATCH",payload:{selector:z,durableSelector:W,element:yn(O),changes:[{property:"flex-direction",original:w,modified:G}]}})}r(w=>w+1)},M=(O,Y,q)=>{let le=m(O)==="horizontal"?"vertical":"horizontal";if(Y!==le)return;let w=window.getComputedStyle(O).alignItems,G=w==="normal"||w==="stretch"||w==="flex-start"||w==="start"?"flex-start":w==="flex-end"||w==="end"?"flex-end":w==="center"?"center":null;if(!G)return;let z=vd.indexOf(G)+q;if(z<0||z>=vd.length)return;let W=vd[z],{selector:R,durableSelector:j}=x(O);ot(O,"align-items",W),t({type:"MODIFY_STYLES_BATCH",payload:{selector:R,durableSelector:j,element:yn(O),changes:[{property:"align-items",original:w,modified:W}]}}),r($=>$+1)},I=(O,Y,q)=>{let le=y(Y,q);i(le?{modifier:O,target:le}:null)},N=()=>{f=null,p=null,h=0,d=null,c=null,i(null)},Z=O=>{if(!e)return;let Y=n.current;O.key==="Shift"&&!O.altKey?I("shift",Y.x,Y.y):O.key==="Alt"&&!O.shiftKey&&I("alt",Y.x,Y.y)},E=O=>{if(!e)return;let Y=O.shiftKey&&!O.altKey,q=O.altKey&&!O.shiftKey;if(!Y&&!q||O.buttons!==0){N();return}if(d===null&&(d=O.clientX,c=O.clientY,I(Y?"shift":"alt",O.clientX,O.clientY)),s)return;f===null&&(f=O.clientX,p=O.clientY,h=0);let le=O.clientX-f,w=O.clientY-p,G=Math.abs(le)>=Math.abs(w)?le:w;if(Math.abs(G)>3){let j=G>0?1:-1;if(h!==0&&j!==h){f=O.clientX,p=O.clientY,h=0;return}h=j}if(Math.abs(le)<Vp&&Math.abs(w)<Vp)return;let z=y(d,c);if(!z)return;let W=Math.abs(le)>=Math.abs(w)?"horizontal":"vertical",R=(W==="horizontal"?le:w)>0?1:-1;f=null,p=null,h=0,Y?P(z,W,R):M(z,W,R),S()},K=O=>{(O.key==="Shift"||O.key==="Alt")&&N()};return window.addEventListener("keydown",Z),window.addEventListener("mousemove",E),window.addEventListener("mousedown",N),window.addEventListener("keyup",K),()=>{window.removeEventListener("keydown",Z),window.removeEventListener("mousemove",E),window.removeEventListener("mousedown",N),window.removeEventListener("keyup",K),l&&clearTimeout(l)}},[t,e,n,r]),{swipeHint:o,clearSwipeHint:a}}function ux(e,t,n){let{destination:r,mode:o,scope:i}=t;if(o==="preview"&&i.kind!=="values"){let p=r.family,h=r.subproperty??Is(p,e.subproperty);return{next:{family:p,subproperty:h,step:ba(p,e.step,h),stage:i.kind==="colors"?"variant":"family"},pulseContextLabel:!1}}let a=r.family,l=r.step!==void 0,s=Es(a),d=!l&&di(a,r.subproperty??"all")?n.readColor(s):null,c=r.subproperty??Is(a,e.subproperty);a==="color"&&r.stage==="family"&&(c=d?.name??Lr.name),(a==="border"||a==="text")&&r.subproperty==="color"&&(c=d?.name??Lr.name);let f=l?null:d?d.name===c?d.step:ks:n.readStep(a,c);return{next:{family:a,subproperty:c,step:r.step??f??ba(a,e.step,c),stage:r.stage},pulseContextLabel:r.stage!=="family"}}function bd(e){if(e.kind==="colors")return"variant";if(e.kind==="values")return"value"}function px(e){return e.stage==="variant"&&di(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 fx(e,t,n,r=!1){if(!e)return n!==" "?{handled:!1,session:e}:r?{handled:!0,session:e}:{handled:!0,session:{query:"",segments:[],scope:px(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=La(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()?La(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=La(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 hx(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=dm(e.family,i),l=a==="color"?Lr.name:Is(a,e.subproperty);return{handled:!0,next:{family:a,subproperty:l,step:a==="color"?Lr.step:ba(a,e.step,l),stage:e.stage}}}return e.stage==="variant"&&di(e.family,e.subproperty)?{handled:!0,next:{...e,subproperty:cm(e.subproperty,i),step:ks}}:{handled:!0,next:{...e,step:um(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=pm(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:ks}};let l=n.readColor(Es(e.family));return{handled:!0,next:{...e,subproperty:l?.name??Lr.name,step:l?.step??Lr.step,stage:Pc(e.stage,e.family,a)}}}return{handled:!0,next:{...e,subproperty:a,step:n.readStep(e.family,a)??ba(e.family,e.step,a),stage:Pc(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??Lr.name,step:i?.step??Lr.step,stage:"variant"}}}if((e.family==="text"||e.family==="border")&&e.subproperty==="color"){let i=n.readColor(Es(e.family));return{handled:!0,next:{...e,subproperty:i?.name??Lr.name,step:i?.step??Lr.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:ba(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:di(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"&&di(e.family,e.subproperty)?"variant":"family"}}:{handled:!1,next:e}}function mx({active:e,family:t,step:n,subproperty:r,stage:o,query:i,setFamily:a,setStep:l,setSubproperty:s,setStage:d,setQuery:c,setCursor:f,setContextLabelPulse:p,setDepthSnapPulse:h,setRejectPulse:y,lastCursorRef:m,toolbarRef:x,previewRef:S,applyStickerRef:P,readColor:M,readStep:I}){_(()=>{if(!e)return;m.current&&f(m.current);let N=Z=>{let E=Z.composedPath?.()[0]??Z.target;if(E?.tagName==="INPUT"||E?.tagName==="TEXTAREA"||E?.isContentEditable||E&&x?.current?.contains(E)||Z.metaKey||Z.ctrlKey||Z.altKey)return;let K={family:t,step:n,subproperty:r,stage:o},O=w=>{a(w.family),l(w.step),s(w.subproperty),d(w.stage)},Y=w=>{let G=ux(K,w,{readColor:M,readStep:I});return O(G.next),G.pulseContextLabel&&p(z=>z+1),G.next},q=fx(i,K,Z.key,Z.repeat);if(q.replayAsSteering&&(c(null),h(w=>w+1)),q.handled){Z.preventDefault(),Z.stopPropagation(),q.restore&&O(q.restore);let w=q.destination?Y({mode:q.destination.mode,scope:q.destination.scope,destination:q.destination.value}):void 0;if(q.stage&&d(q.stage),q.command==="reject"&&y(G=>G+1),q.command==="apply"){let G=S.current?.element,z=w?{family:w.family,step:w.step,subproperty:w.subproperty}:void 0;G&&P.current(G,z)?c(null):(c(q.session),G||y(W=>W+1));return}c(q.session);return}let le=hx(q.replayAsSteering&&q.restore?q.restore:K,Z.key,{readColor:M,readStep:I});if(le.handled&&(Z.preventDefault(),le.stopPropagation&&Z.stopPropagation(),a(le.next.family),l(le.next.step),s(le.next.subproperty),d(le.next.stage),le.command==="apply")){let w=S.current?.element;w?P.current(w):y(G=>G+1)}};return window.addEventListener("keydown",N,!0),()=>window.removeEventListener("keydown",N,!0)},[e,P,t,m,S,i,M,I,p,f,h,a,c,y,d,l,s,o,n,r,x])}function gx(e,t,n,r){let{deltaX:o,deltaY:i}=t;if(e.transformKind==="translate"&&e.startTranslate){let f=gv({x:o,y:i},r),p=ao("translate",e.startTranslate.x+f.x),h=ao("translate",e.startTranslate.y+f.y),y=Math.abs(f.x)>=Math.abs(f.y)?p:h;return{subproperty:"translate",step:y,drag:{...e,subproperty:"translate",step:y,translateSteps:{x:p,y:h},translateValue:`${Number(p)*4}px ${Number(h)*4}px`,hasMoved:e.hasMoved||Math.abs(o)>2||Math.abs(i)>2,cursor:t.cursor,deltaX:o,deltaY:i}}}let a=e.vector?xv(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),d=e.side?Qs(e.side,n):e.corner?Zs(e.corner,n):e.subproperty,c=e.transformKind?ao(e.transformKind,s):Al(e.family,d,s);return{subproperty:d,step:c,drag:{...e,subproperty:d,step:c,hasMoved:e.hasMoved||Math.abs(o)>2||Math.abs(i)>2,cursor:t.cursor,deltaX:o,deltaY:i}}}function yx(){let[e,t]=L(null),n=B(e);n.current=e;let r=B(null),o=J(d=>{let c=d.requestPointerLock;if(typeof c=="function"){r.current=d;try{let f=c.call(d);f&&f.catch(()=>{r.current===d&&(r.current=null)})}catch{r.current=null}}},[]),i=J((d,c)=>{n.current=d,t(d),o(c)},[o]),a=J(d=>{n.current=d,t(d)},[]),l=J(()=>{n.current=null,t(null)},[]),s=J(()=>{let d=r.current;r.current=null,d&&document.pointerLockElement===d&&document.exitPointerLock()},[]);return{drag:e,dragRef:n,pointerLockElementRef:r,startDrag:i,replaceDrag:a,clearDrag:l,releasePointerLock:s}}function vx(e,t){let n=B(t);n.current=t;let{dragRef:r,pointerLockElementRef:o,replaceDrag:i,clearDrag:a,releasePointerLock:l}=e;_(()=>{let s=(m,x)=>{let S=r.current;if(!S)return;let P=o.current,M=P!==null&&document.pointerLockElement===P?wv(S,{x:m.movementX,y:m.movementY},{width:window.innerWidth,height:window.innerHeight}):{cursor:{x:m.clientX,y:m.clientY},deltaX:m.clientX-S.startX,deltaY:m.clientY-S.startY},I=gx(S,M,x,m.shiftKey);n.current.onSelectionChange(I.subproperty,I.step),i(I.drag),n.current.onCursorChange(M.cursor)},d=()=>{n.current.onCancel(),a(),l()},c=(m,x)=>{let S=r.current;if(!S)return;let P=S.side?Qs(S.side,m):S.corner?Zs(S.corner,m):S.subproperty;S.hasMoved&&n.current.onCommit(S,P,x),a(),l()},f=m=>{r.current&&(m.preventDefault(),s(m,m.altKey||m.ctrlKey))},p=m=>{r.current&&(m.preventDefault(),c(m.altKey||m.ctrlKey,{x:m.clientX,y:m.clientY}))},h=m=>{m.key!=="Escape"||!r.current||(m.preventDefault(),m.stopPropagation(),d())},y=()=>{let m=o.current;m&&document.pointerLockElement!==m&&r.current&&d()};return window.addEventListener("pointermove",f,{passive:!1}),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",d),window.addEventListener("keydown",h,!0),document.addEventListener("pointerlockchange",y),()=>{window.removeEventListener("pointermove",f),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",d),window.removeEventListener("keydown",h,!0),document.removeEventListener("pointerlockchange",y),l()}},[a,r,o,l,i])}function bx({applyStickerRef:e,clearStickerPreview:t,dispatch:n,hoveredElement:r,lastCanvasCursorRef:o,setHoveredElement:i,setHoveredElementInfo:a,setStickerApplyPulse:l,setStickerCursor:s,setStickerRejectPulse:d,setStickerStep:c,setStickerSubproperty:f,stickerFamily:p,stickerStep:h,stickerSubproperty:y,transformDragHandoffRef:m,transformPreviewSuppressionRef:x,transformPreviewTargetRef:S}){let P=yx(),{drag:M,dragRef:I,startDrag:N}=P,Z=J((z,W)=>{if(ro(z))return d(ee=>ee+1),!1;t();let R=W?.family??p,j=W?.step??h,$=W?.subproperty??y;if(!vl(z,R,$))return d(ee=>ee+1),!1;let T=R==="transform"&&$==="translate"&&W?.axisSteps?Hu(z,W.axisSteps.x,W.axisSteps.y):Du(z,R,j,$);if(T.alreadyApplied)return d(ee=>ee+1),!1;let Q=js(z),re=Ro(z);return ry(z,T),n({type:"MODIFY_STYLES_BATCH",payload:{selector:Q,durableSelector:re,element:{...yn(z),selector:re},changes:T.changes}}),l(ee=>ee+1),!0},[t,n,l,d,p,h,y]);e.current=Z;let E=J((z,W,R)=>{if(!(r instanceof HTMLElement))return;R.preventDefault(),R.stopPropagation(),R.currentTarget.setPointerCapture(R.pointerId),t();let j=z==="margin"?Zc(r):Ia(r),$=W==="left"||W==="right"?"x":"y",T=Qs(W,R.altKey||R.ctrlKey),Q=z==="margin",re=W==="top"||W==="left"?Q?-1:1:Q?1:-1,ee=Al(z,T,j[W]);f(T),c(ee),N({element:r,family:z,subproperty:T,startX:R.clientX,startY:R.clientY,startPixels:j[W],deltaX:0,deltaY:0,direction:re,axis:$,step:ee,hasMoved:!1,side:W,cursor:{x:R.clientX,y:R.clientY}},R.currentTarget)},[t,r,c,f,N]),K=J((z,W)=>{if(!(r instanceof HTMLElement)||p!=="stack"&&p!=="grid")return;W.preventDefault(),W.stopPropagation(),W.currentTarget.setPointerCapture(W.pointerId),t();let R=al(r),j=z==="row"?R.row:R.column,$=Al(p,"gap",j);f("gap"),c($),N({element:r,family:p,subproperty:"gap",startX:W.clientX,startY:W.clientY,startPixels:j,deltaX:0,deltaY:0,direction:1,axis:z==="row"?"y":"x",step:$,hasMoved:!1,gapAxis:z,cursor:{x:W.clientX,y:W.clientY}},W.currentTarget)},[t,r,c,f,N,p]),O=J((z,W)=>{if(!(r instanceof HTMLElement))return;W.preventDefault(),W.stopPropagation(),W.currentTarget.setPointerCapture(W.pointerId),t();let R=Zs(z,W.altKey||W.ctrlKey),j=Fi(r)[z],$=Al("radius",R,j);f(R),c($),N({element:r,family:"radius",subproperty:R,startX:W.clientX,startY:W.clientY,startPixels:j,deltaX:0,deltaY:0,vector:ed(z),step:$,hasMoved:!1,corner:z,cursor:{x:W.clientX,y:W.clientY}},W.currentTarget)},[t,r,c,f,N]),Y=J((z,W,R,j)=>{if(!$r(r))return;R.preventDefault(),R.stopPropagation(),R.currentTarget.setPointerCapture(R.pointerId);let $=window.getComputedStyle(r).getPropertyValue(z).trim(),T=z==="translate"?lp($):void 0,Q=z==="scale"?(Number.parseFloat($)||1)*100:z==="translate"?T.x:Number.parseFloat($)||0,re=ao(z,Q),ee=Ca(r),oe=Xi(r,ee),U=z==="scale"&&W?hv(oe,W):z==="rotate"?mv(oe,j??ip(oe,20).side):void 0,fe=T?{x:ao("translate",T.x),y:ao("translate",T.y)}:void 0;x.current=null,m.current=null,t(),f(z),c(re),N({element:r,family:"transform",subproperty:z,startX:R.clientX,startY:R.clientY,startPixels:Q,deltaX:0,deltaY:0,direction:1,vector:U,step:re,hasMoved:!1,transformKind:z,transformCorner:W??void 0,startTranslate:T,translateSteps:fe,translateValue:T?`${T.x}px ${T.y}px`:void 0,ghostQuad:oe,cursor:{x:R.clientX,y:R.clientY}},R.currentTarget)},[t,r,c,f,N,m,x]),q=J((z,W)=>{f(z),c(W)},[c,f]),le=J(z=>{o.current=z,s(z)},[o,s]),w=J((z,W,R)=>{e.current(z.element,{family:z.family,step:z.step,subproperty:W,axisSteps:z.translateSteps}),z.family==="transform"&&(x.current={element:z.element,subproperty:z.subproperty,step:z.step},m.current={element:z.element,releasePoint:R},S.current=null,i(z.element),a(yn(z.element)))},[e,i,a,m,x,S]),G=J(()=>{t(),x.current=null,m.current=null},[t,m,x]);return vx(P,{onSelectionChange:q,onCursorChange:le,onCommit:w,onCancel:G}),{applySticker:Z,beginSteerGapDrag:K,beginSteerRadiusDrag:O,beginSteerSpacingDrag:E,beginSteerTransformDrag:Y,steerDrag:M,steerDragRef:I}}function xx(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 wx(e){return e instanceof Element&&e.closest("[data-popmelt-steer-overlay]")!==null}function Gp(e){return e instanceof Element&&e.closest("[data-popmelt-subject-label-action]")!==null}var Qp=8,xd=-.5,Do="__active_text_send_hint__",Sx=4;function Ix({historyPreview:e,bridgeUrl:t,steeringContextStorageKey:n,state:r,dispatch:o,onScreenshot:i,inFlightAnnotationIds:a,inFlightOrientationLabels:l,waitingApprovalJobIds:s,activeAnnotationIds:d,queuePositionMap:c,inFlightStyleSelectors:f,inFlightStyleSelectorJobIds:p,inFlightSelectorColors:h,modifiedElementThreadStates:y,dismissedThreadIds:m,onAttachImages:x,onRemoveImages:S,onCaptureInteractionFrame:P,onSend:M,onViewThread:I,onCloseThread:N,onArchiveThread:Z,onDeleteSubmittedAnnotation:E,highlightedAnnotationIds:K,cycleFocusedAnnotationIds:O,onCanvasInteraction:Y,focusedThreadAnnotationId:q,openThreadId:le,hasOpenThread:w=!1,externalCanvasRef:G,toolbarRef:z,threadPanelElement:W,clearSignal:R=0,subjectRegistry:j,subjectRegistryReady:$=!0,onFocusTargetChange:T,onFocusActivity:Q}){let re=jr(Wi),{canvasRef:ee,redrawAll:oe,resizeCanvas:U}=Lh(),[fe,me]=L(null),[X,Te]=L(0),[Ae,Ee]=L(0),_e=J(()=>Ee(v=>v+1),[]),D=us(),ze=J(v=>{ee.current=v,G&&(G.current=v),me(C=>C===v?C:v)},[G,ee]);Et(()=>{if(!j||!$)return;let v=!1;for(let C of r.annotations)C.target&&(v=!0,!j.resolve(C.target)&&C.elements?.[0]&&j.restore(C.target,C.elements[0]));v&&Te(C=>C+1)},[r.annotations,j,$]);let Oe=B(null),Ve=B(0),[rt,ve]=L(null),Ne=J(()=>{let v=Oe.current;Oe.current=null,ve(null),v&&(v.session.cancel(),v.captureTarget.hasPointerCapture(v.pointerId)&&v.captureTarget.releasePointerCapture(v.pointerId))},[]),ge=B(!1),[qe,st]=L(!1),Ge=B(null),Le=B(null),[Be,Pt]=L(!1),ht=B(Promise.resolve()),[pt,Qe]=L(0),[ft,zt]=L(null),Kt=J(()=>{if(!P)return Promise.resolve(null);let v=ht.current.then(async()=>(await new Promise(C=>window.requestAnimationFrame(()=>C())),P()));return ht.current=v.catch(()=>null),v},[P]),En=B(r.activeTool),Xt=B(null),_t=B(null),Me=J(()=>{Ge.current?.cancel(),Ge.current=null,Le.current=null,ge.current=!1,Xt.current=null,_t.current=null,st(!1),Pt(!1),Qe(0),zt(null)},[]),Zt=J(()=>{Ne(),ge.current=!0,En.current=r.activeTool,st(!0)},[Ne,r.activeTool]);_(()=>{ge.current&&r.activeTool!==En.current&&Me()},[Me,r.activeTool]),_(()=>{(!r.isAnnotating||r.activeTool!=="inspector")&&Ne()},[Ne,r.activeTool,r.isAnnotating]),_(()=>()=>{let v=Oe.current;Oe.current=null,v?.session.cancel()},[]);let{activeText:g,setActiveText:ie,handleTextPaste:be,removeActiveTextAttachment:Ue,releaseActiveTextAttachments:It}=Py({bridgeUrl:t,annotations:r.annotations}),[xt,Ce]=L(null),[Xe,Dt]=L(null),[ye,We]=L(null),[Ke,mt]=L(0),at=B(null),Ze=B(null),Ft=B(null),[Ye,bn]=L(null),[Tn,xn]=L(null),rn=B(void 0);rn.current===void 0&&(rn.current=n&&typeof window<"u"?d0(window.localStorage,n):null);let pr=rn.current,[gt,On]=L(()=>pr?.family??"padding"),[on,Xn]=L(()=>pr?.step??4),[Bt,Or]=L(()=>pr?.subproperty??"all"),[Vt,Vn]=L(()=>pr?.stage??"family"),[co,fn]=L(null);xx(Ze,Be?zt:r.isAnnotating&&r.activeTool==="sticker"?fn:void 0);let[Nn,dn]=L(null),Tt=J(v=>{dn({id:performance.now(),nativeReady:!1,tool:v})},[]),[Rt,Wo]=L(0),[Nr,cn]=L(0),[en,fr]=L(0),[uo,vt]=L(0),[wn,hr]=L(!1),[mr,Cn]=L(0),[hn,An]=L(()=>pr?.query??null);_(()=>{!n||typeof window>"u"||c0(window.localStorage,n,{family:gt,step:on,subproperty:Bt,stage:Vt,query:hn})},[n,gt,hn,Vt,on,Bt]);let Ct=B(r.activeTool),Fo=B(!1),hi=B(()=>!1),Ht=B(null),gr=B(null),_r=B(r.styleModifications),Jt=B(null),He=B(null),Mn=B(null),_n=B(null),tn=J(()=>{_n.current!==null&&(cancelAnimationFrame(_n.current),_n.current=null)},[]),Gn=J(()=>{if(tn(),!re)return;let v=performance.now()+Wp,C=()=>{y0(Ht.current);let te=Jt.current;te&&Ht.current?.element===te.element&&(te.renderedQuad=Xi(te.element,te.layoutQuad)),Cn(de=>de+1),performance.now()<v?_n.current=requestAnimationFrame(C):_n.current=null};_n.current=requestAnimationFrame(C)},[tn,re]);_(()=>(re?Ht.current&&Gn():tn(),tn),[re,Gn,tn]);let Lt=J(()=>{tn();let v=Ht.current;v&&($a(v),Ht.current=null,gr.current=null,Cn(C=>C+1))},[tn]),{handleShakePointerMove:Rn,pendingShakeToolTransitionRef:Gt}=rx({activeTool:r.activeTool,isAnnotating:r.isAnnotating,clearStickerPreview:Lt,dispatch:o,setStickerCursor:fn,startCursorSwitchPulse:Tt});Et(()=>{let v=_r.current,C=r.styleModifications;_r.current=C,!(v===C||!Ht.current)&&(tn(),g0(Ht.current,v,C),Ht.current=null,gr.current=null,Jt.current=null,Cn(te=>te+1))},[r.styleModifications,tn]),Et(()=>{Fp(r.activeTool,r.isAnnotating)&&(Lt(),He.current=null,Mn.current=null)},[Lt,r.activeTool,r.isAnnotating]);let kt=J(()=>{Vn("family"),fn(null),An(null)},[]);Et(()=>{let v=Ct.current,C=r.activeTool,te=Gt.current,de=te?.from===v&&te.to===C;Gt.current=null,Ct.current=C;let ke=u0(v,C,de,Fo.current);Fo.current=ke.preservedAway,ke.shouldReset&&kt()},[Gt,kt,r.activeTool]),Et(()=>{r.isAnnotating||(Fo.current=!1,kt())},[kt,r.isAnnotating]);let Wn=J((v,C)=>{if(Lt(),!Ye)return null;let te=window.getComputedStyle(Ye),de=$h(v,C).map(ke=>te.getPropertyValue(ke));return jh(v,de,C)},[Lt,Ye]),mi=J(v=>(Lt(),Ye?Ph(window.getComputedStyle(Ye).getPropertyValue(v)):null),[Lt,Ye]);mx({active:r.activeTool==="sticker"&&r.isAnnotating,family:gt,step:on,subproperty:Bt,stage:Vt,query:hn,setFamily:On,setStep:Xn,setSubproperty:Or,setStage:Vn,setQuery:An,setCursor:fn,setContextLabelPulse:cn,setDepthSnapPulse:fr,setRejectPulse:vt,lastCursorRef:Ze,toolbarRef:z,previewRef:Ht,applyStickerRef:hi,readColor:mi,readStep:Wn});let[Qt,Ln]=L(null),[Sn,yr]=L(null),[Wr,Fr]=L(null),[Qn,vr]=L(!1),un=B(Pp()),Zn=B(Kc()),[po,Bo]=L(null),[Br,fo]=L(null),[H,ce]=L(null),[Ie,xe]=L(null),ne=B({x:0,y:0}),[De,Je]=L({x:0,y:0}),et=B(zp()),[Pe,qt]=L(null),[Fn,In]=L(null),[er,br]=L(null),[gi,Na]=L(!1),[Xl,Jr]=L(0),{swipeHint:Vl,clearSwipeHint:_a}=cx({enabled:r.activeTool==="hand"&&r.isAnnotating,dispatch:o,handCursorRef:ne,setGapRefreshKey:Jr}),yi=B(Dp()),[ia,vi]=L(null),[ho,Jo]=L(null),[mo,$n]=L(null),go=B(Hp()),[xr,qo]=L(null),[yo,qr]=L(null),[Uo,aa]=L(null),Wa=Fy(),Yo=B(h);Yo.current=h;let Ko=J(v=>{let C=Yo.current;if(!C||C.size===0)return!1;for(let te of C.keys())try{if(Ji(v,te))return!0}catch{}return!1},[]),{applySticker:Gl,beginSteerGapDrag:Ql,beginSteerRadiusDrag:Fa,beginSteerSpacingDrag:Ba,beginSteerTransformDrag:Ja,steerDrag:dt,steerDragRef:qa}=bx({applyStickerRef:hi,clearStickerPreview:Lt,dispatch:o,hoveredElement:Ye,lastCanvasCursorRef:Ze,setHoveredElement:bn,setHoveredElementInfo:xn,setStickerApplyPulse:Wo,setStickerCursor:fn,setStickerRejectPulse:vt,setStickerStep:Xn,setStickerSubproperty:Or,stickerFamily:gt,stickerStep:on,stickerSubproperty:Bt,transformDragHandoffRef:Mn,transformPreviewSuppressionRef:He,transformPreviewTargetRef:Jt});_(()=>{hr(!1);let v=dt?.family==="transform"?dt.element:Ye;if(Fp(r.activeTool,r.isAnnotating)||Vt!=="value"||!vl(v,gt,Bt)||ro(v)){Jt.current=null,Lt();return}let C={element:v,family:gt,step:on,subproperty:Bt,valueOverride:dt?.transformKind==="translate"?dt.translateValue:void 0},te=He.current,de=gt==="transform"&&te?.element===v&&te.subproperty===Bt&&te.step===on;if(te&&!de&&(He.current=null),de){if(Lt(),Jt.current?.element!==v){let{top:tt,right:bt,bottom:Mt,left:to}=v.getBoundingClientRect(),no=Ca(v);Jt.current={element:v,bounds:{top:tt,right:bt,bottom:Mt,left:to},layoutQuad:no,renderedQuad:Xi(v,no)},Cn(cs=>cs+1)}return}if(Ht.current&&f0(gr.current,C))return;if(gt==="transform"){if(Jt.current?.element!==v){$a(Ht.current),Ht.current=null,gr.current=null;let{top:tt,right:bt,bottom:Mt,left:to}=v.getBoundingClientRect(),no=Ca(v);Jt.current={element:v,bounds:{top:tt,right:bt,bottom:Mt,left:to},layoutQuad:no,renderedQuad:Xi(v,no)}}}else Jt.current=null;let ke=v0(v,gt,on,Bt,Ht.current,C.valueOverride);Ht.current=ke.preview,gr.current=C,hr(ke.stepUnavailable),Cn(tt=>tt+1),Gn()},[Lt,Ye,r.activeTool,r.isAnnotating,dt?.element,dt?.family,dt?.transformKind,dt?.translateValue,gt,Vt,on,Bt,Gn]),_(()=>()=>{tn(),$a(Ht.current),Ht.current=null,gr.current=null,Jt.current=null,He.current=null,Mn.current=null},[tn]);let $t=J(()=>{He.current=null,Mn.current=null,bn(null),xn(null),Bo(null),fo(null),ce(null),qt(null),In(null),Na(!1),vi(null),Jo(null),qo(null),qr(null),_a()},[_a]),Zl=g&&!g.domEdit?g?.id:null,es=ye?`${ye.target.adapter}:${ye.target.key}`:null,la=Zl??es;_(()=>{la&&$t()},[la,$t]);let sa=J(v=>{Ln(v),v&&$t()},[$t]),ts=J(v=>{yr(v),v&&$t()},[$t]),Ur=J((v,C)=>{Fr(C?.length?{ownerId:v,annotationIds:C}:null),C?.length&&$t()},[$t]),vo=J(v=>{vr(v),v&&$t()},[$t]),mn=J((v,C)=>{Lt();let te=pn(v);vl(te,C.family,C.subproperty)&&(o({type:"SELECT_ANNOTATION",payload:{id:null}}),o({type:"SET_TOOL",payload:"sticker"}),On(C.family),Or(C.subproperty),Xn(C.step),Vn("value"),bn(te),xn(yn(te)),Ze.current&&fn(Ze.current))},[Lt,o]),Xo=J((v,C)=>{Lt(),$t(),yr(null),o({type:"CLEAR_STICKER",payload:{selector:v,sticker:C}})},[$t,Lt,o]),wr=J(v=>{if(!I)return;I(v);let C=0,te=()=>{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}C+=1,C<6&&requestAnimationFrame(te)};requestAnimationFrame(te)},[I]),Ot=B(r);Ot.current=r;let tr=Wy({annotations:r.annotations,currentPathname:D,dispatch:o,stateRef:Ot,styleModifications:r.styleModifications,subjectRegistry:j,toolbarRef:z,onTargetResolutionChange:_e}),Nt=B(g);Nt.current=g;let Yr=B(g);_(()=>{let v=C=>{if(Yr.current=null,C.button!==2)return;let te=Nt.current;Yr.current=Rp(te)?te:null};return window.addEventListener("pointerdown",v,!0),()=>window.removeEventListener("pointerdown",v,!0)},[]),lx(g,ie);let{cursorPosRef:bo,domEditInputSize:xo,inputRef:Sr,lastPositionedTextId:Ua}=sx({activeText:g,activeTextRef:Nt,canvasRef:ee,visible:r.isAnnotating}),bi=J(()=>{window.requestAnimationFrame(()=>{Sr.current?.focus();let v=Sr.current?.value.length??0;Sr.current?.setSelectionRange(v,v)})},[Sr]),Ya=J((v,C=Yr.current)=>{let te=Nt.current,de=j?.hitTest(v)??null,ke=de?.element??Bi(v.x,v.y,{allowBodyFallback:!0}),tt=de?.target,bt=[...Ot.current.annotations].reverse().find(Un=>Un.type!=="text"||(Un.status??"pending")!=="pending"?!1:tt&&Un.target?Un.target.adapter===tt.adapter&&Un.target.key===tt.key:!Un.linkedSelector||!ke?!1:!!nn(Un.linkedSelector,Un.elements)?.contains(ke)),Mt=Ob({activationDraft:C,activeDraft:te,annotations:Ot.current.annotations,selectedAnnotationIds:Ot.current.selectedAnnotationIds,lastSelectedId:Ot.current.lastSelectedId,annotationAtCursor:bt});if(Yr.current=null,!Mt||Ot.current.activeTool!=="inspector")return!1;let to=Mt.value;Ge.current?.cancel();let no=to.target&&j?j.resolve(to.target):null,cs=no?.subject.sourceElement??(to.linkedSelector?pn(to.linkedSelector):null),Yf=Un=>{if(!(Un instanceof MouseEvent)||!j)return;let el=j.hitTest({x:Un.clientX,y:Un.clientY});if(!el)return;let Kf=el.target;return{element:el.subject.sourceElement??null,state:dd(el),captureResult:()=>{let tc=j.resolve(Kf);return tc?dd(tc):void 0}}};return Le.current={id:to.id,draft:Mt.kind==="draft"},Ge.current=zb({subjectElement:cs,...no?{subjectState:dd(no)}:{},resolveEventTarget:Yf,onActionCountChange:Qe,captureFrame:P?Kt:void 0}),$t(),Ce(null),Ln(null),yr(null),Qe(0),zt(v),Pt(!0),Zt(),!0},[$t,Kt,Zt,P,j]),Vo=J(async()=>{let v=Ge.current,C=Le.current;if(!v||!C||!v.hasActions())return;let{episode:te,frames:de}=await v.finish();if(Ge.current=null,C.draft)ie(ke=>{if(ke?.id!==C.id)return ke;let tt=ke.images?.length??0;return{...ke,images:[...ke.images??[],...de],interactionEpisode:Ap(te,tt)}});else{let ke=Ot.current.annotations.find(tt=>tt.id===C.id);if(ke){let tt=ke.imageCount??0,bt=Ap(te,tt);de.length>0&&x?.(ke.id,de),o({type:"UPDATE_TEXT",payload:{id:ke.id,text:ke.text??"",imageCount:tt+de.length,interactionEpisode:bt}})}}Me(),C.draft&&bi()},[o,Me,bi,x,ie]),xi=J(v=>{let C=Nt.current;if(C?.id===v&&(ie(de=>{if(de?.id!==v)return de;let ke=new Set(de.interactionEpisode?.frames?.map(bt=>bt.imageIndex)??[]),tt={...de};return delete tt.interactionEpisode,ke.size>0&&de.images&&(tt.images=de.images.filter((bt,Mt)=>!ke.has(Mt))),tt}),C.isNew))return;let te=Ot.current.annotations.find(de=>de.id===v)?.interactionEpisode?.frames?.map(de=>de.imageIndex)??[];te.length>0&&S?.(v,te),o({type:"CLEAR_INTERACTION_EPISODE",payload:{id:v}})},[o,S,ie]),da=J(()=>{let v=Le.current?.draft;Me(),v&&bi()},[Me,bi]);_(()=>{let v=C=>{if(!ge.current)return;let te=C.metaKey||C.ctrlKey;if(C.key==="Escape"&&te){C.preventDefault(),C.stopPropagation(),C.stopImmediatePropagation(),Ge.current?da():Me();return}C.key==="Enter"&&te&&Ge.current&&(C.preventDefault(),C.stopPropagation(),C.stopImmediatePropagation(),Vo())};return window.addEventListener("keydown",v,!0),()=>window.removeEventListener("keydown",v,!0)},[da,Me,Vo]),_(()=>{if(!Be)return;let v=te=>Ge.current?.recordEvent(te),C=()=>Ge.current?.recordScroll();return window.addEventListener("click",v,!0),window.addEventListener("pointerdown",v,!0),window.addEventListener("pointerup",v,!0),window.addEventListener("input",v,!0),window.addEventListener("change",v,!0),window.addEventListener("submit",v,!0),window.addEventListener("keydown",v,!0),window.addEventListener("play",v,!0),window.addEventListener("pause",v,!0),window.addEventListener("seeked",v,!0),window.addEventListener("scroll",C,{capture:!0,passive:!0}),()=>{window.removeEventListener("click",v,!0),window.removeEventListener("pointerdown",v,!0),window.removeEventListener("pointerup",v,!0),window.removeEventListener("input",v,!0),window.removeEventListener("change",v,!0),window.removeEventListener("submit",v,!0),window.removeEventListener("keydown",v,!0),window.removeEventListener("play",v,!0),window.removeEventListener("pause",v,!0),window.removeEventListener("seeked",v,!0),window.removeEventListener("scroll",C,!0)}},[Be]);let wo=B([]),wi=B(i);wi.current=i;let{dragState:Kr,resizeState:Si,setDragState:Ir,setResizeState:So}=pb(),kr=r.selectedAnnotationIds;wo.current=kr;let nr=J((v,C=!1)=>{o({type:"SELECT_ANNOTATION",payload:{id:v,addToSelection:C}})},[o]),Go=J(()=>{o({type:"SELECT_ANNOTATION",payload:{id:null}})},[o]),Io=J(v=>{let C=Ot.current.annotations.find(te=>te.id===v);!C||!ol(C,Ot.current.annotations)||(o({type:"DELETE_ANNOTATION",payload:{id:v}}),Nt.current?.id===v&&(It(Nt.current.attachments),ie(null)),$t(),Ln(null),yr(null),Fr(null),vr(!1),Go())},[$t,Go,o,It,ie]),ns=J(v=>{let C=jm(Ot.current.textModifications,v,D);C&&(o(C),$t(),yr(null),Fr(null),vr(!1))},[D,o,$t]),Er=B({x:window.scrollX,y:window.scrollY}),rr=B(null),[gn,an]=L(Er.current);_(()=>{if(re)return U(),window.addEventListener("resize",U),window.visualViewport?.addEventListener("resize",U),()=>{window.removeEventListener("resize",U),window.visualViewport?.removeEventListener("resize",U)}},[U,re]),qy(g,ie,xt,r.annotations,o),Pm({state:r,stateRef:Ot,activeTextRef:Nt,selectedIdsRef:wo,dispatch:o,clearSelection:Go,selectAnnotation:nr,handHoveredElement:po,onArchiveThread:Z,openThreadId:le,currentPathname:D,hasOpenThread:w});let{pageAnnotations:Ut,pageStyleModifications:Bn,pageTextModifications:Jn,pendingBundleCount:ca,pendingTextAnnotations:rs}=sc({state:r,activeText:g,currentPathname:D,dismissedThreadIds:m,modifiedElementThreadStates:y}),{sendHintAnchorId:Ii,setSendHintAnchorId:Qo}=Jy({activeText:g,activeTextAnchorId:Do,hoveredElement:Ye,hoveredTextId:xt,pendingTextAnnotations:rs}),{locationLabels:ko,tooltipAnnotationId:ua,revealAnnotation:Ka}=By({annotations:Ut,annotationIds:tr,badgeHoveredAnnotationId:Qt,hoveredTextId:xt}),Xa=J((v,C)=>{let te=Ot.current.annotations.find(de=>de.id===v);te&&(nr(v),C&&wr(C),tr.has(v)&&Ka(te))},[wr,tr,Ka,nr]),{cycleSpotlightAnnotationIds:pa,emphasizedAnnotationIds:fa,hoverRestoredAnnotationIds:ha,inactiveEmphasisOpacity:ki,statusSpotlightAnnotationIds:Ei}=zy({annotations:Ut,isCreatingAnnotation:!!(g?.isNew&&!g.domEdit),hoveredTextId:xt,badgeHoveredAnnotationId:Qt,highlightedAnnotationIds:K,cycleFocusedAnnotationIds:O,hoveredElement:Ye}),Ti=zh(re?z?.current:null),ma=Ti.avoidTop,Eo=Ti.avoidBottom,Tr=Ti.avoidLeft,Ci=Ti.avoidRight,Zo=Se(()=>({avoidTop:ma,avoidBottom:Eo,avoidLeft:Tr,avoidRight:Ci}),[ma,Eo,Tr,Ci]),{supersededAnnotations:Cr,stagedArtifactOrder:Va,annotationGroupMap:qn,pageModificationNumberBySelector:ga}=dc({state:r,pageAnnotations:Ut,pageStyleModifications:Bn,pageTextModifications:Jn}),b=xa(Ye),k=!!(ye&&b?.adapter===ye.target.adapter&&b.key===ye.target.key),F=!!(Ye&&Tn&&!k&&!xt&&!Qt&&!g?.linkedSelector&&!Xe?.linkedSelector),{hiddenCollidingAnnotationIds:V,nestedCollidingAnnotationCountById:se,nestedCollidingAnnotationIdsById:ae,visibleCollisionRepresentativeByAnnotationId:he}=Dy({activeText:g,activeTextSendHintId:Do,annotationNumberById:qn,badgeHoveredAnnotationId:Qt,canvasRef:ee,focusedThreadAnnotationId:q,hoveredElement:Ye,hoveredElementInfo:Tn,hoveredTextId:xt,layoutReady:re&&fe!==null,showHoverElementIdentifier:F,layoutRevision:X+Ae,pageAnnotations:Ut,parentPinnedAnnotationIds:tr,pendingLinkedText:Xe,scroll:gn,supersededAnnotations:Cr,textSafeBounds:Zo}),{activeTextAnnotation:pe,activeTextCollisionId:$e,activeTextModifiedRail:je,activeTextNestedAnnotationCount:ue,activeTextNestedAnnotationIds:Re,activeTextNestedBadgeColor:ut,elementRailColorBySelector:jt,elementRailComments:Xr,hiddenAnnotationBadgeIds:Ar,modifiedElementSendHintSelector:ya,stagedElementComments:ei,visibleCanvasAnnotations:Vr,visibleSendHintAnchorId:To}=Dh({activeText:g,activeColor:r.activeColor,annotations:r.annotations,annotationNumberById:qn,focusedThreadAnnotationId:q,hiddenCollidingAnnotationIds:V,modifiedElementThreadStates:y,nestedCollidingAnnotationCountById:se,nestedCollidingAnnotationIdsById:ae,pageAnnotations:Ut,pageStyleModifications:Bn,pageTextModifications:Jn,sendHintAnchorId:Ii,supersededAnnotations:Cr,visibleCollisionRepresentativeByAnnotationId:he,activeTextSendHintId:Do,targetResolutionRevision:X+Ae}),ti=Se(()=>{if(kr.length===0)return null;let v=new Map;for(let C of kr){let te=r.annotations.find(ke=>ke.id===C);if(!te)continue;let de=te.groupId?r.annotations.filter(ke=>ke.groupId===te.groupId):[te];for(let ke of de)if(ke.linkedSelector&&!h?.has(ke.linkedSelector)){let tt=ke.color||r.activeColor;v.set(ke.linkedSelector,tt)}}return v.size>0?v:null},[kr,r.annotations,r.activeColor,h]),we=J((v=Er.current)=>{oe(Vr,kr,Qp,v.x,v.y,qn,Ei,Zo,fa,ha,ki,tr)},[Vr,kr,oe,qn,Ei,Zo,fa,ha,ki,tr]);_(()=>{re&&we(Er.current)},[we,re]),_(()=>{if(!re)return;let v=()=>{let C={x:window.scrollX,y:window.scrollY};Er.current=C,we(C),rr.current===null&&(rr.current=window.requestAnimationFrame(()=>{rr.current=null;let te=Er.current;an(de=>de.x===te.x&&de.y===te.y?de:te)}))};return v(),window.addEventListener("scroll",v,{passive:!0,capture:!0}),()=>{window.removeEventListener("scroll",v,!0),rr.current!==null&&(window.cancelAnimationFrame(rr.current),rr.current=null)}},[we,re]);let{findAnnotationAtPoint:wt,findHandleAtPoint:jn,findTextAtPoint:or,getPoint:ir}=j0({annotationGroupMap:qn,annotations:r.annotations,canvasRef:ee,handleSize:Qp,hiddenCollidingAnnotationIds:V,pageAnnotations:Ut,parentPinnedAnnotationIds:tr,scroll:gn,selectedAnnotationIds:kr,supersededAnnotations:Cr,textSafeBounds:Zo}),{commitActiveText:yt,createInlineTextEdit:Ai,editPendingLinkedComment:Co,handleSendPendingBundle:Pn}=ax({activeText:g,activeTextRef:Nt,canvasRef:ee,clearPageElementHover:$t,clearSelection:Go,clearSignal:R,commentTextEditCandidateRef:Ft,cursorPosRef:bo,dispatch:o,findTextAtPoint:or,lastPositionedTextId:Ua,onAttachImages:x,onCloseThread:N,onSend:M,pendingLinkedText:Xe,releaseActiveTextAttachments:It,setActiveText:ie,setDragState:Ir,setHoveredTextId:Ce,setPendingLinkedText:Dt,setSendHintAnchorId:Qo,state:r,stateRef:Ot}),ar=J(()=>{let v=Yr.current;Db(Nt.current,v)||yt()},[yt]),zn=A0({activeText:g,applySticker:Gl,canvasRef:ee,clearSelection:Go,commentTextEditCandidateRef:Ft,commitActiveText:yt,createInlineTextEdit:Ai,dispatch:o,domDragRef:Zn,editPendingLinkedComment:Co,findAnnotationAtPoint:wt,findHandleAtPoint:jn,findTextAtPoint:or,gapDragRef:et,gapHoveredAxis:Fn,gapHoveredElement:Pe,gapIsAuto:gi,getPoint:ir,handleAnnotationActivation:Xa,handDragRef:un,handHoveredElement:po,handHoveredSide:Br,hoveredElement:Ye,hoveredElementInfo:Tn,isElementInFlight:Ko,onCanvasInteraction:Y,openThreadAndFocusReply:wr,pageAnnotations:Ut,modifiedElementThreadStates:y,pageStyleModifications:Bn,parentPinnedAnnotationIds:tr,pointerTargetOverrideRef:_t,radiusDragRef:yi,radiusHoveredCorner:ho,radiusHoveredElement:ia,selectAnnotation:nr,setDragState:Ir,setGapDragging:br,setHandDragging:xe,setPendingLinkedText:Dt,setRadiusDragging:$n,setResizeState:So,setStickerRejectPulse:vt,setTextDragging:aa,state:r,stickerStage:Vt,textDragRef:go,textHoveredElement:xr,textHoveredProperty:yo,toolbarRef:z});_(()=>{if(!qe)return;let v=ke=>{if(ke.button===0){if(ke.target instanceof Element&&ro(ke.target)){Xt.current=null;return}Q?.(),Xt.current={startX:ke.clientX,startY:ke.clientY,moved:!1}}},C=ke=>{(!(ke.target instanceof Element)||!ro(ke.target))&&Q?.();let tt=Xt.current;tt&&(Xt.current=xb(tt,ke.clientX,ke.clientY))},te=()=>{Xt.current=null},de=ke=>{if(Im())return;let tt=Xt.current;if(Xt.current=null,!wb(tt)||ke.button!==0||ke.target instanceof Element&&ro(ke.target)||Ge.current||r.activeTool!=="inspector"&&r.activeTool!=="sticker")return;let bt=r.activeTool==="inspector"?j?.hitTest({x:ke.clientX,y:ke.clientY}):null;bt&&j?.promote(bt.target);let Mt=bt?.element??Bi(ke.clientX,ke.clientY,{allowBodyFallback:r.activeTool==="inspector"});!Mt||ro(Mt)||Mt!==document.documentElement&&(r.activeTool==="inspector"&&Ko(Mt)||r.activeTool==="sticker"&&!(Mt instanceof HTMLElement)&&!(Mt instanceof SVGElement)||(_t.current={element:Mt,elementInfo:bt?.elementInfo??yn(Mt)},ke.preventDefault(),ke.stopPropagation(),ke.stopImmediatePropagation(),zn(ke)))};return window.addEventListener("pointerdown",v,!0),window.addEventListener("pointermove",C,!0),window.addEventListener("pointercancel",te,!0),window.addEventListener("click",de,!0),()=>{window.removeEventListener("pointerdown",v,!0),window.removeEventListener("pointermove",C,!0),window.removeEventListener("pointercancel",te,!0),window.removeEventListener("click",de,!0)}},[zn,qe,Ko,r.activeTool,j,Q]),_(()=>{!r.isAnnotating&&ge.current&&Me()},[Me,r.isAnnotating]);let ni=ex({activeTool:r.activeTool,annotations:r.annotations,canvasRef:ee,clearPageElementHover:$t,clearStickerPreview:Lt,dispatch:o,domDragRef:Zn,dragState:Kr,findTextAtPoint:or,gapDragRef:et,gapHoveredAxis:Fn,gapHoveredElement:Pe,getPoint:ir,handCursorRef:ne,handDragRef:un,handHoveredElement:po,handHoveredSide:Br,handleShakePointerMove:Rn,hoveredElement:Ye,hoveredElementInfo:Tn,isAnnotating:r.isAnnotating,isElementInFlight:Ko,lastCanvasCursorRef:Ze,modifiersRef:Wa,radiusDragRef:yi,radiusHoveredCorner:ho,radiusHoveredElement:ia,resizeState:Si,setDomDropPreview:ce,setDragState:Ir,setGapDragging:br,setGapHoveredAxis:In,setGapHoveredElement:qt,setGapIsAuto:Na,setHandCursorPos:Je,setHandDragging:xe,setHandHoveredElement:Bo,setHandHoveredSide:fo,setHoveredElement:bn,setHoveredElementInfo:xn,setRadiusDragging:$n,setRadiusHoveredCorner:Jo,setRadiusHoveredElement:vi,setResizeState:So,setStickerCursor:fn,setStickerStep:Xn,setTextDragging:aa,setTextHoveredElement:qo,setTextHoveredProperty:qr,steerDragRef:qa,stickerFamily:gt,stickerStage:Vt,stickerSubproperty:Bt,subjectRegistry:j,suspendTargetDiscovery:!!la||Be,textDragRef:go,textHoveredElement:xr,textHoveredProperty:yo,transformDragHandoffRef:Mn,transformPreviewSuppressionRef:He,transformPreviewTargetRef:Jt}),Mi=tx({annotationGroupMap:qn,canvasRef:ee,currentPathname:D,cursorPosRef:bo,dispatch:o,domDragRef:Zn,dragState:Kr,gapDragRef:et,gapDragging:er,getPoint:ir,handDragRef:un,handDragging:Ie,lastPositionedTextId:Ua,radiusDragRef:yi,radiusDragging:mo,resizeState:Si,setActiveText:ie,setDomDropPreview:ce,setDragState:Ir,setGapDragging:br,setHandDragging:xe,setRadiusDragging:$n,setResizeState:So,setSendHintAnchorId:Qo,setTextDragging:aa,textDragRef:go,textDragging:Uo}),Ga=J(v=>{if(r.isAnnotating&&r.activeTool==="inspector"&&v.button===0&&v.pointerType==="mouse"&&j&&!ye){let C=j.beginCreate({x:v.clientX,y:v.clientY});if(C){Oe.current={...C,start:{x:v.clientX,y:v.clientY},moved:!1,pointerId:v.pointerId,captureTarget:v.currentTarget},v.currentTarget.setPointerCapture(v.pointerId),v.preventDefault();return}}zn(v)},[zn,r.activeTool,r.isAnnotating,ye,j]),Mr=J(v=>{let C=Oe.current;if(!C||C.pointerId!==v.pointerId){ni(v);return}let te=Math.hypot(v.clientX-C.start.x,v.clientY-C.start.y);if(!C.moved&&te>=Sx&&(C.moved=!0),!C.moved){ni(v);return}C.session.update({x:v.clientX,y:v.clientY}),ve({adapter:C.adapter.id,key:C.session.key}),mt(de=>de+1),v.preventDefault()},[ni]),Ri=J(v=>{let C=Oe.current;if(C&&C.pointerId!==v.pointerId)return;if(Oe.current=null,ve(null),!C){Mi(v);return}if(C.captureTarget.hasPointerCapture(C.pointerId)&&C.captureTarget.releasePointerCapture(C.pointerId),!C.moved){C.session.cancel();let de=j?.hitTest({x:v.clientX,y:v.clientY});de&&j?.promote(de.target),zn(v),Mi(v);return}C.session.update({x:v.clientX,y:v.clientY});let te=C.session.commit();te&&(Ve.current=window.performance.now()+500,We({target:{adapter:C.adapter.id,key:te.key},created:!0})),v.preventDefault()},[zn,Mi,j]),Fe=J(v=>{if(!r.isAnnotating||r.activeTool!=="inspector"||!j)return!1;let C=j.resolve(v);if(!C?.adapter.renameSubject)return!1;let te=Nt.current;return te?.isNew&&te.target?.adapter===C.target.adapter&&te.target.key===C.target.key&&(It(te.attachments),ie(null),Dt(null)),We({target:C.target,created:!1}),!0},[Nt,It,ie,r.activeTool,r.isAnnotating,j]),At=J(v=>{if(window.performance.now()<=Ve.current){Ve.current=0,v.preventDefault(),v.stopPropagation();return}if(Ve.current=0,!j)return;let C=j.hitTest({x:v.clientX,y:v.clientY});!C||!Fe(C.target)||(v.preventDefault(),v.stopPropagation())},[Fe,j]),St=J(v=>{let C=v.target.value;bo.current=v.target.selectionStart;let te=Nt.current;te?.domEdit&&o(ad(te.domEdit,C,te.text===te.domEdit.originalText)),ie(de=>{if(de?.domEdit){let ke=Xc(de.domEdit.segments,de.domEdit.originalText,C);de.domEdit.segments.forEach(tt=>{tt.textNode.nodeValue=tt.originalText}),ke.forEach(({segment:tt,modifiedText:bt})=>{tt.textNode.nodeValue=bt})}return de&&{...de,text:C}})},[Nt,bo,o,ie]),lr=J(v=>{v.key==="Escape"?(Nt.current?.domEdit&&(o(ad(Nt.current.domEdit,Nt.current.domEdit.originalText,!1)),Nt.current.domEdit.segments.forEach(C=>{C.textNode.nodeValue=C.originalText})),It(Nt.current?.attachments),ie(null)):Hh(v)?Pn():v.key==="Enter"&&!v.shiftKey&&(v.preventDefault(),yt())},[yt,o,Pn,It,ie]),ri=J(v=>{if(!r.isAnnotating)return;let C=Yr.current;Yr.current=null;let te=or(ir(v));if(te&&E&&!ol(te,Ot.current.annotations)){v.preventDefault(),v.stopPropagation(),E(te.id);return}if(te&&ol(te,Ot.current.annotations)){v.preventDefault(),v.stopPropagation(),Io(te.id);return}if(te?.status==="resolved"){let tt=zm(Ot.current.annotations,[te.id]);if(tt.length>0){v.preventDefault(),v.stopPropagation(),tt.forEach(bt=>Z?.(bt));return}}v.preventDefault();let de=!!Nt.current,ke=Ya({x:v.clientX,y:v.clientY},C);!de&&!ke&&Zt()},[Zt,or,ir,Io,Z,E,Ya,r.isAnnotating]),Gr=Se(()=>{if(!Ye)return r.activeColor;let v=null;for(let de of Ut)!de.linkedSelector||Cr.has(de)||nn(de.linkedSelector,de.elements)!==Ye||(!v||de.timestamp>v.timestamp)&&(v=de);let C=v?.color??r.activeColor,te=Tn?.selector??v?.linkedSelector;return te?fs([te],y??new Map,C,pn):C},[Ye,Tn?.selector,y,Ut,r.activeColor,Cr]),Ao=()=>{if(!r.isAnnotating)return"default";if(Si){let{handle:v}=Si;return v==="start"||v==="end"?"move":v==="top"||v==="bottom"?"ns-resize":v==="left"||v==="right"?"ew-resize":v==="topLeft"||v==="bottomRight"?"nwse-resize":"nesw-resize"}if(Sb(r.activeTool)){let v=er?.axis??Fn;if(v==="row")return"ns-resize";if(v==="column")return"ew-resize";if(mo||ho)return"ns-resize";let C=Uo?.property??yo;if(C==="font-size")return"ew-resize";if(C==="line-height")return"ns-resize";let te=Ie?.side??Br;return te==="top"||te==="bottom"?"ns-resize":te==="left"||te==="right"?"ew-resize":"default"}return r.activeTool==="inspector"?rm(Gr):r.activeTool==="sticker"?pc(Gr):"crosshair"},Li=bb(r.isAnnotating,r.activeTool),oi={position:"fixed",top:0,left:0,width:"100dvw",height:"100dvh",zIndex:9998,pointerEvents:qe||!Li?"none":"auto",visibility:Li?"visible":"hidden",cursor:Nn&&!Nn.nativeReady?"none":Ao(),touchAction:r.activeTool==="inspector"?"pan-x pan-y":"none"},va=Se(()=>{if(!g||g.domEdit)return;if(g.linkedSelector){let C=ei.find(te=>te.selector===g.linkedSelector)?.annotationNumber??ga.get(je?.selector??g.linkedSelector);if(C!==void 0)return C}let v=qn.get(g.id);if(v!==void 0)return v;if(g.groupId){let C=r.annotations.find(de=>de.groupId===g.groupId),te=C?qn.get(C.id):void 0;if(te!==void 0)return te}return Va.count+1},[g,je,qn,ga,ei,Va.count,r.annotations]),lt=va!==void 0?`${va}.`:"",Wt=Se(()=>{if(!g||!lt||g.domEdit)return 0;let v=ee.current?.getContext("2d");return v&&(v.font=`${g.fontSize}px ${kn}`),yb({prefix:lt,fontSize:g.fontSize,railGap:je?2:void 0,context:v})},[g,lt,je,ee]),sr=g?.images?.length??r.annotations.find(v=>v.id===g?.id)?.imageCount??0,ln=g&&!g.domEdit&&!je?Xy({nestedAnnotationCount:ue,imageCount:sr,interactionEpisodeStepCount:g.interactionEpisode?.steps.length??0,reserveSendHint:!!M&&Ii===Do&&!!g.text.trim()}):0,$i=r.isAnnotating&&g?.linkedSelector&&!g.target&&!g.domEdit&&!je?nn(g.linkedSelector,g.elements):null,Qr=!!(g&&hc(g)),Zr=Eb($i),eo=Qr&&Zr?Ms(Zr,22,2,window.innerHeight):null,os=g?eo?eo.left+8:Zr?Zr.left+8:g.point.x-gn.x:0,is=g?Zr?.right??g.point.x-gn.x:0,ii=J(()=>{let v=ee.current;if(!v||!g)return{width:100,height:12*dr,isWrapped:!1};if(g.domEdit)return{width:xo?.id===g.id?xo.width:Math.max(1,g.domEdit.rect.width),height:xo?.id===g.id?xo.height:Math.max(1,g.domEdit.rect.height),isWrapped:g.domEdit.wrapsText};let C=v.getContext("2d");if(!C)return{width:100,height:g.fontSize*dr,isWrapped:!1};C.font=`${g.fontSize}px ${kn}`;let te=g.point.x-gn.x;if(!je){let de=!!(g.linkedSelector||g.target),ke=ld({text:g.text,fontSize:g.fontSize,effectiveMaxWidth:384,annotationPrefixWidth:Wt,isModifiedRail:!1,fitToContent:de,context:C}).width+Wt+16,tt=kp({anchorLeftX:os,anchorRightX:is,editorWidth:ke,trailingWidth:ln,viewportWidth:window.innerWidth});return ld({text:g.text,fontSize:g.fontSize,effectiveMaxWidth:Math.max(1,tt.maxEditorWidth-16),annotationPrefixWidth:Wt,isModifiedRail:!1,fitToContent:de,context:C})}return ld({text:g.text,fontSize:g.fontSize,effectiveMaxWidth:Rs(te),annotationPrefixWidth:Wt,isModifiedRail:!!je,context:C})},[g,ee,gn.x,Wt,je,ln,os,is,xo])(),ji=!!g?.domEdit,Of=g?Math.max(1,g.text.split(`
|
|
60
|
-
`).length)*g.fontSize*dr+8:0,ai=ji?ii.height:ii.height+8,Bd=eo??(Zr?Ms(Zr,ai,Hi,window.innerHeight):void 0),Jd=Qr?Sa("bottom-left"):Sa(Bd?.anchor??g?.linkedAnchor),Nf=ii.isWrapped?ai-Of:0,qd=g?ji?(g.domEdit.flowRect??g.domEdit.rect).top:Bd?.top??g.point.y-4-gn.y-Nf:0,_f=g?ji?(g.domEdit.flowRect??g.domEdit.rect).left:g.point.x-8-gn.x:0,Mo=ji?ii.width:ii.width+Wt+16,li=g&&!ji&&!je?kp({anchorLeftX:os,anchorRightX:is,editorWidth:Mo,trailingWidth:ln,viewportWidth:window.innerWidth}).editorLeft:_f,Pi=g?ji?qd:Dm(qd,ai,Zo,li,Mo):0,zi=g?.domEdit?{image:g.domEdit.boundaryRects.map(()=>"linear-gradient(#000 0 0)").join(", "),position:g.domEdit.boundaryRects.map(v=>`${v.left-li}px ${v.top-Pi}px`).join(", "),size:g.domEdit.boundaryRects.map(v=>`${v.width}px ${v.height}px`).join(", ")}:void 0,Ud=g?g.domEdit?{position:"fixed",left:li,top:Pi,zIndex:10002,width:Mo,height:ai,minHeight:0,padding:0,margin:0,boxSizing:"border-box",appearance:"none",fontSize:g.fontSize,fontFamily:g.domEdit.fontFamily,fontWeight:g.domEdit.fontWeight,fontStyle:g.domEdit.fontStyle,color:"transparent",caretColor:r.activeColor,WebkitTextFillColor:"transparent",backgroundColor:"transparent",border:"none",borderRadius:0,outline:"none",boxShadow:"none",lineHeight:g.domEdit.lineHeight,textIndent:g.domEdit.firstLineIndent,letterSpacing:g.domEdit.letterSpacing,textTransform:g.domEdit.textTransform,textAlign:g.domEdit.textAlign,wordSpacing:g.domEdit.wordSpacing,textDecoration:g.domEdit.textDecoration,textShadow:g.domEdit.textShadow,resize:"none",overflow:"hidden",whiteSpace:g.domEdit.wrapsText?g.domEdit.whiteSpace:"pre",wordBreak:g.domEdit.wordBreak,overflowWrap:g.domEdit.overflowWrap,maskImage:zi?.image,maskPosition:zi?.position,maskSize:zi?.size,maskRepeat:"no-repeat",WebkitMaskImage:zi?.image,WebkitMaskPosition:zi?.position,WebkitMaskSize:zi?.size,WebkitMaskRepeat:"no-repeat"}:{position:"fixed",left:li,top:Pi,zIndex:10002,width:Mo,height:ai,padding:`${4+xd}px 8px ${4-xd}px`,paddingLeft:8+Wt,boxSizing:"border-box",fontSize:g.fontSize,fontFamily:kn,color:"#ffffff",backgroundColor:r.activeColor,border:"none",borderRadius:g.linkedSelector?Jd:0,animation:g.linkedSelector&&g.isNew?"popmeltAnnotationFieldEnter 150ms ease-out both":void 0,outline:"none",boxShadow:"none",lineHeight:dr,resize:"none",overflow:"hidden",whiteSpace:ii.isWrapped?"pre-wrap":"pre",wordBreak:ii.isWrapped?"break-word":void 0}:{},Yd=g?.target&&g.linkedSelector?nn(g.linkedSelector,g.elements):null,Wf=v=>!g||!je?null:A(it,{children:[u(Qy,{anchor:v,insetTopLeft:Qr,width:Mo,height:ai,value:g.text,fontSize:g.fontSize,prefix:lt,inputRef:Sr,inputStyle:Ud,onChange:St,onKeyDown:lr,onPaste:be,onBlur:ar,onContextMenu:C=>{C.preventDefault(),C.stopPropagation(),Io(g.id)}}),u(nu,{stepCount:g.interactionEpisode?.steps.length??0,onClear:()=>xi(g.id)})]}),{nestedBadgeOwnerSelector:Ff,hasExistingOverlay:Bf,hoveredLinkedAnnotationId:Kd,hasSelectedHighlightForElement:Jf,ownedInFlightSelectorColors:Xd,ownedFocusedSelectorColors:Vd,selectorElementInfo:Gd,claimElementOverlay:Rr}=kb({activeText:g,pendingLinkedText:Xe,activeTextSendHintId:Do,activeTool:r.activeTool,isAnnotating:r.isAnnotating,annotations:r.annotations,pageAnnotations:Ut,pageStyleModifications:Bn,pageTextModifications:Jn,supersededAnnotations:Cr,nestedBadgeHover:Wr,isSendBundleHovered:Qn,badgeHoveredAnnotationId:Qt,hoveredTextId:xt,badgeHoveredSelector:Sn,focusedThreadAnnotationId:q,inFlightSelectorColors:h,focusedSelectorColors:ti,hoveredElement:Ye}),as=Gr,qf=g?.domEdit?il(r.activeColor,.28):"#000000",Uf=g?.domEdit?"transparent":"#ffffff",Qa=g?.linkedSelector&&!g.domEdit?g:Xe,Za=Qa?.linkedSelector?nn(Qa.linkedSelector,Qa.elements):null,ls=Za??Ye,Qd=Za?"selected":"hover",Zd=Za?Qa?.target??xa(Za):b,ss=Zd?.adapter,ds=Zd?.key;_(()=>(T?.(r.isAnnotating&&ls?{element:ls,selection:Qd,subject:ss&&ds?{adapter:ss,key:ds}:void 0}:null),()=>T?.(null)),[T,r.isAnnotating,ls,Qd,ss,ds]);let ec=v=>{at.current=null,j?.remove(v),bn(null),xn(null),We(C=>C?.target.adapter===v.adapter&&C.target.key===v.key?null:C)};if(Be){let v=Le.current,C=v?.draft?r.activeColor:r.annotations.find(te=>te.id===v?.id)?.color??r.activeColor;return ft?u(Jv,{cursor:ft,stepCount:pt,accentColor:C,toolbarElement:z?.current,threadElement:W}):null}return A(it,{children:[u("canvas",{ref:ze,id:"devtools-canvas",style:oi,onPointerDown:v=>{Q?.(),Ga(v)},onPointerMove:v=>{Q?.(),!(!Oe.current&&b&&Yp(v.currentTarget.ownerDocument,v.clientX,v.clientY))&&Mr(v)},onPointerUp:Ri,onPointerCancel:v=>{if(Oe.current){Ne();return}Mi(v)},onLostPointerCapture:v=>{Oe.current?.pointerId===v.pointerId&&Ne()},onDoubleClick:At,onPointerLeave:v=>{if(Oe.current||wx(v.relatedTarget)||Gp(v.relatedTarget))return;Ri(v),Lt(),He.current=null,Mn.current=null;let C=()=>{bn(null),xn(null)};if(xa(Ye)){let{clientX:te,clientY:de}=v;window.setTimeout(()=>{Gp(document.elementFromPoint(te,de))||at.current!==null||C()},100);return}C()},onContextMenu:v=>{if(b&&Yp(v.currentTarget.ownerDocument,v.clientX,v.clientY)){v.preventDefault(),v.stopPropagation(),ec(b);return}ri(v)}}),rt&&j&&(()=>{let v=j.resolve(rt);return v?u(Ml,{element:v.element,activeFacet:"translate",accentColor:r.activeColor,showHandles:!1,showRotateHandle:!1,refreshKey:Ke}):null})(),ye&&j&&u(sb,{accentColor:r.activeColor,created:ye.created,registry:j,target:ye.target,onCommit:v=>{bn(v.element),xn(v.elementInfo),mt(C=>C+1)},onClose:()=>We(null),onCancelCreated:()=>{j.remove(ye.target),We(null)}},`${ye.target.adapter}:${ye.target.key}`),Nn&&u(tv,{color:Gr,cursorRef:Ze,tool:Nn.tool,onHandoff:()=>dn(v=>v?.id===Nn.id?{...v,nativeReady:!0}:v),onDone:()=>dn(null)},Nn.id),r.isAnnotating&&g&&A(it,{children:[Yd&&g.subjectAnchor&&u(ev,{element:Yd,annotationRect:{left:li,top:Pi,width:Mo,height:ai},subjectAnchor:g.subjectAnchor,color:r.activeColor,subjectRegistry:j}),u(Gy,{value:g.text,fontSize:g.fontSize,prefix:lt,inputRef:Sr,inputStyle:Ud,selectionBackground:qf,selectionColor:Uf,annotationBorderRadius:Jd,activeColor:r.activeColor,boundaryRects:g.domEdit?.boundaryRects,viewportClip:g.domEdit&&pu(g.domEdit.targetElement.ownerDocument)?fu(new DOMRect(0,0,window.innerWidth,window.innerHeight),g.domEdit.targetElement.ownerDocument):void 0,wrapsDomText:g.domEdit?.wrapsText,showEditor:!je,rawLeft:li,top:Pi,baselineOffset:xd,onChange:St,onKeyDown:lr,onPaste:be,onBlur:ar}),!je&&!g.domEdit&&u(Vy,{rawLeft:li,width:Mo,top:Pi,scroll:gn,collisionId:$e,nestedAnnotationCount:ue,nestedAnnotationIds:Re,nestedBadgeColor:ut,imageCount:sr,color:r.activeColor,interactionEpisodeStepCount:g.interactionEpisode?.steps.length??0,showSendHint:Ii===Do&&!!g.text.trim(),bundleCount:ca,onHoverNestedAnnotations:Ur,onHoverSendHint:vo,onClearInteractionEpisode:()=>xi(g.id),onSend:M?Pn:void 0}),u(Oh,{point:g.point,scroll:gn,attachments:g.attachments??[],showAttachments:!g.domEdit,onRemoveAttachment:Ue})]}),r.isAnnotating&&r.activeTool!=="hand"&&(Bn.length>0||Jn.length>0||Xr.length>0||(y?.size??0)>0||F)&&u(Nh,{styleModifications:Bn,textModifications:Jn,stagedComments:Xr,accentColor:r.activeColor,annotationNumberBySelector:ga,inFlightSelectors:f,inFlightAnnotationIds:a,activeAnnotationIds:d,inFlightSelectorJobIds:p,waitingApprovalJobIds:s,inFlightSelectorColors:h,toolbarRef:z,onHoverSelector:ts,sendHintSelector:ya,pendingBundleCount:ca,onHoverSendBundle:vo,onSend:M?Pn:void 0,onSelectSticker:mn,onDeleteSticker:Xo,threadStates:y,onViewThread:I,hoveredElement:Ye,hoveredElementInfo:Tn,showHoverIdentifier:F,onEditComment:Co,onDeleteComment:Io,onDeletePeerComment:E?v=>{let C=Ot.current.annotations.find(te=>te.id===v);C&&ol(C,Ot.current.annotations)?Io(v):E(v)}:void 0,onDiscardTextChanges:ns,onArchiveThread:Z,onClearInteractionEpisode:xi,onEditSubject:Fe,onDeleteSubject:ec,onHoverSubjectLabel:v=>{at.current=v},refreshKey:mr,activeCommentEntry:je?{element:je.element,width:Mo,imageCount:sr,trailingWidth:mc(sr)+Vc(g?.interactionEpisode?.steps.length??0),render:Wf}:void 0}),r.activeTool==="hand"&&r.isAnnotating&&(Bn.length>0||Jn.length>0)&&u(Uv,{styleModifications:Bn.filter(v=>{let C=pn(v.selector);return!!C&&Rr(C,"pending-change")}),textModifications:Jn.filter(v=>{let C=pn(v.selector);return!!C&&Rr(C,"pending-change")}),accentColor:r.activeColor}),r.isAnnotating&&!g?.domEdit&&(()=>{let v=new Set;return Jn.flatMap(C=>{if(C.captured||v.has(C.selector))return[];let te=pn(C.selector);return te?Rr(te,"pending-change")?(v.add(C.selector),[u(oo,{element:te,isSelected:!1,color:r.activeColor,hideTooltip:!0},`pending-text-change-${C.selector}`)]):[]:[]})})(),r.isAnnotating&&u(Hm,{annotations:Ut,displayAnnotations:Vr,supersededAnnotations:Cr,inFlightIds:a,orientationLabels:l,activeIds:d,queuePositions:c,scrollX:gn.x,scrollY:gn.y,annotationGroupMap:qn,onViewThread:I,onSelectAnnotation:nr,onDeleteDraftAnnotation:Io,onClearInteractionEpisode:xi,onHoverAnnotation:sa,canvasRef:ee,toolbarRef:z,activeBundleAnnotationIds:fa,inactiveBundleOpacity:ki,animateBundleOpacity:!Ei&&!pa,hoverRestoredAnnotationIds:ha,nestedAnnotationCountById:se,nestedAnnotationIdsById:ae,onHoverNestedAnnotations:Ur,onHoverSendBundle:vo,onSend:M?Pn:void 0,sendHintAnchorId:To===Do?null:To,pendingBundleCount:ca,parentPinnedAnnotationIds:tr,parentPinnedLocationLabels:ko,parentPinnedTooltipAnnotationId:ua,onActivateAnnotation:Xa,hiddenAnnotationIds:Ar}),r.isAnnotating&&Xd&&u(Gc,{inFlightSelectorColors:Xd,selectorElementInfo:Gd,subjectRegistry:j}),r.isAnnotating&&Vd&&u(Gc,{inFlightSelectorColors:Vd,selectorElementInfo:Gd,animated:!1,subjectRegistry:j}),u(zv,{active:r.activeTool==="hand"&&r.isAnnotating,accentColor:r.activeColor,domDropPreview:H,cursorViewport:De,gapElement:er?et.current.element:Pe,gapDragging:er,gapHoveredAxis:Fn,gapIsAuto:gi,gapRefreshKey:Xl,swipeHint:Vl,radiusElement:mo?yi.current.element:ia,radiusDragging:mo,radiusHoveredCorner:ho,textElement:Uo?go.current.element:xr,textDragging:Uo,textHoveredProperty:yo,paddingElement:Ie?un.current.element:po,paddingDragging:Ie,paddingHoveredSide:Br}),r.isAnnotating&&e&&!g&&!Xe&&!ye&&u($y,{hasExistingOverlay:Bf,entry:e,color:r.activeColor,subjectRegistry:j}),(r.activeTool==="inspector"||r.activeTool==="sticker")&&r.isAnnotating&&u(it,{children:Ye&&(()=>{let v=r.activeTool==="sticker"&&Vt==="value"&&(gt==="padding"||gt==="margin")&&Ht.current?.element===Ye,C=xp(r.activeTool==="sticker",gt,Vt,Bt);if(Jf(Ye)||!Rr(Ye,"inspector-hover"))return null;let te=g?.linkedSelector?nn(g.linkedSelector,g.elements):null,de=Xe?.linkedSelector?nn(Xe.linkedSelector,Xe.elements):null,ke=(te?Us(te,Ye,g?.elements?.[0]?.context):!1)||(de?Us(de,Ye,Xe?.elements?.[0]?.context):!1)||Ut.some(bt=>{if(!bt.linkedSelector||Cr.has(bt))return!1;let Mt=nn(bt.linkedSelector,bt.elements);return Us(Mt,Ye,bt.elements?.[0]?.context)}),tt=!!xt||!!Qt;return A(it,{children:[!v&&u(oo,{element:Ye,isSelected:!1,elementInfo:Tn,color:as,hideOutline:!b,hideFill:!b,refreshKey:r.activeTool==="sticker"?mr:void 0,hideTooltip:k||F||ke||tt}),!C&&!b&&u(Ml,{element:Ye,activeFacet:"translate",accentColor:as,showHandles:!1,outlineStyle:"dashed",refreshKey:r.activeTool==="sticker"?mr:void 0})]})})()}),u(nb,{active:r.activeTool==="sticker"&&r.isAnnotating,accentColor:as,family:gt,stage:Vt,subproperty:Bt,hoveredElement:Ye,previewElement:Ht.current?.element??null,transformPreviewElement:Jt.current?.element??null,previewRevision:mr,cursorViewport:co,drag:dt,onGapPointerDown:Ql,onRadiusPointerDown:Fa,onSpacingPointerDown:Ba,onTransformPointerDown:Ja}),r.activeTool==="sticker"&&r.isAnnotating&&co&&u(_h,{cursor:co,family:gt,step:on,subproperty:Bt,stage:Vt,accentColor:r.activeColor,applyPulse:Rt,contextLabelPulse:Nr,depthSnapPulse:en,rejectPulse:uo,stepUnavailable:wn,query:hn?{tokens:hn.segments.flatMap((v,C)=>{let te=hn.history[C]?.scope??cd,de=La(te,v);return de?[Yb(de)]:[]}),...Kb(hn.query,ud(hn.scope,hn.query))}:null,toolbarElement:z?.current,threadElement:W,annotationRailHovered:Sn!==null||Qt!==null||Wr!==null||Qn}),!Wr&&!Qn&&(g?.linkedSelector||Xe?.linkedSelector)&&(()=>{let v=g?.linkedSelector||Xe?.linkedSelector;if(!v)return null;let C=nn(v,g?.elements??Xe?.elements);return!C||!Rr(C,"direct-manipulation")?null:u(oo,{element:C,isSelected:!0,color:pe?.color??r.activeColor,hideTooltip:!0})})(),q&&(()=>{if(Qn)return null;let v=r.annotations.find(de=>de.id===q);if(!v?.linkedSelector||Ff===v.linkedSelector)return null;let C=nn(v.linkedSelector,v.elements);if(!C||!Rr(C,"thread-focus"))return null;let te=!!(a&&a.has(v.id));return u(oo,{element:C,isSelected:!te,color:v.color,onActivate:v.threadId?()=>wr(v.threadId):void 0,hideTooltip:!0})})(),Kd&&(()=>{let v=r.annotations.find(te=>te.id===Kd);if(!v?.linkedSelector)return null;let C=nn(v.linkedSelector,v.elements);return!C||!Rr(C,"annotation-hover")?null:u(oo,{element:C,isSelected:!1,color:v.color,onActivate:v.threadId?()=>wr(v.threadId):void 0,hideTooltip:!0})})(),Wr&&!Qn&&(()=>{let v=new Set;return Wr.annotationIds.flatMap(C=>{let te=r.annotations.find(ke=>ke.id===C);if(!te?.linkedSelector||v.has(te.linkedSelector))return[];let de=nn(te.linkedSelector,te.elements);return de?Rr(de,"nested-preview")?(v.add(te.linkedSelector),[u(oo,{element:de,isSelected:!1,color:te.color,hideTooltip:!0},`nested-annotation-${C}`)]):[]:[]})})(),Qn&&(()=>{let v=[],C=new Set,te=(de,ke,tt,bt)=>{if(!ke||C.has(ke))return;let Mt=nn(ke,tt);Mt&&Rr(Mt,"bundle-preview")&&(C.add(ke),v.push({id:de,element:Mt,color:bt}))};for(let de of Ut)(de.status??"pending")==="pending"&&te(de.id,de.linkedSelector,de.elements,de.color);g&&!g.domEdit&&g.text.trim()&&te(Do,g.linkedSelector,g.elements,r.activeColor);for(let de of Bn)de.captured||te(`style-${de.selector}`,de.selector,[de.element],r.activeColor);for(let de of Jn)de.captured||te(`text-${de.selector}`,de.selector,[de.element],r.activeColor);return v.map(de=>u(oo,{element:de.element,isSelected:!1,color:de.color,hideTooltip:!0},`send-bundle-${de.id}`))})(),Sn&&(()=>{let v=pn(Sn);if(!v||!Rr(v,"badge-hover"))return null;let C=fs([Sn],y??new Map,jt.get(Sn)??r.activeColor,pn);return u(it,{children:u(oo,{element:v,isSelected:!1,color:C,fillOpacity:.1,hideTooltip:!0,subjectRegistry:j})})})()]})}var kx={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 Ex(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 Zp(e,t){let n=t??Ex(e);return{kind:n,...kx[n]}}function Tx(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 Dl(e,t,n){return t&&n?.get(t)||e}var wd="popmelt-status-notices",ef=50,tf=2,Cx=new Set(["Model","Reviewed","Has a question","Needs decision","Needs review","Applied changes","Replied","Done"]);function nf(e){return e.status!=="done"||e.doneLabel&&Cx.has(e.doneLabel)?e:{...e,doneLabel:"Replied"}}function Hl(e){return e?`${wd}:${e}`:wd}function rf(e,t,n=!0){return t===null?!1:t===void 0?!0:e.threadId?t.has(e.threadId):n&&e.global===!0}function of(e){if(typeof window>"u")return[];try{let t=JSON.parse(localStorage.getItem(Hl(e))??localStorage.getItem(wd)??"[]");return(Array.isArray(t)?t:t?.version===tf&&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(nf).slice(-ef)}catch{return[]}}function Sd(e){try{let t=JSON.parse(localStorage.getItem(Hl(e))||"{}");return new Set(Array.isArray(t.acknowledgedJobIds)?t.acknowledgedJobIds.filter(n=>typeof n=="string"):[])}catch{return new Set}}function Ax(e,t,n){if(!(typeof window>"u"))try{let r=e.filter(Ho).map(nf).slice(-ef),o=JSON.stringify({version:tf,entries:r,acknowledgedJobIds:Array.from(n).slice(-500)}),i=Hl(t);localStorage.getItem(i)!==o&&localStorage.setItem(i,o)}catch{}}function Ho(e){return e.status==="done"||e.status==="error"}function Id(e,t){return!!(t&&e.status==="done"&&e.doneLabel==="Has a question"&&e.threadId&&t.has(e.threadId))}function Mx(e,t,n,r,o){return!e&&(t||n)&&(r>0||o===!1)}function Rx(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(", "),af=500,$x=80,lf=120;function Ol(e){return e==="project_model"}var kd=2,ja=24,jx=0,Ed={display:"flex",alignItems:"center",gap:3,padding:`${kd}px 0`,backgroundColor:"transparent",border:"none",fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace",fontSize:11,height:ja,boxSizing:"border-box",whiteSpace:"nowrap",animation:"popmeltJobStatusEnter 180ms ease-out both",transition:"transform 200ms ease, opacity 200ms ease",willChange:"transform, opacity"};function Px(e,t=!1){if(e.find(c=>c.type==="job_started")?.data.kind==="project_model")return"Projecting model";let n=e.filter(c=>c.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(c=>c.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,d=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(!d)return"Running command";let c=d.split(`
|
|
61
|
-
`)[0].trim();return t||c.length<=40?c:c.slice(0,37)+"\u2026"}case"Glob":return"Searching files";case"Grep":return"Searching code";default:return a?`Using ${a}`:"Working\u2026"}}function zx(e,t=!1){if(!t)return"Failed";let n=Zp(e);return`${n.label} \u2014 ${n.message}`}function Dx(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 d=1,c=0;for(let f of r){let p=c===0?f.length:c+1+f.length;p<=s?c=p:(d+=1,c=f.length)}return d},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 sf(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 d=s.type==="error",c=d?"error":"done",f=d?void 0:Td(t,l.jobId),p=d?String(s.data.message||""):void 0,h=d?!!s.data.cancelled:void 0,y=typeof s.data.threadId=="string"?s.data.threadId:void 0;return l.status===c&&l.doneLabel===f&&l.errorMessage===p&&l.cancelled===h&&l.threadId===(l.threadId||y)?l:(i=!0,{...l,status:c,doneLabel:f,errorMessage:p,cancelled:h,threadId:l.threadId||y})});return i?a:e}function Hx(e,t){return t?[...e].reverse():e}function Ox({color:e}){let[t,n]=L(0);return _(()=>{let r=setInterval(()=>{n(o=>(o+1)%2)},250);return()=>clearInterval(r)},[]),u("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:e,style:{verticalAlign:"middle",flexShrink:0},children:t===1?A(it,{children:[u("circle",{cx:"7",cy:"7",r:"2"}),u("circle",{cx:"17",cy:"7",r:"2"}),u("circle",{cx:"7",cy:"17",r:"2"}),u("circle",{cx:"17",cy:"17",r:"2"})]}):A(it,{children:[u("circle",{cx:"12",cy:"6",r:"2"}),u("circle",{cx:"6",cy:"12",r:"2"}),u("circle",{cx:"18",cy:"12",r:"2"}),u("circle",{cx:"12",cy:"18",r:"2"})]})})}function Nx({color:e}){return u("span",{style:{color:e,fontSize:12,lineHeight:1,width:10,display:"inline-block"},children:"\u2713"})}function _x({onCancel:e}){let t=B(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]),u("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 Wx({onDismiss:e,onHoverChange:t}){let n=B(null),[r,o]=L(!1);return _(()=>{let i=n.current;if(!i)return;let a=d=>{d.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]),u("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:u(zg,{size:12,strokeWidth:2.25})})}function Fx({bridge:e,inFlightJobs:t,threadColors:n,isVisible:r,isHidden:o=!1,onHover:i,isInteractionSuppressed:a=!1,clearSignal:l,onClickJob:s,onCancel:d,onHoverJob:c,isConnected:f,dismissedThreadIds:p,acknowledgedThread:h,recoveredAcknowledgedThreadIds:y,recoveredAcknowledgedJobIds:m,recoveredSettledQuestionThreadIds:x,pendingQuestionThreadIds:S,snapPosition:P="bottom-right",currentPathname:M,noticeScope:I,ownedThreadIds:N,allowThreadlessNotices:Z=!0,viewedThreadId:E}){let K=B(new Set),[O,Y]=L(()=>{let g=Sd(I),ie=of(I).filter(be=>!g.has(be.jobId));return K.current=new Set(ie.map(be=>be.jobId)),ie}),[q,le]=L(!1),[w,G]=L(null),[z,W]=L(null),[R,j]=L(!1),[$,T]=L(!1),[Q,re]=L("waiting"),ee=a||R,oe=o||ee,U=B(oe),fe=B(!1),me=B(null),X=B(null),Te=B(null),[Ae]=L(()=>Sd(I)),Ee=B(Ae),_e=B(new Set);_(()=>{ee&&(le(!1),G(null),i(!1),c?.(null))},[ee,i,c]),_(()=>{o&&(le(!1),G(null),i(!1),c?.(null))},[o,i,c]),_(()=>{N!==null&&Ax(O.filter(g=>rf(g,N,Z)&&!Ee.current.has(g.jobId)),I,Ee.current)},[O,I,N,Z]),_(()=>{if(!E)return;let g=O.filter(ie=>ie.threadId===E&&Ho(ie));g.length!==0&&(g.forEach(ie=>Ee.current.add(ie.jobId)),Y(ie=>ie.filter(be=>!Ee.current.has(be.jobId))))},[O,E]),_(()=>{Y(g=>Tx(g,n))},[n]),_(()=>{let g=ie=>{if(ie.key!==Hl(I))return;Sd(I).forEach(Ue=>Ee.current.add(Ue));let be=of(I).filter(Ue=>!Ee.current.has(Ue.jobId));Y(Ue=>[...Ue.filter(It=>!Ho(It)),...be])};return window.addEventListener("storage",g),()=>window.removeEventListener("storage",g)},[I]);let[D,ze]=L(()=>typeof window<"u"?{w:window.innerWidth,h:window.innerHeight}:{w:1920,h:1080});_(()=>{let g=()=>ze({w:window.innerWidth,h:window.innerHeight});return window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)},[]);let Oe=Uh(P,D.w,D.h);_(()=>{l>0&&Y(g=>(g.forEach(ie=>Ee.current.add(ie.jobId)),[]))},[l]),_(()=>{!p||p.size===0||Y(g=>{let ie=g.filter(be=>!be.threadId||!p.has(be.threadId)||!Ho(be));return ie.length===g.length?g:ie})},[p]),_(()=>{h&&(_e.current.add(h.threadId),Y(g=>{let ie=g.filter(be=>be.threadId===h.threadId&&Ho(be));return ie.forEach(be=>Ee.current.add(be.jobId)),ie.length===0?g:g.filter(be=>!Ee.current.has(be.jobId))}))},[h]),_(()=>{!y||y.size===0||(y.forEach(g=>_e.current.add(g)),Y(g=>{let ie=g.filter(be=>be.threadId&&y.has(be.threadId)&&Ho(be));return ie.forEach(be=>Ee.current.add(be.jobId)),ie.length===0?g:g.filter(be=>!Ee.current.has(be.jobId))}))},[y]),_(()=>{!m||m.size===0||(m.forEach(g=>Ee.current.add(g)),Y(g=>{let ie=g.filter(be=>!m.has(be.jobId));return ie.length===g.length?g:ie}))},[m]),_(()=>{!x||x.size===0||Y(g=>{let ie=g.filter(be=>!Id(be,x));return ie.length===g.length?g:ie})},[x]),_(()=>{!S||S.size===0||Y(g=>{let ie=!1,be=g.map(Ue=>Ue.status!=="done"||!Ue.threadId||!S.has(Ue.threadId)||Ue.doneLabel==="Has a question"?Ue:(ie=!0,{...Ue,doneLabel:"Has a question"}));return ie?be:g})},[S]),_(()=>{Y(g=>{let ie=new Set(g.map(ye=>ye.jobId)),be=!1,Ue=g.map(ye=>{let We=t[ye.jobId];if(We&&(!ye.threadId||ye.color==="#888"||!ye.kind||!ye.routePathnames&&We.routePathnames||ye.global==null&&We.global!=null))return be=!0,{...ye,annotationIds:ye.annotationIds??We.annotationIds,threadId:ye.threadId||We.threadId||e.activeJobThreads[ye.jobId],color:Dl(ye.color==="#888"?We.color:ye.color,ye.threadId||We.threadId,n),kind:ye.kind??We.kind,routePathnames:ye.routePathnames??We.routePathnames,global:ye.global??We.global};let Ke=e.activeJobThreads[ye.jobId];return!ye.threadId&&Ke?(be=!0,{...ye,threadId:Ke,color:Dl(ye.color,Ke,n)}):ye});for(let[ye,We]of Object.entries(t)){if(Ol(We.kind))continue;let Ke=e.events.some(at=>at.data.jobId===ye&&at.type!=="job_started"),mt=!!(We.threadId&&_e.current.has(We.threadId)&&!Ke);!ie.has(ye)&&!Ee.current.has(ye)&&!mt&&(Ue.push({jobId:ye,annotationIds:We.annotationIds,color:Dl(We.color,We.threadId,n),status:"queued",kind:We.kind,threadId:We.threadId,routePathnames:We.routePathnames,global:We.global}),be=!0)}let It=new Set(Object.keys(t)),xt=new Set(e.activeJobIds),Ce=Ue.filter(ye=>Ol(ye.kind)?!1:ye.status!=="queued"?!0:It.has(ye.jobId)||xt.has(ye.jobId));Ce.length!==Ue.length&&(be=!0);let Xe=new Set(Ce.map(ye=>ye.jobId));for(let ye of e.activeJobIds)if(!Xe.has(ye)&&!Ee.current.has(ye)){let We=e.events.find(Ye=>Ye.type==="job_started"&&Ye.data.jobId===ye),Ke=We?.data.kind;if(Ol(Ke))continue;let mt=We?.data?.threadId??e.activeJobThreads[ye],at=e.events.some(Ye=>Ye.data.jobId===ye&&Ye.type!=="job_started");if(mt&&_e.current.has(mt)&&!at)continue;let Ze=typeof We?.data.color=="string"?We.data.color:Ke==="synthesize"||Ke==="project_model"?"#000000":"#888",Ft=Dl(Ze,mt,n);Ce.push({jobId:ye,annotationIds:Array.isArray(We?.data.annotationIds)?We.data.annotationIds.filter(Ye=>typeof Ye=="string"):void 0,color:Ft,status:"working",kind:Ke,threadId:mt,routePathnames:void 0,global:We?.data.global===!0||Ke==="synthesize"||Ke==="project_model"}),be=!0}let Dt=sf(Ce.filter(ye=>!Ee.current.has(ye.jobId)),e.events,e.activeJobIds).filter(ye=>!Id(ye,x));return be||Dt!==Ce?Dt:g})},[t,e.activeJobIds,e.activeJobThreads,e.events,x,n]),_(()=>{if(e.activeJobIds.length===0)return;let g=new Set(e.activeJobIds);Y(ie=>ie.map(be=>g.has(be.jobId)&&be.status!=="done"&&be.status!=="error"?{...be,status:"working"}:be))},[e.activeJobIds]),_(()=>{Y(g=>{let ie=sf(g.filter(Ue=>!Ee.current.has(Ue.jobId)),e.events).filter(Ue=>!Id(Ue,x));if(!p||p.size===0)return ie;let be=ie.filter(Ue=>!Ue.threadId||!p.has(Ue.threadId)||!Ho(Ue));return be.length===ie.length?ie:be})},[e.events,p,x]);let Ve=J(g=>g.global||!M||!g.routePathnames||g.routePathnames.length===0?!0:g.routePathnames.includes(M),[M]),rt=Se(()=>O.filter(g=>!Ol(g.kind)&&Ve(g)&&rf(g,N,Z)&&(!E||g.threadId!==E)&&!(g.threadId&&p?.has(g.threadId))&&!Ee.current.has(g.jobId)),[O,Ve,N,Z,E,p]),ve=rt.some(Ho),Ne=Mx(o,r,ve,rt.length,f),ge=rt.map(g=>`${g.jobId}:${g.status}:${g.color}:${g.threadId??""}`).join("|");Et(()=>{let g=U.current;if(U.current=oe,me.current&&(clearTimeout(me.current),me.current=null),X.current&&(clearTimeout(X.current),X.current=null),Te.current&&(clearTimeout(Te.current),Te.current=null),!fe.current){if(oe||!Ne){T(!1),re("waiting");return}return rt.forEach(ie=>K.current.add(ie.jobId)),T(!0),re("waiting"),me.current=setTimeout(()=>{re("fading"),me.current=null,X.current=setTimeout(()=>{fe.current=!0,re("complete"),X.current=null,Te.current=setTimeout(()=>{T(!1),Te.current=null},af)},lf)},$x),()=>{me.current&&(clearTimeout(me.current),me.current=null),X.current&&(clearTimeout(X.current),X.current=null),Te.current&&(clearTimeout(Te.current),Te.current=null)}}if(oe||!Ne){T(!1);return}if(g)return T(!0),Te.current=setTimeout(()=>{T(!1),Te.current=null},af),()=>{Te.current&&(clearTimeout(Te.current),Te.current=null)}},[ge,oe,Ne,rt]);let qe=B(null);Et(()=>{if(!Ne){j(!1);return}let g=qe.current;if(!g)return;let ie=null,be=new Set,Ue=typeof ResizeObserver>"u"?null:new ResizeObserver(()=>Xe()),It=()=>{let Ke=[document],mt=g.getRootNode();return mt!==document&&"querySelectorAll"in mt&&Ke.unshift(mt),Ke},xt=()=>{let Ke=new Set;for(let mt of It())mt.querySelectorAll(Lx).forEach(at=>Ke.add(at));return Array.from(Ke)},Ce=()=>{ie=null;let Ke=g.getBoundingClientRect(),mt=xt();for(let Ze of mt)Ue&&!be.has(Ze)&&(be.add(Ze),Ue.observe(Ze));let at=mt.some(Ze=>{let Ft=window.getComputedStyle(Ze);return Ft.display==="none"||Ft.visibility==="hidden"||Ft.opacity==="0"?!1:Rx(Ke,Ze.getBoundingClientRect())});j(Ze=>Ze===at?Ze:at)};function Xe(){ie===null&&(ie=window.requestAnimationFrame(Ce))}Ue?.observe(g);let Dt=g.getRootNode(),ye=typeof MutationObserver>"u"?null:new MutationObserver(Xe);ye&&Dt instanceof Node&&ye.observe(Dt,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["aria-hidden","style"]});let We=typeof MutationObserver>"u"||!document.body?null:new MutationObserver(Xe);return We?.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-popmelt-active-annotation-surface"]}),window.addEventListener("resize",Xe),window.addEventListener("scroll",Xe,!0),window.addEventListener("pointermove",Xe,{passive:!0}),Ce(),()=>{ie!==null&&window.cancelAnimationFrame(ie),Ue?.disconnect(),ye?.disconnect(),We?.disconnect(),window.removeEventListener("resize",Xe),window.removeEventListener("scroll",Xe,!0),window.removeEventListener("pointermove",Xe)}},[Ne,P,rt.length]),_(()=>{if(!Ne)return;let g=qe.current;if(!g)return;let ie=()=>{le(!0),i(!0)},be=()=>{le(!1),G(null),i(!1),c?.(null)};return g.addEventListener("mouseenter",ie),g.addEventListener("mouseleave",be),()=>{g.removeEventListener("mouseenter",ie),g.removeEventListener("mouseleave",be)}},[Ne,i,c]);let st=B(new Map),Ge=J((g,ie)=>{ie?st.current.set(g,ie):st.current.delete(g)},[]);if(_(()=>{if(!Ne)return;let g=[];for(let ie of rt){let be=st.current.get(ie.jobId);if(!be)continue;if(s){let Xe=ie.jobId,Dt=ie.threadId,ye=ie.annotationIds,We=()=>s(Xe,Dt,ye);be.addEventListener("click",We),g.push(()=>be.removeEventListener("click",We))}let Ue=ie.jobId,It=ie.annotationIds,xt=()=>{G(Ue),c?.(Ue,It)},Ce=()=>{G(Xe=>Xe===Ue?null:Xe),c?.(null)};be.addEventListener("mouseenter",xt),be.addEventListener("mouseleave",Ce),g.push(()=>{be.removeEventListener("mouseenter",xt),be.removeEventListener("mouseleave",Ce)})}return()=>g.forEach(ie=>ie())},[Ne,rt,s,c]),!Ne)return null;let Le={working:3,queued:2,error:1,done:0},Be=[],Pt=new Map;for(let g of rt){if(!g.threadId){Be.push(g);continue}let ie=Pt.get(g.threadId);(!ie||Le[g.status]>Le[ie.status]||Le[g.status]===Le[ie.status])&&Pt.set(g.threadId,g)}for(let g of Pt.values())Be.push(g);let ht=Be.filter(g=>g.status==="queued"),pt=new Map;ht.forEach((g,ie)=>{pt.set(g.jobId,`(${ie+1}/${ht.length})`)});let Qe=!q&&!$&&Be.length>1,ft=Yh(P),zt=Kh(P),Kt=Hx(Be,ft),En=$u(e.events),Xt=new Map(Be.map((g,ie)=>[g.jobId,ie])),_t=!fe.current&&Q==="waiting",Me=!fe.current&&Q==="fading",Zt=ee||_t;return A("div",{ref:qe,style:{...Oe,zIndex:10001,opacity:Zt?0:1,visibility:Zt?"hidden":"visible",pointerEvents:Zt?"none":"auto",transition:Me?`opacity ${lf}ms ease-out`:"none"},"aria-hidden":Zt||void 0,"data-devtools":!0,children:[u("style",{children:`
|
|
62
|
-
@keyframes popmeltJobStatusEnter {
|
|
63
|
-
from { opacity: 0; transform: translateX(12px); }
|
|
64
|
-
to { opacity: 1; transform: translateX(0); }
|
|
65
|
-
}
|
|
66
|
-
@media (prefers-reduced-motion: reduce) {
|
|
67
|
-
@keyframes popmeltJobStatusEnter {
|
|
68
|
-
from { opacity: 1; transform: none; }
|
|
69
|
-
to { opacity: 1; transform: none; }
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
`}),Kt.map((g,ie)=>{let be=ie===Kt.length-1,Ue=Xt.get(g.jobId)??ie,It=Be.length-1-Ue,xt=w===g.jobId,Ce=Math.max(160,Math.min(360,D.w-32)),Xe=g.status==="working"&&En.has(g.jobId),Dt=Ze=>Xe?"Approval needed":g.status==="working"?Px(e.events.filter(Ft=>Ft.data.jobId===g.jobId),Ze):g.status==="queued"?`Queued ${pt.get(g.jobId)??""}`:g.status==="done"?g.doneLabel||"Done":g.cancelled?"Cancelled":zx(g.errorMessage||"",Ze),ye=Dt(!1),We=Dt(!0),Ke=xt?We:ye,mt=Dx(Ke,3),at=xt&&(We!==ye||mt>24);return u("div",{"data-popmelt-status-job":g.jobId,style:{position:"relative",zIndex:Ue+1,marginBottom:Qe?be?0:-18:be?0:jx,transform:Qe?`scale(${Math.max(.94,1-It*.02)})`:"scale(1)",opacity:1,transformOrigin:`${ft?"top":"bottom"} ${zt?"right":"left"}`,transition:$?"none":"margin-bottom 250ms ease, transform 250ms ease, opacity 250ms ease"},children:u("div",{ref:Ze=>Ge(g.jobId,Ze),style:{...Ed,animation:!fe.current||K.current.has(g.jobId)?"none":Ed.animation,position:"relative",overflow:"visible",cursor:s?"pointer":void 0,height:at?"auto":ja,minHeight:ja,alignItems:at?"flex-start":"center"},"aria-label":Ke,children:A("div",{style:{display:"flex",alignItems:at?"flex-start":"center",gap:3,height:at?"auto":ja-kd*2,minHeight:ja-kd*2,maxWidth:at?Ce:void 0,boxSizing:"border-box",padding:at?"3px 5px 3px 8px":"0 5px 0 8px",margin:0,backgroundColor:g.color,color:"#ffffff",borderRadius:Qc},children:[A("span",{style:{display:"flex",alignItems:at?"flex-start":"center",gap:3,minWidth:0,opacity:z===g.jobId?.3:1,transition:"opacity 120ms ease-out"},children:[g.status==="working"&&(Xe?u(Iu,{size:12,"aria-label":"Approval needed"}):u(Ox,{color:"#ffffff"})),g.status==="queued"&&u(Su,{size:12,strokeWidth:2.25,color:"#ffffff",style:{opacity:.6}}),g.status==="done"&&(g.doneLabel==="Has a question"?u($g,{size:12,strokeWidth:2.25,style:{marginRight:3}}):g.doneLabel==="Replied"?u(jg,{size:12,strokeWidth:2.25}):u(Nx,{color:"#ffffff"})),g.status==="error"&&u(Pg,{size:12,strokeWidth:2.25}),u("span",{style:{opacity:g.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(${mt+.5}ch, ${Ce-48}px)`:void 0,maxWidth:at?Ce-48:160,overflow:"hidden",textOverflow:"ellipsis",transition:"opacity 120ms ease-out"},children:Ke})]}),g.status==="working"&&d&&u(_x,{onCancel:()=>d(g.jobId)}),(g.status==="done"||g.status==="error")&&u(Wx,{onHoverChange:Ze=>W(Ze?g.jobId:null),onDismiss:()=>{W(null),O.filter(Ze=>g.threadId?Ze.threadId===g.threadId:Ze.jobId===g.jobId).forEach(Ze=>Ee.current.add(Ze.jobId)),Y(Ze=>Ze.filter(Ft=>g.threadId?Ft.threadId!==g.threadId:Ft.jobId!==g.jobId))}})]})})},g.jobId)}),f===!1&&O.length>0&&u("div",{style:Ed,children:A("div",{style:{display:"flex",alignItems:"center",gap:3,padding:"3px 5px 3px 8px",margin:0,backgroundColor:"#f59e0b",color:"#ffffff",borderRadius:Qc},children:[u("span",{style:{display:"inline-block",width:8,height:8,borderRadius:"50%",backgroundColor:"#ffffff",opacity:.6}}),u("span",{children:"Reconnecting\u2026"})]})})]})}var Bx=`
|
|
73
|
-
[data-popmelt-top-layer-host] {
|
|
74
|
-
-webkit-user-select: none;
|
|
75
|
-
user-select: none;
|
|
76
|
-
--popmelt-selection-background: #626262;
|
|
77
|
-
--popmelt-selection-color: #ffffff;
|
|
78
|
-
}
|
|
79
|
-
[data-popmelt-top-layer-host] * {
|
|
80
|
-
-webkit-user-select: none;
|
|
81
|
-
user-select: none;
|
|
82
|
-
}
|
|
83
|
-
[data-popmelt-top-layer-host] [data-popmelt-theme="light"] {
|
|
84
|
-
--popmelt-selection-background: #a3a3a3;
|
|
85
|
-
--popmelt-selection-color: #171717;
|
|
86
|
-
}
|
|
87
|
-
[data-popmelt-top-layer-host] ::selection {
|
|
88
|
-
background: var(--popmelt-selection-background);
|
|
89
|
-
color: var(--popmelt-selection-color);
|
|
90
|
-
}
|
|
91
|
-
[data-popmelt-top-layer-host] :is(input, textarea, [contenteditable]:not([contenteditable="false"]), [role="textbox"], [data-devtools="thread-panel"]),
|
|
92
|
-
[data-popmelt-top-layer-host] :is([contenteditable]:not([contenteditable="false"]), [role="textbox"], [data-devtools="thread-panel"]) * {
|
|
93
|
-
-webkit-user-select: text;
|
|
94
|
-
user-select: text;
|
|
95
|
-
}
|
|
96
|
-
`;function Jx({children:e}){let[t,n]=L(null);return Et(()=>{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?Eu(A(it,{children:[u("style",{children:Bx}),e]}),t):null}var qx=`
|
|
97
|
-
${Nm}
|
|
98
|
-
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
99
|
-
:host {
|
|
100
|
-
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
101
|
-
font-size: 12px;
|
|
102
|
-
color: #1f2937;
|
|
103
|
-
line-height: 1.5;
|
|
104
|
-
-webkit-font-smoothing: antialiased;
|
|
105
|
-
-webkit-user-select: none;
|
|
106
|
-
user-select: none;
|
|
107
|
-
--popmelt-selection-background: #626262;
|
|
108
|
-
--popmelt-selection-color: #ffffff;
|
|
109
|
-
}
|
|
110
|
-
/* Host stylesheets are mirrored for previews, including page-wide selection
|
|
111
|
-
colors. Keep chrome labels inert and give editable/thread text a Popmelt
|
|
112
|
-
selection treatment instead of inheriting the page's highlight. */
|
|
113
|
-
:host * {
|
|
114
|
-
-webkit-user-select: none;
|
|
115
|
-
user-select: none;
|
|
116
|
-
}
|
|
117
|
-
:host [data-popmelt-theme="light"] {
|
|
118
|
-
--popmelt-selection-background: #a3a3a3;
|
|
119
|
-
--popmelt-selection-color: #171717;
|
|
120
|
-
/* Keep the native scrollbar width, but soften its high-contrast light thumb. */
|
|
121
|
-
scrollbar-color: rgba(0, 0, 0, 0.06) transparent;
|
|
122
|
-
}
|
|
123
|
-
:host [data-popmelt-theme="dark"],
|
|
124
|
-
:host [data-popmelt-panel] {
|
|
125
|
-
scrollbar-color: auto;
|
|
126
|
-
}
|
|
127
|
-
:host ::selection {
|
|
128
|
-
background: var(--popmelt-selection-background);
|
|
129
|
-
color: var(--popmelt-selection-color);
|
|
130
|
-
}
|
|
131
|
-
:host :is(input, textarea, [contenteditable]:not([contenteditable="false"]), [role="textbox"], [data-devtools="thread-panel"]),
|
|
132
|
-
:host :is([contenteditable]:not([contenteditable="false"]), [role="textbox"], [data-devtools="thread-panel"]) * {
|
|
133
|
-
-webkit-user-select: text;
|
|
134
|
-
user-select: text;
|
|
135
|
-
}
|
|
136
|
-
/* Direct reset for all Popmelt chrome elements.
|
|
137
|
-
Beats broad selectors from mirrored host stylesheets (e.g. div, span, *).
|
|
138
|
-
Inline styles on individual elements still win (higher specificity).
|
|
139
|
-
color: inherit (not a fixed value) so children properly inherit inline
|
|
140
|
-
colors set by parents \u2014 e.g. thread header sets color:#fff, child spans
|
|
141
|
-
should get white, not this reset gray. */
|
|
142
|
-
:host *:not([data-popmelt-panel]):not([data-popmelt-panel] *):not([data-popmelt-font="sans"]):not([data-popmelt-font="sans"] *) {
|
|
143
|
-
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
144
|
-
font-size: 12px;
|
|
145
|
-
color: inherit;
|
|
146
|
-
line-height: 1.5;
|
|
147
|
-
-webkit-font-smoothing: antialiased;
|
|
148
|
-
}
|
|
149
|
-
/* Thread typography has its own role-based type system. Let descendants
|
|
150
|
-
inherit the nearest thread style so conversational UI can use Geist while
|
|
151
|
-
explicitly monospaced headers, code, and tool payloads remain monospaced. */
|
|
152
|
-
:host [data-devtools="thread-panel"]:not([data-popmelt-panel]) * {
|
|
153
|
-
font-family: inherit;
|
|
154
|
-
font-size: inherit;
|
|
155
|
-
line-height: inherit;
|
|
156
|
-
}
|
|
157
|
-
/* Break font inheritance for component previews \u2014 let mirrored host
|
|
158
|
-
page styles (Tailwind, globals) apply instead of Popmelt's monospace. */
|
|
159
|
-
[data-popmelt-panel] {
|
|
160
|
-
font: 16px / 1.5 system-ui, -apple-system, sans-serif;
|
|
161
|
-
color: initial;
|
|
162
|
-
-webkit-font-smoothing: auto;
|
|
163
|
-
}
|
|
164
|
-
`;function Ux({children:e}){return _(()=>{Om(document)},[]),A(it,{children:[u("style",{children:qx}),e]})}function Yx(e){return e.tagName==="STYLE"||e.tagName==="LINK"&&e.rel==="stylesheet"}function Kx(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&&Yx(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 Xx({children:e,zIndex:t=1e4}){let n=B(null),[r,o]=L(null),[i,a]=L(null);return Et(()=>{let l=n.current;if(!l||l.shadowRoot)return;let s=l.attachShadow({mode:"open"}),d=document.createElement("div");d.setAttribute("data-popmelt-root",""),d.setAttribute("data-popmelt-canvas-block",""),s.appendChild(d),o(s),a(d)},[]),_(()=>{if(r)return Kx(r)},[r]),A(it,{children:[u("div",{ref:n,"data-popmelt-shadow-host":!0,style:{position:"absolute",width:0,height:0,overflow:"visible",pointerEvents:"auto",zIndex:t}}),i&&Eu(e,i)]})}function lo({src:e,alt:t="",...n}){let r=typeof e=="string"&&Wc(e),[o,i]=L(null);return _(()=>{if(!r||typeof e!="string")return;let a=new AbortController,l;return Yt(e,{signal:a.signal,cache:"no-store"}).then(async s=>{if(!s.ok)return;let d=await s.blob();a.signal.aborted||(l=URL.createObjectURL(d),i({src:e,objectUrl:l}))}).catch(()=>{}),()=>{a.abort(),l&&URL.revokeObjectURL(l)}},[e,r]),u("img",{...n,alt:t,src:r?o?.src===e?o.objectUrl:void 0:e})}function Vx({messages:e,renderMessage:t,onChange:n}){return e.length?A("section",{"aria-label":"Queued messages",style:{display:"flex",flexDirection:"column",gap:6,flexShrink:0,borderTop:"1px solid var(--popmelt-thread-hairline)",paddingTop:8},children:[u("style",{children:`
|
|
165
|
-
[data-queued-reply-actions] {
|
|
166
|
-
width: 0;
|
|
167
|
-
margin-left: 0;
|
|
168
|
-
opacity: 0;
|
|
169
|
-
overflow: hidden;
|
|
170
|
-
pointer-events: none;
|
|
171
|
-
transition: width 100ms ease-out, margin-left 100ms ease-out, opacity 100ms ease-out;
|
|
172
|
-
}
|
|
173
|
-
[data-queued-reply]:hover [data-queued-reply-actions],
|
|
174
|
-
[data-queued-reply]:focus-within [data-queued-reply-actions],
|
|
175
|
-
[data-queued-reply][data-editing="true"] [data-queued-reply-actions] {
|
|
176
|
-
width: 52px;
|
|
177
|
-
margin-left: 5px;
|
|
178
|
-
opacity: 1;
|
|
179
|
-
pointer-events: auto;
|
|
180
|
-
}
|
|
181
|
-
[data-queued-reply-actions] button {
|
|
182
|
-
color: var(--popmelt-thread-muted);
|
|
183
|
-
transition: color 50ms ease-out;
|
|
184
|
-
}
|
|
185
|
-
[data-queued-reply-actions] button:not(:disabled):hover,
|
|
186
|
-
[data-queued-reply-actions] button:not(:disabled):focus-visible {
|
|
187
|
-
color: var(--popmelt-thread-action);
|
|
188
|
-
}
|
|
189
|
-
[data-queued-reply-actions] button:not(:disabled):active {
|
|
190
|
-
color: var(--popmelt-thread-action-hover);
|
|
191
|
-
}
|
|
192
|
-
[data-queued-reply-actions] button:disabled {
|
|
193
|
-
opacity: 0.4;
|
|
194
|
-
cursor: default;
|
|
195
|
-
}
|
|
196
|
-
@media (hover: none), (pointer: coarse) {
|
|
197
|
-
[data-queued-reply-actions] {
|
|
198
|
-
width: 52px;
|
|
199
|
-
margin-left: 5px;
|
|
200
|
-
opacity: 1;
|
|
201
|
-
pointer-events: auto;
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
@media (prefers-reduced-motion: reduce) {
|
|
205
|
-
[data-queued-reply-actions],
|
|
206
|
-
[data-queued-reply-actions] button { transition: none; }
|
|
207
|
-
}
|
|
208
|
-
`}),A("div",{style:{fontSize:12,fontWeight:600,marginBottom:4,color:"var(--popmelt-thread-muted)"},children:[e.length," queued"]}),e.map(r=>u(Gx,{message:r,renderMessage:t,onChange:n},r.lifecycle?.submissionIds[0]??`${r.jobId}-${r.timestamp}`))]}):null}function Gx({message:e,renderMessage:t,onChange:n}){let[r,o]=L(!1),[i,a]=L(e.replyToQuestion??""),[l,s]=L(!1),[d,c]=L(""),f=!!(n&&e.lifecycle?.submissionIds[0])&&!l,p=async y=>{if(!(!f||!n||y==="")){s(!0),c("");try{await n(e,y),o(!1)}catch(m){c(m instanceof Error?m.message:"Could not update queued message.")}finally{s(!1)}}},h={display:"inline-flex",alignItems:"center",justifyContent:"center",background:"none",border:0,cursor:"pointer",padding:5,width:26,height:28,flexShrink:0};return A("div",{"data-queued-reply":!0,"data-editing":r,style:{display:"flex",flexDirection:"column",gap:4,width:"100%",minWidth:0,flexShrink:0},children:[A("div",{style:{display:"flex",alignItems:"center",minWidth:0},children:[u("div",{"data-queued-reply-preview":!0,style:{flex:1,minWidth:0},children:r&&n?u("textarea",{autoFocus:!0,"aria-label":"Edit queued message",value:i,disabled:l,onChange:y=>a(y.target.value),onKeyDown:y=>{y.key==="Escape"&&(y.stopPropagation(),l||o(!1)),y.key==="Enter"&&(y.metaKey||y.ctrlKey)&&!y.nativeEvent.isComposing&&(y.preventDefault(),y.stopPropagation(),p(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&&u("div",{"data-queued-reply-actions":!0,style:{display:"flex",flexShrink:0},children:r?A(it,{children:[u("button",{type:"button",title:"Save queued message","aria-label":"Save queued message",disabled:!f||!i.trim(),style:h,onClick:()=>{p(i.trim())},children:u(Lo,{size:14})}),u("button",{type:"button",title:"Cancel editing","aria-label":"Cancel editing",disabled:l,style:h,onClick:()=>o(!1),children:u(pl,{size:14})})]}):A(it,{children:[u("button",{type:"button",title:"Edit queued message","aria-label":"Edit queued message",disabled:!f,style:h,onClick:()=>{a(e.replyToQuestion??""),c(""),o(!0)},children:u(xu,{size:14})}),u("button",{type:"button",title:"Delete queued message","aria-label":"Delete queued message",disabled:!f,style:h,onClick:()=>{p(null)},children:u(Dg,{size:14})})]})})]}),d&&u("div",{role:"alert",style:{fontSize:12,color:"#dc2626"},children:d})]})}var df={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 Qx({approval:e,accentColor:t,connected:n,decide:r}){let[o,i]=L(!1),[a,l]=L(!1),[s,d]=L(""),c=e.status==="pending",f=async p=>{if(!(a||!n)){l(!0),d("");try{await r(p)}catch(h){d(h instanceof Error?h.message:"Could not send decision.")}finally{l(!1)}}};return c?A("div",{"data-popmelt-approval":e.status,style:df,children:[A("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:[u(Iu,{size:16,color:t,"aria-hidden":"true"}),u("span",{style:{flex:1},children:c?"Permission needed":{pending:"Permission needed",allowed:"Allowed once",denied:"Denied",expired:"Request expired"}[e.status]}),u(qi,{size:14,"aria-hidden":"true",style:{transform:o?"rotate(180deg)":"none"}})]}),c&&A("div",{style:{color:"var(--popmelt-thread-secondary)",fontSize:13,lineHeight:1.35},children:[e.summary,e.phase==="parked"&&u("div",{role:"status",children:"Parked \xB7 other tasks can continue. Approve to run next."})]}),u("div",{title:e.cwd,style:{fontSize:11,color:"var(--popmelt-thread-muted-strong)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.cwd}),o&&A("div",{style:{borderLeft:"1px solid var(--popmelt-thread-border)",paddingLeft:12,color:"var(--popmelt-thread-secondary)",fontSize:12},children:[A("div",{children:["One-time permission for this"," ",e.kind==="command"?"command":"file change","."]}),u("pre",{style:{fontSize:11,whiteSpace:"pre-wrap",overflowWrap:"anywhere",maxHeight:200,overflow:"auto",marginBottom:0},children:e.details})]}),c&&A("div",{style:{display:"flex",gap:6},children:[u("button",{type:"button","data-approval-decision":"allow",disabled:a||!n,style:Cd,onClick:()=>{f("allow")},children:"Allow once"}),u("button",{type:"button","data-approval-decision":"deny",disabled:a||!n,style:Cd,onClick:()=>{f("deny")},children:"Deny"})]}),c&&!n&&u("div",{role:"status",style:{fontSize:12},children:"Reconnecting\u2026"}),s&&u("div",{role:"alert",style:{fontSize:12},children:s})]}):u(cf,{approval:e})}function cf({approval:e}){let t=e.kind==="command"?bu:Ag;return A("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:[u(t,{size:14,"aria-hidden":"true"}),A("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 Zx({bridgeUrl:e,threadId:t,visible:n,active:r,onPendingChange:o}){let[i,a]=L([]),[l,s]=L(!1),d=i.some(c=>c.threadId===t&&c.status==="pending");return _(()=>(o(d),()=>o(!1)),[o,d]),_(()=>{if(a([]),s(!1),!n)return;let c=new AbortController,f,p=async()=>{try{let h=await Yt(`${e}/approvals?threadId=${encodeURIComponent(t)}`,{signal:c.signal});if(!h.ok)throw new Error("Approval fetch failed");let y=await h.json();c.signal.aborted||(a(Array.isArray(y.approvals)?y.approvals:[]),s(!0))}catch{c.signal.aborted||s(!1)}!c.signal.aborted&&r&&(f=setTimeout(()=>{p()},1500))};return p(),()=>{c.abort(),clearTimeout(f)}},[e,t,n,r]),{approvals:i,connected:l,decide:async(c,f)=>{let p=await Yt(`${e}/approvals`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:c.id,threadId:t,jobId:c.jobId,decision:f})}),h=await p.json();if(!p.ok)throw new Error(h.error||"Could not send decision.");a(Array.isArray(h.approvals)?h.approvals:[])}}}var Ad="ui-monospace, SFMono-Regular, Menlo, monospace",ew=0;function tw({size:e=11}){let t=++ew,n=`pm-vs-m${t}`,r=`pm-vs-f0-${t}`,o=`pm-vs-f1-${t}`,i=`pm-vs-g${t}`;return A("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:[u("mask",{id:n,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"100",height:"100",children:u("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"})}),A("g",{mask:`url(#${n})`,children:[u("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"}),u("g",{filter:`url(#${r})`,children:u("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"})}),u("g",{filter:`url(#${o})`,children:u("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"})}),u("g",{style:{mixBlendMode:"overlay"},opacity:"0.25",children:u("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})`})})]}),A("defs",{children:[A("filter",{id:r,x:"-8.39411",y:"15.8291",width:"116.727",height:"92.2456",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[u("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),u("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"}),u("feOffset",{}),u("feGaussianBlur",{stdDeviation:"4.16667"}),u("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"}),u("feBlend",{mode:"overlay",in2:"BackgroundImageFix",result:"effect1_dropShadow"}),u("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow",result:"shape"})]}),A("filter",{id:o,x:"60.4167",y:"-8.07558",width:"47.9167",height:"116.151",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[u("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),u("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"}),u("feOffset",{}),u("feGaussianBlur",{stdDeviation:"4.16667"}),u("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"}),u("feBlend",{mode:"overlay",in2:"BackgroundImageFix",result:"effect1_dropShadow"}),u("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow",result:"shape"})]}),A("linearGradient",{id:i,x1:"49.9392",y1:"0.257812",x2:"49.9392",y2:"99.7423",gradientUnits:"userSpaceOnUse",children:[u("stop",{stopColor:"white"}),u("stop",{offset:"1",stopColor:"white",stopOpacity:"0"})]})]})]})}var nw=/^#[0-9a-fA-F]{3,8}$/,rw=/^(?:rgba?|hsla?|oklch)\([^)]+\)$/,ow=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 iw(e){let t=e.trim();return nw.test(t)||rw.test(t)||ow.has(t.toLowerCase())}function Md(e,t){return u("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 Pa(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);iw(i)&&t.push(Md(i,`sw-${o.index}`)),t.push(u("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(u("strong",{children:u("em",{children:o[3]})},o.index));else if(o[5]!==void 0)t.push(u("strong",{children:o[5]},o.index));else if(o[7]!==void 0)t.push(u("em",{children:o[7]},o.index));else if(o[9]!==void 0)t.push(u("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(A("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],u(tw,{})]},o.index)):t.push(u("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 Dr(e){let t=e.split(`
|
|
209
|
-
`),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(u("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(`
|
|
210
|
-
`)},n.length));continue}if(/^(-{3,}|\*{3,}|_{3,})\s*$/.test(o)){n.push(u("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(u("div",{style:{fontWeight:700,fontSize:s[l]??12,margin:"8px 0 2px"},children:Pa(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=m=>/^\|[\s\-:|]+\|$/.test(m),d=l.filter(m=>!s(m)),c=m=>m.split("|").slice(1,-1).map(x=>x.trim()),f=m=>/^\*\*.+\*\*$/.test(m)||/^__.+__$/.test(m),p=d.map(c),h=p.length>1&&p.slice(1).every(m=>m[0]&&f(m[0])),y=p.length>0&&p[0].every(m=>f(m));n.push(u("div",{style:{overflowX:"auto",margin:"4px 0",paddingBottom:4},children:u("table",{style:{borderCollapse:"separate",borderSpacing:0,fontSize:"0.95em",width:"max-content",minWidth:"100%"},children:u("tbody",{children:d.map((m,x)=>u("tr",{children:c(m).map((S,P)=>u(x===0?"th":"td",{style:{border:"1px solid rgba(0,0,0,0.1)",padding:"3px 6px",textAlign:"left",fontWeight:x===0?600:400,minWidth:60,whiteSpace:"nowrap",...P===0&&h||x===0&&y?{position:"sticky",...P===0&&h?{left:0}:{},...x===0&&y?{top:0}:{},background:"#fff",zIndex:P===0&&h&&x===0&&y?2:1}:{}},children:Pa(S)},P))},x))})})},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(u("ul",{style:{margin:0,paddingLeft:20,listStyleType:"disc",display:"flex",flexDirection:"column",gap:8,fontSize:"inherit",lineHeight:"inherit"},children:l.map((s,d)=>u("li",{children:Pa(s)},d))},n.length));continue}let a=o.match(/^(\s*)(\d+)\.\s+(.+)/);if(a){let l=a[1].length,s=parseInt(a[2],10)||1,d=[],c=null;for(;r<t.length;){let f=t[r],p=f.match(/^(\s*)(\d+)\.\s+(.+)/);if(p&&p[1].length===l)c=[p[3]],d.push(c),r++;else if(c&&f.trim()==="")r++;else if(d.length>0&&t[r].match(/^\s+\S/)&&!t[r].match(/^\s*\d+\.\s/)&&!t[r].match(/^\s*[-*]\s+/))c.push(t[r].trim()),r++;else if(c&&/^(Eval|Checks|Sources|Rationale|Prompt|Assertions?|Reason|Why|Expected|Notes?):/i.test(f.trim()))c.push(f.trim()),r++;else if(c&&c.length>1&&f.trim()&&!f.match(/^(#{1,4})\s+/)&&!f.trimStart().startsWith("|")&&!f.match(/^\s*[-*]\s+/)&&!f.match(/^\s*\d+\.\s+/)&&!/^(\*\*)?[A-Z][A-Za-z /&-]{2,40}(\*\*)?$/.test(f.trim()))c.push(f.trim()),r++;else break}n.push(u("ol",{start:s,style:{margin:0,paddingLeft:20,listStyleType:"decimal",display:"flex",flexDirection:"column",gap:8,fontSize:"inherit",lineHeight:"inherit"},children:d.map((f,p)=>u("li",{children:u("div",{style:{display:"flex",flexDirection:"column",gap:6},children:f.map((h,y)=>u("div",{children:Pa(h)},y))})},p))},n.length));continue}if(o.trim()===""){r++;continue}n.push(u("div",{style:{fontSize:"inherit",lineHeight:"inherit"},children:Pa(o)},n.length)),r++}return u("div",{style:{display:"flex",flexDirection:"column",fontSize:"inherit",gap:8,lineHeight:"inherit"},children:n})}var uf="<orientation>",aw="</orientation>",lw="<\\/orientation>",pf=[aw,lw];function sw(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 ff(e,t){let n=null;for(let r of pf){let o=e.indexOf(r,t);o>=0&&(!n||o<n.index)&&(n={index:o,tag:r})}return n}function dw(e){let t=[],n=0;for(;n<e.length;){let r=e.indexOf(uf,n),o=ff(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+uf.length,a=sw(e,i);if(a.status!=="complete"){let d=ff(e,i);if(d){n=d.index+d.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=pf.find(d=>e.startsWith(d,l));s&&(n=l+s.length)}return t}function cw(e){return dw(e).map(t=>t.kind==="text"?t.text:`
|
|
211
|
-
|
|
212
|
-
`).join("").replace(/\n{3,}/g,`
|
|
213
|
-
|
|
214
|
-
`).trim()}function uw(e){return e.replace(/<resolution>[\s\S]*?(?:<\/resolution>|$)/g,"")}function pw(e){return e.replace(/\b([A-Za-z]{2,}[.!?])(?=[A-Z][a-z])/g,`$1
|
|
215
|
-
|
|
216
|
-
`)}function Ld(e){return pw(uw(cw(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 hf(e){return e.replace(/\s+/g," ").trim()}function fw(e,t){let n=hf(Ld(t)),r=hf(e.filter(o=>o.kind==="text"&&typeof o.text=="string").map(o=>Ld(o.text)).join(" "));return n===r}function hw(e){return e.kind==="tool_group"?!0:e.kind!=="text"||!("text"in e)?!1:typeof e.text=="string"&&e.text.trim().length===0}function mf(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}hw(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 mw="popmelt-thread-composer-draft",Nl={text:"",selectionStart:0,selectionEnd:0,selectionDirection:"none"};function gf(){if(!(typeof window>"u"))return window.localStorage}function yf(e){return`${mw}:${e}`}function gw(e,t=gf()){if(!t)return Nl;try{let n=t.getItem(yf(e));if(!n)return Nl;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 Nl;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 Nl}}function $d(e,t,n=gf(),r={selectionStart:t.length,selectionEnd:t.length,selectionDirection:"none"}){if(n)try{let o=yf(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 yw(e,t,n){return n?.activePreview?n.annotationNumber:e??t}function vw(e,t){return e?.trim()?e.trim():Iy(t.find(n=>n.role==="human"))}function bw(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,_l=e=>`${e.jobId}:${e.role}:${e.timestamp}`;function xw(e,t,n,r){let o=`${n}:${t??""}`,i=Se(()=>bw(e,t),[e,t]),a=e.find(p=>p.role==="human"&&p.execution==="none"&&p.jobId===`suggestion-${t}`),l=i.length<e.length,s=Se(()=>{if(!a||l)return i;let p=e.indexOf(a);return e.filter((h,y)=>y<=p||h.role==="assistant"||h.execution==="none"||!!h.replyToQuestion)},[e,a,l,i]),[d,c]=L({scope:o,phase:"idle",seenKeys:[]});if(d.scope!==o)c({scope:o,phase:"idle",seenKeys:[]});else if(d.phase==="idle"){if(l)c({...d,phase:d.seedKey?"preparing":"done"});else if(a){let p=s.map(_l);p.join("|")!==d.seenKeys.join("|")&&c({...d,seenKeys:p,seedKey:_l(a)})}}Et(()=>{if(d.phase!=="preparing")return;let p=Array.from(r.current?.querySelectorAll('[data-suggestion-handoff="incoming"] img')??[]),h=new Set(p.filter(S=>!S.getAttribute("src")||!S.complete)),y=()=>c(S=>({...S,phase:window.matchMedia?.("(prefers-reduced-motion: reduce)").matches?"done":"animating"})),m=S=>{h.delete(S.target),h.size||y()};h.forEach(S=>{S.addEventListener("load",m),S.addEventListener("error",m)});let x=window.setTimeout(y,1500);return h.size||y(),()=>{window.clearTimeout(x),p.forEach(S=>{S.removeEventListener("load",m),S.removeEventListener("error",m)})}},[r,d.phase,o]),Et(()=>{if(d.phase!=="animating")return;let p=window.setTimeout(()=>c(h=>({...h,phase:"done"})),jd);return()=>window.clearTimeout(p)},[d.phase,o]);let f=d.phase==="preparing"||d.phase==="animating";return{messages:f?e:s,replacementReady:l,phase:d.phase,motion:p=>{if(!f)return;let h=_l(p);if(h===d.seedKey)return"outgoing";if(!d.seenKeys.includes(h))return"incoming"}}}function ww(e){return e==="Bash"?"terminal":e==="Edit"||e==="Write"?"pencil":e==="ImageGen"?"image":"tool"}function Sw(e){let t=new Map;for(let n of e){let r=ww(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 Iw(e,t,n){return e&&t!==n}function kw(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 sn=Cs,Ew=350,Tw=200,Cw=120,Oo=14,vf=360,Aw=0,Mw=!1,Rw=8,Lw="devtools-thread-panel-position",$w=vf+2*Aw;function No(){let e=window.visualViewport;return{width:e?.width??window.innerWidth,height:e?.height??window.innerHeight}}function za(e=No().width){let t=si(e);return Math.max(t,e-yc(e)-t)}function Pd(e="right"){let{width:t}=No(),n=si(t);return{top:n,left:e==="left"?n:za(t)}}function bf(e,t,n){let{width:r,height:o}=No(),i=si(r),a=n?.getBoundingClientRect(),l=0,s=o-i-l;return a&&t+$w>a.left&&(s=a.top-Rw-l),Math.max(200,s-Math.max(0,e))}var jw={width:vf,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:sn,fontSize:14,color:"var(--popmelt-thread-primary)",pointerEvents:"auto"},Pw={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},zw={flex:1,overflowY:"auto",padding:"32px 12px 112px",display:"flex",flexDirection:"column",gap:32,scrollbarGutter:"stable"},Dw={background:"var(--popmelt-thread-raised)",border:"1px solid var(--popmelt-thread-border)",borderRadius:16,display:"flex",flexDirection:"column",overflow:"hidden"},ra={color:"var(--popmelt-thread-primary)",fontSize:14,letterSpacing:"0.14px",lineHeight:1.3,wordBreak:"break-word"},xf=16,Hw={...ra,background:"var(--popmelt-thread-control)",borderRadius:xf,boxSizing:"border-box",color:"var(--popmelt-thread-muted-strong)",maxWidth:"100%",padding:12,width:"fit-content"};function Da(e){return Ld(e)}function Ow({patterns:e}){let[t,n]=L(!1);return A("div",{style:{marginTop:2},children:[A("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:sn,fontSize:12,gap:2,lineHeight:1,padding:0,textAlign:"left"},children:[A("span",{children:["Model details \xB7 ",e.length]}),u(qi,{"aria-hidden":"true",color:"var(--popmelt-thread-muted)",size:14,strokeWidth:1.5,style:{transform:t?"rotate(180deg)":"none",transition:"transform 120ms ease"}})]}),t&&u("div",{style:{display:"flex",flexDirection:"column",gap:4,marginTop:8},children:e.map((r,o)=>A("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:[A("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[A("div",{style:{alignItems:"center",display:"flex",gap:8},children:[u(cl,{"aria-hidden":"true",color:"#e51a1a",size:16,strokeWidth:1.5,style:{flexShrink:0}}),u("strong",{style:{color:"var(--popmelt-thread-primary)",fontSize:14,fontWeight:500,letterSpacing:"0.14px",lineHeight:1.3},children:r.element})]}),u("div",{style:{padding:"0 7px"},children:u("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})})]}),u("div",{style:{color:"var(--popmelt-thread-muted)",fontSize:12,letterSpacing:"0.12px",lineHeight:1.3},children:r.reason})]},`${r.category}:${r.element}:${o}`))})]})}function Nw({memoryReview:e}){let[t,n]=L(!1),r=(e.acceptedTruth?.decisions.length??0)+e.packets.length;return A("div",{children:[A("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:sn,fontSize:12,gap:4,padding:0,textAlign:"left"},children:[A("span",{children:["Decision history \xB7 ",r]}),u(Ns,{"aria-hidden":"true",size:12,strokeWidth:1.5,style:{transform:t?"rotate(90deg)":"none",transition:"transform 120ms ease"}})]}),t&&A("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=>A("div",{children:[u("div",{children:o.claim}),A("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=>A("div",{style:{color:"#92400e"},children:["Conflict: ",o.unresolvedQuestion]},o.id)),e.packets.map(o=>A("div",{children:[u("div",{children:o.claim}),A("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)&&u("div",{style:{color:"var(--popmelt-thread-muted)",fontSize:11},children:"More relevant history is available."})]})]})}function Ha(e){let t=new Date(e),n=new Intl.DateTimeFormat(void 0,{hour:"numeric",minute:"2-digit",hour12:!0}).formatToParts(t),r=n.find(p=>p.type==="hour")?.value??"",o=String(Number.parseInt(r,10)||0),i=n.find(p=>p.type==="minute")?.value??"00",a=(n.find(p=>p.type==="dayPeriod")?.value??"").toUpperCase(),l=`${o}:${i}${a}`,s=`${o}:${i}${a?` ${a}`:""}`,d=new Date;if(t.getFullYear()===d.getFullYear()&&t.getMonth()===d.getMonth()&&t.getDate()===d.getDate())return l;let c=Date.UTC(t.getFullYear(),t.getMonth(),t.getDate()),f=Date.UTC(d.getFullYear(),d.getMonth(),d.getDate());return Math.floor((f-c)/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 _w=250;function Ww({color:e}){let[t,n]=L(0);return _(()=>{let r=setInterval(()=>n(o=>(o+1)%2),_w);return()=>clearInterval(r)},[]),A("span",{style:{display:"inline-flex",alignItems:"center",gap:4},children:[u("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:e,style:{verticalAlign:"middle",flexShrink:0,opacity:.6},children:t===1?A(it,{children:[u("circle",{cx:"7",cy:"7",r:"2"}),u("circle",{cx:"17",cy:"7",r:"2"}),u("circle",{cx:"7",cy:"17",r:"2"}),u("circle",{cx:"17",cy:"17",r:"2"})]}):A(it,{children:[u("circle",{cx:"12",cy:"6",r:"2"}),u("circle",{cx:"6",cy:"12",r:"2"}),u("circle",{cx:"18",cy:"12",r:"2"}),u("circle",{cx:"12",cy:"18",r:"2"})]})}),u("span",{style:{fontSize:14,color:"var(--popmelt-thread-muted-strong)"},children:"Thinking"})]})}var wf=32,zd=80,Fw=xf/2,Bw={width:wf,height:wf,objectFit:"cover",cursor:"pointer",border:"1px solid var(--popmelt-thread-hairline)"},fi={...Bw,borderRadius:Fw,height:zd,width:zd};function Jw(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,d=e.slice(l,s).trim();r.push({route:a,text:d})}return r}function qw(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 so(e,t){return/^(?:blob:|data:|https?:\/\/)/.test(t)?t:`${e}${t}`}function Uw(e,t){let n=[];if(e.imageUrls)for(let[,r]of Object.entries(e.imageUrls))for(let o of r)n.push({url:so(t,o),label:"pasted image"});return n}function Yw({src:e,onClose:t}){return _(()=>{let n=r=>{r.key==="Escape"&&(r.stopPropagation(),t())};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[t]),u("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:u(lo,{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 Sf({src:e,onLightbox:t}){return u("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:u(lo,{src:e,alt:"Generated image preview",style:{borderRadius:8,display:"block",maxHeight:240,maxWidth:"100%",objectFit:"contain"}})})}function Kw(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?Xw(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 Xw(e){let t=e.split(`
|
|
217
|
-
`)[0].trim();return t.length<=60?t:t.slice(0,57)+"\u2026"}var Vw={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 If({orientation:e}){let t=e.snapshot.update??e.snapshot.seeking??e.snapshot.nextObservation;return A("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:[A("span",{children:[u("span",{style:{color:"var(--popmelt-thread-primary)",fontWeight:550},children:Vw[e.transition]})," \xB7 ",e.snapshot.focus]}),t&&t!==e.snapshot.focus&&u("span",{style:{opacity:.72},children:t})]})}function Gw(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=Kw(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()}`:"",d=i.includes(".claude/plans/");t.push({kind:"file_content",file:i,content:a,ext:s,isPlan:d})}}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 Qw({file:e,content:t,ext:n,isPlan:r,onAccept:o}){let[i,a]=L(r),l=e.split("/").pop()??e;return A("div",{style:{margin:"4px 0 4px 12px",border:"1px solid var(--popmelt-thread-hairline)",backgroundColor:"var(--popmelt-thread-raised)",fontSize:11},children:[A("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:[u("span",{style:{fontSize:9,color:"var(--popmelt-thread-muted)"},children:i?"\u25BC":"\u25B6"}),u("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l}),r&&u("span",{style:{fontSize:9,color:"#6366f1",fontFamily:"inherit"},children:"plan"})]}),i&&A(it,{children:[u("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"?Dr(t):u("pre",{style:{margin:0,fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace",fontSize:11,whiteSpace:"pre-wrap"},children:t})}),r&&o&&u("div",{style:{padding:"4px 8px",borderTop:"1px solid var(--popmelt-thread-soft-hairline)",display:"flex",justifyContent:"flex-end"},children:u("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 Zw(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 kf(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 Wl(e){let t=e.filePath??e.detail;return t&&(t.startsWith("/")||/^[A-Za-z]:[\\/]/.test(t))?t:void 0}function eS(e,t){return(e==="Read"||e==="Edit"||e==="Write")&&t.some(n=>Wl(n))?t.filter(n=>Wl(n)).filter((n,r,o)=>o.findIndex(i=>Wl(i)===Wl(n))===r):t}function Ef(e){return Sw(e.map(t=>({...t,items:eS(t.tool,t.items)})))}function Fl(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&&Oa(a)})}function Oa(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 Tf({receipt:e,animateCount:t=!1}){let n=e.kind==="terminal"?bu:e.kind==="pencil"?xu: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(d=>`${d.tool} (${d.items.length})`).join(", "),i=B(null),a=B(null),l=B(null),s=B(0);return _(()=>{let d=s.current;if(d===e.count)return;s.current=e.count;let c=i.current,f=a.current;if(!c)return;let p=typeof window<"u"&&window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;c.getAnimations().forEach(h=>h.cancel()),f?.getAnimations().forEach(h=>h.cancel()),!(p||!Iw(t,d,e.count))&&(c.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"}),f&&f.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 d=l.current;if(!d)return;let c=requestAnimationFrame(()=>{let f=d.querySelector("[data-popmelt-tool-receipt-scroll]");f&&Oa(f)});return()=>cancelAnimationFrame(c)},[e]),A("span",{"data-popmelt-tool-receipt-trigger":!0,onMouseEnter:d=>Fl(d.currentTarget,l.current),onFocusCapture:d=>Fl(d.currentTarget,l.current),style:{display:"inline-flex",flexShrink:0,position:"relative"},children:[A("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:[u(n,{"aria-hidden":"true",color:"currentColor","data-popmelt-tool-receipt-icon":!0,size:14,strokeWidth:1.5}),e.count>1&&A("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:sn,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"]})]}),A("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:[A("span",{"data-popmelt-tool-receipt-scroll":!0,onScroll:d=>Oa(d.currentTarget),style:{display:"flex",flexDirection:"column",gap:8,maxHeight:"var(--popmelt-tool-receipt-max-height, 190px)",overflowY:"auto",padding:"14px 15px"},children:[A("span",{style:{alignItems:"center",display:"flex",fontSize:11,fontWeight:500,gap:6,lineHeight:1.3,opacity:.65},children:[u(n,{"aria-hidden":"true",color:"currentColor",size:14,strokeWidth:1.5,style:{flexShrink:0}}),u("span",{children:r})]}),e.groups.map(d=>A("span",{style:{display:"flex",flexDirection:"column",gap:7,padding:"6px 0"},children:[A("span",{style:{fontSize:11,fontWeight:500,lineHeight:1.3,opacity:.65},children:[d.tool," \xB7 ",d.items.length]}),d.items.map((c,f)=>u("span",{style:{fontSize:14,fontWeight:400,lineHeight:1.3,whiteSpace:"normal"},children:c.label},`${c.label}-${f}`))]},d.tool))]}),u("span",{"data-popmelt-tool-receipt-scrim":"top","aria-hidden":"true"}),u("span",{"data-popmelt-tool-receipt-scrim":"bottom","aria-hidden":"true"})]})]})}function Cf(e){let t=new Map;for(let n of e)t.has(n.id)||t.set(n.id,n);return[...t.values()]}function tS(e){let t=Cf(e.flatMap(n=>n.type!=="imprint_used"?[]:n.data.usage?.explanations??[]));return t.length>0?{updated:!1,explanations:t}:void 0}function nS(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 d=s.imprintSummary;if(d){a=!0,o=d.title,i=d.detail;for(let p of d.changes)r.push({id:p.explanationId,statement:p.statement,state:p.state})}let c=n.get(s.jobId),f=new Set([...s.imprintUsedExplanationIds??[],...s.imprintAppliedExplanationIds??[],...s.imprintRecognition?[s.imprintRecognition.explanationId]:[]]);for(let p of f){let h=c?.explanations.find(y=>y.id===p);h?r.push(h):s.imprintRecognition?.explanationId===p&&r.push({id:p,kind:"pattern",statement:s.imprintRecognition.statement,state:"grounded",scope:{kind:"project",values:[]}})}}let l=Cf(r);if(!(!a&&l.length===0))return{updated:a,title:o,detail:i,explanations:l}}function rS(e){return e==="testing"||e==="emerging"?"Emerging":e.charAt(0).toUpperCase()+e.slice(1)}function Af(e){return e?e.charAt(0).toUpperCase()+e.slice(1):void 0}function Mf({receipt:e,accentColor:t}){let n=e.updated?"Imprint updated":"Imprint used",r=B(null);return _(()=>{let o=r.current;if(!o)return;let i=requestAnimationFrame(()=>{let a=o.querySelector("[data-popmelt-tool-receipt-scroll]");a&&Oa(a)});return()=>cancelAnimationFrame(i)},[e]),A("span",{"data-popmelt-tool-receipt-trigger":!0,onMouseEnter:o=>Fl(o.currentTarget,r.current),onFocusCapture:o=>Fl(o.currentTarget,r.current),style:{display:"inline-flex",flexShrink:0,position:"relative"},children:[u("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:u(io,{"aria-hidden":"true",color:"currentColor",size:14,strokeWidth:1.5})}),A("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:[A("span",{"data-popmelt-tool-receipt-scroll":!0,onScroll:o=>Oa(o.currentTarget),style:{display:"flex",flexDirection:"column",gap:8,maxHeight:"var(--popmelt-tool-receipt-max-height, 190px)",overflowY:"auto",padding:"14px 15px"},children:[A("span",{style:{alignItems:"center",display:"flex",fontSize:11,fontWeight:500,gap:6,lineHeight:1.3,opacity:.65},children:[u(io,{"aria-hidden":"true",color:e.updated?t:"currentColor",size:14,strokeWidth:1.5,style:{flexShrink:0}}),u("span",{children:n})]}),e.title&&u("span",{style:{fontSize:14,fontWeight:500,lineHeight:1.3},children:e.title}),e.detail&&u("span",{style:{fontSize:12,fontWeight:400,lineHeight:1.45,opacity:.72},children:e.detail}),e.explanations.map(o=>A("span",{style:{display:"flex",flexDirection:"column",gap:7,padding:"6px 0"},children:[A("span",{style:{alignItems:"center",display:"flex",fontSize:11,fontWeight:500,gap:4,lineHeight:1.3,opacity:.65},children:[u("span",{children:rS(o.state)}),Af(o.kind)&&u("span",{style:{opacity:.72},children:Af(o.kind)})]}),u("span",{style:{fontSize:14,fontWeight:400,lineHeight:1.3,whiteSpace:"normal"},children:o.statement}),o.scope?.values.length?u("span",{style:{fontSize:11,fontWeight:400,lineHeight:1.3,opacity:.5},children:o.scope.values.join(" \xB7 ")}):null]},o.id))]}),u("span",{"data-popmelt-tool-receipt-scrim":"top","aria-hidden":"true"}),u("span",{"data-popmelt-tool-receipt-scrim":"bottom","aria-hidden":"true"})]})]})}function oS({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:sn};return A("div",{style:df,children:[A("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:sn,fontSize:14,fontWeight:650,gap:8,padding:0,textAlign:"left",width:"100%"},children:[u(io,{"aria-hidden":"true",color:t,size:16,strokeWidth:2}),A("span",{style:{flex:1},children:["Imprint ",e.kind,": ",e.title]}),u(qi,{"aria-hidden":"true",size:14,strokeWidth:1.5,style:{transform:i?"rotate(180deg)":"none",transition:"transform 120ms ease"}})]}),i&&A(it,{children:[A("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?A("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=>A("div",{style:{color:"var(--popmelt-thread-secondary)",fontSize:12,lineHeight:1.35},children:[u("div",{children:s.statement}),A("div",{style:{color:"var(--popmelt-thread-muted)",fontSize:10,marginTop:2},children:[s.action," \xB7 ",s.state]})]},`${s.explanationId}:${s.action}`)),e.grounding&&!o&&u("div",{style:{color:"var(--popmelt-thread-primary)",fontSize:13,lineHeight:1.35,marginTop:2},children:e.grounding.question}),o?A("div",{style:{alignItems:"center",color:"var(--popmelt-thread-muted-strong)",display:"flex",fontSize:11,gap:6},children:[u(Lo,{"aria-hidden":"true",color:t,size:12,strokeWidth:2}),e.resolvedAction==="no"?"Correction requested":`Feedback applied: ${e.resolvedAction==="yes"?"Yes":"This time"}`]}):e.grounding?A("div",{style:{display:"flex",flexWrap:"wrap",gap:6},children:[u("button",{disabled:n,onClick:()=>r("yes"),style:l,children:"Yes"}),u("button",{disabled:n,onClick:()=>r("this_time"),style:l,children:"This time"}),u("button",{disabled:n,onClick:()=>r("no"),style:l,children:"No"})]}):null]})]})}function iS({receipt:e,accentColor:t}){let[n,r]=L(!0);return A("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:[A("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:sn,fontSize:14,fontWeight:650,gap:8,padding:0,textAlign:"left",width:"100%"},children:[u(io,{"aria-hidden":"true",color:t,size:16,strokeWidth:2}),A("span",{style:{flex:1},children:["Existing Imprint reapplied: ",e.title]}),u(qi,{"aria-hidden":"true",size:14,strokeWidth:1.5,style:{transform:n?"rotate(180deg)":"none",transition:"transform 120ms ease"}})]}),n&&A(it,{children:[u("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}),A("div",{style:{color:"var(--popmelt-thread-secondary)",fontSize:12,lineHeight:1.35},children:[u("div",{children:e.statement}),u("div",{style:{color:"var(--popmelt-thread-muted)",fontSize:10,marginTop:2},children:"recognized \xB7 grounded"})]}),A("div",{style:{alignItems:"center",color:"var(--popmelt-thread-muted-strong)",display:"flex",fontSize:11,gap:6},children:[u(Lo,{"aria-hidden":"true",color:t,size:12,strokeWidth:2}),"Shared understanding unchanged"]})]})]})}function aS({card:e,accentColor:t,busy:n,resolved:r,superseded:o,onAction:i}){let[a,l]=L(!1),[s,d]=L(e.claim),[c,f]=L(!1),[p,h]=L(!1),[y,m]=L(!1),[x,S]=L(null),P=B(null);_(()=>{l(!1),d(e.claim),f(!1),h(!1),m(!1),S(null)},[e.claim,e.proposalId]),_(()=>{if(!a)return;let K=P.current;K&&(K.focus(),K.select(),K.style.height="auto",K.style.height=`${K.scrollHeight}px`)},[a]);let M=J(()=>{let K=s.trim();d(K||e.claim),l(!1),f(!1)},[e.claim,s]),I=J(()=>{d(e.claim),l(!1),f(!1)},[e.claim]),N=s.trim()!==e.claim.trim(),Z=r||o,E=e.title;return r?A("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[A("button",{type:"button","aria-expanded":y,onClick:()=>m(K=>!K),style:{alignItems:"center",alignSelf:"flex-start",background:"transparent",border:0,color:"var(--popmelt-thread-muted-strong)",cursor:"pointer",display:"inline-flex",fontFamily:sn,fontSize:14,fontWeight:400,gap:6,letterSpacing:"0.14px",lineHeight:1.35,padding:0,textAlign:"left"},children:[u(io,{"aria-hidden":"true",color:t,size:14,strokeWidth:1.5}),A("span",{style:{alignItems:"center",display:"inline-flex",gap:2},children:[u("span",{children:E}),u(qi,{"aria-hidden":"true",size:12,strokeWidth:1.5,style:{transform:y?"rotate(180deg)":"rotate(0deg)",transition:"transform 120ms ease"}})]})]}),y&&A(it,{children:[u("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}),u("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?A("div",{style:{color:"var(--popmelt-thread-muted-strong)",fontSize:14,letterSpacing:"0.14px",lineHeight:1.35},children:["Scope: ",e.scope]}):null]})]}):A("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:[A("div",{style:{alignItems:"center",color:"var(--popmelt-thread-primary)",display:"flex",fontSize:14,fontWeight:600,gap:8,letterSpacing:"0.14px",lineHeight:1.3},children:[u(io,{"aria-hidden":"true",color:t,size:16,strokeWidth:2}),u("span",{children:E})]}),a&&!Z?u("textarea",{ref:P,value:s,disabled:n,onChange:K=>{d(K.target.value),K.currentTarget.style.height="auto",K.currentTarget.style.height=`${K.currentTarget.scrollHeight}px`},onBlur:M,onKeyDown:K=>{K.key==="Enter"&&!K.shiftKey?(K.preventDefault(),M()):K.key==="Escape"&&(K.preventDefault(),K.stopPropagation(),I())},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:sn,fontSize:14,fontStyle:"italic",letterSpacing:"0.14px",lineHeight:1.3,margin:"0 7px",padding:"6px 16px 8px",width:"calc(100% - 14px)"}}):u("button",{type:"button",disabled:Z||n,onClick:()=>l(!0),onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),onFocus:()=>f(!0),onBlur:()=>f(!1),style:{border:0,borderLeft:"1px solid var(--popmelt-thread-border)",background:c&&!Z?"var(--popmelt-thread-soft-hairline)":"transparent",color:"var(--popmelt-thread-muted-strong)",cursor:Z?"default":"text",fontFamily:sn,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}),A("div",{style:{color:"var(--popmelt-thread-primary)",fontSize:14},children:[A("button",{type:"button","aria-expanded":p,onClick:()=>h(K=>!K),style:{alignItems:"center",border:0,background:"transparent",color:"var(--popmelt-thread-primary)",cursor:"pointer",display:"inline-flex",gap:2,fontFamily:sn,fontSize:14,fontWeight:400,letterSpacing:"0.14px",lineHeight:1.3,margin:0,opacity:p?1:.35,padding:0},children:[u("span",{children:"Why?"}),p?u(qi,{"aria-hidden":"true",size:10,strokeWidth:2.5}):u(Ns,{"aria-hidden":"true",size:10,strokeWidth:2.5})]}),p?A(it,{children:[u("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?A("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?u("div",{style:{color:"var(--popmelt-thread-secondary)",fontSize:12,fontWeight:700},children:"Refined in a later review card"}):A("div",{style:{display:"grid",gridTemplateColumns:"minmax(0, 1fr) minmax(0, 1fr)",gap:6,alignItems:"stretch"},children:[A("button",{type:"button",disabled:n,onClick:()=>i("reject"),onMouseEnter:()=>{n||S("reject")},onMouseLeave:()=>S(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:[u("span",{children:"Reject"}),u(ul,{"aria-hidden":"true",color:"#dd4141",size:12,strokeWidth:2.5})]}),A("button",{type:"button",disabled:n||!s.trim(),onClick:()=>i(N?"edit_and_accept":"accept",N?s.trim():void 0),onMouseEnter:()=>{!n&&s.trim()&&S("accept")},onMouseLeave:()=>S(null),style:{...Dd,alignItems:"center",background:x==="accept"?"var(--popmelt-thread-action-hover)":"var(--popmelt-thread-action)",borderColor:x==="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:[u("span",{children:N?"Adopt edited":"Adopt"}),u(Lo,{"aria-hidden":"true",color:"#61c920",size:12,strokeWidth:3})]})]})]})}function lS({stepCount:e}){return A("div",{"data-thread-interaction-episode-receipt":!0,style:{...ra,alignItems:"center",alignSelf:"flex-end",color:"var(--popmelt-thread-muted-strong)",display:"inline-flex",gap:6,paddingBlock:4},children:[u(Cg,{"aria-hidden":!0,color:"currentColor",size:14,strokeWidth:1.5,style:{flexShrink:0}}),A("span",{children:[e," recorded ",e===1?"action":"actions"," sent"]})]})}function sS({frames:e,onLightbox:t}){return e.length===0?null:u("div",{"data-thread-interaction-episode-visuals":!0,style:{display:"flex",flexWrap:"wrap",gap:4,justifyContent:"flex-end",width:"100%"},children:e.map(n=>A("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:[u(lo,{src:n.url,alt:"",style:{...fi,display:"block"}}),u("span",{style:{display:"block",fontSize:10,marginTop:2,maxWidth:zd,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:n.label})]},n.id))})}var Rf=xg(function({msg:e,index:t,bridgeUrl:n,accentColor:r,onLightbox:o,hideSender:i=!1,hideTimestamp:a=!1,hideModelSenderUntilHover:l=!1,compactSpacing:s=!1,queuedPreview:d=!1,workedFor:c="a moment",activityTimestamp:f,memoryReviewBusy:p=!1,memoryReviewResolved:h=!1,memoryReviewSuperseded:y=!1,foldedActivityMessages:m=[],underMessageActivity:x,onMemoryReviewAction:S,onImprintAction:P}){let M=e.role==="human",I=jr(tl),N=e.authorPeer?e.authorPeer.id===I?.participantId?"You":e.authorPeer.name==="You"?"Host":e.authorPeer.name:I&&!I.canManageThreads&&!e.jobId.startsWith("_pending_reply_")?"Host":"You",[Z,E]=L(!1),K={...Hw,...d?{borderRadius:12,padding:"2px 10px",fontSize:12,lineHeight:"24px",letterSpacing:"0.12px",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}:{},...s?{borderBottomRightRadius:4}:{}},O=M?e.replyToQuestion?qw(e,n):e.requestItems?.length?[]:Uw(e,n):[];if(e.cancelled||e.error){let D=e.error?Zp(e.error,e.errorKind):null;return u("div",{"data-msg":!0,style:{padding:0},children:A("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:[u("span",{style:{color:D?"#f59e0b":"var(--popmelt-thread-muted-strong)"},children:D?.label??"Cancelled"}),D?` \u2014 ${D.message}`:""]})},`${e.jobId}-${t}`)}let Y=e.requestText||e.feedbackSummary||"(annotation)",q=e.requestText?My(e.requestText):Y,le=!!(M&&!e.replyToQuestion&&e.requestText&&e.requestText.trim()!==q.trim()),w=M?e.replyToQuestion||(Z?Y:q):Da(e.responseText||""),G=(D,ze=K)=>A("div",{style:ze,children:[D.includes(`
|
|
218
|
-
`)?Dr(D):D,le&&u("button",{type:"button","aria-expanded":Z,onClick:()=>E(Oe=>!Oe),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:Z?"Show less":"Read more"})]}),z=M?void 0:e.question,W=M?[]:(e.resolutions??[]).filter(D=>D.status!=="resolved"),R=W.length>0,j=!M&&e.segments&&e.segments.length>0,$=j?mf(e.segments):[],T=!!(!M&&j&&w&&!fw(e.segments,e.responseText??"")),Q=[...m,e],re=M?[]:Q.flatMap(D=>(D.segments??[]).filter(ze=>ze.kind==="tool_group")),ee=M?[]:Q.flatMap(D=>D.segments?.length?[]:(D.toolsUsed??[]).map(ze=>({kind:"tool_group",tool:Zw(ze),items:[{label:ze}]}))),oe=kf([...re,...ee]),U=Ef(oe),fe=!!(Q.some(D=>D.memoryReceipt?.status==="committed")||x?.decisionRecorded),me=x?.imprintReceipt,X=!!x?.modelUpdated,Te=U.length>0||fe||X||!!me,Ae=M&&!!(e.memoryReview?.packets.length||e.memoryReview?.acceptedTruth?.decisions.length),Ee=!M&&!!(e.memoryReceipt&&e.memoryReceipt.status!=="committed"),_e=!M&&(!i||!a);return!w&&!z&&!R&&!j&&!Ae&&!e.memoryReviewCard&&!e.imprintSummary&&!Ee&&!Te?null:A("div",{"data-msg":!0,"data-queued-preview":d||void 0,style:{alignSelf:M?"flex-end":"stretch",display:"flex",flexDirection:"column",gap:16,marginTop:s?-24:0,padding:0,position:"relative",maxWidth:M?280:void 0,width:M?"fit-content":"auto",...d?{width:"100%",minWidth:0,maxWidth:"100%"}:{}},children:[_e&&u("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:M?A(it,{children:[!a&&u("span",{"data-message-timestamp":!0,style:{fontSize:12,fontWeight:400,color:"var(--popmelt-thread-muted)"},children:Ha(e.timestamp)}),!i&&u("span",{style:{color:r,fontSize:12,fontWeight:500,marginLeft:"auto",opacity:.55},children:N})]}):A(it,{children:[u("div",{"data-worked-for-trigger":!0,style:{alignItems:"center",background:"transparent",border:0,color:"var(--popmelt-thread-muted)",cursor:"default",display:"flex",fontFamily:sn,fontSize:14,padding:0,textAlign:"left"},children:A("span",{style:{display:"grid"},children:[A("span",{"data-worked-for-label":!0,style:{gridArea:"1 / 1",textAlign:"left"},children:["Worked for ",c]}),!a&&u("span",{"data-worked-for-time":!0,style:{gridArea:"1 / 1",justifySelf:"start",opacity:0,textAlign:"left"},children:Ha(f??e.timestamp)})]})}),u("div",{style:{alignItems:"center",display:"flex",marginLeft:"auto",minHeight:14},children:A("div",{"data-message-activity":!0,style:{alignItems:"center",color:"var(--popmelt-thread-muted)",display:"flex",gap:6},children:[oe.length>0&&u("div",{style:{alignItems:"center",display:"flex",gap:6},children:U.map(D=>u(Tf,{receipt:D},D.kind))}),fe&&u(io,{"aria-label":"Decision recorded",color:r,size:14,strokeWidth:1.5}),X&&u(cl,{"aria-label":"Model updated",color:"var(--popmelt-thread-muted)",size:14,strokeWidth:1.5}),me&&u(Mf,{receipt:me,accentColor:r})]})})]})}),M&&!a&&u("span",{"data-message-timestamp":!0,style:{color:"var(--popmelt-thread-muted)",fontSize:12,fontWeight:400,position:"absolute",right:0,top:"calc(100% + 8px)"},children:Ha(e.timestamp)}),O.length>0&&u("div",{style:{display:"flex",flexWrap:"wrap",gap:4,justifyContent:"flex-end",width:"100%"},children:O.map((D,ze)=>u(lo,{src:D.url,alt:D.label||"Attached image",title:D.label,style:fi,onClick:()=>o(D.url)},ze))}),M&&!e.replyToQuestion&&(()=>{if(e.requestItems?.length){let Oe=new Set(e.requestItems.flatMap(ve=>ve.pathname?[ve.pathname]:[])).size>1,Ve=new Set,rt=e.screenshotUrl?so(n,e.screenshotUrl):null;return A("div",{"data-thread-request-cluster":!0,style:{alignItems:"flex-end",display:"flex",flexDirection:"column",gap:4,width:"100%"},children:[rt&&!e.screenshotUrls?u(lo,{src:rt,alt:"Thread screenshot",title:"screenshot",style:{...fi,flexShrink:0},onClick:()=>o(rt)}):null,e.requestItems.map((ve,Ne)=>{let ge=ve.pathname,qe=ge&&!Ve.has(ge)?e.screenshotUrls?.[ge]:void 0;ge&&Ve.add(ge);let st=qe?so(n,qe):null,Ge=ve.kind==="annotation"&&ve.annotationId?e.imageUrls?.[ve.annotationId]??[]:[],Le=ve.kind==="annotation"?e.annotationSnapshot?.annotations.find(Qe=>Qe.id===ve.annotationId)?.interactionEpisode:void 0,Be=ky(Le,Ge).map(Qe=>({...Qe,url:so(n,Qe.url)})),Pt=new Set(Be.map(Qe=>Qe.imageIndex)),ht=Ge.flatMap((Qe,ft)=>Pt.has(ft)?[]:[so(n,Qe)]),pt=ve.kind==="annotation"?ve.interactionEpisodeStepCount??Le?.steps.length??0:0;return A(wg,{children:[st?u(lo,{src:st,alt:`Screenshot for ${ge}`,title:ge,style:{...fi,flexShrink:0},onClick:()=>o(st)}):null,ht.length>0?u("div",{style:{display:"flex",flexWrap:"wrap",gap:4,justifyContent:"flex-end",width:"100%"},children:ht.map((Qe,ft)=>u(lo,{src:Qe,alt:"Attached image",title:"pasted image",style:fi,onClick:()=>o(Qe)},ft))}):null,u(sS,{frames:Be,onLightbox:o}),pt>0?u(lS,{stepCount:pt}):null,A("div",{style:{...K,minWidth:0},children:[Oe&&ge?u("code",{style:{backgroundColor:"var(--popmelt-thread-soft-hairline)",display:"inline-block",fontSize:10,marginBottom:4,padding:"1px 4px"},children:ge}):null,ve.kind==="annotation"?ve.text.includes(`
|
|
219
|
-
`)?Dr(ve.text):ve.text:A(it,{children:[A("div",{style:{fontWeight:600},children:[ve.elementLabel," ",A("span",{style:{opacity:.64},children:["(",ve.changes.length," ",ve.changes.length===1?"change":"changes",")"]})]}),u("div",{style:{marginTop:6},children:ve.changes.map((Qe,ft)=>u("div",{style:{marginTop:ft===0?0:3},children:Qe},ft))})]})]})]},`${ve.kind}-${Ne}`)})]})}let D=w?Jw(w):null;if(D&&e.screenshotUrls)return u("div",{style:{display:"flex",flexDirection:"column",gap:4},children:D.map((Oe,Ve)=>{let rt=e.screenshotUrls?.[Oe.route],ve=rt?so(n,rt):null;return A("div",{style:{alignItems:"flex-end",display:"flex",flexDirection:"column",gap:6,width:"100%"},children:[ve?u(lo,{src:ve,alt:`Screenshot for ${Oe.route}`,title:Oe.route,style:{...fi,flexShrink:0},onClick:()=>o(ve)}):null,A("div",{style:{...K,minWidth:0},children:[u("code",{style:{fontSize:10,backgroundColor:"var(--popmelt-thread-soft-hairline)",padding:"1px 4px"},children:Oe.route}),Oe.text&&u("div",{style:{marginTop:2},children:Dr(Oe.text)})]})]},Ve)})});let ze=e.screenshotUrl?so(n,e.screenshotUrl):null;return ze&&w?A("div",{style:{alignItems:"flex-end",display:"flex",flexDirection:"column",gap:6,width:"100%"},children:[u(lo,{src:ze,alt:"Thread screenshot",title:"screenshot",style:{...fi,flexShrink:0},onClick:()=>o(ze)}),G(w,{...K,minWidth:0})]}):w?G(w):null})(),M&&e.replyToQuestion&&w&&u("div",{style:K,title:d?w:void 0,children:!d&&w.includes(`
|
|
220
|
-
`)?Dr(w):w}),Ae&&u(Nw,{memoryReview:e.memoryReview}),!M&&j&&$.map((D,ze)=>{if(D.kind==="approval")return u(cf,{approval:D.approval},D.approval.id);if(D.kind==="tool_group")return null;if(D.kind==="generated_image")return u(Sf,{src:so(n,D.url),onLightbox:o},ze);if(D.kind==="orientation")return u(If,{orientation:D.orientation},ze);if(T)return null;let Oe=Da(D.text);return Oe?u("div",{style:ra,children:Dr(Oe)},ze):null}),!M&&!j&&w&&u("div",{style:ra,children:Dr(w)}),!M&&T&&w&&u("div",{style:ra,children:Dr(w)}),!M&&e.memoryReviewCard&&S&&u(aS,{card:e.memoryReviewCard,accentColor:r,busy:p,resolved:h,superseded:y,onAction:(D,ze)=>S(e.memoryReviewCard,D,ze)}),!M&&e.imprintSummary&&P&&u(oS,{summary:e.imprintSummary,accentColor:r,busy:p,onAction:D=>P(e.imprintSummary,D)}),!M&&e.imprintRecognition&&u(iS,{receipt:e.imprintRecognition,accentColor:r}),Ee&&e.memoryReceipt&&A("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"?u(io,{"aria-hidden":"true",color:r,size:12,strokeWidth:1.5}):u(ul,{"aria-hidden":"true",color:r,size:12,strokeWidth:1.5}),u("span",{style:{opacity:.5},children:e.memoryReceipt.status==="committed"?"Decision recorded":"Decision not recorded"})]}),z&&u("div",{style:ra,children:Dr(z)}),R&&u("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:W.map((D,ze)=>A("div",{children:[u("span",{style:{color:D.status==="resolved"?"#10b981":"#f59e0b"},children:D.status==="resolved"?"Done":"Needs review"}),D.summary?` \u2014 ${D.summary}`:""]},ze))}),!M&&e.modelDetails?.length?u(Ow,{patterns:e.modelDetails}):null]},`${e.jobId}-${t}`)});function Lf(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 $f(e,t){if(!t||e.timestamp<=t.timestamp)return"a moment";let n=Kg((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 dS(e,t){if(e.role!=="assistant"||e.cancelled||e.error)return!1;let n=Da(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:Da(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 jf(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 Hr(e){return!!(e&&typeof e=="object"&&!Array.isArray(e))}function Bl(e){if(e===void 0)return"undefined";try{return JSON.stringify(e)}catch{return String(e)}}function Jl(e,t){return Bl(e)===Bl(t)}function oa(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(Hr(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 cS(e,t){let n=e;for(let r of t){if(!n||typeof n!="object")return;n=n[String(r)]}return n}function Pf(e,t,n,r){if(!Hr(e)){Jl(e,t)||r.push({id:`token:${n.join(".")}`,group:"tokens",label:n.join("."),detail:oa(e),path:n,value:e,currentValue:t});return}if("value"in e){Jl(e,t)||r.push({id:`token:${n.join(".")}`,group:"tokens",label:n.join("."),detail:oa(e),path:n,value:e,currentValue:t});return}for(let o of Object.keys(e))Pf(e[o],Hr(t)?t[o]:void 0,[...n,o],r)}function uS(e,t){if(t.changes?.length)return t.changes.map(s=>{let d=s.path[0],c=d==="rules"||d==="components"||d==="tokens"?d:"model";return{id:s.id,group:c,label:s.label??s.path.map(String).join("."),detail:s.rationale,path:s.path,value:s.value,decisionIds:s.decisionIds,currentValue:cS(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 d=i[s];if(!Hr(d))continue;let c=typeof d.id=="string"?d.id:`rule-${s}`,f=o.find(p=>Hr(p)&&(typeof p.id=="string"&&p.id===c||Bl(p)===Bl(d)));Jl(f,d)||r.push({id:`rule:${c}`,group:"rules",label:typeof d.scope=="string"?d.scope:"rule",detail:typeof d.text=="string"?d.text:oa(d),path:["rules"],value:d,currentValue:f,ruleValue:d})}let a=Hr(n.components)?n.components:{},l=Hr(e?.components)?e.components:{};for(let s of Object.keys(a)){let d=a[s],c=l[s];Jl(d,c)||r.push({id:`component:${s}`,group:"components",label:s,detail:oa(d),path:["components",s],value:d,currentValue:c})}return Hr(n.tokens)&&Pf(n.tokens,e?.tokens,["tokens"],r),r}function pS(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,d=Hr(s)&&typeof s.id=="string"?s.id:null,c=d?a.findIndex(f=>Hr(f)&&f.id===d):-1;c>=0?a[c]=s:a.push(s)}i.push({path:["rules"],value:a,decisionIds:[...new Set(o.flatMap(l=>l.decisionIds??[]))]})}return i}function fS(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??oa(t.value),path:t.path??[],value:t.value,currentValue:t.currentValue}]})}function hS({proposal:e,timestamp:t,bridgeUrl:n,accentColor:r,busy:o,onApplySelected:i,onDismiss:a,onReviewUnderlying:l,hideModelSenderUntilHover:s=!1}){let d=e.authorityStatus==="accepted",c=e.status==="pending"&&d,[f,p]=L(null),[h,y]=L(()=>new Set),[m,x]=L(null),S=Se(()=>{let q=fS(e);return!c&&q.length>0?q:uS(f,e)},[f,c,e]),P=Se(()=>pS(f,S,h),[S,f,h]),M=Se(()=>S.filter(q=>h.has(q.id)),[S,h]),I=Se(()=>{let q={rules:[],components:[],tokens:[],model:[]};for(let le of S)q[le.group].push(le);return q},[S]),N=S.map(q=>q.id).join("|");_(()=>{let q=!1;return Yt(`${n}/model`).then(le=>le.ok?le.json():null).then(le=>{q||p(le?.model&&typeof le.model=="object"?le.model:null)}).catch(()=>{q||p(null)}),()=>{q=!0}},[n,e.id]),_(()=>{y(c&&N?new Set(N.split("|")):new Set)},[N,c,e.id]);let Z=J(q=>{y(le=>{let w=new Set(le);return w.has(q)?w.delete(q):w.add(q),w})},[]),E=J(()=>{y(new Set(S.map(q=>q.id)))},[S]),K=J(()=>{y(new Set)},[]),O=`${S.length} ${S.length===1?"change":"changes"}`,Y=S.length===1?`1 ${S[0]?.group==="rules"?"rule":S[0]?.group==="components"?"component":S[0]?.group==="tokens"?"token":"change"}`:O;return e.status==="applied"?A("div",{"data-msg":!0,style:{display:"flex",flexDirection:"column",gap:16,position:"relative"},children:[A("div",{style:{display:"flex",flexDirection:"column",gap:12},children:[A("div",{style:{alignItems:"center",color:"var(--popmelt-thread-primary)",display:"flex",fontSize:12,fontStyle:"italic",gap:6,lineHeight:1.35},children:[u(io,{"aria-hidden":"true",color:r,size:12,strokeWidth:1.5}),u("span",{style:{opacity:.5},children:"Decision recorded"})]}),A("div",{style:{alignItems:"center",color:"var(--popmelt-thread-primary)",display:"flex",fontSize:12,fontStyle:"italic",gap:6,lineHeight:1.35},children:[u(cl,{"aria-hidden":"true",color:r,size:12,strokeWidth:1.5}),u("span",{style:{opacity:.5},children:"Model updated"})]})]}),A("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:[A("span",{"data-model-sender":"sender",style:{alignItems:"center",color:"var(--popmelt-thread-muted-strong)",display:"flex",fontSize:12,fontWeight:500,gap:4},children:[u(Rc,{provider:e.provider,size:12,style:{color:"var(--popmelt-thread-muted-strong)"}}),u("span",{children:Lc(e.model,e.provider)})]}),u("span",{"data-message-timestamp":!0,style:{color:"var(--popmelt-thread-muted)",fontSize:12,fontWeight:400,marginLeft:"auto"},children:Ha(t)})]})]}):A("div",{"data-msg":!0,style:{display:"flex",flexDirection:"column",gap:16,position:"relative"},children:[A("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"?A("div",{style:{alignItems:"center",display:"flex",gap:6,opacity:.45},children:[u(ul,{"aria-hidden":"true",size:16,strokeWidth:2.5}),u("span",{style:{fontSize:14,fontWeight:600},children:"Model suggestion dismissed"})]}):A("div",{style:{alignItems:"center",display:"flex",gap:8},children:[u(cl,{"aria-hidden":"true",color:r,size:16,strokeWidth:2}),u("span",{style:{fontSize:14,fontWeight:600},children:"Model suggestion"})]}),e.status==="pending"&&d&&S.length>0&&A("div",{style:{alignItems:"center",display:"flex",fontSize:14,lineHeight:1.35,marginTop:4},children:[u("span",{style:{fontWeight:600},children:Y}),A("div",{style:{display:"flex",gap:12,marginLeft:"auto"},children:[u("button",{type:"button",disabled:o,onClick:E,style:{background:"transparent",border:0,cursor:"pointer",fontFamily:sn,fontSize:12,fontWeight:600,color:"var(--popmelt-thread-muted-strong)",padding:0},children:"Select all"}),u("button",{type:"button",disabled:o,onClick:K,style:{background:"transparent",border:0,cursor:"pointer",fontFamily:sn,fontSize:12,fontWeight:600,color:"var(--popmelt-thread-muted-strong)",padding:0},children:"Clear"})]})]}),e.status==="pending"&&u(it,{children:S.length>0?u("div",{style:{display:"flex",flexDirection:"column",gap:8,marginTop:4},children:["rules","components","tokens","model"].flatMap(q=>I[q]).map(q=>{let le=h.has(q.id);return A("label",{style:{alignItems:"start",color:c&&!le?"var(--popmelt-thread-secondary)":"var(--popmelt-thread-primary)",columnGap:8,cursor:c?"pointer":"default",display:"grid",fontSize:14,gridTemplateColumns:c?"14px minmax(0, 1fr)":"minmax(0, 1fr)",lineHeight:1.35,padding:"0 0 8px 12px"},children:[c&&u("input",{type:"checkbox",checked:le,disabled:o,onChange:()=>Z(q.id),style:{WebkitAppearance:"none",appearance:"none",margin:"1px 0 0",width:14,height:14,backgroundColor:le?r:"transparent",border:`1px solid ${le?r:"rgba(0,0,0,0.34)"}`,boxSizing:"border-box",cursor:o?"default":"pointer"}}),A("span",{style:{minWidth:0},children:[u("span",{style:{fontWeight:700},children:q.label}),A("span",{children:[" \u2014 ",q.detail]}),q.currentValue!==void 0&&A("span",{style:{display:"block",marginTop:2,opacity:.5},children:["was ",oa(q.currentValue)]})]})]},q.id)})}):u("div",{style:{color:"var(--popmelt-thread-muted-strong)",fontSize:14,lineHeight:1.4},children:"No concrete model diff could be derived from this proposal."})}),!d&&e.status==="pending"&&u("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:u("strong",{children:"A competing product decision is pending"})}),e.status==="pending"&&d&&A("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:6},children:[A("button",{type:"button",disabled:o,onClick:a,onMouseEnter:()=>{o||x("reject")},onMouseLeave:()=>x(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:[u("span",{children:"Reject"}),u(ul,{"aria-hidden":"true",color:"#dd4141",size:12,strokeWidth:2.5})]}),A("button",{type:"button",disabled:o||P.length===0,onClick:()=>i(e,P,M),onMouseEnter:()=>{!o&&P.length>0&&x("confirm")},onMouseLeave:()=>x(null),style:{...Dd,alignItems:"center",display:"flex",fontSize:12,background:m==="confirm"?"var(--popmelt-thread-action-hover)":"var(--popmelt-thread-action)",borderColor:m==="confirm"?"var(--popmelt-thread-action-hover)":"var(--popmelt-thread-action)",color:"var(--popmelt-thread-on-action)",justifyContent:"space-between",padding:"8px 12px",opacity:o||P.length===0?.45:1,cursor:o||P.length===0?"not-allowed":"pointer",transition:"background-color 120ms ease, border-color 120ms ease"},children:[u("span",{children:"Confirm"}),u(Lo,{"aria-hidden":"true",color:"#61c920",size:12,strokeWidth:3})]})]}),e.status==="pending"&&!d&&A("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8},children:[u("button",{type:"button",disabled:o,onClick:a,style:Hd,children:"Dismiss"}),u("button",{type:"button",disabled:o||!e.underlyingProposalId,onClick:l,style:{...Dd,opacity:e.underlyingProposalId?1:.45},children:"Review decision"})]})]}),A("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:[A("span",{"data-model-sender":"sender",style:{alignItems:"center",color:"var(--popmelt-thread-muted-strong)",display:"flex",fontSize:12,fontWeight:500,gap:4},children:[u(Rc,{provider:e.provider,size:12,style:{color:"var(--popmelt-thread-muted-strong)"}}),u("span",{children:Lc(e.model,e.provider)})]}),u("span",{"data-message-timestamp":!0,style:{color:"var(--popmelt-thread-muted)",fontSize:12,fontWeight:400,marginLeft:"auto"},children:Ha(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:sn,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:sn,fontSize:12,fontWeight:700,padding:"6px 8px"};function mS({onAttentionChange:e,threadId:t,bridgeUrl:n,accentColor:r,initialMessages:o=[],completedJobId:i,refreshKey:a,isStreaming:l,isQueued:s,queuePosition:d,activeJobId:c,streamingEvents:f,onClose:p,onReply:h,onContribute:y,onApproveSuggestion:m,onCancel:x,canManage:S=!0,readOnlyReason:P,lastError:M,onMouseEnter:I,temporarilyHidden:N=!1,instantVisibilityHandoff:Z=!1,backdropCursor:E,toolbarRef:K,surfaceRef:O,currentModel:Y,currentProvider:q,availableProviders:le=[],models:w=[],modelIndex:G=0,agentSettings:z,onProviderChange:W,onModelChange:R,onAgentSettingsChange:j,onModelMenuOpen:$,annotationNumber:T,annotationText:Q,onPreviousThread:re,onNextThread:ee,preferredSide:oe="right",modal:U=!0}){let[fe,,me]=Ls(),X=$s[fe],Te={"--popmelt-thread-surface":X.surface,"--popmelt-thread-raised":X.raisedSurface,"--popmelt-thread-soft":X.softSurface,"--popmelt-thread-control":X.control,"--popmelt-thread-primary":X.threadPrimary,"--popmelt-thread-secondary":X.secondary,"--popmelt-thread-muted":X.muted,"--popmelt-thread-muted-strong":X.mutedStrong,"--popmelt-thread-border":X.border,"--popmelt-thread-hairline":X.hairline,"--popmelt-thread-soft-hairline":X.softHairline,"--popmelt-thread-action":X.actionSurface,"--popmelt-thread-on-action":X.actionForeground,"--popmelt-thread-action-hover":X.actionHover},[Ae,Ee]=L(()=>o),[_e,D]=L(),ze=jr(tl),Oe=(_e&&ze?.peerColors?.[_e.authorId])??r,Ve=ze?.onThreadViewed;_(()=>{_e!==void 0&&!N&&Ve?.(t)},[Ve,_e,N,t]);let[rt,ve]=L(!1),[Ne,ge]=L(""),qe=_e?.state==="pending",st=_e===void 0?void 0:qe?y:_e&&_e.state!=="sent"?void 0:h,[Ge,Le]=L([]);_(()=>(e?.(!N&&Ge.length?{threadId:t,targets:Ge}:null),()=>e?.(null)),[e,N,t,Ge]);let Be=Se(()=>vw(Q,Ae),[Q,Ae]),[Pt,ht]=L([]),[pt,Qe]=L(!1),[ft,zt]=L(!1),Kt=Zx({bridgeUrl:n,threadId:t,visible:!N,active:!!l,onPendingChange:zt}),[En,Xt]=L(o.length===0),_t=B(null);_t.current||(_t.current=gw(t));let[Me,Zt]=L(()=>_t.current.text),[g,ie]=L([]),[be,Ue]=L(!1),[It,xt]=L(!1),Ce=B(null),Xe=B(null),Dt=B(null),ye=B(null),We=B(!1),Ke=B(!1),mt=B(!1),at=B(!1),Ze=B({selectionStart:_t.current.selectionStart,selectionEnd:_t.current.selectionEnd,selectionDirection:_t.current.selectionDirection}),[Ft,Ye]=L(!0),[bn,Tn]=L(null),xn=J(H=>Tn(H),[]),rn=B(null),pr=B(!0),gt=B(null),On=B(0),on=B(null),Xn=J((H,ce)=>{let Ie=H&&ce.trim();rn.current&&(rn.current.style.opacity=Ie?"0.65":"1")},[]),Bt=B(null),Or=B(null),Vt=J(H=>{Or.current=H,O?.(H)},[O]),Vn=B(null),co=B(l),fn=B(c),Nn=B(null);_(()=>{$d(t,Me,void 0,Ze.current)},[Me,t]),Et(()=>{let H=Bt.current,ce=_t.current;!H||!ce||ce.text.length===0||H.setSelectionRange(ce.selectionStart,ce.selectionEnd,ce.selectionDirection)},[]);let dn=J(()=>{Ce.current&&(clearTimeout(Ce.current),Ce.current=null)},[]),Tt=J(()=>{Xe.current&&(clearTimeout(Xe.current),Xe.current=null)},[]),Rt=J(()=>{Dt.current&&(clearTimeout(Dt.current),Dt.current=null),ye.current!==null&&(cancelAnimationFrame(ye.current),ye.current=null)},[]),Wo=J(()=>{$?.(),Rt(),xt(!0),ye.current=requestAnimationFrame(()=>{ye.current=null,Ue(!0)})},[Rt,$]),Nr=J(()=>{Rt(),Ue(!1),Dt.current=setTimeout(()=>{Dt.current=null,xt(!1)},Cw)},[Rt]),cn=J(()=>{dn(),Tt(),We.current=!1,Ke.current=!1,mt.current=!1,Nr()},[Tt,dn,Nr]),en=J(()=>{Tt(),dn(),Ce.current=setTimeout(()=>{Ce.current=null,We.current&&Wo()},Ew)},[Tt,dn,Wo]),fr=J(()=>{dn(),Tt(),!mt.current&&(Xe.current=setTimeout(()=>{Xe.current=null,!We.current&&!Ke.current&&!mt.current&&Nr()},Tw))},[Tt,dn,Nr]),uo=J(H=>{mt.current=H,H?Tt():!We.current&&!Ke.current&&fr()},[Tt,fr]);_(()=>()=>{dn(),Tt(),Rt()},[Tt,Rt,dn]);let vt=B(Pd(oe)),wn=B({x:0,y:0}),hr=B(!1),mr=B({x:0,y:0,offsetX:0,offsetY:0}),Cn=B(oe==="right"),[,hn]=L(0),An=`${Lw}:${oe}`;_(()=>{try{let H=localStorage.getItem(An);if(H){let ce=JSON.parse(H);if(typeof ce.top=="number"&&typeof ce.left=="number"){let{width:Ie,height:xe}=No(),ne=si(Ie),De=za(Ie),Je={top:Math.max(ne,Math.min(ce.top,xe-ne-200)),left:Math.max(ne,Math.min(ce.left,De))};Cn.current=Je.left>=De-2,vt.current=Je,hn(et=>et+1)}}}catch{}},[An]),_(()=>{let H=()=>{if(Cn.current)vt.current=Pd(oe);else{let ce=vt.current,{width:Ie,height:xe}=No(),ne=si(Ie),De=za(Ie);vt.current={top:Math.max(ne,Math.min(ce.top,xe-ne-200)),left:Math.max(ne,Math.min(ce.left,De))}}hn(ce=>ce+1)};return window.addEventListener("resize",H,{passive:!0}),window.visualViewport?.addEventListener("resize",H,{passive:!0}),()=>{window.removeEventListener("resize",H),window.visualViewport?.removeEventListener("resize",H)}},[oe]),_(()=>{let H=Vn.current;if(!H)return;let ce=De=>{gc(No().width)||De.button!==0||De.target.closest("button")||(De.preventDefault(),De.stopPropagation(),hr.current=!0,mr.current={x:De.clientX,y:De.clientY,offsetX:wn.current.x,offsetY:wn.current.y})},Ie=De=>{if(!hr.current)return;let Je=mr.current,et=Je.offsetX+(De.clientX-Je.x),Pe=Je.offsetY+(De.clientY-Je.y),{width:qt}=No(),Fn=si(qt),In=Math.max(Fn,Math.min(za(qt),vt.current.left+et)),er=Math.max(Fn,vt.current.top+Pe);wn.current={x:In-vt.current.left,y:er-vt.current.top};let br=Or.current;br&&(br.style.top=`${er}px`,br.style.left=`${In}px`,br.style.height=`${bf(er,In,K?.current)}px`)},xe=()=>{if(!hr.current)return;let De=vt.current.top+wn.current.y,Je=vt.current.left+wn.current.x;vt.current={top:De,left:Je},wn.current={x:0,y:0};let et=za();Cn.current=Je>=et-2;try{localStorage.setItem(An,JSON.stringify({top:De,left:Je}))}catch{}hr.current=!1},ne=()=>{vt.current=Pd(oe),wn.current={x:0,y:0},Cn.current=oe==="right";try{localStorage.removeItem(An)}catch{}hn(De=>De+1)};return H.addEventListener("mousedown",ce),window.addEventListener("mousemove",Ie),window.addEventListener("mouseup",xe),H.addEventListener("dblclick",ne),()=>{H.removeEventListener("mousedown",ce),window.removeEventListener("mousemove",Ie),window.removeEventListener("mouseup",xe),H.removeEventListener("dblclick",ne)}},[An,oe,K]);let Ct=J(async H=>{try{let ce=await Yt(`${n}/thread/${t}`);if(!ce.ok)throw new Error(`Thread fetch failed: ${ce.status}`);let Ie=await ce.json(),xe=Ie.messages??[];D(Ie.suggestion??null);let ne=Wh(Ie,location.pathname);Le(Pe=>JSON.stringify(Pe)===JSON.stringify(ne)?Pe:ne);let De=H?.settleJobId,Je=Fh(xe,De);(Je||H?.applyUnsettled)&&Ee(Pe=>xe.length===0&&Pe.length>0?Pe:xe);let et=Array.isArray(Ie.modelProposals)?Ie.modelProposals:Ie.modelProposal?[Ie.modelProposal]:[];return(Je||H?.applyUnsettled)&&ht(et),Xt(!1),{messages:xe,settled:Je}}catch{return Xt(!1),null}},[n,t]),Fo=J(async(H,ce)=>{if(!pt){Qe(!0);try{let Ie=await Yt(`${n}/projection/proposals/${encodeURIComponent(H.id)}/${ce}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:q,model:Y,...z})});if(Ie.ok){let xe=await Ie.json();xe.proposal&&ht(ne=>ne.map(De=>De.id===xe.proposal.id?xe.proposal:De)),await Ct()}}finally{Qe(!1)}}},[z,n,Y,q,Ct,pt]);_(()=>{a&&Ct({applyUnsettled:!0})},[a,Ct]);let hi=J(async(H,ce,Ie)=>{if(!pt){Qe(!0);try{(await Yt(`${n}/memory/conversation-action`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({threadId:t,proposalId:H.proposalId,action:ce,claim:Ie,provider:q,model:Y,...z})})).ok&&await Ct()}finally{Qe(!1)}}},[z,n,Y,q,Ct,pt,t]),Ht=J(async(H,ce)=>{if(!pt){Qe(!0);try{(await Yt(`${n}/imprint/action`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({threadId:t,transactionId:H.transactionId,action:ce})})).ok&&await Ct()}finally{Qe(!1)}}},[n,Ct,pt,t]),gr=J(async(H,ce,Ie)=>{if(!(pt||ce.length===0)){Qe(!0);try{let xe=await Yt(`${n}/projection/proposals/${encodeURIComponent(H.id)}/apply-selected`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({changes:ce,changeSummaries:Ie.map(ne=>({group:ne.group,label:ne.label,detail:ne.detail,path:ne.path,value:ne.value,currentValue:ne.currentValue})),provider:q,model:Y,...z})});if(xe.ok){let ne=await xe.json();ne.proposal&&ht(De=>De.map(Je=>Je.id===ne.proposal.id?ne.proposal:Je)),await Ct()}}finally{Qe(!1)}}},[z,n,Y,q,Ct,pt]);_(()=>{let H=!1;On.current=0,Xt(o.length===0),gt.current&&(clearTimeout(gt.current),gt.current=null);let ce=async()=>{let Ie=await Ct({applyUnsettled:!0});H||Ie===null||Ie.messages.length!==0||On.current>=5||(On.current+=1,gt.current=setTimeout(ce,200*On.current))};return ce(),()=>{H=!0,gt.current&&(clearTimeout(gt.current),gt.current=null)}},[Ct,o.length]);let _r=J(H=>{if(!H||Nn.current===H)return;Nn.current=H,on.current&&clearTimeout(on.current);let ce=0,Ie=async()=>{(await Ct({settleJobId:H,applyUnsettled:ce>=5}))?.settled||ce>=5||(ce+=1,on.current=setTimeout(Ie,80*ce))};Ie()},[Ct]);_(()=>{_r(i)},[i,_r]),_(()=>{co.current&&!l&&_r(fn.current),co.current=l,c&&(fn.current=c)},[c,l,_r]),_(()=>()=>{on.current&&clearTimeout(on.current)},[]);let Jt=Se(()=>f?Gw(f):[],[f]),He=Se(()=>mf(Jt),[Jt]),Mn=Se(()=>kf(Jt.filter(H=>H.kind==="tool_group")),[Jt]),_n=Se(()=>Ef(Mn),[Mn]),tn=Se(()=>kw(f??[]),[f]),Gn=Se(()=>f?tS(f):void 0,[f]),Lt=Se(()=>Ae.filter(H=>H.role==="human"&&H.replyToQuestion&&H.queued&&H.jobId!==c),[c,Ae]),Rn=xw(Ae,_e?.submissionId,t,rn),Gt=!Rn.replacementReady||!!(Ne&&_e?.state==="pending"),kt=Se(()=>Rn.messages.filter(H=>!(H.role==="human"&&H.replyToQuestion&&H.queued&&H.jobId!==c)),[c,Rn.messages]),Wn=Se(()=>{let H=new Set,ce=new Map,Ie=new Map,xe=new Map,ne=[];if(kt.forEach((De,Je)=>{let et=Pt.some(Pe=>Pe.status==="applied"&&jf(De,Pe));if(dS(De,et)){ne.push(Je);return}De.role!=="assistant"||ne.length===0||(ce.set(Je,ne.map(Pe=>kt[Pe])),ne.forEach(Pe=>H.add(Pe)),ne=[])}),ne.length>0){let De=ne[0]-1;if(kt[De]?.role==="assistant"&&!H.has(De)){let Je=ce.get(De)??[];ce.set(De,[...Je,...ne.map(Pe=>kt[Pe])]),ne.forEach(Pe=>H.add(Pe));let et=ne[ne.length-1];Ie.set(De,$f(kt[et],kt[et-1])),xe.set(De,kt[et].timestamp)}else if(ne.length>1){let Je=ne[ne.length-1],et=ne.slice(0,-1);ce.set(Je,et.map(Pe=>kt[Pe])),et.forEach(Pe=>H.add(Pe))}}return{hiddenIndices:H,messagesByTargetIndex:ce,timestampByTargetIndex:xe,workedForByTargetIndex:Ie}},[Pt,kt]),mi=Se(()=>{let H=new Map;for(let ce of Ae)ce.memoryReviewCard&&H.set(ce.memoryReviewCard.proposalId,`${ce.jobId}:${ce.timestamp}`);return H},[Ae]),Qt=Se(()=>{let H=[];return kt.forEach((ce,Ie)=>{if(Wn.hiddenIndices.has(Ie))return;let xe=Lf(ce,kt[Ie-1]);ce.role==="assistant"&&!xe&&H.push(`message:${ce.jobId}:${Ie}`)}),l?"streaming":H[H.length-1]??null},[Wn,l,kt]);_(()=>{let H=rn.current;if(!H)return;let ce=()=>{let Ie=H.scrollHeight-H.scrollTop-H.clientHeight;Ye(Ie<40),pr.current=Ie<2};return H.addEventListener("scroll",ce,{passive:!0}),()=>{H.removeEventListener("scroll",ce)}},[]),_(()=>{pr.current&&rn.current&&(rn.current.scrollTop=rn.current.scrollHeight)},[Ae,Jt.length,l,ft,Rn.phase]),_(()=>{if(!It)return;let H=ce=>{ce.composedPath().some(Ie=>Ie instanceof HTMLElement&&Ie.dataset.modelPicker!==void 0)||cn()};return document.addEventListener("pointerdown",H,!0),()=>document.removeEventListener("pointerdown",H,!0)},[cn,It]),_(()=>{let H=ce=>{if(ce.key==="Escape"){if(ce.stopPropagation(),It){cn();return}p()}};return document.addEventListener("keydown",H),()=>document.removeEventListener("keydown",H)},[cn,It,p]);let Ln=J((H,ce,Ie)=>{let xe=H.trim();if(!xe||!st)return!1;let ne=`_pending_reply_${Date.now()}`,De=!!l,Je=ce?ce.map(et=>URL.createObjectURL(et)):void 0;return Ee(et=>[...et,{role:"human",timestamp:Date.now(),jobId:ne,replyToQuestion:xe,...qe?{execution:"none"}:{},...De?{queued:!0}:{},...Je?{replyImageUrls:Je}:{}}]),Promise.resolve().then(()=>st(t,xe,ce,Ie)).then(async et=>{et?.jobId&&(Ee(Pe=>Pe.map(qt=>qt.jobId===ne?{...qt,jobId:et.jobId}:qt)),await Ct({applyUnsettled:!0}))}).catch(et=>{Ee(Pe=>Pe.map(qt=>qt.jobId===ne?{...qt,queued:!1,errorKind:"send_rejected",error:et instanceof Error?et.message:"Reply was not sent. Check your connection and permissions before retrying."}:qt)),Zt(Pe=>Pe||xe),ce&&ie(Pe=>Pe.length?Pe:ce)}),!0},[l,t,st,Ct,qe]),Sn=J(()=>{let H=g.length>0?g:void 0;Ln(Me,H)&&(Zt(""),ie([]))},[Me,g,Ln]),yr=J(H=>{let ce=H.clipboardData.items,Ie=[];for(let xe=0;xe<ce.length;xe++){let ne=ce[xe];if(ne.type.startsWith("image/")){let De=ne.getAsFile();De&&Ie.push(De)}}if(Ie.length>0){if(H.preventDefault(),qe){ge("Suggestion discussion supports text for now; images were not attached.");return}ie(xe=>[...xe,...Ie])}},[qe]),Wr=J(H=>{H.key==="Enter"&&(H.metaKey||H.ctrlKey)&&(H.preventDefault(),Sn())},[Sn]);Et(()=>{let H=Bt.current;H&&(H.style.height="auto",H.style.height=`${Math.max(34,Math.min(H.scrollHeight,120))}px`)},[Me]);let Fr=vt.current.top+wn.current.y,Qn=vt.current.left+wn.current.x,vr=No(),un=gc(vr.width),Zn=si(vr.width),po=yc(vr.width),Bo=bf(Fr,Qn,K?.current),Br=Ae.some(H=>H.memoryReviewCard&&!Ae.some(ce=>ce.memoryReceipt?.proposalId===H.memoryReviewCard.proposalId)),fo=qe?"Add to suggestion (text only)":l?"Add steering context":Br?"Ask for rule changes":"Ask for changes";return A(it,{children:[U&&u("div",{"data-devtools":"thread-panel-backdrop",onPointerDown:H=>{H.target===H.currentTarget&&p()},style:{position:"fixed",inset:0,zIndex:9998,opacity:N?0:1,pointerEvents:N?"none":"auto",cursor:E,transition:N&&!Z?`opacity ${ms}ms ease`:"none"}}),A("div",{ref:Vt,style:{...jw,...Te,width:po,height:un?"auto":Bo,position:"fixed",top:un?`max(${Zn}px, env(safe-area-inset-top))`:Fr,bottom:un?`max(${Zn}px, env(safe-area-inset-bottom))`:void 0,left:un?`max(${Zn}px, env(safe-area-inset-left))`:Qn,right:un?`max(${Zn}px, env(safe-area-inset-right))`:void 0,zIndex:10004,opacity:N?0:1,pointerEvents:N?"none":"auto",transition:N&&!Z?`opacity ${ms}ms ease`:"none"},"data-devtools":"thread-panel","data-popmelt-thread-id":t,"data-popmelt-font":"sans","data-popmelt-theme":fe,"data-popmelt-theme-preference":me,"aria-hidden":N||void 0,onMouseEnter:I,children:[Mw,A("div",{style:{background:"var(--popmelt-thread-surface)",borderRadius:"12px 12px 16px 16px",display:"flex",flexDirection:"column",overflow:"hidden",flex:1,minHeight:0},children:[A("div",{ref:Vn,"data-popmelt-thread-header":!0,style:{...Pw,backgroundColor:Oe,color:"#ffffff",cursor:"grab",overflow:un?"visible":"hidden",paddingRight:un?32:6,userSelect:"none",WebkitUserSelect:"none"},children:[A("span",{style:{display:"flex",alignItems:"center",gap:3,minWidth:0,flex:1},children:[(T||!_e)&&u("span",{style:{flexShrink:0},children:T?`${T}.`:"Conversation"}),Be&&u("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:Be})]}),re&&ee&&A("span",{style:{display:"flex",flexShrink:0,gap:0,marginLeft:8},children:[u("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:Oo,minHeight:0,minWidth:0,boxSizing:"border-box",justifyContent:"center",margin:0,padding:0,position:"relative",width:Oo},children:u(Mg,{"aria-hidden":"true",height:Oo,strokeWidth:2,width:Oo})}),u("button",{type:"button","aria-label":"Next thread","data-popmelt-thread-nav":!0,onClick:ee,style:{alignItems:"center",background:"transparent",border:0,color:"inherit",cursor:"pointer",display:"flex",height:Oo,minHeight:0,minWidth:0,boxSizing:"border-box",justifyContent:"center",margin:0,padding:0,position:"relative",width:Oo},children:u(Ns,{"aria-hidden":"true",height:Oo,strokeWidth:2,width:Oo})})]}),un&&u("button",{type:"button","aria-label":"Close thread",onClick:p,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:u(pl,{"aria-hidden":"true",size:14,strokeWidth:2})})]}),u("style",{dangerouslySetInnerHTML:{__html:`
|
|
221
|
-
[data-devtools="thread-panel"] ::selection {
|
|
222
|
-
background: color-mix(in srgb, ${Oe} 15%, transparent);
|
|
223
|
-
color: inherit;
|
|
224
|
-
}
|
|
225
|
-
[data-popmelt-thread-nav] { opacity: 0.5; transition: opacity 120ms ease; }
|
|
226
|
-
[data-popmelt-thread-nav]:hover, [data-popmelt-thread-nav]:focus-visible { opacity: 1; }
|
|
227
|
-
[data-popmelt-approve-suggestion]:not(:disabled):hover {
|
|
228
|
-
--popmelt-approval-background: var(--popmelt-thread-action-hover);
|
|
229
|
-
}
|
|
230
|
-
[data-popmelt-approve-suggestion]:focus-visible {
|
|
231
|
-
outline: 2px solid var(--popmelt-thread-primary);
|
|
232
|
-
outline-offset: 3px;
|
|
233
|
-
}
|
|
234
|
-
[data-popmelt-thread-nav]::before { content: ''; position: absolute; inset: -4px; }
|
|
235
|
-
[data-popmelt-thread-content] { isolation: isolate; }
|
|
236
|
-
[data-popmelt-thread-content]::after {
|
|
237
|
-
background: color-mix(in srgb, var(--popmelt-thread-surface) 50%, transparent);
|
|
238
|
-
content: '';
|
|
239
|
-
inset: 0;
|
|
240
|
-
opacity: 0;
|
|
241
|
-
pointer-events: none;
|
|
242
|
-
position: absolute;
|
|
243
|
-
transition: opacity 100ms ease;
|
|
244
|
-
transition-delay: 0ms;
|
|
245
|
-
z-index: 10;
|
|
246
|
-
}
|
|
247
|
-
[data-popmelt-thread-content]:has([data-popmelt-tool-receipt-trigger]:hover)::after,
|
|
248
|
-
[data-popmelt-thread-content]:has([data-popmelt-tool-receipt-trigger]:focus-within)::after {
|
|
249
|
-
opacity: 1;
|
|
250
|
-
transition-delay: 180ms;
|
|
251
|
-
}
|
|
252
|
-
[data-popmelt-thread-content] [data-popmelt-tool-receipt-tooltip] { z-index: 20; }
|
|
253
|
-
[data-popmelt-reply]::placeholder { color: var(--popmelt-thread-muted); opacity: 1; }
|
|
254
|
-
[data-message-timestamp] { opacity: 0; pointer-events: none; transition: opacity 120ms ease; }
|
|
255
|
-
[data-message-activity] { opacity: 1; transition: opacity 120ms ease; }
|
|
256
|
-
[data-worked-for-label], [data-worked-for-time] { transition: opacity 120ms ease; }
|
|
257
|
-
[data-worked-for-time] { pointer-events: none; }
|
|
258
|
-
[data-under-message-rail="hover"] { opacity: 0; pointer-events: none; transition: opacity 120ms ease; }
|
|
259
|
-
[data-model-sender] { display: none !important; }
|
|
260
|
-
[data-msg]:hover [data-under-message-rail="hover"] { opacity: 1; pointer-events: auto; }
|
|
261
|
-
[data-msg]:hover [data-message-timestamp] { opacity: 1; }
|
|
262
|
-
@media (hover: hover) {
|
|
263
|
-
[data-msg]:hover + [data-popmelt-suggestion-actions] [data-popmelt-approve-suggestion]:not(:focus-visible) {
|
|
264
|
-
opacity: 0 !important;
|
|
265
|
-
pointer-events: none;
|
|
266
|
-
}
|
|
267
|
-
}
|
|
268
|
-
[data-worked-for-trigger]:hover [data-worked-for-label] { opacity: 0; }
|
|
269
|
-
[data-worked-for-trigger]:hover [data-worked-for-time] { opacity: 1 !important; }
|
|
270
|
-
[data-popmelt-tool-receipt-tooltip] {
|
|
271
|
-
opacity: 0;
|
|
272
|
-
transform: translateY(3px) scale(0.98);
|
|
273
|
-
transform-origin: bottom center;
|
|
274
|
-
transition: opacity 100ms ease, transform 100ms ease, visibility 0s linear 100ms;
|
|
275
|
-
visibility: hidden;
|
|
276
|
-
}
|
|
277
|
-
[data-popmelt-tool-receipt-scroll] {
|
|
278
|
-
overflow-x: hidden !important;
|
|
279
|
-
}
|
|
280
|
-
[data-popmelt-tool-receipt-scroll],
|
|
281
|
-
[data-popmelt-tool-receipt-scroll] * {
|
|
282
|
-
box-sizing: border-box;
|
|
283
|
-
max-width: 100%;
|
|
284
|
-
min-width: 0;
|
|
285
|
-
overflow-wrap: anywhere;
|
|
286
|
-
white-space: normal;
|
|
287
|
-
word-break: break-word;
|
|
288
|
-
}
|
|
289
|
-
[data-popmelt-tool-receipt-trigger]:hover > button {
|
|
290
|
-
color: var(--popmelt-thread-primary) !important;
|
|
291
|
-
}
|
|
292
|
-
[data-popmelt-tool-receipt-scrim] {
|
|
293
|
-
left: 0;
|
|
294
|
-
opacity: 0;
|
|
295
|
-
pointer-events: none;
|
|
296
|
-
position: absolute;
|
|
297
|
-
right: 0;
|
|
298
|
-
transition: opacity 100ms ease;
|
|
299
|
-
z-index: 1;
|
|
300
|
-
}
|
|
301
|
-
[data-popmelt-tool-receipt-scrim="top"] {
|
|
302
|
-
background: linear-gradient(to bottom, var(--popmelt-thread-raised) 10%, transparent);
|
|
303
|
-
height: 24px;
|
|
304
|
-
top: 0;
|
|
305
|
-
}
|
|
306
|
-
[data-popmelt-tool-receipt-scrim="bottom"] {
|
|
307
|
-
background: linear-gradient(to top, var(--popmelt-thread-raised) 10%, transparent);
|
|
308
|
-
bottom: 0;
|
|
309
|
-
height: 24px;
|
|
310
|
-
}
|
|
311
|
-
[data-popmelt-tool-receipt-tooltip][data-overflow-top] [data-popmelt-tool-receipt-scrim="top"],
|
|
312
|
-
[data-popmelt-tool-receipt-tooltip][data-overflow-bottom] [data-popmelt-tool-receipt-scrim="bottom"] {
|
|
313
|
-
opacity: 1;
|
|
314
|
-
}
|
|
315
|
-
[data-popmelt-tool-receipt-trigger]:hover [data-popmelt-tool-receipt-tooltip][data-ready="true"],
|
|
316
|
-
[data-popmelt-tool-receipt-trigger]:focus-within [data-popmelt-tool-receipt-tooltip][data-ready="true"] {
|
|
317
|
-
opacity: 1;
|
|
318
|
-
transform: translateY(0) scale(1);
|
|
319
|
-
transition-delay: 180ms;
|
|
320
|
-
visibility: visible;
|
|
321
|
-
}
|
|
322
|
-
@media (prefers-reduced-motion: reduce) {
|
|
323
|
-
[data-popmelt-tool-receipt-tooltip] { transition: none; }
|
|
324
|
-
[data-popmelt-thread-content]::after { transition: none; }
|
|
325
|
-
}
|
|
326
|
-
[data-suggestion-message] { display: contents; }
|
|
327
|
-
[data-suggestion-handoff] > div {
|
|
328
|
-
display: flex;
|
|
329
|
-
flex-direction: column;
|
|
330
|
-
gap: 32px;
|
|
331
|
-
}
|
|
332
|
-
[data-suggestion-phase="preparing"] [data-suggestion-handoff="incoming"] {
|
|
333
|
-
display: block;
|
|
334
|
-
position: absolute;
|
|
335
|
-
visibility: hidden;
|
|
336
|
-
pointer-events: none;
|
|
337
|
-
}
|
|
338
|
-
[data-suggestion-phase="animating"] [data-suggestion-handoff="outgoing"] {
|
|
339
|
-
display: block;
|
|
340
|
-
position: relative;
|
|
341
|
-
height: 0;
|
|
342
|
-
flex-shrink: 0;
|
|
343
|
-
margin-bottom: -32px;
|
|
344
|
-
pointer-events: none;
|
|
345
|
-
}
|
|
346
|
-
[data-suggestion-phase="animating"] [data-suggestion-handoff="outgoing"] > div {
|
|
347
|
-
position: absolute;
|
|
348
|
-
width: 100%;
|
|
349
|
-
animation: popmelt-suggestion-out ${jd}ms ease-out both;
|
|
350
|
-
}
|
|
351
|
-
[data-suggestion-phase="animating"] [data-suggestion-handoff="incoming"] > div {
|
|
352
|
-
animation: popmelt-suggestion-in ${jd}ms cubic-bezier(.2,.7,.2,1) both;
|
|
353
|
-
}
|
|
354
|
-
@keyframes popmelt-suggestion-out {
|
|
355
|
-
to { opacity: 0; transform: translateY(-16px); }
|
|
356
|
-
}
|
|
357
|
-
@keyframes popmelt-suggestion-in {
|
|
358
|
-
from { opacity: 0; transform: translateY(16px); }
|
|
359
|
-
to { opacity: 1; transform: translateY(0); }
|
|
360
|
-
}
|
|
361
|
-
@media (prefers-reduced-motion: reduce) {
|
|
362
|
-
[data-suggestion-handoff] > div { animation: none !important; }
|
|
363
|
-
}
|
|
364
|
-
@media (hover: none), (pointer: coarse) {
|
|
365
|
-
[data-message-timestamp], [data-under-message-rail="hover"] { opacity: 1; pointer-events: auto; }
|
|
366
|
-
[data-popmelt-thread-header] { cursor: default !important; }
|
|
367
|
-
[data-popmelt-reply-action] { width: 40px !important; height: 40px !important; margin: -10px; }
|
|
368
|
-
}
|
|
369
|
-
`}}),A("div",{"data-popmelt-thread-content":!0,style:{display:"flex",flex:1,flexDirection:"column",minHeight:0,position:"relative"},children:[A("div",{ref:rn,style:{...zw,...st?{paddingBottom:12}:{},transition:"opacity 150ms ease"},"data-devtools":"thread-panel-messages","data-suggestion-phase":Rn.phase,children:[En&&u("div",{style:{padding:16,color:"var(--popmelt-thread-muted)",textAlign:"center"},children:"Loading..."}),!En&&kt.length===0&&Lt.length===0&&!l&&u("div",{style:{padding:16,color:"var(--popmelt-thread-muted)",textAlign:"center"},children:"No messages yet."}),kt.map((H,ce)=>{if(Wn.hiddenIndices.has(ce))return null;let Ie=Wn.messagesByTargetIndex.get(ce)??[],xe=[...Ie,H],ne=Lf(H,kt[ce-1]),De=En?[]:Pt.filter(Pe=>xe.some(qt=>jf(qt,Pe))),Je=De.filter(Pe=>Pe.status==="applied"),et={decisionRecorded:Je.some(Pe=>Pe.decisionIds.length>0),modelUpdated:Je.length>0,imprintReceipt:nS(xe,kt)};return u("div",{"data-suggestion-message":!0,"data-suggestion-handoff":Rn.motion(H),"aria-hidden":Rn.motion(H)==="outgoing"&&Rn.phase==="animating"?!0:void 0,children:A("div",{style:Rn.motion(H)?void 0:{display:"contents"},children:[u(Rf,{msg:H,index:ce,bridgeUrl:n,accentColor:Oe,onLightbox:xn,hideSender:ne,hideTimestamp:ne,hideModelSenderUntilHover:Qt!==`message:${H.jobId}:${ce}`,compactSpacing:ne,workedFor:Wn.workedForByTargetIndex.get(ce)??$f(H,kt[ce-1]),activityTimestamp:Wn.timestampByTargetIndex.get(ce),memoryReviewBusy:pt,memoryReviewResolved:!!(H.memoryReviewCard&&Ae.some(Pe=>Pe.memoryReceipt?.proposalId===H.memoryReviewCard.proposalId&&Pe.memoryReceipt.status==="committed")),memoryReviewSuperseded:!!(H.memoryReviewCard&&mi.get(H.memoryReviewCard.proposalId)!==`${H.jobId}:${H.timestamp}`),foldedActivityMessages:Ie,underMessageActivity:et,onMemoryReviewAction:S?hi:void 0,onImprintAction:S?Ht:void 0}),ce===0&&_e&&_e.state!=="sent"&&(Ne||Gt&&m&&(qe||_e.state==="approving"))&&A("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||_e.state==="approving")&&Gt&&m&&A("button",{"data-popmelt-approve-suggestion":!0,type:"button",disabled:rt||!qe,style:{...Bh(fe),padding:ys.padding,gap:ys.gap,background:"var(--popmelt-approval-background, var(--popmelt-thread-action))",color:"var(--popmelt-thread-on-action)",opacity:rt||!qe?.5:1,transition:"background-color 120ms ease, opacity 120ms ease",cursor:rt||!qe?"default":"pointer"},onClick:async()=>{if(!(rt||!qe)){ve(!0),ge("");try{await m(_e.submissionId,_e.revision)}catch(Pe){ge(Pe instanceof Error?Pe.message:"Approval failed. Review the updated suggestion and try again.")}finally{await Ct({applyUnsettled:!0}),ve(!1)}}},children:[u(wu,{size:ys.iconSize,strokeWidth:1.5,"aria-hidden":"true"}),rt||!qe?"Sending\u2026":"Approve and send"]}),Ne&&u("div",{role:"alert",children:Ne})]}),De.filter(Pe=>Pe.status!=="applied").map(Pe=>u("fieldset",{disabled:!S,style:{border:0,padding:0,margin:0,minWidth:0},children:u(hS,{proposal:Pe,timestamp:H.timestamp,bridgeUrl:n,accentColor:Oe,busy:pt,onApplySelected:gr,onDismiss:()=>Fo(Pe,"dismiss"),onReviewUnderlying:()=>{Pe.underlyingProposalId&&Ln("> Kicked off decision review",void 0,{memoryReviewProposalId:Pe.underlyingProposalId})},hideModelSenderUntilHover:Qt!==`proposal:${Pe.id}`})},Pe.id))]})},_l(H))}),l&&A("div",{style:{padding:0,display:"flex",flexDirection:"column",gap:8},children:[(!s||Kt.approvals.some(H=>H.jobId===c&&H.phase))&&u(it,{children:He.map((H,ce)=>{if(H.kind==="approval"){let xe=Kt.approvals.find(De=>De.id===H.approval.id),ne=H.approval.status==="pending"&&xe?.status!=="pending"?xe??H.approval:H.approval;return u(Qx,{approval:ne,accentColor:Oe,connected:S&&Kt.connected,decide:De=>Kt.decide(ne,De)},ne.id)}if(H.kind==="tool_group")return null;if(H.kind==="generated_image")return u(Sf,{src:so(n,H.url),onLightbox:xn},ce);if(H.kind==="file_content")return u(Qw,{file:H.file,content:H.content,ext:H.ext,isPlan:H.isPlan,onAccept:H.isPlan&&st?()=>st(t,"Looks good, please proceed with implementation."):void 0},ce);if(H.kind==="thinking")return u("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:H.text},ce);if(H.kind==="status")return u("div",{style:{color:"var(--popmelt-thread-muted)",fontSize:12,fontStyle:"italic",lineHeight:1.4,wordBreak:"break-word"},children:H.text},ce);if(H.kind==="orientation")return u(If,{orientation:H.orientation},ce);let Ie=Da(H.text);return Ie?u("div",{style:{fontSize:14,letterSpacing:"0.14px",lineHeight:1.3,wordBreak:"break-word"},children:Dr(Ie)},ce):null})}),A("div",{style:{alignItems:"center",display:"flex",justifyContent:"space-between",minHeight:24},children:[u("div",{style:{alignItems:"center",display:"flex",gap:6},children:s?A(it,{children:[u(Su,{size:12,strokeWidth:2.25,color:Oe,style:{verticalAlign:"middle",flexShrink:0,opacity:.5}}),u("span",{style:{color:"var(--popmelt-thread-muted)",fontSize:12,fontStyle:"italic"},children:Kt.approvals.some(H=>H.jobId===c&&H.phase==="parked")?"Parked \xB7 waiting for permission":Kt.approvals.some(H=>H.jobId===c&&H.phase==="queued")?"Queued next":`Queued${d?` ${d}`:""}`})]}):A(it,{children:[ft?u("span",{style:{color:"var(--popmelt-thread-muted-strong)",fontSize:12},children:"Waiting for permission"}):tn?u("span",{style:{color:"var(--popmelt-thread-muted-strong)",fontSize:12},children:"Generating images\u2026"}):u(Ww,{color:"var(--popmelt-thread-muted-strong)"}),_n.map(H=>u(Tf,{receipt:H,animateCount:!0},H.kind)),Gn&&u(Mf,{receipt:Gn,accentColor:Oe})]})}),x&&u("button",{onClick:x,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&&M&&A("div",{style:{padding:"8px 16px",backgroundColor:"rgba(239, 68, 68, 0.06)",fontSize:12,color:"#dc2626",lineHeight:1.4},children:[u("span",{style:{fontWeight:600},children:"Error: "}),M]})]}),Lt.length>0&&u("div",{"data-queued-replies-area":!0,style:{flexShrink:0,maxHeight:"40%",overflowY:"auto",padding:"0 12px 12px"},children:u(Vx,{messages:Lt,renderMessage:H=>u(Rf,{msg:H,index:Ae.indexOf(H),bridgeUrl:n,accentColor:Oe,onLightbox:xn,hideSender:!0,hideTimestamp:!0,queuedPreview:!0}),onChange:S?async(H,ce)=>{let Ie=await Yt(`${n}/reply/queued`,{method:ce===null?"DELETE":"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({threadId:t,jobId:H.jobId,submissionId:H.lifecycle?.submissionIds[0],expectedReply:H.replyToQuestion,reply:ce})});if(!Ie.ok){let xe=await Ie.json().catch(()=>({}));throw new Error(xe.error??"Could not update queued message.")}await Ct({applyUnsettled:!0})}:void 0})}),!st&&P&&A("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:[u(Rg,{"aria-hidden":"true",size:12,strokeWidth:1.5}),u("span",{children:P})]}),st&&A("div",{"data-popmelt-thread-composer":!0,style:{flexShrink:0,position:"relative",zIndex:1},children:[It&&u(Jh,{visible:be,provider:q,availableProviders:le,models:w,modelIndex:G,agentSettings:z,onProviderChange:W,onModelChange:R,onAgentSettingsChange:j,onMouseEnter:()=>{Ke.current=!0,Tt()},onMouseLeave:()=>{Ke.current=!1,fr()},onScrubChange:uo}),!Ft&&Ae.length>0&&u("button",{type:"button","data-scroll-to-bottom":!0,"aria-label":"Scroll to latest message",title:"Scroll to latest message",onClick:()=>{rn.current&&rn.current.scrollTo({top:rn.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:u(Lg,{"aria-hidden":"true",size:16,strokeWidth:1.75})}),g.length>0&&u("div",{style:{position:"absolute",bottom:"100%",display:"flex",gap:4,padding:"6px 5px 5px",flexWrap:"wrap"},children:g.map((H,ce)=>A("span",{onClick:()=>ie(Ie=>Ie.filter((xe,ne)=>ne!==ce)),onMouseEnter:Ie=>{let xe=Ie.currentTarget.querySelector("[data-chip-x]");xe&&(xe.style.color="#fff")},onMouseLeave:Ie=>{let xe=Ie.currentTarget.querySelector("[data-chip-x]");xe&&(xe.style.color="rgba(255,255,255,0.4)")},style:{display:"inline-flex",alignItems:"center",gap:4,fontSize:10,color:"#fff",backgroundColor:Oe,backdropFilter:"blur(4px)",borderRadius:8,padding:"2px 6px 2px 6px",cursor:"pointer"},children:["image ",ce+1,u("span",{"data-chip-x":!0,style:{fontSize:12,lineHeight:1,color:"rgba(255,255,255,0.4)"},children:"\xD7"})]},ce))}),A("div",{style:Dw,children:[u("textarea",{ref:Bt,"data-popmelt-reply":!0,autoFocus:!un,rows:1,value:Me,onChange:H=>{Ze.current={selectionStart:H.target.selectionStart,selectionEnd:H.target.selectionEnd,selectionDirection:H.target.selectionDirection},$d(t,H.target.value,void 0,Ze.current),Zt(H.target.value),Xn(at.current,H.target.value)},onSelect:H=>{Ze.current={selectionStart:H.currentTarget.selectionStart,selectionEnd:H.currentTarget.selectionEnd,selectionDirection:H.currentTarget.selectionDirection},$d(t,H.currentTarget.value,void 0,Ze.current)},onFocus:()=>{at.current=!0,Xn(!0,Me)},onBlur:()=>{at.current=!1,Xn(!1,Me)},onKeyDown:Wr,onPaste:yr,placeholder:fo,style:{width:"100%",minWidth:0,height:34,minHeight:34,padding:"12px 12px 0",fontSize:14,fontFamily:sn,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"}}),A("div",{style:{alignItems:"center",display:"flex",justifyContent:"space-between",padding:"10px 12px"},children:[u(qh,{provider:q,open:be,onClick:()=>{dn(),Tt(),be?cn():Wo()},onMouseEnter:()=>{We.current=!0,be?Tt():en()},onMouseLeave:()=>{We.current=!1,fr()}}),u("button",{type:"button","data-popmelt-reply-action":!0,onClick:Sn,disabled:!Me.trim(),"aria-label":"Send reply",style:{display:"flex",alignItems:"center",justifyContent:"center",width:20,height:20,padding:0,background:"none",border:"none",cursor:Me.trim()?"pointer":"default",color:"var(--popmelt-thread-primary)",opacity:Me.trim()?1:.12,flexShrink:0},children:u("span",{style:{alignItems:"center",display:"flex",height:16,justifyContent:"center",width:16},children:u(wu,{"aria-hidden":"true",fill:"currentColor",size:Me.trim()?16:14,strokeWidth:1.5,style:{transform:"rotate(-45deg)",transition:"width 120ms ease, height 120ms ease"}})})})]})]})]})]})]})]}),bn&&u(Yw,{src:bn,onClose:()=>Tn(null)})]})}function _o(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 gS(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 vS(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 bS(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 xS(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 zf(e,t){return t?e.ownerParticipantId?e.ownerParticipantId===t.participantId:t.isHost===!0:!0}function wS(e,t,n,r){let o=B(e),i=B(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 SS=[],ql="devtools-provider",Ul="devtools-model",Od="devtools-model-id",Df="devtools-agent-settings",Nd="devtools-open-thread-id",Yl="popmelt-dismissed-thread-ids",_d="#000000",IS=20,kS=[],ES=[];function Wd(e){let t=e.dispose?.();t&&Promise.resolve(t).catch(()=>{})}function TS(e){let t=B(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 d=o.get(s.id);if(d?.configurationKey===s.configurationKey){i.set(s.id,d),a.push(s);continue}d&&Wd(d.runtime),i.set(s.id,{configurationKey:s.configurationKey,runtime:s.activate()}),a.push(s)}for(let[s,d]of o)i.has(s)||Wd(d.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((d,c)=>d===l[c])?s:l)},[e]),_(()=>()=>{for(let o of t.current.values())Wd(o.runtime);t.current.clear()},[]),n}function CS(e,t=96){let n=e.replace(/\s+/g," ").trim();return n.length>t?`${n.slice(0,t-1)}...`:n}function AS(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=>CS(a)).filter(Boolean);return i.length===0?"Annotation":i.length<=3?i.join("; "):`${i.slice(0,3).join("; ")}; +${i.length-3} more`}function Kl(e){if(typeof window>"u"||!e)return new Set;try{let t=JSON.parse(localStorage.getItem(Di(Yl,e))||"[]");return new Set(Array.isArray(t)?t.filter(n=>typeof n=="string"):[])}catch{return new Set}}function Hf(e,t){if(!(typeof window>"u"||!t))try{let n=Kl(t);for(let r of e)n.add(r);localStorage.setItem(Di(Yl,t),JSON.stringify(Array.from(n).slice(-200)))}catch{}}function MS(e){let t=vn(e);return t.bottom<0||t.top>window.innerHeight||t.right<0||t.left>window.innerWidth}function RS(e){for(let t of e){let n=pn(t);if(n){MS(n)&&n.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"});return}}}async function Fd(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 LS(e,t,n,r,o){if(t==="copilot"||t==="omp"||e==="copilot"||e==="omp")return 0;let i=fc(e,r),a=fc(t,o);if(a.length===0)return 0;let l=i.findIndex(d=>d.index===n),s=l>=0?l:a.length-1;return a[Math.min(s,a.length-1)].index}function $S({children:e,enabled:t=process.env.NODE_ENV==="development",multiplayer:n=!1,...r}){let o=jr(tl),[i,a]=L([]),l=J(f=>(a(p=>p.includes(f)?p:[...p,f]),()=>a(p=>p.filter(h=>h!==f))),[]),s=Se(()=>({isEnabled:t,registerSubjectAdapter:l}),[t,l]),d=Se(()=>[...r.subjectAdapters??[],...i],[r.subjectAdapters,i]),c=u(jS,{...r,multiplayer:n,enabled:!0,registeredSubjectAdapters:i});return A(xm.Provider,{value:s,children:[e,t&&(o?n?c:null:u(yy,{multiplayer:n,projectId:r.projectId,adapters:d,children:c}))]})}function jS({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=kS,extensions:l=ES,imageAnnotation:s=!0,videoAnnotation:d=!0,getCommentMeta:c}){let f=typeof window<"u"?o??window.__POPMELT_PROJECT_ID__??null:null,[p,h]=L(f),[y,m]=L(!!f),x=p,S=B(null),P=B(!1),[M,I,N]=km(S,P),Z=jr(nc),E=jr(tl),[K,O]=L(()=>new Set),[Y,q]=L(0),le=B(0);_(()=>{if(!Y)return;let b=window.setTimeout(()=>q(0),220);return()=>window.clearTimeout(b)},[Y]);let w=Se(()=>E?.participantId?Xf(rc(M,E.pendingSubmissions??[],E.participantId,K),E.annotationColor):M,[M,E?.pendingSubmissions,E?.participantId,E?.annotationColor,K]);_(()=>{if(!K.size)return;let b=rc(M,E?.pendingSubmissions??[],E?.participantId??""),k=new Set([...K].filter(F=>{let V=b.annotations.find(se=>se.id===F);return V&&["pending","sending"].includes(V.status??"pending")}));k.size!==K.size&&O(k)},[M,E?.pendingSubmissions,E?.participantId,K]);let G=!E||E.canReadThreads,z=!E||E.canReply,W=!E||E.canManageThreads,R=TS(l),j=Se(()=>{for(let b=R.length-1;b>=0;b-=1){let k=R[b]?.imageRecognition;if(k)return k}},[R]),$=Se(()=>R.flatMap(b=>b.subjectAdapters??[]),[R]),T=Se(()=>{for(let b=R.length-1;b>=0;b-=1){let k=R[b]?.videoTracking;if(k)return k}},[R]),Q=Se(()=>{for(let b=R.length-1;b>=0;b-=1){let k=R[b]?.videoSegmentation;if(k)return k}},[R]),re=Se(()=>!j||s===!1?s:{...typeof s=="object"?s:{},recognition:j},[j,s]),ee=Se(()=>[...$,...a,...n],[$,n,a]),oe=by({enabled:e,active:w.isAnnotating||w.annotations.some(b=>b.target?.adapter==="see:image"),configuration:re,adapters:ee}),U=Se(()=>!T&&!Q||d===!1?d:{...typeof d=="object"?d:{},...T?{tracking:T}:{},...Q?{segmentation:Q}:{}},[Q,T,d]),fe=xy({enabled:e,configuration:U,adapters:oe}),me=(!e||re===!1||ee.some(b=>b.surfaceKind==="image"||b.id==="see:image")||oe.some(b=>b.surfaceKind==="image"||b.id==="see:image"))&&(!e||U===!1||oe.some(b=>b.surfaceKind==="video"||b.id==="see:video")||fe.some(b=>b.surfaceKind==="video"||b.id==="see:video")),X=Se(()=>new hm(fe),[fe]),[Te,Ae]=L(!1),Ee=B(X);Ee.current=X,_(()=>{let b=!1;return Ae(!1),me?(X.whenReady().then(()=>{b||Ae(!0)}),()=>{b=!0}):()=>{}},[me,X]),_(()=>()=>X.destroy(),[X]);let _e=E?.bindSubjects;_(()=>_e?.(X),[_e,X]);let D=Yg(r,e&&!!x,x),ze=D.dismissQuestion,Oe=D.clearEvents;_(()=>{f&&(typeof window<"u"&&(window.__POPMELT_PROJECT_ID__=f,Fc()),h(f),m(!0))},[f]);let Ve=B(null),rt=B(null),[ve,Ne]=L(null),ge=Bg()??r,{onCanvasFocusChange:qe,onCanvasActivity:st,inspectingElement:Ge,inspectingElements:Le}=Vg(e&&D.isConnected&&w.isAnnotating,ge,{getCommentMeta:c,registry:X,state:w,screenshotOptions:{nativeCapture:b=>Bc(ge,b),captureSurfaces:()=>X.captureSurfaces()}}),Be=J(b=>Bc(ge,b),[ge]),Pt=J(async()=>{let b=Math.min(1,1200/Math.max(1,window.innerWidth));return wm(()=>Be({url:window.location.href,clip:{x:window.scrollX,y:window.scrollY,width:window.innerWidth,height:window.innerHeight},scale:b}),async()=>{let[k]=await _i(document.body,Ve.current,[],{dpr:b,viewportOnly:!0,captureSurfaces:()=>X.captureSurfaces()});return k??null})},[Be,X]),ht=B(new Map),pt=B(new Set),Qe=B(!1);_(()=>{if(!ge)return;let b=new Set(w.annotations.flatMap(se=>se.attachments?.map(ae=>ae.id)??[])),k=pt.current,F=[...b].filter(se=>!k.has(se)),V=[...k].filter(se=>!b.has(se));pt.current=b,F.length>0&&Jc(ge,F).catch(()=>{}),V.length>0&&Promise.all(V.map(se=>As(ge,se).catch(()=>{})))},[ge,w.annotations]);let ft=B(new Map),zt=B(new Map),[,Kt]=L(0),[En,Xt]=L(null),_t=B(!1),Me=us(),Zt=J((b,k,F,V,se)=>{let ae=[],he=ue=>{let Re=URL.createObjectURL(ue);return ae.push(Re),Re},pe,$e;V instanceof Map?($e=Object.fromEntries(Array.from(V,([ue,Re])=>[ue,he(Re)])),pe=Object.values($e)[0]):pe=he(V);let je=se&&se.size>0?Object.fromEntries(Array.from(se,([ue,Re])=>[ue,Re.map(he)])):void 0;for(zt.current.get(b)?.objectUrls.forEach(ue=>URL.revokeObjectURL(ue)),zt.current.delete(b),zt.current.set(b,{objectUrls:ae,message:{role:"human",timestamp:Date.now(),jobId:k,feedbackSummary:AS(F),requestText:Ay(F),requestItems:Cy(F),...F.meta?{meta:F.meta}:{},...pe?{screenshotUrl:pe}:{},...$e?{screenshotUrls:$e}:{},...je?{imageUrls:je}:{}}});zt.current.size>IS;){let ue=zt.current.keys().next().value;if(!ue)break;zt.current.get(ue)?.objectUrls.forEach(Re=>URL.revokeObjectURL(Re)),zt.current.delete(ue)}Kt(ue=>ue+1)},[]);_(()=>()=>{for(let b of zt.current.values())b.objectUrls.forEach(k=>URL.revokeObjectURL(k));zt.current.clear()},[]);let g=E?.modelSelectionLocked??!1,ie=E?.inheritedModelSelection,[be,Ue]=L(()=>typeof window>"u"?"codex":localStorage.getItem(ql)||"codex"),[It,xt]=L(()=>{if(typeof window>"u")return 0;let b=localStorage.getItem(Ul);return b&&parseInt(b,10)||0}),Ce=g?ie?.provider??"codex":be,[Xe,Dt]=L(()=>{if(typeof window>"u")return{};try{return JSON.parse(localStorage.getItem(Df)||"{}")}catch{return{}}}),[ye,We]=L([]),[Ke,mt]=L({}),[at,Ze]=L(0),[Ft,Ye]=L(!1),bn=Se(()=>Vf(Ke.codex??[]),[Ke.codex]),{index:Tn,select:xn}=Lu(bn,Ft,!g&&Ce==="codex","codex"),[rn,pr]=L({}),[gt,On]=L(null),[on,Xn]=L(null),[Bt,Or]=L(null),[Vt,Vn]=L("idle"),[co,fn]=L(null),Nn=B(null),dn=J(b=>{let k=Object.entries(b.providers).filter(([,ae])=>ae.available).map(([ae])=>ae);k.length>0&&We(k);let F={},V={};for(let[ae,he]of Object.entries(b.providers))he.models?.length&&(F[ae]=he.models),he.mcp&&(V[ae]=he.mcp);let se=Nn.current;if(se&&se.provider!=="codex"){let ae=F[se.provider]?.findIndex(he=>he.id===se.id);ae!==void 0&&ae>=0&&xt(ae)}mt(F),pr(V),Ye(!0)},[]),Tt=J(async b=>{if(!D.isConnected)return;let k=await Em(ge,b);k&&dn(k)},[dn,D.isConnected,ge]);_(()=>{Tt(Ce)},[Ce,D.capabilitiesVersion,at,Tt]),_(()=>{if(!D.isConnected){On(null),Xn(null),Or(null);return}let b=!1;return wa(ge).then(k=>{b||(On(k?.version??null),Xn(k?.projectRoot??null),Or(k?.execution??null))}),()=>{b=!0}},[D.isConnected,D.capabilitiesVersion,at,ge]),_(()=>{if(Vt==="idle"||Vt==="restarting")return;let b=window.setTimeout(()=>{Vn("idle"),fn(null)},Vt==="ok"?4e3:8e3);return()=>window.clearTimeout(b)},[Vt]),_(()=>{if(!g&&ye.length>0&&!ye.includes(Ce)){let b=ye[0];Ue(b),localStorage.setItem(ql,b)}},[ye,Ce,g]);let Rt=Se(()=>g?[{id:ie?.model??"",label:ie?.label??"Waiting for host",source:"static"}]:Ce==="codex"?bn:Ce==="claude"?Gf(Ke.claude??ps):Ke[Ce]?.length?Ke[Ce]:Ce==="copilot"?[...oc]:Ce==="omp"?[...ic]:[...ps],[g,ie?.model,ie?.label,Ke,bn,Ce]),{index:Wo,select:Nr}=Lu(Rt,Ft,!g&&Ce==="claude","claude",Eh),cn=g?0:Ce==="codex"?Tn:Ce==="claude"?Wo:It,en=Rt[cn]??Rt[0],fr=E?.setHostModelSelection;_(()=>{if(!fr||!Ft||!D.isConnected||!ye.includes(Ce))return;let b=!1,k,F=()=>{b||fr({provider:Ce,model:en.id,label:en.label}).catch(()=>{b||(k=setTimeout(F,2e3))})};return k=setTimeout(F,0),()=>{b=!0,clearTimeout(k)}},[fr,Ft,D.isConnected,ye,Ce,en.id,en.label]),Nn.current={provider:Ce,id:en.id};let uo=`${Ce}:${en.id||"default"}`,vt=Se(()=>Xe[uo]??{},[Xe,uo]);_(()=>{if(!e||x||y)return;let b=!1;return fetch("/popmelt/status").then(k=>k.ok?k.json():null).then(k=>{if(b)return;let F=typeof window<"u"&&k?.devOrigin===window.location.origin,V=k?.projectId&&(F||k.projectIdVerified===!0)?k.projectId:null;V&&typeof window<"u"&&(window.__POPMELT_PROJECT_ID__=V,Fc()),h(V),m(!0)}).catch(()=>{b||m(!0)}),()=>{b=!0}},[e,x,y]),_(()=>{if(g||Ce==="codex"||Ce==="claude")return;let b=localStorage.getItem(`${Od}:${Ce}`),k=b!==null?Rt.findIndex(V=>V.id===b):Ce==="omp"?Rt.findIndex(V=>V.isDefault):-1,F=k>=0?k:cn<Rt.length?-1:0;F<0||F===cn||(xt(F),localStorage.setItem(Ul,String(F)))},[cn,Rt,Ce,g]);let wn=J(b=>{if(g)return;if(b==="codex"||b==="claude"){Ue(b),localStorage.setItem(ql,b);return}let k=Ce,F=b==="copilot"?[...oc]:b==="omp"?[...ic]:[...ps],V=Ke[b]&&Ke[b].length>0?Ke[b]:F;Ue(b),localStorage.setItem(ql,b);let se=LS(k,b,cn,Rt,V);xt(se),localStorage.setItem(Ul,String(se));let ae=V[se];ae&&localStorage.setItem(`${Od}:${b}`,ae.id)},[cn,Rt,Ce,Ke,g]),hr=J(b=>{if(g)return;xt(b),localStorage.setItem(Ul,String(b));let k=Rt[b];k&&(Ce==="codex"&&xn(k.id),Ce==="claude"&&Nr(k.id),localStorage.setItem(`${Od}:${Ce}`,k.id))},[Rt,Ce,g,xn,Nr]),mr=J(b=>{Dt(k=>{let F={...k,[uo]:b};return localStorage.setItem(Df,JSON.stringify(F)),F})},[uo]),[Cn,hn]=L(()=>Qf()),[An,Ct]=L(null),Fo=Se(()=>An?new Set(An.annotationIds):null,[An]),hi=J(()=>Ct(null),[]),Ht=J(b=>{hn(b),Zf(b)},[]),gr=J(b=>Fd(b,i),[i]),[_r,Jt]=L(()=>({openThreadId:null,imprintStashedThreadId:null,toolbarSuspendedThreadId:null})),{openThreadId:He,imprintStashedThreadId:Mn,toolbarSuspendedThreadId:_n}=_r,tn=B(0),Gn=B({toolbarExpanded:w.isAnnotating,imprintActive:w.activeTool==="model"});Gn.current={toolbarExpanded:w.isAnnotating,imprintActive:w.activeTool==="model"};let[Lt,Rn]=L(0),Gt=J(b=>{(b.type==="open_thread"||b.type==="close_thread")&&(tn.current+=1),Jt(k=>gS(k,b))},[]),[kt,Wn]=L(null),mi=B(null),[Qt,Ln]=L(new Set),[Sn,yr]=L(null),[Wr,Fr]=L(null),[Qn,vr]=L(new Set),[un,Zn]=L(new Set),[po,Bo]=L(new Set),[Br,fo]=L({}),H=Se(()=>new Set(Object.keys(Br)),[Br]),[ce,Ie]=L(null);_(()=>{yr(null),x&&(Ln(Kl(x)),yr(x),localStorage.removeItem(Yl))},[x]),_(()=>{if(E||!x||!D.isConnected)return;let b=!1;Wn(null);let k=tn.current,F=Di(Nd,x),V=localStorage.getItem(F);if(localStorage.removeItem(Nd),!V){Wn(x);return}return Yt(`${ge}/thread/${encodeURIComponent(V)}`).then(se=>{b||k!==tn.current||(se.ok?Gt({type:"restore_thread",threadId:V,...Gn.current}):localStorage.removeItem(F))}).catch(()=>{}).finally(()=>{b||Wn(x)}),()=>{b=!0}},[Gt,D.isConnected,x,ge,E]),_(()=>{if(E||!x||kt!==x)return;let b=Di(Nd,x),k=He??Mn??_n;k?localStorage.setItem(b,k):localStorage.removeItem(b)},[x,Mn,He,kt,_n,E]);let xe=E?`popmelt-in-flight-jobs:${x}:participant:${E.participantId}`:"popmelt-in-flight-jobs",[ne,De]=L(()=>{try{let b=localStorage.getItem(xe);return b?JSON.parse(b):{}}catch{return{}}}),[Je,et]=L(new Map);_(()=>{try{Object.keys(ne).length>0?localStorage.setItem(xe,JSON.stringify(ne)):localStorage.removeItem(xe)}catch{}},[ne,xe]),_(()=>{let b=k=>{if(k.key===xe)try{let F=k.newValue?JSON.parse(k.newValue):{};De(F)}catch{}};return window.addEventListener("storage",b),()=>window.removeEventListener("storage",b)},[xe]);let Pe=B(new Map),qt=B(new Map),Fn=B(new Map),In=J((b,k,F)=>{let V=qt.current.get(b)??[],se=Fn.current.get(b);et(ae=>eh(ae,b,k,F,V,se))},[]);_(()=>{for(let[b,k]of Object.entries(ne)){let F=_o(k,w.annotations);F.length>0&&Pe.current.set(b,F);let V=new Set(k.styleSelectors);for(let se of F){let ae=w.annotations.find(he=>he.id===se);if(ae&&(ae.linkedSelector&&V.add(ae.linkedSelector),ae.groupId))for(let he of w.annotations)he.groupId===ae.groupId&&he.linkedSelector&&V.add(he.linkedSelector)}V.size>0&&qt.current.set(b,Array.from(V)),k.threadId&&Fn.current.set(b,k.threadId)}},[ne,w.annotations]);let er=B("");_(()=>{if(w.annotations.length===0)return;let b=Object.keys(ne).sort().join(",");if(b===er.current)return;er.current=b;let k=new Set;for(let V of Object.values(ne))for(let se of _o(V,w.annotations))k.add(se);let F=w.annotations.flatMap(V=>{if(k.has(V.id)||V.threadId)return[];let se=V.status??"pending";return se==="in_flight"?[V.id]:se==="pending"&&V.captured?[V.id]:[]});F.length>0&&I({type:"SET_ANNOTATION_STATUS",payload:{ids:F,status:"dismissed"}})},[w.annotations,ne,I]);let br=Se(()=>{let b=new Set;for(let k of Object.values(ne))for(let F of _o(k,w.annotations))b.add(F);return b},[ne,w.annotations]),gi=Se(()=>$u(D.events),[D.events]),Na=Se(()=>{let b=new Map,k={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 D.events){if(F.type!=="orientation")continue;let V=String(F.data.jobId??""),se=F.data.orientation,ae=se?.transition?k[se.transition]:void 0;if(!V||!ae)continue;let he=ne[V],pe=he?_o(he,w.annotations):Pe.current.get(V)??[];for(let $e of pe)b.set($e,ae)}for(let F of gi)if(ne[F])for(let V of _o(ne[F],w.annotations))b.set(V,"Approval needed");return b},[D.events,ne,w.annotations,gi]),Xl=Se(()=>{let b=new Set(D.activeJobIds),k=new Set;for(let[F,V]of Object.entries(ne))if(b.has(F))for(let se of _o(V,w.annotations))k.add(se);return k},[ne,D.activeJobIds,w.annotations]),Jr=Se(()=>th(D.events,D.lastCompletedJobId),[D.events,D.lastCompletedJobId]),Vl=Se(()=>{let b=new Set(ac(Object.keys(ne),D.activeJobIds,Jr)),k=Object.entries(ne).filter(([se])=>b.has(se)),F=k.length,V=new Map;return k.forEach(([,se],ae)=>{let he=`(${ae+1}/${F})`;for(let pe of _o(se,w.annotations))V.set(pe,he)}),V},[ne,D.activeJobIds,Jr,w.annotations]),_a=Se(()=>{let b=new Set(D.activeJobIds),k=new Set(D.activeJobIds.flatMap(V=>{let se=D.activeJobThreads[V]??ne[V]?.threadId;return se?[se]:[]})),F=nh(Je,k);for(let[V,se]of Object.entries(ne))if(b.has(V)&&!(!se.global&&se.routePathnames?.length&&!se.routePathnames.includes(Me)))for(let ae of se.styleSelectors)F.add(ae);return F},[ne,D.activeJobIds,D.activeJobThreads,Je,Me]),yi=Se(()=>{let b=new Map;for(let[k,F]of Object.entries(ne))if(F.threadId&&!(!F.global&&F.routePathnames?.length&&!F.routePathnames.includes(Me)))for(let V of F.styleSelectors)b.set(V,k);return b},[ne,Me]),ia=Se(()=>{let b=new Set(D.activeJobIds),k=new Map;for(let[F,V]of Object.entries(ne))if(b.has(F)&&!(!V.global&&V.routePathnames?.length&&!V.routePathnames.includes(Me))){for(let se of V.styleSelectors)k.set(se,V.color);for(let se of _o(V,w.annotations)){let ae=w.annotations.find(he=>he.id===se);if(ae&&(ae.linkedSelector&&k.set(ae.linkedSelector,V.color),ae.groupId))for(let he of w.annotations)he.groupId===ae.groupId&&he.linkedSelector&&k.set(he.linkedSelector,V.color)}}return k},[ne,D.activeJobIds,w.annotations,Me]),vi=B(w.annotations);vi.current=w.annotations;let ho=B(w.styleModifications);ho.current=w.styleModifications;let Jo=B(ne);Jo.current=ne,_(()=>{let b=null,k=0,F=()=>{let ae=window.location.pathname;cu(ho.current.filter(he=>!he.pathname||he.pathname===ae))},V=()=>{if(Object.keys(Jo.current).length>0)return;let ae=vi.current,he=ho.current,pe=[],$e=[];for(let je of ae){if(!je.linkedSelector||!je.linkedSelector.startsWith("[data-pm=")||je.pathname||je.captured||je.status&&je.status!=="pending")continue;let ue=pn(je.linkedSelector);!ue&&je.elements?.[0]?.selector&&(ue=pn(je.elements[0].selector)),ue||pe.push(je.linkedSelector)}for(let je of he)je.pathname&&je.pathname!==window.location.pathname||sg(je)||$e.push(je.selector);(pe.length>0||$e.length>0)&&I({type:"CLEANUP_ORPHANED",payload:{linkedSelectors:pe,styleSelectors:$e}})},se=ju(ae=>{ae.some(he=>he.addedNodes.length>0)&&(window.cancelAnimationFrame(k),k=window.requestAnimationFrame(F)),ae.some(he=>he.removedNodes.length>0)&&(b&&clearTimeout(b),b=setTimeout(V,3e3))});return()=>{se.disconnect(),window.cancelAnimationFrame(k),b&&clearTimeout(b)}},[I]);let mo=B(typeof window<"u"?window.location.pathname:"/");_(()=>{let b=V=>{if(_t.current)return;let se=window.location.pathname;if(V===se)return;let ae=vi.current.filter(pe=>pe.pathname===V&&(pe.status??"pending")==="pending");if(console.log(`[Popmelt] Navigation from ${V} \u2192 ${se}, ${ae.length} pending annotations on departing page`),ae.length===0)return;let he=Ve.current;if(!he){console.warn("[Popmelt] No canvas ref for capture-on-leave");return}if(_i(document.body,he,ae,{dpr:1,captureSurfaces:()=>Ee.current.captureSurfaces()}).then(pe=>Ts(pe)).then(pe=>{pe?(ft.current.set(V,pe),console.log(`[Popmelt] Cached screenshot for ${V} (${(pe.size/1024).toFixed(0)}KB)`)):console.warn(`[Popmelt] Capture-on-leave produced no blob for ${V}`)}).catch(pe=>{console.warn("[Popmelt] Capture-on-leave failed:",pe)}),ft.current.size>20){let pe=[...ft.current.entries()];ft.current=new Map(pe.slice(-10))}},k=V=>{let se=V.detail?.prevPath;se&&(b(se),mo.current=window.location.pathname)},F=()=>{let V=mo.current;b(V),mo.current=window.location.pathname};return window.addEventListener("popmelt:locationchange",k),window.addEventListener("popstate",F),()=>{window.removeEventListener("popmelt:locationchange",k),window.removeEventListener("popstate",F)}},[]),_(()=>{D.lastCompletedJobId&&D.lastCompletedJobId in ne&&De(b=>{let{[D.lastCompletedJobId]:k,...F}=b;return F})},[D.lastCompletedJobId,ne]);let $n=B(new Set),go=B(!1);_(()=>{if(!D.isConnected){go.current=!1;return}if(go.current)return;go.current=!0;let b={...Jo.current};wa(ge).then(async k=>{if(!k)return;let F=k.activeJobs??[],V=k.recentJobs??[],se=[...F,...k.queuedJobs??[]],ae=new Set(se.map(pe=>pe.id)),he=new Set;for(let pe of Object.values(b))if(pe.annotationIds)for(let $e of pe.annotationIds)he.add($e);for(let pe of w.annotations){let $e=pe.status??"pending";($e==="sending"||$e==="in_flight"||pe.captured&&pe.threadId&&(pe.replyCount??0)===0)&&he.add(pe.id)}De(pe=>{let $e={...pe},je=Date.now();for(let Re of Object.keys($e)){if(Re.startsWith("_pending_")){let ut=parseInt(Re.replace(/^_pending_(?:reply_)?/,""),10);!isNaN(ut)&&je-ut>3e4&&delete $e[Re];continue}Re in b&&!ae.has(Re)&&(k.queuedJobs!==void 0||V.some(ut=>ut.id===Re))&&delete $e[Re]}for(let Re of se)if(!$e[Re.id]&&(Re.annotationIds?.length||Re.threadId)){let ut=Re.kind,jt=Array.from(new Set((Re.annotationIds??[]).map(Xr=>w.annotations.find(Ar=>Ar.id===Xr)?.pathname||Me).filter(Boolean)));$e[Re.id]={annotationIds:Re.annotationIds??[],styleSelectors:[],color:ut==="project_model"&&Re.standalone===!0?_d:Re.color??"#888",threadId:Re.threadId,kind:ut,routePathnames:jt.length>0?jt:void 0,global:ut==="synthesize"||ut==="project_model"&&Re.standalone===!0}}let ue=new Set;for(let Re of V)if(Re.annotationIds)for(let ut of Re.annotationIds)ue.add(ut);for(let Re of Object.keys($e)){if(!Re.startsWith("_pending_"))continue;let ut=$e[Re];ut&&ut.annotationIds.some(jt=>ue.has(jt))&&delete $e[Re]}return $e});for(let pe of V)if(pe.annotationIds?.length&&pe.annotationIds.some($e=>he.has($e))&&!$n.current.has(pe.id)){if(pe.status==="error"){$n.current.add(pe.id),I({type:"MARK_ANNOTATIONS_FAILED",payload:{ids:pe.annotationIds,threadId:pe.threadId}});continue}if(pe.status==="done")try{let $e=await qc(ge,pe.id),je=$e?.events.find(Re=>Re.type==="done"),ue=$e?.events.find(Re=>Re.type==="question");$n.current.add(pe.id),ue&&typeof ue.question=="string"?I({type:"SET_ANNOTATION_QUESTION",payload:{ids:pe.annotationIds,question:ue.question,threadId:ue.threadId??pe.threadId??""}}):je&&Array.isArray(je.resolutions)&&je.resolutions.length>0?I({type:"APPLY_RESOLUTIONS",payload:{resolutions:je.resolutions,threadId:je.threadId??void 0,jobId:pe.id}}):I({type:"MARK_ANNOTATIONS_REPLIED",payload:{ids:pe.annotationIds,threadId:je?.threadId??pe.threadId,jobId:pe.id}})}catch{$n.current.add(pe.id);let $e=D.pendingQuestions.find(je=>je.jobId===pe.id);I($e?{type:"SET_ANNOTATION_QUESTION",payload:{ids:pe.annotationIds,question:$e.question,threadId:$e.threadId}}:{type:"MARK_ANNOTATIONS_REPLIED",payload:{ids:pe.annotationIds,threadId:pe.threadId,jobId:pe.id}})}}})},[D.isConnected,D.pendingQuestions,ge,I,w.annotations,Me]),_(()=>{let b=D.events.filter(k=>k.type==="done");for(let k of b){let F=k.data.jobId;if($n.current.has(F))continue;if(Td(D.events,F)==="Has a question"){In(F,"waiting_input","Question");let se=D.pendingQuestions.find(je=>je.jobId===F),ae=[...D.events].reverse().find(je=>je.type==="question"&&je.data.jobId===F),he=Array.isArray(k.data.annotationIds)?k.data.annotationIds:Array.isArray(ae?.data.annotationIds)?ae.data.annotationIds:ne[F]?.annotationIds??Pe.current.get(F)??[],pe=se?.question??(typeof ae?.data.question=="string"?ae.data.question:void 0),$e=se?.threadId??(typeof ae?.data.threadId=="string"?ae.data.threadId:void 0)??(typeof k.data.threadId=="string"?k.data.threadId:void 0);pe&&$e&&he.length>0&&($n.current.add(F),I({type:"SET_ANNOTATION_QUESTION",payload:{ids:he,question:pe,threadId:$e}}));continue}$n.current.add(F),In(F,"resolved",Td(D.events,F));let V=qt.current.get(F)??ne[F]?.styleSelectors??[];if(V.length>0&&I({type:"SETTLE_CAPTURED_STYLES",payload:{selectors:V}}),Array.isArray(k.data.resolutions)&&k.data.resolutions.length>0)I({type:"APPLY_RESOLUTIONS",payload:{resolutions:k.data.resolutions,threadId:k.data.threadId,jobId:F}});else{let se=Array.isArray(k.data.annotationIds)?k.data.annotationIds:ne[F]?.annotationIds??Pe.current.get(F)??[];se.length>0&&I({type:"MARK_ANNOTATIONS_REPLIED",payload:{ids:se,threadId:k.data.threadId,jobId:F}})}}},[D.events,D.pendingQuestions,I,ne,In]),_(()=>{let b=D.events.filter(k=>k.type==="error");for(let k of b){let F=k.data.jobId;if($n.current.has(F))continue;$n.current.add(F),In(F,"failed","Failed");let V=Array.isArray(k.data.annotationIds)?k.data.annotationIds:ne[F]?.annotationIds??Pe.current.get(F)??[];V.length!==0&&I({type:"MARK_ANNOTATIONS_FAILED",payload:{ids:V,threadId:k.data.threadId}})}},[D.events,I,ne,In]);let xr=B("__uninitialized__"),qo=E?.participantId,yo=E?.isHost,qr=`${x??"pending"}:participant:${qo??"standalone"}`,[Uo,aa]=L(null);_(()=>{if(!D.isConnected){xr.current="__uninitialized__";return}if(!Te||Sn!==x)return;let b=new Set(w.annotations.flatMap(he=>he.threadId?[he.threadId]:[])),k=new Set([...Object.values(D.activeJobThreads),...Object.entries(ne).filter(([he])=>D.activeJobIds.includes(he)).flatMap(([,he])=>he.threadId?[he.threadId]:[])]),F=w.annotations.filter(he=>{if(!he.threadId||(he.replyCount??0)>0||k.has(he.threadId))return!1;let pe=he.status??"pending";return pe!=="sending"&&pe!=="waiting_input"&&pe!=="needs_review"}),V=[`plane:${qr}:${yo===!0}`,...F.map(he=>`${he.id}:${he.threadId}`),...Array.from(b).map(he=>`represented:${he}`),...Array.from(k).map(he=>`active:${he}`)].sort().join("|");if(V===xr.current)return;xr.current=V;let se=!1,ae=!1;return Yt(`${ge}/threads/recent?limit=200`).then(he=>he.ok?he.json():[]).then(async he=>{if(se)return;let pe=qo?{participantId:qo,isHost:yo}:null,$e=he.filter(we=>zf(we,pe));aa({scope:qr,threadIds:new Set($e.map(we=>we.id))});let je=new Set(he.filter(we=>!zf(we,pe)).map(we=>we.id)),ue=rh($e,Me,we=>{let wt=X.resolve(we);return wt?[wt.selector]:null}),Re=new Set([...D.activeJobIds,...Object.keys(ne)]);vr(oh($e,k)),Zn(ih($e)),Bo(ah($e));let ut=Object.fromEntries($e.flatMap(we=>we.pendingQuestion?[[we.id,we.pendingQuestion]]:[]));fo(ut);let jt=new Set(Object.keys(ut)),Xr=new Set($e.filter(we=>!we.pendingQuestion&&(we.hasReply??(we.messageCount>1&&!we.hasError))).map(we=>we.id)),Ar=new Set($e.filter(we=>we.hasError&&!we.hasReply).map(we=>we.id));for(let we of w.annotations){let wt=$e.find(jn=>jn.id===we.threadId)?.color;wt&&wt!==we.color&&I({type:"UPDATE_ANNOTATION_COLOR",payload:{id:we.id,color:wt}})}for(let we of w.annotations){if(!we.threadId)continue;let wt=ut[we.threadId];wt&&(we.status==="waiting_input"&&we.question===wt||I({type:"SET_ANNOTATION_QUESTION",payload:{ids:[we.id],question:wt,threadId:we.threadId}}))}for(let we of w.annotations)!we.threadId||!Ar.has(we.threadId)||we.status!=="failed"&&I({type:"MARK_ANNOTATIONS_FAILED",payload:{ids:[we.id],threadId:we.threadId}});for(let we of F)!we.threadId||jt.has(we.threadId)||!Xr.has(we.threadId)||I({type:"MARK_ANNOTATIONS_REPLIED",payload:{ids:[we.id],threadId:we.threadId,jobId:`thread-recovery:${we.threadId}`}});let ya=Date.now()-7200*1e3,ei=Kl(x),Vr=$e.filter(we=>(we.hasReply??(we.messageCount>1&&!we.hasError))&&we.updatedAt>=ya&&!b.has(we.id)&&!ei.has(we.id)),To=await Promise.all(Vr.map(async we=>{let wt=await Yt(`${ge}/decision/${encodeURIComponent(we.id)}`);if(!wt.ok)return[];let jn=(await wt.json()).decision;if(!jn?.annotations?.length)return[];let or="/";try{or=new URL(jn.url).pathname}catch{}if(or!==Me)return[];let ir=jn.color??lh("oklch(0.628 0.258 29)",w.annotations,Me);return jn.annotations.flatMap(yt=>{if(!yt.instruction)return[];let Ai=yt.target?X.resolve(yt.target)??(yt.elements?.[0]?X.restore(yt.target,yt.elements[0]):null):null,Co=Ai?.selector??yt.linkedSelector;if(!Co)return[];let Pn=Ai?.element??pn(Co)??(yt.elements?.[0]?.selector?pn(yt.elements[0].selector):null);if(!Pn)return[];let ar=vn(Pn),zn=jn.resolutions?.find(ni=>ni.annotationId===yt.id);return[{id:yt.id,type:"text",points:[{x:ar.left+window.scrollX,y:ar.top+window.scrollY}],color:ir,strokeWidth:2,text:yt.instruction,fontSize:12,timestamp:jn.createdAt,captured:!0,status:zn?.status??"resolved",resolutionSummary:zn?.summary,replyCount:1,replyJobIds:[`thread-recovery:${we.id}`],threadId:we.id,pathname:yt.pathname??or,elements:yt.elements,linkedSelector:Co,...yt.target?{target:yt.target}:{},linkedAnchor:ar.top>=26?"top-left":"bottom-left"}]})}));if(se)return;let ti=To.flat();ti.length>0&&I({type:"MERGE_ANNOTATIONS",payload:{annotations:ti}}),et(we=>sh(ue,new Map([...we].filter(([,wt])=>!je.has(wt.threadId))),Re)),I({type:"SETTLE_CAPTURED_STYLES",payload:{selectors:[...ue.values()].filter(we=>we.status==="resolved").flatMap(we=>we.selectors??[])}}),ae=!0}).catch(()=>{se||(xr.current="__uninitialized__")}),()=>{se=!0,!ae&&xr.current===V&&(xr.current="__uninitialized__")}},[D.activeJobIds,D.activeJobThreads,D.isConnected,Me,I,x,Sn,ne,ge,w.annotations,X,Te,qo,yo,qr]);let Wa=B(new Set);_(()=>{let b=D.events.filter(k=>k.type==="error"&&k.data.cancelled);for(let k of b){let F=k.data.jobId;if(!F||Wa.current.has(F))continue;Wa.current.add(F);let V=ne[F];V&&V.annotationIds.length>0&&I({type:"SET_ANNOTATION_STATUS",payload:{ids:V.annotationIds,status:"dismissed"}})}},[D.events,ne,I]);let Yo=B(0);_(()=>{let b=D.incrementalResolutions;if(b.length<=Yo.current)return;let k=b.slice(Yo.current);Yo.current=b.length,I({type:"APPLY_RESOLUTIONS",payload:{resolutions:k}})},[D.incrementalResolutions,I]),_(()=>{D.incrementalResolutions.length===0&&(Yo.current=0)},[D.incrementalResolutions.length]);let Ko=J(async()=>{let b=Ve.current;if(!b)return!1;let k=await _i(document.body,b,w.annotations,{nativeCapture:Be,captureSurfaces:()=>X.captureSurfaces()});if(k.length===0)return!1;let F=await Sm(k,w.annotations,w.styleModifications,w.textModifications,w.domModifications);return F&&I({type:"MARK_CAPTURED"}),F},[w.annotations,w.styleModifications,w.textModifications,w.domModifications,I,Be,X]),Gl=J((b,k)=>{let F=ht.current.get(b)||[];ht.current.set(b,[...F,...k])},[]),Ql=J((b,k)=>{let F=new Set(k),V=(ht.current.get(b)??[]).filter((se,ae)=>!F.has(ae));V.length>0?ht.current.set(b,V):ht.current.delete(b)},[]),Fa=J(async()=>{if(E&&!E.canSend)return!1;let b=E?.captureVersion(),k=Ve.current;if(!k)return!1;Ce==="omp"&&Tt("omp");let F=w.annotations.filter(ue=>(ue.status??"pending")==="pending"),V=w.styleModifications.filter(ue=>!ue.captured&&!ue.awaitingReview&&(!ue.pathname||ue.pathname===Me)),se=w.textModifications.filter(ue=>!ue.captured&&(!ue.pathname||ue.pathname===Me)),ae=w.domModifications.filter(ue=>!ue.captured&&(!ue.pathname||ue.pathname===Me)),he=w.spacingTokenChanges.filter(ue=>!ue.captured);if(F.length===0&&V.length===0&&se.length===0&&ae.length===0&&he.length===0)return!1;let pe=F.map(ue=>ue.id),$e=!!E?.requiresApproval,je=!1;return $e&&O(ue=>new Set([...ue,...pe])),dh(pe,I,async()=>{let ue=new Map;for(let Fe of F){let At=Fe.pathname||Me;ue.has(At)||ue.set(At,[]),ue.get(At).push(Fe)}let Re=new Map,ut=new Map;await Fu(Ee.current,ue.get(Me)??[],Me,ut);let jt=[...ue.keys()].filter(Fe=>Fe!==Me);if(jt.length>0){let Fe=Me,At={x:window.scrollX,y:window.scrollY};_t.current=!0;for(let St of jt)try{let lr=ft.current.get(St),ri=ue.get(St)||[];if(lr&&!ri.some(Li=>Li.target)){Re.set(St,lr),console.log(`[Popmelt] Reusing cached departing-page screenshot for ${St}`);continue}if(console.log(`[Popmelt] Navigating to ${St} for screenshot capture`),await Fd(St,i),window.location.pathname!==St){console.warn(`[Popmelt] Navigation to ${St} did not take effect (at ${window.location.pathname})`);continue}await Fu(Ee.current,ri,St,ut);let Gr=await _i(document.body,k,ri,{dpr:1,nativeCapture:Be,captureSurfaces:()=>X.captureSurfaces()}),Ao=await Ts(Gr);Ao&&(Re.set(St,Ao),console.log(`[Popmelt] Captured ${St} (${(Ao.size/1024).toFixed(0)}KB)`))}catch(lr){console.warn(`[Popmelt] Failed to capture ${St}:`,lr)}await Fd(Fe,i),window.scrollTo(At.x,At.y),_t.current=!1}let Xr=F.filter(Fe=>(Fe.pathname||Me)===Me),Ar=await _i(document.body,k,Xr.length>0?w.annotations:[],{dpr:1,nativeCapture:Be,captureSurfaces:()=>X.captureSurfaces()});if(Ar.length>0){let Fe=await Ts(Ar);Fe&&Re.set(Me,Fe)}if(Re.size===0)return!1;let ya=lc({annotations:w.annotations,styleModifications:w.styleModifications,textModifications:w.textModifications}),ei=Fe=>{let At=ya.modificationNumberByKey.get(kh(Fe));return At===void 0?Fe:{...Fe,annotationNumber:At}},Vr=V.map(ei),To=se.map(ei),ti;if(c)try{ti=Oc(await c({kind:"annotation",timestamp:Date.now(),url:window.location.href,pathname:Me,annotations:F}))}catch(Fe){return console.error("[Popmelt] Unable to capture comment metadata:",Fe),!1}let we=Nc(F,Vr,void 0,he.length>0?he:void 0,To,ae,ti),wt=wy(we,F,ht.current);Sy(we,wt,ut,Me);let jn=JSON.stringify(we),or=ue.size>1;console.log(`[Popmelt] Submit: ${ue.size} page(s), ${Re.size} screenshot(s), pages: [${[...ue.keys()].join(", ")}], cached: [${[...ft.current.keys()].join(", ")}]`);let ir=or?Re:Re.get(Me)??Re,yt=[...V.map(Fe=>Fe.selector),...se.map(Fe=>Fe.selector),...ae.map(Fe=>Fe.selector)],Ai=Array.from(new Set([...F.map(Fe=>Fe.pathname||Me),...V.map(Fe=>Fe.pathname||Me),...se.map(Fe=>Fe.pathname||Me),...ae.map(Fe=>Fe.pathname||Me)])),Co=ch(F,w.activeColor),Pn=[...yt,...F.flatMap(Fe=>Fe.linkedSelector?[Fe.linkedSelector]:[])],ar=uh(Pn,w.annotations.filter(Fe=>(Fe.pathname||Me)===Me),pn),zn=fs(Pn,Je,ar?.color??Co,pn),ni=ar?.threadId??ph(Pn,Je),Mi=ar?.targetBindingId??fh(Pn,Je),Ga=_c(zn),Mr=`_pending_${Date.now()}`,Ri={annotationIds:pe,styleSelectors:yt,color:zn,threadId:void 0,routePathnames:Ai};if(!$e){try{let Fe=JSON.parse(localStorage.getItem(xe)||"{}");Fe[Mr]=Ri,localStorage.setItem(xe,JSON.stringify(Fe))}catch{}De(Fe=>({...Fe,[Mr]:Ri}))}try{let Fe=E?await E.send({screenshots:ir,feedbackJson:jn,color:Ga,provider:Ce,model:en.id,pastedImages:wt.size>0?wt:void 0,sourceId:Ws(),agentSettings:vt},b):await Uc(ir,jn,ge,Ga,Ce,en.id,wt.size>0?wt:void 0,Ws(),vt,ni,ar?.selectorAliases,Mi);if("pendingApproval"in Fe){je=!0,Fe.threadId&&I({type:"SET_ANNOTATION_THREAD",payload:{ids:F.map(lt=>lt.id),threadId:Fe.threadId}});try{let lt=JSON.parse(localStorage.getItem(xe)||"{}");delete lt[Mr],localStorage.setItem(xe,JSON.stringify(lt))}catch{}return De(lt=>{let{[Mr]:Wt,...sr}=lt;return sr}),!1}let{jobId:At,threadId:St,color:lr,continuedThread:ri,continuationEligible:Gr,targetBindings:Ao=[]}=Fe,Li=lt=>Ao.find(Wt=>lt.target?Wt.anchor.type==="opaque"&&Wt.anchor.adapter===lt.target.adapter&&Wt.anchor.key===lt.target.key:!lt.linkedSelector||Wt.anchor.type!=="dom"?!1:[Wt.anchor.runtimeSelector,Wt.anchor.structuralSelector,...Wt.anchor.legacySelectors??[]].includes(lt.linkedSelector))?.id;St&&Zt(St,At,we,ir,wt.size>0?wt:void 0);for(let lt of wt.keys())ht.current.delete(lt);for(let lt of ue.keys())ft.current.delete(lt);let oi=lr??zn,va={...Ri,color:oi,threadId:St};try{let lt=JSON.parse(localStorage.getItem(xe)||"{}");delete lt[Mr],lt[At]=va,localStorage.setItem(xe,JSON.stringify(lt))}catch{}if(De(lt=>{let{[Mr]:Wt,...sr}=lt;return{...sr,[At]:va}}),St&&yt.length>0&&et(lt=>{let Wt=new Map(lt),sr=new Set;for(let ln of Ao){if(ln.anchor.type!=="dom")continue;let $i=[ln.anchor.runtimeSelector,ln.anchor.structuralSelector,...ln.anchor.legacySelectors??[]].filter(eo=>!!eo),Qr=yt.find(eo=>$i.includes(eo));if(!Qr)continue;sr.add(Qr);let Zr=[...Vr,...To].find(eo=>eo.selector===Qr);Wt.set(ln.id,{jobId:At,threadId:St,status:"in_flight",color:oi,continuationEligible:ln.continuationEligible??Gr,targetBindingId:ln.id,selectors:$i,targetFingerprint:ln.anchor.targetFingerprint,annotationNumber:Zr?.annotationNumber})}for(let ln of yt){if(sr.has(ln))continue;let $i=[...Vr,...To].find(Qr=>Qr.selector===ln);Wt.set(`job:${At}:${ln}`,{jobId:At,threadId:St,status:"in_flight",color:oi,continuationEligible:Gr,selectors:[ln],annotationNumber:$i?.annotationNumber})}return Wt}),I({type:"MARK_CAPTURED",payload:{annotationIds:pe}}),St&&pe.length>0){for(let lt of pe)I({type:"UPDATE_ANNOTATION_COLOR",payload:{id:lt,color:oi}});for(let lt of F)I({type:"SET_ANNOTATION_THREAD",payload:{ids:[lt.id],threadId:St,targetBindingId:Li(lt)}})}return ri||I({type:"SET_COLOR",payload:hh({color:oi,threadId:St??`job:${At}`,annotationIds:pe,annotations:w.annotations,pathname:Me})}),!0}catch(Fe){try{let At=JSON.parse(localStorage.getItem(xe)||"{}");delete At[Mr],localStorage.setItem(xe,JSON.stringify(At))}catch{}return De(At=>{let{[Mr]:St,...lr}=At;return lr}),console.error("[Pare] Failed to send to bridge:",Fe),!1}}).then(ue=>($e&&!je&&!ue&&(O(Re=>{let ut=new Set(Re);for(let jt of pe)ut.delete(jt);return ut}),q(++le.current)),ue))},[w.annotations,w.styleModifications,w.textModifications,w.domModifications,w.spacingTokenChanges,w.activeColor,I,ge,Ce,en.id,vt,Me,i,Zt,Be,Je,Tt,X,c,E,xe]),Ba=J(()=>mh(Qe,Fa,!1),[Fa]),Ja=fy(e&&t&&D.isConnected&&!E,ge,x,w,{provider:Ce,model:en.id,agentSettings:vt}),dt=E?.view?{...Ja,...E.view,toolbar:Z}:Ja;P.current=dt.activePreview;let{onFocus:qa,onActivity:$t,onThread:Zl}=Gg(E?.reportAttention,E?.viewedParticipantId??E?.participantId??"",w.activeColor,!!(E?.canReadThreads&&w.isAnnotating&&!dt.isPeeking)),es=J(b=>{qe(b),qa(b)},[qe,qa]),la=J(()=>{st(),$t()},[st,$t]),sa=J(async(b,k,F,V)=>{if(E&&!E.canReply)throw new Error("Edit permission is required to send thread messages.");Ce==="omp"&&Tt("omp"),Fr(ue=>({threadId:b,sequence:(ue?.sequence??0)+1})),fo(ue=>{if(!(b in ue))return ue;let Re={...ue};return delete Re[b],Re});let se=Object.values(Jo.current).find(ue=>ue.threadId===b)?.color??w.annotations.find(ue=>ue.threadId===b)?.color??w.activeColor,ae=w.annotations.filter(ue=>ue.threadId===b&&(ue.status==="waiting_input"||ue.status==="resolved"||ue.status==="needs_review")),he=ae.map(ue=>ue.id),pe;if(c)try{pe=Oc(await c({kind:"reply",timestamp:Date.now(),url:window.location.href,pathname:Me,threadId:b,reply:k,annotations:ae}))}catch(ue){console.error("[Popmelt] Unable to capture reply metadata:",ue);return}let $e=`_pending_reply_${Date.now()}`,je={annotationIds:he,styleSelectors:[],color:se,threadId:b};try{let ue=JSON.parse(localStorage.getItem(xe)||"{}");ue[$e]=je,localStorage.setItem(xe,JSON.stringify(ue))}catch{}De(ue=>({...ue,[$e]:je}));try{let ue=_c(se),{jobId:Re}=await Tm(b,k,ge,ue,Ce,en.id,F,Ws(),vt,{...V,...pe?{meta:pe}:{}}),ut={...je};try{let jt=JSON.parse(localStorage.getItem(xe)||"{}");delete jt[$e],jt[Re]=ut,localStorage.setItem(xe,JSON.stringify(jt))}catch{}return De(jt=>{let{[$e]:Xr,...Ar}=jt;return{...Ar,[Re]:ut}}),et(jt=>gh(jt,b,Re)),ae.length>0&&I({type:"SET_ANNOTATION_STATUS",payload:{ids:he,status:"in_flight"}}),ze(b),{jobId:Re}}catch(ue){try{let Re=JSON.parse(localStorage.getItem(xe)||"{}");delete Re[$e],localStorage.setItem(xe,JSON.stringify(Re))}catch{}throw De(Re=>{let{[$e]:ut,...jt}=Re;return jt}),console.error("[Pare] Failed to send reply:",ue),ue}},[w.activeColor,w.annotations,ge,ze,I,Ce,en.id,vt,Tt,c,Me,E,xe]);_(()=>{for(let b of D.pendingQuestions){In(b.jobId,"waiting_input","Question");let k=b.annotationIds&&b.annotationIds.length>0?b.annotationIds:ne[b.jobId]?.annotationIds??Pe.current.get(b.jobId);if((!k||k.length===0)&&b.threadId&&(k=w.annotations.filter(F=>F.threadId===b.threadId).map(F=>F.id)),k&&k.length>0){let F=new Set(k),V=w.annotations.filter(se=>F.has(se.id));if(V.length===0||V.every(se=>se.status==="waiting_input"&&se.question===b.question&&se.threadId===b.threadId))continue;I({type:"SET_ANNOTATION_QUESTION",payload:{ids:k,question:b.question,threadId:b.threadId}})}}},[D.pendingQuestions,I,ne,w.annotations,In]);let ts=Se(()=>{if(D.activeJobId&&D.activeJobId in ne)return ne[D.activeJobId].color;let b=Object.values(ne);return b.length>0?b[b.length-1].color:void 0},[D.activeJobId,ne]),Ur=J((b,k=!1)=>{Rn(F=>F+1),!k&&w.activeTool==="model"&&I({type:"SET_TOOL",payload:"inspector"}),Gt({type:"open_thread",threadId:b})},[Gt,I,w.activeTool]),vo=J(b=>{G&&Ur(b)},[Ur,G]),mn=J(()=>{Gt({type:"close_thread"})},[Gt]),Xo=E?.deletePeerThread,wr=E?.deletedPeerThreadIds,Ot=Se(()=>new Set([...Qt,...wr??[]]),[Qt,wr]);_(()=>{He&&wr?.includes(He)&&mn()},[He,wr,mn]),_(()=>{if(!Xo||!w.isAnnotating||!He)return;let b=k=>{!["Delete","Backspace"].includes(k.key)||k.metaKey||k.ctrlKey||k.altKey||Rm(k)||(k.preventDefault(),k.stopImmediatePropagation(),Xo(He).then(mn).catch(()=>{}))};return window.addEventListener("keydown",b,!0),()=>window.removeEventListener("keydown",b,!0)},[Xo,He,w.isAnnotating,mn]);let tr=E?.requestedThread;wS(dt.selectedId,tr,mn,vo);let Nt=J(async b=>(await Yt(`${ge}/thread/${encodeURIComponent(b)}`)).status,[ge]),Yr=J(b=>{Gt({type:"restore_thread",threadId:b,...Gn.current})},[Gt]);hy(E?.navigation,dt.selectedId,D.isConnected&&G,He??Mn??_n,tn,Nt,Yr);let[bo,xo]=L(0),Sr=vy(`${x}:${bo}`,async b=>{if(!(await $m(b,ge)).archived)throw new Error("Thread not found")},b=>Lm(b,ge),N);S.current=Sr.tryUndo;let Ua=J(b=>{if(E&&!E.isHost){Xo?.(b).catch(()=>{});return}if(Object.values(ne).some(ae=>ae.threadId===b))return;He===b&&mn();let k=new Set(w.annotations.filter(ae=>ae.threadId===b).flatMap(ae=>ae.groupId?[ae.groupId]:[])),F=w.annotations.filter(ae=>ae.threadId===b||ae.groupId&&k.has(ae.groupId)).map(ae=>ae.id),V=w.annotations.filter(ae=>F.includes(ae.id)),se=Array.from(Je.entries()).filter(([,ae])=>ae.threadId===b);F.length>0&&I({type:"SET_ANNOTATION_STATUS",payload:{ids:F,status:"dismissed"}}),et(ae=>new Map(Array.from(ae.entries()).filter(([,he])=>he.threadId!==b))),Ln(ae=>new Set(ae).add(b)),Hf([b],x),Sr.dismiss(b,()=>{for(let ae of V)I({type:"SET_ANNOTATION_STATUS",payload:{ids:[ae.id],status:ae.status??"resolved"}});if(et(ae=>{let he=new Map(ae);for(let[pe,$e]of se)he.has(pe)||he.set(pe,$e);return he}),Ln(ae=>{let he=new Set(ae);return he.delete(b),he}),x)try{let ae=Kl(x);ae.delete(b),localStorage.setItem(Di(Yl,x),JSON.stringify([...ae]))}catch{}})},[mn,I,x,w.annotations,Sr,ne,Je,He,E,Xo]),bi=J((b,k,F)=>{let V=ne[b],se=qt.current.get(b),ae=V?.annotationIds??F??[];if(V||ae.length>0){let pe=new Set(V?.styleSelectors??[]);for(let $e of ae){let je=w.annotations.find(ue=>ue.id===$e);if(je&&(je.linkedSelector&&pe.add(je.linkedSelector),je.groupId))for(let ue of w.annotations)ue.groupId===je.groupId&&ue.linkedSelector&&pe.add(ue.linkedSelector)}pe.size>0&&(se=Array.from(pe))}se?.length&&RS(se);let he=V?.threadId||k||Fn.current.get(b);if(he){let pe=V?.kind==="project_model"&&(V.annotationIds?.length??0)===0;mi.current=pe?_d:V?.color??null,Ur(he,V?.kind==="synthesize")}},[ne,Ur,w.annotations]),Ya=J((b,k)=>{if(!b){Ie(null);return}let F=k??Pe.current.get(b);F&&F.length>0?Ie(new Set(F)):Ie(null)},[]),Vo=J(async b=>{try{let k=b?`${ge}/cancel?jobId=${b}`:`${ge}/cancel`;await Yt(k,{method:"POST"})}catch{}},[ge]),xi=J(async()=>{Vn("restarting"),fn("Restarting bridge");let b=await Cm(ge,hs,2e4);if(b.ok){await Jg(b.bridgeUrl??r,x),On(b.status.version??hs),Vn("ok"),fn(b.status.version?`Bridge restarted on ${b.status.version}`:"Bridge restarted"),Ze(k=>k+1);return}On(b.status?.version??gt),Vn("error"),fn(b.error)},[gt,r,x,ge]),da=Se(()=>{if(!He)return null;for(let b of Object.values(ne))if(b.threadId===He&&b.kind){if(b.kind==="project_model"&&b.annotationIds.length>0)continue;return b.kind}return null},[He,ne]),wo=da==="project_model",wi=da==="synthesize",{surface:Kr,phase:Si,show:Ir,leave:So,dismiss:kr}=yh({openDelayMs:0,exitDurationMs:ms}),nr=B(new Set),[Go,Io]=L(()=>new Set),ns=J((b,k)=>{k?nr.current.add(b):nr.current.delete(b),Io(new Set(nr.current)),nr.current.size>0?Ir("toolbar"):So("toolbar")},[So,Ir]),Er=vS({toolbarExpanded:w.isAnnotating,toolbarSources:Go,chromeHoverSurface:Kr,chromeHoverPhase:Si,activeTool:w.activeTool,peerPlanePeeking:dt.isPeeking}),rr=Er.threadTemporarilyHidden,gn=B(He);_(()=>{Kr&&yS(gn.current,He,Kr)&&kr(Kr),gn.current=He},[Kr,kr,He]),_(()=>{Gt(w.activeTool==="model"?{type:"enter_imprint",preserveOpenThread:wi}:{type:"leave_imprint"})},[Gt,w.activeTool,He,wi]),_(()=>{Gt({type:w.isAnnotating?"expand_toolbar":"collapse_toolbar"})},[Gt,w.isAnnotating]);let an=Se(()=>vh(He,ne,D.activeJobIds,D.activeJobThreads,Jr),[He,ne,D.activeJobIds,D.activeJobThreads,Jr]),Ut=He?w.annotations.find(b=>b.threadId===He):void 0,Bn=He?Array.from(Je.values()).find(b=>b.threadId===He&&b.color)?.color:void 0,Jn=He?zt.current.get(He):void 0,ca=Se(()=>{if(!He)return null;let b=[...D.events].reverse().find(k=>(k.type==="done"||k.type==="error")&&k.data.threadId===He);return typeof b?.data.jobId=="string"?b.data.jobId:null},[D.events,He]),rs=Se(()=>an?D.events.filter(b=>b.data.jobId===an):SS,[an,D.events]),Ii=Se(()=>wo?_d:Bn??Ut?.color??mi.current??w.activeColor,[wo,Ut?.color,Bn,w.activeColor]),Qo=!!(x&&Sn===x),ko=Se(()=>bS(w.annotations,Qt,Qo?Je.values():[]),[Qt,Qo,Je,w.annotations]),ua=Se(()=>bh(Je,Qt,ko,Qo),[Qt,Qo,Je,ko]),Ka=Se(()=>{let b=new Map;for(let k of w.annotations)k.threadId&&k.color&&b.set(k.threadId,k.color);for(let k of Je.values())k.threadId&&k.color&&b.set(k.threadId,k.color);return b},[Je,w.annotations]),Xa=[...ua.values()].find(b=>b.threadId===He)?.annotationNumber,pa=sc({state:w,activeText:null,currentPathname:Me,dismissedThreadIds:Qt,modifiedElementThreadStates:ua}),fa=dc({state:w,pageAnnotations:pa.pageAnnotations,pageStyleModifications:pa.pageStyleModifications,pageTextModifications:pa.pageTextModifications}),ha=yw(Ut?fa.annotationGroupMap.get(Ut.id):void 0,Xa,{activePreview:!!dt.activePreview,annotationNumber:He?dt.threadAnnotationNumbers?.get(He):void 0}),ki=J(b=>{if(!He)return;let k=xS(ko,He,b);k&&Ur(k)},[ko,He,Ur]),Ei=He!==null&&ko.length>1&&ko.includes(He),[Ti,ma]=L(!1),Eo=B(!1),Tr=B(null),Ci=J(b=>{b?(Tr.current&&(clearTimeout(Tr.current),Tr.current=null),ma(!0)):Tr.current=setTimeout(()=>{ma(!1),Tr.current=null},150)},[]),Zo=J(b=>{Ci(b),b?Ir("job-stack"):nr.current.size>0?Ir("toolbar"):So("job-stack")},[Ci,So,Ir]);_(()=>{if(E)return;let b=D.workspaceGeneration;if(!x||b===void 0||!Number.isInteger(b)||b<0)return;let k=cc(localStorage,x);if(k!==null&&b<k)return;let F=xh(k,b);if(localStorage.setItem(uc(x),String(b)),!F)return;if(Eo.current){Eo.current=!1;return}du(w.styleModifications),ag(w.textModifications),lg(w.domModifications),document.querySelectorAll("[data-pm]").forEach(se=>se.removeAttribute("data-pm")),I({type:"CLEAR"}),I({type:"CLEAR_ALL_STYLES"});let V=wh(x);for(let se of[V.annotations,V.styleMods,V.textMods,V.domMods,V.spacingChanges])localStorage.removeItem(se);gs(localStorage),ht.current.clear(),ft.current.clear(),De({}),et(new Map),Fr(null),vr(new Set),Zn(new Set),Bo(new Set),fo({}),Ln(new Set),xo(se=>se+1),Oe(),mn()},[D.workspaceGeneration,Oe,mn,I,x,E,w.domModifications,w.styleModifications,w.textModifications]);let Cr=J(()=>{gs(localStorage),ht.current.clear(),ft.current.clear();let b=Array.from(new Set(w.annotations.flatMap(k=>k.threadId?[k.threadId]:[])));Hf(b,x),Ln(k=>{let F=new Set(k);for(let V of b)F.add(V);return F}),Eo.current=!0,Am(ge).then(({workspaceGeneration:k})=>{if(x){let F=cc(localStorage,x);(F===null||k>F)&&localStorage.setItem(uc(x),String(k))}Eo.current=!1}).catch(k=>{Eo.current=!1,console.warn("[Popmelt] Failed to clear bridge workspace:",k)}),xo(k=>k+1),Oe(),mn(),Vo()},[Oe,mn,x,Vo,ge,w.annotations]);_(()=>()=>{Tr.current&&clearTimeout(Tr.current)},[]);let[Va,qn]=L(!1);if(_(()=>{qn(!0)},[]),!e||!Va)return null;let ga=u(nc.Provider,{value:t?dt.toolbar??Z:null,children:A(Jx,{children:[u(Sh.Provider,{value:G?vo:void 0,children:dt.overlay}),w.isAnnotating&&D.isConnected&&!dt.isPeeking&&!dt.activePreview&&u(Yc,{element:Ge,elements:Le,registry:X}),u(Wi.Provider,{value:!dt.activePreview&&!dt.isPeeking,children:u("div",{"data-devtools":"host-canvas",style:{display:dt.isPeeking||dt.activePreview?"none":"contents"},children:u(Ix,{historyPreview:En,onFocusTargetChange:es,onFocusActivity:la,bridgeUrl:ge,steeringContextStorageKey:x?o0(x):void 0,state:dt.activePreview?{...w,isAnnotating:!1,annotations:[],styleModifications:[],textModifications:[],domModifications:[]}:w,dispatch:I,onScreenshot:Ko,inFlightAnnotationIds:br,inFlightOrientationLabels:Na,waitingApprovalJobIds:gi,activeAnnotationIds:Xl,queuePositionMap:Vl,inFlightStyleSelectors:_a,inFlightStyleSelectorJobIds:yi,inFlightSelectorColors:ia,modifiedElementThreadStates:ua,dismissedThreadIds:Qt,onAttachImages:Gl,onRemoveImages:Ql,onCaptureInteractionFrame:Pt,onSend:D.isConnected&&(!E||E.canSend)?Ba:void 0,onReply:D.isConnected&&(!E||E.canReply)?sa:void 0,onViewThread:D.isConnected&&G?vo:void 0,onCloseThread:mn,onArchiveThread:Ua,onDeleteSubmittedAnnotation:E&&!E.isHost&&E.deletePeerAnnotations?b=>{E.deletePeerAnnotations(E.participantId,[b]).catch(()=>{})}:void 0,highlightedAnnotationIds:ce,cycleFocusedAnnotationIds:Fo,onCanvasInteraction:hi,focusedThreadAnnotationId:Ut?.id,openThreadId:He,hasOpenThread:He!==null,externalCanvasRef:Ve,toolbarRef:rt,threadPanelElement:rr?null:ve,clearSignal:bo,subjectRegistry:X,subjectRegistryReady:Te},`annotation-canvas:${x??"pending"}`)})}),u(Xx,{zIndex:He!==null&&!rr?10004:10003,children:A(Ux,{children:[u(Ih,{onPreviewHistoryThread:Xt,threadOpenRequest:Lt,projectId:x,state:w,hasExternalSendableItems:!!(dt.activePreview&&dt.approve),readOnlyPreview:dt.activePreview,dispatch:b=>{(!dt.activePreview||b.type==="SET_ANNOTATING")&&I(b)},onScreenshot:Ko,onSendToClaude:dt.activePreview?dt.approve:D.isConnected&&(!E||E.canSend)?Ba:void 0,hasActiveJobs:Object.keys(ne).length>0||D.activeJobIds.length>0,activeJobColor:ts,onCrosshairHover:Ci,onClear:Cr,provider:Ce,onProviderChange:!g&&D.isConnected&&ye.length>1?wn:void 0,availableProviders:ye,modelIndex:cn,modelCount:Rt.length,modelLabel:en.label,models:Rt,agentSettings:vt,onModelChange:!g&&D.isConnected?hr:void 0,onModelMenuOpen:()=>{Tt(Ce)},onAgentSettingsChange:D.isConnected?mr:void 0,onViewThread:D.isConnected&&G?vo:void 0,onNavigate:gr,annotationCycleFocus:An,onAnnotationCycleFocusChange:Ct,isThreadPanelOpen:He!==null&&!rr&&!wi,hasOpenThreadPanel:He!==null&&!wi,projectPanelTemporarilyHidden:Er.projectPanelTemporarilyHidden,onToolbarHoverChange:ns,activeChromeHoverSurface:Kr,mcpStatus:rn,bridgeUrl:ge,isBridgeConnected:D.isConnected,packageVersion:hs,bridgeVersion:gt,projectRoot:on,projectRootAccess:Bt?.projectRoot,codexSandboxMode:Bt?.codex.sandboxMode,bridgeRestartState:Vt,bridgeRestartMessage:co,onBridgeRestart:xi,toolbarRef:rt,snapPosition:Cn,onSnapPositionChange:Ht},`annotation-toolbar:${x??"pending"}`),G&&w.isAnnotating&&He&&u(mS,{onAttentionChange:Zl,threadId:He,bridgeUrl:ge,accentColor:Ii,initialMessages:Jn?[Jn.message]:void 0,completedJobId:ca,refreshKey:`${E?.pendingSubmissions?.find(b=>b.threadId===He)?.revision??""}:${D.events.findLast(b=>b.type==="thread_changed"&&b.data.threadId===He)?.data.jobId??""}`,isStreaming:an!==null,isQueued:an!==null&&!D.activeJobIds.includes(an)&&!Jr.has(an),queuePosition:an&&!D.activeJobIds.includes(an)&&!Jr.has(an)?(()=>{let b=ac(Object.keys(ne),D.activeJobIds,Jr),k=b.indexOf(an);return k>=0?`(${k+1}/${b.length})`:void 0})():void 0,activeJobId:an,streamingEvents:rs,onClose:mn,onReply:z?sa:void 0,onContribute:E?.contribute,onApproveSuggestion:E?.approveSuggestion,canManage:W,readOnlyReason:z?void 0:"Edit permissions required to comment in threads",onCancel:W&&an?()=>Vo(an):void 0,lastError:D.lastErrorByJob?.[an??""]??(D.lastCompletedJobId&&Fn.current.get(D.lastCompletedJobId)===He?D.lastErrorByJob?.[D.lastCompletedJobId]:void 0),temporarilyHidden:rr,instantVisibilityHandoff:Er.toolbarPaneVisible,backdropCursor:w.isAnnotating&&w.activeTool==="sticker"?pc(Ii):void 0,toolbarRef:rt,surfaceRef:Ne,currentModel:en.id,currentProvider:Ce,availableProviders:ye,models:Rt,modelIndex:cn,agentSettings:vt,onProviderChange:!g&&D.isConnected?wn:void 0,onModelChange:!g&&D.isConnected?hr:void 0,onAgentSettingsChange:D.isConnected?mr:void 0,onModelMenuOpen:()=>{Tt(Ce)},annotationNumber:ha,annotationText:Ut?.text,onPreviousThread:Ei?()=>ki(-1):void 0,onNextThread:Ei?()=>ki(1):void 0,preferredSide:wo?"left":"right",modal:!wo},`${He}:${wo?"workflow":"default"}`),G&&u(Fx,{noticeScope:qr,ownedThreadIds:Uo?.scope===qr?Uo.threadIds:null,allowThreadlessNotices:!E||E.isHost,viewedThreadId:He,bridge:D,bridgeUrl:ge,inFlightJobs:ne,threadColors:Ka,isVisible:Ti||D.lastResponseText!==null||D.activeJobIds.length>0,isHidden:!w.isAnnotating||dt.isPeeking||dt.activePreview,onHover:Zo,isInteractionSuppressed:Er.statusInteractionSuppressed,clearSignal:bo,onReply:z?sa:void 0,onClickJob:bi,onCancel:W?Vo:void 0,onHoverJob:Ya,isConnected:D.isConnected,dismissedThreadIds:Ot,acknowledgedThread:Wr,recoveredAcknowledgedThreadIds:Qn,recoveredAcknowledgedJobIds:un,recoveredSettledQuestionThreadIds:po,pendingQuestionThreadIds:H,snapPosition:Cn,currentPathname:Me},qr)]})})]})});return u(Mm.Provider,{value:Y,children:ga})}export{Fg as a,$S as b};
|