browsentic 0.4.0

package/extension/chrome-mv3/chunks/popup-jkdMm_Wh.js

@@ -0,0 +1 @@
+import{n as e}from"./rolldown-runtime-Bh1tDfsg.js";import{$ as t,B as n,G as r,J as i,N as a,Q as o,R as s,V as c,_ as l,et as u,h as d,m as f,nt as p,p as m,q as h,r as g,t as _,v,y,z as b}from"./globals-BACcA5Dk.js";var x=o(`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(u(),1),C=e(p(),1),w=n(),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=y(),n=g(),[o,u]=(0,C.useState)(!1),p=e?.paired??!1;async function S(){let e=await t.windows.getCurrent();e.id!=null&&(await m(e.id),window.close())}let E=_({active:o&&(e?.connected??!1),onSubmit:e=>{u(!1),n.send(e),S()}}),D=b(e,{running:n.running,listening:o&&E.listening}),O=D.ready;function k(){O&&E.submitNow()}function A(){if(E.supported){if(o&&E.error){E.retry();return}u(e=>!e)}}let j=D.blocker?T[D.blocker]:E.error?E.error:o&&E.listening?E.interim||`Listening… speak, then pause`:n.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)(l,{className:`flex-1`}),(0,w.jsx)(s,{tone:D.tone,children:D.label})]}),p&&(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":o?`Stop listening`:`Start listening`,onClick:A,disabled:!O||!E.supported,className:c(`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`,o?`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:[o&&E.listening&&(0,w.jsx)(`span`,{className:`absolute inset-0 animate-ping rounded-full bg-magenta/25`}),o?(0,w.jsx)(i,{className:`size-8`}):(0,w.jsx)(h,{className:`size-8`})]}),(0,w.jsx)(`p`,{className:c(`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)(d,{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)(a,{type:`submit`,size:`sm`,"aria-label":`Send`,disabled:!O||!E.input.trim(),children:(0,w.jsx)(r,{})})]}),(0,w.jsxs)(a,{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)(f,{}),(0,w.jsx)(v,{})]})]})}S.createRoot(document.getElementById(`root`)).render((0,w.jsx)(C.StrictMode,{children:(0,w.jsx)(E,{})}));

package/extension/chrome-mv3/chunks/rolldown-runtime-Bh1tDfsg.js

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));export{c as n,o as t};

package/extension/chrome-mv3/chunks/sidepanel-BiP2yaIs.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 y,S as ee,T as b,U as x,V as S,W as C,X as w,Y as T,Z as E,_ as te,a as D,b as O,c as ne,d as re,et as k,f as ie,g as ae,h as A,i as oe,j,k as M,l as N,m as se,n as ce,nt as P,o as le,q as ue,r as de,s as fe,t as pe,tt as me,u as he,v as ge,w as _e,x as ve,y as ye,z as be}from"./globals-BACcA5Dk.js";var xe=v(`arrow-down`,[[`path`,{d:`M12 5v14`,key:`s699le`}],[`path`,{d:`m19 12-7 7-7-7`,key:`1idqje`}]]),F=v(`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`}]]),Se=v(`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`}]]),Ce=v(`circle`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}]]),I=v(`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`}]]),we=v(`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`}]]),Te=v(`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`}]]),Ee=v(`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`}]]),De=v(`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`}]]),Oe=v(`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`}]]),ke=v(`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`}]]),Ae=v(`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`}]]),je=v(`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`}]]),Me=v(`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`}]]),Ne=v(`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`}]]),Pe=v(`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`}]]),Fe=v(`info`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 16v-4`,key:`1dtifu`}],[`path`,{d:`M12 8h.01`,key:`e9boi3`}]]),Ie=v(`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`}]]),Le=v(`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`}]]),Re=v(`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`}]]),ze=v(`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`}]]),Be=v(`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`}]]),Ve=v(`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`}]]),He=v(`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`}]]),Ue=v(`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`}]]),We=v(`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`}]]),Ge=v(`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`}]]),Ke=v(`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`}]]),qe=v(`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`}]]),Je=v(`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`}]]),Ye=v(`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`}]]),Xe=v(`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`}]]),Ze=v(`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`}]]),Qe=v(`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`}]]),$e=v(`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`}]]),et=v(`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`}]]),tt=v(`square`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}]]),nt=v(`terminal`,[[`path`,{d:`M12 19h8`,key:`baeox8`}],[`path`,{d:`m4 17 6-6-6-6`,key:`1yngyt`}]]),rt=v(`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`}]]),it=v(`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`}]]),at=v(`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`}]]),ot=v(`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`}]]),st=v(`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`}]]),L=v(`x`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]),ct=v(`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`}]]),R=e(P(),1),lt=e(k(),1),ut=[`general`,`site-exploration`],dt=/^[a-z0-9][a-z0-9-]{0,47}$/,ft=32*1024,pt=/^[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)+$/,mt=300,ht=3,gt=60;function _t(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 vt(e){return e?e.replace(/^\[|\]$/g,``).split(`,`).map(e=>e.trim().replace(/^['"]|['"]$/g,``)).filter(Boolean):[]}function yt(e){return e?.trim()===`site-exploration`?`site-exploration`:`general`}function bt(e){return e.replace(/[\r\n]+/g,` `).replace(/\s+/g,` `).trim()}function xt(e){try{return new URL(e).hostname.toLowerCase()}catch{return``}}function St(e){let t=e.trim().toLowerCase();return t?(t.includes(`://`)?xt(t):t).replace(/^\/+|\/+$/g,``).split(`/`)[0].split(`:`)[0].replace(/^\.+|\.+$/g,``):``}function Ct(e){return e===`localhost`||e.length<=253&&pt.test(e)}function wt(e,t){return Tt(e,t).length>0}function Tt(e,t){let n=e.toLowerCase();return n?t.filter(e=>n===e||n.endsWith(`.${e}`)).sort((e,t)=>t.length-e.length):[]}function Et(e,t={}){let n=e.name.trim().toLowerCase();if(!n)return z(`Give the skill a name.`);if(!dt.test(n))return z(`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 z(`"${n}" is the name of a built-in skill. Pick another.`);let r=bt(e.description).slice(0,mt),i=e.category;if(!ut.includes(i))return z(`Unknown category "${String(i)}".`);let a=kt(e.domains.map(St).filter(Boolean));if(i===`site-exploration`){if(!a.length)return z(`A site-exploration skill needs at least one domain, like acme.com.`);if(a.length>20)return z(`At most 20 domains.`);for(let e of a){if(e.includes(`*`))return z(`"${e}" — wildcards are not supported; subdomains match automatically.`);if(!Ct(e))return z(`"${e}" is not a domain. Use something like acme.com.`)}}let o=i===`site-exploration`?[]:kt(e.triggers.map(e=>bt(e).toLowerCase()).filter(Boolean));if(o.length>30)return z(`At most 30 triggers.`);for(let e of o)if(e.length<ht||e.length>gt)return z(`Trigger "${e}" must be ${ht}–${gt} characters.`);let s=_t(e.body.replace(/\r\n/g,`
+`)).body.trim();return s?Dt(s)>32768?z(`The skill is larger than ${Math.round(ft/1024)} KB. Trim it down.`):{ok:!0,draft:{name:n,description:r,category:i,domains:a,triggers:o,body:s}}:z(`The skill has no instructions — add some markdown below the front matter.`)}function Dt(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 Ot(e,t){let{fields:n,body:r}=_t(e.replace(/\r\n/g,`
+`)),i=St(t.replace(/\.(md|markdown)$/i,``)).replace(/[^a-z0-9-]+/g,`-`).replace(/^-+|-+$/g,``);return{name:(n.name||i).toLowerCase(),description:n.description??``,category:yt(n.category),domains:vt(n.domains).map(St).filter(Boolean),triggers:vt(n.triggers).map(e=>e.toLowerCase()),body:r.trim()}}function kt(e){return[...new Set(e)]}function z(e){return{ok:!1,message:e}}var B=r(),At={site:0,general:1,agent:2,"other-site":3};function jt(e,t,n){if(!e)return[];let r=xt(t),i=[];for(let t of e.skills){let e=t.category===`site-exploration`?r&&wt(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)=>At[e.group]-At[t.group]||e.name.localeCompare(t.name))}function Mt({items:e,agent:t,highlight:n,onHover:r,onSelect:i}){let a={site:`On this site`,general:`Browsentic skills`,agent:`${t?l[t].label:`Agent`} skills`,"other-site":`Other sites`};return(0,B.jsx)(`div`,{role:`listbox`,"aria-label":`Skills`,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,B.jsx)(`p`,{className:`px-3 py-2.5 text-[11px] text-ink-faint`,children:`No skills match — keep typing, or press Escape.`}):e.map((t,o)=>(0,B.jsxs)(`div`,{children:[(o===0||e[o-1].group!==t.group)&&(0,B.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,B.jsxs)(`button`,{type:`button`,role:`option`,"aria-selected":o===n,onMouseEnter:()=>r(o),onMouseDown:e=>{e.preventDefault(),i(t)},className:S(`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===`agent`?(0,B.jsx)($e,{className:`mt-0.5 size-3 shrink-0 text-brand`}):t.group===`general`?(0,B.jsx)(F,{className:`mt-0.5 size-3 shrink-0 text-ink-faint`}):(0,B.jsx)(je,{className:`mt-0.5 size-3 shrink-0 text-ink-faint`}),(0,B.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,B.jsx)(`span`,{className:`block truncate text-xs font-medium text-ink`,children:t.name}),t.description&&(0,B.jsx)(`span`,{className:`block truncate text-[11px] text-ink-dim`,children:t.description})]})]})]},t.key))})}function Nt({className:e,...t}){return(0,B.jsx)(`textarea`,{"data-slot":`textarea`,className:S(`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 Pt(){let e=await g(M);if(!e.ok)return e.error.code===`PICK_CANCELLED`?{cancelled:!0}:{error:e.error.message};let{element:t,content:n,truncated:r,url:i,title:a}=e.data;return{focus:{tag:t.tag,role:t.role,selector:t.selector,label:t.text,content:n,truncated:r,url:i,title:a}}}var Ft=e=>e.label?.trim()||e.role||e.tag;function It({voice:e,voiceEnabled:t,connected:n,running:r,files:i,attachError:a,catalog:o,tabUrl:s,attachedSkill:l,focus:u,picking:f,onAttachSkill:p,onSend:m,onStop:g,onToggleVoice:_,onPick:v,onClearFocus:y,onAttachPage:ee,onAttachFile:b,onRemoveFile:x}){let C=(0,R.useRef)(null),w=(0,R.useRef)(null),T=e.input.startsWith(`/`)?e.input.slice(1):null,E=T!==null&&n,[te,D]=(0,R.useState)(0),O=(0,R.useMemo)(()=>E?jt(o,s,T??``):[],[E,o,s,T]);(0,R.useEffect)(()=>D(0),[T]);let{cancelPending:ne}=e;(0,R.useEffect)(()=>{E&&ne()},[E,ne]);function re(t){t.agentSkillId?(p({id:t.agentSkillId,name:t.name}),e.setInput(``)):e.setInput(`@${t.name} `),w.current?.focus()}function k(e){e.target.closest(`button, textarea`)||w.current?.focus()}return(0,B.jsxs)(B.Fragment,{children:[a&&(0,B.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:a}),(0,B.jsx)(Lt,{focus:u,picking:f,onClear:y}),l&&(0,B.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,B.jsx)($e,{className:`size-3.5 shrink-0 text-brand`}),(0,B.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-ink`,children:[`Skill attached: `,(0,B.jsx)(`span`,{className:`font-medium`,children:l.name})]}),(0,B.jsx)(`button`,{type:`button`,onClick:()=>p(null),"aria-label":`Detach ${l.name}`,className:`shrink-0 rounded-full p-1 text-ink-faint transition-colors hover:bg-surface hover:text-ink`,children:(0,B.jsx)(L,{className:`size-3`})})]}),(0,B.jsx)(zt,{files:i,onRemove:x}),(0,B.jsx)(Rt,{voice:e,voiceEnabled:t}),(0,B.jsxs)(`div`,{onClick:k,className:S(`panel-card relative flex flex-col rounded-2xl transition-colors has-[textarea:focus]:border-brand/50`,n&&`cursor-text`),children:[E&&(0,B.jsx)(Mt,{items:O,agent:o?.agent,highlight:te,onHover:D,onSelect:re}),(0,B.jsx)(Nt,{ref:w,value:e.input,onChange:t=>e.setInput(t.target.value),onKeyDown:t=>{if(E){if(t.key===`Escape`){t.preventDefault(),e.setInput(``);return}if(O.length>0){if(t.key===`ArrowDown`){t.preventDefault(),D(e=>(e+1)%O.length);return}if(t.key===`ArrowUp`){t.preventDefault(),D(e=>(e-1+O.length)%O.length);return}if(t.key===`Enter`||t.key===`Tab`){t.preventDefault(),re(O[Math.min(te,O.length-1)]);return}}}t.key===`Enter`&&!t.shiftKey&&(t.preventDefault(),m())},placeholder:n?`Tell me what to do on this page…`:`Pair the browser to get started`,disabled:!n,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,B.jsxs)(`div`,{className:`flex items-center gap-0.5 px-1.5 pb-1.5`,children:[(0,B.jsx)(h,{variant:u||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:v,disabled:!n||f,className:S(u||f?`text-ember`:void 0),children:(0,B.jsx)(Xe,{className:S(`size-3.5`,f&&`animate-pulse`)})}),(0,B.jsx)(h,{variant:`ghost`,size:`icon-sm`,title:`Add this page’s title, URL and selection to the message`,"aria-label":`Attach page context`,onClick:ee,disabled:!n,children:(0,B.jsx)(Ge,{className:`size-3.5`})}),(0,B.jsx)(h,{variant:`ghost`,size:`icon-sm`,title:`Attach a file for the agent to read`,"aria-label":`Attach a file`,onClick:()=>C.current?.click(),disabled:!n,children:(0,B.jsx)(ke,{className:`size-3.5`})}),(0,B.jsxs)(h,{variant:t&&!e.error?`subtle`:`ghost`,size:`icon-sm`,"aria-label":t?`Turn voice off`:`Turn voice on`,title:e.supported?`Speak instead of typing`:`Voice input is not available in this browser`,onClick:_,disabled:!e.supported,className:`relative`,children:[t&&e.listening&&(0,B.jsx)(`span`,{className:`absolute inset-0 animate-ping rounded-full bg-magenta/30`}),t&&!e.error?(0,B.jsx)(ue,{className:`size-3.5`}):(0,B.jsx)(d,{className:`size-3.5`})]}),r?(0,B.jsx)(h,{size:`icon-sm`,variant:`destructive`,className:`ml-auto`,"aria-label":`Stop the agent`,onClick:g,children:(0,B.jsx)(tt,{className:`size-3 fill-current`})}):(0,B.jsx)(h,{size:`icon-sm`,className:`ml-auto`,"aria-label":`Send message`,onClick:m,disabled:!e.input.trim()||!n,children:(0,B.jsx)(c,{className:`size-3.5`})})]})]}),(0,B.jsx)(`input`,{ref:C,type:`file`,className:`hidden`,onChange:e=>{let t=e.target.files?.[0];e.target.value=``,t&&b(t)}}),(0,B.jsx)(`p`,{className:`mt-2 text-center font-mono text-[10px] text-ink-faint`,children:t&&e.supported?`Speak and pause to send · Enter sends now`:`Enter to send · Shift + Enter for a new line · / for skills`})]})}function Lt({focus:e,picking:t,onClear:n}){return!t&&!e?null:(0,B.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,B.jsx)(Xe,{className:S(`size-3.5 shrink-0 text-ember`,t&&`animate-pulse`)}),t||!e?(0,B.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-ink-dim`,children:[`Point at anything on the page — `,(0,B.jsx)(`span`,{className:`text-ink-faint`,children:`Esc cancels`})]}):(0,B.jsxs)(B.Fragment,{children:[(0,B.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-ink`,children:[`A-Eye: `,(0,B.jsx)(`span`,{className:`font-medium`,children:Ft(e)})]}),(0,B.jsx)(`span`,{className:`shrink-0 font-mono text-[10px] text-ink-faint`,children:e.tag}),(0,B.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,B.jsx)(L,{className:`size-3`})})]})]})}function Rt({voice:e,voiceEnabled:t}){return t&&e.error?(0,B.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,B.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,B.jsx)(`span`,{className:`relative flex-1 overflow-hidden rounded-full bg-brand/20`,children:(0,B.jsx)(`span`,{className:`block h-1 rounded-full bg-brand`,style:{animation:`browsentic-countdown ${e.autoSendMs}ms linear forwards`}})}),(0,B.jsx)(`span`,{className:`shrink-0`,children:`Sending…`}),(0,B.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,B.jsx)(L,{className:`size-3`}),` Edit`]})]}):t&&e.listening?(0,B.jsxs)(`p`,{className:`mb-2 flex items-center gap-1.5 px-1 text-[11px] text-ink-dim`,children:[(0,B.jsx)(`span`,{className:`glow-dot inline-flex size-1.5 shrink-0 animate-pulse rounded-full bg-magenta text-magenta`}),e.interim?(0,B.jsx)(`span`,{className:`truncate italic`,children:e.interim}):(0,B.jsx)(`span`,{children:`Listening…`})]}):t&&!e.supported?(0,B.jsx)(`p`,{className:`mb-2 px-1 text-[11px] text-ink-faint`,children:`Voice input isn’t available in this browser.`}):null}function zt({files:e,onRemove:t}){return e.length===0?null:(0,B.jsx)(`div`,{className:`mb-2 flex max-h-40 flex-col gap-1.5 overflow-y-auto`,children:e.map(e=>(0,B.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,B.jsx)(Oe,{className:`mt-0.5 size-3.5 shrink-0 text-ink-faint`}),(0,B.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,B.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,B.jsx)(`span`,{className:`truncate font-medium text-ink`,children:e.name}),(0,B.jsx)(`span`,{className:`shrink-0 font-mono text-[10px] text-ink-faint`,children:Bt(e.size)})]}),e.status===`pending`&&(0,B.jsxs)(`span`,{className:`mt-0.5 flex items-center gap-1 text-[11px] text-ink-faint`,children:[(0,B.jsx)(T,{className:`size-3 animate-spin`}),` Analyzing…`]}),e.status===`ready`&&e.summary&&(0,B.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-[11px] text-ink-dim`,children:e.summary}),e.status===`error`&&(0,B.jsx)(`span`,{className:`mt-0.5 block text-[11px] text-destructive`,children:e.error??`Analysis failed`})]}),(0,B.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,B.jsx)(L,{className:`size-3`})})]},e.id))})}function Bt(e){return e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function Vt({onClose:e}){return(0,B.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,B.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-2`,children:[(0,B.jsx)(`p`,{className:`text-xs font-medium text-ink`,children:`Connection`}),(0,B.jsx)(h,{variant:`ghost`,size:`icon-sm`,"aria-label":`Close connection settings`,onClick:e,children:(0,B.jsx)(L,{className:`size-3.5`})})]}),(0,B.jsxs)(`div`,{className:`space-y-4`,children:[(0,B.jsx)(se,{}),(0,B.jsx)(ge,{})]})]})}var Ht=[`Summarise what this page says`,`Fill this form in with my details`,`Find the unpaid invoices and open the newest`],Ut={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 Wt({blocker:e,voiceOn:t,onGo:n,onFix:r,onUse:i}){return(0,B.jsxs)(`div`,{className:`dot-grid fade-bottom flex flex-col gap-4 p-4`,children:[(0,B.jsxs)(`div`,{className:`flex items-start gap-2.5`,children:[(0,B.jsx)(ae,{className:`mt-0.5 size-7 shrink-0 text-brand`}),(0,B.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?Ut[e]:(0,B.jsxs)(B.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,B.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:(0,B.jsx)(Gt,{icon:Ze,label:e===`agent`?`Choose an agent`:`Set up the link`,onClick:r})}):(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`div`,{className:`flex flex-col gap-1.5`,children:Ht.map(e=>(0,B.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,B.jsxs)(`div`,{className:`flex flex-wrap gap-1.5`,children:[(0,B.jsx)(Gt,{icon:F,label:`Teach it this site`,onClick:()=>n(`skills`)}),(0,B.jsx)(Gt,{icon:I,label:`Record a flow`,onClick:()=>n(`recordings`)}),(0,B.jsx)(Gt,{icon:Ye,label:`Past chats`,onClick:()=>n(`history`)})]})]})]})}function Gt({icon:e,label:t,onClick:n}){return(0,B.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,B.jsx)(e,{className:`size-3`}),t]})}function Kt({state:e,onStop:t}){let n=Jt(e.startedAt),r=Math.max(0,e.timeoutMs-n),i=e.percent==null?null:Math.round(e.percent);return(0,B.jsxs)(`div`,{className:`enters mb-2 rounded-xl border border-magenta/35 bg-magenta/8 p-2.5`,children:[(0,B.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,B.jsx)(Je,{className:`size-3.5 shrink-0 animate-pulse text-magenta`}),(0,B.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-xs font-medium text-ink`,children:[`Watching `,e.label??e.host]}),(0,B.jsxs)(`span`,{className:`shrink-0 font-mono text-[11px] tabular-nums text-ink-faint`,children:[Yt(n),i!=null&&` · ${i}%`]}),(0,B.jsxs)(h,{size:`sm`,variant:`ghost`,className:`shrink-0 text-magenta hover:text-magenta`,onClick:t,children:[(0,B.jsx)(tt,{className:`size-3 fill-current`}),` Stop`]})]}),i!=null&&(0,B.jsx)(`div`,{className:`mt-2 h-1 overflow-hidden rounded-full bg-magenta/15`,children:(0,B.jsx)(`div`,{className:`glow-dot h-full rounded-full bg-magenta text-magenta transition-[width] duration-500`,style:{width:`${i}%`}})}),(0,B.jsx)(`p`,{className:`mt-1.5 text-[11px] leading-relaxed text-ink-faint`,children:qt(e,r)})]})}function qt(e,t){return e.stalledForMs==null?e.percent!=null&&e.etaMs!=null?`${Math.round(e.percent)}% · ${j(e.etaMs)} left`:e.logs.at(-1)?.text??`Stops automatically in ${Yt(t)}.`:`No change for ${Yt(e.stalledForMs)}.`}function Jt(e){let[t,n]=(0,R.useState)(()=>Date.now());return(0,R.useEffect)(()=>{let e=setInterval(()=>n(Date.now()),1e3);return()=>clearInterval(e)},[]),Math.max(0,t-e)}function Yt(e){let t=Math.floor(e/1e3);return`${Math.floor(t/60)}:${String(t%60).padStart(2,`0`)}`}var Xt=[{id:`chat`,label:`Chat`,icon:Ve},{id:`history`,label:`History`,icon:Ye},{id:`skills`,label:`Skills`,icon:F},{id:`recordings`,label:`Recordings`,icon:I},{id:`settings`,label:`Settings`,icon:Qe}];function Zt({tab:e,counts:t,onSelect:n}){let r=(0,R.useRef)(null),[i,a]=(0,R.useState)(`full`),o=(0,R.useRef)({full:0,active:0});return(0,R.useLayoutEffect)(()=>{let e=r.current;if(!e)return;let t=!0,n=()=>{if(!t)return;let n=e.clientWidth;i!==`icons`&&(o.current[i]=Qt(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,Xt.map(({id:e})=>t[e]??0).join(`·`)]),(0,B.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:Xt.map(({id:r,label:a,icon:o})=>{let s=e===r,c=t[r]??0,l=i===`full`||i===`active`&&s;return(0,B.jsxs)(`button`,{type:`button`,onClick:()=>n(r),title:l?void 0:a,"aria-label":a,"aria-current":s?`page`:void 0,className:S(`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,B.jsx)(o,{className:`size-3.5`}),l&&a,c>0&&(l?(0,B.jsx)(`span`,{className:S(`rounded-full px-1 font-mono text-[9px] tabular-nums`,s?`bg-brand/20`:`bg-surface text-ink-faint`),children:c}):(0,B.jsx)(`span`,{className:S(`absolute top-1 right-1 size-1.5 rounded-full`,s?`bg-brand/70`:`bg-ink-faint/60`)}))]},r)})})}function Qt(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 $t({state:e,onStop:t}){let n=en(e.startedAt),r=Math.max(0,a-n);return(0,B.jsxs)(`div`,{className:`enters mb-2 rounded-xl border border-destructive/40 bg-destructive/8 p-2.5`,children:[(0,B.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,B.jsx)(`span`,{className:`glow-dot size-2 shrink-0 animate-pulse rounded-full bg-destructive text-destructive`}),(0,B.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-xs font-medium text-ink`,children:[`Recording `,e.host]}),(0,B.jsxs)(`span`,{className:`shrink-0 font-mono text-[11px] tabular-nums text-ink-faint`,children:[tn(n),` · `,e.events,` `,e.events===1?`step`:`steps`]}),(0,B.jsxs)(h,{size:`sm`,variant:`ghost`,className:`shrink-0 text-destructive hover:text-destructive`,onClick:t,children:[(0,B.jsx)(tt,{className:`size-3 fill-current`}),` Stop`]})]}),(0,B.jsxs)(`p`,{className:`mt-1.5 text-[11px] leading-relaxed text-ink-faint`,children:[e.warning??`Stops automatically in ${tn(r)}.`,!e.captureValues&&` Typed values are not being saved.`]})]})}function en(e){let[t,n]=(0,R.useState)(()=>Date.now());return(0,R.useEffect)(()=>{let e=setInterval(()=>n(Date.now()),1e3);return()=>clearInterval(e)},[]),Math.max(0,t-e)}function tn(e){let t=Math.floor(e/1e3);return`${Math.floor(t/60)}:${String(t%60).padStart(2,`0`)}`}var nn=_(`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 V({className:e,variant:t,asChild:n=!1,...r}){return(0,B.jsx)(n?s:`span`,{"data-slot":`badge`,className:S(nn({variant:t}),e),...r})}function rn({recordings:e,busy:t,onReplay:n,onRemove:r}){return e.length===0?(0,B.jsxs)(`div`,{className:`dot-grid fade-bottom rounded-xl border border-line px-3 py-6 text-center`,children:[(0,B.jsx)(I,{className:`mx-auto size-5 text-ink-faint`}),(0,B.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,B.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1.5`,children:[t&&(0,B.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,B.jsx)(an,{recording:e,busy:t===!0,onReplay:n,onRemove:r},e.id))]})}function an({recording:e,busy:t,onReplay:n,onRemove:r}){let[a,o]=(0,R.useState)(null),s=e.status===`ready`;return(0,B.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,B.jsx)(I,{className:`mt-0.5 size-3.5 shrink-0 text-ink-faint`}),(0,B.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[a===null?(0,B.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,B.jsx)(`span`,{className:`truncate font-medium text-ink`,children:e.name}),e.capturedValues&&(0,B.jsxs)(V,{variant:`warning`,children:[(0,B.jsx)(Ie,{}),` values`]})]}):(0,B.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,B.jsx)(A,{value:a,autoFocus:!0,onChange:e=>o(e.target.value),onKeyDown:t=>{t.key===`Escape`&&o(null),t.key===`Enter`&&(i(e.id,a),o(null))},"aria-label":`Recording name`,className:`h-7 text-xs`}),(0,B.jsx)(`button`,{type:`button`,onClick:()=>{i(e.id,a),o(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,B.jsx)(E,{className:`size-3`})})]}),(0,B.jsxs)(`span`,{className:`mt-0.5 flex items-center gap-1 font-mono text-[10px] text-ink-faint`,children:[(0,B.jsx)(je,{className:`size-2.5 shrink-0`}),(0,B.jsx)(`span`,{className:`truncate`,children:e.host})]}),e.goal&&e.goal!==e.name&&(0,B.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-[11px] text-ink-dim`,children:e.goal}),(0,B.jsx)(`span`,{className:`mt-0.5 flex items-center gap-1 text-[11px] text-ink-faint`,children:e.status===`analyzing`?(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(T,{className:`size-3 animate-spin`}),` Splitting into steps…`]}):e.status===`error`?(0,B.jsx)(`span`,{className:`text-destructive`,children:e.error??`Could not read this recording`}):(0,B.jsxs)(B.Fragment,{children:[e.steps??0,` `,e.steps===1?`step`:`steps`,` · `,ln(e.durationMs),` ·`,` `,un(e.updatedAt)]})}),s&&(0,B.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,B.jsx)(qe,{className:`size-3`}),` Do this again`]})]}),(0,B.jsxs)(`div`,{className:`mt-0.5 flex shrink-0 gap-0.5`,children:[(0,B.jsx)(`button`,{type:`button`,onClick:()=>o(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,B.jsx)(Ke,{className:`size-3`})}),(0,B.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,B.jsx)(L,{className:`size-3`})})]})]})}var on=6e4,sn=60*on,cn=24*sn;function ln(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 un(e){let t=Date.now()-e;return t<on?`just now`:t<sn?`${Math.floor(t/on)}m ago`:t<cn?`${Math.floor(t/sn)}h ago`:t<7*cn?`${Math.floor(t/cn)}d ago`:new Date(e).toLocaleDateString(void 0,{month:`short`,day:`numeric`})}function dn({tabUrl:e,recordings:t,recording:n,busy:r,onStart:i,onStop:a,onReplay:o,onRemove:s}){let[c,l]=(0,R.useState)(!1),u=xt(e),d=!r&&!n&&/^https?:/.test(e);return(0,B.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-3 p-3`,children:[(0,B.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,B.jsxs)(h,{variant:`destructive`,onClick:a,children:[(0,B.jsx)(tt,{className:`fill-current`}),` Stop recording`]}):(0,B.jsxs)(h,{variant:`destructive`,onClick:()=>i(c),disabled:!d,title:d?`Record what you do on ${u}`:`Open an http(s) page, with nothing else running`,children:[(0,B.jsx)(Ce,{className:`fill-current`}),(0,B.jsxs)(`span`,{className:`truncate`,children:[`Record `,u||`this page`]})]}),!n&&(0,B.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,B.jsx)(`input`,{type:`checkbox`,checked:c,onChange:e=>l(e.target.checked),className:`mt-0.5 size-3 shrink-0 accent-destructive`}),(0,B.jsxs)(`span`,{children:[(0,B.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,B.jsx)(rn,{recordings:t,busy:r,onReplay:o,onRemove:s})]})}function fn({text:e,streaming:t,className:n}){let r=(0,R.useRef)(!1);t&&(r.current=!0);let i=(0,R.useMemo)(()=>Cn(e).map(e=>({block:e,sig:JSON.stringify(e)})),[e]);return(0,B.jsx)(`div`,{"data-stream":t?`live`:r.current?`done`:void 0,className:S(`flex min-w-0 flex-col gap-2`,n),children:i.map(({block:e,sig:t},n)=>(0,B.jsx)(pn,{block:e,sig:t},n))})}var pn=(0,R.memo)(({block:e})=>Mn(e,`0`),(e,t)=>e.sig===t.sig),mn=/^ {0,3}(`{3,}|~{3,})[^\n]*$/,hn=/^ {0,3}(?:`{3,}|~{3,})[ \t]*([^\s`~]*)/,gn=/^ {0,3}(`{3,}|~{3,})[ \t]*$/,_n=/^ {0,3}(#{1,6})[ \t]+(.*?)[ \t]*#*[ \t]*$/,vn=/^ {0,3}([-*_])[ \t]*(?:\1[ \t]*){2,}$/,yn=/^ {0,3}>[ \t]?/,bn=/^([ \t]*)(?:([-*+])|(\d{1,9})[.)])[ \t]+(.*)$/,xn=/^ {0,3}\|?[ \t]*:?-+:?[ \t]*(?:\|[ \t]*:?-+:?[ \t]*)+\|?[ \t]*$/,Sn=12;function Cn(e,t=0){let n=e.replace(/\r\n?/g,`
+`).split(`
+`);if(t>=Sn){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=gn.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:hn.exec(i)?.[1]||void 0,text:a.join(`
+`)});continue}let a=_n.exec(i);if(a){r.push({kind:`heading`,level:a[1].length,text:a[2]}),e++;continue}if(vn.test(i)){r.push({kind:`rule`}),e++;continue}if(yn.test(i)){let i=[];for(;e<n.length&&(yn.test(n[e])||i.length>0&&n[e].trim());)i.push(n[e].replace(yn,``)),e++;r.push({kind:`quote`,blocks:Cn(i.join(`
+`),t+1)});continue}let o=bn.exec(i);if(o){let[i,a]=Tn(n,e,o,t);r.push(i),e=a;continue}if(En(n,e)){let[t,i]=Dn(n,e);r.push(t),e=i;continue}let s=[];for(;e<n.length&&n[e].trim()&&!wn(n,e);)s.push(n[e].trim()),e++;r.push({kind:`paragraph`,text:s.join(`
+`)})}return r}function wn(e,t){let n=e[t];return mn.test(n)||_n.test(n)||vn.test(n)||yn.test(n)||bn.test(n)||En(e,t)}function Tn(e,t,n,r){let i=kn(n[1]),a=n[3]!==void 0,o=[],s=t;for(;s<e.length;){let t=bn.exec(e[s]);if(!t||t[3]!==void 0!==a)break;let n=kn(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()||kn(t)<=i)break;r.push(``),s++;continue}if(kn(t)<=i)break;r.push(An(t,i+2)),s++}o.push(r)}return[{kind:`list`,ordered:a,start:a?Number.parseInt(n[3],10):1,items:o.map(e=>Cn(e.join(`
+`),r+1))},s]}function En(e,t){return e[t].includes(`|`)&&t+1<e.length&&xn.test(e[t+1])}function Dn(e,t){let n=On(e[t]),r=On(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(`|`)&&!wn(e,a);)i.push(On(e[a])),a++;return[{kind:`table`,head:n,align:r,rows:i},a]}function On(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 kn(e){let t=/^[ \t]*/.exec(e)[0];return t.length+(t.match(/\t/g)?.length??0)}var An=(e,t)=>e.replace(/^[ \t]+/,e=>e.replace(/\t/g,`  `).slice(t)),jn=`rounded bg-surface px-1 py-px font-mono text-[0.85em] text-ink`;function Mn(e,t){switch(e.kind){case`heading`:return(0,B.jsx)(`h${Math.min(e.level+1,6)}`,{className:S(`wrap-anywhere font-semibold`,e.level<=2&&`text-[0.95rem]`),children:H(e.text)},t);case`paragraph`:return(0,B.jsx)(`p`,{className:`wrap-anywhere`,children:H(e.text)},t);case`code`:return(0,B.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,B.jsx)(`code`,{className:`font-mono`,children:e.text})},t);case`list`:{let n=e.items.map((e,t)=>(0,B.jsx)(`li`,{className:`wrap-anywhere`,children:Pn(e)},t));return e.ordered?(0,B.jsx)(`ol`,{start:e.start,className:`list-decimal space-y-1 pl-5`,children:n},t):(0,B.jsx)(`ul`,{className:`list-disc space-y-1 pl-5`,children:n},t)}case`quote`:return(0,B.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)=>Mn(e,String(t)))},t);case`table`:return(0,B.jsx)(`div`,{className:`max-w-full overflow-x-auto`,children:(0,B.jsxs)(`table`,{className:`w-full border-collapse text-left text-xs`,children:[(0,B.jsx)(`thead`,{children:(0,B.jsx)(`tr`,{children:e.head.map((t,n)=>(0,B.jsx)(`th`,{className:S(`border-b border-line-strong px-1.5 py-1 font-semibold`,Nn[e.align[n]??`left`]),children:H(t)},n))})}),(0,B.jsx)(`tbody`,{children:e.rows.map((t,n)=>(0,B.jsx)(`tr`,{children:t.map((t,n)=>(0,B.jsx)(`td`,{className:S(`border-b border-line px-1.5 py-1 align-top`,Nn[e.align[n]??`left`]),children:H(t)},n))},n))})]})},t);case`rule`:return(0,B.jsx)(`hr`,{className:`border-line`},t)}}var Nn={left:`text-left`,center:`text-center`,right:`text-right`};function Pn(e){return e.length===1&&e[0].kind===`paragraph`?H(e[0].text):(0,B.jsx)(`div`,{className:`flex flex-col gap-1.5`,children:e.map((e,t)=>Mn(e,String(t)))})}var Fn=4,In="`*_~[!<h",Ln=/[\\`*_~[\]()#+\-.!>|]/,Rn=512,zn=2048,Bn=3080,Vn=[{re:/(`+)([^`]+?)\1(?!`)/y,node:(e,t)=>(0,B.jsx)(`code`,{className:jn,children:e[2]},t)},{re:/\*\*(?!\s)([^\n]+?)\*\*/y,node:(e,t,n,r)=>(0,B.jsx)(`strong`,{children:H(e[1],n+1,r)},t)},{re:/__(?!\s)([^\n]+?)__/y,node:(e,t,n,r)=>(0,B.jsx)(`strong`,{children:H(e[1],n+1,r)},t)},{re:/~~(?!\s)([^\n]+?)~~/y,node:(e,t,n,r)=>(0,B.jsx)(`del`,{children:H(e[1],n+1,r)},t)},{re:/\*(?!\s)([^*\n]+?)\*/y,node:(e,t,n,r)=>(0,B.jsx)(`em`,{children:H(e[1],n+1,r)},t)},{re:/(?<![\w\\])_(?!\s)([^_\n]+?)_(?!\w)/y,node:(e,t,n,r)=>(0,B.jsx)(`em`,{children:H(e[1],n+1,r)},t)},{re:RegExp(`!\\[([^\\]\\n]{0,${Rn}})\\]\\([ \\t]*([^)\\s]{0,${zn}})[^)\\n]{0,${Rn}}\\)`,`y`),linking:!0,node:(e,t,n)=>Un(e[2],e[1]||e[2],t,n)},{re:RegExp(`\\[([^\\]\\n]{0,${Rn}})\\]\\([ \\t]*([^)\\s]{0,${zn}})[^)\\n]{0,${Rn}}\\)`,`y`),linking:!0,node:(e,t,n)=>Un(e[2],e[1],t,n)},{re:/<(https?:\/\/[^>\s]+)>/y,linking:!0,node:(e,t,n)=>Un(e[1],e[1],t,n)},{re:/https?:\/\/[^\s<>"'`]*[^\s<>"'`.,;:!?)\]}]/y,linking:!0,node:(e,t,n)=>Un(e[0],e[0],t,n)}],Hn=/(?<=\s)(?=\S)/;function H(e,t=0,n=!1){let r=[],i=``,a=0,o=0,s=()=>{i&&i.split(Hn).forEach((e,t)=>{r.push((0,B.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&&Ln.test(e[o+1])){i+=e[o+1],o+=2;continue}if(a===`
+`){s(),r.push((0,B.jsx)(`br`,{},`br${o}`)),o++;continue}if((a===`[`||a===`!`)&&(c!==-1&&c<o&&(c=e.indexOf(`)`,o)),c===-1||c-o>Bn)){i+=a,o++;continue}let l=!1;if(t<Fn&&In.includes(a))for(let i of Vn){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 Un(e,t,n,r){let i=Wn(e),a=H(t,r+1,!0);return i?(0,B.jsx)(`a`,{href:i,target:`_blank`,rel:`noreferrer noopener`,className:`underline decoration-1 underline-offset-2 hover:opacity-80`,children:a},n):(0,B.jsx)(`span`,{children:a},n)}function Wn(e){let t=e.trim();return/^(https?:\/\/|mailto:)/i.test(t)?t:null}function Gn({items:e,running:t,onDecide:n}){let r=e.at(-1),i=t&&r?.kind===`assistant`,a=t&&!i;return(0,B.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-2.5 p-3`,children:[e.map((t,r)=>t.kind===`tool`?(0,B.jsx)(Yn,{item:t,onDecide:n},t.id):t.kind===`notice`?(0,B.jsx)(Zn,{item:t},t.id):t.kind===`user`?(0,B.jsx)(Kn,{text:t.text,focus:t.focus},t.id):(0,B.jsx)(qn,{text:t.text,streaming:i&&r===e.length-1},t.id)),a&&(0,B.jsx)(Jn,{})]})}function Kn({text:e,focus:t}){return(0,B.jsxs)(`div`,{className:`enters flex min-w-0 flex-col items-end gap-1`,children:[(0,B.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,B.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,B.jsx)(Xe,{className:`size-2.5 shrink-0`}),(0,B.jsx)(`span`,{className:`truncate`,children:t})]})]})}function qn({text:e,streaming:t}){return(0,B.jsx)(`div`,{className:`enters min-w-0`,children:(0,B.jsx)(fn,{text:e,streaming:t,className:`panel-card rounded-2xl rounded-tl-md px-3 py-2.5 text-sm leading-relaxed text-ink`})})}function Jn(){return(0,B.jsxs)(`div`,{className:`flex items-center gap-2 px-1`,children:[(0,B.jsx)(`span`,{className:`flex items-center gap-1`,children:[0,1,2].map(e=>(0,B.jsx)(`span`,{className:`think-dot size-1.5 rounded-full bg-brand`},e))}),(0,B.jsx)(`span`,{className:`font-mono text-[10px] tracking-[0.14em] text-ink-faint uppercase`,children:`Working`})]})}function Yn({item:e,onDecide:t}){let n=e.action.replace(/^page\./,``),r=Qn[n]??st,i=e.ok===void 0&&!e.awaiting;return(0,B.jsxs)(`div`,{className:`enters flex min-w-0 flex-col gap-1.5`,children:[(0,B.jsxs)(`div`,{className:S(`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`,i&&`sweep`),children:[(0,B.jsx)(r,{className:S(`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,B.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,B.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1.5`,children:[(0,B.jsx)(`span`,{className:`truncate font-mono text-[10px] text-ink`,children:n}),e.source===`local`&&(0,B.jsx)(Xn,{tone:`amber`,icon:ct,label:`local`}),e.source===`external`&&(0,B.jsx)(Xn,{tone:`magenta`,icon:nt,label:`mcp`})]}),e.summary&&(0,B.jsx)(`p`,{className:S(`mt-0.5 truncate text-[10px]`,e.ok===!1?`text-destructive`:`text-ink-faint`),children:e.summary})]}),e.ok===!0&&(0,B.jsx)(E,{className:`mt-0.5 size-3 shrink-0 text-lime/80`}),e.ok===!1&&(0,B.jsx)(L,{className:`mt-0.5 size-3 shrink-0 text-destructive`})]}),e.preview&&(0,B.jsx)(`button`,{type:`button`,onClick:()=>void O(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,B.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,B.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,B.jsx)(`p`,{className:`flex-1 text-xs text-ink`,children:`Allow this action?`}),(0,B.jsx)(h,{size:`sm`,variant:`ghost`,onClick:()=>t(e.id,!1),children:`Deny`}),e.site&&(0,B.jsxs)(h,{size:`sm`,variant:`ghost`,onClick:()=>t(e.id,!0,!0),title:`Stop asking for ${n} on ${e.site}. Undo with “browsentic approvals clear”.`,children:[`Always on `,e.site]}),(0,B.jsx)(h,{size:`sm`,onClick:()=>t(e.id,!0),children:`Allow`})]})]})}function Xn({tone:e,icon:t,label:n}){return(0,B.jsxs)(`span`,{className:S(`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,B.jsx)(t,{className:`size-2`}),n]})}function Zn({item:e}){let t=e.tone===`error`;return(0,B.jsxs)(`div`,{className:S(`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,B.jsx)(x,{className:`mt-px size-3 shrink-0`}):(0,B.jsx)(Fe,{className:`mt-px size-3 shrink-0`}),(0,B.jsx)(`span`,{className:`min-w-0 break-words`,children:e.text})]})}var Qn={getPageInfo:De,extractText:De,pickElement:Xe,findProgress:De,clickElement:He,trustedClick:He,hoverElement:He,fillInput:at,typeText:at,focusInput:rt,selectText:rt,pressKey:Le,submitForm:Te,selectOption:ze,navigate:we,openTab:Ee,switchTab:Ee,closeTab:L,screenshot:Se,scrollTo:Ue,highlightElement:Me,waitForElement:Ne,attachFile:Ge,listFiles:Ge,startMonitor:Je,stopMonitor:Je,monitorStatus:Je,awaitMonitor:Je,listRecordings:I,readRecording:I};function $n({sessions:e,currentId:t,busy:n,onOpen:r,onRemove:i}){return e.length===0?(0,B.jsx)(`div`,{className:`p-3`,children:(0,B.jsxs)(`div`,{className:`dot-grid fade-bottom rounded-xl border border-line px-3 py-6 text-center`,children:[(0,B.jsx)(Ve,{className:`mx-auto size-5 text-ink-faint`}),(0,B.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,B.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1.5 p-3`,children:[n&&(0,B.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,B.jsx)(er,{session:e,current:e.id===t,busy:n===!0,onOpen:r,onRemove:i},e.id))]})}function er({session:e,current:t,busy:n,onOpen:r,onRemove:i}){let a=e.title??(e.host?`Conversation on ${e.host}`:`Untitled conversation`);return(0,B.jsxs)(`div`,{className:S(`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,B.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,B.jsx)(Ve,{className:S(`mt-0.5 size-3.5 shrink-0`,t?`text-brand`:`text-ink-faint`)}),(0,B.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,B.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,B.jsx)(`span`,{className:`truncate font-medium text-ink`,children:a}),t&&(0,B.jsx)(V,{children:`open`})]}),e.host&&(0,B.jsxs)(`span`,{className:`mt-0.5 flex items-center gap-1 font-mono text-[10px] text-ink-faint`,children:[(0,B.jsx)(je,{className:`size-2.5 shrink-0`}),(0,B.jsx)(`span`,{className:`truncate`,children:e.host})]}),(0,B.jsx)(`span`,{className:`mt-0.5 flex items-center gap-1 text-[11px] text-ink-faint`,children:he(e)&&!e.title?(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(T,{className:`size-3 animate-spin`}),` Naming…`]}):(0,B.jsxs)(B.Fragment,{children:[e.turns,` `,e.turns===1?`message`:`messages`,` · `,ir(e.updatedAt)]})})]})]}),(0,B.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,B.jsx)(L,{className:`size-3`})})]})}var tr=6e4,nr=60*tr,rr=24*nr;function ir(e){let t=Date.now()-e;return t<tr?`just now`:t<nr?`${Math.floor(t/tr)}m ago`:t<rr?`${Math.floor(t/nr)}h ago`:t<7*rr?`${Math.floor(t/rr)}d ago`:new Date(e).toLocaleDateString(void 0,{month:`short`,day:`numeric`})}function ar({sessions:e,activeSessionId:t,onFocus:n,onEnd:r}){let[i,a]=(0,R.useState)(!0);if(!e.length)return null;let o=e.filter(e=>e.runId).length;return(0,B.jsxs)(`div`,{className:`enters shrink-0 border-b border-line px-3 py-2`,children:[(0,B.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,B.jsx)(Re,{className:`size-3 shrink-0`}),(0,B.jsxs)(`span`,{className:`flex-1 text-left`,children:[`Sessions · `,e.length,o>0&&(0,B.jsxs)(`span`,{className:`text-brand`,children:[` · `,o,` running`]})]}),(0,B.jsx)(w,{className:S(`size-3 shrink-0 transition-transform`,i&&`rotate-180`)})]}),i&&(0,B.jsx)(`div`,{className:`mt-1.5 flex flex-col gap-1`,children:e.map(e=>(0,B.jsx)(or,{session:e,current:e.sessionId===t,onFocus:n,onEnd:r},e.sessionId))})]})}function or({session:e,current:t,onFocus:n,onEnd:r}){let i=e.tabIds.length-1;return(0,B.jsxs)(`div`,{className:S(`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,B.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,B.jsx)(`span`,{className:S(`size-1.5 shrink-0 rounded-full`,e.runId?`glow-dot animate-pulse bg-brand text-brand`:`bg-ink-faint`)}),(0,B.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,B.jsx)(`span`,{className:`block truncate text-ink`,children:e.title}),(0,B.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,B.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,B.jsx)(L,{className:`size-3`})})]})}function sr({checked:e,disabled:t,label:n,onChange:r,className:i}){return(0,B.jsx)(`button`,{type:`button`,role:`switch`,"data-slot":`switch`,"aria-checked":e,"aria-label":n,disabled:t,onClick:()=>r(!e),className:S(`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,B.jsx)(`span`,{"data-slot":`switch-thumb`,className:S(`pointer-events-none size-2.5 rounded-full bg-ink shadow-sm transition-transform`,e?`translate-x-3.5`:`translate-x-0.5`)})})}var cr=`fence`,lr=`unattended`,U={allow:`Allow`,confirm:`Ask`,deny:`Block`},ur=[`allow`,`confirm`,`deny`];function dr(){let e=ye(),n=e?.connected??!1,[r,i]=(0,R.useState)(null),[a,o]=(0,R.useState)(null),[s,c]=(0,R.useState)(null),l=(0,R.useCallback)(async(e,n)=>{o(n),c(null);let r=await t.runtime.sendMessage({channel:m,...e}).catch(()=>null);o(null),r?.ok?i(r.data):c(r?.error.message??`The daemon did not answer.`)},[]);(0,R.useEffect)(()=>{n&&l({op:`guardrails`},`load`)},[n,l]);let u=(e,t)=>void l({op:`setGuardrail`,setting:e,value:t},e);return e?.paired?n?r?(0,B.jsxs)(`div`,{className:`space-y-5 px-3 pb-6`,children:[(0,B.jsxs)(`header`,{className:`space-y-1.5`,children:[(0,B.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,B.jsx)(`h2`,{className:`font-mono text-[10px] tracking-[0.14em] text-ink-faint uppercase`,children:`Guardrails`}),(0,B.jsxs)(`button`,{type:`button`,onClick:()=>void l({op:`guardrails`},`load`),disabled:a!==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,B.jsx)(f,{className:S(`size-3`,a===`load`&&`animate-spin`)}),` Reload`]})]}),(0,B.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,B.jsx)(`span`,{className:`font-mono text-[10px] text-ink-dim`,children:r.configPath}),` and nothing else. A run takes its policy when it starts, so a change here applies to the next one.`]})]}),s&&(0,B.jsx)(`p`,{className:`text-[11px] text-destructive`,children:s}),(0,B.jsx)(`section`,{className:`space-y-1.5`,children:r.rules.map(e=>(0,B.jsx)(fr,{rule:e,busy:a===e.id,onWrite:u},e.id))}),(0,B.jsxs)(`section`,{className:`space-y-1.5`,children:[(0,B.jsx)(`h3`,{className:`font-mono text-[10px] tracking-[0.14em] text-ink-faint uppercase`,children:`Everything else`}),(0,B.jsx)(pr,{title:`Fence page text`,note:`Wraps every page result in a marker telling the model it is reading data, never instructions.`,state:r.fence.overridden?r.fence.enabled?`On`:`Off`:`On (default)`,on:r.fence.overridden,busy:a===cr,onToggle:e=>u(cr,e?r.fence.enabled:null),children:r.fence.overridden&&(0,B.jsx)(mr,{options:[{value:!0,label:`Fence`},{value:!1,label:`Do not fence`}],value:r.fence.enabled,onSelect:e=>u(`fence`,e)})}),(0,B.jsx)(pr,{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:r.unattended.overridden?U[r.unattended.effect]:`Block (default)`,on:r.unattended.overridden,busy:a===lr,onToggle:e=>u(lr,e?r.unattended.effect:null),children:r.unattended.overridden&&(0,B.jsx)(mr,{options:[{value:`deny`,label:`Block`},{value:`allow`,label:`Allow`}],value:r.unattended.effect,onSelect:e=>u(`unattended`,e)})}),(0,B.jsxs)(`div`,{className:`rounded-md border border-line bg-surface/30 px-2.5 py-2`,children:[(0,B.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,B.jsx)(C,{className:`size-3 text-brand`}),(0,B.jsx)(`span`,{className:`text-[11px] font-medium text-ink`,children:`Credential sealing`}),(0,B.jsx)(`span`,{className:`ml-auto font-mono text-[9px] tracking-[0.1em] text-brand uppercase`,children:`Always on`})]}),(0,B.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.`})]}),r.hosts.length>0&&(0,B.jsxs)(`div`,{className:`rounded-md border border-line bg-surface/30 px-2.5 py-2`,children:[(0,B.jsx)(`span`,{className:`text-[11px] font-medium text-ink`,children:`Standing host allowlist`}),(0,B.jsx)(`p`,{className:`mt-1 font-mono text-[10px] leading-relaxed break-all text-ink-dim`,children:r.hosts.join(` · `)}),(0,B.jsx)(`p`,{className:`mt-1 text-[11px] text-ink-faint`,children:`Added to every run’s scope. Edited in config.json.`})]})]})]}):(0,B.jsx)(hr,{children:s??`Reading the policy…`}):(0,B.jsx)(hr,{children:`The daemon is offline. Settings live in its config file, so they load when it reconnects.`}):(0,B.jsx)(hr,{children:`Pair a browser to see what this agent is allowed to do.`})}function fr({rule:e,busy:t,onWrite:n}){if(e.locked)return(0,B.jsxs)(`div`,{className:`rounded-md border border-line bg-surface/20 px-2.5 py-2`,children:[(0,B.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,B.jsx)(`span`,{className:`text-[11px] font-medium text-ink-dim`,children:e.title}),(0,B.jsxs)(`span`,{className:`ml-auto flex items-center gap-1 font-mono text-[9px] tracking-[0.1em] text-ink-faint uppercase`,children:[(0,B.jsx)(Be,{className:`size-2.5`}),U[e.fallback]]})]}),(0,B.jsx)(`p`,{className:`mt-1 text-[11px] leading-relaxed text-ink-faint`,children:e.reason})]});let r=e.override??e.fallback;return(0,B.jsx)(pr,{title:e.title,note:e.reason,state:e.override?U[e.override]:`${U[e.fallback]} (default)`,on:e.override!==void 0,busy:t,onToggle:t=>n(e.id,t?r:null),children:e.override!==void 0&&(0,B.jsx)(mr,{options:ur.map(e=>({value:e,label:U[e]})),value:e.override,onSelect:t=>n(e.id,t)})})}function pr({title:e,note:t,state:n,on:r,busy:i,onToggle:a,children:o}){return(0,B.jsxs)(`div`,{className:S(`rounded-md border px-2.5 py-2 transition-colors`,r?`border-brand/30 bg-brand/5`:`border-line bg-surface/20`),children:[(0,B.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,B.jsx)(`span`,{className:`text-[11px] font-medium text-ink`,children:e}),(0,B.jsxs)(`span`,{className:`ml-auto flex items-center gap-1.5`,children:[(0,B.jsx)(`span`,{className:`font-mono text-[9px] tracking-[0.1em] text-ink-faint uppercase`,children:n}),i?(0,B.jsx)(T,{className:`size-3 animate-spin text-ink-faint`}):(0,B.jsx)(sr,{checked:r,label:`Override ${e}`,onChange:a})]})]}),(0,B.jsx)(`p`,{className:`mt-1 text-[11px] leading-relaxed text-ink-faint`,children:t}),o]})}function mr({options:e,value:t,onSelect:n}){return(0,B.jsx)(`div`,{className:`mt-2 flex gap-1`,children:e.map(e=>(0,B.jsx)(`button`,{type:`button`,onClick:()=>n(e.value),"aria-pressed":e.value===t,className:S(`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 hr({children:e}){return(0,B.jsx)(`p`,{className:`px-4 py-8 text-center text-[11px] leading-relaxed text-ink-faint`,children:e})}function gr({draft:e,onActivate:t,onDiscard:n}){let[r,i]=(0,R.useState)(!1),a=r?e.host:e.domain;return(0,B.jsxs)(`div`,{className:`enters mb-2 overflow-hidden rounded-xl border border-amber/40 bg-amber/8`,children:[(0,B.jsxs)(`div`,{className:`flex items-start gap-2 border-b border-amber/25 px-2.5 py-2`,children:[(0,B.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,B.jsxs)(`p`,{className:`truncate text-xs font-medium text-ink`,children:[`Mapped `,e.host]}),(0,B.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,B.jsxs)(`span`,{children:[e.pages,` pages`]}),(0,B.jsxs)(`span`,{className:`inline-flex items-center gap-0.5`,children:[(0,B.jsx)(Pe,{className:`size-2.5`}),` `,e.screenshots]}),(0,B.jsx)(`span`,{children:new Date(e.generatedAt).toLocaleString()})]})]}),(0,B.jsx)(V,{variant:`warning`,children:`not active yet`})]}),(0,B.jsxs)(`div`,{className:`px-2.5 py-2`,children:[(0,B.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,B.jsx)(`span`,{className:`font-mono text-ink`,children:a}),`. Read it first.`]}),e.warnings.length>0&&(0,B.jsx)(`div`,{className:`mb-2 space-y-1 rounded-lg bg-amber/12 px-2 py-1.5`,children:e.warnings.map(e=>(0,B.jsxs)(`p`,{className:`flex gap-1.5 text-[11px] leading-snug text-amber`,children:[(0,B.jsx)(x,{className:`mt-0.5 size-3 shrink-0`}),(0,B.jsx)(`span`,{children:e})]},e))}),(0,B.jsx)(`div`,{className:`max-h-56 overflow-x-hidden overflow-y-auto rounded-lg border border-line bg-ground/70`,children:(0,B.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,B.jsxs)(`p`,{className:`mt-1.5 flex items-start gap-1 font-mono text-[10px] break-all text-ink-faint`,children:[(0,B.jsx)(Ae,{className:`mt-0.5 size-2.5 shrink-0`}),e.directory]}),e.screenshots>0&&(0,B.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,B.jsxs)(`label`,{className:`mt-2 flex items-center gap-1.5 text-[11px] text-ink-dim`,children:[(0,B.jsx)(`input`,{type:`checkbox`,checked:r,onChange:e=>i(e.target.checked),className:`size-3 accent-brand`}),`Only on `,(0,B.jsx)(`span`,{className:`font-mono text-ink`,children:e.host}),`, not its subdomains`]}),(0,B.jsxs)(`div`,{className:`mt-2.5 flex gap-1.5`,children:[(0,B.jsxs)(h,{variant:`ghost`,size:`sm`,className:`flex-1`,onClick:n,children:[(0,B.jsx)(it,{className:`size-3`}),` Discard`]}),(0,B.jsxs)(h,{size:`sm`,className:`flex-1`,onClick:()=>t(r),children:[(0,B.jsx)(E,{className:`size-3`}),` Activate`]})]})]})]})}function _r(){let[e,n]=(0,R.useState)([]);return(0,R.useEffect)(()=>{let e=!0;t.storage.local.get(fe).then(t=>{let r=t[fe];e&&Array.isArray(r)&&n(r)});let r=e=>{if(`browsentic:skills`in e){let t=e[fe].newValue;n(Array.isArray(t)?t:[])}};return t.storage.local.onChanged.addListener(r),()=>{e=!1,t.storage.local.onChanged.removeListener(r)}},[]),e}function vr({tabUrl:e,connected:n,onMapSite:r,mapping:i}){let a=_r(),o=(0,R.useRef)(null),[s,c]=(0,R.useState)(null),[l,u]=(0,R.useState)(``),[d,f]=(0,R.useState)(null),p=xt(e),g=n&&!i&&/^https?:/.test(e),_=a.some(e=>e.origin===`generated`&&wt(p,e.domains));async function v(){let e=o.current,t=e?.files?.[0];if(e&&(e.value=``),!t)return;let n=Ot(await t.text(),t.name);c(n),u(n.domains.join(`, `)),f(null)}async function y(){if(!s)return;let e=l.split(`,`).map(St).filter(Boolean),n=Et({...s,domains:e});if(!n.ok){f(n.message);return}let r=n.draft,i=crypto.randomUUID();await ne({id:i,name:r.name,description:r.description,category:r.category,domains:r.domains,status:`pending`,addedAt:Date.now()},{id:i,body:r.body,triggers:r.triggers}),await t.runtime.sendMessage({channel:m,op:`saveSkill`,skillId:i}),c(null),f(null)}return(0,B.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-3 p-3`,children:[(0,B.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.`}),!s&&(0,B.jsxs)(`div`,{className:`grid grid-cols-2 gap-1.5`,children:[(0,B.jsxs)(h,{size:`sm`,onClick:r,disabled:!g,title:g?`Map ${p}`:`Open an http(s) page, with no run in progress`,children:[i?(0,B.jsx)(T,{className:`animate-spin`}):(0,B.jsx)(we,{}),(0,B.jsxs)(`span`,{className:`truncate`,children:[_?`Re-map`:`Map`,` this site`]})]}),(0,B.jsxs)(h,{variant:`outline`,size:`sm`,onClick:()=>o.current?.click(),children:[(0,B.jsx)(ot,{}),` Upload notes`]})]}),s?(0,B.jsx)(yr,{draft:s,domainText:l,error:d,connected:n,onChange:e=>{c({...s,...e}),f(null)},onDomainText:e=>{u(e),f(null)},onCancel:()=>{c(null),f(null)},onSave:()=>void y()}):(0,B.jsx)(br,{skills:a,host:p}),(0,B.jsx)(`input`,{ref:o,type:`file`,accept:`.md,.markdown,text/markdown`,className:`hidden`,onChange:()=>void v()})]})}function yr({draft:e,domainText:t,error:n,connected:r,onChange:i,onDomainText:a,onCancel:o,onSave:s}){let c=e.category===`site-exploration`;return(0,B.jsxs)(`div`,{className:`panel-card flex flex-col gap-2 rounded-xl p-2.5`,children:[(0,B.jsx)(`p`,{className:`font-mono text-[10px] tracking-[0.14em] text-ink-faint uppercase`,children:`New skill`}),(0,B.jsx)(A,{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,B.jsx)(A,{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,B.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,B.jsx)(h,{variant:c?`outline`:`default`,size:`sm`,className:`flex-1`,onClick:()=>i({category:`general`}),children:`General`}),(0,B.jsxs)(h,{variant:c?`default`:`outline`,size:`sm`,className:`flex-1`,onClick:()=>i({category:`site-exploration`}),children:[(0,B.jsx)(je,{}),` Site notes`]})]}),c&&(0,B.jsx)(A,{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,B.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,B.jsx)(`p`,{className:`rounded-lg border border-amber/40 bg-amber/10 px-2 py-1.5 text-[11px] text-amber`,children:n}),(0,B.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,B.jsx)(h,{variant:`ghost`,size:`sm`,className:`flex-1`,onClick:o,children:`Cancel`}),(0,B.jsxs)(h,{size:`sm`,className:`flex-1`,onClick:s,disabled:!r,children:[(0,B.jsx)(E,{}),` Save skill`]})]}),!r&&(0,B.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,B.jsxs)(`div`,{className:`dot-grid fade-bottom rounded-xl border border-line px-3 py-6 text-center`,children:[(0,B.jsx)(F,{className:`mx-auto size-5 text-ink-faint`}),(0,B.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,B.jsx)(`div`,{className:`flex min-w-0 flex-col gap-1.5`,children:e.map(e=>(0,B.jsx)(xr,{skill:e,host:t},e.id))})}function xr({skill:e,host:n}){let r=e.category===`site-exploration`&&wt(n,e.domains),i=e.origin===`generated`,a=i?we:F;return(0,B.jsxs)(`div`,{className:S(`flex items-start gap-2 rounded-xl border px-2.5 py-2 text-xs`,r?`border-brand/35 bg-brand/8`:`border-line bg-ground/40`),children:[(0,B.jsx)(a,{className:S(`mt-0.5 size-3.5 shrink-0`,r?`text-brand`:`text-ink-faint`)}),(0,B.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,B.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,B.jsx)(`span`,{className:`truncate font-medium text-ink`,children:e.name}),i&&(0,B.jsx)(V,{variant:`outline`,children:`mapped`}),r&&(0,B.jsx)(V,{children:`on this site`})]}),e.domains.length>0&&(0,B.jsx)(`p`,{className:`mt-0.5 truncate font-mono text-[10px] text-ink-faint`,children:e.domains.join(`, `)}),e.description&&(0,B.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-[11px] text-ink-dim`,children:e.description}),e.status===`pending`&&(0,B.jsxs)(`span`,{className:`mt-0.5 flex items-center gap-1 text-[11px] text-ink-faint`,children:[(0,B.jsx)(T,{className:`size-3 animate-spin`}),` Saving…`]}),e.status===`error`&&(0,B.jsx)(`span`,{className:`mt-0.5 block text-[11px] text-destructive`,children:e.error??`Could not save`})]}),(0,B.jsx)(`button`,{type:`button`,onClick:()=>void t.runtime.sendMessage({channel:m,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,B.jsx)(L,{className:`size-3`})})]})}var Sr=e(me(),1),Cr=Object.defineProperty,wr=(e,t)=>Cr(e,`name`,{value:t,configurable:!0}),Tr=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=u(`Primitive.${t}`),r=R.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,B.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});function Er(e,t){e&&Sr.flushSync(()=>e.dispatchEvent(t))}wr(Er,`dispatchDiscreteCustomEvent`);var Dr=globalThis?.document?R.useLayoutEffect:()=>{},Or=Object.defineProperty,W=(e,t)=>Or(e,`name`,{value:t,configurable:!0});function kr(e,t){return R.useReducer((e,n)=>t[e][n]??e,e)}W(kr,`useStateMachine`);var Ar=W(e=>{let{present:t,children:n}=e,r=jr(t),i=typeof n==`function`?n({present:r.isPresent}):R.Children.only(n),a=Nr(r.ref,Pr(i));return typeof n==`function`||r.isPresent?R.cloneElement(i,{ref:a}):null},`Presence`);function jr(e){let[t,n]=R.useState(),r=R.useRef(null),i=R.useRef(e),a=R.useRef(`none`),o=R.useRef(void 0),[s,c]=kr(e?`mounted`:`unmounted`,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}});return R.useEffect(()=>{s===`mounted`?(a.current=o.current??G(r.current),o.current=void 0):a.current=`none`},[s]),Dr(()=>{let t=r.current,n=i.current;if(n!==e){let r=a.current,s=G(t);e?(o.current=s,c(`MOUNT`)):s===`none`||t?.display===`none`?c(`UNMOUNT`):c(n&&r!==s?`ANIMATION_OUT`:`UNMOUNT`),i.current=e}},[e,c]),Dr(()=>{if(t){let e,n=t.ownerDocument.defaultView??window,o=W(a=>{let o=G(r.current).includes(CSS.escape(a.animationName));if(a.target===t&&o&&(c(`ANIMATION_END`),!i.current)){let r=t.style.animationFillMode;t.style.animationFillMode=`forwards`,e=n.setTimeout(()=>{t.style.animationFillMode===`forwards`&&(t.style.animationFillMode=r)})}},`handleAnimationEnd`),s=W(e=>{e.target===t&&(a.current=G(r.current))},`handleAnimationStart`);return t.addEventListener(`animationstart`,s),t.addEventListener(`animationcancel`,o),t.addEventListener(`animationend`,o),()=>{n.clearTimeout(e),t.removeEventListener(`animationstart`,s),t.removeEventListener(`animationcancel`,o),t.removeEventListener(`animationend`,o)}}else c(`ANIMATION_END`)},[t,c]),{isPresent:[`mounted`,`unmountSuspended`].includes(s),ref:R.useCallback(e=>{if(e){let t=getComputedStyle(e);r.current=t,o.current=G(t)}else r.current=null;n(e)},[])}}W(jr,`usePresence`);function Mr(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}W(Mr,`setRef`);function Nr(...e){let t=R.useRef(e);return t.current=e,R.useCallback(e=>{let n=t.current,r=!1,i=n.map(t=>{let n=Mr(t,e);return!r&&typeof n==`function`&&(r=!0),n});if(r)return()=>{for(let e=0;e<i.length;e++){let t=i[e];typeof t==`function`?t():Mr(n[e],null)}}},[])}W(Nr,`useStableComposedRefs`);function G(e){return e?.animationName||`none`}W(G,`getAnimationName`);function Pr(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}W(Pr,`getElementRef`);var Fr=Object.defineProperty,K=(e,t)=>Fr(e,`name`,{value:t,configurable:!0});function Ir(e,t){let n=R.createContext(t);n.displayName=e+`Context`;let r=K(e=>{let{children:t,...r}=e,i=R.useMemo(()=>r,Object.values(r));return(0,B.jsx)(n.Provider,{value:i,children:t})},`Provider`);r.displayName=e+`Provider`;function i(r,i={}){let{optional:a=!1}=i,o=R.useContext(n);if(o)return o;if(t!==void 0)return t;if(!a)throw Error(`\`${r}\` must be used within \`${e}\``)}return K(i,`useContext`),[r,i]}K(Ir,`createContext`);function Lr(e,t=[]){let n=[];function r(t,r){let i=R.createContext(r);i.displayName=t+`Context`;let a=n.length;n=[...n,r];let o=K(t=>{let{scope:n,children:r,...o}=t,s=n?.[e]?.[a]||i,c=R.useMemo(()=>o,Object.values(o));return(0,B.jsx)(s.Provider,{value:c,children:r})},`Provider`);o.displayName=t+`Provider`;function s(n,o,s={}){let{optional:c=!1}=s,l=o?.[e]?.[a]||i,u=R.useContext(l);if(u)return u;if(r!==void 0)return r;if(!c)throw Error(`\`${n}\` must be used within \`${t}\``)}return K(s,`useContext`),[o,s]}K(r,`createContext`);let i=K(()=>{let t=n.map(e=>R.createContext(e));return K(function(n){let r=n?.[e]||t;return R.useMemo(()=>({[`__scope${e}`]:{...n,[e]:r}}),[n,r])},`useScope`)},`createScope`);return i.scopeName=e,[r,Rr(i,...t)]}K(Lr,`createContextScope`);function Rr(...e){let t=e[0];if(e.length===1)return t;let n=K(()=>{let n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return K(function(e){let r=n.reduce((t,{useScope:n,scopeName:r})=>{let i=n(e)[`__scope${r}`];return{...t,...i}},{});return R.useMemo(()=>({[`__scope${t.scopeName}`]:r}),[r])},`useComposedScopes`)},`createScope`);return n.scopeName=t.scopeName,n}K(Rr,`composeContextScopes`);var zr=Object.defineProperty,Br=(e,t)=>zr(e,`name`,{value:t,configurable:!0});function q(e){let t=R.useRef(e);return R.useEffect(()=>{t.current=e}),R.useMemo(()=>((...e)=>t.current?.(...e)),[])}Br(q,`useCallbackRef`);var Vr=Object.defineProperty,Hr=(e,t)=>Vr(e,`name`,{value:t,configurable:!0}),Ur=R.createContext(void 0);function Wr(e){let t=R.useContext(Ur);return e||t||`ltr`}Hr(Wr,`useDirection`);var Gr=Object.defineProperty,Kr=(e,t)=>Gr(e,`name`,{value:t,configurable:!0});function qr(e,[t,n]){return Math.min(n,Math.max(t,e))}Kr(qr,`clamp`);var Jr=Object.defineProperty,J=(e,t)=>Jr(e,`name`,{value:t,configurable:!0}),Yr=!!(typeof window<`u`&&window.document&&window.document.createElement);function Y(e,t,{checkForDefaultPrevented:n=!0}={}){return J(function(r){if(e?.(r),n===!1||!r||!r.defaultPrevented)return t?.(r)},`handleEvent`)}J(Y,`composeEventHandlers`);function Xr(e){if(!Yr)throw Error(`Cannot access window outside of the DOM`);return e?.ownerDocument?.defaultView??window}J(Xr,`getOwnerWindow`);function Zr(e){if(!Yr)throw Error(`Cannot access document outside of the DOM`);return e?.ownerDocument??document}J(Zr,`getOwnerDocument`);function Qr(e,t=!1){let{activeElement:n}=Zr(e);if(!n?.nodeName)return null;if($r(n)&&n.contentDocument)return Qr(n.contentDocument.body,t);if(t){let e=n.getAttribute(`aria-activedescendant`);if(e){let t=Zr(n).getElementById(e);if(t)return t}}return n}J(Qr,`getActiveElement`);function $r(e){return e.tagName===`IFRAME`}J($r,`isFrame`);var ei=Object.defineProperty,X=(e,t)=>ei(e,`name`,{value:t,configurable:!0});function ti(e,t){return R.useReducer((e,n)=>t[e][n]??e,e)}X(ti,`useStateMachine`);var ni=`ScrollArea`,[ri,ii]=Lr(ni),[ai,Z]=ri(ni),oi=R.forwardRef(X(function(e,t){let{__scopeScrollArea:n,type:r=`hover`,dir:i,scrollHideDelay:a=600,...o}=e,[s,c]=R.useState(null),[l,u]=R.useState(null),[d,f]=R.useState(null),[m,h]=R.useState(null),[g,_]=R.useState(null),[v,y]=R.useState(0),[ee,b]=R.useState(0),[x,S]=R.useState(!1),[C,w]=R.useState(!1),T=p(t,c),E=Wr(i);return(0,B.jsx)(ai,{scope:n,type:r,dir:E,scrollHideDelay:a,scrollArea:s,viewport:l,onViewportChange:u,content:d,onContentChange:f,scrollbarX:m,onScrollbarXChange:h,scrollbarXEnabled:x,onScrollbarXEnabledChange:S,scrollbarY:g,onScrollbarYChange:_,scrollbarYEnabled:C,onScrollbarYEnabledChange:w,onCornerWidthChange:y,onCornerHeightChange:b,children:(0,B.jsx)(Tr.div,{dir:E,...o,ref:T,style:{position:`relative`,"--radix-scroll-area-corner-width":v+`px`,"--radix-scroll-area-corner-height":ee+`px`,...e.style}})})},`ScrollArea`)),si=`ScrollAreaViewport`,ci=R.forwardRef(X(function(e,t){let{__scopeScrollArea:n,children:r,nonce:i,...a}=e,o=Z(si,n),s=p(t,R.useRef(null),o.onViewportChange);return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(li,{nonce:i}),(0,B.jsx)(Tr.div,{"data-radix-scroll-area-viewport":``,...a,ref:s,style:{overflowX:o.scrollbarXEnabled?`scroll`:`hidden`,overflowY:o.scrollbarYEnabled?`scroll`:`hidden`,...e.style},children:(0,B.jsx)(`div`,{ref:o.onContentChange,style:{minWidth:`100%`,display:`table`},children:r})})]})},`ScrollAreaViewport`)),li=R.memo(X(function({nonce:e}){return(0,B.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),Q=`ScrollAreaScrollbar`,ui=R.forwardRef(X(function(e,t){let{forceMount:n,...r}=e,i=Z(Q,e.__scopeScrollArea),{onScrollbarXEnabledChange:a,onScrollbarYEnabledChange:o}=i,s=e.orientation===`horizontal`;return R.useEffect(()=>(s?a(!0):o(!0),()=>{s?a(!1):o(!1)}),[s,a,o]),i.type===`hover`?(0,B.jsx)(di,{...r,ref:t,forceMount:n}):i.type===`scroll`?(0,B.jsx)(fi,{...r,ref:t,forceMount:n}):i.type===`auto`?(0,B.jsx)(pi,{...r,ref:t,forceMount:n}):i.type===`always`?(0,B.jsx)(mi,{...r,ref:t,"data-state":`visible`}):null},`ScrollAreaScrollbar`)),di=R.forwardRef(X(function(e,t){let{forceMount:n,...r}=e,i=Z(Q,e.__scopeScrollArea),[a,o]=R.useState(!1);return R.useEffect(()=>{let e=i.scrollArea,t=0;if(e){let n=X(()=>{window.clearTimeout(t),o(!0)},`handlePointerEnter`),r=X(()=>{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,B.jsx)(Ar,{present:n||a,children:(0,B.jsx)(pi,{"data-state":a?`visible`:`hidden`,...r,ref:t})})},`ScrollAreaScrollbarHover`)),fi=R.forwardRef(X(function(e,t){let{forceMount:n,...r}=e,i=Z(Q,e.__scopeScrollArea),a=e.orientation===`horizontal`,o=Pi(()=>c(`SCROLL_END`),100),[s,c]=ti(`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 R.useEffect(()=>{if(s===`idle`){let e=window.setTimeout(()=>c(`HIDE`),i.scrollHideDelay);return()=>window.clearTimeout(e)}},[s,i.scrollHideDelay,c]),R.useEffect(()=>{let e=i.viewport,t=a?`scrollLeft`:`scrollTop`;if(e){let n=e[t],r=X(()=>{let r=e[t];n!==r&&(c(`SCROLL`),o()),n=r},`handleScroll`);return e.addEventListener(`scroll`,r),()=>e.removeEventListener(`scroll`,r)}},[i.viewport,a,c,o]),(0,B.jsx)(Ar,{present:n||s!==`hidden`,children:(0,B.jsx)(mi,{"data-state":s===`hidden`?`hidden`:`visible`,...r,ref:t,onPointerEnter:Y(e.onPointerEnter,()=>c(`POINTER_ENTER`)),onPointerLeave:Y(e.onPointerLeave,()=>c(`POINTER_LEAVE`))})})},`ScrollAreaScrollbarScroll`)),pi=R.forwardRef(X(function(e,t){let n=Z(Q,e.__scopeScrollArea),{forceMount:r,...i}=e,[a,o]=R.useState(!1),s=e.orientation===`horizontal`,c=Pi(()=>{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,B.jsx)(Ar,{present:r||a,children:(0,B.jsx)(mi,{"data-state":a?`visible`:`hidden`,...i,ref:t})})},`ScrollAreaScrollbarAuto`)),mi=R.forwardRef(X(function(e,t){let{orientation:n=`vertical`,...r}=e,i=Z(Q,e.__scopeScrollArea),a=R.useRef(null),o=R.useRef(0),[s,c]=R.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),l=Di(s.viewport,s.content),u={...r,sizes:s,onSizesChange:c,hasThumb:l>0&&l<1,onThumbChange:X(e=>a.current=e,`onThumbChange`),onThumbPointerUp:X(()=>o.current=0,`onThumbPointerUp`),onThumbPointerDown:X(e=>o.current=e,`onThumbPointerDown`)};function d(e,t){return ki(e,o.current,s,t)}return X(d,`getScrollPosition`),n===`horizontal`?(0,B.jsx)(hi,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollLeft,t=Ai(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,B.jsx)(gi,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollTop,t=Ai(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`)),hi=R.forwardRef(X(function(e,t){let{sizes:n,onSizesChange:r,...i}=e,a=Z(Q,e.__scopeScrollArea),[o,s]=R.useState(),c=R.useRef(null),l=p(t,c,a.onScrollbarXChange);return R.useEffect(()=>{c.current&&s(getComputedStyle(c.current))},[c]),(0,B.jsx)(yi,{"data-orientation":`horizontal`,...i,ref:l,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":Oi(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),Mi(r,n)&&t.preventDefault()}},onResize:()=>{c.current&&a.viewport&&o&&r({content:a.viewport.scrollWidth,viewport:a.viewport.offsetWidth,scrollbar:{size:c.current.clientWidth,paddingStart:Ei(o.paddingLeft),paddingEnd:Ei(o.paddingRight)}})}})},`ScrollAreaScrollbarX`)),gi=R.forwardRef(X(function(e,t){let{sizes:n,onSizesChange:r,...i}=e,a=Z(Q,e.__scopeScrollArea),[o,s]=R.useState(),c=R.useRef(null),l=p(t,c,a.onScrollbarYChange);return R.useEffect(()=>{c.current&&s(getComputedStyle(c.current))},[c]),(0,B.jsx)(yi,{"data-orientation":`vertical`,...i,ref:l,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":Oi(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),Mi(r,n)&&t.preventDefault()}},onResize:()=>{c.current&&a.viewport&&o&&r({content:a.viewport.scrollHeight,viewport:a.viewport.offsetHeight,scrollbar:{size:c.current.clientHeight,paddingStart:Ei(o.paddingTop),paddingEnd:Ei(o.paddingBottom)}})}})},`ScrollAreaScrollbarY`)),[_i,vi]=ri(Q),yi=R.forwardRef(X(function(e,t){let{__scopeScrollArea:n,sizes:r,hasThumb:i,onThumbChange:a,onThumbPointerUp:o,onThumbPointerDown:s,onThumbPositionChange:c,onDragScroll:l,onWheelScroll:u,onResize:d,...f}=e,m=Z(Q,n),[h,g]=R.useState(null),_=p(t,g),v=R.useRef(null),y=R.useRef(``),ee=m.viewport,b=r.content-r.viewport,x=q(u),S=q(c),C=Pi(d,10);function w(e){if(v.current){let t=e.clientX-v.current.left,n=e.clientY-v.current.top;l({x:t,y:n})}}return X(w,`handleDragScroll`),R.useEffect(()=>{let e=X(e=>{let t=e.target;h?.contains(t)&&x(e,b)},`handleWheel`);return document.addEventListener(`wheel`,e,{passive:!1}),()=>document.removeEventListener(`wheel`,e,{passive:!1})},[ee,h,b,x]),R.useEffect(S,[r,S]),$(h,C),$(m.content,C),(0,B.jsx)(_i,{scope:n,scrollbar:h,hasThumb:i,onThumbChange:q(a),onThumbPointerUp:q(o),onThumbPositionChange:S,onThumbPointerDown:q(s),children:(0,B.jsx)(Tr.div,{...f,ref:_,style:{position:`absolute`,...f.style},onPointerDown:Y(e.onPointerDown,e=>{e.button===0&&(e.target.setPointerCapture(e.pointerId),v.current=h.getBoundingClientRect(),y.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect=`none`,m.viewport&&(m.viewport.style.scrollBehavior=`auto`),w(e))}),onPointerMove:Y(e.onPointerMove,w),onPointerUp:Y(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=y.current,m.viewport&&(m.viewport.style.scrollBehavior=``),v.current=null})})})},`ScrollAreaScrollbarImpl`)),bi=`ScrollAreaThumb`,xi=R.forwardRef(X(function(e,t){let{forceMount:n,...r}=e,i=vi(bi,e.__scopeScrollArea);return(0,B.jsx)(Ar,{present:n||i.hasThumb,children:(0,B.jsx)(Si,{ref:t,...r})})},`ScrollAreaThumb`)),Si=R.forwardRef(X(function(e,t){let{__scopeScrollArea:n,style:r,...i}=e,a=Z(bi,n),o=vi(bi,n),{onThumbPositionChange:s}=o,c=p(t,o.onThumbChange),l=R.useRef(void 0),u=Pi(()=>{l.current&&=(l.current(),void 0)},100);return R.useEffect(()=>{let e=a.viewport;if(e){let t=X(()=>{if(u(),!l.current){let t=Ni(e,s);l.current=t,s()}},`handleScroll`);return s(),e.addEventListener(`scroll`,t),()=>e.removeEventListener(`scroll`,t)}},[a.viewport,u,s]),(0,B.jsx)(Tr.div,{"data-state":o.hasThumb?`visible`:`hidden`,...i,ref:c,style:{width:`var(--radix-scroll-area-thumb-width)`,height:`var(--radix-scroll-area-thumb-height)`,...r},onPointerDownCapture:Y(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top;o.onThumbPointerDown({x:n,y:r})}),onPointerUp:Y(e.onPointerUp,o.onThumbPointerUp)})},`ScrollAreaThumbImpl`)),Ci=`ScrollAreaCorner`,wi=R.forwardRef(X(function(e,t){let n=Z(Ci,e.__scopeScrollArea),r=!!(n.scrollbarX&&n.scrollbarY);return n.type!==`scroll`&&r?(0,B.jsx)(Ti,{...e,ref:t}):null},`ScrollAreaCorner`)),Ti=R.forwardRef(X(function(e,t){let{__scopeScrollArea:n,...r}=e,i=Z(Ci,n),[a,o]=R.useState(0),[s,c]=R.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)}),R.useEffect(()=>()=>{u(0),d(0)},[u,d]),l?(0,B.jsx)(Tr.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 Ei(e){return e?parseInt(e,10):0}X(Ei,`toInt`);function Di(e,t){let n=e/t;return isNaN(n)?0:n}X(Di,`getThumbRatio`);function Oi(e){let t=Di(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}X(Oi,`getThumbSize`);function ki(e,t,n,r=`ltr`){let i=Oi(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 ji([c,l],d)(e)}X(ki,`getScrollPositionFromPointer`);function Ai(e,t,n=`ltr`){let r=Oi(t),i=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,a=t.scrollbar.size-i,o=t.content-t.viewport,s=a-r,c=qr(e,n===`ltr`?[0,o]:[o*-1,0]);return ji([0,o],[0,s])(c)}X(Ai,`getThumbOffsetFromScroll`);function ji(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])}}X(ji,`linearScale`);function Mi(e,t){return e>0&&e<t}X(Mi,`isScrollingWithinScrollbarBounds`);var Ni=X((e,t=()=>{})=>{let n={left:e.scrollLeft,top:e.scrollTop},r=0;return X((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 Pi(e,t){let n=q(e),r=R.useRef(0);return R.useEffect(()=>()=>window.clearTimeout(r.current),[]),R.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(n,t)},[n,t])}X(Pi,`useDebounceCallback`);function $(e,t){let n=q(t);Dr(()=>{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])}X($,`useResizeObserver`);var Fi=oi,Ii=ci,Li=wi;function Ri({className:e,children:t,viewportRef:n,...r}){return(0,B.jsxs)(Fi,{"data-slot":`scroll-area`,className:S(`relative`,e),...r,children:[(0,B.jsx)(Ii,{ref:n,"data-slot":`scroll-area-viewport`,className:`size-full rounded-[inherit] outline-none [&>div]:block!`,children:t}),(0,B.jsx)(zi,{}),(0,B.jsx)(Li,{})]})}function zi({className:e,orientation:t=`vertical`,...n}){return(0,B.jsx)(ui,{"data-slot":`scroll-area-scrollbar`,orientation:t,className:S(`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,B.jsx)(xi,{"data-slot":`scroll-area-thumb`,className:`relative flex-1 rounded-full bg-surface-2 transition-colors hover:bg-brand/40`})})}function Bi(){return oe().url}function Vi(){return Ui(D,!1,e=>typeof e==`boolean`)}function Hi(){return Ui(le,`chat`,e=>typeof e==`string`)}function Ui(e,n,r){let[i,a]=(0,R.useState)(n);return(0,R.useEffect)(()=>{let n=!0;t.storage.local.get(e).then(t=>{n&&r(t[e])&&a(t[e])});let i=t=>{let n=t[e];n&&r(n.newValue)&&a(n.newValue)};return t.storage.local.onChanged.addListener(i),()=>{n=!1,t.storage.local.onChanged.removeListener(i)}},[e]),[i,(0,R.useCallback)(n=>{a(n),t.storage.local.set({[e]:n})},[e])]}function Wi(){let[e,n]=(0,R.useState)([]);return(0,R.useEffect)(()=>{let e=!0;t.storage.local.get(_e).then(t=>{let r=t[_e];e&&Array.isArray(r)&&n(r)});let r=e=>{if(`browsentic:files`in e){let t=e[_e].newValue;n(Array.isArray(t)?t:[])}};return t.storage.local.onChanged.addListener(r),()=>{e=!1,t.storage.local.onChanged.removeListener(r)}},[]),e}function Gi(){let[e,n]=(0,R.useState)([]);return(0,R.useEffect)(()=>{let e=!0;t.storage.local.get(ve).then(t=>{let r=t[ve];e&&Array.isArray(r)&&n(r)});let r=e=>{if(`browsentic:recordings`in e){let t=e[ve].newValue;n(Array.isArray(t)?t:[])}};return t.storage.local.onChanged.addListener(r),()=>{e=!1,t.storage.local.onChanged.removeListener(r)}},[]),e}function Ki(){let[e,n]=(0,R.useState)([]);return(0,R.useEffect)(()=>{let e=!0;t.storage.local.get(N).then(t=>{let r=t[N];e&&Array.isArray(r)&&n(r)});let r=e=>{if(`browsentic:sessions`in e){let t=e[N].newValue;n(Array.isArray(t)?t:[])}};return t.storage.local.onChanged.addListener(r),()=>{e=!1,t.storage.local.onChanged.removeListener(r)}},[]),e}var qi=10*1024*1024,Ji=56;function Yi(){let e=ye(),r=de(),[i,a]=ce(),s=Wi(),c=Ki(),l=Gi(),u=_r(),d=Bi(),[f,p]=(0,R.useState)(null),[_,v]=(0,R.useState)(null),[x,S]=(0,R.useState)(null),[C,w]=(0,R.useState)(!1),[T,E]=Hi(),[D,O]=(0,R.useState)(!1),[,ne]=Vi(),k=(0,R.useRef)(null),ae=(0,R.useRef)(null),[A,oe]=(0,R.useState)(!0),j=e?.connected??!1,M=pe({active:i&&j&&!r.running,onSubmit:e=>{r.send(e,{agentSkillId:_?.id,focus:x??void 0}),v(null),S(null)}}),N=be(e,{running:r.running,listening:M.listening});(0,R.useEffect)(()=>{!j||e?.skillCatalog||t.runtime.sendMessage({channel:m,op:`listSkills`})},[j,e?.skillCatalog]),(0,R.useEffect)(()=>{t.runtime.sendMessage({channel:m,op:`panelOpened`}),t.windows.getCurrent().then(e=>{ae.current=e.id??null})},[]),(0,R.useEffect)(()=>{let e=k.current;if(!e)return;let t=()=>{let t=e.scrollHeight-e.scrollTop-e.clientHeight;oe(t<Ji)};return e.addEventListener(`scroll`,t,{passive:!0}),()=>e.removeEventListener(`scroll`,t)},[]),(0,R.useEffect)(()=>{if(!A||T!==`chat`)return;let e=k.current;e&&(e.scrollTop=e.scrollHeight)},[r.items,r.running,A,T]);function se(){let e=k.current;e&&e.scrollTo({top:e.scrollHeight,behavior:`smooth`}),oe(!0)}function P(e){O(!1),e!==T&&(E(e),oe(e===`chat`),k.current&&(k.current.scrollTop=0))}function le(){O(!1),ne(!0),ie(ae.current)}function ue(){r.running||!j||(P(`chat`),M.submitNow())}function fe(e){P(`chat`),r.restore(e)}function me(e){P(`chat`),r.send(`Replay my recording “${e.name}” (id ${e.id}).`)}function he(){P(`chat`),r.mapSite()}async function ge(){if(C)return;p(null),w(!0);let e=await Pt();w(!1),`focus`in e?S(e.focus):`error`in e&&p(`A-Eye couldn’t read that element: ${e.error}`)}async function _e(){let e=await g(n,{});if(!e.ok){M.setInput(`${M.input}\n[couldn’t read this page: ${e.error.message}]\n`);return}let{document:t,selection:r}=e.data,i=r?`\nSelection: “${r}”`:``;M.setInput(`${M.input?`${M.input}\n\n`:``}[Page: ${t.title} — ${t.url}${i}]\n`)}async function ve(e){if(e.size>qi){p(`“${e.name}” is larger than ${qi/1024/1024} MB.`);return}p(null);let n=crypto.randomUUID(),r=await Xi(e);await b({id:n,name:e.name,mime:e.type||`application/octet-stream`,size:e.size,status:`pending`,addedAt:Date.now()},r),await t.runtime.sendMessage({channel:m,op:`analyzeFile`,fileId:n})}function F(){if(!i){a(!0);return}if(M.error){M.retry();return}a(!1)}let Se=r.sessions.filter(e=>e.runId).length,Ce=Se>0&&T!==`chat`,I=Ce||!!r.recording||r.monitors.length>0||!!r.draft,we={history:c.length,skills:u.length,recordings:l.length};return(0,B.jsxs)(`div`,{className:`flex h-screen flex-col`,children:[(0,B.jsxs)(`header`,{className:`flex shrink-0 items-center gap-2 px-3 py-2.5`,children:[(0,B.jsx)(te,{className:`flex-1`}),(0,B.jsx)(y,{tone:N.tone,expanded:D,onClick:()=>O(e=>!e),children:N.label}),(0,B.jsx)(h,{variant:`ghost`,size:`icon-sm`,title:`New chat`,"aria-label":`Start a new conversation`,onClick:()=>{P(`chat`),r.clear()},children:(0,B.jsx)(et,{className:`size-3.5`})}),(0,B.jsx)(h,{variant:`ghost`,size:`icon-sm`,title:`Minimize to a rail on the page`,"aria-label":`Minimize to a rail on the page`,onClick:le,children:(0,B.jsx)(We,{className:`size-3.5`})})]}),D&&(0,B.jsx)(Vt,{onClose:()=>O(!1)}),(0,B.jsx)(Zt,{tab:T,counts:we,onSelect:P}),(0,B.jsx)(ar,{sessions:r.sessions,activeSessionId:r.sessionId,onFocus:e=>{P(`chat`),r.focusSession(e)},onEnd:r.endSession}),I&&(0,B.jsxs)(`div`,{className:`max-h-[45%] shrink-0 overflow-y-auto px-3 pt-2`,children:[Ce&&(0,B.jsxs)(`button`,{type:`button`,onClick:()=>P(`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,B.jsx)(`span`,{className:`glow-dot size-1.5 shrink-0 animate-pulse rounded-full bg-brand text-brand`}),(0,B.jsx)(`span`,{className:`flex-1 text-xs text-ink`,children:Se===1?`A run is in progress`:`${Se} runs are in progress`}),(0,B.jsx)(`span`,{className:`shrink-0 font-mono text-[10px] tracking-[0.12em] text-brand uppercase`,children:`Watch`})]}),r.recording&&(0,B.jsx)($t,{state:r.recording,onStop:r.stopRecording}),r.monitors.map(e=>(0,B.jsx)(Kt,{state:e,onStop:()=>r.stopMonitor(e.monitorId)},e.monitorId)),r.draft&&(0,B.jsx)(gr,{draft:r.draft,onActivate:r.activateMap,onDiscard:r.discardMap})]}),(0,B.jsxs)(`div`,{className:`relative min-h-0 flex-1`,children:[(0,B.jsxs)(Ri,{viewportRef:k,className:`h-full`,children:[T===`chat`?r.items.length===0?(0,B.jsx)(Wt,{blocker:N.blocker,voiceOn:i&&M.supported,onGo:P,onFix:()=>O(!0),onUse:M.setInput}):(0,B.jsx)(Gn,{items:r.items,running:r.running,onDecide:r.decide}):T===`history`?(0,B.jsx)($n,{sessions:c,currentId:r.sessionId??void 0,busy:r.running,onOpen:fe,onRemove:e=>void re(e)}):T===`skills`?(0,B.jsx)(vr,{tabUrl:d,connected:j,onMapSite:he,mapping:r.running}):T===`settings`?(0,B.jsx)(dr,{}):(0,B.jsx)(dn,{tabUrl:d,recordings:l,recording:r.recording,busy:r.running,onStart:r.startRecording,onStop:r.stopRecording,onReplay:me,onRemove:e=>void ee(e)}),(0,B.jsx)(`div`,{className:`h-3`})]}),T===`chat`&&!A&&r.items.length>0&&(0,B.jsxs)(h,{size:`sm`,variant:`outline`,className:`enters absolute bottom-3 left-1/2 -translate-x-1/2 backdrop-blur`,onClick:se,children:[(0,B.jsx)(xe,{className:`size-3`}),` Latest`]})]}),T===`chat`&&(0,B.jsx)(`footer`,{className:`shrink-0 border-t border-line p-3`,children:(0,B.jsx)(It,{voice:M,voiceEnabled:i,connected:j,running:r.running,files:s,attachError:f,catalog:e?.skillCatalog,tabUrl:d,attachedSkill:_,focus:x,picking:C,onAttachSkill:v,onSend:ue,onStop:r.cancel,onToggleVoice:F,onPick:()=>void ge(),onClearFocus:()=>S(null),onAttachPage:()=>void _e(),onAttachFile:e=>void ve(e),onRemoveFile:e=>void o(e)})})]})}function Xi(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)})}lt.createRoot(document.getElementById(`root`)).render((0,B.jsx)(R.StrictMode,{children:(0,B.jsx)(Yi,{})}));