diff options
Diffstat (limited to 'web/gui/v2/3283.88c006d10b31f8ed8088.chunk.js')
| -rw-r--r-- | web/gui/v2/3283.88c006d10b31f8ed8088.chunk.js | 1 |
1 files changed, 1 insertions, 0 deletions
diff --git a/web/gui/v2/3283.88c006d10b31f8ed8088.chunk.js b/web/gui/v2/3283.88c006d10b31f8ed8088.chunk.js new file mode 100644 index 0000000000..1a5be2f616 --- /dev/null +++ b/web/gui/v2/3283.88c006d10b31f8ed8088.chunk.js @@ -0,0 +1 @@ +!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="4acc1ab3-36e9-4176-90ad-6c93008df2d1",e._sentryDebugIdIdentifier="sentry-dbid-4acc1ab3-36e9-4176-90ad-6c93008df2d1")}catch(e){}}();var _global="undefined"!==typeof window?window:"undefined"!==typeof global?global:"undefined"!==typeof self?self:{};_global.SENTRY_RELEASE={id:"8b7b01b6c705cf50f8050ce0fb8fc6b58fe68567"},(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[3283],{32300:function(e,t,n){n.d(t,{Z:function(){return xt}});var r=n(67294),o=n(37518),a=n(96929),i=n(36560),c=n(63346),l=n(29439),d=(n(92222),n(24281)),s=n(91268),u=n(96104),m=n(97945),f=n(74059),p=n(74662),g=n(4822),h=n(6015),v=n(93416),b=n(4942),y=n(87462),w=(n(69826),n(41539),n(47941),n(82526),n(57327),n(88449),n(2490),n(59849),n(38880),n(15581),n(34514),n(54747),n(49337),n(33321),n(69070),n(92432)),E=n(46667),x=n(53030),O=n(89149),k=n(15861),C=n(64687),Z=n.n(C),I=n(4480),j=n(83338),S=n(8018);function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){(0,b.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=(0,I.CG)({key:"roomSettings",get:function(e){var t=e.id,n=e.key;return function(e){var r=(0,e.get)((0,j.Z)(t));return n?r[n]:r}},set:function(e){var t=e.id,n=e.key;return function(e,r){(0,e.set)((0,j.Z)(t),(function(e){return n?P(P({},e),{},(0,b.Z)({},n,r)):r}))}}}),T=function(e,t){return(0,I.sJ)(D({id:e,key:t}))},M=function(e,t){var n=T(e,t),r=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.key,r=t.shouldPersist,o=void 0===r||r,a=(0,I.Zl)(D({id:e,key:n})),i=(0,S.O9)(e);return(0,I._8)((function(t){var r=t.snapshot;return function(){var t=(0,k.Z)(Z().mark((function t(c){var l;return Z().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(a(c),o){t.next=3;break}return t.abrupt("return");case 3:return t.next=5,r.getPromise(D({id:e}));case 5:return l=t.sent,t.prev=6,t.next=9,i({settings:P(P({},l),n?(0,b.Z)({},n,c):c)});case 9:t.next=14;break;case 11:t.prev=11,t.t0=t.catch(6),a(n?l[n]:l);case 14:case"end":return t.stop()}}),t,null,[[6,11]])})));return function(e){return t.apply(this,arguments)}}()}),[e,n,i])}(e,{key:t});return[n,r]},B=n(45987),F=(n(21249),n(57640),n(9924),n(16645)),A=n(7693),_=n(92903),L=n(5429),R=n(29495),V=n(40970),z=n(84147),H=function(){},W=function(e){var t=e.roomId,n=e.id,a=e.onRemove,i=void 0===a?H:a,c=(0,o.tE)(t,"name"),d=(0,R.xQ)(t,n,"title"),s=(0,R.c0)(t),u=(0,E.Z)(),m=(0,l.Z)(u,4),f=m[0],p=m[2],g=m[3],h=function(){var e=(0,k.Z)(Z().mark((function e(){return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,s(n);case 2:i();case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return r.createElement(r.Fragment,null,r.createElement(v.Button,{danger:!0,flavour:"hollow",onClick:p,label:"Delete metric","data-testid":"remove-metric"}),f&&r.createElement(v.ConfirmationDialog,{"data-ga":"remove-metric-dialog","data-testid":"removeMetricDialog",handleConfirm:h,handleDecline:g,message:r.createElement(r.Fragment,null,"You are about to remove ",r.createElement("strong",null,d)," metric.",r.createElement("br",null),"Are you sure you want to continue?"),title:"Remove metric from ".concat(c)}))},U=["title","help","link","disclaimer","children"],G=function(e){var t=e.link,n=e.children;return r.createElement(v.Flex,{as:"a",target:"_blank",href:t,gap:1,alignItems:"end"},r.createElement(v.TextNano,{textDecoration:"undeline"},n),r.createElement(v.Icon,{color:"text",name:"question",width:"16px",height:"16px"}))},K=function(e){var t=e.title,n=e.help,o=e.link,a=e.disclaimer,i=e.children,c=(0,B.Z)(e,U);return r.createElement(v.Flex,(0,y.Z)({gap:1,column:!0},c),r.createElement(v.Flex,{justifyContent:"between",alignItems:"baseline"},r.createElement(v.Text,{as:"label",margin:[0]},t),n&&r.createElement(G,{link:o},n)),i,a&&r.createElement(v.TextSmall,null,a))},q=n(93433),Q=n(26398),X=n(62200),Y={value:"all",label:"All"},J=function(e){var t=e.dimensions,n=e.units;return{dimensions:t?[Y].concat((0,q.Z)(t.map((function(e){return{value:e.id,label:e.name}})))):[Y],units:n}},$=["spaceId","roomId","id","onClose"];function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){(0,b.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ne=function(e){var t=e.isNew;return r.createElement(v.Flex,{as:"span",gap:1},"Manage room",r.createElement(v.TextBig,{color:"textLite"},"/"),r.createElement(v.TextBig,{color:"textLite"},t?"Add":"Edit"," Metric"))},re=function(e){var t=e.spaceId,n=e.roomId,o=e.id,a=e.onClose,i=(0,B.Z)(e,$),c="new"===o,d=(0,R.jN)(n,o),s=(0,R.Y6)(n,{shouldPersist:!1}),m=(0,R.xQ)(n,o),f=(0,r.useRef)(m),p=m.title,g=m.context,h=m.dimensions,b=void 0===h?[]:h,w=function(){s(o,f.current),a()};(0,r.useEffect)((function(){c&&d()}),[]);var E=(0,u.fX)({extraKey:"nodesView",merge:!1,scoped:!0}),x=(0,V.Z)(n,E,{spaceId:t});if(x)throw x;var O=(0,z.jg)(n),k=(0,r.useMemo)((function(){return O.map((function(e){return{value:e,label:e}}))}),[O]),C=(0,z.hH)(n),Z=(0,r.useMemo)((function(){return g&&{value:g,label:g}}),[g]),I=(0,L.Z)((function(){return{enabled:!!g,fetch:function(){return function(e,t,n){return Q.Z.get("".concat(X.li,"/spaces/").concat(e,"/rooms/").concat(t,"/contexts/").concat(encodeURIComponent(n)),{transform:J})}(t,n,g)},initialValue:{dimensions:[],units:""}}}),[t,n,g]),j=(0,l.Z)(I,2),S=j[0],N=S.dimensions,P=S.units,D=j[1],T=(0,r.useCallback)((function(e){var t=e.value;s(o,"context",t),s(o,"dimensions",[]),s(o,"title",t)}),[o]),M=(0,r.useMemo)((function(){return N?1===N.length||b.length===N.length-1||0===b.length?[Y]:b.map((function(e){return{value:e.id,label:e.name}})):[Y]}),[b,N]),H=(0,r.useCallback)((function(e){var t=e.filter((function(e){return e.value!==Y.value})),n=(0===e.length||t.length!==e.length&&0!==b.length||t.length===N.length-1?[]:t).map((function(e){return{id:e.value,name:e.label}}));s(o,"dimensions",n)}),[o,b,N]),U=(0,R.VP)(n),G=(0,r.useCallback)((function(){return U(te(te({},m),{},{id:o,enableAllDimensions:0===b.length,unit:P})).then(a)}),[m]),q=(0,r.useCallback)((function(e){var t=e.target.value;t.length<=30&&s(o,"title",t)}),[o]),ee=!p||!g||D||!C;return r.createElement(F.u6,(0,y.Z)({onClose:w},i),r.createElement(A.x,{onClose:w,title:r.createElement(ne,{isNew:c})},r.createElement(v.Button,{label:"Save",onClick:G,disabled:ee})),r.createElement(_.B,null,c?"Add a new metric (column)":"Edit metric"),r.createElement(F.TZ,null,r.createElement(v.Flex,{gap:6,column:!0},r.createElement(K,{title:"Context",help:"What is a context?",link:"https://learn.netdata.cloud/docs/data-collection/chart-dimensions-contexts-and-families#context","data-testid":"manageMetrics-context"},r.createElement(v.Select,{options:k,value:Z,onChange:T,isLoading:!C,"data-testid":"manageMetrics-contextSelect"})),r.createElement(K,{title:"Metric Title","data-testid":"manageMetrics-title"},r.createElement(v.TextInput,{name:"title",placeholder:"Type name",value:p,onChange:q})),r.createElement(K,{title:"Dimensions",help:"What is a dimension?",link:"https://learn.netdata.cloud/docs/data-collection/chart-dimensions-contexts-and-families#dimension",disclaimer:M[0]===Y&&"The returned value is the sum of all selected dimensions.","data-testid":"manageMetrics-dimensions"},r.createElement(v.Select,{isMulti:!0,options:N,value:M,onChange:H,isLoading:D,isDisabled:!Z,"data-testid":"manageMetrics-dimensionSelect"})),!c&&r.createElement(v.Flex,{justifyContent:"end"},r.createElement(W,{roomId:n,id:o,onRemove:a})))))},oe=function(e){var t=e.isOpen,n=e.onClose,o=e.onEdit,a=e.roomId,i=e.targetRef,c=(0,R.dh)(a),d=(0,l.Z)(c,2),s=d[0],u=d[1];if(!i.current||!t)return null;var m=function(e){o(e),n()};return r.createElement(v.Drop,{align:{top:"bottom",right:"right"},animation:!0,background:"dropdown",column:!0,margin:[.5,0,0],overflow:{vertical:"auto"},padding:[3],round:!0,width:70,close:n,"data-testid":"metricsMenu",onClickOutside:n,onEsc:n,target:i.current},s.map((function(e){return r.createElement(v.Flex,{"data-testid":"metricsMenu-metric-".concat(e.title),key:e.id,justifyContent:"between",alignItems:"center",padding:[1,0]},r.createElement(v.Checkbox,{checked:!e.hidden,"data-testid":"metricsMenu-metricCheckbox",label:e.title,onChange:function(){return u(e.id,"hidden",!e.hidden)}}),r.createElement(v.IconButton,{"data-testid":"metricsMenu-editMetric",flavour:"borderless",icon:"pencilSolid",neutral:!0,padding:[0],onClick:function(){return m(e.id)},width:"10px",height:"10px"}))})),r.createElement(v.Button,{"data-testid":"metricsMenu-addMetricButton",label:"Add new metric",icon:"plus",onClick:function(){return m("new")},small:!0,alignSelf:"end"}))},ae=function(e){var t=e.spaceId,n=e.roomId,o=(0,E.Z)(),a=(0,l.Z)(o,4),i=a[0],c=a[2],d=a[3],s=(0,r.useState)(null),u=(0,l.Z)(s,2),m=u[0],f=u[1],p=(0,r.useRef)();return r.createElement(r.Fragment,null,r.createElement(v.Button,{"data-ga":"metric-setting::click-metric-setting::hm-nodes","data-testid":"metricSettings-button",flavour:"hollow",icon:"gear",neutral:!0,onClick:c,ref:p,label:"Metrics",small:!0}),r.createElement(oe,{isOpen:i,onClose:d,onEdit:f,roomId:n,targetRef:p}),m&&r.createElement(re,{"data-testid":"metricsManagement",spaceId:t,roomId:n,id:m,onClose:function(){return f(null)}}))},ie=n(71893),ce=((0,ie.default)(v.Checkbox).withConfig({displayName:"styled__Checkbox",componentId:"sc-1czrg41-0"})(["color:",";font-size:12px;margin-left:",";width:100%;> span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:",";}"],(0,v.getColor)("text"),(0,v.getSizeBy)(0),(0,v.getSizeBy)(25)),(0,ie.default)(v.Flex).attrs({height:"1px",margin:[4,0]}).withConfig({displayName:"styled__Divider",componentId:"sc-1czrg41-1"})(["background-color:rgba(0,0,0,0.12);"]),(0,ie.default)(v.ListItem).withConfig({displayName:"styled__ListItem",componentId:"sc-1czrg41-2"})(["align-items:center;display:flex;flex-direction:row;font-size:",";justify-content:space-between;padding-left:",";"],(0,v.getSizeBy)(3),(0,v.getSizeBy)(0)),(0,ie.default)(v.Drop).attrs({align:{top:"bottom",right:"right"},animation:!0,background:"dropdown",column:!0,margin:[.5,0,0],overflow:{vertical:"auto"},padding:[3],round:1,width:70}).withConfig({displayName:"styled__MetricsDropdown",componentId:"sc-1czrg41-3"})([""]),(0,ie.default)(v.Button).attrs({neutral:!0,flavour:"borderless",small:!0}).withConfig({displayName:"styled__OptionButton",componentId:"sc-1czrg41-4"})(["&&&{font-size:14px;font-weight:normal;justify-content:flex-start;padding-left:",";}"],(0,v.getSizeBy)(2))),le=((0,ie.default)(v.Button).withConfig({displayName:"styled__PencilButton",componentId:"sc-1czrg41-5"})(["> svg.button-icon{width:",";height:",";opacity:0;}"],(0,v.getSizeBy)(4),(0,v.getSizeBy)(4)),(0,ie.default)(v.Button).withConfig({displayName:"styled__MetricsButton",componentId:"sc-1czrg41-6"})(["&&&{width:100%;}"]),n(38671)),de=n(39979);function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ue(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){(0,b.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var me=function(){return(0,w.L)("grouping","click-grouping","hm-nodes")},fe=(0,de.Z)(x.Z),pe=[{icon:"node",label:"Node status",value:"nodeStatus","data-ga":"grouping::click-grouping-node-status::hm-nodes"},{icon:"alarm_bell",label:"Alert status",value:"alertStatus","data-ga":"grouping::click-grouping-status::hm-nodes"}],ge={Option:function(e){var t=e.innerProps,n=e.data,o=e.isSelected;return r.createElement(ce,(0,y.Z)({},n,t,{active:o}))}},he={control:function(e){return ue(ue({},e),{},{height:32,minHeight:32,width:160})},indicatorSeparator:function(){return{display:"none"}},dropdownIndicator:function(e){return ue(ue({},e),{},{height:20,minHeight:20,paddingRight:4,paddingTop:0,paddingBottom:0})},valueContainer:function(e){return ue(ue({},e),{},{paddingTop:0,paddingBottom:0})}},ve=function(){var e=(0,f.th)(),t=(0,o.UL)(),n=(0,E.Z)(),a=(0,l.Z)(n,4),i=a[0],c=a[2],d=a[3],s=(0,le.Z)().onIntegrationsClick,u=M(t,"groupMode"),m=(0,l.Z)(u,2),p=m[0],g=m[1],h=(0,r.useMemo)((function(){return pe.find((function(e){return e.value===p}))||pe[0]}),[p]),b=(0,r.useCallback)((function(e){var t=e.value;return g(t)}),[g]);return r.createElement(v.Flex,{alignItems:"center","data-testid":"agentsHead-actions",flexWrap:!1,gap:3},r.createElement(v.Select,{components:ge,label:"Group by",onChange:b,onMenuOpen:me,options:pe,styles:he,value:h}),r.createElement(ae,{roomId:t,spaceId:e}),r.createElement(v.Button,{icon:"integrations",flavour:"hollow",onClick:s,small:!0},"Integrations"),i&&r.createElement(O.Z,{onClose:d}),r.createElement(fe,{"data-ga":"add-nodes::click-add-nodes::hm-nodes","data-testid":"agentsHead-addNode",icon:"nodes_hollow",label:"Add Nodes",onClick:c,small:!0}))},be=function(){return r.createElement(v.Flex,{width:"100%",justifyContent:"end",background:"mainBackground",padding:[2]},r.createElement(ve,null))},ye=(n(2707),n(66992),n(70189),n(78783),n(88921),n(96248),n(13599),n(11477),n(64362),n(15389),n(90401),n(45164),n(91238),n(54837),n(87485),n(56767),n(76651),n(61437),n(35285),n(39865),n(33948),n(85827),n(25387),n(72608),n(39612)),we=n(88866);function Ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ee(Object(n),!0).forEach((function(t){(0,b.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Oe,ke=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getGrouping,o=n.extraKey,a={},i=function(e,t){var n=t.getNode,r=t.getGrouping,o=t.nodeMenus,a={};return e.forEach((function(e){var t=n(e);if(t){var a=r(t),i=a.name,c=a.priority,l=a.icon;o[e]=xe(xe({},t),{},{groupId:i,subMenuId:e,priority:c,groupIcon:l})}})),(0,q.Z)(e).sort((function(e,t){var n,r,a,i;return(null===(n=o[e])||void 0===n?void 0:n.priority)-(null===(r=o[t])||void 0===r?void 0:r.priority)||((null===(a=o[e])||void 0===a?void 0:a.name)||"").localeCompare((null===(i=o[t])||void 0===i?void 0:i.name)||"",void 0,{sensitivity:"accent",ignorePunctuation:!0})})).forEach((function(e){var t=o[e];if(t){var n="".concat(t.groupId,"|").concat(t.subMenuId);a[t.groupId]||(a[t.groupId]=new Set),n&&a[t.groupId].add(t.id)}})),{menuGroups:a}}(e,{getNode:t,getGrouping:r,nodeMenus:a}),c=i.menuGroups,l={},d=Object.keys(c).reduce((function(e,t){var n=(0,q.Z)(c[t]),r=a[n[0]];return e[t]={level:0,name:r.groupId,id:t,subMenuIds:n,link:"".concat((0,ye.Z)("menu_".concat(t))),size:24,forceVisibility:!0,icon:r.groupIcon,extraKey:o},n.forEach((function(e){var n,r,i,c,d=a[e];l[e]=xe(xe({},d),{},{level:1,id:e,menuGroupId:t,link:"".concat((0,ye.Z)("menu_".concat(t,"_submenu_").concat(e))),size:24,forceVisibility:!0,icon:(null===(n=we._[null===(r=d.os)||void 0===r?void 0:r.nm])||void 0===n?void 0:n.iconName)||(null===(i=we.V[null===(c=d.os)||void 0===c?void 0:c.id])||void 0===i?void 0:i.iconName)||"os",extraKey:o})})),e}),{}),s=Object.keys(c),u=s.reduce((function(e,t){1;var n=xe(xe({},d[t]),{},{sticky:!0});return[].concat((0,q.Z)(e),[n],(0,q.Z)(d[t].subMenuIds.reduce((function(e,t){1;var n=l[t];return[].concat((0,q.Z)(e),[n])}),[])))}),[]);return a=null,{stickyIds:{},allElements:u,menuGroupIds:s,menuGroupById:d,subMenuById:l}},Ce=n(62340),Ze=n(22965),Ie={alertStatus:(Oe={},(0,b.Z)(Oe,Ce.Z.critical,1),(0,b.Z)(Oe,Ce.Z.warning,2),(0,b.Z)(Oe,Ce.Z.clear,3),(0,b.Z)(Oe,Ce.Z.unreachable,4),Oe),nodeStatus:{Live:1,Stale:2,Offline:3}},je={nodeStatus:function(e){return(0,Ze.Q5)(e.state)},alertStatus:function(e){return(0,Ze.hC)(e)}},Se=n(15394),Ne=n(53499),Pe=n(69743),De=n(56102),Te=n(11835),Me=["id"],Be=function(e){var t=e.id,n=(0,B.Z)(e,Me);return r.createElement(Pe.d,(0,y.Z)({id:t},n),r.createElement(De.Y,{id:t}),r.createElement(Te.f,{id:t}))},Fe=(0,r.memo)(Be),Ae=n(3322),_e=n(24093),Le=n(33335),Re=n(6585),Ve=n(97279),ze=n(66917),He=["connectivity","id","name"],We=function(e){var t=e.connectivity,n=e.id,a=e.name,i=(0,B.Z)(e,He),c=(0,Le.gI)("node:Delete"),d=!(0,o.Hm)().untouchable,s=(0,E.Z)(),u=(0,l.Z)(s,4),m=u[0],f=u[2],p=u[3],g=(0,E.Z)(),h=(0,l.Z)(g,4),v=h[0],b=h[2],w=h[3];return r.createElement(ze.st,(0,y.Z)({alignSelf:"end",gap:1,"data-testid":"node-actions"},i),d&&r.createElement(r.Fragment,null,r.createElement(_e.Z,{badge:"actionRemove","data-testid":"remove-node-action"},r.createElement(ze.xZ,{"data-ga":"nodes-table-row::click-remove-node::nodes-view",onClick:b})),v&&r.createElement(Ve.ZP,{ids:[n],name:a,onClose:w})),c&&"Offline"===t&&r.createElement(r.Fragment,null,r.createElement(_e.Z,{badge:"actionObsolete","data-testid":"obsolete-node-action"},r.createElement(ze.dl,{"data-ga":"nodes-table-row::click-obsolete-node::nodes-view",onClick:f})),m&&r.createElement(Re.ZP,{ids:[n],name:a,onClose:p})))},Ue=n(56001),Ge=["instanceType","name","providerType"],Ke=function(e){var t=e.instanceType,n=e.name,o=e.providerType,a=(0,B.Z)(e,Ge);return r.createElement(_e.Z,(0,y.Z)({badge:"cloudInfo","data-testid":"node-cloud-info",nodeName:n},a),r.createElement(v.Flex,{alignItems:"center",gap:1},r.createElement(v.Icon,{color:"textDescription","data-testid":"node-cloud-info-icon",name:"ipNetworking",width:"18px",height:"18px"}),r.createElement(v.TextSmall,{color:"textDescription","data-testid":"node-cloud-info-text"},(0,Ze.MC)(o)," \u2022 ",(0,Ze.MC)(t))))},qe=["connectivity","name"],Qe=function(e){var t=e.connectivity,n=e.name,o=(0,B.Z)(e,qe);return r.createElement(_e.Z,(0,y.Z)({badge:"connectivity",connectivityState:t,"data-testid":"node-connectivity",nodeName:n},o),r.createElement(v.Icon,{name:"connectivityStatus".concat(t),width:"18px",height:"18px"}))},Xe=["onClick"],Ye=function(e){var t=e.onClick,n=(0,B.Z)(e,Xe);return r.createElement(_e.Z,(0,y.Z)({badge:"info","data-testid":"node-info-cta"},n),r.createElement(v.Icon,{color:"textDescription",cursor:"pointer",height:"18px",width:"18px",name:"information",onClick:t}))},Je=["name"],$e=function(e){var t=e.name,n=(0,B.Z)(e,Je);return r.createElement(_e.Z,(0,y.Z)({badge:"k8s","data-testid":"node-kubernetes",nodeName:t},n),r.createElement(v.Flex,{alignItems:"center",gap:1},r.createElement(v.Icon,{color:"textDescription","data-testid":"node-kubernetes-icon",name:"serviceKubernetes",width:"18px",height:"18px"}),r.createElement(v.TextSmall,{color:"textDescription","data-testid":"node-kubernetes-text"},"k8s")))},et=["kernelName","kernelVersion","name"],tt=function(e){var t=e.kernelName,n=e.kernelVersion,o=e.name,a=(0,B.Z)(e,et);return r.createElement(_e.Z,(0,y.Z)({badge:"kernel","data-testid":"node-kernel",nodeName:o},a),r.createElement(v.TextSmall,{color:"textDescription"},(0,Ze.cB)(t,n)))},nt=n(72132),rt=n(75691),ot=["architecture","cpuFrequency","cpus","diskSpace","memory","name","os","osName"],at=function(e){var t,n,o=e.architecture,a=e.cpuFrequency,i=e.cpus,c=e.diskSpace,l=e.memory,d=e.name,s=e.os,u=e.osName,m=(0,B.Z)(e,ot);return r.createElement(_e.Z,(0,y.Z)({badge:"systemInfo","data-testid":"node-system-info",nodeName:d},m),r.createElement(v.Flex,{alignItems:"center",gap:1},r.createElement(v.Icon,{color:"textDescription","data-testid":"node-system-info-icon",name:(null===(t=we._[u])||void 0===t?void 0:t.iconName)||(null===(n=we.V[s])||void 0===n?void 0:n.iconName)||"os",width:"16px",height:"16px"}),r.createElement(v.TextSmall,{color:"textDescription","data-testid":"node-system-info-text"},(0,Ze.MC)(u)," \u2022 ",(0,Ze.ys)(a)," \u2022"," ",(0,Ze.MC)(i,1===i?"Core":"Cores")," \u2022 ",(0,Ze.MC)(o)," ","\u2022 ",(0,Ze.MC)((0,Ze.yo)(l),"RAM")," \u2022"," ",(0,Ze.MC)((0,Ze.yo)(c),"HD"))))},it=["container","name","virtualization"],ct=function(e){var t=e.container,n=e.name,o=e.virtualization,a=(0,B.Z)(e,it),i=(0,Ze.jo)(t,o);return r.createElement(_e.Z,(0,y.Z)({badge:"type","data-testid":"node-type",nodeName:n,nodeType:i.label},a),r.createElement(v.Flex,{alignItems:"center",gap:1},r.createElement(v.Icon,{color:"textDescription","data-testid":"node-type-icon",name:i.icon,height:i.iconSize,width:i.iconSize}),r.createElement(v.TextSmall,{color:"textDescription","data-testid":"node-type-text"},i.label)))},lt=n(83925),dt=n(9058),st=(n(31672),n(59461),n(74916),n(4723),function(e,t){return e&&e.getRoot().getChildren().find((function(e){return e.match({id:"nodes-".concat(t)})}))}),ut=n(16978),mt=function(e){var t=e.id,n=e.roomId,o=e.nodeId,a=e.context,i=e.dimensions,c=(0,dt.e)(),l=(0,r.useMemo)((function(){var e=st(c,n),r=[t,o,a].join("-");if(!e)return null;var l=e.getNode({id:r});return l?(l.updateAttribute("selectedDimensions",i.map((function(e){return e.name}))),l):(l=c.makeChart({attributes:{id:r,nodesScope:[o],contextScope:[a],pixelsPerPoint:20,selectedDimensions:i.map((function(e){return e.name}))}}),e.appendChild(l),l)}),[a,t,o,n,c]);return l?r.createElement(ut.Z,{chart:l,hasHeader:!1,hasFooter:!1,hasFilters:!1,height:100}):null},ft=(0,r.memo)(mt),pt=n(38626),gt=function(e){var t=e.id,n=e.context,a=e.nodeId,i=e.isLive,c=e.hidden,l=e.title,d=e.dimensions,s=(0,o.UL)();return c||!i?null:r.createElement(v.Flex,{column:!0,"data-testid":"metrics-chart-".concat(n),flex:"grow",basis:"174px"},r.createElement(pt.Z,{text:l||n,TextComponent:v.TextSmall,color:"textDescription",margin:[1,0,1,2],as:"div"}),r.createElement(ft,{id:t,context:n,nodeId:a,roomId:s,dimensions:d}))},ht=function(e){var t,n,a=e.id,i=e.name,c=e.hw,l=e.os,d=e.capabilities,s=e.container,u=e.updateSeverity,m=e.labels,f=e.isLive,p=e.state,h=e.version,b=e.extraKey,w=e.isPreferred,E=(0,o.UL)(),x=null===(t=d.funcs)||void 0===t?void 0:t.enabled,O=null===(n=d.ml)||void 0===n?void 0:n.enabled,k=(0,Ze.Q5)(p),C=m||{},Z=C._cloud_instance_type,I=C._cloud_provider_type,j="true"===(null===m||void 0===m?void 0:m._is_k8s_node),S=!(0,Ze.O2)(Z)||!(0,Ze.O2)(I),N=(0,g.Sf)("sidebarTab",{flavour:"val",extraKey:b}),P=(0,g.Sf)("sidebarOpen",{flavour:"bool"}),D=(0,g.Sf)("sidebarNodeId",{flavour:"val",extraKey:b}),T=(0,r.useCallback)((function(e){P(!0),N(e),D(a)}),[a]),M=(0,r.useCallback)((function(){return T("alerts")}),[T]),B=(0,r.useCallback)((function(){return T("info")}),[T]),F=(0,Ae.Eq)(),A=(0,R.uA)(E);return r.createElement(v.Flex,{"data-testid":"nodeRow-".concat(i),"data-submenuid":a,padding:[1],column:!0,gap:1,round:!0},r.createElement(v.Flex,{alignItems:"center","data-testid":"nodeRow-basic-info",gap:2,height:{min:6}},r.createElement(Qe,{connectivity:k,"data-testid":"nodeRow-connectivity-".concat(k.toLowerCase()),name:i}),r.createElement(ze.uh,{"data-testid":"nodeRow-separator"}),r.createElement(rt.Z,{"data-testid":"nodeRow-name",id:a,name:i,isLive:f,state:p,isPreferred:w}),r.createElement(ze.uh,{"data-testid":"nodeRow-separator"}),r.createElement(Ye,{onClick:B,"data-testid":"nodeRow-more-info-cta"}),r.createElement(ze.uh,{"data-testid":"nodeRow-separator"}),r.createElement(Ue.Z,{id:a,isLive:f,"data-testid":"nodeRow-alerts",name:i,onClick:M}),r.createElement(ze.uh,{"data-testid":"nodeRow-separator"}),r.createElement(nt.Z,{badge:"ml","data-testid":"nodeRow-machine-learning-status",enabled:O,name:i},r.createElement(v.Icon,{name:"anomaliesLens",size:"small",color:"text"})),r.createElement(ze.uh,{"data-testid":"nodeRow-separator"}),r.createElement(nt.Z,{badge:"fn","data-testid":"nodeRow-fn-status",enabled:x,name:i,onClick:function(){return F(a)}},r.createElement(v.Icon,{name:"functions",size:"small",color:"text"})),u&&r.createElement(r.Fragment,null,r.createElement(ze.uh,{"data-testid":"nodeRow-separator"}),r.createElement(lt.Z,{name:i,os:l.id,container:s,warningLevel:u,labels:m,version:h,text:u,"data-testid":"nodeRow-needs-update"})),r.createElement(We,{"data-testid":"nodeRow-node-actions",id:a,name:i,connectivity:k})),r.createElement(v.Flex,{alignItems:"center","data-testid":"nodeRow-detailed-info",gap:2},r.createElement(at,{architecture:c.architecture,cpuFrequency:c.cpuFrequency,cpus:c.cpus,"data-testid":"nodeRow-system-info",diskSpace:c.diskSpace,memory:c.memory,name:i,osName:l.nm,os:l.id}),r.createElement(ze.uh,{"data-testid":"nodeRow-separator"}),!(null===l||void 0===l||!l.kernel)&&r.createElement(tt,{"data-testid":"nodeRow-kernel",kernelName:l.kernel.nm,kernelVersion:l.kernel.v,name:i}),r.createElement(ze.uh,{"data-testid":"nodeRow-separator"}),j&&r.createElement(r.Fragment,null,r.createElement($e,{"data-testid":"nodeRow-kubernetes",name:i}),r.createElement(ze.uh,{"data-testid":"nodeRow-separator"})),r.createElement(ct,{container:c.container,"data-testid":"nodeRow-type",name:i,virtualization:c.virtualization}),S&&r.createElement(r.Fragment,null,r.createElement(ze.uh,{"data-testid":"nodeRow-separator"}),r.createElement(Ke,{"data-testid":"nodeRow-cloud-info",instanceType:Z,name:i,providerType:I}))),w&&!(null===A||void 0===A||!A.length)&&r.createElement(v.Flex,{"data-testid":"nodeRow-charts",gap:1},A.map((function(e){return r.createElement(gt,(0,y.Z)({key:e.id},e,{nodeId:a,isLive:f}))}))))},vt=function(e){switch(e.level){case 0:return Fe;case 1:return ht;default:return null}},bt=["onChartNameChange","initialChartName","dashboardOptions","linkToGo","contextToGo"],yt=function(e){var t=e.onChartNameChange,n=e.initialChartName,o=e.dashboardOptions,a=e.linkToGo,i=e.contextToGo,c=(0,B.Z)(e,bt),l=(0,Se.Z)({onChartNameChange:t,initialChartName:n,linkToGo:a,contextToGo:i}),d=l.setActiveMenuGroupId,s=l.setActiveSubMenuId;return r.createElement(p.v,c,r.createElement(Ne.Z,{onActiveMenuGroupId:d,onActiveSubMenuId:s,getComponent:vt,dashboardOptions:o,initialChartName:n,checkVisibility:function(){return!0}}))},wt=["config"],Et=function(){var e=(0,f.th)(),t=(0,o.UL)(),n=function(){var e=(0,o.UL)(),t=T(e,"groupMode")||"nodeStatus",n=je[t]||je.nodeStatus;return(0,r.useCallback)((function(e){var r,o=n(e);return{name:o,priority:je[t]?null===Ie||void 0===Ie||null===(r=Ie[t])||void 0===r?void 0:r[o]:Ie.nodeStatus,icon:"nodeStatus"===t?"connectivityStatus".concat(o):null}}),[t])}(),a=(0,u.fX)({extraKey:"nodesView",merge:!1,scoped:!0}),i=(0,m.wU)(),c=(0,d.Z)(),v=(0,l.Z)(c,2),b=v[0],y=v[1].width;!function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.host,a=n.width,i=(0,dt.e)(),c=(0,r.useRef)();(0,r.useMemo)((function(){if(i){var n=st(i,e);n&&n.destroy(),n=i.makeContainer({attributes:{host:o,enabledXAxis:!1,id:"nodes-".concat(e),hasToolbox:!1,height:"75px",groupingMethod:"average",groupBy:["dimension"],aggregationMethod:"avg",legend:!1,axisLabelFontSize:7,yAxisLabelWidth:20,hasYlabel:!1,nodesScope:t,containerWidth:a}}),c.current=n,i.appendChild(n)}}),[e]),(0,r.useMemo)((function(){c.current&&(c.current.setAttribute("containerWidth",a),c.current.getNodes().forEach((function(e){return e.updateAttribute("containerWidth",a)})))}),[c.current,a]),(0,r.useLayoutEffect)((function(){return function(){return c.current&&c.current.destroy()}}),[])}(t,a,{host:(0,f.Q6)()?"".concat(window.envSettings.agentApiUrl,"/api/v2"):"".concat(window.envSettings.apiUrl,"/api/v3/spaces/").concat(e,"/rooms/").concat(t),width:y});var w=(0,g.I0)("nodeIdToGo",{key:t,extraKey:"nodesView",flavour:"val"}),E=(0,l.Z)(w,2),x=E[0],O=E[1];return r.createElement(p.Z,{getObject:i,ids:a,getMenu:ke,getGrouping:n,deps:[n],extraKey:"nodesView"},r.createElement(s.Z,{ref:b,position:"relative",sidebar:r.createElement(h.ZP,{hiddenTabs:wt,nodeIds:a,title:"Nodes",initialChartName:x,flavour:"nodesView",loaded:!0,hasSearch:!1})},r.createElement(be,null),r.createElement(yt,{initialChartName:x,onChartNameChange:O})))},xt=function(){var e=(0,o.UL)(),t=(0,a.zN)();return(0,a.X7)(e,"loaded")&&!t.length?r.createElement(c.ZP,{feature:"NodesView",mode:"NoNodesView"},r.createElement(i.Z,null)):r.createElement(c.ZP,{feature:"NodesView"},r.createElement(Et,null))}},36560:function(e,t,n){n.d(t,{H:function(){return F},Z:function(){return A}});var r=n(87462),o=n(29439),a=n(67294),i=n(93416),c=n(46667),l=n(37518),d=n(86242),s=n(28350),u=n(36459),m=(n(19601),n(21249),n(57640),n(9924),n(71893)),f=n(94666),p=n(31203),g=n(52428),h=(0,m.default)(i.Flex).withConfig({displayName:"adminsList__RowFlex",componentId:"sc-1pb9ob2-0"})(["&:hover{background:",";}"],(0,i.getColor)("elementBackground")),v=(0,m.default)(i.Icon).withConfig({displayName:"adminsList__StyledIcon",componentId:"sc-1pb9ob2-1"})(["cursor:pointer;"]),b=function(e){var t=Object.assign({},((0,u.Z)(e),e)),n=(0,f.nP)();return a.createElement(i.Flex,(0,r.Z)({column:!0,border:{side:"top",color:"borderSecondary"},flex:"grow",padding:[1,0],height:{max:50},overflow:"auto"},t),n.map((function(e){return a.createElement(h,{flex:{grow:0,shrink:0},key:e.id,padding:[0,4],justifyContent:"between",height:10,alignItems:"center"},a.createElement(i.Flex,{key:e.id,gap:2,alignItems:"center"},a.createElement(p.Z,{src:e.avatarURL,title:e.name}),a.createElement(i.Text,null,e.name),a.createElement(i.Text,{color:"textLite"},e.email)),a.createElement(v,{onClick:(0,g.J)(e.email,{text:"Admin email address copied to your clipboard."}),size:"small",name:"copy",color:"primary"}))})))},y=(0,m.default)(i.Icon).withConfig({displayName:"styled__StyledWarningIcon",componentId:"sc-q96c2w-0"})(["border-radius:50%;overflow:hidden;background:",";"],(0,i.getColor)(["neutral","white"])),w=(0,m.default)(i.Icon).withConfig({displayName:"styled__StyledCheckmarkIcon",componentId:"sc-q96c2w-1"})(["border-radius:50%;overflow:hidden;background:",";padding:6px;width:24px;height:24px;"],(0,i.getColor)("elementBackground")),E=(0,m.default)(i.Icon).withConfig({displayName:"styled__StyledIcon",componentId:"sc-q96c2w-2"})(["transform:",";"],(function(e){return e.closed?"none":"rotate(180deg)"})),x=n(45987),O=n(91008),k=["gaPrefix"],C=function(e){var t=e.gaPrefix,n=void 0===t?"onboarding":t,o=(0,x.Z)(e,k);return a.createElement(i.Flex,(0,r.Z)({column:!0,gap:1,color:"textDescription"},o),a.createElement(i.Text,null,"Need help?"),a.createElement(i.Text,null,"Use our"," ",a.createElement(O.Z,{href:"https://community.netdata.cloud/",target:"_blank","data-ga":"".concat(n,"::click-forums::allpages")},"forums")," ","or public"," ",a.createElement(O.Z,{href:"https://discord.gg/mPZ6WZKKG2",target:"_blank","data-ga":"".concat(n,"::click-discord::allpages")},"discord channel")))},Z=n(72911),I=n(91268),j=n(33335),S=n(46189),N=n(89250),P=n(92432),D=S.Z.demoSlug,T=(0,m.default)(i.Button).withConfig({displayName:"headerButtons__StyledButton",componentId:"sc-11mwk9m-0"})(["&&{padding:2px 16px;font-size:12px;height:auto;width:auto;min-width:96px;}"]),M=function(){var e=(0,N.s0)();return a.createElement(i.Flex,{gap:4},a.createElement(O.Z,{href:"https://learn.netdata.cloud/docs/architecture/deployment-strategies",rel:"noopener noreferrer",target:"_blank"},"Possible Deployment Strategies"),!window.envSettings.onprem&&a.createElement(T,{"data-ga":"no-nodes-view::click-demo::no-nodes-header",flavour:"default",onClick:function(t){e("/spaces/".concat(D)),(0,P.L)("no-nodes-view","click-demo","no-nodes-header"),t.preventDefault()},label:"Live Demo"}))},B=n(8741),F=function(){return a.createElement(a.Fragment,null,a.createElement(i.Flex,{column:!0,"data-testid":"noNodesView-memberSection",gap:1},a.createElement(i.Flex,{alignItems:"center","data-testid":"noNodesView-memberHeader",gap:4,height:10,padding:[0,3]},a.createElement(w,{"data-testid":"noNodesView-memberHeaderIcon",name:"checkmark_s",color:"textLite"}),a.createElement(i.Flex,{justifyContent:"between",flex:!0},a.createElement(i.H3,{color:"textDescription","data-testid":"noNodesView-memberHeaderText"},"You are a member and only space admins can connect new nodes"),a.createElement(M,null))),a.createElement(i.Flex,{"data-testid":"noNodesView-memberDescription",padding:[0,0,2,13]},a.createElement(i.Text,{color:"textDescription","data-testid":"noNodesView-memberDescriptionText"},"Please contact anyone from the list in order to do so"))),a.createElement(i.Flex,{"data-testid":"noNodesView-memberAdminsListSection",padding:[0,0,0,12]},a.createElement(b,{"data-testid":"noNodesView-memberAdminsList"})))},A=function(e){var t=e.videoId,n=(0,l.UL)(),u=(0,d.Z)(n),m=(0,o.Z)(u,2),f=m[0],p=m[1],g=p.onAddNodes,h=p.selectedNodes,v=f.claimedNodeIds.length>0,b=(0,c.Z)(!0),x=(0,o.Z)(b,2),O=x[0],k=x[1],S=(0,j.gI)("node:Create");return a.createElement(I.Z,{column:!1,"data-testid":"noNodesViewPage",gap:12,padding:[6],margin:[0,0,8],overflow:"auto"},a.createElement(i.Flex,{column:!0,"data-testid":"noNodesView-cmdSection",flex:{grow:0,shrink:1},width:"100%",gap:2},a.createElement(i.Flex,{"data-testid":"noNodesView-warningBanner",alignItems:"center",background:"warningBackground",gap:4,height:{min:10},padding:[0,3],round:!0},a.createElement(y,{"data-testid":"noNodesView-warningBannerIcon",name:"exclamation",color:"warning"}),a.createElement(i.Text,{"data-testid":"noNodesView-warningBannerText"},"You have no nodes.")),S&&a.createElement(a.Fragment,null,a.createElement(i.Flex,{alignItems:"center","data-testid":"noNodesView-adminSection",justifyContent:"between",onClick:v?k:null,cursor:v?"pointer":null},a.createElement(i.Flex,{alignItems:"center","data-testid":"noNodesView-adminHeader",gap:4,height:10,padding:[0,3]},a.createElement(w,{"data-testid":"noNodesView-adminHeaderIcon",name:"checkmark_s",color:"textLite"}),a.createElement(i.H3,{"data-testid":"noNodesView-adminHeaderText",color:"textDescription"},"Connect new nodes")),a.createElement(i.Flex,{gap:4,alignItems:"center"},a.createElement(M,null),v&&a.createElement(E,{closed:!O,"data-testid":"noNodesView-adminClaimedNodesIcon",name:"chevron_down",color:"textLite"}))),a.createElement(i.Collapsible,{"data-testid":"noNodesView-adminClaimNodesContainer",open:O},a.createElement(i.Flex,{"data-testid":"noNodesView-adminClaimNodes",padding:[0,0,0,12]},a.createElement(B.Z,{rooms:[n]})))),!S&&a.createElement(F,null),v&&a.createElement(a.Fragment,null,a.createElement(i.Flex,{alignItems:"center","data-testid":"noNodesView-availableNodesHeader",gap:4,height:10,padding:[0,3]},a.createElement(w,{"data-testid":"noNodesView-availableNodesHeaderIcon",name:"checkmark_s",color:"textLite"}),a.createElement(i.H3,{color:"textDescription","data-testid":"noNodesView-availableNodesHeaderText"},"Add already available nodes")),a.createElement(i.Flex,{height:"100%","data-testid":"noNodesView-availableNodesContainer",padding:[0,0,0,12]},a.createElement(s.Z,(0,r.Z)({"data-testid":"noNodesView-availableNodesList"},f,{onAddNodes:g,canAddNodes:!!h.length,padding:[2,0,8]}))))),t&&a.createElement(i.Flex,{column:!0,"data-testid":"noNodesView-videoSection",flex:{shrink:0,grow:0}},a.createElement(Z.Z,{"data-testid":"noNodesView-onboardingVideo",height:296,width:520,videoId:t}),a.createElement(C,{"data-testid":"noNodesView-needHelp",padding:[8,0]})))}},4571:function(e,t,n){n.d(t,{Z:function(){return _t}});n(47941),n(82526),n(57327),n(41539),n(88449),n(2490),n(59849),n(38880),n(15581),n(34514),n(54747),n(49337),n(33321),n(69070);var r=n(87462),o=n(4942),a=n(67294),i=n(89250),c=n(74662),l=n(36560),d=n(29439),s=n(2077),u=n(5441),m=n(25517),f=n(4822),p=n(91268),g=n(43969),h=n(78266),v=n(93416),b=n(37518),y=n(72911),w=n(8741),E=n(62200),x=n(91008),O=n(33335),k=n(41898),C=function(){var e=(0,b.UL)(),t=(0,O.gI)("node:Create");return a.createElement(p.Z,{column:!1,"data-testid":"noNodesViewPage",gap:12,padding:[6]},a.createElement(v.Flex,{column:!0,gap:5,flex:{shrink:0,grow:0},"data-testid":"noKubernetesView-videoSection"},a.createElement(y.Z,{"data-testid":"noNodesView-onboardingVideo",height:350,width:850,videoId:E.mX[0]}),a.createElement(y.Z,{"data-testid":"noNodesView-onboardingVideo",height:350,width:850,videoId:E.mX[1]})),a.createElement(v.Flex,{column:!0,gap:4},a.createElement(v.Box,{border:{side:"bottom",color:"borderSecondary"}},a.createElement(v.Box,{margin:[0,0,2,0]},a.createElement(x.Z,{href:"https://learn.netdata.cloud/guides/monitor/kubernetes-k8s-netdata",target:"_blank",rel:"noopener noreferrer","data-ga":"k8s-tab::click-link-guides::kubernetes-overview-and-visualizations"},a.createElement(v.TextBig,{color:"primary"},"Kubernetes monitoring with Netdata: Overview and visualizations"))),a.createElement(v.Box,{margin:[0,0,2,0]},a.createElement(x.Z,{href:"https://learn.netdata.cloud/docs/cloud/visualize/kubernetes",target:"_blank",rel:"noopener noreferrer","data-ga":"k8s-tab::click-link-guides::kubernetes-visualizations"},a.createElement(v.TextBig,{color:"primary"},"Kubernetes visualizations")))),a.createElement(v.Flex,{column:!0,gap:4},t?a.createElement(w.Z,{integrationId:k.O_,rooms:[e]}):a.createElement(l.H,null))))},Z=n(45987),I=(n(26699),n(32023),n(92222),n(39714),n(71893)),j=n(65565),S=n(92432),N=n(82351),P=n(97945),D=n(96104),T=n(74059),M=(n(69826),I.default.div.withConfig({displayName:"selections__Separator",componentId:"sc-1cc7y18-0"})(["width:1px;height:",";background:",";"],(0,v.getSizeBy)(2.5),(0,v.getColor)("borderSecondary"))),B=[{label:"Volume",value:"volume"},{label:"KS2",value:"ks2"}],F=[{label:"Average",value:"average"},{label:"Median",value:"median"},{label:"Min",value:"min"},{label:"Max",value:"max"},{label:"Stddev",value:"stddev"}],A=[{label:"Metrics",value:""},{label:"Anomaly Rate",value:"anomaly-bit"}],_=function(){return a.createElement(v.Flex,{column:!0,gap:1,alignItems:"center",width:"220px"},a.createElement(v.TextMicro,{color:"white"},"Choose the algorithm you want to be used to identify correlations across metrics:"),a.createElement(v.TextMicro,null,a.createElement(v.TextMicro,{color:"white",strong:!0},"KS2:")," ","A statistical test comparing the distribution of the highlighted window to the baseline."),a.createElement(v.TextMicro,null,a.createElement(v.TextMicro,{color:"white",strong:!0},"Volume:")," ","Percentage change in averages between highlighted window and baseline."))},L=function(){return a.createElement(v.Flex,{column:!0,gap:1,alignItems:"center",width:"220px"},a.createElement(v.TextMicro,{color:"white"},"What aggregation function do you want to apply when aggregating multiple datapoints for metric correlations."))},R=function(){return a.createElement(v.Flex,{column:!0,gap:1,alignItems:"center",width:"220px"},a.createElement(v.TextMicro,{color:"white"},"Do you want to find correlations over the metric values or the anomaly rates of each metric."))},V=function(e){var t=e.runGetWeights,n=e.nodeIds,r=e.flavour,i=(0,s.$g)({nodeIds:n,flavour:r}),c=i.method,l=i.options,d=i.group,u=null!==l&&void 0!==l&&l.includes(A[1].value)?A[1].value:"",m=(0,a.useCallback)((function(e){return function(n){var r=n.value;r="options"!==e?r:r?[r]:[];var a=(0,o.Z)({method:c,options:[l],group:d},e,r);t(a)}}),[c,l,d]),f=(0,a.useMemo)((function(){return{method:B.find((function(e){return e.value===c})),group:F.find((function(e){return e.value===d})),option:A.find((function(e){return e.value===u}))}}),[c,d,u]);return d?a.createElement(v.Flex,{gap:2},a.createElement(v.Flex,{gap:1,alignItems:"center"},a.createElement(v.TextSmall,{color:"textLite"},"Method:"),a.createElement(v.Select,{options:B,value:f.method,onChange:m("method")}),a.createElement(N.Z,{isBasic:!0,plain:!0,content:_,align:"bottom"},a.createElement(v.Icon,{name:"information",color:"textDescription",size:"small"}))),a.createElement(M,null),a.createElement(v.Flex,{gap:1,alignItems:"center"},a.createElement(v.TextSmall,{color:"textLite"},"Aggregation:"),a.createElement(v.Select,{options:F,value:f.group,onChange:m("group")}),a.createElement(N.Z,{isBasic:!0,plain:!0,content:L,align:"bottom"},a.createElement(v.Icon,{name:"information",color:"textDescription",size:"small"}))),a.createElement(M,null),a.createElement(v.Flex,{gap:1,alignItems:"center"},a.createElement(v.TextSmall,{color:"textLite"},"Data:"),a.createElement(v.Select,{options:A,value:f.option,onChange:m("options")}),a.createElement(N.Z,{isBasic:!0,plain:!0,content:R,align:"bottom"},a.createElement(v.Icon,{name:"information",color:"textDescription",size:"small"}))),a.createElement(M,null)):null},z=n(89405),H=function(e){var t=e.highlightAfter,n=e.highlightBefore,r=e.baseline,o=(0,z.rA)(),i=o.localeDateString,c=o.localeTimeString,l=new Date(t),d=new Date(n),s=new Date(r),u=new Date(t),m=Math.round((n-t)/1e3),p=Math.round((t-r)/1e3),g=(0,f.TQ)("highlight");return a.createElement(v.Flex,{gap:4,alignItems:"center"},a.createElement(v.Flex,{gap:2},a.createElement(v.Flex,{column:!0,gap:1},a.createElement(v.TextSmall,{color:"textLite"},"Selected area:"),a.createElement(v.TextSmall,{color:"textLite"},"Reference baseline:")),a.createElement(v.Flex,{column:!0,gap:1},a.createElement(v.TextSmall,{"data-testid":"metricCorrelation-selectedArea"},i(l,{long:!1}),","," ",c(l),"\xa0->\xa0",i(d,{long:!1}),","," ",c(d)),a.createElement(v.TextSmall,{"data-testid":"metricCorrelation-referenceBaseline"},i(s,{long:!1}),","," ",c(s),"\xa0->\xa0",i(u,{long:!1}),","," ",c(u))),a.createElement(v.Flex,{column:!0,gap:1},a.createElement(v.TextSmall,{color:"textLite"},"Duration:"),a.createElement(v.TextSmall,{color:"textLite"},"Duration:")),a.createElement(v.Flex,{column:!0,gap:1},a.createElement(v.TextSmall,{"data-testid":"metricCorrelation-selecteArea-duration"},m,"\xa0secs"),a.createElement(v.TextSmall,{"data-testid":"metricCorrelation-referenceBaseline-duration"},p,"\xa0secs"))),a.createElement(N.Z,{content:"Clear selection",align:"bottom",isBasic:!0},a.createElement(v.Button,{neutral:!0,flavour:"borderless",icon:"trashcan",onClick:function(){g({after:null,before:null})},"data-ga":"metric-correlation::click-delete::charts-view","data-testid":"metricCorrelation-delete"})))},W=n(39979),U=n(63346);function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var K=(0,W.Z)(v.Button),q=(0,I.default)(v.Button).withConfig({displayName:"correlation__LogoButton",componentId:"sc-15d72m3-0"})(["&&{pointer-events:none;}"]),Q=(0,I.default)(v.Button).withConfig({displayName:"correlation__CloseButton",componentId:"sc-15d72m3-1"})(["position:absolute !important;top:-3px;right:-3px;"]),X=(0,W.Z)(Q),Y=(0,I.default)(v.Button).attrs({padding:[0],margin:[0,0,0,1.5],width:"auto"}).withConfig({displayName:"correlation__StyledButton",componentId:"sc-15d72m3-2"})(["height:16px !important;> span{margin:0 !important;}"]),J=function(e){var t=e.flavour,n=(0,T.th)(),r=(0,b.UL)(),i=(0,P.pG)(),c=(0,a.useMemo)((function(){return i?[i]:[]}),[i]),l=(0,D.fX)({extraKey:"nodesView",merge:!1,scoped:!0}),u="singleNode"===t?c:l,m=(0,a.useState)(!1),p=(0,d.Z)(m,2),g=p[0],h=p[1],y=(0,a.useState)(),w=(0,d.Z)(y,2),E=w[0],x=w[1],O=(0,s.d5)({nodeIds:u,flavour:t},n,r),k=O.threshold,C=O.totalDimensionsCount,Z=O.dimensionsCount,I=O.loaded,M=O.loading,B=O.getWeights,F=O.resetWeights,A=(0,s.$g)({nodeIds:u,flavour:t}),_=A.method,L=A.options,R=A.group,z=(0,f.by)("highlight"),W=z.after,Q=z.before,J=W-4*(Q-W),$=!!W;(0,a.useEffect)((function(){if(I){var e="default-result";if(R){var t=null!==L&&void 0!==L&&L.includes("anomaly-bit")?"anomaly-bit":"metrics";e="default-result-".concat(_,"-").concat(R,"-").concat(t)}return(0,S.L)("metrics-correlation",e,"charts-view",Z.toString())}}),[I]),(0,j.Z)((function(){W&&h(!0)}),[W]);var ee=(0,f.TQ)("correlation"),te=(0,f.TQ)("threshold"),ne=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};h(!1),x(),B(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({highlightAfter:W,highlightBefore:Q,baselineAfter:J,baselineBefore:W,method:_,options:L,group:R,nodeIds:u},e)).then((function(){return te(s.mt)}))},re=!$||M;return(0,j.Z)((function(){I&&g&&$&&ne()}),[I,$,g]),a.createElement(v.Flex,{round:2,background:"elementBackground",padding:[2,6,2,2],alignItems:"center",justifyContent:"between",flex:!0,"data-testid":"correlation",position:"relative",height:{min:"64px"},gap:2},$?I?a.createElement(U.Xe,{feature:"MetricCorrelations",totalDimensionsCount:C,dimensionsCount:Z},a.createElement(v.Flex,{"data-testid":"metricCorrelation-resultsContainer",column:!0,width:"100%"},a.createElement(v.Flex,{justifyContent:"between",alignItems:"center",gap:1},a.createElement(v.Flex,{alignItems:"center",gap:1},a.createElement(v.Icon,{name:"correlation",color:"primary",width:"16px",height:"16px"}),a.createElement(v.TextSmall,null,"Analysed"," ",a.createElement(v.TextSmall,{color:"primary","data-testid":"metricCorrelation-resultsAnalyzed"},C)," ","and found"," ",a.createElement(v.TextSmall,{color:"primary","data-testid":"metricCorrelation-resultsFound"},Z)," ","correlated metrics."),a.createElement(N.Z,{content:"Clear results"},a.createElement(Y,{flavour:"borderless",neutral:!0,disabled:M||!I&&!$,onClick:function(){te(s.mt),F(),(0,S.L)("metrics-correlation","click-delete","charts-view","".concat(I?"finish":"start"))},"data-testid":"metricCorrelation-clear",small:!0,icon:"reload"}))),a.createElement(V,{runGetWeights:ne,nodeIds:u,flavour:t})),a.createElement(v.Flex,{width:"100%"},a.createElement(v.Flex,{alignItems:"center",gap:3,margin:[0,2,0,5],width:"100%"},a.createElement(v.TextNano,{whiteSpace:"nowrap",color:"textDescription"},"Show less"),a.createElement(v.InputRange,{"data-testid":"metricCorrelation-resultsSlider",min:0,max:1,onChange:function(e){return te(e.target.value.toString())},onClick:function(){return(0,S.L)("metric-correlation","click-slider","charts-view")},step:.01,value:k}),a.createElement(v.TextNano,{whiteSpace:"nowrap",color:"textDescription"},"Show more")),a.createElement(a.Fragment,null,a.createElement(N.Z,{content:"Give us your feedback! Was it useful?",align:"bottom",enterDelay:200,showArrow:!0,activateOn:"hover"},a.createElement(v.Flex,null,a.createElement(v.Button,{flavour:"+"===E?"hollow":"borderless",disabled:E,icon:"thumb_up",onClick:function(){return x("+")},"data-ga":"metric-correlation::click-thumbs-up::charts-view","data-testid":"metricCorrelation-thumbsUp",small:!0}),a.createElement(v.Button,{flavour:"-"===E?"hollow":"borderless",disabled:E,icon:"thumb_down",onClick:function(){return x("-")},"data-ga":"metric-correlation::click-thumbs-down::charts-view","data-testid":"metricCorrelation-thumbsDown",small:!0}))))))):a.createElement(v.Flex,{alignItems:"center","data-testid":"correlationView-timePeriod-container",gap:4},a.createElement(q,{icon:"logo_s",isLoading:M}),M?a.createElement(v.H5,{"data-testid":"metricCorrelation-loadingCalculation"},"Calculating metric correlations..."):a.createElement(H,{highlightAfter:W,highlightBefore:Q,baseline:J})):a.createElement(v.Flex,{alignItems:"center",gap:1},a.createElement(v.Icon,{name:"correlation",color:"primary"}),a.createElement(v.Text,null,"Select a timeframe on any chart and find correlated metrics. Visit documentation"),a.createElement("a",{href:"https://learn.netdata.cloud/docs/cloud/insights/metric-correlations",target:"_blank",rel:"noreferrer"},a.createElement(v.Icon,{name:"nav_arrow_goto",color:"primary",width:"12px",height:"12px"}))),a.createElement(v.Flex,{alignItems:"center"},(!I||M)&&a.createElement(N.Z,{content:re?"Select an area of interest on any chart":"Click to find correlated metrics for the selected area",align:"bottom",enterDelay:200,showArrow:!0,activateOn:"hover"},a.createElement(K,{label:M?"Loading...":"Find correlations",isLoading:!1,onClick:ne,disabled:re,flavour:"hollow","data-ga":"metric-correlation::click-find-correlation::charts-view","data-testid":"metricCorrelation-find",small:!0,margin:[0,2,0,0],feature:"MetricCorrelations"})),a.createElement(N.Z,{content:"Close",align:"bottom"},a.createElement(X,{neutral:!0,flavour:"borderless",onClick:function(){ee(!1),te(s.mt),F(),(0,S.L)("metrics-correlation","click-close","charts-view","".concat(I?"finish":"start"))},"data-ga":"metric-correlation::click-close::charts-view","data-testid":"metricCorrelation-close",icon:"x",feature:"MetricCorrelations"}))))},$=(0,W.Z)(v.Button),ee=function(){var e=(0,f.TQ)("correlation");return a.createElement(N.Z,{content:function(){return a.createElement(v.Box,null,a.createElement("strong",null,"Troubleshoot with Metric Correlations"),a.createElement("br",null),a.createElement("br",null),"Metric correlations will help you identify potential root causes for an observed issue.",a.createElement("br",null),"It will automatically analyse all available metrics for irregular behavior for the same timeframe.")},align:"bottom",activateOn:"hover",isBasic:!0},a.createElement($,{width:"118px",flavour:"hollow",label:"Metric Correlations",onClick:function(){e(!0)},"data-ga":"metrics-correlation::click-metric-correlations::charts-view","data-testid":"run-correlation",small:!0,feature:"MetricCorrelations",isStart:!0}))},te=n(14348),ne=n(88866),re=n(24093),oe=n(77796),ae=n(12008),ie=n(22965),ce=I.default.div.withConfig({displayName:"styled__Separator",componentId:"sc-1fhfk7c-0"})(["background:",";height:20px;width:1px;"],(0,v.getColor)("border")),le=n(83925);function de(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?de(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):de(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ue=function(e){var t,n,r=e.flavour,o=(0,P.pG)(),i=(0,oe.ev)(o),c=(0,ae.n_)(i),l=c.critical,d=c.warning,s=(0,f.Sf)("sidebarTab",{flavour:"val",extraKey:r}),u=(0,f.Sf)("sidebarOpen",{flavour:"bool"}),m=(0,a.useCallback)((function(e){u(!0),s(e)}),[]),p=(0,P.iy)(o),g=p.hw,h=void 0===g?{}:g,b=p.cpus,y=p.isLive,w=p.name,E=p.os,x=void 0===E?{}:E,O=p.state,k=p.updateSeverity,C=p.labels,Z=p.version,I={dataTestId:"singleNode",isLive:y},j=(0,ie.kR)(se({count:l,type:"critical"},I)),S=(0,ie.kR)(se({count:d,type:"warning"},I)),N=(0,ie.Q5)(O),D=(0,ie.jo)(h.container,h.virtualization),T=(0,te.Z)("(min-width: 1760px)");return a.createElement(v.Flex,{alignItems:"center",background:"panelBg",border:{side:"all",color:"border"},"data-testid":"singleNode-badges-container",flex:!1,gap:1,padding:[1,2],round:1},a.createElement(v.TextSmall,{"data-testid":"singleNode-".concat(w),strong:!0},w),a.createElement(re.Z,{badge:"info","data-testid":"singleNode-nodeInfo-cta"},a.createElement(v.IconButton,{flavour:"borderless",cursor:"pointer",onClick:function(){return m("info")},icon:"information",iconColor:"nodeBadgeColor",tiny:!0,width:"18px",height:"18px"})),a.createElement(ce,{"data-testid":"singleNode-separator"}),a.createElement(re.Z,{badge:"alerts",nodeName:w},a.createElement(v.AlertMasterCard,{onClick:j.text||S.text?function(){return m("alerts")}:null,pillLeft:j,pillRight:S})),k&&a.createElement(le.Z,{"data-testid":"singleNode-update-cta",name:w,os:x.id,container:h.container,warningLevel:k,labels:C,version:Z,text:k}),a.createElement(ce,{"data-testid":"singleNode-separator"}),a.createElement(re.Z,{badge:"connectivity",connectivityState:N,"data-testid":"singleNode-connectivityStateInfo",nodeName:w},a.createElement(v.Pill,{flavour:"neutral",hollow:!0},N)),a.createElement(re.Z,{badge:"type","data-testid":"singleNode-nodeTypeInfo",nodeName:w,nodeType:D.label},a.createElement(v.Pill,{flavour:"neutral",hollow:!0,icon:D.icon},D.label)),T&&a.createElement(re.Z,{badge:"systemInfo","data-testid":"singleNode-systemInfo",nodeName:w},a.createElement(v.Pill,{flavour:"neutral",hollow:!0,icon:(null===(t=ne._[x.nm])||void 0===t?void 0:t.iconName)||(null===(n=ne.V[x.id])||void 0===n?void 0:n.iconName)||"os"},(0,ie.ys)(h.cpuFrequency)," (",b," ",1===h.cpus?"Core":"Cores",") -"," ",(0,ie.yo)(h.memory)," RAM - ",(0,ie.yo)(h.diskSpace))))},me=n(38671),fe=function(){var e=(0,me.Z)().onIntegrationsClick;return a.createElement(a.Fragment,null,a.createElement(v.Button,{icon:"integrations",flavour:"hollow",onClick:e,small:!0,label:"Integrations","data-ga":"integrations::click-integrations::charts-view","data-testid":"btn-show-integrations"}))},pe=n(71371),ge=["flavour"],he={singleNode:ue,default:pe.Z},ve=(0,a.memo)((function(e){var t=e.flavour,n=(0,Z.Z)(e,ge),o=(0,f.by)("correlation"),i=he[t]||he.default;return a.createElement(v.Flex,{alignItems:!o&&"center",background:"mainBackground",column:o,"data-testid":"overview-header",gap:2,justifyContent:o?"start":"between",padding:[2,2,2,4],width:"100%"},o?a.createElement(J,{flavour:t}):a.createElement(a.Fragment,null,!!i&&a.createElement(i,(0,r.Z)({},n,{flavour:t})),a.createElement(v.Flex,{gap:2},a.createElement(fe,null),a.createElement(ee,null))))})),be=n(15394),ye=n(53499),we=n(22962),Ee=n(61152),xe=n(69743),Oe=n(56102),ke=n(11835),Ce=(n(31672),n(59461),n(74916),n(4723),n(21249),n(57640),n(9924),n(69968)),Ze=(n(48564),n(79424),n(71824)),Ie=n(17638),je=n(85993),Se=n(62525),Ne=n(41481),Pe=n(16978),De=n(9058),Te=n(64504),Me=n(84147),Be=function(e){return function(t){return"overview-page::".concat(e.getAttribute("id"),"::").concat(t)}},Fe=["chartId"],Ae=["style","className","onMouseDown","onMouseUp","onTouchEnd","children","id","menuChartAttributes"],_e=["id","ids","containerWidth"];function Le(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Re(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Le(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Le(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ve=(0,a.forwardRef)((function(e,t){var n=e.style,r=e.className,o=e.onMouseDown,i=e.onMouseUp,c=e.onTouchEnd,l=(e.children,e.id),d=e.menuChartAttributes,s=((0,Z.Z)(e,Ae),(0,b.UL)()),u=(0,De.e)(),m=(0,Te.u)(),f=(0,a.useMemo)((function(){var e,t="head-".concat(l),n=m.getChildren().find((function(e){return e.match({id:t})}));if(!n){var r=Re({contextScope:[(e=d).chartId]},(0,Z.Z)(e,Fe));n=u.makeChart({attributes:Re(Re({},r),{},{roomId:s,id:t}),makeTrack:Be}),m.appendChild(n)}return n}),[s,l,m]);return(0,Me.Ni)(d.chartId)?a.createElement("div",{key:m.getId(),ref:t,style:n,className:r,onMouseDown:o,o |