try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="a59bce7b-a68b-4aef-ab41-cd74c2c5abcc",e._sentryDebugIdIdentifier="sentry-dbid-a59bce7b-a68b-4aef-ab41-cd74c2c5abcc")}()}catch(e){}!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"553c63cf6c9afe8a8ef298d5e602e53feac44b0d"}}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[2904],{82904:(e,t,n)=>{n.d(t,{AssistantAlerts:()=>U,AssistantChat:()=>pe});var s=n(96540),o=n(19186),a=n(5419),i=n(63766),l=n(73700),r=(n(98992),n(72577),n(8872),n(54852)),d=n(24013),c=n(14681),u=n(74848);const x=e=>{let{label:t,value:n}=e;return(0,u.jsxs)(i.Flex,{gap:2,children:[(0,u.jsxs)(i.Text,{strong:!0,children:[t,":"]}),(0,u.jsx)(i.Text,{children:n})]})},h=e=>{let{id:t,name:n,nodeId:s,chartId:l,alertOptions:r}=e;const h=(0,o.ID)(),[,p]=(0,a.bg)(),m=(0,d.xY)(s,"name"),g=(0,d.d3)(s,{alertId:t});return(0,u.jsxs)(i.Flex,{column:!0,children:[r.length>1&&(0,u.jsx)(i.Box,{margin:[0,0,2,0],children:(0,u.jsx)(i.Select,{"data-testid":`${n}-assistant-modal-alerts-select`,onChange:e=>{let{value:t}=e;return p({roomId:h,alert:{name:t}})},menuPlacement:"auto",options:r,value:{value:n,label:n}})}),1===r.length&&(0,u.jsx)(x,{label:"Alert",value:n}),m&&(0,u.jsx)(x,{label:"Node",value:(0,u.jsx)(c.A,{nodeId:s,extraKey:"alerts",onClick:g,children:m})}),l&&(0,u.jsx)(x,{label:"Chart id",value:l})]})};var p=n(77148),m=n(12709);const g=e=>{let{selectedAlert:t}=e;const[n]=(0,a.Ws)(),{id:s,name:o,nodeId:l,chartId:d}=t,{loaded:c,value:x,hasError:g}=(0,a.vQ)({alert:o,node:l,chart:d}),b=(e=>e.reduce(((e,t)=>{const n={value:t.name,label:t.name};return e.find((e=>{let{label:t}=e;return t==n.label}))||e.push(n),e}),[]))(n);return c?g?(0,u.jsx)(i.Text,{children:"Something went wrong"}):x?.result?(0,u.jsxs)(i.Flex,{column:!0,gap:3,children:[(0,u.jsx)(h,{id:s,name:o,nodeId:l,chartId:d,alertOptions:b}),(0,u.jsx)(p.A,{}),(0,u.jsx)(r.A,{transformConfiguration:{nodes:m.A},children:x.result})]}):(0,u.jsx)(i.Text,{children:"No data"}):(0,u.jsx)(i.Text,{children:"Loading..."})};var b=n(75894),j=n(45087),f=n(33185);const w=(0,f.default)(i.Flex).withConfig({displayName:"styled__ElevatedContent",componentId:"sc-16kc0pw-0"})(["box-shadow:0 18px 28px rgba(0,0,0,0.5);"]),v=(0,f.default)(i.Icon).withConfig({displayName:"styled__IconAbsolute",componentId:"sc-16kc0pw-1"})(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]),y=e=>{let{alert:t,...n}=e;return(0,u.jsx)(j.A,{content:"Show assistant",children:(0,u.jsx)(w,{position:"absolute",top:"0",right:"0",cursor:"pointer",...n,children:(0,u.jsx)(b.A,{flavour:t?.status||"neutral",children:t?.name})})})};var C=n(43375),I=n(6304);const k=f.default.ul.withConfig({displayName:"helpTooltipContent__List",componentId:"sc-uh9315-0"})(["width:350px;padding-left:16px;list-style:disc outside none;"]),A=function(){let{disableDrag:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,u.jsxs)(k,{children:[e?null:(0,u.jsx)("li",{children:"You can drag around the assistant window and navigate to other tabs within the same room, and the assistant window won't go away."}),(0,u.jsx)("li",{children:"Use the buttons at the right to expand, or minimize the assistant window."}),(0,u.jsxs)("li",{children:["Hold down the ",(0,u.jsx)(i.TextSmall,{strong:!0,children:"Shift"})," button in order to select any text inside the assistant window."]})]})};var M=n(63950),_=n.n(M);const F=e=>{let{onModalClose:t=_()}=e;return(0,u.jsx)(j.A,{content:"Close assistant",children:(0,u.jsx)(w,{position:"absolute",bottom:"37px",right:"-10px",background:"mainBackground",sx:{borderRadius:"100%"},border:{side:"all",color:"primary",size:"1px",type:"solid"},width:"28px",height:"28px",onClick:t,cursor:"pointer",children:(0,u.jsx)(v,{name:"x",color:"text",size:"sm"})})})},B=e=>{let{onClick:t=_()}=e;return(0,u.jsx)(w,{position:"absolute",top:"0",right:"0",onClick:t,cursor:"pointer",children:(0,u.jsx)(i.Pill,{flavour:"neutral",children:"Show assistant"})})},N=e=>{let{MaximizeComponent:t=B,isMinimized:n,maximize:o=_(),onModalClose:a=_()}=e;const[l,r]=(0,s.useState)(!1);return(0,u.jsxs)(i.Flex,{position:"relative",width:"56px",height:n?"95px":"56px",onMouseEnter:()=>r(n),onMouseLeave:()=>r(!1),children:[(0,u.jsx)(w,{position:"absolute",bottom:"0",background:"primary",sx:{borderRadius:"100%"},width:"56px",height:"56px",cursor:"move",children:(0,u.jsx)(v,{name:"netdataAssistant",size:"large"})}),l&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(t,{onClick:()=>{n&&o()}}),(0,u.jsx)(F,{onModalClose:a})]})]})};var S=n(10444);const z=e=>{let{expanded:t,isMobile:n}=e;return n?{base:"95vw"}:t?{base:"80vw"}:{base:150,max:150,min:70}},T=e=>{let{expanded:t,isMobile:n}=e;return n?{base:"80vh",max:"80vh",min:"10vh"}:t?{base:"80vh",min:"80vh"}:{base:150,max:150,min:150}},D=(0,f.default)(i.ModalContent).attrs((e=>{let{expanded:t,isMobile:n,getWidth:s,getHeight:o,...a}=e;return{width:s({expanded:t,isMobile:n}),height:o({expanded:t,isMobile:n}),padding:[0,0,4,0],...a}})).withConfig({displayName:"assistantModalBase__ModalContent",componentId:"sc-15vyjlc-0"})([""]),E=(0,f.default)(i.ModalBody).withConfig({displayName:"assistantModalBase__StyledModalBody",componentId:"sc-15vyjlc-1"})(["flex-direction:",";"],(e=>{let{columnReverse:t}=e;return t?"column-reverse":"column"})),H=e=>{let{children:t,disabled:n,position:s}=e;const{attributes:o,listeners:a,setNodeRef:i,transform:l}=(0,C.PM)({id:"assistant-modal",disabled:n}),r={transform:`translate3d(${s.x+(l?.x||0)}px, ${s.y+(l?.y||0)}px, 0)`,touchAction:"none"};return(0,u.jsx)("div",{ref:i,style:r,children:"function"===typeof t?t({listeners:a,attributes:o}):t})},R=function(){let{title:e,body:t,modalContentProps:n={},modalBodyProps:o={},onClose:a,MaximizeComponent:l,disableDrag:r,getWidth:d=z,getHeight:c=T}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const[x,h]=(0,I.A)(),[p,m]=(0,s.useState)(!1),[g,b,,f]=(0,I.A)(),w=(0,S.J)(),[v,y]=(0,s.useState)({x:0,y:0}),k=e=>{let{key:t}=e;"Shift"===t&&m(!0)},M=()=>m(!1);return(0,u.jsx)(i.Modal,{zIndex:80,backdrop:!1,children:(0,u.jsx)(C.Mp,{onDragEnd:e=>{let{delta:t}=e;y((e=>({x:e.x+t.x,y:e.y+t.y})))},children:(0,u.jsx)(H,{disabled:r||p||w,position:v,children:s=>{let{listeners:m,attributes:v}=s;return(0,u.jsxs)(i.Flex,{column:!0,alignItems:"end",gap:3,children:[!g&&(0,u.jsxs)(D,{expanded:x,tabIndex:0,onKeyDown:k,onKeyUp:M,isMobile:w,getWidth:d,getHeight:c,...n,children:[(0,u.jsxs)(i.ModalHeader,{justifyContent:"between",children:[(0,u.jsx)("div",{...m,...v,style:{cursor:p?"text":"move"},children:(0,u.jsxs)(i.Flex,{gap:2,alignItems:"center",children:[(0,u.jsx)(i.Icon,{name:"netdataAssistant",color:"text"}),e||(0,u.jsx)(i.H4,{children:"Netdata Assistant"}),(0,u.jsx)(j.A,{plain:!0,isBasic:!0,align:"top",content:(0,u.jsx)(A,{disableDrag:r}),children:(0,u.jsx)(i.Flex,{children:(0,u.jsx)(i.Icon,{name:"question",color:"textLite",width:"16px",height:"16px"})})})]})}),(0,u.jsxs)(i.Flex,{alignItems:"baseline",children:[!w&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(i.ModalButton,{iconName:"minimize_s",onClick:b,tooltip:"Minimize window",testId:"assistant-modal-minimize-button"}),(0,u.jsx)(i.ModalButton,{iconName:x?"reduceSize":"fullScreen",onClick:h,tooltip:x?"Reduce window size":"Expand window",testId:"assistant-modal-expand-collapse-button"})]}),(0,u.jsx)(i.ModalCloseButton,{onClose:a,position:"unset",tooltip:"Close window",testId:"assistant-modal-close-button"})]})]}),(0,u.jsx)(E,{overflow:{vertical:"auto"},cursor:p?"text":"default",...o,children:t})]}),(0,u.jsx)(N,{MaximizeComponent:l,isMinimized:g,maximize:f,onModalClose:a})]})}})})})},q=e=>{let{alertNameInHeader:t,selectedAlert:n}=e;return t?(0,u.jsx)(b.A,{flavour:n?.status||"neutral",children:n?.name}):(0,u.jsx)(i.H4,{children:"Netdata Assistant"})},L=(P=R,e=>{const[t,n]=(0,s.useState)(!1),[o,i]=(0,a.bg)(),r=o?.alert||{},d=(0,l.s)(300,(e=>{let{target:t}=e;return n(t.scrollTop>150&&!!r?.name)})),c=(0,s.useCallback)((()=>i(null)),[i]);return(0,u.jsx)(P,{title:(0,u.jsx)(q,{alertNameInHeader:t,selectedAlert:r}),body:(0,u.jsx)(g,{selectedAlert:r}),onClose:c,modalBodyProps:{onScroll:d},MaximizeComponent:e=>(0,u.jsx)(y,{alert:r,...e}),...e})});var P;const W=L,U=()=>{const e=(0,o.ID)(),[t,n]=(0,a.bg)(),{roomId:i,alert:l}=t||{};return(0,s.useEffect)((()=>{i!=e&&n(null)}),[i,e]),l&&i==e?(0,u.jsx)(W,{}):null};var K=n(46587),Q=n(6084);const Y=()=>(0,u.jsx)(i.Flex,{width:12,children:(0,u.jsx)(i.Icon,{name:"netdataAssistant",width:"48px",height:"48px",color:"primary"})}),$=e=>{let{flavour:t="assistant",children:n,...s}=e;const o="assistant"==t,a=(0,K.uW)("avatarURL"),l={...o?{background:"modalBackground"}:{},border:{side:"top",color:"primary"}};return(0,u.jsxs)(i.Flex,{gap:2,padding:[4],...l,...s,children:[o?(0,u.jsx)(Y,{}):(0,u.jsx)(Q.A,{src:a||"",width:12,height:12}),(0,u.jsx)(i.Flex,{flex:{grow:1,shrink:1},children:n})]})};var G=n(3319);const J=e=>{let{text:t}=e;const{sendButtonClickedLog:n}=(0,G.A)(),o=(0,a.ZV)(),l=(0,s.useCallback)((()=>{o(t),n({feature:"NetdataAssistantQuestion",question:t,kickstartQuestion:!0})}),[o,n]);return(0,u.jsxs)(i.Flex,{alignItems:"center",justifyContent:"between",padding:[2],background:"inputBg",round:!0,cursor:"pointer",onClick:l,children:[(0,u.jsx)(i.TextBig,{children:t}),(0,u.jsx)(i.Icon,{name:"chevron_right_s",color:"text",height:"12px",cursor:"pointer"})]})},O=()=>(0,u.jsxs)(i.Flex,{column:!0,gap:4,children:[(0,u.jsx)(i.TextBig,{children:"Hello! Welcome to Netdata Assistant! Here are some options to help you kickstart our conversation:"}),(0,u.jsxs)(i.Flex,{column:!0,gap:2,children:[(0,u.jsx)(J,{text:"What is a node?"}),(0,u.jsx)(J,{text:"What is a Netdata parent?"})]}),(0,u.jsx)(i.TextBig,{children:"Just select the option you're interested in, or feel free to ask anything else!"})]}),V=()=>(0,u.jsx)($,{border:"none",children:(0,u.jsx)(O,{})});n(81454);var Z=n(79748);const X=(0,n(94404).A)(i.Button),ee=e=>{let{question:t,answer:n,feedback:s,setFeedback:o,flavour:a}=e;return(0,u.jsx)(X,{feature:"AssistantAnswerFeedback",payload:{question:t,answer:n,feedback:a},flavour:s===a?"hollow":"borderless",icon:"thumbsUp"==a?"thumb_up":"thumb_down",onClick:()=>o(a),"data-testid":`assistant-chat-${a}`,small:!0})},te=function(){let{id:e,questionId:t,additionalInfo:n,messages:o=[]}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const[a,l]=(0,s.useState)(),r=o.find((e=>e.id==t))?.value,d=o.find((t=>t.id==e))?.value,c=(0,s.useMemo)((()=>({feedback:a,setFeedback:l,question:r,answer:d})),[a,l]);return(0,u.jsxs)(i.Flex,{alignItems:"center",justifyContent:"between",children:[(0,u.jsxs)(i.Flex,{children:[(0,u.jsx)(ee,{...c,flavour:"thumbsUp"}),(0,u.jsx)(ee,{...c,flavour:"thumbsDown"})]}),n?(0,u.jsx)(Z.A,{Component:i.Text,href:n,target:"_blank",rel:"noopener noreferrer",children:"Read more..."}):null]})};var ne=n(60908);const se=()=>(0,u.jsx)(ne.DL,{feature:"NetdataAssistantAnswer",children:(0,u.jsx)(i.TextBig,{children:"Something went wrong. Please try again."})}),oe=()=>{const{messages:e}=(0,a.Gp)();return e.map((t=>{let{id:n,questionId:s,type:o,pending:a,value:l,additionalInfo:d,error:c}=t;return(0,u.jsx)($,{flavour:"answer"==o?"assistant":"user",children:"answer"==o?a?"...":c?(0,u.jsx)(se,{}):(0,u.jsxs)(i.Flex,{column:!0,gap:1,children:[(0,u.jsx)(r.A,{transformConfiguration:{nodes:m.A},children:l}),(0,u.jsx)(te,{id:n,questionId:s,additionalInfo:d,messages:e})]}):l},n)}))},ae=(0,f.default)(i.Icon).withConfig({displayName:"input__StyledIcon",componentId:"sc-m4unkx-0"})(["opacity:",";"],(e=>{let{disabled:t}=e;return t?".5":"1"})),ie=e=>(0,u.jsx)(j.A,{plain:!0,content:"Send your message",children:(0,u.jsx)(i.Box,{children:(0,u.jsx)(ae,{name:"chevron_right_s",color:"text",size:"small",cursor:"pointer",...e})})}),le=(0,f.default)(i.Box).withConfig({displayName:"input__InputContainer",componentId:"sc-m4unkx-1"})(["box-shadow:0 0 8px rgba(0,0,0,0.5);"]),re=()=>{const{sendButtonClickedLog:e}=(0,G.A)(),[t,n]=(0,s.useState)(""),{pending:o}=(0,a.Gp)(),l=(0,a.ZV)(),r=(0,s.useCallback)((()=>{!o&&t&&(l(t),n(""),e({feature:"NetdataAssistantQuestion",question:t}))}),[o,t,l,n,e]);return(0,u.jsx)(le,{width:"100%",position:"fixed",bottom:"68px",padding:[4],background:"modalBackground",children:(0,u.jsx)(i.TextInput,{value:t,placeholder:"Message assistant...",iconRight:o?null:(0,u.jsx)(ie,{onClick:r,disabled:o||!t}),onChange:e=>{let{target:{value:t}}=e;return n(t)},onKeyDown:e=>{let{key:t}=e;"Enter"==t&&r()},autoFocus:"autofocus",disabled:o})})},de=()=>(0,u.jsxs)(i.Flex,{column:!0,children:[(0,u.jsxs)(i.Flex,{column:!0,padding:[0,0,17,0],children:[(0,u.jsx)(V,{}),(0,u.jsx)(oe,{})]}),(0,u.jsx)(re,{})]}),ce=e=>{let{expanded:t,isMobile:n}=e;return n?{base:"95vw"}:t?{base:"60vw"}:{base:125,max:150,min:60}},ue=e=>{let{expanded:t,isMobile:n}=e;return n?{base:"80vh",max:"80vh",min:"10vh"}:t?{base:"80vh",min:"80vh"}:{base:80,max:150,min:80}},xe=(e=>t=>(0,u.jsx)(ne.Ay,{feature:"NetdataAssistant",children:(0,u.jsx)(e,{body:(0,u.jsx)(de,{}),modalContentProps:{padding:[0]},modalBodyProps:{height:"100%",padding:[0],columnReverse:!0},getWidth:ce,getHeight:ue,...t})}))(R),he=xe,pe=()=>{const[e,,t]=(0,a.MY)(),{clear:n}=(0,a.Gp)(),o=(0,s.useCallback)((()=>{t(),n()}),[t,n]);return e?(0,u.jsx)(he,{onClose:o}):null}}}]);