https://synta.io/_next/static/chunks/948-2a2240bdb8946c12.js?dpl=dpl_9dJrU1ebCHpcyS4zPxfugrw9ExVy

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[948],{50948:(e,t,r)=>{r.d(t,{p:()=>l});var n=r(56102),s=r(42886),i=r(49203);let a=[{name:"Cursor",src:"/cursor.svg"},{name:"Claude Code",src:"/cc.png"},{name:"Claude",src:"/claude-icon.svg"},{name:"Codex",src:i.pt.src},{name:"ChatGPT",src:"/chatgpt.svg"},{name:"Antigravity",src:i.AQ.src},{name:"Windsurf",src:"/windsurf.png"},{name:"OpenClaw",src:"/openclaw.svg"},{name:"OpenCode",src:"/opencode.svg"}],o=()=>(0,n.jsxs)("div",{className:"flex items-center gap-[3px] px-3 pt-3 flex-shrink-0",children:[(0,n.jsx)("div",{className:"w-[6px] h-[6px] rounded-full bg-[#FF5F57]"}),(0,n.jsx)("div",{className:"w-[6px] h-[6px] rounded-full bg-[#FEBC2E]"}),(0,n.jsx)("div",{className:"w-[6px] h-[6px] rounded-full bg-[#28C840]"})]}),l=({hovered:e,compact:t=!1})=>{let r=Array.from({length:16},()=>a).flat(),l=90*a.length,c=t?57:64,d=t?32:36,u=t?-9:-10,h=t?77:84,f=t?57:64,p=t?30:32,x=(0,s.useRef)(null),m=(0,s.useRef)(0),g=(0,s.useRef)(0),b=(0,s.useRef)(0),y=(0,s.useRef)(999),v=(0,s.useRef)(0),j=(0,s.useRef)(null),w=(0,s.useRef)(!1),k=(0,s.useRef)(null),[C,R]=(0,s.useState)(0),[I,X]=(0,s.useState)("idle");return(0,s.useEffect)(()=>{let r;if(!e){k.current&&(clearTimeout(k.current),k.current=null),m.current&&cancelAnimationFrame(m.current),j.current&&(clearTimeout(j.current),j.current=null),b.current=0,g.current=0,y.current=999,v.current=0,w.current=!1,x.current&&(x.current.style.transform="translateY(0px)"),R(0),X("idle");return}let n=()=>{let e=t=>{0!==b.current&&(g.current+=36*(t-b.current)/1e3,g.current>=7*l&&(g.current-=l),x.current&&(x.current.style.transform=`translateY(-${g.current}px)`)),b.current=t,m.current=requestAnimationFrame(e)};m.current=requestAnimationFrame(e),r=setInterval(()=>{let e=Math.round(g.current/90),t=Math.abs(g.current-90*e),r=t<y.current;y.current=t,R(Math.round((g.current-31.499999999999996)/90));let n=Date.now();t<4?(0===v.current&&(v.current=n),j.current&&(clearTimeout(j.current),j.current=null),w.current=!1,X("connected")):v.current>0?n-v.current>1500&&(w.current||(v.current=0,w.current=!0,X("releasing"),j.current=setTimeout(()=>{w.current=!1,X("idle"),j.current=null},450))):w.current||(r&&t<20?X("stretch"):X("idle"))},40)};return t?k.current=setTimeout(n,700):n(),()=>{k.current&&(clearTimeout(k.current),k.current=null),m.current&&cancelAnimationFrame(m.current),j.current&&(clearTimeout(j.current),j.current=null),r&&clearInterval(r),b.current=0}},[e]),(0,n.jsxs)("div",{className:"absolute top-[40%] left-[12%] right-0 bottom-0 bg-white rounded-tl-xl overflow-hidden",children:[(0,n.jsx)("div",{style:{position:"absolute",left:"50%",top:28,bottom:0,width:1,background:"#f0ede9",transform:"translateX(-50%)",zIndex:0}}),(0,n.jsx)("div",{style:{position:"absolute",left:0,right:0,top:28,height:1,background:"#f0ede9",zIndex:4}}),(0,n.jsxs)("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",paddingLeft:12,paddingRight:12,zIndex:1},children:[(0,n.jsxs)("div",{style:{flex:1,alignSelf:"stretch",position:"relative",minWidth:0},children:[(0,n.jsx)("div",{style:{position:"absolute",top:0,left:0,right:0,height:28,background:"white",zIndex:3,pointerEvents:"none"}}),(0,n.jsx)("div",{style:{position:"absolute",top:28,left:0,right:0,height:30,background:"linear-gradient(to bottom, white 20%, transparent)",zIndex:3,pointerEvents:"none"}}),(0,n.jsx)("div",{style:{position:"absolute",bottom:0,left:0,right:0,height:t?40:56,background:"linear-gradient(to top, white 50%, transparent)",zIndex:3,pointerEvents:"none"}}),(0,n.jsx)("div",{style:{position:"absolute",top:"calc(50% + 12px)",transform:"translateY(-50%)",left:0,right:0,height:270,overflow:"hidden",clipPath:"inset(0)"},children:(0,n.jsx)("div",{ref:x,style:{willChange:"transform"},children:r.map((t,r)=>{let s=r-C,i=1===s;return(0,n.jsx)("div",{style:{height:90,display:"flex",alignItems:"center",justifyContent:"center"},children:(0,n.jsxs)("div",{style:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:[i&&(0,n.jsx)("div",{style:{position:"absolute",inset:u,borderRadius:"50%",border:"1px solid rgba(0,0,0,0.05)",background:"white"}}),(0,n.jsx)("div",{style:{width:c,height:c,borderRadius:"50%",background:i?"#ffffff"

1:"transparent",boxShadow:i?"0 8px 24px rgba(0,0,0,0.07), 0 0 0 1px rgba(0,0,0,0.05)":"none",transform:`scale(${i?1:.88})`,opacity:i?1:(0===s||2===s)&&e?.12:0,transition:"all 0.3s ease",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",zIndex:1},children:(0,n.jsx)("img",{src:t.src,alt:t.name,style:{width:d,height:d,objectFit:"contain"}})})]})},r)})})})]}),(0,n.jsx)("style",{children:`
2          @keyframes hookSnapLeft    { 0%{transform:translateX(-5px)} 55%{transform:translateX(2px)}  100%{transform:translateX(0px)}  }
3          @keyframes hookSnapRight   { 0%{transform:translateX(5px)}  55%{transform:translateX(-2px)} 100%{transform:translateX(0px)}  }
4          @keyframes hookRetractLeft { 0%{transform:translateX(0px)}  60%{transform:translateX(-4px)} 100%{transform:translateX(-2px)} }
5          @keyframes hookRetractRight{ 0%{transform:translateX(0px)}  60%{transform:translateX(4px)}  100%{transform:translateX(2px)}  }
6        `}),(0,n.jsx)("div",{style:{width:52,flexShrink:0,display:"flex",justifyContent:"center",zIndex:5,position:"relative",top:12},children:(0,n.jsx)("div",{style:{width:39,height:39,borderRadius:"50%",border:`1px solid ${"connected"===I?"#c15f3c":"#e0dbd5"}`,background:"white",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",boxShadow:"connected"===I?"0 4px 16px rgba(193,95,60,0.2)":"0 2px 8px rgba(0,0,0,0.06)"},children:(0,n.jsxs)("div",{style:{position:"absolute",inset:0,transform:"translateX(-0.06rem)"},children:[(0,n.jsx)("svg",{style:{position:"absolute",inset:0},fill:"none",height:"39",viewBox:"0 0 39 39",width:"39",children:(0,n.jsx)("g",{style:"connected"===I?{animation:"hookSnapLeft 0.44s cubic-bezier(0.34,1.56,0.64,1) forwards"}:"releasing"===I?{animation:"hookRetractLeft 0.45s ease-out forwards"}:"stretch"===I?{transform:"translateX(-5px)",transition:"transform 0.22s ease"}:{transform:"translateX(-2px)",transition:"transform 0.35s ease"},children:(0,n.jsx)("path",{d:"M20 15H15.5C13.0147 15 11 17.0147 11 19.5V19.5C11 21.9853 13.0147 24 15.5 24H20",stroke:"connected"===I?"#c15f3c":"#c8c3be",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.25"})})}),(0,n.jsx)("svg",{style:{position:"absolute",inset:0},fill:"none",height:"39",viewBox:"0 0 39 39",width:"39",children:(0,n.jsx)("path",{d:"M16 19.5H23",stroke:"connected"===I?"#c15f3c":"#c8c3be",strokeLinecap:"round",strokeWidth:"1.25"})}),(0,n.jsx)("svg",{style:{position:"absolute",inset:0},fill:"none",height:"39",viewBox:"0 0 39 39",width:"39",children:(0,n.jsx)("g",{style:"connected"===I?{animation:"hookSnapRight 0.44s cubic-bezier(0.34,1.56,0.64,1) forwards"}:"releasing"===I?{animation:"hookRetractRight 0.45s ease-out forwards"}:"stretch"===I?{transform:"translateX(5px)",transition:"transform 0.22s ease"}:{transform:"translateX(2px)",transition:"transform 0.35s ease"},children:(0,n.jsx)("path",{d:"M20 15H23.5C25.9853 15 28 17.0147 28 19.5V19.5C28 21.9853 25.9853 24 23.5 24H20",stroke:"connected"===I?"#c15f3c":"#c8c3be",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.25"})})})]})})}),(0,n.jsxs)("div",{style:{flex:1,display:"flex",justifyContent:"center",position:"relative",top:12},children:[(0,n.jsx)("div",{style:{position:"absolute",width:h,height:h,borderRadius:"50%",border:"1px solid rgba(0,0,0,0.05)",background:"white",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}}),(0,n.jsx)("div",{style:{width:f,height:f,borderRadius:"50%",background:"#ffffff",boxShadow:"0 8px 32px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05)",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",zIndex:1},children:(0,n.jsx)("img",{src:i.fT.src,alt:"Synta MCP",style:{width:p,height:p,objectFit:"contain"}})})]})]}),(0,n.jsx)("div",{style:{position:"absolute",top:0,left:0,zIndex:5},children:(0,n.jsx)(o,{})})]})}}}]);