From 3c46bc0f781269afff199bca3ccb71e9e981dcd1 Mon Sep 17 00:00:00 2001 From: Ilya Mashchenko Date: Wed, 6 Dec 2023 14:46:41 +0200 Subject: update bundled UI to v6.66.1 (#16554) update bundles UI to v6.66.1 --- web/gui/v2/3283.88c006d10b31f8ed8088.chunk.js | 1 + 1 file changed, 1 insertion(+) create mode 100644 web/gui/v2/3283.88c006d10b31f8ed8088.chunk.js (limited to 'web/gui/v2/3283.88c006d10b31f8ed8088.chunk.js') 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;t1&&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 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;t2&&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;t0&&void 0!==arguments[0]?arguments[0]:{};return{selectedDimensions:e.dimensions?Object.keys(e.dimensions):ot,selectedInstances:e.instances?Object.keys(e.instances):ot,selectedNodes:e.nodes?Object.keys(e.nodes):ot,weight:e.weight}},it=(0,a.forwardRef)((function(e,t){var n=e.style,o=e.className,i=e.onMouseDown,c=e.onMouseUp,l=e.onTouchEnd,d=e.children,s=e.id,u=(0,Z.Z)(e,tt),m=(0,b.UL)(),f=(0,Te.u)(),p=(0,Ze.nI)(s),g=(0,De.e)(),h=(0,et.Z)(),v=h.sendLog,y=h.isReady,w=(0,a.useMemo)((function(){var e=f.getNode({id:s});return e||(e=g.makeChart({attributes:rt(rt({contextScope:[s],id:s,roomId:m},p),{},{toolboxProps:{drag:{onMouseDown:i,onMouseUp:c,onTouchEnd:l,draggable:!0,onDragStart:function(e){var t=e.dataTransfer;t.setData("type","chart"),t.setData("id",s)}}}}),makeTrack:Be}),f.appendChild(e),e)}),[f,m,s]);(0,a.useEffect)((function(){w&&y&&"function"===typeof v&&w.updateAttribute("logOptions",{sendLog:v,payload:{feature:"Overview"}})}),[w,v,y]);var E=(0,Ze.Q8)(s,at),x=E.weight,O=E.selectedDimensions,k=E.selectedInstances,C=E.selectedNodes;return(0,a.useEffect)((function(){w&&x&&(w.updateAttributes({selectedDimensions:O,selectedInstances:k,selectedNodes:C}),w.trigger("fetch"))}),[m,s,x,O.length,k.length,C.length]),(0,a.useEffect)((function(){w.updateAttributes({height:n.height,width:n.width}),w.trigger("resize")}),[n.height,n.width]),a.createElement("div",{key:f.getId(),ref:t,style:n,className:o},a.createElement(Pe.Z,(0,r.Z)({chart:w,"data-chartid":s,"data-track":w.track("container"),height:n.height,width:"100%"},u)),d)})),ct=a.memo(it,(function(e,t){return e.id===t.id&&e.style===t.style})),lt=["id","subMenuId","containerWidth"];function dt(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 st(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},t=e.id,n=e.layout,r=void 0===n?{}:n;return(0,$e.G0)(t,r,st(st({x:0,y:0,w:12,h:9,i:t,chartId:t},r),{},{minW:12,maxW:12,minH:4,static:!1}))},pt={lg:12,md:12,sm:12,xs:12,xxs:1},gt={lg:40,md:30,sm:30,xs:30,xxs:30},ht=function(e){var t=e.id,n=e.subMenuId,i=e.containerWidth,c=(0,Z.Z)(e,lt),l=(0,Ze.nI)(t,ft),s=(0,a.useState)((function(){return{lg:[l]}})),u=(0,d.Z)(s,2),m=u[0],f=u[1],p=(0,a.useState)("lg"),g=(0,d.Z)(p,2),h=g[0],v=g[1],b=(0,a.useMemo)((function(){return m.lg.map((function(e){var t=e.i,o=e.chartId;return a.createElement(ct,(0,r.Z)({key:t,id:t,chartId:o,role:"graphics-object","aria-roledescription":"chart","data-submenuid":n,isDraggable:!1},c))}))}),[h,m]);return a.createElement(mt,{layouts:m,rowHeight:gt[h],cols:pt,margin:[4,4],width:i-26,onLayoutChange:function(e,t){return f(t)},compactType:"horizontal",onBreakpointChange:v,useCSSTransforms:!1,isDraggable:!1,isResizable:!0,isDroppable:!0,resizeHandle:a.createElement(ut,null),onDrop:function(e,t,n){n.dataTransfer&&("chart"===n.dataTransfer.getData("type")?f(st(st({},m),{},(0,o.Z)({},h,[].concat((0,Je.Z)(m[h]),[st({},ft({id:n.dataTransfer.getData("id")}))])))):n.preventDefault())},onResizeStop:$e.EG},b)},vt=(0,a.memo)(ht),bt=n(14048),yt=n(12664),wt=function(e){var t=e.id,n=e.isActiveSticky;return a.createElement(bt.D,{gap:0,id:t},a.createElement(yt.o,{id:t,margin:[1,0,0],hasTooltip:n}),!n&&a.createElement(qe,{id:t}))},Et=(0,a.memo)(wt),xt=function(e){var t=e.id,n=(0,b.UL)(),r=(0,De.e)(),o=(0,Ze.MS)(),i=(0,je.nk)(t).subMenuChartIds,c=(0,Te.u)(),l=(0,a.useMemo)((function(){var e=(0,d.Z)(i,1)[0],a=(o(e),c.getChildren().find((function(e){return e.match({id:t})})));if(a)return a;var l=i.map((function(e){return{value:e,label:o(e).context}}));return a=r.makeChart({attributes:{id:t,contextScope:[e],roomId:n,composite:!0,chartLibrary:"groupBoxes",groupBy:["label"],groupByLabel:["k8s_namespace","k8s_pod_name"],aggregationMethod:"avg",eliminateZeroDimensions:!1,contextItems:l},makeTrack:Be}),c.appendChild(a),a}),[t,c]);return a.createElement(Pe.Z,{key:c.getId(),margin:[0,0,2],chart:l,"data-chartid":t,"data-track":l.track("container")})},Ot=["id"],kt=function(e){var t=e.id,n=(0,Z.Z)(e,Ot);return a.createElement(xe.d,{id:t,padding:[6,0,0]},a.createElement(Oe.Y,{id:t}),a.createElement(ke.f,{id:t,padding:[2,0,0]}),a.createElement(xt,(0,r.Z)({id:t},n)))},Ct={k8s:(0,a.memo)(kt)},Zt=function(e){if(Ct[e.flavour])return Ct[e.flavour];switch(e.level){case 0:return Ye;case 1:return Et;case 2:return vt;default:return null}},It=function(e){var t=e.onChartNameChange,n=e.initialChartName,r=e.dashboardOptions,o=e.linkToGo,i=e.contextToGo,l=e.containerWi