!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"4feb900574abdd30667a599041aadc4fc9f8ac80"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="700ed56d-f13e-4ea6-889a-a8506c35a6a4",e._sentryDebugIdIdentifier="sentry-dbid-700ed56d-f13e-4ea6-889a-a8506c35a6a4")}catch(e){}}(),(globalThis.webpackChunkcloud_frontend=globalThis.webpackChunkcloud_frontend||[]).push([[2792],{41405(e,t,n){n.d(t,{A:()=>a});var i=n(58618),o=n(74848);const a=e=>{let{src:t,alt:n,...a}=e;return t?(0,o.jsx)("img",{"data-testid":`image-${t||n}`,src:(0,i.gb)(t),alt:n||t,...a}):null}},32792(e,t,n){n.r(t),n.d(t,{default:()=>ue});var i=n(96540),o=n(882),a=n(38429),s=n(58618);const r=function(){let{theme:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return"Default"===e.name},l=(0,o.default)(a.Flex).attrs(e=>({position:"relative",column:!0,flex:"1",justifyContent:"between",background:"mainBackground",...e})).withConfig({displayName:"styled__MainContainer",componentId:"sc-1qpbiav-0"})([""]),d=(0,o.default)(a.Flex).attrs(e=>({justifyContent:"center",...e})).withConfig({displayName:"styled__NodeScreenContainer",componentId:"sc-1qpbiav-1"})(["",""],e=>{if(r(e))return"\n      & g#node_inset_shadow {\n        opacity: 0.1;\n      }\n  "}),c=(0,o.default)(a.Flex).attrs(e=>({position:"absolute",zIndex:3,alignItems:"center",justifyContent:"center",...e})).withConfig({displayName:"styled__NodeButtonContainer",componentId:"sc-1qpbiav-2"})(["inset:0;& > svg{position:absolute;margin:auto;left:50%;transform:translateX(-50%);top:0;bottom:0;"," & #outtie_1_highlight{opacity:1;filter:blur(2px);stroke-dasharray:",";stroke-dashoffset:830;will-change:transform;animation:",";}& #outtie_2_highlight{opacity:1;filter:blur(2px);stroke-dasharray:",";stroke-dashoffset:945;will-change:transform;animation:",";}","}@keyframes outtie_1{0{stroke-dashoffset:830;}50%{stroke-dashoffset:0;opacity:1;}100%{stroke-dashoffset:-830;opacity:0.25;}}@keyframes outtie_2{0{stroke-dashoffset:945;}50%{stroke-dashoffset:0;}100%{stroke-dashoffset:-945;opacity:0.25;}}"],e=>{let{isOnboarding:t}=e;return t?"left: 160px; transition: 240ms ease; transition-property: left, width; animation: none;":""},e=>{let{isOnboarding:t,isLoading:n}=e;return t&&!n?"0":"830"},e=>{let{isOnboarding:t,isLoading:n}=e;return!t||n?"outtie_1 10s\n        linear(\n          0 0%,\n          0 1.8%,\n          0.01 3.6%,\n          0.03 6.35%,\n          0.07 9.1%,\n          0.13 11.4%,\n          0.19 13.4%,\n          0.27 15%,\n          0.34 16.1%,\n          0.54 18.35%,\n          0.66 20.6%,\n          0.72 22.4%,\n          0.77 24.6%,\n          0.81 27.3%,\n          0.85 30.4%,\n          0.88 35.1%,\n          0.92 40.6%,\n          0.94 47.2%,\n          0.96 55%,\n          0.98 64%,\n          0.99 74.4%,\n          1 86.4%,\n          1 100%\n        )\n        forwards infinite":"none"},e=>{let{isOnboarding:t,isLoading:n}=e;return t&&!n?"0":"945"},e=>{let{isOnboarding:t,isLoading:n}=e;return!t||n?"outtie_2 10s\n        linear(\n          0 0%,\n          0 1.8%,\n          0.01 3.6%,\n          0.03 6.35%,\n          0.07 9.1%,\n          0.13 11.4%,\n          0.19 13.4%,\n          0.27 15%,\n          0.34 16.1%,\n          0.54 18.35%,\n          0.66 20.6%,\n          0.72 22.4%,\n          0.77 24.6%,\n          0.81 27.3%,\n          0.85 30.4%,\n          0.88 35.1%,\n          0.92 40.6%,\n          0.94 47.2%,\n          0.96 55%,\n          0.98 64%,\n          0.99 74.4%,\n          1 86.4%,\n          1 100%\n        )\n        forwards infinite":"none"},e=>{if(r(e))return`\n      & #outtie_1,\n      & #outtie_2 {\n        stroke: ${(0,a.getColor)("borderSecondary")({theme:e.theme})};\n      }\n\n      & #outtie_1_highlight,\n      & #outtie_2_highlight {\n        stroke: black;\n        filter: blur(0px);\n      }\n  `}),u=(0,o.default)(a.Flex).attrs(e=>({width:"320px",height:"320px",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:5,...e})).withConfig({displayName:"styled__StyledNodeButton",componentId:"sc-1qpbiav-3"})(["color:",";&:hover{color:",";~ svg #outtie_1_highlight,~ svg #outtie_2_highlight{stroke-dasharray:0;animation:none;}}"],(0,a.getColor)("primary"),(0,a.getColor)("accent")),p=(0,o.default)(a.Box).attrs(e=>({as:"span",padding:[4,3],round:!0,...e})).withConfig({displayName:"styled__NodeButtonDeco",componentId:"sc-1qpbiav-4"})(["display:inline-block;text-align:center;backdrop-filter:blur(4px);filter:drop-shadow(6px 6px 24px rgba(255,255,255,1));box-shadow:0px 0px 16px #00ef5f40 inset;transition:all 0.3s ease;font-size:12px;line-height:1.4;",":hover &{box-shadow:0px 0px 16px #00ef5f8a inset;}"],u),h=(0,o.default)(a.Flex).attrs(e=>({position:"absolute",alignItems:"center",top:0,bottom:0,left:"160px",...e})).withConfig({displayName:"styled__NodeButtonWaiting",componentId:"sc-1qpbiav-5"})(["margin:auto;transform:translateX(-50%);"]),g=(0,o.default)(a.Flex).attrs(e=>{let{containerHeight:t,...n}=e;return{position:"absolute",width:n.isOnboarding?"calc(100% - 346px)":"0",height:`${t||500}px`,background:"pnlBackground",border:{side:"all",color:"pnlBorder"},padding:[4],round:!0,top:0,bottom:0,left:"320px",zIndex:10,...n}}).withConfig({displayName:"styled__KickstartContainer",componentId:"sc-1qpbiav-6"})(["opacity:",";visibility:",";margin:auto;transition:400ms ease;&:before{visibility:",';content:"";position:absolute;right:100%;width:108px;height:1px;background:',";top:0;bottom:0;margin:auto;}"],e=>{let{isOnboarding:t}=e;return t?"1":"0"},e=>{let{isOnboarding:t}=e;return t?"visible":"hidden"},e=>{let{isOnboarding:t}=e;return t?"visible":"hidden"},e=>{let{theme:t}=e;return(0,a.getColor)("pnlBorder")({theme:t})}),f=(0,o.default)(a.Flex).attrs(e=>{let{containerHeight:t,...n}=e;return{height:(t||500)-32-30+"px",padding:[0,2,0,0],overflow:{vertical:"auto"},...n}}).withConfig({displayName:"styled__KickstartContentContainer",componentId:"sc-1qpbiav-7"})([""]),b=(0,o.default)(a.Box).withConfig({displayName:"styled__NoiseBg",componentId:"sc-1qpbiav-8"})(['position:absolute;inset:0;background:url("','");filter:',";animation:noise 3s forwards infinite linear;transform:translateZ(0);background-size:cover;transition:",";"," @keyframes noise{0{background-position:0 100%;}100%{background-position:50% 50%;}}"],e=>{let{theme:t}=e;return(0,s.gb)(`/img/onboarding/noise${"Default"==t.name?"-light":""}.svg`)},e=>{let{isHover:t,isOnboarding:n}=e;return n?"contrast(1) saturate(100) blur(20px)":t?"contrast(1) saturate(100) blur(1px)":"blur(0.2px)"},e=>{let{isHover:t,isOnboarding:n}=e;return n?"1000ms ease":t?"100ms ease":"5000ms ease"},e=>{let{isHover:t,isOnboarding:n}=e;return n?"animation: none;":t?"animation-duration: 10s;":""}),m=(0,o.default)(a.Flex).attrs(e=>({alignItems:"center",justifyContent:"between",padding:[6],...e})).withConfig({displayName:"styled__Section",componentId:"sc-1qpbiav-9"})([""]),x=(0,o.default)(a.Flex).attrs(e=>({alignItems:"center",height:"40px",border:{side:"all",color:"pnlBorder"},round:!0,padding:[0,4],background:"pnlBackground",...e})).withConfig({displayName:"styled__BorderedContainer",componentId:"sc-1qpbiav-10"})([""]),y=(0,o.default)(x).attrs(e=>({gap:4,_hover:{background:"secondaryHighlight",borderColor:"primaryHighlight",textDecoration:"none"},...e})).withConfig({displayName:"styled__StyledButton",componentId:"sc-1qpbiav-11"})([""]);var v=n(24609),j=n(75616),k=n(74848);const C=()=>{const[e,t]=(0,i.useState)(),n=(0,i.useCallback)(e=>{let{isEditable:n}=e;t(n)},[t]),o=(0,i.useMemo)(()=>e?{height:"60px"}:{},[e]);return(0,k.jsx)(x,{...o,children:(0,k.jsx)(j.A,{onStateChange:n})})},w=()=>{const e=1==(0,v.UV)("ids").length;return(0,k.jsxs)(m,{"data-testid":"onboarding-header-container",zIndex:5,children:[e?(0,k.jsx)(x,{children:(0,k.jsx)(a.Text,{color:"pnlText",children:"Welcome, a new space has been created."})}):(0,k.jsx)("div",{}),(0,k.jsx)(C,{})]})};var _=n(42964);const N=e=>{let{onClick:t,onMouseEnter:n,onMouseLeave:i}=e;return(0,k.jsx)(u,{onClick:t,onMouseEnter:n,onMouseLeave:i,children:(0,k.jsxs)(p,{children:[(0,k.jsx)("span",{children:"See your infrastructure in real-time "}),(0,k.jsx)("br",{}),"Connect your first node"]})})},I=(0,i.memo)(e=>{let{isOnboarding:t,isLoading:n,onClick:i,onMouseEnter:o,onMouseLeave:s}=e;return(0,k.jsxs)(c,{isOnboarding:t,isLoading:n,children:[t?null:(0,k.jsx)(N,{onClick:i,onMouseEnter:o,onMouseLeave:s}),(0,k.jsx)(_.A,{isOnboarding:t}),n?(0,k.jsx)(h,{children:(0,k.jsx)(a.Text,{color:"nodeButtonsText",children:"Waiting..."})}):null]})});var O=n(58218);const M=e=>{let{isOnboarding:t,startLoading:n}=e;return(0,k.jsx)(g,{isOnboarding:t,children:(0,k.jsx)(O.A,{ContentContainer:e=>(0,k.jsx)(f,{...e}),detailsOpen:!1,startLoading:n})})},L=(0,i.memo)(M);var T=n(82507),A=(n(98992),n(81454),n(6304));const D=[{title:"Ultra Light Weight Agent / Minimal Footprint",subtext:"~1% CPU usage on a modern host. The agent is highly optimized.",gif:"lightweight-agent"},{title:"Secure & Read-Only",subtext:"The agent cannot make changes to your system. It is open-source and collects data in a read-only mode.",gif:"secure2"},{title:"60-Second Install",subtext:"One command. The agent downloads and installs automatically.",gif:"quick-install2"},{title:"Zero-Config Discovery",subtext:"No YAML to edit. The agent automatically detects and collects from running services like Nginx, MySQL, etc.",gif:"zero-config"},{title:"Instant Automated Dashboards",subtext:"Hundreds of charts, pre-organized the moment you connect.",gif:"automated-dashboards"},{title:"1-Second Granularity",subtext:"See every spike, every dip, in true real-time.",gif:"one-second-granularity"},{title:"Correlated Metrics & Logs",subtext:"We automatically put relevant logs next to your metric charts.",gif:"metrics-logs"},{title:"Automated Troubleshooting with AI",subtext:"Ask a question, get a full report back in minutes. Troubleshoot alerts automatically.",gif:"ai-troubleshooting"},{title:"Full Container Visibility",subtext:"Per-container metrics and dashboards, automatically.",gif:"container-visibility"},{title:"Deep Kubernetes Visibility",subtext:"Go beyond basic node metrics. Troubleshoot pods, deployments, and services.",gif:"kubernetes-visibility"},{title:"Pre-tuned Intelligent Alerts",subtext:"Hundreds of pre-configured alerts out of the box to reduce noise.",gif:"intelligent-alerts"},{title:"Open Source at its core",subtext:"You're joining a community of millions.",gif:"open-source"},{title:"800+ Integrations",subtext:"Auto-detected observability for nearly every part of your stack.",gif:"integrations"},{title:"The Complete Picture",subtext:"A single view for your applications, infrastructure, and cloud services.",gif:"complete-picture"},{title:"Reduce MTTR by 60%",subtext:"XYZs SRE team used Netdata to cut their Mean Time to Resolution by 60%. This is based on real-world user data, not internal benchmarks",gif:"reduce-mttr"},{title:"Reduce Downtime by 25%",subtext:"Chile Atiende team used Netdata to cut their downtime by 25%. This is based on real-world user data, not internal benchmarks.",gif:"reduce-downtime"},{title:"The most Energy Efficient Monitoring Solution",subtext:"Predictive analytics forecast future resource needs based on historical trends and seasonal patterns, enabling proactive infrastructure scaling.",gif:"energy-efficient"},{title:"Independent Research Confirms Efficiency",subtext:"Independent research from University of Amsterdam, confirms Netdata is the most energy-efficient tool for monitoring Docker-based systems.",gif:"research-confirmed"}],z=(0,o.keyframes)(["0%{transform:translate(-50%,-50%) scale(1);opacity:1;}100%{transform:translate(-50%,-50%) scale(2);opacity:0;}"]),S=(0,o.keyframes)(["0%,90%{opacity:0;}100%{opacity:1;}"]),E=o.default.div.withConfig({displayName:"featureRotator__FeaturePointsContainer",componentId:"sc-1qsbj5y-0"})(["position:absolute;inset:0;pointer-events:none;z-index:10;"]),q=o.default.svg.withConfig({displayName:"featureRotator__ConnectionLinesSvg",componentId:"sc-1qsbj5y-1"})(["position:absolute;top:0;left:0;pointer-events:none;z-index:2;filter:drop-shadow(0 0 8px rgba(0,205,81,0.2));margin:auto;inset:0;"]),R=o.default.div.withConfig({displayName:"featureRotator__FeaturePointDot",componentId:"sc-1qsbj5y-2"})(['position:absolute;width:12px;height:12px;background:#00cd51;border-radius:50%;box-shadow:0 0 20px #00cd51;cursor:pointer;pointer-events:auto;&::before{content:"";position:absolute;width:20px;height:20px;border:2px solid #008936;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:'," 2s infinite;filter:blur(3px);}&:nth-child(1){top:12%;left:24%;}&:nth-child(2){top:12%;right:24%;}&:nth-child(3){top:50%;right:5%;}&:nth-child(4){bottom:12%;right:24%;}&:nth-child(5){bottom:12%;left:24%;}&:nth-child(6){top:50%;left:5%;}"],z),F=o.default.div.withConfig({displayName:"featureRotator__FeatureTitle",componentId:"sc-1qsbj5y-3"})(["font-size:11px;font-weight:600;color:#00cd51;line-height:1.4;padding:12px 16px;min-height:26px;display:flex;align-items:center;transition:opacity 0.2s ease;"]),B=o.default.div.withConfig({displayName:"featureRotator__FeatureVisual",componentId:"sc-1qsbj5y-4"})(["max-height:0;opacity:0;overflow:hidden;padding:0 8px;transition:max-height 0.3s ease,opacity 0.3s ease,padding 0.3s ease;img{width:100%;height:auto;opacity:",";transition:opacity 0.3s ease;}"],e=>{let{$isLoaded:t}=e;return t?1:.3}),G=o.default.div.withConfig({displayName:"featureRotator__FeatureSubtext",componentId:"sc-1qsbj5y-5"})(["max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height 0.3s ease,opacity 0.3s ease,padding 0.3s ease;border-top:1px solid #005622;line-height:1.4;font-size:11px;"]),H=o.default.div.withConfig({displayName:"featureRotator__FeatureLabel",componentId:"sc-1qsbj5y-6"})(["position:absolute;background:transparent;border:1px solid #00441b;border-radius:4px;color:#00cd51;font-size:11px;font-weight:500;opacity:0;transition:all 0.3s ease;box-shadow:0 0px 12px rgba(2,195,78,0.35) inset;min-width:210px;max-width:300px;cursor:default;animation:"," 2.5s ease-in forwards;display:",";",":nth-child(1) &{top:-60px;right:70px;}",":nth-child(2) &{top:-60px;left:70px;}",":nth-child(3) &{top:0;bottom:0;margin:auto;min-height:fit-content;left:30px;}",":nth-child(4) &{bottom:-60px;left:70px;}",":nth-child(5) &{bottom:-60px;right:70px;}",":nth-child(6) &{top:0;bottom:0;margin:auto;min-height:fit-content;right:30px;}",":hover &,",".active &{opacity:1;z-index:10;background:rgba(0,0,0,0.8);backdrop-filter:blur(10px);pointer-events:auto;","{max-height:300px;opacity:1;}",'{max-height:200px;opacity:1;padding:16px;}}&::before{content:"";position:absolute;width:6px;height:6px;background:#12ff70;transform:rotate(45deg);border-radius:1px;}',":nth-child(1) &::before{right:-4px;top:18px;margin:auto;}",":nth-child(2) &::before{left:-4px;top:18px;margin:auto;}",":nth-child(3) &::before{top:calc(50% - 2px);left:-6px;transform:rotate(45deg) translateY(-50%);}",":nth-child(4) &::before{left:-4px;bottom:18px;margin:auto;}",":nth-child(5) &::before{right:-4px;bottom:18px;margin:auto;}",":nth-child(6) &::before{top:calc(50% - 2px);right:-3px;transform:rotate(45deg) translateY(-50%);}"],S,e=>{let{$isOnboarding:t}=e;return t?"none":"block"},R,R,R,R,R,R,R,R,B,G,R,R,R,R,R,R),W=e=>new Promise(t=>setTimeout(t,e)),P=(0,i.memo)(e=>{let{feature:t,onMouseEnter:n,onMouseLeave:o,titleRef:a,isOnboarding:s}=e;const[r,l]=(0,i.useState)(!1);return(0,k.jsx)(R,{onMouseEnter:n,onMouseLeave:o,children:(0,k.jsxs)(H,{$isOnboarding:s,children:[(0,k.jsx)(F,{ref:a,children:t.title}),(0,k.jsx)(G,{children:t.subtext})]})})}),$=e=>{let{isOnboarding:t}=e;const[n,o]=(0,i.useState)(6),[a,s]=(0,i.useState)(0),[r,,l,d]=(0,A.A)(!1),c=(0,i.useRef)(null),u=(0,i.useRef)([]),[p,h]=((0,i.useRef)([]),(0,i.useState)([0,1,2,3,4,5])),g=(0,i.useCallback)(async()=>{if(r)return;const e=a,t=D[n],i=u.current[e];await(async(e,t)=>{if(!e)return;e.style.opacity="0.4";const n=e.textContent,i=Math.max(n.length,t.length),o="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()".split("");for(let a=0;a<=i;a++){if(a<t.length){const s=t[a],r=4,l=20/r;for(let d=0;d<r;d++){let c=t.substring(0,a);c+=d<r-1?o[Math.floor(Math.random()*o.length)]:s;const u=i-a-1;u>0&&a+1<n.length&&(c+=n.substring(a+1).substring(0,Math.max(0,u-d))),e.textContent=c,await W(l)}}await W(20)}e.textContent=t,e.style.opacity="1"})(i,t.title),h(t=>{const i=[...t];return i[e]=n,i}),o(e=>(e+1)%D.length),s(e=>(e+1)%6)},[r,n,a]);return(0,i.useEffect)(()=>(c.current=setInterval(g,8e3),()=>{c.current&&clearInterval(c.current)}),[g]),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(q,{width:t?"120":"320",height:t?"120":"320",viewBox:"0 0 320 320",children:[(0,k.jsx)("defs",{children:(0,k.jsxs)("radialGradient",{id:"packetGlow",children:[(0,k.jsx)("stop",{offset:"0%",stopColor:"#12ff70",stopOpacity:"1"}),(0,k.jsx)("stop",{offset:"70%",stopColor:"#00cd51",stopOpacity:"0.8"}),(0,k.jsx)("stop",{offset:"100%",stopColor:"#008936",stopOpacity:"0"})]})}),(0,k.jsxs)("path",{id:"path-top-left",d:"M20,0 L50,0 L80,40",stroke:"#00cd51",strokeWidth:"1",fill:"none",opacity:"0",strokeDasharray:"80",strokeDashoffset:"80",children:[(0,k.jsx)("animate",{attributeName:"stroke-dashoffset",values:"80;160",dur:"1s",begin:"1s",fill:"freeze"}),(0,k.jsx)("animate",{attributeName:"opacity",values:"0;1",dur:"0.3s",begin:"1s",fill:"freeze"})]}),(0,k.jsxs)("path",{id:"path-top-right",d:"M300,0 L280,0 L240,40",stroke:"#00cd51",strokeWidth:"1",fill:"none",opacity:"0",strokeDasharray:"80",strokeDashoffset:"80",children:[(0,k.jsx)("animate",{attributeName:"stroke-dashoffset",values:"80;160",dur:"1s",begin:"1.2s",fill:"freeze"}),(0,k.jsx)("animate",{attributeName:"opacity",values:"0;1",dur:"0.3s",begin:"1.2s",fill:"freeze"})]}),(0,k.jsxs)("path",{id:"line-right",d:"M300,165 L320,165",stroke:"#00cd51",strokeWidth:"1",fill:"none",opacity:"0",strokeDasharray:"20",strokeDashoffset:"20",children:[(0,k.jsx)("animate",{attributeName:"stroke-dashoffset",values:"20;0",dur:"1s",begin:"1.4s",fill:"freeze"}),(0,k.jsx)("animate",{attributeName:"opacity",values:"0;1",dur:"0.3s",begin:"1.4s",fill:"freeze"})]}),(0,k.jsxs)("path",{id:"path-bottom-right",d:"M300,320 L280,320 L240,280",stroke:"#00cd51",strokeWidth:"1",fill:"none",opacity:"0",strokeDasharray:"80",strokeDashoffset:"80",children:[(0,k.jsx)("animate",{attributeName:"stroke-dashoffset",values:"80;160",dur:"1s",begin:"1.6s",fill:"freeze"}),(0,k.jsx)("animate",{attributeName:"opacity",values:"0;1",dur:"0.3s",begin:"1.6s",fill:"freeze"})]}),(0,k.jsxs)("path",{id:"path-bottom-left",d:"M20,320 L50,320 L80,280",stroke:"#00cd51",strokeWidth:"1",fill:"none",opacity:"0",strokeDasharray:"80",strokeDashoffset:"80",children:[(0,k.jsx)("animate",{attributeName:"stroke-dashoffset",values:"80;160",dur:"1s",begin:"1.8s",fill:"freeze"}),(0,k.jsx)("animate",{attributeName:"opacity",values:"0;1",dur:"0.3s",begin:"1.8s",fill:"freeze"})]}),(0,k.jsxs)("path",{id:"line-left",d:"M0,165 L20,165",stroke:"#00cd51",strokeWidth:"1",fill:"none",opacity:"0",strokeDasharray:"20",strokeDashoffset:"20",children:[(0,k.jsx)("animate",{attributeName:"stroke-dashoffset",values:"20;40",dur:"1s",begin:"2s",fill:"freeze"}),(0,k.jsx)("animate",{attributeName:"opacity",values:"0;1",dur:"0.3s",begin:"2s",fill:"freeze"})]}),(0,k.jsxs)("circle",{r:"3",fill:"url(#packetGlow)",opacity:"0",children:[(0,k.jsx)("animateMotion",{dur:"2.5s",repeatCount:"indefinite",begin:"3s",children:(0,k.jsx)("mpath",{href:"#path-top-left"})}),(0,k.jsx)("animate",{attributeName:"opacity",values:"0;1;0",dur:"2.5s",repeatCount:"indefinite",begin:"3s"}),(0,k.jsx)("animate",{attributeName:"r",values:"2;4;2",dur:"2.5s",repeatCount:"indefinite",begin:"3s"})]}),(0,k.jsxs)("circle",{r:"3",fill:"url(#packetGlow)",opacity:"0",children:[(0,k.jsx)("animateMotion",{dur:"2.8s",repeatCount:"indefinite",begin:"3.5s",children:(0,k.jsx)("mpath",{href:"#path-top-right"})}),(0,k.jsx)("animate",{attributeName:"opacity",values:"0;1;0",dur:"2.8s",repeatCount:"indefinite",begin:"3.5s"}),(0,k.jsx)("animate",{attributeName:"r",values:"2;4;2",dur:"2.8s",repeatCount:"indefinite",begin:"3.5s"})]}),(0,k.jsxs)("circle",{r:"3",fill:"url(#packetGlow)",opacity:"0",children:[(0,k.jsx)("animateMotion",{dur:"1.5s",repeatCount:"indefinite",begin:"4s",children:(0,k.jsx)("mpath",{href:"#line-right"})}),(0,k.jsx)("animate",{attributeName:"opacity",values:"0;1;0",dur:"1.5s",repeatCount:"indefinite",begin:"4s"}),(0,k.jsx)("animate",{attributeName:"r",values:"2;3;2",dur:"1.5s",repeatCount:"indefinite",begin:"4s"})]}),(0,k.jsxs)("circle",{r:"3",fill:"url(#packetGlow)",opacity:"0",children:[(0,k.jsx)("animateMotion",{dur:"2.6s",repeatCount:"indefinite",begin:"4.2s",children:(0,k.jsx)("mpath",{href:"#path-bottom-right"})}),(0,k.jsx)("animate",{attributeName:"opacity",values:"0;1;0",dur:"2.6s",repeatCount:"indefinite",begin:"4.2s"}),(0,k.jsx)("animate",{attributeName:"r",values:"2;4;2",dur:"2.6s",repeatCount:"indefinite",begin:"4.2s"})]}),(0,k.jsxs)("circle",{r:"3",fill:"url(#packetGlow)",opacity:"0",children:[(0,k.jsx)("animateMotion",{dur:"2.7s",repeatCount:"indefinite",begin:"4.5s",children:(0,k.jsx)("mpath",{href:"#path-bottom-left"})}),(0,k.jsx)("animate",{attributeName:"opacity",values:"0;1;0",dur:"2.7s",repeatCount:"indefinite",begin:"4.5s"}),(0,k.jsx)("animate",{attributeName:"r",values:"2;4;2",dur:"2.7s",repeatCount:"indefinite",begin:"4.5s"})]}),(0,k.jsxs)("circle",{r:"3",fill:"url(#packetGlow)",opacity:"0",children:[(0,k.jsx)("animateMotion",{dur:"1.8s",repeatCount:"indefinite",begin:"5s",children:(0,k.jsx)("mpath",{href:"#line-left"})}),(0,k.jsx)("animate",{attributeName:"opacity",values:"0;1;0",dur:"1.8s",repeatCount:"indefinite",begin:"5s"}),(0,k.jsx)("animate",{attributeName:"r",values:"2;3;2",dur:"1.8s",repeatCount:"indefinite",begin:"5s"})]})]}),(0,k.jsx)(E,{children:p.map((e,n)=>(0,k.jsx)(P,{feature:D[e],onMouseEnter:d,onMouseLeave:l,titleRef:e=>u.current[n]=e,isOnboarding:t},n))})]})},Y=o.default.div.withConfig({displayName:"hexagonContainer__Container",componentId:"sc-125rfga-0"})(["position:absolute;margin:auto;width:",";height:",";inset:0;"],e=>e.isOnboarding?"120px":"320px",e=>e.isOnboarding?"120px":"320px"),U=e=>{let{isOnboarding:t}=e;return(0,k.jsxs)(Y,{isOnboarding:t,children:[(0,k.jsx)(T.A,{}),(0,k.jsx)($,{isOnboarding:t})]})};var V=n(19186),Z=n(98545),K=n(30403),X=n(92862),Q=n(3319);const J=(0,i.memo)(e=>{let{isHover:t,isOnboarding:n,startOnboarding:o,onMouseEnter:a,onMouseLeave:s}=e;const[r,l]=(0,i.useState)(0),[c,,u,p]=(0,A.A)(),h=(0,v.vt)(),g=(0,V.ID)(),f=(0,V.J_)(h,K.mL),b=(0,X.A)(),{sendLog:m}=(0,Q.A)();(0,Z.A)({spaceId:h,id:g||f,pollingInterval:3e3,keepPolling:!0,onNodeIdsChange:e=>{l(e?.nodeIds?.length||0)}});const x=(0,i.useCallback)(()=>{m({feature:"Onboarding",description:"Start onboarding (Click main node button)"}),o()},[o,m]);return(0,i.useEffect)(()=>{r>0&&(p(),b())},[r,b,p]),(0,k.jsxs)(d,{children:[(0,k.jsx)(U,{isOnboarding:n}),(0,k.jsx)(I,{isHover:t,isOnboarding:n,isLoading:c,onMouseEnter:a,onMouseLeave:s,onClick:x}),(0,k.jsx)(L,{isOnboarding:n,startLoading:u})]})});var ee=n(76667),te=n(42790),ne=n(14457),ie=n(41405),oe=n(79748),ae=n(4204);const se=["os/redhat.svg","services/postgresql.svg","os/docker.svg","os/kubernetes.svg","services/redis.svg"],re=(0,i.memo)(()=>(0,k.jsx)(a.Flex,{alignItems:"center",gap:3,children:se.map(e=>(0,k.jsx)(ie.A,{height:"24px",src:`img/logos/${e}`,alt:e},e))})),le=()=>{const e=(0,te.rI)(),t=(0,ee.Zp)(),{path:n}=(0,ne.Q)(),{sendLog:o}=(0,Q.A)(),s=(0,i.useCallback)(()=>{o({feature:"Onboarding",description:"Go to demo space button"})},[o]),r=(0,i.useCallback)(()=>{o({feature:"Onboarding",description:"Go to integrations button"}),e(e=>({...e,onboarding:"true"})),t(n,{replace:!0})},[n,e,o,t]);return(0,k.jsxs)(m,{"data-testid":"onboarding-footer-container",justifyContent:"between",zIndex:5,children:[ae.ei?(0,k.jsx)("div",{}):(0,k.jsx)(oe.A,{href:"https://app.netdata.cloud/spaces/netdata-demo",rel:"noopener noreferer",target:"_blank",Component:y,onClick:s,children:(0,k.jsx)(a.Text,{color:"pnlText",children:"Go to Demo space"})}),(0,k.jsxs)(y,{position:"relative",right:"60px",cursor:"pointer",onClick:r,children:[(0,k.jsxs)(a.Flex,{alignItems:"center",gap:2,children:[(0,k.jsx)(a.Icon,{name:"integrations",color:"pnlText"}),(0,k.jsx)(a.Text,{color:"pnlText",children:"Take me to integrations!"})]}),(0,k.jsx)(re,{}),(0,k.jsx)(a.Icon,{name:"chevron_right",color:"pnlText"})]})]})},de=(0,i.memo)(le);var ce=n(60908);const ue=(0,i.memo)(()=>{const[e,,t,n]=(0,A.A)(),[i,,o]=(0,A.A)();return(0,k.jsx)(ce.Ay,{feature:"Onboarding",children:(0,k.jsxs)(l,{"data-testid":"onboarding-main-container",children:[(0,k.jsx)(b,{isHover:e,isOnboarding:i}),(0,k.jsx)(w,{}),(0,k.jsx)(J,{isHover:e,isOnboarding:i,onMouseEnter:t,onMouseLeave:n,startOnboarding:o}),(0,k.jsx)(de,{})]})})})}}]);