cogpit 3.5.0 → 3.5.2

package/dist/web/assets/index-CAupRX51.js

@@ -0,0 +1 @@
+import{r as a,c as Ce,j as n}from"./vendor-react-gGw_S5I_.js";import{F as et,d4 as tt,Z as nt,_ as mt,d5 as Qt,c as Ae,E as Ge,f as Xe,U as Ve,h as Je,i as Pe,aT as qe,B as re,x as ct,bs as Bt,au as He,aw as en,ax as tn,ay as nn,az as sn,bP as Lt,bQ as Ft,bO as zt,d6 as ut,k as Ke,V as ln,cj as rn,ch as an,ci as on,S as xt,d7 as cn,l as Pt,D as $t,j as Ut,ac as gt,at as un,ae as pt,aC as dn,aD as Ht,aE as Kt,n as Wt,o as Yt,aa as fn,a9 as hn,a5 as mn,a2 as xn,a3 as gn,a4 as pn,a7 as wn,a6 as bn,a8 as yn,ad as jn,d8 as wt,d9 as vn,cE as bt,aZ as yt,da as Sn}from"./index-BvNyEUVG.js";import{bz as kn,T as dt,aB as Gt,u as ft,aV as Cn,a5 as ht,dA as Nn,X as Ze,cM as Xt,bx as En,bJ as Tn,bO as Dn,dB as _n,aF as Vt,C as An,cr as Rn,bi as In,dC as On,b2 as jt,aC as Mn,dD as Bn}from"./vendor-ui-keo4oB2X.js";import"./vendor-markdown-BEJ8yVzA.js";const ze="/api/browser",Ln=5e3,Fn="all";function st(s,e=""){return`${ze}/sessions/${encodeURIComponent(s)}${e}`}function lt(s){return{headers:{"content-type":"application/json"},body:JSON.stringify(s)}}function rt(s,e){return s instanceof Error&&s.message?s.message:e}function zn(s){const[e,t]=a.useState(null),[l,r]=a.useState(null),i=a.useRef(!1),o=a.useRef(0),f=a.useRef(!1);a.useEffect(()=>(i.current=!0,()=>{i.current=!1}),[]);const c=a.useCallback(async()=>{const m=++o.current;f.current=!0;try{const d=await et(tt(ze)),x=d.ok?await d.json():null;if(!i.current||m!==o.current)return;x?(t(h=>JSON.stringify(h)===JSON.stringify(x)?h:x),r(null)):r(await nt(d,`Could not read the browser list (${d.status})`))}catch(d){i.current&&m===o.current&&r(rt(d,"Could not read the browser list"))}finally{m===o.current&&(f.current=!1)}},[]);a.useEffect(()=>{if(!s)return;c();const m=setInterval(()=>{f.current||c()},Ln);return()=>clearInterval(m)},[s,c]);const g=a.useCallback(async(m,d,x)=>{let h;try{h=await et(tt(m),d)}catch(C){return{ok:!1,error:rt(C,x)}}if(!h.ok)return{ok:!1,error:await nt(h,x)};const p=await mt(h);return c(),{ok:!0,data:p}},[c]),w=a.useCallback(async(m,d,x)=>{const h=await g(m,d,x);return h.ok?{ok:!0}:h},[g]),v=a.useCallback(async(m,d)=>{const x=await g(`${ze}/sessions`,{method:"POST",...lt({name:m,note:d})},`Could not create ${m}`);if(!x.ok)return x;const h=x.data;return(h==null?void 0:h.name)===m&&t(p=>p&&!p.sessions.some(C=>C.name===m)?{...p,sessions:[...p.sessions,h]}:p),{ok:!0}},[g]),b=a.useCallback(m=>w(st(m),{method:"DELETE"},`Could not delete ${m}`),[w]),j=a.useCallback(m=>w(st(m,"/stop"),{method:"POST"},`Could not stop ${m}`),[w]),y=a.useCallback((m,d)=>w(st(m),{method:"PATCH",...lt({archived:d})},`Could not ${d?"archive":"restore"} ${m}`),[w]),k=a.useCallback(async()=>{const m="Could not read where the browser skill is installed";let d;try{d=await et(tt(`${ze}/skill`))}catch(h){return{ok:!1,error:rt(h,m)}}if(!d.ok)return{ok:!1,error:await nt(d,m)};const x=await mt(d);return Array.isArray(x==null?void 0:x.targets)?{ok:!0,targets:x.targets}:{ok:!1,error:m}},[]),O=a.useCallback(async m=>{const d="Could not install the browser skill",x=await g(`${ze}/skill/install`,{method:"POST",...lt({target:m})},d);if(!x.ok)return x;const{paths:h}=x.data??{};return Array.isArray(h)&&h.every(p=>typeof p=="string")?{ok:!0,paths:h}:{ok:!1,error:d}},[g]);return{status:e,error:l,refresh:c,create:v,remove:b,stop:j,setArchived:y,readSkillTargets:k,installSkill:O}}const at=4;new TextEncoder;const Pn=new TextDecoder;function $n(s){if(s.byteLength<at)throw new Error("Frame truncated before header length");const e=new DataView(s.buffer,s.byteOffset,s.byteLength).getUint32(0),t=at+e;if(s.byteLength<t)throw new Error("Frame truncated inside header");return{header:Un(Pn.decode(s.subarray(at,t))),jpeg:s.subarray(t)}}function Un(s){let e;try{e=JSON.parse(s)}catch{throw new Error("Frame header is not valid JSON")}if(typeof e!="object"||e===null)throw new Error("Frame header is not an object");const{deviceWidth:t,deviceHeight:l,pageScaleFactor:r,offsetTop:i,scrollOffsetX:o,scrollOffsetY:f,targetId:c,ts:g}=e;if(typeof t!="number"||typeof l!="number"||typeof r!="number"||typeof i!="number"||typeof o!="number"||typeof f!="number"||typeof c!="string"||typeof g!="number")throw new Error("Frame header is missing fields");return{deviceWidth:t,deviceHeight:l,pageScaleFactor:r,offsetTop:i,scrollOffsetX:o,scrollOffsetY:f,targetId:c,ts:g}}const vt=500,Hn=5e3,St=[];function Kn(s){const e=window.location.protocol==="https:"?"wss:":"ws:",t=Qt();return`${e}//${window.location.host}${t}/__browser?session=${encodeURIComponent(s)}`}function Wn(s){try{return JSON.parse(s)}catch{return null}}function Yn(s,e){return s.state===e.state&&s.session===e.session&&s.message===e.message}function kt(s,e){return s.targetId===e.targetId&&s.url===e.url&&s.title===e.title&&s.canGoBack===e.canGoBack&&s.canGoForward===e.canGoForward}function Gn(s,e){return s.length===e.length&&s.every((t,l)=>t.targetId===e[l].targetId&&t.url===e[l].url&&t.title===e[l].title)}function it(s){s&&s.bitmap.close()}function Xn(s,e){const t=Ce.c(18),[l,r]=a.useState("idle"),[i,o]=a.useState(null),[f,c]=a.useState(null),[g,w]=a.useState(St),[v,b]=a.useState(null),[j,y]=a.useState(null),[k,O]=a.useState(null),[m,d]=a.useState(0),[x,h]=a.useState(null);let p;t[0]===Symbol.for("react.memo_cache_sentinel")?(p={page:null,generation:0},t[0]=p):p=t[0];const C=a.useRef(p),T=a.useRef(null),X=a.useRef(null),S=a.useRef(null),q=a.useRef(e);let $,R;t[1]!==e?($=()=>{q.current=e},R=[e],t[1]=e,t[2]=$,t[3]=R):($=t[2],R=t[3]),a.useEffect($,R);let M,L;t[4]!==s?(M=()=>{if(o(null),c(null),C.current={page:null,generation:C.current.generation+1},d(C.current.generation),w(St),b(null),h(null),y(null),O(null),s===null){r("idle");return}const B=s,z={alive:!0,issued:0,applied:0};let U=vt;const ne=function(_,E){if(!z.alive||E<=z.applied){it(_);return}z.applied=E,X.current=_,y(_),O(Date.now())},V=function(_){let E,te;try{const se=$n(new Uint8Array(_));E=se.header,te=new Blob([se.jpeg],{type:"image/jpeg"})}catch{return}const K=z.issued=z.issued+1,{page:ae,generation:Z}=C.current;createImageBitmap(te).then(se=>ne({bitmap:se,header:E,page:ae,pageGeneration:Z},K),Vn)},Q=function(_){var te;const E=Wn(_);if(E)e:switch(E.type){case"status":{o(K=>K&&Yn(K,E)?K:E),h(null);break e}case"page":{const K=C.current.page,ae=!K||K.targetId!==E.targetId||K.url!==E.url;C.current={page:K&&kt(K,E)?K:E,generation:C.current.generation+(ae?1:0)},ae&&d(C.current.generation),c(Z=>Z&&kt(Z,E)?Z:E);break e}case"tabs":{w(K=>Gn(K,E.tabs)?K:E.tabs),b(E.followed);break e}case"error":{h(E.message);break e}case"clipboard":(te=q.current)==null||te.call(q,E.text)}};function H(){if(!z.alive)return;const J=T.current;if(J&&J.readyState!==WebSocket.CLOSED)return;r("connecting");const _=new WebSocket(Kn(B));_.binaryType="arraybuffer",T.current=_,_.onopen=()=>{if(!z.alive){_.close();return}U=vt,r("connected")},_.onmessage=E=>{z.alive&&(typeof E.data=="string"?Q(E.data):E.data instanceof ArrayBuffer&&V(E.data))},_.onclose=()=>{if(!z.alive)return;T.current=null,r("disconnected");const E=U;U=Math.min(U*2,Hn),S.current=setTimeout(H,E)}}return H(),()=>{z.alive=!1,S.current&&(clearTimeout(S.current),S.current=null);const J=T.current;T.current=null,J&&(J.onclose=null,J.close()),it(X.current),X.current=null}},L=[s],t[4]=s,t[5]=M,t[6]=L):(M=t[5],L=t[6]),a.useEffect(M,L);let N;t[7]===Symbol.for("react.memo_cache_sentinel")?(N=B=>{const z=T.current;z&&z.readyState===WebSocket.OPEN&&z.send(JSON.stringify(B))},t[7]=N):N=t[7];const F=N;let D;return t[8]!==x||t[9]!==v||t[10]!==j||t[11]!==k||t[12]!==f||t[13]!==m||t[14]!==i||t[15]!==l||t[16]!==g?(D={status:l,state:i,page:f,tabs:g,followed:v,frame:j,lastFrameAt:k,pageGeneration:m,error:x,send:F},t[8]=x,t[9]=v,t[10]=j,t[11]=k,t[12]=f,t[13]=m,t[14]=i,t[15]=l,t[16]=g,t[17]=D):D=t[17],D}function Vn(){}const Jn=6e3;function qn(s){const e=Ce.c(16),{activity:t}=s,[l,r]=a.useState(!0),i=t?`${t.toolCallId}:${t.done}`:null;let o,f;if(e[0]!==i?(o=()=>{if(i===null)return;r(!0);const O=setTimeout(()=>r(!1),Jn);return()=>clearTimeout(O)},f=[i],e[0]=i,e[1]=o,e[2]=f):(o=e[1],f=e[2]),a.useEffect(o,f),!t)return null;const c=l?"opacity-100":"opacity-0";let g;e[3]!==c?(g=Ae("pointer-events-none absolute inset-x-0 bottom-0 flex justify-center px-2 pb-6 pt-8","bg-gradient-to-t from-transparent via-background/70 to-transparent","transition-opacity duration-700 motion-reduce:transition-none",c),e[3]=c,e[4]=g):g=e[4];let w;e[5]===Symbol.for("react.memo_cache_sentinel")?(w=n.jsx(kn,{"aria-hidden":!0,className:"size-3.5 shrink-0 text-muted-foreground"}),e[5]=w):w=e[5];let v;e[6]!==t.command?(v=n.jsx("code",{className:"min-w-0 truncate font-mono text-[11px]",children:t.command}),e[6]=t.command,e[7]=v):v=e[7];const b=t.done?"ran":"running";let j;e[8]!==b?(j=n.jsx("span",{className:"shrink-0 text-muted-foreground",children:b}),e[8]=b,e[9]=j):j=e[9];let y;e[10]!==v||e[11]!==j?(y=n.jsxs("div",{className:"flex min-w-0 items-center gap-2 rounded-full bg-popover px-3 py-1 text-xs shadow-xs",children:[w,v,j]}),e[10]=v,e[11]=j,e[12]=y):y=e[12];let k;return e[13]!==g||e[14]!==y?(k=n.jsx("div",{className:g,children:y}),e[13]=g,e[14]=y,e[15]=k):k=e[15],k}const Ct="npm i -g agent-browser && agent-browser install",Zn=1500;function Qn(s){const e=Ce.c(20),{onOpenSkill:t}=s,[l,r]=a.useState(!1),i=a.useRef(null);let o,f;e[0]===Symbol.for("react.memo_cache_sentinel")?(o=()=>()=>{i.current&&clearTimeout(i.current)},f=[],e[0]=o,e[1]=f):(o=e[0],f=e[1]),a.useEffect(o,f);let c;e[2]===Symbol.for("react.memo_cache_sentinel")?(c=async function(){await Bt(Ct)&&(r(!0),i.current&&clearTimeout(i.current),i.current=setTimeout(()=>r(!1),Zn))},e[2]=c):c=e[2];const g=c;let w,v;e[3]===Symbol.for("react.memo_cache_sentinel")?(w=n.jsx(Ve,{variant:"icon",children:n.jsx(Gt,{})}),v=n.jsx(Je,{children:"Nothing to show yet"}),e[3]=w,e[4]=v):(w=e[3],v=e[4]);let b;e[5]===Symbol.for("react.memo_cache_sentinel")?(b=n.jsxs(Xe,{children:[w,v,n.jsxs(Pe,{children:["This panel streams a real browser the agent drives. That takes the"," ",n.jsx("code",{className:"font-mono",children:"agent-browser"})," command, which is not on this machine yet."]})]}),e[5]=b):b=e[5];let j;e[6]===Symbol.for("react.memo_cache_sentinel")?(j=n.jsx("code",{className:"min-w-0 flex-1 truncate font-mono text-xs",children:Ct}),e[6]=j):j=e[6];const y=l?"Copied":"Copy install command";let k;e[7]===Symbol.for("react.memo_cache_sentinel")?(k=()=>void g(),e[7]=k):k=e[7];let O;e[8]!==l?(O=l?n.jsx(ft,{"data-icon":"inline-start",className:"text-emerald-500"}):n.jsx(Cn,{"data-icon":"inline-start"}),e[8]=l,e[9]=O):O=e[9];let m;e[10]!==O||e[11]!==y?(m=n.jsxs("div",{className:"flex w-full items-center gap-1.5 rounded-md border bg-muted/40 py-1 pl-2.5 pr-1 text-left",children:[j,n.jsx(re,{variant:"ghost",size:"icon-xs","aria-label":y,onClick:k,children:O})]}),e[10]=O,e[11]=y,e[12]=m):m=e[12];let d;e[13]===Symbol.for("react.memo_cache_sentinel")?(d=n.jsx(ht,{"data-icon":"inline-start"}),e[13]=d):d=e[13];let x;e[14]!==t?(x=n.jsxs(re,{variant:"outline",size:"sm",onClick:t,children:[d,"Install the agent skill…"]}),e[14]=t,e[15]=x):x=e[15];let h;e[16]===Symbol.for("react.memo_cache_sentinel")?(h=n.jsx(Pe,{className:"text-xs",children:"The skill teaches the agent when to use a named browser and how this panel follows along. Installing writes it into your home directory, so it is never done for you."}),e[16]=h):h=e[16];let p;return e[17]!==m||e[18]!==x?(p=n.jsxs(Ge,{className:"size-full",children:[b,n.jsxs(qe,{children:[m,x,h]})]}),e[17]=m,e[18]=x,e[19]=p):p=e[19],p}function es(s){const e=Ce.c(14),{name:t,lastUrl:l,onOpen:r}=s;let i;e[0]===Symbol.for("react.memo_cache_sentinel")?(i=n.jsx(Ve,{variant:"icon",children:n.jsx(Nn,{})}),e[0]=i):i=e[0];let o;e[1]!==t?(o=n.jsxs(Je,{children:[t," isn’t running"]}),e[1]=t,e[2]=o):o=e[2];const f=r?"The agent opens it by itself the moment it browses. You can also open a page here and watch from the start.":"It shows up here as soon as the agent that uses it opens it again.";let c;e[3]!==f?(c=n.jsx(Pe,{children:f}),e[3]=f,e[4]=c):c=e[4];let g;e[5]!==o||e[6]!==c?(g=n.jsxs(Xe,{children:[i,o,c]}),e[5]=o,e[6]=c,e[7]=g):g=e[7];let w;e[8]!==l||e[9]!==r?(w=r&&n.jsx(qe,{children:n.jsx(Jt,{lastUrl:l,onOpen:r})}),e[8]=l,e[9]=r,e[10]=w):w=e[10];let v;return e[11]!==g||e[12]!==w?(v=n.jsxs(Ge,{className:"size-full",children:[g,w]}),e[11]=g,e[12]=w,e[13]=v):v=e[13],v}function Nt(s){const e=Ce.c(5),{onOpen:t}=s;let l;e[0]===Symbol.for("react.memo_cache_sentinel")?(l=n.jsxs(Xe,{children:[n.jsx(Ve,{variant:"icon",children:n.jsx(Gt,{})}),n.jsx(Je,{children:"Your agents’ browsers show up here"}),n.jsx(Pe,{children:"When an agent in one of your sessions opens a web page, you can watch it here and take over. Other sessions you can access show their browsers too."})]}),e[0]=l):l=e[0];let r;e[1]!==t?(r=t&&n.jsx(qe,{children:n.jsx(Jt,{lastUrl:null,onOpen:t})}),e[1]=t,e[2]=r):r=e[2];let i;return e[3]!==r?(i=n.jsxs(Ge,{className:"size-full",children:[l,r]}),e[3]=r,e[4]=i):i=e[4],i}function Jt(s){const e=Ce.c(14),{lastUrl:t,onOpen:l}=s,[r,i]=a.useState(null),o=r??t??"";let f;e[0]!==l||e[1]!==o?(f=function(O){O.preventDefault();const m=o.trim();m&&l(m)},e[0]=l,e[1]=o,e[2]=f):f=e[2];const c=f;let g;e[3]===Symbol.for("react.memo_cache_sentinel")?(g=k=>i(k.target.value),e[3]=g):g=e[3];let w;e[4]!==o?(w=n.jsx(He,{"aria-label":"Page to open",className:"h-8 text-sm",placeholder:"example.com",spellCheck:!1,autoComplete:"off",value:o,onChange:g}),e[4]=o,e[5]=w):w=e[5];let v;e[6]!==o?(v=o.trim(),e[6]=o,e[7]=v):v=e[7];const b=!v;let j;e[8]!==b?(j=n.jsx(re,{type:"submit",size:"sm",disabled:b,children:"Open"}),e[8]=b,e[9]=j):j=e[9];let y;return e[10]!==c||e[11]!==w||e[12]!==j?(y=n.jsxs("form",{className:"flex w-full items-center gap-2",onSubmit:c,children:[w,j]}),e[10]=c,e[11]=w,e[12]=j,e[13]=y):y=e[13],y}function ts({message:s,onRetry:e}){const[t,l]=a.useState(!1);async function r(){l(!0);try{await e()}finally{l(!1)}}return n.jsxs(Ge,{className:"size-full",children:[n.jsxs(Xe,{children:[n.jsx(Ve,{variant:"icon",children:n.jsx(dt,{})}),n.jsx(Je,{children:"Could not load the browsers"}),n.jsx(Pe,{children:s})]}),n.jsx(qe,{children:n.jsxs(re,{variant:"outline",size:"sm",disabled:t,onClick:()=>void r(),children:[t&&n.jsx(ct,{"data-icon":"inline-start"}),"Retry"]})})]})}function Et(s){if(s.url==="about:blank"&&(!s.title.trim()||s.title==="about:blank"))return"New tab";if(s.title.trim())return s.title.trim();try{return new URL(s.url).hostname||s.url}catch{return s.url}}const ns={live:{label:"LIVE",hint:"Streaming the page as it changes",tone:"text-emerald-600 dark:text-emerald-400",dot:"bg-emerald-500"},idle:{label:"IDLE",hint:"The page has not changed for a few seconds",tone:"text-muted-foreground",dot:"ring-1 ring-muted-foreground/50 ring-inset"},offline:{label:"OFFLINE",hint:"The connection dropped — this is the last frame that arrived",tone:"text-amber-600 dark:text-amber-400",dot:"bg-amber-500"}};function ss(s){const e=Ce.c(17),{status:t}=s,l=ns[t];let r;e[0]!==l.tone?(r=Ae("ml-1 flex shrink-0 cursor-default items-center gap-1 text-[10px] font-medium tracking-wide",l.tone),e[0]=l.tone,e[1]=r):r=e[1];let i;e[2]!==r?(i=n.jsx("span",{className:r}),e[2]=r,e[3]=i):i=e[3];let o;e[4]!==l.dot?(o=Ae("size-1.5 rounded-full",l.dot),e[4]=l.dot,e[5]=o):o=e[5];let f;e[6]!==o?(f=n.jsx("span",{"aria-hidden":"true",className:o}),e[6]=o,e[7]=f):f=e[7];let c;e[8]!==l.label||e[9]!==i||e[10]!==f?(c=n.jsxs(Lt,{render:i,children:[f,l.label]}),e[8]=l.label,e[9]=i,e[10]=f,e[11]=c):c=e[11];let g;e[12]!==l.hint?(g=n.jsx(Ft,{children:l.hint}),e[12]=l.hint,e[13]=g):g=e[13];let w;return e[14]!==c||e[15]!==g?(w=n.jsxs(zt,{children:[c,g]}),e[14]=c,e[15]=g,e[16]=w):w=e[16],w}const ls=a.memo(function(e){const t=Ce.c(56),{page:l,tabs:r,followed:i,status:o,readOnly:f,onNavigate:c,onBack:g,onForward:w,onReload:v,onAnnotate:b,onFollow:j,onCloseTab:y}=e,k=f===void 0?!1:f,[O,m]=a.useState(null),d=(l==null?void 0:l.url)??"";let x;t[0]!==O||t[1]!==d||t[2]!==c||t[3]!==k?(x=function(se){if(se.preventDefault(),k)return;const de=(O??d).trim();m(null),de&&c(de)},t[0]=O,t[1]=d,t[2]=c,t[3]=k,t[4]=x):x=t[4];const h=x;let p;t[5]===Symbol.for("react.memo_cache_sentinel")?(p=function(se){se.key==="Escape"&&(se.preventDefault(),m(null),se.currentTarget.blur())},t[5]=p):p=t[5];const C=p,T=k||!(l!=null&&l.canGoBack);let X;t[6]===Symbol.for("react.memo_cache_sentinel")?(X=n.jsx(Xt,{"data-icon":"inline-start"}),t[6]=X):X=t[6];let S;t[7]!==g||t[8]!==T?(S=n.jsx(re,{variant:"ghost",size:"icon-sm","aria-label":"Back",disabled:T,onClick:g,children:X}),t[7]=g,t[8]=T,t[9]=S):S=t[9];const q=k||!(l!=null&&l.canGoForward);let $;t[10]===Symbol.for("react.memo_cache_sentinel")?($=n.jsx(En,{"data-icon":"inline-start"}),t[10]=$):$=t[10];let R;t[11]!==w||t[12]!==q?(R=n.jsx(re,{variant:"ghost",size:"icon-sm","aria-label":"Forward",disabled:q,onClick:w,children:$}),t[11]=w,t[12]=q,t[13]=R):R=t[13];const M=k||!l;let L;t[14]===Symbol.for("react.memo_cache_sentinel")?(L=n.jsx(Tn,{"data-icon":"inline-start"}),t[14]=L):L=t[14];let N;t[15]!==v||t[16]!==M?(N=n.jsx(re,{variant:"ghost",size:"icon-sm","aria-label":"Reload",disabled:M,onClick:v,children:L}),t[15]=v,t[16]=M,t[17]=N):N=t[17];const F=O??d;let D;t[18]===Symbol.for("react.memo_cache_sentinel")?(D=Z=>m(Z.target.value),t[18]=D):D=t[18];let B;t[19]===Symbol.for("react.memo_cache_sentinel")?(B=()=>m(null),t[19]=B):B=t[19];let z;t[20]!==k||t[21]!==F?(z=n.jsx(en,{"aria-label":"Page URL",className:"text-xs",placeholder:"Enter a URL",spellCheck:!1,autoComplete:"off",readOnly:k,value:F,onChange:D,onFocus:rs,onBlur:B,onKeyDown:C}),t[20]=k,t[21]=F,t[22]=z):z=t[22];const U=!d;let ne;t[23]!==d?(ne=()=>window.open(d,"_blank","noopener,noreferrer"),t[23]=d,t[24]=ne):ne=t[24];let V;t[25]===Symbol.for("react.memo_cache_sentinel")?(V=n.jsx(Dn,{"data-icon":"inline-start"}),t[25]=V):V=t[25];let Q;t[26]!==U||t[27]!==ne?(Q=n.jsx(tn,{align:"inline-end",children:n.jsx(nn,{size:"icon-xs","aria-label":"Open in your browser",disabled:U,onClick:ne,children:V})}),t[26]=U,t[27]=ne,t[28]=Q):Q=t[28];let H;t[29]!==z||t[30]!==Q?(H=n.jsxs(sn,{className:"h-7",children:[z,Q]}),t[29]=z,t[30]=Q,t[31]=H):H=t[31];let J;t[32]!==h||t[33]!==H?(J=n.jsx("form",{className:"ml-1 min-w-0 flex-1",onSubmit:h,children:H}),t[32]=h,t[33]=H,t[34]=J):J=t[34];let _;t[35]!==b||t[36]!==l?(_=b&&n.jsx(re,{variant:"ghost",size:"icon-sm","aria-label":"Annotate this frame for the message",title:"Annotate for the message",disabled:!l,onClick:b,children:n.jsx(_n,{"data-icon":"inline-start"})}),t[35]=b,t[36]=l,t[37]=_):_=t[37];let E;t[38]!==o?(E=o&&n.jsx(ss,{status:o}),t[38]=o,t[39]=E):E=t[39];let te;t[40]!==N||t[41]!==J||t[42]!==_||t[43]!==E||t[44]!==S||t[45]!==R?(te=n.jsxs("div",{className:"flex items-center gap-0.5",children:[S,R,N,J,_,E]}),t[40]=N,t[41]=J,t[42]=_,t[43]=E,t[44]=S,t[45]=R,t[46]=te):te=t[46];let K;t[47]!==i||t[48]!==y||t[49]!==j||t[50]!==k||t[51]!==r?(K=r.length>0&&n.jsx("div",{className:"flex items-center gap-1 overflow-x-auto pb-0.5",children:r.map(Z=>n.jsxs("div",{className:Ae("flex max-w-48 shrink-0 items-center rounded-md",Z.targetId===i&&"bg-secondary"),children:[n.jsx(re,{size:"xs",variant:"ghost",className:Ae("min-w-0 shrink",!k&&"rounded-r-none"),"aria-current":Z.targetId===i?"page":void 0,title:Z.title||Z.url,onClick:()=>j(Z.targetId),onMouseDown:as,onAuxClick:se=>{se.button!==1||k||(se.preventDefault(),y(Z.targetId))},children:n.jsx("span",{className:"truncate",children:Et(Z)})}),!k&&n.jsx(re,{size:"icon-xs",variant:"ghost",className:"rounded-l-none","aria-label":`Close tab: ${Et(Z)}`,title:"Close tab",onClick:()=>y(Z.targetId),children:n.jsx(Ze,{"data-icon":"inline-start"})})]},Z.targetId))}),t[47]=i,t[48]=y,t[49]=j,t[50]=k,t[51]=r,t[52]=K):K=t[52];let ae;return t[53]!==te||t[54]!==K?(ae=n.jsxs("div",{className:"flex shrink-0 flex-col gap-1 border-b px-2 py-1.5",children:[te,K]}),t[53]=te,t[54]=K,t[55]=ae):ae=t[55],ae});function rs(s){return s.target.select()}function as(s){s.button===1&&s.preventDefault()}function is(s){var e;return((e=s.find(t=>t.mine))==null?void 0:e.name)??ut}function We(s){return(s==null?void 0:s.control)??"own"}function os(s){return We(s)!=="watch"}function Ye(s,e){return s!=null&&s.mine?"Your browser":s!=null&&s.account?`${s.account}'s browser`:e}function cs(s,e,t){if(s!==ut||t===null)return s;const l=e.find(r=>(r.mine||r.account)&&r.driverSessionId===t);return(l==null?void 0:l.name)??s}function us(s){if(!s||!Number.isFinite(Date.parse(s)))return null;if(Date.now()-Date.parse(s)>=10080*60*1e3)return new Date(s).toLocaleDateString();const e=ln(s);return e==="now"?"just now":`${e} ago`}function qt(s){const e=Ce.c(4),{running:t}=s,l=t?"bg-emerald-500":"ring-1 ring-muted-foreground/50 ring-inset";let r;e[0]!==l?(r=Ae("size-2 shrink-0 rounded-full",l),e[0]=l,e[1]=r):r=e[1];let i;return e[2]!==r?(i=n.jsx("span",{"aria-hidden":!0,className:r}),e[2]=r,e[3]=i):i=e[3],i}function ds(s){const e=Ce.c(89),{sessions:t,selected:l,home:r,currentSessionId:i,busy:o,onSelect:f,onSetArchived:c,children:g}=s,[w,v]=a.useState(!1),[b,j]=a.useState(""),[y,k]=a.useState(!1),O=a.useRef(null);let m,d,x,h,p,C,T,X,S,q,$,R,M,L,N,F,D;if(e[0]!==o||e[1]!==i||e[2]!==r||e[3]!==f||e[4]!==c||e[5]!==w||e[6]!==b||e[7]!==l||e[8]!==t||e[9]!==y){let E;e[27]!==l?(E=P=>P.name===l,e[27]=l,e[28]=E):E=e[28];const te=t.find(E),K=b.trim().toLowerCase();let ae;e[29]!==r||e[30]!==l?(ae=P=>!!P.archived&&!P.isDefault&&P.name!==r&&!P.running&&P.name!==l,e[29]=r,e[30]=l,e[31]=ae):ae=e[31];const Z=ae,se=P=>`${P.name} ${Ye(P,P.name)} ${P.note??""}`.toLowerCase().includes(K);let de;e[32]!==r?(de=(P,oe)=>+(oe.name===r)-+(P.name===r)||Number(oe.isDefault)-Number(P.isDefault)||Number(oe.running)-Number(P.running),e[32]=r,e[33]=de):de=e[33];const ve=t.filter(P=>!Z(P)&&se(P)).sort(de);x=t.filter(Z);const ge=x.filter(se);D=y&&!K?[]:ve,F=y||K?ge:[];let he;e[34]===Symbol.for("react.memo_cache_sentinel")?(he=function(){v(!1)},e[34]=he):he=e[34],h=he;const pe=async function(oe){oe.archived&&!(await c(oe.name,!1)).ok||(f(oe.name),h())},be=async function(oe){var ke;(await c(oe,!0)).ok&&((ke=O.current)==null||ke.focus())};d=rn,N=w,e[35]===Symbol.for("react.memo_cache_sentinel")?(C=P=>{v(P),P&&(j(""),k(!1))},e[35]=C):C=e[35];let fe;e[36]===Symbol.for("react.memo_cache_sentinel")?(fe=n.jsx(re,{variant:"ghost",size:"xs","aria-label":"Switch browser",className:"max-w-40"}),e[36]=fe):fe=e[36];const le=n.jsx(qt,{running:(te==null?void 0:te.running)??!1}),W=Ye(te,l);let Y;e[37]!==W?(Y=n.jsx("span",{className:"truncate",children:W}),e[37]=W,e[38]=Y):Y=e[38];let ce;e[39]===Symbol.for("react.memo_cache_sentinel")?(ce=n.jsx(An,{"data-icon":"inline-end",className:"opacity-60"}),e[39]=ce):ce=e[39],e[40]!==le||e[41]!==Y?(T=n.jsxs(an,{render:fe,children:[le,Y,ce]}),e[40]=le,e[41]=Y,e[42]=T):T=e[42],m=on,q="Browsers",$=O,R="flex max-h-[min(32rem,var(--available-height))] w-80 max-w-[calc(100vw-1rem)] flex-col overflow-hidden";const Se=y&&!K?"Archived browsers":"Browsers";let we;e[43]!==Se?(we=n.jsx("span",{className:"text-sm font-medium",children:Se}),e[43]=Se,e[44]=we):we=e[44];let ye;e[45]===Symbol.for("react.memo_cache_sentinel")?(ye=n.jsx(re,{variant:"ghost",size:"icon-xs","aria-label":"Close browser picker",onClick:h,children:n.jsx(Ze,{"data-icon":"inline-start"})}),e[45]=ye):ye=e[45];let me;e[46]!==we?(me=n.jsxs("div",{className:"flex items-center justify-between pl-1",children:[we,ye]}),e[46]=we,e[47]=me):me=e[47];let je;e[48]===Symbol.for("react.memo_cache_sentinel")?(je=P=>j(P.target.value),e[48]=je):je=e[48];let ie;e[49]!==b?(ie=n.jsx(He,{ref:O,"aria-label":"Search browsers",placeholder:"Search browsers…",value:b,onChange:je}),e[49]=b,e[50]=ie):ie=e[50],e[51]!==me||e[52]!==ie?(M=n.jsxs("div",{className:"flex shrink-0 flex-col gap-2 p-2",children:[me,ie]}),e[51]=me,e[52]=ie,e[53]=M):M=e[53],e[54]===Symbol.for("react.memo_cache_sentinel")?(L=n.jsx(xt,{}),e[54]=L):L=e[54],p="min-h-0 max-h-72 overflow-y-auto overscroll-contain p-1",X="Browser list",S=[{label:"Recent browsers",sessions:D,archived:!1},{label:"Archived browsers",sessions:F,archived:!0}].filter(fs).map(P=>n.jsxs("div",{children:[P.archived&&!!K&&n.jsx("p",{className:"px-2 py-1 text-xs text-muted-foreground",children:"Archived"}),n.jsx("ul",{"aria-label":P.label,children:P.sessions.map(oe=>n.jsx(hs,{session:oe,archived:P.archived,home:r,selected:l,currentSessionId:i,busy:o,onPick:pe,onArchive:be},oe.name))})]},P.label)),e[0]=o,e[1]=i,e[2]=r,e[3]=f,e[4]=c,e[5]=w,e[6]=b,e[7]=l,e[8]=t,e[9]=y,e[10]=m,e[11]=d,e[12]=x,e[13]=h,e[14]=p,e[15]=C,e[16]=T,e[17]=X,e[18]=S,e[19]=q,e[20]=$,e[21]=R,e[22]=M,e[23]=L,e[24]=N,e[25]=F,e[26]=D}else m=e[10],d=e[11],x=e[12],h=e[13],p=e[14],C=e[15],T=e[16],X=e[17],S=e[18],q=e[19],$=e[20],R=e[21],M=e[22],L=e[23],N=e[24],F=e[25],D=e[26];let B;e[55]!==F||e[56]!==D.length?(B=D.length===0&&F.length===0&&n.jsx("p",{role:"status",className:"px-3 py-6 text-center text-sm text-muted-foreground",children:"No browsers found."}),e[55]=F,e[56]=D.length,e[57]=B):B=e[57];let z;e[58]!==p||e[59]!==B||e[60]!==X||e[61]!==S?(z=n.jsxs("div",{className:p,"aria-label":X,children:[S,B]}),e[58]=p,e[59]=B,e[60]=X,e[61]=S,e[62]=z):z=e[62];let U;e[63]===Symbol.for("react.memo_cache_sentinel")?(U=n.jsx(xt,{}),e[63]=U):U=e[63];let ne;e[64]!==x.length||e[65]!==y?(ne=(x.length>0||y)&&n.jsxs(re,{variant:"ghost",size:"sm",className:"w-full justify-start","aria-expanded":y,onClick:()=>{k(!y),j("")},children:[y?n.jsx(Xt,{"data-icon":"inline-start"}):n.jsx(Vt,{"data-icon":"inline-start"}),y?"Back to recent":"Archived",!y&&n.jsx(Ke,{variant:"secondary",children:x.length})]}),e[64]=x.length,e[65]=y,e[66]=ne):ne=e[66];let V;e[67]===Symbol.for("react.memo_cache_sentinel")?(V=n.jsx("p",{className:"px-1 pb-1 text-xs text-muted-foreground",children:"Stopped browsers archive after 24h of inactivity. Saved logins are kept."}),e[67]=V):V=e[67];let Q;e[68]!==g||e[69]!==h?(Q=g(h),e[68]=g,e[69]=h,e[70]=Q):Q=e[70];let H;e[71]!==ne||e[72]!==Q?(H=n.jsxs("div",{className:"flex shrink-0 flex-col gap-1 p-2",children:[ne,V,Q]}),e[71]=ne,e[72]=Q,e[73]=H):H=e[73];let J;e[74]!==m||e[75]!==z||e[76]!==H||e[77]!==q||e[78]!==$||e[79]!==R||e[80]!==M||e[81]!==L?(J=n.jsxs(m,{"aria-label":q,initialFocus:$,className:R,children:[M,L,z,U,H]}),e[74]=m,e[75]=z,e[76]=H,e[77]=q,e[78]=$,e[79]=R,e[80]=M,e[81]=L,e[82]=J):J=e[82];let _;return e[83]!==d||e[84]!==C||e[85]!==T||e[86]!==J||e[87]!==N?(_=n.jsxs(d,{open:N,onOpenChange:C,children:[T,J]}),e[83]=d,e[84]=C,e[85]=T,e[86]=J,e[87]=N,e[88]=_):_=e[88],_}function fs(s){return s.sessions.length>0}function hs(s){const e=Ce.c(53),{session:t,archived:l,home:r,selected:i,currentSessionId:o,busy:f,onPick:c,onArchive:g}=s;let w;e[0]!==t.lastUsedAt?(w=us(t.lastUsedAt),e[0]=t.lastUsedAt,e[1]=w):w=e[1];const v=w;let b;e[2]!==t?(b=Ye(t,t.name),e[2]=t,e[3]=b):b=e[3];const j=b,y=t.running&&t.driverSessionId!==null&&t.driverSessionId!==o,k=t.isDefault?r===t.name?"Default":"Host default":null,O=`${l?"Restore and switch to":"Switch to"} ${j}`,m=t.name===i?"true":void 0;let d;e[4]!==c||e[5]!==t?(d=()=>void c(t),e[4]=c,e[5]=t,e[6]=d):d=e[6];let x;e[7]!==t.running?(x=n.jsx(qt,{running:t.running}),e[7]=t.running,e[8]=x):x=e[8];let h;e[9]!==j?(h=n.jsx("span",{className:"truncate",children:j}),e[9]=j,e[10]=h):h=e[10];const p=t.running?"running":"stopped";let C;e[11]!==p?(C=n.jsx("span",{className:"sr-only",children:p}),e[11]=p,e[12]=C):C=e[12];let T;e[13]!==k?(T=k&&n.jsx(Ke,{variant:"secondary",children:k}),e[13]=k,e[14]=T):T=e[14];let X;e[15]!==t?(X=We(t)==="watch"&&n.jsx(Ke,{variant:"outline",children:"View only"}),e[15]=t,e[16]=X):X=e[16];let S;e[17]!==v?(S=v&&n.jsx("span",{className:"ml-auto shrink-0 text-xs font-normal text-muted-foreground",children:v}),e[17]=v,e[18]=S):S=e[18];let q;e[19]!==T||e[20]!==X||e[21]!==S||e[22]!==h||e[23]!==C?(q=n.jsxs("span",{className:"flex w-full min-w-0 items-center gap-1.5",children:[h,C,T,X,S]}),e[19]=T,e[20]=X,e[21]=S,e[22]=h,e[23]=C,e[24]=q):q=e[24];let $;e[25]!==y?($=y&&n.jsx("span",{className:"max-w-full truncate text-xs font-normal text-muted-foreground",children:"driven by another session"}),e[25]=y,e[26]=$):$=e[26];let R;e[27]!==q||e[28]!==$?(R=n.jsxs("span",{className:"flex min-w-0 flex-1 flex-col items-start gap-0.5",children:[q,$]}),e[27]=q,e[28]=$,e[29]=R):R=e[29];let M;e[30]!==i||e[31]!==t.name?(M=t.name===i&&n.jsx(ft,{"data-icon":"inline-end"}),e[30]=i,e[31]=t.name,e[32]=M):M=e[32];let L;e[33]!==l?(L=l&&n.jsx(Rn,{"data-icon":"inline-end"}),e[33]=l,e[34]=L):L=e[34];let N;e[35]!==f||e[36]!==R||e[37]!==M||e[38]!==L||e[39]!==O||e[40]!==m||e[41]!==d||e[42]!==x?(N=n.jsxs(re,{variant:"ghost",className:"h-auto min-h-10 min-w-0 flex-1 justify-start px-2 py-2","aria-label":O,"aria-current":m,disabled:f,onClick:d,children:[x,R,M,L]}),e[35]=f,e[36]=R,e[37]=M,e[38]=L,e[39]=O,e[40]=m,e[41]=d,e[42]=x,e[43]=N):N=e[43];let F;e[44]!==l||e[45]!==f||e[46]!==r||e[47]!==g||e[48]!==t?(F=!l&&!t.isDefault&&t.name!==r&&!t.running&&We(t)==="own"&&n.jsx(re,{variant:"ghost",size:"icon-sm","aria-label":`Archive ${t.name}`,title:`Archive ${t.name}`,disabled:f,onClick:()=>void g(t.name),children:n.jsx(Vt,{"data-icon":"inline-start"})}),e[44]=l,e[45]=f,e[46]=r,e[47]=g,e[48]=t,e[49]=F):F=e[49];let D;return e[50]!==N||e[51]!==F?(D=n.jsxs("li",{className:"group flex items-center gap-1 rounded-md",children:[N,F]}),e[50]=N,e[51]=F,e[52]=D):D=e[52],D}const ms=/^[a-z0-9][a-z0-9_-]{0,39}$/,xs="Lowercase letters, numbers, - and _, starting with a letter or number (40 max).",gs=a.memo(function(e){const t=Ce.c(112),{sessions:l,selected:r,home:i,currentSessionId:o,followAgent:f,busy:c,onSelect:g,onToggleFollow:w,onOpenSkill:v,onCreate:b,onRemove:j,onStop:y,onSetArchived:k,onShowDefault:O,onClose:m}=e,d=c===void 0?!1:c,x=a.useId(),h=a.useId(),[p,C]=a.useState(!1),[T,X]=a.useState(""),[S,q]=a.useState(""),[$,R]=a.useState(null),[M,L]=a.useState(!1),[N,F]=a.useState(null),D=r===i;let B,z;t[0]!==r||t[1]!==l?(B=l.find(xe=>xe.name===r)??null,z=We(B),t[0]=r,t[1]=l,t[2]=B,t[3]=z):(B=t[2],z=t[3]);const U=z;let ne;if(t[4]!==i||t[5]!==l){let xe;t[7]!==i?(xe=Fe=>Fe.mine&&Fe.name===i,t[7]=i,t[8]=xe):xe=t[8],ne=l.some(xe),t[4]=i,t[5]=l,t[6]=ne}else ne=t[6];const V=ne,Q=!D&&!(B!=null&&B.isDefault)&&U!=="watch",H=!D&&!(B!=null&&B.isDefault)&&U==="own";let J,_;t[9]!==T?(_=T.trim(),J=_.length>0&&!ms.test(_),t[9]=T,t[10]=J,t[11]=_):(J=t[10],_=t[11]);const E=J,te=E?xs:$,K=_.length>0&&!E&&!M;let ae;t[12]===Symbol.for("react.memo_cache_sentinel")?(ae=function(){X(""),q(""),R(null),L(!1),C(!0)},t[12]=ae):ae=t[12];const Z=ae;let se;t[13]!==K||t[14]!==S||t[15]!==b||t[16]!==g||t[17]!==_?(se=async function(){if(!K)return;L(!0);const Fe=await b(_,S.trim());if(L(!1),!Fe.ok){R(Fe.error);return}C(!1),g(_)},t[13]=K,t[14]=S,t[15]=b,t[16]=g,t[17]=_,t[18]=se):se=t[18];const de=se,ve=!D&&"border-amber-500/40 bg-amber-500/10";let ge;t[19]!==ve?(ge=Ae("@container/browser-bar flex h-10 shrink-0 items-center gap-2 border-b px-2",ve),t[19]=ve,t[20]=ge):ge=t[20];let he;t[21]!==d||t[22]!==H||t[23]!==Q||t[24]!==v||t[25]!==y||t[26]!==r||t[27]!==(B==null?void 0:B.running)?(he=xe=>n.jsxs(n.Fragment,{children:[n.jsxs(re,{variant:"outline",size:"sm",disabled:d,onClick:()=>{xe(),Z()},children:[n.jsx(In,{"data-icon":"inline-start"}),"New browser…"]}),n.jsxs("div",{className:"flex items-center gap-1",children:[n.jsxs(re,{variant:"ghost",size:"xs",onClick:()=>{xe(),v()},children:[n.jsx(ht,{"data-icon":"inline-start"}),"Agent skill…"]}),Q&&n.jsxs(re,{variant:"ghost",size:"xs",disabled:d||!(B!=null&&B.running),onClick:()=>{xe(),y(r)},children:[n.jsx(On,{"data-icon":"inline-start"}),"Stop"]}),H&&n.jsxs(re,{variant:"ghost",size:"xs",disabled:d,onClick:()=>{xe(),F(r)},children:[n.jsx(jt,{"data-icon":"inline-start"}),"Delete…"]})]})]}),t[21]=d,t[22]=H,t[23]=Q,t[24]=v,t[25]=y,t[26]=r,t[27]=B==null?void 0:B.running,t[28]=he):he=t[28];let pe;t[29]!==d||t[30]!==o||t[31]!==i||t[32]!==g||t[33]!==k||t[34]!==r||t[35]!==l||t[36]!==he?(pe=n.jsx(ds,{sessions:l,selected:r,home:i,currentSessionId:o,busy:d,onSelect:g,onSetArchived:k,children:he}),t[29]=d,t[30]=o,t[31]=i,t[32]=g,t[33]=k,t[34]=r,t[35]=l,t[36]=he,t[37]=pe):pe=t[37];let be;t[38]===Symbol.for("react.memo_cache_sentinel")?(be=n.jsx("span",{className:"flex-1"}),t[38]=be):be=t[38];let fe;t[39]!==U?(fe=U==="watch"&&n.jsxs(Ke,{variant:"outline",title:"Only someone who can interact with the session driving it can use it",children:[n.jsx(Mn,{"data-icon":"inline-start"}),"View only"]}),t[39]=U,t[40]=fe):fe=t[40];let le;t[41]!==V||t[42]!==D||t[43]!==O?(le=!D&&n.jsxs("div",{className:"flex min-w-0 items-center gap-1.5",children:[n.jsxs("span",{role:"status",className:"flex min-w-0 items-center gap-1.5 text-xs font-medium text-amber-700 dark:text-amber-300",children:[n.jsx(dt,{"aria-hidden":!0,className:"size-3.5 shrink-0"}),n.jsx("span",{className:"sr-only @sm/browser-bar:not-sr-only @sm/browser-bar:whitespace-nowrap",children:V?"Not your browser":"Not the default browser"})]}),n.jsx(re,{variant:"outline",size:"xs",onClick:O,children:V?"Show yours":"Show default"})]}),t[41]=V,t[42]=D,t[43]=O,t[44]=le):le=t[44];let W;t[45]!==w?(W=xe=>w(xe),t[45]=w,t[46]=W):W=t[46];let Y;t[47]!==f||t[48]!==W?(Y=n.jsx(cn,{size:"sm","aria-label":"Follow agent",pressed:f,onPressedChange:W,className:"text-muted-foreground data-pressed:text-foreground"}),t[47]=f,t[48]=W,t[49]=Y):Y=t[49];let ce,Se;t[50]===Symbol.for("react.memo_cache_sentinel")?(ce=n.jsx(Bn,{"data-icon":"inline-start"}),Se=n.jsx("span",{className:"hidden @md/browser-bar:inline",children:"Follow"}),t[50]=ce,t[51]=Se):(ce=t[50],Se=t[51]);let we;t[52]!==Y?(we=n.jsxs(Lt,{render:Y,children:[ce,Se]}),t[52]=Y,t[53]=we):we=t[53];let ye;t[54]===Symbol.for("react.memo_cache_sentinel")?(ye=n.jsx(Ft,{children:"Switch to whichever browser this session’s agent uses"}),t[54]=ye):ye=t[54];let me;t[55]!==we?(me=n.jsxs(zt,{children:[we,ye]}),t[55]=we,t[56]=me):me=t[56];let je;t[57]===Symbol.for("react.memo_cache_sentinel")?(je=n.jsx(Ze,{"data-icon":"inline-start"}),t[57]=je):je=t[57];let ie;t[58]!==m?(ie=n.jsx(re,{variant:"ghost",size:"icon-sm","aria-label":"Close browser panel",onClick:m,children:je}),t[58]=m,t[59]=ie):ie=t[59];let P;t[60]!==de?(P=xe=>{xe.preventDefault(),de()},t[60]=de,t[61]=P):P=t[61];let oe;t[62]===Symbol.for("react.memo_cache_sentinel")?(oe=n.jsxs(Pt,{children:[n.jsx($t,{children:"New browser"}),n.jsx(Ut,{children:"A named browser keeps its own cookies and logins, and stays out of the default one."})]}),t[62]=oe):oe=t[62];const Ee=!!te;let ke;t[63]!==x?(ke=n.jsx(gt,{htmlFor:x,children:"Name"}),t[63]=x,t[64]=ke):ke=t[64];const Te=!!te;let G;t[65]===Symbol.for("react.memo_cache_sentinel")?(G=xe=>{X(xe.target.value),R(null)},t[65]=G):G=t[65];let u;t[66]!==x||t[67]!==T||t[68]!==Te?(u=n.jsx(He,{id:x,autoFocus:!0,autoComplete:"off",spellCheck:!1,placeholder:"shop","aria-invalid":Te,value:T,onChange:G}),t[66]=x,t[67]=T,t[68]=Te,t[69]=u):u=t[69];let A;t[70]!==te?(A=n.jsx(un,{children:te}),t[70]=te,t[71]=A):A=t[71];let ee;t[72]!==Ee||t[73]!==ke||t[74]!==u||t[75]!==A?(ee=n.jsxs(pt,{"data-invalid":Ee,children:[ke,u,A]}),t[72]=Ee,t[73]=ke,t[74]=u,t[75]=A,t[76]=ee):ee=t[76];let I;t[77]===Symbol.for("react.memo_cache_sentinel")?(I=n.jsx("span",{className:"text-muted-foreground/60",children:"(optional)"}),t[77]=I):I=t[77];let ue;t[78]!==h?(ue=n.jsxs(gt,{htmlFor:h,children:["Note ",I]}),t[78]=h,t[79]=ue):ue=t[79];let Ne;t[80]===Symbol.for("react.memo_cache_sentinel")?(Ne=xe=>q(xe.target.value),t[80]=Ne):Ne=t[80];let De;t[81]!==S||t[82]!==h?(De=n.jsx(He,{id:h,autoComplete:"off",placeholder:"What this browser is signed in to",value:S,onChange:Ne}),t[81]=S,t[82]=h,t[83]=De):De=t[83];let _e;t[84]!==ue||t[85]!==De?(_e=n.jsxs(pt,{children:[ue,De]}),t[84]=ue,t[85]=De,t[86]=_e):_e=t[86];let Ie;t[87]!==ee||t[88]!==_e?(Ie=n.jsxs(dn,{className:"gap-4",children:[ee,_e]}),t[87]=ee,t[88]=_e,t[89]=Ie):Ie=t[89];let $e;t[90]===Symbol.for("react.memo_cache_sentinel")?($e=n.jsx(Ht,{render:n.jsx(re,{type:"button",variant:"outline"}),children:"Cancel"}),t[90]=$e):$e=t[90];const Qe=!K;let Oe;t[91]!==Qe?(Oe=n.jsxs(Kt,{children:[$e,n.jsx(re,{type:"submit",disabled:Qe,children:"Create browser"})]}),t[91]=Qe,t[92]=Oe):Oe=t[92];let Me;t[93]!==P||t[94]!==Ie||t[95]!==Oe?(Me=n.jsx(Wt,{className:"sm:max-w-sm",children:n.jsxs("form",{className:"flex flex-col gap-4",onSubmit:P,children:[oe,Ie,Oe]})}),t[93]=P,t[94]=Ie,t[95]=Oe,t[96]=Me):Me=t[96];let Be;t[97]!==p||t[98]!==Me?(Be=n.jsx(Yt,{open:p,onOpenChange:C,children:Me}),t[97]=p,t[98]=Me,t[99]=Be):Be=t[99];let Le;t[100]!==N||t[101]!==j?(Le=N!==null&&n.jsx(fn,{open:!0,onOpenChange:xe=>{xe||F(null)},children:n.jsxs(hn,{size:"sm",children:[n.jsxs(mn,{children:[n.jsx(xn,{className:"bg-destructive/10 text-destructive",children:n.jsx(jt,{})}),n.jsxs(gn,{children:["Delete ",N,"?"]}),n.jsx(pn,{children:"Its profile goes with it, so everything signed in there is signed out. Other browsers are untouched."})]}),n.jsxs(wn,{children:[n.jsx(bn,{size:"sm",children:"Cancel"}),n.jsx(yn,{variant:"destructive",size:"sm",onClick:()=>{j(N),F(null)},children:"Delete browser"})]})]})}),t[100]=N,t[101]=j,t[102]=Le):Le=t[102];let Ue;return t[103]!==pe||t[104]!==fe||t[105]!==le||t[106]!==me||t[107]!==ie||t[108]!==Be||t[109]!==Le||t[110]!==ge?(Ue=n.jsxs("div",{className:ge,children:[pe,be,fe,le,me,ie,Be,Le]}),t[103]=pe,t[104]=fe,t[105]=le,t[106]=me,t[107]=ie,t[108]=Be,t[109]=Le,t[110]=ge,t[111]=Ue):Ue=t[111],Ue});function ps(s){const e=Ce.c(36),{open:t,onOpenChange:l,readTargets:r,install:i}=s,[o,f]=a.useState(null),[c,g]=a.useState(null),[w,v]=a.useState(null);let b;e[0]!==r?(b=async()=>{const F=await r();F.ok?(f(F.targets),g(null)):g(F.error)},e[0]=r,e[1]=b):b=e[1];const j=b;let y,k;e[2]!==j||e[3]!==t?(y=()=>{t&&(g(null),j())},k=[t,j],e[2]=j,e[3]=t,e[4]=y,e[5]=k):(y=e[4],k=e[5]),a.useEffect(y,k);let O;e[6]!==i||e[7]!==j?(O=async function(D){v(D);const B=await i(D);v(null),B.ok?await j():g(B.error)},e[6]=i,e[7]=j,e[8]=O):O=e[8];const m=O;let d;e[9]!==o?(d=(o==null?void 0:o.some(ws))??!1,e[9]=o,e[10]=d):d=e[10];const x=d;let h;e[11]===Symbol.for("react.memo_cache_sentinel")?(h=n.jsx($t,{children:"Agent skill"}),e[11]=h):h=e[11];let p;e[12]===Symbol.for("react.memo_cache_sentinel")?(p=n.jsxs(Pt,{children:[h,n.jsxs(Ut,{children:["The skill teaches an agent how Cogpit’s browsers work: when to use a named one, when to keep to a throwaway, and that this panel is watching. Install it for agents you run outside Cogpit — it writes a"," ",n.jsx("code",{className:"font-mono",children:"SKILL.md"})," into that CLI’s configuration directory in your home folder."]})]}),e[12]=p):p=e[12];let C;e[13]!==c?(C=c&&n.jsx("p",{role:"alert",className:"text-sm text-destructive",children:c}),e[13]=c,e[14]=C):C=e[14];let T;e[15]!==w||e[16]!==m||e[17]!==o?(T=o===null?n.jsxs("div",{role:"status",className:"flex items-center gap-2 py-4 text-sm text-muted-foreground",children:[n.jsx(ct,{}),"Reading where it is installed…"]}):n.jsx("ul",{className:"flex flex-col gap-2",children:o.map(F=>n.jsxs("li",{className:"flex items-center gap-3 rounded-md border p-2.5",children:[n.jsxs("span",{className:"flex min-w-0 flex-1 flex-col",children:[n.jsx("span",{className:"truncate text-sm font-medium",children:F.label}),n.jsx("span",{className:"truncate font-mono text-xs text-muted-foreground",children:F.configRoot}),F.automatic&&n.jsx("span",{className:"truncate text-xs text-muted-foreground",children:"Already automatic in the sessions Cogpit starts"})]}),F.installed?n.jsxs("span",{className:"flex shrink-0 items-center gap-1 text-xs text-muted-foreground",children:[n.jsx(ft,{"aria-hidden":!0,className:"size-3.5 text-emerald-500"}),"Installed"]}):n.jsx(re,{size:"xs",variant:"outline","aria-label":`Install for ${F.label}`,disabled:w!==null,onClick:()=>void m(F.kind),children:"Install"})]},F.kind))}),e[15]=w,e[16]=m,e[17]=o,e[18]=T):T=e[18];const X=!x||w!==null;let S;e[19]!==m?(S=()=>void m(Fn),e[19]=m,e[20]=S):S=e[20];let q;e[21]===Symbol.for("react.memo_cache_sentinel")?(q=n.jsx(ht,{"data-icon":"inline-start"}),e[21]=q):q=e[21];let $;e[22]!==X||e[23]!==S?($=n.jsxs(re,{variant:"outline",disabled:X,onClick:S,children:[q,"Install for all"]}),e[22]=X,e[23]=S,e[24]=$):$=e[24];let R;e[25]===Symbol.for("react.memo_cache_sentinel")?(R=n.jsx(Ht,{render:n.jsx(re,{type:"button"}),children:"Done"}),e[25]=R):R=e[25];let M;e[26]!==$?(M=n.jsxs(Kt,{children:[$,R]}),e[26]=$,e[27]=M):M=e[27];let L;e[28]!==M||e[29]!==C||e[30]!==T?(L=n.jsxs(Wt,{className:"sm:max-w-md",children:[p,C,T,M]}),e[28]=M,e[29]=C,e[30]=T,e[31]=L):L=e[31];let N;return e[32]!==l||e[33]!==t||e[34]!==L?(N=n.jsx(Yt,{open:t,onOpenChange:l,children:L}),e[32]=l,e[33]=t,e[34]=L,e[35]=N):N=e[35],N}function ws(s){return!s.installed}const bs={x:0,y:0,width:0,height:0,scale:0};function Zt(s,e){if(s.width<=0||s.height<=0||e.width<=0||e.height<=0)return bs;const t=Math.min(1,s.width/e.width,s.height/e.height),l=e.width*t,r=e.height*t;return{x:Math.round((s.width-l)/2),y:Math.round((s.height-r)/2),width:l,height:r,scale:t}}function ot(s,e,t,l,r={}){if(l.scale<=0||l.width<=0||l.height<=0)return null;const i=s-t.left-l.x,o=e-t.top-l.y;return!(i>=0&&o>=0&&i<=l.width&&o<=l.height)&&!r.clamp?null:{x:Tt(i/l.scale,l.width/l.scale),y:Tt(o/l.scale,l.height/l.scale)}}function Tt(s,e){return Math.min(Math.max(s,0),e)}const ys=1,js=2,vs=4,Ss=8;function Re(s){return(s.altKey?ys:0)|(s.ctrlKey?js:0)|(s.metaKey?vs:0)|(s.shiftKey?Ss:0)}const ks=["left","middle","right"];function Dt(s){return ks[s]??"left"}const Cs=150,_t=2,Ns=500,At=5,Es=1,Ts=2,Ds=16,_s="Keyboard captured · Esc to release",As=new Set(["F5","F11","F12"]),Rs=new Set(["i","j","c"]);function Rt(s){return As.has(s.key)||s.metaKey?!0:s.ctrlKey&&s.shiftKey&&Rs.has(s.key.toLowerCase())}function Is(s){if(!(s.ctrlKey||s.metaKey))return s.key.length===1?s.key:s.key==="Enter"?"\r":void 0}function It(s,e,t){return e===Es?s*Ds:e===Ts?s*t:s}function Os(s,e,t){try{s.drawImage(e,t.x,t.y,t.width,t.height)}catch{}}function Ms(s){const e=Ce.c(82),{frame:t,send:l,onSizeChange:r,readOnly:i,className:o}=s,f=i===void 0?!1:i,c=a.useRef(null),g=a.useRef(null),w=a.useRef(null),v=a.useRef(null),b=a.useRef(!1);let j;e[0]===Symbol.for("react.memo_cache_sentinel")?(j={count:0,at:0,x:0,y:0,button:-1},e[0]=j):j=e[0];const y=a.useRef(j);let k;e[1]===Symbol.for("react.memo_cache_sentinel")?(k=new Map,e[1]=k):k=e[1];const O=a.useRef(k);let m;e[2]===Symbol.for("react.memo_cache_sentinel")?(m={width:0,height:0,dpr:1},e[2]=m):m=e[2];const[d,x]=a.useState(m),[h,p]=a.useState(!1),C=t?t.header.deviceWidth:0,T=t?t.header.deviceHeight:0;let X;e[3]!==T||e[4]!==C||e[5]!==d?(X=Zt(d,{width:C,height:T}),e[3]=T,e[4]=C,e[5]=d,e[6]=X):X=e[6];const S=X,q=a.useRef(r);let $,R;e[7]!==r?($=()=>{q.current=r},R=[r],e[7]=r,e[8]=$,e[9]=R):($=e[8],R=e[9]),a.useEffect($,R);let M,L;e[10]===Symbol.for("react.memo_cache_sentinel")?(M=()=>{const G=c.current;if(!G)return;let u=null;const A=()=>{const I=G.getBoundingClientRect(),ue=Math.round(I.width),Ne=Math.round(I.height),De=window.devicePixelRatio||1;x(_e=>_e.width===ue&&_e.height===Ne&&_e.dpr===De?_e:{width:ue,height:Ne,dpr:De}),u&&clearTimeout(u),u=setTimeout(()=>{u=null,ue>0&&Ne>0&&q.current(ue,Ne,De)},Cs)};A();const ee=new ResizeObserver(A);return ee.observe(G),()=>{ee.disconnect(),u&&clearTimeout(u)}},L=[],e[10]=M,e[11]=L):(M=e[10],L=e[11]),a.useEffect(M,L);let N,F;e[12]!==S||e[13]!==t||e[14]!==d?(N=()=>{const G=g.current,u=G==null?void 0:G.getContext("2d");if(!G||!u)return;const A=Math.round(d.width*d.dpr),ee=Math.round(d.height*d.dpr);G.width!==A&&(G.width=A),G.height!==ee&&(G.height=ee),u.setTransform(d.dpr,0,0,d.dpr,0,0),u.clearRect(0,0,d.width,d.height),!(!t||S.width<=0||S.height<=0)&&Os(u,t.bitmap,S)},F=[t,S,d],e[12]=S,e[13]=t,e[14]=d,e[15]=N,e[16]=F):(N=e[15],F=e[16]),a.useEffect(N,F);let D,B;e[17]!==t?(D=()=>()=>it(t),B=[t],e[17]=t,e[18]=D,e[19]=B):(D=e[18],B=e[19]),a.useEffect(D,B);let z;e[20]!==S?(z=function(u,A,ee){const I=g.current;return I?ot(u,A,I.getBoundingClientRect(),S,{clamp:ee}):null},e[20]=S,e[21]=z):z=e[21];const U=z;let ne;e[22]!==l?(ne=function(u,A,ee,I,ue){l({type:"mouse",event:u,x:A.x,y:A.y,button:ee,clickCount:I,modifiers:ue})},e[22]=l,e[23]=ne):ne=e[23];const V=ne;let Q;e[24]===Symbol.for("react.memo_cache_sentinel")?(Q=function(u){const A=y.current,ee=Date.now(),I=u.button===A.button&&ee-A.at<Ns&&Math.abs(u.clientX-A.x)<=At&&Math.abs(u.clientY-A.y)<=At;return y.current={count:I?A.count+1:1,at:ee,x:u.clientX,y:u.clientY,button:u.button},y.current.count},e[24]=Q):Q=e[24];const H=Q;let J;e[25]!==U||e[26]!==V?(J=function(){const u=w.current;if(w.current=null,!u)return;const A=U(u.clientX,u.clientY,b.current);A&&V("move",A,"none",0,u.modifiers)},e[25]=U,e[26]=V,e[27]=J):J=e[27];const _=J;let E;e[28]!==_?(E=function(){v.current!==null&&(cancelAnimationFrame(v.current),v.current=null),_()},e[28]=_,e[29]=E):E=e[29];const te=E;let K;e[30]!==U||e[31]!==V?(K=function(u){if(u.currentTarget.focus(),u.button===_t)return;const A=U(u.clientX,u.clientY,!1);A&&(u.currentTarget.setPointerCapture(u.pointerId),b.current=!0,V("down",A,Dt(u.button),H(u),Re(u)))},e[30]=U,e[31]=V,e[32]=K):K=e[32];const ae=K;let Z;e[33]!==_?(Z=function(u){w.current={clientX:u.clientX,clientY:u.clientY,modifiers:Re(u)},v.current===null&&(v.current=requestAnimationFrame(()=>{v.current=null,_()}))},e[33]=_,e[34]=Z):Z=e[34];const se=Z;let de;e[35]!==te||e[36]!==U||e[37]!==V?(de=function(u){te();const A=b.current;if(b.current=!1,u.currentTarget.hasPointerCapture(u.pointerId)&&u.currentTarget.releasePointerCapture(u.pointerId),u.button===_t)return;const ee=U(u.clientX,u.clientY,A);ee&&V("up",ee,Dt(u.button),y.current.count,Re(u))},e[35]=te,e[36]=U,e[37]=V,e[38]=de):de=e[38];const ve=de;let ge;e[39]!==U||e[40]!==V?(ge=function(u){u.preventDefault();const A=U(u.clientX,u.clientY,!1);if(!A)return;const ee=Re(u);V("down",A,"right",1,ee),V("up",A,"right",1,ee)},e[39]=U,e[40]=V,e[41]=ge):ge=e[41];const he=ge;let pe;e[42]!==l?(pe=function(u){if(u.key==="Escape"){u.currentTarget.blur();return}Rt(u)||u.preventDefault();const A={type:"key",event:"down",key:u.key,code:u.code,modifiers:Re(u)},ee=Is(u);ee!==void 0&&(A.text=ee),O.current.set(u.code,u.key),l(A)},e[42]=l,e[43]=pe):pe=e[43];const be=pe;let fe;e[44]!==l?(fe=function(u){u.key!=="Escape"&&(Rt(u)||u.preventDefault(),O.current.delete(u.code),l({type:"key",event:"up",key:u.key,code:u.code,modifiers:Re(u)}))},e[44]=l,e[45]=fe):fe=e[45];const le=fe;let W,Y;e[46]!==T||e[47]!==C||e[48]!==S||e[49]!==f||e[50]!==l?(W=()=>{const G=g.current;if(!G||f)return;const u=A=>{A.preventDefault();const ee=ot(A.clientX,A.clientY,G.getBoundingClientRect(),S);ee&&l({type:"wheel",x:ee.x,y:ee.y,deltaX:It(A.deltaX,A.deltaMode,C),deltaY:It(A.deltaY,A.deltaMode,T),modifiers:Re(A)})};return G.addEventListener("wheel",u,{passive:!1}),()=>G.removeEventListener("wheel",u)},Y=[l,S,C,T,f],e[46]=T,e[47]=C,e[48]=S,e[49]=f,e[50]=l,e[51]=W,e[52]=Y):(W=e[51],Y=e[52]),a.useEffect(W,Y);let ce,Se;e[53]!==h||e[54]!==l?(ce=()=>{if(!h)return;const G=u=>{var ee;const A=(ee=u.clipboardData)==null?void 0:ee.getData("text/plain");A&&(u.preventDefault(),l({type:"paste",text:A}))};return document.addEventListener("paste",G),()=>document.removeEventListener("paste",G)},Se=[h,l],e[53]=h,e[54]=l,e[55]=ce,e[56]=Se):(ce=e[55],Se=e[56]),a.useEffect(ce,Se);let we,ye;e[57]===Symbol.for("react.memo_cache_sentinel")?(we=()=>()=>{v.current!==null&&cancelAnimationFrame(v.current)},ye=[],e[57]=we,e[58]=ye):(we=e[57],ye=e[58]),a.useEffect(we,ye);let me;e[59]!==l?(me=()=>{for(const[G,u]of O.current)l({type:"key",event:"up",key:u,code:G,modifiers:0});O.current.clear()},e[59]=l,e[60]=me):me=e[60];const je=me;let ie,P;e[61]!==je?(ie=()=>je,P=[je],e[61]=je,e[62]=ie,e[63]=P):(ie=e[62],P=e[63]),a.useEffect(ie,P);let oe;e[64]!==o?(oe=Ae("relative min-h-0 min-w-0 overflow-hidden bg-muted/30",o),e[64]=o,e[65]=oe):oe=e[65];let Ee;e[66]!==h||e[67]!==he||e[68]!==be||e[69]!==le||e[70]!==ae||e[71]!==se||e[72]!==ve||e[73]!==f||e[74]!==je?(Ee=f?n.jsx("canvas",{ref:g,role:"img","aria-label":"Browser viewport, view only",className:"block size-full cursor-default touch-none select-none"}):n.jsx("canvas",{ref:g,role:"application","aria-label":"Browser viewport",tabIndex:0,className:Ae("block size-full cursor-default touch-none select-none outline-none",h&&"ring-2 ring-ring ring-inset"),onFocus:()=>p(!0),onBlur:()=>{p(!1),je()},onPointerDown:ae,onPointerMove:se,onPointerUp:ve,onPointerCancel:ve,onContextMenu:he,onKeyDown:be,onKeyUp:le}),e[66]=h,e[67]=he,e[68]=be,e[69]=le,e[70]=ae,e[71]=se,e[72]=ve,e[73]=f,e[74]=je,e[75]=Ee):Ee=e[75];let ke;e[76]!==h?(ke=h&&n.jsx("div",{className:"pointer-events-none absolute inset-x-0 bottom-2 flex justify-center",children:n.jsx("span",{className:"rounded-full bg-popover px-2 py-0.5 text-[10px] text-muted-foreground shadow-xs",children:_s})}),e[76]=h,e[77]=ke):ke=e[77];let Te;return e[78]!==oe||e[79]!==Ee||e[80]!==ke?(Te=n.jsxs("div",{ref:c,className:oe,children:[Ee,ke]}),e[78]=oe,e[79]=Ee,e[80]=ke,e[81]=Te):Te=e[81],Te}function Bs(s,e){try{const t=document.createElement("canvas");t.width=s.width,t.height=s.height;const l=t.getContext("2d");return!l||t.width===0?null:(l.drawImage(s,0,0),{...e,canvas:t})}catch{return null}}function Ls(s,e,t=1568){var f;const l=s.canvas.width/s.deviceWidth,r={x:e.x*l,y:e.y*l,width:Math.max(1,e.width*l),height:Math.max(1,e.height*l)},i=Math.min(1,t/Math.max(r.width,r.height)),o=document.createElement("canvas");return o.width=Math.max(1,Math.round(r.width*i)),o.height=Math.max(1,Math.round(r.height*i)),(f=o.getContext("2d"))==null||f.drawImage(s.canvas,r.x,r.y,r.width,r.height,0,0,o.width,o.height),{id:crypto.randomUUID(),mediaType:"image/jpeg",data:o.toDataURL("image/jpeg",.85).split(",")[1]??""}}function Ot(s,e){return{x:Math.round(Math.min(s.x,e.x)),y:Math.round(Math.min(s.y,e.y)),width:Math.round(Math.abs(s.x-e.x)),height:Math.round(Math.abs(s.y-e.y))}}function Fs(s){const e=Ce.c(85),{frame:t,onAdd:l,onCancel:r}=s,i=a.useRef(null),o=a.useRef(null);let f;e[0]===Symbol.for("react.memo_cache_sentinel")?(f={width:0,height:0},e[0]=f):f=e[0];const[c,g]=a.useState(f);let w;e[1]!==t.deviceHeight||e[2]!==t.deviceWidth?(w={x:0,y:0,width:t.deviceWidth,height:t.deviceHeight},e[1]=t.deviceHeight,e[2]=t.deviceWidth,e[3]=w):w=e[3];const v=w,[b,j]=a.useState(v),[y,k]=a.useState(null),[O,m]=a.useState(""),[d,x]=a.useState(null);let h;e[4]!==t.deviceHeight||e[5]!==t.deviceWidth||e[6]!==c?(h=Zt(c,{width:t.deviceWidth,height:t.deviceHeight}),e[4]=t.deviceHeight,e[5]=t.deviceWidth,e[6]=c,e[7]=h):h=e[7];const p=h;let C,T;e[8]===Symbol.for("react.memo_cache_sentinel")?(C=()=>{const W=i.current;if(!W)return;const Y=new ResizeObserver(ce=>{const[Se]=ce;Se&&g({width:Se.contentRect.width,height:Se.contentRect.height})});return Y.observe(W),()=>Y.disconnect()},T=[],e[8]=C,e[9]=T):(C=e[8],T=e[9]),a.useEffect(C,T);let X;e[10]!==p.height||e[11]!==p.width||e[12]!==p.x||e[13]!==p.y||e[14]!==t.canvas||e[15]!==c.height||e[16]!==c.width?(X=()=>{const W=o.current;if(!W||p.width<=0)return;const Y=window.devicePixelRatio||1;W.width=Math.round(c.width*Y),W.height=Math.round(c.height*Y);const ce=W.getContext("2d");ce&&(ce.setTransform(Y,0,0,Y,0,0),ce.clearRect(0,0,c.width,c.height),ce.drawImage(t.canvas,p.x,p.y,p.width,p.height))},e[10]=p.height,e[11]=p.width,e[12]=p.x,e[13]=p.y,e[14]=t.canvas,e[15]=c.height,e[16]=c.width,e[17]=X):X=e[17];let S;e[18]!==p||e[19]!==t||e[20]!==c?(S=[t,p,c],e[18]=p,e[19]=t,e[20]=c,e[21]=S):S=e[21],a.useEffect(X,S);let q;e[22]!==p?(q=W=>{const Y=o.current;return Y?ot(W.clientX,W.clientY,Y.getBoundingClientRect(),p,{clamp:!0}):null},e[22]=p,e[23]=q):q=e[23];const $=q;let R;e[24]!==t||e[25]!==O||e[26]!==l||e[27]!==r||e[28]!==b?(R=function(){if(b.width<4||b.height<4){x("Mark a larger region, or use the whole page");return}const Y={id:vn(),kind:"browser",note:O.trim().slice(0,wt.noteChars),url:t.url,title:t.title,viewport:{width:t.deviceWidth,height:t.deviceHeight},region:b,capturedAt:t.capturedAt,browser:t.browser,...t.tab?{tab:t.tab}:{},image:1},ce=l(Y,Ls(t,b));ce?x(ce):r()},e[24]=t,e[25]=O,e[26]=l,e[27]=r,e[28]=b,e[29]=R):R=e[29];const M=R,L=p.x+b.x*p.scale,N=p.y+b.y*p.scale,F=b.width*p.scale,D=b.height*p.scale;let B;e[30]!==L||e[31]!==N||e[32]!==F||e[33]!==D?(B={left:L,top:N,width:F,height:D},e[30]=L,e[31]=N,e[32]=F,e[33]=D,e[34]=B):B=e[34];const z=B,U=b.x===0&&b.y===0&&b.width===t.deviceWidth&&b.height===t.deviceHeight;let ne;e[35]!==r?(ne=W=>{W.key==="Escape"&&(W.preventDefault(),r())},e[35]=r,e[36]=ne):ne=e[36];const V=`Frozen frame of ${t.title||t.url}. Drag to mark a region; the page does not receive these clicks.`;let Q;e[37]!==c.height||e[38]!==c.width?(Q={width:c.width,height:c.height},e[37]=c.height,e[38]=c.width,e[39]=Q):Q=e[39];let H;e[40]!==$?(H=W=>{const Y=$(W);Y&&(W.currentTarget.setPointerCapture(W.pointerId),k(Y),j({x:Math.round(Y.x),y:Math.round(Y.y),width:0,height:0}))},e[40]=$,e[41]=H):H=e[41];let J,_;e[42]!==y||e[43]!==$?(J=W=>{const Y=y&&$(W);y&&Y&&j(Ot(y,Y))},_=W=>{const Y=y&&$(W);y&&Y&&j(Ot(y,Y)),k(null),W.currentTarget.hasPointerCapture(W.pointerId)&&W.currentTarget.releasePointerCapture(W.pointerId)},e[42]=y,e[43]=$,e[44]=J,e[45]=_):(J=e[44],_=e[45]);let E;e[46]!==V||e[47]!==Q||e[48]!==H||e[49]!==J||e[50]!==_?(E=n.jsx("canvas",{ref:o,role:"img","aria-label":V,className:"block size-full cursor-crosshair touch-none select-none",style:Q,onPointerDown:H,onPointerMove:J,onPointerUp:_}),e[46]=V,e[47]=Q,e[48]=H,e[49]=J,e[50]=_,e[51]=E):E=e[51];let te;e[52]!==z||e[53]!==U?(te=!U&&n.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute border-2 border-info bg-info/10",style:z}),e[52]=z,e[53]=U,e[54]=te):te=e[54];let K;e[55]!==E||e[56]!==te?(K=n.jsxs("div",{ref:i,className:"relative min-h-0 flex-1 overflow-hidden bg-muted/30",children:[E,te]}),e[55]=E,e[56]=te,e[57]=K):K=e[57];const ae=U?"Whole page selected. Drag on the frame to mark a region.":`Region ${b.width}×${b.height} at ${b.x},${b.y}`;let Z;e[58]!==ae?(Z=n.jsx("p",{className:"text-xs text-muted-foreground",role:"status",children:ae}),e[58]=ae,e[59]=Z):Z=e[59];let se;e[60]===Symbol.for("react.memo_cache_sentinel")?(se=W=>m(W.target.value),e[60]=se):se=e[60];let de;e[61]!==O?(de=n.jsx(jn,{value:O,onChange:se,placeholder:"What should the agent look at here?","aria-label":"Annotation note",rows:2,maxLength:wt.noteChars,className:"min-h-0 resize-none text-sm",autoFocus:!0}),e[61]=O,e[62]=de):de=e[62];let ve;e[63]!==d?(ve=d&&n.jsx("p",{role:"alert",className:"text-xs text-destructive",children:d}),e[63]=d,e[64]=ve):ve=e[64];let ge;e[65]!==U||e[66]!==v?(ge=!U&&n.jsx(re,{type:"button",variant:"ghost",size:"sm",onClick:()=>j(v),children:"Use whole page"}),e[65]=U,e[66]=v,e[67]=ge):ge=e[67];let he;e[68]!==r?(he=n.jsx(re,{type:"button",variant:"ghost",size:"sm",onClick:r,children:"Cancel"}),e[68]=r,e[69]=he):he=e[69];let pe;e[70]!==M?(pe=n.jsx(re,{type:"button",size:"sm",onClick:M,children:"Add to message"}),e[70]=M,e[71]=pe):pe=e[71];let be;e[72]!==ge||e[73]!==he||e[74]!==pe?(be=n.jsxs("div",{className:"flex flex-wrap items-center justify-end gap-2",children:[ge,he,pe]}),e[72]=ge,e[73]=he,e[74]=pe,e[75]=be):be=e[75];let fe;e[76]!==Z||e[77]!==de||e[78]!==ve||e[79]!==be?(fe=n.jsxs("div",{className:"flex shrink-0 flex-col gap-2 border-t p-2",children:[Z,de,ve,be]}),e[76]=Z,e[77]=de,e[78]=ve,e[79]=be,e[80]=fe):fe=e[80];let le;return e[81]!==ne||e[82]!==K||e[83]!==fe?(le=n.jsxs("div",{className:"flex min-h-0 flex-1 flex-col",onKeyDown:ne,children:[K,fe]}),e[81]=ne,e[82]=K,e[83]=fe,e[84]=le):le=e[84],le}const zs="browser-panel-session",Ps="browser-panel-follow",$s=1e4,Mt=3e3,Us=[];function qs({context:s,active:e,closePanel:t,onAnnotate:l}){var A,ee;const[r,i]=a.useState(null),[o,f]=bt(yt(zs),ut),[c,g]=bt(yt(Ps),!0),[w,v]=a.useState(!1),[b,j]=a.useState(null),[y,k]=a.useState(null),[O,m]=a.useState(!1),d=a.useRef(0),{status:x,error:h,refresh:p,create:C,remove:T,stop:X,setArchived:S,readSkillTargets:q,installSkill:$}=zn(e),R=(x==null?void 0:x.sessions)??Us,M=is(R),L=x!==null&&R.length>0,N=x===null||R.some(I=>I.name===o)?o:M,F=a.useCallback(I=>void Bt(I),[]),D=Xn(e&&L?N:null,F),B=((A=s.session)==null?void 0:A.sessionId)??null,z=a.useMemo(()=>Sn(s.session),[s.session]),U=cs((z==null?void 0:z.session)??null,R,B),ne=R.some(I=>I.name===U&&!I.archived);a.useEffect(()=>{!c||U===null||U===N||!ne||Date.now()-d.current<$s||f(U)},[c,U,ne,N,f]);const V=a.useCallback(I=>{d.current=Date.now(),f(I)},[f]),Q=a.useCallback(async I=>{v(!0);try{const ue=await I();return j(ue.ok?null:ue.error),ue}finally{v(!1)}},[]),{send:H}=D,J=a.useCallback((I,ue,Ne)=>{H({type:"viewport",width:I,height:ue,dpr:Ne})},[H]),_=a.useCallback(I=>{I&&(d.current=0),g(I)},[g]),E=a.useCallback(()=>V(M),[V,M]),te=a.useCallback(()=>m(!0),[]),K=a.useCallback(I=>{V(M),Q(()=>T(I))},[V,M,Q,T]),ae=a.useCallback(I=>void Q(()=>X(I)),[Q,X]),Z=a.useCallback(async(I,ue)=>{const Ne=await Q(()=>S(I,ue));return Ne.ok&&ue&&I===N&&V(M),Ne},[Q,S,N,V,M]),se=a.useCallback(I=>H({type:"navigate",url:I}),[H]),de=a.useCallback(()=>H({type:"back"}),[H]),ve=a.useCallback(()=>H({type:"forward"}),[H]),ge=a.useCallback(()=>H({type:"reload"}),[H]),he=a.useCallback(I=>H({type:"follow",targetId:I}),[H]),pe=a.useCallback(I=>H({type:"close-tab",targetId:I}),[H]),be=a.useCallback(I=>H({type:"launch",url:I}),[H]),fe=Hs(D.lastFrameAt),{frame:le,page:W,tabs:Y,pageGeneration:ce}=D,Se=a.useCallback(()=>{if(!W)return;const I=le==null?void 0:le.page;if(!le||!I||le.pageGeneration!==ce||le.header.targetId!==I.targetId){j("The page is still drawing; try again in a moment");return}const ue=Y.find(De=>De.targetId===le.header.targetId),Ne=Bs(le.bitmap,{deviceWidth:le.header.deviceWidth,deviceHeight:le.header.deviceHeight,url:I.url,title:I.title,browser:N,...ue?{tab:ue.title||ue.url}:{},capturedAt:new Date(le.header.ts).toISOString()});Ne?i(Ne):j("The page is still drawing; try again in a moment")},[le,W,Y,ce,N]),we=((ee=D.state)==null?void 0:ee.state)??null,ye=(x==null?void 0:x.installed)===!1||we==="not-installed",me=!ye&&we==="live",je=!ye&&we==="stopped",ie=R.find(I=>I.name===N)??null,P=Ye(ie,N),oe=os(ie),Ee=(ie==null?void 0:ie.mine)===!0&&!ie.running&&ie.lastUsedAt===null,ke=me&&(D.status==="disconnected"||D.status==="connecting"),Te=x===null&&h!==null,G=D.error??b??(Te?null:h),u=G!==null&&G!==y?G:null;return n.jsxs("div",{className:"flex h-full min-h-0 flex-col",children:[n.jsx(gs,{sessions:R,selected:N,home:M,currentSessionId:B,followAgent:c,busy:w,onSelect:V,onToggleFollow:_,onOpenSkill:te,onCreate:C,onRemove:K,onStop:ae,onSetArchived:Z,onShowDefault:E,onClose:t}),me&&n.jsx(ls,{page:D.page,tabs:D.tabs,followed:D.followed,status:ke?"offline":fe,readOnly:!oe,onNavigate:se,onBack:de,onForward:ve,onReload:ge,onFollow:he,onCloseTab:pe,onAnnotate:l&&!r?Se:void 0}),u&&n.jsx(Ys,{message:u,onDismiss:()=>{j(null),k(G)}}),n.jsxs("div",{className:"relative flex min-h-0 flex-1 flex-col",children:[Te&&n.jsx(ts,{message:h,onRetry:p}),ye&&n.jsx(Qn,{onOpenSkill:te}),!ye&&x!==null&&!L&&n.jsx(Nt,{}),je&&(Ee?n.jsx(Nt,{onOpen:be}):n.jsx(es,{name:P,lastUrl:(ie==null?void 0:ie.lastUrl)??null,onOpen:oe?be:void 0})),me&&r&&l&&n.jsx(Fs,{frame:r,onAdd:l,onCancel:()=>i(null)}),me&&!r&&n.jsxs(n.Fragment,{children:[n.jsx(Ms,{className:"flex-1",frame:D.frame,send:H,onSizeChange:J,readOnly:!oe}),ke&&n.jsx(Ws,{}),n.jsx(qn,{activity:z&&U===N?z:null})]}),!ye&&!Te&&(x===null||L)&&!je&&!me&&n.jsxs("div",{role:"status",className:"flex flex-1 items-center justify-center gap-2 text-sm text-muted-foreground",children:[n.jsx(ct,{}),"Connecting to ",P,"…"]})]}),n.jsx(ps,{open:O,onOpenChange:m,readTargets:q,install:$})]})}function Hs(s){const e=Ce.c(5),[,t]=a.useState(0);let l;e[0]!==t||e[1]!==s?(l=()=>{if(s===null)return;const i=s+Mt-Date.now();if(i<=0)return;const o=setTimeout(()=>t(Ks),i);return()=>clearTimeout(o)},e[0]=t,e[1]=s,e[2]=l):l=e[2];let r;return e[3]!==s?(r=[s],e[3]=s,e[4]=r):r=e[4],a.useEffect(l,r),s===null?"idle":Date.now()-s<Mt?"live":"idle"}function Ks(s){return s+1}function Ws(){const s=Ce.c(1);let e;return s[0]===Symbol.for("react.memo_cache_sentinel")?(e=n.jsx("div",{className:"pointer-events-none absolute inset-x-0 top-0 flex justify-center p-2",children:n.jsx("span",{role:"status",className:"rounded-full bg-popover px-2.5 py-0.5 text-[11px] text-muted-foreground shadow-xs",children:"Reconnecting…"})}),s[0]=e):e=s[0],e}function Ys(s){const e=Ce.c(9),{message:t,onDismiss:l}=s;let r;e[0]===Symbol.for("react.memo_cache_sentinel")?(r=n.jsx(dt,{"aria-hidden":!0,className:"size-3.5 shrink-0"}),e[0]=r):r=e[0];let i;e[1]!==t?(i=n.jsx("span",{className:"min-w-0 flex-1 truncate",children:t}),e[1]=t,e[2]=i):i=e[2];let o;e[3]===Symbol.for("react.memo_cache_sentinel")?(o=n.jsx(Ze,{"data-icon":"inline-start"}),e[3]=o):o=e[3];let f;e[4]!==l?(f=n.jsx(re,{variant:"ghost",size:"icon-xs","aria-label":"Dismiss",onClick:l,children:o}),e[4]=l,e[5]=f):f=e[5];let c;return e[6]!==i||e[7]!==f?(c=n.jsxs("div",{className:"flex shrink-0 items-center gap-2 border-b border-destructive/30 bg-destructive/10 px-2 py-1 text-xs text-destructive",children:[r,i,f]}),e[6]=i,e[7]=f,e[8]=c):c=e[8],c}export{qs as BrowserPanel};