import{B as e,D as t,E as n,F as r,G as i,K as a,M as o,O as s,P as c,R as l,T as u,Y as d,g as f,i as p,j as m,k as h,m as g,o as _,q as v,r as y,t as b,w as x,z as S}from"./CrashPanel-Di_mLyQI.js";import{t as C}from"./FunnelCta-xGZnT66p.js";var w=h(`<span class="arrow svelte-1s55s15" aria-hidden="true">›</span>`),T=h(`<div class="step svelte-1s55s15"><span class="dot svelte-1s55s15"> </span> <span> </span></div> <!>`,1),E=h(`<span class="svelte-1s55s15"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="var(--ok)" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 12 10 18 20 6"></polyline></svg> </span>`),D=h(`<div class="wrap svelte-1s55s15"><div class="card svelte-1s55s15"><div class="hero svelte-1s55s15"><span class="trust-chip"><svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><rect x="5" y="11" width="14" height="9" rx="2"></rect><path d="M8 11 V7 a4 4 0 0 1 8 0 V11"></path></svg> </span> <h1 class="svelte-1s55s15"> </h1> <p class="lead svelte-1s55s15"> </p></div> <div class="content svelte-1s55s15"><div class="steps svelte-1s55s15"></div> <div class="honest svelte-1s55s15"><div class="honest-title svelte-1s55s15"> </div> <div class="cols svelte-1s55s15"><div class="svelte-1s55s15"><div class="h ok svelte-1s55s15"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 12 10 18 20 6"></polyline></svg> </div> <div class="muted list svelte-1s55s15"> </div></div> <div class="divider svelte-1s55s15"><div class="h warn svelte-1s55s15"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="6" y1="6" x2="18" y2="18"></line><line x1="18" y1="6" x2="6" y2="18"></line></svg> </div> <div class="muted list svelte-1s55s15"> </div></div></div> <div class="tradeoff svelte-1s55s15"> </div></div> <div class="promises svelte-1s55s15"></div> <button class="cta svelte-1s55s15"> </button> <div class="foot svelte-1s55s15"><!></div></div></div></div>`);function O(m,h){v(h,!1);function y(){g.tabs.create({url:g.runtime.getURL(`/workspace.html`)})}f();var O=s();i(S(O),{onerror:e=>p(`onboarding`,e),failed:e=>{b(e,{})}},i=>{var a=D(),s=l(a),f=l(s),p=l(f),m=e(l(p));d(p);var h=e(p,2),g=l(h,!0);d(h);var v=e(h,2),b=l(v,!0);d(v),d(f);var O=e(f,2),k=l(O);x(k,7,()=>[[`1`,_(`obStep1`)],[`2`,_(`obStep2`)],[`3`,_(`obStep3`)]],e=>e[0],(i,a,o)=>{var s=T(),f=S(s),p=l(f),m=l(p,!0);d(p);var h=e(p,2),g=l(h,!0);d(h),d(f);var _=e(f,2),v=e=>{t(e,w())};u(_,e=>{c(o)<2&&e(v)}),r(()=>{n(m,c(a)[0]),n(g,c(a)[1])}),t(i,s)}),d(k);var A=e(k,2),j=l(A),M=l(j,!0);d(j);var N=e(j,2),P=l(N),F=l(P),I=e(l(F),1,!0);d(F);var L=e(F,2),R=l(L,!0);d(L),d(P);var z=e(P,2),B=l(z),V=e(l(B),1,!0);d(B);var H=e(B,2),U=l(H,!0);d(H),d(z),d(N);var W=e(N,2),G=l(W,!0);d(W),d(A);var K=e(A,2);x(K,5,()=>[_(`obNoUpload`),_(`obNoCollect`),_(`obNoAccount`)],e=>e,(i,a)=>{var o=E(),s=e(l(o),1,!0);d(o),r(()=>n(s,c(a))),t(i,o)}),d(K);var q=e(K,2),J=l(q,!0);d(q);var Y=e(q,2);C(l(Y),{spot:`welcome`}),d(Y),d(O),d(s),d(a),r((e,t,r,i,a,o,s,c,l,u)=>{n(m,` ${e??``}`),n(g,t),n(b,r),n(M,i),n(I,a),n(R,o),n(V,s),n(U,c),n(G,l),n(J,u)},[()=>_(`trustBadge`),()=>_(`obTitle`),()=>_(`obLead`),()=>_(`obHonestTitle`),()=>_(`obGoodAt`),()=>_(`obGoodAtList`),()=>_(`obWeakAt`),()=>_(`obWeakAtList`),()=>_(`obTradeoff`),()=>_(`obOpenWorkspace`)]),o(`click`,q,y),t(i,a)}),t(m,O),a()}m([`click`]),y(`onboarding`,O);