@xopcai/xopc 0.0.239 → 0.0.241

package/dist/gateway/static/root/assets/browser-settings-page-D1GPwIfx.js

@@ -0,0 +1,8 @@
+import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t,n,t as r}from"./vendor-react-BOUWij0V.js";import{p as i}from"./chunk-KS7C4IRE-BaASWQor.js";import{n as a,r as o}from"./popover-select-DrILF6mR.js";import{t as s}from"./circle-check-C23XjkUj.js";import{t as c}from"./cloud-C4-yfnnk.js";import{t as l}from"./download-Dk-ZjtO6.js";import{t as u}from"./external-link-DjqjBmc3.js";import{t as d}from"./globe-DSSGFWFn.js";import{t as f}from"./loader-circle-CifKLtgG.js";import{t as p}from"./cn-JdwAhgNB.js";import{t as m}from"./button-CSEbl4zT.js";import{a as h,o as g,s as _}from"./form-field-width-DJw_jULe.js";import{t as v}from"./copy-to-clipboard-HOJ79TWv.js";import{t as y}from"./messages-_tYhRAHD.js";import{a as b,i as x,n as S,r as C,s as w}from"./locale-store-C5wr3_pc.js";import{n as T,r as E}from"./gateway-config-swr-Bxe_R-JH.js";import{$s as D,El as O,Es as k,Fa as A,Fs as j,Is as M,Js as N,Ko as P,Ms as F,Na as I,Pa as L,Qo as R,Qs as z,Ws as B,Zn as V,Zs as H,dc as ee,es as U,fs as te,gl as W,hl as ne,hs as G,is as K,ol as re,ta as ie,yl as ae}from"./index-7i2P3312.js";import{n as oe,r as se,t as ce}from"./settings-page-layout-BRQNel6r.js";import{n as le}from"./settings-loading-skeleton-CAmWMaOT.js";import{n as ue,t as q}from"./settings-form-section-DjWzRk4z.js";import{n as de,t as fe}from"./use-autosave-W_P8Kiv4.js";import{t as pe}from"./page-tabs-BaEQMYm_.js";import{t as me}from"./settings-advanced-gate-CYCCUMEt.js";import{a as he,c as ge,d as _e,u as ve}from"./gateway-config-api-cTj71t2a.js";import{t as ye}from"./tab-completion-input-D64VNmiA.js";var J=e(t(),1),Y=n(),X=r();function Z(e){let t=(0,Y.c)(8),{label:n,description:r,children:i}=e,a;t[0]===n?a=t[1]:(a=(0,X.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:n}),t[0]=n,t[1]=a);let o;t[2]===r?o=t[3]:(o=(0,X.jsx)(`p`,{className:`text-xs leading-relaxed text-fg-subtle`,children:r}),t[2]=r,t[3]=o);let s;return t[4]!==i||t[5]!==a||t[6]!==o?(s=(0,X.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[a,i,o]}),t[4]=i,t[5]=a,t[6]=o,t[7]=s):s=t[7],s}function Q(){return p(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,_,`dark:border-edge`)}function be(){return p(g,h)}function xe(e){switch(e){case`ready`:return`bg-emerald-500`;case`not_installed`:case`checking`:return`bg-amber-500`;case`error`:return`bg-red-500`;default:return`bg-fg-subtle/60`}}function Se(e){let t=(0,Y.c)(28),{value:n,onChange:r,onOpenConfig:i,options:o,m:s}=e,c;if(t[0]!==s.browserGoToConfigure||t[1]!==s.browserPickerSubtitle||t[2]!==s.browserPickerTitle||t[3]!==r||t[4]!==i||t[5]!==o||t[6]!==n){let e=o.find(e=>e.value===n)??o[0],l;t[8]===s.browserPickerTitle?l=t[9]:(l=(0,X.jsx)(`label`,{htmlFor:`browser-backend-select`,className:`text-sm font-medium text-fg`,children:s.browserPickerTitle}),t[8]=s.browserPickerTitle,t[9]=l);let u;t[10]===s.browserPickerSubtitle?u=t[11]:(u=(0,X.jsx)(`p`,{className:`text-xs leading-relaxed text-fg-muted`,children:s.browserPickerSubtitle}),t[10]=s.browserPickerSubtitle,t[11]=u);let d;t[12]!==l||t[13]!==u?(d=(0,X.jsxs)(`div`,{className:`flex flex-col gap-0.5`,children:[l,u]}),t[12]=l,t[13]=u,t[14]=d):d=t[14];let f;t[15]===Symbol.for(`react.memo_cache_sentinel`)?(f=p(be(),`min-w-0 flex-1 sm:max-w-md`),t[15]=f):f=t[15];let m;t[16]===r?m=t[17]:(m=e=>r(e.target.value),t[16]=r,t[17]=m);let h=s.browserPickerTitle,g;t[18]===o?g=t[19]:(g=o.map(Ce),t[18]=o,t[19]=g);let _;t[20]!==s.browserPickerTitle||t[21]!==m||t[22]!==g||t[23]!==n?(_=(0,X.jsx)(a,{id:`browser-backend-select`,className:f,value:n,onChange:m,"aria-label":h,children:g}),t[20]=s.browserPickerTitle,t[21]=m,t[22]=g,t[23]=n,t[24]=_):_=t[24];let v=i?(0,X.jsxs)(`button`,{type:`button`,className:p(`inline-flex shrink-0 items-center justify-center gap-1 rounded-lg border border-edge bg-surface-panel px-3 py-2 text-xs font-medium text-accent`,`transition-colors hover:border-edge-strong hover:bg-surface-hover`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base`),onClick:()=>i(n),"aria-label":`${e?.name??n} — ${s.browserGoToConfigure}`,children:[(0,X.jsx)(`span`,{children:s.browserGoToConfigure}),(0,X.jsx)(O,{className:`size-4 shrink-0`,"aria-hidden":!0})]}):null,y;t[25]!==v||t[26]!==_?(y=(0,X.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-start sm:gap-2`,children:[_,v]}),t[25]=v,t[26]=_,t[27]=y):y=t[27],c=(0,X.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[d,y,e?(0,X.jsxs)(`div`,{className:`flex flex-col gap-1.5 rounded-lg bg-surface-panel/80 px-3 py-2.5 shadow-surface`,children:[(0,X.jsx)(`div`,{className:`flex flex-wrap items-center gap-2`,children:e.statusLabel?(0,X.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 text-[11px] font-medium text-fg-muted`,"aria-label":e.statusLabel,children:[(0,X.jsx)(`span`,{className:p(`inline-block size-1.5 rounded-full`,xe(e.status)),"aria-hidden":!0}),e.statusLabel]}):null}),(0,X.jsx)(`p`,{className:`text-xs leading-relaxed text-fg-muted`,children:e.tagline})]}):null]}),t[0]=s.browserGoToConfigure,t[1]=s.browserPickerSubtitle,t[2]=s.browserPickerTitle,t[3]=r,t[4]=i,t[5]=o,t[6]=n,t[7]=c}else c=t[7];return c}function Ce(e){return(0,X.jsx)(o,{value:e.value,children:e.name},e.value)}function we(e){return`browser-focus-${e}`}function Te(e){switch(e){case`connection`:case`extension`:case`local`:case`cloak`:case`cdp`:case`cloud`:case`runtime`:case`security`:return e;default:return null}}function Ee(e){let t=(0,Y.c)(95),{a:n,form:r,update:i}=e,s;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(s=we(`runtime`),t[0]=s):s=t[0];let c;t[1]===n.browserBehaviorShow?c=t[2]:(c=(0,X.jsx)(ue,{icon:F,title:n.browserBehaviorShow}),t[1]=n.browserBehaviorShow,t[2]=c);let l;t[3]===i?l=t[4]:(l=e=>i({browserHeadless:e.target.checked}),t[3]=i,t[4]=l);let u;t[5]!==r.browserHeadless||t[6]!==l?(u=(0,X.jsx)(`input`,{type:`checkbox`,className:`size-3.5 shrink-0 rounded border-edge`,checked:r.browserHeadless,onChange:l}),t[5]=r.browserHeadless,t[6]=l,t[7]=u):u=t[7];let d;t[8]===n.browserHeadlessOn?d=t[9]:(d=(0,X.jsx)(`span`,{children:n.browserHeadlessOn}),t[8]=n.browserHeadlessOn,t[9]=d);let f;t[10]!==u||t[11]!==d?(f=(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2 text-sm text-fg`,children:[u,d]}),t[10]=u,t[11]=d,t[12]=f):f=t[12];let p;t[13]!==n.desc.browserHeadless||t[14]!==n.label.browserHeadless||t[15]!==f?(p=(0,X.jsx)(Z,{label:n.label.browserHeadless,description:n.desc.browserHeadless,children:f}),t[13]=n.desc.browserHeadless,t[14]=n.label.browserHeadless,t[15]=f,t[16]=p):p=t[16];let m=n.label.browserDialogPolicy,h=n.desc.browserDialogPolicy,g;t[17]===Symbol.for(`react.memo_cache_sentinel`)?(g=be(),t[17]=g):g=t[17];let _;t[18]===i?_=t[19]:(_=e=>i({browserDialogPolicy:e.target.value}),t[18]=i,t[19]=_);let v;t[20]===n.browserDialogPolicyMustRespond?v=t[21]:(v=(0,X.jsx)(o,{value:`must_respond`,children:n.browserDialogPolicyMustRespond}),t[20]=n.browserDialogPolicyMustRespond,t[21]=v);let y;t[22]===n.browserDialogPolicyAutoDismiss?y=t[23]:(y=(0,X.jsx)(o,{value:`auto_dismiss`,children:n.browserDialogPolicyAutoDismiss}),t[22]=n.browserDialogPolicyAutoDismiss,t[23]=y);let b;t[24]===n.browserDialogPolicyAutoAccept?b=t[25]:(b=(0,X.jsx)(o,{value:`auto_accept`,children:n.browserDialogPolicyAutoAccept}),t[24]=n.browserDialogPolicyAutoAccept,t[25]=b);let x;t[26]!==r.browserDialogPolicy||t[27]!==_||t[28]!==v||t[29]!==y||t[30]!==b?(x=(0,X.jsxs)(a,{className:g,value:r.browserDialogPolicy,onChange:_,children:[v,y,b]}),t[26]=r.browserDialogPolicy,t[27]=_,t[28]=v,t[29]=y,t[30]=b,t[31]=x):x=t[31];let S;t[32]!==n.desc.browserDialogPolicy||t[33]!==n.label.browserDialogPolicy||t[34]!==x?(S=(0,X.jsx)(Z,{label:m,description:h,children:x}),t[32]=n.desc.browserDialogPolicy,t[33]=n.label.browserDialogPolicy,t[34]=x,t[35]=S):S=t[35];let C=n.label.browserDialogTimeout,w=n.desc.browserDialogTimeout,T;t[36]===Symbol.for(`react.memo_cache_sentinel`)?(T=Q(),t[36]=T):T=t[36];let E=r.browserDialogTimeout??``,D;t[37]===i?D=t[38]:(D=e=>i({browserDialogTimeout:Number.parseInt(e,10)}),t[37]=i,t[38]=D);let O;t[39]===i?O=t[40]:(O=e=>{let t=e.target.value;i({browserDialogTimeout:t===``?void 0:Number.parseInt(t,10)})},t[39]=i,t[40]=O);let k;t[41]!==E||t[42]!==D||t[43]!==O?(k=(0,X.jsx)(ye,{type:`number`,className:T,min:1,value:E,suggestion:`300`,onAcceptSuggestion:D,placeholder:`300`,onChange:O}),t[41]=E,t[42]=D,t[43]=O,t[44]=k):k=t[44];let A;t[45]!==n.desc.browserDialogTimeout||t[46]!==n.label.browserDialogTimeout||t[47]!==k?(A=(0,X.jsx)(Z,{label:C,description:w,children:k}),t[45]=n.desc.browserDialogTimeout,t[46]=n.label.browserDialogTimeout,t[47]=k,t[48]=A):A=t[48];let j;t[49]!==S||t[50]!==A||t[51]!==p?(j=(0,X.jsxs)(`div`,{className:`grid gap-5 sm:grid-cols-2`,children:[p,S,A]}),t[49]=S,t[50]=A,t[51]=p,t[52]=j):j=t[52];let N;t[53]!==c||t[54]!==j?(N=(0,X.jsx)(`div`,{id:s,className:`scroll-mt-24`,children:(0,X.jsxs)(q,{children:[c,j]})}),t[53]=c,t[54]=j,t[55]=N):N=t[55];let P;t[56]===Symbol.for(`react.memo_cache_sentinel`)?(P=we(`security`),t[56]=P):P=t[56];let I;t[57]===n.browserSecurityShow?I=t[58]:(I=(0,X.jsx)(ue,{icon:M,title:n.browserSecurityShow}),t[57]=n.browserSecurityShow,t[58]=I);let L;t[59]===i?L=t[60]:(L=e=>i({browserAllowPrivateUrls:e.target.checked}),t[59]=i,t[60]=L);let R;t[61]!==r.browserAllowPrivateUrls||t[62]!==L?(R=(0,X.jsx)(`input`,{type:`checkbox`,className:`size-3.5 shrink-0 rounded border-edge`,checked:r.browserAllowPrivateUrls,onChange:L}),t[61]=r.browserAllowPrivateUrls,t[62]=L,t[63]=R):R=t[63];let z;t[64]===n.browserAllowPrivateOn?z=t[65]:(z=(0,X.jsx)(`span`,{children:n.browserAllowPrivateOn}),t[64]=n.browserAllowPrivateOn,t[65]=z);let B;t[66]!==R||t[67]!==z?(B=(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2 text-sm text-fg`,children:[R,z]}),t[66]=R,t[67]=z,t[68]=B):B=t[68];let V;t[69]!==n.desc.browserAllowPrivateUrls||t[70]!==n.label.browserAllowPrivateUrls||t[71]!==B?(V=(0,X.jsx)(Z,{label:n.label.browserAllowPrivateUrls,description:n.desc.browserAllowPrivateUrls,children:B}),t[69]=n.desc.browserAllowPrivateUrls,t[70]=n.label.browserAllowPrivateUrls,t[71]=B,t[72]=V):V=t[72];let H=n.label.browserCommandTimeout,ee=n.desc.browserCommandTimeout,U;t[73]===Symbol.for(`react.memo_cache_sentinel`)?(U=Q(),t[73]=U):U=t[73];let te=r.browserCommandTimeout??``,W;t[74]===i?W=t[75]:(W=e=>i({browserCommandTimeout:Number.parseInt(e,10)}),t[74]=i,t[75]=W);let ne;t[76]===i?ne=t[77]:(ne=e=>{let t=e.target.value;i({browserCommandTimeout:t===``?void 0:Number.parseInt(t,10)})},t[76]=i,t[77]=ne);let G;t[78]!==te||t[79]!==W||t[80]!==ne?(G=(0,X.jsx)(ye,{type:`number`,className:U,min:5,value:te,suggestion:`30`,onAcceptSuggestion:W,placeholder:`30`,onChange:ne}),t[78]=te,t[79]=W,t[80]=ne,t[81]=G):G=t[81];let K;t[82]!==n.desc.browserCommandTimeout||t[83]!==n.label.browserCommandTimeout||t[84]!==G?(K=(0,X.jsx)(Z,{label:H,description:ee,children:G}),t[82]=n.desc.browserCommandTimeout,t[83]=n.label.browserCommandTimeout,t[84]=G,t[85]=K):K=t[85];let re;t[86]!==V||t[87]!==K?(re=(0,X.jsxs)(`div`,{className:`grid gap-5 sm:grid-cols-2`,children:[V,K]}),t[86]=V,t[87]=K,t[88]=re):re=t[88];let ie;t[89]!==I||t[90]!==re?(ie=(0,X.jsx)(`div`,{id:P,className:`scroll-mt-24`,children:(0,X.jsxs)(q,{className:`border border-amber-500/20`,children:[I,re]})}),t[89]=I,t[90]=re,t[91]=ie):ie=t[91];let ae;return t[92]!==N||t[93]!==ie?(ae=(0,X.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[N,ie]}),t[92]=N,t[93]=ie,t[94]=ae):ae=t[94],ae}function De(e){let t=(0,Y.c)(9),{language:n,label:r,className:i}=e,a;t[0]===n?a=t[1]:(a=P(n),t[0]=n,t[1]=a);let o;t[2]===i?o=t[3]:(o=p(`inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40`,i),t[2]=i,t[3]=o);let s;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(s=(0,X.jsx)(u,{className:`size-3 shrink-0`,"aria-hidden":!0}),t[4]=s):s=t[4];let c;return t[5]!==r||t[6]!==a||t[7]!==o?(c=(0,X.jsxs)(`a`,{href:a,target:`_blank`,rel:`noreferrer`,className:o,children:[r,s]}),t[5]=r,t[6]=a,t[7]=o,t[8]=c):c=t[8],c}function Oe(e){let t=(0,Y.c)(27),{title:n,description:r,recommended:i,recommendedLabel:a,icon:o,onSelect:s,selectLabel:c}=e,l=`${n} — ${c}`,u;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(u=p(`group flex w-full flex-col rounded-xl bg-surface-panel/80 p-3 text-left shadow-surface transition-colors`,`hover:bg-surface-hover/40`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`),t[0]=u):u=t[0];let d;t[1]===o?d=t[2]:(d=(0,X.jsx)(`span`,{className:`flex size-8 shrink-0 items-center justify-center rounded-lg bg-surface-hover text-fg-muted`,children:(0,X.jsx)(o,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0})}),t[1]=o,t[2]=d);let f;t[3]===n?f=t[4]:(f=(0,X.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:n}),t[3]=n,t[4]=f);let m;t[5]!==i||t[6]!==a?(m=i&&a?(0,X.jsx)(`span`,{className:`rounded-full bg-accent/15 px-2 py-0.5 text-[10px] font-medium text-accent`,children:a}):null,t[5]=i,t[6]=a,t[7]=m):m=t[7];let h;t[8]!==f||t[9]!==m?(h=(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[f,m]}),t[8]=f,t[9]=m,t[10]=h):h=t[10];let g;t[11]===r?g=t[12]:(g=(0,X.jsx)(`p`,{className:`mt-1 text-xs leading-relaxed text-fg-muted`,children:r}),t[11]=r,t[12]=g);let _;t[13]!==h||t[14]!==g?(_=(0,X.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[h,g]}),t[13]=h,t[14]=g,t[15]=_):_=t[15];let v;t[16]===Symbol.for(`react.memo_cache_sentinel`)?(v=(0,X.jsx)(O,{className:`mt-0.5 size-4 shrink-0 text-fg-subtle transition-transform group-hover:translate-x-0.5`,"aria-hidden":!0}),t[16]=v):v=t[16];let y;t[17]!==d||t[18]!==_?(y=(0,X.jsxs)(`div`,{className:`flex items-start gap-3`,children:[d,_,v]}),t[17]=d,t[18]=_,t[19]=y):y=t[19];let b;t[20]===c?b=t[21]:(b=(0,X.jsx)(`span`,{className:`mt-2 text-[11px] font-medium text-accent`,children:c}),t[20]=c,t[21]=b);let x;return t[22]!==s||t[23]!==l||t[24]!==y||t[25]!==b?(x=(0,X.jsxs)(`button`,{type:`button`,onClick:s,"aria-label":l,className:u,children:[y,b]}),t[22]=s,t[23]=l,t[24]=y,t[25]=b,t[26]=x):x=t[26],x}function ke(e){let t=(0,Y.c)(25),{m:n,onStart:r}=e,i=V(Ae),a;t[0]!==n.browserBackendCloakBrowser||t[1]!==n.browserModeCloakTagline||t[2]!==n.browserSetupCloudDesc||t[3]!==n.browserSetupCloudTitle||t[4]!==n.browserSetupExtDesc||t[5]!==n.browserSetupExtTitle||t[6]!==n.browserSetupLocalDesc||t[7]!==n.browserSetupLocalTitle||t[8]!==i?(a=[{id:`extension`,icon:N,title:n.browserSetupExtTitle,description:n.browserSetupExtDesc,recommended:!0},{id:`cloakbrowser`,icon:j,title:n.browserBackendCloakBrowser,description:n.browserModeCloakTagline},{id:`local`,icon:ee,title:n.browserSetupLocalTitle,description:n.browserSetupLocalDesc},{id:`cloud`,icon:c,title:n.browserSetupCloudTitle,description:n.browserSetupCloudDesc}].filter(e=>ve(e.id,i)),t[0]=n.browserBackendCloakBrowser,t[1]=n.browserModeCloakTagline,t[2]=n.browserSetupCloudDesc,t[3]=n.browserSetupCloudTitle,t[4]=n.browserSetupExtDesc,t[5]=n.browserSetupExtTitle,t[6]=n.browserSetupLocalDesc,t[7]=n.browserSetupLocalTitle,t[8]=i,t[9]=a):a=t[9];let o=a,s;t[10]===n.browserSetupTitle?s=t[11]:(s=(0,X.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:n.browserSetupTitle}),t[10]=n.browserSetupTitle,t[11]=s);let l;t[12]===n.browserSetupSubtitle?l=t[13]:(l=(0,X.jsx)(`p`,{className:`mt-1 text-xs leading-relaxed text-fg-muted`,children:n.browserSetupSubtitle}),t[12]=n.browserSetupSubtitle,t[13]=l);let u;t[14]!==s||t[15]!==l?(u=(0,X.jsxs)(`div`,{children:[s,l]}),t[14]=s,t[15]=l,t[16]=u):u=t[16];let d;t[17]!==n.browserSetupRecommended||t[18]!==n.browserSetupSelect||t[19]!==o||t[20]!==r?(d=(0,X.jsx)(`div`,{className:`flex flex-col gap-2`,children:o.map(e=>(0,X.jsx)(Oe,{icon:e.icon,title:e.title,description:e.description,recommended:e.recommended,recommendedLabel:n.browserSetupRecommended,selectLabel:n.browserSetupSelect,onSelect:()=>r(e.id)},e.id))}),t[17]=n.browserSetupRecommended,t[18]=n.browserSetupSelect,t[19]=o,t[20]=r,t[21]=d):d=t[21];let f;return t[22]!==u||t[23]!==d?(f=(0,X.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-xl bg-surface-base p-4`,children:[u,d]}),t[22]=u,t[23]=d,t[24]=f):f=t[24],f}function Ae(e){return e.mode}function je(e){if(e.kind===`loading`)return`checking`;if(e.kind===`error`)return`error`;if(e.kind===`ok`)return e.data.installed?`ready`:`not_installed`}function Me(e,t){if(e)return{ready:t.browserStatusReady,not_installed:t.browserStatusNotInstalled,checking:t.browserStatusChecking,unknown:t.browserStatusUnknown,error:t.browserStatusError}[e]}function Ne(e){if(e.kind!==`idle`)return e.kind===`loading`?`checking`:e.kind===`error`?`error`:e.data.connected?`ready`:(e.data.running,`not_installed`)}function Pe(e,t){if(e.kind!==`idle`)return e.kind===`loading`?t.browserStatusChecking:e.kind===`error`?t.browserStatusError:e.data.connected?t.browserExtensionConnected:e.data.running?t.browserExtensionWaiting:t.browserExtensionServerOff}var Fe=[`overview`,`extension`,`local`,`cloakbrowser`,`cdp`,`cloud`],Ie=[`extension`,`local`,`cloakbrowser`,`cdp`,`cloud`],Le={connection:`overview`,extension:`extension`,local:`local`,cloak:`cloakbrowser`,cdp:`cdp`,cloud:`cloud`,runtime:`overview`,security:`overview`};function Re(e){let t=(e??``).trim();return t===`behavior`?`overview`:Fe.includes(t)?t:`overview`}function ze(e){return Ie.includes(e)}function Be(e){let t=(0,Y.c)(46),{icon:n,title:r,description:i,status:a,statusDetail:o,primaryAction:s,children:c,advanced:l,m:u,embedded:d,sectionTitle:f,advancedTitle:p}=e,m=d===void 0?!1:d,h;t[0]!==l||t[1]!==p?(h=l?(0,X.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[p?(0,X.jsx)(`h4`,{className:`text-sm font-medium text-fg`,children:p}):null,l]}):null,t[0]=l,t[1]=p,t[2]=h):h=t[2];let g=h;if(m){let e;t[3]!==i||t[4]!==f?(e=f?(0,X.jsxs)(`div`,{className:`flex flex-col gap-0.5`,children:[(0,X.jsx)(`h4`,{className:`text-sm font-medium text-fg`,children:f}),i?(0,X.jsx)(`p`,{className:`text-xs leading-relaxed text-fg-muted`,children:i}):null]}):null,t[3]=i,t[4]=f,t[5]=e):e=t[5];let n;t[6]!==u||t[7]!==s||t[8]!==a||t[9]!==o?(n=a||s?(0,X.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[a?(0,X.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,X.jsx)(Ve,{kind:a,detail:o,m:u})}):(0,X.jsx)(`span`,{}),s?(0,X.jsx)(`div`,{className:`shrink-0`,children:s}):null]}):null,t[6]=u,t[7]=s,t[8]=a,t[9]=o,t[10]=n):n=t[10];let r;t[11]===c?r=t[12]:(r=c?(0,X.jsx)(`div`,{className:`flex flex-col gap-4`,children:c}):null,t[11]=c,t[12]=r);let l;return t[13]!==g||t[14]!==e||t[15]!==n||t[16]!==r?(l=(0,X.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e,n,r,g]}),t[13]=g,t[14]=e,t[15]=n,t[16]=r,t[17]=l):l=t[17],l}let _;t[18]===n?_=t[19]:(_=(0,X.jsx)(`div`,{className:`flex size-9 shrink-0 items-center justify-center rounded-lg bg-surface-hover text-fg-muted`,children:(0,X.jsx)(n,{className:`size-4`,strokeWidth:1.75})}),t[18]=n,t[19]=_);let v;t[20]===r?v=t[21]:(v=(0,X.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:r}),t[20]=r,t[21]=v);let y;t[22]!==u||t[23]!==a||t[24]!==o?(y=a?(0,X.jsx)(Ve,{kind:a,detail:o,m:u}):null,t[22]=u,t[23]=a,t[24]=o,t[25]=y):y=t[25];let b;t[26]!==v||t[27]!==y?(b=(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[v,y]}),t[26]=v,t[27]=y,t[28]=b):b=t[28];let x;t[29]===i?x=t[30]:(x=(0,X.jsx)(`p`,{className:`text-xs leading-relaxed text-fg-muted`,children:i}),t[29]=i,t[30]=x);let S;t[31]!==b||t[32]!==x?(S=(0,X.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-1`,children:[b,x]}),t[31]=b,t[32]=x,t[33]=S):S=t[33];let C;t[34]===s?C=t[35]:(C=s?(0,X.jsx)(`div`,{className:`shrink-0`,children:s}):null,t[34]=s,t[35]=C);let w;t[36]!==_||t[37]!==S||t[38]!==C?(w=(0,X.jsxs)(`div`,{className:`flex items-start gap-3`,children:[_,S,C]}),t[36]=_,t[37]=S,t[38]=C,t[39]=w):w=t[39];let T;t[40]===c?T=t[41]:(T=c?(0,X.jsx)(`div`,{className:`flex flex-col gap-4`,children:c}):null,t[40]=c,t[41]=T);let E;return t[42]!==g||t[43]!==w||t[44]!==T?(E=(0,X.jsxs)(`div`,{className:`flex flex-col gap-4 rounded-xl bg-surface-panel/80 p-4 shadow-surface`,children:[w,T,g]}),t[42]=g,t[43]=w,t[44]=T,t[45]=E):E=t[45],E}function Ve(e){let t=(0,Y.c)(27),{kind:n,detail:r,m:i}=e,a,o,c,l;if(t[0]!==n||t[1]!==i.browserStatusChecking||t[2]!==i.browserStatusError||t[3]!==i.browserStatusNotInstalled||t[4]!==i.browserStatusReady||t[5]!==i.browserStatusUnknown){let{icon:e,color:r,label:u}={ready:{icon:s,color:`text-green-600 dark:text-green-400`,label:i.browserStatusReady},not_installed:{icon:G,color:`text-amber-600 dark:text-amber-400`,label:i.browserStatusNotInstalled},checking:{icon:f,color:`text-fg-muted`,label:i.browserStatusChecking},unknown:{icon:ae,color:`text-fg-muted`,label:i.browserStatusUnknown},error:{icon:W,color:`text-red-600 dark:text-red-400`,label:i.browserStatusError}}[n];a=e,o=u,l=`inline-flex min-w-0 flex-col items-start gap-1`,c=p(`inline-flex shrink-0 items-center gap-1 whitespace-nowrap text-xs font-medium`,r),t[0]=n,t[1]=i.browserStatusChecking,t[2]=i.browserStatusError,t[3]=i.browserStatusNotInstalled,t[4]=i.browserStatusReady,t[5]=i.browserStatusUnknown,t[6]=a,t[7]=o,t[8]=c,t[9]=l}else a=t[6],o=t[7],c=t[8],l=t[9];let u=n===`checking`&&`animate-spin`,d;t[10]===u?d=t[11]:(d=p(`size-3.5 shrink-0`,u),t[10]=u,t[11]=d);let m;t[12]!==a||t[13]!==d?(m=(0,X.jsx)(a,{className:d}),t[12]=a,t[13]=d,t[14]=m):m=t[14];let h;t[15]===o?h=t[16]:(h=(0,X.jsx)(`span`,{children:o}),t[15]=o,t[16]=h);let g;t[17]!==c||t[18]!==m||t[19]!==h?(g=(0,X.jsxs)(`span`,{className:c,children:[m,h]}),t[17]=c,t[18]=m,t[19]=h,t[20]=g):g=t[20];let _;t[21]===r?_=t[22]:(_=r?(0,X.jsx)(`span`,{className:`break-all font-mono text-[11px] leading-snug text-fg-subtle`,children:r}):null,t[21]=r,t[22]=_);let v;return t[23]!==l||t[24]!==g||t[25]!==_?(v=(0,X.jsxs)(`span`,{className:l,children:[g,_]}),t[23]=l,t[24]=g,t[25]=_,t[26]=v):v=t[26],v}function He(e){let t=(0,Y.c)(5),{kind:n,message:r}=e,i=n===`success`?`border-green-500/30 bg-green-500/10 text-green-700 dark:text-green-300`:`border-red-500/30 bg-red-500/10 text-red-600 dark:text-red-300`,a;t[0]===i?a=t[1]:(a=p(`rounded-lg border px-3 py-2 text-xs leading-relaxed`,i),t[0]=i,t[1]=a);let o;return t[2]!==r||t[3]!==a?(o=(0,X.jsx)(`div`,{className:a,children:r}),t[2]=r,t[3]=a,t[4]=o):o=t[4],o}var Ue={instances:[],launchStatus:`idle`,launchMessage:null,testStatus:`idle`,testMessage:null,executablePath:``};function We({m:e,cdpUrl:t,onCdpUrlChange:n,launch:r,stop:i,listInstances:a,ping:o,embedded:s=!1}){let[c,l]=(0,J.useReducer)(A,Ue),{instances:u,launchStatus:d,launchMessage:p,testStatus:m,testMessage:h,executablePath:g}=c,_=(0,J.useCallback)(async()=>{try{l({type:`patch`,patch:{instances:await a()}})}catch{}},[a]);(0,J.useEffect)(()=>{_();let e=setInterval(()=>void _(),8e3);return()=>clearInterval(e)},[_]);let v=(0,J.useCallback)(async()=>{if(d!==`pending`){l({type:`patch`,patch:{launchStatus:`pending`,launchMessage:null}});try{let t=await r(g.trim()||void 0);l({type:`patch`,patch:{launchStatus:`ok`,launchMessage:e.browserCdpLaunchedAtPort.replace(`{{port}}`,String(t.port))}}),n(t.wsEndpoint),await _()}catch(e){l({type:`patch`,patch:{launchStatus:`error`,launchMessage:e instanceof Error?e.message:String(e)}})}}},[g,r,d,e.browserCdpLaunchedAtPort,n,_]),y=(0,J.useCallback)(async e=>{await i(e),await _()},[_,i]),b=(0,J.useCallback)(async()=>{if(t.trim()){l({type:`patch`,patch:{testStatus:`pending`,testMessage:null}});try{let n=await o(t.trim());n.reachable?l({type:`patch`,patch:{testStatus:`ok`,testMessage:e.browserCdpReachable.replace(`{{browser}}`,n.browser??`—`)}}):l({type:`patch`,patch:{testStatus:`error`,testMessage:e.browserCdpUnreachable.replace(`{{error}}`,n.error??`—`)}})}catch(t){l({type:`patch`,patch:{testStatus:`error`,testMessage:e.browserCdpUnreachable.replace(`{{error}}`,t instanceof Error?t.message:String(t))}})}}},[t,e.browserCdpReachable,e.browserCdpUnreachable,o]);return(0,X.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,X.jsxs)(Be,{icon:z,title:e.browserCdpLaunchLocal,description:e.browserCdpLaunchLocalDesc,m:e,embedded:s,sectionTitle:s?e.browserCdpLaunchLocal:void 0,primaryAction:(0,X.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 py-1.5 text-xs font-medium text-fg hover:bg-surface-raised disabled:cursor-not-allowed disabled:opacity-60`,disabled:d===`pending`,onClick:()=>void v(),children:[d===`pending`?(0,X.jsx)(f,{className:`size-3.5 animate-spin`}):(0,X.jsx)(z,{className:`size-3.5`}),d===`pending`?e.browserCdpLaunching:e.browserCdpLaunchLocal]}),children:[p?(0,X.jsx)(He,{kind:d===`error`?`error`:`success`,message:p}):null,(0,X.jsx)(Z,{label:e.browserCdpChromePath,description:e.browserCdpChromePathDesc,children:(0,X.jsx)(`input`,{type:`text`,className:Q(),value:g,placeholder:`/Applications/Google Chrome.app/Contents/MacOS/Google Chrome`,onChange:e=>l({type:`patch`,patch:{executablePath:e.target.value}}),autoComplete:`off`})}),u.length>0?(0,X.jsx)(`div`,{className:`flex flex-col gap-2 rounded-lg bg-surface-base p-3 shadow-surface`,children:u.map(t=>(0,X.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,X.jsxs)(`div`,{className:`flex min-w-0 flex-col`,children:[(0,X.jsxs)(`span`,{className:`font-mono text-fg`,children:[`port `,t.port,` · pid `,t.pid]}),(0,X.jsx)(`span`,{className:`truncate text-fg-subtle`,children:t.wsEndpoint})]}),(0,X.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1 rounded-md border border-edge bg-surface-panel px-2 py-1 text-xs font-medium text-fg hover:bg-surface-raised`,onClick:()=>void y(t.port),children:[(0,X.jsx)(k,{className:`size-3`}),e.browserCdpStopLocal]})]},t.port))}):null]}),(0,X.jsxs)(Be,{icon:K,title:e.label.browserCdpUrl,description:e.desc.browserCdpUrl,m:e,embedded:s,sectionTitle:s?e.label.browserCdpUrl:void 0,primaryAction:(0,X.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 py-1.5 text-xs font-medium text-fg hover:bg-surface-raised disabled:cursor-not-allowed disabled:opacity-60`,disabled:!t.trim()||m===`pending`,onClick:()=>void b(),children:[m===`pending`?(0,X.jsx)(f,{className:`size-3.5 animate-spin`}):(0,X.jsx)(H,{className:`size-3.5`}),m===`pending`?e.browserCdpTesting:e.browserCdpTestConnection]}),children:[(0,X.jsx)(`input`,{type:`text`,className:Q(),value:t,placeholder:`ws://127.0.0.1:9222`,onChange:e=>n(e.target.value),autoComplete:`off`}),(0,X.jsx)(`p`,{className:`text-[11px] text-fg-subtle`,children:e.browserCdpLoopbackOnly}),h?(0,X.jsx)(He,{kind:m===`error`?`error`:`success`,message:h}):null]})]})}function Ge(e,t){let n=t.phase;if(!n)return e.browserInstallPhaseStarting;if(n===`downloading`)return t.percent==null?e.browserInstallPhaseDownloading:e.browserInstallPhaseDownloadingPercent.replace(`{{percent}}`,String(t.percent));switch(n){case`starting`:return e.browserInstallPhaseStarting;case`verifying`:return e.browserInstallPhaseVerifying;case`extracting`:return e.browserInstallPhaseExtracting;case`running`:return t.message??e.browserInstallPhaseRunning;case`ready`:return e.browserInstallPhaseReady;default:return t.message??e.browserInstallPhaseRunning}}function Ke(e){let t=(0,Y.c)(32),{m:n,progress:r,showLogs:i,onCancel:a,cancelling:o}=e,s=i===void 0?!1:i,c=o===void 0?!1:o;if(!r.phase)return null;let l;t[0]!==n||t[1]!==r?(l=Ge(n,r),t[0]=n,t[1]=r,t[2]=l):l=t[2];let u=l,d=r.percent==null?(r.phase===`extracting`||r.phase===`verifying`||r.phase===`running`||r.phase,null):Math.min(100,Math.max(0,r.percent)),f;t[3]===u?f=t[4]:(f=(0,X.jsx)(`span`,{className:`text-fg`,children:u}),t[3]=u,t[4]=f);let p;t[5]===d?p=t[6]:(p=d==null?null:(0,X.jsxs)(`span`,{className:`tabular-nums`,children:[d,`%`]}),t[5]=d,t[6]=p);let m;t[7]!==c||t[8]!==n||t[9]!==a?(m=a?(0,X.jsx)(`button`,{type:`button`,className:`rounded-md border border-edge px-2 py-0.5 text-[11px] font-medium text-fg-muted hover:bg-surface-raised hover:text-fg disabled:cursor-not-allowed disabled:opacity-60`,disabled:c,onClick:()=>void a(),children:c?n.browserInstallCancelling:n.browserInstallCancel}):null,t[7]=c,t[8]=n,t[9]=a,t[10]=m):m=t[10];let h;t[11]!==p||t[12]!==m?(h=(0,X.jsxs)(`div`,{className:`flex items-center gap-2`,children:[p,m]}),t[11]=p,t[12]=m,t[13]=h):h=t[13];let g;t[14]!==f||t[15]!==h?(g=(0,X.jsxs)(`div`,{className:`flex items-center justify-between gap-2 text-xs text-fg-muted`,children:[f,h]}),t[14]=f,t[15]=h,t[16]=g):g=t[16];let _;t[17]===d?_=t[18]:(_=(0,X.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-surface-raised`,children:d==null?(0,X.jsx)(`div`,{className:`h-full w-1/3 animate-pulse rounded-full bg-accent/70`}):(0,X.jsx)(`div`,{className:`h-full rounded-full bg-accent transition-[width] duration-300 ease-out`,style:{width:`${d}%`}})}),t[17]=d,t[18]=_);let v;t[19]!==r.lines||t[20]!==s?(v=s&&r.lines.length>0?(0,X.jsx)(`div`,{className:`max-h-28 overflow-y-auto rounded-md bg-surface-panel px-2 py-1.5 font-mono text-[10px] leading-relaxed text-fg-muted shadow-surface`,children:r.lines.map(qe)}):null,t[19]=r.lines,t[20]=s,t[21]=v):v=t[21];let y;t[22]!==r.message||t[23]!==r.percent||t[24]!==r.phase||t[25]!==s?(y=!s&&r.phase===`downloading`&&r.message&&r.percent==null?(0,X.jsx)(`p`,{className:`text-[11px] text-fg-subtle`,children:r.message}):null,t[22]=r.message,t[23]=r.percent,t[24]=r.phase,t[25]=s,t[26]=y):y=t[26];let b;return t[27]!==v||t[28]!==y||t[29]!==g||t[30]!==_?(b=(0,X.jsxs)(`div`,{className:`space-y-2 rounded-lg bg-surface-base px-3 py-2.5 shadow-surface`,children:[g,_,v,y]}),t[27]=v,t[28]=y,t[29]=g,t[30]=_,t[31]=b):b=t[31],b}function qe(e){return(0,X.jsx)(`div`,{className:`truncate`,children:e},e)}var Je={confirmOpen:!1,installStatus:`idle`,installMessage:null,openStatus:`idle`,openMessage:null,runtime:null};function Ye({m:e,doctor:t,refetch:n,applyDoctor:r,installStream:i,fetchRuntimeStatus:c,launchCloak:u,form:d,onChange:p,embedded:m=!1}){let[h,g]=(0,J.useReducer)(A,Je),{confirmOpen:_,installStatus:v,installMessage:y,openStatus:b,openMessage:x,runtime:S}=h,{progress:C,running:w,cancelling:T,run:E,reset:D,cancel:O}=i,k=t.kind===`ok`?t.data:null,M=k?.installed===!0,N=v===`installing`||w,P=(0,J.useCallback)(async()=>{if(M)try{g({type:`patch`,patch:{runtime:await c()}})}catch{}},[c,M]);(0,J.useEffect)(()=>{if(!M){g({type:`patch`,patch:{runtime:null}});return}P();let e=setInterval(()=>void P(),8e3);return()=>clearInterval(e)},[M,P]);let F=(0,J.useCallback)(async()=>{g({type:`patch`,patch:{confirmOpen:!1,installStatus:`installing`,installMessage:null}}),D();let t=await E({body:{cacheDir:d.cacheDir.trim()||void 0,binaryPath:d.binaryPath.trim()||void 0},fallbackError:e.browserCloakInstallFailed});if(!t.ok){if(t.error===`busy`){g({type:`patch`,patch:{installStatus:`installing`}});return}if(t.error===`cancelled`){g({type:`patch`,patch:{installStatus:`idle`,installMessage:null}}),D();return}g({type:`patch`,patch:{installStatus:`failed`,installMessage:t.errorMessage??e.browserCloakInstallFailed}});return}t.payload&&r?.(t.payload),g({type:`patch`,patch:{installStatus:`installed`,installMessage:t.payload?.binaryPath?`${e.browserCloakInstalled}: ${t.payload.binaryPath}`:e.browserCloakInstalled}}),await n({cacheDir:d.cacheDir,binaryPath:d.binaryPath}),await P()},[r,d.binaryPath,d.cacheDir,e.browserCloakInstallFailed,e.browserCloakInstalled,n,P,D,E]),I=(0,J.useCallback)(async()=>{if(b!==`pending`){g({type:`patch`,patch:{openStatus:`pending`,openMessage:null}});try{let t=await u();g({type:`patch`,patch:{openStatus:`ok`,openMessage:t.reused?e.browserCloakOpenReused.replace(`{{port}}`,String(t.port)):e.browserCloakOpenLaunched.replace(`{{port}}`,String(t.port)),runtime:t}})}catch(e){g({type:`patch`,patch:{openStatus:`error`,openMessage:e instanceof Error?e.message:String(e)}})}}},[u,e.browserCloakOpenLaunched,e.browserCloakOpenReused,b]),L=t.kind===`loading`?`checking`:t.kind===`error`?`error`:M?`ready`:`not_installed`,R=M&&k?.version?`v${k.version} (${k.platform})`:void 0;return(0,X.jsxs)(X.Fragment,{children:[(0,X.jsxs)(Be,{icon:j,title:e.browserCloakGuideTitle,description:e.browserCloakGuideDesc,status:L,statusDetail:R,m:e,embedded:m,primaryAction:(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[M?(0,X.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 py-1.5 text-xs font-medium text-fg hover:bg-surface-raised disabled:cursor-not-allowed disabled:opacity-60`,disabled:b===`pending`,onClick:()=>void I(),children:[b===`pending`?(0,X.jsx)(f,{className:`size-3.5 animate-spin`}):(0,X.jsx)(z,{className:`size-3.5`}),b===`pending`?e.browserCloakOpening:e.browserCloakOpen]}):null,(0,X.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 py-1.5 text-xs font-medium text-fg hover:bg-surface-raised disabled:cursor-not-allowed disabled:opacity-60`,disabled:N,onClick:()=>g({type:`patch`,patch:{confirmOpen:!0}}),children:[N?(0,X.jsx)(f,{className:`size-3.5 animate-spin`}):M?(0,X.jsx)(B,{className:`size-3.5`}):v===`installed`?(0,X.jsx)(s,{className:`size-3.5 text-green-500`}):(0,X.jsx)(l,{className:`size-3.5`}),N?e.browserCloakInstalling:M?e.browserReinstall:e.browserCloakDownload]})]}),children:[w?(0,X.jsx)(Ke,{m:e,progress:C,cancelling:T,onCancel:()=>void O()}):null,y?(0,X.jsx)(He,{kind:v===`failed`?`error`:`success`,message:y}):null,x?(0,X.jsx)(He,{kind:b===`error`?`error`:`success`,message:x}):null,M&&S?(0,X.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-lg bg-surface-base p-3 shadow-surface`,children:[(0,X.jsx)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:(0,X.jsx)(`span`,{className:`font-medium text-fg`,children:S.running?e.browserCloakRuntimeRunning.replace(`{{port}}`,String(S.port)):e.browserCloakRuntimeOff})}),(0,X.jsxs)(`div`,{className:`flex flex-col gap-0.5`,children:[(0,X.jsx)(`span`,{className:`text-fg-subtle`,children:e.browserCloakProfileLabel}),(0,X.jsx)(`span`,{className:`break-all font-mono text-[11px] text-fg-muted`,children:S.userDataDir})]}),(0,X.jsx)(`p`,{className:`text-[11px] leading-relaxed text-fg-subtle`,children:e.browserCloakProfileAgentHint}),S.temporaryProfile?(0,X.jsx)(`p`,{className:`text-[11px] text-amber-600 dark:text-amber-400`,children:e.browserCloakTemporaryProfileHint}):null]}):null,(0,X.jsxs)(`div`,{className:`grid gap-5 sm:grid-cols-2`,children:[(0,X.jsx)(Z,{label:e.label.browserCloakKeepOpen,description:e.desc.browserCloakKeepOpen,children:(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2 text-sm text-fg`,children:[(0,X.jsx)(`input`,{type:`checkbox`,className:`size-3.5 shrink-0 rounded border-edge`,checked:d.keepOpen,onChange:e=>p({keepOpen:e.target.checked})}),(0,X.jsx)(`span`,{children:e.browserCloakKeepOpenOn})]})}),(0,X.jsx)(Z,{label:e.label.browserCloakTemporaryProfile,description:e.desc.browserCloakTemporaryProfile,children:(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2 text-sm text-fg`,children:[(0,X.jsx)(`input`,{type:`checkbox`,className:`size-3.5 shrink-0 rounded border-edge`,checked:d.temporaryProfile,onChange:e=>p({temporaryProfile:e.target.checked})}),(0,X.jsx)(`span`,{children:e.browserCloakTemporaryProfileOn})]})}),(0,X.jsx)(Z,{label:e.label.browserHumanize,description:e.desc.browserHumanize,children:(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2 text-sm text-fg`,children:[(0,X.jsx)(`input`,{type:`checkbox`,className:`size-3.5 shrink-0 rounded border-edge`,checked:d.humanize,onChange:e=>p({humanize:e.target.checked})}),(0,X.jsx)(`span`,{children:e.browserHumanizeOn})]})}),(0,X.jsx)(Z,{label:e.label.browserHumanPreset,description:e.desc.browserHumanPreset,children:(0,X.jsxs)(a,{className:be(),value:d.humanPreset,onChange:e=>p({humanPreset:e.target.value}),children:[(0,X.jsx)(o,{value:`careful`,children:e.browserHumanPresetCareful}),(0,X.jsx)(o,{value:`default`,children:e.browserHumanPresetDefault})]})})]})]}),(0,X.jsxs)(q,{className:`mt-4`,children:[(0,X.jsx)(ue,{icon:j,title:e.browserCloakAdvancedShow}),(0,X.jsxs)(`div`,{className:`grid gap-5 sm:grid-cols-2`,children:[(0,X.jsxs)(Z,{label:e.label.browserCloakCacheDir,description:e.desc.browserCloakCacheDir,children:[(0,X.jsx)(`input`,{type:`text`,className:Q(),value:d.cacheDir,placeholder:`~/.xopc/bin/cloakbrowser`,onChange:e=>p({cacheDir:e.target.value}),autoComplete:`off`}),(0,X.jsx)(`p`,{className:`text-[11px] text-fg-subtle`,children:e.browserCacheDirHomeOnly})]}),(0,X.jsxs)(Z,{label:e.label.browserCloakBinaryPath,description:e.desc.browserCloakBinaryPath,children:[(0,X.jsx)(`input`,{type:`text`,className:Q(),value:d.binaryPath,placeholder:`~/.xopc/bin/cloakbrowser/chromium-v.../Chromium.app/Contents/MacOS/Chromium`,onChange:e=>p({binaryPath:e.target.value}),autoComplete:`off`}),d.binaryPath.trim()?(0,X.jsx)(`p`,{className:`text-[11px] text-amber-600 dark:text-amber-400`,children:e.browserBinaryPathWarning}):null]}),(0,X.jsx)(Z,{label:e.label.browserCloakTimezone,description:e.desc.browserCloakTimezone,children:(0,X.jsx)(`input`,{type:`text`,className:Q(),value:d.timezone,placeholder:`America/New_York`,onChange:e=>p({timezone:e.target.value}),autoComplete:`off`})}),(0,X.jsx)(Z,{label:e.label.browserCloakLocale,description:e.desc.browserCloakLocale,children:(0,X.jsx)(`input`,{type:`text`,className:Q(),value:d.locale,placeholder:`en-US`,onChange:e=>p({locale:e.target.value}),autoComplete:`off`})}),(0,X.jsx)(Z,{label:e.label.browserCloakWebrtcIp,description:e.desc.browserCloakWebrtcIp,children:(0,X.jsx)(`input`,{type:`text`,className:Q(),value:d.webrtcIp,placeholder:`203.0.113.10`,onChange:e=>p({webrtcIp:e.target.value}),autoComplete:`off`})}),(0,X.jsx)(Z,{label:e.label.browserCloakFingerprintPlatform,description:e.desc.browserCloakFingerprintPlatform,children:(0,X.jsx)(`input`,{type:`text`,className:Q(),value:d.fingerprintPlatform,placeholder:`macos`,onChange:e=>p({fingerprintPlatform:e.target.value}),autoComplete:`off`})}),(0,X.jsx)(`div`,{className:`sm:col-span-2`,children:(0,X.jsx)(Z,{label:e.label.browserCloakExtraArgs,description:e.desc.browserCloakExtraArgs,children:(0,X.jsx)(`textarea`,{className:Xe(),value:d.extraArgs,placeholder:`--disable-dev-shm-usage`,rows:3,onChange:e=>p({extraArgs:e.target.value})})})})]})]}),(0,X.jsx)(ie,{open:_,title:e.browserConfirmDownloadTitle,description:Ze(e,k),confirmLabel:e.browserConfirmDownloadConfirm,cancelLabel:e.browserConfirmDownloadCancel,onConfirm:()=>void F(),onCancel:()=>g({type:`patch`,patch:{confirmOpen:!1}})})]})}function Xe(){return`${Q()} min-h-[4.5rem] resize-y font-mono text-xs`}function Ze(e,t){if(!t)return e.browserConfirmDownloadBody;let n=[e.browserConfirmDownloadBody.replace(`{{version}}`,t.version??`—`).replace(`{{platform}}`,t.platform).replace(`{{url}}`,t.downloadUrl||`—`)];return t.expectedSha256?n.push(`SHA-256: ${t.expectedSha256.slice(0,16)}…`):n.push(e.browserCloakSha256Skipped),n.join(`
+`)}function Qe({m:e,form:t,onChange:n,testCloud:r,embedded:i=!1}){let[s,l]=(0,J.useState)(`idle`),[u,d]=(0,J.useState)(null),p=t.provider===`local`?`browserbase`:t.provider,m=y(S(e=>e.language)).providersSettings,h=R({show:m.show,hide:m.hide,copy:m.copy,copied:m.copied}),g=(0,J.useCallback)(()=>he().then(e=>e.apiKey??null),[]),_=(0,J.useCallback)(async()=>{l(`pending`),d(null);try{let n=await r(p,t.apiKey);n.reachable?(l(`ok`),d(e.browserCloudTestOk)):(l(`error`),d(e.browserCloudTestFailed.replace(`{{error}}`,n.error??`—`)))}catch(t){l(`error`),d(e.browserCloudTestFailed.replace(`{{error}}`,t instanceof Error?t.message:String(t)))}},[t.apiKey,e.browserCloudTestFailed,e.browserCloudTestOk,p,r]);return(0,X.jsxs)(Be,{icon:c,title:e.label.browserCloudProvider,description:e.desc.browserCloudProvider,m:e,embedded:i,primaryAction:(0,X.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 py-1.5 text-xs font-medium text-fg hover:bg-surface-raised disabled:cursor-not-allowed disabled:opacity-60`,disabled:s===`pending`,onClick:()=>void _(),children:[s===`pending`?(0,X.jsx)(f,{className:`size-3.5 animate-spin`}):(0,X.jsx)(H,{className:`size-3.5`}),e.browserCloudTestConnection]}),children:[(0,X.jsxs)(`div`,{className:`grid gap-5 sm:grid-cols-2`,children:[(0,X.jsx)(Z,{label:e.label.browserCloudProvider,description:e.desc.browserCloudProvider,children:(0,X.jsxs)(a,{className:be(),value:p,onChange:e=>n({provider:e.target.value}),children:[(0,X.jsx)(o,{value:`browserbase`,children:e.browserCloudProviderBrowserbase}),(0,X.jsx)(o,{value:`browser-use`,children:e.browserCloudProviderBrowserUse})]})}),(0,X.jsx)(Z,{label:e.label.browserCloudApiKey,description:e.desc.browserCloudApiKey,children:(0,X.jsx)(U,{value:t.apiKey,onChange:e=>n({apiKey:e}),placeholder:p===`browserbase`?`BROWSERBASE_API_KEY`:`BROWSER_USE_API_KEY`,labels:h,reveal:g,loadFailedLabel:`Failed to load key`})}),p===`browserbase`?(0,X.jsx)(Z,{label:e.label.browserCloudProjectId,description:e.desc.browserCloudProjectId,children:(0,X.jsx)(`input`,{type:`text`,className:Q(),value:t.projectId,placeholder:`BROWSERBASE_PROJECT_ID`,onChange:e=>n({projectId:e.target.value}),autoComplete:`off`})}):null,(0,X.jsx)(Z,{label:e.label.browserCloudRegion,description:e.desc.browserCloudRegion,children:(0,X.jsx)(`input`,{type:`text`,className:Q(),value:t.region,placeholder:`us-west-2`,onChange:e=>n({region:e.target.value}),autoComplete:`off`})})]}),u?(0,X.jsx)(He,{kind:s===`error`?`error`:`success`,message:u}):null]})}function $e(e){let t=(0,Y.c)(48),{m:n,installed:r,extensionDir:i,connected:a,busy:o,onOpenChrome:c,onCopyPath:l,onRevealFolder:u,pathBusy:d,folderBusy:f}=e,m;t[0]!==r||t[1]!==n.browserExtensionInstallStep1?(m={id:`install`,label:n.browserExtensionInstallStep1,done:r},t[0]=r,t[1]=n.browserExtensionInstallStep1,t[2]=m):m=t[2];let h=!!i&&a,g;t[3]!==o||t[4]!==i||t[5]!==f||t[6]!==n.browserExtensionCopyPath||t[7]!==n.browserExtensionInstallStep2FolderLabel||t[8]!==n.browserExtensionInstalling||t[9]!==n.browserExtensionOpenChrome||t[10]!==n.browserExtensionRevealFolder||t[11]!==l||t[12]!==c||t[13]!==u||t[14]!==d?(g=i?(0,X.jsxs)(`div`,{className:`mt-2 rounded-md bg-surface-raised px-2.5 py-2 shadow-surface`,children:[(0,X.jsx)(`p`,{className:`text-[10px] font-medium uppercase tracking-wide text-fg-subtle`,children:n.browserExtensionInstallStep2FolderLabel}),(0,X.jsx)(`p`,{className:`mt-1 break-all font-mono text-[11px] text-fg`,children:i}),(0,X.jsxs)(`div`,{className:`mt-2 flex flex-wrap gap-3`,children:[(0,X.jsx)(`button`,{type:`button`,className:`inline-flex items-center gap-1 text-[11px] text-accent hover:underline disabled:opacity-60`,disabled:o,onClick:c,children:n.browserExtensionOpenChrome}),(0,X.jsx)(`button`,{type:`button`,className:`inline-flex items-center gap-1 text-[11px] text-accent hover:underline disabled:opacity-60`,disabled:o,onClick:l,title:i,children:d?n.browserExtensionInstalling:n.browserExtensionCopyPath}),(0,X.jsx)(`button`,{type:`button`,className:`inline-flex items-center gap-1 text-[11px] text-accent hover:underline disabled:opacity-60`,disabled:o,onClick:u,title:i,children:f?n.browserExtensionInstalling:n.browserExtensionRevealFolder})]})]}):null,t[3]=o,t[4]=i,t[5]=f,t[6]=n.browserExtensionCopyPath,t[7]=n.browserExtensionInstallStep2FolderLabel,t[8]=n.browserExtensionInstalling,t[9]=n.browserExtensionOpenChrome,t[10]=n.browserExtensionRevealFolder,t[11]=l,t[12]=c,t[13]=u,t[14]=d,t[15]=g):g=t[15];let _;t[16]!==n.browserExtensionInstallStep2||t[17]!==h||t[18]!==g?(_={id:`load`,label:n.browserExtensionInstallStep2,done:h,detail:g},t[16]=n.browserExtensionInstallStep2,t[17]=h,t[18]=g,t[19]=_):_=t[19];let v;t[20]!==a||t[21]!==n.browserExtensionInstallStep3?(v={id:`connect`,label:n.browserExtensionInstallStep3,done:a},t[20]=a,t[21]=n.browserExtensionInstallStep3,t[22]=v):v=t[22];let y;t[23]!==m||t[24]!==_||t[25]!==v?(y=[m,_,v],t[23]=m,t[24]=_,t[25]=v,t[26]=y):y=t[26];let b=y,x;t[27]===b?x=t[28]:(x=b.filter(et),t[27]=b,t[28]=x);let S=x.length,C=n.browserExtensionInstallGuideTitle,w;t[29]===n.browserExtensionInstallGuideTitle?w=t[30]:(w=(0,X.jsx)(`h4`,{className:`text-sm font-medium text-fg`,children:n.browserExtensionInstallGuideTitle}),t[29]=n.browserExtensionInstallGuideTitle,t[30]=w);let T;t[31]!==S||t[32]!==n.browserExtensionChecklistProgress||t[33]!==b.length?(T=n.browserExtensionChecklistProgress.replace(`{{done}}`,String(S)).replace(`{{total}}`,String(b.length)),t[31]=S,t[32]=n.browserExtensionChecklistProgress,t[33]=b.length,t[34]=T):T=t[34];let E;t[35]===T?E=t[36]:(E=(0,X.jsx)(`span`,{className:`ml-auto text-xs font-normal text-fg-muted`,children:T}),t[35]=T,t[36]=E);let D;t[37]!==E||t[38]!==w?(D=(0,X.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[w,E]}),t[37]=E,t[38]=w,t[39]=D):D=t[39];let O;t[40]!==n.browserExtensionChecklistDone||t[41]!==n.browserExtensionChecklistPending||t[42]!==b?(O=(0,X.jsx)(`ol`,{className:`flex flex-col gap-3`,children:b.map((e,t)=>(0,X.jsxs)(`li`,{className:`flex gap-2.5`,children:[(0,X.jsx)(`span`,{className:`mt-0.5 shrink-0`,"aria-hidden":!0,children:e.done?(0,X.jsx)(s,{className:`size-4 text-emerald-500`,strokeWidth:2}):(0,X.jsx)(ne,{className:`size-4 text-fg-subtle`,strokeWidth:1.75})}),(0,X.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,X.jsxs)(`p`,{className:p(`text-[11px] leading-relaxed`,e.done?`text-fg-muted line-through decoration-fg-subtle/60`:`text-fg`),children:[(0,X.jsxs)(`span`,{className:`sr-only`,children:[e.done?n.browserExtensionChecklistDone:n.browserExtensionChecklistPending,` `]}),t+1,`. `,e.label]}),e.detail]})]},e.id))}),t[40]=n.browserExtensionChecklistDone,t[41]=n.browserExtensionChecklistPending,t[42]=b,t[43]=O):O=t[43];let k;return t[44]!==n.browserExtensionInstallGuideTitle||t[45]!==D||t[46]!==O?(k=(0,X.jsxs)(`div`,{"aria-label":C,className:`rounded-xl bg-surface-base p-3`,children:[D,O]}),t[44]=n.browserExtensionInstallGuideTitle,t[45]=D,t[46]=O,t[47]=k):k=t[47],k}function et(e){return e.done}var tt=19820,nt=3e4;function rt({m:e,probe:t,artifacts:n,onChange:r,startBridge:i,stopBridge:a,disconnectExtension:o,installArtifacts:s,refetchArtifacts:c,openExtensionChrome:u,revealExtensionFolder:d,form:p,embedded:m=!1}){let[h,g]=(0,J.useState)(null),[_,y]=(0,J.useState)(null),[b,x]=(0,J.useState)(null),S=p.port??tt,C=p.host||`127.0.0.1`,w=`ws://${C}:${S}/browser-ext`,T=t.kind===`ok`&&t.data.running,E=t.kind===`ok`&&t.data.connected,O=t.kind===`ok`&&t.data.bridgeHeld===!0,A=t.kind===`ok`&&t.data.portConflict===!0,j=T||O,M=n.kind===`ok`?n.data:t.kind===`ok`?t.data.artifacts:void 0,P=M?.installed===!0,F=M?.extensionDir,I=M?.needsChromeReload===!0,L=t.kind===`ok`?E?{icon:D,color:`text-green-500`,label:e.browserExtensionConnected}:T?{icon:H,color:`text-amber-500`,label:e.browserExtensionWaiting}:{icon:te,color:`text-fg-muted`,label:e.browserExtensionServerOff}:{icon:te,color:`text-fg-muted`,label:`…`},R=L.icon,B=(0,J.useCallback)(async()=>{if(!h){g(`start`),y(null);try{await i({host:C,port:S})}catch(e){y(e instanceof Error?e.message:String(e))}finally{g(null)}}},[h,C,S,i]),V=(0,J.useCallback)(async()=>{if(!h){g(`stop`),y(null);try{await a()}catch(e){y(e instanceof Error?e.message:String(e))}finally{g(null)}}},[h,a]),ee=(0,J.useCallback)(async()=>{if(!h){g(`disconnect`),y(null);try{await o()}catch(e){y(e instanceof Error?e.message:String(e))}finally{g(null)}}},[h,o]),U=(0,J.useCallback)(async()=>{if(!h){g(`install`),y(null),x(null);try{let t=await s({force:P});t?.extensionDir?x(`${e.browserExtensionInstalled}: ${t.extensionDir}`):x(e.browserExtensionInstalled),await c()}catch(e){y(e instanceof Error?e.message:String(e))}finally{g(null)}}},[h,s,P,e.browserExtensionInstalled,c]),W=(0,J.useCallback)(async()=>{if(!h){g(`open`),y(null);try{await u()}catch(e){y(e instanceof Error?e.message:String(e))}finally{g(null)}}},[h,u]),ne=(0,J.useCallback)(async()=>{if(!(!F||h)){g(`path`),y(null),x(null);try{await v(F)?x(e.browserExtensionPathCopied):x(e.browserExtensionPathCopyFailed)}catch(e){y(e instanceof Error?e.message:String(e))}finally{g(null)}}},[h,F,e.browserExtensionPathCopied,e.browserExtensionPathCopyFailed]),G=(0,J.useCallback)(async()=>{if(!(!F||h)){g(`folder`),y(null),x(null);try{await d(),x(e.browserExtensionFolderOpened)}catch(e){y(e instanceof Error?e.message:String(e))}finally{g(null)}}},[h,F,e.browserExtensionFolderOpened,d]),K=(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,X.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 py-1.5 text-xs font-medium text-fg hover:bg-surface-raised disabled:cursor-not-allowed disabled:opacity-60`,disabled:h!==null,onClick:()=>void U(),children:[h===`install`?(0,X.jsx)(f,{className:`size-3.5 animate-spin`}):(0,X.jsx)(l,{className:`size-3.5`}),h===`install`?e.browserExtensionInstalling:e.browserExtensionInstall]}),j?(0,X.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 py-1.5 text-xs font-medium text-fg hover:bg-surface-raised disabled:cursor-not-allowed disabled:opacity-60`,disabled:h!==null,onClick:()=>void V(),children:[h===`stop`?(0,X.jsx)(f,{className:`size-3.5 animate-spin`}):(0,X.jsx)(k,{className:`size-3.5`}),e.browserExtensionStopBridge]}):(0,X.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 py-1.5 text-xs font-medium text-fg hover:bg-surface-raised disabled:cursor-not-allowed disabled:opacity-60`,disabled:h!==null,onClick:()=>void B(),children:[h===`start`?(0,X.jsx)(f,{className:`size-3.5 animate-spin`}):(0,X.jsx)(z,{className:`size-3.5`}),h===`start`?e.browserExtensionStarting:e.browserExtensionStartBridge]}),E?(0,X.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 py-1.5 text-xs font-medium text-fg hover:bg-surface-raised disabled:cursor-not-allowed disabled:opacity-60`,disabled:h!==null,onClick:()=>void ee(),children:[h===`disconnect`?(0,X.jsx)(f,{className:`size-3.5 animate-spin`}):(0,X.jsx)(te,{className:`size-3.5`}),e.browserExtensionDisconnect]}):null]});return(0,X.jsx)(Be,{icon:N,title:e.browserBackendExtension,description:e.browserExtensionDownloadHint,m:e,embedded:m,primaryAction:K,advancedTitle:e.browserAdvancedShow,advanced:(0,X.jsxs)(`div`,{className:`grid gap-5 sm:grid-cols-2`,children:[(0,X.jsx)(Z,{label:e.label.browserExtensionPort,description:e.desc.browserExtensionPort,children:(0,X.jsx)(ye,{type:`number`,className:Q(),min:1024,max:65535,value:p.port??``,suggestion:String(tt),onAcceptSuggestion:e=>r({port:Number.parseInt(e,10)}),placeholder:String(tt),onChange:e=>{let t=e.target.value;r({port:t===``?void 0:Number.parseInt(t,10)})}})}),(0,X.jsx)(Z,{label:e.label.browserExtensionHost,description:e.desc.browserExtensionHost,children:(0,X.jsx)(ye,{type:`text`,className:Q(),value:p.host,suggestion:`127.0.0.1`,onAcceptSuggestion:e=>r({host:e}),placeholder:`127.0.0.1`,onChange:e=>r({host:e.target.value}),autoComplete:`off`})}),(0,X.jsx)(Z,{label:e.label.browserExtensionConnectionTimeout,description:e.desc.browserExtensionConnectionTimeout,children:(0,X.jsx)(ye,{type:`number`,className:Q(),min:1,step:1,value:p.connectionTimeoutMs==null?``:Math.round(p.connectionTimeoutMs/1e3),placeholder:String(nt/1e3),suggestion:String(nt/1e3),onAcceptSuggestion:e=>r({connectionTimeoutMs:Number.parseInt(e,10)*1e3}),onChange:e=>{let t=e.target.value;r({connectionTimeoutMs:t===``?void 0:Math.max(1,Number.parseInt(t,10))*1e3})}})})]}),children:(0,X.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,X.jsxs)(`div`,{className:`flex items-center justify-between gap-3 rounded-lg bg-surface-base px-3 py-2 shadow-surface`,children:[(0,X.jsx)(`span`,{className:`font-mono text-xs text-fg-muted`,children:w}),(0,X.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 text-xs ${L.color}`,children:[(0,X.jsx)(R,{className:`size-3.5`}),(0,X.jsx)(`span`,{children:L.label})]})]}),(0,X.jsx)($e,{m:e,installed:P,extensionDir:F,connected:E,busy:h!==null,pathBusy:h===`path`,folderBusy:h===`folder`,onOpenChrome:()=>void W(),onCopyPath:()=>void ne(),onRevealFolder:()=>void G()}),I?(0,X.jsx)(`div`,{className:`rounded-lg border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-xs leading-relaxed text-amber-800 dark:text-amber-200`,children:e.browserExtensionNeedsChromeReload}):null,A?(0,X.jsx)(`div`,{className:`rounded-lg border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-xs leading-relaxed text-amber-800 dark:text-amber-200`,children:e.browserExtensionPortConflict.replace(`{{port}}`,String(S))}):null,b?(0,X.jsx)(He,{kind:`success`,message:b}):null,_?(0,X.jsx)(He,{kind:`error`,message:_}):null]})})}function it(e){let t=(0,Y.c)(41),{m:n,doctor:r,refetch:i,applyDoctor:a,installStream:o,embedded:c}=e,u=c===void 0?!1:c,[d,p]=(0,J.useState)(`idle`),[m,h]=(0,J.useState)(null),{progress:g,running:_,cancelling:v,run:y,reset:b,cancel:x}=o,S;t[0]!==a||t[1]!==n.browserPlaywrightInstallFailed||t[2]!==n.browserPlaywrightInstalled||t[3]!==i||t[4]!==b||t[5]!==y?(S=async()=>{p(`installing`),h(null),b();let e=await y({fallbackError:n.browserPlaywrightInstallFailed});if(!e.ok){if(e.error===`busy`){p(`installing`);return}if(e.error===`cancelled`){p(`idle`),h(null),b();return}p(`failed`),h(e.errorMessage??n.browserPlaywrightInstallFailed);return}e.payload&&a?.(e.payload),p(`installed`),h(e.payload?.executablePath?`${n.browserPlaywrightInstalled}: ${e.payload.executablePath}`:n.browserPlaywrightInstalled),await i()},t[0]=a,t[1]=n.browserPlaywrightInstallFailed,t[2]=n.browserPlaywrightInstalled,t[3]=i,t[4]=b,t[5]=y,t[6]=S):S=t[6];let C=S,w=r.kind===`loading`?`checking`:r.kind===`error`?`error`:r.kind===`ok`?r.data.installed?`ready`:`not_installed`:`unknown`,T=r.kind===`ok`&&r.data.installed&&r.data.executablePath?r.data.executablePath:void 0,E=r.kind===`ok`&&r.data.installed,D=d===`installing`||_,O;t[7]===C?O=t[8]:(O=()=>void C(),t[7]=C,t[8]=O);let k;t[9]!==E||t[10]!==D||t[11]!==d?(k=D?(0,X.jsx)(f,{className:`size-3.5 animate-spin`}):E?(0,X.jsx)(B,{className:`size-3.5`}):d===`installed`?(0,X.jsx)(s,{className:`size-3.5 text-green-500`}):(0,X.jsx)(l,{className:`size-3.5`}),t[9]=E,t[10]=D,t[11]=d,t[12]=k):k=t[12];let A=D?n.browserPlaywrightInstalling:E?n.browserReinstall:n.browserPlaywrightInstall,j;t[13]!==D||t[14]!==O||t[15]!==k||t[16]!==A?(j=(0,X.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 py-1.5 text-xs font-medium text-fg hover:bg-surface-raised disabled:cursor-not-allowed disabled:opacity-60`,disabled:D,onClick:O,children:[k,A]}),t[13]=D,t[14]=O,t[15]=k,t[16]=A,t[17]=j):j=t[17];let M;t[18]===n.browserPlaywrightManualInstall?M=t[19]:(M=(0,X.jsx)(`p`,{className:`text-fg-muted`,children:n.browserPlaywrightManualInstall}),t[18]=n.browserPlaywrightManualInstall,t[19]=M);let N;t[20]===Symbol.for(`react.memo_cache_sentinel`)?(N=(0,X.jsx)(`code`,{className:`mt-2 block w-fit rounded-md border border-edge bg-surface-base px-2 py-1 text-xs text-fg`,children:`node node_modules/playwright-core/cli.js install chromium`}),t[20]=N):N=t[20];let P;t[21]===M?P=t[22]:(P=(0,X.jsxs)(`div`,{className:`text-xs`,children:[M,N]}),t[21]=M,t[22]=P);let F;t[23]!==x||t[24]!==v||t[25]!==n||t[26]!==g||t[27]!==_?(F=_?(0,X.jsx)(Ke,{m:n,progress:g,showLogs:!0,cancelling:v,onCancel:()=>void x()}):null,t[23]=x,t[24]=v,t[25]=n,t[26]=g,t[27]=_,t[28]=F):F=t[28];let I;t[29]!==m||t[30]!==d?(I=m?(0,X.jsx)(He,{kind:d===`failed`?`error`:`success`,message:m}):null,t[29]=m,t[30]=d,t[31]=I):I=t[31];let L;return t[32]!==u||t[33]!==n||t[34]!==T||t[35]!==w||t[36]!==F||t[37]!==I||t[38]!==j||t[39]!==P?(L=(0,X.jsxs)(Be,{icon:ee,title:n.browserPlaywrightGuideTitle,description:n.browserPlaywrightGuideDesc,status:w,statusDetail:T,m:n,embedded:u,primaryAction:j,children:[P,F,I]}),t[32]=u,t[33]=n,t[34]=T,t[35]=w,t[36]=F,t[37]=I,t[38]=j,t[39]=P,t[40]=L):L=t[40],L}async function at(e){let t=await x(e),n=await t.json().catch(()=>({}));if(!t.ok||n.ok===!1){let e=typeof n.error==`string`?n.error:n.error?.message;throw Error(e||`Request failed: ${t.status}`)}if(n.payload===void 0)throw Error(`Empty payload`);return n.payload}async function $(e,t){let n=await x(e,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(t??{})}),r=await n.json().catch(()=>({}));if(!n.ok||r.ok===!1){let e=typeof r.error==`string`?r.error:r.error?.message;throw Error(e||`Request failed: ${n.status}`)}if(r.payload===void 0)throw Error(`Empty payload`);return r.payload}var ot={playwright:{kind:`idle`},cloak:{kind:`idle`},extension:{kind:`idle`},extensionArtifacts:{kind:`idle`}};function st(e,t){switch(t.type){case`playwright`:return{...e,playwright:t.state};case`cloak`:return{...e,cloak:t.state};case`extension`:return{...e,extension:t.state};case`extension-artifacts`:return{...e,extensionArtifacts:t.state};case`playwright-idle`:return{...e,playwright:{kind:`idle`}};case`cloak-idle`:return{...e,cloak:{kind:`idle`}};case`extension-idle`:return{...e,extension:{kind:`idle`},extensionArtifacts:{kind:`idle`}};case`extension-start-probe`:return{...e,extension:e.extension.kind===`ok`?e.extension:{kind:`loading`}};case`extension-artifacts-start-probe`:return{...e,extensionArtifacts:e.extensionArtifacts.kind===`ok`?e.extensionArtifacts:{kind:`loading`}}}}function ct(e){let[t,n]=(0,J.useReducer)(st,ot),{playwright:r,cloak:i,extension:a,extensionArtifacts:o}=t,s=(0,J.useCallback)(async()=>{n({type:`playwright`,state:{kind:`loading`}});try{n({type:`playwright`,state:{kind:`ok`,data:await at(C(`/api/browser/playwright/doctor`))}})}catch(e){n({type:`playwright`,state:{kind:`error`,message:e instanceof Error?e.message:String(e)}})}},[]),c=(0,J.useCallback)(async t=>{n({type:`cloak`,state:{kind:`loading`}});let r=(t?.cacheDir??e.cacheDir??``).trim(),i=(t?.binaryPath??e.binaryPath??``).trim(),a=new URLSearchParams;r&&a.set(`cacheDir`,r),i&&a.set(`binaryPath`,i);try{let e=await at(C(`/api/browser/cloakbrowser/doctor${a.size?`?${a}`:``}`));return n({type:`cloak`,state:{kind:`ok`,data:e}}),e}catch(e){return n({type:`cloak`,state:{kind:`error`,message:e instanceof Error?e.message:String(e)}}),null}},[e.binaryPath,e.cacheDir]),l=(0,J.useCallback)(e=>{n({type:`playwright`,state:{kind:`ok`,data:e}})},[]),u=(0,J.useCallback)(e=>{n({type:`cloak`,state:{kind:`ok`,data:e}})},[]),d=(0,J.useCallback)(async()=>at(C(`/api/browser/cloakbrowser/status`)),[]),f=(0,J.useCallback)(async()=>$(C(`/api/browser/cloakbrowser/launch`),{}),[]),p=e.browserEnabled===!0&&e.probeExtension===!0,m=e.browserEnabled===!0&&e.probeLocal===!0,h=e.browserEnabled===!0&&e.probeCloak===!0,{extensionHost:g,extensionPort:_}=e,v=(0,J.useCallback)(async()=>{let e=new URLSearchParams({probe:`1`});g&&e.set(`host`,g),_!==void 0&&e.set(`port`,String(_)),n({type:`extension-start-probe`});try{let t=await x(C(`/api/browser/extension-status?${e}`),{signal:AbortSignal.timeout(3e3)}),r=await t.json().catch(()=>({}));if(!t.ok){n({type:`extension`,state:{kind:`error`,message:`HTTP ${t.status}`}});return}n({type:`extension`,state:{kind:`ok`,data:{running:r.running===!0,connected:r.connected===!0,backend:r.backend,artifacts:r.artifacts,bridgeHeld:r.bridgeHeld===!0,refCount:typeof r.refCount==`number`?r.refCount:void 0,manualBridge:r.manualBridge===!0,portConflict:r.portConflict===!0}}})}catch(e){n({type:`extension`,state:{kind:`error`,message:e instanceof Error?e.message:String(e)}})}},[g,_]),y=(0,J.useCallback)(async()=>{n({type:`extension-artifacts-start-probe`});try{let e=await at(C(`/api/browser/extension/doctor`));return n({type:`extension-artifacts`,state:{kind:`ok`,data:e}}),e}catch(e){return n({type:`extension-artifacts`,state:{kind:`error`,message:e instanceof Error?e.message:String(e)}}),null}},[]),b=(0,J.useCallback)(async e=>{let t=(await $(C(`/api/browser/extension/install`),{force:e?.force??!1})).doctor;return n({type:`extension-artifacts`,state:{kind:`ok`,data:t}}),await v(),t},[v]),S=(0,J.useCallback)(async()=>{await $(C(`/api/browser/extension/open`),{action:`chrome`})},[]),w=(0,J.useCallback)(async()=>{await $(C(`/api/browser/extension/open`),{action:`folder`})},[]);(0,J.useEffect)(()=>{if(!m){n({type:`playwright-idle`});return}s()},[m,s]),(0,J.useEffect)(()=>{if(!h){n({type:`cloak-idle`});return}c()},[h,c]);let T=(0,J.useRef)(p);T.current!==p&&(T.current=p,p||n({type:`extension-idle`})),(0,J.useEffect)(()=>{if(!p)return;v(),y();let e=setInterval(()=>void v(),5e3);return()=>clearInterval(e)},[p,v,y]);let E=(0,J.useCallback)(async e=>{await $(C(`/api/browser/extension/start`),{host:e?.host??g,port:e?.port??_}),await v()},[g,_,v]),D=(0,J.useCallback)(async()=>{await $(C(`/api/browser/extension/stop`),{}),await v()},[v]),O=(0,J.useCallback)(async()=>{await $(C(`/api/browser/extension/disconnect`),{}),await v()},[v]),k=(0,J.useRef)(null);return(0,J.useEffect)(()=>{if(!p||e.activeBackend!==`extension`){k.current=null;return}if(a.kind!==`ok`||a.data.running||a.data.bridgeHeld)return;let t=`${g}:${_??19820}`;k.current!==t&&(k.current=t,E({host:g,port:_}).catch(()=>{k.current=null}))},[p,a,g,_,e.activeBackend,E]),{playwright:r,cloak:i,extension:a,extensionArtifacts:o,refetchPlaywright:s,applyPlaywrightDoctor:l,refetchCloak:c,applyCloakDoctor:u,fetchCloakRuntimeStatus:d,launchCloak:f,refetchExtension:v,refetchExtensionArtifacts:y,installExtensionArtifacts:b,openExtensionChrome:S,revealExtensionFolder:w,pingCdp:(0,J.useCallback)(async e=>$(C(`/api/browser/cdp/ping`),{cdpUrl:e}),[]),testCloud:(0,J.useCallback)(async(e,t)=>$(C(`/api/browser/cloud/test-connection`),{provider:e,apiKey:t}),[]),launchCdp:(0,J.useCallback)(async e=>$(C(`/api/browser/cdp/launch`),{executablePath:e}),[]),stopCdp:(0,J.useCallback)(async e=>{await $(C(`/api/browser/cdp/stop`),{port:e})},[]),listCdpInstances:(0,J.useCallback)(async()=>(await at(C(`/api/browser/cdp/instances`))).instances,[]),startExtensionBridge:E,stopExtensionBridge:D,disconnectExtension:O}}var lt=`
+
+`,ut=/\r\n/g,dt={playwright:`/api/browser/playwright/install/stream`,cloakbrowser:`/api/browser/cloakbrowser/install/stream`},ft={playwright:`/api/browser/playwright/install/cancel`,cloakbrowser:`/api/browser/cloakbrowser/install/cancel`},pt=8;function mt(){return{phase:null,message:null,percent:null,lines:[]}}function ht(e,t){let n={phase:t.phase,message:t.message??t.line??e.message,percent:t.percent??e.percent,lines:e.lines};if(t.line){let r=[...e.lines,t.line];n.lines=r.length>pt?r.slice(-8):r}return n}async function gt(e,t,n){let r=e.getReader(),i=new TextDecoder,a=``,o=null,s=e=>{let n=``,r=``;for(let t of e.split(`
+`)){let e=t.replace(/\r$/,``);e.startsWith(`event:`)?n=e.slice(6).trim():e.startsWith(`data:`)&&(r+=e.slice(5).trimStart())}if(r){if(n===`progress`){try{let e=JSON.parse(r);e&&typeof e==`object`&&typeof e.phase==`string`&&t(e)}catch{}return}if(n===`result`)try{let e=JSON.parse(r);o=e.ok?{ok:!0,payload:e.payload}:{ok:!1,error:String(e.error??`unknown`),message:typeof e.message==`string`?e.message:void 0,status:e.error===`busy`?409:e.error===`cancelled`?499:500}}catch{o={ok:!1,error:`parse`,status:0}}}};try{let e=async()=>{if(o!==null)return o;if(n?.aborted)return await r.cancel().catch(()=>{}),{ok:!1,error:`cancelled`,status:499};let{done:t,value:c}=await r.read();if(t)return o??{ok:!1,error:`no-result`,status:0};a+=i.decode(c,{stream:!0}),a=a.replace(ut,`
+`);let l=a.split(lt);a=l.pop()??``;for(let e of l)e.length&&s(e);return e()},t=await e();if(t)return t}catch(e){if(n?.aborted||e instanceof DOMException&&e.name===`AbortError`)return{ok:!1,error:`cancelled`,status:499};throw e}finally{r.releaseLock()}return o||(n?.aborted?{ok:!1,error:`cancelled`,status:499}:{ok:!1,error:`no-result`,status:0})}function _t(e){let[t,n]=(0,J.useState)(mt),[r,i]=(0,J.useState)(!1),[a,o]=(0,J.useState)(!1),s=(0,J.useRef)(!1),c=(0,J.useRef)(null),l=(0,J.useCallback)(()=>{s.current||n(mt())},[]),u=(0,J.useCallback)(async()=>{if(s.current){o(!0);try{await x(C(ft[e]),{method:`POST`}).catch(()=>{}),c.current?.abort()}finally{o(!1)}}},[e]);return{progress:t,running:r,cancelling:a,run:(0,J.useCallback)(async t=>{if(s.current)return{ok:!1,error:`busy`,status:409,errorMessage:`An install for this browser type is already in progress.`};let r=new AbortController;c.current=r,s.current=!0,i(!0),n(mt());try{let i=await x(C(dt[e]),{method:`POST`,headers:{Accept:`text/event-stream`,...t.body===void 0?{}:{"Content-Type":`application/json`}},body:t.body===void 0?void 0:JSON.stringify(t.body),signal:r.signal});if(!i.ok||!i.body){let e=await i.text().catch(()=>``),t=`HTTP ${i.status}`;try{let n=JSON.parse(e);typeof n.message==`string`?t=n.message:typeof n.error==`string`&&(t=n.error)}catch{e&&(t=e.slice(0,500))}return{ok:!1,error:i.status===409?`busy`:`http`,status:i.status,errorMessage:t}}let a=await gt(i.body,e=>{n(t=>ht(t,e))},r.signal);return a.ok?a:a.error===`cancelled`?{...a,errorMessage:void 0}:{...a,errorMessage:a.message??(a.error===`busy`?`An install for this browser type is already in progress.`:t.fallbackError)}}catch(e){return r.signal.aborted||e instanceof DOMException&&e.name===`AbortError`?{ok:!1,error:`cancelled`,status:499}:{ok:!1,error:`network`,errorMessage:e instanceof Error?e.message:t.fallbackError}}finally{c.current===r&&(c.current=null),s.current=!1,i(!1),o(!1)}},[e]),reset:l,cancel:u}}function vt(e){let t=(0,Y.c)(150),{a:n,form:r,update:i,activeTab:a,setActiveTab:o}=e,s=S(bt),l=V(yt),u=_t(`playwright`),f=_t(`cloakbrowser`),m=r.browserEnabled&&(a===`overview`||a===`extension`),h=r.browserEnabled&&(a===`overview`||a===`local`),g=r.browserEnabled&&(a===`overview`||a===`cloakbrowser`),_;t[0]!==r.browserBackend||t[1]!==r.browserCloakBinaryPath||t[2]!==r.browserCloakCacheDir||t[3]!==r.browserEnabled||t[4]!==r.browserExtensionHost||t[5]!==r.browserExtensionPort||t[6]!==g||t[7]!==m||t[8]!==h?(_={cacheDir:r.browserCloakCacheDir,binaryPath:r.browserCloakBinaryPath,browserEnabled:r.browserEnabled,activeBackend:r.browserBackend,probeExtension:m,probeLocal:h,probeCloak:g,extensionHost:r.browserExtensionHost,extensionPort:r.browserExtensionPort},t[0]=r.browserBackend,t[1]=r.browserCloakBinaryPath,t[2]=r.browserCloakCacheDir,t[3]=r.browserEnabled,t[4]=r.browserExtensionHost,t[5]=r.browserExtensionPort,t[6]=g,t[7]=m,t[8]=h,t[9]=_):_=t[9];let v=ct(_),y;t[10]===v.playwright?y=t[11]:(y=je(v.playwright),t[10]=v.playwright,t[11]=y);let b=y,x;t[12]===v.cloak?x=t[13]:(x=je(v.cloak),t[12]=v.cloak,t[13]=x);let C=x,w;t[14]===v.extension?w=t[15]:(w=Ne(v.extension),t[14]=v.extension,t[15]=w);let T=w,E;t[16]!==n||t[17]!==v.extension?(E=Pe(v.extension,n),t[16]=n,t[17]=v.extension,t[18]=E):E=t[18];let D=E,O;t[19]!==n||t[20]!==C||t[21]!==T||t[22]!==D||t[23]!==b||t[24]!==l?(O=[{value:`extension`,icon:N,name:n.browserBackendExtension,tagline:n.browserModeExtTagline,status:T,statusLabel:D},{value:`local`,icon:ee,name:n.browserBackendLocal,tagline:n.browserModeLocalTagline,status:b,statusLabel:Me(b,n)},{value:`cloakbrowser`,icon:j,name:n.browserBackendCloakBrowser,tagline:n.browserModeCloakTagline,status:C,statusLabel:Me(C,n)},{value:`cdp`,icon:K,name:n.browserBackendCdp,tagline:n.browserModeCdpTagline},{value:`cloud`,icon:c,name:n.browserBackendCloud,tagline:n.browserModeCloudTagline}].filter(e=>ve(e.value,l)),t[19]=n,t[20]=C,t[21]=T,t[22]=D,t[23]=b,t[24]=l,t[25]=O):O=t[25];let k=O,A;t[26]!==o||t[27]!==i?(A=e=>{i({browserEnabled:!0,browserBackend:e}),o(e)},t[26]=o,t[27]=i,t[28]=A):A=t[28];let M=A,P=!r.browserEnabled&&`pointer-events-none opacity-40`,F;t[29]===P?F=t[30]:(F=p(`flex flex-col gap-5 transition-opacity`,P),t[29]=P,t[30]=F);let I=!r.browserEnabled,L;t[31]!==n||t[32]!==a||t[33]!==v.disconnectExtension||t[34]!==v.extension||t[35]!==v.extensionArtifacts||t[36]!==v.installExtensionArtifacts||t[37]!==v.openExtensionChrome||t[38]!==v.refetchExtensionArtifacts||t[39]!==v.revealExtensionFolder||t[40]!==v.startExtensionBridge||t[41]!==v.stopExtensionBridge||t[42]!==r.browserExtensionConnectionTimeout||t[43]!==r.browserExtensionHost||t[44]!==r.browserExtensionPort||t[45]!==i?(L=a===`extension`?(0,X.jsx)(q,{children:(0,X.jsx)(rt,{embedded:!0,m:n,probe:v.extension,artifacts:v.extensionArtifacts,form:{port:r.browserExtensionPort,host:r.browserExtensionHost,connectionTimeoutMs:r.browserExtensionConnectionTimeout},onChange:e=>i({...e.port===void 0?{}:{browserExtensionPort:e.port},...e.host===void 0?{}:{browserExtensionHost:e.host},...e.connectionTimeoutMs===void 0?{}:{browserExtensionConnectionTimeout:e.connectionTimeoutMs}}),startBridge:v.startExtensionBridge,stopBridge:v.stopExtensionBridge,disconnectExtension:v.disconnectExtension,installArtifacts:v.installExtensionArtifacts,refetchArtifacts:v.refetchExtensionArtifacts,openExtensionChrome:v.openExtensionChrome,revealExtensionFolder:v.revealExtensionFolder})}):null,t[31]=n,t[32]=a,t[33]=v.disconnectExtension,t[34]=v.extension,t[35]=v.extensionArtifacts,t[36]=v.installExtensionArtifacts,t[37]=v.openExtensionChrome,t[38]=v.refetchExtensionArtifacts,t[39]=v.revealExtensionFolder,t[40]=v.startExtensionBridge,t[41]=v.stopExtensionBridge,t[42]=r.browserExtensionConnectionTimeout,t[43]=r.browserExtensionHost,t[44]=r.browserExtensionPort,t[45]=i,t[46]=L):L=t[46];let R;t[47]!==n||t[48]!==a||t[49]!==v.applyPlaywrightDoctor||t[50]!==v.playwright||t[51]!==v.refetchPlaywright||t[52]!==u?(R=a===`local`?(0,X.jsx)(q,{children:(0,X.jsx)(it,{embedded:!0,m:n,doctor:v.playwright,refetch:v.refetchPlaywright,applyDoctor:v.applyPlaywrightDoctor,installStream:u})}):null,t[47]=n,t[48]=a,t[49]=v.applyPlaywrightDoctor,t[50]=v.playwright,t[51]=v.refetchPlaywright,t[52]=u,t[53]=R):R=t[53];let z;t[54]!==n||t[55]!==a||t[56]!==f||t[57]!==v.applyCloakDoctor||t[58]!==v.cloak||t[59]!==v.fetchCloakRuntimeStatus||t[60]!==v.launchCloak||t[61]!==v.refetchCloak||t[62]!==r.browserCloakBinaryPath||t[63]!==r.browserCloakCacheDir||t[64]!==r.browserCloakExtraArgs||t[65]!==r.browserCloakFingerprintPlatform||t[66]!==r.browserCloakKeepOpen||t[67]!==r.browserCloakLocale||t[68]!==r.browserCloakTemporaryProfile||t[69]!==r.browserCloakTimezone||t[70]!==r.browserCloakWebrtcIp||t[71]!==r.browserHumanPreset||t[72]!==r.browserHumanize||t[73]!==i?(z=a===`cloakbrowser`?(0,X.jsx)(q,{children:(0,X.jsx)(Ye,{embedded:!0,m:n,doctor:v.cloak,refetch:v.refetchCloak,applyDoctor:v.applyCloakDoctor,installStream:f,fetchRuntimeStatus:v.fetchCloakRuntimeStatus,launchCloak:v.launchCloak,form:{cacheDir:r.browserCloakCacheDir,binaryPath:r.browserCloakBinaryPath,keepOpen:r.browserCloakKeepOpen,temporaryProfile:r.browserCloakTemporaryProfile,humanize:r.browserHumanize,humanPreset:r.browserHumanPreset,timezone:r.browserCloakTimezone,locale:r.browserCloakLocale,webrtcIp:r.browserCloakWebrtcIp,fingerprintPlatform:r.browserCloakFingerprintPlatform,extraArgs:r.browserCloakExtraArgs},onChange:e=>i({...e.cacheDir===void 0?{}:{browserCloakCacheDir:e.cacheDir},...e.binaryPath===void 0?{}:{browserCloakBinaryPath:e.binaryPath},...e.keepOpen===void 0?{}:{browserCloakKeepOpen:e.keepOpen},...e.temporaryProfile===void 0?{}:{browserCloakTemporaryProfile:e.temporaryProfile},...e.humanize===void 0?{}:{browserHumanize:e.humanize},...e.humanPreset===void 0?{}:{browserHumanPreset:e.humanPreset},...e.timezone===void 0?{}:{browserCloakTimezone:e.timezone},...e.locale===void 0?{}:{browserCloakLocale:e.locale},...e.webrtcIp===void 0?{}:{browserCloakWebrtcIp:e.webrtcIp},...e.fingerprintPlatform===void 0?{}:{browserCloakFingerprintPlatform:e.fingerprintPlatform},...e.extraArgs===void 0?{}:{browserCloakExtraArgs:e.extraArgs}})})}):null,t[54]=n,t[55]=a,t[56]=f,t[57]=v.applyCloakDoctor,t[58]=v.cloak,t[59]=v.fetchCloakRuntimeStatus,t[60]=v.launchCloak,t[61]=v.refetchCloak,t[62]=r.browserCloakBinaryPath,t[63]=r.browserCloakCacheDir,t[64]=r.browserCloakExtraArgs,t[65]=r.browserCloakFingerprintPlatform,t[66]=r.browserCloakKeepOpen,t[67]=r.browserCloakLocale,t[68]=r.browserCloakTemporaryProfile,t[69]=r.browserCloakTimezone,t[70]=r.browserCloakWebrtcIp,t[71]=r.browserHumanPreset,t[72]=r.browserHumanize,t[73]=i,t[74]=z):z=t[74];let B;t[75]!==n||t[76]!==a||t[77]!==v.launchCdp||t[78]!==v.listCdpInstances||t[79]!==v.pingCdp||t[80]!==v.stopCdp||t[81]!==r.browserCdpUrl||t[82]!==i?(B=a===`cdp`?(0,X.jsx)(q,{children:(0,X.jsx)(We,{embedded:!0,m:n,cdpUrl:r.browserCdpUrl,onCdpUrlChange:e=>i({browserCdpUrl:e}),launch:v.launchCdp,stop:v.stopCdp,listInstances:v.listCdpInstances,ping:v.pingCdp})}):null,t[75]=n,t[76]=a,t[77]=v.launchCdp,t[78]=v.listCdpInstances,t[79]=v.pingCdp,t[80]=v.stopCdp,t[81]=r.browserCdpUrl,t[82]=i,t[83]=B):B=t[83];let H;t[84]!==n||t[85]!==a||t[86]!==v.testCloud||t[87]!==r.browserCloudApiKey||t[88]!==r.browserCloudProjectId||t[89]!==r.browserCloudProvider||t[90]!==r.browserCloudRegion||t[91]!==i?(H=a===`cloud`?(0,X.jsx)(q,{children:(0,X.jsx)(Qe,{embedded:!0,m:n,form:{provider:r.browserCloudProvider,apiKey:r.browserCloudApiKey,projectId:r.browserCloudProjectId,region:r.browserCloudRegion},onChange:e=>i({...e.provider===void 0?{}:{browserCloudProvider:e.provider},...e.apiKey===void 0?{}:{browserCloudApiKey:e.apiKey},...e.projectId===void 0?{}:{browserCloudProjectId:e.projectId},...e.region===void 0?{}:{browserCloudRegion:e.region}}),testCloud:v.testCloud})}):null,t[84]=n,t[85]=a,t[86]=v.testCloud,t[87]=r.browserCloudApiKey,t[88]=r.browserCloudProjectId,t[89]=r.browserCloudProvider,t[90]=r.browserCloudRegion,t[91]=i,t[92]=H):H=t[92];let U;t[93]!==L||t[94]!==R||t[95]!==z||t[96]!==B||t[97]!==H||t[98]!==F||t[99]!==I?(U=(0,X.jsxs)(`div`,{className:F,"aria-hidden":I,children:[L,R,z,B,H]}),t[93]=L,t[94]=R,t[95]=z,t[96]=B,t[97]=H,t[98]=F,t[99]=I,t[100]=U):U=t[100];let te=U;if(a===`overview`){let e;t[101]!==n||t[102]!==r.browserEnabled||t[103]!==M?(e=r.browserEnabled?null:(0,X.jsx)(ke,{m:n,onStart:M}),t[101]=n,t[102]=r.browserEnabled,t[103]=M,t[104]=e):e=t[104];let a;t[105]===Symbol.for(`react.memo_cache_sentinel`)?(a=(0,X.jsx)(`div`,{className:`flex size-9 shrink-0 items-center justify-center rounded-lg bg-surface-hover/90 text-fg-muted`,"aria-hidden":!0,children:(0,X.jsx)(d,{className:`size-4`,strokeWidth:1.75})}),t[105]=a):a=t[105];let c;t[106]===i?c=t[107]:(c=e=>i({browserEnabled:e.target.checked}),t[106]=i,t[107]=c);let l;t[108]!==r.browserEnabled||t[109]!==c?(l=(0,X.jsx)(`input`,{type:`checkbox`,className:`size-3.5 shrink-0 rounded border-edge`,checked:r.browserEnabled,onChange:c}),t[108]=r.browserEnabled,t[109]=c,t[110]=l):l=t[110];let u;t[111]===n.browserEnabledOn?u=t[112]:(u=(0,X.jsx)(`span`,{children:n.browserEnabledOn}),t[111]=n.browserEnabledOn,t[112]=u);let f;t[113]!==l||t[114]!==u?(f=(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2 text-sm font-medium text-fg`,children:[l,u]}),t[113]=l,t[114]=u,t[115]=f):f=t[115];let m;t[116]!==n.desc.browserEnabled||t[117]!==n.label.browserEnabled||t[118]!==f?(m=(0,X.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-3`,children:[a,(0,X.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,X.jsx)(Z,{label:n.label.browserEnabled,description:n.desc.browserEnabled,children:f})})]}),t[116]=n.desc.browserEnabled,t[117]=n.label.browserEnabled,t[118]=f,t[119]=m):m=t[119];let h;t[120]!==n.browserDocsLink||t[121]!==s?(h=(0,X.jsx)(De,{language:s,label:n.browserDocsLink,className:`shrink-0 pt-1`}),t[120]=n.browserDocsLink,t[121]=s,t[122]=h):h=t[122];let g;t[123]!==m||t[124]!==h?(g=(0,X.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[m,h]}),t[123]=m,t[124]=h,t[125]=g):g=t[125];let _;t[126]!==n||t[127]!==r.browserBackend||t[128]!==r.browserEnabled||t[129]!==k||t[130]!==o||t[131]!==i?(_=r.browserEnabled?(0,X.jsx)(`div`,{id:we(`connection`),className:p(`scroll-mt-24 transition-opacity`,!r.browserEnabled&&`pointer-events-none opacity-40`),children:(0,X.jsx)(Se,{m:n,value:r.browserBackend,onChange:e=>i({browserBackend:e}),onOpenConfig:o,options:k})}):(0,X.jsx)(`p`,{className:`text-xs text-fg-muted`,children:n.browserDisabledHint}),t[126]=n,t[127]=r.browserBackend,t[128]=r.browserEnabled,t[129]=k,t[130]=o,t[131]=i,t[132]=_):_=t[132];let v;t[133]!==g||t[134]!==_?(v=(0,X.jsx)(q,{children:(0,X.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[g,_]})}),t[133]=g,t[134]=_,t[135]=v):v=t[135];let y=!r.browserEnabled&&`pointer-events-none opacity-40`,b;t[136]===y?b=t[137]:(b=p(`transition-opacity`,y),t[136]=y,t[137]=b);let x=!r.browserEnabled,S;t[138]!==n||t[139]!==r||t[140]!==i?(S=(0,X.jsx)(Ee,{a:n,form:r,update:i}),t[138]=n,t[139]=r,t[140]=i,t[141]=S):S=t[141];let C;t[142]!==b||t[143]!==x||t[144]!==S?(C=(0,X.jsx)(me,{children:(0,X.jsx)(`div`,{className:b,"aria-hidden":x,children:S})}),t[142]=b,t[143]=x,t[144]=S,t[145]=C):C=t[145];let w;return t[146]!==e||t[147]!==v||t[148]!==C?(w=(0,X.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[e,v,C]}),t[146]=e,t[147]=v,t[148]=C,t[149]=w):w=t[149],w}return ze(a)?te:null}function yt(e){return e.mode}function bt(e){return e.language}function xt(e){let t=(0,Y.c)(40),{sectionId:n,intro:r,vm:i,children:a,tabbed:o}=e,s=o===void 0?!1:o,c=S(St),l;t[0]===c?l=t[1]:(l=y(c),t[0]=c,t[1]=l);let u=l,d=u.agentSettings,f=u.settingsSections[n]??n;if(!i.hasToken){let e;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,X.jsx)(re,{className:`mt-0.5 size-5 shrink-0 text-fg-subtle`,strokeWidth:1.75}),t[2]=e):e=t[2];let n;t[3]===f?n=t[4]:(n=(0,X.jsx)(`h1`,{className:`text-base font-semibold text-fg`,children:f}),t[3]=f,t[4]=n);let r;t[5]===d.needToken?r=t[6]:(r=(0,X.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:d.needToken}),t[5]=d.needToken,t[6]=r);let i;return t[7]!==n||t[8]!==r?(i=(0,X.jsx)(se,{gap:`gap-3`,padding:`px-3 py-10 sm:px-5 xl:px-6`,children:(0,X.jsxs)(`div`,{className:`flex items-start gap-3 rounded-2xl bg-surface-base p-6`,children:[e,(0,X.jsxs)(`div`,{children:[n,r]})]})}),t[7]=n,t[8]=r,t[9]=i):i=t[9],i}if(i.loading){let e;return t[10]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,X.jsx)(se,{gap:`gap-6`,padding:`px-3 py-8 sm:px-5 xl:px-6`,children:(0,X.jsx)(le,{sections:1})}),t[10]=e):e=t[10],e}if(!i.form){let e=i.error??i.fetchError??d.loadError,n;t[11]===e?n=t[12]:(n=(0,X.jsx)(`p`,{className:`text-sm text-fg-muted`,children:e}),t[11]=e,t[12]=n);let r;t[13]===i?r=t[14]:(r=()=>void i.mutate(),t[13]=i,t[14]=r);let a;t[15]!==u.logs.refresh||t[16]!==r?(a=(0,X.jsx)(m,{type:`button`,variant:`secondary`,onClick:r,children:u.logs.refresh}),t[15]=u.logs.refresh,t[16]=r,t[17]=a):a=t[17];let o;return t[18]!==n||t[19]!==a?(o=(0,X.jsxs)(se,{gap:`gap-3`,padding:`px-3 py-10 sm:px-5 xl:px-6`,children:[n,a]}),t[18]=n,t[19]=a,t[20]=o):o=t[20],o}let p=s?void 0:r,h;t[21]===d.sectionDesc?h=t[22]:(h=(0,X.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:d.sectionDesc}),t[21]=d.sectionDesc,t[22]=h);let g;t[23]!==i.autosaveStatus||t[24]!==i.error?(g=(0,X.jsx)(de,{status:i.autosaveStatus,error:i.error}),t[23]=i.autosaveStatus,t[24]=i.error,t[25]=g):g=t[25];let _;t[26]!==f||t[27]!==p||t[28]!==h||t[29]!==g?(_=(0,X.jsx)(oe,{title:f,subtitle:p,meta:h,actions:g}),t[26]=f,t[27]=p,t[28]=h,t[29]=g,t[30]=_):_=t[30];let v;t[31]===i.error?v=t[32]:(v=i.error?(0,X.jsx)(`div`,{className:`rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-red-900/50 dark:bg-red-950/50 dark:text-red-400`,role:`alert`,children:i.error}):null,t[31]=i.error,t[32]=v);let b;t[33]===a?b=t[34]:(b=(0,X.jsx)(`div`,{className:`flex min-w-0 flex-col gap-5 pb-8`,children:a}),t[33]=a,t[34]=b);let x;return t[35]!==_||t[36]!==v||t[37]!==b||t[38]!==i.onBlurCapture?(x=(0,X.jsxs)(se,{gap:`gap-6`,onBlurCapture:i.onBlurCapture,children:[_,v,b]}),t[35]=_,t[36]=v,t[37]=b,t[38]=i.onBlurCapture,t[39]=x):x=t[39],x}function St(e){return e.language}var Ct={browserEnabled:!0,browserHeadless:!1,browserAllowPrivateUrls:!1,browserCommandTimeout:void 0,browserBackend:`extension`,browserCloudProvider:`local`,browserCloudApiKey:``,browserCloudProjectId:``,browserCloudRegion:``,browserCdpUrl:``,browserExtensionPort:void 0,browserExtensionHost:`127.0.0.1`,browserExtensionConnectionTimeout:void 0,browserCloakKeepOpen:!0,browserCloakTemporaryProfile:!1,browserCloakCacheDir:``,browserCloakBinaryPath:``,browserCloakTimezone:``,browserCloakLocale:``,browserCloakWebrtcIp:``,browserCloakFingerprintPlatform:``,browserCloakExtraArgs:``,browserHumanize:!0,browserHumanPreset:`careful`,browserDialogPolicy:`auto_dismiss`,browserDialogTimeout:void 0};function wt(e){return e===!0||e===`true`||e===1}function Tt(e){let t=(e&&typeof e==`object`&&!Array.isArray(e)?e:{}).browser;if(!t||typeof t!=`object`||Array.isArray(t))return{...Ct};let n=t,r=n.cloud&&typeof n.cloud==`object`&&!Array.isArray(n.cloud)?n.cloud:{},i=n.extension&&typeof n.extension==`object`&&!Array.isArray(n.extension)?n.extension:{},a=n.cloakbrowser&&typeof n.cloakbrowser==`object`&&!Array.isArray(n.cloakbrowser)?n.cloakbrowser:{},o=n.backend,s=n.cloudProvider,c=n.dialogPolicy;return{browserEnabled:wt(n.enabled),browserHeadless:wt(n.headless),browserAllowPrivateUrls:wt(n.allowPrivateUrls),browserCommandTimeout:typeof n.commandTimeout==`number`&&n.commandTimeout>=5?Math.floor(n.commandTimeout):void 0,browserBackend:o===`local`||o===`cdp`||o===`cloud`||o===`extension`||o===`cloakbrowser`?o:`extension`,browserCloudProvider:s===`browserbase`||s===`browser-use`?s:`local`,browserCloudApiKey:typeof r.apiKey==`string`?r.apiKey:``,browserCloudProjectId:typeof r.projectId==`string`?r.projectId:``,browserCloudRegion:typeof r.region==`string`?r.region:``,browserCdpUrl:typeof n.cdpUrl==`string`?n.cdpUrl:``,browserExtensionPort:typeof i.port==`number`&&i.port>=1024&&i.port<=65535?Math.floor(i.port):void 0,browserExtensionHost:typeof i.host==`string`&&i.host?i.host:`127.0.0.1`,browserExtensionConnectionTimeout:typeof i.connectionTimeout==`number`&&i.connectionTimeout>=1e3?Math.floor(i.connectionTimeout):void 0,browserCloakKeepOpen:a.keepOpen!==!1,browserCloakTemporaryProfile:a.temporaryProfile===!0,browserCloakCacheDir:typeof a.cacheDir==`string`?a.cacheDir:``,browserCloakBinaryPath:typeof a.binaryPath==`string`?a.binaryPath:``,browserCloakTimezone:typeof a.timezone==`string`?a.timezone:``,browserCloakLocale:typeof a.locale==`string`?a.locale:``,browserCloakWebrtcIp:typeof a.webrtcIp==`string`?a.webrtcIp:``,browserCloakFingerprintPlatform:typeof a.fingerprintPlatform==`string`?a.fingerprintPlatform:``,browserCloakExtraArgs:Array.isArray(a.extraArgs)?a.extraArgs.filter(e=>typeof e==`string`&&e.trim().length>0).join(`
+`):``,browserHumanize:n.humanize!==!1,browserHumanPreset:n.humanPreset==="default"?`default`:`careful`,browserDialogPolicy:c===`must_respond`||c===`auto_accept`?c:`auto_dismiss`,browserDialogTimeout:typeof n.dialogTimeoutSeconds==`number`&&n.dialogTimeoutSeconds>=1?Math.floor(n.dialogTimeoutSeconds):void 0}}function Et(e){return{enabled:e.browserEnabled,headless:e.browserHeadless,allowPrivateUrls:e.browserAllowPrivateUrls,...e.browserCommandTimeout===void 0?{}:{commandTimeout:e.browserCommandTimeout},backend:e.browserBackend,...e.browserCloudProvider===`local`?{}:{cloudProvider:e.browserCloudProvider},...e.browserBackend===`cloud`?{cloud:{...e.browserCloudApiKey.trim()?{apiKey:e.browserCloudApiKey.trim()}:{},...e.browserCloudProjectId.trim()?{projectId:e.browserCloudProjectId.trim()}:{},...e.browserCloudRegion.trim()?{region:e.browserCloudRegion.trim()}:{}}}:{},...e.browserCdpUrl.trim()?{cdpUrl:e.browserCdpUrl.trim()}:{},...e.browserBackend===`extension`?{extension:{...e.browserExtensionPort===void 0?{}:{port:e.browserExtensionPort},...e.browserExtensionHost.trim()?{host:e.browserExtensionHost.trim()}:{},...e.browserExtensionConnectionTimeout===void 0?{}:{connectionTimeout:e.browserExtensionConnectionTimeout}}}:{},...e.browserBackend===`cloakbrowser`?{cloakbrowser:{keepOpen:e.browserCloakKeepOpen,temporaryProfile:e.browserCloakTemporaryProfile,...e.browserCloakCacheDir.trim()?{cacheDir:e.browserCloakCacheDir.trim()}:{},...e.browserCloakBinaryPath.trim()?{binaryPath:e.browserCloakBinaryPath.trim()}:{},...e.browserCloakTimezone.trim()?{timezone:e.browserCloakTimezone.trim()}:{},...e.browserCloakLocale.trim()?{locale:e.browserCloakLocale.trim()}:{},...e.browserCloakWebrtcIp.trim()?{webrtcIp:e.browserCloakWebrtcIp.trim()}:{},...e.browserCloakFingerprintPlatform.trim()?{fingerprintPlatform:e.browserCloakFingerprintPlatform.trim()}:{},...(()=>{let t=e.browserCloakExtraArgs.split(`
+`).map(e=>e.trim()).filter(Boolean);return t.length>0?{extraArgs:t}:{}})()},humanize:e.browserHumanize,humanPreset:e.browserHumanPreset}:{},...e.browserDialogPolicy===`auto_dismiss`?{}:{dialogPolicy:e.browserDialogPolicy},...e.browserDialogTimeout===void 0?{}:{dialogTimeoutSeconds:e.browserDialogTimeout}}}async function Dt(e){await b(C(`/api/config`),{method:`PATCH`,body:JSON.stringify({browser:Et(e)})}),T()}var Ot=I();function kt(e){let t=!!w(e=>e.token),[n,r]=(0,J.useReducer)(Ot,{form:null,baseline:null}),i=n.form,a=n.baseline,o=(0,J.useRef)(!1),s=(0,J.useRef)(i);s.current=i;let c=(0,J.useRef)(null),{data:l,error:u,isLoading:d,mutate:f}=E(t);L({enabled:t,parsed:(0,J.useMemo)(()=>l?.payload?.config===void 0?null:Tt(l.payload.config),[l]),dirty:o.current,trackedParsedRef:c,dispatch:r,onResetDirty:()=>{o.current=!1}});let p=!!(t&&d&&l===void 0&&!u),m=u instanceof Error?u.message:u?String(u):null,h=(0,J.useMemo)(()=>!i||!a?!1:JSON.stringify(i)!==JSON.stringify(a),[i,a]),g=(0,J.useCallback)(e=>{o.current=!0,r({type:`patch`,patch:e})},[]),_=fe({value:i,dirty:h,onSave:(0,J.useCallback)(async t=>{try{await Dt(t),r({type:`saved`,value:t}),o.current=!!(s.current&&JSON.stringify(s.current)!==JSON.stringify(t))}catch(t){throw Error(t instanceof Error?t.message:e.saveError)}},[e.saveError])});return{hasToken:t,loading:p,fetchError:m,form:i,update:g,autosaveStatus:_.status,error:_.error,onBlurCapture:_.onBlurCapture,mutate:f}}function At(e,t){return e.browserTabs[t]}function jt(){let e=(0,Y.c)(42),t=S(Nt),n;e[0]===t?n=e[1]:(n=y(t),e[0]=t,e[1]=n);let r=n,a=r.agentSettings,o=r.chat,s=V(Mt),c=kt(a),[l,u]=i(),d;e[2]===s?d=e[3]:(d=_e(Fe,s),e[2]=s,e[3]=d);let f=d,p;e[4]===l?p=e[5]:(p=Te(l.get(`focus`)),e[4]=l,e[5]=p);let m=p,h;e[6]!==m||e[7]!==l?(h=m?Le[m]??Re(l.get(`tab`)):Re(l.get(`tab`)),e[6]=m,e[7]=l,e[8]=h):h=e[8];let g=h,_;bb0:{if(!c.form){_=null;break bb0}let t;e[9]!==a||e[10]!==o||e[11]!==c.form||e[12]!==c.update?(t={form:c.form,update:c.update,a,chat:o},e[9]=a,e[10]=o,e[11]=c.form,e[12]=c.update,e[13]=t):t=e[13],_=t}let v=_,b;e[14]===u?b=e[15]:(b=e=>{u(t=>{let n=new URLSearchParams(t);return n.delete(`focus`),e===`overview`?n.delete(`tab`):n.set(`tab`,e),n},{replace:!0})},e[14]=u,e[15]=b);let x=b;ge(g,x);let C,w;e[16]!==m||e[17]!==l||e[18]!==u?(C=()=>{if(!m)return;let e=Le[m]??Re(l.get(`tab`));u(t=>{let n=new URLSearchParams(t);return n.delete(`focus`),e===`overview`?n.delete(`tab`):n.set(`tab`,e),n},{replace:!0});let t=m===`runtime`||m===`security`?we(m):null;if(!t)return;let n=window.setTimeout(()=>{document.getElementById(t)?.scrollIntoView({behavior:`smooth`,block:`start`})},80);return()=>window.clearTimeout(n)},w=[m,l,u],e[16]=m,e[17]=l,e[18]=u,e[19]=C,e[20]=w):(C=e[19],w=e[20]),(0,J.useEffect)(C,w);let T;if(e[21]!==a||e[22]!==f){let t;e[24]===a?t=e[25]:(t=e=>({id:e,label:At(a,e)}),e[24]=a,e[25]=t),T=f.map(t),e[21]=a,e[22]=f,e[23]=T}else T=e[23];let E=T,D;e[26]!==g||e[27]!==a.browserTabsAria||e[28]!==x||e[29]!==E?(D=(0,X.jsx)(pe,{items:E,activeTab:g,onChange:x,ariaLabel:a.browserTabsAria,tabIdPrefix:`agent-browser-tab`,panelIdPrefix:`agent-browser-panel`}),e[26]=g,e[27]=a.browserTabsAria,e[28]=x,e[29]=E,e[30]=D):D=e[30];let O;e[31]!==g||e[32]!==v||e[33]!==x?(O=v?(0,X.jsx)(vt,{...v,activeTab:g,setActiveTab:x}):null,e[31]=g,e[32]=v,e[33]=x,e[34]=O):O=e[34];let k;e[35]!==g||e[36]!==O?(k=(0,X.jsx)(ce,{id:g,activeTab:g,tabIdPrefix:`agent-browser-tab`,panelIdPrefix:`agent-browser-panel`,showHeading:!1,framed:!1,children:O}),e[35]=g,e[36]=O,e[37]=k):k=e[37];let A;return e[38]!==k||e[39]!==D||e[40]!==c?(A=(0,X.jsxs)(xt,{sectionId:`agent-browser`,intro:``,vm:c,tabbed:!0,children:[D,k]}),e[38]=k,e[39]=D,e[40]=c,e[41]=A):A=e[41],A}function Mt(e){return e.mode}function Nt(e){return e.language}export{jt as AgentBrowserSettingsPage};

package/dist/gateway/static/root/assets/{browser-workflow-inputs-CHHw7Ula.js → browser-workflow-inputs-jvfcgFG-.js}

@@ -1 +1 @@
-import{n as e,t}from"./vendor-react-BOUWij0V.js";import{t as n}from"./popover-select-DBrVS3tZ.js";import{a as r,r as i}from"./locale-store-XDFAPNNu.js";var a={list:()=>r(i(`/api/browser/workflows`)),setEnabled:(e,t)=>r(i(`/api/browser/workflows/${encodeURIComponent(e)}`),{method:`PATCH`,body:JSON.stringify({enabled:t})}),remove:e=>r(i(`/api/browser/workflows/${encodeURIComponent(e)}`),{method:`DELETE`}),run:(e,t)=>r(i(`/api/browser/workflows/${encodeURIComponent(e)}/run`),{method:`POST`,body:JSON.stringify({inputs:t})}),getRun:e=>r(i(`/api/browser/workflow-runs/${encodeURIComponent(e)}`)),listRuns:e=>r(i(`/api/browser/workflow-runs?workflowId=${encodeURIComponent(e)}`)),cancel:e=>r(i(`/api/browser/workflow-runs/${encodeURIComponent(e)}/cancel`),{method:`POST`})};function o(e){return Object.fromEntries(Object.entries(e.inputs).flatMap(([e,t])=>t.default===void 0?[]:[[e,t.default]]))}function s(e,t){return!Object.entries(e.inputs).some(([e,n])=>n.required&&(t[e]===void 0||t[e]===``))}var c=e(),l=t();function u(e){let t=(0,c.c)(54),{name:r,input:i,value:a,yes:o,no:s,onChange:u}=e,f;t[0]!==i.description||t[1]!==r?(f=i.description?.trim()||r,t[0]=i.description,t[1]=r,t[2]=f):f=t[2];let p=f;if(i.choices?.length){let e;t[3]===i.choices?e=t[4]:(e=i.choices.map(d),t[3]=i.choices,t[4]=e);let r=e,o=i.required?` *`:``,s;t[5]!==p||t[6]!==o?(s=(0,l.jsxs)(`span`,{className:`mb-1.5 block font-medium`,children:[p,o]}),t[5]=p,t[6]=o,t[7]=s):s=t[7];let c;t[8]===a?c=t[9]:(c=a===void 0?``:JSON.stringify(a),t[8]=a,t[9]=c);let f;t[10]===u?f=t[11]:(f=e=>u(JSON.parse(e)),t[10]=u,t[11]=f);let m;t[12]!==p||t[13]!==r||t[14]!==c||t[15]!==f?(m=(0,l.jsx)(n,{value:c,options:r,placeholder:p,onChange:f}),t[12]=p,t[13]=r,t[14]=c,t[15]=f,t[16]=m):m=t[16];let h;return t[17]!==s||t[18]!==m?(h=(0,l.jsxs)(`label`,{className:`block text-sm text-fg`,children:[s,m]}),t[17]=s,t[18]=m,t[19]=h):h=t[19],h}if(i.type===`boolean`){let e=i.required?` *`:``,r;t[20]!==p||t[21]!==e?(r=(0,l.jsxs)(`span`,{className:`mb-1.5 block font-medium`,children:[p,e]}),t[20]=p,t[21]=e,t[22]=r):r=t[22];let c=typeof a==`boolean`?String(a):``,d;t[23]===o?d=t[24]:(d={value:`true`,label:o},t[23]=o,t[24]=d);let f;t[25]===s?f=t[26]:(f={value:`false`,label:s},t[25]=s,t[26]=f);let m;t[27]!==d||t[28]!==f?(m=[d,f],t[27]=d,t[28]=f,t[29]=m):m=t[29];let h;t[30]===u?h=t[31]:(h=e=>u(e===`true`),t[30]=u,t[31]=h);let g;t[32]!==p||t[33]!==c||t[34]!==m||t[35]!==h?(g=(0,l.jsx)(n,{value:c,options:m,placeholder:p,onChange:h}),t[32]=p,t[33]=c,t[34]=m,t[35]=h,t[36]=g):g=t[36];let _;return t[37]!==r||t[38]!==g?(_=(0,l.jsxs)(`label`,{className:`block text-sm text-fg`,children:[r,g]}),t[37]=r,t[38]=g,t[39]=_):_=t[39],_}let m=i.type===`number`||i.type===`integer`,h=i.required?` *`:``,g;t[40]!==p||t[41]!==h?(g=(0,l.jsxs)(`span`,{className:`mb-1.5 block font-medium`,children:[p,h]}),t[40]=p,t[41]=h,t[42]=g):g=t[42];let _=m?`number`:`text`,v=i.type===`integer`?1:void 0,y=a===void 0?``:String(a),b;t[43]!==m||t[44]!==u?(b=e=>u(m?e.target.value===``?void 0:Number(e.target.value):e.target.value),t[43]=m,t[44]=u,t[45]=b):b=t[45];let x;t[46]!==_||t[47]!==v||t[48]!==y||t[49]!==b?(x=(0,l.jsx)(`input`,{type:_,step:v,value:y,onChange:b,className:`h-10 w-full rounded-lg border border-edge bg-surface-subtle px-3 text-sm text-fg outline-none focus:border-accent`}),t[46]=_,t[47]=v,t[48]=y,t[49]=b,t[50]=x):x=t[50];let S;return t[51]!==g||t[52]!==x?(S=(0,l.jsxs)(`label`,{className:`block text-sm text-fg`,children:[g,x]}),t[51]=g,t[52]=x,t[53]=S):S=t[53],S}function d(e){return{value:JSON.stringify(e),label:String(e)}}function f(e){let t=(0,c.c)(7),{workflow:n,values:r,language:i,onChange:a}=e,o;t[0]===n.inputs?o=t[1]:(o=Object.entries(n.inputs),t[0]=n.inputs,t[1]=o);let s;return t[2]!==i||t[3]!==a||t[4]!==o||t[5]!==r?(s=(0,l.jsx)(`div`,{className:`grid gap-4`,children:o.map(e=>{let[t,n]=e;return(0,l.jsx)(u,{name:t,input:n,value:r[t],yes:i===`zh`?`是`:`Yes`,no:i===`zh`?`否`:`No`,onChange:e=>a({...r,[t]:e})},t)})}),t[2]=i,t[3]=a,t[4]=o,t[5]=r,t[6]=s):s=t[6],s}export{a as i,s as n,o as r,f as t};
+import{n as e,t}from"./vendor-react-BOUWij0V.js";import{t as n}from"./popover-select-DrILF6mR.js";import{a as r,r as i}from"./locale-store-C5wr3_pc.js";var a={list:()=>r(i(`/api/browser/workflows`)),setEnabled:(e,t)=>r(i(`/api/browser/workflows/${encodeURIComponent(e)}`),{method:`PATCH`,body:JSON.stringify({enabled:t})}),remove:e=>r(i(`/api/browser/workflows/${encodeURIComponent(e)}`),{method:`DELETE`}),run:(e,t)=>r(i(`/api/browser/workflows/${encodeURIComponent(e)}/run`),{method:`POST`,body:JSON.stringify({inputs:t})}),getRun:e=>r(i(`/api/browser/workflow-runs/${encodeURIComponent(e)}`)),listRuns:e=>r(i(`/api/browser/workflow-runs?workflowId=${encodeURIComponent(e)}`)),cancel:e=>r(i(`/api/browser/workflow-runs/${encodeURIComponent(e)}/cancel`),{method:`POST`})};function o(e){return Object.fromEntries(Object.entries(e.inputs).flatMap(([e,t])=>t.default===void 0?[]:[[e,t.default]]))}function s(e,t){return!Object.entries(e.inputs).some(([e,n])=>n.required&&(t[e]===void 0||t[e]===``))}var c=e(),l=t();function u(e){let t=(0,c.c)(54),{name:r,input:i,value:a,yes:o,no:s,onChange:u}=e,f;t[0]!==i.description||t[1]!==r?(f=i.description?.trim()||r,t[0]=i.description,t[1]=r,t[2]=f):f=t[2];let p=f;if(i.choices?.length){let e;t[3]===i.choices?e=t[4]:(e=i.choices.map(d),t[3]=i.choices,t[4]=e);let r=e,o=i.required?` *`:``,s;t[5]!==p||t[6]!==o?(s=(0,l.jsxs)(`span`,{className:`mb-1.5 block font-medium`,children:[p,o]}),t[5]=p,t[6]=o,t[7]=s):s=t[7];let c;t[8]===a?c=t[9]:(c=a===void 0?``:JSON.stringify(a),t[8]=a,t[9]=c);let f;t[10]===u?f=t[11]:(f=e=>u(JSON.parse(e)),t[10]=u,t[11]=f);let m;t[12]!==p||t[13]!==r||t[14]!==c||t[15]!==f?(m=(0,l.jsx)(n,{value:c,options:r,placeholder:p,onChange:f}),t[12]=p,t[13]=r,t[14]=c,t[15]=f,t[16]=m):m=t[16];let h;return t[17]!==s||t[18]!==m?(h=(0,l.jsxs)(`label`,{className:`block text-sm text-fg`,children:[s,m]}),t[17]=s,t[18]=m,t[19]=h):h=t[19],h}if(i.type===`boolean`){let e=i.required?` *`:``,r;t[20]!==p||t[21]!==e?(r=(0,l.jsxs)(`span`,{className:`mb-1.5 block font-medium`,children:[p,e]}),t[20]=p,t[21]=e,t[22]=r):r=t[22];let c=typeof a==`boolean`?String(a):``,d;t[23]===o?d=t[24]:(d={value:`true`,label:o},t[23]=o,t[24]=d);let f;t[25]===s?f=t[26]:(f={value:`false`,label:s},t[25]=s,t[26]=f);let m;t[27]!==d||t[28]!==f?(m=[d,f],t[27]=d,t[28]=f,t[29]=m):m=t[29];let h;t[30]===u?h=t[31]:(h=e=>u(e===`true`),t[30]=u,t[31]=h);let g;t[32]!==p||t[33]!==c||t[34]!==m||t[35]!==h?(g=(0,l.jsx)(n,{value:c,options:m,placeholder:p,onChange:h}),t[32]=p,t[33]=c,t[34]=m,t[35]=h,t[36]=g):g=t[36];let _;return t[37]!==r||t[38]!==g?(_=(0,l.jsxs)(`label`,{className:`block text-sm text-fg`,children:[r,g]}),t[37]=r,t[38]=g,t[39]=_):_=t[39],_}let m=i.type===`number`||i.type===`integer`,h=i.required?` *`:``,g;t[40]!==p||t[41]!==h?(g=(0,l.jsxs)(`span`,{className:`mb-1.5 block font-medium`,children:[p,h]}),t[40]=p,t[41]=h,t[42]=g):g=t[42];let _=m?`number`:`text`,v=i.type===`integer`?1:void 0,y=a===void 0?``:String(a),b;t[43]!==m||t[44]!==u?(b=e=>u(m?e.target.value===``?void 0:Number(e.target.value):e.target.value),t[43]=m,t[44]=u,t[45]=b):b=t[45];let x;t[46]!==_||t[47]!==v||t[48]!==y||t[49]!==b?(x=(0,l.jsx)(`input`,{type:_,step:v,value:y,onChange:b,className:`h-10 w-full rounded-lg border border-edge bg-surface-subtle px-3 text-sm text-fg outline-none focus:border-accent`}),t[46]=_,t[47]=v,t[48]=y,t[49]=b,t[50]=x):x=t[50];let S;return t[51]!==g||t[52]!==x?(S=(0,l.jsxs)(`label`,{className:`block text-sm text-fg`,children:[g,x]}),t[51]=g,t[52]=x,t[53]=S):S=t[53],S}function d(e){return{value:JSON.stringify(e),label:String(e)}}function f(e){let t=(0,c.c)(7),{workflow:n,values:r,language:i,onChange:a}=e,o;t[0]===n.inputs?o=t[1]:(o=Object.entries(n.inputs),t[0]=n.inputs,t[1]=o);let s;return t[2]!==i||t[3]!==a||t[4]!==o||t[5]!==r?(s=(0,l.jsx)(`div`,{className:`grid gap-4`,children:o.map(e=>{let[t,n]=e;return(0,l.jsx)(u,{name:t,input:n,value:r[t],yes:i===`zh`?`是`:`Yes`,no:i===`zh`?`否`:`No`,onChange:e=>a({...r,[t]:e})},t)})}),t[2]=i,t[3]=a,t[4]=o,t[5]=r,t[6]=s):s=t[6],s}export{a as i,s as n,o as r,f as t};

package/dist/gateway/static/root/assets/{browser-workflows-page-Ael9sxrp.js → browser-workflows-page-DrHW7XNi.js}

@@ -1,3 +1,3 @@
-import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t,t as n}from"./vendor-react-BOUWij0V.js";import{l as r}from"./chunk-KS7C4IRE-BaASWQor.js";import{t as i}from"./button-CSEbl4zT.js";import{n as a}from"./locale-store-XDFAPNNu.js";import{t as o}from"./skeleton-BwbyijEw.js";import{Aa as s,Bc as c,Bo as l,Es as u,Jc as d,Mc as f,Ss as p,Xo as m,Yc as h,ul as g}from"./index-DKP23eMn.js";import{i as _,n as v,r as y,t as b}from"./browser-workflow-inputs-CHHw7Ula.js";var x=e(t(),1),S=n(),C={en:{title:`Browser automations`,subtitle:`Let your assistant repeat routine actions on the web.`,emptyTitle:`No browser automations yet`,emptyBody:`Tell your assistant what to do on the web. Once it works, save it and run it again whenever you need.`,create:`Create with assistant`,edit:`Edit with assistant`,run:`Run now`,stop:`Stop`,enable:`Enable`,pause:`Pause`,enabled:`Enabled`,paused:`Paused`,inputs:`Before running`,noInputs:`This automation is ready to run.`,history:`Recent activity`,delete:`Delete automation`,confirmDelete:`Delete this browser automation?`,required:`Please complete all required fields.`,queued:`Waiting to start`,running:`Running`,succeeded:`Completed`,failed:`Needs attention`,cancelled:`Stopped`,result:`Result`,read_only:`Reads information`,account_write:`Changes account data`,sensitive:`Sensitive action`,createPrompt:`Help me create a reusable browser automation. Ask what I want the browser to do, perform it once with me, then save the successful steps. Keep all technical details hidden.`,editPrompt:`Help me update the browser automation "{name}" (id: {id}). Ask what should change, test the new browser steps, then save it.`},zh:{title:`浏览器自动化`,subtitle:`让助手自动重复完成网页上的固定操作。`,emptyTitle:`还没有浏览器自动化`,emptyBody:`告诉助手你希望在网页上自动完成什么。成功执行一次后，即可保存并重复运行。`,create:`让助手帮我创建`,edit:`让助手帮我修改`,run:`立即运行`,stop:`停止`,enable:`启用`,pause:`暂停`,enabled:`已启用`,paused:`已暂停`,inputs:`运行前需要填写`,noInputs:`这个自动化可以直接运行。`,history:`最近运行`,delete:`删除自动化`,confirmDelete:`确定删除这个浏览器自动化吗？`,required:`请填写所有必填内容。`,queued:`等待开始`,running:`正在运行`,succeeded:`已完成`,failed:`需要处理`,cancelled:`已停止`,result:`运行结果`,read_only:`仅读取信息`,account_write:`会修改账户数据`,sensitive:`包含敏感操作`,createPrompt:`请帮我创建一个可重复运行的浏览器自动化。先询问我希望浏览器完成什么，陪我实际执行成功一次，然后保存成功步骤。不要让我处理技术细节。`,editPrompt:`请帮我修改浏览器自动化“{name}”（id：{id}）。先询问我要修改什么，实际测试新的浏览器步骤，然后保存。`}};function w(e){return e!==`queued`&&e!==`running`}function T(e){return e==null?`-`:typeof e==`string`?e:typeof e==`number`||typeof e==`boolean`?String(e):Array.isArray(e)?e.map(e=>`• ${T(e)}`).join(`
+import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t,t as n}from"./vendor-react-BOUWij0V.js";import{l as r}from"./chunk-KS7C4IRE-BaASWQor.js";import{t as i}from"./pencil-DmIY3Oa-.js";import{t as a}from"./button-CSEbl4zT.js";import{n as o}from"./locale-store-C5wr3_pc.js";import{t as s}from"./skeleton-BwbyijEw.js";import{Es as c,Il as l,Qs as u,bl as d,fl as f,gs as p,il as m,oo as h,xl as g}from"./index-7i2P3312.js";import{i as _,n as v,r as y,t as b}from"./browser-workflow-inputs-jvfcgFG-.js";var x=e(t(),1),S=n(),C={en:{title:`Browser automations`,subtitle:`Let your assistant repeat routine actions on the web.`,emptyTitle:`No browser automations yet`,emptyBody:`Tell your assistant what to do on the web. Once it works, save it and run it again whenever you need.`,create:`Create with assistant`,edit:`Edit with assistant`,run:`Run now`,stop:`Stop`,enable:`Enable`,pause:`Pause`,enabled:`Enabled`,paused:`Paused`,inputs:`Before running`,noInputs:`This automation is ready to run.`,history:`Recent activity`,delete:`Delete automation`,confirmDelete:`Delete this browser automation?`,required:`Please complete all required fields.`,queued:`Waiting to start`,running:`Running`,succeeded:`Completed`,failed:`Needs attention`,cancelled:`Stopped`,result:`Result`,read_only:`Reads information`,account_write:`Changes account data`,sensitive:`Sensitive action`,createPrompt:`Help me create a reusable browser automation. Ask what I want the browser to do, perform it once with me, then save the successful steps. Keep all technical details hidden.`,editPrompt:`Help me update the browser automation "{name}" (id: {id}). Ask what should change, test the new browser steps, then save it.`},zh:{title:`浏览器自动化`,subtitle:`让助手自动重复完成网页上的固定操作。`,emptyTitle:`还没有浏览器自动化`,emptyBody:`告诉助手你希望在网页上自动完成什么。成功执行一次后，即可保存并重复运行。`,create:`让助手帮我创建`,edit:`让助手帮我修改`,run:`立即运行`,stop:`停止`,enable:`启用`,pause:`暂停`,enabled:`已启用`,paused:`已暂停`,inputs:`运行前需要填写`,noInputs:`这个自动化可以直接运行。`,history:`最近运行`,delete:`删除自动化`,confirmDelete:`确定删除这个浏览器自动化吗？`,required:`请填写所有必填内容。`,queued:`等待开始`,running:`正在运行`,succeeded:`已完成`,failed:`需要处理`,cancelled:`已停止`,result:`运行结果`,read_only:`仅读取信息`,account_write:`会修改账户数据`,sensitive:`包含敏感操作`,createPrompt:`请帮我创建一个可重复运行的浏览器自动化。先询问我希望浏览器完成什么，陪我实际执行成功一次，然后保存成功步骤。不要让我处理技术细节。`,editPrompt:`请帮我修改浏览器自动化“{name}”（id：{id}）。先询问我要修改什么，实际测试新的浏览器步骤，然后保存。`}};function w(e){return e!==`queued`&&e!==`running`}function T(e){return e==null?`-`:typeof e==`string`?e:typeof e==`number`||typeof e==`boolean`?String(e):Array.isArray(e)?e.map(e=>`• ${T(e)}`).join(`
 `):typeof e==`object`?Object.entries(e).map(([e,t])=>`${e}: ${T(t)}`).join(`
-`):String(e)}function E(){let e=a(e=>e.language),t=C[e],n=r(),E=s(e=>e.setPageHeader),D=s(e=>e.clearPageHeader),[O,k]=(0,x.useState)(null),[A,j]=(0,x.useState)(),[M,N]=(0,x.useState)({}),[P,F]=(0,x.useState)([]),[I,L]=(0,x.useState)(),[R,z]=(0,x.useState)(``),[B,V]=(0,x.useState)(!1),H=(0,x.useMemo)(()=>O?.find(e=>e.id===A),[A,O]),U=(0,x.useCallback)(async()=>{let e=await _.list();k(e.workflows),j(t=>t&&e.workflows.some(e=>e.id===t)?t:e.workflows[0]?.id)},[]);(0,x.useEffect)(()=>{U().catch(e=>z(String(e)))},[U]),(0,x.useEffect)(()=>{H&&(N(y(H)),L(void 0),z(``),_.listRuns(H.id).then(e=>F(e.runs)).catch(e=>z(String(e))))},[H]),(0,x.useEffect)(()=>{if(!I||w(I.status))return;let e=window.setInterval(()=>{_.getRun(I.id).then(({run:e})=>{L(e),w(e.status)&&H&&_.listRuns(H.id).then(e=>F(e.runs))}).catch(e=>z(String(e)))},700);return()=>window.clearInterval(e)},[I,H]);let W=(0,x.useCallback)(e=>{n(`/chat/new?draft=${encodeURIComponent(e)}`)},[n]),G=(0,x.useMemo)(()=>(0,S.jsxs)(i,{onClick:()=>W(t.createPrompt),children:[(0,S.jsx)(g,{className:`size-4`}),t.create]}),[W,t.create,t.createPrompt]);(0,x.useLayoutEffect)(()=>(E({startExtra:null,main:(0,S.jsxs)(`div`,{className:`min-w-0`,children:[(0,S.jsx)(`h1`,{className:`truncate text-base font-semibold tracking-tight text-fg`,children:t.title}),(0,S.jsx)(`p`,{className:`truncate text-xs text-fg-muted`,children:t.subtitle})]}),end:G}),()=>D()),[D,G,E,t.subtitle,t.title]);let K=async()=>{if(H){V(!0);try{await _.setEnabled(H.id,!H.enabled),await U()}catch(e){z(String(e))}finally{V(!1)}}},q=async()=>{if(H){if(!v(H,M)){z(t.required);return}V(!0);try{let{run:e}=await _.run(H.id,M);L(e),z(``)}catch(e){z(String(e))}finally{V(!1)}}},J=async()=>{if(!(!H||!window.confirm(t.confirmDelete))){V(!0);try{await _.remove(H.id),j(void 0),F([]),await U()}catch(e){z(String(e))}finally{V(!1)}}};return O===null?(0,S.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-surface-panel p-4 sm:p-6`,children:(0,S.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-[280px_minmax(0,1fr)]`,children:[(0,S.jsx)(o,{className:`h-[420px] rounded-xl`}),(0,S.jsx)(o,{className:`h-[420px] rounded-xl`})]})}):O.length===0?(0,S.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-surface-panel p-4 sm:p-6`,children:(0,S.jsxs)(`div`,{className:`m-auto max-w-md rounded-2xl border border-edge bg-surface-base p-8 text-center`,children:[(0,S.jsx)(g,{className:`mx-auto size-10 text-accent`}),(0,S.jsx)(`h2`,{className:`mt-4 text-lg font-semibold text-fg`,children:t.emptyTitle}),(0,S.jsx)(`p`,{className:`mt-2 text-sm leading-6 text-fg-muted`,children:t.emptyBody}),(0,S.jsxs)(i,{className:`mt-5`,onClick:()=>W(t.createPrompt),children:[(0,S.jsx)(g,{className:`size-4`}),t.create]})]})}):(0,S.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-surface-panel p-4 sm:p-6`,children:(0,S.jsxs)(`div`,{className:`grid min-h-0 flex-1 gap-4 lg:grid-cols-[280px_minmax(0,1fr)]`,children:[(0,S.jsx)(`aside`,{className:`min-h-0 overflow-y-auto rounded-xl border border-edge bg-surface-base p-2`,children:O.map(e=>(0,S.jsxs)(`button`,{onClick:()=>j(e.id),className:`mb-1 w-full rounded-lg p-3 text-left ${A===e.id?`bg-accent-soft text-accent-fg`:`hover:bg-surface-hover`}`,children:[(0,S.jsx)(`span`,{className:`block truncate text-sm font-medium`,children:e.name}),(0,S.jsxs)(`span`,{className:`mt-1 flex items-center gap-1.5 text-xs text-fg-muted`,children:[e.enabled?(0,S.jsx)(d,{className:`size-3.5 text-emerald-600`}):(0,S.jsx)(h,{className:`size-3.5`}),e.enabled?t.enabled:t.paused]})]},e.id))}),H&&(0,S.jsxs)(`main`,{className:`min-h-0 overflow-y-auto rounded-xl border border-edge bg-surface-base p-5 sm:p-6`,children:[(0,S.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-4`,children:[(0,S.jsxs)(`div`,{className:`min-w-0`,children:[(0,S.jsx)(`h2`,{className:`text-lg font-semibold text-fg`,children:H.name}),H.description&&(0,S.jsx)(`p`,{className:`mt-1 max-w-2xl text-sm leading-6 text-fg-muted`,children:H.description}),(0,S.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-2 text-xs`,children:[(0,S.jsx)(`span`,{className:`rounded-full bg-surface-subtle px-2.5 py-1 text-fg-muted`,children:t[H.risk]}),H.domains.map(e=>(0,S.jsxs)(`span`,{className:`flex items-center gap-1 rounded-full bg-surface-subtle px-2.5 py-1 text-fg-muted`,children:[(0,S.jsx)(f,{className:`size-3`}),e]},e))]})]}),(0,S.jsxs)(`div`,{className:`flex gap-2`,children:[(0,S.jsxs)(i,{variant:`secondary`,disabled:B,onClick:()=>void K(),children:[H.enabled?(0,S.jsx)(h,{className:`size-4`}):(0,S.jsx)(d,{className:`size-4`}),H.enabled?t.pause:t.enable]}),(0,S.jsxs)(i,{variant:`secondary`,onClick:()=>W(t.editPrompt.replace(`{name}`,H.name).replace(`{id}`,H.id)),children:[(0,S.jsx)(u,{className:`size-4`}),t.edit]})]})]}),(0,S.jsxs)(`section`,{className:`mt-7 max-w-xl`,children:[(0,S.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:t.inputs}),Object.keys(H.inputs).length===0?(0,S.jsx)(`p`,{className:`mt-2 text-sm text-fg-muted`,children:t.noInputs}):(0,S.jsx)(`div`,{className:`mt-3`,children:(0,S.jsx)(b,{workflow:H,values:M,language:e,onChange:N})}),(0,S.jsxs)(`div`,{className:`mt-5 flex gap-2`,children:[(0,S.jsxs)(i,{variant:`primary`,disabled:!H.enabled||B||!!(I&&!w(I.status)),onClick:()=>void q(),children:[(0,S.jsx)(p,{className:`size-4`}),t.run]}),I&&!w(I.status)&&(0,S.jsxs)(i,{variant:`secondary`,onClick:()=>void _.cancel(I.id),children:[(0,S.jsx)(m,{className:`size-4`}),t.stop]})]}),R&&(0,S.jsx)(`p`,{className:`mt-3 text-sm text-red-700 dark:text-red-300`,children:R})]}),I&&(0,S.jsxs)(`section`,{className:`mt-7 rounded-xl border border-edge bg-surface-subtle p-4`,children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-medium text-fg`,children:[(0,S.jsx)(c,{className:`size-4`}),t[I.status]]}),I.error&&(0,S.jsx)(`p`,{className:`mt-2 text-sm text-red-700 dark:text-red-300`,children:I.error}),I.status===`succeeded`&&I.result!==void 0&&(0,S.jsxs)(`div`,{className:`mt-3`,children:[(0,S.jsx)(`h3`,{className:`text-xs font-semibold uppercase tracking-wide text-fg-muted`,children:t.result}),(0,S.jsx)(`pre`,{className:`mt-2 max-h-64 overflow-auto whitespace-pre-wrap text-sm text-fg`,children:T(I.result)})]})]}),(0,S.jsxs)(`section`,{className:`mt-8`,children:[(0,S.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:t.history}),(0,S.jsx)(`div`,{className:`mt-2 divide-y divide-edge`,children:P.slice(0,10).map(e=>(0,S.jsxs)(`button`,{className:`flex w-full items-center justify-between gap-3 py-3 text-left text-sm hover:text-accent`,onClick:()=>L(e),children:[(0,S.jsx)(`span`,{children:t[e.status]}),(0,S.jsxs)(`span`,{className:`text-xs text-fg-muted`,children:[new Date(e.createdAtMs).toLocaleString(),e.durationMs?` · ${Math.max(1,Math.round(e.durationMs/1e3))}s`:``]})]},e.id))})]}),(0,S.jsx)(`div`,{className:`mt-8 border-t border-edge pt-4`,children:(0,S.jsxs)(i,{variant:`ghost`,className:`text-red-700 dark:text-red-300`,disabled:B,onClick:()=>void J(),children:[(0,S.jsx)(l,{className:`size-4`}),t.delete]})})]})]})})}export{E as BrowserWorkflowsPage};
+`):String(e)}function E(){let e=o(e=>e.language),t=C[e],n=r(),E=h(e=>e.setPageHeader),D=h(e=>e.clearPageHeader),[O,k]=(0,x.useState)(null),[A,j]=(0,x.useState)(),[M,N]=(0,x.useState)({}),[P,F]=(0,x.useState)([]),[I,L]=(0,x.useState)(),[R,z]=(0,x.useState)(``),[B,V]=(0,x.useState)(!1),H=(0,x.useMemo)(()=>O?.find(e=>e.id===A),[A,O]),U=(0,x.useCallback)(async()=>{let e=await _.list();k(e.workflows),j(t=>t&&e.workflows.some(e=>e.id===t)?t:e.workflows[0]?.id)},[]);(0,x.useEffect)(()=>{U().catch(e=>z(String(e)))},[U]),(0,x.useEffect)(()=>{H&&(N(y(H)),L(void 0),z(``),_.listRuns(H.id).then(e=>F(e.runs)).catch(e=>z(String(e))))},[H]),(0,x.useEffect)(()=>{if(!I||w(I.status))return;let e=window.setInterval(()=>{_.getRun(I.id).then(({run:e})=>{L(e),w(e.status)&&H&&_.listRuns(H.id).then(e=>F(e.runs))}).catch(e=>z(String(e)))},700);return()=>window.clearInterval(e)},[I,H]);let W=(0,x.useCallback)(e=>{n(`/chat/new?draft=${encodeURIComponent(e)}`)},[n]),G=(0,x.useMemo)(()=>(0,S.jsxs)(a,{onClick:()=>W(t.createPrompt),children:[(0,S.jsx)(l,{className:`size-4`}),t.create]}),[W,t.create,t.createPrompt]);(0,x.useLayoutEffect)(()=>(E({startExtra:null,main:(0,S.jsxs)(`div`,{className:`min-w-0`,children:[(0,S.jsx)(`h1`,{className:`truncate text-base font-semibold tracking-tight text-fg`,children:t.title}),(0,S.jsx)(`p`,{className:`truncate text-xs text-fg-muted`,children:t.subtitle})]}),end:G}),()=>D()),[D,G,E,t.subtitle,t.title]);let K=async()=>{if(H){V(!0);try{await _.setEnabled(H.id,!H.enabled),await U()}catch(e){z(String(e))}finally{V(!1)}}},q=async()=>{if(H){if(!v(H,M)){z(t.required);return}V(!0);try{let{run:e}=await _.run(H.id,M);L(e),z(``)}catch(e){z(String(e))}finally{V(!1)}}},J=async()=>{if(!(!H||!window.confirm(t.confirmDelete))){V(!0);try{await _.remove(H.id),j(void 0),F([]),await U()}catch(e){z(String(e))}finally{V(!1)}}};return O===null?(0,S.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-surface-panel p-4 sm:p-6`,children:(0,S.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-[280px_minmax(0,1fr)]`,children:[(0,S.jsx)(s,{className:`h-[420px] rounded-xl`}),(0,S.jsx)(s,{className:`h-[420px] rounded-xl`})]})}):O.length===0?(0,S.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-surface-panel p-4 sm:p-6`,children:(0,S.jsxs)(`div`,{className:`m-auto max-w-md rounded-2xl border border-edge bg-surface-base p-8 text-center`,children:[(0,S.jsx)(l,{className:`mx-auto size-10 text-accent`}),(0,S.jsx)(`h2`,{className:`mt-4 text-lg font-semibold text-fg`,children:t.emptyTitle}),(0,S.jsx)(`p`,{className:`mt-2 text-sm leading-6 text-fg-muted`,children:t.emptyBody}),(0,S.jsxs)(a,{className:`mt-5`,onClick:()=>W(t.createPrompt),children:[(0,S.jsx)(l,{className:`size-4`}),t.create]})]})}):(0,S.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-surface-panel p-4 sm:p-6`,children:(0,S.jsxs)(`div`,{className:`grid min-h-0 flex-1 gap-4 lg:grid-cols-[280px_minmax(0,1fr)]`,children:[(0,S.jsx)(`aside`,{className:`min-h-0 overflow-y-auto rounded-xl border border-edge bg-surface-base p-2`,children:O.map(e=>(0,S.jsxs)(`button`,{onClick:()=>j(e.id),className:`mb-1 w-full rounded-lg p-3 text-left ${A===e.id?`bg-accent-soft text-accent-fg`:`hover:bg-surface-hover`}`,children:[(0,S.jsx)(`span`,{className:`block truncate text-sm font-medium`,children:e.name}),(0,S.jsxs)(`span`,{className:`mt-1 flex items-center gap-1.5 text-xs text-fg-muted`,children:[e.enabled?(0,S.jsx)(d,{className:`size-3.5 text-emerald-600`}):(0,S.jsx)(g,{className:`size-3.5`}),e.enabled?t.enabled:t.paused]})]},e.id))}),H&&(0,S.jsxs)(`main`,{className:`min-h-0 overflow-y-auto rounded-xl border border-edge bg-surface-base p-5 sm:p-6`,children:[(0,S.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-4`,children:[(0,S.jsxs)(`div`,{className:`min-w-0`,children:[(0,S.jsx)(`h2`,{className:`text-lg font-semibold text-fg`,children:H.name}),H.description&&(0,S.jsx)(`p`,{className:`mt-1 max-w-2xl text-sm leading-6 text-fg-muted`,children:H.description}),(0,S.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-2 text-xs`,children:[(0,S.jsx)(`span`,{className:`rounded-full bg-surface-subtle px-2.5 py-1 text-fg-muted`,children:t[H.risk]}),H.domains.map(e=>(0,S.jsxs)(`span`,{className:`flex items-center gap-1 rounded-full bg-surface-subtle px-2.5 py-1 text-fg-muted`,children:[(0,S.jsx)(m,{className:`size-3`}),e]},e))]})]}),(0,S.jsxs)(`div`,{className:`flex gap-2`,children:[(0,S.jsxs)(a,{variant:`secondary`,disabled:B,onClick:()=>void K(),children:[H.enabled?(0,S.jsx)(g,{className:`size-4`}):(0,S.jsx)(d,{className:`size-4`}),H.enabled?t.pause:t.enable]}),(0,S.jsxs)(a,{variant:`secondary`,onClick:()=>W(t.editPrompt.replace(`{name}`,H.name).replace(`{id}`,H.id)),children:[(0,S.jsx)(i,{className:`size-4`}),t.edit]})]})]}),(0,S.jsxs)(`section`,{className:`mt-7 max-w-xl`,children:[(0,S.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:t.inputs}),Object.keys(H.inputs).length===0?(0,S.jsx)(`p`,{className:`mt-2 text-sm text-fg-muted`,children:t.noInputs}):(0,S.jsx)(`div`,{className:`mt-3`,children:(0,S.jsx)(b,{workflow:H,values:M,language:e,onChange:N})}),(0,S.jsxs)(`div`,{className:`mt-5 flex gap-2`,children:[(0,S.jsxs)(a,{variant:`primary`,disabled:!H.enabled||B||!!(I&&!w(I.status)),onClick:()=>void q(),children:[(0,S.jsx)(u,{className:`size-4`}),t.run]}),I&&!w(I.status)&&(0,S.jsxs)(a,{variant:`secondary`,onClick:()=>void _.cancel(I.id),children:[(0,S.jsx)(c,{className:`size-4`}),t.stop]})]}),R&&(0,S.jsx)(`p`,{className:`mt-3 text-sm text-red-700 dark:text-red-300`,children:R})]}),I&&(0,S.jsxs)(`section`,{className:`mt-7 rounded-xl border border-edge bg-surface-subtle p-4`,children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-medium text-fg`,children:[(0,S.jsx)(f,{className:`size-4`}),t[I.status]]}),I.error&&(0,S.jsx)(`p`,{className:`mt-2 text-sm text-red-700 dark:text-red-300`,children:I.error}),I.status===`succeeded`&&I.result!==void 0&&(0,S.jsxs)(`div`,{className:`mt-3`,children:[(0,S.jsx)(`h3`,{className:`text-xs font-semibold uppercase tracking-wide text-fg-muted`,children:t.result}),(0,S.jsx)(`pre`,{className:`mt-2 max-h-64 overflow-auto whitespace-pre-wrap text-sm text-fg`,children:T(I.result)})]})]}),(0,S.jsxs)(`section`,{className:`mt-8`,children:[(0,S.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:t.history}),(0,S.jsx)(`div`,{className:`mt-2 divide-y divide-edge`,children:P.slice(0,10).map(e=>(0,S.jsxs)(`button`,{className:`flex w-full items-center justify-between gap-3 py-3 text-left text-sm hover:text-accent`,onClick:()=>L(e),children:[(0,S.jsx)(`span`,{children:t[e.status]}),(0,S.jsxs)(`span`,{className:`text-xs text-fg-muted`,children:[new Date(e.createdAtMs).toLocaleString(),e.durationMs?` · ${Math.max(1,Math.round(e.durationMs/1e3))}s`:``]})]},e.id))})]}),(0,S.jsx)(`div`,{className:`mt-8 border-t border-edge pt-4`,children:(0,S.jsxs)(a,{variant:`ghost`,className:`text-red-700 dark:text-red-300`,disabled:B,onClick:()=>void J(),children:[(0,S.jsx)(p,{className:`size-4`}),t.delete]})})]})]})})}export{E as BrowserWorkflowsPage};