1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3225],{23225:function(e,r,o){o.r(r),o.d(r,{default:function(){return x}});var i=o(57437),n=o(2265),t=o(23859),s=o(45873),a=o(22561);let l=(0,s.E)(t.Box),d=[{label:"Analytics",delays:[800,1200,1400,2600,3800],userMsg:"How did my inbox perform this week compared to last week?",thinkingMsgs:["Pulling your workspace analytics...","Crunching the numbers..."],render:e=>(0,i.jsxs)(i.Fragment,{children:[e>=3&&(0,i.jsxs)(l,{initial:{opacity:0,y:5},animate:{opacity:1,y:0},transition:{duration:.3},children:[(0,i.jsx)(t.Box,{bg:"gray.50",borderRadius:"12px 12px 12px 4px",px:"3",py:"2.5",fontSize:"13px",color:"gray.700",lineHeight:"1.5",mb:"2",children:"Your inbox improved across every metric this week. Here is the breakdown."}),(0,i.jsxs)(t.Box,{border:"1px solid",borderColor:"gray.200",borderRadius:"10px",overflow:"hidden",bg:"white",children:[(0,i.jsx)(t.Box,{px:"3",py:"2",bg:"gray.50",borderBottom:"1px solid",borderColor:"gray.100",children:(0,i.jsx)(t.Text,{fontSize:"11px",fontWeight:"700",color:"gray.500",letterSpacing:"0.04em",children:"THIS WEEK VS. LAST WEEK"})}),(0,i.jsx)(t.Box,{px:"3",py:"2",display:"grid",gridTemplateColumns:"1fr 1fr",gap:"2",children:[{label:"AI Resolution Rate",value:"78%",prev:"66%",up:!0},{label:"CSAT Score",value:"94%",prev:"89%",up:!0},{label:"Median Resolution",value:"2.1h",prev:"4.6h",up:!0},{label:"Open Assists",value:"23",prev:"41",up:!0}].map(e=>(0,i.jsxs)(t.Box,{bg:"gray.50",borderRadius:"7px",px:"2.5",py:"2",border:"1px solid",borderColor:"gray.100",children:[(0,i.jsxs)(t.HStack,{spacing:"1.5",mb:"0.5",children:[(0,i.jsx)(t.Text,{fontSize:"17px",fontWeight:"700",color:"gray.800",children:e.value}),(0,i.jsxs)(t.Box,{bg:e.up?"green.50":"red.50",color:e.up?"green.600":"red.500",borderRadius:"4px",px:"1",fontSize:"10px",fontWeight:"600",children:[e.up?"â":"â"," ",e.prev]})]}),(0,i.jsx)(t.Text,{fontSize:"10px",color:"gray.400",children:e.label})]},e.label))}),(0,i.jsx)(t.Box,{px:"3",pb:"2.5",pt:"1",children:(0,i.jsx)(t.Text,{fontSize:"11.5px",color:"gray.500",lineHeight:"1.5",children:"Resolution rate jumped 12 points. Your refund policy training update from Monday appears to be the driver."})})]})]}),e>=4&&(0,i.jsx)(l,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.3},display:"flex",flexWrap:"wrap",gap:"1.5",children:["Show the trend chart","Which agent improved most?","Fix the remaining gaps"].map(e=>(0,i.jsx)(t.Box,{border:"1px solid",borderColor:"blue.200",borderRadius:"20px",px:"2.5",py:"1",fontSize:"11px",color:"blue.600",bg:"blue.50",children:e},e))})]})},{label:"Agent config",delays:[800,1200,1500,1600,2800,2e3,3200],userMsg:"Rewrite my Customer Support AI agent personality to be more direct and professional",thinkingMsgs:["Reading your AI agent configuration...","Comparing against best practices..."],render:e=>(0,i.jsxs)(i.Fragment,{children:[e>=3&&(0,i.jsx)(l,{initial:{opacity:0,y:5},animate:{opacity:1,y:0},transition:{duration:.3},children:(0,i.jsx)(t.Box,{bg:"gray.50",borderRadius:"12px 12px 12px 4px",px:"3",py:"2.5",fontSize:"13px",color:"gray.700",lineHeight:"1.5",children:"I rewrote the personality for your Customer Support agent. Review the full before and after below."})}),e>=4&&(0,i.jsxs)(l,{initial:{opacity:0,y:6},animate:{opacity:1,y:0},transition:{duration:.35},border:"1px solid",borderColor:"blue.200",borderRadius:"10px",overflow:"hidden",bg:"white",children:[(0,i.jsx)(t.Box,{bg:"blue.50",px:"3",py:"2",borderBottom:"1px solid",borderColor:"blue.100",children:(0,i.jsx)(t.HStack,{children:(0,i.jsx)(t.Text,{fontSize:"12px",fontWeight:"600",color:"blue.800",children:"Update AI agent personality: Customer Support"})})}),(0,i.jsxs)(t.Box,{px:"3",pt:"2.5",pb:"1",borderBottom:"1px solid",borderColor:"gray.100",children:[(0,i.jsx)(t.Text,{fontSize:"10px",fontWeight:"700",color:"gray.400",letterSpacing:"0.04em",mb:"1.5",children:"CURRENT"}),(0,i.jsx)(t.Box,{bg:"red.50",border:"1px solid",borderColor:"red.100",borderRadius:"7px",px:"2.5",py:"2",children:(0,i.jsx)(t.Text,{fontSize:"11.5px",color:"gray.500",lineHeight:"1.6",fontFamily:"mono",children:'"You are a friendly and enthusiastic supp
1ort assistant for Acme Corp. Your goal is to make every customer feel welcomed and heard. Always respond with warmth, encouragement, and a positive attitude â even on simple questions. Take as much time as needed to make customers feel comfortable."'})})]}),(0,i.jsxs)(t.Box,{px:"3",pt:"2.5",pb:"2.5",children:[(0,i.jsx)(t.Text,{fontSize:"10px",fontWeight:"700",color:"green.600",letterSpacing:"0.04em",mb:"1.5",children:"PROPOSED"}),(0,i.jsx)(t.Box,{bg:"green.50",border:"1px solid",borderColor:"green.200",borderRadius:"7px",px:"2.5",py:"2",children:(0,i.jsx)(t.Text,{fontSize:"11.5px",color:"gray.700",lineHeight:"1.6",fontFamily:"mono",children:'"You are a professional support assistant for Acme Corp. Give clear, direct answers. Keep responses concise â avoid unnecessary filler phrases. Ask one clarifying question at a time when you need more information. Escalate billing issues and account disputes to a human agent immediately."'})}),(0,i.jsxs)(t.HStack,{justify:"flex-end",spacing:"2",mt:"2.5",children:[e<5&&(0,i.jsx)(t.Button,{size:"xs",variant:"ghost",colorScheme:"gray",fontSize:"11px",children:"Cancel"}),(0,i.jsx)(l,{animate:5===e?{scale:[1,.93,1]}:{},transition:{duration:.18},children:(0,i.jsx)(t.Button,{size:"xs",fontSize:"11px",colorScheme:e>=6?"green":"blue",bg:e>=6?"green.500":e>=5?"blue.700":"blue.500",isDisabled:e>=6,_disabled:{opacity:1,cursor:"default"},children:e>=6?"Approved":"Approve"})})]})]})]}),e>=6&&(0,i.jsx)(l,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.3},bg:"green.50",border:"1px solid",borderColor:"green.200",borderRadius:"10px",px:"3",py:"2",children:(0,i.jsxs)(t.HStack,{spacing:"2",children:[(0,i.jsx)(t.Box,{color:"green.500",fontSize:"16px",lineHeight:"0",children:(0,i.jsx)(a.PjL,{})}),(0,i.jsxs)(t.Box,{flex:"1",children:[(0,i.jsx)(t.Text,{fontSize:"12px",fontWeight:"600",color:"green.800",children:"AI agent personality updated"}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"green.600",children:"Customer Support agent is now more direct and professional."})]}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"green.500",whiteSpace:"nowrap",children:"Undo 29s"})]})}),e>=7&&(0,i.jsx)(l,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.3},display:"flex",flexWrap:"wrap",gap:"1.5",children:["Regenerate welcome message","Run an A/B test","Update agent rules"].map(e=>(0,i.jsx)(t.Box,{border:"1px solid",borderColor:"blue.200",borderRadius:"20px",px:"2.5",py:"1",fontSize:"11px",color:"blue.600",bg:"blue.50",children:e},e))})]})},{label:"Inbox",delays:[800,1200,1400,1800,2800,1400,3200],userMsg:"Close all open assists that have had no new messages in the last 3 days",thinkingMsgs:["Scanning your inbox...","Counting and categorizing assists..."],render:e=>(0,i.jsxs)(i.Fragment,{children:[e>=3&&(0,i.jsxs)(l,{initial:{opacity:0,y:5},animate:{opacity:1,y:0},transition:{duration:.3},children:[(0,i.jsx)(t.Box,{bg:"gray.50",borderRadius:"12px 12px 12px 4px",px:"3",py:"2.5",fontSize:"13px",color:"gray.700",lineHeight:"1.5",mb:"2",children:"I found 34 open assists with no new messages in the last 72 hours. Here is what will happen if you approve."}),(0,i.jsxs)(t.Box,{border:"1px solid",borderColor:"orange.200",borderRadius:"10px",overflow:"hidden",bg:"white",children:[(0,i.jsx)(t.Box,{bg:"orange.50",px:"3",py:"2",borderBottom:"1px solid",borderColor:"orange.100",children:(0,i.jsxs)(t.HStack,{children:[(0,i.jsx)(t.Text,{fontSize:"12px",fontWeight:"600",color:"orange.800",children:"Bulk close 34 assists"}),(0,i.jsx)(t.Cts,{colorScheme:"orange",ml:"auto",fontSize:"10px",children:"High impact"})]})}),(0,i.jsx)(t.Box,{px:"3",py:"2.5",display:"flex",flexDirection:"column",gap:"2",children:[{label:"Criteria",value:"Open, no activity in 72h"},{label:"Action",value:"Status: open â closed"},{label:"CSAT emails",value:"Sent automatically on close"},{label:"Notifications",value:"None sent to customers"}].map(e=>(0,i.jsxs)(t.HStack,{justify:"space-between",fontSize:"12px",children:[(0,i.jsx)(t.Text,{color:"gray.400",children:e.label}),(0,i.jsx)(t.Text,{color:"gray.700",fontWeight:"500",children:e.value})]},e.label))}),(0,i.jsx)(t.Box,{px:"3",pb:"2.5",children:(0,i.jsxs)(t.HStack,{justify:"flex-end",spacing:"2",children:[e<5&&(0,i.jsx)(t.Button,{size:"xs",variant:"ghost",colorScheme:"gray",fontSize:"11px",children:"Cancel"}),(0,i.jsx)(l,{animate:5===e?{scale:[1,.93,1]}:{},transition:{duration:.18},children:(0,i.jsx)(t.Button,{size:"xs",fontSize:"11px",colorScheme:e>=6?"green":"orange",bg:e>=6?"green.500":e>=5?"orange.700":"orange.500",isDisabled:e>=6,_disabled:{opacity:1,cursor:"default"},children:e>=6?"Approved":"Approve"})})]})})]})]}),e>=6&&(0,i.jsx)(l,{initial:{opacity:0,y:4}
1,animate:{opacity:1,y:0},transition:{duration:.3},bg:"green.50",border:"1px solid",borderColor:"green.200",borderRadius:"10px",px:"3",py:"2",children:(0,i.jsxs)(t.HStack,{spacing:"2",children:[(0,i.jsx)(t.Box,{color:"green.500",fontSize:"16px",lineHeight:"0",children:(0,i.jsx)(a.PjL,{})}),(0,i.jsxs)(t.Box,{flex:"1",children:[(0,i.jsx)(t.Text,{fontSize:"12px",fontWeight:"600",color:"green.800",children:"34 assists closed"}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"green.600",children:"CSAT emails sent. Snapshot saved for 30 days."})]}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"green.500",whiteSpace:"nowrap",children:"Undo 29s"})]})}),e>=7&&(0,i.jsx)(l,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.3},display:"flex",flexWrap:"wrap",gap:"1.5",children:["Run this weekly automatically","Show unassigned urgent","Trigger pattern analysis"].map(e=>(0,i.jsx)(t.Box,{border:"1px solid",borderColor:"blue.200",borderRadius:"20px",px:"2.5",py:"1",fontSize:"11px",color:"blue.600",bg:"blue.50",children:e},e))})]})},{label:"Training",delays:[800,1200,1500,1800,2600,1800,3200],userMsg:"Show me this week's top training suggestions",thinkingMsgs:["Scanning your training data...","Looking for patterns in escalations..."],render:e=>(0,i.jsxs)(i.Fragment,{children:[e>=3&&(0,i.jsx)(l,{initial:{opacity:0,y:5},animate:{opacity:1,y:0},transition:{duration:.3},children:(0,i.jsx)(t.Box,{bg:"gray.50",borderRadius:"12px 12px 12px 4px",px:"3",py:"2.5",fontSize:"13px",color:"gray.700",lineHeight:"1.5",mb:"2",children:"I found 3 high-impact training suggestions this week based on unanswered questions and escalations. Review and approve below."})}),e>=4&&(0,i.jsx)(l,{initial:{opacity:0,y:6},animate:{opacity:1,y:0},transition:{duration:.35},display:"flex",flexDirection:"column",gap:"2",children:[{id:1,title:"Can I get a refund on a digital product I already downloaded?",description:"Digital products are eligible for a full refund within 48 hours of purchase if the file has not been opened. After 48 hours or if the file has been accessed, refunds are reviewed case by case. Contact support with your order ID to start a request."},{id:2,title:"How do I track my order after it ships?",description:"Once your order ships you will receive a tracking email with a link. You can also log in and visit Orders to see live tracking. Most orders arrive within 3â5 business days."},{id:3,title:"Do you offer international shipping?",description:"Yes, we ship to over 40 countries. International orders typically arr
1ive in 7â14 business days. Duties and taxes are the responsibility of the recipient and are not included at checkout."}].map((r,o)=>{let n=e>=6&&0===o;return(0,i.jsxs)(l,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.28,delay:.08*o},borderRadius:"10px",border:"1px solid",borderColor:n?"green.200":"#E2E8F0",bg:n?"green.50":"white",p:"3",children:[(0,i.jsx)(t.Text,{fontSize:"13px",fontWeight:"600",color:n?"green.800":"#2D3748",mb:"1.5",lineHeight:"18px",children:r.title}),(0,i.jsx)(t.Text,{fontSize:"12px",color:n?"green.700":"#718096",lineHeight:"18px",mb:"2",whiteSpace:"pre-wrap",children:r.description}),(0,i.jsx)(t.HStack,{spacing:"1.5",flexWrap:"wrap",children:n?(0,i.jsxs)(t.HStack,{spacing:"1.5",children:[(0,i.jsx)(t.Box,{color:"green.500",fontSize:"13px",lineHeight:"0",children:(0,i.jsx)(a.PjL,{})}),(0,i.jsx)(t.Text,{fontSize:"12px",fontWeight:"600",color:"green.700",children:"Approved"})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l,{animate:5===e&&0===o?{scale:[1,.93,1]}:{},transition:{duration:.18},children:(0,i.jsx)(t.Box,{as:"button",fontSize:"12px",px:"2.5",py:"1",borderRadius:"lg",fontWeight:"500",bg:"blue.50",color:"blue.600",cursor:"default",children:"Approve"})}),(0,i.jsx)(t.Box,{as:"button",fontSize:"12px",px:"2.5",py:"1",borderRadius:"lg",fontWeight:"500",bg:"#F7FAFC",color:"#718096",cursor:"default",children:"Edit"}),(0,i.jsx)(t.Box,{as:"button",fontSize:"12px",px:"2.5",py:"1",borderRadius:"lg",fontWeight:"500",bg:"#F7FAFC",color:"#718096",cursor:"default",children:"Dismiss"})]})})]},r.id)})}),e>=6&&(0,i.jsx)(l,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.3},bg:"green.50",border:"1px solid",borderColor:"green.200",borderRadius:"10px",px:"3",py:"2",children:(0,i.jsxs)(t.HStack,{spacing:"2",children:[(0,i.jsx)(t.Box,{color:"green.500",fontSize:"16px",lineHeight:"0",children:(0,i.jsx)(a.PjL,{})}),(0,i.jsxs)(t.Box,{flex:"1",children:[(0,i.jsx)(t.Text,{fontSize:"12px",fontWeight:"600",color:"green.800",children:"Training added and queued for retraining"}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"green.600",children:"No conflicts detected. Agent updating now."})]}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"green.500",whiteSpace:"nowrap",children:"Undo 29s"})]})}),e>=7&&(0,i.jsx)(l,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.3},display:"flex",flexWrap:"wrap",gap:"1.5",children:["Approve all remaining","Show all gaps","Check for c
1onflicts"].map(e=>(0,i.jsx)(t.Box,{border:"1px solid",borderColor:"blue.200",borderRadius:"20px",px:"2.5",py:"1",fontSize:"11px",color:"blue.600",bg:"blue.50",children:e},e))})]})},{label:"Setup",delays:[800,1200,1500,2600,1800,1400,2200,3e3],userMsg:"Connect my Shopify store to AI Actions",thinkingMsgs:["Checking your connected AI Actions...","Getting the setup form ready..."],render:e=>(0,i.jsxs)(i.Fragment,{children:[e>=3&&(0,i.jsxs)(l,{initial:{opacity:0,y:5},animate:{opacity:1,y:0},transition:{duration:.3},children:[e<6&&(0,i.jsx)(t.Box,{bg:"gray.50",borderRadius:"12px 12px 12px 4px",px:"3",py:"2.5",fontSize:"13px",color:"gray.700",lineHeight:"1.5",mb:"2",children:"Here is the Shopify setup form. Fill in your Store URL and Access Token, then test the connection."}),(0,i.jsxs)(t.Box,{border:"1px solid",borderColor:e>=6?"green.200":"gray.200",borderRadius:"10px",overflow:"hidden",bg:"white",children:[(0,i.jsx)(t.Box,{bg:e>=6?"green.50":"purple.50",px:"3",py:"2.5",borderBottom:"1px solid",borderColor:e>=6?"green.100":"purple.100",children:(0,i.jsxs)(t.HStack,{spacing:"2",justify:"space-between",children:[(0,i.jsxs)(t.HStack,{spacing:"2",children:[(0,i.jsx)(t.Box,{as:e>=6?a.PjL:a.kYI,fontSize:"14px",color:e>=6?"green.500":"purple.500"}),(0,i.jsx)(t.Text,{fontSize:"13px",fontWeight:"600",color:e>=6?"green.800":"purple.800",children:"Shopify AI Action"})]}),(0,i.jsx)(t.Cts,{colorScheme:e>=6?"green":"purple",fontSize:"9px",children:e>=6?"Connected":"New Connection"})]})}),(0,i.jsxs)(t.Box,{px:"3",py:"3",display:"flex",flexDirection:"column",gap:"2",children:[(0,i.jsxs)(t.Box,{children:[(0,i.jsx)(t.Text,{fontSize:"11px",fontWeight:"500",color:"gray.600",mb:"1",children:"Store URL"}),(0,i.jsx)(t.Box,{bg:"gray.50",border:"1px solid",borderColor:"gray.200",borderRadius:"6px",px:"2.5",py:"1.5",fontSize:"12px",color:"gray.500",children:"myshop.myshopify.com"})]}),(0,i.jsxs)(t.Box,{children:[(0,i.jsx)(t.Text,{fontSize:"11px",fontWeight:"500",color:"gray.600",mb:"1",children:"Access Token"}),(0,i.jsx)(t.Box,{bg:"gray.50",border:"1px solid",borderColor:"gray.200",borderRadius:"6px",px:"2.5",py:"1.5",fontSize:"12px",color:"gray.400",letterSpacing:"2px",children:"â¢â¢â¢â¢â¢â¢â¢â¢â¢â¢â¢â¢"})]}),e>=4&&(0,i.jsx)(t.Box,{bg:"green.50",border:"1px solid",borderColor:"green.200",borderRadius:"6px",px:"2.5",py:"1.5",children:(0,i.jsxs)(t.HStack,{spacing:"1.5",children:[(0,i.jsx)(t.Box,{color:"green.500",fontSize:"13px",lineHeight:"0",children:(0,i.jsx)(a.PjL,{})}),(0,i.jsx)(t.Text,{fontSize:"11.5px",fontWeight:"600",color:"green.700",children:"Connected to Shopify successfully."})]})}),(0,i.jsxs)(t.HStack,{justify:"flex-end",spacing:"2",pt:"1",children:[e<5&&(0,i.jsx)(t.Button,{size:"xs",variant:"ghost",colorScheme:"gray",fontSize:"11px",children:"Cancel"}),(0,i.jsx)(l,{animate:5===e?{scale:[1,.92,1]}:{},transition:{duration:.18},children:(0,i.jsx)(t.Button,{size:"xs",fontSize:"11px",colorScheme:e>=6?"green":"purple",bg:e>=6?"green.500":e>=5?"purple.700":e>=4?"purple.500":void 0,isDisabled:e<4||e>=6,opacity:e<4?.4:1,_disabled:{opacity:e<4?.4:1,cursor:"default"},children:e>=6?"Saved":"Save Action"})})]})]})]})]}),e>=6&&(0,i.jsx)(l,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.3},bg:"green.50",border:"1px solid",borderColor:"green.200",borderRadius:"8px",px:"3",py:"2",children:(0,i.jsxs)(t.HStack,{spacing:"2",children:[(0,i.jsx)(t.Box,{color:"green.500",fontSize:"16px",lineHeight:"0",children:(0,i.jsx)(a.PjL,{})}),(0,i.jsxs)(t.Box,{children:[(0,i.jsx)(t.Text,{fontSize:"12px",fontWeight:"600",color:"green.800",children:"Shopify AI Action connected"}),(0,i.jsx)(t.Text,{fontSize:"11px",color:"green.600",children:"Your credentials are encrypted and saved."})]})]})}),e>=7&&(0,i.jsx)(l,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.3},display:"flex",flexWrap:"wrap",gap:"1.5",children:["Enable for Customer Support","Set up another action","View all AI Actions"].map(e=>(0,i.jsx)(t.Box,{border:"1px solid",borderColor:"blue.200",borderRadius:"20px",px:"2.5",py:"1",fontSize:"11px",color:"blue.600",bg:"blue.50",children:e},e))})]})}];function x(e){let{fullWidth:r=!1}
1=e,[o,s]=(0,n.useState)(0),[x,p]=(0,n.useState)(0),[c,g]=(0,n.useState)(0),h=(0,n.useRef)(null),u=(0,n.useRef)(null),b=(0,n.useRef)(0),y=(0,n.useRef)(0),f=(0,n.useRef)(null),j=d[o],m=e=>{clearTimeout(h.current),clearTimeout(u.current),y.current=e,b.current=0,s(e),p(0),g(0);let r=d[e],o=()=>{var e;let i=null!==(e=r.delays[b.current])&&void 0!==e?e:1800;h.current=setTimeout(()=>{if(b.current+=1,b.current>=r.delays.length){h.current=setTimeout(()=>{m((y.current+1)%d.length)},2400),p(b.current);return}p(b.current),o()},i)};o()};return(0,n.useEffect)(()=>(m(0),()=>{clearTimeout(h.current),clearTimeout(u.current)}),[]),(0,n.useEffect)(()=>(clearTimeout(u.current),2===x?(g(0),u.current=setTimeout(()=>g(1),1600)):g(0),()=>clearTimeout(u.current)),[x,o]),(0,n.useEffect)(()=>{f.current&&(f.current.scrollTop=f.current.scrollHeight)},[x,o]),(0,i.jsxs)(t.Box,{borderRadius:"14px",overflow:"hidden",border:"1px solid",borderColor:"gray.200",bg:"white",w:"100%",maxW:r?"100%":"540px",children:[(0,i.jsx)(t.Box,{bg:"gray.100",px:"4",py:"2.5",borderBottom:"1px solid",borderColor:"gray.200",children:(0,i.jsxs)(t.HStack,{spacing:"2",children:[(0,i.jsx)(t.Box,{w:"11px",h:"11px",borderRadius:"full",bg:"red.300"}),(0,i.jsx)(t.Box,{w:"11px",h:"11px",borderRadius:"full",bg:"yellow.300"}),(0,i.jsx)(t.Box,{w:"11px",h:"11px",borderRadius:"full",bg:"green.300"}),(0,i.jsx)(t.Box,{flex:"1",bg:"white",borderRadius:"md",px:"3",py:"1",ml:"3",fontSize:"11.5px",color:"gray.400",children:"chatspark.io/my/dashboard"})]})}),(0,i.jsxs)(t.Box,{bg:"white",h:"680px",display:"flex",flexDirection:"column",overflow:"hidden",children:[(0,i.jsxs)(t.HStack,{px:"4",py:"2.5",borderBottom:"1px solid",borderColor:"gray.100",spacing:"2",flexShrink:0,children:[(0,i.jsx)(t.Box,{color:"blue.500",fontSize:"17px",lineHeight:"0",children:(0,i.jsx)(a.Moc,{})}),(0,i.jsx)(t.Text,{fontSize:"13px",fontWeight:"600",color:"gray.800",children:"AI Operator"}),(0,i.jsx)(t.Box,{ml:"auto",display:"flex",gap:"1.5",alignItems:"center",children:d.map((e,r)=>(0,i.jsx)(t.Box,{as:"button",w:r===o?"18px":"6px",h:"6px",borderRadius:"999px",bg:r===o?"blue.500":"gray.200",transition:"all 0.4s ease",cursor:"pointer",onClick:()=>m(r),title:e.label},e.label))})]}),(0,i.jsx)(t.Box,{px:"4",pt:"2.5",pb:"0",flexShrink:0,children:(0,i.jsx)(l,{initial:{opacity:0}
1,animate:{opacity:1},transition:{duration:.3},children:(0,i.jsx)(t.Text,{fontSize:"10px",fontWeight:"700",color:"blue.400",letterSpacing:"0.06em",textTransform:"uppercase",children:j.label})},o)}),(0,i.jsxs)(t.Box,{ref:f,flex:"1",minH:"0",overflowY:"auto",px:"4",pt:"2",pb:"3",display:"flex",flexDirection:"column",gap:"2.5",sx:{"&::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none"},children:[x>=1&&(0,i.jsx)(t.Box,{children:(0,i.jsx)(t.HStack,{justify:"flex-end",children:(0,i.jsx)(t.Box,{bg:"blue.500",color:"white",borderRadius:"12px 12px 4px 12px",px:"3",py:"2",fontSize:"13px",maxW:"86%",lineHeight:"1.45",children:j.userMsg})})}),2===x&&(0,i.jsxs)(t.HStack,{spacing:"2",align:"flex-start",children:[(0,i.jsx)(t.Box,{w:"28px",h:"28px",borderRadius:"full",bg:"blue.50",border:"1px solid",borderColor:"blue.100",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",children:(0,i.jsx)(t.Box,{color:"blue.400",fontSize:"12px",lineHeight:"0",children:(0,i.jsx)(a.Moc,{})})}),(0,i.jsx)(t.Box,{bg:"gray.50",borderRadius:"3px 10px 10px 10px",px:"3.5",py:"3",minW:"160px",maxW:"80%",children:(0,i.jsx)(l,{animate:{opacity:[0,.8,.4,1,.4]},transition:{duration:2.4,times:[0,.12,.3,.65,1],ease:"easeInOut",repeat:1/0},children:(0,i.jsx)(t.Text,{fontSize:"13.5px",color:"gray.600",lineHeight:"1.5",children:j.thinkingMsgs[c]})},"thinking-".concat(o,"-").concat(c))})]}),j.render(x)]}),(0,i.jsx)(t.Box,{px:"4",py:"3",borderTop:"1px solid",borderColor:"gray.100",flexShrink:0,children:(0,i.jsxs)(t.HStack,{bg:"gray.50",borderRadius:"8px",border:"1px solid",borderColor:"gray.200",px:"3",py:"2",spacing:"2",children:[(0,i.jsx)(t.Text,{fontSize:"12.5px",color:"gray.400",flex:"1",isTruncated:!0,children:x<=1?j.userMsg:"Ask AI Operator anything..."}),(0,i.jsx)(t.Box,{w:"26px",h:"26px",borderRadius:"full",bg:"blue.500",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,children:(0,i.jsx)("svg",{viewBox:"0 0 24 24",width:"13",height:"13",fill:"white",xmlns:"http://www.w3.org/2000/svg",style:{transform:"rotate(-90deg)"},children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M12.97 3.97a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06l6.22-6.22H3a.75.75 0 0 1 0-1.5h16.19l-6.22-6.22a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})})})]})})]}),(0,i.jsx)("style",{children:"\n @keyframes bounce {\n 0%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-5px); }\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.