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]="5f19d394-5027-498e-9fb5-daa79737e49b",e._sentryDebugIdIdentifier="sentry-dbid-5f19d394-5027-498e-9fb5-daa79737e49b")}()}catch(e){}!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"6373460e5f04bd73e55c202d3cf288663eaae34a"}}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[8103],{41405:(e,t,i)=>{i.d(t,{A:()=>s});var r=i(58618),n=i(74848);const s=e=>{let{src:t,alt:i,...s}=e;return t?(0,n.jsx)("img",{"data-testid":`image-${t||i}`,src:(0,r.gb)(t),alt:i||t,...s}):null}},48103:(e,t,i)=>{i.r(t),i.d(t,{default:()=>fe});var r=i(96540),n=i(33185),s=i(92415),l=i(58618);const a=function(){let{theme:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return"Default"===e.name},o=(0,n.default)(s.Flex).attrs((e=>({position:"relative",column:!0,flex:"1",justifyContent:"between",background:"mainBackground",...e}))).withConfig({displayName:"styled__MainContainer",componentId:"sc-1qpbiav-0"})([""]),c=(0,n.default)(s.Flex).attrs((e=>({justifyContent:"center",...e}))).withConfig({displayName:"styled__NodeScreenContainer",componentId:"sc-1qpbiav-1"})(["",""],(e=>{if(a(e))return"\n      & g#node_inset_shadow {\n        opacity: 0.1;\n      }\n  "})),d=(0,n.default)(s.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:i}=e;return t&&!i?"0":"830"}),(e=>{let{isOnboarding:t,isLoading:i}=e;return!t||i?"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:i}=e;return t&&!i?"0":"945"}),(e=>{let{isOnboarding:t,isLoading:i}=e;return!t||i?"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(a(e))return`\n      & #outtie_1,\n      & #outtie_2 {\n        stroke: ${(0,s.getColor)("borderSecondary")({theme:e.theme})};\n      }\n\n      & #outtie_1_highlight,\n      & #outtie_2_highlight {\n        stroke: black;\n        filter: blur(0px);\n      }\n  `})),x=(0,n.default)(s.Flex).attrs((e=>({width:"320px",height:"320px",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:"5",...e}))).withConfig({displayName:"styled__StyledNodeButton",componentId:"sc-1qpbiav-3"})(["text-align:center;color:#00ab44;&:hover{color:#12ff70;~ svg #outtie_1_highlight,~ svg #outtie_2_highlight{stroke-dasharray:0;animation:none;}}"]),f=n.default.span.withConfig({displayName:"styled__NodeButtonDeco",componentId:"sc-1qpbiav-4"})(["display:inline-block;padding:16px 12px;backdrop-filter:blur(2px);border-radius:4px;filter:drop-shadow(6px 6px 24px rgba(255,255,255,1));background:transparent;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;}"],x),u=(0,n.default)(s.Flex).withConfig({displayName:"styled__NodeButtonWaiting",componentId:"sc-1qpbiav-5"})(["position:absolute;margin:auto;left:160px;transform:translateX(-50%);top:0;bottom:0;color:var(--green100);display:flex;align-items:center;"]),p=(0,n.default)(s.Flex).attrs((e=>{let{containerHeight:t,...i}=e;return{position:"absolute",width:i.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,...i}})).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,s.getColor)("pnlBorder")({theme:t})})),h=(0,n.default)(s.Flex).attrs((e=>{let{containerHeight:t,...i}=e;return{height:(t||500)-32-30+"px",padding:[0,2,0,0],overflow:{vertical:"auto"},...i}})).withConfig({displayName:"styled__KickstartContentContainer",componentId:"sc-1qpbiav-7"})([""]),g=n.default.div.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,l.gb)(`/img/onboarding/noise${"Default"==t.name?"-light":""}.svg`)}),(e=>{let{isHover:t,isOnboarding:i}=e;return i?"contrast(1) saturate(100) blur(20px)":t?"contrast(1) saturate(100) blur(1px)":"blur(0.2px)"}),(e=>{let{isHover:t,isOnboarding:i}=e;return i?"1000ms ease":t?"100ms ease":"5000ms ease"}),(e=>{let{isHover:t,isOnboarding:i}=e;return i?"animation: none;":t?"animation-duration: 10s;":""})),y=(0,n.default)(s.Flex).attrs((e=>({alignItems:"center",justifyContent:"between",padding:[6],...e}))).withConfig({displayName:"styled__Section",componentId:"sc-1qpbiav-9"})([""]),m=(0,n.default)(s.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"})([""]),b=(0,n.default)(m).attrs((e=>({gap:4,...e}))).withConfig({displayName:"styled__StyledButton",componentId:"sc-1qpbiav-11"})(["&:hover{background-color:",";border-color:",";text-decoration:none;}"],(0,s.getColor)("secondaryHighlight"),(0,s.getColor)("primaryHighlight"));var j=i(24609),C=i(75616),v=i(74848);const M=()=>{const[e,t]=(0,r.useState)(),i=(0,r.useCallback)((e=>{let{isEditable:i}=e;t(i)}),[t]),n=(0,r.useMemo)((()=>e?{height:"60px"}:{}),[e]);return(0,v.jsx)(m,{...n,children:(0,v.jsx)(C.A,{onStateChange:i})})},k=()=>{const e=1==(0,j.UV)("ids").length;return(0,v.jsxs)(y,{"data-testid":"onboarding-header-container",zIndex:5,children:[e?(0,v.jsx)(m,{children:(0,v.jsx)(s.Text,{color:"pnlText",children:"Welcome, a new space has been created."})}):(0,v.jsx)("div",{}),(0,v.jsx)(M,{})]})},w=()=>(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)("svg",{width:"320",height:"320",viewBox:"0 0 320 320",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{position:"absolute"},children:[(0,v.jsx)("g",{id:"node_inset_shadow",filter:"url(#inset_shadow)",children:(0,v.jsx)("path",{d:"M152.015 44.7406C156.958 41.8937 163.042 41.8937 167.985 44.7406L255.908 95.3794C260.867 98.2354 263.923 103.522 263.923 109.244V210.455C263.923 216.177 260.867 221.464 255.908 224.319L167.985 274.958C163.042 277.805 156.958 277.805 152.015 274.958L64.0916 224.319C59.1329 221.464 56.077 216.177 56.077 210.455V109.244C56.077 103.522 59.1329 98.2354 64.0916 95.3795L152.015 44.7406Z",fill:"rgba(0,0,0,.3)"})}),(0,v.jsx)("path",{id:"outtie_1",d:"M152.264 24.9838C157.053 22.2259 162.947 22.2259 167.736 24.9838L272.979 85.5983C277.783 88.365 280.744 93.4864 280.744 99.0299V220.192C280.744 225.735 277.783 230.856 272.979 233.623L167.736 294.238C162.947 296.996 157.053 296.996 152.264 294.238L47.0206 233.623C42.2169 230.856 39.2564 225.735 39.2564 220.192V99.0299C39.2564 93.4864 42.2169 88.365 47.0206 85.5983L152.264 24.9838Z",stroke:"#003314"}),(0,v.jsx)("path",{id:"outtie_2",d:"M152.264 5.03243C157.053 2.2745 162.947 2.2745 167.736 5.03242L290.3 75.6226C295.104 78.3893 298.064 83.5108 298.064 89.0542V230.167C298.064 235.711 295.104 240.832 290.3 243.599L167.736 314.189C162.947 316.947 157.053 316.947 152.264 314.189L29.7001 243.599C24.8964 240.832 21.9359 235.711 21.9359 230.167V89.0542C21.9359 83.5107 24.8964 78.3893 29.7001 75.6226L152.264 5.03243Z",stroke:"#003314"}),(0,v.jsx)("defs",{children:(0,v.jsxs)("filter",{id:"inset_shadow",x:"56.0769",y:"42.6054",width:"207.846",height:"234.488",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,v.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,v.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),(0,v.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,v.jsx)("feOffset",{}),(0,v.jsx)("feGaussianBlur",{stdDeviation:"15"}),(0,v.jsx)("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),(0,v.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0.2 0 0 0 0 0.0784314 0 0 0 1 0"}),(0,v.jsx)("feBlend",{mode:"normal",in2:"shape",result:"effect1_innerShadow_759_2378"})]})})]}),(0,v.jsxs)("svg",{width:"320",height:"320",viewBox:"0 0 320 320",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{position:"absolute"},children:[(0,v.jsx)("path",{id:"outtie_1_highlight",d:"M152.264 24.9838C157.053 22.2259 162.947 22.2259 167.736 24.9838L272.979 85.5983C277.783 88.365 280.744 93.4864 280.744 99.0299V220.192C280.744 225.735 277.783 230.856 272.979 233.623L167.736 294.238C162.947 296.996 157.053 296.996 152.264 294.238L47.0206 233.623C42.2169 230.856 39.2564 225.735 39.2564 220.192V99.0299C39.2564 93.4864 42.2169 88.365 47.0206 85.5983L152.264 24.9838Z",stroke:"#34ff84"}),(0,v.jsx)("path",{id:"outtie_2_highlight",d:"M152.264 5.03243C157.053 2.2745 162.947 2.2745 167.736 5.03242L290.3 75.6226C295.104 78.3893 298.064 83.5108 298.064 89.0542V230.167C298.064 235.711 295.104 240.832 290.3 243.599L167.736 314.189C162.947 316.947 157.053 316.947 152.264 314.189L29.7001 243.599C24.8964 240.832 21.9359 235.711 21.9359 230.167V89.0542C21.9359 83.5107 24.8964 78.3893 29.7001 75.6226L152.264 5.03243Z",stroke:"#bbffd6"})]})]}),L=e=>{let{onClick:t,onMouseEnter:i,onMouseLeave:r,children:n}=e;return(0,v.jsx)(x,{onClick:t,onMouseEnter:i,onMouseLeave:r,children:(0,v.jsxs)(f,{children:[(0,v.jsx)("span",{children:"See your infrastructure in real-time "}),(0,v.jsx)("br",{}),"Connect your first node"]})})},_=(0,r.memo)((e=>{let{isOnboarding:t,isLoading:i,onClick:r,onMouseEnter:n,onMouseLeave:l}=e;return(0,v.jsxs)(d,{isOnboarding:t,isLoading:i,children:[t?null:(0,v.jsx)(L,{onClick:r,onMouseEnter:n,onMouseLeave:l}),(0,v.jsx)(w,{}),i?(0,v.jsx)(u,{children:(0,v.jsx)(s.Text,{color:"nodeButtonsText",children:"Waiting..."})}):null]})}));var N=i(58218);const H=e=>{let{isOnboarding:t,startLoading:i}=e;return(0,v.jsx)(p,{isOnboarding:t,children:(0,v.jsx)(N.A,{ContentContainer:e=>(0,v.jsx)(h,{...e}),detailsOpen:!1,startLoading:i})})},V=(0,r.memo)(H),I=n.default.div.withConfig({displayName:"circuitLines__CircuitLinesContainer",componentId:"sc-18gzenn-0"})(["position:absolute;inset:0;z-index:1;opacity:0.8;& > svg{position:absolute;margin:auto;left:50%;transform:translateX(-50%);top:0;bottom:0;}"]),O=()=>(0,v.jsx)(I,{children:(0,v.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"187",height:"202",viewBox:"0 0 187 202",fill:"none",children:[(0,v.jsxs)("defs",{children:[(0,v.jsxs)("linearGradient",{id:"flowGradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[(0,v.jsx)("stop",{offset:"0%",stopColor:"#005622",stopOpacity:"0.3",children:(0,v.jsx)("animate",{attributeName:"stop-opacity",values:"0.3;0.8;0.3",dur:"3s",repeatCount:"indefinite"})}),(0,v.jsx)("stop",{offset:"50%",stopColor:"#00cd51",stopOpacity:"0.6",children:(0,v.jsx)("animate",{attributeName:"stop-opacity",values:"0.6;1;0.6",dur:"2.5s",repeatCount:"indefinite"})}),(0,v.jsx)("stop",{offset:"100%",stopColor:"#005622",stopOpacity:"0.3",children:(0,v.jsx)("animate",{attributeName:"stop-opacity",values:"0.3;0.8;0.3",dur:"3.2s",repeatCount:"indefinite"})})]}),(0,v.jsxs)("filter",{id:"pulse",children:[(0,v.jsx)("feGaussianBlur",{stdDeviation:"1",result:"coloredBlur"}),(0,v.jsxs)("feMerge",{children:[(0,v.jsx)("feMergeNode",{in:"coloredBlur"}),(0,v.jsx)("feMergeNode",{in:"SourceGraphic"})]})]})]}),(0,v.jsx)("g",{filter:"url(#filter0_f_847_10449)",children:(0,v.jsx)("path",{d:"M57 22.0207L91.5 2.10214M100.5 3.90192L137.043 25M148.5 30L175.347 45.5M91.5 10L67.6235 23.7851C66.5333 24.4145 66.2887 25.8826 67.116 26.8315L72.5 33.007M13.5 55.5L51 33.007L55.5147 30.7444C56.3757 30.3129 57.422 30.5563 58.0042 31.3237L68 44.5M9 48L48 26M4 55.5V87C4 88.1046 4.89543 89 6 89H23.5M13 64.5V82.5M23.5 61.5L52.4294 43.0042C53.3141 42.4385 54.4856 42.6534 55.112 43.4962L64.9195 56.693C65.2968 57.2007 65.8921 57.5 66.5247 57.5H92M51 55.5L24.471 71.4174C23.8686 71.7788 23.5 72.4299 23.5 73.1324V77.5C23.5 78.6046 24.3954 79.5 25.5 79.5H33C34.1046 79.5 35 80.3954 35 81.5V87C35 88.1046 35.8954 89 37 89H63.4914C64.6067 89 65.5066 89.9124 65.4912 91.0277L65 126.5M4 97.5H55C56.1046 97.5 57 98.3954 57 99.5V110.5M46 109H23.5M4 108H11.5C12.6046 108 13.5 108.895 13.5 110V120.5C13.5 121.605 12.6046 122.5 11.5 122.5H6C4.89543 122.5 4 123.395 4 124.5V142M100.5 13.5L114.488 21.4458C115.113 21.8012 115.5 22.4652 115.5 23.1848V37V50.5C115.5 51.6046 114.605 52.5 113.5 52.5H82.5M79 26L93.4828 18.9922C94.1141 18.6867 94.8591 18.7342 95.4465 19.1173L105.093 25.4082C105.659 25.7774 106 26.4075 106 27.0834V42M79 42H96C97.1046 42 98 41.1046 98 40V30M23.5 115.5H45C45.5523 115.5 46 115.948 46 116.5V116.5C46 117.052 46.4477 117.5 47 117.5H55C56.1046 117.5 57 118.395 57 119.5V124.5M19.5 122.5H40.5M9 126.5V135C9 136.105 9.89543 137 11 137H34M19.5 130.5H48M57 130.5V140C57 141.105 56.1046 142 55 142H40.5M4 152.5H11.5C12.6046 152.5 13.5 151.605 13.5 150.5V147C13.5 145.895 14.3954 145 15.5 145H29.5M23.5 152.5V157.5C23.5 158.605 22.6046 159.5 21.5 159.5H15C13.8954 159.5 13 160.395 13 161.5V161.905C13 162.587 13.3475 163.222 13.9219 163.59L38 179M29.5 152.5H63C64.1046 152.5 65 151.605 65 150.5V137M40.5 72L54 64.5M44.5 82V78.7227C44.5 77.9721 44.9202 77.2848 45.5882 76.9426L62.0882 68.4914C63.4191 67.8097 65 68.7762 65 70.2715V79.5M73 66.5H96C97.1046 66.5 98 65.6046 98 64.5V61.5M106 61.5H123C124.105 61.5 125 60.6046 125 59.5V37M125 26L146.5 40M134 42V55.5C134 56.6046 134.895 57.5 136 57.5H148.5M142 48H156M157 57.5H174.498C175.04 57.5 175.56 57.7205 175.937 58.111L184.439 66.9188C184.799 67.2916 185 67.7896 185 68.3078V89M76 77.5V87C76 88.1046 76.8954 89 78 89H89.5C90.6046 89 91.5 88.1046 91.5 87V79.5C91.5 78.3954 92.3954 77.5 93.5 77.5H106M106 70H119H128C129.105 70 130 69.1046 130 68V66.5C130 65.3954 130.895 64.5 132 64.5H148.5M113.5 77.5H130M135 87.5V70M175.347 81L162 90.5M142 70H153M72.5 95.5H82C83.1046 95.5 84 96.3954 84 97.5V103C84 104.105 83.1046 105 82 105H74.5816C73.4457 105 72.5378 105.945 72.5832 107.08L73 117.5M77.5 110.5H94.5M89.5 95.5H98C99.1046 95.5 100 96.3954 100 97.5V108M98 84.5H122.5M106.5 91.5H119M142 79.5H156M162 64.5H169.597C170.171 64.5 170.718 64.7469 171.097 65.1777L174.847 69.4332C175.169 69.7985 175.347 70.2686 175.347 70.7555V74.2906C175.347 75.0342 174.934 75.7164 174.276 76.0617L162 82.5M162 73.5L170.5 72M106.5 97.5H125.5C126.605 97.5 127.5 96.6046 127.5 95.5V89M142 87.5H152.5C153.605 87.5 154.5 88.3954 154.5 89.5V92.4296C154.5 93.0983 154.834 93.7228 155.391 94.0937L160.5 97.5M167.5 95.5L177.5 89M185 97.5V115.5M73 126.5H80.5C81.6046 126.5 82.5 125.605 82.5 124.5V119.5C82.5 118.395 83.3954 117.5 84.5 117.5H103M109.5 108H122.5M135 95.5V106C135 107.105 135.895 108 137 108H148.576C150.297 108 151.214 105.971 150.077 104.679L148.424 102.8C146.988 101.168 148.82 98.7394 150.784 99.6722L162 105M170.5 105V120.5C170.5 121.605 171.395 122.5 172.5 122.5H179.298C179.753 122.5 180.193 122.655 180.548 122.938L185 126.5M113.5 115.5H137.043M148.5 115.5H158.5C159.605 115.5 160.5 116.395 160.5 117.5V131C160.5 132.105 161.395 133 162.5 133H170.5M72.5 137H83.2539C83.7351 137 84.2002 136.827 84.5638 136.511L90.9362 130.989C91.2998 130.673 91.7649 130.5 92.2461 130.5H104C105.105 130.5 106 129.605 106 128.5V122.5M113.5 122.5H128C129.105 122.5 130 123.395 130 124.5V128.5C130 129.605 130.895 130.5 132 130.5H146.5M182.5 137V143C182.5 144.105 181.605 145 180.5 145H157M153 137H125M113.5 130.5V143C113.5 144.105 114.395 145 115.5 145H135M76 145H91.4689C91.8169 145 92.159 144.909 92.4611 144.736L106 137M34 159.5V165.012C34 165.635 34.2903 166.222 34.7851 166.6L51 179M46 159.5H73M51 166L64.6912 175.901C65.2113 176.277 65.5192 176.88 65.5192 177.522V184C65.5192 185.105 64.6238 186 63.5192 186H48M73 170V196M79 155H97.3333C97.7661 155 98.1871 154.86 98.5333 154.6L108 147.5M115.5 152.5H142M153 152.5L166.369 158.954C167.061 159.288 167.5 159.988 167.5 160.755V164.945C167.5 165.605 167.174 166.223 166.629 166.596L148.5 179M84 166H105.715C106.219 166 106.706 165.809 107.076 165.466L112.924 160.034C113.294 159.691 113.781 159.5 114.285 159.5H130M142 163V171.796C142 172.537 141.591 173.217 140.936 173.563L125 182M84 176.5H105.484C105.823 176.5 106.155 176.414 106.452 176.25L125 166M84 186H92.5C93.6046 186 94.5 186.895 94.5 188V199.5M103 186V195.795C103 197.386 104.767 198.34 106.097 197.467L119 189M112 182L135 168.721M151 159.5L157.498 162.533C158.122 162.823 158.552 163.414 158.637 164.097L158.833 165.667C158.934 166.473 158.537 167.26 157.829 167.658L151 171.5M169.5 151H183C184.105 151 185 151.895 185 153V153.982C185 154.621 184.694 155.223 184.176 155.599L174 163",stroke:"url(#flowGradient)",strokeLinecap:"round",children:(0,v.jsx)("animate",{attributeName:"stroke-opacity",values:"0.8;1;0.8",dur:"4s",repeatCount:"indefinite"})})}),(0,v.jsx)("defs",{children:(0,v.jsxs)("filter",{id:"filter0_f_847_10449",x:"3",y:"1.10205",width:"183",height:"199.398",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,v.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,v.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),(0,v.jsx)("feGaussianBlur",{stdDeviation:"0.25",result:"effect1_foregroundBlur_847_10449"})]})}),(0,v.jsxs)("g",{className:"nodes",children:[(0,v.jsxs)("circle",{cx:"8",cy:"48.5",r:"2",fill:"#005622",filter:"url(#pulse)",children:[(0,v.jsx)("animate",{attributeName:"r",values:"2;3;2",dur:"3s",repeatCount:"indefinite"}),(0,v.jsx)("animate",{attributeName:"fill-opacity",values:"0.8;1;0.8",dur:"3s",repeatCount:"indefinite"})]}),(0,v.jsxs)("circle",{cx:"92",cy:"2.5",r:"2",fill:"#005622",filter:"url(#pulse)",children:[(0,v.jsx)("animate",{attributeName:"r",values:"2;3;2",dur:"2.5s",repeatCount:"indefinite"}),(0,v.jsx)("animate",{attributeName:"fill-opacity",values:"0.8;1;0.8",dur:"2.5s",repeatCount:"indefinite"})]}),(0,v.jsxs)("circle",{cx:"185",cy:"90.5",r:"2",fill:"#005622",filter:"url(#pulse)",children:[(0,v.jsx)("animate",{attributeName:"r",values:"2;3;2",dur:"3.5s",repeatCount:"indefinite"}),(0,v.jsx)("animate",{attributeName:"fill-opacity",values:"0.8;1;0.8",dur:"3.5s",repeatCount:"indefinite"})]}),(0,v.jsxs)("circle",{cx:"73",cy:"196.5",r:"2",fill:"#005622",filter:"url(#pulse)",children:[(0,v.jsx)("animate",{attributeName:"r",values:"2;3;2",dur:"2.8s",repeatCount:"indefinite"}),(0,v.jsx)("animate",{attributeName:"fill-opacity",values:"0.8;1;0.8",dur:"2.8s",repeatCount:"indefinite"})]}),(0,v.jsx)("circle",{cx:"13",cy:"55.5",r:"2",fill:"#005622",children:(0,v.jsx)("animate",{attributeName:"fill-opacity",values:"0.6;0.9;0.6",dur:"4s",repeatCount:"indefinite",begin:"0.5s"})}),(0,v.jsx)("circle",{cx:"4",cy:"55.5",r:"2",fill:"#005622",children:(0,v.jsx)("animate",{attributeName:"fill-opacity",values:"0.6;0.9;0.6",dur:"3.8s",repeatCount:"indefinite",begin:"1s"})}),(0,v.jsx)("circle",{cx:"13",cy:"62.5",r:"2",fill:"#005622",children:(0,v.jsx)("animate",{attributeName:"fill-opacity",values:"0.6;0.9;0.6",dur:"4.2s",repeatCount:"indefinite",begin:"1.5s"})}),(0,v.jsx)("circle",{cx:"23",cy:"62.5",r:"2",fill:"#005622",children:(0,v.jsx)("animate",{attributeName:"fill-opacity",values:"0.6;0.9;0.6",dur:"3.6s",repeatCount:"indefinite",begin:"2s"})}),(0,v.jsx)("circle",{cx:"92",cy:"57.5",r:"2",fill:"#005622",children:(0,v.jsx)("animate",{attributeName:"fill-opacity",values:"0.7;1;0.7",dur:"3.2s",repeatCount:"indefinite",begin:"0.8s"})}),(0,v.jsx)("circle",{cx:"106",cy:"77.5",r:"2",fill:"#005622",children:(0,v.jsx)("animate",{attributeName:"r",values:"2;2.5;2",dur:"3.8s",repeatCount:"indefinite",begin:"1.2s"})}),(0,v.jsx)("circle",{cx:"162",cy:"90.5",r:"2",fill:"#005622",children:(0,v.jsx)("animate",{attributeName:"fill-opacity",values:"0.6;0.95;0.6",dur:"4.5s",repeatCount:"indefinite",begin:"1.8s"})}),(0,v.jsx)("circle",{cx:"125",cy:"36.5",r:"2",fill:"#005622",children:(0,v.jsx)("animate",{attributeName:"fill-opacity",values:"0.7;1;0.7",dur:"3.4s",repeatCount:"indefinite",begin:"2.2s"})}),(0,v.jsx)("circle",{cx:"98",cy:"60.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"72",cy:"66.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"76",cy:"76.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"73",cy:"95.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"73",cy:"116.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"79",cy:"110.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"95",cy:"110.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"91",cy:"95.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"100",cy:"107.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"99",cy:"84.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"124",cy:"84.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"118",cy:"91.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"108",cy:"91.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"108",cy:"97.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"128",cy:"90.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"113",cy:"77.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"130",cy:"77.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"106",cy:"69.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"106",cy:"61.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"134",cy:"40.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"149",cy:"57.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"156",cy:"57.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"156",cy:"47.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"141",cy:"47.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"147",cy:"40.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"125",cy:"26.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"135",cy:"69.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"141",cy:"69.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"154",cy:"69.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"150",cy:"64.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"176",cy:"80.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"135",cy:"87.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"82",cy:"52.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"80",cy:"41.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"98",cy:"28.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"106",cy:"42.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"79",cy:"26.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"99",cy:"12.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"99",cy:"3.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"138",cy:"25.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"148",cy:"29.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"177",cy:"46.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"53",cy:"54.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"53",cy:"64.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"40",cy:"72.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"44",cy:"82.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"65",cy:"81.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"65",cy:"127.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"13",cy:"82.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"23",cy:"88.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"3",cy:"97.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"57",cy:"110.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"47",cy:"108.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"57",cy:"124.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"57",cy:"130.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"47",cy:"130.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"17",cy:"130.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"9",cy:"127.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"34",cy:"136.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"41",cy:"141.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"31",cy:"144.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"2",cy:"152.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"23",cy:"152.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"39",cy:"179.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"30",cy:"152.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"34",cy:"159.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"51",cy:"179.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"48",cy:"185.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"50",cy:"165.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"47",cy:"159.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"74",cy:"159.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"73",cy:"169.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"83",cy:"185.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"94",cy:"199.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"103",cy:"186.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"120",cy:"187.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"125",cy:"181.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"142",cy:"162.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"152",cy:"152.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"148",cy:"178.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"157",cy:"144.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"170",cy:"150.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"173",cy:"163.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"183",cy:"137.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"185",cy:"126.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"170",cy:"104.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"160",cy:"104.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"135",cy:"94.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"124",cy:"107.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"109",cy:"107.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"104",cy:"117.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"74",cy:"126.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"74",cy:"136.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"106",cy:"123.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"106",cy:"136.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"76",cy:"144.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"79",cy:"154.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"109",cy:"146.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"114",cy:"130.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"114",cy:"122.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"137",cy:"115.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"146",cy:"130.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"147",cy:"115.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"170",cy:"132.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"153",cy:"136.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"124",cy:"136.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"134",cy:"144.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"144",cy:"152.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"150",cy:"159.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"150",cy:"171.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"114",cy:"152.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"129",cy:"159.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"83",cy:"165.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"83",cy:"176.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"113",cy:"181.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"135",cy:"168.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"124",cy:"166.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"114",cy:"115.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"65",cy:"137.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"18",cy:"122.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"41",cy:"122.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"23",cy:"108.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"23",cy:"115.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"3",cy:"107.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"4",cy:"141.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"48",cy:"25.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"56",cy:"22.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"68",cy:"44.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"73",cy:"33.5",r:"2",fill:"#005622"}),(0,v.jsx)("circle",{cx:"92",cy:"9.5",r:"2",fill:"#005622"})]})]})});i(98992),i(81454);var B=i(6304);const S=[{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"}],T=(0,n.keyframes)(["0%{transform:translate(-50%,-50%) scale(1);opacity:1;}100%{transform:translate(-50%,-50%) scale(2);opacity:0;}"]),D=(0,n.keyframes)(["0%,90%{opacity:0;}100%{opacity:1;}"]),z=n.default.div.withConfig({displayName:"featureRotator__FeaturePointsContainer",componentId:"sc-1qsbj5y-0"})(["position:absolute;inset:0;pointer-events:none;z-index:10;"]),A=n.default.svg.withConfig({displayName:"featureRotator__ConnectionLinesSvg",componentId:"sc-1qsbj5y-1"})(["position:absolute;top:0;left:0;width:320px;height:320px;pointer-events:none;z-index:2;filter:drop-shadow(0 0 8px rgba(0,205,81,0.2));margin:auto;inset:0;"]),F=n.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%;}"],T),G=n.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;"]),R=n.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})),E=n.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;"]),q=n.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%);}"],D,(e=>{let{$isOnboarding:t}=e;return t?"none":"block"}),F,F,F,F,F,F,F,F,R,E,F,F,F,F,F,F),W=e=>new Promise((t=>setTimeout(t,e))),P=(0,r.memo)((e=>{let{feature:t,onMouseEnter:i,onMouseLeave:n,titleRef:s,isOnboarding:l}=e;const[a,o]=(0,r.useState)(!1);return(0,v.jsx)(F,{onMouseEnter:i,onMouseLeave:n,children:(0,v.jsxs)(q,{$isOnboarding:l,children:[(0,v.jsx)(G,{ref:s,children:t.title}),(0,v.jsx)(E,{children:t.subtext})]})})})),Z=e=>{let{isOnboarding:t}=e;const[i,n]=(0,r.useState)(6),[s,l]=(0,r.useState)(0),[a,,o,c]=(0,B.A)(!1),d=(0,r.useRef)(null),x=(0,r.useRef)([]),[f,u]=((0,r.useRef)([]),(0,r.useState)([0,1,2,3,4,5])),p=(0,r.useCallback)((async()=>{if(a)return;const e=s,t=S[i],r=x.current[e];await(async(e,t)=>{if(!e)return;e.style.opacity="0.4";const i=e.textContent,r=Math.max(i.length,t.length),n="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()".split("");for(let s=0;s<=r;s++){if(s<t.length){const l=t[s],a=4,o=20/a;for(let c=0;c<a;c++){let d=t.substring(0,s);d+=c<a-1?n[Math.floor(Math.random()*n.length)]:l;const x=r-s-1;x>0&&s+1<i.length&&(d+=i.substring(s+1).substring(0,Math.max(0,x-c))),e.textContent=d,await W(o)}}await W(20)}e.textContent=t,e.style.opacity="1"})(r,t.title),u((t=>{const r=[...t];return r[e]=i,r})),n((e=>(e+1)%S.length)),l((e=>(e+1)%6))}),[a,i,s]);return(0,r.useEffect)((()=>(d.current=setInterval(p,8e3),()=>{d.current&&clearInterval(d.current)})),[p]),(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(A,{width:"320",height:"320",viewBox:"0 0 320 320",children:[(0,v.jsx)("defs",{children:(0,v.jsxs)("radialGradient",{id:"packetGlow",children:[(0,v.jsx)("stop",{offset:"0%",stopColor:"#12ff70",stopOpacity:"1"}),(0,v.jsx)("stop",{offset:"70%",stopColor:"#00cd51",stopOpacity:"0.8"}),(0,v.jsx)("stop",{offset:"100%",stopColor:"#008936",stopOpacity:"0"})]})}),(0,v.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,v.jsx)("animate",{attributeName:"stroke-dashoffset",values:"80;160",dur:"1s",begin:"1s",fill:"freeze"}),(0,v.jsx)("animate",{attributeName:"opacity",values:"0;1",dur:"0.3s",begin:"1s",fill:"freeze"})]}),(0,v.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,v.jsx)("animate",{attributeName:"stroke-dashoffset",values:"80;160",dur:"1s",begin:"1.2s",fill:"freeze"}),(0,v.jsx)("animate",{attributeName:"opacity",values:"0;1",dur:"0.3s",begin:"1.2s",fill:"freeze"})]}),(0,v.jsxs)("path",{id:"line-right",d:"M300,165 L320,165",stroke:"#00cd51",strokeWidth:"1",fill:"none",opacity:"0",strokeDasharray:"20",strokeDashoffset:"20",children:[(0,v.jsx)("animate",{attributeName:"stroke-dashoffset",values:"20;0",dur:"1s",begin:"1.4s",fill:"freeze"}),(0,v.jsx)("animate",{attributeName:"opacity",values:"0;1",dur:"0.3s",begin:"1.4s",fill:"freeze"})]}),(0,v.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,v.jsx)("animate",{attributeName:"stroke-dashoffset",values:"80;160",dur:"1s",begin:"1.6s",fill:"freeze"}),(0,v.jsx)("animate",{attributeName:"opacity",values:"0;1",dur:"0.3s",begin:"1.6s",fill:"freeze"})]}),(0,v.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,v.jsx)("animate",{attributeName:"stroke-dashoffset",values:"80;160",dur:"1s",begin:"1.8s",fill:"freeze"}),(0,v.jsx)("animate",{attributeName:"opacity",values:"0;1",dur:"0.3s",begin:"1.8s",fill:"freeze"})]}),(0,v.jsxs)("path",{id:"line-left",d:"M0,165 L20,165",stroke:"#00cd51",strokeWidth:"1",fill:"none",opacity:"0",strokeDasharray:"20",strokeDashoffset:"20",children:[(0,v.jsx)("animate",{attributeName:"stroke-dashoffset",values:"20;40",dur:"1s",begin:"2s",fill:"freeze"}),(0,v.jsx)("animate",{attributeName:"opacity",values:"0;1",dur:"0.3s",begin:"2s",fill:"freeze"})]}),(0,v.jsxs)("circle",{r:"3",fill:"url(#packetGlow)",opacity:"0",children:[(0,v.jsx)("animateMotion",{dur:"2.5s",repeatCount:"indefinite",begin:"3s",children:(0,v.jsx)("mpath",{href:"#path-top-left"})}),(0,v.jsx)("animate",{attributeName:"opacity",values:"0;1;0",dur:"2.5s",repeatCount:"indefinite",begin:"3s"}),(0,v.jsx)("animate",{attributeName:"r",values:"2;4;2",dur:"2.5s",repeatCount:"indefinite",begin:"3s"})]}),(0,v.jsxs)("circle",{r:"3",fill:"url(#packetGlow)",opacity:"0",children:[(0,v.jsx)("animateMotion",{dur:"2.8s",repeatCount:"indefinite",begin:"3.5s",children:(0,v.jsx)("mpath",{href:"#path-top-right"})}),(0,v.jsx)("animate",{attributeName:"opacity",values:"0;1;0",dur:"2.8s",repeatCount:"indefinite",begin:"3.5s"}),(0,v.jsx)("animate",{attributeName:"r",values:"2;4;2",dur:"2.8s",repeatCount:"indefinite",begin:"3.5s"})]}),(0,v.jsxs)("circle",{r:"3",fill:"url(#packetGlow)",opacity:"0",children:[(0,v.jsx)("animateMotion",{dur:"1.5s",repeatCount:"indefinite",begin:"4s",children:(0,v.jsx)("mpath",{href:"#line-right"})}),(0,v.jsx)("animate",{attributeName:"opacity",values:"0;1;0",dur:"1.5s",repeatCount:"indefinite",begin:"4s"}),(0,v.jsx)("animate",{attributeName:"r",values:"2;3;2",dur:"1.5s",repeatCount:"indefinite",begin:"4s"})]}),(0,v.jsxs)("circle",{r:"3",fill:"url(#packetGlow)",opacity:"0",children:[(0,v.jsx)("animateMotion",{dur:"2.6s",repeatCount:"indefinite",begin:"4.2s",children:(0,v.jsx)("mpath",{href:"#path-bottom-right"})}),(0,v.jsx)("animate",{attributeName:"opacity",values:"0;1;0",dur:"2.6s",repeatCount:"indefinite",begin:"4.2s"}),(0,v.jsx)("animate",{attributeName:"r",values:"2;4;2",dur:"2.6s",repeatCount:"indefinite",begin:"4.2s"})]}),(0,v.jsxs)("circle",{r:"3",fill:"url(#packetGlow)",opacity:"0",children:[(0,v.jsx)("animateMotion",{dur:"2.7s",repeatCount:"indefinite",begin:"4.5s",children:(0,v.jsx)("mpath",{href:"#path-bottom-left"})}),(0,v.jsx)("animate",{attributeName:"opacity",values:"0;1;0",dur:"2.7s",repeatCount:"indefinite",begin:"4.5s"}),(0,v.jsx)("animate",{attributeName:"r",values:"2;4;2",dur:"2.7s",repeatCount:"indefinite",begin:"4.5s"})]}),(0,v.jsxs)("circle",{r:"3",fill:"url(#packetGlow)",opacity:"0",children:[(0,v.jsx)("animateMotion",{dur:"1.8s",repeatCount:"indefinite",begin:"5s",children:(0,v.jsx)("mpath",{href:"#line-left"})}),(0,v.jsx)("animate",{attributeName:"opacity",values:"0;1;0",dur:"1.8s",repeatCount:"indefinite",begin:"5s"}),(0,v.jsx)("animate",{attributeName:"r",values:"2;3;2",dur:"1.8s",repeatCount:"indefinite",begin:"5s"})]})]}),(0,v.jsx)(z,{children:f.map(((e,i)=>(0,v.jsx)(P,{feature:S[e],onMouseEnter:c,onMouseLeave:o,titleRef:e=>x.current[i]=e,isOnboarding:t},i)))})]})},U=n.default.div.withConfig({displayName:"hexagonContainer__Container",componentId:"sc-125rfga-0"})(["position:absolute;margin:auto;width:320px;height:320px;inset:0;"]),$=e=>{let{isOnboarding:t}=e;return(0,v.jsxs)(U,{children:[(0,v.jsx)(O,{}),(0,v.jsx)(Z,{isOnboarding:t})]})};var Y=i(19186),X=i(98545),K=i(30403),Q=i(92862),J=i(3319);const ee=(0,r.memo)((e=>{let{isHover:t,isOnboarding:i,startOnboarding:n,onMouseEnter:s,onMouseLeave:l}=e;const[a,o]=(0,r.useState)(0),[d,,x,f]=(0,B.A)(),u=(0,j.vt)(),p=(0,Y.ID)(),h=(0,Y.J_)(u,K.mL),g=(0,Q.A)(),{sendLog:y}=(0,J.A)();(0,X.A)({spaceId:u,id:p||h,pollingInterval:3e3,keepPolling:!0,onNodeIdsChange:e=>{o(e?.nodeIds?.length||0)}});const m=(0,r.useCallback)((()=>{y({feature:"Onboarding",description:"Start onboarding (Click main node button)"}),n()}),[n,y]);return(0,r.useEffect)((()=>{a>0&&(f(),g())}),[a,g,f]),(0,v.jsxs)(c,{children:[(0,v.jsx)($,{isOnboarding:i}),(0,v.jsx)(_,{isHover:t,isOnboarding:i,isLoading:d,onMouseEnter:s,onMouseLeave:l,onClick:m}),(0,v.jsx)(V,{isOnboarding:i,startLoading:x})]})}));var te=i(88934),ie=i(42790),re=i(14457),ne=i(41405),se=i(79748),le=i(4204);const ae=["os/redhat.svg","services/postgresql.svg","os/docker.svg","os/kubernetes.svg","services/redis.svg"],oe=(0,r.memo)((()=>(0,v.jsx)(s.Flex,{alignItems:"center",gap:3,children:ae.map((e=>(0,v.jsx)(ne.A,{height:"24px",src:`img/logos/${e}`,alt:e},e)))}))),ce=()=>{const e=(0,ie.rI)(),t=(0,te.Zp)(),{path:i}=(0,re.Q)(),{sendLog:n}=(0,J.A)(),l=(0,r.useCallback)((()=>{n({feature:"Onboarding",description:"Go to demo space button"})}),[n]),a=(0,r.useCallback)((()=>{n({feature:"Onboarding",description:"Go to integrations button"}),e((e=>({...e,onboarding:"true"}))),t(i,{replace:!0})}),[i,e,n,t]);return(0,v.jsxs)(y,{"data-testid":"onboarding-footer-container",justifyContent:"between",zIndex:5,children:[le.ei?(0,v.jsx)("div",{}):(0,v.jsx)(se.A,{href:"https://app.netdata.cloud/spaces/netdata-demo",rel:"noopener noreferer",target:"_blank",Component:b,onClick:l,children:(0,v.jsx)(s.Text,{color:"pnlText",children:"Go to Demo space"})}),(0,v.jsxs)(b,{position:"relative",right:"60px",cursor:"pointer",onClick:a,children:[(0,v.jsxs)(s.Flex,{alignItems:"center",gap:2,children:[(0,v.jsx)(s.Icon,{name:"integrations",color:"pnlText"}),(0,v.jsx)(s.Text,{color:"pnlText",children:"Take me to integrations!"})]}),(0,v.jsx)(oe,{}),(0,v.jsx)(s.Icon,{name:"chevron_right",color:"pnlText"})]})]})},de=(0,r.memo)(ce);var xe=i(60908);const fe=(0,r.memo)((()=>{const[e,,t,i]=(0,B.A)(),[r,,n]=(0,B.A)();return(0,v.jsx)(xe.Ay,{feature:"Onboarding",children:(0,v.jsxs)(o,{"data-testid":"onboarding-main-container",children:[(0,v.jsx)(g,{isHover:e,isOnboarding:r}),(0,v.jsx)(k,{}),(0,v.jsx)(ee,{isHover:e,isOnboarding:r,onMouseEnter:t,onMouseLeave:i,startOnboarding:n}),(0,v.jsx)(de,{})]})})}))}}]);