https://liveblocks.io/_next/static/chunks/2ofgx5yzzzfxv.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,127329,e=>{"use strict";let t=Math.PI/4,n=[{maximumViewportWidth:639,sourceRectangle:{height:444,width:716,x:0,y:0},viewport:{height:844,width:390}},{maximumViewportWidth:767,sourceRectangle:{height:480,width:1296,x:716,y:0},viewport:{height:900,width:704}},{maximumViewportWidth:1023,sourceRectangle:{height:506,width:1664,x:2012,y:0},viewport:{height:900,width:896}},{maximumViewportWidth:null,sourceRectangle:{height:550,width:2400,x:3676,y:0},viewport:{height:900,width:1440}}];e.s(["HERO_CONTENT_REFLECTION_ATLAS_SOURCE",0,"/images/homepage/hero-3d/content-reflection-atlas.webp","HERO_CONTENT_REFLECTION_CAPTURES",0,n,"HERO_CONTENT_REFLECTION_DPR",0,2,"HERO_CONTENT_REFLECTION_MAX_SCALE",0,1.4,"HERO_CONTENT_REFLECTION_TILT",0,t,"getHeroContentReflectionCapture",0,function(e){return n.find(({maximumViewportWidth:t})=>null===t||e<=t)}])},864121,e=>{e.v({panel:"debug-controls-module__DyGbqW__panel",quality:"debug-controls-module__DyGbqW__quality",qualityLabel:"debug-controls-module__DyGbqW__qualityLabel",segment:"debug-controls-module__DyGbqW__segment",segments:"debug-controls-module__DyGbqW__segments",switch:"debug-controls-module__DyGbqW__switch",toggle:"debug-controls-module__DyGbqW__toggle",toggles:"debug-controls-module__DyGbqW__toggles"})},201601,e=>{"use strict";var t=e.i(843476),n=e.i(438847),i=e.i(271645);e.i(828698);var r=e.i(253082),o=e.i(864121);let a=(0,i.createContext)(null);function l(){let e=(0,i.useContext)(a);if(null===e)throw Error("Hero debug settings require HeroDebugProvider");return e}let s=[{label:"Auto",value:null},{label:"Low",value:"low"},{label:"Medium",value:"medium"},{label:"High",value:"high"}];e.s(["HeroDebugControls",0,function(){let{enabled:e,qualityTier:n,snapshotReflection:a,colliderOutlines:u,updateSettings:d}=l(),c=(0,i.useId)();return e?(0,t.jsxs)("div",{"aria-label":"Hero debug",className:o.default.panel,role:"group",children:[(0,t.jsxs)("fieldset",{className:o.default.quality,children:[(0,t.jsx)("legend",{className:"sr-only",children:"Render quality"}),(0,t.jsx)("span",{"aria-hidden":"true",className:o.default.qualityLabel,children:"Quality"}),(0,t.jsx)("div",{className:o.default.segments,children:s.map(({label:e,value:i})=>(0,t.jsxs)("label",{className:o.default.segment,children:[(0,t.jsx)("input",{type:"radio",name:c,value:i??"auto",checked:n===i,onChange:()=>d({qualityTier:i})}),(0,t.jsx)("span",{children:e})]},e))})]}),(0,t.jsxs)("div",{className:o.default.toggles,children:[(0,t.jsxs)("label",{className:o.default.toggle,children:["Snapshot reflection",(0,t.jsx)(r.Switch,{accentColor:"none",size:"md",className:o.default.switch,checked:a,onCheckedChange:e=>d({snapshotReflection:e})})]}),(0,t.jsxs)("label",{className:o.default.toggle,children:["Collider outlines",(0,t.jsx)(r.Switch,{accentColor:"none",size:"md",className:o.default.switch,checked:u,onCheckedChange:e=>d({colliderOutlines:e})})]})]})]}):null},"HeroDebugProvider",0,function({children:e}){let[r]=(0,n.useQueryState)("debug"),o=null!==r,[l,s]=(0,i.useState)({qualityTier:null,snapshotReflection:!1,colliderOutlines:!0}),u=(0,i.useCallback)(e=>{s(t=>({...t,...e}))},[]),d=(0,i.useMemo)(()=>({enabled:o,qualityTier:o?l.qualityTier:null,snapshotReflection:o&&l.snapshotReflection,colliderOutlines:o&&l.colliderOutlines,updateSettings:u}),[o,l,u]);return(0,t.jsx)(a.Provider,{value:d,children:e})},"useHeroDebugSettings",0,l])},600732,937281,879838,e=>{"use strict";var t=e.i(269880);let n=[.03381,1e-5,.42511],i=[-1.59051,.24436,-1.05549,-.67405,.24436,1.11704,-.61561,.31251,1.06733,1.51401,.31251,-1.0617,-1.4546,.31251,-1.07568,1.45459,-.31251,-1.07568,-.61561,-.31251,1.06733,-1.51401,-.31251,-1.0617,1.55226,-.30339,-1.05859,1.56372,-.24436,-1.12014,-1.56372,-.24436,-1.12014,-1.59051,-.24436,-1.05549,-1.55712,.27834,-1.11238,-1.41382,.24436,-1.14383,-.6092,-.24436,1.14383,-.67405,-.24436,1.11704,1.55711,.27834,-1.11238,1.41382,.24436,-1.14383,1.59051,.24436,-1.05549,-.61017,.27834,1.13354,-.48648,.24436,1.05471,-1.45984,-.29484,-1.12247,-.53425,-.29484,1.07199,1.50119,-.24436,-.93277,1.51867,.29484,-.98054,1.59051,-.24436,-1.05549];function r(e,t){let n=t[0],i=t[1],r=t[2],o=t[3],a=2*(n*i+o*r),l=1-2*(n*n+r*r),s=2*(i*r-o*n),u=1/0;for(let t=0;t<e.length;t+=3)u=Math.min(u,a*e[t]+l*e[t+1]+s*e[t+2]);return u}e.s(["HERO_MODEL_COLLIDER",0,i,"HERO_MODEL_HALF_EXTENTS",0,[1.59051,.31251,1.14383],"HERO_MODEL_LAYOUT_POSITION",0,n,"HERO_MODEL_SOURCE",0,"/images/homepage/hero-3d/models.glb"],937281);function o(e,t,n){return Number.isFinite(t)&&Number.isFinite(n)?t>n?(t+n)/2:Math.min(n,Math.max(t,e)):e}e.s(["clampDragTarget",0,function(e,t,n,i,r,a){var l,s,u,d,c,h,m,g;let f="floor"===r?t[1]:o(e[1],a,i.ceiling-(n[4]-t[1]));return[(l=e[0],s=n[0]-t[0],u=n[3]-t[0],d=-i.halfWidth,o(l,d-s,i.halfWidth-u)),f,(c=e[2],h=n[2]-t[2],m=n[5]-t[2],g=-i.halfDepth,o(c,g-h,i.halfDepth-m))]},"getDragMode",0,function(e,t,n){return e<=t+n?"floor":"free"},"getMinimumColliderYOffset",0,r],879838);let a=-1.22,l={x:0,y:0,z:0},s={w:1,x:0,y:0,z:0};function u(e){return new Map(e.map((e,t)=>[`initial-${t}`,function(e){let[t,n,i]=e.position,[r,o,a,u]=e.quaternion??[0,0,0,1],d={...l};return{angularVelocity:d,draggedBy:null,isSleeping:!1,linearVelocity:{...l},lockedBy:null,position:{x:t,y:n,z:i},quaternion:void 0===e.quaternion?{...s}:{w:u,x:r,y:o,z:a}}}(e)]))}function d(e){return"number"==typeof e&&Number.isFinite(e)}function c(e){return"number"==typeof e&&Number.isSafeInteger(e)&&e>=0?e:null}function h(e){return[+!!e.isSleeping,m(e.position.x),m(e.position.y),m(e.position.z),m(e.quaternion.x),m(e.quaternion.y),m(e.quaternion.z),m(e.quaternion.w),m(e.linearVelocity.x),m(e.linearVelocity.y),m(e.linearVelocity.z),m(e.angularVelocity.x),m(e.angularVelocity.y),m(e.angularVelocity.z)]}function m(e){return Math.round(1e3*e)/1e3}e.s(["BODY_COLOR",0,"#505653","FLOOR_TOP",0,-.22,"MAX_HORIZONTAL_POSITION",0,5.4,"MAX_VERTICAL_POSITION",0,10,"PUDDLE_DEPTH",0,.22,"WATER_DEPTH",0,30,"WATER_RENDER_Y",0,-.222,"WATER_SURFACE",0,0,"WATER_WIDTH",0,30,"createBodyDefinition",0,function(){let[e,,t]=n;return{position:[e,-.22-r(i,[0,0,0,1]),t]}},"createInitialPhysicsBodyStates",0,u,"createPhysicsStateUpdate",0,function(e){return{bodyId:e.bodyId,state:h(e)}},"createPhysicsStorage",0,function(e){return{physicsBodies:new t.LiveMap(Array.from(u(e),([e,n])=>[e,new t.LiveObject({draggedBy:n.draggedBy,lockedBy:n.lockedBy,physicsState:h(n)})]))}},"getBodyDefinition",0,function(e,t){if(!t.startsWith("initial-"))return;let n=Number(t.slice(8));return Number.isInteger(n)?e[n]:void 0},"physicsStateMatchesMotion",0,function(e,t){return e[0]===+!!t.isSleeping&&e[1]===m(t.position.x)&&e[2]===m(t.position.y)&&e[3]===m(t.position.z)&&e[4]===m(t.quaternion.x)&&e[5]===m(t.quaternion.y)&&e[6]===m(t.quaternion.z)&&e[7]===m(t.quaternion.w)&&e[8]===m(t.linearVelocity.x)&&e[9]===m(t.linearVelocity.y)&&e[10]===m(t.linearVelocity.z)&&e[11]===m(t.angularVelocity.x)&&e[12]===m(t.angularVelocity.y)&&e[13]===m(t.angularVelocity.z)},"readPhysicsBody",0,function(e,t){let n=function(e){if(!function(e){var t;if(!(Array.isArray(t=e)&&14===t.length&&t.every(d)))return!1;let[n,i,r,o,l,s,u,c,h,m,g,f,p,_]=e,w=Math.hypot(l,s,u,c);return(0===n||1===n)&&5.4>=Math.abs(i)&&r>=a&&r<=10&&5.4>=Math.abs(o)&&w>=.99&&w<=1.01&&500>=Math.abs(h)&&500>=Math.abs(m)&&500>=Math.abs(g)&&100>=Math.abs(f)&&100>=Math.abs(p)&&100>=Math.abs(_)}(e))return;let[t,n,i,r,o,l,s,u,c,h,m,g,f,p]=e,_=Math.hypot(o,l,s,u);return{angularVelocity:{x:g,y:f,z:p},isSleeping:1===t,linearVelocity:{x:c,y:h,z:m},position:{x:n,y:i,z:r},quaternion:{w:u/_,x:o/_,y:l/_,z:s/_}}}(e.get("physicsState"))??t,i=c(e.get("lockedBy")),r=c(e.get("draggedBy"));return{angularVelocity:n.angularVelocity,draggedBy:r===i?r:null,isSleeping:n.isSleeping,linearVelocity:n.linearVelocity,lockedBy:i,position:n.position,quaternion:n.quaternion}}],600732)},634118,e=>{e.v({canvas:"hero-3d-module__-TjwLG__canvas",connectionCount:"hero-3d-module__-TjwLG__connectionCount",connectionIndicator:"hero-3d-module__-TjwLG__connectionIndicator",connectionPing:"hero-3d-module__-TjwLG__connectionPing",connectionUsersIcon:"hero-3d-module__-TjwLG__connectionUsersIcon",connectionValue:"hero-3d-module__-TjwLG__connectionValue",dragging:"hero-3d-module__-TjwLG__dragging",draggingBody:"hero-3d-module__-TjwLG__draggingBody",droppingSvg:"hero-3d-module__-TjwLG__droppingSvg",fallback:"hero-3d-module__-TjwLG__fallback",fallbackReflection:"hero-3d-module__-TjwLG__fallbackReflection",fallbackReflectionCapture:"hero-3d-module__-TjwLG__fallbackReflectionCapture",fallbackReflectionDescription:"hero-3d-module__-TjwLG__fallbackReflectionDescription",fallbackReflectionMirror:"hero-3d-module__-TjwLG__fallbackReflectionMirror",hovering:"hero-3d-module__-TjwLG__hovering",konamiCode:"hero-3d-module__-TjwLG__konamiCode",konamiKey:"hero-3d-module__-TjwLG__konamiKey",konamiKeyBackgroun

1d:"hero-3d-module__-TjwLG__konamiKeyBackground",konamiKeyLabel:"hero-3d-module__-TjwLG__konamiKeyLabel",locked:"hero-3d-module__-TjwLG__locked",root:"hero-3d-module__-TjwLG__root",scene:"hero-3d-module__-TjwLG__scene",sceneReady:"hero-3d-module__-TjwLG__sceneReady",shell:"hero-3d-module__-TjwLG__shell",statusBoundary:"hero-3d-module__-TjwLG__statusBoundary",statusLayer:"hero-3d-module__-TjwLG__statusLayer",statusTrack:"hero-3d-module__-TjwLG__statusTrack",svgDropPreviews:"hero-3d-module__-TjwLG__svgDropPreviews"})},920489,e=>{"use strict";e.s(["HERO_CURSOR_COLORS",0,["#EC6572","#ECA465","#ECD365","#CCEC65","#65ECB8","#65EAEC","#65AFEC","#6577EC","#8D65EC","#D165EC"]])},65161,e=>{"use strict";var t=e.i(843476),n=e.i(271645),i=e.i(127329),r=e.i(201601);let o=1e3/30,a="hero-content-paint",l=Math.max(...i.HERO_CONTENT_REFLECTION_CAPTURES.map(({sourceRectangle:e})=>e.height)),s=Math.max(...i.HERO_CONTENT_REFLECTION_CAPTURES.map(({sourceRectangle:e})=>e.width)),u=(0,n.createContext)(null);function d(){let e=(0,n.useContext)(u);if(!e)throw Error("Hero content reflection components require HeroContentReflectionProvider.");return e}function c(e){return"requestPaint"in e&&"function"==typeof e.requestPaint}function h(e){e.setAttribute("content","drawable"),e.setAttribute("layoutsubtree","true")}function m(e){return null!==e&&"drawElementImage"in e&&"function"==typeof e.drawElementImage}e.s(["HeroContentReflectionProvider",0,function({children:e}){let[i,r]=(0,n.useState)(null),[o,a]=(0,n.useState)(null),[l,s]=(0,n.useState)(!1),[d,c]=(0,n.useState)(!0),[h,m]=(0,n.use

1State)(!0),g=d&&h,f=(0,n.useCallback)(()=>s(!0),[]),p=(0,n.useMemo)(()=>({canvas:i,isHeroReady:l,isHeroVisible:g,markHeroReady:f,setCanvas:r,setHeroElement:a}),[i,l,g,f]);return(0,n.useEffect)(()=>{if(!o||"u"<typeof IntersectionObserver)return;let e=new IntersectionObserver(([e])=>{c(e.isIntersecting)});return e.observe(o),()=>e.disconnect()},[o]),(0,n.useEffect)(()=>{let e=()=>{m("hidden"!==document.visibilityState)};return e(),document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]),(0,t.jsx)(u.Provider,{value:p,children:e})},"HeroReflectingContent",0,function({children:e,className:u}){let{isHeroVisible:g,setCanvas:f}=d(),p=(0,n.useRef)(null),_=(0,n.useRef)(null),w=(0,n.useRef)(null),b=(0,n.useRef)(g),y=(0,n.useRef)(()=>{}),[v,x]=(0,n.useState)(!1),[E,T]=(0,n.useState)("detecting"),{snapshotReflection:R}=(0,r.useHeroDebugSettings)();(0,n.useLayoutEffect)(()=>{if(x(!1),R)return void T("snapshot");let e=document.createElement("canvas");h(e);let t=e.getContext("2d");T(c(e)&&m(t)?"live":"snapshot")},[R]),(0,n.useLayoutEffect)(()=>{let e=p.current,t=w.current;if("live"!==E||!e||!t)return;h(e),t.setAttribute("drawable","true");let n=e.getContext("2d");if(!c(e)||!m(n))return void T("snapshot");let r=!1,l=!1,u=0,d=0,g=0,_=0,v=-o,R=0,C=()=>{if(r||!b.current)return;let n=e.clientWidth;if(0===n)return;t.style.width=`${n}px`;let o=t.offsetHeight;if(0!==o){if("true"!==e.dataset.backingStoreReady){let t=s/i.HERO_CONTENT_REFLECTION_DPR,r=Math.max(1,Math.min(window.screen.availWidth,t)/n),a=Math.round(n*r*i.HERO_CONTENT_REFLECTION_DPR),l=Math.round(o*r*i.HERO_CONTENT_REFLECTION_DPR);e.width=a,e.height=l,e.dataset.backingStoreReady="true"}R!==o&&(R=o,e.style.height=`${o}px`),e.requestPaint()}},N=()=>{b.current&&0===d&&(d=window.requestAnimationFrame(()=>{d=0,C()}))},O=()=>{_=0,!r&&b.current&&(v=performance.now(),0!==g&&window.cancelAnimationFrame(g),g=window.requestAnimationFrame(()=>{g=0,e.dispatchEvent(new Event(a)),f(e),l||0!==u||(u=window.setTimeout(()=>{l=!0,u=0,x(!0)},500))}))};e.onpaint=()=>{!r&&b.current&&(n.resetTransform(),n.clearRect(0,0,e.width,e.height),n.drawElementImage(t,0,0,e.width,e.height),(()=>{if(0!==_)return;let e=o-(performance.now()-v);e<=0?O():_=window.setTimeout(O,e)})())},y.current=N;let j=new ResizeObserver(N);return j.observe(e),j.observe(t),e.parentElement&&j.observe(e.parentElement),window.addEventListener("resize",N),document.fonts.ready.then(N),C(),()=>{r=!0,j.disconnect(),window.removeEventListener("resize",N),0!==u&&window.clearTimeout(u),0!==d&&window.cancelAnimationFrame(d),0!==_&&window.clearTimeout(_),0!==g&&window.cancelAnimationFrame(g),e.onpaint=null,f(null)}},[E,f]),(0,n.useLayoutEffect)(()=>{let e=p.current,t=_.current;if("snapshot"!==E||!e||!t)return;let n=new Image,r=0,o=!1,u=()=>{b.current&&0===r&&(r=window.requestAnimationFrame(()=>{r=0,(()=>{if(!b.current||!n.complete||0===n.naturalWidth)return;let r=t.offsetWidth,o=t.offsetHeight;if(0===r||0===o)return;let u=(0,i.getHeroContentReflectionCapture)(window.innerWidth);if(!u)return f(null);let d=u.sourceRectangle;e.width!==s&&(e.width=s),e.height!==l&&(e.height=l),e.style.width=`${r}px`,e.style.height=`${o}px`;let c=e.getContext("2d");if(!c)return;c.imageSmoothingQuality="high";let h=Math.min(r/d.width,o/d.height),m=d.width*h,g=d.height*h,p=m/r*e.width,_=g/o*e.height,w=(e.width-p)/2,y=(e.height-_)/2;c.clearRect(0,0,e.width,e.height),c.drawImage(n,d.x,d.y,d.width,d.height,w,y,p,_),e.dispatchEvent(new Event(a)),f(e)})()}))};y.current=u,n.decoding="async",n.onload=()=>{o||u()},n.onerror=()=>{o||f(null)},n.src=i.HERO_CONTENT_REFLECTION_ATLAS_SOURCE;let d=new ResizeObserver(u);return d.observe(t),window.addEventListener("resize",u),u(),()=>{o=!0,n.onload=null,n.onerror=null,d.disconnect(),window.removeEventListener("resize",u),0!==r&&window.cancelAnimationFrame(r),f(null)}},[E,f]),(0,n.useLayoutEffect)(()=>{b.current=g,g&&y.current()},[g]);let C="live"===E;return(0,t.jsxs)("div",{className:"relative w-full","data-hero-reflection-mode":E,children:[(0,t.jsx)("canvas",{"aria-hidden":!C||void 0,className:C?"block w-full":void 0,ref:p,style:C?{marginBottom:-4}:{pointerEvents:"none",position:"absolute",visibility:"hidden"},children:C?(0,t.jsx)("div",{className:u,"data-hero-reflection-content":"",ref:w,style:{paddingBottom:4},children:e}):null},E),C&&v?null:(0,t.jsx)("div",{"aria-hidden":C||void 0,className:u,"data-hero-reflection-content":"",inert:C||void 0,ref:_,style:C?{inset:0,pointerEvents:"none",position:"absolute",zIndex:1}:void 0,children:e})]})},"useHeroContentCanvas",0,function(){return d().canvas},"useHeroContentReflectionTarget",0,function(){return d().setHeroElement},"useHeroReadyState",0,function(){let{isHeroReady:e,markHeroReady:t}=d();return{isHeroReady:e,markHeroReady:t}},"useHeroVisibility",0,function(){return d().isHeroVisible}])},912610,e=>{"use strict";var t=e.i(843476),n=e.i(271645),i=e.i(408378),r=e.i(138959),o=e.i(364030),a=e.i(571304),l=e.i(984423),s=e.i(137811),u=e.i(426783),d=e.i(675545);

1e.i(39967);var c=e.i(81636),h=e.i(359740),m=e.i(864316),g=e.i(946459);e.i(529333);var f=e.i(128769),p=e.i(365851);let _=`${d.DOMAIN_URL}${d.WEBSITE_ROUTES.HOME}`,w=[{service:"cursor",label:"Cursor"},{service:"codex",label:"Codex"},{service:"claude-desktop-code",label:"Claude Code"}],b={cursor:u.default,codex:s.default,"claude-desktop-code":l.default},y="size-3.5 shrink-0 fill-marketing-subtle",v="gap-2 text-marketing focus:bg-marketing-surface-faded focus-visible:ring-0 data-highlighted:bg-marketing-surface-faded dark:data-highlighted:bg-marketing-surface-faded";e.s(["BuildWithAiButton",0,function(){let[e,s]=(0,n.useState)(!1),u=(0,n.useCallback)(async()=>{await (0,p.default)(m.GET_STARTED_PROMPT)&&(s(!0),window.setTimeout(()=>s(!1),2e3))},[]);return(0,t.jsxs)(h.DropdownMenu,{children:[(0,t.jsx)(h.DropdownMenuTrigger,{asChild:!0,children:(0,t.jsxs)(c.Button,{type:"button",appearance:"ghost",size:"lg",children:[(0,t.jsx)("span",{className:"whitespace-nowrap",children:"Install with AI"}),(0,t.jsx)(o.default,{className:"ml-1.5 size-3.5 fill-current","aria-hidden":!0})]})}),(0,t.jsxs)(h.DropdownMenuContent,{align:"start",className:(0,f.cn)("min-w-50 overflow-hidden rounded-lg border border-marketing-divider-subtlest bg-marketing-surface-raised p-1 text-marketing shadow-marketing-popover","dark:border-marketing-divider-subtlest dark:bg-marketing-surface-raised"),sideOffset:4,alignOffset:14,collisionPadding:16,children:[(0,t.jsx)("div",{className:"-mx-1 -mt-1 h-24 w-[340px] overflow-y-auto mask-r-from-60% mask-b-from-60% p-3 text-sm whitespace-pre opacity-40 select-none",children:(0,t.jsx)("div",{className:"mr-1 overflow-x-hidden",children:m.GET_STARTED_PROMPT})}),(0,t.jsx)(h.DropdownMenuSeparator,{className:"border-marketing-divider-subtlest bg-transparent dark:border-marketing-divider-subtlest"}),(0,t.jsx)(h.DropdownMenuLabel,{className:"text-marketing-subtle dark:text-marketing-subtle",children:"Open prompt in…"}),w.map(({service:e,label:n})=>{let i=b[e]??l.default;return(0,t.jsxs)(h.DropdownMenuItem,{className:v,onSelect:t=>{let n;t.preventDefault(),n=(0,g.getOpenInUrl)({service:e,pageUrl:_,promptText:m.GET_STARTED_PROMPT,pageTitle:"Liveblocks"}),window.open(n,"_blank","noopener,noreferrer")},children:[(0,t.jsx)(i,{className:y,"aria-hidden":!0}),(0,t.jsx)("span",{children:n})]},e)}),(0,t.jsx)(h.DropdownMenuSeparator,{className:"border-marketing-divider-subtlest bg-transparent dark:border-marketing-divider-subtlest"}),(0,t.jsxs)(h.DropdownMenuItem,{className:v,onSelect:e=>{e.preventDefault(),u()},children:[(0,t.jsx)(i.AnimatedCopyIconSwap,{stateKey:e?"copied":"idle",children:e?(0,t.jsx)(r.default,{className:y,"aria-hidden":!0}):(0,t.jsx)(a.default,{className:y,"aria-hidden":!0})}),(0,t.jsx)("span",{children:e?"Copied!":"Copy prompt"})]})]})]})}])},5371,e=>{"use strict";var t=e.i(843476),n=e.i(846932),i=e.i(387652),r=e.i(772328),o=e.i(271645);e.i(529333);

1var a=e.i(128769),l=e.i(236865),s=e.i(65161),u=e.i(920489);let d={phase:"resting",useCaseIndex:0};function c(e,t){return"typing"===e.phase&&"typing-finished"===t?{...e,phase:"resting"}:"resting"===e.phase&&"rest-finished"===t?{...e,phase:"selecting"}:"selecting"===e.phase&&"selection-finished"===t?{...e,phase:"selected"}:"selected"===e.phase&&"hold-finished"===t?{phase:"typing",useCaseIndex:e.useCaseIndex+1}:e}let h=(0,o.createContext)(void 0);function m({collaborator:e,isActive:n,isCyclePaused:i,isNativeSelectionEnabled:r,nativeSelection:o,onSelectionComplete:l,onTypingComplete:s,phase:u,shouldReduceMotion:d,useCase:c}){return(0,t.jsxs)("span",{className:"relative mx-auto inline-block w-fit whitespace-nowrap",children:[(0,t.jsx)("span",{className:(0,a.cn)("relative z-10",r&&"selection:bg-transparent"),"data-hero-heading-text":!0,children:"typing"!==u||d?c:(0,t.jsx)(g,{isPaused:i,onFinished:s,text:c},c)}),n&&!d&&e?(0,t.jsx)(p,{isHidden:null!==o,onSelectionComplete:l,phase:u,collaborator:e}):null]})}function g({isPaused:e,onFinished:t,text:n}){let[i,r]=(0,o.useState)(0),a=(0,o.useRef)(!1),l=(0,o.useEffectEvent)(t);return(0,o.useEffect)(()=>{if(e||a.current)return;if(i>=n.length){a.current=!0,l();return}let t=window.setTimeout(()=>r(e=>Math.min(e+1,n.length)),55*(0!==i));return()=>window.clearTimeout(t)},[e,n.length,i]),n.slice(0,i)}function f({collaborator:e,selection:n}){return(0,t.jsxs)("span",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 select-none",children:[n.rects.map((n,i)=>(0,t.jsx)("span",{className:"absolute",style:{backgroundColor:E(e.color),height:n.height,left:n.left,top:n.top,width:n.width}},`${n.lineTop}-${i}`)),(0,t.jsx)("span",{className:"absolute z-20 w-0",style:{height:n.caret.height,left:n.caret.left,top:n.caret.top},children:(0,t.jsx)(_,{collaborator:e,side:n.caret.side})})]})}function p({collaborator:e,isHidden:i,onSelectionComplete:r,phase:o}){let a="selecting"===o||"selected"===o;return(0,t.jsxs)("span",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 select-none",style:{visibility:i?"hidden":"visible"},children:[(0,t.jsx)(n.motion.span,{className:"absolute inset-y-0 origin-right",initial:{scaleX:0},animate:{scaleX:+!!a},onAnimationComplete:()=>{"selecting"===o&&r()},transition:{scaleX:a?C:N},style:{backgroundColor:E(e.color),left:`-${T}em`,right:`-${R}em`}}),(0,t.jsx)(n.motion.span,{className:"absolute -inset-y-[0.05em] z-20",initial:{opacity:0,x:0},animate:{opacity:1,x:a?"-100%":0},transition:{opacity:O,x:a?C:N},style:{left:`-${T}em`,right:`-${R}em`,willChange:"transform"},children:"selected"===o?null:(0,t.jsx)(_,{collaborator:e,side:"left"})}),"selected"===o?(0,t.jsx)("span",{className:"absolute -inset-y-[0.05em] z-20 w-0",style:{left:`-${T}em`},children:(0,t.jsx)(_,{collaborator:e,labelTextClassName:"relative -top-px",side:"left"})}):null]})}function _({collaborator:e,labelTextClassName:n,side:i}){return(0,t.jsxs)("span",{className:"absolute inset-y-[0.05em] w-[0.075em] rounded-tl-sm rounded-tr-[0.02em] rounded-b-sm",style:{backgroundColor:e.color,left:"right"===i?0:void 0,right:"left"===i?0:void 0},children:[(0,t.jsx)("span",{className:"absolute top-0 left-0 flex h-3.5 items-center rounded-t-sm rounded-br-sm px-1 font-sans text-[8px] leading-none font-medium tracking-normal whitespace-nowrap text-marketing-inverse sm:h-[18px] sm:text-[11px]",style:{backgroundColor:e.color},children:(0,t.jsx)("span",{className:n,children:e.name})}),(0,t.jsx)("svg",{"aria-hidden":!0,className:"absolute top-3.5 left-full size-1 overflow-visible sm:top-[18px]",fill:"none",style:{color:e.color},viewBox:"0 0 4 4",xmlns:"http://www.w3.org/2000/svg",children:(0,t.jsx)("path",{clipRule:"evenodd",d:"M-1 4v-5h5v1a4 4 0 0 0-4 4h-1Z",fill:"currentColor",fillRule:"evenodd"})})]})}let w=["collaborative","multiplayer","agentic"],b=["Steven","Stacy","Alicia","Olivier","Vincent","Marc","Pierre","Chris","Jonathan","Nimesh"];function y(){return{name:v(b),color:v(u.HERO_CURSOR_COLORS)}}function v(e){return e[Math.floor(Math.random()*e.length)]??e[0]}function x(e,t){let n=e.indexOf(t),i=Math.floor(Math.random()*(e.length-1));return e[i<n?i:i+1]??e[0]}function E(e){return`color-mix(in srgb, ${e} 22%, var(--color-marketing-surface-base))`}let T=.1,R=.125,C={duration:.65,ease:[.16,1,.3,1]},N={duration:0},O={duration:.4,ease:"easeOut"};e.s(["HeroHeading",0,function(){let e=function(){let e=(0,o.useContext)(h);if(void 0===e)throw Error("Hero headings require a HeroHeadingProvider.");return e}(),{isHeroReady:n}=(0,s.useHeroReadyState)(),g=(0,o.useRef)(null),p=(0,i.useInView)(g),_=(0,r.useReducedMotion)(),v=(0,l.useDocumentVisibility)(),[E,R]=(0,o.useReducer)(c,d),[C,N]=(0,o.useState)(null),O=C??e,j=function(){let[e,t]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{let e=window.matchMedia("(any-pointer: coarse)");function n(){t(0===navigator.maxTouchPoints&&!e.matches)}

1return n(),e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[]),e}(),L=n&&j,S=function(e,t){let[n,i]=(0,o.useState)(null);return(0,o.useEffect)(()=>{if(!t)return;let n=0;function r(){0===n&&(n=window.requestAnimationFrame(()=>{n=0,function(){let t=e.current,n=window.getSelection();if(!t||!n||n.isCollapsed||0===n.rangeCount)return i(e=>null===e?e:null);let r=n.getRangeAt(0);if(!r.intersectsNode(t))return i(e=>null===e?e:null);let o=t.getBoundingClientRect(),a=Array.from(t.querySelectorAll("[data-hero-heading-text]")).flatMap(e=>(function(e,t,n){if(!e.intersectsNode(t))return[];let i=document.createRange();i.selectNodeContents(t);let r=e.cloneRange();0>e.compareBoundaryPoints(Range.START_TO_START,i)&&r.setStart(i.startContainer,i.startOffset),e.compareBoundaryPoints(Range.END_TO_END,i)>0&&r.setEnd(i.endContainer,i.endOffset);let o=getComputedStyle(t),a=Number.parseFloat(o.fontSize),l=Number.parseFloat(o.lineHeight),s=Array.from(i.getClientRects());return Array.from(r.getClientRects()).flatMap(e=>{if(0===e.width||0===e.height)return[];let t=s.find(t=>e.top<t.bottom&&e.bottom>t.top),i=void 0!==t&&1>Math.abs(e.left-t.left),r=void 0!==t&&1>Math.abs(e.right-t.right),o=i?a*T:0,u=.05*a,d=Number.isNaN(l)?e.height-2*u:l,c=e.top-n.top+(e.height-d)/2;return[{height:d,left:e.left-n.left-o,lineHeight:d+2*u,lineTop:c-u,top:c,width:e.width+o+(r?.045*a:0)}]})})(r,e,o));if(0===a.length)return i(e=>null===e?e:null);a.sort((e,t)=>e.top===t.top?e.left-t.left:e.top-t.top);let l=function(e){let t=[];for(let n of e){let e=n.top+n.height/2;t.every(t=>Math.abs(t-e)>=1)&&t.push(e)}return t.length<2?e:(t.sort((e,t)=>e-t),e.map(e=>{let n=e.top+e.height/2,i=t.findIndex(e=>1>

1Math.abs(e-n)),r=t[i-1],o=t[i+1],a=void 0===r?n-(o-n)/2:(r+n)/2,l=void 0===o?n+(n-r)/2:(n+o)/2,s=e.top-e.lineTop;return{...e,height:l-a,lineHeight:l-a+2*s,lineTop:a-s,top:a}}))}(a),s=n.focusNode===r.startContainer&&n.focusOffset===r.startOffset,u=s?"left":"right",d=s?l[0]:l[l.length-1],c={caret:{height:d.lineHeight,left:"left"===u?d.left:d.left+d.width,side:u,top:d.lineTop},rects:l};i(e=>{var t,n;return(t=e,n=c,null!==t&&t.caret.height===n.caret.height&&t.caret.left===n.caret.left&&t.caret.side===n.caret.side&&t.caret.top===n.caret.top&&t.rects.length===n.rects.length&&t.rects.every((e,t)=>{let i=n.rects[t];return void 0!==i&&e.height===i.height&&e.left===i.left&&e.lineHeight===i.lineHeight&&e.lineTop===i.lineTop&&e.top===i.top&&e.width===i.width}))?e:c})}()}))}document.addEventListener("selectionchange",r),window.addEventListener("resize",r);let o=new ResizeObserver(r),a=e.current;if(a)for(let e of a.querySelectorAll("[data-hero-heading-text]"))o.observe(e);return r(),()=>{document.removeEventListener("selectionchange",r),window.removeEventListener("resize",r),o.disconnect(),0!==n&&window.cancelAnimationFrame(n)}},[e,t]),t?n:null}(g,L),k=!(n&&!_&&p&&v)||null!==S,M=w[E.useCaseIndex%w.length],H=Math.max(0,5100-(E.useCaseIndex>0?55*M.length:0));return(0,o.useEffect)(()=>{if("resting"!==E.phase||k)return;let e=window.setTimeout(()=>{R("rest-finished")},H);return()=>window.clearTimeout(e)},[E.phase,k,H]),(0,o.useEffect)(()=>{if("selected"!==E.phase||k)return;let t=window.setTimeout(()=>{N(t=>{var n;return{name:x(b,(n=t??e??y()).name),color:x(u.HERO_CURSOR_COLORS,n.color)}}),R("hold-finished")},250);return()=>window.clearTimeout(t)},[E.phase,e,k]),(0,t.jsxs)("h1",{ref:g,"aria-label":`Realtime sync for ${M} apps`,className:"relative mb-3 w-full f-marketing-display-lg sm:mb-4 sm:max-w-xl lg:max-w-2xl","data-hero-heading-phase":E.phase,children:[(0,t.jsx)("span",{className:(0,a.cn)("relative z-10 block after:block after:content-['']",L&&"selection:bg-transparent"),"data-hero-heading-text":!0,children:"Realtime sync for"}),(0,t.jsxs)("span",{"aria-hidden":!0,className:"relative block",children:[(0,t.jsx)(m,{isActive:n,isCyclePaused:k,isNativeSelectionEnabled:L,nativeSelection:S,onSelectionComplete:()=>R("selection-finished"),onTypingComplete:()=>R("typing-finished"),phase:E.phase,shouldReduceMotion:_??!1,collaborator:O,useCase:M}),(0,t.jsx)("span",{className:(0,a.cn)("relative z-10",L&&"selection:bg-transparent"),"data-hero-heading-text":!0,children:" apps"})]}),S&&O?(0,t.jsx)(f,{collaborator:O,selection:S}):null]})},"HeroHeadingProvider",0,function({children:e}){let[n,i]=(0,o.useState)(null),r=(0,o.useRef)(!1);return(0,o.useEffect)(()=>{r.current||(r.current=!0,i(y()))},[]),(0,t.jsx)(h.Provider,{value:n,children:e})}],5371)}]);