zl-code 0.0.29 → 0.0.31

package/dist/client/assets/PreviewPanel-Cdl736_J.js

@@ -1 +0,0 @@
-import{Al as e,C as t,Ca as n,Ds as r,E as i,Fa as a,Jl as o,Kd as s,Kl as c,Ls as l,Nn as u,Ns as d,O as f,On as p,Ta as m,Tn as h,Yd as g,_c as _,_o as v,bn as y,d as b,ds as x,dt as S,et as C,hs as w,js as T,k as E,kd as D,ks as O,qa as k,to as A,w as j,wn as M,xo as N,xt as P}from"./textarea-z0DHLDaT.js";import{$n as F,Ar as I,Bn as L,Dr as R,Fn as z,Gn as B,Hn as V,Jn as H,Kn as U,Ln as W,Qn as G,Rn as K,Un as q,Vn as J,Wn as ee,Xn as te,Yn as ne,Zn as Y,_n as re,_r as ie,a as ae,br as oe,c as se,cn as ce,fr as le,gn as ue,gr as de,hn as fe,i as pe,kr as me,l as X,mn as he,n as ge,o as _e,p as ve,r as ye,s as be,sn as xe,t as Se,u as Ce,vn as we,wr as Te,xr as Ee,yr as De,zn as Oe}from"./index-zd5b5MHc.js";var ke=A(`camera`,[[`path`,{d:`M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z`,key:`18u6gg`}],[`circle`,{cx:`12`,cy:`13`,r:`3`,key:`1vg3eu`}]]),Ae=A(`ellipsis-vertical`,[[`circle`,{cx:`12`,cy:`12`,r:`1`,key:`41hilf`}],[`circle`,{cx:`12`,cy:`5`,r:`1`,key:`gxeob9`}],[`circle`,{cx:`12`,cy:`19`,r:`1`,key:`lyex9k`}]]),je=A(`mouse-pointer-2`,[[`path`,{d:`M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z`,key:`edeuup`}]]),Me=A(`radio-tower`,[[`path`,{d:`M4.9 16.1C1 12.2 1 5.8 4.9 1.9`,key:`s0qx1y`}],[`path`,{d:`M7.8 4.7a6.14 6.14 0 0 0-.8 7.5`,key:`1idnkw`}],[`circle`,{cx:`12`,cy:`9`,r:`2`,key:`1092wv`}],[`path`,{d:`M16.2 4.8c2 2 2.26 5.11.8 7.47`,key:`ojru2q`}],[`path`,{d:`M19.1 1.9a9.96 9.96 0 0 1 0 14.1`,key:`rhi7fg`}],[`path`,{d:`M9.5 18h5`,key:`mfy3pd`}],[`path`,{d:`m8 22 4-11 4 11`,key:`25yftu`}]]),Ne=()=>`Refresh`,Pe=()=>`Atualizar`,Fe=()=>`Actualizar`,Ie=()=>`Actualiser`,Le=()=>`Aggiorna`,Re=()=>`更新`,ze=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Pe(e):n===`es`?Fe(e):n===`fr`?Ie(e):n===`it`?Le(e):n===`ja`?Re(e):Ne(e)},Be=()=>`Search or enter URL`,Ve=()=>`Pesquisar ou inserir URL`,He=()=>`Buscar o introducir URL`,Ue=()=>`Rechercher ou saisir une URL`,We=()=>`Cerca o inserisci URL`,Ge=()=>`検索または URL を入力`,Ke=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Ve(e):n===`es`?He(e):n===`fr`?Ue(e):n===`it`?We(e):n===`ja`?Ge(e):Be(e)},qe=()=>`Annotate preview`,Je=()=>`Anotar visualização`,Ye=()=>`Anotar vista previa`,Xe=()=>`Annoter l’aperçu`,Ze=()=>`Annota anteprima`,Qe=()=>`プレビューに注釈`,$e=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Je(e):n===`es`?Ye(e):n===`fr`?Xe(e):n===`it`?Ze(e):n===`ja`?Qe(e):qe(e)},et=()=>`Back`,tt=()=>`Voltar`,nt=()=>`Atrás`,rt=()=>`Retour`,it=()=>`Indietro`,at=()=>`戻る`,ot=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?tt(e):n===`es`?nt(e):n===`fr`?rt(e):n===`it`?it(e):n===`ja`?at(e):et(e)},st=()=>`Cancel annotation`,ct=()=>`Cancelar anotação`,lt=()=>`Cancelar anotación`,ut=()=>`Annuler l’annotation`,dt=()=>`Annulla annotazione`,ft=()=>`注釈をキャンセル`,pt=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?ct(e):n===`es`?lt(e):n===`fr`?ut(e):n===`it`?dt(e):n===`ja`?ft(e):st(e)},mt=()=>`Capture screenshot`,ht=()=>`Capturar tela`,gt=()=>`Capturar pantalla`,_t=()=>`Capturer l’écran`,vt=()=>`Cattura schermata`,yt=()=>`スクリーンショットを撮影`,bt=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?ht(e):n===`es`?gt(e):n===`fr`?_t(e):n===`it`?vt(e):n===`ja`?yt(e):mt(e)},xt=()=>`Checking your connection`,St=()=>`Verificar sua conexão`,Ct=()=>`Comprobar tu conexión`,wt=()=>`Vérifier votre connexion`,Tt=()=>`Verificare la connessione`,Et=()=>`接続を確認する`,Dt=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?St(e):n===`es`?Ct(e):n===`fr`?wt(e):n===`it`?Tt(e):n===`ja`?Et(e):xt(e)},Ot=()=>`Checking the proxy and the firewall`,kt=()=>`Verificar o proxy e o firewall`,At=()=>`Comprobar el proxy y el firewall`,jt=()=>`Vérifier le proxy et le pare-feu`,Mt=()=>`Verificare proxy e firewall`,Nt=()=>`プロキシとファイアウォールを確認する`,Pt=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?kt(e):n===`es`?At(e):n===`fr`?jt(e):n===`it`?Mt(e):n===`ja`?Nt(e):Ot(e)},Ft=()=>`Clear cache`,It=()=>`Limpar cache`,Lt=()=>`Borrar caché`,Rt=()=>`Vider le cache`,zt=()=>`Svuota cache`,Bt=()=>`キャッシュを消去`,Vt=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?It(e):n===`es`?Lt(e):n===`fr`?Rt(e):n===`it`?zt(e):n===`ja`?Bt(e):Ft(e)},Ht=()=>`Clear cookies`,Ut=()=>`Limpar cookies`,Wt=()=>`Borrar cookies`,Gt=()=>`Effacer les cookies`,Kt=()=>`Cancella cookie`,qt=()=>`Cookie を消去`,Jt=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Ut(e):n===`es`?Wt(e):n===`fr`?Gt(e):n===`it`?Kt(e):n===`ja`?qt(e):Ht(e)},Yt=()=>`Collaborative browser preview`,Xt=()=>`Visualização colaborativa do navegador`,Zt=()=>`Vista previa colaborativa del navegador`,Qt=()=>`Aperçu collaboratif du navigateur`,$t=()=>`Anteprima collaborativa del browser`,en=()=>`共同ブラウザープレビュー`,tn=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Xt(e):n===`es`?Zt(e):n===`fr`?Qt(e):n===`it`?$t(e):n===`ja`?en(e):Yt(e)},nn=()=>`Confirming the dev server is running`,rn=()=>`Confirmar se o servidor de desenvolvimento está em execução`,an=()=>`Confirmar que el servidor de desarrollo está activo`,on=()=>`Confirmer que le serveur de développement fonctionne`,sn=()=>`Confermare che il server di sviluppo sia attivo`,cn=()=>`開発サーバーが実行中か確認する`,ln=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?rn(e):n===`es`?an(e):n===`fr`?on(e):n===`it`?sn(e):n===`ja`?cn(e):nn(e)},un=()=>`Connecting to server browser…`,dn=()=>`Conectando ao navegador do servidor…`,fn=()=>`Conectando al navegador del servidor…`,pn=()=>`Connexion au navigateur du serveur…`,mn=()=>`Connessione al browser del server…`,hn=()=>`サーバーブラウザーに接続中…`,gn=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?dn(e):n===`es`?fn(e):n===`fr`?pn(e):n===`it`?mn(e):n===`ja`?hn(e):un(e)},_n=()=>`Details`,vn=()=>`Detalhes`,yn=()=>`Detalles`,bn=()=>`Détails`,xn=()=>`Dettagli`,Sn=()=>`詳細`,Cn=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?vn(e):n===`es`?yn(e):n===`fr`?bn(e):n===`it`?xn(e):n===`ja`?Sn(e):_n(e)},wn=()=>`Type a URL above, or run a dev script. Listening localhost ports will show up here automatically.`,Tn=()=>`Digite uma URL acima ou execute um script de desenvolvimento. Portas localhost em escuta aparecerão aqui automaticamente.`,En=()=>`Escribe una URL arriba o ejecuta un script de desarrollo. Los puertos localhost en escucha aparecerán aquí automáticamente.`,Dn=()=>`Saisissez une URL ci-dessus ou lancez un script de développement. Les ports localhost à l’écoute apparaîtront automatiquement ici.`,On=()=>`Digita un URL sopra o esegui uno script di sviluppo. Le porte localhost in ascolto appariranno qui automaticamente.`,kn=()=>`上に URL を入力するか、開発スクリプトを実行してください。待受中の localhost ポートが自動的に表示されます。`,An=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Tn(e):n===`es`?En(e):n===`fr`?Dn(e):n===`it`?On(e):n===`ja`?kn(e):wn(e)},jn=()=>`Forward`,Mn=()=>`Avançar`,Nn=()=>`Adelante`,Pn=()=>`Suivant`,Fn=()=>`Avanti`,In=()=>`進む`,Ln=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Mn(e):n===`es`?Nn(e):n===`fr`?Pn(e):n===`it`?Fn(e):n===`ja`?In(e):jn(e)},Rn=()=>`Hard reload`,zn=()=>`Recarregar completamente`,Bn=()=>`Recarga completa`,Vn=()=>`Rechargement forcé`,Hn=()=>`Ricaricamento completo`,Un=()=>`強制再読み込み`,Wn=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?zn(e):n===`es`?Bn(e):n===`fr`?Vn(e):n===`it`?Hn(e):n===`ja`?Un(e):Rn(e)},Gn=()=>`Hide details`,Kn=()=>`Ocultar detalhes`,qn=()=>`Ocultar detalles`,Jn=()=>`Masquer les détails`,Yn=()=>`Nascondi dettagli`,Xn=()=>`詳細を非表示`,Zn=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Kn(e):n===`es`?qn(e):n===`fr`?Jn(e):n===`it`?Yn(e):n===`ja`?Xn(e):Gn(e)},Qn=()=>`Hide device toolbar`,$n=()=>`Ocultar barra do dispositivo`,er=()=>`Ocultar barra del dispositivo`,tr=()=>`Masquer la barre d’appareil`,nr=()=>`Nascondi barra dispositivo`,rr=()=>`デバイスツールバーを非表示`,ir=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?$n(e):n===`es`?er(e):n===`fr`?tr(e):n===`it`?nr(e):n===`ja`?rr(e):Qn(e)},ar=()=>`Listening`,or=()=>`Escutando`,sr=()=>`Escuchando`,cr=()=>`À l’écoute`,lr=()=>`In ascolto`,ur=()=>`待受中`,dr=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?or(e):n===`es`?sr(e):n===`fr`?cr(e):n===`it`?lr(e):n===`ja`?ur(e):ar(e)},fr=()=>`Loading…`,pr=()=>`Carregando…`,mr=()=>`Cargando…`,hr=()=>`Chargement…`,gr=()=>`Caricamento…`,_r=()=>`読み込み中…`,vr=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?pr(e):n===`es`?mr(e):n===`fr`?hr(e):n===`it`?gr(e):n===`ja`?_r(e):fr(e)},yr=()=>`Local servers`,br=()=>`Servidores locais`,xr=()=>`Servidores locales`,Sr=()=>`Serveurs locaux`,Cr=()=>`Server locali`,wr=()=>`ローカルサーバー`,Tr=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?br(e):n===`es`?xr(e):n===`fr`?Sr(e):n===`it`?Cr(e):n===`ja`?wr(e):yr(e)},Er=()=>`Preview menu`,Dr=()=>`Menu da visualização`,Or=()=>`Menú de vista previa`,kr=()=>`Menu de l’aperçu`,Ar=()=>`Menu anteprima`,jr=()=>`プレビューメニュー`,Mr=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Dr(e):n===`es`?Or(e):n===`fr`?kr(e):n===`it`?Ar(e):n===`ja`?jr(e):Er(e)},Nr=()=>`More`,Pr=()=>`Mais`,Fr=()=>`Más`,Ir=()=>`Plus`,Lr=()=>`Altro`,Rr=()=>`その他`,zr=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Pr(e):n===`es`?Fr(e):n===`fr`?Ir(e):n===`it`?Lr(e):n===`ja`?Rr(e):Nr(e)},Br=()=>`Navigation`,Vr=()=>`Navegação`,Hr=()=>`Navegación`,Ur=()=>`Navigation`,Wr=()=>`Navigazione`,Gr=()=>`ナビゲーション`,Kr=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Vr(e):n===`es`?Hr(e):n===`fr`?Ur(e):n===`it`?Wr(e):n===`ja`?Gr(e):Br(e)},qr=()=>`No preview yet`,Jr=()=>`Nenhuma visualização ainda`,Yr=()=>`Aún no hay vista previa`,Xr=()=>`Aucun aperçu pour le moment`,Zr=()=>`Nessuna anteprima`,Qr=()=>`まだプレビューはありません`,$r=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Jr(e):n===`es`?Yr(e):n===`fr`?Xr(e):n===`it`?Zr(e):n===`ja`?Qr(e):qr(e)},ei=()=>`Not currently listening`,ti=()=>`Não está escutando`,ni=()=>`No está escuchando`,ri=()=>`Pas à l’écoute actuellement`,ii=()=>`Non in ascolto`,ai=()=>`現在待受中ではありません`,oi=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?ti(e):n===`es`?ni(e):n===`fr`?ri(e):n===`it`?ii(e):n===`ja`?ai(e):ei(e)},si=()=>`Open DevTools`,ci=()=>`Abrir DevTools`,li=()=>`Abrir DevTools`,ui=()=>`Ouvrir les outils de développement`,di=()=>`Apri DevTools`,fi=()=>`DevTools を開く`,pi=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?ci(e):n===`es`?li(e):n===`fr`?ui(e):n===`it`?di(e):n===`ja`?fi(e):si(e)},mi=()=>`Recently seen`,hi=()=>`Visto recentemente`,gi=()=>`Visto recientemente`,_i=()=>`Vu récemment`,vi=()=>`Visto di recente`,yi=()=>`最近確認`,bi=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?hi(e):n===`es`?gi(e):n===`fr`?_i(e):n===`it`?vi(e):n===`ja`?yi(e):mi(e)},xi=()=>`Reload`,Si=()=>`Recarregar`,Ci=()=>`Recargar`,wi=()=>`Recharger`,Ti=()=>`Ricarica`,Ei=()=>`再読み込み`,Di=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Si(e):n===`es`?Ci(e):n===`fr`?wi(e):n===`it`?Ti(e):n===`ja`?Ei(e):xi(e)},Oi=()=>`Reset zoom`,ki=()=>`Redefinir zoom`,Ai=()=>`Restablecer zoom`,ji=()=>`Réinitialiser le zoom`,Mi=()=>`Reimposta zoom`,Ni=()=>`ズームをリセット`,Pi=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?ki(e):n===`es`?Ai(e):n===`fr`?ji(e):n===`it`?Mi(e):n===`ja`?Ni(e):Oi(e)},Fi=()=>`Collaborative preview is unavailable in this client runtime.`,Ii=()=>`A prévia colaborativa não está disponível neste runtime de cliente.`,Li=()=>`La vista previa colaborativa no está disponible en este runtime de cliente.`,Ri=()=>`L’aperçu collaboratif n’est pas disponible dans cet environnement client.`,zi=()=>`L’anteprima collaborativa non è disponibile in questo runtime client.`,Bi=()=>`このクライアントランタイムでは共同プレビューを利用できません。`,Vi=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Ii(e):n===`es`?Li(e):n===`fr`?Ri(e):n===`it`?zi(e):n===`ja`?Bi(e):Fi(e)},Hi=()=>`Select a listening port to open it in this browser tab.`,Ui=()=>`Selecione uma porta em escuta para abri-la nesta aba do navegador.`,Wi=()=>`Selecciona un puerto en escucha para abrirlo en esta pestaña.`,Gi=()=>`Sélectionnez un port à l’écoute pour l’ouvrir dans cet onglet.`,Ki=()=>`Seleziona una porta in ascolto per aprirla in questa scheda.`,qi=()=>`待受中のポートを選択して、このブラウザータブで開きます。`,Ji=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Ui(e):n===`es`?Wi(e):n===`fr`?Gi(e):n===`it`?Ki(e):n===`ja`?qi(e):Hi(e)},Yi=()=>`Show device toolbar`,Xi=()=>`Mostrar barra do dispositivo`,Zi=()=>`Mostrar barra del dispositivo`,Qi=()=>`Afficher la barre d’appareil`,$i=()=>`Mostra barra dispositivo`,ea=()=>`デバイスツールバーを表示`,ta=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Xi(e):n===`es`?Zi(e):n===`fr`?Qi(e):n===`it`?$i(e):n===`ja`?ea(e):Yi(e)},na=()=>`Stop`,ra=()=>`Parar`,ia=()=>`Detener`,aa=()=>`Arrêter`,oa=()=>`Interrompi`,sa=()=>`停止`,ca=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?ra(e):n===`es`?ia(e):n===`fr`?aa(e):n===`it`?oa(e):n===`ja`?sa(e):na(e)},la=()=>`Stop recording`,ua=()=>`Parar gravação`,da=()=>`Detener grabación`,fa=()=>`Arrêter l’enregistrement`,pa=()=>`Interrompi registrazione`,ma=()=>`記録を停止`,ha=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?ua(e):n===`es`?da(e):n===`fr`?fa(e):n===`it`?pa(e):n===`ja`?ma(e):la(e)},ga=()=>`Try:`,_a=()=>`Tente:`,va=()=>`Prueba:`,ya=()=>`Essayez :`,ba=()=>`Prova:`,xa=()=>`確認事項:`,Sa=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?_a(e):n===`es`?va(e):n===`fr`?ya(e):n===`it`?ba(e):n===`ja`?xa(e):ga(e)},Ca=()=>`This site can’t be reached`,wa=()=>`Não foi possível acessar este site`,Ta=()=>`No se puede acceder a este sitio`,Ea=()=>`Ce site est inaccessible`,Da=()=>`Impossibile raggiungere il sito`,Oa=()=>`このサイトにアクセスできません`,ka=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?wa(e):n===`es`?Ta(e):n===`fr`?Ea(e):n===`it`?Da(e):n===`ja`?Oa(e):Ca(e)},Aa=()=>`Zoom`,ja=()=>`Zoom`,Ma=()=>`Zoom`,Na=()=>`Zoom`,Pa=()=>`Zoom`,Fa=()=>`ズーム`,Ia=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?ja(e):n===`es`?Ma(e):n===`fr`?Na(e):n===`it`?Pa(e):n===`ja`?Fa(e):Aa(e)},La=()=>`Zoom in`,Ra=()=>`Aumentar zoom`,za=()=>`Acercar`,Ba=()=>`Zoomer`,Va=()=>`Aumenta zoom`,Ha=()=>`拡大`,Ua=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Ra(e):n===`es`?za(e):n===`fr`?Ba(e):n===`it`?Va(e):n===`ja`?Ha(e):La(e)},Wa=()=>`Zoom out`,Ga=()=>`Reduzir zoom`,Ka=()=>`Alejar`,qa=()=>`Dézoomer`,Ja=()=>`Riduci zoom`,Ya=()=>`縮小`,Xa=(e={},t={})=>{let n=t.locale??k();return n===`pt-BR`?Ga(e):n===`es`?Ka(e):n===`fr`?qa(e):n===`it`?Ja(e):n===`ja`?Ya(e):Wa(e)},Z=g(s(),1),Q=e(),$=D();function Za(e){let t=(0,Q.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=m(`relative inline-flex w-full min-w-0 items-center rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-[input:disabled,textarea:disabled]:not-has-[input:focus-visible,textarea:focus-visible]:not-has-[input[aria-invalid],textarea[aria-invalid]]:before:shadow-[0_1px_--theme(--color-black/4%)] has-[input:focus-visible,textarea:focus-visible]:has-[input[aria-invalid],textarea[aria-invalid]]:border-destructive/64 has-[input:focus-visible,textarea:focus-visible]:has-[input[aria-invalid],textarea[aria-invalid]]:ring-destructive/16 has-[textarea]:h-auto has-data-[align=block-end]:h-auto has-data-[align=block-start]:h-auto has-data-[align=block-end]:flex-col has-data-[align=block-start]:flex-col has-[input:focus-visible,textarea:focus-visible]:border-ring has-[input[aria-invalid],textarea[aria-invalid]]:border-destructive/36 has-autofill:bg-foreground/4 has-[input:disabled,textarea:disabled]:opacity-64 has-[input:disabled,textarea:disabled,input:focus-visible,textarea:focus-visible,input[aria-invalid],textarea[aria-invalid]]:shadow-none has-[input:focus-visible,textarea:focus-visible]:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-[input[aria-invalid],textarea[aria-invalid]]:ring-destructive/24 dark:not-has-[input:disabled,textarea:disabled]:not-has-[input:focus-visible,textarea:focus-visible]:not-has-[input[aria-invalid],textarea[aria-invalid]]:before:shadow-[0_-1px_--theme(--color-white/6%)] has-data-[align=inline-start]:**:[[data-size=sm]_input]:ps-1.5 has-data-[align=inline-end]:**:[[data-size=sm]_input]:pe-1.5 *:[[data-slot=input-control],[data-slot=textarea-control]]:contents *:[[data-slot=input-control],[data-slot=textarea-control]]:before:hidden has-[[data-align=block-start],[data-align=block-end]]:**:[input]:h-auto has-data-[align=inline-start]:**:[input]:ps-2 has-data-[align=inline-end]:**:[input]:pe-2 has-data-[align=block-end]:**:[input]:pt-1.5 has-data-[align=block-start]:**:[input]:pb-1.5 **:[textarea]:min-h-20.5 **:[textarea]:resize-none **:[textarea]:py-[calc(--spacing(3)-1px)] **:[textarea]:max-sm:min-h-23.5 **:[textarea_button]:rounded-[calc(var(--radius-md)-1px)]`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,$.jsx)(`div`,{className:i,"data-slot":`input-group`,role:`group`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}var Qa=a(`[&_svg]:-mx-0.5 flex h-auto cursor-text select-none items-center justify-center gap-2 leading-none [&>kbd]:rounded-[calc(var(--radius)-5px)] in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 not-has-[button]:**:[svg:not([class*='opacity-'])]:opacity-80`,{defaultVariants:{align:`inline-start`},variants:{align:{"block-end":`order-last w-full justify-start px-[calc(--spacing(3)-1px)] pb-[calc(--spacing(3)-1px)] [.border-t]:pt-[calc(--spacing(3)-1px)] [[data-size=sm]+&]:px-[calc(--spacing(2.5)-1px)]`,"block-start":`order-first w-full justify-start px-[calc(--spacing(3)-1px)] pt-[calc(--spacing(3)-1px)] [.border-b]:pb-[calc(--spacing(3)-1px)] [[data-size=sm]+&]:px-[calc(--spacing(2.5)-1px)]`,"inline-end":`has-[>:last-child[data-slot=badge]]:-me-1.5 has-[>button]:-me-2 order-last pe-[calc(--spacing(3)-1px)] has-[>kbd:last-child]:me-[-0.35rem] [[data-size=sm]+&]:pe-[calc(--spacing(2.5)-1px)]`,"inline-start":`has-[>:last-child[data-slot=badge]]:-ms-1.5 has-[>button]:-ms-2 order-first ps-[calc(--spacing(3)-1px)] has-[>kbd:last-child]:ms-[-0.35rem] [[data-size=sm]+&]:ps-[calc(--spacing(2.5)-1px)]`}}});function $a(e){let t=(0,Q.c)(11),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:n,align:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a=i===void 0?`inline-start`:i,o;t[4]!==a||t[5]!==n?(o=m(Qa({align:a}),n),t[4]=a,t[5]=n,t[6]=o):o=t[6];let s;return t[7]!==a||t[8]!==r||t[9]!==o?(s=(0,$.jsx)(`div`,{className:o,"data-align":a,"data-slot":`input-group-addon`,onMouseDown:eo,...r}),t[7]=a,t[8]=r,t[9]=o,t[10]=s):s=t[10],s}function eo(e){if(e.target.closest(`button, a, input, select, textarea, [role='button'], [role='combobox'], [role='listbox'], [data-slot='select-trigger']`))return;e.preventDefault();let t=e.currentTarget.parentElement,n=t?.querySelector(`input, textarea`);n&&!t?.querySelector(`input:focus, textarea:focus`)&&n.focus()}function to(e){let t=(0,Q.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;return t[3]!==n||t[4]!==r?(i=(0,$.jsx)(z,{className:n,unstyled:!0,...r}),t[3]=n,t[4]=r,t[5]=i):i=t[5],i}var no=()=>{};function ro(e){let r=(0,Q.c)(101),{url:a,displayUrl:o,loading:s,loadProgress:c,canGoBack:l,canGoForward:u,refreshDisabled:d,inputDisabled:f,focusUrlNonce:p,onBack:h,onForward:g,onRefresh:_,onSubmit:v,onOpenInBrowser:y,onCapture:b,captureDisabled:x,recording:S,onPickElement:C,pickActive:w,pickDisabled:T,pickDisabledReason:E,trailingActions:D}=e,O=(0,Z.useRef)(null),[k,A]=(0,Z.useState)(a),[M,N]=(0,Z.useState)(!1),P,F;r[0]===p?(P=r[1],F=r[2]):(P=()=>{if(p==null)return;let e=O.current;e&&e.focus()},F=[p],r[0]=p,r[1]=P,r[2]=F),(0,Z.useEffect)(P,F);let L;r[3]!==k||r[4]!==v?(L=e=>{e?.preventDefault();let t=k.trim();t.length!==0&&(v(t),O.current?.blur())},r[3]=k,r[4]=v,r[5]=L):L=r[5];let z=L,B;r[6]===Symbol.for(`react.memo_cache_sentinel`)?(B=Kr(),r[6]=B):B=r[6];let V=l?h:no,H=!l,U;r[7]===Symbol.for(`react.memo_cache_sentinel`)?(U=ot(),r[7]=U):U=r[7];let W;r[8]!==V||r[9]!==H?(W=(0,$.jsx)(n,{variant:`ghost`,size:`icon-xs`,onClick:V,disabled:H,"aria-label":U,type:`button`}),r[8]=V,r[9]=H,r[10]=W):W=r[10];let G;r[11]===Symbol.for(`react.memo_cache_sentinel`)?(G=(0,$.jsx)(I,{}),r[11]=G):G=r[11];let K;r[12]===W?K=r[13]:(K=(0,$.jsx)(i,{render:W,children:G}),r[12]=W,r[13]=K);let q;r[14]===Symbol.for(`react.memo_cache_sentinel`)?(q=(0,$.jsx)(j,{children:ot()}),r[14]=q):q=r[14];let J;r[15]===K?J=r[16]:(J=(0,$.jsxs)(t,{children:[K,q]}),r[15]=K,r[16]=J);let ee=u?g:no,te=!u,ne;r[17]===Symbol.for(`react.memo_cache_sentinel`)?(ne=Ln(),r[17]=ne):ne=r[17];let Y;r[18]!==ee||r[19]!==te?(Y=(0,$.jsx)(n,{variant:`ghost`,size:`icon-xs`,onClick:ee,disabled:te,"aria-label":ne,type:`button`}),r[18]=ee,r[19]=te,r[20]=Y):Y=r[20];let re;r[21]===Symbol.for(`react.memo_cache_sentinel`)?(re=(0,$.jsx)(me,{}),r[21]=re):re=r[21];let ie;r[22]===Y?ie=r[23]:(ie=(0,$.jsx)(i,{render:Y,children:re}),r[22]=Y,r[23]=ie);let ae;r[24]===Symbol.for(`react.memo_cache_sentinel`)?(ae=(0,$.jsx)(j,{children:Ln()}),r[24]=ae):ae=r[24];let se;r[25]===ie?se=r[26]:(se=(0,$.jsxs)(t,{children:[ie,ae]}),r[25]=ie,r[26]=se);let ce=d?no:_,ue;r[27]===s?ue=r[28]:(ue=s?ca():ze(),r[27]=s,r[28]=ue);let fe;r[29]!==d||r[30]!==ce||r[31]!==ue?(fe=(0,$.jsx)(n,{variant:`ghost`,size:`icon-xs`,onClick:ce,disabled:d,"aria-label":ue,type:`button`}),r[29]=d,r[30]=ce,r[31]=ue,r[32]=fe):fe=r[32];let pe=s&&`animate-spin`,X;r[33]===pe?X=r[34]:(X=m(pe),r[33]=pe,r[34]=X);let he;r[35]===X?he=r[36]:(he=(0,$.jsx)(de,{className:X}),r[35]=X,r[36]=he);let ge;r[37]!==fe||r[38]!==he?(ge=(0,$.jsx)(i,{render:fe,children:he}),r[37]=fe,r[38]=he,r[39]=ge):ge=r[39];let _e;r[40]===s?_e=r[41]:(_e=s?vr():ze(),r[40]=s,r[41]=_e);let ve;r[42]===_e?ve=r[43]:(ve=(0,$.jsx)(j,{children:_e}),r[42]=_e,r[43]=ve);let ye;r[44]!==ge||r[45]!==ve?(ye=(0,$.jsxs)(t,{children:[ge,ve]}),r[44]=ge,r[45]=ve,r[46]=ye):ye=r[46];let be;r[47]!==J||r[48]!==se||r[49]!==ye?(be=(0,$.jsxs)(`div`,{className:`flex items-center gap-0.5`,role:`group`,"aria-label":B,children:[J,se,ye]}),r[47]=J,r[48]=se,r[49]=ye,r[50]=be):be=r[50];let xe=M?k:o??a,Se=y&&!M&&`group-hover/address:pe-7 transition-[padding]`,Ce;r[51]===Se?Ce=r[52]:(Ce=m(Se),r[51]=Se,r[52]=Ce);let we;r[53]===Symbol.for(`react.memo_cache_sentinel`)?(we=e=>A(e.target.value),r[53]=we):we=r[53];let Te;r[54]===a?Te=r[55]:(Te=()=>{A(a),N(!0),queueMicrotask(()=>O.current?.select())},r[54]=a,r[55]=Te);let Ee;r[56]===Symbol.for(`react.memo_cache_sentinel`)?(Ee=()=>{N(!1)},r[56]=Ee):Ee=r[56];let De;r[57]!==z||r[58]!==a?(De=e=>{e.key===`Enter`&&z(e),e.key===`Escape`&&(e.preventDefault(),A(a),O.current?.blur())},r[57]=z,r[58]=a,r[59]=De):De=r[59];let Oe;r[60]===Symbol.for(`react.memo_cache_sentinel`)?(Oe=Ke(),r[60]=Oe):Oe=r[60];let Ae;r[61]!==f||r[62]!==xe||r[63]!==Ce||r[64]!==Te||r[65]!==De?(Ae=(0,$.jsx)(i,{render:(0,$.jsx)(to,{ref:O,value:xe,className:Ce,onChange:we,onFocus:Te,onBlur:Ee,onKeyDown:De,placeholder:Oe,spellCheck:!1,disabled:f,"data-preview-url-input":!0,size:`sm`})}),r[61]=f,r[62]=xe,r[63]=Ce,r[64]=Te,r[65]=De,r[66]=Ae):Ae=r[66];let je;r[67]!==o||r[68]!==M||r[69]!==a?(je=!M&&o?(0,$.jsx)(j,{children:a}):null,r[67]=o,r[68]=M,r[69]=a,r[70]=je):je=r[70];let Me;r[71]!==Ae||r[72]!==je?(Me=(0,$.jsxs)(t,{children:[Ae,je]}),r[71]=Ae,r[72]=je,r[73]=Me):Me=r[73];let Ne;r[74]!==M||r[75]!==y?(Ne=y&&!M?(0,$.jsx)($a,{align:`inline-end`,className:`pointer-events-none absolute inset-y-0 right-0 opacity-0 transition-opacity group-hover/address:pointer-events-auto group-hover/address:opacity-100`,children:(0,$.jsxs)(t,{children:[(0,$.jsx)(i,{render:(0,$.jsx)(n,{variant:`ghost`,size:`icon-xs`,onClick:y,"aria-label":le(),type:`button`}),children:(0,$.jsx)(R,{})}),(0,$.jsx)(j,{children:le()})]})}):null,r[74]=M,r[75]=y,r[76]=Ne):Ne=r[76];let Pe;r[77]!==Me||r[78]!==Ne?(Pe=(0,$.jsxs)(Za,{className:`group/address h-7 flex-1 rounded-md border-transparent bg-transparent shadow-none before:shadow-none hover:bg-muted/40 focus-within:bg-background`,children:[Me,Ne]}),r[77]=Me,r[78]=Ne,r[79]=Pe):Pe=r[79];let Fe;r[80]!==C||r[81]!==w||r[82]!==T||r[83]!==E?(Fe=C?(0,$.jsxs)(t,{children:[(0,$.jsx)(i,{render:(0,$.jsx)(n,{variant:w?`secondary`:`ghost`,size:`icon-xs`,onClick:C,disabled:T,"aria-label":w?pt():$e(),"aria-pressed":w?`true`:`false`,type:`button`}),children:(0,$.jsx)(oe,{className:m(w&&`text-primary`)})}),(0,$.jsx)(j,{children:T&&E?E:w?`Cancel annotation (Esc)`:`Annotate elements, regions, and drawings`})]}):null,r[80]=C,r[81]=w,r[82]=T,r[83]=E,r[84]=Fe):Fe=r[84];let Ie;r[85]!==x||r[86]!==b||r[87]!==S?(Ie=b?(0,$.jsxs)(t,{children:[(0,$.jsxs)(i,{render:(0,$.jsx)(n,{variant:S?`secondary`:`ghost`,size:`icon-xs`,onClick:e=>b(e.shiftKey),"aria-label":S?ha():bt(),type:`button`,className:`relative`,disabled:x}),children:[(0,$.jsx)(ke,{className:m(S&&`text-destructive`)}),S?(0,$.jsx)(`span`,{className:`absolute right-0.5 top-0.5 size-1.5 animate-status-pulse rounded-full bg-destructive`}):null]}),(0,$.jsx)(j,{children:S?`Stop recording`:`Screenshot · Shift-click to record`})]}):null,r[85]=x,r[86]=b,r[87]=S,r[88]=Ie):Ie=r[88];let Le;r[89]!==z||r[90]!==be||r[91]!==Pe||r[92]!==Fe||r[93]!==Ie||r[94]!==D?(Le=(0,$.jsxs)(`form`,{onSubmit:z,className:`surface-subheader gap-1 px-2`,"data-surface-subheader":!0,children:[be,Pe,Fe,Ie,D]}),r[89]=z,r[90]=be,r[91]=Pe,r[92]=Fe,r[93]=Ie,r[94]=D,r[95]=Le):Le=r[95];let Re;r[96]===c?Re=r[97]:(Re=c>0?(0,$.jsx)(`div`,{"aria-hidden":!0,className:`pointer-events-none absolute bottom-0 left-0 z-10 h-0.5 rounded-r-full bg-primary transition-all duration-150 ease-out`,style:{width:`${c}%`,boxShadow:`0 0 6px 1px var(--color-ring)`}}):null,r[96]=c,r[97]=Re);let Be;return r[98]!==Le||r[99]!==Re?(Be=(0,$.jsxs)(`div`,{className:`relative`,children:[Le,Re]}),r[98]=Le,r[99]=Re,r[100]=Be):Be=r[100],Be}function io(e){try{let t=new URL(e.url),n=new URL(e.environmentHttpBaseUrl);if(t.origin===n.origin&&t.pathname.startsWith(`/api/assets/`)){let n=t.pathname.split(`/`).at(-1);if(!n)return null;let r=decodeURIComponent(n);return!r||r===`.`||r===`..`?null:`${e.environmentLabel} · ${r}`}return t.protocol===`http:`||t.protocol===`https:`?t.host:null}catch{return null}}function ao(e){let t=(0,Q.c)(6),{className:n}=e,r;t[0]===n?r=t[1]:(r=m(`relative flex flex-col gap-0.5 overflow-hidden rounded-[5px] border border-border/60 bg-card p-1 shadow-xs/5`,n),t[0]=n,t[1]=r);let i;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(i=(0,$.jsxs)(`div`,{className:`flex gap-[2px]`,children:[(0,$.jsx)(`span`,{className:`size-[3px] rounded-full bg-destructive/80`}),(0,$.jsx)(`span`,{className:`size-[3px] rounded-full bg-warning/80`}),(0,$.jsx)(`span`,{className:`size-[3px] rounded-full bg-success/80`})]}),t[2]=i):i=t[2];let a;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(a=(0,$.jsxs)(`div`,{className:`mt-[1px] flex flex-1 flex-col gap-[2px]`,children:[(0,$.jsx)(`span`,{className:`h-[2px] w-full rounded-full bg-muted-foreground/30`}),(0,$.jsx)(`span`,{className:`h-[2px] w-3/5 rounded-full bg-muted-foreground/20`})]}),t[3]=a):a=t[3];let o;return t[4]===r?o=t[5]:(o=(0,$.jsxs)(`div`,{"aria-hidden":!0,className:r,children:[i,a]}),t[4]=r,t[5]=o),o}function oo(e){let t=(0,Q.c)(17),{server:n,onOpen:r}=e,i;t[0]===n?i=t[1]:(i=so(n),t[0]=n,t[1]=i);let a=i,o;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(o=(0,$.jsx)(ao,{className:`size-7 shrink-0`}),t[2]=o):o=t[2];let s;t[3]===a?s=t[4]:(s=(0,$.jsx)(`span`,{className:`truncate text-sm font-medium text-foreground`,children:a}),t[3]=a,t[4]=s);let c;t[5]!==n.host||t[6]!==n.port?(c=(0,$.jsxs)(`span`,{className:`truncate text-xs text-muted-foreground`,children:[n.host,`:`,n.port]}),t[5]=n.host,t[6]=n.port,t[7]=c):c=t[7];let l;t[8]!==s||t[9]!==c?(l=(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[s,c]}),t[8]=s,t[9]=c,t[10]=l):l=t[10];let u;t[11]===n.listening?u=t[12]:(u=n.listening?(0,$.jsx)(co,{}):(0,$.jsx)(lo,{}),t[11]=n.listening,t[12]=u);let d;return t[13]!==r||t[14]!==l||t[15]!==u?(d=(0,$.jsxs)(`button`,{type:`button`,onClick:r,className:`group flex w-full items-center gap-3 px-3 py-3 text-left hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring`,children:[o,l,u]}),t[13]=r,t[14]=l,t[15]=u,t[16]=d):d=t[16],d}function so(e){return e.processName?e.processName:e.listening?dr():e.source===`configured`?`Configured`:bi()}function co(){let e=(0,Q.c)(2),t;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=dr(),e[0]=t):t=e[0];let n;return e[1]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,$.jsxs)(`span`,{"aria-label":t,className:`relative inline-flex size-2 shrink-0`,children:[(0,$.jsx)(`span`,{className:`absolute inset-0 animate-status-ping rounded-full bg-success opacity-60`}),(0,$.jsx)(`span`,{className:`relative inline-flex size-2 rounded-full bg-success`})]}),e[1]=n):n=e[1],n}function lo(){let e=(0,Q.c)(1),t;return e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,$.jsx)(`span`,{"aria-label":oi(),className:`size-2 shrink-0 rounded-full bg-muted-foreground/40`}),e[0]=t):t=e[0],t}function uo(e){let t=(0,Q.c)(7),n=te(e.environmentId),r;if(t[0]!==e.configuredUrls||t[1]!==e.environmentId||t[2]!==e.recentlySeenUrls||t[3]!==n){let i;t[5]===e.environmentId?i=t[6]:(i=t=>({...t,url:H(e.environmentId,t.url)}),t[5]=e.environmentId,t[6]=i),r=fo({scanner:n.map(i),configuredUrls:e.configuredUrls??[],recentlySeenUrls:e.recentlySeenUrls??[]}),t[0]=e.configuredUrls,t[1]=e.environmentId,t[2]=e.recentlySeenUrls,t[3]=n,t[4]=r}else r=t[4];return r}function fo(e){let t=new Map;for(let n of e.configuredUrls){let e=mo(n);if(!e)continue;let r=po(e.host,e.port);t.has(r)||t.set(r,{host:e.host,port:e.port,url:e.url,processName:null,pid:null,terminal:null,source:`configured`,listening:!1})}for(let n of e.scanner){let e=po(n.host,n.port),r=t.get(e);if(r){t.set(e,{...r,processName:n.processName??r.processName,pid:n.pid??r.pid,terminal:n.terminal??r.terminal,listening:!0});continue}t.set(e,{...n,source:`scanner`,listening:!0})}for(let n of e.recentlySeenUrls){let e=mo(n);if(!e)continue;let r=po(e.host,e.port);t.has(r)||t.set(r,{host:e.host,port:e.port,url:e.url,processName:null,pid:null,terminal:null,source:`recent`,listening:!1})}return Array.from(t.values()).toSorted((e,t)=>{let n={configured:0,scanner:1,recent:2};return n[e.source]===n[t.source]?e.port-t.port:n[e.source]-n[t.source]})}function po(e,t){return`${e.toLowerCase()}:${t}`}function mo(e){try{let t=new URL(e);if(t.protocol!==`http:`&&t.protocol!==`https:`||!ne(t.hostname))return null;let n=t.port?Number.parseInt(t.port,10):t.protocol===`http:`?80:443;return!Number.isFinite(n)||n<=0?null:{host:t.hostname,port:n,url:t.href}}catch{return null}}function ho(e){let t=(0,Q.c)(19),{environmentId:n,configuredUrls:r,recentlySeenUrls:i,onOpenUrl:a}=e,o;t[0]!==r||t[1]!==n||t[2]!==i?(o={environmentId:n,configuredUrls:r,recentlySeenUrls:i},t[0]=r,t[1]=n,t[2]=i,t[3]=o):o=t[3];let s=uo(o);if(s.length===0){let e;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(ue,{variant:`icon`,children:(0,$.jsx)(Te,{className:`size-4.5 text-muted-foreground`})}),t[4]=e):e=t[4];let n;t[5]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,$.jsx)(re,{children:$r()}),t[5]=n):n=t[5];let r;return t[6]===Symbol.for(`react.memo_cache_sentinel`)?(r=(0,$.jsxs)(he,{children:[e,n,(0,$.jsx)(fe,{children:An()})]}),t[6]=r):r=t[6],r}let c;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(c=(0,$.jsx)(Me,{className:`size-4 shrink-0`}),t[7]=c):c=t[7];let l;t[8]===Symbol.for(`react.memo_cache_sentinel`)?(l=(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[c,(0,$.jsx)(`h2`,{className:`font-medium`,children:Tr()})]}),t[8]=l):l=t[8];let u;if(t[9]!==a||t[10]!==s){let e;t[12]===a?e=t[13]:(e=e=>(0,$.jsx)(oo,{server:e,onOpen:()=>a(e.url)},`${e.host}:${e.port}`),t[12]=a,t[13]=e),u=s.map(e),t[9]=a,t[10]=s,t[11]=u}else u=t[11];let d;t[14]===u?d=t[15]:(d=(0,$.jsx)(`div`,{className:`flex flex-col divide-y divide-border/60 overflow-hidden rounded-xl border border-border/70 bg-background`,children:u}),t[14]=u,t[15]=d);let f;t[16]===Symbol.for(`react.memo_cache_sentinel`)?(f=(0,$.jsx)(`p`,{className:`px-1 text-xs text-muted-foreground`,children:Ji()}),t[16]=f):f=t[16];let p;return t[17]===d?p=t[18]:(p=(0,$.jsx)(`div`,{className:`flex h-full min-h-0 overflow-y-auto px-5 py-8`,children:(0,$.jsxs)(`div`,{className:`m-auto flex w-full max-w-xl flex-col gap-3`,children:[l,d,f]})}),t[17]=d,t[18]=p),p}function go(e){let r=(0,Q.c)(65),{tabId:a,hasWebContents:o,zoomFactor:s,deviceToolbarVisible:c,onToggleDeviceToolbar:l}=e;if(!X)return null;let d=!a||!o,f;r[0]===a?f=r[1]:(f=e=>()=>{a&&e(a).catch(So)},r[0]=a,r[1]=f);let m=f,g;r[2]===s?g=r[3]:(g=Math.round(s*100),r[2]=s,r[3]=g);let _=`${g}%`,v;r[4]===Symbol.for(`react.memo_cache_sentinel`)?(v=(0,$.jsx)(i,{render:(0,$.jsx)(u,{render:(0,$.jsx)(n,{variant:`ghost`,size:`icon-xs`,type:`button`,"aria-label":Mr()})}),children:(0,$.jsx)(Ae,{})}),r[4]=v):v=r[4];let b;r[5]===Symbol.for(`react.memo_cache_sentinel`)?(b=(0,$.jsxs)(t,{children:[v,(0,$.jsx)(j,{children:zr()})]}),r[5]=b):b=r[5];let x;r[6]===m?x=r[7]:(x=m(X.hardReload),r[6]=m,r[7]=x);let S;r[8]===Symbol.for(`react.memo_cache_sentinel`)?(S=Wn(),r[8]=S):S=r[8];let C;r[9]!==x||r[10]!==d?(C=(0,$.jsx)(M,{onClick:x,disabled:d,children:S}),r[9]=x,r[10]=d,r[11]=C):C=r[11];let w;r[12]===m?w=r[13]:(w=m(X.openDevTools),r[12]=m,r[13]=w);let T;r[14]===Symbol.for(`react.memo_cache_sentinel`)?(T=pi(),r[14]=T):T=r[14];let E;r[15]!==w||r[16]!==d?(E=(0,$.jsx)(M,{onClick:w,disabled:d,children:T}),r[15]=w,r[16]=d,r[17]=E):E=r[17];let D;r[18]===c?D=r[19]:(D=c?ir():ta(),r[18]=c,r[19]=D);let O;r[20]!==l||r[21]!==D||r[22]!==d?(O=(0,$.jsx)(M,{onClick:l,disabled:d,children:D}),r[20]=l,r[21]=D,r[22]=d,r[23]=O):O=r[23];let k;r[24]===Symbol.for(`react.memo_cache_sentinel`)?(k=(0,$.jsx)(p,{}),r[24]=k):k=r[24];let A;r[25]===Symbol.for(`react.memo_cache_sentinel`)?(A=(0,$.jsx)(`span`,{children:Ia()}),r[25]=A):A=r[25];let N;r[26]===m?N=r[27]:(N=m(X.zoomOut),r[26]=m,r[27]=N);let P;r[28]===Symbol.for(`react.memo_cache_sentinel`)?(P=Xa(),r[28]=P):P=r[28];let F;r[29]===Symbol.for(`react.memo_cache_sentinel`)?(F=(0,$.jsx)(Ee,{}),r[29]=F):F=r[29];let I;r[30]!==N||r[31]!==d?(I=(0,$.jsx)(n,{variant:`outline`,size:`icon-xs`,type:`button`,onClick:N,"aria-label":P,disabled:d,children:F}),r[30]=N,r[31]=d,r[32]=I):I=r[32];let L;r[33]===_?L=r[34]:(L=(0,$.jsx)(`span`,{className:`min-w-12 text-center text-xs tabular-nums text-muted-foreground`,children:_}),r[33]=_,r[34]=L);let R;r[35]===m?R=r[36]:(R=m(X.zoomIn),r[35]=m,r[36]=R);let z;r[37]===Symbol.for(`react.memo_cache_sentinel`)?(z=Ua(),r[37]=z):z=r[37];let B;r[38]===Symbol.for(`react.memo_cache_sentinel`)?(B=(0,$.jsx)(De,{}),r[38]=B):B=r[38];let V;r[39]!==R||r[40]!==d?(V=(0,$.jsx)(n,{variant:`outline`,size:`icon-xs`,type:`button`,onClick:R,"aria-label":z,disabled:d,children:B}),r[39]=R,r[40]=d,r[41]=V):V=r[41];let H;r[42]===m?H=r[43]:(H=m(X.resetZoom),r[42]=m,r[43]=H);let U;r[44]===Symbol.for(`react.memo_cache_sentinel`)?(U=Pi(),r[44]=U):U=r[44];let W;r[45]===Symbol.for(`react.memo_cache_sentinel`)?(W=(0,$.jsx)(ie,{}),r[45]=W):W=r[45];let G;r[46]!==H||r[47]!==d?(G=(0,$.jsx)(n,{variant:`ghost`,size:`icon-xs`,type:`button`,onClick:H,"aria-label":U,disabled:d,children:W}),r[46]=H,r[47]=d,r[48]=G):G=r[48];let K;r[49]!==I||r[50]!==L||r[51]!==V||r[52]!==G?(K=(0,$.jsxs)(`span`,{className:`flex items-center gap-1`,children:[I,L,V,G]}),r[49]=I,r[50]=L,r[51]=V,r[52]=G,r[53]=K):K=r[53];let q;r[54]!==K||r[55]!==d?(q=(0,$.jsxs)(M,{closeOnClick:!1,onClick:xo,className:`justify-between`,disabled:d,children:[A,K]}),r[54]=K,r[55]=d,r[56]=q):q=r[56];let J;r[57]===Symbol.for(`react.memo_cache_sentinel`)?(J=(0,$.jsx)(p,{}),r[57]=J):J=r[57];let ee;r[58]===Symbol.for(`react.memo_cache_sentinel`)?(ee=(0,$.jsx)(M,{onClick:yo,children:Jt()}),r[58]=ee):ee=r[58];let te;r[59]===Symbol.for(`react.memo_cache_sentinel`)?(te=(0,$.jsx)(M,{onClick:_o,children:Vt()}),r[59]=te):te=r[59];let ne;return r[60]!==E||r[61]!==O||r[62]!==q||r[63]!==C?(ne=(0,$.jsxs)(y,{children:[b,(0,$.jsxs)(h,{align:`end`,sideOffset:6,className:`min-w-56`,children:[C,E,O,k,q,J,ee,te]})]}),r[60]=E,r[61]=O,r[62]=q,r[63]=C,r[64]=ne):ne=r[64],ne}function _o(){X.clearCache().catch(vo)}function vo(){}function yo(){X.clearCookies().catch(bo)}function bo(){}function xo(e){return e.preventDefault()}function So(){}function Co(e,t){return U[t]||(t.length>0?t:`Network error (${e})`)}function wo(e){let t=(0,Q.c)(36),{url:r,code:i,description:a,onReload:o}=e,[s,c]=(0,Z.useState)(!1),l;t[0]===r?l=t[1]:(l=Do(r)??r,t[0]=r,t[1]=l);let u=l,d;t[2]!==i||t[3]!==a?(d=Co(i,a),t[2]=i,t[3]=a,t[4]=d):d=t[4];let f=d,p;t[5]!==i||t[6]!==a?(p=a.length>0?a:`ERR_${Math.abs(i)||`FAILED`}`,t[5]=i,t[6]=a,t[7]=p):p=t[7];let m=p,h;t[8]===Symbol.for(`react.memo_cache_sentinel`)?(h=(0,$.jsx)(Eo,{className:`mb-6 size-12 text-muted-foreground/70`}),t[8]=h):h=t[8];let g;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(g=(0,$.jsx)(`h1`,{className:`mb-3 text-2xl font-semibold leading-tight text-foreground`,children:ka()}),t[9]=g):g=t[9];let _;t[10]===u?_=t[11]:(_=(0,$.jsx)(`span`,{className:`font-semibold text-foreground`,children:u}),t[10]=u,t[11]=_);let v;t[12]!==f||t[13]!==_?(v=(0,$.jsxs)(`p`,{className:`text-sm leading-relaxed text-muted-foreground`,children:[_,`: `,f,`.`]}),t[12]=f,t[13]=_,t[14]=v):v=t[14];let y;t[15]===s?y=t[16]:(y=s?(0,$.jsxs)(`div`,{className:`mt-6 rounded-lg border border-border bg-muted/40 p-4 text-sm`,children:[(0,$.jsx)(`p`,{className:`mb-2 font-medium text-foreground`,children:Sa()}),(0,$.jsxs)(`ul`,{className:`list-disc space-y-1 pl-5 text-muted-foreground`,children:[(0,$.jsx)(`li`,{children:Dt()}),(0,$.jsx)(`li`,{children:ln()}),(0,$.jsx)(`li`,{children:Pt()})]})]}):null,t[15]=s,t[16]=y);let b;t[17]===m?b=t[18]:(b=(0,$.jsx)(`div`,{className:`mt-8 text-xs uppercase tracking-wide text-muted-foreground/70`,children:m}),t[17]=m,t[18]=b);let x;t[19]===Symbol.for(`react.memo_cache_sentinel`)?(x=()=>c(To),t[19]=x):x=t[19];let S;t[20]===s?S=t[21]:(S=s?Zn():Cn(),t[20]=s,t[21]=S);let C;t[22]===S?C=t[23]:(C=(0,$.jsx)(n,{type:`button`,variant:`outline`,size:`sm`,onClick:x,children:S}),t[22]=S,t[23]=C);let w;t[24]===Symbol.for(`react.memo_cache_sentinel`)?(w=(0,$.jsx)(`div`,{className:`flex-1`}),t[24]=w):w=t[24];let T;t[25]===Symbol.for(`react.memo_cache_sentinel`)?(T=Di(),t[25]=T):T=t[25];let E;t[26]===o?E=t[27]:(E=(0,$.jsx)(n,{type:`button`,size:`sm`,onClick:o,children:T}),t[26]=o,t[27]=E);let D;t[28]!==C||t[29]!==E?(D=(0,$.jsxs)(`div`,{className:`mt-auto flex items-center gap-2 pt-8`,children:[C,w,E]}),t[28]=C,t[29]=E,t[30]=D):D=t[30];let O;return t[31]!==D||t[32]!==v||t[33]!==y||t[34]!==b?(O=(0,$.jsx)(`div`,{className:`relative flex h-full min-h-0 w-full overflow-y-auto bg-background`,children:(0,$.jsxs)(`div`,{className:`mx-auto flex w-full max-w-xl flex-1 flex-col px-8 py-12 sm:py-16`,children:[h,g,v,y,b,D]})}),t[31]=D,t[32]=v,t[33]=y,t[34]=b,t[35]=O):O=t[35],O}function To(e){return!e}function Eo(e){let t=(0,Q.c)(5),{className:n}=e,r,i,a;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(r=(0,$.jsx)(`path`,{d:`M16 12 L48 12 L48 52 L16 52 Z`}),i=(0,$.jsx)(`path`,{d:`M22 22 L42 22 M22 30 L36 30 M22 38 L40 38`,strokeLinecap:`round`}),a=(0,$.jsx)(`path`,{d:`M52 8 L12 56`,strokeLinecap:`round`}),t[0]=r,t[1]=i,t[2]=a):(r=t[0],i=t[1],a=t[2]);let o;return t[3]===n?o=t[4]:(o=(0,$.jsxs)(`svg`,{viewBox:`0 0 64 64`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,className:n,children:[r,i,a]}),t[3]=n,t[4]=o),o}function Do(e){try{return new URL(e).host}catch{return null}}var Oo=new Set([`Alt`,`Control`,`Meta`,`Shift`]),ko=e=>e===1?`middle`:e===2?`right`:`left`,Ao=(e,t,n,r,i=!1)=>{let a=e.getBoundingClientRect();if(a.width<=0||a.height<=0)return null;let o=Math.min(a.width/t.width,a.height/t.height),s=t.width*o,c=t.height*o,l=a.left+(a.width-s)/2,u=a.top+(a.height-c)/2;return!i&&(n<l||n>l+s||r<u||r>u+c)?null:{x:Math.min(t.width-1,Math.max(0,(n-l)/o)),y:Math.min(t.height-1,Math.max(0,(r-u)/o))}};function jo(e){let t=(0,Q.c)(58),{threadRef:n,tabId:r,viewport:i,visible:a,className:o}=e,s=(0,Z.useRef)(null),c=(0,Z.useRef)(null),u=(0,Z.useRef)(null),d;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(d={label:`collaborative preview input`,reportDefect:!1,reportFailure:!1},t[0]=d):d=t[0];let f=C(Y.humanInput,d),p;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(p={label:`collaborative preview presentation`,reportDefect:!1,reportFailure:!1},t[1]=p):p=t[1];let h=C(Y.present,p),g;t[2]!==r||t[3]!==n.environmentId||t[4]!==n.threadId?(g=Y.frames({environmentId:n.environmentId,input:{threadId:n.threadId,tabId:r}}),t[2]=r,t[3]=n.environmentId,t[4]=n.threadId,t[5]=g):g=t[5];let _=S(g),v;t[6]===_?v=t[7]:(v=l(_)?_.value:null,t[6]=_,t[7]=v);let y=v,b=y?`data:${y.mimeType};base64,${y.data}`:null,x;t[8]!==f||t[9]!==r||t[10]!==n.environmentId||t[11]!==n.threadId?(x=e=>{f({environmentId:n.environmentId,input:{threadId:n.threadId,tabId:r,event:e}})},t[8]=f,t[9]=r,t[10]=n.environmentId,t[11]=n.threadId,t[12]=x):x=t[12];let w=x,T,E;t[13]===Symbol.for(`react.memo_cache_sentinel`)?(T=()=>()=>{u.current!==null&&cancelAnimationFrame(u.current)},E=[],t[13]=T,t[14]=E):(T=t[13],E=t[14]),(0,Z.useEffect)(T,E);let D;t[15]!==h||t[16]!==r||t[17]!==n.environmentId||t[18]!==n.threadId||t[19]!==i._tag||t[20]!==a?(D=()=>{let e=s.current;if(!e||!a||i._tag!==`fill`)return;let t=0,o=0,c=new ResizeObserver(e=>{let[i]=e;if(!i)return;let a=Math.max(1,Math.round(i.contentRect.width)),s=Math.max(1,Math.round(i.contentRect.height));a===t&&s===o||(t=a,o=s,h({environmentId:n.environmentId,input:{threadId:n.threadId,tabId:r,viewport:{width:a,height:s}}}))});return c.observe(e),()=>c.disconnect()},t[15]=h,t[16]=r,t[17]=n.environmentId,t[18]=n.threadId,t[19]=i._tag,t[20]=a,t[21]=D):D=t[21];let O;t[22]!==h||t[23]!==r||t[24]!==n||t[25]!==i._tag||t[26]!==a?(O=[h,r,n,i._tag,a],t[22]=h,t[23]=r,t[24]=n,t[25]=i._tag,t[26]=a,t[27]=O):O=t[27],(0,Z.useEffect)(D,O);let k;t[28]===y?k=t[29]:(k=(e,t)=>{let n=s.current;return n&&y?Ao(n,y,e,t):null},t[28]=y,t[29]=k);let A=k,j;t[30]!==w||t[31]!==A?(j=e=>{let t=A(e.clientX,e.clientY);t&&(c.current={_tag:`pointerMove`,...t},u.current===null&&(u.current=requestAnimationFrame(()=>{u.current=null;let e=c.current;c.current=null,e&&w(e)})))},t[30]=w,t[31]=A,t[32]=j):j=t[32];let M=j,N;t[33]!==w||t[34]!==A?(N=e=>{let t=A(e.clientX,e.clientY);t&&(e.preventDefault(),e.currentTarget.focus({preventScroll:!0}),e.currentTarget.setPointerCapture(e.pointerId),w({_tag:`pointerDown`,...t,button:ko(e.button)}))},t[33]=w,t[34]=A,t[35]=N):N=t[35];let P=N,F;t[36]!==w||t[37]!==y||t[38]!==A?(F=e=>{let t=e.currentTarget.hasPointerCapture(e.pointerId),n=t&&y?Ao(e.currentTarget,y,e.clientX,e.clientY,!0):A(e.clientX,e.clientY);n&&(e.preventDefault(),t&&e.currentTarget.releasePointerCapture(e.pointerId),w({_tag:`pointerUp`,...n,button:ko(e.button)}))},t[36]=w,t[37]=y,t[38]=A,t[39]=F):F=t[39];let I=F,L;t[40]!==w||t[41]!==A?(L=e=>{let t=A(e.clientX,e.clientY);t&&(e.preventDefault(),w({_tag:`wheel`,...t,deltaX:e.deltaX,deltaY:e.deltaY}))},t[40]=w,t[41]=A,t[42]=L):L=t[42];let R=L,z;t[43]===w?z=t[44]:(z=e=>{if(Oo.has(e.key))return;e.preventDefault(),e.stopPropagation();let t=[];e.altKey&&t.push(`Alt`),e.ctrlKey&&t.push(`Control`),e.metaKey&&t.push(`Meta`),e.shiftKey&&t.push(`Shift`),w({_tag:`keyPress`,key:e.key===` `?`Space`:e.key,modifiers:t})},t[43]=w,t[44]=z);let B=z,V;t[45]===o?V=t[46]:(V=m(`touch-none select-none overflow-hidden bg-black outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary/60`,o),t[45]=o,t[46]=V);let H;t[47]===Symbol.for(`react.memo_cache_sentinel`)?(H=tn(),t[47]=H):H=t[47];let U;t[48]===b?U=t[49]:(U=b?(0,$.jsx)(`img`,{src:b,alt:``,draggable:!1,className:`pointer-events-none h-full w-full object-contain`}):(0,$.jsx)(`div`,{className:`flex h-full w-full items-center justify-center bg-background text-xs text-muted-foreground`,children:gn()}),t[48]=b,t[49]=U);let W;return t[50]!==B||t[51]!==P||t[52]!==M||t[53]!==I||t[54]!==R||t[55]!==V||t[56]!==U?(W=(0,$.jsx)(`div`,{ref:s,className:V,role:`application`,"aria-label":H,tabIndex:0,onContextMenu:Mo,onKeyDown:B,onPointerDown:P,onPointerMove:M,onPointerCancel:I,onPointerUp:I,onWheel:R,children:U}),t[50]=B,t[51]=P,t[52]=M,t[53]=I,t[54]=R,t[55]=V,t[56]=U,t[57]=W):W=t[57],W}function Mo(e){return e.preventDefault()}function No(e){let t=e.toLowerCase();return t.includes(`mac`)?`Reveal in Finder`:t.includes(`win`)?`Reveal in File Explorer`:`Reveal in Files`}function Po(e){let t=(0,Q.c)(7),{tabId:n,visible:r,className:i}=e,a=(0,Z.useRef)(null),o,s;t[0]!==n||t[1]!==r?(o=()=>{let e=a.current;if(!e)return;let t=be(n),i=()=>{let n=e.getBoundingClientRect();t.present({x:Math.round(n.x),y:Math.round(n.y),width:Math.max(1,Math.round(n.width)),height:Math.max(1,Math.round(n.height))},r&&n.width>0&&n.height>0)};i();let o=new ResizeObserver(i);return o.observe(e),window.addEventListener(`resize`,i),window.addEventListener(`scroll`,i,!0),()=>{o.disconnect(),window.removeEventListener(`resize`,i),window.removeEventListener(`scroll`,i,!0),t.release()}},s=[n,r],t[0]=n,t[1]=r,t[2]=o,t[3]=s):(o=t[2],s=t[3]),(0,Z.useLayoutEffect)(o,s);let c;return t[4]!==i||t[5]!==n?(c=(0,$.jsx)(`div`,{ref:a,className:i,"data-browser-surface-slot":n}),t[4]=i,t[5]=n,t[6]=c):c=t[6],c}var Fo=120,Io=220,Lo=4,Ro=90,zo=.08,Bo=.5;function Vo(e){let[t,n]=(0,Z.useState)(0),r=(0,Z.useRef)(0);return r.current=t,(0,Z.useEffect)(()=>{if(!e){if(r.current===0)return;n(100);let e=window.setTimeout(()=>n(0),Io);return()=>window.clearTimeout(e)}n(e=>e>0&&e<95?e:Lo);let t=window.setInterval(()=>{let e=r.current;if(e>=Ro)return;let t=Ro-e,i=Math.max(Bo,t*zo);n(Math.min(Ro,e+i))},Fo);return()=>window.clearInterval(t)},[e]),t}var Ho=class extends o()(`PreviewSessionThreadKeyParseError`,{threadKey:c}){get message(){return`Invalid scoped preview thread key: ${this.threadKey}`}},Uo=r(e=>{let t=v(e);if(t===null)throw new Ho({threadKey:e});let n=Y.list({environmentId:t.environmentId,input:{threadId:t.threadId}}),r=Y.events({environmentId:t.environmentId,input:{}});return O(e=>{let i=!1,a=0,o=null,s=0,c=0,u=r=>{if(!l(r))return;if(r.value.sessions.length>0){o=null,a+=1,V(t,r.value.sessions);return}let s=J(t).snapshot,c=s&&s.navStatus._tag!==`Idle`?s.navStatus.url:null;if(!c){Oe(t,null);return}if(o===c)return;o=c;let u=++a;x(e.registry,Y.open,{environmentId:t.environmentId,input:{threadId:t.threadId,url:c}},{reportDefect:!1,reportFailure:!1}).then(r=>{i||u!==a||(o=null,r._tag!==`Failure`&&(Oe(t,r.value),e.refresh(n)))})},d=r=>{!l(r)||r.value.threadId!==t.threadId||(K(t,r.value),(r.value.type===`opened`||r.value.type===`closed`)&&e.refresh(n))};e.addFinalizer(()=>{i=!0,a+=1});let f=e.once(n),p=e.once(r);e.subscribe(n,e=>{s+=1,u(e)}),e.subscribe(r,e=>{c+=1,d(e)}),queueMicrotask(()=>{i||(s===0&&u(f),c===0&&d(p))})}).pipe(T(1e3),d(`preview:session-sync:${e}`))});function Wo(e){let t=(0,Q.c)(2),n;t[0]===e?n=t[1]:(n=Uo(N(e)),t[0]=e,t[1]=n),S(n)}var Go=1500,Ko=.001;function qo(e){let t=(0,Q.c)(11),{zoomFactor:n}=e,[r,i]=(0,Z.useState)(!1),a=(0,Z.useRef)(n),o=(0,Z.useRef)(null),s,c;t[0]===n?(s=t[1],c=t[2]):(s=()=>{if(!(Math.abs(a.current-n)<Ko))return a.current=n,i(!0),o.current!==null&&window.clearTimeout(o.current),o.current=window.setTimeout(()=>{i(!1),o.current=null},Go),()=>{o.current!==null&&(window.clearTimeout(o.current),o.current=null)}},c=[n],t[0]=n,t[1]=s,t[2]=c),(0,Z.useEffect)(s,c);let l;t[3]===n?l=t[4]:(l=Math.round(n*100),t[3]=n,t[4]=l);let u=`${l}%`,d=!r,f=r?`opacity-100 translate-y-0`:`opacity-0 -translate-y-1`,p;t[5]===f?p=t[6]:(p=m(`pointer-events-none absolute top-3 right-3 z-20 select-none rounded-full border border-border/70 bg-popover/95 px-2.5 py-1 text-xs font-medium text-foreground shadow-md/10 backdrop-blur transition-all duration-200 ease-out`,f),t[5]=f,t[6]=p);let h;return t[7]!==u||t[8]!==d||t[9]!==p?(h=(0,$.jsx)(`div`,{"aria-hidden":d,className:p,children:u}),t[7]=u,t[8]=d,t[9]=p,t[10]=h):h=t[10],h}function Jo(e,t){return e?1:t===`human`?.18:.35}var Yo=700;function Xo(e){let t=(0,Q.c)(9),{tabId:n,zoomFactor:r,controller:i}=e,a;t[0]===n?a=t[1]:(a=e=>e.byTabId[n]??null,t[0]=n,t[1]=a);let o=Ce(a),s;t[2]===n?s=t[3]:(s=e=>e.byTabId[n]?.content??null,t[2]=n,t[3]=s);let c=se(s);if(!o)return null;let l;return t[4]!==c||t[5]!==i||t[6]!==o||t[7]!==r?(l=(0,$.jsx)(Zo,{event:o,content:c,zoomFactor:r,controller:i},o.sequence),t[4]=c,t[5]=i,t[6]=o,t[7]=r,t[8]=l):l=t[8],l}function Zo(e){let t=(0,Q.c)(15),{event:n,content:r,zoomFactor:i,controller:a}=e,[o,s]=(0,Z.useState)(!0),c,l;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(c=()=>{let e=window.setTimeout(()=>s(!1),Yo);return()=>window.clearTimeout(e)},l=[],t[0]=c,t[1]=l):(c=t[0],l=t[1]),(0,Z.useEffect)(c,l);let u;t[2]!==o||t[3]!==a?(u=Jo(o,a),t[2]=o,t[3]=a,t[4]=u):u=t[4];let d=`translate3d(${n.x*i*(r?.scale??1)+(r?.x??0)-(r?.scrollLeft??0)}px, ${n.y*i*(r?.scale??1)+(r?.y??0)-(r?.scrollTop??0)}px, 0)`,f;t[5]!==u||t[6]!==d?(f={opacity:u,transform:d},t[5]=u,t[6]=d,t[7]=f):f=t[7];let p;t[8]!==n.phase||t[9]!==n.sequence?(p=n.phase===`click`?(0,$.jsx)(`span`,{className:`absolute left-0.5 top-0.5 size-4 animate-status-ping rounded-full bg-primary/25 motion-reduce:animate-none`},n.sequence):null,t[8]=n.phase,t[9]=n.sequence,t[10]=p):p=t[10];let m;t[11]===Symbol.for(`react.memo_cache_sentinel`)?(m=(0,$.jsx)(je,{className:`relative size-5 -translate-x-0.5 -translate-y-0.5 fill-background text-primary drop-shadow-sm`,strokeWidth:2}),t[11]=m):m=t[11];let h;return t[12]!==f||t[13]!==p?(h=(0,$.jsxs)(`div`,{className:`pointer-events-none absolute left-0 top-0 z-40 transition-[transform,opacity] duration-150 ease-out motion-reduce:transition-none`,style:f,"aria-hidden":`true`,"data-agent-browser-cursor":!0,children:[p,m]}),t[12]=f,t[13]=p,t[14]=h):h=t[14],h}var Qo=typeof window>`u`?null:b();function $o({threadRef:e,tabId:t,configuredUrls:n,visible:r}){let[i,a]=(0,Z.useState)(void 0),[o,s]=(0,Z.useState)(!1),c=_e(),l=(0,Z.useRef)(!1),u=(0,Z.useRef)(!0),d=B(e),p=P(e=>e.addPreviewAnnotation),m=P(e=>e.addImage),h=f(e.environmentId),g=E(e.environmentId),v=C(Y.open),y=C(Y.navigate),b=C(Y.resize,`preview viewport resize`),x=C(Y.refresh),S=C(Y.history);Wo(e),(0,Z.useEffect)(()=>(u.current=!0,()=>{u.current=!1}),[]);let T=t??d.activeTabId,D=T?d.sessions[T]??null:null,O=T?d.desktopByTabId[T]??null:null,k=D?.navStatus??{_tag:`Idle`},A=k._tag===`Idle`?``:k.url,j=O?.loading??k._tag===`Loading`,M=O?.canGoBack??D?.canGoBack??!1,I=O?.canGoForward??D?.canGoForward??!1,L=k._tag===`Idle`,R=k._tag===`LoadFailed`,z=ce(D),V=O?.controller??(T?d.serverControllerByTabId[T]??`none`:`none`),U=Vo(j),K=A&&h&&g?io({url:A,environmentLabel:h.label,environmentHttpBaseUrl:g})??void 0:void 0,J=D?.viewport??_,te=se(e=>T?e.byTabId[T]?.rect??null:null),ne=(0,Z.useCallback)(async t=>{try{let n=H(e.environmentId,t);if(T&&X)await X.navigate(T,n),q(e,n);else if(T){let t=await y({environmentId:e.environmentId,input:{threadId:e.threadId,tabId:T,url:n}});if(t._tag===`Failure`)throw w(t);ee(e,t.value),q(e,n)}else await W({openPreview:v,threadRef:e,url:n})}catch{}},[y,v,T,e]),re=(0,Z.useCallback)(()=>{if(T){if(X){X.refresh(T);return}x({environmentId:e.environmentId,input:{threadId:e.threadId,tabId:T}})}},[x,T,e]),ie=(0,Z.useCallback)(()=>{X&&T&&X.zoomIn(T)},[T]),oe=(0,Z.useCallback)(()=>{X&&T&&X.zoomOut(T)},[T]),le=(0,Z.useCallback)(()=>{X&&T&&X.resetZoom(T)},[T]),ue=(0,Z.useCallback)(async t=>{if(!T)return;let n=await b({environmentId:e.environmentId,input:{threadId:e.threadId,tabId:T,viewport:t}});if(n._tag===`Failure`){let e=w(n);throw G.add({type:`error`,title:`Unable to resize browser viewport`,description:e instanceof Error?e.message:`An error occurred.`}),e}ee(e,n.value)},[b,T,e]),de=()=>{if(!T)return;if(J._tag!==`fill`){Se(T,_).catch(()=>void 0);return}let e=te?ye(te,O?.zoomFactor):{width:1024,height:768};Se(T,{_tag:`freeform`,...e}).catch(()=>void 0)};(0,Z.useEffect)(()=>{if(T)return ge(T,ue)},[ue,T]);let fe=(0,Z.useCallback)(()=>{if(T){if(X){X.goBack(T);return}S({environmentId:e.environmentId,input:{threadId:e.threadId,tabId:T,direction:`back`}})}},[S,T,e]),me=(0,Z.useCallback)(()=>{if(T){if(X){X.goForward(T);return}S({environmentId:e.environmentId,input:{threadId:e.threadId,tabId:T,direction:`forward`}})}},[S,T,e]),he=(0,Z.useCallback)(()=>{!Qo||!A||Qo.shell.openExternal(A).catch(()=>void 0)},[A]),be=(0,Z.useCallback)(e=>{if(!X||!T)return;let t=X;if(c===T){ae(T).then(e=>{if(!e)return;let n=!1,r,i=()=>{if(!navigator.clipboard?.writeText){G.update(r,F({type:`error`,title:`Unable to copy recording path`,description:`Clipboard API unavailable.`,actionProps:a}));return}navigator.clipboard.writeText(e.path).then(()=>{n=!0,o(),window.setTimeout(()=>{n=!1,o()},2e3)},e=>{G.update(r,F({type:`error`,title:`Unable to copy recording path`,description:e instanceof Error?e.message:`An error occurred.`,actionProps:a}))})},a={children:No(navigator.platform),onClick:()=>void t.revealArtifact(e.path)},o=()=>{G.update(r,F({type:`success`,title:`Recording saved`,actionProps:a,data:{secondaryActionProps:{children:n?`Copied!`:`Copy path`,disabled:n,onClick:i},secondaryActionVariant:`outline`}}))};r=G.add(F({type:`success`,title:`Recording saved`,actionProps:a,data:{secondaryActionProps:{children:`Copy path`,onClick:i},secondaryActionVariant:`outline`}}))},e=>{G.add({type:`error`,title:`Unable to stop recording`,description:e instanceof Error?e.message:`An error occurred.`})});return}if(e){if(c!==null){G.add({type:`warning`,title:`Another preview is recording`,description:`Stop the active recording before starting a new one.`});return}pe(T).catch(e=>{G.add({type:`error`,title:`Unable to start recording`,description:e instanceof Error?e.message:`An error occurred.`})});return}t.captureScreenshot(T).then(e=>{let n={children:No(navigator.platform),onClick:()=>void t.revealArtifact(e.path)},r=!1,i=!1,a,o=(e=`success`,t=`Screenshot saved`,o)=>{G.update(a,F({type:e,title:t,description:o,actionProps:{children:i?`Copied!`:`Copy image`,disabled:i,onClick:c},data:{additionalActions:[{id:`copy-path`,props:{children:r?`Copied!`:`Copy path`,disabled:r,onClick:s}}],secondaryActionProps:{...n},secondaryActionVariant:`outline`}}))},s=()=>{if(!navigator.clipboard?.writeText){o(`error`,`Unable to copy screenshot path`,`Clipboard API unavailable.`);return}navigator.clipboard.writeText(e.path).then(()=>{r=!0,o(),window.setTimeout(()=>{r=!1,o()},2e3)},e=>{o(`error`,`Unable to copy screenshot path`,e instanceof Error?e.message:`An error occurred.`)})},c=()=>{t.copyArtifactToClipboard(e.path).then(()=>{i=!0,o(),window.setTimeout(()=>{i=!1,o()},2e3)},e=>{o(`error`,`Unable to copy screenshot`,e instanceof Error?e.message:`An error occurred.`)})};a=G.add(F({type:`success`,title:`Screenshot saved`,actionProps:{children:`Copy image`,onClick:c},data:{additionalActions:[{id:`copy-path`,props:{children:`Copy path`,onClick:s}}],secondaryActionProps:{...n},secondaryActionVariant:`outline`}}))},e=>{G.add({type:`error`,title:`Unable to capture screenshot`,description:e instanceof Error?e.message:`An error occurred.`})})},[c,T]),xe=(0,Z.useCallback)(()=>{if(!X||!T)return;if(l.current){X.cancelPickElement(T).catch(()=>void 0);return}let t=typeof document<`u`?document.activeElement:null;l.current=!0,s(!0),(async()=>{try{let t=await X.pickElement(T);if(!t)return;p(e,t);let n=await ve(t);n&&t.screenshot&&m(e,{type:`image`,id:t.id,name:n.name,mimeType:n.type,sizeBytes:n.size,previewUrl:t.screenshot.dataUrl,file:n})}catch{}finally{if(l.current=!1,u.current&&s(!1),t&&t.isConnected&&typeof t.focus==`function`)try{t.focus({preventScroll:!0})}catch{}}})()},[m,p,T,e]);return(0,Z.useEffect)(()=>()=>{l.current&&(l.current=!1,X&&T&&X.cancelPickElement(T).catch(()=>void 0),u.current&&s(!1))},[T]),(0,Z.useEffect)(()=>{if(r)return we(e=>{switch(e){case`refresh`:re();return;case`focus-url`:a(e=>(e??0)+1);return;case`zoom-in`:ie();return;case`zoom-out`:oe();return;case`reset-zoom`:le();return;case`toggle-panel`:return}})},[re,le,ie,oe,r]),(0,$.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-background`,"data-thread-key":N(e),children:[(0,$.jsx)(ro,{url:A,displayUrl:K,loading:j,loadProgress:U,canGoBack:M,canGoForward:I,refreshDisabled:L,focusUrlNonce:i,onBack:fe,onForward:me,onRefresh:re,onSubmit:e=>void ne(e),onOpenInBrowser:T?he:void 0,onCapture:X&&T?be:void 0,captureDisabled:!O||R,recording:T!==null&&c===T,onPickElement:X&&T?xe:void 0,pickActive:o,pickDisabled:!T||R,pickDisabledReason:R?`Page didn't load — pick unavailable until the page renders`:void 0,trailingActions:X?(0,$.jsx)(go,{tabId:T,hasWebContents:O!==null,zoomFactor:O?.zoomFactor??1,deviceToolbarVisible:J._tag!==`fill`,onToggleDeviceToolbar:de}):null}),(0,$.jsxs)(`div`,{className:`relative min-h-0 flex-1 overflow-hidden`,children:[T&&D&&!z?X?(0,$.jsx)(Po,{tabId:T,visible:r&&!R,className:`absolute inset-0 h-full w-full`},T):r&&!R?(0,$.jsx)(jo,{threadRef:e,tabId:T,viewport:J,visible:r&&!R,className:`absolute inset-0 h-full w-full`},T):null:null,z?(0,$.jsx)(ho,{environmentId:e.environmentId,configuredUrls:n,recentlySeenUrls:d.recentlySeenUrls,onOpenUrl:e=>void ne(e)}):null,D&&O?(0,$.jsx)(qo,{zoomFactor:O.zoomFactor}):null,T&&O&&!z&&!R?(0,$.jsx)(Xo,{tabId:T,zoomFactor:O.zoomFactor,controller:V}):null,V===`none`?null:(0,$.jsx)(`div`,{className:`pointer-events-none absolute left-3 top-3 z-40 rounded-full border border-border/70 bg-background/90 px-2.5 py-1 text-[11px] font-medium shadow-sm backdrop-blur`,children:V===`agent`?`Agent controlling browser`:`Human control`}),k._tag===`LoadFailed`?(0,$.jsx)(`div`,{className:`absolute inset-0 z-10 bg-background`,children:(0,$.jsx)(wo,{url:k.url,code:k.code,description:k.description,onReload:re})}):null]})]})}function es(e){let t=(0,Q.c)(13),{mode:n,threadRef:r,tabId:i,configuredUrls:a,visible:o}=e;if(!L()){let e;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col items-center justify-center gap-3 p-8 text-center`,children:(0,$.jsx)(`p`,{className:`max-w-sm text-sm text-muted-foreground`,children:Vi()})}),t[0]=e):e=t[0];let r;return t[1]===n?r=t[2]:(r=(0,$.jsx)(xe,{mode:n,children:e}),t[1]=n,t[2]=r),r}let s;t[3]===i?s=t[4]:(s=i===void 0?{}:{tabId:i},t[3]=i,t[4]=s);let c;t[5]!==a||t[6]!==s||t[7]!==r||t[8]!==o?(c=(0,$.jsx)($o,{threadRef:r,...s,configuredUrls:a,visible:o}),t[5]=a,t[6]=s,t[7]=r,t[8]=o,t[9]=c):c=t[9];let l;return t[10]!==n||t[11]!==c?(l=(0,$.jsx)(xe,{mode:n,children:c}),t[10]=n,t[11]=c,t[12]=l):l=t[12],l}export{es as PreviewPanel};