browsentic 0.4.6 → 0.4.9

package/extension/chrome-mv3/chunks/popup-B_-2m0P9.js

@@ -0,0 +1 @@
+import{n as e}from"./rolldown-runtime-Bh1tDfsg.js";import{$ as t,H as n,J as r,K as i,Y as a,_ as o,ct as s,h as c,m as l,nt as u,ot as d,p as f,q as p,r as m,st as h,t as g,tt as _,ut as v,v as y,y as b}from"./globals-C7iS-PkW.js";var x=d(`panel-right-open`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M15 3v18`,key:`14nvp0`}],[`path`,{d:`m10 15-3-3 3-3`,key:`1pgupc`}]]),S=e(s(),1),C=e(v(),1),w=r(),T={unpaired:`Pair this browser to start`,offline:`The daemon isn’t answering — start browsentic`,agent:`That agent cannot run — pick another below`};function E(){let e=b(),r=m(),[s,d]=(0,C.useState)(!1),v=e?.paired??!1;async function S(){let e=await h.windows.getCurrent();e.id!=null&&(await f(e.id),window.close())}let E=g({active:s&&(e?.connected??!1),onSubmit:e=>{d(!1),r.send(e),S()}}),D=p(e,{running:r.running,listening:s&&E.listening}),O=D.ready;function k(){O&&E.submitNow()}function A(){if(E.supported){if(s&&E.error){E.retry();return}d(e=>!e)}}let j=D.blocker?T[D.blocker]:E.error?E.error:s&&E.listening?E.interim||`Listening… speak, then pause`:r.running?`Working — open the side panel to watch`:E.supported?`Tap to talk, or type below`:`Type your instruction below`;return(0,w.jsxs)(`div`,{className:`flex w-[22rem] flex-col`,children:[(0,w.jsxs)(`header`,{className:`flex items-center gap-2 px-4 py-3`,children:[(0,w.jsx)(o,{className:`flex-1`}),(0,w.jsx)(i,{tone:D.tone,children:D.label})]}),v&&(0,w.jsxs)(`main`,{className:`dot-grid flex flex-col items-center gap-4 border-y border-line px-4 py-6`,children:[(0,w.jsxs)(`button`,{type:`button`,"aria-label":s?`Stop listening`:`Start listening`,onClick:A,disabled:!O||!E.supported,className:a(`relative flex size-20 items-center justify-center rounded-full border transition-all outline-none`,`focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-offset-2 focus-visible:ring-offset-ground`,(!O||!E.supported)&&`opacity-40`,s?`border-magenta/60 bg-magenta/15 text-magenta`:`glow-brand border-brand/50 bg-brand/10 text-brand enabled:hover:scale-105 enabled:hover:bg-brand/20`),children:[s&&E.listening&&(0,w.jsx)(`span`,{className:`absolute inset-0 animate-ping rounded-full bg-magenta/25`}),s?(0,w.jsx)(u,{className:`size-8`}):(0,w.jsx)(_,{className:`size-8`})]}),(0,w.jsx)(`p`,{className:a(`min-h-8 text-center text-xs leading-relaxed`,E.error||!D.ready?`text-amber`:`text-ink-dim`),children:j}),(0,w.jsxs)(`form`,{className:`flex w-full gap-1.5`,onSubmit:e=>{e.preventDefault(),k()},children:[(0,w.jsx)(c,{value:E.input,onChange:e=>E.setInput(e.target.value),placeholder:`What should I do?`,"aria-label":`Instruction for Browsentic`,className:`h-8 text-xs`,disabled:!O}),(0,w.jsx)(n,{type:`submit`,size:`sm`,"aria-label":`Send`,disabled:!O||!E.input.trim(),children:(0,w.jsx)(t,{})})]}),(0,w.jsxs)(n,{variant:`outline`,size:`sm`,className:`w-full`,onClick:S,children:[(0,w.jsx)(x,{}),` Open the side panel`]})]}),(0,w.jsxs)(`div`,{className:`space-y-4 p-4`,children:[(0,w.jsx)(l,{}),(0,w.jsx)(y,{})]})]})}S.createRoot(document.getElementById(`root`)).render((0,w.jsx)(C.StrictMode,{children:(0,w.jsx)(E,{})}));

package/extension/chrome-mv3/chunks/sidepanel-Bv8WKKVC.js

@@ -0,0 +1,11 @@
+import{n as e}from"./rolldown-runtime-Bh1tDfsg.js";import{$ as t,A as n,B as r,C as i,D as a,E as o,F as s,G as c,H as l,I as u,J as d,K as f,L as p,M as m,N as h,O as g,P as _,Q as v,R as ee,S as y,T as b,U as x,V as S,W as C,X as w,Y as T,Z as E,_ as D,a as O,at as k,b as A,c as j,ct as M,d as te,et as ne,f as re,g as N,h as P,i as ie,it as ae,j as oe,k as se,l as F,lt as ce,m as le,n as ue,nt as de,o as fe,ot as I,q as pe,r as me,rt as L,s as he,st as R,t as ge,tt as _e,u as ve,ut as ye,v as be,w as xe,x as Se,y as Ce,z as we}from"./globals-C7iS-PkW.js";var Te=I(`arrow-down`,[[`path`,{d:`M12 5v14`,key:`s699le`}],[`path`,{d:`m19 12-7 7-7-7`,key:`1idqje`}]]),z=I(`book-open`,[[`path`,{d:`M12 5v16`,key:`1f6ucr`}],[`path`,{d:`M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z`,key:`1fyvmf`}]]),Ee=I(`braces`,[[`path`,{d:`M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1`,key:`ezmyqa`}],[`path`,{d:`M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1`,key:`e1hn23`}]]),De=I(`camera`,[[`path`,{d:`M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z`,key:`18u6gg`}],[`circle`,{cx:`12`,cy:`13`,r:`3`,key:`1vg3eu`}]]),Oe=I(`circle`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}]]),B=I(`clapperboard`,[[`path`,{d:`m12.296 3.464 3.02 3.956`,key:`qash78`}],[`path`,{d:`M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3z`,key:`1h7j8b`}],[`path`,{d:`M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z`,key:`4lm6w1`}],[`path`,{d:`m6.18 5.276 3.1 3.899`,key:`zjj9t3`}]]),ke=I(`code-xml`,[[`path`,{d:`m18 16 4-4-4-4`,key:`1inbqp`}],[`path`,{d:`m6 8-4 4 4 4`,key:`15zrgr`}],[`path`,{d:`m14.5 4-5 16`,key:`e7oirm`}]]),Ae=I(`compass`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z`,key:`9ktpf1`}]]),je=I(`corner-down-left`,[[`path`,{d:`M20 4v7a4 4 0 0 1-4 4H4`,key:`6o5b7l`}],[`path`,{d:`m9 10-5 5 5 5`,key:`1kshq7`}]]),Me=I(`cpu`,[[`path`,{d:`M12 20v2`,key:`1lh1kg`}],[`path`,{d:`M12 2v2`,key:`tus03m`}],[`path`,{d:`M17 20v2`,key:`1rnc9c`}],[`path`,{d:`M17 2v2`,key:`11trls`}],[`path`,{d:`M2 12h2`,key:`1t8f8n`}],[`path`,{d:`M2 17h2`,key:`7oei6x`}],[`path`,{d:`M2 7h2`,key:`asdhe0`}],[`path`,{d:`M20 12h2`,key:`1q8mjw`}],[`path`,{d:`M20 17h2`,key:`1fpfkl`}],[`path`,{d:`M20 7h2`,key:`1o8tra`}],[`path`,{d:`M7 20v2`,key:`4gnj0m`}],[`path`,{d:`M7 2v2`,key:`1i4yhu`}],[`rect`,{x:`4`,y:`4`,width:`16`,height:`16`,rx:`2`,key:`1vbyd7`}],[`rect`,{x:`8`,y:`8`,width:`8`,height:`8`,rx:`1`,key:`z9xiuo`}]]),Ne=I(`external-link`,[[`path`,{d:`M15 3h6v6`,key:`1q9fwt`}],[`path`,{d:`M10 14 21 3`,key:`gplh6r`}],[`path`,{d:`M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6`,key:`a6xqqp`}]]),Pe=I(`eye`,[[`path`,{d:`M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0`,key:`1nclc0`}],[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}]]),Fe=I(`file-text`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10 9H8`,key:`b1mrlr`}],[`path`,{d:`M16 13H8`,key:`t4e002`}],[`path`,{d:`M16 17H8`,key:`z1uh3a`}]]),Ie=I(`file-up`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M12 12v6`,key:`3ahymv`}],[`path`,{d:`m15 15-3-3-3 3`,key:`15xj92`}]]),Le=I(`folder-open`,[[`path`,{d:`m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2`,key:`usdka0`}]]),V=I(`globe`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20`,key:`13o1zl`}],[`path`,{d:`M2 12h20`,key:`9i4pu4`}]]),Re=I(`highlighter`,[[`path`,{d:`m9 11-6 6v3h9l3-3`,key:`1a3l36`}],[`path`,{d:`m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4`,key:`14a9rk`}]]),ze=I(`hourglass`,[[`path`,{d:`M5 22h14`,key:`ehvnwv`}],[`path`,{d:`M5 2h14`,key:`pdyrp9`}],[`path`,{d:`M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22`,key:`1d314k`}],[`path`,{d:`M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2`,key:`1vvvr6`}]]),Be=I(`images`,[[`path`,{d:`m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16`,key:`9kzy35`}],[`path`,{d:`M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2`,key:`1t0f0t`}],[`circle`,{cx:`13`,cy:`7`,r:`1`,fill:`currentColor`,key:`1obus6`}],[`rect`,{x:`8`,y:`2`,width:`14`,height:`14`,rx:`2`,key:`1gvhby`}]]),Ve=I(`info`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 16v-4`,key:`1dtifu`}],[`path`,{d:`M12 8h.01`,key:`e9boi3`}]]),He=I(`key-round`,[[`path`,{d:`M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z`,key:`1s6t7t`}],[`circle`,{cx:`16.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`w0ekpg`}]]),Ue=I(`keyboard`,[[`path`,{d:`M10 8h.01`,key:`1r9ogq`}],[`path`,{d:`M12 12h.01`,key:`1mp3jc`}],[`path`,{d:`M14 8h.01`,key:`1primd`}],[`path`,{d:`M16 12h.01`,key:`1l6xoz`}],[`path`,{d:`M18 8h.01`,key:`emo2bl`}],[`path`,{d:`M6 8h.01`,key:`x9i8wu`}],[`path`,{d:`M7 16h10`,key:`wp8him`}],[`path`,{d:`M8 12h.01`,key:`czm47f`}],[`rect`,{width:`20`,height:`16`,x:`2`,y:`4`,rx:`2`,key:`18n3k1`}]]),We=I(`layers`,[[`path`,{d:`M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z`,key:`zw3jo`}],[`path`,{d:`M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12`,key:`1wduqc`}],[`path`,{d:`M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17`,key:`kqbvx6`}]]),Ge=I(`list-checks`,[[`path`,{d:`M13 5h8`,key:`a7qcls`}],[`path`,{d:`M13 12h8`,key:`h98zly`}],[`path`,{d:`M13 19h8`,key:`c3s6r1`}],[`path`,{d:`m3 17 2 2 4-4`,key:`1jhpwq`}],[`path`,{d:`m3 7 2 2 4-4`,key:`1obspn`}]]),Ke=I(`lock`,[[`rect`,{width:`18`,height:`11`,x:`3`,y:`11`,rx:`2`,ry:`2`,key:`1w4ew1`}],[`path`,{d:`M7 11V7a5 5 0 0 1 10 0v4`,key:`fwvmzm`}]]),qe=I(`messages-square`,[[`path`,{d:`M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z`,key:`1n2ejm`}],[`path`,{d:`M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1`,key:`1qfcsi`}]]),Je=I(`mouse-pointer-click`,[[`path`,{d:`M14 4.1 12 6`,key:`ita8i4`}],[`path`,{d:`m5.1 8-2.9-.8`,key:`1go3kf`}],[`path`,{d:`m6 12-1.9 2`,key:`mnht97`}],[`path`,{d:`M7.2 2.2 8 5.1`,key:`1cfko1`}],[`path`,{d:`M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z`,key:`s0h3yz`}]]),Ye=I(`move-vertical`,[[`path`,{d:`M12 2v20`,key:`t6zp3m`}],[`path`,{d:`m8 18 4 4 4-4`,key:`bh5tu3`}],[`path`,{d:`m8 6 4-4 4 4`,key:`ybng9g`}]]),Xe=I(`panel-right-close`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M15 3v18`,key:`14nvp0`}],[`path`,{d:`m8 9 3 3-3 3`,key:`12hl5m`}]]),Ze=I(`paperclip`,[[`path`,{d:`m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551`,key:`1miecu`}]]),Qe=I(`pencil`,[[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}],[`path`,{d:`m15 5 4 4`,key:`1mk7zo`}]]),$e=I(`play`,[[`path`,{d:`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,key:`10ikf1`}]]),H=I(`radar`,[[`path`,{d:`M19.07 4.93A10 10 0 0 0 6.99 3.34`,key:`z3du51`}],[`path`,{d:`M4 6h.01`,key:`oypzma`}],[`path`,{d:`M2.29 9.62A10 10 0 1 0 21.31 8.35`,key:`qzzz0`}],[`path`,{d:`M16.24 7.76A6 6 0 1 0 8.23 16.67`,key:`1yjesh`}],[`path`,{d:`M12 18h.01`,key:`mhygvu`}],[`path`,{d:`M17.99 11.66A6 6 0 0 1 15.77 16.67`,key:`1u2y91`}],[`circle`,{cx:`12`,cy:`12`,r:`2`,key:`1c9p78`}],[`path`,{d:`m13.41 10.59 5.66-5.66`,key:`mhq4k0`}]]),et=I(`rotate-ccw-clock`,[[`path`,{d:`M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8`,key:`1357e3`}],[`path`,{d:`M3 3v5h5`,key:`1xhq8a`}],[`path`,{d:`M12 7v5l4 2`,key:`1fdv2h`}]]),tt=I(`scan-eye`,[[`path`,{d:`M3 7V5a2 2 0 0 1 2-2h2`,key:`aa7l1z`}],[`path`,{d:`M17 3h2a2 2 0 0 1 2 2v2`,key:`4qcy5o`}],[`path`,{d:`M21 17v2a2 2 0 0 1-2 2h-2`,key:`6vwrx8`}],[`path`,{d:`M7 21H5a2 2 0 0 1-2-2v-2`,key:`ioqczr`}],[`circle`,{cx:`12`,cy:`12`,r:`1`,key:`41hilf`}],[`path`,{d:`M18.944 12.33a1 1 0 0 0 0-.66 7.5 7.5 0 0 0-13.888 0 1 1 0 0 0 0 .66 7.5 7.5 0 0 0 13.888 0`,key:`11ak4c`}]]),nt=I(`settings-2`,[[`path`,{d:`M14 17H5`,key:`gfn3mx`}],[`path`,{d:`M19 7h-9`,key:`6i9tg`}],[`circle`,{cx:`17`,cy:`17`,r:`3`,key:`18b49y`}],[`circle`,{cx:`7`,cy:`7`,r:`3`,key:`dfmy0x`}]]),rt=I(`shield-alert`,[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`M12 8v4`,key:`1got3b`}],[`path`,{d:`M12 16h.01`,key:`1drbdi`}]]),it=I(`sliders-horizontal`,[[`path`,{d:`M10 5H3`,key:`1qgfaw`}],[`path`,{d:`M12 19H3`,key:`yhmn1j`}],[`path`,{d:`M14 3v4`,key:`1sua03`}],[`path`,{d:`M16 17v4`,key:`1q0r14`}],[`path`,{d:`M21 12h-9`,key:`1o4lsq`}],[`path`,{d:`M21 19h-5`,key:`1rlt1p`}],[`path`,{d:`M21 5h-7`,key:`1oszz2`}],[`path`,{d:`M8 10v4`,key:`tgpxqk`}],[`path`,{d:`M8 12H3`,key:`a7s4jb`}]]),at=I(`sparkles`,[[`path`,{d:`M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z`,key:`1s2grr`}],[`path`,{d:`M20 2v4`,key:`1rf3ol`}],[`path`,{d:`M22 4h-4`,key:`gwowj6`}],[`circle`,{cx:`4`,cy:`20`,r:`2`,key:`6kqj1y`}]]),ot=I(`square-pen`,[[`path`,{d:`M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7`,key:`1m0v6g`}],[`path`,{d:`M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z`,key:`ohrbg2`}]]),st=I(`square-slash`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`line`,{x1:`9`,x2:`15`,y1:`15`,y2:`9`,key:`1dfufj`}]]),ct=I(`square`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}]]),lt=I(`terminal`,[[`path`,{d:`M12 19h8`,key:`baeox8`}],[`path`,{d:`m4 17 6-6-6-6`,key:`1yngyt`}]]),ut=I(`text-cursor-input`,[[`path`,{d:`M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6`,key:`1528k5`}],[`path`,{d:`M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7`,key:`13ksps`}],[`path`,{d:`M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1`,key:`1n9rhb`}],[`path`,{d:`M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1`,key:`1mj8rg`}],[`path`,{d:`M9 6v12`,key:`velyjx`}]]),dt=I(`trash-2`,[[`path`,{d:`M10 11v6`,key:`nco0om`}],[`path`,{d:`M14 11v6`,key:`outv1u`}],[`path`,{d:`M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6`,key:`miytrc`}],[`path`,{d:`M3 6h18`,key:`d0wm0j`}],[`path`,{d:`M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2`,key:`e791ji`}]]),ft=I(`type`,[[`path`,{d:`M12 4v16`,key:`1654pz`}],[`path`,{d:`M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2`,key:`e0r10z`}],[`path`,{d:`M9 20h6`,key:`s66wpe`}]]),pt=I(`upload`,[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]]),mt=I(`wrench`,[[`path`,{d:`M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z`,key:`1ngwbx`}]]),U=I(`x`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]),ht=I(`zap`,[[`path`,{d:`M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z`,key:`1v7up4`}]]),W=e(ye(),1),gt=e(M(),1),_t=[`general`,`site-exploration`],vt=/^[a-z0-9][a-z0-9-]{0,47}$/,yt=32*1024,bt=/^[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)+$/,xt=300,St=3,Ct=60;function wt(e){let t=/^---[ \t]*\r?\n([\s\S]*?)\r?\n---[ \t]*\r?\n?/.exec(e);if(!t)return{fields:{},body:e};let n={};for(let e of t[1].split(/\r?\n/)){let t=e.indexOf(`:`);t>0&&(n[e.slice(0,t).trim()]=e.slice(t+1).trim())}return{fields:n,body:e.slice(t[0].length)}}function Tt(e){return e?e.replace(/^\[|\]$/g,``).split(`,`).map(e=>e.trim().replace(/^['"]|['"]$/g,``)).filter(Boolean):[]}function Et(e){return e?.trim()===`site-exploration`?`site-exploration`:`general`}function Dt(e){return e.replace(/[\r\n]+/g,` `).replace(/\s+/g,` `).trim()}function Ot(e){try{return new URL(e).hostname.toLowerCase()}catch{return``}}function kt(e){let t=e.trim().toLowerCase();return t?(t.includes(`://`)?Ot(t):t).replace(/^\/+|\/+$/g,``).split(`/`)[0].split(`:`)[0].replace(/^\.+|\.+$/g,``):``}function At(e){return e===`localhost`||e.length<=253&&bt.test(e)}function jt(e,t){return Mt(e,t).length>0}function Mt(e,t){let n=e.toLowerCase();return n?t.filter(e=>n===e||n.endsWith(`.${e}`)).sort((e,t)=>t.length-e.length):[]}function Nt(e,t={}){let n=e.name.trim().toLowerCase();if(!n)return G(`Give the skill a name.`);if(!vt.test(n))return G(`Names use lowercase letters, digits and hyphens only, starting with a letter or digit (max 48).`);if(t.reservedNames?.some(e=>e.toLowerCase()===n))return G(`"${n}" is the name of a built-in skill. Pick another.`);let r=Dt(e.description).slice(0,xt),i=e.category;if(!_t.includes(i))return G(`Unknown category "${String(i)}".`);let a=It(e.domains.map(kt).filter(Boolean));if(i===`site-exploration`){if(!a.length)return G(`A site-exploration skill needs at least one domain, like acme.com.`);if(a.length>20)return G(`At most 20 domains.`);for(let e of a){if(e.includes(`*`))return G(`"${e}" — wildcards are not supported; subdomains match automatically.`);if(!At(e))return G(`"${e}" is not a domain. Use something like acme.com.`)}}let o=i===`site-exploration`?[]:It(e.triggers.map(e=>Dt(e).toLowerCase()).filter(Boolean));if(o.length>30)return G(`At most 30 triggers.`);for(let e of o)if(e.length<St||e.length>Ct)return G(`Trigger "${e}" must be ${St}–${Ct} characters.`);let s=wt(e.body.replace(/\r\n/g,`
+`)).body.trim();return s?Pt(s)>32768?G(`The skill is larger than ${Math.round(yt/1024)} KB. Trim it down.`):{ok:!0,draft:{name:n,description:r,category:i,domains:a,triggers:o,body:s}}:G(`The skill has no instructions — add some markdown below the front matter.`)}function Pt(e){let t=0;for(let n=0;n<e.length;n++){let r=e.charCodeAt(n);r<128?t+=1:r<2048?t+=2:r>=55296&&r<=56319?(t+=4,n++):t+=3}return t}function Ft(e,t){let{fields:n,body:r}=wt(e.replace(/\r\n/g,`
+`)),i=kt(t.replace(/\.(md|markdown)$/i,``)).replace(/[^a-z0-9-]+/g,`-`).replace(/^-+|-+$/g,``);return{name:(n.name||i).toLowerCase(),description:n.description??``,category:Et(n.category),domains:Tt(n.domains).map(kt).filter(Boolean),triggers:Tt(n.triggers).map(e=>e.toLowerCase()),body:r.trim()}}function It(e){return[...new Set(e)]}function G(e){return{ok:!1,message:e}}var Lt=`/context`,Rt=`See what this conversation carries — messages, files, recordings, tabs.`,K=d(),zt={command:0,site:1,general:2,agent:3,"other-site":4};function Bt(e,t,n){let r=Ot(t),i=[{key:`command:context`,group:`command`,name:`context`,description:Rt,command:Lt}];for(let t of e?.skills??[]){let e=t.category===`site-exploration`?r&&jt(r,t.domains)?`site`:`other-site`:`general`;i.push({key:`${e}:${t.name}`,group:e,name:t.name,description:t.description})}for(let t of e?.agentSkills??[])i.push({key:`agent:${t.id}`,group:`agent`,name:t.name,description:t.description,agentSkillId:t.id});let a=n.trim().toLowerCase();return(a?i.filter(e=>e.name.toLowerCase().includes(a)||e.description.toLowerCase().includes(a)):i).sort((e,t)=>zt[e.group]-zt[t.group]||e.name.localeCompare(t.name))}function Vt({items:e,agent:t,highlight:n,onHover:r,onSelect:i}){let a={command:`Commands`,site:`On this site`,general:`Browsentic skills`,agent:`${t?w[t].label:`Agent`} skills`,"other-site":`Other sites`};return(0,K.jsx)(`div`,{role:`listbox`,"aria-label":`Skills and commands`,className:`enters absolute inset-x-0 bottom-full z-20 mb-2 max-h-64 overflow-y-auto rounded-xl border border-line bg-surface shadow-lg`,children:e.length===0?(0,K.jsx)(`p`,{className:`px-3 py-2.5 text-[11px] text-ink-faint`,children:`Nothing matches — keep typing, or press Escape.`}):e.map((t,o)=>(0,K.jsxs)(`div`,{children:[(o===0||e[o-1].group!==t.group)&&(0,K.jsx)(`p`,{className:`px-3 pt-2 pb-1 font-mono text-[10px] tracking-[0.14em] text-ink-faint uppercase`,children:a[t.group]}),(0,K.jsxs)(`button`,{type:`button`,role:`option`,"aria-selected":o===n,onMouseEnter:()=>r(o),onMouseDown:e=>{e.preventDefault(),i(t)},className:T(`flex w-full items-start gap-2 px-3 py-1.5 text-left transition-colors`,o===n?`bg-brand/12`:`hover:bg-ground/40`),children:[t.group===`command`?(0,K.jsx)(st,{className:`mt-0.5 size-3 shrink-0 text-amber`}):t.group===`agent`?(0,K.jsx)(at,{className:`mt-0.5 size-3 shrink-0 text-brand`}):t.group===`general`?(0,K.jsx)(z,{className:`mt-0.5 size-3 shrink-0 text-ink-faint`}):(0,K.jsx)(V,{className:`mt-0.5 size-3 shrink-0 text-ink-faint`}),(0,K.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,K.jsx)(`span`,{className:`block truncate text-xs font-medium text-ink`,children:t.name}),t.description&&(0,K.jsx)(`span`,{className:`block truncate text-[11px] text-ink-dim`,children:t.description})]})]})]},t.key))})}function Ht({className:e,...t}){return(0,K.jsx)(`textarea`,{"data-slot":`textarea`,className:T(`field-sizing-content flex min-h-16 w-full rounded-lg border border-line-strong bg-ground/60 px-3 py-2 text-sm text-ink outline-none transition-colors`,`placeholder:text-ink-faint selection:bg-brand/30 selection:text-ink`,`focus-visible:border-brand/55`,`disabled:cursor-not-allowed disabled:opacity-45`,e),...t})}async function Ut(){let[e]=await R.tabs.query({active:!0,currentWindow:!0});if(e?.id==null)return{error:`No active tab to point at`};let t=await A({id:e.id,windowId:e.windowId});if(!t.ok)return t.error.code===`PICK_CANCELLED`?{cancelled:!0}:{error:t.error.message};let{element:n,content:r,truncated:i,url:a,title:o,shot:s}=t.data;return{focus:{tag:n.tag,role:n.role,selector:n.selector,label:n.text,content:r,truncated:i,url:a,title:o,shot:s?.dataUrl}}}var Wt=e=>e.label?.trim()||e.role||e.tag;function Gt({voice:e,voiceEnabled:n,connected:r,running:i,files:a,attachError:o,catalog:s,tabUrl:c,attachedSkill:u,focus:d,picking:f,liveTools:p,onToggleLiveTools:m,onAttachSkill:h,onCommand:g,onSend:_,onStop:v,onToggleVoice:ee,onPick:y,onClearFocus:b,onAttachPage:x,onAttachFile:S,onRemoveFile:C}){let w=(0,W.useRef)(null),E=(0,W.useRef)(null),D=e.input.startsWith(`/`)?e.input.slice(1):null,O=D!==null&&r,[k,A]=(0,W.useState)(0),j=(0,W.useMemo)(()=>O?Bt(s,c,D??``):[],[O,s,c,D]);(0,W.useEffect)(()=>A(0),[D]);let{cancelPending:M}=e;(0,W.useEffect)(()=>{O&&M()},[O,M]);function te(t){t.command?(e.setInput(``),g(t.command)):t.agentSkillId?(h({id:t.agentSkillId,name:t.name}),e.setInput(``)):e.setInput(`@${t.name} `),E.current?.focus()}function ne(e){e.target.closest(`button, textarea`)||E.current?.focus()}return(0,K.jsxs)(K.Fragment,{children:[o&&(0,K.jsx)(`p`,{className:`mb-2 rounded-lg border border-amber/40 bg-amber/10 px-2.5 py-1.5 text-[11px] text-amber`,children:o}),(0,K.jsx)(Kt,{focus:d,picking:f,onClear:b}),u&&(0,K.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 rounded-xl border border-brand/35 bg-brand/8 px-2.5 py-1.5 text-xs`,children:[(0,K.jsx)(at,{className:`size-3.5 shrink-0 text-brand`}),(0,K.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-ink`,children:[`Skill attached: `,(0,K.jsx)(`span`,{className:`font-medium`,children:u.name})]}),(0,K.jsx)(`button`,{type:`button`,onClick:()=>h(null),"aria-label":`Detach ${u.name}`,className:`shrink-0 rounded-full p-1 text-ink-faint transition-colors hover:bg-surface hover:text-ink`,children:(0,K.jsx)(U,{className:`size-3`})})]}),p&&(0,K.jsxs)(`div`,{className:`enters mb-2 flex items-center gap-2 rounded-xl border border-ember/40 bg-ember/8 px-2.5 py-1.5 text-xs`,children:[(0,K.jsx)(ke,{className:`size-3.5 shrink-0 text-ember`}),(0,K.jsxs)(`span`,{className:`min-w-0 flex-1 text-ink-dim`,children:[(0,K.jsx)(`span`,{className:`font-medium text-ink`,children:`Live tool on`}),` — the agent may write a script for this page. You approve the code first.`]}),(0,K.jsx)(`button`,{type:`button`,onClick:m,"aria-label":`Turn live tools off`,className:`shrink-0 rounded-full p-1 text-ink-faint transition-colors hover:bg-surface hover:text-ink`,children:(0,K.jsx)(U,{className:`size-3`})})]}),(0,K.jsx)(Jt,{files:a,onRemove:C}),(0,K.jsx)(qt,{voice:e,voiceEnabled:n}),(0,K.jsxs)(`div`,{onClick:ne,className:T(`panel-card relative flex flex-col rounded-2xl transition-colors has-[textarea:focus]:border-brand/50`,r&&`cursor-text`),children:[O&&(0,K.jsx)(Vt,{items:j,agent:s?.agent,highlight:k,onHover:A,onSelect:te}),(0,K.jsx)(Ht,{ref:E,value:e.input,onChange:t=>e.setInput(t.target.value),onKeyDown:t=>{if(O){if(t.key===`Escape`){t.preventDefault(),e.setInput(``);return}if(j.length>0){if(t.key===`ArrowDown`){t.preventDefault(),A(e=>(e+1)%j.length);return}if(t.key===`ArrowUp`){t.preventDefault(),A(e=>(e-1+j.length)%j.length);return}if(t.key===`Enter`||t.key===`Tab`){t.preventDefault(),te(j[Math.min(k,j.length-1)]);return}}}t.key===`Enter`&&!t.shiftKey&&(t.preventDefault(),_())},placeholder:r?`Tell me what to do on this page…`:`Pair the browser to get started`,disabled:!r,rows:2,className:`max-h-48 min-h-14 resize-none rounded-none border-0 bg-transparent px-3 pt-2.5 pb-0 focus-visible:border-0`}),(0,K.jsxs)(`div`,{className:`flex items-center gap-0.5 px-1.5 pb-1.5`,children:[(0,K.jsx)(l,{variant:d||f?`subtle`:`ghost`,size:`icon-sm`,title:`A-Eye — point at an element on the page and send it with your next message`,"aria-label":`Point at an element with A-Eye`,onClick:y,disabled:!r||f,className:T(d||f?`text-ember`:void 0),children:(0,K.jsx)(tt,{className:T(`size-3.5`,f&&`animate-pulse`)})}),(0,K.jsx)(l,{variant:`ghost`,size:`icon-sm`,title:`Add this page’s title, URL and selection to the message`,"aria-label":`Attach page context`,onClick:x,disabled:!r,children:(0,K.jsx)(Ze,{className:`size-3.5`})}),(0,K.jsx)(l,{variant:`ghost`,size:`icon-sm`,title:`Attach a file for the agent to read`,"aria-label":`Attach a file`,onClick:()=>w.current?.click(),disabled:!r,children:(0,K.jsx)(Ie,{className:`size-3.5`})}),(0,K.jsx)(l,{variant:p?`subtle`:`ghost`,size:`icon-sm`,role:`switch`,"aria-checked":p,"aria-label":p?`Turn live tools off`:`Turn live tools on`,title:p?`Live tool is on — the agent may write a small script for this page and ask you to approve it. Turn it off to keep to the built-in tools.`:`Live tool — let the agent write a small script for repetitive work or for something no tool covers. You review and approve the code before it runs.`,onClick:m,disabled:!r,className:T(p?`text-ember`:void 0),children:(0,K.jsx)(ke,{className:`size-3.5`})}),(0,K.jsxs)(l,{variant:n&&!e.error?`subtle`:`ghost`,size:`icon-sm`,"aria-label":n?`Turn voice off`:`Turn voice on`,title:e.supported?`Speak instead of typing`:`Voice input is not available in this browser`,onClick:ee,disabled:!e.supported,className:`relative`,children:[n&&e.listening&&(0,K.jsx)(`span`,{className:`absolute inset-0 animate-ping rounded-full bg-magenta/30`}),n&&!e.error?(0,K.jsx)(_e,{className:`size-3.5`}):(0,K.jsx)(de,{className:`size-3.5`})]}),i?(0,K.jsx)(l,{size:`icon-sm`,variant:`destructive`,className:`ml-auto`,"aria-label":`Stop the agent`,onClick:v,children:(0,K.jsx)(ct,{className:`size-3 fill-current`})}):(0,K.jsx)(l,{size:`icon-sm`,className:`ml-auto`,"aria-label":`Send message`,onClick:_,disabled:!e.input.trim()||!r,children:(0,K.jsx)(t,{className:`size-3.5`})})]})]}),(0,K.jsx)(`input`,{ref:w,type:`file`,className:`hidden`,onChange:e=>{let t=e.target.files?.[0];e.target.value=``,t&&S(t)}}),(0,K.jsx)(`p`,{className:`mt-2 text-center font-mono text-[10px] text-ink-faint`,children:n&&e.supported?`Speak and pause to send · Enter sends now`:`Enter to send · Shift + Enter for a new line · / for skills and commands`})]})}function Kt({focus:e,picking:t,onClear:n}){return!t&&!e?null:(0,K.jsxs)(`div`,{className:`enters mb-2 flex items-center gap-2 rounded-xl border border-ember/40 bg-ember/8 px-2.5 py-1.5 text-xs`,children:[(0,K.jsx)(tt,{className:T(`size-3.5 shrink-0 text-ember`,t&&`animate-pulse`)}),t||!e?(0,K.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-ink-dim`,children:[`Point at anything on the page — `,(0,K.jsx)(`span`,{className:`text-ink-faint`,children:`Esc cancels`})]}):(0,K.jsxs)(K.Fragment,{children:[e.shot&&(0,K.jsx)(`img`,{src:e.shot,alt:`The element you picked`,className:`max-h-7 max-w-14 shrink-0 rounded border border-ember/40 object-cover`}),(0,K.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-ink`,children:[`A-Eye: `,(0,K.jsx)(`span`,{className:`font-medium`,children:Wt(e)})]}),(0,K.jsx)(`span`,{className:`shrink-0 font-mono text-[10px] text-ink-faint`,children:e.tag}),(0,K.jsx)(`button`,{type:`button`,onClick:n,"aria-label":`Drop the A-Eye selection`,className:`shrink-0 rounded-full p-1 text-ink-faint transition-colors hover:bg-surface hover:text-ink`,children:(0,K.jsx)(U,{className:`size-3`})})]})]})}function qt({voice:e,voiceEnabled:t}){return t&&e.error?(0,K.jsx)(`p`,{className:`mb-2 rounded-lg border border-amber/40 bg-amber/10 px-2.5 py-1.5 text-[11px] text-amber`,children:e.error}):e.pendingSend?(0,K.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 rounded-lg bg-brand/10 px-2.5 py-1.5 text-[11px] text-brand`,children:[(0,K.jsx)(`span`,{className:`relative flex-1 overflow-hidden rounded-full bg-brand/20`,children:(0,K.jsx)(`span`,{className:`block h-1 rounded-full bg-brand`,style:{animation:`browsentic-countdown ${e.autoSendMs}ms linear forwards`}})}),(0,K.jsx)(`span`,{className:`shrink-0`,children:`Sending…`}),(0,K.jsxs)(`button`,{type:`button`,onClick:e.cancelPending,className:`flex shrink-0 items-center gap-0.5 rounded-full px-1.5 py-0.5 transition-colors hover:bg-brand/15`,"aria-label":`Cancel sending`,children:[(0,K.jsx)(U,{className:`size-3`}),` Edit`]})]}):t&&e.listening?(0,K.jsxs)(`p`,{className:`mb-2 flex items-center gap-1.5 px-1 text-[11px] text-ink-dim`,children:[(0,K.jsx)(`span`,{className:`glow-dot inline-flex size-1.5 shrink-0 animate-pulse rounded-full bg-magenta text-magenta`}),e.interim?(0,K.jsx)(`span`,{className:`truncate italic`,children:e.interim}):(0,K.jsx)(`span`,{children:`Listening…`})]}):t&&!e.supported?(0,K.jsx)(`p`,{className:`mb-2 px-1 text-[11px] text-ink-faint`,children:`Voice input isn’t available in this browser.`}):null}function Jt({files:e,onRemove:t}){return e.length===0?null:(0,K.jsx)(`div`,{className:`mb-2 flex max-h-40 flex-col gap-1.5 overflow-y-auto`,children:e.map(e=>(0,K.jsxs)(`div`,{className:`flex items-start gap-2 rounded-xl border border-line bg-ground/40 px-2.5 py-1.5 text-xs`,children:[(0,K.jsx)(Fe,{className:`mt-0.5 size-3.5 shrink-0 text-ink-faint`}),(0,K.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,K.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,K.jsx)(`span`,{className:`truncate font-medium text-ink`,children:e.name}),(0,K.jsx)(`span`,{className:`shrink-0 font-mono text-[10px] text-ink-faint`,children:Yt(e.size)})]}),e.status===`pending`&&(0,K.jsxs)(`span`,{className:`mt-0.5 flex items-center gap-1 text-[11px] text-ink-faint`,children:[(0,K.jsx)(L,{className:`size-3 animate-spin`}),` Analyzing…`]}),e.status===`ready`&&e.summary&&(0,K.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-[11px] text-ink-dim`,children:e.summary}),e.status===`error`&&(0,K.jsx)(`span`,{className:`mt-0.5 block text-[11px] text-destructive`,children:e.error??`Analysis failed`})]}),(0,K.jsx)(`button`,{type:`button`,onClick:()=>t(e.id),"aria-label":`Remove ${e.name}`,className:`mt-0.5 shrink-0 rounded-full p-1 text-ink-faint transition-colors hover:bg-surface hover:text-ink`,children:(0,K.jsx)(U,{className:`size-3`})})]},e.id))})}function Yt(e){return e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function Xt({onClose:e}){return(0,K.jsxs)(`div`,{className:`enters max-h-[60%] shrink-0 overflow-y-auto border-b border-line bg-ground-2/80 px-3 py-3 backdrop-blur`,children:[(0,K.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-2`,children:[(0,K.jsx)(`p`,{className:`text-xs font-medium text-ink`,children:`Connection`}),(0,K.jsx)(l,{variant:`ghost`,size:`icon-sm`,"aria-label":`Close connection settings`,onClick:e,children:(0,K.jsx)(U,{className:`size-3.5`})})]}),(0,K.jsxs)(`div`,{className:`space-y-4`,children:[(0,K.jsx)(le,{}),(0,K.jsx)(be,{})]})]})}var Zt=[`Summarise what this page says`,`Fill this form in with my details`,`Find the unpaid invoices and open the newest`],Qt={unpaired:`This browser isn’t paired yet, so nothing can drive it. Pairing takes one command and one code.`,offline:`Paired, but the daemon isn’t answering. Start browsentic and this reconnects on its own.`,agent:`The chosen agent can’t run on this machine. Pick another one, or let Browsentic fix it.`};function $t({blocker:e,voiceOn:t,onGo:n,onFix:r,onUse:i}){return(0,K.jsxs)(`div`,{className:`dot-grid fade-bottom flex flex-col gap-4 p-4`,children:[(0,K.jsxs)(`div`,{className:`flex items-start gap-2.5`,children:[(0,K.jsx)(N,{className:`mt-0.5 size-7 shrink-0 text-brand`}),(0,K.jsx)(`div`,{className:`panel-card min-w-0 rounded-2xl rounded-tl-md px-3 py-2.5 text-sm leading-relaxed text-ink`,children:e?Qt[e]:(0,K.jsxs)(K.Fragment,{children:[t?`Just talk`:`Tell me`,` what to do on this page — read it, fill something in, click through a flow — and every action shows up here as I take it.`]})})]}),e?(0,K.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:(0,K.jsx)(en,{icon:nt,label:e===`agent`?`Choose an agent`:`Set up the link`,onClick:r})}):(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(`div`,{className:`flex flex-col gap-1.5`,children:Zt.map(e=>(0,K.jsx)(`button`,{type:`button`,onClick:()=>i(e),className:`rounded-xl border border-line bg-ground/40 px-3 py-2 text-left text-xs text-ink-dim transition-colors hover:border-brand/40 hover:bg-surface/60 hover:text-ink`,children:e},e))}),(0,K.jsxs)(`div`,{className:`flex flex-wrap gap-1.5`,children:[(0,K.jsx)(en,{icon:z,label:`Teach it this site`,onClick:()=>n(`skills`)}),(0,K.jsx)(en,{icon:B,label:`Record a flow`,onClick:()=>n(`recordings`)}),(0,K.jsx)(en,{icon:et,label:`Past chats`,onClick:()=>n(`history`)})]})]})]})}function en({icon:e,label:t,onClick:n}){return(0,K.jsxs)(`button`,{type:`button`,onClick:n,className:`inline-flex items-center gap-1.5 rounded-full border border-line bg-ground-2/70 px-2.5 py-1 text-[11px] text-ink-dim transition-colors hover:border-brand/40 hover:text-ink`,children:[(0,K.jsx)(e,{className:`size-3`}),t]})}function tn({state:e,onStop:t}){let n=rn(e.startedAt),r=Math.max(0,e.timeoutMs-n),i=e.percent==null?null:Math.round(e.percent);return(0,K.jsxs)(`div`,{className:`enters mb-2 rounded-xl border border-magenta/35 bg-magenta/8 p-2.5`,children:[(0,K.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,K.jsx)(H,{className:`size-3.5 shrink-0 animate-pulse text-magenta`}),(0,K.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-xs font-medium text-ink`,children:[`Watching `,e.label??e.host]}),(0,K.jsxs)(`span`,{className:`shrink-0 font-mono text-[11px] tabular-nums text-ink-faint`,children:[an(n),i!=null&&` · ${i}%`]}),(0,K.jsxs)(l,{size:`sm`,variant:`ghost`,className:`shrink-0 text-magenta hover:text-magenta`,onClick:t,children:[(0,K.jsx)(ct,{className:`size-3 fill-current`}),` Stop`]})]}),i!=null&&(0,K.jsx)(`div`,{className:`mt-2 h-1 overflow-hidden rounded-full bg-magenta/15`,children:(0,K.jsx)(`div`,{className:`glow-dot h-full rounded-full bg-magenta text-magenta transition-[width] duration-500`,style:{width:`${i}%`}})}),(0,K.jsx)(`p`,{className:`mt-1.5 text-[11px] leading-relaxed text-ink-faint`,children:nn(e,r)})]})}function nn(e,t){return e.stalledForMs==null?e.percent!=null&&e.etaMs!=null?`${Math.round(e.percent)}% · ${m(e.etaMs)} left`:e.logs.at(-1)?.text??`Stops automatically in ${an(t)}.`:`No change for ${an(e.stalledForMs)}.`}function rn(e){let[t,n]=(0,W.useState)(()=>Date.now());return(0,W.useEffect)(()=>{let e=setInterval(()=>n(Date.now()),1e3);return()=>clearInterval(e)},[]),Math.max(0,t-e)}function an(e){let t=Math.floor(e/1e3);return`${Math.floor(t/60)}:${String(t%60).padStart(2,`0`)}`}var on=[{id:`chat`,label:`Chat`,icon:qe},{id:`history`,label:`History`,icon:et},{id:`skills`,label:`Skills`,icon:z},{id:`recordings`,label:`Recordings`,icon:B},{id:`settings`,label:`Settings`,icon:it}];function sn({tab:e,counts:t,onSelect:n}){let r=(0,W.useRef)(null),[i,a]=(0,W.useState)(`full`),o=(0,W.useRef)({full:0,active:0});return(0,W.useLayoutEffect)(()=>{let e=r.current;if(!e)return;let t=!0,n=()=>{if(!t)return;let n=e.clientWidth;i!==`icons`&&(o.current[i]=cn(e));let{full:r,active:s}=o.current;a(r>0&&n>=r?`full`:i===`full`||n>=s?`active`:`icons`)};n();let s=new ResizeObserver(n);return s.observe(e),document.fonts.ready.then(n),()=>{t=!1,s.disconnect()}},[i,e,on.map(({id:e})=>t[e]??0).join(`·`)]),(0,K.jsx)(`nav`,{ref:r,"aria-label":`Panel sections`,className:`flex shrink-0 items-center gap-0.5 overflow-x-auto border-b border-line px-2 pb-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:on.map(({id:r,label:a,icon:o})=>{let s=e===r,c=t[r]??0,l=i===`full`||i===`active`&&s;return(0,K.jsxs)(`button`,{type:`button`,onClick:()=>n(r),title:l?void 0:a,"aria-label":a,"aria-current":s?`page`:void 0,className:T(`relative inline-flex shrink-0 items-center gap-1.5 rounded-full px-2.5 py-1.5 text-[11px] font-medium transition-colors`,s?`bg-brand/12 text-brand`:`text-ink-faint hover:bg-surface/60 hover:text-ink-dim`),children:[(0,K.jsx)(o,{className:`size-3.5`}),l&&a,c>0&&(l?(0,K.jsx)(`span`,{className:T(`rounded-full px-1 font-mono text-[9px] tabular-nums`,s?`bg-brand/20`:`bg-surface text-ink-faint`),children:c}):(0,K.jsx)(`span`,{className:T(`absolute top-1 right-1 size-1.5 rounded-full`,s?`bg-brand/70`:`bg-ink-faint/60`)}))]},r)})})}function cn(e){let t=getComputedStyle(e),n=parseFloat(t.columnGap)||0,r=parseFloat(t.paddingLeft)+parseFloat(t.paddingRight),i=Array.from(e.children);return i.reduce((e,t)=>e+t.getBoundingClientRect().width,0)+n*Math.max(0,i.length-1)+r}function ln({state:e,onStop:t}){let n=un(e.startedAt),r=Math.max(0,g-n);return(0,K.jsxs)(`div`,{className:`enters mb-2 rounded-xl border border-destructive/40 bg-destructive/8 p-2.5`,children:[(0,K.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,K.jsx)(`span`,{className:`glow-dot size-2 shrink-0 animate-pulse rounded-full bg-destructive text-destructive`}),(0,K.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-xs font-medium text-ink`,children:[`Recording `,e.host]}),(0,K.jsxs)(`span`,{className:`shrink-0 font-mono text-[11px] tabular-nums text-ink-faint`,children:[dn(n),` · `,e.events,` `,e.events===1?`step`:`steps`]}),(0,K.jsxs)(l,{size:`sm`,variant:`ghost`,className:`shrink-0 text-destructive hover:text-destructive`,onClick:t,children:[(0,K.jsx)(ct,{className:`size-3 fill-current`}),` Stop`]})]}),(0,K.jsxs)(`p`,{className:`mt-1.5 text-[11px] leading-relaxed text-ink-faint`,children:[e.warning??`Stops automatically in ${dn(r)}.`,!e.captureValues&&` Typed values are not being saved.`]})]})}function un(e){let[t,n]=(0,W.useState)(()=>Date.now());return(0,W.useEffect)(()=>{let e=setInterval(()=>n(Date.now()),1e3);return()=>clearInterval(e)},[]),Math.max(0,t-e)}function dn(e){let t=Math.floor(e/1e3);return`${Math.floor(t/60)}:${String(t%60).padStart(2,`0`)}`}var fn=x(`inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border px-2 py-0.5 font-mono text-[10px] tracking-[0.08em] whitespace-nowrap uppercase [&>svg]:pointer-events-none [&>svg]:size-2.5`,{variants:{variant:{default:`border-brand/35 bg-brand/12 text-brand`,secondary:`border-line-strong bg-surface/70 text-ink-dim`,destructive:`border-destructive/40 bg-destructive/12 text-destructive`,warning:`border-amber/40 bg-amber/12 text-amber`,outline:`border-line text-ink-faint`}},defaultVariants:{variant:`default`}});function pn({className:e,variant:t,asChild:n=!1,...r}){return(0,K.jsx)(n?C:`span`,{"data-slot":`badge`,className:T(fn({variant:t}),e),...r})}function mn({recordings:e,busy:t,onReplay:n,onRemove:r}){return e.length===0?(0,K.jsxs)(`div`,{className:`dot-grid fade-bottom rounded-xl border border-line px-3 py-6 text-center`,children:[(0,K.jsx)(B,{className:`mx-auto size-5 text-ink-faint`}),(0,K.jsx)(`p`,{className:`mt-2 text-[11px] leading-relaxed text-ink-faint`,children:`No recordings yet. Press Record above and walk through the flow you want repeated.`})]}):(0,K.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1.5`,children:[t&&(0,K.jsx)(`p`,{className:`px-1 pb-1 text-[11px] text-ink-faint`,children:`Waiting on the current run — stop it to replay a recording.`}),e.map(e=>(0,K.jsx)(hn,{recording:e,busy:t===!0,onReplay:n,onRemove:r},e.id))]})}function hn({recording:e,busy:t,onReplay:n,onRemove:r}){let[i,a]=(0,W.useState)(null),o=e.status===`ready`;return(0,K.jsxs)(`div`,{className:`flex items-start gap-2 rounded-xl border border-line bg-ground/40 px-2.5 py-2 text-xs`,children:[(0,K.jsx)(B,{className:`mt-0.5 size-3.5 shrink-0 text-ink-faint`}),(0,K.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[i===null?(0,K.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,K.jsx)(`span`,{className:`truncate font-medium text-ink`,children:e.name}),e.capturedValues&&(0,K.jsxs)(pn,{variant:`warning`,children:[(0,K.jsx)(He,{}),` values`]})]}):(0,K.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,K.jsx)(P,{value:i,autoFocus:!0,onChange:e=>a(e.target.value),onKeyDown:t=>{t.key===`Escape`&&a(null),t.key===`Enter`&&(xe(e.id,i),a(null))},"aria-label":`Recording name`,className:`h-7 text-xs`}),(0,K.jsx)(`button`,{type:`button`,onClick:()=>{xe(e.id,i),a(null)},"aria-label":`Save name`,className:`shrink-0 rounded-full p-1 text-ink-faint transition-colors hover:bg-surface hover:text-ink`,children:(0,K.jsx)(k,{className:`size-3`})})]}),(0,K.jsxs)(`span`,{className:`mt-0.5 flex items-center gap-1 font-mono text-[10px] text-ink-faint`,children:[(0,K.jsx)(V,{className:`size-2.5 shrink-0`}),(0,K.jsx)(`span`,{className:`truncate`,children:e.host})]}),e.goal&&e.goal!==e.name&&(0,K.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-[11px] text-ink-dim`,children:e.goal}),(0,K.jsx)(`span`,{className:`mt-0.5 flex items-center gap-1 text-[11px] text-ink-faint`,children:e.status===`analyzing`?(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(L,{className:`size-3 animate-spin`}),` Splitting into steps…`]}):e.status===`error`?(0,K.jsx)(`span`,{className:`text-destructive`,children:e.error??`Could not read this recording`}):(0,K.jsxs)(K.Fragment,{children:[e.steps??0,` `,e.steps===1?`step`:`steps`,` · `,yn(e.durationMs),` ·`,` `,bn(e.updatedAt)]})}),o&&(0,K.jsxs)(`button`,{type:`button`,onClick:()=>n(e),disabled:t,className:`mt-1.5 inline-flex items-center gap-1 rounded-full bg-brand/12 px-2 py-0.5 text-[11px] text-brand transition-colors hover:bg-brand/20 disabled:opacity-50`,children:[(0,K.jsx)($e,{className:`size-3`}),` Do this again`]})]}),(0,K.jsxs)(`div`,{className:`mt-0.5 flex shrink-0 gap-0.5`,children:[(0,K.jsx)(`button`,{type:`button`,onClick:()=>a(e.name),"aria-label":`Rename ${e.name}`,className:`rounded-full p-1 text-ink-faint transition-colors hover:bg-surface hover:text-ink`,children:(0,K.jsx)(Qe,{className:`size-3`})}),(0,K.jsx)(`button`,{type:`button`,onClick:()=>r(e.id),"aria-label":`Delete ${e.name}`,className:`rounded-full p-1 text-ink-faint transition-colors hover:bg-surface hover:text-ink`,children:(0,K.jsx)(U,{className:`size-3`})})]})]})}var gn=6e4,_n=60*gn,vn=24*_n;function yn(e){let t=Math.round(e/1e3);return t<60?`${t}s`:`${Math.floor(t/60)}m ${String(t%60).padStart(2,`0`)}s`}function bn(e){let t=Date.now()-e;return t<gn?`just now`:t<_n?`${Math.floor(t/gn)}m ago`:t<vn?`${Math.floor(t/_n)}h ago`:t<7*vn?`${Math.floor(t/vn)}d ago`:new Date(e).toLocaleDateString(void 0,{month:`short`,day:`numeric`})}function xn({tabUrl:e,recordings:t,recording:n,busy:r,onStart:i,onStop:a,onReplay:o,onRemove:s}){let[c,u]=(0,W.useState)(!1),d=Ot(e),f=!r&&!n&&/^https?:/.test(e);return(0,K.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-3 p-3`,children:[(0,K.jsx)(`p`,{className:`text-[11px] leading-relaxed text-ink-dim`,children:`Capture what you do on a site — the clicks, the fields you fill, the pages you move through — and the agent can repeat it later. A recording runs for at most 15 minutes.`}),n?(0,K.jsxs)(l,{variant:`destructive`,onClick:a,children:[(0,K.jsx)(ct,{className:`fill-current`}),` Stop recording`]}):(0,K.jsxs)(l,{variant:`destructive`,onClick:()=>i(c),disabled:!f,title:f?`Record what you do on ${d}`:`Open an http(s) page, with nothing else running`,children:[(0,K.jsx)(Oe,{className:`fill-current`}),(0,K.jsxs)(`span`,{className:`truncate`,children:[`Record `,d||`this page`]})]}),!n&&(0,K.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-2 rounded-xl border border-line bg-ground/40 px-2.5 py-2 text-[11px] leading-relaxed text-ink-dim`,children:[(0,K.jsx)(`input`,{type:`checkbox`,checked:c,onChange:e=>u(e.target.checked),className:`mt-0.5 size-3 shrink-0 accent-destructive`}),(0,K.jsxs)(`span`,{children:[(0,K.jsx)(`span`,{className:`font-medium text-ink`,children:`Save what I type.`}),` Off by default — every field becomes a placeholder the agent asks you to fill. Passwords and card numbers are never saved either way.`]})]}),(0,K.jsx)(mn,{recordings:t,busy:r,onReplay:o,onRemove:s})]})}var Sn=e(ce(),1);function Cn({purpose:e,code:t,site:n,onAllow:r,onDeny:i,onClose:a}){return(0,W.useEffect)(()=>{let e=e=>{e.key===`Escape`&&a()};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[a]),(0,Sn.createPortal)((0,K.jsxs)(`div`,{className:`enters fixed inset-0 z-50 flex flex-col bg-ground/96 backdrop-blur`,children:[(0,K.jsxs)(`div`,{className:`flex items-start gap-2 border-b border-ember/30 bg-ember/8 px-3 py-2.5`,children:[(0,K.jsx)(rt,{className:`mt-0.5 size-3.5 shrink-0 text-ember`}),(0,K.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,K.jsx)(`p`,{className:`text-xs font-medium text-ink`,children:`Code the agent wrote`}),(0,K.jsx)(`p`,{className:`mt-0.5 text-[11px] leading-relaxed text-ink-dim`,children:e})]}),(0,K.jsx)(`button`,{type:`button`,onClick:a,title:`Close without deciding`,className:`mt-0.5 shrink-0 rounded p-0.5 text-ink-faint transition-colors hover:text-ink`,children:(0,K.jsx)(U,{className:`size-3.5`})})]}),(0,K.jsx)(`div`,{className:`min-h-0 flex-1 overflow-auto bg-ground/70`,children:(0,K.jsx)(`pre`,{className:`min-w-full p-3 font-mono text-[11px] leading-relaxed whitespace-pre text-ink-dim`,children:(0,K.jsx)(`code`,{children:t})})}),(0,K.jsxs)(`div`,{className:`border-t border-line px-3 py-2.5`,children:[(0,K.jsxs)(`p`,{className:`mb-2 text-[11px] leading-relaxed text-ink-faint`,children:[`This runs in `,n?(0,K.jsx)(`span`,{className:`font-mono text-ink`,children:n}):`the page`,` with your logged-in session, and can do anything you could do there. Later calls reuse these functions without asking again.`]}),(0,K.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,K.jsxs)(l,{variant:`ghost`,size:`sm`,className:`flex-1`,onClick:i,children:[(0,K.jsx)(U,{className:`size-3`}),` Deny`]}),(0,K.jsxs)(l,{size:`sm`,className:`flex-1`,onClick:r,children:[(0,K.jsx)(k,{className:`size-3`}),` Allow`]})]})]})]}),document.body)}var wn=[{key:`user`,label:`you`,color:`bg-brand`},{key:`assistant`,label:`replies`,color:`bg-magenta`},{key:`tools`,label:`tools`,color:`bg-amber`},{key:`notices`,label:`notices`,color:`bg-ink-faint`}];function Tn({breakdown:e}){let{messages:t,files:n,recordings:r,filesOmitted:i,recordingsOmitted:a}=e,o=wn.reduce((e,n)=>e+t[n.key],0),s=o===0&&n.length===0&&r.length===0;return(0,K.jsxs)(`div`,{className:`enters panel-card min-w-0 rounded-2xl px-3 py-2.5`,children:[(0,K.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,K.jsx)(We,{className:`size-3.5 shrink-0 text-brand`}),(0,K.jsx)(`span`,{className:`flex-1 truncate font-mono text-[10px] tracking-[0.14em] text-ink uppercase`,children:`Session context`}),(0,K.jsx)(`span`,{className:`shrink-0 rounded-full bg-ground/60 px-2 py-0.5 font-mono text-[9px] tracking-[0.1em] text-ink-faint uppercase`,children:Dn(e)})]}),s?(0,K.jsx)(`p`,{className:`mt-2 text-[11px] text-ink-dim`,children:`This conversation is empty — nothing rides along yet.`}):(0,K.jsxs)(K.Fragment,{children:[o>0&&(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(`div`,{className:`mt-2.5 flex h-1.5 gap-px overflow-hidden rounded-full`,children:wn.filter(e=>t[e.key]>0).map(e=>(0,K.jsx)(`span`,{className:e.color,style:{flexGrow:t[e.key]}},e.key))}),(0,K.jsx)(`div`,{className:`mt-1.5 flex flex-wrap gap-x-3 gap-y-0.5`,children:wn.map(e=>(0,K.jsxs)(`span`,{className:`flex items-center gap-1 text-[10px] text-ink-dim`,children:[(0,K.jsx)(`span`,{className:T(`size-1.5 shrink-0 rounded-full`,e.color)}),(0,K.jsx)(`span`,{className:`font-mono`,children:t[e.key]}),` `,e.label]},e.key))})]}),(0,K.jsxs)(`div`,{className:`mt-2.5 flex flex-col gap-1 border-t border-line pt-2`,children:[(0,K.jsxs)(En,{icon:V,children:[e.tabCount===1?`1 tab`:`${e.tabCount} tabs`,e.host&&(0,K.jsxs)(K.Fragment,{children:[` · `,e.host]}),` · turn`,` `,(0,K.jsx)(`span`,{className:`font-mono text-[10px]`,children:e.turns}),` ·`,` `,(0,K.jsx)(`span`,{className:`font-mono text-[10px]`,children:On(t.chars)}),` characters`]}),(0,K.jsx)(En,{icon:Me,children:e.usage?(0,K.jsxs)(K.Fragment,{children:[`Agent window ≈ `,(0,K.jsx)(`span`,{className:`font-mono text-[10px]`,children:On(e.usage.contextTokens)}),` `,`tokens · `,(0,K.jsx)(`span`,{className:`font-mono text-[10px]`,children:On(e.usage.outputTokens)}),` `,`generated last run`]}):e.agent===`antigravity`?`Antigravity does not report token counts.`:`Token counts appear after the agent’s first reply.`}),n.map((e,t)=>(0,K.jsxs)(En,{icon:Fe,children:[(0,K.jsx)(`span`,{className:`text-ink`,children:e.name}),(0,K.jsxs)(`span`,{className:`font-mono text-[10px] text-ink-faint`,children:[` · `,kn(e.size)]}),e.status===`pending`&&(0,K.jsx)(`span`,{className:`text-ink-faint`,children:` · analyzing`}),e.status===`error`&&(0,K.jsx)(`span`,{className:`text-destructive`,children:` · analysis failed`})]},t)),i>0&&(0,K.jsxs)(`p`,{className:`pl-[18px] text-[10px] text-ink-faint`,children:[i,` more `,i===1?`file stays`:`files stay`,` behind — only the first`,` `,n.length,` ride along.`]}),r.map((e,t)=>(0,K.jsxs)(En,{icon:B,children:[(0,K.jsx)(`span`,{className:`text-ink`,children:e.name}),e.steps!==void 0&&(0,K.jsxs)(`span`,{className:`font-mono text-[10px] text-ink-faint`,children:[` · `,e.steps,` steps`]})]},t)),a>0&&(0,K.jsxs)(`p`,{className:`pl-[18px] text-[10px] text-ink-faint`,children:[a,` more `,a===1?`recording stays`:`recordings stay`,` behind — only the first `,r.length,` ride along.`]})]})]}),(0,K.jsx)(`p`,{className:`mt-2 text-[10px] leading-relaxed text-ink-faint`,children:`Held in this browser — files and ready recordings ride along with your next message.`})]})}function En({icon:e,children:t}){return(0,K.jsxs)(`div`,{className:`flex min-w-0 items-start gap-1.5 text-[11px] text-ink-dim`,children:[(0,K.jsx)(e,{className:`mt-0.5 size-3 shrink-0 text-ink-faint`}),(0,K.jsx)(`span`,{className:`min-w-0 flex-1 break-words`,children:t})]})}function Dn(e){return e.agent?`${w[e.agent].label}${e.resumes?` · resumes`:``}`:`no agent yet`}function On(e){return e<1e3?String(e):`${(e/1e3).toFixed(+(e<1e4))} k`}function kn(e){return e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function An({text:e,streaming:t,className:n}){let r=(0,W.useRef)(!1);t&&(r.current=!0);let i=(0,W.useMemo)(()=>Vn(e).map(e=>({block:e,sig:JSON.stringify(e)})),[e]);return(0,K.jsx)(`div`,{"data-stream":t?`live`:r.current?`done`:void 0,className:T(`flex min-w-0 flex-col gap-2`,n),children:i.map(({block:e,sig:t},n)=>(0,K.jsx)(jn,{block:e,sig:t},n))})}var jn=(0,W.memo)(({block:e})=>Xn(e,`0`),(e,t)=>e.sig===t.sig),Mn=/^ {0,3}(`{3,}|~{3,})[^\n]*$/,Nn=/^ {0,3}(?:`{3,}|~{3,})[ \t]*([^\s`~]*)/,Pn=/^ {0,3}(`{3,}|~{3,})[ \t]*$/,Fn=/^ {0,3}(#{1,6})[ \t]+(.*?)[ \t]*#*[ \t]*$/,In=/^ {0,3}([-*_])[ \t]*(?:\1[ \t]*){2,}$/,Ln=/^ {0,3}>[ \t]?/,Rn=/^([ \t]*)(?:([-*+])|(\d{1,9})[.)])[ \t]+(.*)$/,zn=/^ {0,3}\|?[ \t]*:?-+:?[ \t]*(?:\|[ \t]*:?-+:?[ \t]*)+\|?[ \t]*$/,Bn=12;function Vn(e,t=0){let n=e.replace(/\r\n?/g,`
+`).split(`
+`);if(t>=Bn){let e=n.filter(e=>e.trim()).join(`
+`);return e?[{kind:`paragraph`,text:e}]:[]}let r=[];for(let e=0;e<n.length;){let i=n[e];if(!i.trim()){e++;continue}if(Mn.test(i)){let t=/^ {0,3}(`{3,}|~{3,})/.exec(i)[1],a=[];for(e++;e<n.length;){let r=Pn.exec(n[e]);if(r&&r[1][0]===t[0]&&r[1].length>=t.length){e++;break}a.push(n[e]),e++}r.push({kind:`code`,lang:Nn.exec(i)?.[1]||void 0,text:a.join(`
+`)});continue}let a=Fn.exec(i);if(a){r.push({kind:`heading`,level:a[1].length,text:a[2]}),e++;continue}if(In.test(i)){r.push({kind:`rule`}),e++;continue}if(Ln.test(i)){let i=[];for(;e<n.length&&(Ln.test(n[e])||i.length>0&&n[e].trim());)i.push(n[e].replace(Ln,``)),e++;r.push({kind:`quote`,blocks:Vn(i.join(`
+`),t+1)});continue}let o=Rn.exec(i);if(o){let[i,a]=Un(n,e,o,t);r.push(i),e=a;continue}if(Wn(n,e)){let[t,i]=Gn(n,e);r.push(t),e=i;continue}let s=[];for(;e<n.length&&n[e].trim()&&!Hn(n,e);)s.push(n[e].trim()),e++;r.push({kind:`paragraph`,text:s.join(`
+`)})}return r}function Hn(e,t){let n=e[t];return Mn.test(n)||Fn.test(n)||In.test(n)||Ln.test(n)||Rn.test(n)||Wn(e,t)}function Un(e,t,n,r){let i=qn(n[1]),a=n[3]!==void 0,o=[],s=t;for(;s<e.length;){let t=Rn.exec(e[s]);if(!t||t[3]!==void 0!==a)break;let n=qn(t[1]);if(n<i||n>i+1)break;let r=[t[4]];for(s++;s<e.length;){let t=e[s];if(!t.trim()){let t=e[s+1]??``;if(!t.trim()||qn(t)<=i)break;r.push(``),s++;continue}if(qn(t)<=i)break;r.push(Jn(t,i+2)),s++}o.push(r)}return[{kind:`list`,ordered:a,start:a?Number.parseInt(n[3],10):1,items:o.map(e=>Vn(e.join(`
+`),r+1))},s]}function Wn(e,t){return e[t].includes(`|`)&&t+1<e.length&&zn.test(e[t+1])}function Gn(e,t){let n=Kn(e[t]),r=Kn(e[t+1]).map(e=>e.startsWith(`:`)&&e.endsWith(`:`)?`center`:e.endsWith(`:`)?`right`:`left`),i=[],a=t+2;for(;a<e.length&&e[a].trim()&&e[a].includes(`|`)&&!Hn(e,a);)i.push(Kn(e[a])),a++;return[{kind:`table`,head:n,align:r,rows:i},a]}function Kn(e){let t=[],n=``;for(let r=0;r<e.length;r++){if(e[r]===`\\`&&e[r+1]===`|`){n+=`|`,r++;continue}if(e[r]===`|`){t.push(n),n=``;continue}n+=e[r]}return t.push(n),t[0].trim()||t.shift(),t.length&&!t[t.length-1]?.trim()&&t.pop(),t.map(e=>e.trim())}function qn(e){let t=/^[ \t]*/.exec(e)[0];return t.length+(t.match(/\t/g)?.length??0)}var Jn=(e,t)=>e.replace(/^[ \t]+/,e=>e.replace(/\t/g,`  `).slice(t)),Yn=`rounded bg-surface px-1 py-px font-mono text-[0.85em] text-ink`;function Xn(e,t){switch(e.kind){case`heading`:return(0,K.jsx)(`h${Math.min(e.level+1,6)}`,{className:T(`wrap-anywhere font-semibold`,e.level<=2&&`text-[0.95rem]`),children:q(e.text)},t);case`paragraph`:return(0,K.jsx)(`p`,{className:`wrap-anywhere`,children:q(e.text)},t);case`code`:return(0,K.jsx)(`pre`,{className:`max-w-full overflow-x-auto rounded-lg border border-line bg-ground/70 p-2 text-xs whitespace-pre`,children:(0,K.jsx)(`code`,{className:`font-mono`,children:e.text})},t);case`list`:{let n=e.items.map((e,t)=>(0,K.jsx)(`li`,{className:`wrap-anywhere`,children:Qn(e)},t));return e.ordered?(0,K.jsx)(`ol`,{start:e.start,className:`list-decimal space-y-1 pl-5`,children:n},t):(0,K.jsx)(`ul`,{className:`list-disc space-y-1 pl-5`,children:n},t)}case`quote`:return(0,K.jsx)(`blockquote`,{className:`flex flex-col gap-2 border-l-2 border-brand/40 pl-2.5 text-ink-dim`,children:e.blocks.map((e,t)=>Xn(e,String(t)))},t);case`table`:return(0,K.jsx)(`div`,{className:`max-w-full overflow-x-auto`,children:(0,K.jsxs)(`table`,{className:`w-full border-collapse text-left text-xs`,children:[(0,K.jsx)(`thead`,{children:(0,K.jsx)(`tr`,{children:e.head.map((t,n)=>(0,K.jsx)(`th`,{className:T(`border-b border-line-strong px-1.5 py-1 font-semibold`,Zn[e.align[n]??`left`]),children:q(t)},n))})}),(0,K.jsx)(`tbody`,{children:e.rows.map((t,n)=>(0,K.jsx)(`tr`,{children:t.map((t,n)=>(0,K.jsx)(`td`,{className:T(`border-b border-line px-1.5 py-1 align-top`,Zn[e.align[n]??`left`]),children:q(t)},n))},n))})]})},t);case`rule`:return(0,K.jsx)(`hr`,{className:`border-line`},t)}}var Zn={left:`text-left`,center:`text-center`,right:`text-right`};function Qn(e){return e.length===1&&e[0].kind===`paragraph`?q(e[0].text):(0,K.jsx)(`div`,{className:`flex flex-col gap-1.5`,children:e.map((e,t)=>Xn(e,String(t)))})}var $n=4,er="`*_~[!<h",tr=/[\\`*_~[\]()#+\-.!>|]/,nr=512,rr=2048,ir=3080,ar=[{re:/(`+)([^`]+?)\1(?!`)/y,node:(e,t)=>(0,K.jsx)(`code`,{className:Yn,children:e[2]},t)},{re:/\*\*(?!\s)([^\n]+?)\*\*/y,node:(e,t,n,r)=>(0,K.jsx)(`strong`,{children:q(e[1],n+1,r)},t)},{re:/__(?!\s)([^\n]+?)__/y,node:(e,t,n,r)=>(0,K.jsx)(`strong`,{children:q(e[1],n+1,r)},t)},{re:/~~(?!\s)([^\n]+?)~~/y,node:(e,t,n,r)=>(0,K.jsx)(`del`,{children:q(e[1],n+1,r)},t)},{re:/\*(?!\s)([^*\n]+?)\*/y,node:(e,t,n,r)=>(0,K.jsx)(`em`,{children:q(e[1],n+1,r)},t)},{re:/(?<![\w\\])_(?!\s)([^_\n]+?)_(?!\w)/y,node:(e,t,n,r)=>(0,K.jsx)(`em`,{children:q(e[1],n+1,r)},t)},{re:RegExp(`!\\[([^\\]\\n]{0,${nr}})\\]\\([ \\t]*([^)\\s]{0,${rr}})[^)\\n]{0,${nr}}\\)`,`y`),linking:!0,node:(e,t,n)=>sr(e[2],e[1]||e[2],t,n)},{re:RegExp(`\\[([^\\]\\n]{0,${nr}})\\]\\([ \\t]*([^)\\s]{0,${rr}})[^)\\n]{0,${nr}}\\)`,`y`),linking:!0,node:(e,t,n)=>sr(e[2],e[1],t,n)},{re:/<(https?:\/\/[^>\s]+)>/y,linking:!0,node:(e,t,n)=>sr(e[1],e[1],t,n)},{re:/https?:\/\/[^\s<>"'`]*[^\s<>"'`.,;:!?)\]}]/y,linking:!0,node:(e,t,n)=>sr(e[0],e[0],t,n)}],or=/(?<=\s)(?=\S)/;function q(e,t=0,n=!1){let r=[],i=``,a=0,o=0,s=()=>{i&&i.split(or).forEach((e,t)=>{r.push((0,K.jsx)(`span`,{className:`tok`,children:e},`t${a}.${t}`))}),i=``,a=o+1},c=e.indexOf(`)`);for(;o<e.length;){let a=e[o];if(a===`\\`&&o+1<e.length&&tr.test(e[o+1])){i+=e[o+1],o+=2;continue}if(a===`
+`){s(),r.push((0,K.jsx)(`br`,{},`br${o}`)),o++;continue}if((a===`[`||a===`!`)&&(c!==-1&&c<o&&(c=e.indexOf(`)`,o)),c===-1||c-o>ir)){i+=a,o++;continue}let l=!1;if(t<$n&&er.includes(a))for(let i of ar){if(n&&i.linking)continue;i.re.lastIndex=o;let a=i.re.exec(e),c=i.re.lastIndex;if(!(!a||c<=o)){s(),r.push(i.node(a,`n${o}`,t,n)),o=c,l=!0;break}}l||(i+=a,o++)}return s(),r}function sr(e,t,n,r){let i=cr(e),a=q(t,r+1,!0);return i?(0,K.jsx)(`a`,{href:i,target:`_blank`,rel:`noreferrer noopener`,className:`underline decoration-1 underline-offset-2 hover:opacity-80`,children:a},n):(0,K.jsx)(`span`,{children:a},n)}function cr(e){let t=e.trim();return/^(https?:\/\/|mailto:)/i.test(t)?t:null}function lr({items:e,running:t,onDecide:n}){let r=e.at(-1),i=t&&r?.kind===`assistant`,a=t&&!i;return(0,K.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-2.5 p-3`,children:[e.map((t,r)=>t.kind===`tool`?(0,K.jsx)(pr,{item:t,onDecide:n},t.id):t.kind===`notice`?(0,K.jsx)(gr,{item:t},t.id):t.kind===`context`?(0,K.jsx)(Tn,{breakdown:t.breakdown},t.id):t.kind===`user`?(0,K.jsx)(ur,{text:t.text,focus:t.focus},t.id):(0,K.jsx)(dr,{text:t.text,streaming:i&&r===e.length-1},t.id)),a&&(0,K.jsx)(fr,{})]})}function ur({text:e,focus:t}){return(0,K.jsxs)(`div`,{className:`enters flex min-w-0 flex-col items-end gap-1`,children:[(0,K.jsx)(`div`,{className:`min-w-0 max-w-[88%] rounded-2xl rounded-br-md border border-brand/30 bg-brand/10 px-3 py-2 text-sm whitespace-pre-wrap wrap-anywhere text-ink`,children:e}),t&&(0,K.jsxs)(`span`,{className:`flex min-w-0 max-w-[88%] items-center gap-1 rounded-full bg-ember/12 px-2 py-0.5 text-[10px] text-ember`,children:[(0,K.jsx)(tt,{className:`size-2.5 shrink-0`}),(0,K.jsx)(`span`,{className:`truncate`,children:t})]})]})}function dr({text:e,streaming:t}){return(0,K.jsx)(`div`,{className:`enters min-w-0`,children:(0,K.jsx)(An,{text:e,streaming:t,className:`panel-card rounded-2xl rounded-tl-md px-3 py-2.5 text-sm leading-relaxed text-ink`})})}function fr(){return(0,K.jsxs)(`div`,{className:`flex items-center gap-2 px-1`,children:[(0,K.jsx)(`span`,{className:`flex items-center gap-1`,children:[0,1,2].map(e=>(0,K.jsx)(`span`,{className:`think-dot size-1.5 rounded-full bg-brand`},e))}),(0,K.jsx)(`span`,{className:`font-mono text-[10px] tracking-[0.14em] text-ink-faint uppercase`,children:`Working`})]})}function pr({item:e,onDecide:t}){let r=e.action.replace(/^page\./,``),i=_r[r]??mt,a=e.ok===void 0&&!e.awaiting,o=e.action===n.name?mr(e.input):null,[s,c]=(0,W.useState)(!1);return(0,W.useEffect)(()=>{e.awaiting||c(!1)},[e.awaiting]),(0,K.jsxs)(`div`,{className:`enters flex min-w-0 flex-col gap-1.5`,children:[(0,K.jsxs)(`div`,{className:T(`relative flex min-w-0 items-start gap-2 overflow-hidden rounded-lg border px-2 py-1.5 transition-colors`,e.awaiting?`border-ember/45 bg-ember/10`:e.ok===!1?`border-destructive/40 bg-destructive/8`:`border-line bg-ground/40`,a&&`sweep`),children:[(0,K.jsx)(i,{className:T(`mt-0.5 size-3 shrink-0`,e.awaiting?`text-ember`:e.ok===!1?`text-destructive`:e.source===`local`?`text-amber`:e.source===`external`?`text-magenta`:`text-brand`)}),(0,K.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,K.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1.5`,children:[(0,K.jsx)(`span`,{className:`truncate font-mono text-[10px] text-ink`,children:r}),e.source===`local`&&(0,K.jsx)(hr,{tone:`amber`,icon:ht,label:`local`}),e.source===`external`&&(0,K.jsx)(hr,{tone:`magenta`,icon:lt,label:`mcp`})]}),e.summary&&(0,K.jsx)(`p`,{className:T(`mt-0.5 truncate text-[10px]`,e.ok===!1?`text-destructive`:`text-ink-faint`),children:e.summary})]}),e.ok===!0&&(0,K.jsx)(k,{className:`mt-0.5 size-3 shrink-0 text-lime/80`}),e.ok===!1&&(0,K.jsx)(U,{className:`mt-0.5 size-3 shrink-0 text-destructive`})]}),e.preview&&(0,K.jsx)(`button`,{type:`button`,onClick:()=>void Se(e.preview),title:`Open the ${e.preview.full?`full-size`:`captured`} screenshot in a new tab`,className:`group max-w-[88%] overflow-hidden rounded-xl border border-line bg-ground/60 transition-colors hover:border-brand/50`,children:(0,K.jsx)(`img`,{src:e.preview.thumbnail,alt:`Screenshot, ${e.preview.width}×${e.preview.height}`,width:e.preview.width,height:e.preview.height,className:`block h-auto w-full transition-opacity group-hover:opacity-85`})}),e.awaiting&&(0,K.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 rounded-lg border border-ember/45 bg-ember/10 px-2.5 py-2`,children:[(0,K.jsx)(`p`,{className:`flex-1 text-xs text-ink`,children:o?`Allow this code to run?`:`Allow this action?`}),o&&(0,K.jsx)(l,{size:`sm`,variant:`ghost`,onClick:()=>c(!0),title:`Read the code before deciding`,children:`Review`}),(0,K.jsx)(l,{size:`sm`,variant:`ghost`,onClick:()=>t(e.id,!1),children:`Deny`}),e.site&&!o&&(0,K.jsxs)(l,{size:`sm`,variant:`ghost`,onClick:()=>t(e.id,!0,!0),title:`Stop asking for ${r} on ${e.site}. Undo with “browsentic approvals clear”.`,children:[`Always on `,e.site]}),(0,K.jsx)(l,{size:`sm`,onClick:()=>t(e.id,!0),children:`Allow`})]}),s&&o&&(0,K.jsx)(Cn,{purpose:o.purpose,code:o.code,site:e.site,onAllow:()=>t(e.id,!0),onDeny:()=>t(e.id,!1),onClose:()=>c(!1)})]})}function mr(e){let t=e;return typeof t?.code!=`string`||!t.code?null:{purpose:typeof t.purpose==`string`?t.purpose:`No purpose given.`,code:t.code}}function hr({tone:e,icon:t,label:n}){return(0,K.jsxs)(`span`,{className:T(`inline-flex shrink-0 items-center gap-0.5 rounded-full px-1.5 py-px font-mono text-[8px] tracking-[0.1em] uppercase`,e===`amber`?`bg-amber/15 text-amber`:`bg-magenta/15 text-magenta`),children:[(0,K.jsx)(t,{className:`size-2`}),n]})}function gr({item:e}){let t=e.tone===`error`;return(0,K.jsxs)(`div`,{className:T(`enters flex items-start gap-2 rounded-lg px-2.5 py-1.5 text-[11px] leading-relaxed`,t?`border border-destructive/35 bg-destructive/8 text-destructive`:`text-ink-faint`),children:[t?(0,K.jsx)(E,{className:`mt-px size-3 shrink-0`}):(0,K.jsx)(Ve,{className:`mt-px size-3 shrink-0`}),(0,K.jsx)(`span`,{className:`min-w-0 break-words`,children:e.text})]})}var _r={getPageInfo:Pe,extractText:Pe,pickElement:tt,"browsentic.focusShot":tt,findProgress:Pe,clickElement:Je,trustedClick:Je,hoverElement:Je,fillInput:ft,typeText:ft,focusInput:ut,selectText:ut,pressKey:Ue,submitForm:je,selectOption:Ge,navigate:Ae,openTab:Ne,switchTab:Ne,closeTab:U,screenshot:De,scrollTo:Ye,highlightElement:Re,waitForElement:ze,attachFile:Ze,listFiles:Ze,startMonitor:H,stopMonitor:H,monitorStatus:H,awaitMonitor:H,listRecordings:B,readRecording:B,injectCode:ke,runCode:Ee};function vr({sessions:e,currentId:t,busy:n,onOpen:r,onRemove:i}){return e.length===0?(0,K.jsx)(`div`,{className:`p-3`,children:(0,K.jsxs)(`div`,{className:`dot-grid fade-bottom rounded-xl border border-line px-3 py-6 text-center`,children:[(0,K.jsx)(qe,{className:`mx-auto size-5 text-ink-faint`}),(0,K.jsx)(`p`,{className:`mt-2 text-[11px] leading-relaxed text-ink-faint`,children:`Every conversation lands here on its own. Start one in Chat, and “New chat” in the header closes it out.`})]})}):(0,K.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1.5 p-3`,children:[n&&(0,K.jsx)(`p`,{className:`px-1 pb-1 text-[11px] text-ink-faint`,children:`Waiting on the current run — stop it to reopen another conversation.`}),e.map(e=>(0,K.jsx)(yr,{session:e,current:e.id===t,busy:n===!0,onOpen:r,onRemove:i},e.id))]})}function yr({session:e,current:t,busy:n,onOpen:r,onRemove:i}){let a=e.title??(e.host?`Conversation on ${e.host}`:`Untitled conversation`);return(0,K.jsxs)(`div`,{className:T(`flex items-start gap-2 rounded-xl border px-2.5 py-2 text-xs transition-colors`,t?`border-brand/35 bg-brand/8`:`border-line bg-ground/40 hover:border-line-strong`),children:[(0,K.jsxs)(`button`,{type:`button`,onClick:()=>r(e.id),disabled:n,className:`flex min-w-0 flex-1 items-start gap-2 text-left disabled:opacity-50`,title:e.url,children:[(0,K.jsx)(qe,{className:T(`mt-0.5 size-3.5 shrink-0`,t?`text-brand`:`text-ink-faint`)}),(0,K.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,K.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,K.jsx)(`span`,{className:`truncate font-medium text-ink`,children:a}),t&&(0,K.jsx)(pn,{children:`open`})]}),e.host&&(0,K.jsxs)(`span`,{className:`mt-0.5 flex items-center gap-1 font-mono text-[10px] text-ink-faint`,children:[(0,K.jsx)(V,{className:`size-2.5 shrink-0`}),(0,K.jsx)(`span`,{className:`truncate`,children:e.host})]}),(0,K.jsx)(`span`,{className:`mt-0.5 flex items-center gap-1 text-[11px] text-ink-faint`,children:ve(e)&&!e.title?(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(L,{className:`size-3 animate-spin`}),` Naming…`]}):(0,K.jsxs)(K.Fragment,{children:[e.turns,` `,e.turns===1?`message`:`messages`,` · `,Cr(e.updatedAt)]})})]})]}),(0,K.jsx)(`button`,{type:`button`,onClick:()=>i(e.id),"aria-label":`Delete ${a}`,className:`mt-0.5 shrink-0 rounded-full p-1 text-ink-faint transition-colors hover:bg-surface hover:text-ink`,children:(0,K.jsx)(U,{className:`size-3`})})]})}var br=6e4,xr=60*br,Sr=24*xr;function Cr(e){let t=Date.now()-e;return t<br?`just now`:t<xr?`${Math.floor(t/br)}m ago`:t<Sr?`${Math.floor(t/xr)}h ago`:t<7*Sr?`${Math.floor(t/Sr)}d ago`:new Date(e).toLocaleDateString(void 0,{month:`short`,day:`numeric`})}function wr({sessions:e,activeSessionId:t,onFocus:n,onEnd:r}){let[i,a]=(0,W.useState)(!0);if(!e.length)return null;let o=e.filter(e=>e.runId).length;return(0,K.jsxs)(`div`,{className:`enters shrink-0 border-b border-line px-3 py-2`,children:[(0,K.jsxs)(`button`,{type:`button`,onClick:()=>a(e=>!e),"aria-expanded":i,className:`flex w-full items-center gap-1.5 font-mono text-[10px] tracking-[0.12em] text-ink-faint uppercase transition-colors hover:text-ink`,children:[(0,K.jsx)(We,{className:`size-3 shrink-0`}),(0,K.jsxs)(`span`,{className:`flex-1 text-left`,children:[`Sessions · `,e.length,o>0&&(0,K.jsxs)(`span`,{className:`text-brand`,children:[` · `,o,` running`]})]}),(0,K.jsx)(ae,{className:T(`size-3 shrink-0 transition-transform`,i&&`rotate-180`)})]}),i&&(0,K.jsx)(`div`,{className:`mt-1.5 flex flex-col gap-1`,children:e.map(e=>(0,K.jsx)(Tr,{session:e,current:e.sessionId===t,onFocus:n,onEnd:r},e.sessionId))})]})}function Tr({session:e,current:t,onFocus:n,onEnd:r}){let i=e.tabIds.length-1;return(0,K.jsxs)(`div`,{className:T(`flex items-center gap-2 rounded-lg border px-2 py-1.5 text-xs transition-colors`,t?`border-brand/35 bg-brand/8`:`border-line bg-ground/40 hover:border-line-strong`),children:[(0,K.jsxs)(`button`,{type:`button`,onClick:()=>n(e.sessionId),className:`flex min-w-0 flex-1 items-center gap-2 text-left`,title:e.url,children:[(0,K.jsx)(`span`,{className:T(`size-1.5 shrink-0 rounded-full`,e.runId?`glow-dot animate-pulse bg-brand text-brand`:`bg-ink-faint`)}),(0,K.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,K.jsx)(`span`,{className:`block truncate text-ink`,children:e.title}),(0,K.jsxs)(`span`,{className:`block font-mono text-[10px] text-ink-faint`,children:[e.turns,` `,e.turns===1?`message`:`messages`,i>0&&` · +${i} tab${i===1?``:`s`}`,e.host&&` · ${e.host}`]})]})]}),(0,K.jsx)(`button`,{type:`button`,onClick:()=>r(e.sessionId),"aria-label":`End the session on ${e.title}`,title:`End this session`,className:`shrink-0 rounded-full p-1 text-ink-faint transition-colors hover:bg-surface hover:text-ink`,children:(0,K.jsx)(U,{className:`size-3`})})]})}function Er({checked:e,disabled:t,label:n,onChange:r,className:i}){return(0,K.jsx)(`button`,{type:`button`,role:`switch`,"data-slot":`switch`,"aria-checked":e,"aria-label":n,disabled:t,onClick:()=>r(!e),className:T(`relative inline-flex h-4 w-7 shrink-0 items-center rounded-full border transition-colors`,`focus-visible:ring-2 focus-visible:ring-brand/50 focus-visible:outline-none`,e?`border-brand/50 bg-brand/70`:`border-line-strong bg-surface`,t&&`cursor-not-allowed opacity-40`,i),children:(0,K.jsx)(`span`,{"data-slot":`switch-thumb`,className:T(`pointer-events-none size-2.5 rounded-full bg-ink shadow-sm transition-transform`,e?`translate-x-3.5`:`translate-x-0.5`)})})}var Dr=`fence`,Or=`unattended`,kr={allow:`Allow`,confirm:`Ask`,deny:`Block`},Ar=[`allow`,`confirm`,`deny`];function jr(){let e=Ce(),t=e?.connected??!1,[n,r]=(0,W.useState)(null),[i,a]=(0,W.useState)(null),[o,s]=(0,W.useState)(null),c=(0,W.useCallback)(async(e,t)=>{a(t),s(null);let n=await R.runtime.sendMessage({channel:h,...e}).catch(()=>null);a(null),n?.ok?r(n.data):s(n?.error.message??`The daemon did not answer.`)},[]);(0,W.useEffect)(()=>{t&&c({op:`guardrails`},`load`)},[t,c]);let l=(e,t)=>void c({op:`setGuardrail`,setting:e,value:t},e);return e?.paired?t?n?(0,K.jsxs)(`div`,{className:`space-y-5 px-3 pb-6`,children:[(0,K.jsxs)(`header`,{className:`space-y-1.5`,children:[(0,K.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,K.jsx)(`h2`,{className:`font-mono text-[10px] tracking-[0.14em] text-ink-faint uppercase`,children:`Guardrails`}),(0,K.jsxs)(`button`,{type:`button`,onClick:()=>void c({op:`guardrails`},`load`),disabled:i!==null,className:`flex items-center gap-1 font-mono text-[10px] tracking-[0.14em] text-ink-faint uppercase transition-colors hover:text-brand disabled:opacity-40`,children:[(0,K.jsx)(ne,{className:T(`size-3`,i===`load`&&`animate-spin`)}),` Reload`]})]}),(0,K.jsxs)(`p`,{className:`text-[11px] leading-relaxed text-ink-faint`,children:[`A row left off uses the default Browsentic ships. Turning one on writes an override to`,` `,(0,K.jsx)(`span`,{className:`font-mono text-[10px] text-ink-dim`,children:n.configPath}),` and nothing else. A run takes its policy when it starts, so a change here applies to the next one.`]})]}),o&&(0,K.jsx)(`p`,{className:`text-[11px] text-destructive`,children:o}),(0,K.jsx)(`section`,{className:`space-y-1.5`,children:n.rules.map(e=>(0,K.jsx)(Mr,{rule:e,busy:i===e.id,onWrite:l},e.id))}),(0,K.jsxs)(`section`,{className:`space-y-1.5`,children:[(0,K.jsx)(`h3`,{className:`font-mono text-[10px] tracking-[0.14em] text-ink-faint uppercase`,children:`Everything else`}),(0,K.jsx)(Nr,{title:`Fence page text`,note:`Wraps every page result in a marker telling the model it is reading data, never instructions.`,state:n.fence.overridden?n.fence.enabled?`On`:`Off`:`On (default)`,on:n.fence.overridden,busy:i===Dr,onToggle:e=>l(Dr,e?n.fence.enabled:null),children:n.fence.overridden&&(0,K.jsx)(Pr,{options:[{value:!0,label:`Fence`},{value:!1,label:`Do not fence`}],value:n.fence.enabled,onSelect:e=>l(`fence`,e)})}),(0,K.jsx)(Nr,{title:`Callers with nobody to ask`,note:`An MCP client outside the side panel cannot answer a prompt. This is what its “Ask” decisions become.`,state:n.unattended.overridden?kr[n.unattended.effect]:`Block (default)`,on:n.unattended.overridden,busy:i===Or,onToggle:e=>l(Or,e?n.unattended.effect:null),children:n.unattended.overridden&&(0,K.jsx)(Pr,{options:[{value:`deny`,label:`Block`},{value:`allow`,label:`Allow`}],value:n.unattended.effect,onSelect:e=>l(`unattended`,e)})}),(0,K.jsxs)(`div`,{className:`rounded-md border border-line bg-surface/30 px-2.5 py-2`,children:[(0,K.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,K.jsx)(v,{className:`size-3 text-brand`}),(0,K.jsx)(`span`,{className:`text-[11px] font-medium text-ink`,children:`Credential sealing`}),(0,K.jsx)(`span`,{className:`ml-auto font-mono text-[9px] tracking-[0.1em] text-brand uppercase`,children:`Always on`})]}),(0,K.jsx)(`p`,{className:`mt-1 text-[11px] leading-relaxed text-ink-faint`,children:`Passwords, keys, tokens and cookies are replaced by a placeholder before a result leaves the browser. There is no switch: it is what keeps a plaintext credential off the socket in the first place.`})]}),n.hosts.length>0&&(0,K.jsxs)(`div`,{className:`rounded-md border border-line bg-surface/30 px-2.5 py-2`,children:[(0,K.jsx)(`span`,{className:`text-[11px] font-medium text-ink`,children:`Standing host allowlist`}),(0,K.jsx)(`p`,{className:`mt-1 font-mono text-[10px] leading-relaxed break-all text-ink-dim`,children:n.hosts.join(` · `)}),(0,K.jsx)(`p`,{className:`mt-1 text-[11px] text-ink-faint`,children:`Added to every run’s scope. Edited in config.json.`})]})]})]}):(0,K.jsx)(Fr,{children:o??`Reading the policy…`}):(0,K.jsx)(Fr,{children:`The daemon is offline. Settings live in its config file, so they load when it reconnects.`}):(0,K.jsx)(Fr,{children:`Pair a browser to see what this agent is allowed to do.`})}function Mr({rule:e,busy:t,onWrite:n}){if(e.locked)return(0,K.jsxs)(`div`,{className:`rounded-md border border-line bg-surface/20 px-2.5 py-2`,children:[(0,K.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,K.jsx)(`span`,{className:`text-[11px] font-medium text-ink-dim`,children:e.title}),(0,K.jsxs)(`span`,{className:`ml-auto flex items-center gap-1 font-mono text-[9px] tracking-[0.1em] text-ink-faint uppercase`,children:[(0,K.jsx)(Ke,{className:`size-2.5`}),kr[e.fallback]]})]}),(0,K.jsx)(`p`,{className:`mt-1 text-[11px] leading-relaxed text-ink-faint`,children:e.reason})]});let r=e.override??e.fallback;return(0,K.jsx)(Nr,{title:e.title,note:e.reason,state:e.override?kr[e.override]:`${kr[e.fallback]} (default)`,on:e.override!==void 0,busy:t,onToggle:t=>n(e.id,t?r:null),children:e.override!==void 0&&(0,K.jsx)(Pr,{options:Ar.map(e=>({value:e,label:kr[e]})),value:e.override,onSelect:t=>n(e.id,t)})})}function Nr({title:e,note:t,state:n,on:r,busy:i,onToggle:a,children:o}){return(0,K.jsxs)(`div`,{className:T(`rounded-md border px-2.5 py-2 transition-colors`,r?`border-brand/30 bg-brand/5`:`border-line bg-surface/20`),children:[(0,K.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,K.jsx)(`span`,{className:`text-[11px] font-medium text-ink`,children:e}),(0,K.jsxs)(`span`,{className:`ml-auto flex items-center gap-1.5`,children:[(0,K.jsx)(`span`,{className:`font-mono text-[9px] tracking-[0.1em] text-ink-faint uppercase`,children:n}),i?(0,K.jsx)(L,{className:`size-3 animate-spin text-ink-faint`}):(0,K.jsx)(Er,{checked:r,label:`Override ${e}`,onChange:a})]})]}),(0,K.jsx)(`p`,{className:`mt-1 text-[11px] leading-relaxed text-ink-faint`,children:t}),o]})}function Pr({options:e,value:t,onSelect:n}){return(0,K.jsx)(`div`,{className:`mt-2 flex gap-1`,children:e.map(e=>(0,K.jsx)(`button`,{type:`button`,onClick:()=>n(e.value),"aria-pressed":e.value===t,className:T(`flex-1 rounded px-2 py-1 text-[10px] font-medium transition-colors`,e.value===t?`bg-brand/20 text-brand`:`bg-surface text-ink-faint hover:text-ink-dim`),children:e.label},String(e.value)))})}function Fr({children:e}){return(0,K.jsx)(`p`,{className:`px-4 py-8 text-center text-[11px] leading-relaxed text-ink-faint`,children:e})}function Ir({draft:e,onActivate:t,onDiscard:n}){let[r,i]=(0,W.useState)(!1),a=r?e.host:e.domain;return(0,K.jsxs)(`div`,{className:`enters mb-2 overflow-hidden rounded-xl border border-amber/40 bg-amber/8`,children:[(0,K.jsxs)(`div`,{className:`flex items-start gap-2 border-b border-amber/25 px-2.5 py-2`,children:[(0,K.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,K.jsxs)(`p`,{className:`truncate text-xs font-medium text-ink`,children:[`Mapped `,e.host]}),(0,K.jsxs)(`p`,{className:`mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 font-mono text-[10px] text-ink-faint`,children:[(0,K.jsxs)(`span`,{children:[e.pages,` pages`]}),(0,K.jsxs)(`span`,{className:`inline-flex items-center gap-0.5`,children:[(0,K.jsx)(Be,{className:`size-2.5`}),` `,e.screenshots]}),(0,K.jsx)(`span`,{children:new Date(e.generatedAt).toLocaleString()})]})]}),(0,K.jsx)(pn,{variant:`warning`,children:`not active yet`})]}),(0,K.jsxs)(`div`,{className:`px-2.5 py-2`,children:[(0,K.jsxs)(`p`,{className:`mb-2 text-[11px] leading-relaxed text-ink-dim`,children:[`This was written from pages the agent read. Once you activate it, it joins the instructions for every future request on `,(0,K.jsx)(`span`,{className:`font-mono text-ink`,children:a}),`. Read it first.`]}),e.warnings.length>0&&(0,K.jsx)(`div`,{className:`mb-2 space-y-1 rounded-lg bg-amber/12 px-2 py-1.5`,children:e.warnings.map(e=>(0,K.jsxs)(`p`,{className:`flex gap-1.5 text-[11px] leading-snug text-amber`,children:[(0,K.jsx)(E,{className:`mt-0.5 size-3 shrink-0`}),(0,K.jsx)(`span`,{children:e})]},e))}),(0,K.jsx)(`div`,{className:`max-h-56 overflow-x-hidden overflow-y-auto rounded-lg border border-line bg-ground/70`,children:(0,K.jsx)(`pre`,{className:`px-2 py-1.5 font-mono text-[10px] leading-relaxed break-words whitespace-pre-wrap text-ink-dim`,children:e.markdown})}),(0,K.jsxs)(`p`,{className:`mt-1.5 flex items-start gap-1 font-mono text-[10px] break-all text-ink-faint`,children:[(0,K.jsx)(Le,{className:`mt-0.5 size-2.5 shrink-0`}),e.directory]}),e.screenshots>0&&(0,K.jsx)(`p`,{className:`mt-0.5 text-[10px] text-ink-faint`,children:`Screenshots may show pages you were signed in to. They stay on this machine.`}),(0,K.jsxs)(`label`,{className:`mt-2 flex items-center gap-1.5 text-[11px] text-ink-dim`,children:[(0,K.jsx)(`input`,{type:`checkbox`,checked:r,onChange:e=>i(e.target.checked),className:`size-3 accent-brand`}),`Only on `,(0,K.jsx)(`span`,{className:`font-mono text-ink`,children:e.host}),`, not its subdomains`]}),(0,K.jsxs)(`div`,{className:`mt-2.5 flex gap-1.5`,children:[(0,K.jsxs)(l,{variant:`ghost`,size:`sm`,className:`flex-1`,onClick:n,children:[(0,K.jsx)(dt,{className:`size-3`}),` Discard`]}),(0,K.jsxs)(l,{size:`sm`,className:`flex-1`,onClick:()=>t(r),children:[(0,K.jsx)(k,{className:`size-3`}),` Activate`]})]})]})]})}function Lr(){let[e,t]=(0,W.useState)([]);return(0,W.useEffect)(()=>{let e=!0;R.storage.local.get(he).then(n=>{let r=n[he];e&&Array.isArray(r)&&t(r)});let n=e=>{if(`browsentic:skills`in e){let n=e[he].newValue;t(Array.isArray(n)?n:[])}};return R.storage.local.onChanged.addListener(n),()=>{e=!1,R.storage.local.onChanged.removeListener(n)}},[]),e}function Rr({tabUrl:e,connected:t,onMapSite:n,mapping:r}){let i=Lr(),a=(0,W.useRef)(null),[o,s]=(0,W.useState)(null),[c,u]=(0,W.useState)(``),[d,f]=(0,W.useState)(null),p=Ot(e),m=t&&!r&&/^https?:/.test(e),g=i.some(e=>e.origin===`generated`&&jt(p,e.domains));async function _(){let e=a.current,t=e?.files?.[0];if(e&&(e.value=``),!t)return;let n=Ft(await t.text(),t.name);s(n),u(n.domains.join(`, `)),f(null)}async function v(){if(!o)return;let e=c.split(`,`).map(kt).filter(Boolean),t=Nt({...o,domains:e});if(!t.ok){f(t.message);return}let n=t.draft,r=crypto.randomUUID();await j({id:r,name:n.name,description:n.description,category:n.category,domains:n.domains,status:`pending`,addedAt:Date.now()},{id:r,body:n.body,triggers:n.triggers}),await R.runtime.sendMessage({channel:h,op:`saveSkill`,skillId:r}),s(null),f(null)}return(0,K.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-3 p-3`,children:[(0,K.jsx)(`p`,{className:`text-[11px] leading-relaxed text-ink-dim`,children:`Notes about a site — where things are, how its lists load — that join the agent’s instructions only while you are on that site. Let the agent write them for you, or upload your own markdown.`}),!o&&(0,K.jsxs)(`div`,{className:`grid grid-cols-2 gap-1.5`,children:[(0,K.jsxs)(l,{size:`sm`,onClick:n,disabled:!m,title:m?`Map ${p}`:`Open an http(s) page, with no run in progress`,children:[r?(0,K.jsx)(L,{className:`animate-spin`}):(0,K.jsx)(Ae,{}),(0,K.jsxs)(`span`,{className:`truncate`,children:[g?`Re-map`:`Map`,` this site`]})]}),(0,K.jsxs)(l,{variant:`outline`,size:`sm`,onClick:()=>a.current?.click(),children:[(0,K.jsx)(pt,{}),` Upload notes`]})]}),o?(0,K.jsx)(zr,{draft:o,domainText:c,error:d,connected:t,onChange:e=>{s({...o,...e}),f(null)},onDomainText:e=>{u(e),f(null)},onCancel:()=>{s(null),f(null)},onSave:()=>void v()}):(0,K.jsx)(Br,{skills:i,host:p}),(0,K.jsx)(`input`,{ref:a,type:`file`,accept:`.md,.markdown,text/markdown`,className:`hidden`,onChange:()=>void _()})]})}function zr({draft:e,domainText:t,error:n,connected:r,onChange:i,onDomainText:a,onCancel:o,onSave:s}){let c=e.category===`site-exploration`;return(0,K.jsxs)(`div`,{className:`panel-card flex flex-col gap-2 rounded-xl p-2.5`,children:[(0,K.jsx)(`p`,{className:`font-mono text-[10px] tracking-[0.14em] text-ink-faint uppercase`,children:`New skill`}),(0,K.jsx)(P,{value:e.name,onChange:e=>i({name:e.target.value.toLowerCase()}),placeholder:`skill-name`,"aria-label":`Skill name`,className:`h-8 font-mono text-xs`}),(0,K.jsx)(P,{value:e.description,onChange:e=>i({description:e.target.value}),placeholder:`What is this for?`,"aria-label":`Skill description`,className:`h-8 text-xs`}),(0,K.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,K.jsx)(l,{variant:c?`outline`:`default`,size:`sm`,className:`flex-1`,onClick:()=>i({category:`general`}),children:`General`}),(0,K.jsxs)(l,{variant:c?`default`:`outline`,size:`sm`,className:`flex-1`,onClick:()=>i({category:`site-exploration`}),children:[(0,K.jsx)(V,{}),` Site notes`]})]}),c&&(0,K.jsx)(P,{value:t,onChange:e=>a(e.target.value),placeholder:`acme.com, admin.acme.com`,"aria-label":`Domains this skill applies to`,className:`h-8 font-mono text-xs`}),(0,K.jsx)(`p`,{className:`line-clamp-3 rounded-lg border border-line bg-ground/70 px-2 py-1.5 text-[11px] leading-relaxed text-ink-faint`,children:e.body||`This file has no instructions in it.`}),n&&(0,K.jsx)(`p`,{className:`rounded-lg border border-amber/40 bg-amber/10 px-2 py-1.5 text-[11px] text-amber`,children:n}),(0,K.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,K.jsx)(l,{variant:`ghost`,size:`sm`,className:`flex-1`,onClick:o,children:`Cancel`}),(0,K.jsxs)(l,{size:`sm`,className:`flex-1`,onClick:s,disabled:!r,children:[(0,K.jsx)(k,{}),` Save skill`]})]}),!r&&(0,K.jsx)(`p`,{className:`text-center text-[10px] text-ink-faint`,children:`Pair the browser to save skills.`})]})}function Br({skills:e,host:t}){return e.length===0?(0,K.jsxs)(`div`,{className:`dot-grid fade-bottom rounded-xl border border-line px-3 py-6 text-center`,children:[(0,K.jsx)(z,{className:`mx-auto size-5 text-ink-faint`}),(0,K.jsx)(`p`,{className:`mt-2 text-[11px] leading-relaxed text-ink-faint`,children:`No skills yet. Mapping a site writes one for you; uploading a markdown file adds your own.`})]}):(0,K.jsx)(`div`,{className:`flex min-w-0 flex-col gap-1.5`,children:e.map(e=>(0,K.jsx)(Vr,{skill:e,host:t},e.id))})}function Vr({skill:e,host:t}){let n=e.category===`site-exploration`&&jt(t,e.domains),r=e.origin===`generated`,i=r?Ae:z;return(0,K.jsxs)(`div`,{className:T(`flex items-start gap-2 rounded-xl border px-2.5 py-2 text-xs`,n?`border-brand/35 bg-brand/8`:`border-line bg-ground/40`),children:[(0,K.jsx)(i,{className:T(`mt-0.5 size-3.5 shrink-0`,n?`text-brand`:`text-ink-faint`)}),(0,K.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,K.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,K.jsx)(`span`,{className:`truncate font-medium text-ink`,children:e.name}),r&&(0,K.jsx)(pn,{variant:`outline`,children:`mapped`}),n&&(0,K.jsx)(pn,{children:`on this site`})]}),e.domains.length>0&&(0,K.jsx)(`p`,{className:`mt-0.5 truncate font-mono text-[10px] text-ink-faint`,children:e.domains.join(`, `)}),e.description&&(0,K.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-[11px] text-ink-dim`,children:e.description}),e.status===`pending`&&(0,K.jsxs)(`span`,{className:`mt-0.5 flex items-center gap-1 text-[11px] text-ink-faint`,children:[(0,K.jsx)(L,{className:`size-3 animate-spin`}),` Saving…`]}),e.status===`error`&&(0,K.jsx)(`span`,{className:`mt-0.5 block text-[11px] text-destructive`,children:e.error??`Could not save`})]}),(0,K.jsx)(`button`,{type:`button`,onClick:()=>void R.runtime.sendMessage({channel:h,op:`removeSkill`,skillId:e.id}),"aria-label":`Remove ${e.name}`,className:`mt-0.5 shrink-0 rounded-full p-1 text-ink-faint transition-colors hover:bg-surface hover:text-ink`,children:(0,K.jsx)(U,{className:`size-3`})})]})}var Hr=Object.defineProperty,J=(e,t)=>Hr(e,`name`,{value:t,configurable:!0});function Ur(e,t){return W.useReducer((e,n)=>t[e][n]??e,e)}J(Ur,`useStateMachine`);var Wr=`ScrollArea`,[Gr,Kr]=we(Wr),[qr,Y]=Gr(Wr),Jr=W.forwardRef(J(function(e,t){let{__scopeScrollArea:n,type:r=`hover`,dir:i,scrollHideDelay:a=600,...o}=e,[s,l]=W.useState(null),[u,d]=W.useState(null),[f,m]=W.useState(null),[h,g]=W.useState(null),[_,v]=W.useState(null),[y,b]=W.useState(0),[x,S]=W.useState(0),[C,w]=W.useState(!1),[T,E]=W.useState(!1),D=c(t,l),O=ee(i);return(0,K.jsx)(qr,{scope:n,type:r,dir:O,scrollHideDelay:a,scrollArea:s,viewport:u,onViewportChange:d,content:f,onContentChange:m,scrollbarX:h,onScrollbarXChange:g,scrollbarXEnabled:C,onScrollbarXEnabledChange:w,scrollbarY:_,onScrollbarYChange:v,scrollbarYEnabled:T,onScrollbarYEnabledChange:E,onCornerWidthChange:b,onCornerHeightChange:S,children:(0,K.jsx)(p.div,{dir:O,...o,ref:D,style:{position:`relative`,"--radix-scroll-area-corner-width":y+`px`,"--radix-scroll-area-corner-height":x+`px`,...e.style}})})},`ScrollArea`)),Yr=`ScrollAreaViewport`,Xr=W.forwardRef(J(function(e,t){let{__scopeScrollArea:n,children:r,nonce:i,...a}=e,o=Y(Yr,n),s=c(t,W.useRef(null),o.onViewportChange);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(Zr,{nonce:i}),(0,K.jsx)(p.div,{"data-radix-scroll-area-viewport":``,...a,ref:s,style:{overflowX:o.scrollbarXEnabled?`scroll`:`hidden`,overflowY:o.scrollbarYEnabled?`scroll`:`hidden`,...e.style},children:(0,K.jsx)(`div`,{ref:o.onContentChange,style:{minWidth:`100%`,display:`table`},children:r})})]})},`ScrollAreaViewport`)),Zr=W.memo(J(function({nonce:e}){return(0,K.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}`},nonce:e})},`ScrollAreaViewportStyle`),(e,t)=>e.nonce===t.nonce),X=`ScrollAreaScrollbar`,Qr=W.forwardRef(J(function(e,t){let{forceMount:n,...r}=e,i=Y(X,e.__scopeScrollArea),{onScrollbarXEnabledChange:a,onScrollbarYEnabledChange:o}=i,s=e.orientation===`horizontal`;return W.useEffect(()=>(s?a(!0):o(!0),()=>{s?a(!1):o(!1)}),[s,a,o]),i.type===`hover`?(0,K.jsx)($r,{...r,ref:t,forceMount:n}):i.type===`scroll`?(0,K.jsx)(ei,{...r,ref:t,forceMount:n}):i.type===`auto`?(0,K.jsx)(ti,{...r,ref:t,forceMount:n}):i.type===`always`?(0,K.jsx)(ni,{...r,ref:t,"data-state":`visible`}):null},`ScrollAreaScrollbar`)),$r=W.forwardRef(J(function(e,t){let{forceMount:n,...r}=e,i=Y(X,e.__scopeScrollArea),[a,o]=W.useState(!1);return W.useEffect(()=>{let e=i.scrollArea,t=0;if(e){let n=J(()=>{window.clearTimeout(t),o(!0)},`handlePointerEnter`),r=J(()=>{t=window.setTimeout(()=>o(!1),i.scrollHideDelay)},`handlePointerLeave`);return e.addEventListener(`pointerenter`,n),e.addEventListener(`pointerleave`,r),()=>{window.clearTimeout(t),e.removeEventListener(`pointerenter`,n),e.removeEventListener(`pointerleave`,r)}}},[i.scrollArea,i.scrollHideDelay]),(0,K.jsx)(_,{present:n||a,children:(0,K.jsx)(ti,{"data-state":a?`visible`:`hidden`,...r,ref:t})})},`ScrollAreaScrollbarHover`)),ei=W.forwardRef(J(function(e,t){let{forceMount:n,...i}=e,a=Y(X,e.__scopeScrollArea),o=e.orientation===`horizontal`,s=Q(()=>l(`SCROLL_END`),100),[c,l]=Ur(`hidden`,{hidden:{SCROLL:`scrolling`},scrolling:{SCROLL_END:`idle`,POINTER_ENTER:`interacting`},interacting:{SCROLL:`interacting`,POINTER_LEAVE:`idle`},idle:{HIDE:`hidden`,SCROLL:`scrolling`,POINTER_ENTER:`interacting`}});return W.useEffect(()=>{if(c===`idle`){let e=window.setTimeout(()=>l(`HIDE`),a.scrollHideDelay);return()=>window.clearTimeout(e)}},[c,a.scrollHideDelay,l]),W.useEffect(()=>{let e=a.viewport,t=o?`scrollLeft`:`scrollTop`;if(e){let n=e[t],r=J(()=>{let r=e[t];n!==r&&(l(`SCROLL`),s()),n=r},`handleScroll`);return e.addEventListener(`scroll`,r),()=>e.removeEventListener(`scroll`,r)}},[a.viewport,o,l,s]),(0,K.jsx)(_,{present:n||c!==`hidden`,children:(0,K.jsx)(ni,{"data-state":c===`hidden`?`hidden`:`visible`,...i,ref:t,onPointerEnter:r(e.onPointerEnter,()=>l(`POINTER_ENTER`)),onPointerLeave:r(e.onPointerLeave,()=>l(`POINTER_LEAVE`))})})},`ScrollAreaScrollbarScroll`)),ti=W.forwardRef(J(function(e,t){let n=Y(X,e.__scopeScrollArea),{forceMount:r,...i}=e,[a,o]=W.useState(!1),s=e.orientation===`horizontal`,c=Q(()=>{if(n.viewport){let e=n.viewport.offsetWidth<n.viewport.scrollWidth,t=n.viewport.offsetHeight<n.viewport.scrollHeight;o(s?e:t)}},10);return $(n.viewport,c),$(n.content,c),(0,K.jsx)(_,{present:r||a,children:(0,K.jsx)(ni,{"data-state":a?`visible`:`hidden`,...i,ref:t})})},`ScrollAreaScrollbarAuto`)),ni=W.forwardRef(J(function(e,t){let{orientation:n=`vertical`,...r}=e,i=Y(X,e.__scopeScrollArea),a=W.useRef(null),o=W.useRef(0),[s,c]=W.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),l=hi(s.viewport,s.content),u={...r,sizes:s,onSizesChange:c,hasThumb:l>0&&l<1,onThumbChange:J(e=>a.current=e,`onThumbChange`),onThumbPointerUp:J(()=>o.current=0,`onThumbPointerUp`),onThumbPointerDown:J(e=>o.current=e,`onThumbPointerDown`)};function d(e,t){return gi(e,o.current,s,t)}return J(d,`getScrollPosition`),n===`horizontal`?(0,K.jsx)(ri,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollLeft,t=_i(e,s,i.dir);a.current.style.transform=`translate3d(${t}px, 0, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollLeft=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollLeft=d(e,i.dir))}}):n===`vertical`?(0,K.jsx)(ii,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollTop,t=_i(e,s);a.current.style.transform=`translate3d(0, ${t}px, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollTop=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollTop=d(e))}}):null},`ScrollAreaScrollbarVisible`)),ri=W.forwardRef(J(function(e,t){let{sizes:n,onSizesChange:r,...i}=e,a=Y(X,e.__scopeScrollArea),[o,s]=W.useState(),l=W.useRef(null),u=c(t,l,a.onScrollbarXChange);return W.useEffect(()=>{l.current&&s(getComputedStyle(l.current))},[l]),(0,K.jsx)(si,{"data-orientation":`horizontal`,...i,ref:u,sizes:n,style:{bottom:0,left:a.dir===`rtl`?`var(--radix-scroll-area-corner-width)`:0,right:a.dir===`ltr`?`var(--radix-scroll-area-corner-width)`:0,"--radix-scroll-area-thumb-width":Z(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,n)=>{if(a.viewport){let r=a.viewport.scrollLeft+t.deltaX;e.onWheelScroll(r),yi(r,n)&&t.preventDefault()}},onResize:()=>{l.current&&a.viewport&&o&&r({content:a.viewport.scrollWidth,viewport:a.viewport.offsetWidth,scrollbar:{size:l.current.clientWidth,paddingStart:mi(o.paddingLeft),paddingEnd:mi(o.paddingRight)}})}})},`ScrollAreaScrollbarX`)),ii=W.forwardRef(J(function(e,t){let{sizes:n,onSizesChange:r,...i}=e,a=Y(X,e.__scopeScrollArea),[o,s]=W.useState(),l=W.useRef(null),u=c(t,l,a.onScrollbarYChange);return W.useEffect(()=>{l.current&&s(getComputedStyle(l.current))},[l]),(0,K.jsx)(si,{"data-orientation":`vertical`,...i,ref:u,sizes:n,style:{top:0,right:a.dir===`ltr`?0:void 0,left:a.dir===`rtl`?0:void 0,bottom:`var(--radix-scroll-area-corner-height)`,"--radix-scroll-area-thumb-height":Z(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,n)=>{if(a.viewport){let r=a.viewport.scrollTop+t.deltaY;e.onWheelScroll(r),yi(r,n)&&t.preventDefault()}},onResize:()=>{l.current&&a.viewport&&o&&r({content:a.viewport.scrollHeight,viewport:a.viewport.offsetHeight,scrollbar:{size:l.current.clientHeight,paddingStart:mi(o.paddingTop),paddingEnd:mi(o.paddingBottom)}})}})},`ScrollAreaScrollbarY`)),[ai,oi]=Gr(X),si=W.forwardRef(J(function(e,t){let{__scopeScrollArea:n,sizes:i,hasThumb:a,onThumbChange:o,onThumbPointerUp:s,onThumbPointerDown:l,onThumbPositionChange:d,onDragScroll:f,onWheelScroll:m,onResize:h,...g}=e,_=Y(X,n),[v,ee]=W.useState(null),y=c(t,ee),b=W.useRef(null),x=W.useRef(``),S=_.viewport,C=i.content-i.viewport,w=u(m),T=u(d),E=Q(h,10);function D(e){if(b.current){let t=e.clientX-b.current.left,n=e.clientY-b.current.top;f({x:t,y:n})}}return J(D,`handleDragScroll`),W.useEffect(()=>{let e=J(e=>{let t=e.target;v?.contains(t)&&w(e,C)},`handleWheel`);return document.addEventListener(`wheel`,e,{passive:!1}),()=>document.removeEventListener(`wheel`,e,{passive:!1})},[S,v,C,w]),W.useEffect(T,[i,T]),$(v,E),$(_.content,E),(0,K.jsx)(ai,{scope:n,scrollbar:v,hasThumb:a,onThumbChange:u(o),onThumbPointerUp:u(s),onThumbPositionChange:T,onThumbPointerDown:u(l),children:(0,K.jsx)(p.div,{...g,ref:y,style:{position:`absolute`,...g.style},onPointerDown:r(e.onPointerDown,e=>{e.button===0&&(e.target.setPointerCapture(e.pointerId),b.current=v.getBoundingClientRect(),x.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect=`none`,_.viewport&&(_.viewport.style.scrollBehavior=`auto`),D(e))}),onPointerMove:r(e.onPointerMove,D),onPointerUp:r(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=x.current,_.viewport&&(_.viewport.style.scrollBehavior=``),b.current=null})})})},`ScrollAreaScrollbarImpl`)),ci=`ScrollAreaThumb`,li=W.forwardRef(J(function(e,t){let{forceMount:n,...r}=e,i=oi(ci,e.__scopeScrollArea);return(0,K.jsx)(_,{present:n||i.hasThumb,children:(0,K.jsx)(ui,{ref:t,...r})})},`ScrollAreaThumb`)),ui=W.forwardRef(J(function(e,t){let{__scopeScrollArea:n,style:i,...a}=e,o=Y(ci,n),s=oi(ci,n),{onThumbPositionChange:l}=s,u=c(t,s.onThumbChange),d=W.useRef(void 0),f=Q(()=>{d.current&&=(d.current(),void 0)},100);return W.useEffect(()=>{let e=o.viewport;if(e){let t=J(()=>{if(f(),!d.current){let t=bi(e,l);d.current=t,l()}},`handleScroll`);return l(),e.addEventListener(`scroll`,t),()=>e.removeEventListener(`scroll`,t)}},[o.viewport,f,l]),(0,K.jsx)(p.div,{"data-state":s.hasThumb?`visible`:`hidden`,...a,ref:u,style:{width:`var(--radix-scroll-area-thumb-width)`,height:`var(--radix-scroll-area-thumb-height)`,...i},onPointerDownCapture:r(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top;s.onThumbPointerDown({x:n,y:r})}),onPointerUp:r(e.onPointerUp,s.onThumbPointerUp)})},`ScrollAreaThumbImpl`)),di=`ScrollAreaCorner`,fi=W.forwardRef(J(function(e,t){let n=Y(di,e.__scopeScrollArea),r=!!(n.scrollbarX&&n.scrollbarY);return n.type!==`scroll`&&r?(0,K.jsx)(pi,{...e,ref:t}):null},`ScrollAreaCorner`)),pi=W.forwardRef(J(function(e,t){let{__scopeScrollArea:n,...r}=e,i=Y(di,n),[a,o]=W.useState(0),[s,c]=W.useState(0),l=!!(a&&s),{onCornerWidthChange:u,onCornerHeightChange:d}=i;return $(i.scrollbarX,()=>{let e=i.scrollbarX?.offsetHeight||0;i.onCornerHeightChange(e),c(e)}),$(i.scrollbarY,()=>{let e=i.scrollbarY?.offsetWidth||0;i.onCornerWidthChange(e),o(e)}),W.useEffect(()=>()=>{u(0),d(0)},[u,d]),l?(0,K.jsx)(p.div,{...r,ref:t,style:{width:a,height:s,position:`absolute`,right:i.dir===`ltr`?0:void 0,left:i.dir===`rtl`?0:void 0,bottom:0,...e.style}}):null},`ScrollAreaCornerImpl`));function mi(e){return e?parseInt(e,10):0}J(mi,`toInt`);function hi(e,t){let n=e/t;return isNaN(n)?0:n}J(hi,`getThumbRatio`);function Z(e){let t=hi(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}J(Z,`getThumbSize`);function gi(e,t,n,r=`ltr`){let i=Z(n),a=i/2,o=t||a,s=i-o,c=n.scrollbar.paddingStart+o,l=n.scrollbar.size-n.scrollbar.paddingEnd-s,u=n.content-n.viewport,d=r===`ltr`?[0,u]:[u*-1,0];return vi([c,l],d)(e)}J(gi,`getScrollPositionFromPointer`);function _i(e,t,n=`ltr`){let r=Z(t),i=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,a=t.scrollbar.size-i,o=t.content-t.viewport,s=a-r,c=S(e,n===`ltr`?[0,o]:[o*-1,0]);return vi([0,o],[0,s])(c)}J(_i,`getThumbOffsetFromScroll`);function vi(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}J(vi,`linearScale`);function yi(e,t){return e>0&&e<t}J(yi,`isScrollingWithinScrollbarBounds`);var bi=J((e,t=()=>{})=>{let n={left:e.scrollLeft,top:e.scrollTop},r=0;return J((function i(){let a={left:e.scrollLeft,top:e.scrollTop},o=n.left!==a.left,s=n.top!==a.top;(o||s)&&t(),n=a,r=window.requestAnimationFrame(i)}),`loop`)(),()=>window.cancelAnimationFrame(r)},`addUnlinkedScrollListener`);function Q(e,t){let n=u(e),r=W.useRef(0);return W.useEffect(()=>()=>window.clearTimeout(r.current),[]),W.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(n,t)},[n,t])}J(Q,`useDebounceCallback`);function $(e,t){let n=u(t);s(()=>{let t=0;if(e){let r=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(n)});return r.observe(e),()=>{window.cancelAnimationFrame(t),r.unobserve(e)}}},[e,n])}J($,`useResizeObserver`);var xi=Jr,Si=Xr,Ci=fi;function wi({className:e,children:t,viewportRef:n,...r}){return(0,K.jsxs)(xi,{"data-slot":`scroll-area`,className:T(`relative`,e),...r,children:[(0,K.jsx)(Si,{ref:n,"data-slot":`scroll-area-viewport`,className:`size-full rounded-[inherit] outline-none [&>div]:block!`,children:t}),(0,K.jsx)(Ti,{}),(0,K.jsx)(Ci,{})]})}function Ti({className:e,orientation:t=`vertical`,...n}){return(0,K.jsx)(Qr,{"data-slot":`scroll-area-scrollbar`,orientation:t,className:T(`flex touch-none p-px transition-colors select-none`,t===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,t===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,e),...n,children:(0,K.jsx)(li,{"data-slot":`scroll-area-thumb`,className:`relative flex-1 rounded-full bg-surface-2 transition-colors hover:bg-brand/40`})})}function Ei(){return ie().url}function Di(){return ki(O,!1,e=>typeof e==`boolean`)}function Oi(){return ki(fe,`chat`,e=>typeof e==`string`)}function ki(e,t,n){let[r,i]=(0,W.useState)(t);return(0,W.useEffect)(()=>{let t=!0;R.storage.local.get(e).then(r=>{t&&n(r[e])&&i(r[e])});let r=t=>{let r=t[e];r&&n(r.newValue)&&i(r.newValue)};return R.storage.local.onChanged.addListener(r),()=>{t=!1,R.storage.local.onChanged.removeListener(r)}},[e]),[r,(0,W.useCallback)(t=>{i(t),R.storage.local.set({[e]:t})},[e])]}function Ai(){let[e,t]=(0,W.useState)([]);return(0,W.useEffect)(()=>{let e=!0;R.storage.local.get(b).then(n=>{let r=n[b];e&&Array.isArray(r)&&t(r)});let n=e=>{if(`browsentic:files`in e){let n=e[b].newValue;t(Array.isArray(n)?n:[])}};return R.storage.local.onChanged.addListener(n),()=>{e=!1,R.storage.local.onChanged.removeListener(n)}},[]),e}function ji(){let[e,t]=(0,W.useState)([]);return(0,W.useEffect)(()=>{let e=!0;R.storage.local.get(y).then(n=>{let r=n[y];e&&Array.isArray(r)&&t(r)});let n=e=>{if(`browsentic:recordings`in e){let n=e[y].newValue;t(Array.isArray(n)?n:[])}};return R.storage.local.onChanged.addListener(n),()=>{e=!1,R.storage.local.onChanged.removeListener(n)}},[]),e}function Mi(){let[e,t]=(0,W.useState)([]);return(0,W.useEffect)(()=>{let e=!0;R.storage.local.get(F).then(n=>{let r=n[F];e&&Array.isArray(r)&&t(r)});let n=e=>{if(`browsentic:sessions`in e){let n=e[F].newValue;t(Array.isArray(n)?n:[])}};return R.storage.local.onChanged.addListener(n),()=>{e=!1,R.storage.local.onChanged.removeListener(n)}},[]),e}var Ni=10*1024*1024,Pi=56;function Fi(){let e=Ce(),t=me(),[n,r]=ue(),s=Ai(),c=Mi(),u=ji(),d=Lr(),p=Ei(),[m,g]=(0,W.useState)(null),[_,v]=(0,W.useState)(null),[ee,y]=(0,W.useState)(null),[b,x]=(0,W.useState)(!1),[S,C]=(0,W.useState)(!1),[w,T]=Oi(),[E,O]=(0,W.useState)(!1),[,k]=Di(),A=(0,W.useRef)(null),j=(0,W.useRef)(null),[M,ne]=(0,W.useState)(!0),N=e?.connected??!1,P=ge({active:n&&N&&!t.running,onSubmit:e=>{t.send(e,{agentSkillId:_?.id,focus:ee??void 0,liveTools:S}),v(null),y(null)}}),ie=pe(e,{running:t.running,listening:P.listening});(0,W.useEffect)(()=>{!N||e?.skillCatalog||R.runtime.sendMessage({channel:h,op:`listSkills`})},[N,e?.skillCatalog]),(0,W.useEffect)(()=>{R.runtime.sendMessage({channel:h,op:`panelOpened`}),R.windows.getCurrent().then(e=>{j.current=e.id??null})},[]),(0,W.useEffect)(()=>{let e=A.current;if(!e)return;let t=()=>{let t=e.scrollHeight-e.scrollTop-e.clientHeight;ne(t<Pi)};return e.addEventListener(`scroll`,t,{passive:!0}),()=>e.removeEventListener(`scroll`,t)},[]),(0,W.useEffect)(()=>{if(!M||w!==`chat`)return;let e=A.current;e&&(e.scrollTop=e.scrollHeight)},[t.items,t.running,M,w]);function ae(){let e=A.current;e&&e.scrollTo({top:e.scrollHeight,behavior:`smooth`}),ne(!0)}function F(e){O(!1),e!==w&&(T(e),ne(e===`chat`),A.current&&(A.current.scrollTop=0))}function ce(){O(!1),k(!0),re(j.current)}function le(){t.running||!N||(F(`chat`),P.submitNow())}function de(e){F(`chat`),t.restore(e)}function fe(e){F(`chat`),t.send(`Replay my recording “${e.name}” (id ${e.id}).`)}function I(){F(`chat`),t.mapSite()}async function L(){if(b)return;g(null),x(!0);let e=await Ut();x(!1),`focus`in e?y(e.focus):`error`in e&&g(`A-Eye couldn’t read that element: ${e.error}`)}async function he(){let e=await se(oe,{});if(!e.ok){P.setInput(`${P.input}\n[couldn’t read this page: ${e.error.message}]\n`);return}let{document:t,selection:n}=e.data,r=n?`\nSelection: “${n}”`:``;P.setInput(`${P.input?`${P.input}\n\n`:``}[Page: ${t.title} — ${t.url}${r}]\n`)}async function _e(e){if(e.size>Ni){g(`“${e.name}” is larger than ${Ni/1024/1024} MB.`);return}g(null);let t=crypto.randomUUID(),n=await Ii(e);await o({id:t,name:e.name,mime:e.type||`application/octet-stream`,size:e.size,status:`pending`,addedAt:Date.now()},n),await R.runtime.sendMessage({channel:h,op:`analyzeFile`,fileId:t})}function ve(){if(!n){r(!0);return}if(P.error){P.retry();return}r(!1)}let ye=t.sessions.filter(e=>e.runId).length,be=ye>0&&w!==`chat`,xe=be||!!t.recording||t.monitors.length>0||!!t.draft,Se={history:c.length,skills:d.length,recordings:u.length};return(0,K.jsxs)(`div`,{className:`flex h-screen flex-col`,children:[(0,K.jsxs)(`header`,{className:`flex shrink-0 items-center gap-2 px-3 py-2.5`,children:[(0,K.jsx)(D,{className:`flex-1`}),(0,K.jsx)(f,{tone:ie.tone,expanded:E,onClick:()=>O(e=>!e),children:ie.label}),(0,K.jsx)(l,{variant:`ghost`,size:`icon-sm`,title:`New chat`,"aria-label":`Start a new conversation`,onClick:()=>{F(`chat`),t.clear()},children:(0,K.jsx)(ot,{className:`size-3.5`})}),(0,K.jsx)(l,{variant:`ghost`,size:`icon-sm`,title:`Minimize to a rail on the page`,"aria-label":`Minimize to a rail on the page`,onClick:ce,children:(0,K.jsx)(Xe,{className:`size-3.5`})})]}),E&&(0,K.jsx)(Xt,{onClose:()=>O(!1)}),(0,K.jsx)(sn,{tab:w,counts:Se,onSelect:F}),(0,K.jsx)(wr,{sessions:t.sessions,activeSessionId:t.sessionId,onFocus:e=>{F(`chat`),t.focusSession(e)},onEnd:t.endSession}),xe&&(0,K.jsxs)(`div`,{className:`max-h-[45%] shrink-0 overflow-y-auto px-3 pt-2`,children:[be&&(0,K.jsxs)(`button`,{type:`button`,onClick:()=>F(`chat`),className:`enters mb-2 flex w-full items-center gap-2 rounded-xl border border-brand/35 bg-brand/8 px-2.5 py-2 text-left transition-colors hover:bg-brand/12`,children:[(0,K.jsx)(`span`,{className:`glow-dot size-1.5 shrink-0 animate-pulse rounded-full bg-brand text-brand`}),(0,K.jsx)(`span`,{className:`flex-1 text-xs text-ink`,children:ye===1?`A run is in progress`:`${ye} runs are in progress`}),(0,K.jsx)(`span`,{className:`shrink-0 font-mono text-[10px] tracking-[0.12em] text-brand uppercase`,children:`Watch`})]}),t.recording&&(0,K.jsx)(ln,{state:t.recording,onStop:t.stopRecording}),t.monitors.map(e=>(0,K.jsx)(tn,{state:e,onStop:()=>t.stopMonitor(e.monitorId)},e.monitorId)),t.draft&&(0,K.jsx)(Ir,{draft:t.draft,onActivate:t.activateMap,onDiscard:t.discardMap})]}),(0,K.jsxs)(`div`,{className:`relative min-h-0 flex-1`,children:[(0,K.jsxs)(wi,{viewportRef:A,className:`h-full`,children:[w===`chat`?t.items.length===0?(0,K.jsx)($t,{blocker:ie.blocker,voiceOn:n&&P.supported,onGo:F,onFix:()=>O(!0),onUse:P.setInput}):(0,K.jsx)(lr,{items:t.items,running:t.running,onDecide:t.decide}):w===`history`?(0,K.jsx)(vr,{sessions:c,currentId:t.sessionId??void 0,busy:t.running,onOpen:de,onRemove:e=>void te(e)}):w===`skills`?(0,K.jsx)(Rr,{tabUrl:p,connected:N,onMapSite:I,mapping:t.running}):w===`settings`?(0,K.jsx)(jr,{}):(0,K.jsx)(xn,{tabUrl:p,recordings:u,recording:t.recording,busy:t.running,onStart:t.startRecording,onStop:t.stopRecording,onReplay:fe,onRemove:e=>void i(e)}),(0,K.jsx)(`div`,{className:`h-3`})]}),w===`chat`&&!M&&t.items.length>0&&(0,K.jsxs)(l,{size:`sm`,variant:`outline`,className:`enters absolute bottom-3 left-1/2 -translate-x-1/2 backdrop-blur`,onClick:ae,children:[(0,K.jsx)(Te,{className:`size-3`}),` Latest`]})]}),w===`chat`&&(0,K.jsx)(`footer`,{className:`shrink-0 border-t border-line p-3`,children:(0,K.jsx)(Gt,{voice:P,voiceEnabled:n,connected:N,running:t.running,files:s,attachError:m,catalog:e?.skillCatalog,tabUrl:p,attachedSkill:_,focus:ee,picking:b,liveTools:S,onToggleLiveTools:()=>C(e=>!e),onAttachSkill:v,onCommand:e=>{F(`chat`),t.send(e)},onSend:le,onStop:t.cancel,onToggleVoice:ve,onPick:()=>void L(),onClearFocus:()=>y(null),onAttachPage:()=>void he(),onAttachFile:e=>void _e(e),onRemoveFile:e=>void a(e)})})]})}function Ii(e){return new Promise((t,n)=>{let r=new FileReader;r.onload=()=>{let e=r.result;t(typeof e==`string`?e.slice(e.indexOf(`,`)+1):``)},r.onerror=()=>n(r.error??Error(`Could not read the file`)),r.readAsDataURL(e)})}gt.createRoot(document.getElementById(`root`)).render((0,K.jsx)(W.StrictMode,{children:(0,K.jsx)(Fi,{})}));