PageSourceSearch

https://chatspark.io/_next/static/chunks/app/(marketing)/platform/ai-inbox/page-29c9d07ebc05b106.js

js chatspark.io collected 2026-10-04 16:08:55 UTC 37,229 bytes, 1 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3106],{49453:function(e,t,i){Promise.resolve().then(i.bind(i,73057))},73057:function(e,t,i){"use strict";i.d(t,{default:function(){return j}});var r=i(57437),s=i(2265),n=i(23859),o=i(56821),a=i(94531),l=i(19564),d=i(68161),c=i(39459),x=i(22561);let h=(0,i(30166).default)(()=>i.e(9161).then(i.bind(i,99161)),{loadableGenerated:{webpack:()=>[99161]},ssr:!1});function p(e){let{icon:t,title:i,description:s}=e;return(0,r.jsx)(n.Box,{bg:"white",borderRadius:"xl",border:"1px solid",borderColor:"gray.200",p:"6",h:"full",children:(0,r.jsxs)(n.VStack,{align:"start",spacing:"4",h:"full",children:[(0,r.jsx)(n.Box,{w:"48px",h:"48px",bg:"blue.50",borderRadius:"lg",display:"flex",alignItems:"center",justifyContent:"center",children:(0,r.jsx)(n.JO$,{as:t,boxSize:"6",color:"blue.500"})}),(0,r.jsx)(n.Text,{fontWeight:"700",fontSize:"lg",color:"gray.800",children:i}),(0,r.jsx)(n.Text,{fontSize:"sm",color:"gray.600",flex:"1",children:s})]})})}let g=[{icon:x.Moc,title:"AI-Prepared Summary",description:"The AI reads the full conversation and delivers a plain-language summary, extracted details, and priority before your team sees a single message."},{icon:x.tNe,title:"Suggested Reply",description:"A ready-to-send draft is prepared for every Assist. Refine it in one click: shorter, more formal, more casual, or start fresh."},{icon:x.baL,title:"Escalation Reason",description:"Know exactly why the AI asked for help. The confidence score and escalation reason are shown on every Assist — direct feedback for AI training."},{icon:x.jxc,title:"Conversation Continuity",description:"When an Assist is closed, the resolution is stored. Next time the same customer chats, your AI already knows what was resolved."}],b=[{step:"1",title:"Trigger detected",description:"A customer says they need to speak with someone. The AI detects the intent and begins the handoff flow."},{step:"2",title:"Details collected",description:"The AI gathers the customer's name and email through a short form or natural conversation, depending on the channel."},{step:"3",title:"Assist created",description:"The AI analyzes the full conversation and generates a summary, priority, category, and suggested reply. Your team is notified instantly."},{step:"4",title:"Customer confirmed",description:"The customer receives an email confirmation with a reference number. They can reply directly to that email to add more information."}];function m(e){let{step:t}=e;return(0,r.jsxs)(n.HStack,{spacing:"5",align:"start",className:"ai-inbox-step",children:[(0,r.jsx)(n.Box,{bg:"blue.500",color:"white",w:"12",h:"12",borderRadius:"full",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"700",fontSize:"lg",flexShrink:0,shadow:"md",children:t.step}),(0,r.jsxs)(n.Box,{pt:"1",children:[(0,r.jsx)(n.Text,{fontWeight:"700",color:"gray.800",mb:"1",fontSize:"md",children:t.title}),(0,r.jsx)(n.Text,{fontSize:"sm",color:"gray.500",lineHeight:"1.6",children:t.description})]})]})}function u(){let e=(0,s.useRef)(null),[t,i]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{let r=e.current,s=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&!t&&i(!0)})},{threshold:.2});return r&&s.observe(r),()=>{r&&s.unobserve(r)}},[t]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("style",{children:"\n                @keyframes aiInboxFadeInUp {\n                    from { opacity: 0; transform: translateY(30px); }\n                    to   { opacity: 1; transform: translateY(0); }\n                }\n                .ai-inbox-step { opacity: 0; }\n                .ai-inbox-visible .ai-inbox-step {\n                    animation: aiInboxFadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n                }\n                .ai-inbox-visible .ai-inbox-step:nth-child(1) { animation-delay: 0.3s; }\n                .ai-inbox-visible .ai-inbox-step:nth-child(2) { animation-delay: 1.1s; }\n                .ai-inbox-visible .ai-inbox-step:nth-child(3) { animation-delay: 1.9s; }\n                .ai-inbox-visible .ai-inbox-step:nth-child(4) { animation-delay: 2.7s; }\n            "}),(0,r.jsx)(n.Box,{ref:e,id:"how-it-works",py:{base:"60px",md:"100px"},px:{base:"15px"},bg:"gray.50",children:(0,r.jsx)(n.Container,{maxW:"1200px",children:(0,r.jsxs)(n.VStack,{spacing:"12",children:[(0,r.jsxs)(n.VStack,{spacing:"3",textAlign:"center",children:[(0,r.jsx)(l.Z,{children:"How It Works"}),(0,r.jsx)(n.Heading,{fontSize:{base:"28px",md:"36px"},lineHeight:{base:"32px",md:"40px"},fontWeight:700,color:"gray.900",children:"From chat to resolved 
1in minutes"}),(0,r.jsx)(n.Text,{fontSize:{base:"md",md:"lg"},color:"gray.500",lineHeight:"tall",maxW:"560px",children:"Every Assist flows through the same AI-powered handoff, no manual triage needed."})]}),(0,r.jsx)(n.Box,{w:"full",maxW:"560px",mx:"auto",children:(0,r.jsx)(n.VStack,{align:"start",spacing:"8",className:t?"ai-inbox-visible":"",children:b.map(e=>(0,r.jsx)(m,{step:e},e.step))})})]})})})]})}let f=[{title:"Do I need a separate help desk to use AI Inbox?",answer:"No. AI Inbox is built directly into ChatSpark and included in your plan. Your team handles escalations, replies to customers, and manages Assists in one place. If you already use a help desk, ChatSpark integrates with it. If you do not, AI Inbox gives you a native alternative with no additional software required."},{title:"We already use Zendesk, Freshdesk, or Intercom. Can ChatSpark work with those?",answer:"Yes. ChatSpark has native AI Actions integrations with Zendesk, Freshdesk, and Intercom. Your AI handles the conversation and then creates a ticket or hands off to a live agent inside the platform your team already uses. If you are evaluating whether you still need that platform, AI Inbox gives you a native AI-first escalation workflow built directly into ChatSpark."}
1,{title:"How is AI Inbox different from a traditional help desk?",answer:"Traditional help desks create tickets and expect agents to figure out what happened. AI Inbox prepares the work before your team gets involved. Every Assist includes a summary, extracted customer details, priority, escalation reason, and a suggested reply. Your team spends less time investigating and more time resolving."},{title:"Can the AI escalate conversations automatically?",answer:"Yes. AI Inbox can escalate when a customer requests a human agent or when the AI determines additional assistance is needed. Escalations can be triggered proactively based on confidence thresholds, allowing your team to step in before a conversation becomes frustrating for the customer."},{title:"What happens when no one is available?",answer:"AI Inbox works whether your team is online or offline. Customers can continue chatting with your AI agent, submit an Assist request, and receive confirmation by email. Your team is notified immediately and can respond when available."},{title:"Who should use AI Inbox instead of Zendesk or Intercom?",answer:"AI Inbox is ideal for teams that want human escalation without adding another platform to manage. If your primary goal is giving customers fast answers and only involving your team when necessary, AI Inbox provides a AI-native workflow. Organizations with large existing help desk operations can continue using Zendesk, Freshdesk, or Intercom through ChatSpark integrations."},{title:"Does the AI get smarter from resolved Assists?",answer:"Yes, and this is what separates AI Inbox from a traditional help desk. When you close an Assist, one click adds the resolution to your AI training data. Each question the customer asked is paired with the corresponding reply and saved as a separate training entry. Personal details are stripped before anything is saved. The next time a customer asks something similar, your AI handles it directly. The more you resolve, the less you escalate."}];function j(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.default,{}),(0,r.jsxs)(n.Box,{pt:"80px",children:[(0,r.jsx)(n.Box,{pt:{base:"80px",md:"120px"},pb:{base:"60px",md:"80px"},bg:"white",textAlign:"center",px:{base:"15px"},children:(0,r.jsx)(n.Container,{maxW:"1200px",children:(0,r.jsxs)(n.VStack,{spacing:"6",mx:"auto",maxW:"600px",children:[(0,r.jsx)(l.Z,{children:"AI-Native Human Escalation"}),(0,r.jsx)(n.Heading,{as:"h1",fontSize:{base:"32px",md:"52px"},fontWeight:700,lineHeight:{base:"36px",md:"58px"},color:"gray.900",children:"Your AI knows when to ask for help"}),(0,r.jsx)(n.Text,{fontSize:{base:"md",md:"lg"},color:"gray.600",lineHeight:"tall",maxW:"620px",children:"AI Inbox routes escalated conversations to your team with a plain-language summary, extracted customer details, priority, and a suggested reply already prepared. Your team never reads 30 messages again."}),(0,r.jsxs)(n.HStack,{spacing:"4",pt:"2",flexWrap:"wrap",justify:"center",children:[(0,r.jsx)(n.Button,{as:n.Link,href:"/pricing",colorScheme:"blue",size:"lg",px:"8",fontWeight:600,_hover:{textDecoration:"none",bg:"blue.600"},children:"View Plans"}),(0,r.jsx)(n.Button,{variant:"outline",size:"lg",px:"8",fontWeight:600,borderColor:"gray.300",color:"gray.700",_hover:{bg:"gray.50"},onClick:()=>{var e;return null===(e=document.getElementById("how-it-works"))||void 0===e?void 0:e.scrollIntoView({behavior:"smooth"})},children:"See How It Works"})]}),(0,r.jsxs)(n.HStack,{spacing:"6",pt:"2",flexWrap:"wrap",justify:"center",children:[(0,r.jsxs)(n.HStack,{spacing:"2",children:[(0,r.jsx)(n.JO$,{as:x.PjL,boxSize:"5",color:"green.500"}),(0,r.jsx)(n.Text,{fontSize:"sm",color:"gray.500",fontWeight:"500",children:"Included on Plus, Pro, and Enterprise"})]}),(0,r.jsxs)(n.HStack,{spacing:"2",children:[(0,r.jsx)(n.JO$,{as:x.PjL,boxSize:"5",color:"green.500"}),(0,r.jsx)(n.Text,{fontSize:"sm",color:"gray.500",fontWeight:"500",children:"No extra platforms needed"})]})]})]})})}),(0,r.jsx)(n.Box,{pb:{base:"60px",md:"80px"},bg:"white",px:{base:"15px"},children:(0,r.jsx)(n.Container,{maxW:"1200px",children:(0,r.jsx)(h,{})})}),(0,r.jsxs)(n.Box,{py:{base:"60px",md:"80px"},px:{base:"15px"},bg:"#0F172A",position:"relative",overflow:"hidden",children:[(0,r.jsx)(n.Box,{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:0,pointerEvents:"none",children:(0,r.jsxs)("svg",{width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsxs)("filter",{id:"ai-inbox-contrast-noise",children:[(0,r.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.75",numOctaves:"4",stitchTiles:"stitch"}),(0,r.jsx)("feColorMatrix",{type:"saturate",values:"0"})]}
1),(0,r.jsx)("rect",{width:"100%",height:"100%",filter:"url(#ai-inbox-contrast-noise)",opacity:"0.04"})]})}),(0,r.jsx)(n.Container,{maxW:"1200px",position:"relative",zIndex:1,children:(0,r.jsxs)(n.VStack,{spacing:"10",children:[(0,r.jsxs)(n.VStack,{spacing:"3",textAlign:"center",children:[(0,r.jsx)(l.Z,{dark:!0,children:"The Difference"}),(0,r.jsx)(n.Heading,{fontSize:{base:"30px",md:"40px"},fontWeight:600,lineHeight:{base:"36px",md:"48px"},letterSpacing:"-0.02em",color:"white",children:"From 10 minutes to under 60 seconds"})]}),(0,r.jsxs)(n.SimpleGrid,{columns:{base:1,md:2},spacing:"6",w:"full",children:[(0,r.jsxs)(n.Box,{bg:"#152236",border:"1px solid",borderColor:"rgba(255,255,255,0.09)",borderRadius:"3xl",p:{base:8,md:10},children:[(0,r.jsxs)(n.HStack,{mb:"5",spacing:"3",children:[(0,r.jsx)(n.Box,{p:"2.5",bg:"rgba(239,68,68,0.12)",boxShadow:"inset 0 0 0 1px rgba(239,68,68,0.2)",borderRadius:"lg",display:"inline-flex",children:(0,r.jsx)(n.JO$,{as:x.C9x,boxSize:"5",color:"red.300"})}),(0,r.jsx)(n.Text,{fontWeight:"700",fontSize:"17px",color:"gray.300",children:"The old way"})]}),(0,r.jsx)(n.VStack,{align:"flex-start",spacing:"3",children:["Support rep opens a separate help desk","Reads 30 messages to understand the issue","Figures out what the customer needs","Drafts a reply from scratch","Sends it, then logs the outcome manually"].map(e=>(0,r.jsxs)(n.HStack,{spacing:"3",align:"flex-start",children:[(0,r.jsx)(n.Box,{w:"6px",h:"6px",borderRadius:"full",bg:"rgba(255,255,255,0.2)",mt:"7px",flexShrink:0}),(0,r.jsx)(n.Text,{fontSize:"15px",color:"rgba(255,255,255,0.55)",lineHeight:"1.5",children:e})]},e))}),(0,r.jsx)(n.Box,{mt:"6",pt:"4",borderTop:"1px solid",borderColor:"rgba(255,255,255,0.08)",children:(0,r.jsx)(n.Text,{fontSize:"14px",color:"rgba(255,255,255,0.35)",children:"5 to 10 minutes per escalation"})})]}),(0,r.jsxs)(n.Box,{bg:"#152236",border:"1px solid",borderColor:"rgba(49,130,206,0.52)",borderRadius:"3xl",p:{base:8,md:10},transition:"all 0.2s",_hover:{borderColor:"rgba(49,130,206,0.72)",boxShadow:"0 0 0 1px rgba(49,130,206,0.2), 0 8px 32px -8px rgba(0,0,0,0.6)"},children:[(0,r.jsxs)(n.HStack,{mb:"5",spacing:"3",children:[(0,r.jsx)(n.Box,{p:"2.5",bg:"rgba(49,130,206,0.12)",boxShadow:"inset 0 0 0 1px rgba(49,130,206,0.2)",borderRadius:"lg",display:"inline-flex",children:(0,r.jsx)(n.JO$,{as:x.PjL,boxSize:"5",color:"blue.300"})}),(0,r.jsx)(n.Text,{fontWeight:"700",fontSize:"17px",color:"white",children:"With AI Inbox"})]}),(0,r.jsx)(n.VStack,{align:"flex-start",spacing:"3",children:["AI flags the conversation","Reads 3-line summary","Reply box pre-filled by AI","Edits if needed and sends","AI logs outcome to training data automatically"].map(e=>(0,r.jsxs)(n.HStack,{spacing:"3",align:"flex-start",children:[(0,r.jsx)(n.JO$,{as:x.PjL,boxSize:"4",color:"blue.400",mt:"2px",flexShrink:0}),(0,r.jsx)(n.Text,{fontSize:"15px",color:"rgba(255,255,255,0.70)",lineHeight:"1.5",children:e})]},e))}),(0,r.jsx)(n.Box,{mt:"6",pt:"4",borderTop:"1px solid",borderColor:"rgba(49,130,206,0.2)",children:(0,r.jsx)(n.Text,{fontSize:"14px",color:"blue.300",fontWeight:"600",children:"Under 60 seconds per escalation"})})]})]})]})})]}),(0,r.jsx)(n.Box,{py:{base:"60px",md:"100px"},px:{base:"15px"},children:(0,r.jsx)(n.Container,{maxW:"1200px",children:(0,r.jsxs)(n.VStack,{spacing:"12",children:[(0,r.jsxs)(n.VStack,{spacing:"3",textAlign:"center",children:[(0,r.jsx)(l.Z,{children:"AI Intelligence"}),(0,r.jsx)(n.Heading,{fontSize:{base:"28px",md:"36px"},lineHeight:{base:"32px",md:"40px"},fontWeight:700,color:"gray.900",children:"AI context, ready before your team is"}),(0,r.jsx)(n.Text,{fontSize:{base:"md",md:"lg"},color:"gray.500",lineHeight:"tall",maxW:"560px",children:"Every Assist arrives with everything your team needs to resolve it fast."})]}),(0,r.jsx)(n.SimpleGrid,{columns:{base:1,md:2,lg:4},spacing:"6",w:"full",children:g.map(e=>(0,r.jsx)(p,{icon:e.icon,title:e.title,description:e.description},e.title))})]})})}),(0,r.jsx)(u,{}),(0,r.jsxs)(n.Box,{py:{base:"60px",md:"100px"},px:{base:"15px"},bg:"#0F172A",position:"relative",overflow:"hidden",children:[(0,r.jsx)(n.Box,{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:0,pointerEvents:"none",children:(0,r.jsxs)("svg",{width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsxs)("filter",{id:"ai-inbox-empty-noise",children:[(0,r.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.75",numOctaves:"4",stitchTiles:"stitch"}),(0,r.jsx)("feColorMatrix",{type:"saturate",values:"0"})]}
1),(0,r.jsx)("rect",{width:"100%",height:"100%",filter:"url(#ai-inbox-empty-noise)",opacity:"0.04"})]})}),(0,r.jsx)(n.Container,{maxW:"1200px",position:"relative",zIndex:1,children:(0,r.jsxs)(n.SimpleGrid,{columns:{base:1,lg:2},spacing:"16",alignItems:"center",children:[(0,r.jsxs)(n.VStack,{align:"flex-start",spacing:"6",children:[(0,r.jsx)(l.Z,{dark:!0,children:"AI-Native Design"}),(0,r.jsx)(n.Heading,{fontSize:{base:"30px",md:"40px"},fontWeight:600,lineHeight:{base:"36px",md:"48px"},letterSpacing:"-0.02em",color:"white",children:"The best Assist is the one that never gets created"}),(0,r.jsx)(n.Text,{fontSize:{base:"md",md:"lg"},color:"rgba(255,255,255,0.55)",lineHeight:"tall",children:"AI Inbox is built to shrink itself over time. Every closed Assist can be added to your AI training data in one click — so the same question gets resolved by the AI next time, not your team."}),(0,r.jsx)(n.VStack,{align:"flex-start",spacing:"3",pt:"2",children:["AI shows you when to step in","Gets out of the way when it doesn't need you","Learns from every resolved Assist","Empty inbox is the goal — not the exception"].map(e=>(0,r.jsxs)(n.HStack,{spacing:"3",children:[(0,r.jsx)(n.Box,{p:"2.5",bg:"rgba(49,130,206,0.12)",boxShadow:"inset 0 0 0 1px rgba(49,130,206,0.2)",borderRadius:"lg",display:"inline-flex",flexShrink:0,children:(0,r.jsx)(n.JO$,{as:x.PjL,boxSize:"4",color:"blue.300"})}),(0,r.jsx)(n.Text,{fontSize:"15px",color:"rgba(255,255,255,0.70)",lineHeight:"1.5",children:e})]},e))})]}),(0,r.jsxs)(n.Box,{bg:"#152236",border:"1px solid",borderColor:"rgba(49,130,206,0.32)",borderRadius:"3xl",overflow:"hidden",boxShadow:"0 8px 32px rgba(0,0,0,0.4)",children:[(0,r.jsx)(n.Box,{bg:"#0d1b2e",px:"5",py:"4",borderBottom:"1px solid",borderColor:"rgba(255,255,255,0.06)",children:(0,r.jsxs)(n.HStack,{justify:"space-between",children:[(0,r.jsxs)(n.HStack,{spacing:"3",children:[(0,r.jsx)(n.Text,{fontSize:"13px",fontWeight:"600",color:"white",children:"AI Inbox"}),(0,r.jsx)(n.Box,{bg:"rgba(110,231,168,0.15)",border:"1px solid",borderColor:"rgba(110,231,168,0.3)",borderRadius:"999px",px:"8px",py:"1px",fontSize:"11px",color:"#6EE7A8",fontWeight:"600",children:"All clear"})]}),(0,r.jsxs)(n.HStack,{spacing:"2",children:[(0,r.jsx)(n.Box,{w:"28px",h:"22px",bg:"rgba(255,255,255,0.06)",borderRadius:"md"}),(0,r.jsx)(n.Box,{w:"28px",h:"22px",bg:"rgba(255,255,255,0.06)",borderRadius:"md"})]})]})}),(0,r.jsx)(n.Box,{px:"5",py:"3",borderBottom:"1px solid",borderColor:"rgba(255,255,255,0.06)",children:(0,r.jsxs)(n.HStack,{spacing:"3",children:[(0,r.jsx)(n.Box,{bg:"rgba(49,130,206,0.15)",border:"1px solid",borderColor:"rgba(49,130,206,0.3)",borderRadius:"md",px:"3",py:"1",fontSize:"12px",color:"blue.300",fontWeight:"600",children:"Open"}),(0,r.jsx)(n.Box,{fontSize:"12px",color:"rgba(255,255,255,0.3)",px:"2",py:"1",children:"Pending"}),(0,r.jsx)(n.Box,{fontSize:"12px",color:"rgba(255,255,255,0.3)",px:"2",py:"1",children:"Closed"})]})}),(0,r.jsxs)(n.VStack,{py:"14",px:"6",spacing:"4",textAlign:"center",children:[(0,r.jsx)(n.Box,{w:"56px",h:"56px",bg:"rgba(110,231,168,0.10)",boxShadow:"inset 0 0 0 1px rgba(110,231,168,0.2)",borderRadius:"xl",display:"flex",alignItems:"center",justifyContent:"center",children:(0,r.jsx)(n.JO$,{as:x.PjL,boxSize:"6",color:"#6EE7A8"})}),(0,r.jsxs)(n.VStack,{spacing:"1",children:[(0,r.jsx)(n.Text,{fontSize:"15px",fontWeight:"600",color:"white",children:"No open assists"}),(0,r.jsx)(n.Text,{fontSize:"13px",color:"rgba(255,255,255,0.40)",lineHeight:"1.6",children:"Your AI is handling everything right now."})]}),(0,r.jsx)(n.Box,{bg:"rgba(110,231,168,0.08)",border:"1px solid",borderColor:"rgba(110,231,168,0.2)",borderRadius:"xl",px:"5",py:"3",mt:"2",children:(0,r.jsxs)(n.HStack,{spacing:"6",justify:"center",children:[(0,r.jsxs)(n.VStack,{spacing:"0",children:[(0,r.jsx)(n.Text,{fontSize:"20px",fontWeight:"700",color:"#6EE7A8",children:"94%"}),(0,r.jsx)(n.Text,{fontSize:"11px",color:"rgba(255,255,255,0.40)",children:"Resolved by AI"})]}),(0,r.jsx)(n.Box,{w:"1px",h:"32px",bg:"rgba(255,255,255,0.08)"}),(0,r.jsxs)(n.VStack,{spacing:"0",children:[(0,r.jsx)(n.Text,{fontSize:"20px",fontWeight:"700",color:"white",children:"3"}),(0,r.jsx)(n.Text,{fontSize:"11px",color:"rgba(255,255,255,0.40)",children:"Closed this week"})]})]})})]})]})]})})]}),(0,r.jsx)(n.Box,{py:{base:"60px",md:"100px"},px:{base:"15px"},children:(0,r.jsx)(n.Container,{maxW:"1200px",children:(0,r.jsxs)(n.VStack,{spacing:"12",children:[(0,r.jsxs)(n.VStack,{spacing:"3",textAlign:"center",children:[(0,r.jsx)(l.Z,{children:"Positioning"}),(0,r.jsx)(n.Heading,{fontSize:{base:"28px",md:"36px"},lineHeight:{base:"32px",md:"40px"},fontWeight:700,color:"gray.900",children:"Not a help desk. An AI-native inbox."})]}),(0,r.jsx)(n.SimpleGrid,{columns:{base:1,md:3},spacing:"6",w:"full",children:[{label:"Traditional help desks",desc:"Added AI to a ticketing system. The AI is an add-on.",highlight:!1},{label:"Other AI chat tools",desc:"Added human escalation as a feature. It routes to an external platform.",highlight:!1},{label:"ChatSpark AI Inbox",desc:"AI-native from day one. The AI and the inbox share the same data. The AI learns from every closed Assist.",highlight:!0}].map(e=>(0,r.jsxs)(n.Box,{bg:e.highlight?"blue.500":"white",border:"1px solid",borderColor:e.highlight?"blue.500":"gray.200",borderRadius:"xl",p:"6",transition:"all 0.2s",_hover:e.highlight?{shadow:"md"}:{borderColor:"gray.300",shadow:"sm"},children:[(0,r.jsx)(n.Text,{fontWeight:"700",fontSize:"16px",color:e.highlight?"white":"gray.700",mb:"3",children:e.label}),(0,r.jsx)(n.Text,{fontSize:"14px",color:e.highlight?"blue.100":"gray.500",lineHeight:"1.7",children:e.desc})]},e.label))})]})})}),(0,r.jsx)(n.Box,{py:{base:"60px",md:"100px"},px:{base:"15px"},bg:"gray.50",children:(0,r.jsx)(n.Container,{maxW:"1200px",children:(0,r.jsxs)(n.VStack,{spacing:{base:"10",md:"14"},align:"stretch",children:[(0,r.jsxs)(n.VStack,{spacing:"4",align:"center",textAlign:"center",children:[(0,r.jsx)(l.Z,{children:"Inbox Integrations"}),(0,r.jsx)(n.Heading,{as:"h2",fontSize:{base:"28px",md:"36px"},fontWeight:"800",color:"gray.900",lineHeight:"1.2",children:"Connect the tools your team already uses"}),(0,r.jsx)(n.Text,{fontSize:{base:"16px",md:"18px"},color:"gray.500",maxW:"560px",lineHeight:"1.7",children:"AI Inbox connects to your phone system so your team handles everything from one workspace."})]}),(0,r.jsx)(n.VStack,{align:"stretch",spacing:"8",children:(0,r.jsx)(n.Box,{children:(0,r.jsx)(n.SimpleGrid,{columns:{base:1,md:3},spacing:"6",children:[{accentColor:"purple",name:"Dialpad",hasDialer:!0,dialerType:"click-to-call",description:"Pull voicemail transcripts from Dialpad into AI Inbox as Assists. Launch Dialpad calls instantly with click-to-call from any Assist."},{accentColor:"orange",name:"RingCentral",hasDialer:!0,dialerType:"built-in dialer",description:"Pull voicemail transcripts from RingCentral into AI Inbox as Assists. Use the built-in in-browser dialer with AI-powered call summaries and sentiment analysis."},{accentColor:"red",name:"Twilio",hasDialer:!0,dialerType:"built-in dialer",description:"Receive voicemail events from Twilio Voice API as Assists. Make calls directly from the Assist with the built-in Twilio browser dialer and AI call summaries."},{accentColor:"green",name:"Aircall",hasDialer:!0,dialerType:"built-in dialer",description:"Pull voicemail transcripts from Aircall into AI Inbox as Assists. Use the Aircall embedded dialer to call customers in one click with AI call summaries."},{accentColor:"teal",name:"Quo",hasDialer:!1,dialerType:null,description:"Pull voicemail transcripts from Quo into AI Inbox as Assists with per-number filtering."},{accentColor:"blue",name:"Vonage",hasDialer:!0,dialerType:"built-in dialer",description:"Receive voicemail recordings from Vonage Voice API into AI Inbox as Assists. Use the built-in browser dialer with AI call summary and sentiment routing."}].map(e=>(0,r.jsxs)(n.Box,{bg:"white",border:"1px solid",borderColor:"gray.200",borderRadius:"xl",p:"6",transition:"all 0.2s",_hover:{borderColor:"blue.200",shadow:"sm"},children:[(0,r.jsxs)(n.HStack,{mb:"4",justify:"space-between",align:"flex-start",children:[(0,r.jsx)(n.Box,{p:"2.5",bg:"".concat(e.accentColor,".50"),borderRadius:"lg",display:"inline-flex",children:(0,r.jsx)(n.JO$,{as:x.PES,boxSize:"5",color:"".concat(e.accentColor,".500")})}),(0,r.jsxs)(n.HStack,{spacing:"1",align:"flex-end",children:[(0,r.jsx)(n.Cts,{colorScheme:e.accentColor,variant:"subtle",fontSize:"xs",borderRadius:"full",px:"8px",textTransform:"none",children:"telephony"}),e.hasDialer&&(0,r.jsx)(n.Cts,{colorScheme:"green",variant:"subtle",fontSize:"xs",borderRadius:"full",px:"8px",textTransform:"none",children:e.dialerType})]})]}),(0,r.jsx)(n.Text,{fontWeight:"700",fontSize:"16px",color:"gray.800",mb:"2",children:e.name}),(0,r.jsx)(n.Text,{fontSize:"14px",color:"gray.500",lineHeight:"1.7",children:e.description})]},e.name))})})}),(0,r.jsx)(n.Box,{bg:"white",border:"1px solid",borderColor:"gray.200",borderRadius:"xl",p:"8",transition:"all 0.2s",_hover:{borderColor:"gray.300",shadow:"sm"},children:(0,r.jsxs)(n.HStack,{spacing:"5",align:"flex-start",flexWrap:"wrap",children:[(0,r.jsx)(n.Box,{w:"48px",h:"48px",bg:"blue.50",borderRadius:"xl",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",children:(0,r.jsx)(n.JO$,{as:x.PES,boxSize:"5",color:"blue.500"})}),(0,r.jsxs)(n.VStack,{align:"start",spacing:"3",flex:"1",minW:"200px",children:[(0,r.jsx)(n.Text,{fontSize:"18px",fontWeight:"700",color:"gray.900",children:"Built-in Dialer with AI Call Summaries"}),(0,r.jsx)(n.Text,{fontSize:"16px",color:"gray.500",lineHeight:"1.7",children:"Call customers directly from any Assist. After the call, AI automatically generates a summary, extracts the sentiment, and drafts a follow-up email. Available for RingCentral, Twilio, Aircall, and Vonage on Pro and Enterprise plans."}),(0,r.jsx)(n.kCb,{wrap:"wrap",gap:"3",pt:"1",children:["In-browser calling","AI call summary","Sentiment detection","Follow-up email draft"].map(e=>(0,r.jsx)(n.Box,{display:"inline-flex",alignItems:"center",px:"4",py:"2",borderRadius:"full",bg:"white",border:"1px solid",borderColor:"gray.200",children:(0,r.jsx)(n.Text,{fontSize:"sm",fontWeight:500,color:"gray.700",whiteSpace:"nowrap",children:e})},e))})]})]})})]})})}),(0,r.jsxs)(n.Box,{py:{base:"60px",md:"100px"},px:{base:"15px"},bg:"#0F172A",position:"relative",overflow:"hidden",children:[(0,r.jsx)(n.Box,{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:0,pointerEvents:"none",children:(0,r.jsxs)("svg",{width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsxs)("filter",{id:"ai-inbox-plans-noise",children:[(0,r.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.75",numOctaves:"4",stitchTiles:"stitch"}),(0,r.jsx)("feColorMatrix",{type:"saturate",values:"0"})]}
1),(0,r.jsx)("rect",{width:"100%",height:"100%",filter:"url(#ai-inbox-plans-noise)",opacity:"0.04"})]})}),(0,r.jsx)(n.Container,{maxW:"1200px",position:"relative",zIndex:1,children:(0,r.jsxs)(n.VStack,{spacing:"12",children:[(0,r.jsxs)(n.VStack,{spacing:"4",textAlign:"center",children:[(0,r.jsx)(l.Z,{dark:!0,children:"Plans"}),(0,r.jsx)(n.Heading,{fontSize:{base:"30px",md:"40px"},fontWeight:600,lineHeight:{base:"36px",md:"48px"},letterSpacing:"-0.02em",color:"white",children:"Included in your plan"}),(0,r.jsx)(n.Text,{fontSize:{base:"md",md:"lg"},color:"rgba(255,255,255,0.45)",lineHeight:"tall",maxW:"520px",children:"No extra platform. No extra cost. AI Inbox is built into Plus, Pro, and Enterprise."}),(0,r.jsx)(n.Button,{as:n.Link,href:"/pricing",colorScheme:"blue",size:"md",px:"7",fontWeight:600,mt:"2",_hover:{textDecoration:"none",bg:"blue.600"},children:"View Plans"})]}),(0,r.jsx)(n.SimpleGrid,{columns:{base:1,md:3},spacing:"6",w:"full",children:[{plan:"Plus",seats:"1 team seat",border:"rgba(49,130,206,0.18)",borderHover:"rgba(49,130,206,0.45)",features:["AI Inbox access","1 team seat","AI summaries and suggested replies","Email reply threading"]},{plan:"Pro",seats:"2 team seats",border:"rgba(49,130,206,0.52)",borderHover:"rgba(49,130,206,0.72)",features:["Everything in Plus","2 team seats","Collision detection","AI Inbox reporting","Canned responses","CSAT surveys + auto-send","Add to AI training data","AI Inbox integrations","Built-in Dialer with AI Call Summary"]},{plan:"Enterprise",seats:"Unlimited seats",border:"rgba(49,130,206,0.72)",borderHover:"rgba(49,130,206,0.90)",features:["Everything in Pro","Unlimited team seats","Custom CSAT surveys","CSAT automation triggers","Automation rules","AI Inbox webhook events","Custom Inbox Labels","AI pattern detection","Smart Notifications","Agent Availability and Scheduling","Management View","Dedicated onboarding"]}].map(e=>(0,r.jsx)(n.Box,{bg:"#152236",border:"1px solid",borderColor:e.border,borderRadius:"3xl",p:{base:8,md:10},transition:"all 0.2s",_hover:{borderColor:e.borderHover,boxShadow:"0 0 0 1px rgba(49,130,206,0.2), 0 8px 32px -8px rgba(0,0,0,0.6)"},children:(0,r.jsxs)(n.VStack,{align:"flex-start",spacing:"5",children:[(0,r.jsxs)(n.Box,{children:[(0,r.jsx)(n.Box,{display:"inline-block",bg:"rgba(49,130,206,0.12)",boxShadow:"inset 0 0 0 1px rgba(49,130,206,0.2)",borderRadius:"full",px:"3",py:"3px",fontSize:"xs",fontWeight:"600",letterSpacing:"0.06em",textTransform:"uppercase",color:"blue.300",mb:"3",children:e.plan}),(0,r.jsx)(n.Text,{fontSize:"13px",color:"rgba(255,255,255,0.40)",children:e.seats})]}),(0,r.jsx)(n.Box,{w:"full",h:"1px",bg:"rgba(255,255,255,0.06)"}),(0,r.jsx)(n.VStack,{align:"flex-start",spacing:"3",w:"full",children:e.features.map(e=>(0,r.jsxs)(n.HStack,{spacing:"3",children:[(0,r.jsx)(n.Box,{p:"2",bg:"rgba(49,130,206,0.12)",boxShadow:"inset 0 0 0 1px rgba(49,130,206,0.2)",borderRadius:"md",display:"inline-flex",flexShrink:0,children:(0,r.jsx)(n.JO$,{as:x.PjL,boxSize:"3.5",color:"blue.300"})}),(0,r.jsx)(n.Text,{fontSize:"14px",color:"rgba(255,255,255,0.65)",lineHeight:"1.5",children:e})]},e))})]})},e.plan))})]})})]}),(0,r.jsx)(n.Box,{bg:"gray.50",py:{base:"60px",md:"80px"},px:{base:"15px"},children:(0,r.jsx)(n.Container,{maxW:"1200px",children:(0,r.jsxs)(n.VStack,{spacing:10,children:[(0,r.jsxs)(n.VStack,{spacing:4,textAlign:"center",maxW:"640px",mx:"auto",children:[(0,r.jsx)(l.Z,{children:"Human in the Loop"}),(0,r.jsx)(n.Heading,{fontSize:{base:"26px",md:"34px"},fontWeight:700,lineHeight:{base:"32px",md:"42px"},letterSpacing:"-0.02em",color:"gray.900",children:"AI handles what it can. Your team owns what matters."}),(0,r.jsx)(n.Text,{fontSize:"md",color:"gray.500",lineHeight:"1.75",children:"ChatSpark is designed around one principle: AI should do the work so people can make the decisions. AI Inbox is where that principle is most visible. Your team never reads raw conversations again. They read prepared summaries and act."})]}),(0,r.jsx)(n.SimpleGrid,{columns:{base:1,md:3},spacing:5,w:"full",children:[{icon:x.Moc,title:"AI Agents",body:"Resolve 80%+ of customer questions automatically. AI Inbox only receives what the AI cannot confidently handle.",href:"/platform/ai-agents",linkText:"See AI Agents"},{icon:x.PjL,title:"AI Inbox",body:"Every escalation arrives prepared. Your team reads a summary and a suggested reply. They decide. They respond. The conversation is resolved.",href:"/platform/ai-inbox",linkText:"You are here",current:!0},{icon:x.jxc,title:"AI CoPilot",body:"For teams that need answers beyond a single conversation. CoPilot brings your full knowledge base into Gmail, Zendesk, and every tool your team uses. Enterprise only.",href:"/platform/copilot",linkText:"See AI CoPilot"}].map(e=>(0,r.jsx)(n.Box,{bg:e.current?"blue.50":"white",borderRadius:"xl",border:"1px solid",borderColor:e.current?"blue.200":"gray.200",p:6,children:(0,r.jsxs)(n.VStack,{align:"start",spacing:3,h:"full",children:[(0,r.jsx)(n.Box,{bg:e.current?"blue.100":"gray.100",borderRadius:"lg",w:"36px",h:"36px",display:"flex",alignItems:"center",justifyContent:"center",children:(0,r.jsx)(n.JO$,{as:e.icon,boxSize:"18px",color:e.current?"blue.600":"gray.600"})}),(0,r.jsx)(n.Text,{fontWeight:"700",fontSize:"sm",color:"gray.900",children:e.title}),(0,r.jsx)(n.Text,{fontSize:"sm",color:"gray.600",lineHeight:"1.65",flex:1,children:e.body}),(0,r.jsx)(n.Link,{href:e.href,fontSize:"xs",fontWeight:"600",color:e.current?"blue.600":"blue.500",children:e.linkText})]})}
1,e.title))})]})})}),(0,r.jsx)(c.default,{questions:f}),(0,r.jsx)(d.default,{heading:"Your AI knows when to ask for help. Does your inbox?",text:"Enable AI Inbox in minutes. Set up your AI agent, connect your email provider, and your team has a fully AI-powered escalation inbox in minutes.",buttonText:"View Plans",buttonUrl:"/pricing"})]}),(0,r.jsx)(a.default,{})]})}},68161:function(e,t,i){"use strict";var r=i(57437),s=i(21183),n=i(98314),o=i(60373),a=i(26440),l=i(26615),d=i(99376);t.default=e=>{let{heading:t="Try ChatSpark. Watch Support Run on Autopilot.",text:i="Start in minutes. Customize the look and voice. Let ChatSpark handle the repetitive questions while your team focuses on what matters.",buttonText:c="Get Started Free",buttonUrl:x="/pricing",noBottomMargin:h=!1,topMargin:p=null,variant:g="default",showDemoButton:b=!1}=e,m=(0,d.useRouter)();return(0,r.jsxs)(s.Box,{bg:"#0F172A",borderRadius:"3xl",maxW:{md:"100%",lg:"100%",xl:"1200px"},p:{base:"30px",md:"60px"},mt:null!==p?p:{base:"40px",md:"60px"},mb:h?0:{base:"40px",md:"60px"},mx:{base:"15px",md:"15px",lg:"15px",xl:"auto"},position:"relative",overflow:"hidden",children:[(0,r.jsx)(s.Box,{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:0,pointerEvents:"none",children:(0,r.jsxs)("svg",{width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsxs)("filter",{id:"cta-noise",children:[(0,r.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.75",numOctaves:"4",stitchTiles:"stitch"}),(0,r.jsx)("feColorMatrix",{type:"saturate",values:"0"})]}),(0,r.jsx)("rect",{width:"100%",height:"100%",filter:"url(#cta-noise)",opacity:"0.04"})]})}),(0,r.jsxs)(n.Flex,{direction:{base:"column",lg:"row"},justify:{base:"center",lg:"space-between"},alignItems:"center",wrap:"wrap",position:"relative",zIndex:1,children:[(0,r.jsxs)(n.Flex,{direction:"column",align:{base:"center",lg:"flex-start"},width:{base:"full",lg:"70%"},gap:{base:"8px",lg:"6px"},children:[(0,r.jsx)(o.Text,{color:"white",fontSize:{base:"lg",md:"xl"},fontWeight:"600",mt:{base:"5px",lg:"0"},textAlign:{base:"center",lg:"left"},children:t}),(0,r.jsx)(o.Text,{color:"gray.400",fontSize:{base:"md",lg:"lg"},textAlign:{base:"center",lg:"left"},children:i})]}),(0,r.jsx)(n.Flex,{direction:{base:"column",sm:"row",lg:"row"},align:{base:"center",lg:"flex-end"},gap:3,pr:"8px",mt:{base:"8",md:"8",lg:"4"},children:"enterprise"===g?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.Button,{className:"cs-trigger-agent","data-trigger":"I'd like to book a demo",colorScheme:"blue",size:{base:"md",lg:"lg"},rightIcon:(0,r.jsx)(l.OEZ,{}),children:"Book a Demo"}),(0,r.jsx)(a.Button,{className:"cs-trigger-agent","data-trigger":"Talk to Sales",variant:"outline",color:"white",borderColor:"whiteAlpha.400",bg:"transparent",size:{base:"md",lg:"lg"},_hover:{bg:"rgba(49,130,206,0.18)",borderColor:"blue.400",color:"white"},children:"Talk to Sales"})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.Button,{onClick:()=>m.push(x),colorScheme:"blue",size:{base:"md",lg:"lg"},rightIcon:(0,r.jsx)(l.OEZ,{}),children:c}),b&&(0,r.jsx)(a.Button,{className:"cs-trigger-agent","data-trigger":"I'd like to book a demo",variant:"outline",color:"white",borderColor:"whiteAlpha.400",bg:"transparent",size:{base:"md",lg:"lg"},_hover:{bg:"rgba(49,130,206,0.18)",borderColor:"blue.400",color:"white"},children:"Book a Demo"})]})})]})]})}},19564:function(e,t,i){"use strict";i.d(t,{Z:function(){return n}});var r=i(57437),s=i(21183);function n(e){let{children:t,dark:i=!1}=e;return(0,r.jsx)(s.Box,{as:"span",display:"inline-block",w:"fit-content",borderRadius:"full",px:3,py:"3px",fontSize:"xs",fontWeight:"600",letterSpacing:"0.06em",textTransform:"uppercase",...i?{bg:"rgba(49,130,206,0.12)",boxShadow:"inset 0 0 0 1px rgba(49,130,206,0.2)",color:"blue.300"}:{bg:"blue.50",border:"1px solid",borderColor:"blue.100",color:"blue.600"},children:t})}},39459:function(e,t,i){"use strict";var r=i(57437),s=i(92208),n=i(21183),o=i(98314),a=i(62587),l=i(60373),d=i(35331),c=i(52531),x=i(83378),h=i(76723),p=i(65819),g=i(12405),b=i(41394),m=i(5479),u=i(6802);t.default=e=>{let{questions:t}=e,[i]=(0,s.useMediaQuery)("(max-width: 1440px)"),f=i?"504px":"full";return(0,r.jsx)(n.Box,{bg:"gray.50",children:(0,r.jsxs)(o.Flex,{maxW:{md:"1200px"},direction:"column",px:{base:5},pt:{base:"45px",md:"160px"},pb:{base:"45px",md:"160px"},mx:"auto",children:[(0,r.jsxs)(a.Stack,{spacing:{base:"4",md:"5"},mb:{base:"30px",md:"60px"},children:[(0,r.jsxs)(a.Stack,{spacing:"3",children:[(0,r.jsx)(l.Text,{fontSize:{base:"sm",md:"sm"},textTransform:"uppercase",fontWeight:"700",letterSpacing:"0.1em",color:"blue.500",children:"Insights"}),(0,r.jsx)(d.Heading,{fontWeight:600,size:{base:"sm",md:"md"},children:"Frequently Asked Questions"})]}),(0,r.jsxs)(l.Text,{color:"fg.muted",fontSize:{base:"lg",md:"xl"},children:["Need help? Ask our AI anything, anytime. ",(0,r.jsx)(u.default,{linkText:"Chat with us",promptText:"I have a question about ChatSpark"}),"."]})]}),(0,r.jsx)(c.Accordion,{allowMultiple:!0,width:"full",children:(0,r.jsx)(x.Grid,{templateColumns:{base:"1fr",md:"repeat(2, 1fr)",lg:"repeat(2, 1fr)"},gap:{md:10,base:5},children:t.map((e,t)=>(0,r.jsx)(h.GridItem,{children:(0,r.jsx)(n.Box,{align:"flex-start",maxW:f,children:(0,r.jsxs)(p.AccordionItem,{border:"none",children:[(0,r.jsx)("h2",{children:(0,r.jsxs)(g.AccordionButton,{boxShadow:"base",borderRadius:"lg",p:"6",_exp
1anded:{bg:"blue.500",color:"white"},children:[(0,r.jsx)(n.Box,{flex:"1",textAlign:"left",fontWeight:"500",pr:4,children:e.title}),(0,r.jsx)(b.AccordionIcon,{})]})}),(0,r.jsx)(m.AccordionPanel,{p:"6",children:e.answer})]})})},t))})})]})})}}},function(e){e.O(0,[8061,6115,2071,4496,7834,5839,1465,7929,1270,7560,3808,5001,8405,5692,7075,9285,5075,5925,7771,5006,3145,2249,6802,3804,2971,2117,1744],function(){return e(e.s=49453)}),_N_E=e.O()}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.