1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4739],{24369:function(e,t,n){"use strict";var o=n(2265),r="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},i=o.useState,s=o.useEffect,l=o.useLayoutEffect,a=o.useDebugValue;function c(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!r(e,n)}catch(e){return!0}}var x="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var n=t(),o=i({inst:{value:n,getSnapshot:t}}),r=o[0].inst,x=o[1];return l(function(){r.value=n,r.getSnapshot=t,c(r)&&x({inst:r})},[e,n,t]),s(function(){return c(r)&&x({inst:r}),e(function(){c(r)&&x({inst:r})})},[e]),a(n),n};t.useSyncExternalStore=void 0!==o.useSyncExternalStore?o.useSyncExternalStore:x},53941:function(e,t,n){"use strict";e.exports=n(24369)},44027:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return W}});var o=n(57437),r=n(2265),i=n(21183),s=n(39292),l=n(98314),a=n(60373),c=n(61832),x=n(40006),d=n(25112),u=n(26440),h=n(5095),p=n(45873),f=n(14296),g=n(22575),m=n(5481),b=n(56940),y=n(97059),j=n(62994),S=n(26662),v=n(22561);let w="cubic-bezier(0.16,1,0.3,1)",T=null,k=[{name:"Pricing Questions",count:42,cxScore:44,insights:[{severity:"critical"}]},{name:"Account Setup",count:38,cxScore:71,insights:[]},{name:"Billing Issues",count:31,cxScore:58,insights:[{severity:"warning"}]},{name:"Integrations",count:27,cxScore:66,insights:[]},{name:"Feature Requests",count:24,cxScore:82,insights:[]},{name:"Password Reset",count:22,cxScore:79,insights:[]},{name:"API Docs",count:19,cxScore:73,insights:[]},{name:"Cancellation",count:17,cxScore:51,insights:[{severity:"warning"}]},{name:"Refunds",count:14,cxScore:63,insights:[]},{name:"Onboarding",count:12,cxScore:88,insights:[]},{name:"Support Hours",count:10,cxScore:76,insights:[]},{name:"Notifications",count:8,cxScore:84,insights:[]}],C=Math.max(...k.map(e=>e.count)),z=[{fill:"#1A56DB",text:"#FFFFFF"},{fill:"#1C64F2",text:"#FFFFFF"},{fill:"#3F83F8",text:"#FFFFFF"},{fill:"#76A9FA",text:"#1E3A5F"},{fill:"#BAD5FB",text:"#1E3A5F"}],B=[{date:"Nov 28",count:8},{date:"Nov 29",count:12},{date:"Nov 30",count:10},{date:"Dec 1",count:18},{date:"Dec 2",count:22},{date:"Dec 3",count:17},{date:"Dec 4",count:25},{date:"Dec 5",count:30},{date:"Dec 6",count:28},{date:"Dec 7",count:35},{date:"Dec 8",count:42},{date:"Dec 9",count:38}];function F(e){var t,n;let{x:r,y:i,width:s,height:l,name:a,count:c,cxScore:x,insights:d}=e;if(!a||s<20||l<20)return null;"Pricing Questions"===a&&(T={x:r,y:i,width:s,height:l});let{fill:u,text:h}=function(e){let t=e/C;return t>=.8?z[0]:t>=.6?z[1]:t>=.4?z[2]:t>=.2?z[3]:z[4]}(c),p=null==d?void 0:null===(t=d[0])||void 0===t?void 0:t.severity,f="critical"===p?"#E53E3E":"warning"===p?"#ED8936":null,g=(n=null!=x?x:50)>=80?"#38A169":n>=60?"#3182CE":n>=40?"#ED8936":"#E53E3E",m=Math.max(8,Math.floor(s/8)),b=a.length>m?a.slice(0,m-1)+"â¦":a,y=k.findIndex(e=>e.name===a);return(0,o.jsxs)("g",{style:{animation:"aiTileIn 0.45s cubic-bezier(0.16,1,0.3,1) ".concat(55*Math.max(0,y),"ms both"),transformBox:"fill-box",transformOrigin:"center"},children:[(0,o.jsx)("rect",{x:r,y:i,width:s,height:l,fill:u,stroke:"#FFFFFF",strokeWidth:2,rx:4,ry:4}),s>50&&l>28&&(0,o.jsx)("text",{x:r+s/2,y:i+l/2-(l>44?7:0),textAnchor:"middle",dominantBaseline:"middle",style:{fill:h,fontSize:Math.min(12,Math.max(9,Math.floor(s/10))),fontWeight:600,fontFamily:"Inter, sans-serif",pointerEvents:"none"},children:b}),s>50&&l>44&&(0,o.jsxs)("text",{x:r+s/2,y:i+l/2+9,textAnchor:"middle",dominantBaseline:"middle",style:{fill:h,fontSize:9,opacity:.75,fontFamily:"Inter, sans-serif",pointerEvents:"none"},children:[c,"x"]}),s>60&&l>32&&(0,o.jsx)("circle",{cx:r+s-8,cy:i+l-8,r:4,fill:g,stroke:"rgba(255,255,255,0.6)",strokeWidth:1}),f&&s>40&&l>24&&(0,o.jsx)("circle",{cx:r+s-8,cy:i+8,r:4,fill:f,stroke:"rgba(255,255,255,0.6)",strokeWidth:1})]})}let E=[{title:"Pricing inquiry â upgrade",preview:"What's the difference between Pro and...",cx:44,selected:!0},{title:"Annual vs monthly billing",preview:"Is there a discount for paying yearly?",cx:62},{title:"Trial to paid conversion",preview:"My trial ends tomorrow, how do I...",cx:55}],A="Lead captured. 4 exchanges. General knowledge used once.",I=[{id:"health",label:"Agent Health",icon:v.Moc,component:function(e){let{active:t}=e,[n,u]=(0,r.useState)([0,0,0]),[h,p]=(0,r.useState)(0),[f,g]=(0,r.useState)(!1),[m,b]=(0,r.useState)(!1);(0,r.useEffect)(()=>
1{if(!t){u([0,0,0]),p(0),g(!1),b(!1);return}let e=setTimeout(()=>p(82),100),n=setTimeout(()=>g(!0),1300),o=setTimeout(()=>u([88,79,81]),1500),r=setTimeout(()=>b(!0),2200);return()=>[e,n,o,r].forEach(clearTimeout)},[t]);let y=2*Math.PI*52;return(0,o.jsx)(i.Box,{h:"full",overflowY:"auto",children:(0,o.jsxs)(s.VStack,{spacing:4,p:4,align:"stretch",children:[(0,o.jsx)(l.Flex,{justify:"center",pt:2,children:(0,o.jsxs)(i.Box,{position:"relative",w:"140px",h:"140px",children:[(0,o.jsxs)("svg",{width:"140",height:"140",viewBox:"0 0 140 140",children:[(0,o.jsx)("circle",{cx:"70",cy:"70",r:52,fill:"none",stroke:"#EBF8FF",strokeWidth:"10"}),(0,o.jsx)("circle",{cx:"70",cy:"70",r:52,fill:"none",stroke:"#3182CE",strokeWidth:"10",strokeLinecap:"round",strokeDasharray:y,strokeDashoffset:y-h/100*y,transform:"rotate(-90 70 70)",style:{transition:"stroke-dashoffset 1.2s ".concat(w)}})]}),(0,o.jsxs)(s.VStack,{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%,-50%)",spacing:0,children:[(0,o.jsx)(a.Text,{fontWeight:"700",fontSize:"28px",color:"gray.800",lineHeight:"1",children:Math.round(h)}),(0,o.jsx)(a.Text,{fontSize:"10px",color:"gray.500",fontWeight:"500",children:"Health Score"})]})]})}),(0,o.jsx)(i.Box,{textAlign:"center",opacity:f?1:0,transform:f?"translateY(0)":"translateY(6px)",transition:"all 0.4s ease",children:(0,o.jsx)(c.Badge,{colorScheme:"green",fontSize:"11px",px:2,py:"2px",borderRadius:"full",children:"+4 this week"})}),[{label:"AI Resolution Rate",pct:n[0]},{label:"Answer Quality",pct:n[1]},{label:"Coverage Rate",pct:n[2]}].map((e,t)=>(0,o.jsxs)(s.VStack,{align:"stretch",spacing:1,children:[(0,o.jsxs)(l.Flex,{justify:"space-between",children:[(0,o.jsx)(a.Text,{fontSize:"11px",color:"gray.600",fontWeight:"500",children:e.label}),(0,o.jsxs)(a.Text,{fontSize:"11px",color:"gray.700",fontWeight:"600",children:[e.pct,"%"]})]}),(0,o.jsx)(i.Box,{h:"6px",bg:"gray.100",borderRadius:"full",overflow:"hidden",children:(0,o.jsx)(i.Box,{h:"full",bg:"blue.500",borderRadius:"full",w:"".concat(e.pct,"%"),style:{transition:"width 0.7s ".concat(w," ").concat(.15*t,"s"),width:"".concat(e.pct,"%")}})})]},t)),(0,o.jsx)(i.Box,{bg:"orange.50",border:"1px solid",borderColor:"orange.100",borderRadius:"lg",p:3,opacity:m?1:0,transform:m?"translateY(0)":"translateY(-8px)",transition:"all 0.4s ease",children:(0,o.jsxs)(x.HStack,{spacing:2,children:[(0,o.jsx)(d.Icon,{as:v._5U,color:"orange.400",boxSize:4,flexShrink:0}),(0,o.jsx)(a.Text,{fontSize:"11px",color:"orange.700",fontWeight:"500",children:"3 training suggestions awaiting review"}),(0,o.jsx)(d.Icon,{as:v.yoF,color:"orange.400",boxSize:3,ml:"auto",flexShrink:0})]})})]})})},duration:5500},{id:"topics",label:"Topics Explorer",icon:v.W79,component:function(e){let{active:t}=e,[n,s]=(0,r.useState)("hidden"),[l,u]=(0,r.useState)(!1),[h,p]=(0,r.useState)(!1),[m,b]=(0,r.useState)(!1),[y,j]=(0,r.useState)(!1),[S,w]=(0,r.useState)(0),[C,z]=(0,r.useState)(null);(0,r.useEffect)(()=>{if(!t){s("hidden"),u(!1),p(!1),b(!1),z(null),j(!1),T=null;return}let e=setTimeout(()=>{T=null,w(e=>e+1),j(!0)},120),n=setTimeout(()=>{T&&z({...T}),s("start")},1100),o=setTimeout(()=>{T&&z({...T}),s("arrived")},1155),r=setTimeout(()=>u(!0),1880),i=setTimeout(()=>p(!0),2080),l=setTimeout(()=>b(!0),2600),a=setTimeout(()=>b(!1),2950);return()=>{[e,n,o,r,i,l,a].forEach(clearTimeout)}},[t]);let B=C?8+C.x:null,E=C?38+C.y:null,A=C?8+C.x+.42*C.width:null,I=C?38+C.y+.44*C.height:null,W=C?8+C.x+C.width+6:null,R=C?38+C.y+4:null,L=k.map(e=>({name:e.name,size:e.count,count:e.count,cxScore:e.cxScore,insights:e.insights}));return(0,o.jsxs)(i.Box,{h:"full",position:"relative",overflow:"hidden",children:[(0,o.jsx)("style",{children:"\n@keyframes aiTileIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes aiTilePress {\n 0% { opacity: 0.22; transform: scale(1); }\n 35% { opacity: 0.32; transform: scale(0.97); }\n 100% { opacity: 0; transform: scale(1); }\n}\n@keyframes aiFadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}"}),(0,o.jsx)(i.Box,{px:4,pt:3,pb:2,borderBottom:"1px solid",borderColor:"gray.100",children:(0,o.jsxs)(x.HStack,{spacing:2,children:[(0,o.jsx)(d.Icon,{as:v.Ewl,boxSize:"13px",color:"gray.400"}),(0,o.jsx)(a.Text,{fontSize:"11px",fontWeight:"700",color:"gray.700",letterSpacing:"0.01em",children:"Topics Explorer"}),(0,o.jsx)(c.Badge,{colorScheme:"blue",fontSize:"8px",px:1.5,py:"1px",borderRadius:"full",children:"Beta"}),(0,o.jsx)(a.Text,{fontSize:"10px",color:"gray.400",ml:"auto",children:"What customers ask about"})]})}),y&&(0,o.jsx)(i.Box,{px:2,pb:2,h:"calc(100% - 38px)",children:(0,o.jsx)(f.h,{width:"100%",height:"100%",children:(0,o.jsx)(g.WB,{data:L,dataKey:"size",aspectRatio:4/3,stroke:"none",isAnimationActive:!1,content:(0,o.jsx)(F,{})})},S)}),l&&null!==B&&(0,o.jsx)(i.Box,{position:"absolute",zIndex:8,pointerEvents:"none",borderRadius:"4px",bg:"rgba(255,255,255,0.18)",style:{left:B,top:E,width:null==C?void 0:C.width,height:null==C?void 0:C.height,animation:"aiFadeIn 0.2s ease both"}}),m&&null!==B&&(0,o.jsx)(i.Box,{position:"absolute",zIndex:9,pointerEvents:"none",borderRadius:"4px",bg:"#1A202C",style:{left:B,top:E,width:null==C?void 0:C.width,height:null==C?void 0:C.height,animation:"aiTilePress 0.35s cubic-bezier(0.16,1,0.3,1) both",transformBox:"fill-box",transformOrigin:"center"}}
1),"hidden"!==n&&(0,o.jsx)(i.Box,{position:"absolute",zIndex:20,pointerEvents:"none",style:{left:"start"===n?355:null!=A?A:355,top:"start"===n?262:null!=I?I:262,opacity:1,animation:"start"===n?"aiFadeIn 0.2s ease both":void 0,transition:"left 0.72s cubic-bezier(0.16,1,0.3,1), top 0.72s cubic-bezier(0.16,1,0.3,1)"},children:(0,o.jsx)("svg",{width:"16",height:"20",viewBox:"0 0 16 20",fill:"none",style:{display:"block"},children:(0,o.jsx)("path",{d:"M6 1C6 0.4 5.6 0 5 0C4.4 0 4 0.4 4 1L4 10.2C3.6 9.8 3.1 9.5 2.5 9.5C1.7 9.5 1 10.2 1 11L1 13.5C1 16.5 3.5 19 6.5 19L8.5 19C11.5 19 14 16.5 14 13.5L14 11C14 10.2 13.3 9.5 12.5 9.5C12.1 9.5 11.8 9.7 11.5 10C11.2 9.6 10.7 9.4 10.2 9.4C9.8 9.4 9.4 9.6 9.1 9.9C8.8 9.5 8.3 9.2 7.7 9.2C7.2 9.2 6.8 9.4 6.5 9.8L6.5 1C6.5 0.4 6.1 0 5.5 0C4.9 0 4.5 0.4 4.5 1",fill:"white",stroke:"#1A202C",strokeWidth:"1",strokeLinejoin:"round"})})}),h&&null!==W&&(0,o.jsxs)(i.Box,{position:"absolute",style:{left:W,top:R},bg:"white",border:"1px solid",borderColor:"gray.200",borderRadius:"xl",p:3,shadow:"lg",zIndex:10,minW:"164px",opacity:h?1:0,transform:h?"translateY(0)":"translateY(6px)",transition:"all 0.3s ease",pointerEvents:"none",children:[(0,o.jsx)(a.Text,{fontSize:"11px",fontWeight:"700",color:"gray.800",mb:1.5,children:"Pricing Questions"}),(0,o.jsxs)(x.HStack,{spacing:1.5,mb:1.5,children:[(0,o.jsx)(c.Badge,{colorScheme:"blue",fontSize:"9px",children:"42x asked"}),(0,o.jsx)(c.Badge,{colorScheme:"red",fontSize:"9px",children:"CX 44"})]}),(0,o.jsxs)(x.HStack,{spacing:1.5,mb:1.5,children:[(0,o.jsx)(d.Icon,{as:v._5U,color:"orange.400",boxSize:"10px"}),(0,o.jsx)(a.Text,{fontSize:"10px",color:"orange.700",fontWeight:"500",children:"Needs attention"})]}),(0,o.jsx)(a.Text,{fontSize:"9px",color:"gray.400",children:"Click to explore"})]})]})},duration:3800},{id:"detail",label:"Topic Detail",icon:v.suv,component:function(e){let{active:t}=e,[n,l]=(0,r.useState)(!1),[h,p]=(0,r.useState)(0),[g,T]=(0,r.useState)(!1),[k,C]=(0,r.useState)(!1),[z,F]=(0,r.useState)(!1),[E,A]=(0,r.useState)("hidden"),[I,W]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{if(!t){l(!1),p(0),T(!1),C(!1),F(!1),A("hidden"),W(!1);return}let e=setTimeout(()=>l(!0),50),n=setTimeout(()=>p(44),400),o=setTimeout(()=>T(!0),700),r=setTimeout(()=>A("start"),1300),i=setTimeout(()=>A("arrived"),1355),s=setTimeout(()=>W(!0),2200),a=setTimeout(()=>C(!0),2550),c=setTimeout(()=>F(!0),2800);return()=>[e,n,o,r,i,s,a,c].forEach(clearTimeout)},[t]),(0,o.jsx)(i.Box,{h:"full",transform:n?"translateX(0)":"translateX(60px)",opacity:n?1:0,transition:"transform 0.4s ".concat(w,", opacity 0.35s ease"),overflowY:"auto",position:"relative",children:(0,o.jsxs)(s.VStack,{spacing:0,align:"stretch",divider:(0,o.jsx)(i.Box,{h:"1px",bg:"gray.100"}),children:[(0,o.jsxs)(i.Box,{px:5,pt:4,pb:3,children:[(0,o.jsxs)(x.HStack,{spacing:2,mb:1,flexWrap:"wrap",children:[(0,o.jsx)(a.Text,{fontSize:"13px",fontWeight:"700",color:"gray.900",children:"Pricing Questions"}),(0,o.jsx)(c.Badge,{colorScheme:"blue",textTransform:"none",fontSize:"9px",children:"42x asked"}),(0,o.jsx)(c.Badge,{colorScheme:"red",textTransform:"none",fontSize:"9px",children:"CX 44 \xb7 Needs Attention"})]}),(0,o.jsx)(a.Text,{fontSize:"10px",color:"gray.500",children:"Customer topic analysis"})]}),(0,o.jsxs)(i.Box,{px:5,py:3,children:[(0,o.jsxs)(x.HStack,{justify:"space-between",mb:1.5,children:[(0,o.jsx)(a.Text,{fontSize:"11px",fontWeight:"600",color:"gray.700",children:"CX Score"}),(0,o.jsx)(c.Badge,{colorScheme:"red",textTransform:"none",fontSize:"9px",children:"Needs Attention"})]}),(0,o.jsx)(i.Box,{h:"7px",bg:"gray.100",borderRadius:"full",overflow:"hidden",children:(0,o.jsx)(i.Box,{h:"full",bg:"red.400",borderRadius:"full",style:{width:"".concat(h,"%"),transition:"width 0.5s ease-out"}})}),(0,o.jsx)(a.Text,{fontSize:"9px",color:"gray.400",mt:1,children:"Based on ratings, escalations, knowledge coverage, and resolution signals"})]}),(0,o.jsxs)(i.Box,{px:5,py:3,position:"relative",children:[(0,o.jsxs)(x.HStack,{justify:"space-between",mb:2,children:[(0,o.jsx)(a.Text,{fontSize:"11px",fontWeight:"600",color:"gray.700",children:"Volume Trend"}),(0,o.jsx)(x.HStack,{spacing:"1px",children:["7d","14d","30d","All"].map(e=>(0,o.jsx)(i.Box,{px:2,py:"2px",fontSize:"9px",fontWeight:"All"===e?"600":"400",color:"All"===e?"white":"gray.500",bg:"All"===e?"blue.500":"white",border:"1px solid",borderColor:"All"===e?"blue.500":"gray.200",borderRadius:"7d"===e?"md 0 0 md":"All"===e?"0 md md 0":"none",children:e},e))})]}),(0,o.jsx)(f.h,{width:"100%",height:120,children:(0,o.jsxs)(m.T,{data:B,margin:{top:5,right:5,left:-20,bottom:0},style:{cursor:"pointer"},children:[(0,o.jsx)("defs",{children:(0,o.jsxs)("linearGradient",{id:"s3TrendFill",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,o.jsx)("stop",{offset:"5%",
1stopColor:"#1C64F2",stopOpacity:.15}),(0,o.jsx)("stop",{offset:"95%",stopColor:"#1C64F2",stopOpacity:0})]})}),(0,o.jsx)(b.q,{strokeDasharray:"3 3",stroke:"#EDF2F7"}),(0,o.jsx)(y.K,{dataKey:"date",tick:{fontSize:8,fill:"#718096"},axisLine:!1,tickLine:!1,interval:2}),(0,o.jsx)(j.B,{tick:{fontSize:8,fill:"#718096"},axisLine:!1,tickLine:!1,allowDecimals:!1}),(0,o.jsx)(S.uN,{type:"monotone",dataKey:"count",stroke:g?"#1C64F2":"transparent",strokeWidth:2,fill:g?"url(#s3TrendFill)":"transparent",dot:{fill:"#1C64F2",r:2.5,strokeWidth:0},activeDot:{fill:"#1C64F2",r:4,stroke:"#fff",strokeWidth:2},isAnimationActive:g,animationDuration:900,animationEasing:"ease-out"})]})}),(0,o.jsx)(a.Text,{fontSize:"9px",color:"gray.400",mt:1,textAlign:"center",children:"Click any data point to see conversations from that day"}),"hidden"!==E&&(0,o.jsx)(i.Box,{position:"absolute",zIndex:20,pointerEvents:"none",style:{left:"start"===E?"9%":"78%",top:"start"===E?"80%":"35%",animation:"start"===E?"aiFadeIn 0.2s ease both":void 0,transition:"left 0.78s cubic-bezier(0.16,1,0.3,1), top 0.78s cubic-bezier(0.16,1,0.3,1)"},children:(0,o.jsx)("svg",{width:"16",height:"20",viewBox:"0 0 16 20",fill:"none",style:{display:"block"},children:(0,o.jsx)("path",{d:"M6 1C6 0.4 5.6 0 5 0C4.4 0 4 0.4 4 1L4 10.2C3.6 9.8 3.1 9.5 2.5 9.5C1.7 9.5 1 10.2 1 11L1 13.5C1 16.5 3.5 19 6.5 19L8.5 19C11.5 19 14 16.5 14 13.5L14 11C14 10.2 13.3 9.5 12.5 9.5C12.1 9.5 11.8 9.7 11.5 10C11.2 9.6 10.7 9.4 10.2 9.4C9.8 9.4 9.4 9.6 9.1 9.9C8.8 9.5 8.3 9.2 7.7 9.2C7.2 9.2 6.8 9.4 6.5 9.8L6.5 1C6.5 0.4 6.1 0 5.5 0C4.9 0 4.5 0.4 4.5 1",fill:"white",stroke:"#1A202C",strokeWidth:"1",strokeLinejoin:"round"})})}),I&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i.Box,{position:"absolute",zIndex:15,pointerEvents:"none",style:{left:"78%",top:"24px",width:"1px",height:"116px",background:"rgba(28,100,242,0.35)",animation:"aiFadeIn 0.2s ease both"}}),(0,o.jsx)(i.Box,{position:"absolute",zIndex:16,pointerEvents:"none",w:"10px",h:"10px",borderRadius:"full",bg:"white",border:"2.5px solid",borderColor:"blue.500",style:{left:"78%",top:"35%",transform:"translate(-4px, -4px)",animation:"aiFadeIn 0.2s ease both"}}),(0,o.jsxs)(i.Box,{position:"absolute",zIndex:17,pointerEvents:"none",style:{left:"38%",top:"14%",animation:"aiFadeIn 0.25s ease 0.08s both"},bg:"white",border:"1px solid",borderColor:"gray.200",borderRadius:"md",px:2.5,py:2,shadow:"md",minW:"120px",children:[(0,o.jsx)(a.Text,{fontSize:"9px",color:"gray.500",mb:"2px",children:"Dec 7"}),(0,o.jsx)(a.Text,{fontSize:"11px",fontWeight:"700",color:"gray.900",children:"35 conversations"}),(0,o.jsx)(a.Text,{fontSize:"9px",color:"blue.500",mt:"2px",children:"Click to drill in"})]})]})]}),(0,o.jsxs)(i.Box,{px:5,py:3,children:[(0,o.jsxs)(x.HStack,{mb:2,spacing:1.5,children:[(0,o.jsx)(d.Icon,{as:v.Moc,boxSize:"11px",color:"blue.500"}),(0,o.jsx)(a.Text,{fontSize:"11px",fontWeight:"600",color:"gray.700",children:"Recommended Actions"})]}),(0,o.jsxs)(s.VStack,{spacing:2,align:"stretch",children:[(0,o.jsx)(i.Box,{px:3,py:2.5,border:"1px solid",borderColor:"red.200",borderRadius:"lg",bg:"red.50",opacity:k?1:0,transform:k?"translateY(0)":"translateY(8px)",transition:"all 0.35s ease",children:(0,o.jsxs)(x.HStack,{align:"flex-start",spacing:2,children:[(0,o.jsx)(d.Icon,{as:v.baL,color:"red.500",boxSize:"11px",mt:"1px",flexShrink:0}),(0,o.jsxs)(s.VStack,{align:"start",spacing:1.5,flex:1,children:[(0,o.jsx)(a.Text,{fontSize:"10px",color:"gray.700",lineHeight:"1.5",children:"Your agent lacks trained content on pricing. Add knowledge to close the gap."}),(0,o.jsx)(u.Button,{size:"xs",colorScheme:"red",variant:"outline",h:"20px",fontSize:"9px",children:"Train Agent"})]})]})}),(0,o.jsx)(i.Box,{px:3,py:2.5,border:"1px solid",borderColor:"orange.200",borderRadius:"lg",bg:"orange.50",opacity:z?1:0,transform:z?"translateY(0)":"translateY(8px)",transition:"all 0.35s ease",children:(0,o.jsxs)(x.HStack,{align:"flex-start",spacing:2,children:[(0,o.jsx)(d.Icon,{as:v._5U,color:"orange.400",boxSize:"11px",mt:"1px",flexShrink:0}),(0,o.jsxs)(s.VStack,{align:"start",spacing:1.5,flex:1,children:[(0,o.jsx)(a.Text,{fontSize:"10px",color:"gray.700",lineHeight:"1.5",children:"A Lead Capture action would help convert pricing conversations."}),(0,o.jsx)(u.Button,{size:"xs",colorScheme:"orange",variant:"outline",h:"20px",fontSize:"9px",children:"Add AI Action"})]})]})})]})]})]})})},duration:3800},{id:"coaching",label:"Conversations",icon:v.tNe,component:function(e){let{active:t}=e,[n,d]=(0,r.useState)(0),[u,h]=(0,r.useState)(!1),[p,f]=(0,r.useState)(!1),g=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:18,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:400,[i,s]=(0,r.useState)(""),l=(0,r.useRef)(null),a=(0,r.useRef)(null);return(0,r.useEffect)(()=>
1{if(l.current&&clearInterval(l.current),a.current&&clearTimeout(a.current),!t){s("");return}let r=0;return s(""),a.current=setTimeout(()=>{l.current=setInterval(()=>{r++,s(e.slice(0,r)),r>=e.length&&clearInterval(l.current)},n)},o),()=>{clearInterval(l.current),clearTimeout(a.current)}},[t,e,n,o]),i}(A,t&&u,18,0);return(0,r.useEffect)(()=>{if(!t){d(0),h(!1),f(!1);return}let e=0,n=setInterval(()=>{d(++e),e>=E.length&&clearInterval(n)},100),o=setTimeout(()=>h(!0),400),r=setTimeout(()=>f(!0),400+18*A.length+200);return()=>{clearInterval(n),clearTimeout(o),clearTimeout(r)}},[t]),(0,o.jsxs)(x.HStack,{h:"full",spacing:0,align:"stretch",children:[(0,o.jsxs)(i.Box,{w:"180px",flexShrink:0,borderRight:"1px solid",borderColor:"gray.100",overflowY:"auto",p:2,children:[(0,o.jsx)(a.Text,{fontSize:"9px",fontWeight:"600",color:"gray.500",mb:2,letterSpacing:"0.04em",textTransform:"uppercase",children:"Conversations"}),(0,o.jsx)(s.VStack,{spacing:1,align:"stretch",children:E.map((e,t)=>(0,o.jsxs)(i.Box,{bg:e.selected?"blue.50":"white",border:"1px solid",borderColor:e.selected?"blue.100":"gray.100",borderRadius:"lg",p:2,opacity:t<n?1:0,transform:t<n?"translateY(0)":"translateY(6px)",transition:"all 0.3s ease",cursor:"pointer",children:[(0,o.jsx)(a.Text,{fontSize:"10px",fontWeight:"600",color:e.selected?"blue.700":"gray.700",noOfLines:1,mb:.5,children:e.title}),(0,o.jsx)(a.Text,{fontSize:"9px",color:"gray.500",noOfLines:1,mb:1,children:e.preview}),(0,o.jsxs)(c.Badge,{colorScheme:e.cx>=75?"green":e.cx>=60?"yellow":"red",fontSize:"8px",children:["CX ",e.cx]})]},t))})]}),(0,o.jsxs)(i.Box,{flex:1,overflowY:"auto",p:3,children:[(0,o.jsxs)(i.Box,{bg:"gray.50",border:"1px solid",borderColor:"gray.100",borderRadius:"lg",p:3,mb:3,opacity:u?1:0,transition:"opacity 0.4s ease",children:[(0,o.jsx)(x.HStack,{spacing:2,mb:1.5,children:(0,o.jsx)(c.Badge,{colorScheme:"red",fontSize:"9px",children:"CX 44 â Needs Attention"})}),(0,o.jsxs)(a.Text,{fontSize:"10px",color:"gray.700",lineHeight:"1.5",minH:"30px",fontFamily:"mono",children:[g,g.length<A.length&&(0,o.jsx)(i.Box,{as:"span",display:"inline-block",w:"1px",h:"11px",bg:"blue.500",ml:"1px",verticalAlign:"middle",animation:"blink 0.8s step-start infinite"})]}),(0,o.jsx)(a.Text,{fontSize:"9px",color:"gray.400",fontStyle:"italic",mt:1.5,opacity:p?1:0,transition:"opacity 0.5s ease",children:"Customer asked about upgrading from Pro to Enterprise pricing, agent used general knowledge."})]}),(0,o.jsx)(s.VStack,{spacing:2,align:"stretch",children:[{role:"user",text:"What is the difference between Pro and Enterprise?"},{role:"agent",text:"Enterprise includes SSO, custom SLAs, and a dedicated account manager. Pro is great for growing teams."},{role:"user",text:"How much does Enterprise cost?"},{role:"agent",text:"Pricing is custom based on your usage. I can connect you with our team for a quote."}].map((e,t)=>(0,o.jsx)(l.Flex,{justify:"user"===e.role?"flex-end":"flex-start",children:(0,o.jsx)(i.Box,{bg:"user"===e.role?"blue.500":"white",border:"agent"===e.role?"1px solid":"none",borderColor:"gray.100",color:"user"===e.role?"white":"gray.700",borderRadius:"xl",borderTopRightRadius:"user"===e.role?"sm":"xl",borderTopLeftRadius:"agent"===e.role?"sm":"xl",px:2.5,py:1.5,maxW:"85%",children:(0,o.jsx)(a.Text,{fontSize:"10px",lineHeight:"1.5",children:e.text})})},t))})]})]})},duration:5500}];function W(){var e,t;let[n,l]=(0,r.useState)(0),[c,f]=(0,r.useState)(!1),g=(0,r.useRef)(null),[m,b]=(0,r.useState)(null),y=(0,r.useCallback)(()=>{l(e=>(b(e),(e+1)%I.length))},[]),j=(0,r.useCallback)(e=>{b(n),l(e),clearTimeout(g.current)},[n]);(0,r.useEffect)(()=>{var e,t;if(c){clearTimeout(g.current);return}let o=null!==(t=null===(e=I[n])||void 0===e?void 0:e.duration)&&void 0!==t?t:5500;return g.current=setTimeout(y,o),()=>clearTimeout(g.current)},[n,c,y]);let S=I[n].component,v=null!==m&&n>m?1:-1;return(0,o.jsxs)(s.VStack,{spacing:4,w:"full",align:"center",children:[(0,o.jsxs)(i.Box,{w:"full",maxW:"680px",borderRadius:"xl",boxShadow:"0 8px 40px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06)",overflow:"hidden",bg:"white",border:"1px solid",borderColor:"gray.200",onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),children:[(0,o.jsx)(i.Box,{bg:"gray.100",px:3,py:2,borderBottom:"1px solid",borderColor:"gray.200",children:(0,o.jsxs)(x.HStack,{spacing:2,children:[(0,o.jsx)(x.HStack,{spacing:1.5,children:["#FF5F56","#FFBD2E","#27C93F"].map((e,t)=>(0,o.jsx)(i.Box,{w:"10px",h:"10px",borderRadius:"full",bg:e},t))}),(0,o.jsx)(i.Box,{flex:1,mx:4,bg:"white",border:"1px solid",borderColor:"gray.200",borderRadius:"md",px:3,py:"3px",textAlign:"center",children:(0,o.jsx)(a.Text,{fontSize:"10px",color:"gray.400",fontFamily:"mono",children:"chatspark.ai/my/agents/intelligence"})})]})}),(0,o.jsx)(i.Box,{bg:"white",px:3,py:2,borderBottom:"1px solid",borderColor:"gray.100",children:(0,o.jsxs)(x.HStack,{spacing:3,children:[(0,o.jsx)(a.Text,{fontSize:"10px",fontWeight:"700",color:"blue.600",children:"Agent Intelligence"}),(0,o.jsx)(x.HStack,{spacing:2,ml:"auto",children:["Overview","Conversations","Training"].map((e,t)=>(0,o.jsx)(a.Text,{fontSize:"9px",color:"gray.400",cursor:"pointer",children:e},t))})]})}),(0,o.jsxs)(i.Box,{h:"500px",position:"relative",overflow:"hidden",bg:"white",children:[(0,o.jsx)(h.M,{initial:!1,mode:"wait",children:(0,o.jsx)(p.E.div,{initial:{opacity:0,x:40*v}
1,animate:{opacity:1,x:0},exit:{opacity:0,x:-20*v},transition:{type:"spring",stiffness:300,damping:30},style:{position:"absolute",inset:0},children:(0,o.jsx)(S,{active:!0})},n)}),!c&&(0,o.jsx)(i.Box,{position:"absolute",bottom:0,left:0,h:"2px",bg:"blue.400",style:{animation:"aiProgressBar ".concat(null!==(t=null===(e=I[n])||void 0===e?void 0:e.duration)&&void 0!==t?t:5500,"ms linear forwards")}},"progress-".concat(n))]})]}),(0,o.jsx)(x.HStack,{spacing:2,flexWrap:"wrap",justify:"center",children:I.map((e,t)=>(0,o.jsx)(u.Button,{size:"sm",onClick:()=>j(t),bg:n===t?"blue.500":"white",color:n===t?"white":"gray.600",border:"1px solid",borderColor:n===t?"blue.500":"gray.200",borderRadius:"full",h:"32px",px:4,fontSize:"12px",fontWeight:"600",leftIcon:(0,o.jsx)(d.Icon,{as:e.icon,boxSize:"14px"}),_hover:{bg:n===t?"blue.600":"gray.50",borderColor:n===t?"blue.600":"gray.300"},transition:"all 0.15s ease",children:e.label},e.id))}),(0,o.jsx)("style",{children:"\n @keyframes aiProgressBar {\n from { width: 0% }\n to { width: 100% }\n }\n @keyframes blink {\n 50% { opacity: 0 }\n }\n "})]})}},25566:function(e){var t,n,o,r=e.exports={};function i(){throw Error("setTimeout has not been defined")}function s(){throw Error("clearTimeout has not been defined")}function l(e){if(t===setTimeout)return setTimeout(e,0);if((t===i||!t)&&setTimeout)return t=setTimeout,setTimeout(e,0);try{return t(e,0)}catch(n){try{return t.call(null,e,0)}catch(n){return t.call(this,e,0)}}}!function(){try{t="function"==typeof setTimeout?setTimeout:i}catch(e){t=i}try{n="function"==typeof clearTimeout?clearTimeout:s}catch(e){n=s}}();var a=[],c=!1,x=-1;function d(){c&&o&&(c=!1,o.length?a=o.concat(a):x=-1,a.length&&u())}function u(){if(!c){var e=l(d);c=!0;for(var t=a.length;t;){for(o=a,a=[];++x<t;)o&&o[x].run();x=-1,t=a.length}o=null,c=!1,function(e){if(n===clearTimeout)return clearTimeout(e);if((n===s||!n)&&clearTimeout)return n=clearTimeout,clearTimeout(e);try{n(e)}catch(t){try{return n.call(null,e)}catch(t){return n.call(this,e)}}}(e)}}function h(e,t){this.fun=e,this.array=t}function p(){}r.nextTick=function(e){var t=Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];a.push(new h(e,t)),1!==a.length||c||l(u)},h.prototype.run=function(){this.fun.apply(null,this.array)},r.title="browser",r.browser=!0,r.env={},r.argv=[],r.version="",r.versions={},r.on=p,r.addListener=p,r.once=p,r.off=p,r.removeListener=p,r.removeAllListeners=p,r.emit=p,r.prependListener=p,r.prependOnceListener=p,r.listeners=function(e){return[]},r.binding=function(e){throw Error("process.binding is not supported")},r.cwd=function(){return"/"},r.chdir=function(e){throw Error("process.chdir is not supported")},r.umask=function(){return 0}}}]);
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.