https://www.copilotkit.ai/_next/static/chunks/4105-1eb713f633642d9c.js?dpl=dpl_6PRq2pzNmJwiK3QXgfRscSuFSmeS

1"use strict";(globalThis.webpackChunk_N_E=globalThis.webpackChunk_N_E||[]).push([[4105],{7707:(e,t,i)=>{i.d(t,{cn:()=>s});var a=i(3352),r=i(54957);function s(){for(var e=arguments.length,t=Array(e),i=0;i<e;i++)t[i]=arguments[i];return(0,r.QP)((0,a.$)(t))}i(74438)},11793:(e,t,i)=>{i.d(t,{A:()=>p,X:()=>n});var a=i(87448),r=i(23796),s=i(61444),l=i(56779),o=i(25583);let n=/^[^\s@]+@[a-zA-Z0-9][a-zA-Z0-9.-]*\.[a-zA-Z]{2,}$/,c="".concat("https://api.hsforms.com/submissions/v3/integration/submit","/").concat("45532593","/").concat("f2f2c837-2cbe-48eb-9374-a5b832dbbbf5"),d=s.Ik({email:s.Yj().matches(n,"The email field is invalid").required("The email field is required")}),p=()=>{var e;let[t,i]=(0,r.useState)(!1),{register:s,handleSubmit:n,formState:{errors:p,isSubmitting:x}}=(0,l.mN)({defaultValues:{email:""},resolver:(0,o.t)(d)}),m=async e=>{let{email:t}=e;t&&i((await fetch(c,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({fields:[{objectTypeId:"0-1",name:"email",value:t}]})})).ok)};return x?(0,a.jsx)("span",{className:"text-md font-medium text-gray-1000",children:"Submitting..."}):t?(0,a.jsx)("span",{className:"text-md font-medium text-gray-1000",children:"Thanks for submitting the form."}):(0,a.jsxs)("form",{onSubmit:n(m),className:"flex flex-col items-start gap-1",children:[(0,a.jsxs)("label",{htmlFor:"email",className:"flex h-[44px] w-full items-start justify-between rounded-full bg-white p-1 pl-5 lg:h-[60px] lg:w-[410px]",children:[(0,a.jsx)("input",{type:"text",placeholder:"Please add your email",className:"mr-1 h-full w-full text-xs font-medium text-gray-800 outline-none lg:text-base",...s("email")}),(0,a.jsx)("button",{type:"submit",className:"h-full rounded-full bg-gray-1000 p-5 py-2 font-mono text-sm text-white uppercase lg:py-4 lg:text-base",children:"Subscribe"})]}),(0,a.jsx)("span",{className:"text-md pt-4 pl-1 font-medium text-red-400",children:null==(e=p.email)?void 0:e.message})]})}},26764:(e,t,i)=>{i.d(t,{A:()=>n});var a=i(87448),r=i(63558),s=i(7707);let l={sm:{textSegment:"px-4 text-xs",height:"h-[32px]",arrowContainerWidth:"w-[32px]",arrowSize:16},md:{textSegment:"px-4 text-sm",height:"h-[44px]",arrowContainerWidth:"w-[44px]",arrowSize:20},lg:{textSegment:"px-5 text-base",height:"h-[52px]",arrowContainerWidth:"w-[52px]",arrowSize:24}},o={primary:"bg-gray-1000 text-white group-hover:bg-[#2b2b2b] group-focus-visible:bg-[#2b2b2b] group-active:bg-gray-800 group-disabled:bg-gray-1000/15 group-disabled:text-[#838389]",secondary:"bg-white text-text-primary group-hover:bg-white/70 group-focus-visible:bg-white/70 group-active:bg-white/50 group-disabled:bg-white/50 group-disabled:text-[#838389]",ghost:"bg-transparent text-text-primary group-hover:bg-gray-1000/5 group-focus-visible:bg-gray-1000/5 group-active:bg-gray-1000/10 group-disabled:bg-transparent group-disabled:text-[#838389]",link:"underline decoration-[1px] underline-offset-4 transition-opacity  group-disabled:no-underline group-disabled:text-[#838389] group-hover:no-underline group-focus-visible:no-underline group-active:no-underline group-hover:text-text-secondary group-focus-visible:text-text-secondary group-active:text-text-primary"},n=e=>{let{label:t,variant:i="primary",disabled:n=!1,fullWidth:c=!1,icon:d=null,size:p="lg",className:x,...m}=e,{height:u,arrowSize:g,arrowContainerWidth:h,textSegment:b}=l[p];return(0,a.jsxs)("button",{type:"button",className:(0,s.cn)("group flex items-center border-none bg-transparent p-0 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current",c?"w-full":"w-fit",n?"cursor-none":"cursor-pointer"),disabled:n,...m,children:["primary"===i&&(0,a.jsx)("span",{className:(0,s.cn)("flex items-center justify-center rounded-full transition-colors",u,h,o.primary),"aria-hidden":"true",children:d||(0,a.jsx)(r.L2n,{size:g,color:n?"#838389":"#FFFFFF"})}),(0,a.jsxs)("span",{className:(0,s.cn)("flex items-center justify-center gap-2 rounded-full whitespace-nowrap transition-colors",b,u,o[i],"primary"===i&&c?"flex-1":c?"w-full":"w-fit","link"===i?"h-auto px-0":"font-mono font-medium uppercase",x),children:["primary"===i||d,t]})]})}},44105:(e,t,i)=>{i.d(t,{default:()=>m});var a=i(87448),r=i(48243),s=i(94710),l=i(35586),o=i(75112),n=i(83761),c=i(11793),d=i(26764),p=i(44279);let x=["https://go.copilotkit.ai/get-started-button","https://go.copilotkit.ai/intelligence-signup"],m=e=>{let{title:t="Stay in the know",description:i="Subscribe to our blog and get updates on CopilotKit in your inbox.",disableSubscribe:m=!1,primaryButton:u,secondaryButton:g,withCodeSnippet:h=!1,eventLocation:b="blog_cta"}=e,f=(0,l.sf)(),y=(0,s.useRouter)(),w=e=>{if(x.includes(e)){f.capture("try_for_free_clicked",{location:b}),window.open(e,"_blank");return}if(e.startsWith("/")){e.startsWith("/talk-to-an-engineer")&&f.capture("talk_to_us_clicked",{location:b}),y.push(e);return}window.open(e,"_blank")};return(0,a.jsx)(r.P.section,{variants:o.eR,viewport:{once:!0,amount:.3}

1,initial:"hidden",whileInView:"show",className:"mt-9 flex w-full justify-center px-5 lg:mt-24",children:(0,a.jsx)("div",{className:"mx-auto flex h-full w-full max-w-[1368px] items-center justify-center overflow-hidden rounded-xl bg-gradient-to-r from-[#9ADF48] via-[#81FFEC] to-[#CAA4FF] p-px lg:rounded-2xl",children:(0,a.jsx)("div",{className:"h-full w-full overflow-hidden rounded-[23px] bg-[url('/images/examples/cta-background.png')] bg-size-[100%_100%] bg-center md:bg-cover lg:rounded-[47px]",children:(0,a.jsxs)("div",{className:"bg-pattern relative flex h-full w-full flex-col items-start justify-center px-5 py-7 text-center leading-[0] text-white md:items-center lg:px-0 lg:py-10",children:[(0,a.jsx)(n.A,{variant:"grey",title:"Are you ready?",className:"flex h-7 w-max items-center justify-center"}),(0,a.jsx)("h2",{className:"mt-3 mb-4 text-left text-[28px] leading-[110%] font-medium text-gray-1000 md:max-w-[600px] md:text-center md:text-[40px] md:leading-[46px] lg:mb-7",children:t}),(0,a.jsx)("p",{className:"mb-7 max-w-[660px] text-left text-sm leading-[22px] text-gray-800 md:text-center md:text-xl",children:i}),!m&&(0,a.jsx)(c.A,{}),(0,a.jsxs)("div",{className:"flex flex-col items-start justify-center gap-3 sm:flex-row sm:items-center sm:gap-4",children:[!!u&&(0,a.jsx)(d.A,{variant:"secondary",label:u.label,onClick:()=>w(u.href)}),!!g&&(0,a.jsx)(d.A,{variant:"primary",label:g.label,onClick:()=>w(g.href)})]}),h&&(0,a.jsxs)("div",{className:"mt-9",children:[" ",(0,a.jsx)(p.A,{size:"sm",eventLocation:"blog_post_cta"})]})]})})})})}},44279:(e,t,i)=>{i.d(t,{A:()=>p});var a=i(87448),r=i(7707),s=i(49383),l=i(23796),o=i(80280),n=i(35586),c=i(73780);let d="npx copilotkit@latest create";function p(e){let{compact:t=!1,size:i="md",className:p="",eventLocation:x}=e,[m,u]=(0,l.useState)(!1),g=(0,n.sf)(),h=async()=>{await navigator.clipboard.writeText(d),(0,c.g)(g,{command:d,product:"copilotkit",location:x}),u(!0),setTimeout(()=>{u(!1)},1e3)};return t?(0,a.jsxs)("div",{className:(0,r.cn)("flex w-full items-center gap-4 roun

1ded-xl bg-gray-1000 px-4 py-3 text-start font-mono h-10",p),children:[(0,a.jsxs)("span",{className:"flex-1 text-xs font-medium text-gray-300 sm:text-sm",children:["npx ",(0,a.jsx)("span",{className:"text-emerald-400",children:"copilotkit@latest"})," create"]}),(0,a.jsxs)("div",{className:"relative flex items-center justify-center text-gray-400 hover:text-white",children:[(0,a.jsx)("span",{className:"absolute bottom-[26px] left-1/2 hidden -translate-x-1/2 rounded bg-white px-2 py-1 text-xs text-gray-1000 transition-all duration-300 ease-in-out sm:block ".concat(m?"opacity-100":"opacity-0"),children:"Copied"}),(0,a.jsx)(s.A,{classes:"inline","aria-label":"Copy command",onClick:h,children:(0,a.jsx)(o.hX7,{className:"h-4 w-4 sm:h-5 sm:w-5"})})]})]}):(0,a.jsxs)("div",{className:"mx-auto flex w-full flex-col items-center gap-4 rounded-xl border border-white bg-white/50 p-4 backdrop-blur-[2px] sm:w-auto sm:flex-row md:gap-9 lg:p-6",children:[(0,a.jsxs)("div",{className:"flex w-full justify-between",children:[(0,a.jsx)("p",{className:"font-jakarta text-sm font-medium whitespace-nowrap text-gray-800",children:"Start with a single command"}),(0,a.jsx)("span",{className:"absolute right-0 bottom-[80px] block rounded bg-gray-1000 px-2 py-1 font-mono text-xs text-white transition-all duration-300 ease-in-out sm:hidden ".concat(m?"opacity-100":"opacity-0"),children:"Copied"}),(0,a.jsx)(s.A,{classes:"block sm:hidden ml-2 text-text-primary hover:text-black","aria-label":"Copy command",onClick:h,children:(0,a.jsx)(o.hX7,{className:"h-5 w-5"})})]}),(0,a.jsxs)("div",{className:"flex w-full items-center gap-7 rounded-lg border border-border-container bg-white p-5 text-start font-mono sm:min-w-[350px]",children:[(0,a.jsxs)("span",{className:(0,r.cn)("flex-1 text-sm font-medium text-gray-1000","sm"===i?"text-xs lg:text-sm":"text-sm"),children:["npx ",(0,a.jsx)("span",{className:"text-mint-800",children:"copilotkit@latest"})," create"]}),(0,a.jsxs)("div",{className:"relative ml-2 hidden items-center justify-center text-text-primary hover:text-black sm:flex",children:[(0,a.jsx)("span",{className:"absolute bottom-[25px] left-[10px] hidden rounded bg-gray-1000 px-2 py-1 text-xs text-white transition-all duration-300 ease-in-out sm:block ".concat(m?"opacity-100":"opacity-0"),children:"Copied"}),(0,a.jsx)(s.A,{classes:"hidden sm:inline hover:text-black","aria-label":"Copy command",onClick:h,children:(0,a.jsx)(o.hX7,{className:"h-5 w-5"})})]})]})]})}},49383:(e,t,i)=>{i.d(t,{A:()=>l});var a=i(87448),r=i(7707);let s={primary:"hover:bg-accent-purple hover:text-white hover:from-accent-purple hover:to-accent-purple",dark:"hover:text-accent-purple",light:"hover:text-[#AFAFFF]",none:""},l=e=>{let{children:t,classes:i,hoverVariant:l,...o}=e,{type:n,disabled:c,className:d,...p}=o,x=(0,r.cn)(i,d,"focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current",s[l||"none"]);return(0,a.jsx)("button",{type:n||"button",className:x,disabled:c,...p,children:t})}},73780:(e,t,i)=>{i.d(t,{g:()=>r});let a=["npx","npm","pnpm","yarn","bun","pip","uv","poetry","cargo","go","docker","curl","brew"];function r(e,t){let{command:i,product:r,location:s}=t;if(!e)return;let l=i.trim(),o=l.length>240?l.slice(0,240)+"…":l;e.capture("cli_command_copied",{command:o,install_type:function(e){var t;let i=null==(t=e.trim().split(/\s+/)[0])?void 0:t.toLowerCase();return i&&a.includes(i)?i:"code"}(l),...r?{product:r}:{},...s?{location:s}:{}})}},74438:(e,t,i)=>{i.d(t,{C:()=>a});let a={baseUrl:"https://www.copilotkit.ai",discord:"https://go.copilotkit.ai/discord-community",github:"https://go.copilotkit.ai/copilotkit-github",twitter:"https://go.copilotkit.ai/socials-twitter",linkedin:"https://go.copilotkit.ai/socials-linkedin",calendly:"https://calendly.com/atai_/copilotkit",docsPage:"https://docs.copilotkit.ai/",termsPage:"/terms-of-service",privacyPage:"/privacy-policy",title:"CopilotKit | Bring Users and AI Agents together inside real apps",description:"The Enterprise-Ready Frontend Stack for Agents. CopilotKit lets you integrate LLMs or agents with real-time context, UI control, and full flexibility.",ogImage:"/images/og/generic.webp"}},75112:(e,t,i)=>{i.d(t,{G2:()=>o,U6:()=>l,XI:()=>r,cY:()=>s,eR:()=>a});let a={hidden:{opacity:0,x:-30},show:{opacity:1,x:0},transition:{duration:1,ease:"easeOut",delay:.2},viewport:{once:!0,amount:.5}},r={hidden:{opacity:0,y:10},show:{opacity:1,y:0,transition:{staggerChildren:.2}},viewport:{once:!0,amount:.7}},s={hidden:{opacity:0,y:20},show:{opacity:1,y:0},transition:{duration:.8,delay:.2},viewport:{once:!0,amount:.3}},l={...s,viewport:{once:!0,amount:1}},o={hidden:{opacity:0,y:10},show:{opacity:1,y:0}}},83761:(e,t,i)=>{i.d(t,{A:()=>l});var a=i(87448),r=i(7707),s=i(73605);function l(e){let{title:t,variant:i="light",iconPath:l,className:o}=e;return(0,a.jsxs)("div",{className:(0,r.cn)("flex items-center gap-2 rounded-full border px-5 py-2 font-jakarta text-[12px] font-medium text-gray-1000","light"===i?"bg-white/50 border-white backdrop-blur-[2px]":"border-[#01050714] bg-gradient-dark",o),children:[l&&(0,a.jsx)(s.default,{src:l,alt:t,width:16,height:16}),t]})}}}]);