cogpit 3.1.0 → 3.3.2

package/dist/web/assets/{index-DRHHijwL.js → index-y28pnuxv.js}

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

package/dist/web/index.html

@@ -14,7 +14,7 @@
       .dark body { background: var(--canvas, #09090b); color: var(--foreground, #fafafa); }
       body { background: var(--canvas, #fafafa); color: var(--foreground, #09090b); }
     </style>
-    <script type="module" crossorigin src="/assets/index-CYJLZdyZ.js"></script>
+    <script type="module" crossorigin src="/assets/index-DUfVcKxj.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-react-gGw_S5I_.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-ui-Dxtv9P3W.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-markdown-BE1gYnO9.js">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cogpit",
-  "version": "3.1.0",
+  "version": "3.3.2",
   "description": "Run Cogpit's local Claude Code, Codex, and GitHub Copilot CLI interface without installing it",
   "license": "MIT",
   "repository": {