https://onsigil.com/_next/static/chunks/app/page-efa52ed6cbcca94e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8974],{3263:(e,t,a)=>{"use strict";a.d(t,{SeeItWorkProvider:()=>n,v:()=>d});var s=a(95155),r=a(12115),l=a(82644);let i=(0,r.createContext)(null);function n(e){var t;let{children:a}=e,n=function(){let[e,t]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)");t(e.matches);let a=()=>t(e.matches);return e.addEventListener("change",a),()=>e.removeEventListener("change",a)},[]),e}(),d=(0,r.useRef)(null),[o,c]=(0,r.useState)(!1),[m,h]=(0,r.useState)(0),[x,p]=(0,r.useState)(0),[u,b]=(0,r.useState)(0),[f,g]=(0,r.useState)(!1),j=(0,r.useRef)(!1),v=(0,r.useRef)(0),y=null!=(t=l.NL[m])?t:l.NL[0],N=(0,r.useMemo)(()=>{var e,t,a;if(!n)return(0,l.Pi)(y,x);let s=y.actions[y.actions.length-1];return{phase:"done",typedChars:y.prompt.length,visibleSteps:y.actions.length,thinking:!1,progress:1,address:null!=(e=null==s?void 0:s.address)?e:y.address,tabIndex:null!=(t=null==s?void 0:s.tabIndex)?t:0,cursor:null,highlight:null,beat:null!=(a=null==s?void 0:s.beat)?a:0,actionProgress:1,promptSent:!0,pageActive:!0}},[y,x,n]),w=(0,r.useCallback)(e=>{if(j.current)return;let t=l.NL[e];if(!t||e===m)return;if(n){h(e),p((0,l.i9)(t)),b(0),g(!1);return}j.current=!0,g(!0);let a=performance.now(),s=!1,r=t=>{let l=t-a;if(l<420)b(l/420);else if(l<840)s||(s=!0,h(e),p(0)),b(1-(l-420)/420);else{b(0),j.current=!1,g(!1);return}v.current=requestAnimationFrame(r)};cancelAnimationFrame(v.current),v.current=requestAnimationFrame(r)},[m,n]);(0,r.useEffect)(()=>{let e=d.current;if(!e)return;let t=new IntersectionObserver(e=>{let[t]=e;return c(!!(null==t?void 0:t.isIntersecting))},{threshold:.12});return t.observe(e),()=>t.disconnect()},[]),(0,r.useEffect)(()=>{if(n||!o||f)return;let e=0,t=performance.now(),a=s=>{if(j.current)return;let r=(0,l.i9)(l.NL[m]),i=s-t;if(i>=r){p(0),w((m+1)%l.NL.length);return}p(i),e=requestAnimationFrame(a)};return e=requestAnimationFrame(a),()=>cancelAnimationFrame(e)},[m,o,f,n,w]),(0,r.useEffect)(()=>()=>{cancelAnimationFrame(v.current)},[]);let k=(0,r.useCallback)(e=>{w(e)},[w]),I=(0,r.useMemo)(()=>({demoIndex:m,demo:y,timeline:N,reducedMotion:n,dissolveProgress:u,selectDemo:k}),[y,m,u,n,k,N]);return(0,s.jsx)(i.Provider,{value:I,children:(0,s.jsx)("div",{ref:d,children:a})})}function d(){let e=(0,r.useContext)(i);if(!e)throw Error("useSeeItWork must be used within SeeItWorkProvider");return e}},5453:(e,t,a)=>{"use strict";a.d(t,{Hero:()=>j});var s=a(95155),r=a(52619),l=a.n(r),i=a(72127),n=a(3998),d=a(12115),o=a(80887),c=a(27906),m=a(42665),h=a(46767),x=a(98795);function p(e){return new Intl.NumberFormat("en-US").format(e)}function u(e){let{path:t,className:a}=e;return(0,s.jsx)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:t,fill:"currentColor"})})}let b=[{key:"chrome",label:"Chrome",icon:(0,s.jsx)(u,{path:m.m6v.path,className:"size-3.5 shrink-0"})},{key:"edge",label:"Edge",icon:(0,s.jsx)(u,{path:"M21.86 17.86q.14 0 .25.12.1.13.1.25t-.11.33l-.32.46-.43.53-.44.5q-.21.25-.38.42l-.22.23q-.58.53-1.34 1.04-.76.51-1.6.91-.86.4-1.74.64t-1.67.24q-.9 0-1.69-.28-.8-.28-1.48-.78-.68-.5-1.22-1.17-.53-.66-.92-1.44-.38-.77-.58-1.6-.2-.83-.2-1.67 0-1 .32-1.96.33-.97.87-1.8.14.95.55 1.77.41.82 1.02 1.5.6.68 1.38 1.21.78.54 1.64.9.86.36 1.77.56.92.2 1.8.2 1.12 0 2.18-.24 1.06-.23 2.06-.72l.2-.1.2-.05zm-15.5-1.27q0 1.1.27 2.15.27 1.06.78 2.03.51.96 1.24 

11.77.74.82 1.66 1.4-1.47-.2-2.8-.74-1.33-.55-2.48-1.37-1.15-.83-2.08-1.9-.92-1.07-1.58-2.33T.36 14.94Q0 13.54 0 12.06q0-.81.32-1.49.31-.68.83-1.23.53-.55 1.2-.96.66-.4 1.35-.66.74-.27 1.5-.39.78-.12 1.55-.12.7 0 1.42.1.72.12 1.4.35.68.23 1.32.57.63.35 1.16.83-.35 0-.7.07-.33.07-.65.23v-.02q-.63.28-1.2.74-.57.46-1.05 1.04-.48.58-.87 1.26-.38.67-.65 1.39-.27.71-.42 1.44-.15.72-.15 1.38zM11.96.06q1.7 0 3.33.39 1.63.38 3.07 1.15 1.43.77 2.62 1.93 1.18 1.16 1.98 2.7.49.94.76 1.96.28 1 .28 2.08 0 .89-.23 1.7-.24.8-.69 1.48-.45.68-1.1 1.22-.64.53-1.45.88-.54.24-1.11.36-.58.13-1.16.13-.42 0-.97-.03-.54-.03-1.1-.12-.55-.1-1.05-.28-.5-.19-.84-.5-.12-.09-.23-.24-.1-.16-.1-.33 0-.15.16-.35.16-.2.35-.5.2-.28.36-.68.16-.4.16-.95 0-1.06-.4-1.96-.4-.91-1.06-1.64-.66-.74-1.52-1.28-.86-.55-1.79-.89-.84-.3-1.72-.44-.87-.14-1.76-.14-1.55 0-3.06.45T.94 7.55q.71-1.74 1.81-3.13 1.1-1.38 2.52-2.35Q6.68 1.1 8.37.58q1.7-.52 3.58-.52Z",className:"size-3.5 shrink-0"})},{key:"brave",label:"Brave",icon:(0,s.jsx)(u,{path:m.VW2.path,className:"size-3.5 shrink-0"})},{key:"opera",label:"Opera",icon:(0,s.jsx)(u,{path:m.U$z.path,className:"size-3.5 shrink-0"})},{key:"other",label:"Other",icon:(0,s.jsx)(o.A,{className:"size-3.5 shrink-0","aria-hidden":!0,strokeWidth:1.75})}];function f(){let[e,t]=(0,d.useState)(null),[a,r]=(0,d.useState)(null),[l,i]=(0,d.useState)("loading");if((0,d.useEffect)(()=>{let e=!1;return fetch("/api/install-stats").then(async e=>e.ok?await e.json():null).then(a=>{var s;if(!e){if(!a||"number"!=typeof a.total){t(x.BL),i("error");return}t(a.total),r(null!=(s=a.byBrowser)?s:null),i("ready")}}).catch(()=>{e||(t(x.BL),i("error"))}),()=>{e=!0}},[]),"loading"===l||null===e)return(0,s.jsxs)("span",{className:"relative z-[1] mb-[-1px] inline-flex h-[34px] items-center gap-2 rounded-none border border-border bg-background/80 px-3 py-1.5 backdrop-blur-sm","aria-hidden":!0,children:[(0,s.jsx)(c.A,{className:"size-3.5 shrink-0 text-muted-foreground/40",strokeWidth:1.75}),(0,s.jsx)("span",{className:"inline-block h-3.5 w-24 animate-pulse rounded-sm bg-muted-foreground/15"})]});let n=a?b.map(e=>{var t;return{...e,value:null!=(t=a[e.key])?t:0}}).filter(e=>e.value>0):[],o=(0,s.jsxs)("span",{className:"relative z-[1] mb-[-1px] inline-flex items-center gap-2 rounded-none border border-border bg-background/80 px-3 py-1.5 text-sm text-muted-foreground/55 backdrop-blur-sm",children:[(0,s.jsx)(c.A,{className:"size-3.5 shrink-0","aria-hidden":!0,strokeWidth:1.75}),(0,s.jsxs)("span",{children:[p(e)," installs"]})]});return 0===n.length?o:(0,s.jsx)(h.Bc,{delayDuration:150,children:(0,s.jsxs)(h.m_,{children:[(0,s.jsx)(h.k$,{asChild:!0,children:(0,s.jsxs)("button",{type:"button",className:"relative z-[1] mb-[-1px] inline-flex items-center gap-2 rounded-none border border-border bg-background/80 px-3 py-1.5 text-sm text-muted-foreground/55 backdrop-blur-sm outline-none focus-visible:ring-2 focus-visible:ring-ring","aria-label":"".concat(p(e)," installs. Hover for browser breakdown."),children:[(0,s.jsx)(c.A,{className:"size-3.5 shrink-0","aria-hidden":!0,strokeWidth:1.75}),(0,s.jsxs)("span",{children:[p(e)," installs"]})]})}),(0,s.jsx)(h.ZI,{side:"bottom",className:"min-w-[9.5rem] px-2.5 py-2",children:(0,s.jsx)("ul",{className:"flex flex-col gap-1.5",children:n.map(e=>(0,s.jsxs)("li",{className:"flex items-center justify-between gap-4 text-xs leading-none",children:[(0,s.jsxs)("span",{className:"inline-flex items-center gap-2",children:[e.icon,(0,s.jsx)("span",{children:e.label})]}),(0,s.jsx)("span",{className:"tabular-nums font-medium",children:p(e.value)})]},e.key))})})]})})}function g(){let e=(0,i.Xv)();return(0,s.jsxs)("div",{className:"flex w-full flex-col gap-0",children:[(0,s.jsx)(n.$,{asChild:!0,size:"lg",variant:"outline",className:"h-14 w-full rounded-none border-border text-[15px] shadow-none sm:h-16",children:(0,s.jsx)(l(),{href:"/#see-it-work",children:"See it work"})}),(0,s.jsx)(n.$,{asChild:!0,size:"lg",className:"h-14 w-full rounded-none text-[15px] shadow-none sm:h-16",children:(0,s.jsx)("a",{...(0,i.mp)(e),children:(0,s.jsx)(i.ns,{showIcon:!1})})})]})}function j(){return(0,s.jsxs)("section",{className:"hero-panel relative",children:[(0,s.jsx)("div",{"aria-hidden":!0,

1className:"pointer-events-none absolute inset-x-0 bottom-0 h-[55%] overflow-hidden bg-[radial-gradient(ellipse_at_bottom_center,color-mix(in_oklab,var(--foreground)_14%,transparent)_0%,transparent_68%)] dark:bg-[radial-gradient(ellipse_at_bottom_center,color-mix(in_oklab,var(--foreground)_10%,transparent)_0%,transparent_70%)]"}),(0,s.jsxs)("div",{className:"relative mx-auto grid w-full grid-rows-[auto_auto_auto]",children:[(0,s.jsxs)("div",{className:"relative flex h-12 items-end justify-center px-6 sm:h-14",children:[(0,s.jsx)("div",{"aria-hidden":!0,className:"hero-midline pointer-events-none absolute bottom-0"}),(0,s.jsx)(f,{})]}),(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center px-6 py-7 text-center sm:px-10 sm:py-8",children:[(0,s.jsxs)("h1",{className:"font-brand text-4xl font-semibold tracking-tight text-balance sm:text-5xl md:text-6xl md:leading-[1.08]",children:["Your browser can do",(0,s.jsx)("br",{}),"the work now."]}),(0,s.jsxs)("p",{className:"mt-5 max-w-xl text-base text-muted-foreground text-pretty sm:text-lg",children:["Stop driving your browser.",(0,s.jsx)("br",{}),"Start directing it."]})]}),(0,s.jsxs)("div",{className:"relative flex flex-col items-center px-6 sm:px-10",children:[(0,s.jsx)("div",{"aria-hidden":!0,className:"hero-midline pointer-events-none absolute top-0"}),(0,s.jsx)("div",{className:"relative z-[1] -mt-px w-full max-w-sm",children:(0,s.jsx)(g,{})}),(0,s.jsx)("div",{"aria-hidden":!0,className:"h-12 w-full sm:h-14"})]})]})]})}},10242:(e,t,a)=>{"use strict";a.d(t,{Show:()=>i});var s=a(95155),r=a(43159),l=a(91339);function i(e){let{when:t,children:a,fallback:i}=e;return(0,l.t)()?"signed-out"===t?(0,s.jsx)(s.Fragment,{children:a}):(0,s.jsx)(s.Fragment,{children:null!=i?i:null}):(0,s.jsx)(r.wv,{when:t,fallback:i,children:a})}},18662:(e,t,a)=>{"use strict";a.d(t,{CapabilitiesSection:()=>f});var s=a(95155),r=a(52619),l=a.n(r),i=a(70484),n=a(85256),d=a(78070),o=a(54118),c=a(98686),m=a(30335),h=a(36165),x=a(72127),p=a(3998),u=a(98795);let b=[{icon:i.A,title:"Don't teach it twice.",body:"Save what worked. Reuse it next time."},{icon:n.A,title:"Keep what matters.",body:"Save names. Save rules. Save preferences. Delete them whenever you want."},{icon:d.A,title:"Build it once.",body:"Turn a job you repeat into a skill you reuse."},{icon:o.A,title:"Finish the whole job.",body:"It keeps going until the work is done."},{icon:c.A,title:"Works inside the page.",body:"Clicks. Types. Reads. Fills forms. Downloads files."},{icon:m.A,title:"Never leave your tab.",body:"Ask. Approve. Keep working."}];function f(){return(0,s.jsxs)("section",{className:"mx-auto w-full max-w-5xl",children:[(0,s.jsxs)("div",{className:"mx-auto max-w-2xl text-center",children:[(0,s.jsxs)("p",{className:"inline-flex w-fit items-center gap-1.5 rounded-full border border-border bg-muted/30 px-3.5 py-1.5 text-sm font-semibold tracking-wide text-muted-foreground",children:[(0,s.jsx)(h.A,{className:"size-3.5 shrink-0","aria-hidden":!0,strokeWidth:2}),"Learning"]}),(0,s.jsx)("h2",{className:"font-brand mt-4 text-3xl font-semibold tracking-tight sm:text-4xl",children:"Every job makes the next one faster."}),(0,s.jsxs)("p",{className:"mt-3 text-sm text-muted-foreground sm:text-base",children:["It does the work on the page.",(0,s.jsx)("br",{}),"Then it keeps what helped."]})]}),(0,s.jsx)("div",{className:"mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:b.map(e=>(0,s.jsxs)("article",{className:"rounded-2xl border border-border bg-card p-6 shadow-sm",children:[(0,s.jsx)(e.icon,{className:"size-5 text-foreground","aria-hidden":!0,strokeWidth:1.75}),(0,s.jsx)("h3",{className:"mt-5 text-base font-semibold tracking-tight",children:e.title}),(0,s.jsx)("p",{className:"mt-2 text-sm leading-6 text-muted-foreground",children:e.body})]},e.title))}),(0,s.jsxs)("div",{className:"mt-10 flex flex-wrap items-center justify-center gap-3",children:[(0,s.jsx)(x.P,{className:"h-10 rounded-full px-6 text-sm"}),(0,s.jsx)(p.$,{asChild:!0,variant:"outline",className:"h-10 rounded-full px-6 text-sm",children:(0,s.jsx)(l(),{href:(0,u.FD)("/docs/memory/memory"),children:"See more"})})]})]})}},30513:(e,t,a)=>{"use strict";a.d(t,{y:()=>r});var s=a(30926);let r=(0,s.createServerReference)("7faeb27a2944344871eba4f7d7b79bb423fef2771d",s.callServer,void 0,s.findSourceMapURL,"invalidateCacheAction")},38464:(e,t,a)=>{"use strict";function s(e,t){if(!(null==e?void 0:e.length))return!1;let a=t.toLowerCase();return e.some(e=>{var t;return(null!=(t=e.brand)?t:"").toLowerCase().includes(a)})}function r(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"undefined"!=typeof navigator?navigator.userAgent:"",a=t||"",r=function(){if("undefined"==typeof navigator)return;let e=navigator.userAgentData;return null==e?void 0:e.brands}();return/Edg\//i.test(a)||s(r,"Microsoft Edge")?"edge":/OPR\/|Opera/i.test(a)||s(r,"Opera")?"opera":/Vivaldi/i.test(a)||s(r,"Vivaldi")?"vivaldi":(null==(e="undefined"!=typeof navigator?navigator:void 0)?void 0:e.brave)||s(r,"Brave")||/Brave/i.test(a)?"brave":s(r,"Arc")||/Arc\//i.test(a)||function(){if("undefined"==typeof document)return!1;try{let e=getComputedStyle(document.documentElement);return!!(e.getPropertyValue("--arc-palette-title").trim()||e.getPropertyValue("--arc-palette-background").trim())}catch(e){return!1}}()?"arc":/Chrome\//i.test(a)&&!/Edg\/|OPR\/|Vivaldi|Brave/i.test(a)||s(r,"Google Chrome")||s(r,"Chromium")?"chrome":"other"}a.d(t,{cO:()=>r})},46767:(e,t,a)=>{"use strict";a.d(t,{Bc:()=>i,ZI:()=>o,k$:()=>d,m_:()=>n});var s=a(95155);a(12115);var r=a(79264),l=a(64269);function i(e){let{delayDuration:t=200,...a}=e;return(0,s.jsx)(r.Kq,{delayDuration:t,...a})}function n(e){let{...t}=e;return(0,s.jsx)(r.bL,{...t})}function d(e){let{...t}=e;return(0,s.jsx)(r.l9,{...t})}function o(e){let{className:t,sideOffset:a=6,children:i,...n}=e;return(0,s.jsx)(r.ZL,{children:(0,s.jsxs)(r.UC,{sideOffset:a,className:(0,l.cn)("z-50 w-fit max-w-xs rounded-md bg-foreground px-3 py-1.5 text-xs text-background shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:sli

1de-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",t),...n,children:[i,(0,s.jsx)(r.i3,{className:"fill-foreground"})]})})}},59901:(e,t,a)=>{Promise.resolve().then(a.bind(a,45)),Promise.resolve().then(a.t.bind(a,52619,23)),Promise.resolve().then(a.t.bind(a,81356,23)),Promise.resolve().then(a.bind(a,10242)),Promise.resolve().then(a.bind(a,18662)),Promise.resolve().then(a.bind(a,75462)),Promise.resolve().then(a.bind(a,5453)),Promise.resolve().then(a.bind(a,62317)),Promise.resolve().then(a.bind(a,3263)),Promise.resolve().then(a.bind(a,83379))},62317:(e,t,a)=>{"use strict";a.d(t,{HowItWorks:()=>j});var s=a(95155),r=a(52619),l=a.n(r),i=a(48272),n=a(18080),d=a(9453),o=a(72127),c=a(12115),m=a(15239),h=a(64269);let x=[{slug:"openai",src:"/provider-icons/openai.svg"},{slug:"google",src:"/provider-icons/google.svg"},{slug:"deepseek",src:"/provider-icons/deepseek.png"},{slug:"meta",src:"/provider-icons/meta.png"},{slug:"mistralai",src:"/provider-icons/mistralai.png"},{slug:"qwen",src:"/provider-icons/qwen.png"},{slug:"moonshotai",src:"/provider-icons/moonshotai.png"},{slug:"minimax",src:"/provider-icons/minimax.png"},{slug:"z-ai",src:"/provider-icons/z-ai.png"}];function p(e){let{className:t}=e,[a,r]=(0,c.useState)(0),[l,i]=(0,c.useState)(0),[n,d]=(0,c.useState)(!1);(0,c.useEffect)(()=>{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let e=window.setInterval(()=>{d(!0),i(-16)},3e3);return()=>window.clearInterval(e)},[]);let o=x[a],p=x[(a+1)%x.length];return(0,s.jsx)("span",{className:(0,h.cn)("relative inline-flex size-4 shrink-0 overflow-hidden",t),"aria-hidden":!0,children:(0,s.jsx)("span",{className:"flex flex-col",style:{transform:"translateY(".concat(l,"px)"),transition:n?"transform 450ms cubic-bezier(0.22, 1, 0.36, 1)":"none"},onTransitionEnd:()=>{0!==l&&(d(!1),r(e=>(e+1)%x.length),i(0))},children:[o,p].map((e,t)=>(0,s.jsx)("span",{className:"flex size-4 items-center justify-center",children:(0,s.jsx)(m.default,{src:e.src,alt:"",width:16,height:16,className:"size-4 rounded-[2px] object-contain"})},"".concat(e.slug,"-").concat(t)))})})}var u=a(65707),b=a(3998),f=a(98795);let g=[{n:"1",title:"Install Sigil",body:"Add the extension. Pin the side panel.",Graphic:function(){return(0,s.jsxs)("div",{className:"mt-8 w-full text-muted-foreground",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)(u.E,{size:28}),(0,s.jsxs)("div",{className:"min-w-0 flex-1 space-y-1.5",children:[(0,s.jsx)("div",{className:"h-2.5 w-full rounded-full bg-muted-foreground/35"}),(0,s.jsx)("div",{className:"h-1.5 w-[64%] rounded-full bg-muted-foreground/20"})]})]}),(0,s.jsxs)("div",{className:"mt-4 flex items-center gap-2.5 rounded-md border border-border bg-muted/40 px-2.5 py-2",children:[(0,s.jsx)("div",{className:"flex size-8 shrink-0 items-center justify-center rounded-md border border-border bg-background p-1",children:(0,s.jsx)(u.E,{size:20})}),(0,s.jsxs)("div",{className:"min-w-0 flex-1 text-left",children:[(0,s.jsx)("div",{className:"text-[10px] text-muted-foreground",children:"Chrome Web Store"}),(0,s.jsx)("div",{className:"truncate text-xs font-medium text-foreground",children:"Add Sigil"})]})]})]})}},{n:"2",title:"Sign in",body:"Use the account you already have, or make one.",Graphic:function(){return(0,s.jsxs)("div",{className:"mt-8 w-full text-muted-foreground",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)(i.A,{className:"size-6 shrink-0 stroke-[1.5]","aria-hidden":!0}),(0,s.jsxs)("div",{className:"min-w-0 flex-1 space-y-1.5",children:[(0,s.jsx)("div",{className:"h-2.5 w-full rounded-full bg-muted-foreground/35"}),(0,s.jsx)("div",{className:"h-1.5 w-[78%] rounded-full bg-muted-foreground/20"})]})]}),(0,s.jsxs)("div",{className:"mt-4 flex flex-wrap gap-2",children:[(0,s.jsxs)("div",{className:"inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-3 py-2 text-xs text-foreground",children:[(0,s.jsx)(n.A,{className:"size-3.5 text-muted-foreground","aria-hidden":!0}),"Sign in"]}),(0,s.jsx)("div",{className:"inline-flex items-center gap-1.5 rounded-md border border-border bg-muted/40 px-3 py-2 text-xs text-foreground",children:"Sign up"})]})]})}},{n:"3",title:"Give it a job",body:"Watch it finish.",Graphic:function(){return(0,s.jsxs)("div",{className:"mt-8 w-full text-muted-foreground",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)(d.A,{className:"size-6 shrink-0 stroke-[1.5]","aria-hidden":!0}),(0,s.jsx)("div",{className:"min-w-0 flex-1 rounded-md border border-border bg-muted/50 px-3 py-2 text-xs text-foreground

1/80",children:"Compare these pricing pages. Pick the best plan. Fill the form."})]}),(0,s.jsx)("div",{className:"mt-2 rounded-md border border-border bg-background px-3 py-2 text-[11px] leading-5 text-foreground/70",children:"Reading the tabs \xb7 picking a plan \xb7 filling the form"})]})}}];function j(){return(0,s.jsxs)("section",{className:"mx-auto w-full max-w-5xl",children:[(0,s.jsxs)("div",{className:"mb-10 text-center sm:mb-12",children:[(0,s.jsx)("h2",{className:"font-brand text-2xl font-semibold tracking-tight sm:text-3xl",children:"Get started"}),(0,s.jsx)("p",{className:"mt-2 text-sm text-muted-foreground",children:"Working in under a minute."})]}),(0,s.jsx)("div",{className:"grid gap-8 sm:grid-cols-3 sm:gap-6",children:g.map(e=>(0,s.jsxs)("div",{className:"min-w-0 text-left",children:[(0,s.jsxs)("h3",{className:"text-xl font-semibold tracking-tight sm:text-2xl",children:[(0,s.jsxs)("span",{className:"mr-2 text-muted-foreground",children:[e.n,"."]}),e.title]}),(0,s.jsx)("p",{className:"mt-3 text-sm leading-6 text-muted-foreground",children:e.body}),(0,s.jsx)(e.Graphic,{})]},e.n))}),(0,s.jsxs)("div",{className:"mt-12 flex flex-wrap items-center justify-center gap-3 sm:mt-14",children:[(0,s.jsx)(o.P,{size:"lg",className:"h-10 px-5 text-[15px]"}),(0,s.jsx)(b.$,{asChild:!0,size:"lg",variant:"outline",className:"h-10 px-5 text-[15px]",children:(0,s.jsxs)(l(),{href:"/models",children:["Explore models",(0,s.jsx)(p,{})]})}),(0,s.jsx)(b.$,{asChild:!0,size:"lg",variant:"outline",className:"h-10 px-5 text-[15px]",children:(0,s.jsx)(l(),{href:(0,f.FD)(),children:"Docs"})})]})]})}},72127:(e,t,a)=>{"use strict";a.d(t,{P:()=>b,ns:()=>x,mp:()=>u,Xv:()=>p});var s=a(95155),r=a(12115),l=a(38464),i=a(98795),n=a(24284);function d(e,t){let a=(0,i.pB)(),s=(0,n.kp)(e);return{browser:e,browserName:"Chrome",storeChannel:"chrome",storeUrl:a,installHref:(0,n.rE)(a,s),utm:s,ready:t}}var o=a(3998),c=a(64269);function m(e){let{className:t}=e;return(0,s.jsxs)("svg",{viewBox:"0 0 48 48",className:t,"aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("circle",{cx:"24",cy:"24",r:"20",fill:"#fff"}),(0,s.jsx)("path",{fill:"#DB4437",d:"M24 4c7.2 0 13.5 3.8 17 9.5H24a9.5 9.5 0 0 0-8.2 4.7L7.5 8.8A20 20 0 0 1 24 4z"}),(0,s.jsx)("path",{fill:"#F4B400",d:"M41 13.5A20 20 0 0 1 33.5 40L25 25.5A9.5 9.5 0 0 0 24 14h17z"}),(0,s.jsx)("path",{fill:"#0F9D58",d:"M33.5 40A20 20 0 0 1 7.5 8.8l8.3 9.4A9.5 9.5 0 0 0 24 33.5a9.5 9.5 0 0 0 8.2-4.7z"}),(0,s.jsx)("circle",{cx:"24",cy:"24",r:"9.5",fill:"#fff"}),(0,s.jsx)("circle",{cx:"24",cy:"24",r:"7.25",fill:"#4285F4"})]})}function h(e){let{className:t}=e;return(0,s.jsx)("svg",{viewBox:"0 0 24 24",className:t,fill:"currentColor","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M12 0C8.21 0 4.831 1.757 2.632 4.501l3.953 6.848A5.454 5.454 0 0 1 12 6.545h10.691A12 12 0 0 0 12 0zM1.931 5.47A11.943 11.943 0 0 0 0 12c0 6.012 4.42 10.991 10.189 11.852l3.953-6.847a5.45 5.45 0 0 1-6.865-2.29zm13.342 2.166a5.446 5.446 0 0 1 1.37 7.89l.002.001h-.002l-5.262 9.12c.23.016.458.033.696.033 6.627 0 12-5.373 12-12 0-1.054-.136-2.076-.39-3.044zM12 16.364a4.364 4.364 0 1 1 0-8.728 4.364 4.364 0 0 1 0 8.728z"})})}function x(e){let{className:t,iconClassName:a,mono:r=!1,showIcon:l=!0}=e;return(0,s.jsxs)("span",{className:(0,c.cn)("inline-flex items-center gap-2",t),children:[l?(0,s.jsx)(r?h:m,{className:(0,c.cn)("size-4 shrink-0",a)}):null,(0,s.jsx)("span",{children:"Add to Chrome"})]})}function p(){let{installHref:e}=function(){let[e,t]=(0,r.useState)(()=>d("chrome",!1));return(0,r.useEffect)(()=>{t(d((0,l.cO)(),!0))},[]),e}();return e}function u(e){return e.startsWith("http")?{href:e,target:"_blank",rel:"noreferrer"}:{href:e}}function b(e){let{className:t,iconClassName:a,...r}=e,l=p();return(0,s.jsx)(o.$,{asChild:!0,className:t,...r,children:(0,s.jsx)("a",{...u(l),children:(0,s.jsx)(x,{iconClassName:a})})})}},75462:(e,t,a)=>{"use strict";a.d(t,{FeatureHighlights:()=>v});var s=a(95155),r=a(15239),l=a(80887),i=a(98686),n=a(28171),d=a(44105),o=a(14763),c=a(64287),m=a(25352),h=a(74416),x=a(46767),p=a(64269);let u=[{slug:"openai",label:"OpenAI",src:"/provider-icons/openai.svg",className:"left-[3%] top-[8%] size-10",rotate:"-10deg",invertOnDark:!0},{slug:"anthropic",label:"Anthropic",src:"/provider-icons/anthropic.svg",className:"left-[22%] top-[6%] size-11",rotate:"7deg"},{slug:"google",label:"Google",src:"/provider-icons/google.svg",className:"left-[42%] top-[8%] size-10",rotate:"-4deg"},{slug:"meta",label:"Meta",src:"/provider-icons/meta.png",className:"left-[62%] top-[7%] size-10",rotate:"11deg"},{slug:"deepseek",label:"DeepSeek",src:"/provider-icons/deepseek.png",className:"right-[3%] top-[10%] size-11",rotate:"-8deg"},{slug:"mistral",label:"Mistral",src:"/provider-icons/mistralai.png",className:"left-[8%] top-[32%] size-10",rotate:"5deg"},{slug:"xai",label:"xAI",src:"/provider-icons/xai.svg",className:"left-[26%] top-[30%] size-10",rotate:"-6deg",invertOnDark:!0}

1,{slug:"z-ai",label:"Z.AI",src:"/provider-icons/z-ai.png",className:"left-[46%] top-[32%] size-10",rotate:"8deg"},{slug:"nvidia",label:"NVIDIA",src:"/provider-icons/nvidia.png",className:"left-[66%] top-[34%] size-11",rotate:"-11deg"},{slug:"perplexity",label:"Perplexity",src:"/provider-icons/perplexity.svg",className:"right-[2%] top-[36%] size-9",rotate:"6deg"},{slug:"qwen",label:"Qwen",src:"/provider-icons/qwen.png",className:"left-[4%] bottom-[28%] size-10",rotate:"9deg"},{slug:"moonshot",label:"Moonshot",src:"/provider-icons/moonshotai.png",className:"left-[24%] bottom-[26%] size-10",rotate:"-7deg"},{slug:"minimax",label:"MiniMax",src:"/provider-icons/minimax.png",className:"left-[44%] bottom-[28%] size-10",rotate:"4deg"},{slug:"microsoft",label:"Microsoft",src:"/provider-icons/microsoft.svg",className:"left-[64%] bottom-[26%] size-9",rotate:"-5deg"},{slug:"cohere",label:"Cohere",src:"/provider-icons/cohere.png",className:"right-[3%] bottom-[28%] size-10",rotate:"8deg"},{slug:"alibaba",label:"Alibaba",src:"/provider-icons/alibaba.png",className:"left-[12%] bottom-[6%] size-9",rotate:"-9deg"},{slug:"bytedance",label:"ByteDance",src:"/provider-icons/bytedance-seed.png",className:"left-[36%] bottom-[5%] size-10",rotate:"6deg"},{slug:"baidu",label:"Baidu",src:"/provider-icons/baidu.png",className:"left-[58%] bottom-[6%] size-9",rotate:"-4deg"}],b=["a","b","c"],f=[{icon:l.A,label:"Compared 3 pricing tabs"},{icon:i.A,label:"Opened the vendor form"},{icon:n.A,label:"Filled and submitted fields"}],g=[{title:"Give it the whole job.",body:["Tell it once.","Watch it work.","It clicks, types, and finishes across your open tabs."],graphic:(0,s.jsx)(function(){return(0,s.jsxs)("div",{className:"relative flex h-full min-h-[280px] w-full items-center justify-center overflow-hidden px-5 py-6 sm:min-h-[320px] sm:px-8 sm:py-8",children:[(0,s.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(ellipse_at_center,color-mix(in_oklab,var(--foreground)_6%,transparent)_0%,transparent_70%)]"}),(0,s.jsxs)("div",{className:"relative z-10 flex w-full max-w-sm flex-col gap-3",children:[(0,s.jsx)("div",{className:"flex justify-end",children:(0,s.jsx)("div",{className:"max-w-[85%] rounded-2xl border border-border bg-muted px-3.5 py-2.5 text-left text-[13px] leading-5 text-foreground shadow-sm",children:"Compare my open pricing tabs, pick the best plan, and fill the form."})}),(0,s.jsx)("div",{className:"flex justify-start",children:(0,s.jsxs)("div",{className:"w-full max-w-[92%] space-y-2",children:[(0,s.jsxs)("div",{className:"space-y-1.5 rounded-2xl border border-border/70 bg-background/80 px-3 py-2.5 shadow-sm backdrop-blur-sm",children:[(0,s.jsx)("p",{className:"text-[10px] font-medium tracking-wide text-muted-foreground uppercase",children:"Working"}),(0,s.jsx)("div",{className:"space-y-1.5",children:f.map((e,t)=>{let a=t<f.length-1;return(0,s.jsxs)("div",{className:"flex items-center gap-2 rounded-lg border border-border/60 bg-muted/30 px-2 py-1.5",children:[(0,s.jsx)(e.icon,{className:"size-3.5 shrink-0 text-muted-foreground","aria-hidden":!0}),(0,s.jsx)("span",{className:"min-w-0 flex-1 truncate text-[12px] text-foreground/90",children:e.label}),a?(0,s.jsx)(d.A,{className:"size-3.5 shrink-0 text-emerald-500","aria-hidden":!0}):(0,s.jsx)("span",{className:"size-1.5 shrink-0 animate-pulse rounded-full bg-foreground

1/70"})]},e.label)})})]}),(0,s.jsx)("div",{className:"rounded-2xl border border-border/70 bg-background/80 px-3.5 py-2.5 text-left text-[13px] leading-5 text-foreground shadow-sm backdrop-blur-sm",children:"Done. Best plan selected and the form is submitted."})]})})]})]})},{}),visualFirst:!0},{title:"Your chats are stored on your device.",body:["We don’t train on them. Model requests use retention controls when available."],points:["Stored on your device.","We never train on them.","Providers get retention controls when available."],graphic:(0,s.jsx)(function(){return(0,s.jsxs)("div",{className:"relative flex h-full min-h-[280px] w-full items-center justify-center overflow-hidden p-5 sm:min-h-[320px] sm:p-8",children:[(0,s.jsx)("div",{"aria-hidden":!0,className:"absolute inset-0 opacity-[0.35]",style:{backgroundImage:"repeating-linear-gradient(-32deg, transparent, transparent 12px, color-mix(in oklab, var(--border) 70%, transparent) 12px, color-mix(in oklab, var(--border) 70%, transparent) 13px)"}}),(0,s.jsxs)("div",{className:"relative z-10 flex flex-col items-center gap-4",children:[(0,s.jsxs)("div",{className:"inline-flex items-center gap-2 rounded-full border border-border bg-background px-4 py-2 text-sm text-foreground shadow-sm",children:[(0,s.jsx)(o.A,{className:"size-3.5 text-muted-foreground","aria-hidden":!0}),(0,s.jsx)("span",{className:"font-medium tracking-tight",children:"Never stored by us"})]}),(0,s.jsxs)("div",{className:"flex w-[220px] flex-col gap-2 rounded-2xl border border-border bg-background p-4 shadow-sm",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(c.A,{className:"size-4 text-foreground","aria-hidden":!0}),(0,s.jsx)("span",{className:"text-xs font-medium tracking-tight",children:"On this device"})]}),(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsx)("div",{className:"h-2 w-full rounded-full bg-muted"}),(0,s.jsx)("div",{className:"h-2 w-[86%] rounded-full bg-muted"}),(0,s.jsx)("div",{className:"h-2 w-[72%] rounded-full bg-muted"})]}),(0,s.jsx)("p",{className:"text-[11px] text-muted-foreground",children:"Your chats are stored on your device"})]})]})]})},{}),visualFirst:!1},{title:"Every major AI. One place.",body:["Claude.","GPT.","Gemini.","DeepSeek.","Switch whenever the job changes."],graphic:(0,s.jsx)(function(){return(0,s.jsx)(x.Bc,{delayDuration:150,children:(0,s.jsxs)("div",{className:"relative h-full min-h-[280px] w-full overflow-hidden sm:min-h-[320px]",children:[(0,s.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_center,oklch(1_0_0)_0%,transparent_70%)] dark:bg-[radial-gradient(circle_at_center,oklch(0.24_0_0)_0%,transparent_70%)]"}),u.map((e,t)=>{let a=b[t%b.length],l="invertOnDark"in e&&!0===e.invertOnDark;return(0,s.jsx)("div",{className:(0,p.cn)("absolute z-10",e.className),children:(0,s.jsx)("div",{className:(0,p.cn)("tool-wander size-full","a"===a&&"tool-wander-a","b"===a&&"tool-wander-b","c"===a&&"tool-wander-c"),style:{animationDelay:"".concat(t%7*.18,"s"),animationDuration:"".concat(3.6+t%5*.45,"s")},children:(0,s.jsx)("div",{className:"size-full",style:{transform:"rotate(".concat(e.rotate,")")},children:(0,s.jsxs)(x.m_,{children:[(0,s.jsx)(x.k$,{asChild:!0,children:(0,s.jsx)("button",{type:"button","aria-label":e.label,className:"block size-full rounded-[3px] outline-none focus-visible:ring-2 focus-visible:ring-ring",children:(0,s.jsx)(r.default,{src:e.src,alt:"",width:44,height:44,className:(0,p.cn)("size-full rounded-[3px] object-contain",l&&"dark:invert")})})}),(0,s.jsx)(x.ZI,{side:"top",children:e.label})]})})})},e.slug)})]})})},{}),visualFirst:!0}];function j(e){let{title:t,body:a,points:r,graphic:l,visualFirst:i}=e,n=(0,s.jsx)("div",{className:(0,p.cn)("border-border bg-muted/20",

1i?"border-b lg:border-b-0 lg:border-r":"border-t lg:border-t-0 lg:border-l"),children:l}),d=(0,s.jsxs)("div",{className:"flex flex-col justify-center p-8 text-left sm:p-10 lg:p-12",children:[(0,s.jsx)("h3",{className:"font-brand text-2xl font-semibold tracking-tight sm:text-3xl",children:t}),(0,s.jsx)("div",{className:"mt-4 max-w-md space-y-2 text-sm leading-7 text-muted-foreground sm:text-base",children:a.map(e=>(0,s.jsx)("p",{children:e},e))}),r?(0,s.jsx)("ul",{className:"mt-6 space-y-3",children:r.map(e=>(0,s.jsxs)("li",{className:"flex items-start gap-3 text-sm text-muted-foreground",children:[(0,s.jsx)("span",{className:"mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full border border-border bg-muted/40",children:(0,s.jsx)(m.A,{className:"size-3 text-foreground","aria-hidden":!0})}),(0,s.jsx)("span",{children:e})]},e))}):null]});return(0,s.jsx)("article",{className:"group overflow-hidden rounded-3xl border border-border bg-card shadow-sm",children:(0,s.jsx)("div",{className:"grid lg:grid-cols-2",children:i?(0,s.jsxs)(s.Fragment,{children:[n,d]}):(0,s.jsxs)(s.Fragment,{children:[d,n]})})})}function v(){return(0,s.jsxs)("section",{className:"mx-auto w-full max-w-6xl",children:[(0,s.jsxs)("div",{className:"mx-auto max-w-2xl text-center",children:[(0,s.jsxs)("p",{className:"inline-flex w-fit items-center gap-1.5 rounded-full border border-border bg-muted/30 px-3.5 py-1.5 text-sm font-semibold tracking-wide text-muted-foreground",children:[(0,s.jsx)(h.A,{className:"size-3.5 shrink-0","aria-hidden":!0,strokeWidth:2}),"Features"]}),(0,s.jsxs)("h2",{className:"font-brand mt-4 text-3xl font-semibold tracking-tight sm:text-4xl",children:["Work happens in your browser.",(0,s.jsx)("br",{}),"So does Sigil."]})]}),(0,s.jsx)("div",{className:"mt-10 space-y-5 sm:mt-12 sm:space-y-6",children:g.map(e=>(0,s.jsx)(j,{...e},e.title))})]})}},82644:(e,t,a)=>{"use strict";a.d(t,{NL:()=>r,Pi:()=>

1o,i9:()=>i});let s={left:"50%",top:"50%"},r=[{id:"compare-plans",prompt:"Compare these pricing pages. Pick the best value. Fill out the signup form.",actions:[{label:"Opened Acme Free pricing",tabIndex:0,address:"pricing.acme.io/free",cursor:s,highlight:"plan-free",beat:1},{label:"Opened Acme Pro pricing",tabIndex:1,address:"pricing.acme.io/pro",cursor:s,highlight:"plan-pro",beat:2},{label:"Checked Rival Plus pricing",tabIndex:2,address:"rival.app/pricing/plus",cursor:s,highlight:"plan-rival",beat:3},{label:"Compared feature rows",tabIndex:1,address:"pricing.acme.io/pro#compare",cursor:s,highlight:"feature-compare",beat:4},{label:"Toggled annual billing",tabIndex:1,address:"pricing.acme.io/pro?billing=annual",cursor:s,highlight:"annual-toggle",beat:5},{label:"Selected Acme Pro",tabIndex:1,address:"pricing.acme.io/pro?billing=annual",cursor:s,highlight:"plan-pro",beat:6},{label:"Opened signup checkout",tabIndex:3,address:"pricing.acme.io/signup",cursor:s,highlight:"signup-email",beat:7},{label:"Filled work email",tabIndex:3,address:"pricing.acme.io/signup",cursor:s,highlight:"signup-email",beat:8},{label:"Filled company name",tabIndex:3,address:"pricing.acme.io/signup",cursor:s,highlight:"signup-company",beat:9},{label:"Ready to submit signup",tabIndex:3,address:"pricing.acme.io/signup",cursor:s,highlight:"signup-submit",beat:10}],waiting:!0,approvalDescription:"Submit the Acme Pro signup form with the annual plan selected.",result:["Done.","I picked Pro — you'll save about $312 over two years on annual billing.","Everything is ready whenever you are."],scene:"pricing",address:"pricing.acme.io",tabs:["Acme Free","Acme Pro","Rival Plus","Signup"],carouselLabel:"Compare pricing",tile:{label:"Time back",title:"An afternoon of pricing tabs.",body:["Compared, picked, form ready.","You approve before anything submits."]}},{id:"shopping",prompt:"Find the best ultrawide monitor under $800. Read reviews. Ignore sponsored results.",actions:[{label:"Focused the search box",tabIndex:0,address:"shoply.com",cursor:s,highlight:"search-box",beat:1},{label:"Typed ultrawide monitor under $800",tabIndex:0,address:"shoply.com",cursor:s,highlight:"search-box",beat:2},{label:"Clicked Search",tabIndex:0,address:"shoply.com/s?k=ultrawide+monitor+under+800",cursor:s,highlight:"search-btn",beat:3},{label:"Sorted by Avg. customer review",tabIndex:0,address:"shoply.com/s?k=ultrawide+monitor+under+800&s=review-rank",cursor:s,highlight:"sort-reviews",beat:4},{label:"Hid sponsored results",tabIndex:0,address:"shoply.com/s?k=ultrawide+monitor+under+800&s=review-rank&sp=0",cursor:s,highlight:"hide-sponsored",beat:5},{label:"Opened Dell UltraSharp listing",tabIndex:0,address:"shoply.com/p/dell-u3425we",cursor:s,highlight:"product-card",beat:6},{label:"Checked Buy Box price & rating",tabIndex:1,address:"shoply.com/p/dell-u3425we",cursor:s,highlight:"buy-box",beat:7},{label:"Opened customer reviews",tabIndex:2,address:"shoply.com/p/dell-u3425we/reviews",cursor:s,highlight:"reviews",beat:8},{label:"Added best value to cart",tabIndex:1,address:"shoply.com/p/dell-u3425we",cursor:s,highlight:"add-cart",beat:9}],result:["I think this is the best choice for your setup.","I added it to your cart at $679.","Check out whenever you're ready."],scene:"shopping",address:"shoply.com",tabs:["Results","Product","Reviews"],carouselLabel:"Shop reviews",tile:{label:"Time back",title:"An hour of review rabbit holes.",body:["Specs compared. Sponsored noise skipped.","Best pick sitting in your cart."]}},{id:"jobs",prompt:"Apply to every Remote Senior React job posted today. Skip companies I've already applied to.",actions:[{label:"Typed job search query",tabIndex:0,address:"hireboard.com/jobs",cursor:s,highlight:"job-search",beat:1},{label:"Applied Remote filter",tabIndex:0,address:"hireboard.com/jobs?q=senior+react&f=remote",cursor:s,highlight:"filter-remote",beat:2},{label:"Applied Senior + Past 24h filters",tabIndex:0,address:"hireboard.com/jobs?q=senior+react&f=remote,senior,24h",cursor:s,highlight:"filter-senior",beat:3},{label:"Opened Lattice Senior React",tabIndex:0,address:"hireboard.com/jobs/lattice-senior-react",cursor:s,highlight:"job-lattice",beat:4},{label:"Started Easy Apply",tabIndex:1,address:"hireboard.com/apply/lattice-senior-react",cursor:s,highlight:"easy-apply",beat:5},{label:"Typed name on Lattice app",tabIndex:1,address:"hireboard.com/apply/lattice-senior-react",cursor:s,highlight:"field-name",beat:6},{label:"Typed email \xb7 attached resume",tabIndex:1,address:"hireboard.com/apply/lattice-senior-react",cursor:s,highlight:"field-email",beat:7},{label:"Submitted Lattice \xb7 opened Vercel",tabIndex:1,address:"hireboard.com/apply/vercel-staff-frontend",cursor:s,highlight:"apply-submit",beat:8},{label:"Filled & submitted Vercel app",tabIndex:1,address:"hireboard.com/apply/vercel-staff-frontend",cursor:s,highlight:"apply-submit",beat:9},{label:"Skipped Notion \xb7 updated tracker",tabIndex:2,address:"hireboard.com/tracker",cursor:s,highlight:"tracker",beat:10}],waiting:!0,approvalDescription:"Submit 14 job applications on your behalf.",result:["Done.","I submitted 14 applications.","I saved three that needed extra questions."],scene:"jobs",address:"hireboard.com",tabs:["Board","Application","Tracker"],carouselLabel:"Ap

1ply to jobs",tile:{label:"Time back",title:"A morning of applications.",body:["Matches found. Duplicates skipped.","You approve before they go out."]}},{id:"expenses",prompt:"Download every receipt from my email. Upload them into Expensify. Categorize everything.",actions:[{label:"Opened inbox",tabIndex:0,address:"mail.example/inbox",cursor:s,highlight:"inbox-row",beat:1},{label:"Searched for receipts",tabIndex:0,address:"mail.example/inbox?q=receipt",cursor:s,highlight:"mail-search",beat:2},{label:"Opened receipt thread",tabIndex:0,address:"mail.example/inbox?q=receipt&thread=uber",cursor:s,highlight:"receipt-thread",beat:3},{label:"Downloaded 42 attachments",tabIndex:0,address:"mail.example/inbox?label=receipts",cursor:s,highlight:"receipt-grid",beat:4},{label:"Opened Expensify",tabIndex:1,address:"expensify.com/inbox",cursor:s,highlight:"upload-zone",beat:5},{label:"Uploaded receipts",tabIndex:1,address:"expensify.com/inbox",cursor:s,highlight:"upload-zone",beat:6},{label:"Categorized transactions",tabIndex:1,address:"expensify.com/expenses",cursor:s,highlight:"expense-rows",beat:7},{label:"Opened draft expense report",tabIndex:2,address:"expensify.com/reports/draft",cursor:s,highlight:"report-ready",beat:8}],result:["Everything is categorized.","Your expense report is ready to submit."],scene:"expenses",address:"mail.example/inbox",tabs:["Inbox","Expensify","Report"],carouselLabel:"File expenses",tile:{label:"Time back",title:"A Sunday of receipts.",body:["Downloaded, uploaded, categorized.","Report ready when you are."]}},{id:"travel",prompt:"Find me a nonstop flight to Denver next month. Compare every airline. Book the cheapest refundable option.",actions:[{label:"Focused From field",tabIndex:0,address:"skyfare.com/flights",cursor:s,highlight:"field-from",beat:1},{label:"Typed SFO",tabIndex:0,address:"skyfare.com/flights",cursor:s,highlight:"field-from",beat:2},{label:"Typed DEN",tabIndex:0,address:"skyfare.com/flights",cursor:s,highlight:"field-to",beat:3},{label:"Picked next-month date",tabIndex:0,address:"skyfare.com/flights",cursor:s,highlight:"field-date",beat:4},{label:"Clicked Search flights",tabIndex:0,address:"skyfare.com/flights?from=SFO&to=DEN",cursor:s,highlight:"flight-search-btn",beat:5},{label:"Compared airline results",tabIndex:1,address:"skyfare.com/flights/results",cursor:s,highlight:"flight-list",beat:6},{label:"Enabled Refundable only",tabIndex:1,address:"skyfare.com/flights/results?refundable=1",cursor:s,highlight:"refund-filter",beat:7},{label:"Selected United $218",tabIndex:1,address:"skyfare.com/flights/results?refundable=1",cursor:s,highlight:"flight-united",beat:8},{label:"Opened checkout summary",tabIndex:2,address:"skyfare.com/checkout/united-218",cursor:s,highlight:"checkout-book",beat:9}],waiting:!0,approvalDescription:"Book the nonstop Denver flight at $218 (refundable).",result:["I found a nonstop that saves you $214 vs the next refundable option.","It's ready to book."],scene:"travel",address:"skyfare.com",tabs:["Search","Re

1sults","Checkout"],carouselLabel:"Book flights",tile:{label:"Time back",title:"An evening of flight search.",body:["Airlines compared. Refundable fare found.","You approve before it books."]}},{id:"appointments",prompt:"Find a dentist that accepts Delta Dental. Book the earliest appointment after work.",actions:[{label:"Opened CareFind dentists",tabIndex:0,address:"carefind.com/dentists",cursor:s,highlight:"insurance-dropdown",beat:1},{label:"Chose Delta Dental insurance",tabIndex:0,address:"carefind.com/dentists?insurance=delta",cursor:s,highlight:"insurance-delta",beat:2},{label:"Filtered after-work times",tabIndex:0,address:"carefind.com/dentists?insurance=delta&after=17",cursor:s,highlight:"filter-after5",beat:3},{label:"Compared nearby offices",tabIndex:0,address:"carefind.com/dentists?insurance=delta&after=17&near=me",cursor:s,highlight:"office-list",beat:4},{label:"Opened Riverside Dental",tabIndex:1,address:"carefind.com/offices/riverside-dental",cursor:s,highlight:"office-card",beat:5},{label:"Picked Tuesday",tabIndex:2,address:"carefind.com/book/riverside-dental",cursor:s,highlight:"day-tue",beat:6},{label:"Selected 5:30 PM slot",tabIndex:2,address:"carefind.com/book/riverside-dental?slot=tue-1730",cursor:s,highlight:"slot-tue",beat:7},{label:"Reviewed booking card",tabIndex:2,address:"carefind.com/book/riverside-dental?slot=tue-1730",cursor:s,highlight:"booking-review",beat:8}],waiting:!0,approvalDescription:"Book Tuesday 5:30 PM at Riverside Dental.",result:["You're booked for Tuesday at 5:30 PM.","I added it to your calendar."],scene:"appointments",address:"carefind.com",tabs:["Search","Office","Book"],carouselLabel:"Book dentist",tile:{label:"Time back",title:"Twenty minutes of phone tag.",body:["Insurance checked. Slot found after work.","You approve before it books."]}},{id:"research",prompt:"Read these twelve articles and explain where they disagree.",actions:[{label:"Opened Nature article",tabIndex:0,address:"reader.app/a/nature-team-choices",cursor:s,highlight:"article-1",beat:1},{label:"Highlighted core claim",tabIndex:0,address:"reader.app/a/nature-team-choices#claim",cursor:s,highlight:"claim-1",beat:2},{label:"Opened NIH preprint",tabIndex:1,address:"reader.app/a/nih-preprint",cursor:s,highlight:"article-body",beat:3},{label:"Highlighted conflicting claim",tabIndex:1,address:"reader.app/a/nih-preprint#claim",cursor:s,highlight:"claim-2",beat:4},{label:"Scanned claims rail",tabIndex:1,address:"reader.app/a/nih-preprint#claims",cursor:s,highlight:"claims-rail",beat:5},{label:"Extracted opposing bullets",tabIndex:2,address:"reader.app/summary/team-choices",cursor:s,highlight:"summary-bullets",beat:6},{label:"Typed summary headings",tabIndex:2,address:"reader.app/summary/team-choices",cursor:s,highlight:"summary",beat:7},{label:"Finished disagreement summary",tabIndex:2,address:"reader.app/summary/team-choices",cursor:s,highlight:"summary",beat:8}],result:["Most sources agree on the core finding.","Two studies reached different conclusions — I highlighted why."],scene:"research",address:"reader.app",tabs:["Article 1","Article 7","Summary"],carouselLabel:"Research articles",tile:{label:"Time back",title:"A stack of articles.",body:["Claims pulled. Disagreements marked.","Summary waiting for you."]}},{id:"couch",prompt:"Find this couch cheaper.",actions:[{label:"Opened product page",tabIndex:0,address:"homestead.c

1om/sofa-luxe-charcoal",cursor:s,highlight:"product-hero",beat:1},{label:"Opened price compare",tabIndex:1,address:"homestead.com/compare/sofa-luxe",cursor:s,highlight:"price-table",beat:2},{label:"Sorted stores by price",tabIndex:1,address:"homestead.com/compare/sofa-luxe?sort=price",cursor:s,highlight:"sort-price",beat:3},{label:"Focused coupon field",tabIndex:1,address:"homestead.com/compare/sofa-luxe?sort=price",cursor:s,highlight:"coupon-input",beat:4},{label:"Typed HOME15",tabIndex:1,address:"homestead.com/compare/sofa-luxe?sort=price",cursor:s,highlight:"coupon-input",beat:5},{label:"Applied coupon",tabIndex:1,address:"homestead.com/compare/sofa-luxe?sort=price&coupon=HOME15",cursor:s,highlight:"coupon-apply",beat:6},{label:"Opened outlet listing",tabIndex:2,address:"outlet.homestead.com/sofa-luxe?deal=1",cursor:s,highlight:"deal-cta",beat:7}],result:["I found the same couch for $387 less.","I opened the cheaper listing."],scene:"couch",address:"homestead.com/sofa-luxe-charcoal",tabs:["Product","Compare","Deal"],carouselLabel:"Find cheaper",tile:{label:"Time back",title:"A dozen store tabs.",body:["Prices compared. Coupons applied.","Cheaper listing already open."]}},{id:"spreadsheet",prompt:"Research the top AI healthcare startups. Put everything into a Google Sheet.",actions:[{label:"Ran research search",tabIndex:0,address:"research.sigil.local/ai-healthcare",cursor:s,highlight:"research-search",beat:1},{label:"Loaded company results",tabIndex:0,address:"research.sigil.local/ai-healthcare",cursor:s,highlight:"research-list",beat:2},{label:"Opened first company site",tabIndex:0,address:"research.sigil.local/ai-healthcare?co=tempo",cursor:s,highlight:"company-row",beat:3},{label:"Marked websites verified",tabIndex:0,address:"research.sigil.local/ai-healthcare?verified=1",cursor:s,highlight:"verify-col",beat:4},{label:"Opened Google Sheet",tabIndex:1,address:"sheets.google.com/d/ai-healthcare-startups",cursor:s,highlight:"sheet-grid",beat:5},{label:"Typed header row",tabIndex:1,address:"sheets.google.com/d/ai-healthcare-startups",cursor:s,highlight:"sheet-headers",beat:6},{label:"Filled company rows",tabIndex:1,address:"sheets.google.com/d/ai-healthcare-startups",cursor:s,highlight:"sheet-grid",beat:7},{label:"Sheet ready",tabIndex:1,address:"sheets.google.com/d/ai-healthcare-startups",cursor:s,highlight:"sheet-grid",beat:8}],result:["Your spreadsheet is ready.","Every company includes funding, website, and headquarters."],scene:"spreadsheet",address:"research.sigil.local",tabs:["Research","Sheet"],carouselLabel:"Build a sheet",tile:{label:"Time back",title:"A research afternoon.",body:["Companies found. Sites verified.","Sheet filled and ready."]}},{id:"forms",prompt:"Fill this form using my saved information.",actions:[{label:"Opened application portal",tabIndex:0,address:"portal.example/application",cursor:s,highlight:"form-header",beat:1},{label:"Started application",tabIndex:0,address:"portal.example/application#start",cursor:s,highlight:"form-start",beat:2},{label:"Typed full name",tabIndex:0,address:"portal.example/application#identity",cursor:s,highlight:"field-name",beat:3},{label:"Typed email",tabIndex:0,address:"portal.example/application#identity",cursor:s,highlight:"field-email",beat:4},{label:"Typed address",tabIndex:0,address:"portal.example/application#contact",cursor:s,highlight:"field-address",beat:5},{label:"Typed phone",tabIndex:0,address:"portal.example/application#contact",cursor:s,highlight:"field-phone",beat:6},{label:"Typed employer",tabIndex:0,address:"portal.example/application#contact",cursor:s,highlight:"field-employer",beat:7},{label:"Checked certification box",tabIndex:0,address:"portal.example/application#review",cursor:s,highlight:"field-certify",beat:8},{label:"Reviewed completeness \xb7 ready to submit",tabIndex:0,address:"portal.example/application#review",cursor:s,highlight:"form-submit",beat:9}],waiting:!0,approvalDescription:"Submit the application form with your saved information.",result:["Everything is filled out.","Review it and submit when you're ready."],scene:"forms",address:"portal.example/application",tabs:["Form"],carouselLabel:"Fill forms",tile:{label:"Time back",title:"Forty-six fields by hand.",body:["Saved info applied across the form.","You review before it submits."]}},{id:"email",prompt:"Read this email thread. Draft a reply that accepts Thursday.",actions:[{label:"Opened inbox",tabIndex:0,address:"mail.example/inbox",cursor:s,highlight:"inbox-list",beat:1},{label:"Opened scheduling thread",tabIndex:0,address:"mail.example/thread/4821",cursor:s,highlight:"thread-msg",beat:2},{label:"Found Thursday mention",tabIndex:0,address:"mail.example/thread/4821",cursor:s,highlight:"date-mention",beat:3},{label:"Clicked Reply",tabIndex:1,address:"mail.example/compose?reply=4821",cursor:s,highlight:"reply-btn",beat:4},{label:"Focused composer",tabIndex:1,address:"mail.example/compose?reply=4821",cursor:s,highlight:"draft-body",beat:5},{label:"Typed subject & greeting",tabIndex:1,address:"mail.example/compose?reply=4821",cursor:s,highlight:"draft-subject",beat:6},{label:"Drafted Thursday acceptance",tabIndex:1,address:"mail.example/compose?reply=4821",cursor:s,highlight:"draft-body",beat:7}],result:["Your reply is ready.","Thursday at 2:00 PM is confirmed in the draft."],scene:"email",address:"mail.example/inbox",tabs:["Inbox","Draft"],carouselLabel:"Draft email",tile:{label:"Time back",title:"A thread you did not want to write.",body:["Dates found. Reply drafted.","Thursday ready to send."]}},{id:"cleanup",prompt:"Close everything unrelated to taxes. Group the rest.",actions:[{label:"Opened Tab search",tabIndex:0,address:"chrome://tabs",cursor:s,highlight:"tab-grid",beat:1},{label:"Scanned open tabs",tabIndex:0,address:"chrome://tabs",cursor:s,highlight:"tab-grid",beat:2},{label:"Closed News tab",tabIndex:0,address:"chrome://tabs",cursor:s,highlight:"tab-news",beat:3},{label:"Closed Shopping tab",tabIndex:0,address:"chrome://tabs",cursor:s,highlight:"tab-shopping",beat:4},{label:"Closed Chat tab",tabIndex:0,address:"chrome://tabs",cursor:s,highlight:"tab-chat",beat:5},{label:"Selected tax tabs",tabIndex:0,address:"chrome://tabs",cursor:s,highlight:"tab-group",beat:6},{label:"Created “Taxes” group",tabIndex:0,address:"chrome://tabs?group=taxes",cursor:s,highlight:"create-group",beat:7}],result:["Done.","Your tax tabs are organized and ready."],scene:"cleanup",address:"chrome://tabs",tabs:["1040","W-2","Receipts","News","Shopping","Chat","IRS","Bank","Docs"],carouselLabel:"Clean tabs",tile:{label:"Time back",title:"Thirty-seven open tabs.",body:["Distractions closed. Tax work grouped.","Desktop clear again."]}}];function l(e){return Math.max(2800,40*e.length)}function i(e){return l(e.prompt)+800+2400+2800*e.actions.length+4200*!!e.waiting+5e3}function n(){return{address:"",tabIndex:0,cursor:null,highlight:null,beat:0,pageActive:!1}}function d(e){var t;return{address:e.address,tabIndex:e.tabIndex,cursor:e.cursor,highlight:null!=(t=e.highlight)?t:null,beat:e.beat,pageActive:!0}}function o(e,t){var a;let s=Math.min(1,t/i(e)),r=t,o=l(e.prompt);if(r<o)return{phase:"typing",typedChars:Math.floor(r/o*e.prompt.length),visibleSteps:0,thinking:!1,progress:s,actionProgress:0,promptSent:!1,...n()};if((r-=o)<800)return{phase:"sending",typedChars:e.prompt.length,visibleSteps:0,thinking:!1,progress:s,actionProgress:0,promptSent:!1,...n()};if((r-=800)<2400)return{phase:"thinking",typedChars:e.prompt.length,visibleSteps:0,thinking:!0,progress:s,actionProgress:0,promptSent:!0,...n()};r-=2400;let c=2800*e.actions.length;if(r<c){let t=Math.min(e.actions.length-1,Math.floor(r/2800)),a=Math.min(1,r%2800/2800),l=e.actions[t];return{phase:"working",typedChars:e.prompt.length,visibleSteps:t+1,thinking:!1,progress:s,actionProgress:a,promptSent:!0,...d(l)}}r-=c;let m=e.actions[e.actions.length-1];return e.waiting&&r<4200?{phase:"waiting",typedChars:e.prompt.length,visibleSteps:e.actions.length,thinking:!1,progress:s,actionProgress:1,promptSent:!0,...d(m)}

1:(e.waiting&&(r-=4200),{phase:"done",typedChars:e.prompt.length,visibleSteps:e.actions.length,thinking:!1,progress:s,actionProgress:1,promptSent:!0,address:m.address,tabIndex:m.tabIndex,cursor:null,highlight:null!=(a=m.highlight)?a:null,beat:m.beat,pageActive:!0})}},83379:(e,t,a)=>{"use strict";a.d(t,{SeeItWorkStage:()=>Q});var s=a(95155),r=a(12115),l=a(64269);let i=" .\xb7:+*-=^~xXv#%@";function n(e){let{progress:t,className:a,accentChance:n=.09}=e,d=(0,r.useRef)(null),o=(0,r.useRef)(t);return(o.current=t,(0,r.useEffect)(()=>{let e=d.current;if(!e)return;let t=e.getContext("2d");if(!t)return;let a=0,s=()=>{let a=e.parentElement;if(!a)return;let s=Math.min(window.devicePixelRatio||1,2),r=a.clientWidth,l=a.clientHeight;e.width=Math.max(1,Math.floor(r*s)),e.height=Math.max(1,Math.floor(l*s)),e.style.width="".concat(r,"px"),e.style.height="".concat(l,"px"),t.setTransform(s,0,0,s,0,0)},r=()=>{let s=o.current,l=e.parentElement;if(!l)return;let d=l.clientWidth,c=l.clientHeight;if(d<2||c<2){a=requestAnimationFrame(r);return}let m=Math.min(1,Math.max(0,s)),h=(()=>{let e=getComputedStyle(document.documentElement);return{ink:e.getPropertyValue("--foreground").trim()||"#18181b",muted:e.getPropertyValue("--muted-foreground").trim()||"#71717a",bg:e.getPropertyValue("--background").trim()||"#fafafa"}})(),x=Math.ceil(d/11)+1,p=Math.ceil(c/11)+1;if(t.clearRect(0,0,d,c),m<.02){a=requestAnimationFrame(r);return}t.fillStyle=h.bg,t.globalAlpha=.78*m,t.fillRect(0,0,d,c),t.globalAlpha=1,t.font="500 ".concat(9,"px ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"),t.textBaseline="top";let u=(9973*Math.floor(48*m)+17)%0x7fffffff;u<=0&&(u=1);let b=()=>(0x7fffffff&(u=16807*u%0x7fffffff))/0x7fffffff;for(let e=0;e<p;e++)for(let a=0;a<x;a++){var f;let s=.5+.5*Math.sin(.33*a+5.2*m)*Math.cos(.27*e-4.1*m),r=m*(.35+.65*s)*(.45+.55*(1-Math.min(1,1.65*Math.hypot(a/x-.5,e/p-.48)))),l=b();if(l>r)continue;let d=Math.min(i.length-1,1+Math.floor(l*r*(i.length-2))),o=null!=(f=i[d])?f:"+",c=b()<n;t.fillStyle=c?"oklch(0.72 0.17 45)":l>.72?h.ink:h.muted,t.globalAlpha=c?.5+.45*m:.22+.55*m,t.fillText(o,11*a+1,11*e+1)}t.globalAlpha=1,a=requestAnimationFrame(r)};s();let l=new ResizeObserver(s);return e.parentElement&&l.observe(e.parentElement),a=requestAnimationFrame(r),()=>{cancelAnimationFrame(a),l.disconnect()}},[n]),t<.01)?null:(0,s.jsx)("canvas",{ref:d,"aria-hidden":!0,className:(0,l.cn)("pointer-events-none absolute inset-0 z-20",a)})}function d(e){let{address:t,children:a,className:r,variant:i="auto",chrome:n="full"}=e;return(0,s.jsxs)("div",{className:(0,l.cn)("flex h-full min-h-0 flex-col overflow-hidden rounded-xl border border-border bg-card shadow-sm","light"===i&&"bg-white text-neutral-950","dark"===i&&"bg-neutral-950 text-neutral-100",r),children:[(0,s.jsxs)("div",{"aria-hidden":!0,className:(0,l.cn)("flex shrink-0 items-center border-b border-border bg-muted/40 dark:bg-muted/25","simple"===n?"gap-2 px-3.5 py-3":"gap-3 px-3 py-2.5"),children:[(0,s.jsxs)("div",{className:"flex shrink-0 items-center gap-1.5",children:[(0,s.jsx)("span",{className:"size-[11px] rounded-full bg-[#ff5f57]"}),(0,s.jsx)("span",{className:"size-[11px] rounded-full bg-[#febc2e]"}),(0,s.jsx)("span",{className:"size-[11px] rounded-full bg-[#28c840]"})]}),"full"===n?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"mx-auto flex h-7 w-full max-w-md items-center justify-center rounded-md border border-border bg-background px-3",children:(0,s.jsx)("span",{className:"truncate text-center text-[12px] text-muted-foreground",children:"New Tab"===t||""===t?t||"New Tab":t.startsWith("http")||t.startsWith("chrome:")?t:"https://".concat(t)},t)}),(0,s.jsx)("div",{className:"w-[52px] shrink-0"})]}):null]}),(0,s.jsx)("div",{className:"relative min-h-0 flex-1 overflow-hidden bg-background",children:a})]})}function o(e){let{tabs:t,activeIndex:a}=e;return(0,s.jsx)("div",{"aria-hidden":!0,className:"flex gap-0.5 overflow-x-auto border-b border-border bg-muted/25 px-2 py-1.5",children:t.map((e,t)=>(0,s.jsx)("div",{className:(0,l.cn)("max-w-[8.5rem] shrink-0 truncate rounded-md px-2.5 py-1 text-[11px] transition-colors duration-300",t===a?"bg-background font-medium text-foreground shadow-sm":"text-muted-foreground"),children:e},"".concat(e,"-").concat(t)))})}var c=a(4036);function m(e){let{root:t,highlight:a,active:i,trackKey:n}=e,[d,o]=(0,r.useState)(null),[m,h]=(0,r.useState)(!1),[x,p]=(0,r.useState)(!1);return((0,r.useEffect)(()=>

1{if(!i||!a||!t){p(!1),h(!1);return}let e=!1,s=0,r=0,l=0,n=()=>{let s=t.querySelector('[data-demo-id="'.concat(a,'"]'));if(!s||e)return!1;let r=t.getBoundingClientRect(),l=s.getBoundingClientRect();return o({x:l.left-r.left+.72*l.width,y:l.top-r.top+.55*l.height}),p(!0),!0};l=requestAnimationFrame(()=>{n()||window.setTimeout(()=>{e||n()},80)}),s=window.setTimeout(()=>{e||h(!0)},1400),r=window.setTimeout(()=>{e||h(!1)},2e3);let d=window.setTimeout(()=>{e||n()},400);return()=>{e=!0,cancelAnimationFrame(l),window.clearTimeout(s),window.clearTimeout(r),window.clearTimeout(d),h(!1)}},[i,a,t,n]),d)?(0,s.jsxs)("div",{"aria-hidden":!0,className:(0,l.cn)("pointer-events-none absolute z-40 transition-[left,top,opacity,transform] duration-1000 ease-out",x?"opacity-100":"opacity-0",m&&"scale-90"),style:{left:d.x,top:d.y},children:[(0,s.jsx)(c.A,{className:"size-5 -translate-x-1 -translate-y-1 fill-neutral-900 text-neutral-900 drop-shadow-[0_2px_4px_rgba(0,0,0,0.4)] dark:fill-white dark:text-white",strokeWidth:1.75}),m?(0,s.jsx)("span",{className:"absolute top-0 left-0 size-7 -translate-x-1 -translate-y-1 animate-ping rounded-full bg-amber-400/50"}):null,(0,s.jsx)("span",{className:(0,l.cn)("absolute top-0.5 left-0.5 size-2.5 rounded-full bg-amber-500 transition-opacity",m?"opacity-100":"opacity-0")})]}):null}function h(e,t){return e===t?"demo-target-active relative z-10 ring-2 ring-amber-500 ring-offset-2 ring-offset-white dark:ring-offset-neutral-950":""}function x(e,t){return t<=0?"":t>=1?e:e.slice(0,Math.max(1,Math.ceil(e.length*t)))}function p(e){let{label:t,value:a,filled:r,typing:i,demoId:n,highlight:d}=e,o=void 0!==i?i:r?a:"",c=!!(void 0!==i&&i.length<a.length);return(0,s.jsxs)("label",{"data-demo-id":n,className:(0,l.cn)("block space-y-1 rounded-md transition-shadow duration-300",n?h(d,n):""),children:[(0,s.jsx)("span",{className:"text-[11px] font-medium text-neutral-500",children:t}),(0,s.jsxs)("div",{className:(0,l.cn)("flex h-9 items-center rounded-md border px-2.5 text-[12px] transition-all duration-300",o?"border-neutral-300 bg-white text-neutral-900":"border-neutral-200 bg-neutral-50 text-neutral-300",c&&"border-sky-400 ring-2 ring-sky-200"),children:[o||" ",c?(0,s.jsx)("span",{className:"ml-0.5 inline-block h-4 w-px animate-pulse bg-neutral-900"}):null]})]})}function u(e){let{demoId:t,highlight:a,label:r,active:i}=e;return(0,s.jsx)("span",{"data-demo-id":t,className:(0,l.cn)("inline-flex rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors",i?"border-sky-600 bg-sky-50 text-sky-800":"border-neutral-200 bg-white text-neutral-600",h(a,t)),children:r})}function b(e){let{demoId:t,highlight:a,children:r,pressed:i,className:n}=e;return(0,s.jsx)("button",{type:"button","data-demo-id":t,className:(0,l.cn)("rounded-md px-4 py-2 text-[12px] font-semibold transition-all",i?"bg-neutral-800 text-white":"bg-[#ffd814] text-neutral-900",h(a,t),n),children:r})}function f(){return(0,s.jsxs)("div",{className:"flex min-h-full flex-1 flex-col items-center justify-center bg-[#f1f3f4] dark:bg-neutral-900",children:[(0,s.jsx)("p",{className:"text-[15px] font-medium text-neutral-400",children:"New Tab"}),(0,s.jsx)("p",{className:"mt-1 text-[12px] text-neutral-400/80",children:"Waiting for Sigil…"})]})}function g(e){let{demo:t,timeline:a}

1=e,[l,i]=(0,r.useState)(null),{beat:n,highlight:d,phase:o,tabIndex:c,visibleSteps:h,actionProgress:x,pageActive:p}=a,u=p&&("working"===o||"waiting"===o)&&!!d;return(0,s.jsxs)("div",{ref:i,className:"relative flex h-full min-h-full w-full flex-1 flex-col overflow-hidden",children:[(0,s.jsx)("div",{className:"flex h-full min-h-full w-full flex-1 flex-col overflow-hidden [&>*]:flex [&>*]:h-full [&>*]:min-h-full [&>*]:flex-1 [&>*]:flex-col [&>*]:overflow-hidden",children:p?(0,s.jsx)(j,{demo:t,scene:t.scene,beat:n,highlight:d,tabIndex:c,actionProgress:x}):(0,s.jsx)(f,{})}),(0,s.jsx)(m,{root:l,highlight:d,active:u,trackKey:"".concat(t.id,":").concat(c,":").concat(n,":").concat(h,":").concat(null!=d?d:"")})]})}function j(e){let{demo:t,scene:a,beat:r,highlight:l,tabIndex:i,actionProgress:n}=e;switch(a){case"pricing":return(0,s.jsx)(v,{beat:r,highlight:l,tabIndex:i,actionProgress:n});case"shopping":return(0,s.jsx)(y,{beat:r,highlight:l,tabIndex:i,actionProgress:n});case"jobs":return(0,s.jsx)(w,{beat:r,highlight:l,tabIndex:i,actionProgress:n});case"expenses":return(0,s.jsx)(k,{beat:r,highlight:l,tabIndex:i,actionProgress:n});case"travel":return(0,s.jsx)(I,{beat:r,highlight:l,tabIndex:i,actionProgress:n});case"appointments":return(0,s.jsx)(S,{beat:r,highlight:l,tabIndex:i,actionProgress:n});case"research":return(0,s.jsx)(A,{beat:r,highlight:l,tabIndex:i,actionProgress:n});case"couch":return(0,s.jsx)(C,{beat:r,highlight:l,tabIndex:i,actionProgress:n});case"spreadsheet":return(0,s.jsx)(z,{beat:r,highlight:l,tabIndex:i,actionProgress:n});case"forms":return(0,s.jsx)(P,{beat:r,highlight:l,actionProgress:n});case"email":return(0,s.jsx)(M,{beat:r,highlight:l,tabIndex:i,actionProgress:n});case"cleanup":return(0,s.jsx)(R,{beat:r,highlight:l,tabs:t.tabs});default:return null}}function v(e){let{beat:t,highlight:a,tabIndex:r,actionProgress:i}=e,n=2===r,d=t>=5;return r>=3?(0,s.jsxs)("div",{className:"flex min-h-full bg-[#0a2540] text-white",children:[(0,s.jsxs)("div",{className:"flex w-[38%] flex-col justify-center px-5 py-6",children:[(0,s.jsx)("p",{className:"text-[11px] uppercase tracking-wider text-white/50",children:"Acme Checkout"}),(0,s.jsxs)("p",{className:"mt-2 text-2xl font-semibold",children:["$",d?"29":"36","/mo"]}),(0,s.jsx)("p",{className:"mt-1 text-[12px] text-white/60",children:d?"Billed annually \xb7 save $312 / 2yr":"Monthly billing"})]}),(0,s.jsxs)("div",{className:"flex flex-1 flex-col justify-center bg-white px-6 py-6 text-neutral-900",children:[(0,s.jsx)("p",{className:"text-[15px] font-semibold",children:"Create your Acme account"}),(0,s.jsxs)("div",{className:"mt-4 space-y-3",children:[(0,s.jsx)(p,{label:"Work email",value:"[email protected]",filled:t>=8,demoId:"signup-email",highlight:a}),(0,s.jsx)(p,{label:"Company",value:"Northwind Labs",filled:t>=9,demoId:"signup-company",highlight:a}),(0,s.jsx)(b,{demoId:"signup-submit",highlight:a,pressed:t>=10,className:"mt-2 w-full bg-[#635bff] text-white",children:"Start Pro trial"})]})]})]}):(0,s.jsxs)("div",{className:"min-h-full bg-[#fafafa] text-neutral-900",children:[(0,s.jsxs)("header",{className:"flex items-center justify-between border-b border-neutral-200 bg-white px-4 py-2.5",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:(0,l.cn)("flex h-7 w-7 items-center justify-center rounded-md text-[12px] font-bold text-white",n?"bg-orange-500":"bg-violet-600"),children:n?"R":"A"}),(0,s.jsx)("span",{className:"text-[14px] font-semibold",children:n?"Rival":"Acme"})]}),(0,s.jsxs)("nav",{className:"flex gap-4 text-[12px] text-neutral-500",children:[(0,s.jsx)("span",{children:"Product"}),(0,s.jsx)("span",{className:"font-semibold text-neutral-900",children:"Pricing"}),(0,s.jsx)("span",{children:"Docs"})]}),(0,s.jsx)("span",{className:"rounded-full border border-neutral-200 px-3 py-1 text-[11px]",children:"Sign in"})]}),(0,s.jsxs)("div",{className:"px-4 py-5",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h1",{className:"text-xl font-semibold tracking-tight",children:n?"Simple pricing for teams":"Pricing that scales with you"}),(0,s.jsx)("p",{className:"mt-1 text-[12px] text-neutral-500",children:n?"No annual discount. Seat-based only.":"Compare plans side by side."})]}),n?null:(0,s.jsxs)("button",{type:"button","data-demo-id":"annual-toggle",className:(0,l.cn)("flex items-center gap-2 rounded-full border px-3 py-1.5 text-[11px] font-medium",d?"border-violet-500 bg-violet-50 text-violet-800":"border-neutral-200",h(a,"annual-toggle")),children:[(0,s.jsx)("span",{className:(0,l.cn)("relative h-4 w-7 rounded-full transition-colors",d?"bg-vi

1olet-600":"bg-neutral-300"),children:(0,s.jsx)("span",{className:(0,l.cn)("absolute top-0.5 h-3 w-3 rounded-full bg-white transition-all",d?"left-3.5":"left-0.5")})}),"Annual \xb7 save 20%"]})]}),(0,s.jsx)("div",{className:"mt-4 grid grid-cols-3 gap-2.5",children:(n?[{id:"plan-starter",name:"Starter",price:"$19",feat:"5 seats"},{id:"plan-plus",name:"Plus",price:"$49",feat:"Unlimited seats"},{id:"plan-rival",name:"Scale",price:"$99",feat:"SSO + audit"}]:[{id:"plan-free",name:"Free",price:"$0",feat:"1 seat"},{id:"plan-pro",name:"Pro",price:d?"$29":"$36",feat:"10 seats"},{id:"plan-biz",name:"Business",price:"$79",feat:"SSO"}]).map(e=>{let r=!n&&"plan-pro"===e.id&&t>=2||n&&"plan-rival"===e.id;return(0,s.jsxs)("div",{"data-demo-id":e.id,className:(0,l.cn)("rounded-xl border bg-white p-3",r?"border-violet-500 shadow-md shadow-violet-100":"border-neutral-200",h(a,e.id)),children:[(0,s.jsx)("p",{className:"text-[12px] font-semibold",children:e.name}),(0,s.jsxs)("p",{className:"mt-1 text-xl font-bold",children:[e.price,(0,s.jsx)("span",{className:"text-[11px] font-normal text-neutral-400",children:"/mo"})]}),(0,s.jsx)("p",{className:"mt-1 text-[11px] text-neutral-500",children:e.feat}),d&&"plan-pro"===e.id&&t>=5?(0,s.jsx)("p",{className:"mt-2 text-[10px] font-medium text-violet-700",children:"Annual discount applied"}):null]},e.id)})}),!n&&t>=4?(0,s.jsxs)("div",{"data-demo-id":"feature-compare",className:(0,l.cn)("mt-4 rounded-lg border border-neutral-200 bg-white p-3",h(a,"feature-compare")),children:[(0,s.jsx)("p",{className:"text-[11px] font-semibold text-neutral-700",children:"Feature compare"}),(0,s.jsxs)("div",{className:"mt-2 space-y-1 text-[11px] text-neutral-600",children:[(0,s.jsxs)("div",{className:"flex justify-between border-b border-neutral-100 py-1",children:[(0,s.jsx)("span",{children:"Priority support"}),(0,s.jsx)("span",{className:"font-medium text-violet-700",children:"Pro ✓ \xb7 Rival ✗"})]}),(0,s.jsxs)("div",{className:"flex justify-between border-b border-neutral-100 py-1",children:[(0,s.jsx)("span",{children:"Annual discount"}),(0,s.jsx)("span",{className:"font-medium text-violet-700",children:"Pro −20% \xb7 Rival none"})]}),(0,s.jsxs)("div",{className:"flex justify-between py-1",children:[(0,s.jsx)("span",{children:"SSO"}),(0,s.jsx)("span",{children:"Business only"})]})]})]}):null]})]})}function y(e){let t,{beat:a,highlight:r,tabIndex:i,actionProgress:n}=e,d="ultrawide monitor under $800",o=a>=1,c=2===a?x(d,n):a>=3?d:"",m=a>=9;return t=2===i?(0,s.jsxs)("div",{className:"bg-white px-3 py-3","data-demo-id":"reviews",children:[(0,s.jsx)("h1",{className:(0,l.cn)("text-lg font-semibold",h(r,"reviews")),children:"Customer reviews"}),(0,s.jsx)("p",{className:"mt-0.5 text-[12px] text-amber-600",children:"★★★★☆ 4.6 \xb7 26 reviews"}),(0,s.jsx)("div",{className:"mt-2 space-y-2",children:["Perfect for dual IDE layouts. USB-C hub is a lifesaver.","Text is razor sharp. Best value under $700.","Skipped the sponsored options — this one wins."].map(e=>(0,s.jsxs)("div",{className:"border-b border-neutral-100 pb-2",children:[(0,s.jsx)("p",{className:"text-[11px] font-semibold",children:"★★★★★ Verified"}),(0,s.jsx)("p",{className:"mt-0.5 text-[12px] leading-5 text-neutral-700",children:e})]},e))})]}):1===i||0===i&&a>=6?(0,s.jsxs)("div",{className:"flex gap-3 bg-white px-3 py-3",children:[(0,s.jsx)("div",{className:"h-40 w-40 shrink-0 rounded border border-neutral-200 bg-gradient-to-br from-slate-200 via-white to-sky-100"}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("h1",{"data-demo-id":"product-card",className:(0,l.cn)("text-[15px] font-normal leading-snug",h(r,"product-card")),children:'Dell UltraSharp 34" U3425WE USB-C Hub Monitor'}),(0,s.jsx)("p",{className:"mt-1 text-[12px] text-amber-600",children:"★★★★☆ 4.6 (2,841)"}),(0,s.jsxs)("div",{"data-demo-id":"buy-box",className:(0,l.cn)("mt-2 rounded-lg border border-neutral-200 p-2.5",h(r,"buy-box")),children:[(0,s.jsx)("p",{className:"text-xs text-neutral-500",children:"Buy Box"}),(0,s.jsxs)("p",{className:"text-xl text-[#b12704]",children:[(0,s.jsx)("span",{className:"align-top text-xs",children:"$"}),"679"]}),(0,s.jsx)("p",{className:"text-[11px] text-green-700",children:"In Stock \xb7 FREE Returns"}),(0,s.jsx)(b,{demoId:"add-cart",highlight:r,pressed:m,className:"mt-2 w-full rounded-full",children:m?"Added to Cart":"Add to Cart"})]})]})]}):a>=3?(0,s.jsx)(N,{beat:a,highlight:r,hideSponsored:a>

1=5}):(0,s.jsx)("div",{className:"flex flex-1 items-center justify-center bg-[#eaeded] text-[13px] text-neutral-500",children:"Search Shoply for products, brands, and more"}),(0,s.jsxs)("div",{className:"flex min-h-full flex-col bg-[#eaeded] text-neutral-900",children:[(0,s.jsx)("header",{className:"bg-[#131921] px-2.5 py-2 text-white",children:(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsxs)("span",{className:"shrink-0 text-[14px] font-bold tracking-tight",children:["shoply",(0,s.jsx)("span",{className:"text-orange-400",children:".com"})]}),(0,s.jsxs)("div",{"data-demo-id":"search-box",className:(0,l.cn)("flex h-8 min-w-0 flex-1 items-center rounded-l-md bg-white px-2.5 text-[12px] text-neutral-800",o&&a<=2&&"ring-2 ring-[#febd69]",h(r,"search-box")),children:[(0,s.jsx)("span",{className:(0,l.cn)(!c&&"text-neutral-400"),children:c||"Search Shoply"}),2===a&&n<1?(0,s.jsx)("span",{className:"ml-0.5 inline-block h-3.5 w-px animate-pulse bg-neutral-900"}):null]}),(0,s.jsx)("button",{type:"button","data-demo-id":"search-btn",className:(0,l.cn)("flex h-8 items-center rounded-r-md bg-[#febd69] px-3 text-[12px] font-bold text-neutral-900",h(r,"search-btn")),children:"Go"}),(0,s.jsxs)("span",{className:"shrink-0 text-[11px]",children:["Cart (",m?"1":"0",")"]})]})}),(0,s.jsx)("div",{className:"bg-[#232f3e] px-3 py-1 text-[10px] text-white/80",children:"Electronics › Computers › Monitors › Ultrawide"}),t]})}function N(e){let{beat:t,highlight:a,hideSponsored:r}=e;return(0,s.jsxs)("div",{className:"flex min-h-0 flex-1 gap-0 bg-white",children:[(0,s.jsxs)("aside",{className:"w-[28%] shrink-0 border-r border-neutral-200 px-2.5 py-2",children:[(0,s.jsx)("p",{className:"text-[11px] font-bold",children:"Filters"}),(0,s.jsxs)("label",{"data-demo-id":"hide-sponsored",className:(0,l.cn)("mt-2 flex items-center gap-1.5 text-[11px]",h(a,"hide-sponsored")),children:[(0,s.jsx)("span",{className:(0,l.cn)("flex h-3.5 w-3.5 items-center justify-center rounded border text-[9px]",r?"border-sky-600 bg-sky-600 text-white":"border-neutral-300"),children:r?"✓":""}),"Hide sponsored"]}),(0,s.jsx)("p",{className:"mt-3 text-[10px] font-semibold text-neutral-500",children:"Price"}),(0,s.jsx)("p",{className:"text-[11px] text-neutral-600",children:"Under $800"})]}),(0,s.jsxs)("div",{className:"min-w-0 flex-1 px-2.5 py-2",children:[(0,s.jsxs)("div",{className:"mb-2 flex items-center justify-between",children:[(0,s.jsxs)("p",{className:"text-[11px] text-neutral-600",children:["1-4 of 128 results for ",(0,s.jsx)("span",{className:"font-semibold",children:"ultrawide monitor"})]}),(0,s.jsxs)("button",{type:"button","data-demo-id":"sort-reviews",className:(0,l.cn)("rounded border border-neutral-300 bg-neutral-50 px-2 py-1 text-[10px]",t>=4&&"border-sky-500 bg-sky-50",h(a,"sort-reviews")),children:["Sort: ",t>=4?"Avg. customer review":"Featured"]})]}),r?(0,s.jsx)("p",{className:"mb-2 text-[10px] italic text-neutral-400",children:"Sponsored results hidden"}):(0,s.jsxs)("div",{"data-demo-id":"sponsored-badge",className:(0,l.cn)("mb-2 flex gap-2 rounded border border-[#f0c14b]/40 bg-[#fff8e7] p-2 opacity-90",h(a,"sponsored-badge")),children:[(0,s.jsx)("div",{className:"h-14 w-14 shrink-0 bg-gradient-to-br from-amber-100 to-orange-50"}),(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("span",{className:"rounded bg-[#f0c14b] px-1.5 py-0.5 text-[9px] font-bold uppercase",children:"Sponsored"}),(0,s.jsx)("p",{className:"mt-0.5 truncate text-[12px]",children:'BrandX 34" Curved — $749'}),(0,s.jsx)("p",{className:"text-[10px] text-neutral-500",children:"★★★☆☆ 3.2"})]})]}),[{id:"product-card",title:'Dell UltraSharp 34" U3425WE',price:"$679",rating:"4.6",featured:!0},{id:"product-lg",title:"LG 34WP65C-B Ultrawide",price:"$449",rating:"4.4",featured:!1},{id:"product-samsung",title:'Samsung Odyssey G5 34"',price:"$399",rating:"4.3",featured:!1}].map(e=>(0,s.jsxs)("div",{"data-demo-id":e.id,className:(0,l.cn)("mb-2 flex gap-2 border-b border-neutral-100 pb-2",e.featured&&t>=6&&"rounded bg-sky-50/50",h(a,e.id)),children:[(0,s.jsx)("div",{className:"h-16 w-16 shrink-0 bg-gradient-to-br from-slate-200 to-sky-50"}),(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("p",{className:"text-[12px] font-medium text-sky-900",children:e.title}),(0,s.jsxs)("p",{className:"text-[11px] text-amber-600",children:["★★★★☆ ",e.rating]}),(0,s.jsx)("p",{className:"text-[14px] font-semibold text-[#b12704]",children:e.price})]})]},e.id))]})]})}function w(e){let{beat:t,highlight:a,tabIndex:r,actionProgress:i}=e,n="Senior React",d=1===t?x(n,i):t>=2?n:"",o=t>=3,c=6===t?x("Alex Rivera",i):t>6?"Alex Rivera":"",m=7===t?x("[email protected]",i):t>7?"[email protected]":"",f=t>=8,g=t>=7;return 2===r?(0,s.jsxs)("div",{className:"min-h-full bg-[#f3f2ef] px-3 py-3 text-neutral-900",children:[(0,s.jsxs)("header",{className:"mb-3 flex items-center gap-2",children:[(0,s.jsx)("span",{className:"flex h-7 w-7 items-center justify-center rounded bg-[#0a66c2] text-[11px] font-bold text-white",children:"in"}),(0,s.jsx)("span",{className:"text-[14px] font-semibold",children:"Hireboard \xb7 Tracker"})]}),(0,s.jsxs)("div",{"data-demo-id":"tracker",className:(0,l.cn)("space-y-2",h(a,"tracker")),children:[[{co:"Lattice",status:"Ready",ok:!0},{co:"Vercel",status:"Ready",ok:!0},{co:"Notion",status:"Skipped \xb7 already applied",ok:!1}].map(e=>(0,s.jsxs)("div",{className:(0,l.cn)("flex items-center justify-between rounded-lg border bg-white px-3 py-2 text-[12px]",!e.ok&&t>=10&&"opacity-50"),children:[(0,s.jsx)("span",{className:"font-medium",children:e.co}),(0,s.jsx)("span",{className:e.ok?"text-green-700":"text-neutral-400",children:e.status})]},e.co)),(0,s.jsx)("p",{className:"pt-1 text-[11px] text-neutral-500",children:"14 more matches queued for your approval"})]})]}):1===r?(0,s.jsxs)("div",{className:"min-h-full bg-[#f3f2ef] px-3 py-3 text-neutral-900",children:[(0,s.jsxs)("header",{className:"mb-2 flex items-center gap-2",children:[(0,s.jsx)("span",{className:"flex h-7 w-7 items-center justify-center rounded bg-[#0a66c2] text-[11px] font-bold text-white",children:"in"}),(0,s.jsx)("span",{className:"text-[14px] font-semibold",children:"Easy Apply"})]}),(0,s.jsxs)("div",{className:"rounded-lg border border-neutral-200 bg-white p-3",children:[(0,s.jsx)("p",{className:"text-[13px] font-semibold",children:f?"Vercel \xb7 Staff Frontend":"Lattice \xb7 Senior React"}),(0,s.jsx)("button",{type:"button","data-demo-id":"easy-apply",className:(0,l.cn)("mt-2 rounded-full bg-[#0a66c2] px-4 py-1.5 text-[11px] font-semibold text-white",h(a,"easy-apply")),children:"Easy Apply"}),(0,s.jsxs)("div",{className:"mt-3 space-y-2",children:[(0,s.jsx)(p,{label:"Full name",value:"Alex Rivera",filled:t>6,typing:6===t?c:void 0,demoId:"field-name",highlight:a}),(0,s.jsx)(p,{label:"Email",value:"[email protected]",filled:t>7,typing:7===t?m:void 0,demoId:"field-email",highlight:a}),(0,s.jsx)("div",{"data-demo-id":"resume-attach",className:(0,l.cn)("rounded-md border border-dashed px-2.5 py-2 text-[11px]",g?"border-green-400 bg-green-50 text-green-800":"border-neutral-300 text-neutral-400"),children:g?"\uD83D\uDCCE resume-alex.pdf attached":"Attach resume"}),(0,s.jsx)(b,{demoId:"apply-submit",highlight:a,pressed:t>=9,className:"w-full bg-[#0a66c2] text-white",children:t>=9?"Submitted":t>=8&&f?"Submit application":"Submit"})]})]})]}):(0,s.jsxs)("div",{className:"min-h-full bg-[#f3f2ef] text-neutral-900",children:[(0,s.jsxs)("header",{className:"flex items-center gap-2 border-b border-neutral-200 bg-white px-3 py-2",children:[(0,s.jsx)("span",{className:"flex h-7 w-7 items-center justify-center rounded bg-[#0a66c2] text-[11px] font-bold text-white",children:"in"}),(0,s.jsxs)("div",{"data-demo-id":"job-search",className:(0,l.cn)("flex h-8 flex-1 items-center rounded-md border border-neutral-300 bg-[#edf3f8] px-2.5 text-[12px]",h(a,"job-search")),children:[(0,s.jsx)("span",{className:(0,l.cn)(!d&&"text-neutral-400"),children:d||"Search jobs"}),1===t&&i<1?(0,s.jsx)("span",{className:"ml-0.5 inline-block h-3.5 w-px animate-pulse bg-neutral-900"}):null]})]}),(0,s.jsxs)("div",{className:"flex flex-wrap gap-1.5 px-3 py-2",children:[(0,s.jsx)(u,{demoId:"filter-remote",highlight:a,label:"Remote",active:t>=2}),(0,s.jsx)(u,{demoId:"filter-senior",highlight:a,label:"Senior",active:o}),(0,s.jsx)(u,{demoId:"filter-24h",highlight:a,label:"Past 24h",active:o})]}),(0,s.jsx)("div",{className:"space-y-1.5 px-3 pb-3",children:[{id:"job-lattice",co:"Lattice",title:"Senior React Engineer",match:t>=3},{id:"job-vercel",co:"Vercel",title:"Staff Frontend Engineer",match:t>=3},{id:"job-notion",co:"Notion",title:"Senior Frontend",match:t>=3},{id:"job-linear",co:"Linear",title:"Senior Product Engineer",match:!1}].map(e=>(0,s.jsx)("div",{"data-demo-id":e.id,className:(0,l.cn)("rounded-lg border bg-white px-3 py-2",e.match&&"border-l-4 border-l-[#0a66c2]",h(a,e.id)),children:(0,s.jsxs)("div",{className:"flex items-start justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-[12px] font-semibold",children:e.title}),(0,s.jsxs)("p",{className:"text-[11px] text-neutral-500",children:[e.co," \xb7 Remote"]})]}),e.match?(0,s.jsx)("span",{className:"text-[10px] font-medium text-[#0a66c2]",children:"Match"}):null]})},e.id))})]})}function k(e){let{beat:t,highlight:a,tabIndex:r,actionProgress:i}=e,n="receipt",d=2===t?x(n,i):t>=3?n:"",o=4===t?Math.round(42*i):42*(t>4),c=4===t?Math.ceil(6*i):6*(t>4),m=6===t?Math.floor(42*i):42*(t>6),p=7===t?Math.ceil(3*i):3*(t>7);return r>=1?(0,s.jsxs)("div",{className:"min-h-full bg-[#f6f6f4] text-neutral-900",children:[(0,s.jsxs)("header",{className:"flex items-center gap-2 border-b border-neutral-200 bg-white px-3 py-2",children:[(0,s.jsx)("span",{className:"flex h-7 w-7 items-center justify-center rounded bg-[#1a9f6e] text-[12px] font-bold text-white",children:"E"}),(0,s.jsx)("span",{className:"text-[14px] font-semibold",children:"Expensify"})]}),2===r?(0,s.jsx)("div",{className:"px-3 py-4",children:(0,s.jsxs)("div",{"data-demo-id":"report-ready",className:(0,l.cn)("rounded-xl border border-green-200 bg-white p-4 shadow-sm",h(a,"report-ready")),children:[(0,s.jsx)("p",{className:"text-[13px] font-semibold",children:"Draft report \xb7 Mar expenses"}),(0,s.jsx)("p",{className:"mt-1 text-[12px] text-neutral-500",children:"42 receipts \xb7 $1,284.60"}),(0,s.jsx)("div",{className:"mt-3 h-2 overflow-hidden rounded-full bg-neutral-100",children:(0,s.jsx)("div",{className:"h-full rounded-full bg-[#1a9f6e]",style:{width:"".concat(100*(t>=8),"%")}})}),(0,s.jsx)("p",{className:"mt-2 text-[11px] text-green-700",children:"Ready to submit"})]})}):(0,s.jsxs)("div",{className:"px-3 py-3",children:[(0,s.jsxs)("div",{"data-demo-id":"upload-zone",className:(0,l.cn)("rounded-xl border-2 border-dashed px-3 py-6 text-center",t>=6?"border-[#1a9f6e] bg-green-50":"border-neutral-300 bg-white",h(a,"upload-zone")),children:[(0,s.jsx)("p",{className:"text-[13px] font-medium",children:t>=6?"Uploaded ".concat(m," / 42 receipts"):"Drop receipts here"}),t>=5?(0,s.jsx)("div",{className:"mx-auto mt-2 h-1.5 w-40 overflow-hidden rounded-full bg-neutral-200",children:(0,s.jsx)("div",{className:"h-full bg-[#1a9f6e]",style:{width:"".concat(m/42*100,"%")}})}):null]}),(0,s.jsx)("div",{"data-demo-id":"expense-rows",className:(0,l.cn)("mt-3 space-y-1.5",h(a,"expense-rows")),children:[{name:"Uber \xb7 SFO",amt:"$48.20",cat:"Travel"},{name:"WeWork day pass",amt:"$65.00",cat:"Office"},{name:"AWS invoice",amt:"$312.40",cat:"Software"}].map((e,a)=>(0,s.jsxs)("div",{className:"flex items-center justify-between rounded-lg border bg-white px-3 py-2 text-[12px]",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"font-medium",children:e.name}),(0,s.jsx)("p",{className:"text-[11px] text-neutral-500",children:e.amt})]}),(0,s.jsx)("span",{className:(0,l.cn)("rounded-full px-2 py-0.5 text-[10px] font-medium",a<p?"bg-green-100 text-green-800":"bg-neutral-100 text-neutral-400"),children:a<p?e.cat:7===t?"Matching…":"—"})]},e.name))})]})]}):(0,s.jsxs)("div",{className:"flex min-h-full bg-white text-neutral-900",children:[(0,s.jsxs)("aside",{className:"w-[22%] shrink-0 border-r border-neutral-200 bg-[#f6f8fc] px-2 py-2 text-[11px]",children:[(0,s.jsx)("p",{className:"font-semibold text-[#1a73e8]",children:"Inbox"}),(0,s.jsx)("p",{className:"mt-2 text-neutral-500",children:"Starred"}),(0,s.jsx)("p",{className:"text-neutral-500",children:"Snoozed"})]}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("div",{className:"border-b border-neutral-200 px-3 py-2",children:(0,s.jsxs)("div",{"data-demo-id":"mail-search",className:(0,l.cn)("flex h-8 items-center rounded-full bg-[#eaf1fb] px-3 text-[12px]",h(a,"mail-search")),children:[(0,s.jsx)("span",{className:(0,l.cn)(!d&&"text-neutral-400"),children:d||"Search mail"}),2===t&&i<1?(0,s.jsx)("span",{className:"ml-0.5 inline-block h-3.5 w-px animate-pulse bg-neutral-900"}):null]})}),(0,s.jsx)("div",{className:"divide-y divide-neutral-100",children:[{id:"inbox-row",from:"Uber Receipts",sub:"Your Tuesday trip",unread:!0},{id:"receipt-thread",from:"Amazon Orders",sub:"Order confirmation + invoice",unread:!0},{id:"mail-aws",from:"AWS Billing",sub:"Invoice available",unread:!1}].map(e=>(0,s.jsxs)("div",{"data-demo-id":e.id,className:(0,l.cn)("flex gap-2 px-3 py-2 text-[12px]",e.unread&&"bg-[#f2f6fc] font-medium",h(a,e.id)),children:[(0,s.jsx)("span",{className:"w-28 shrink-0 truncate",children:e.from}),(0,s.jsx)("span",{className:"truncate text-neutral-600",children:e.sub})]},e.id))}),t>=3?(0,s.jsxs)("div",{className:"border-t border-neutral-100 px-3 py-2",children:[(0,s.jsx)("div",{"data-demo-id":"receipt-grid",className:(0,l.cn)("grid grid-cols-3 gap-1.5",h(a,"receipt-grid")),children:Array.from({length:6},(e,a)=>(0,s.jsx)("div",{className:(0,l.cn)("rounded border bg-neutral-50 px-1.5 py-2 text-center text-[10px]",a<c?"border-green-300 opacity-100":"opacity-20"),children:a<c?4===t?"Saving…":"PDF":"—"},a))}),t>=4?(0,s.jsxs)("p",{className:"mt-1.5 text-[11px] text-neutral-500",children:["Downloaded ",o," / 42 attachments"]}):null]}):null]})]})}function I(e){let{beat:t,highlight:a,tabIndex:r,actionProgress:i}

1=e,n=2===t?x("SFO",i):t>2?"SFO":"",d=3===t?x("DEN",i):t>3?"DEN":"",o=t>=4?"Mar 18":"",c=t>=7,m=t>=8;return 2===r?(0,s.jsxs)("div",{className:"min-h-full bg-[#f5f7fa] px-4 py-4 text-neutral-900",children:[(0,s.jsxs)("header",{className:"mb-3 flex items-center gap-2",children:[(0,s.jsx)("span",{className:"rounded bg-[#ff6900] px-2 py-1 text-[11px] font-bold text-white",children:"skyfare"}),(0,s.jsx)("span",{className:"text-[13px] font-semibold",children:"Checkout"})]}),(0,s.jsxs)("div",{className:"rounded-xl border border-neutral-200 bg-white p-4",children:[(0,s.jsx)("p",{className:"text-[14px] font-semibold",children:"United \xb7 UA #482"}),(0,s.jsx)("p",{className:"mt-1 text-[12px] text-neutral-500",children:"SFO → DEN \xb7 Nonstop \xb7 Mar 18"}),(0,s.jsx)("p",{className:"mt-3 text-2xl font-bold text-[#ff6900]",children:"$218"}),(0,s.jsx)("p",{className:"text-[11px] text-green-700",children:"Refundable fare"}),(0,s.jsx)(b,{demoId:"checkout-book",highlight:a,className:"mt-4 w-full bg-[#ff6900] text-white",children:"Book flight"})]})]}):1===r?(0,s.jsxs)("div",{className:"min-h-full bg-[#f5f7fa] text-neutral-900",children:[(0,s.jsxs)("header",{className:"flex items-center justify-between bg-[#ff6900] px-3 py-2 text-white",children:[(0,s.jsx)("span",{className:"text-[13px] font-bold",children:"skyfare \xb7 Results"}),(0,s.jsx)("button",{type:"button","data-demo-id":"refund-filter",className:(0,l.cn)("rounded-full px-2.5 py-1 text-[10px] font-semibold",c?"bg-white text-[#ff6900]":"bg-white/20 text-white",h(a,"refund-filter")),children:"Refundable only"})]}),(0,s.jsx)("div",{"data-demo-id":"flight-list",className:(0,l.cn)("space-y-1.5 p-2.5",h(a,"flight-list")),children:[{id:"flight-united",airline:"United",price:"$218",note:"Nonstop \xb7 Refundable"},{id:"flight-delta",airline:"Delta",price:"$432",note:"Nonstop \xb7 Refundable"},{id:"flight-front",airline:"Frontier",price:"$89",note:"Nonstop \xb7 Non-refundable",fade:c}].map(e=>(0,s.jsxs)("div",{"data-demo-id":e.id,className:(0,l.cn)("flex items-center justify-between rounded-lg border bg-white px-3 py-2.5","flight-united"===e.id&&m&&"border-[#ff6900] ring-1 ring-[#ff6900]",e.fade&&"opacity-30",h(a,e.id)),children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-[12px] font-semibold",children:e.airline}),(0,s.jsx)("p",{className:"text-[10px] text-neutral-500",children:e.note})]}),(0,s.jsx)("p",{className:"text-[15px] font-bold",children:e.price})]},e.id))})]}):(0,s.jsxs)("div",{className:"min-h-full bg-[#f5f7fa] text-neutral-900",children:[(0,s.jsx)("header",{className:"bg-[#ff6900] px-3 py-2.5 text-white",children:(0,s.jsx)("span",{className:"text-[14px] font-bold",children:"skyfare"})}),(0,s.jsxs)("div",{className:"mx-3 mt-4 rounded-xl border border-neutral-200 bg-white p-4 shadow-sm",children:[(0,s.jsx)("p",{className:"text-[13px] font-semibold",children:"Find flights"}),(0,s.jsxs)("div",{className:"mt-3 grid grid-cols-2 gap-2",children:[(0,s.jsx)(p,{label:"From",value:"SFO",filled:t>2,typing:2===t?n:void 0,demoId:"field-from",highlight:a}),(0,s.jsx)(p,{label:"To",value:"DEN",filled:t>3,typing:3===t?d:void 0,demoId:"field-to",highlight:a})]}),(0,s.jsx)("button",{type:"button","data-demo-id":"field-date",className:(0,l.cn)("mt-2 flex h-9 w-full items-center rounded-md border px-2.5 text-[12px]",o?"border-neutral-300 text-neutral-900":"border-neutral-200 text-neutral-300",4===t&&"ring-2 ring-orange-200",h(a,"field-date")),children:o||"Depart"}),(0,s.jsx)(b,{demoId:"flight-search-btn",highlight:a,pressed:t>=5,className:"mt-3 w-full bg-[#ff6900] text-white",children:"Search flights"})]})]})}function S(e){let{beat:t,highlight:a,tabIndex:r,actionProgress:i}=e,n=t>=2,d=t>=6,o=t>=7;return 2===r?(0,s.jsxs)("div",{className:"min-h-full bg-[#f0f9f8] px-3 py-3 text-neutral-900",children:[(0,s.jsx)("p",{className:"text-[14px] font-semibold",children:"Book \xb7 Riverside Dental"}),(0,s.jsx)("div",{className:"mt-3 flex gap-1.5",children:["Mon","Tue","Wed"].map(e=>(0,s.jsx)("button",{type:"button","data-demo-id":"Tue"===e?"day-tue":void 0,className:(0,l.cn)("flex-1 rounded-lg border py-2 text-[11px] font-medium","Tue"===e&&d?"border-teal-600 bg-teal-50 text-teal-800":"border-neutral-200 bg-white","Tue"===e&&h(a,"day-tue")),children:e},e))}),(0,s.jsx)("div",{className:"mt-3 grid grid-cols-3 gap-1.5",children:["4:00 PM","5:30 PM","6:15 PM"].map(e=>(0,s.jsx)("button",{type:"button","data-demo-id":"5:30 PM"===e?"slot-tue":void 0,className:(0,l.cn)("rounded-lg border py-2 text-[11px]","5:30 PM"===e&&o?"border-teal-600 bg-teal-600 text-white":"border-neutral-200 bg-white","5:30 PM"===e&&h(a,"slot-tue")),children:t>=6?e:"—"},e))}),t>=8?(0,s.jsxs)("div",{"data-demo-id":"booking-review",className:(0,l.cn)("mt-4 rounded-xl border border-teal-200 bg-white p-3",h(a,"booking-review")),children:[(0,s.jsx)("p",{className:"text-[12px] font-semibold",children:"Review booking"}),(0,s.jsx)("p",{className:"mt-1 text-[11px] text-neutral-600",children:"Tue 5:30 PM \xb7 Delta Dental accepted"}),(0,s.jsx)("p",{className:"mt-2 text-[11px] text-teal-700",children:"Awaiting your approval"})]}):null]}):1===r?(0,s.jsx)("div",{className:"min-h-full bg-[#f0f9f8] px-3 py-3 text-neutral-900",children:(0,s.jsxs)("div",{"data-demo-id":"office-card",className:(0,l.cn)("rounded-xl border border-teal-300 bg-white p-3",h(a,"office-card")),children:[(0,s.jsx)("div",{className:"h-20 rounded-lg bg-gradient-to-r from-teal-100 to-cyan-50"}),(0,s.jsx)("h1",{className:"mt-2 text-[15px] font-semibold",children:"Riverside Dental"}),(0,s.jsx)("p",{className:"text-[11px] text-amber-600",children:"★★★★★ 4.9 \xb7 0.8 mi"}),(0,s.jsx)("p",{className:"mt-1 text-[11px] text-teal-700",children:"Delta Dental PPO \xb7 Accepted"}),(0,s.jsx)("p",{className:"mt-2 text-[11px] text-neutral-500",children:"Next after-work: Tue 5:30 PM"})]})}):(0,s.jsxs)("div",{className:"min-h-full bg-[#f0f9f8] text-neutral-900",children:[(0,s.jsx)("header",{className:"border-b border-teal-100 bg-white px-3 py-2",children:(0,s.jsx)("span",{className:"text-[14px] font-bold text-teal-800",children:"CareFind"})}),(0,s.jsxs)("div",{className:"space-y-2 px-3 py-3",children:[(0,s.jsxs)("div",{"data-demo-id":"insurance-dropdown",className:(0,l.cn)("rounded-lg border bg-white px-3 py-2 text-[12px]",h(a,"insurance-dropdown")),children:[(0,s.jsx)("p",{className:"text-[10px] font-medium text-neutral-500",children:"Insurance"}),(0,s.jsx)("p",{children:n?"Delta Dental PPO":"Select insurance…"})]}),t>=1&&t<3?(0,s.jsx)("div",{"data-demo-id":"insurance-delta",className:(0,l.cn)("rounded-lg border border-teal-200 bg-teal-50 px-3 py-2 text-[12px] font-medium text-teal-800",h(a,"insurance-delta")),children:"Delta Dental PPO"}):null,(0,s.jsx)(u,{demoId:"filter-after5",highlight:a,label:"After 5:00 PM",active:t>=3}),(0,s.jsx)("div",{"data-demo-id":"office-list",className:(0,l.cn)("space-y-1.5",h(a,"office-list")),children:[{name:"Riverside Dental",dist:"0.8 mi",stars:"4.9"},{name:"Bay Smile Co",dist:"1.4 mi",stars:"4.7"},{name:"Mission Ortho",dist:"2.1 mi",stars:"4.5"}].map((e,a)=>(0,s.jsxs)("div",{className:(0,l.cn)("rounded-lg border bg-white px-3 py-2",0===a&&t>=4&&"border-teal-400"),children:[(0,s.jsx)("p",{className:"text-[12px] font-semibold",children:e.name}),(0,s.jsxs)("p",{className:"text-[10px] text-neutral-500",children:["★ ",e.stars," \xb7 ",e.dist,n?" \xb7 In network":""]})]},e.name))})]})]})}function A(e){let{beat:t,highlight:a,tabIndex:r,actionProgress:i}=e,n=7===t?x("Where the studies disagree",i):t>=8?"Where the studies disagree":"";if(2===r)return(0,s.jsxs)("div",{className:"min-h-full bg-[#fffef9] px-4 py-4 text-neutral-900",children:[(0,s.jsx)("p",{className:"text-[11px] font-medium uppercase tracking-wide text-neutral-400",children:"Summary"}),(0,s.jsxs)("h1",{"data-demo-id":"summary",className:(0,l.cn)("mt-1 font-serif text-xl font-semibold",h(a,"summary")),children:[n||(t>=6?"…":"Untitled summary"),7===t&&i<1?(0,s.jsx)("span",{className:"ml-0.5 inline-block h-5 w-px animate-pulse bg-neutral-800"}):null]}),(0,s.jsx)("ul",{"data-demo-id":"summary-bullets",className:(0,l.cn)("mt-3 space-y-2 text-[12px] leading-5 text-neutral-700",h(a,"summary-bullets")),children:(t>=6?["Nature: team choice improves accuracy by 18%.","NIH preprint: no significant gain after controlling for expertise.","Lancet letter: effect vanishes outside lab settings."]:[]).map(e=>(0,s.jsxs)("li",{className:"flex gap-2",children:[(0,s.jsx)("span",{className:"text-amber-600",children:"•"}),e]},e))})]});let d=1===r;return(0,s.jsxs)("div",{className:"flex min-h-full bg-[#fffef9] text-neutral-900",children:[(0,s.jsxs)("article",{className:"min-w-0 flex-1 px-4 py-3",children:[(0,s.jsx)("p",{className:"text-[10px] uppercase tracking-wide text-neutral-400",children:d?"NIH Preprint":"Nature \xb7 Letters"}),(0,s.jsx)("h1",{"data-demo-id":d?"article-body":"article-1",className:(0,l.cn)("mt-1 font-serif text-lg font-semibold leading-snug",h(a,d?"article-body":"article-1")),children:d?"Revisiting collaborative choice under expertise controls":"Team choices outperform individuals in novel tasks"}),(0,s.jsx)("p",{className:"mt-2 text-[12px] leading-5 text-neutral-700",children:d?"After matching for prior domain expertise, the apparent team advantage shrinks to noise.":"Across twelve labs, groups selected better options than solo decision makers on unfamiliar problems."}),(0,s.jsx)("p",{"data-demo-id":d?"claim-2":"claim-1",className:(0,l.cn)("mt-3 rounded px-2 py-1.5 text-[12px] leading-5",(d?t>=4:t>=2)&&"bg-amber-100 ring-2 ring-amber-300",h(a,d?"claim-2":"claim-1")),children:d?"“No significant gain after controlling for expertise.”":"“Team choice improves accuracy by roughly 18%.”"})]}),t>=5?(0,s.jsxs)("aside",{"data-demo-id":"claims-rail",className:(0,l.cn)("w-[32%] shrink-0 border-l border-amber-100 bg-amber-50/50 px-2.5 py-3",h(a,"claims-rail")),children:[(0,s.jsx)("p",{className:"text-[10px] font-bold uppercase text-amber-800",children:"Claims"}),(0,s.jsxs)("ul",{className:"mt-2 space-y-2 text-[10px] leading-4 text-neutral-700",children:[(0,s.jsx)("li",{className:"rounded bg-white px-1.5 py-1",children:"+18% accuracy (Nature)"}),(0,s.jsx)("li",{className:"rounded bg-white px-1.5 py-1",children:"Null after controls (NIH)"}),(0,s.jsx)("li",{className:"rounded bg-white px-1.5 py-1",children:"Lab-only effect (Lancet)"})]})]}):null]})}function C(e){let{beat:t,highlight:a,tabIndex:r,actionProgress:i}=e,n=5===t?x("HOME15",i):t>=6?"HOME15":"",d=t>=6,o=t>=3;if(2===r)return(0,s.jsxs)("div",{className:"min-h-full bg-[#faf6f1] px-4 py-4 text-neutral-900",children:[(0,s.jsx)("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-neutral-400",children:"Outlet"}),(0,s.jsxs)("div",{"data-demo-id":"deal-cta",className:(0,l.cn)("mt-3 rounded-xl border border-green-300 bg-white p-4",h(a,"deal-cta")),children:[(0,s.jsx)("div",{className:"h-28 rounded-lg bg-gradient-to-br from-stone-300 to-amber-100"}),(0,s.jsx)("h1",{className:"mt-3 text-[15px] font-semibold",children:"Sofa Luxe \xb7 Charcoal"}),(0,s.jsx)("p",{className:"mt-1 text-[11px] text-neutral-500 line-through",children:"$1,299"}),(0,s.jsx)("p",{className:"text-2xl font-bold text-green-700",children:"$912"}),(0,s.jsx)("p",{className:"mt-1 text-[11px] font-medium text-green-700",children:"$387 less with HOME15"}),(0,s.jsx)(b,{demoId:"deal-open",highlight:a,className:"mt-3 w-full bg-neutral-900 text-white",children:"View outlet deal"})]})]});if(1===r){let e=o?[{store:"Homestead Outlet",price:d?"$912":"$1,299",hot:!0},{store:"Homestead",price:"$1,299",hot:!1},{store:"West Elm",price:"$1,349",hot:!1}]:[{store:"Homestead",price:"$1,299",hot:!1},{store:"West Elm",price:"$1,349",hot:!1},{store:"Homestead Outlet",price:"$1,299",hot:!1}];return(0,s.jsxs)("div",{className:"min-h-full bg-[#faf6f1] px-3 py-3 text-neutral-900",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)("p",{className:"text-[13px] font-semibold",children:"Compare 41 stores"}),(0,s.jsxs)("button",{type:"button","data-demo-id":"sort-price",className:(0,l.cn)("rounded border px-2 py-1 text-[10px]",o&&"border-green-600 bg-green-50",h(a,"sort-price")),children:["Sort: ",o?"Price":"Relevance"]})]}),(0,s.jsx)("div",{"data-demo-id":"price-table",className:(0,l.cn)("mt-2 space-y-1.5",h(a,"price-table")),children:e.map(e=>(0,s.jsxs)("div",{className:(0,l.cn)("flex items-center justify-between rounded-lg border bg-white px-3 py-2 text-[12px]",e.hot&&"border-green-400 bg-green-50"),children:[(0,s.jsx)("span",{className:"font-medium",children:e.store}),(0,s.jsx)("span",{className:"font-semibold",children:e.price})]},e.store))}),(0,s.jsxs)("div",{className:"mt-3 flex gap-1.5",children:[(0,s.jsxs)("div",{"data-demo-id":"coupon-input",className:(0,l.cn)("flex h-9 flex-1 items-center rounded-md border bg-white px-2.5 text-[12px]",t>=4&&t<=5&&"ring-2 ring-amber-200",h(a,"coupon-input")),children:[(0,s.jsx)("span",{className:(0,l.cn)(!n&&"text-neutral-300"),children:n||"Coupon code"}),5===t&&i<1?(0,s.jsx)("span",{className:"ml-0.5 inline-block h-3.5 w-px animate-pulse bg-neutral-900"}):null]}),(0,s.jsx)(b,{demoId:"coupon-apply",highlight:a,pressed:d,className:"bg-neutral-900 text-white",children:d?"Applied":"Ap

1ply"})]}),d?(0,s.jsx)("p",{className:"mt-2 text-[11px] font-medium text-green-700",children:"HOME15 applied (−$387)"}):null]})}return(0,s.jsxs)("div",{className:"min-h-full bg-[#faf6f1] text-neutral-900",children:[(0,s.jsxs)("header",{className:"flex items-center justify-between border-b border-stone-200 px-3 py-2",children:[(0,s.jsx)("span",{className:"text-[12px] font-semibold tracking-[0.2em] uppercase",children:"Homestead"}),(0,s.jsxs)("nav",{className:"flex gap-3 text-[10px] uppercase tracking-wide text-neutral-500",children:[(0,s.jsx)("span",{children:"Living"}),(0,s.jsx)("span",{children:"Dining"}),(0,s.jsx)("span",{children:"Sale"})]})]}),(0,s.jsxs)("div",{"data-demo-id":"product-hero",className:(0,l.cn)("px-3 py-3",h(a,"product-hero")),children:[(0,s.jsx)("div",{className:"h-36 rounded-lg bg-gradient-to-br from-stone-400 via-stone-200 to-amber-100"}),(0,s.jsx)("h1",{className:"mt-3 text-[16px] font-semibold",children:"Sofa Luxe \xb7 Charcoal"}),(0,s.jsx)("p",{className:"mt-1 text-xl font-bold",children:"$1,299"}),(0,s.jsx)("p",{className:"mt-1 text-[11px] text-neutral-500",children:"Performance fabric \xb7 Free white-glove delivery"})]})]})}function z(e){let{beat:t,highlight:a,tabIndex:r,actionProgress:i}=e,n=2===t?Math.round(63*i):63*(t>2),d=2===t?Math.ceil(5*i):5*(t>2),o=t>=4,c=7===t?Math.ceil(5*i):5*(t>=8),m=t>=6,x=["Tempo Health","Axiom Care","Nucleus AI","Pulsepath","Medlayer"];return 1===r?(0,s.jsxs)("div",{className:"flex min-h-full flex-col bg-white text-neutral-900",children:[(0,s.jsxs)("header",{className:"flex items-center gap-2 border-b border-neutral-200 px-2 py-1.5",children:[(0,s.jsx)("span",{className:"flex h-6 w-6 items-center justify-center rounded bg-[#0f9d58] text-[10px] font-bold text-white",children:"S"}),(0,s.jsx)("span",{className:"text-[12px] font-medium",children:"AI healthcare startups"})]}),(0,s.jsx)("div",{className:"border-b border-neutral-200 bg-[#f8f9fa] px-2 py-1 text-[10px] text-neutral-500",children:"fx"}),(0,s.jsx)("div",{"data-demo-id":"sheet-grid",className:(0,l.cn)("min-h-0 flex-1 overflow-hidden",h(a,"sheet-grid")),children:(0,s.jsxs)("table",{className:"w-full border-collapse text-[11px]",children:[(0,s.jsxs)("thead",{children:[(0,s.jsx)("tr",{"data-demo-id":"sheet-headers",className:(0,l.cn)(h(a,"sheet-headers")),children:["A","B","C"].map(e=>(0,s.jsx)("th",{className:"border border-neutral-200 bg-[#f3f3f3] px-2 py-1 text-left font-medium text-neutral-500",children:e},e))}),(0,s.jsx)("tr",{children:["Company","Funding","HQ"].map(e=>(0,s.jsx)("th",{className:(0,l.cn)("border border-neutral-200 px-2 py-1 text-left font-semibold",m?"bg-[#e8f0fe] text-neutral-800":"text-transparent"),children:m?e:"\xb7"},e))})]}),(0,s.jsx)("tbody",{children:x.map((e,t)=>(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{className:"border border-neutral-200 px-2 py-1",children:t<c?e:""}),(0,s.jsx)("td",{className:"border border-neutral-200 px-2 py-1 text-neutral-600",children:t<c?["$42M","$28M","$61M","$19M","$33M"][t]:""}),(0,s.jsx)("td",{className:"border border-neutral-200 px-2 py-1 text-neutral-600",children:t<c?["SF","NYC","Boston","Austin","Seattle"][t]:""})]},e))})]})})]}):(0,s.jsxs)("div",{className:"min-h-full bg-[#f7f7f5] px-3 py-3 text-neutral-900",children:[(0,s.jsx)("div",{"data-demo-id":"research-search",className:(0,l.cn)("flex h-9 items-center rounded-lg border border-neutral-200 bg-white px-3 text-[12px]",h(a,"research-search")),children:t>=1?"AI healthcare startups":"Search research…"}),(0,s.jsx)("p",{className:"mt-2 text-[11px] text-neutral-500",children:1===t?"Running search…":t>=2?"".concat(n," companies found"):"Ready"}),(0,s.jsx)("div",{"data-demo-id":"research-list",className:(0,l.cn)("mt-2 space-y-1",h(a,"research-list")),children:x.map((e,t)=>(0,s.jsxs)("div",{"data-demo-id":0===t?"company-row":void 0,className:(0,l.cn)("flex items-center justify-between rounded-lg border bg-white px-3 py-2 text-[12px] transition-opacity",t<d?"opacity-100":"opacity-20",0===t&&h(a,"company-row")),children:[(0,s.jsx)("span",{className:"font-medium",children:e}),(0,s.jsx)("span",{"data-demo-id":0===t?"verify-col":void 0,className:(0,l.cn)("text-[10px]",o?"font-medium text-green-700":"text-neutral-400",0===t&&h(a,"verify-col")),children:o?"Verified ✓":"—"})]},e))})]})}function P(e){let{beat:t,highlight:a,actionProgress:r}=e,i=3===t?x("Alex Rivera",r):t>3?"Alex Rivera":"",n=4===t?x("[email protected]",r):t>

14?"[email protected]":"",d=5===t?x("120 Market St, SF",r):t>5?"120 Market St, SF":"",o=6===t?x("(415) 555-0142",r):t>6?"(415) 555-0142":"",c=7===t?x("Northwind Labs",r):t>7?"Northwind Labs":"",m=t>=8,u=(t>3?1:3===t?Math.round(r):0)+ +(t>4)+ +(t>5)+ +(t>6)+ +(t>7)+ +!!m;return(0,s.jsxs)("div",{className:"min-h-full bg-[#e8eef3] text-neutral-900",children:[(0,s.jsxs)("header",{"data-demo-id":"form-header",className:(0,l.cn)("bg-[#1b4f72] px-4 py-2.5 text-white",h(a,"form-header")),children:[(0,s.jsx)("p",{className:"text-[13px] font-semibold",children:"City Portal \xb7 Application"}),(0,s.jsx)("p",{className:"text-[10px] text-white/70",children:t>=9?"46 of 46 fields complete":"".concat(Math.min(46,7*u)," fields filled")})]}),(0,s.jsx)("div",{className:"px-4 py-3",children:t<3?(0,s.jsx)("button",{type:"button","data-demo-id":"form-start",className:(0,l.cn)("w-full rounded-lg bg-[#1b4f72] py-2.5 text-[12px] font-semibold text-white",h(a,"form-start")),children:"Start application"}):(0,s.jsxs)("div",{className:"space-y-2.5 rounded-xl border border-neutral-200 bg-white p-3 shadow-sm",children:[(0,s.jsx)(p,{label:"Full name",value:"Alex Rivera",filled:t>3,typing:3===t?i:void 0,demoId:"field-name",highlight:a}),(0,s.jsx)(p,{label:"Email",value:"[email protected]",filled:t>4,typing:4===t?n:void 0,demoId:"field-email",highlight:a}),(0,s.jsx)(p,{label:"Address",value:"120 Market St, SF",filled:t>5,typing:5===t?d:void 0,demoId:"field-address",highlight:a}),(0,s.jsx)(p,{label:"Phone",value:"(415) 555-0142",filled:t>6,typing:6===t?o:void 0,demoId:"field-phone",highlight:a}),(0,s.jsx)(p,{label:"Employer",value:"Northwind Labs",filled:t>7,typing:7===t?c:void 0,demoId:"field-employer",highlight:a}),(0,s.jsxs)("label",{"data-demo-id":"field-certify",className:(0,l.cn)("flex items-center gap-2 text-[11px]",h(a,"field-certify")),children:[(0,s.jsx)("span",{className:(0,l.cn)("flex h-3.5 w-3.5 items-center justify-center rounded border text-[9px]",m?"border-[#1b4f72] bg-[#1b4f72] text-white":"border-neutral-300"),children:m?"✓":""}),"I certify this information is accurate"]}),(0,s.jsx)("div",{className:"h-1.5 overflow-hidden rounded-full bg-neutral-100",children:(0,s.jsx)("div",{className:"h-full rounded-full bg-[#1b4f72] transition-all",style:{width:"".concat(t>=9?100:Math.min(95,14*u),"%")}})}),(0,s.jsx)(b,{demoId:"form-submit",highlight:a,className:"w-full bg-[#1b4f72] text-white",children:"Submit application"})]})})]})}function M(e){let{beat:t,highlight:a,tabIndex:r,actionProgress:i}=e,n=6===t?x("Re: Sync next week",i):t>6?"Re: Sync next week":"",d="Thursday at 2:00 PM works for me — talk then!",o=7===t?x(d,i):t>7?d:"";return 1===r?(0,s.jsxs)("div",{className:"flex min-h-full flex-col bg-white text-neutral-900",children:[(0,s.jsxs)("header",{className:"flex items-center gap-2 border-b border-neutral-200 px-3 py-2",children:[(0,s.jsx)("button",{type:"button","data-demo-id":"reply-btn",className:(0,l.cn)("rounded bg-[#1a73e8] px-3 py-1 text-[11px] font-semibold text-white",h(a,"reply-btn")),children:"Reply"}),(0,s.jsx)("span",{className:"text-[12px] text-neutral-500",children:"Compose"})]}),(0,s.jsxs)("div",{className:"space-y-2 border-b border-neutral-100 px-3 py-2 text-[12px]",children:[(0,s.jsxs)("p",{children:[(0,s.jsx)("span",{className:"text-neutral-400",children:"To "}),"[email protected]"]}),(0,s.jsxs)("div",{"data-demo-id":"draft-subject",className:(0,l.cn)("flex items-center gap-1 border-b border-neutral-100 pb-2",h(a,"draft-subject")),children:[(0,s.jsx)("span",{className:"text-neutral-400",children:"Subject "}),(0,s.jsx)("span",{children:n||""}),6===t&&i<1?(0,s.jsx)("span",{className:"inline-block h-3.5 w-px animate-pulse bg-neutral-900"}):null]})]}),(0,s.jsxs)("div",{"data-demo-id":"draft-body",className:(0,l.cn)("flex-1 bg-[#e8f0fe]/40 px-3 py-3 text-[13px] leading-6",h(a,"draft-body")),children:[o||(t>=5?"":"Write your reply…"),7===t&&i<1?(0,s.jsx)("span",{className:"ml-0.5 inline-block h-4 w-px animate-pulse bg-neutral-900"}):null]})]}):(0,s.jsxs)("div",{className:"flex min-h-full bg-white text-neutral-900",children:[(0,s.jsxs)("aside",{className:"w-[22%] shrink-0 border-r border-neutral-200 bg-[#f6f8fc] px-2 py-2 text-[11px]",children:[(0,s.jsx)("p",{className:"font-semibold text-[#1a73e8]",children:"Inbox"}),(0,s.jsx)("p",{className:"mt-2 text-neutral-500",children:"Starred"}),(0,s.jsx)("p",{className:"text-neutral-500",children:"Sent"})]}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("div",{"data-demo-id":"inbox-list",className:(0,l.cn)("divide-y divide-neutral-100",h(a,"inbox-list")),children:[{from:"Jamie Chen",sub:"Sync next week?",active:!0},{from:"Payroll",sub:"March payslip",active:!1},{from:"Design",sub:"Figma comments",active:!1}].map(e=>(0,s.jsxs)("div",{className:(0,l.cn)("flex gap-2 px-3 py-2 text-[12px]",e.active&&"bg-[#f2f6fc] font-medium"),children:[(0,s.jsx)("span",{className:"w-24 shrink-0 truncate",children:e.from}),(0,s.jsx)("span",{className:"truncate text-neutral-600",children:e.sub})]},e.from))}),t>=2?(0,s.jsxs)("div",{"data-demo-id":"thread-msg",className:(0,l.cn)("border-t border-neutral-200 px-3 py-3",h(a,"thread-msg")),children:[(0,s.jsx)("p",{className:"text-[12px] font-semibold",children:"Jamie Chen"}),(0,s.jsxs)("p",{className:"mt-2 text-[12px] leading-5 text-neutral-700",children:["Can we sync next week? I'm free"," ",(0,s.jsx)("span",{"data-demo-id":"date-mention",className:(0,l.cn)("rounded px-1",t>=3&&"bg-yellow-200",h(a,"date-mention")),children:"Thursday at 2:00 PM"})," ","or Friday morning."]}),(0,s.jsx)("button",{type:"button","data-demo-id":"reply-btn",className:(0,l.cn)("mt-3 rounded bg-[#1a73e8] px-3 py-1 text-[11px] font-semibold text-white",h(a,"reply-btn")),children:"Reply"})]}):null]})]})}function R(e){let{beat:t,highlight:a,tabs:r}=e,i=new Set;t>=3&&i.add("News"),t>=4&&i.add("Shopping"),t>=5&&i.add("Chat");let n=new Set(["1040","W-2","Receipts","IRS","Bank","Docs"]),d=t>=7;return(0,s.jsxs)("div",{className:"min-h-full bg-[#202124] px-3 py-3 text-white",children:[(0,s.jsxs)("div",{className:"mb-2 flex items-center justify-between",children:[(0,s.jsx)("p",{className:"text-[12px] font-medium text-neutral-300",children:"Tab search"}),t>=6?(0,s.jsx)("button",{type:"button","data-demo-id":"create-group",className:(0,l.cn)("rounded-full px-2.5 py-1 text-[10px] font-semibold",d?"bg-amber-500 text-neutral-900":"bg-white/10 text-white",h(a,"create-group")),children:d?"Taxes group":"Create group"}):null]}),(0,s.jsx)("p",{className:"mb-2 text-[11px] text-neutral-400",children:t>=2?"Reviewed 37 tabs":"Searching…"}),(0,s.jsx)("div",{"data-demo-id":"tab-grid",className:(0,l.cn)("grid grid-cols-3 gap-1.5",h(a,"tab-grid")),children:r.map(e=>{let t=i.has(e),r=n.has(e),o="News"===e?"tab-news":"Shopping"===e?"tab-shopping":"Chat"===e?"tab-chat":r?"tab-group":void 0;return(0,s.jsxs)("div",{"data-demo-id":o,className:(0,l.cn)("relative rounded-lg border border-white/10 bg-[#303134] px-2 py-2.5 text-[11px] transition-all",t&&"scale-90 opacity-0",d&&r&&"border-amber-500/60 bg-amber-500/10",o&&h(a,o)),children:[(0,s.jsxs)("div",{className:"mb-1 flex items-center justify-between",children:[(0,s.jsx)("span",{className:"h-2 w-2 rounded-full bg-sky-4

100"}),r?null:(0,s.jsx)("span",{className:"text-[10px] text-neutral-500",children:"\xd7"})]}),(0,s.jsx)("p",{className:"truncate font-medium",children:e}),d&&r?(0,s.jsx)("p",{className:"mt-0.5 text-[9px] text-amber-400",children:"Taxes"}):null]},e)})}),d?(0,s.jsx)("p",{className:"mt-3 text-[11px] text-amber-400",children:"Tax group ready"}):null]})}function F(e){let{demo:t,timeline:a,className:i}=e,n=function(e,t,a,s){var r,l;if(!s)return"".concat(e,":blank");let i=null!=(l=null==(r=t.split("?")[0])?void 0:r.split("#")[0])?l:t;return"".concat(e,":").concat(a,":").concat(i)}(t.id,a.address,a.tabIndex,a.pageActive),d=(0,r.useRef)(n),[o,c]=(0,r.useState)(!1),[m,h]=(0,r.useState)(0),x=(0,r.useRef)(null),[p,u]=(0,r.useState)(0);return(0,r.useEffect)(()=>{let e=x.current;if(!e)return;let t=()=>u(e.clientHeight);t();let a=new ResizeObserver(t);return a.observe(e),()=>a.disconnect()},[]),(0,r.useEffect)(()=>{if(d.current===n)return;let e=d.current.endsWith(":blank");if(d.current=n,!a.pageActive||!e)return void c(!1);c(!0),h(e=>e+1);let t=window.setTimeout(()=>c(!1),560);return()=>window.clearTimeout(t)},[n,a.pageActive]),(0,s.jsxs)("div",{ref:x,className:(0,l.cn)("relative flex h-full min-h-0 flex-col overflow-hidden bg-background",i),children:[(0,s.jsx)("div",{"aria-hidden":!0,className:(0,l.cn)("pointer-events-none absolute inset-x-0 top-0 z-50 h-0.5 overflow-hidden",o?"opacity-100":"opacity-0"),children:(0,s.jsx)("div",{className:"h-full w-1/3 animate-[demo-page-load_560ms_ease-out_forwards] bg-sky-500 shadow-[0_0_8px_rgba(14,165,233,0.8)]"},m)}),(0,s.jsx)("div",{"aria-hidden":!0,className:(0,l.cn)("pointer-events-none absolute inset-0 z-40 bg-white transition-opacity duration-150 dark:bg-neutral-950",o?"opacity-100":"opacity-0"),children:(0,s.jsxs)("div",{className:"flex h-full flex-col space-y-3 p-5",children:[(0,s.jsx)("div",{className:"h-3 w-1/3 animate-pulse rounded bg-neutral-200 dark:bg-neutral-800"}),(0,s.jsx)("div",{className:"h-3 w-2/3 animate-pulse rounded bg-neutral-200 dark:bg-neutral-800"}),(0,s.jsx)("div",{className:"h-3 w-1/2 animate-pulse rounded bg-neutral-200 dark:bg-neutral-800"}),(0,s.jsx)("div",{className:"mt-2 min-h-0 flex-1 animate-pulse rounded-lg bg-neutral-100 dark:bg-neutral-900"})]})}),(0,s.jsx)("div",{className:"h-full min-h-0 overflow-hidden",children:(0,s.jsx)("div",{className:"flex h-full w-full flex-col",style:p>0?{minHeight:p,height:p}:void 0,children:(0,s.jsx)(g,{demo:t,timeline:a})})})]})}var T=a(62060),D=a(23916),E=a(3998);function O(e){let{description:t}=e;return(0,s.jsxs)("div",{className:"w-full min-w-0 rounded-xl border border-border bg-card shadow-none",children:[(0,s.jsxs)("div",{className:"space-y-1 p-4 pb-2",children:[(0,s.jsx)("h3",{className:"text-sm font-semibold leading-none tracking-tight",children:"Approval required"}),(0,s.jsx)("p",{className:"text-sm text-muted-foreground break-words [overflow-wrap:anywhere]",children:t})]}),(0,s.jsxs)("div",{className:"flex flex-wrap gap-2 p-4 pt-2",children:[(0,s.jsx)(E.$,{type:"button",variant:"outline",size:"sm",tabIndex:-1,className:"pointer-events-none",children:"Deny"}),(0,s.jsxs)("div",{className:"inline-flex",children:[(0,s.jsx)(E.$,{type:"button",size:"sm",tabIndex:-1,className:"pointer-events-none rounded-r-none",children:"Approve"}),(0,s.jsx)(E.$,{type:"button",size:"sm",tabIndex:-1,className:"pointer-events-none rounded-l-none border-l border-primary-foreground/20 px-2","aria-hidden":!0,children:(0,s.jsx)(D.A,{className:"h-4 w-4"})})]})]})]})}var _=a(97915),$=a(94185),L=a(3246),B=a(70484),W=a(14936);function q(e){let{active:t}=e;return t?(0,s.jsxs)("div",{className:"flex items-center gap-2 py-0.5 text-sm text-muted-foreground",children:[(0,s.jsx)(B.A,{className:"size-4 shrink-0","aria-hidden":!0}),(0,s.jsx)(W.p,{children:"Thinking"})]}):null}var H=a(61928);function U(e){var t;let{demo:a,timeline:r,embedded:l=!1}=e,{phase:i,typedChars:n,visibleSteps:d,thinking:o,promptSent:c}=r,m="typing"===i,h="sending"===i,x=m||h?a.prompt.slice(0,n):void 0,p=c&&"typing"!==i&&"sending"!==i?"Send follow-up...":void 0;return(0,s.jsxs)(L.V,{className:"h-full",embedded:l,scrollKey:"".concat(a.id,":").concat(i,":").concat(d,":").concat(+!!o,":").concat(n),footer:(0,s.jsxs)(s.Fragment,{children:["waiting"===i?(0,s.jsx)(O,{description:null!=(t=a.approvalDescription)?t:"Approve this action to let Sigil continue."}):null,(0,s.jsx)($.I,{placeholder:null!=p?p:"Ask Sigil to do something…",value:x,caret:m,sending:h})]}),children:[c?(0,s.jsx)(H.O,{children:a.prompt}):null,(0,s.jsx)(q,{active:o}),(0,s.jsx)(T.Y,{steps:a.actions.map(e=>e.label),visibleSteps:d,phase:i}),"done"===i?(0,s.jsx)(_.D,{lines:a.result}):null]})}function V(e){return e.pageActive&&e.address?e.address:"New Tab"}function G(e){let{demo:t,timeline:a,className:r}=e;return(0,s.jsx)(d,{address:V(a),chrome:"full",className:r,children:(0,s.jsxs)("div",{className:"flex h-full min-h-0 flex-col overflow-hidden",children:[a.pageActive?(0,s.jsx)(o,{tabs:t.tabs,activeIndex:a.tabIndex}):(0,s.jsx)(o,{tabs:["New Tab"],activeIndex:0}),(0,s.jsx)(F,{demo:t,timeline:a,className:"min-h-0 flex-1"})]})})}function Y(e){let{demo:t,timeline:a}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex h-full min-h-0 flex-col gap-3 lg:hidden",children:[(0,s.jsx)(G,{demo:t,timeline:a,className:"min-h-0 flex-[1.15]"}),(0,s.jsx)("div",{className:"min-h-0 flex-1 overflow-hidden",children:(0,s.jsx)(U,{demo:t,timeline:a,embedded:!1})})]}),(0,s.jsx)(d,{address:V(a),chrome:"full",className:"hidden h-full rounded-xl border-0 lg:flex sm:rounded-2xl",children:(0,s.jsxs)("div",{className:"flex h-full min-h-0 flex-col overflow-hidden",children:[a.pageActive?(0,s.jsx)(o,{tabs:t.tabs,activeIndex:a.tabIndex}):(0,s.jsx)(o,{tabs:["New Tab"],activeIndex:0}),(0,s.jsxs)("div",{className:"grid min-h-0 flex-1 grid-cols-[1fr_minmax(360px,42%)] grid-rows-1 overflow-hidden",children:[(0,s.jsx)(F,{demo:t,timeline:a,className:"min-h-0 min-w-0 border-r border-border"}),(0,s.jsx)("div",{className:"min-h-0 min-w-0 overflow-hidden",children:(0,s.jsx)(U,{demo:t,timeline:a,embedded:!0})})]})]})})]})}var K=a(3263),X=a(82644);function Z(e,t,a){let s=t.offsetLeft-e.clientWidth/2+t.clientWidth/2;e.scrollTo({left:Math.max(0,s),behavior:a})}function Q(){let{demo:e,demoIndex:t,timeline:a,reducedMotion:i,dissolveProgress:d,selectDemo:o}=(0,K.v)(),c=(0,r.useRef)(null),m=X.NL.length;(0,r.useEffect)(()=>

1{let e=c.current;if(!e)return;let a=e.querySelector('[data-pill-key="'.concat(m+t,'"]'));a&&Z(e,a,"smooth")},[t,m]),(0,r.useEffect)(()=>{let e=c.current;if(!e)return;let a=e.querySelector('[data-pill-key="'.concat(m+t,'"]'));a&&Z(e,a,"auto")},[]);let h=Array.from({length:3},(e,t)=>X.NL.map((e,a)=>({item:e,index:a,key:t*X.NL.length+a}))).flat();return(0,s.jsxs)("div",{className:"flex w-full flex-col",children:[(0,s.jsx)("div",{ref:c,role:"tablist","aria-label":"Demo examples",className:"demo-pill-rail mb-4 flex w-full gap-1.5 overflow-x-auto pb-1 sm:mb-5 sm:gap-2",children:h.map(e=>{let{item:a,index:r,key:i}=e,n=r===t;return(0,s.jsx)("button",{type:"button",role:"tab","data-pill-key":i,"aria-selected":n,"aria-label":a.carouselLabel,onClick:()=>o(r),className:(0,l.cn)("shrink-0 snap-center rounded-full px-3.5 py-1.5 text-[13px] font-medium whitespace-nowrap transition-colors duration-200 sm:px-4 sm:text-sm",n?"bg-muted text-foreground":"text-muted-foreground hover:bg-muted/60 hover:text-foreground"),children:a.carouselLabel},i)})}),(0,s.jsx)("div",{className:"see-it-work-stage w-full rounded-[1.5rem] p-3 sm:rounded-[1.75rem] sm:p-5 lg:rounded-[2rem] lg:p-6",children:(0,s.jsxs)("div",{className:(0,l.cn)("relative w-full overflow-hidden rounded-xl shadow-[0_24px_64px_-12px_rgba(0,0,0,0.28)] sm:rounded-2xl","h-[860px] sm:h-[920px] lg:h-[820px]"),children:[(0,s.jsx)("div",{className:"h-full",children:(0,s.jsx)(Y,{demo:e,timeline:a})}),i?null:(0,s.jsx)(n,{progress:d})]})})]})}},91339:(e,t,a)=>{"use strict";a.d(t,{t:()=>r});var s=a(95704);function r(){return"1"===s.env.NEXT_PUBLIC_SIGIL_MARKETING_PREVIEW}},98795:(e,t,a)=>{"use strict";a.d(t,{BL:()=>r,FD:()=>l,pB:()=>i}),a(38464);var s=a(95704);let r=1254;function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/docs/get-started/welcome",t=(s.env.NEXT_PUBLIC_DOCS_URL||"https://docs.onsigil.com").replace(/\/$/,""),a=e.startsWith("/")?e:"/".concat(e);return"/"===a||"/docs"===a?"".concat(t,"/docs/get-started/welcome"):a.startsWith("/docs")?"".concat(t).concat(a):"".concat(t,"/docs").concat(a)}function i(){var e;return null!=(e=function(e){let t=null==e?void 0:e.trim();return t&&t.length>0?t:null}("https://chromewebstore.google.com/detail/sigil-ai-browser-agent/deidpgipdjfhmebjolbolpeannepndep"))?e:"https://chromewebstore.google.com/detail/sigil-ai-browser-agent/deidpgipdjfhmebjolbolpeannepndep"}}},e=>{e.O(0,[8463,2619,2331,5707,2320,9222,1244,3740,7380,2248,8441,1255,7358],()=>e(e.s=59901)),_N_E=e.O()}]);