1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6941],{6941:function(e,r,o){o.r(r),o.d(r,{default:function(){return d}});var i=o(57437),n=o(2265),t=o(23859),l=o(45873),s=o(22561);let a=(0,l.E)(t.Box),x=[{initials:"FC",color:"red.400",name:"Frustrated Customer",message:"This is the third time I have asked about my refund...",pass:!0},{initials:"TU",color:"blue.400",name:"Tech-Savvy User",message:"Can you explain how your API rate limiting works?",pass:!0},{initials:"FV",color:"orange.400",name:"First-Time Visitor",message:"Hi! Not sure where to start â I just found your site.",pass:!1}],c=[{label:"Response Accuracy",score:91,delta:7},{label:"Tone and Empathy",score:88,delta:3},{label:"Goal Completion",score:79,delta:7},{label:"Deflection Rate",score:85,delta:5},{label:"Escalation Accuracy",score:74,delta:-2},{label:"Policy Compliance",score:93,delta:3},{label:"Knowledge Coverage",score:68,delta:3}];function d(){let[e,r]=(0,n.useState)(0),o=(0,n.useRef)(null),l=(0,n.useRef)(0);(0,n.useEffect)(()=>{let e=[1200,1400,1400,1600,2e3,1200,1400,1800,2e3,1400,1600,3e3],i=()=>{var n;let t=null!==(n=e[l.current])&&void 0!==n?n:1600;o.current=setTimeout(()=>{l.current=(l.current+1)%e.length,r(l.current),i()},t)};return i(),()=>clearTimeout(o.current)},[]);let d=e<5?1:e<9?2:3,p=e>=1,g=e>=2,b=e>=3,h=e>=6,u=e>=7,y=e>=8,f=e>=11;return(0,i.jsxs)(t.Box,{borderRadius:"12px",overflow:"hidden",border:"1px solid",borderColor:"gray.200",bg:"white",w:"100%",children:[(0,i.jsx)(t.Box,{bg:"gray.100",px:"4",py:"3",borderBottom:"1px solid",borderColor:"gray.200",children:(0,i.jsxs)(t.HStack,{spacing:"2",children:[(0,i.jsx)(t.Box,{w:"12px",h:"12px",borderRadius:"full",bg:"red.300"}),(0,i.jsx)(t.Box,{w:"12px",h:"12px",borderRadius:"full",bg:"yellow.300"}),(0,i.jsx)(t.Box,{w:"12px",h:"12px",borderRadius:"full",bg:"green.300"}),(0,i.jsx)(t.Box,{flex:"1",bg:"white",borderRadius:"md",px:"3",py:"1",ml:"3",fontSize:"12px",color:"gray.400",children:"chatspark.io/my/cx-lab"})]})}),(0,i.jsxs)(t.Box,{h:{base:"480px",md:"510px"},overflow:"hidden",position:"relative",children:[(0,i.jsxs)(a,{position:"absolute",inset:"0",p:"4",animate:{opacity:1===d?1:0,y:1===d?0:-10},transition:{duration:.4},pointerEvents:1===d?"auto":"none",children:[(0,i.jsxs)(t.HStack,{justify:"space-between",mb:"3",children:[(0,i.jsxs)(t.HStack,{spacing:"2",children:[(0,i.jsx)(t.JO$,{as:s.uv5,boxSize:"4",color:"blue.500"}),(0,i.jsx)(t.Text,{fontSize:"13px",fontWeight:"700",color:"gray.900",children:"Simulation Run"}),(0,i.jsx)(t.Box,{bg:"blue.50",color:"blue.700",border:"1px solid",borderColor:"blue.200",borderRadius:"999px",px:"8px",fontSize:"10px",fontWeight:"600",children:"v2.3"})]}),(0,i.jsxs)(t.HStack,{spacing:"1.5",children:[(0,i.jsx)(t.Box,{w:"6px",h:"6px",borderRadius:"full",bg:"green.400",sx:{animation:"cxPulse 1.5s ease-in-out infinite"}}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"green.600",fontWeight:"500",children:"Running"})]})]}),(0,i.jsx)(t.HStack,{mb:"4",spacing:"0",bg:"gray.50",borderRadius:"8px",border:"1px solid",borderColor:"gray.200",overflow:"hidden",children:[{label:"Agent",value:"Support Agent v2"},{label:"Personas",value:"16 built-in"},{label:"Conversations",value:"50"}].map((e,r)=>(0,i.jsxs)(t.Box,{flex:"1",px:"3",py:"2",borderRight:r<2?"1px solid":"none",borderColor:"gray.200",children:[(0,i.jsx)(t.Text,{fontSize:"9px",color:"gray.400",fontWeight:"600",textTransform:"uppercase",letterSpacing:"0.06em",children:e.label}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"gray.800",fontWeight:"600",mt:"0.5",children:e.value})]},e.label))}),(0,i.jsx)(t.VStack,{spacing:"2",align:"stretch",children:x.map((e,r)=>[p,g,b][r]?(0,i.jsxs)(a,{initial:{opacity:0,y:6},animate:{opacity:1,y:0},transition:{duration:.35},bg:e.pass?"white":"orange.50",border:"1px solid",borderColor:e.pass?"gray.200":"orange.200",borderRadius:"8px",px:"3",py:"2.5",children:[(0,i.jsxs)(t.HStack,{justify:"space-between",mb:"1",children:[(0,i.jsxs)(t.HStack,{spacing:"2",children:[(0,i.jsx)(t.Box,{w:"24px",h:"24px",borderRadius:"full",bg:e.color,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,children:(0,i.jsx)(t.Text,{fontSize:"8px",color:"white",fontWeight:"700",children:e.initials})}),(0,i.jsx)(t.Text,{fontSize:"12px",fontWeight:"600",color:"gray.800",children:e.name})]}),(0,i.jsxs)(t.HStack,{spacing:"1",children:[(0,i.jsx)(t.JO$,{as:e.pass?s.PjL:s.Moc,boxSize:"3.5",color:e.pass?"green.500":"orange.500"}),(0,i.jsx)(t.Text,{fontSize:"10px",fontWeight:"600",color:e.pass?"green.600":"orange.600",children:e.pass?"Pass":"Review"})]})]}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"gray.500",noOfLines:1,pl:"32px",children:e.message})]},e.name):null)}),e>=4&&(0,i.jsx)(a,{initial:{opacity:0,y:6}
1,animate:{opacity:1,y:0},transition:{duration:.35},mt:"3",bg:"blue.50",border:"1px solid",borderColor:"blue.200",borderRadius:"8px",px:"3",py:"2",children:(0,i.jsxs)(t.HStack,{justify:"space-between",children:[(0,i.jsxs)(t.HStack,{spacing:"1.5",children:[(0,i.jsx)(t.JO$,{as:s.Moc,boxSize:"3.5",color:"blue.500"}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"blue.700",fontWeight:"600",children:"50 of 50 conversations complete"})]}),(0,i.jsxs)(t.HStack,{spacing:"3",children:[(0,i.jsxs)(t.HStack,{spacing:"1",children:[(0,i.jsx)(t.Box,{w:"6px",h:"6px",borderRadius:"full",bg:"green.400"}),(0,i.jsx)(t.Text,{fontSize:"10px",color:"gray.600",children:"47 pass"})]}),(0,i.jsxs)(t.HStack,{spacing:"1",children:[(0,i.jsx)(t.Box,{w:"6px",h:"6px",borderRadius:"full",bg:"orange.400"}),(0,i.jsx)(t.Text,{fontSize:"10px",color:"gray.600",children:"3 review"})]})]})]})})]}),(0,i.jsxs)(a,{position:"absolute",inset:"0",p:"4",animate:{opacity:2===d?1:0,y:2===d?0:10},transition:{duration:.4},pointerEvents:2===d?"auto":"none",children:[(0,i.jsxs)(t.HStack,{justify:"space-between",mb:"3",children:[(0,i.jsxs)(t.HStack,{spacing:"2",children:[(0,i.jsx)(t.JO$,{as:s.reg,boxSize:"4",color:"blue.500"}),(0,i.jsx)(t.Text,{fontSize:"13px",fontWeight:"700",color:"gray.900",children:"AI Scorecard"})]}),y&&(0,i.jsx)(a,{initial:{opacity:0}
1,animate:{opacity:1},transition:{duration:.3},bg:"purple.50",border:"1px solid",borderColor:"purple.200",borderRadius:"999px",px:"8px",py:"1px",children:(0,i.jsx)(t.Text,{fontSize:"10px",color:"purple.700",fontWeight:"600",children:"v2.3 vs v2.2"})})]}),e>=5&&(0,i.jsx)(a,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.35},mb:"3",bg:"gray.50",border:"1px solid",borderColor:"gray.200",borderRadius:"8px",px:"3",py:"2.5",children:(0,i.jsxs)(t.HStack,{justify:"space-between",children:[(0,i.jsxs)(t.Box,{children:[(0,i.jsx)(t.Text,{fontSize:"9px",color:"gray.400",fontWeight:"600",textTransform:"uppercase",letterSpacing:"0.06em",children:"Overall Score"}),(0,i.jsxs)(t.HStack,{spacing:"2",align:"baseline",mt:"0.5",children:[(0,i.jsx)(t.Text,{fontSize:"24px",fontWeight:"700",color:"gray.900",lineHeight:"1",children:"83"}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"gray.400",children:"/100"}),y&&(0,i.jsxs)(t.HStack,{spacing:"0.5",children:[(0,i.jsx)(t.JO$,{as:s.bn1,boxSize:"3",color:"green.500"}),(0,i.jsx)(t.Text,{fontSize:"10px",color:"green.600",fontWeight:"600",children:"+7 vs v2.2"})]})]})]}),(0,i.jsx)(t.Box,{bg:"green.50",borderRadius:"8px",px:"3",py:"2",border:"1px solid",borderColor:"green.200",children:(0,i.jsx)(t.Text,{fontSize:"10px",color:"green.700",fontWeight:"700",children:"Ready to deploy"})})]})}),(0,i.jsx)(t.SimpleGrid,{columns:2,spacing:"2",children:c.map((e,r)=>{var o;if(!(r<4?h:u))return null;let n=(o=e.score)>=85?{bg:"green.50",border:"green.200",text:"green.700"}:o>=70?{bg:"blue.50",border:"blue.200",text:"blue.700"}:{bg:"orange.50",border:"orange.200",text:"orange.700"};return(0,i.jsxs)(a,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.3},bg:n.bg,border:"1px solid",borderColor:n.border,borderRadius:"7px",px:"2.5",py:"2",children:[(0,i.jsxs)(t.HStack,{justify:"space-between",mb:"0.5",children:[(0,i.jsx)(t.Text,{fontSize:"20px",fontWeight:"700",color:n.text,lineHeight:"1",children:e.score}),y&&(0,i.jsx)(t.Text,{fontSize:"9px",fontWeight:"700",color:e.delta>=0?"green.600":"red.500",children:e.delta>=0?"+".concat(e.delta):e.delta})]}),(0,i.jsx)(t.Text,{fontSize:"10px",color:"gray.500",lineHeight:"1.3",noOfLines:2,children:e.label})]},e.label)})})]}),(0,i.jsxs)(a,{position:"absolute",inset:"0",p:"4",animate:{opacity:3===d?1:0,y:3===d?0:10},transition:{duration:.4},pointerEvents:3===d?"auto":"none",children:[(0,i.jsxs)(t.HStack,{justify:"space-between",mb:"3",children:[(0,i.jsxs)(t.HStack,{spacing:"2",children:[(0,i.jsx)(t.JO$,{as:s.c3K,boxSize:"4",color:"blue.500"}),(0,i.jsx)(t.Text,{fontSize:"13px",fontWeight:"700",color:"gray.900",children:"Deployment Governance"})]}),(0,i.jsx)(t.Box,{bg:"orange.50",border:"1px solid",borderColor:"orange.200",borderRadius:"999px",px:"8px",py:"1px",children:(0,i.jsx)(t.Text,{fontSize:"10px",color:"orange.700",fontWeight:"600",children:"Required mode"})})]}),e>=9&&(0,i.jsxs)(a,{initial:{opacity:0,y:6},animate:{opacity:1,y:0},transition:{duration:.35},bg:"white",border:"1px solid",borderColor:"gray.200",borderRadius:"10px",overflow:"hidden",mb:"3",children:[(0,i.jsx)(t.Box,{bg:"gray.50",px:"3",py:"2",borderBottom:"1px solid",borderColor:"gray.200",children:(0,i.jsxs)(t.HStack,{justify:"space-between",children:[(0,i.jsx)(t.Text,{fontSize:"12px",fontWeight:"700",color:"gray.900",children:"Deploy Support Agent v2.3"}),(0,i.jsx)(t.Box,{bg:f?"green.50":"yellow.50",color:f?"green.700":"yellow.700",border:"1px solid",borderColor:f?"green.200":"yellow.200",borderRadius:"999px",px:"8px",fontSize:"10px",fontWeight:"600",transition:"all 0.4s",children:f?"Approved":"Pending Review"})]})}),(0,i.jsxs)(t.Box,{px:"3",py:"2.5",children:[(0,i.jsx)(t.SimpleGrid,{columns:3,spacing:"3",mb:"3",children:[{label:"Version",value:"v2.3"},{label:"Requested by",value:"J. Chen"},{label:"Scorecard",value:"83 / 100"}].map(e=>(0,i.jsxs)(t.Box,{children:[(0,i.jsx)(t.Text,{fontSize:"9px",color:"gray.400",fontWeight:"600",textTransform:"uppercase",letterSpacing:"0.06em",children:e.label}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"gray.800",fontWeight:"600",mt:"0.5",children:e.value})]},e.label))}),(0,i.jsx)(t.Box,{bg:"blue.50",borderRadius:"7px",px:"2.5",py:"2",border:"1px solid",borderColor:"blue.100",children:(0,i.jsxs)(t.HStack,{spacing:"1.5",children:[(0,i.jsx)(t.JO$,{as:s.Moc,boxSize:"3",color:"blue.500"}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"blue.700",children:"Score improved 7 points. All 7 categories above threshold."})]})})]})]}),e>=10&&(0,i.jsxs)(a,{initial:{opacity:0,y:6}
1,animate:{opacity:1,y:0},transition:{duration:.35},children:[(0,i.jsx)(t.Text,{fontSize:"9px",color:"gray.400",fontWeight:"600",textTransform:"uppercase",letterSpacing:"0.06em",mb:"2",children:"Approval Chain"}),(0,i.jsx)(t.VStack,{spacing:"1.5",align:"stretch",children:[{initials:"SM",name:"Sarah M.",role:"Team Lead",approved:f,reviewing:!f},{initials:"DT",name:"D. Torres",role:"AI Owner",approved:!1,reviewing:!1}].map(e=>{let r=e.approved?"Approved":e.reviewing?"Reviewing":"Waiting",o=e.approved?"green.50":e.reviewing?"blue.50":"gray.50",n=e.approved?"green.700":e.reviewing?"blue.700":"gray.400",l=e.approved?"green.200":e.reviewing?"blue.200":"gray.200",s=e.approved?"green.100":e.reviewing?"blue.100":"gray.100",a=e.approved?"green.600":e.reviewing?"blue.600":"gray.500";return(0,i.jsxs)(t.HStack,{bg:"white",border:"1px solid",borderColor:l,borderRadius:"8px",px:"3",py:"2",justify:"space-between",transition:"all 0.4s",children:[(0,i.jsxs)(t.HStack,{spacing:"2",children:[(0,i.jsx)(t.Box,{w:"26px",h:"26px",borderRadius:"full",bg:s,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.4s",children:(0,i.jsx)(t.Text,{fontSize:"8px",fontWeight:"700",color:a,children:e.initials})}),(0,i.jsxs)(t.Box,{children:[(0,i.jsx)(t.Text,{fontSize:"11px",fontWeight:"600",color:"gray.800",children:e.name}),(0,i.jsx)(t.Text,{fontSize:"9px",color:"gray.400",children:e.role})]})]}),(0,i.jsx)(t.Box,{bg:o,color:n,borderRadius:"999px",px:"8px",fontSize:"10px",fontWeight:"600",transition:"all 0.4s",children:r})]},e.initials)})})]})]})]}),(0,i.jsx)("style",{children:"\n @keyframes cxPulse {\n 0%, 100% { opacity: 0.5; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n "})]})}}}]);
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.