File: //opt/netdata/usr/local/share/netdata/web/v3/5877.83889c836b655f0e3266.chunk.js
!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"24dad2414db89a9e2209703b6e48226fc420eca1"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="4a3ad6ee-1820-444b-9297-813eb862619b",e._sentryDebugIdIdentifier="sentry-dbid-4a3ad6ee-1820-444b-9297-813eb862619b")}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[5877],{39431(e,t,r){r.d(t,{A:()=>d});r(98992),r(81454);var n=r(42358),o=r(24155),i=r(45614),a=r(29474),l=r(54248),s=r(74848);const c=()=>(0,s.jsxs)(n.Flex,{column:!0,gap:3,padding:[3],children:[(0,s.jsx)(o.A,{width:"100%",height:"150px"}),(0,s.jsx)(o.A,{width:"100%",height:"20px"}),(0,s.jsx)(o.A,{width:"180px",height:"18px"}),Array.from({length:3}).map(((e,t)=>(0,s.jsxs)(n.Flex,{gap:2,alignItems:"center",children:[(0,s.jsx)(o.A,{width:"40px",height:"14px"}),(0,s.jsx)(o.A,{width:"200px",height:"14px"}),(0,s.jsx)(o.A,{width:"80px",height:"14px"})]},t)))]}),d=e=>{let{alertsStats:t,visibleItems:r,loaded:o}=e;const d=!r||r.includes("chart"),u=!r||r.includes("bar"),g=!r||r.includes("table");return o?(0,s.jsxs)(s.Fragment,{children:[d&&(0,s.jsx)(n.Flex,{flex:!0,"data-testid":"alertNodes-chart",children:(0,s.jsx)(i.A,{alertsStats:t})}),u&&(0,s.jsx)(n.Flex,{"data-testid":"alertNodes-bar",children:(0,s.jsx)(a.A,{alertsStats:t})}),g&&(0,s.jsxs)(n.Flex,{flex:!0,column:!0,gap:4,"data-testid":"alertNodes-table",children:[(0,s.jsx)(n.TextBig,{children:"Top alerts in the last 24 h"}),(0,s.jsx)(l.A,{data:null===t||void 0===t?void 0:t.alerts})]})]}):(0,s.jsx)(c,{})}},94230(e,t,r){r.d(t,{A:()=>b});r(98992),r(54520),r(3949);var n=r(64467),o=r(51510),i=r(42358),a=r(24155),l=r(74848);function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const d=(0,o.default)(i.Flex).withConfig({displayName:"content__CriticalBox",componentId:"sc-1r28hov-0"})(["border:1px solid ",";"],(e=>{let{theme:t}=e;return(0,i.getColor)("errorText")({theme:t})})),u=(0,o.default)(i.Flex).withConfig({displayName:"content__WarningBox",componentId:"sc-1r28hov-1"})(["border:1px solid ",";"],(e=>{let{theme:t}=e;return(0,i.getColor)("warningText")({theme:t})})),g={flex:!0,column:!0,alignItems:"center",justifyContent:"center",gap:2,round:2,padding:[2],overflow:"hidden"},p=e=>{let{critical:t,warning:r}=e;return t+r?(0,l.jsxs)(i.Flex,{height:1,round:1,overflow:"hidden",children:[(0,l.jsx)(i.Flex,{flex:t,background:"error"}),(0,l.jsx)(i.Flex,{flex:r,background:"warning"})]}):null},h=()=>(0,l.jsxs)(i.Flex,{flex:!0,column:!0,gap:2,padding:[2,3,3],overflow:"hidden",children:[(0,l.jsxs)(i.Flex,{flex:!0,gap:2,overflow:"hidden",children:[(0,l.jsx)(a.A,{flex:!0,height:"80px",round:2}),(0,l.jsx)(a.A,{flex:!0,height:"80px",round:2})]}),(0,l.jsx)(a.A,{width:"100%",height:"4px"})]}),b=e=>{let{critical:t,warning:r,loaded:n}=e;return n?(0,l.jsxs)(i.Flex,{flex:!0,column:!0,gap:2,padding:[2,3,3],overflow:"hidden",children:[(0,l.jsxs)(i.Flex,{flex:!0,gap:2,overflow:"hidden",children:[(0,l.jsxs)(d,c(c({},g),{},{background:"idleError",children:[(0,l.jsx)(i.TextSmall,{color:"errorText",children:"Critical"}),(0,l.jsx)(i.TextHuge,{color:"errorText",strong:!0,children:t})]})),(0,l.jsxs)(u,c(c({},g),{},{background:"idleWarning",children:[(0,l.jsx)(i.TextSmall,{color:"warningText",children:"Warning"}),(0,l.jsx)(i.TextHuge,{color:"warningText",strong:!0,children:r})]}))]}),(0,l.jsx)(p,{critical:t,warning:r})]}):(0,l.jsx)(h,{})}},95760(e,t,r){r.d(t,{A:()=>c});r(98992),r(81454);var n=r(42358),o=r(24155),i=r(74848);const a=()=>(0,i.jsx)(n.Flex,{column:!0,children:Array.from({length:3}).map(((e,t)=>(0,i.jsxs)(n.Flex,{column:!0,padding:[2,3],gap:2,border:{side:"bottom",color:"border"},_last:{"border-bottom":"none"},children:[(0,i.jsxs)(n.Flex,{alignItems:"center",justifyContent:"between",children:[(0,i.jsx)(o.A,{width:"120px",height:"16px"}),(0,i.jsxs)(n.Flex,{gap:2,children:[(0,i.jsx)(o.A,{width:"30px",height:"14px"}),(0,i.jsx)(o.A,{width:"30px",height:"14px"})]})]}),(0,i.jsx)(n.Flex,{column:!0,gap:1,children:Array.from({length:2}).map(((e,t)=>(0,i.jsx)(o.A,{width:"100%",height:"24px"},t)))})]},t)))}),l=e=>{var t;let{alert:r}=e;const o="critical"===(null===(t=r.status)||void 0===t?void 0:t.toLowerCase()),a=o?"errorText":"warningText",l=o?"idleError":"idleWarning",s="number"===typeof r.value?"".concat(r.value.toFixed(2)).concat(r.units?" ".concat(r.units):""):"";return(0,i.jsxs)(n.Flex,{alignItems:"center",justifyContent:"between",padding:[1,2],background:l,round:1,gap:2,children:[(0,i.jsx)(n.TextSmall,{color:a,strong:!0,truncate:!0,children:r.name}),s&&(0,i.jsx)(n.TextSmall,{color:a,strong:!0,children:s})]})},s=e=>{let{node:t,criticalAlerts:r,warningAlerts:o}=e;return(0,i.jsxs)(n.Flex,{column:!0,padding:[2,3],gap:2,border:{side:"bottom",color:"border"},_last:{"border-bottom":"none"},"data-testid":"alertsPerNode-node-".concat(t.id),children:[(0,i.jsxs)(n.Flex,{alignItems:"center",justifyContent:"between",children:[(0,i.jsx)(n.Text,{strong:!0,truncate:!0,children:t.name}),(0,i.jsxs)(n.Flex,{gap:2,alignItems:"center",children:[r.length>0&&(0,i.jsxs)(n.Flex,{gap:1,alignItems:"center",children:[(0,i.jsx)(n.TextSmall,{color:"errorText",strong:!0,children:r.length}),(0,i.jsx)(n.Flex,{width:2,height:2,round:1,background:"error"})]}),o.length>0&&(0,i.jsxs)(n.Flex,{gap:1,alignItems:"center",children:[(0,i.jsx)(n.TextSmall,{color:"warningText",strong:!0,children:o.length}),(0,i.jsx)(n.Flex,{width:2,height:2,round:1,background:"warning"})]})]})]}),(0,i.jsxs)(n.Flex,{column:!0,gap:1,border:!0,round:1,padding:[1],children:[r.map((e=>(0,i.jsx)(l,{alert:e},e.id))),o.map((e=>(0,i.jsx)(l,{alert:e},e.id)))]})]})},c=e=>{let{nodesWithAlerts:t,loaded:r}=e;return r?0===t.length?(0,i.jsx)(n.Flex,{flex:!0,alignItems:"center",justifyContent:"center",padding:[4],children:(0,i.jsx)(n.Text,{color:"textLite",children:"No alerts"})}):(0,i.jsx)(i.Fragment,{children:t.map((e=>{let{node:t,criticalAlerts:r,warningAlerts:n}=e;return(0,i.jsx)(s,{node:t,criticalAlerts:r,warningAlerts:n},t.id)}))}):(0,i.jsx)(a,{})}},65067(e,t,r){r.d(t,{A:()=>s});r(98992),r(54520),r(3949);var n=r(64467),o=r(51510),i=r(42358);function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}const l=(0,o.default)(i.Flex).attrs((e=>function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({height:"100%",position:"relative",round:!0,background:"tableRowBg"},e))).withConfig({displayName:"container__Card",componentId:"sc-esi601-0"})(["",""],(e=>{let{dragging:t,theme:r}=e;return t&&"\n &:before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: ".concat((0,i.getRgbColor)("primary",.2)({theme:r}),";\n z-index: 10;\n backdrop-filter: blur(3px);\n }\n\n ")})),s=l},71488(e,t,r){r.d(t,{A:()=>P});var n=r(80045),o=r(64467),i=(r(78350),r(26910),r(30237),r(98992),r(54520),r(30670),r(3949),r(81454),r(8872),r(62953),r(96540)),a=r(51510),l=r(44731),s=(r(47154),r(42358)),c=r(13607),d=r(41395),u=r(7382),g=r(98830),p=r(20410),h=r(74848);const b=["sortByValue"],f=["sortByValue"];function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){(0,o.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const j=(e,t,r)=>e.reduce(((e,n)=>(e[n[r]]||(e[n[r]]={label:n[r],data:[]}),e[n[r]].data.push(n[t]),e)),{}),y=(0,i.memo)((e=>{let{chart:t,selectedFilter:r,tableData:o,columns:c,selectedFn:f,stacked:m=!1}=e;const{units:y,decimalPoints:v}=((e,t)=>{var r,n,o;const i=null===e||void 0===e||null===(r=e.columns)||void 0===r?void 0:r[0],a=null===t||void 0===t||null===(n=t[i])||void 0===n?void 0:n.valueOptions;return{units:null===a||void 0===a?void 0:a.units,decimalPoints:null!==(o=null===a||void 0===a?void 0:a.decimalPoints)&&void 0!==o?o:2}})(t,c),O=(0,i.useContext)(a.ThemeContext),w=(0,i.useMemo)((()=>{if(!t)return{datasets:[],labels:[]};if("all"===t.groupBy){const e=o.reduce(((e,r)=>(t.columns.forEach((t=>{e[t]||(e[t]=[]),e[t].push(r[t])})),e)),{}),r=t.columns.reduce(((r,n)=>{var o;const i=t.aggregation||(null===(o=c[n])||void 0===o?void 0:o.summary)||"count",a=p.A[i];return r.push({value:a(e[n]),label:n}),r}),[]).sort(((e,t)=>t.value-e.value));return{datasets:[{backgroundColor:r.map(((e,t)=>u.b4[t])),borderWidth:0,data:r.map((e=>{let{value:t}=e;return t})),label:r.map((e=>{let{label:t}=e;return t})),maxBarThickness:50,minBarLength:0}],labels:r.map((e=>{let{label:t}=e;return t}))}}{const e=t.columns.reduce(((e,n)=>{var i;const a=j(o,n,r||n),l=t.aggregation||(null===(i=c[n])||void 0===i?void 0:i.summary)||"count",s=p.A[l];return Object.keys(a).forEach((t=>{const r=s(a[t].data);e[a[t].label]=x(x({},e[a[t].label]),{},{[n]:r,label:a[t].label,sortByValue:e[a[t].label]&&e[a[t].label].sortByValue>r?e[a[t].label].sortByValue:r})})),e}),{}),i=Object.values(e).sort(((e,t)=>t.sortByValue-e.sortByValue)).slice(0,15).map((e=>{let{sortByValue:t}=e;return(0,n.A)(e,b)}));return{datasets:t.columns.map(((e,t)=>({backgroundColor:u.b4[t],borderWidth:0,data:i.map((t=>t[e])),label:e,maxBarThickness:50,minBarLength:0}))),labels:i.map((e=>{let{label:t}=e;return t}))}}}),[f,t,r,o]),{scaledUnits:P,divider:C}=(0,i.useMemo)((()=>((e,t)=>{if(!t||!e)return{scaledUnits:t,divider:1};const r=(0,g.Im)(e,t),n=e/r.value;return{scaledUnits:r.units,divider:n}})((e=>{var t;return null!==e&&void 0!==e&&null!==(t=e.datasets)&&void 0!==t&&t.length?Math.max(...e.datasets.flatMap((e=>e.data.filter((e=>null!=e))))):0})(w),y)),[w,y]),A=!t.groupBy||"column"===t.groupBy,I={animation:!1,maintainAspectRatio:!1,plugins:{legend:{position:"bottom",labels:{boxWidth:4,boxHeight:20,title:{color:(0,s.getColor)("textLite")({theme:O})}}},tooltip:{callbacks:{label:e=>{const t=e.dataset.label||"",r=e.raw;return y?"".concat(t,": ").concat(r," ").concat(y):"".concat(t,": ").concat(r)}}}},responsive:!0,scales:{x:{display:A,stacked:m,grid:{color:(0,s.getColor)("borderSecondary")({theme:O})},afterSetDimensions:e=>{e.maxHeight=50},ticks:{callback:(e,t)=>{let r=w.labels[t];if(!r)return;let n=0;for(;(null===(o=r)||void 0===o?void 0:o.length)>20;){var o;r=(0,d.P3)(r,n),n+=1}return r}}},y:{stacked:m,grid:{color:(0,s.getColor)("borderSecondary")({theme:O})},title:{display:!!P,text:P,color:(0,s.getColor)("textDescription")({theme:O})},ticks:{color:(0,s.getColor)("textDescription")({theme:O}),callback:e=>y?(0,g.iX)(e/C,{decimalPoints:v}):e}}}};return(0,h.jsx)(l.yP,{data:w,options:I})})),v={"stacked-bar":e=>(0,h.jsx)(y,x({stacked:!0},e)),bar:y,doughnut:(0,i.memo)((e=>{let{chart:t,selectedFilter:r,tableData:o,columns:c,selectedFn:d}=e;const g=((e,t)=>{var r,n;const o=null===e||void 0===e||null===(r=e.columns)||void 0===r?void 0:r[0];return null===t||void 0===t||null===(n=t[o])||void 0===n||null===(n=n.valueOptions)||void 0===n?void 0:n.units})(t,c),b=(0,i.useContext)(a.ThemeContext),m=(0,i.useMemo)((()=>{if(!t||!o.length)return{datasets:[],labels:[]};if("all"===t.groupBy){const e=o.reduce(((e,r)=>(t.columns.forEach((t=>{e[t]||(e[t]=[]),e[t].push(r[t])})),e)),{}),r=t.columns.reduce(((r,n)=>{var o;if(!e[n])return r;const i=t.aggregation||(null===(o=c[n])||void 0===o?void 0:o.summary)||"count",a=p.A[i];return r.push({value:a(e[n]),label:n}),r}),[]).sort(((e,t)=>t.value-e.value));return{datasets:[{backgroundColor:r.map(((e,t)=>u.b4[t])),borderWidth:0,data:r.map((e=>{let{value:t}=e;return t})),label:t.name,maxBarThickness:50,minBarLength:0}],labels:r.map((e=>{let{label:t}=e;return t}))}}{const e=t.columns.reduce(((e,n)=>{var i;const a=j(o,n,r||n),l=t.aggregation||(null===(i=c[n])||void 0===i?void 0:i.summary)||"count",s=p.A[l];return Object.keys(a).forEach((t=>{var r;if(null===(r=a[t])||void 0===r||!r.data)return;const o=s(a[t].data);e[a[t].label]=x(x({},e[a[t].label]),{},{[n]:o,label:a[t].label,sortByValue:e[a[t].label]&&e[a[t].label].sortByValue>o?e[a[t].label].sortByValue:o})})),e}),{}),i=Object.values(e).sort(((e,t)=>t.sortByValue-e.sortByValue)).slice(0,15).map((e=>{let{sortByValue:t}=e;return(0,n.A)(e,f)}));return{datasets:t.columns.map(((e,t)=>({backgroundColor:u.b4[t],borderWidth:0,data:i.map((t=>t[e])),label:e,maxBarThickness:50,minBarLength:0}))),labels:i.map((e=>{let{label:t}=e;return t}))}}}),[d,t,r,o]),y={animation:!1,maintainAspectRatio:!1,plugins:{legend:{position:"bottom",labels:{boxWidth:4,boxHeight:20,title:{color:(0,s.getColor)("textLite")({theme:b})}}},tooltip:{callbacks:{label:e=>{const t=e.label||"",r=e.raw;return g?"".concat(t,": ").concat(r," ").concat(g):"".concat(t,": ").concat(r)}}}},responsive:!0};return(0,h.jsx)(l.nu,{data:m,options:y})}))},O=e=>({label:e,value:e}),w=(0,i.memo)((e=>{let{initData:t,initFilter:r,savedData:n,savedFilter:o,charts:a,data:l,columns:d,groupByColumns:u,loaded:g,selectedFn:p,onRefresh:b,loading:f,compact:m,hideToolbox:j,onSelectionChange:y}=e;const[w,P]=(0,i.useState)(n||t),[C,A]=(0,i.useState)(o||r);(0,i.useEffect)((()=>{n||P(t)}),[t,n]),(0,i.useEffect)((()=>{o||A(r)}),[r,o]);const I=a[w];if(!I)return null;const S=v[I.type]||v["stacked-bar"],D=!I.groupBy||"column"===I.groupBy,k=Object.keys(a).map(O),E=u?Object.keys(u).map(O):[];return(0,h.jsxs)(s.Flex,x(x({column:!0,gap:3},m?{width:"50%"}:{flex:!0}),{},{background:"panelBg",border:{side:"all",color:"mainChartBorder"},padding:[4],round:.5,children:[(0,h.jsxs)(s.Flex,{alignItems:"center",gap:2,children:[!j&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(s.Select,{isLoading:!g,onChange:e=>{let{value:t}=e;P(t),null===y||void 0===y||y(t,C)},options:k,styles:{minWidth:120},value:{label:w,value:w}}),D&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(s.Text,{color:"textLite",children:"per"}),(0,h.jsx)(s.Select,{isLoading:!g,onChange:e=>{let{value:t}=e;A(t),null===y||void 0===y||y(w,t)},options:E,styles:{minWidth:120},value:{label:C,value:C}})]})]}),(0,h.jsx)(c.A,{onRefresh:b,loading:f,testId:"card-function-chart",dataGa:"card-function-chart"})]}),(0,h.jsx)(s.Flex,{flex:!0,position:"relative",height:{min:60},width:{min:"100%"},children:(0,h.jsx)(S,{chart:I,selectedFilter:C,tableData:l,columns:d,selectedFn:p})})]}))})),P=e=>{let{defaultCharts:t,chartSelections:r,charts:n,data:o,columns:i,groupByColumns:a,loaded:l,selectedFn:c,onRefresh:d,loading:u,compact:g,hideToolbox:p,onSettingsChange:b,ref:f}=e;return null!==t&&void 0!==t&&t.length&&n?(0,h.jsx)(s.Flex,x(x({ref:f,gap:4},g?{}:{flex:!0,overflow:"hidden"}),{},{children:t.map(((e,s)=>{let[f,m]=e;const j=null===r||void 0===r?void 0:r[s];return(0,h.jsx)(w,{initData:f,initFilter:m,savedData:null===j||void 0===j?void 0:j[0],savedFilter:null===j||void 0===j?void 0:j[1],charts:n,data:o,columns:i,groupByColumns:a,loaded:l,selectedFn:c,onRefresh:d,loading:u,compact:g,hideToolbox:p,onSelectionChange:(e,r)=>{null===b||void 0===b||b((n=>{const o=[...n.chartSelections||t.map((e=>{let[t,r]=e;return[t,r]}))];return o[s]=[e,r],x(x({},n),{},{chartSelections:o})}))}},s)}))})):null}},81445(e,t,r){r.d(t,{A:()=>p});var n=r(64467),o=(r(98992),r(54520),r(3949),r(62953),r(96540)),i=r(51510),a=r(42358),l=r(61533),s=r(74848);function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const u=(0,i.default)(a.Table).withConfig({displayName:"table__StyledTable",componentId:"sc-65hr6w-0"})(["*{font-family:monospace;letter-spacing:0.09px;}"]),g=e=>{let{title:t,data:r,columns:n,sortedColumns:i,sortColumn:a,sortDirection:c,columnVisibility:g,pinnedColumns:p,groupByColumns:h,loaded:b,manualSorting:f,isFeed:m,onSettingsChange:x,ref:j}=e;const[y,v]=(0,o.useState)({}),O=(0,l.A)(i,n,d(d({},m?{}:{groupBy:""}),{},{columnVisibility:g})),w=(0,o.useMemo)((()=>a?[{id:a,desc:"descending"===c}]:[]),[a,c]),P=(0,o.useMemo)((()=>({left:p})),[p]),C=(0,o.useCallback)((e=>{if(!x)return;const t="function"===typeof e?e(w):e;if(null===t||void 0===t||!t.length)return void x((e=>d(d({},e),{},{sortColumn:"",sortDirection:"descending"})));const{id:r,desc:n}=t[0];x((e=>d(d({},e),{},{sortColumn:r,sortDirection:n?"descending":"ascending"})))}),[x,w]),A=(0,o.useCallback)((e=>{if(!x)return;const t="function"===typeof e?e(g):e;x((e=>d(d({},e),{},{columnVisibility:d(d({},e.columnVisibility),t)})))}),[x,g]),I=(0,o.useCallback)((e=>{if(!x)return;const t="function"===typeof e?e({}):e;x((e=>d(d({},e),{},{columnSizing:d(d({},e.columnSizing),t)})))}),[x]);return b?(0,s.jsx)(u,{ref:j,title:t,background:"panelBg",data:r,dataColumns:O,dataGa:"dashboardFunctions",sortBy:w,onSortingChange:m?null:C,columnVisibility:g,onColumnVisibilityChange:m?null:A,columnPinning:P,enableColumnPinning:!(null===p||void 0===p||!p.length),enableColumnVisibility:!m,enableResizing:!0,enableSorting:!m,onColumnSizingChange:I,groupByColumns:h,expanded:y,onExpandedChange:v,manualSorting:f}):null},p=(0,o.memo)(g)},40580(e,t,r){r.d(t,{A:()=>j});var n=r(80045),o=r(64467),i=(r(27495),r(25440),r(98992),r(54520),r(3949),r(62953),r(96540)),a=r(15505),l=r(91539),s=r(24609),c=r(19186),d=r(24013),u=r(84103),g=r(41073),p=r(52154),h=r(42790);const b=["data","type","updateEvery"];function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){(0,o.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const x={default:{fetch:u.ph,isEnabled:e=>{let{nodeIds:t,fn:r,after:n}=e;return!(null===t||void 0===t||!t.length)&&!!r&&!!n}},feed:{fetch:u.d$,isEnabled:e=>{let{roomId:t,fn:r}=e;return!!t&&!!r}}},j=e=>{let{selectedFn:t,selectedNodeIds:r,fnType:o,acceptedParams:u,functionParamsFilters:f,pollingInterval:j,slice:y,histogramId:v}=e;const[O,w]=(0,i.useState)((()=>m(m({},p.zb[o]||p.zb.table),{},{fnType:o||""}))),P=(0,s.vt)(),C=(0,c.ID)(),A=(0,c.QW)(),I=(0,d.yN)(r),{after:S,before:D}=(0,h.rW)(),k=(0,i.useRef)(O);k.current=O;const E=(0,i.useRef)(null),F=(0,i.useRef)(f);F.current!==f&&(F.current=f,E.current=null);const T=null===t||void 0===t?void 0:t.replace(/:::\d+$/,""),{fetch:R,isEnabled:B}=x[T]||x.default,L=(0,i.useCallback)((()=>{if(S>0)return{after:S,before:D};const e=Date.now();return{after:e+1e3*S,before:e}}),[S,D]),N=(0,i.useRef)();N.current=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=L();return R(m(m(m({roomId:C,spaceId:P,nodeIds:r,cloudNodeIds:I,fn:T,roomSlug:A,filters:f||{},acceptedParams:u||[],slice:y},v&&{histogram:v}),t),e))};const M=(0,i.useCallback)((e=>{let{skip:t,data:r={}}=e;if(t)w((e=>m(m({},e),{},{loading:!1})));else if(r.data)if(r.lastModified&&(E.current=r.lastModified),"table"===r.type)w((e=>{const t=(0,g.G)(e,r);return void 0===t?e:m(m({},t),{},{error:null})}));else{const{data:e,type:t,updateEvery:o}=r,i=(0,n.A)(r,b);w(m(m(m({},p.zb.default),i),{},{data:e,updateEvery:o,fnType:t,loading:!1,loaded:!0,error:null,transactionId:null}))}else w((e=>m(m(m({},e),r),{},{error:null,loading:!1,transactionId:null})))}),[]),H=(0,i.useCallback)((e=>{var t,r;null===(t=e)||void 0===t||null===(t=t.response)||void 0===t||!t.status||400!==e.response.status&&304!==e.response.status?(null!==(r=e)&&void 0!==r&&null!==(r=r.response)&&void 0!==r&&r.data&&(e=m(m({},(0,a.Ds)(e.response.data)),{},{status:e.response.status})),w((t=>m(m({},t),{},{error:e,loaded:!0,loading:!1,transactionId:null})))):w((e=>m(m({},e),{},{loaded:!0,loading:!1,transactionId:null})))}),[]);(0,l.A)((()=>({enabled:B({nodeIds:r,fn:T,roomId:C,after:S}),fetch:()=>(w((e=>m(m({},e),{},{loading:!0}))),E.current&&S<0?N.current({if_modified_since:E.current,direction:"forward",merge:!0,tail:!0,delta:!0,data_only:!0}):N.current({reset:!E.current})),onFail:H,onReceive:M,polling:S<0,pollingOptions:{pollingInterval:1e3*(j||k.current.updateEvery||1),shouldPause:!0},force:!0})),[null===r||void 0===r?void 0:r.length,null===r||void 0===r?void 0:r[0],T,C,S,D,f,j,y,v]);const _=(0,i.useCallback)((e=>N.current(e)),[]);return m(m({},O),{},{onRefresh:_,updatedAt:E.current})}},52346(e,t,r){r.d(t,{A:()=>b});var n=r(42358),o=r(24155),i=(r(98992),r(81454),r(62953),r(96540)),a=r(51510),l=r(74848);const s=10,c=10,d=30,u=36,g=e=>{let{buckets:t,maxTotal:r}=e;const o=(0,i.useRef)(null),[g,p]=(0,i.useState)(600),[h,b]=(0,i.useState)(120),f=(0,i.useContext)(a.ThemeContext);(0,i.useEffect)((()=>{if(!o.current)return;const e=new ResizeObserver((e=>{const{width:t,height:r}=e[0].contentRect;p(t),r>0&&b(r)}));return e.observe(o.current),()=>e.disconnect()}),[]);const m=g-u-c,x=h-s-d,j=(0,n.getColor)("warning")({theme:f}),y=(0,n.getColor)("error")({theme:f}),v=(0,i.useMemo)((()=>Math.max(1,(m-1*t.length)/t.length)),[m,t.length]),O=(0,i.useMemo)((()=>{const e=Math.ceil(r/5);return Array.from({length:6},((t,r)=>r*e))}),[r]);return(0,l.jsx)(n.Flex,{ref:o,flex:!0,width:"100%",height:"100%","data-testid":"hourlyAlerts-chart",children:(0,l.jsx)("svg",{width:g,height:h,children:(0,l.jsxs)("g",{transform:"translate(".concat(u,",").concat(s,")"),children:[O.map((e=>{const t=x-e/(O[O.length-1]||1)*x;return(0,l.jsxs)("g",{children:[(0,l.jsx)("line",{x1:0,y1:t,x2:m,y2:t,stroke:"currentColor",strokeOpacity:.1}),(0,l.jsx)("text",{x:-4,y:t+4,textAnchor:"end",fontSize:9,fill:"currentColor",opacity:.5,children:e})]},e)})),t.map(((e,t)=>{const r=t*(v+1),n=(e.critical+e.warning)/(O[O.length-1]||1)*x,o=e.critical/(O[O.length-1]||1)*x,i=n-o;return(0,l.jsxs)("g",{children:[i>0&&(0,l.jsx)("rect",{x:r,y:x-n,width:v,height:i,fill:j,opacity:.85}),o>0&&(0,l.jsx)("rect",{x:r,y:x-o,width:v,height:o,fill:y,opacity:.85}),t%6===0&&(0,l.jsx)("text",{x:r,y:x+16,fontSize:9,fill:"currentColor",opacity:.5,children:new Date(e.ts).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})})]},e.ts)}))]})})})},p=[30,55,40,70,25,60,45,80,35,50,65,38,72,28,58,42,75,33,52,68,36,62,48,78],h=()=>(0,l.jsxs)(n.Flex,{column:!0,gap:2,padding:[2],children:[(0,l.jsx)(o.A,{width:"120px",height:"14px"}),(0,l.jsx)(n.Flex,{gap:1,alignItems:"flex-end",height:"80px",children:p.map(((e,t)=>(0,l.jsx)(o.A,{flex:!0,height:"".concat(e,"%")},t)))})]}),b=e=>{let{buckets:t,maxTotal:r,totalAlerts:n,loaded:o}=e;return o?(0,l.jsx)(g,{buckets:t,maxTotal:r}):(0,l.jsx)(h,{})}},56452(e,t,r){r.d(t,{A:()=>s});r(98992),r(81454);var n=r(42358),o=r(24155),i=r(21421),a=r(74848);const l=()=>(0,a.jsx)(n.Flex,{gap:1,flexWrap:!0,padding:[3],children:Array.from({length:24}).map(((e,t)=>(0,a.jsx)(o.A,{width:"10px",height:"10px",round:"50%"},t)))}),s=e=>{let{nodes:t,groupBy:r,colorBy:n,loaded:o}=e;return o?(0,a.jsx)(i.A,{nodes:t,groupBy:r,colorBy:n}):(0,a.jsx)(l,{})}},59092(e,t,r){r.d(t,{A:()=>p});r(98992),r(81454),r(62953);var n=r(42358),o=r(49181),i=r(45087),a=r(24155),l=r(74848);const s={Live:"success",Stale:"warning",Offline:"textLite",Unseen:"textDescription"},c={Live:"check",Stale:"warning_triangle_hollow",Offline:"unreachable",Unseen:"question"},d=()=>(0,l.jsx)(n.Flex,{column:!0,children:Array.from({length:5}).map(((e,t)=>(0,l.jsxs)(n.Flex,{alignItems:"center",gap:2,padding:[2,3],border:{side:"bottom",color:"border"},_last:{"border-bottom":"none"},children:[(0,l.jsx)(a.A,{width:"8px",height:"8px",round:"50%"}),(0,l.jsxs)(n.Flex,{column:!0,flex:!0,gap:1,children:[(0,l.jsx)(a.A,{width:"140px",height:"14px"}),(0,l.jsx)(a.A,{width:"80px",height:"12px"})]}),(0,l.jsx)(a.A,{width:"16px",height:"16px"})]},t)))}),u=e=>{var t,r;let{node:a}=e;const d=(0,o.GM)(a.state),u=(null===(t=a.os)||void 0===t?void 0:t.nm)||(null===(r=a.labels)||void 0===r?void 0:r.os_name)||"";return(0,l.jsxs)(n.Flex,{alignItems:"center",gap:2,padding:[2,3],border:{side:"bottom",color:"border"},_last:{"border-bottom":"none"},"data-testid":"nodeList-node-".concat(a.id),children:[(0,l.jsx)(i.A,{content:d,children:(0,l.jsx)(n.Flex,{width:2,height:2,round:"50%",background:s[d]||"textLite",role:"status","aria-label":d})}),(0,l.jsxs)(n.Flex,{column:!0,flex:!0,gap:0,children:[(0,l.jsx)(n.Text,{strong:!0,truncate:!0,children:a.name}),u&&(0,l.jsx)(n.TextSmall,{color:"textLite",truncate:!0,children:u})]}),(0,l.jsx)(i.A,{content:d,children:(0,l.jsx)(n.Icon,{name:c[d],color:s[d],size:"small"})})]})},g=e=>{let{label:t,nodes:r}=e;return(0,l.jsxs)(n.Flex,{column:!0,children:[(0,l.jsx)(n.Flex,{padding:[1,3],background:"tableRowBg2",border:{side:"bottom",color:"border"},children:(0,l.jsx)(n.TextSmall,{strong:!0,color:"textLite",children:t})}),r.map((e=>(0,l.jsx)(u,{node:e},e.id)))]})},p=e=>{let{nodes:t,groupedNodes:r,loaded:o,nodeCount:i}=e;return o?0===i?(0,l.jsx)(n.Flex,{flex:!0,alignItems:"center",justifyContent:"center",padding:[4],children:(0,l.jsx)(n.Text,{color:"textLite",children:"No nodes in this room"})}):r?(0,l.jsx)(l.Fragment,{children:r.map((e=>{let[t,r]=e;return(0,l.jsx)(g,{label:t,nodes:r},t)}))}):(0,l.jsx)(l.Fragment,{children:t.map((e=>(0,l.jsx)(u,{node:e},e.id)))}):(0,l.jsx)(d,{})}},77125(e,t,r){r.d(t,{A:()=>c});r(98992),r(81454);var n=r(42358),o=r(24155),i=r(74848);const a=e=>{let{label:t,count:r,color:o}=e;return(0,i.jsxs)(n.Flex,{alignItems:"center",gap:2,children:[(0,i.jsx)(n.Flex,{width:"10px",height:"10px",round:"50%",background:o}),(0,i.jsx)(n.Text,{children:t}),(0,i.jsx)(n.TextBig,{strong:!0,children:r})]})},l=e=>{let{label:t,count:r,color:o}=e;return(0,i.jsxs)(n.Flex,{alignItems:"center",gap:2,children:[(0,i.jsx)(n.Text,{color:o,strong:!0,children:r}),(0,i.jsx)(n.Text,{color:"textLite",children:t})]})},s=()=>(0,i.jsx)(n.Flex,{gap:4,flexWrap:!0,padding:[3],children:Array.from({length:7}).map(((e,t)=>(0,i.jsx)(o.A,{width:"70px",height:"20px",round:10},t)))}),c=e=>{let{statusCounts:t,critical:r,warning:o,clear:c,visibleItems:d,loaded:u}=e;return u?(0,i.jsxs)(n.Flex,{gap:4,flexWrap:!0,padding:[3],children:[(!d||d.includes("live"))&&(0,i.jsx)(a,{label:"Live",count:t.Live,color:"success"}),(!d||d.includes("stale"))&&(0,i.jsx)(a,{label:"Stale",count:t.Stale,color:"warning"}),(!d||d.includes("offline"))&&(0,i.jsx)(a,{label:"Offline",count:t.Offline,color:"textLite"}),(!d||d.includes("unseen"))&&(0,i.jsx)(a,{label:"Unseen",count:t.Unseen,color:"textDescription"}),(!d||d.includes("critical"))&&(0,i.jsx)(l,{label:"Critical",count:r,color:"error"}),(!d||d.includes("warning"))&&(0,i.jsx)(l,{label:"Warning",count:o,color:"warning"}),(!d||d.includes("clear"))&&(0,i.jsx)(l,{label:"Clear",count:c,color:"success"})]}):(0,i.jsx)(s,{})}},19529(e,t,r){r.d(t,{A:()=>s});var n=r(42358),o=r(24155),i=r(78953),a=r(74848);const l=()=>(0,a.jsxs)(n.Flex,{column:!0,gap:3,padding:[3],children:[(0,a.jsxs)(n.Flex,{column:!0,gap:2,children:[(0,a.jsx)(o.A,{width:"80px",height:"16px"}),(0,a.jsx)(o.A,{width:"100%",height:"40px"})]}),(0,a.jsxs)(n.Flex,{column:!0,gap:2,children:[(0,a.jsx)(o.A,{width:"120px",height:"16px"}),(0,a.jsx)(o.A,{width:"100%",height:"40px"})]})]}),s=e=>{let{topologyData:t,replicationData:r,loaded:o}=e;return o?(0,a.jsxs)(a.Fragment,{children:[t.length>0&&(0,a.jsxs)(n.Flex,{column:!0,gap:2,children:[(0,a.jsx)(n.Text,{strong:!0,children:"Topology"}),(0,a.jsx)(i.A,{data:t,numberIndicatorProps:{TitleComponent:n.Text}})]}),r.length>0&&(0,a.jsxs)(n.Flex,{column:!0,gap:2,children:[(0,a.jsx)(n.Text,{strong:!0,children:"Data Replication"}),(0,a.jsx)(i.A,{data:r})]})]}):(0,a.jsx)(l,{})}},87242(e,t,r){r.d(t,{A:()=>c});var n=r(64467),o=(r(98992),r(54520),r(3949),r(81454),r(42358)),i=r(58618),a=r(74848);function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}const s=e=>{let{label:t,value:r,loaded:n}=e;return(0,a.jsxs)(o.Flex,{column:!0,alignItems:"center",justifyContent:"center",gap:1,flex:!0,padding:[2],children:[(0,a.jsx)(o.TextSmall,{color:"textLite",children:t}),n?(0,a.jsx)(o.TextHuge,{strong:!0,children:(0,i.$t)(r)}):(0,a.jsx)(o.Text,{color:"textLite",children:"..."})]})},c=e=>{let{stats:t}=e;return 0===t.length?(0,a.jsx)(o.Text,{color:"textLite",children:"No stats selected"}):(0,a.jsx)(a.Fragment,{children:t.map((e=>(0,a.jsx)(s,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},e),e.label)))})}},85877(e,t,r){r.d(t,{A:()=>Lr});r(98992),r(54520),r(3949);var n=r(64467),o=r(80045),i=r(96540),a=(r(62953),r(51510)),l=r(42358),s=r(57068),c=r(15524),d=r(64156),u=r(20871),g=(r(72577),r(81454),r(8872),r(67012)),p=r(57377),h=r(40961),b=r(43375),f=r(43627),m=r(43305),x=r(71123),j=r(61710),y=r(74979),v=r(45427),O=r(74848);const w=["id","items","containerWidth","rowHeight","gutter","Component","isSortingContainer","onRemove","onItemRemove","Item","gridTracks","transforming","containerDndProps","itemProps","dragOverlay","rootId"];function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const A=e=>(0,f.uU)(C(C({},e),{},{wasDragging:!0})),I=e=>{var t;let{id:r,items:n,containerWidth:i,rowHeight:a,gutter:l,Component:s,isSortingContainer:c,onRemove:d,onItemRemove:u,Item:g,gridTracks:p,transforming:h,containerDndProps:b,itemProps:m,dragOverlay:j,rootId:P}=e,I=(0,o.A)(e,w);const{active:S,attributes:D,isDragging:k,listeners:E,over:F,setNodeRef:T,transition:R,transform:B}=(0,f.gl)({id:j?"dragOverlay-".concat(r):r,disabled:j,data:C({rootId:P,isContainer:!0,items:n,containerId:r,dropArea:!0},b),animateLayoutChanges:A}),L=!!F&&(r===F.id&&"container"!==(null===S||void 0===S||null===(t=S.data.current)||void 0===t?void 0:t.type)||n.includes(F.id)),N=(0,x.Hp)(n),M=N*a+(N-1)*l+"px";return(0,O.jsx)(s,C(C({ref:T,style:j?{width:i,height:M}:{transition:R,transform:y.Ks.Translate.toString(B),opacity:k?.5:void 0,width:i,height:M},hover:L,onRemove:d,attributes:D,listeners:E},I),{},{itemProps:m,id:r,dragOverlay:j,children:n.map(((e,t)=>(0,O.jsx)(v.A,C(C({disabled:c},e),{},{index:t,containerId:r,Item:g,onRemove:u,draggable:!0,containerWidth:i,rowHeight:a,gridTracks:p,gutter:l,transformed:h?n[t]:null,itemProps:m,containerDragOverlay:j,rootId:P,containerDndProps:b,draggableProps:e,isOnTV:I.isOnTV}),e.id)))}))},S=e=>{let{containers:t,Container:r,containerWidth:n,isSortingContainer:o,items:i,Item:a,transforming:l,onContainerRemove:s,onRemove:c,rowHeight:d,gridTracks:u,gutter:g,containerDndProps:p,itemProps:h,rootId:b,isOnTV:f}=e;return t.map((e=>(0,O.jsx)(I,{id:e,items:i[e],onRemove:()=>s(e),containerWidth:n,rowHeight:d,gridTracks:u,gutter:g,Component:r,Item:a,isSortingContainer:o,transforming:l,onItemRemove:c,containerDndProps:p,itemProps:h,rootId:b,isOnTV:f},e)))};function D(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const E={sideEffects(e){let{active:t}=e;t.node.animate([{opacity:0},{opacity:1}],{easing:"ease-in",duration:250})}},F="TRASH_ID",T="PLACEHOLDER_ID",R=e=>{let{id:t}=e;const{setNodeRef:r,isOver:n}=(0,b.zM)({id:t,data:{dropArea:!0,isTrash:!0}});return(0,O.jsx)("div",{ref:r,style:{display:"flex",alignItems:"center",justifyContent:"center",position:"fixed",left:"50%",marginLeft:-150,bottom:20,width:300,height:60,borderRadius:5,border:"1px solid",borderColor:n?"red":"#DDD"},children:"Drop here to delete"})},B=e=>{var t;let{rootId:r,items:n,containers:o,trashable:a=!0,onRemove:l,Item:s,containerWidth:c=800,rowHeight:d=40,gridTracks:u=12,gutter:y=4,allowOverlap:w=!1,compactType:P="vertical",maxRows:C=3e5,Container:A=m.A,onDragEnd:D,containerDndProps:B,itemProps:L,updateOnNewProps:N=!1,rearrangeable:M=!0,isOnTV:H}=e;const{active:_}=(0,b.fF)(),z=(0,i.useRef)(null),[V,W]=(0,i.useState)((()=>(o||Object.keys(n)).reduce(((e,t)=>(e[t]=(0,x.oE)((0,x.Su)(n[t]),P,u),e)),{})),{}),[G,q]=(0,i.useState)((()=>o||Object.keys(V)));(0,g.A)((()=>{W((o||Object.keys(n)).reduce(((e,t)=>(e[t]=(0,x.oE)((0,x.Su)(n[t]),P,u),e)),{}))}),[u]),(0,g.A)((()=>{N&&((0,p.Ay)(n,V)||(W((o||Object.keys(n)).reduce(((e,t)=>(e[t]=(0,x.oE)((0,x.Su)(n[t]),P,u),e)),{})),q(o)))}),[o,n]);const U=null===_||void 0===_?void 0:_.isContainer,[K,$]=(0,i.useState)(null),[Z,J]=(0,i.useState)(null),Q=(0,i.useRef)(null),X=e=>e in V?e:null,Y=()=>{K&&W(K),$(null),J(null),Q.current=null},ee=()=>{const e=Object.keys(V),t=e[e.length-1];return String.fromCharCode(t.charCodeAt(0)+1)},te=e=>{let{active:t}=e;const{isContainer:r}=t.data.current||{};$(V),r||J(V)};return(0,i.useLayoutEffect)((()=>{if(_)return te({active:_}),Y}),[]),(0,b.E5)({onDragStart:te,onDragMove:e=>{let{active:t,over:r,collisions:n}=e;const{isResizer:o,isContainer:i,itemId:a,itemContainerId:l}=t.data.current||{};if(i||!Z)return;const{initial:s,translated:g}=t.rect.current;let p=(0,x.Su)(Z[l]);const h=!Z[l],b=(0,x.GN)(h?Z:p,a,h)||(0,x.lc)(t.data.current);if(!b||!b.width)return;const f=null===r||void 0===r?void 0:r.id;if(o){if(!f)return;const e=r.rect.width+(g.right-s.right),t=r.rect.height+(g.bottom-s.bottom);let{width:o,height:i}=(0,j.tr)({gutter:y,maxRows:C,gridTracks:u,rowHeight:d,containerWidth:c},e,t,b);if(b.width===o&&b.height===i)return;if(!n)return;return p=p.map((e=>e.id===b.id?k(k({},b),{},{width:o,height:i}):e)),n=n.filter((e=>e.id!==b.id)),p=(0,x.oE)(p,P,u),Q.current=k(k({},b),{},{itemContainerId:l}),void J((e=>k(k({},e),{},{[l]:[...p]})))}if(f===F)return void J(K);if(!M)return;const m=X(l),v=X(f)||r&&X(r.data.current.itemContainerId)||m;if(!v)return;if(v&&v===m||(p=[...Z[v],b]),!n)return;const O=n.find((e=>e.id===v));if(!O)return;let{left:A,top:I}=(0,j.zA)({gutter:y,maxRows:C,gridTracks:u,rowHeight:d,containerWidth:c},g.top-O.data.droppableContainer.rect.current.top,g.left-O.data.droppableContainer.rect.current.left,b);if(b.top===I&&b.left===A&&m===v)return;p=(0,x.Pe)(p,b,A,I,!0,!1,P,u,w),p=(0,x.oE)(p,P,u);const S=v!==m;S&&(z.current=t.itemContainerId),Q.current=k(k({},b),{},{itemContainerId:v}),J((e=>k(k({},e),{},{[v]:p.filter((e=>!!e))},S&&!!e[l]&&{[l]:(0,x.oE)(e[l].filter((e=>e.id!==b.id)),P,u)})))},onDragEnd:e=>{let{active:t,over:r}=e;if(!Z)return;const{isResizer:n,isItem:o}=t.data.current||{},i=null===r||void 0===r?void 0:r.id;if(null===i)return void J(null);if(i===F)return W((e=>k(k({},e),{},{[t.containerId]:(0,x.oE)(e[t.containerId].filter((e=>{let{id:r}=e;return r!==t.itemId})),P,u)}))),void J(null);if(o||n)return Z&&W(Z),J(null),void D(Z,Q.current,G);t.id in V&&null!==r&&void 0!==r&&r.id&&q((e=>{const n=e.indexOf(t.id),o=e.indexOf(r.id),i=(0,f.be)(e,n,o);return D(Z,Q.current,i),i}));const a=X(t.id);if(a)if(i!==T)Z&&W(Z),J(null),D(Z,Q.current,G);else{const e=ee();(0,h.unstable_batchedUpdates)((()=>{q((t=>[...t,e])),W((r=>k(k({},r),{},{[a]:r[a].filter((e=>e!==t.itemId)),[e]:[t.id]})))}))}},onDragCancel:Y}),Z||V?(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(f.gB,{items:[...G,T],strategy:f._G,children:(0,O.jsx)(S,{rootId:r,containers:G,Container:A,containerWidth:c,isSortingContainer:U,items:Z||V,transforming:null!==Z,Item:s,onContainerRemove:e=>{q((t=>t.filter((t=>t!==e))))},onRemove:l,rowHeight:d,gridTracks:u,gutter:y,itemProps:L,containerDndProps:B,isOnTV:H})}),(0,h.createPortal)((0,O.jsx)(b.Hd,{adjustScale:!1,dropAnimation:E,children:_&&(null===(t=_.data.current)||void 0===t?void 0:t.rootId)===r?_.data.current.isContainer?(re=_.data.current,(0,O.jsx)(I,{rootId:r,id:re,items:Z||V,containerWidth:c,rowHeight:d,gutter:y,Component:A,Item:s,gridTracks:u,containerDndProps:B,itemProps:L,dragOverlay:!0})):_.data.current.isItem?(e=>{const t=(Z||V)[e.itemContainerId];if(!t)return null;const n=t.find((t=>t.id===e.itemId));return n?(0,O.jsx)(v.A,k(k({rootId:r},n),{},{containerId:e.itemContainerId,Item:s,onRemove:l,draggable:!0,containerWidth:c,rowHeight:d,gridTracks:u,gutter:y,dragOverlay:!0,itemProps:L})):null})(_.data.current):null:null}),document.body),a&&_&&(_.isContainer||_.isItem)?(0,O.jsx)(R,{id:F}):null]}):null;var re},L=["id","onRemove","children","attributes","listeners","itemProps","itemProps","style","dragOverlay","ref"],N=["id","Component","containerWidth","onActiveMenuId"];function M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function H(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?M(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const _=a.default.div.withConfig({displayName:"gridLayout__Div",componentId:"sc-jna1fu-0"})(["position:relative;"]),z=e=>{let{id:t,onRemove:r,children:n,attributes:i,listeners:a,itemProps:c={},itemProps:{dashboardId:d},style:u,dragOverlay:g,ref:p}=e,h=(0,o.A)(e,L);(0,s.QZ)(d,t);return(0,O.jsx)(l.Flex,H(H({},h),{},{ref:p,column:!0,flex:!0,round:!0,gap:2,children:(0,O.jsx)(_,{style:u,children:n})}))},V=e=>{let{id:t,Component:r,containerWidth:n,onActiveMenuId:a}=e,g=(0,o.A)(e,N);const[p,h]=(0,s.B1)(t),[b,f]=(0,s.Ix)(t),m=(0,d.A)("(max-width: 767px)"),x=(0,c.A)(),j=(0,i.useRef)(),y=(0,i.useMemo)((()=>(j.current&&j.current.cancel(),j.current=(0,u.A)(),()=>{})),[p,a]);return(0,O.jsx)(l.Flex,{ref:x,column:!0,overflow:{vertical:"auto"},flex:"1","data-testid":"dashboardGrid",height:"100%",onScroll:y,padding:[4,0],children:(0,O.jsx)(B,H(H({rootId:t,Container:z,onDragEnd:(e,t,r)=>{h(e),f(r)},containers:b,items:p,containerWidth:n-(m?16:26)},g),{},{Item:r,gridTracks:12,gutter:12,itemProps:{dashboardId:t},containerDndProps:{droppable:!0},updateOnNewProps:!0}),t)})};var W=r(50249),G=r(6393),q=r(28973),U=r(87398),K=r(65067),$=r(92726),Z=r(78385),J=r(93536),Q=(r(72582),r(13752),r(92815),r(82650),r(78072),r(17323)),X=r(3425),Y=r(28657);const ee=["dashboardId","id","handleProps","listeners","attributes","style","dragging","dragOverlay","isOnTV","onRemove"],te=["nodesScope","contextScope"];function re(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ne(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?re(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):re(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const oe={},ie=e=>Object.keys(e).reduce(((t,r)=>(null!==e[r]&&void 0!==e[r]&&(t[r]=e[r]),t)),{}),ae=(0,i.memo)((e=>{let{dashboardId:t,id:r,handleProps:n,listeners:a,attributes:l,style:s,dragging:c,dragOverlay:d,isOnTV:u,onRemove:p}=e,h=(0,o.A)(e,ee);const b=(0,U.eg)(),f=(0,Z.tD)(),m=(0,G.bE)(t,r)||oe,{nodesScope:x,contextScope:j}=m,y=(0,o.A)(m,te),v=(0,G.v_)(t,r),w=(0,$.fz)(t,"respectNodesScope"),P=(0,i.useMemo)((()=>{const e=(0,W.My)(b,t);let o=e.getNode({id:d?"dragOverlay-".concat(r):r});if(o)return o;const[i]=j||[];return i?(o=b.makeChart({attributes:ne(ne(ne(ne({},(0,J.L)(i)),{},{id:d?"dragOverlay-".concat(r):r,cardId:r,dashboardId:t,contextScope:j},w?{nodesScope:x}:{}),ie(y)),{},{toolboxProps:{drag:ne(ne(ne({},n),a),l),isOnTV:u}}),makeTrack:W.qh}),e.appendChild(o),o):null}),[t,r]);return(0,i.useEffect)((()=>{P&&P.updateAttributes({hasToolbox:f,leftHeaderElements:f?[X.A,Q.default]:[Q.default]})}),[P,f]),(0,i.useEffect)((()=>{b&&(b.getRoot().updateAttribute("autofetchOnHovering",u),u&&b.getRoot().updateAttribute("autofetchOnWindowBlur",!0))}),[b,u]),(0,g.A)((()=>{P&&(P.updateAttributes({height:s.height,width:s.width}),P.trigger("resize"))}),[P,s.height,s.width]),(0,g.A)((()=>{P&&P.updateAttributes({toolboxProps:{drag:ne(ne(ne(ne({},n),a),l),{},{dragging:c}),isOnTV:u}})}),[c]),(0,i.useLayoutEffect)((()=>{if(P)return(0,q.unregister)(P.onAttributesChange(["aggregationMethod","groupBy","groupByLabel","postAggregationMethod","postGroupBy","postGroupByLabel","groupingMethod","groupingTime","chartType","chartLibrary","selectedDimensions","selectedLabels","selectedNodes","selectedInstances","sparkline","selectedLegendDimensions","showingInfo","dimensionsSortBy","instancesSortBy","nodesSortBy","groupBySortBy","labelsSortBy","dimensionsSort","nodesExpanded","groupByExpanded","labelsExpanded","expanded","staticZones","title","description","showPostAggregations","selectedNodeLabelsFilter","staticValueRange","enabledYAxis","enabledXAxis","legend","desiredUnits","staticFractionDigits"],((e,t,r)=>{v((t=>ne(ne({},t),{},{[r]:e})))})))}),[P,v]),(0,g.A)((()=>{P&&P.updateAttributes(ie(y))}),[y]),(0,g.A)((()=>{if(!P||!w)return;P.updateAttribute("nodesScope",x);P.getAttribute("active")&&"chart"===P.type&&P.fetch()}),[w,x]),P?(0,O.jsx)(K.A,ne(ne({"data-testid":"chartCard-".concat((y.contextScope||[]).join(",")),height:s.height,width:"100%"},h),{},{dragging:c,children:(0,O.jsx)(Y.A,{chart:P,"data-chartid":d?"dragOverlay-".concat(r):r,"data-track":P.track("container"),height:s.height,width:"100%",hasFilters:f})})):null})),le=ae;r(27495),r(25440);const se={title:"24px",subtitle:"16px",body:"14px"},ce=(0,a.default)(l.Box).attrs({as:"textarea",width:"100%",height:"100%",padding:[2]}).withConfig({displayName:"form__Textarea",componentId:"sc-3tcqxu-0"})(["resize:none;font-size:",";color:",";background:transparent;border:none;outline:none;cursor:auto;&::placeholder{color:",";}"],(e=>{let{$fontSize:t}=e;return t}),(0,l.getColor)("text"),(0,l.getColor)("textLite")),de=(0,i.memo)((e=>{let{dashboardId:t,id:r}=e;const n=(0,G.bE)(t,r,"text"),o=(0,G.bE)(t,r,"textType")||"body",i=(0,G.v_)(t,r,"text");return(0,O.jsx)(ce,{"data-testid":"textCardForm",placeholder:"Add some text",value:n.replace(/<\/?[^>]+(>|$)/g,""),onChange:e=>i(e.target.value),onMouseDown:e=>e.stopPropagation(),$fontSize:se[o]||"14px"})})),ue={title:l.H1,subtitle:l.H4,body:l.TextBig},ge=e=>{let{dashboardId:t,id:r}=e;const n=(0,G.bE)(t,r,"text")||"",o=(0,G.bE)(t,r,"textType"),i=ue[o]||ue.body;return(0,O.jsx)(l.Box,{"data-testid":"textCardContent",children:(0,O.jsx)(i,{whiteSpace:"pre-wrap",children:n.replace(/<\/?[^>]+(>|$)/g,"")})})};var pe=r(5907);const he=["dragging"];function be(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function fe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?be(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):be(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const me=["title","subtitle","body"],xe=(0,i.forwardRef)(((e,t)=>{let{dragging:r}=e,n=(0,o.A)(e,he);return(0,O.jsx)(l.IconButton,fe({ref:t,padding:[0],width:"12px",height:"12px",icon:"rearrange",title:"Drag & drop","data-testid":"text-drag",cursor:r?"grabbing":"grab"},n))})),je=e=>{let{id:t,dashboardId:r}=e;const n=(0,G.bE)(r,t,"textType")||"body",o=(0,G.v_)(r,t,"textType");return(0,O.jsx)(l.IconButton,{padding:[0],width:"12px",height:"12px",icon:"text_add",title:"Change text component","data-testid":"text-component",onClick:()=>{const e=me.indexOf(n);o(me[(e+1)%me.length])}})},ye=(0,i.memo)((e=>{let{dashboardId:t,id:r,listeners:n,handleProps:o,dragging:i}=e;const a=(0,Z.tD)(),s=(0,pe.c6)(t,r);return(0,O.jsxs)(K.A,{"data-testid":"textCard",alignItems:"start",overflow:"hidden",dragging:i,background:a?"elementBackground":"transparent",border:a?{side:"all",color:"borderSecondary"}:"none",children:[a&&(0,O.jsxs)(l.Flex,{position:"absolute",top:"4px",right:"4px",gap:1,children:[(0,O.jsx)(je,{dashboardId:t,id:r}),(0,O.jsx)(xe,fe(fe(fe({},n),o),{},{dragging:i})),(0,O.jsx)(l.IconButton,{padding:[0],width:"12px",height:"12px",icon:"x",title:"Delete","data-testid":"text-delete",onClick:s})]}),a?(0,O.jsx)(de,{dashboardId:t,id:r}):(0,O.jsx)(ge,{dashboardId:t,id:r})]})})),ve=(0,i.memo)((()=>(0,O.jsx)(K.A,{column:!0,"data-testid":"placeholderCard",background:"secondaryHighlight",width:"100%"})));var Oe=r(18121),we=r(23226),Pe=r(64981),Ce=r(99728),Ae=r(6304),Ie=r(95212);const Se="card-topbar",De="custom-dashboard",ke=e=>{let{closeParent:t,openModal:r}=e;const n=(0,Ce.JT)("dashboard:Update");return(0,O.jsx)(Pe.t,{icon:"pencilOutline",onClick:()=>{t(),r()},"data-testid":"cardTopbar-editTitle","data-ga":"".concat(Se,"::click-edit-title::").concat(De),disabled:!n,children:"Edit"})},Ee=e=>{let{dashboardId:t,id:r,closeParent:n}=e;const o=(0,Ce.JT)("dashboard:Update"),i=(0,pe.c6)(t,r);return(0,O.jsx)(Pe.t,{icon:"trashcan",onClick:()=>{n(),i()},"data-testid":"cardTopbar-remove","data-ga":"".concat(Se,"::click-remove::").concat(De),disabled:!o,children:"Remove"})},Fe=e=>{let{dashboardId:t,id:r}=e;const[n,,o,i]=(0,Ae.A)();return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(Pe.A,{category:Se,context:De,testId:"cardTopbarDropdown",children:e=>{let{close:n}=e;return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(ke,{closeParent:n,openModal:o}),(0,O.jsx)(Ee,{dashboardId:t,id:r,closeParent:n})]})}}),n&&(0,O.jsx)(Ie.A,{dashboardId:t,cardId:r,close:i})]})},Te=["dragging"];function Re(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Be(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Re(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Re(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const Le=(0,i.forwardRef)(((e,t)=>{let{dragging:r}=e,n=(0,o.A)(e,Te);return(0,O.jsx)(l.IconButton,Be({ref:t,padding:[0],width:"16px",height:"16px",icon:"rearrange",title:"Drag & drop","data-testid":"cardTopbar-drag",cursor:r?"grabbing":"grab"},n))})),Ne=e=>{let{dashboardId:t,id:r,title:n,listeners:o,handleProps:i,dragging:a,children:s,headerRight:c}=e;const d=(0,Z.tD)(),u=(0,G.bE)(t,r,"customTitle"),g=(0,G.bE)(t,r,"hideTitle"),p=u||n;if(!d&&g)return null;const h=d&&g;return(0,O.jsxs)(l.Flex,Be(Be({column:!0},h&&{position:"absolute",top:"-24px",left:0,right:0,zIndex:1,background:"mainBackground"}),{},{children:[(0,O.jsxs)(l.Flex,{padding:[2,3],justifyContent:"space-between",alignItems:"center",gap:2,children:[(0,O.jsxs)(l.Flex,{alignItems:"center",gap:2,flex:!0,children:[d&&(0,O.jsx)(Fe,{dashboardId:t,id:r}),(0,O.jsx)(l.Text,{strong:!0,truncate:!0,opacity:h?.5:1,children:p})]}),(0,O.jsxs)(l.Flex,{gap:1,alignItems:"center",children:[c,d&&(0,O.jsx)(Le,Be(Be(Be({},o),i),{},{dragging:a}))]})]}),d&&s&&(0,O.jsx)(l.Flex,{padding:[0,3,2],gap:2,alignItems:"center",flexWrap:!0,children:s})]}))};var Me=r(81989),He=r(44252),_e=r(13607),ze=r(84786),Ve=r(40580),We=r(81445),Ge=r(71488),qe=(r(26910),r(25509),r(65223),r(60321),r(41927),r(11632),r(64377),r(66771),r(12516),r(68931),r(52514),r(35694),r(52774),r(49536),r(21926),r(94483),r(16215),r(22332)),Ue=r(6504),Ke=r(49676),$e=r(7066),Ze=r(2137),Je=r(45087),Qe=r(31115);function Xe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}const Ye=(0,a.default)(Ke.A).withConfig({displayName:"dashboardSelectHistogram__ResizableWrapper",componentId:"sc-vxqm6l-0"})(["height:400px;min-height:200px;max-height:600px;width:300px;min-width:250px;max-width:500px;background:",";"],(e=>{let{theme:t}=e;return t.colors.dropdown})),et=(0,a.default)(l.Flex).attrs({background:"dropdown",border:!0,round:1,padding:[0],column:!0,gap:0,height:"100%"}).withConfig({displayName:"dashboardSelectHistogram__DropdownContent",componentId:"sc-vxqm6l-1"})(["box-shadow:0 4px 8px rgba(0,0,0,0.1);display:flex;flex-direction:column;"]),tt=(0,a.default)(l.MenuDropdown).attrs((e=>function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Xe(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Xe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({background:"",hideShadow:!0,height:{max:"100%"},width:"100%",overflow:"auto"},e))).withConfig({displayName:"dashboardSelectHistogram__StyledMenuDropdown",componentId:"sc-vxqm6l-2"})(['-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;& input[type="search"]{background:transparent !important;border:none !important;outline:none !important;box-shadow:none !important;width:100%;}& > div:first-child{margin-right:0 !important;padding-right:0 !important;}& > div > ul{padding:0;margin:0;}& > div{scrollbar-gutter:stable;}']),rt=(0,a.default)(l.Flex).attrs({as:"li",role:"option",padding:[.5,2],gap:1,justifyContent:"between",alignItems:"center",width:"100%"}).withConfig({displayName:"dashboardSelectHistogram__ItemContainer",componentId:"sc-vxqm6l-3"})(["cursor:pointer;min-height:32px;&:hover{background-color:",";}"],(e=>{let{theme:t}=e;return t.colors.secondaryHighlight})),nt=e=>{let{item:t,onItemClick:r}=e;const{facet:n}=t;return(0,O.jsxs)(rt,{onClick:()=>r({item:t}),children:[(0,O.jsx)(l.Flex,{alignItems:"center",gap:1,children:(0,O.jsxs)(l.TextSmall,{children:[n.name,n.id!==n.name&&(0,O.jsxs)("span",{style:{opacity:.7},children:[" (",n.id,")"]})]})}),n.isActive?(0,O.jsx)(Je.A,{align:"top",content:n.totalCount>0?"".concat(n.filteredCount," of ").concat(n.totalCount," unique values match current filters"):"".concat(n.count," unique ").concat(1===n.count?"value":"values"," available for filtering"),children:(0,O.jsx)(l.Pill,{flavour:n.totalCount>0&&0===n.filteredCount?"warningFaded":"neutral",hollow:!0,size:"small","data-testid":"facet-selector-".concat(n.id,"-count"),children:(0,O.jsx)(l.TextSmall,{children:n.totalCount>0?(0,O.jsxs)(O.Fragment,{children:[n.filteredCount,(0,O.jsxs)("span",{style:{opacity:.6},children:["/",n.totalCount]})]}):n.count})})}):(0,O.jsx)(Je.A,{align:"top",content:"Click to add this field to filters. The count will be calculated after selection.",children:(0,O.jsx)(l.Pill,{flavour:"neutral",hollow:!0,size:"small","data-testid":"facet-selector-".concat(n.id,"-inactive"),children:(0,O.jsx)(l.TextSmall,{children:"inactive"})})})]})},ot=e=>{let{availableHistograms:t,aggregations:r,data:n,dashboardId:o,cardId:a,disabled:s}=e;const c=(0,qe.useChart)(),d=(0,i.useRef)(),[u,,g,p]=(0,Ae.A)(!1),[h,b]=(0,we.A)(),[f,m]=(0,i.useState)("alpha-asc"),[x,j]=(0,G.r)(o,a,"histogramId"),y=(0,i.useCallback)((e=>{let{item:t}=e;if(j(t.facet.id),null!==c&&void 0!==c&&c.track){const e=c.track("select-histogram-".concat(t.facet.name));"function"===typeof e&&e()}p()}),[j,c,p]),v=(0,i.useCallback)((e=>{setTimeout((()=>{null!==c&&void 0!==c&&c.setAttribute&&c.setAttribute("dropdownOpen",e)}),0)}),[c]);(0,i.useEffect)((()=>(u&&!h?b(!0):!u&&h&&b(!1),v(u),()=>{u&&h&&b(!1)})),[u,h,b,v]),(0,Ze.A)(u);const w=(0,i.useMemo)((()=>null!==c&&void 0!==c&&c.track?c.track("selectHistogram"):void 0),[c]),P=(0,i.useMemo)((()=>{if(!t)return[];const e=!!r;return Object.values(t).map((t=>{var o;let{id:i,name:a}=t;const l=e&&Array.isArray(r)?r.find((e=>e.id===i)):null;let s=0,c=0;if(null!==l&&void 0!==l&&l.options)c=l.options.length,s=l.options.filter((e=>e.count>0||void 0===e.count)).length;else if(!e&&(null===n||void 0===n?void 0:n.length)>0){const e=new Set;n.forEach((t=>{const r=t[i];void 0!==r&&null!==r&&""!==r&&e.add(r)})),s=e.size,c=e.size}return{id:i,name:a||i,isActive:!e||!!l,filteredCount:s,totalCount:c,count:(null===l||void 0===l||null===(o=l.options)||void 0===o?void 0:o.length)||s||0}}))}),[t,r,n]),C=(0,i.useMemo)((()=>[...P].sort(((e,t)=>{switch(f){case"alpha-asc":return e.name.localeCompare(t.name,void 0,{sensitivity:"accent",ignorePunctuation:!0,numeric:!0});case"alpha-desc":return t.name.localeCompare(e.name,void 0,{sensitivity:"accent",ignorePunctuation:!0,numeric:!0});case"num-asc":return e.filteredCount!==t.filteredCount?e.filteredCount-t.filteredCount:e.totalCount-t.totalCount;case"num-desc":return t.filteredCount!==e.filteredCount?t.filteredCount-e.filteredCount:t.totalCount-e.totalCount;default:return 0}}))),[P,f]),A=(0,i.useMemo)((()=>C.map((e=>({id:e.id,label:e.name,facet:e,searchText:"".concat(e.name," ").concat(e.id).toLowerCase()})))),[C]),I=(0,i.useMemo)((()=>{var e;return(null===(e=P.find((e=>e.id===x)))||void 0===e?void 0:e.name)||x||""}),[P,x]);return t&&P.length?(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{ref:d,onClick:g,children:(0,O.jsxs)(Ue.Button,{disabled:s,"data-track":w,children:["Source ",I]})}),u&&(0,O.jsx)(l.Drop,{align:{top:"bottom",left:"left"},target:d.current,onEsc:p,onClickOutside:p,backdrop:!0,backdropProps:{background:["transparent","full"]},children:(0,O.jsxs)(Ye,{onClick:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation(),children:[(0,O.jsx)(et,{children:(0,O.jsxs)(l.Flex,{padding:[2],column:!0,gap:2,height:"100%",overflow:"hidden",children:[(0,O.jsxs)(l.Flex,{padding:[0,0,1,0],justifyContent:"between",alignItems:"center",flexShrink:0,children:[(0,O.jsx)(l.TextSmall,{strong:!0,children:"Select source field"}),(0,O.jsx)(Qe.g,{sortBy:f,onChange:m,testIdPrefix:"histogram-source"})]}),(0,O.jsx)(tt,{items:A,Item:nt,onItemClick:y,hasSearch:!0,searchMargin:[0,0,1],placeholder:"Search fields...",noResultsMessage:"No fields match your search",searchInputProps:{autoFocus:!0}})]})}),(0,O.jsx)($e.A,{})]})})]}):null},it=(0,i.memo)(ot),at=["dashboardId","id","style","dragging","listeners","handleProps"];function lt(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function st(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?lt(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):lt(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const ct=(0,i.memo)((e=>{var t,r;let{dashboardId:n,id:a,style:s,dragging:c,listeners:d,handleProps:u}=e;(0,o.A)(e,at);const g=(0,G.bE)(n,a)||{},{selectedFn:p,flavour:h,visibleItems:b,displayName:f,selectedNodeIds:m,nodesScope:x,fnType:j,acceptedParams:y,functionParamsFilters:v,defaultCharts:w,pollingInterval:P,slice:C,histogramId:A}=g,I=(0,$.fz)(n,"respectNodesScope"),S=null!==m&&void 0!==m&&m.length?m:I&&null!==x&&void 0!==x&&x.length?x:m,{loading:D,loaded:k,data:E,columns:F,error:T,sortedColumns:R,sortColumn:B,sortDirection:L,columnVisibility:N,pinnedColumns:M,groupByColumns:H,manualSorting:_,charts:z,onRefresh:V,histogram:W,availableHistograms:q,customCharts:U,alphabetical:J,aggregations:Q,aggregatedView:X,requiredParams:Y,acceptedParams:ee}=(0,Ve.A)({selectedFn:p,flavour:h,selectedNodeIds:S,fnType:j,acceptedParams:y,functionParamsFilters:v,pollingInterval:P,slice:C,histogramId:A}),te=(0,G.v_)(n,a),re=te,ne=(0,i.useCallback)((e=>te((t=>st(st({},t),{},{functionParamsFilters:"function"===typeof e?e(t.functionParamsFilters||{}):e})))),[te]),oe=(0,Z.tD)(),[,ie]=(0,we.A)(),[ae,le]=(0,Oe.useHovered)({},[k]),[se,ce]=(0,Oe.useHovered)({},[k]);(0,i.useEffect)((()=>{k&&te((e=>st(st({},e),{},{data:E,columns:F,aggregations:Q,aggregatedView:X,requiredParams:Y,acceptedParams:ee,alphabetical:J})))}),[k,E,F,Q,X,Y,ee,te,J]),(0,i.useEffect)((()=>{ie(oe||le||ce)}),[oe,le,ce]);const de=(0,i.useCallback)((e=>te((t=>st(st({},t),{},{functionParamsFilters:st(st({},t.functionParamsFilters||{}),{},{[A]:e})})))),[te,A]),ue=!b||b.includes("charts"),ge=!b||b.includes("table"),pe=ue&&!(null===w||void 0===w||!w.length),he=ue&&!!W,be=ue&&!!U,fe="feed"===h,me=st(st({},N),g.columnVisibility),xe=g.sortColumn||B,je=g.sortDirection||L;return(0,O.jsxs)(K.A,{height:"100%",width:"100%",column:!0,dragging:c,children:[(0,O.jsx)(Ne,{dashboardId:n,id:a,title:f||p||"Function",listeners:d,handleProps:u,dragging:c,children:(0,O.jsx)(ze.A,{requiredParams:Y,filters:v||{},setFilters:ne,data:E,columns:F,aggregations:Q})}),(0,O.jsxs)(l.Flex,{flex:!0,column:!0,overflow:"hidden",children:[!k&&D&&(0,O.jsx)(l.Flex,{flex:!0,alignItems:"center",justifyContent:"center",children:(0,O.jsx)(l.Text,{color:"textLite",children:"Loading..."})}),T&&(0,O.jsx)(l.Flex,{padding:[2,3],alignItems:"center",children:(0,O.jsx)(l.Text,{color:"error",children:"string"===typeof T?T:T.errorMessage||"Error"})}),k&&(pe||ge||he||be)&&(0,O.jsxs)(l.Flex,{flex:!0,column:!0,overflow:"auto",gap:2,children:[he&&(0,O.jsx)(Me.A,st(st({},ge&&{height:"380px"}),{},{histogram:W,availableHistograms:q,data:E,histogramId:null===W||void 0===W?void 0:W.id,filters:(v||{})[A]||null,onFiltersChange:de,toolboxSelectHistogram:e=>{let{disabled:t}=e;return(0,O.jsx)(it,{availableHistograms:q,aggregations:Q,data:E,dashboardId:n,cardId:a,disabled:t})},toolboxReload:e=>{let{disabled:t}=e;return(0,O.jsx)(_e.A,{onRefresh:V,loading:D,testId:"card-function-histogram",dataGa:"card-function-histogram"})},hideToolbox:!oe,nodeIds:S,fn:p})),pe&&(0,O.jsx)(Ge.A,{ref:ae,defaultCharts:w,chartSelections:g.chartSelections,charts:z,data:E,columns:F,groupByColumns:g.groupByColumns||H,loaded:k,selectedFn:p,onRefresh:V,loading:D,compact:ge,hideToolbox:!oe,onSettingsChange:re}),be&&(0,O.jsx)(He.A,{customCharts:U,data:E,containerWidth:0,paramsKey:{extraKey:a}}),ge&&(0,O.jsx)(l.Flex,{column:!0,flex:!0,height:{min:"200px"},children:(0,O.jsx)(We.A,{ref:se,title:(0,O.jsx)(_e.A,{onRefresh:V,loading:D,testId:"card-function-table",dataGa:"card-function-table"}),data:E,columns:F,sortedColumns:null!==(t=g.sortedColumns)&&void 0!==t&&t.length?g.sortedColumns:R,sortColumn:xe,sortDirection:je,columnVisibility:me,pinnedColumns:null!==(r=g.pinnedColumns)&&void 0!==r&&r.length?g.pinnedColumns:M,groupByColumns:g.groupByColumns||H,loaded:k,manualSorting:_,isFeed:fe,onSettingsChange:re})})]}),k&&!pe&&!ge&&!he&&!be&&(0,O.jsx)(l.Flex,{flex:!0,alignItems:"center",justifyContent:"center",children:(0,O.jsx)(l.Text,{color:"textLite",children:ue?"No chart data":"No table data"})})]})]})})),dt=ct;var ut=r(24013),gt=r(10602),pt=r(31522),ht=r(56452);const bt=["dashboardId","id","style","dragging","listeners","handleProps","onRemove"];function ft(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function mt(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ft(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ft(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const xt=(0,i.memo)((e=>{var t,r;let{dashboardId:n,id:i,style:a,dragging:s,listeners:c,handleProps:d,onRemove:u}=e,g=(0,o.A)(e,bt);const p=(0,gt.CK)(),h=(0,gt.nj)(),b=(0,$.fz)(n,"respectNodesScope"),f=(0,G.bE)(n,i,"nodesScope"),m=(0,G.bE)(n,i,"selectedNodeIds"),x=b&&null!==f&&void 0!==f&&f.length?f:p,j=null!==m&&void 0!==m&&m.length?m:x,y=(0,ut.Gt)(j),v=null!==(t=(0,G.bE)(n,i,"groupBy"))&&void 0!==t?t:[],w=null!==(r=(0,G.bE)(n,i,"colorBy"))&&void 0!==r?r:pt.jZ;return(0,O.jsxs)(K.A,mt(mt({"data-testid":"nodeGridCard",height:"100%",width:"100%",column:!0,dragging:s},g),{},{children:[(0,O.jsx)(Ne,{dashboardId:n,id:i,title:"Node Grid",listeners:c,handleProps:d,dragging:s}),(0,O.jsx)(l.Flex,{flex:!0,overflow:"auto",children:(0,O.jsx)(ht.A,{nodes:y,groupBy:v,colorBy:w,loaded:h})})]}))}));var jt=r(49181),yt=r(41061);const vt=(e,t)=>{const r=(0,i.useRef)(e);return t||(r.current=e),r.current};var Ot=r(59092);const wt=["dashboardId","id","style","dragging","listeners","handleProps","onRemove"];function Pt(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ct(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Pt(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Pt(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const At={servers:e=>!(0,yt.ZH)(e),snmp:e=>(0,yt.ZH)(e)},It={nodeStatus:e=>(0,jt.GM)(e.state),alertStatus:e=>{if((e.alerts_critical||0)>0)return"Critical";return(e.alerts_warning||0)>0?"Warning":"No alerts"}},St=(0,i.memo)((e=>{let{dashboardId:t,id:r,style:n,dragging:a,listeners:s,handleProps:c,onRemove:d}=e,u=(0,o.A)(e,wt);const[g,p]=(0,Oe.useHovered)({}),h=(0,gt.CK)(),b=(0,gt.nj)(),f=(0,$.fz)(t,"respectNodesScope"),m=(0,G.bE)(t,r,"nodesScope"),x=(0,G.bE)(t,r,"selectedNodeIds"),j=f&&null!==m&&void 0!==m&&m.length?m:h,y=null!==x&&void 0!==x&&x.length?x:j,v=(0,ut.Gt)(y),w=(0,G.bE)(t,r,"groupBy"),P=(0,G.bE)(t,r,"activeTab"),C=(0,i.useMemo)((()=>{const e=At[P];return e?v.filter(e):v}),[v,P]),A=(0,i.useMemo)((()=>(e=>{const t={reachable:0,stale:1,unreachable:2,created:3};return[...e].sort(((e,r)=>{var n,o;return(null!==(n=t[e.state])&&void 0!==n?n:4)-(null!==(o=t[r.state])&&void 0!==o?o:4)}))})(C)),[C]),I=vt(A,p&&b),S=(0,i.useMemo)((()=>{const e=It[w];if(!e)return null;const t={};return I.forEach((r=>{const n=e(r);t[n]||(t[n]=[]),t[n].push(r)})),Object.entries(t)}),[I,w]);return(0,O.jsxs)(K.A,Ct(Ct({"data-testid":"nodeListCard",height:"100%",width:"100%",column:!0,dragging:a},u),{},{children:[(0,O.jsx)(Ne,{dashboardId:t,id:r,title:"Node List (".concat(v.length,")"),listeners:s,handleProps:c,dragging:a}),(0,O.jsx)(l.Flex,{ref:g,flex:!0,column:!0,overflow:"auto",children:(0,O.jsx)(Ot.A,{nodes:I,groupedNodes:S,loaded:b,nodeCount:v.length})})]}))}));var Dt=r(41716),kt=r(19075),Et=r(94230);const Ft=["dashboardId","id","style","dragging","listeners","handleProps","onRemove"];function Tt(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Rt(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Tt(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Tt(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const Bt=(0,i.memo)((e=>{let{dashboardId:t,id:r,style:n,dragging:a,listeners:s,handleProps:c,onRemove:d}=e,u=(0,o.A)(e,Ft);const g=(0,$.fz)(t,"respectNodesScope"),p=(0,G.bE)(t,r,"nodesScope"),h=(0,G.bE)(t,r,"selectedNodeIds"),b=g&&null!==p&&void 0!==p&&p.length?new Set(p):null,[f,m]=(0,Oe.useHovered)({}),x=(0,Dt.s)("ids")||[],j=(0,Dt.s)("loaded"),y=(0,kt.Gq)(x),v=(0,i.useMemo)((()=>null!==h&&void 0!==h&&h.length?new Set(h):b),[h,b]),w=(0,i.useMemo)((()=>(v?y.filter((e=>v.has(e.nodeId))):y).reduce(((e,t)=>{let{status:r}=t;return e[r]=(e[r]||0)+1,e}),{critical:0,warning:0,clear:0})),[y,v]),{critical:P,warning:C}=vt(w,m);return(0,O.jsxs)(K.A,Rt(Rt({"data-testid":"alertStatusCard",height:"100%",width:"100%",column:!0,dragging:a},u),{},{children:[(0,O.jsx)(Ne,{dashboardId:t,id:r,title:"Alert Status",listeners:s,handleProps:c,dragging:a}),(0,O.jsx)(l.Flex,{ref:f,flex:!0,column:!0,overflow:"hidden",children:(0,O.jsx)(Et.A,{critical:P,warning:C,loaded:j})})]}))}));var Lt=r(95760);const Nt=["dashboardId","id","style","dragging","listeners","handleProps","onRemove"];function Mt(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ht(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Mt(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Mt(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const _t=(0,i.memo)((e=>{let{dashboardId:t,id:r,style:n,dragging:a,listeners:s,handleProps:c,onRemove:d}=e,u=(0,o.A)(e,Nt);const[g,p]=(0,Oe.useHovered)({}),h=(0,gt.CK)(),b=(0,$.fz)(t,"respectNodesScope"),f=(0,G.bE)(t,r,"nodesScope"),m=(0,G.bE)(t,r,"selectedNodeIds"),x=b&&null!==f&&void 0!==f&&f.length?f:h,j=null!==m&&void 0!==m&&m.length?m:x,y=(0,ut.Gt)(j),v=(0,gt.nj)(),w=(0,Dt.s)("ids")||[],P=(0,Dt.s)("loaded"),C=(0,kt.Gq)(w),A=v&&P,I=(0,i.useMemo)((()=>{const e={};return C.forEach((t=>{var r;if(!t.nodeId)return;e[t.nodeId]||(e[t.nodeId]={critical:[],warning:[]});const n=null===(r=t.status)||void 0===r?void 0:r.toLowerCase();"critical"===n?e[t.nodeId].critical.push(t):"warning"===n&&e[t.nodeId].warning.push(t)})),y.map((t=>{var r,n;return{node:t,criticalAlerts:(null===(r=e[t.id])||void 0===r?void 0:r.critical)||[],warningAlerts:(null===(n=e[t.id])||void 0===n?void 0:n.warning)||[]}})).filter((e=>{let{criticalAlerts:t,warningAlerts:r}=e;return t.length>0||r.length>0})).sort(((e,t)=>{const r=1e3*e.criticalAlerts.length+e.warningAlerts.length;return 1e3*t.criticalAlerts.length+t.warningAlerts.length-r}))}),[y,C]),S=vt(I,p&&A);return(0,O.jsxs)(K.A,Ht(Ht({"data-testid":"alertsPerNodeCard",height:"100%",width:"100%",column:!0,dragging:a},u),{},{children:[(0,O.jsx)(Ne,{dashboardId:t,id:r,title:"Alerts Per Node",listeners:s,handleProps:c,dragging:a}),(0,O.jsx)(l.Flex,{ref:g,flex:!0,column:!0,overflow:"auto",children:(0,O.jsx)(Lt.A,{nodesWithAlerts:S,nodeCount:y.length,loaded:A})})]}))}));var zt=r(52346);const Vt=["dashboardId","id","style","dragging","listeners","handleProps","onRemove"];function Wt(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Gt(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Wt(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Wt(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const qt=72e5,Ut=3e5,Kt=(0,i.memo)((e=>{let{dashboardId:t,id:r,style:n,dragging:a,listeners:s,handleProps:c,onRemove:d}=e,u=(0,o.A)(e,Vt);const[g,p]=(0,Oe.useHovered)({}),h=(0,Dt.s)("ids")||[],b=(0,Dt.s)("loaded"),f=(0,kt.Gq)(h),m=(0,gt.CK)(),x=(0,$.fz)(t,"respectNodesScope"),j=(0,G.bE)(t,r,"nodesScope"),y=(0,G.bE)(t,r,"selectedNodeIds"),v=x&&null!==j&&void 0!==j&&j.length?j:m,w=null!==y&&void 0!==y&&y.length?y:v,P=(0,i.useMemo)((()=>{const e=Date.now(),t=e-qt,r=Array.from({length:24},((e,r)=>({ts:t+r*Ut,critical:0,warning:0}))),n=null!==y&&void 0!==y&&y.length?f.filter((e=>w.includes(e.nodeId))):f;n.forEach((n=>{var o;if(!n.lastUpdated)return;const i=1e3*n.lastUpdated;if(i<t||i>e)return;const a=Math.floor((i-t)/Ut);if(a<0||a>=24)return;const l=null===(o=n.status)||void 0===o?void 0:o.toLowerCase();"critical"===l?r[a].critical++:"warning"===l&&r[a].warning++}));const o=Math.max(...r.map((e=>e.critical+e.warning)),1),i=n.filter((r=>{var n;const o=null===(n=r.status)||void 0===n?void 0:n.toLowerCase();if("critical"!==o&&"warning"!==o)return!1;if(!r.lastUpdated)return!1;const i=1e3*r.lastUpdated;return i>=t&&i<=e})).length;return{buckets:r,maxTotal:o,totalAlerts:i}}),[f,y]),{buckets:C,maxTotal:A,totalAlerts:I}=vt(P,p&&b);return(0,O.jsxs)(K.A,Gt(Gt({"data-testid":"hourlyAlertsCard",height:"100%",width:"100%",column:!0,dragging:a},u),{},{children:[(0,O.jsx)(Ne,{dashboardId:t,id:r,title:"Alerts by Hour (".concat(I,")"),listeners:s,handleProps:c,dragging:a}),(0,O.jsx)(l.Flex,{ref:g,flex:!0,column:!0,overflow:"hidden",padding:[2],children:(0,O.jsx)(zt.A,{buckets:C,maxTotal:A,totalAlerts:I,loaded:b})})]}))}));var $t=r(19186),Zt=r(24609),Jt=r(77814),Qt=r(58533),Xt=r(87242);const Yt=["dashboardId","id","style","dragging","listeners","handleProps","onRemove"];function er(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function tr(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?er(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):er(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const rr=[],nr=(0,i.memo)((e=>{let{dashboardId:t,id:r,style:n,dragging:a,listeners:s,handleProps:c,onRemove:d}=e,u=(0,o.A)(e,Yt);const g=(0,G.bE)(t,r,"visibleItems"),p=!g||g.includes("metrics"),h=!g||g.includes("charts"),b=!g||g.includes("alerts"),[f,m]=(0,Oe.useHovered)({}),{loaded:x,metricsCollected:j=0}=(0,Qt.VH)(),y=(0,Zt.vt)(),v=(0,$t.ID)(),{charts:w,loaded:P,error:C}=(0,Jt.A)(y,v,rr),A=Object.keys(w).length,{loaded:I,value:S}=(0,kt.oU)(),D=(null===S||void 0===S?void 0:S.length)||0,k=(0,i.useMemo)((()=>({metricsLoaded:x,metricsCollected:j,chartsCount:A,chartsLoaded:P,chartsError:C,alertsLoaded:I,configurationsCount:D})),[x,j,A,P,C,I,D]),E=vt(k,m&&(x||P||I)),F=(0,i.useMemo)((()=>{const e=[];return p&&e.push({label:"Metrics available",value:E.metricsCollected,loaded:E.metricsLoaded}),h&&e.push({label:"Charts visualized",value:E.chartsCount,loaded:E.chartsLoaded&&!E.chartsError}),b&&e.push({label:"Alerts configured",value:E.configurationsCount,loaded:E.alertsLoaded}),e}),[p,h,b,E]);return(0,O.jsxs)(K.A,tr(tr({"data-testid":"statsOverviewCard",height:"100%",width:"100%",column:!0,dragging:a},u),{},{children:[(0,O.jsx)(Ne,{dashboardId:t,id:r,title:"Stats Overview",listeners:s,handleProps:c,dragging:a}),(0,O.jsx)(l.Flex,{ref:f,flex:!0,alignItems:"center",justifyContent:"center",gap:4,children:(0,O.jsx)(Xt.A,{stats:F})})]}))})),or=nr;var ir=r(46025);const ar=["dashboardId","id","style","dragging","listeners","handleProps","onRemove"];function lr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function sr(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?lr(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):lr(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const cr=(0,i.memo)((e=>{let{dashboardId:t,id:r,style:n,dragging:i,listeners:a,handleProps:s,onRemove:c}=e,d=(0,o.A)(e,ar);const[u,g]=(0,Oe.useHovered)({}),p=(0,Qt.VH)(),{loaded:h}=p,{dataRetention:b}=vt(p,g);return(0,O.jsxs)(K.A,sr(sr({"data-testid":"dataRetentionCard",height:"100%",width:"100%",column:!0,dragging:i},d),{},{children:[(0,O.jsx)(Ne,{dashboardId:t,id:r,title:"Data Retention per Node",listeners:a,handleProps:s,dragging:i}),(0,O.jsx)(l.Flex,{ref:u,flex:!0,overflow:"hidden",padding:[2,3,3],children:h?null!==b&&void 0!==b&&b.length?(0,O.jsx)(ir.A,{dataRetention:b}):(0,O.jsx)(l.Flex,{flex:!0,alignItems:"center",justifyContent:"center",children:(0,O.jsx)(l.Text,{color:"textLite",children:"No retention data"})}):(0,O.jsx)(l.Flex,{flex:!0,alignItems:"center",justifyContent:"center",children:(0,O.jsx)(l.Text,{color:"textLite",children:"Loading..."})})})]}))})),dr=cr;var ur=r(7761),gr=r(39431);const pr=["dashboardId","id","style","dragging","listeners","handleProps","onRemove"];function hr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function br(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?hr(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):hr(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const fr=(0,i.memo)((e=>{let{dashboardId:t,id:r,style:n,dragging:i,listeners:a,handleProps:s,onRemove:c}=e,d=(0,o.A)(e,pr);const[u,g]=(0,Oe.useHovered)({}),p=(0,ur.jg)(),h=vt(p,g),b=(0,G.bE)(t,r,"visibleItems");return(0,O.jsxs)(K.A,br(br({"data-testid":"alertNodesCard",height:"100%",width:"100%",column:!0,dragging:i},d),{},{children:[(0,O.jsx)(Ne,{dashboardId:t,id:r,title:"Nodes with most alerts (24h)",listeners:a,handleProps:s,dragging:i}),(0,O.jsx)(l.Flex,{ref:u,flex:!0,column:!0,overflow:"auto",gap:3,children:(0,O.jsx)(gr.A,{alertsStats:h,visibleItems:b,loaded:p.loaded})})]}))}));var mr=r(77125);const xr=["dashboardId","id","style","dragging","listeners","handleProps","onRemove"];function jr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function yr(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?jr(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):jr(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const vr=(0,i.memo)((e=>{let{dashboardId:t,id:r,style:n,dragging:a,listeners:s,handleProps:c,onRemove:d}=e,u=(0,o.A)(e,xr);const[g,p]=(0,Oe.useHovered)({}),h=(0,gt.CK)(),b=(0,$.fz)(t,"respectNodesScope"),f=(0,G.bE)(t,r,"nodesScope"),m=(0,G.bE)(t,r,"selectedNodeIds"),x=b&&null!==f&&void 0!==f&&f.length?f:h,j=null!==m&&void 0!==m&&m.length?m:x,y=(0,ut.Gt)(j),v=(0,gt.nj)(),w=(0,Dt.s)("ids")||[],P=(0,Dt.s)("loaded"),C=(0,kt.Gq)(w),A=(0,i.useMemo)((()=>new Set(j)),[j]),I=(0,i.useMemo)((()=>(null!==m&&void 0!==m&&m.length?C.filter((e=>A.has(e.nodeId))):C).reduce(((e,t)=>{let{status:r}=t;return e[r]=(e[r]||0)+1,e}),{critical:0,warning:0,clear:0})),[C,m,A]),S=v&&P,D=(0,G.bE)(t,r,"visibleItems"),k=(0,i.useMemo)((()=>{const e={Live:0,Stale:0,Offline:0,Unseen:0};return y.forEach((t=>{const r=(0,jt.GM)(t.state);e[r]=(e[r]||0)+1})),e}),[y]),E=(0,i.useMemo)((()=>yr({statusCounts:k},I)),[k,I]),{statusCounts:F,critical:T,warning:R,clear:B}=vt(E,p&&S);return(0,O.jsxs)(K.A,yr(yr({"data-testid":"nodeStatsCard",height:"100%",width:"100%",column:!0,dragging:a},u),{},{children:[(0,O.jsx)(Ne,{dashboardId:t,id:r,title:"Nodes (".concat(Object.values(null!==F&&void 0!==F?F:{}).reduce(((e,t)=>e+t),0),")"),listeners:s,handleProps:c,dragging:a}),(0,O.jsx)(l.Flex,{ref:g,flex:!0,column:!0,children:(0,O.jsx)(mr.A,{statusCounts:F,critical:T,warning:R,clear:B,visibleItems:D,loaded:S})})]}))}));var Or=r(19529);const wr=["dashboardId","id","style","dragging","listeners","handleProps","onRemove"];function Pr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Cr(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Pr(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Pr(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const Ar=(0,i.memo)((e=>{let{dashboardId:t,id:r,style:n,dragging:a,listeners:s,handleProps:c,onRemove:d}=e,u=(0,o.A)(e,wr);const[g,p]=(0,Oe.useHovered)({}),h=(0,ur.c8)(),{loaded:b}=h,{totalParents:f,totalChildren:m,totalStandalone:x,replicationFactor:j}=vt(h,p),y=(0,G.bE)(t,r,"visibleItems"),v=(0,i.useMemo)((()=>[{label:"Parents",value:f,color:["blue","indigo"],id:"parents"},{label:"Children",value:m,color:["purple","lilac"],id:"children"},{label:"Standalone",value:x,color:["yellow","yellow120"],id:"standalone"}].filter((e=>!y||y.includes(e.id)))),[f,m,x,y]),w=(0,i.useMemo)((()=>[{label:"None",value:(null===j||void 0===j?void 0:j.r_1)||0,color:pt.q5.r_1,id:"none"},{label:"Single",value:(null===j||void 0===j?void 0:j.r_2)||0,color:pt.q5.r_2,id:"single"},{label:"Multi",value:(null===j||void 0===j?void 0:j["r_*"])||0,color:pt.q5["r_*"],id:"multi"}].filter((e=>!y||y.includes(e.id)))),[j,y]);return(0,O.jsxs)(K.A,Cr(Cr({"data-testid":"replicationStatsCard",height:"100%",width:"100%",column:!0,dragging:a},u),{},{children:[(0,O.jsx)(Ne,{dashboardId:t,id:r,title:"Replication",listeners:s,handleProps:c,dragging:a}),(0,O.jsx)(l.Flex,{ref:g,flex:!0,column:!0,overflow:"auto",gap:3,children:(0,O.jsx)(Or.A,{topologyData:v,replicationData:w,loaded:b})})]}))}));var Ir=r(25616);const Sr=["dashboardId","id","attributes","style","resizeHandle","ref","isOnTV"];function Dr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function kr(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Dr(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Dr(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const Er={chart:le,text:ye,placeholder:ve,function:dt,nodeGrid:xt,nodeList:St,alertStatus:Bt,alertsPerNode:_t,hourlyAlerts:Kt,statsOverview:or,dataRetention:dr,alertNodes:fr,nodeStats:vr,replicationStats:Ar},Fr=e=>{let{dashboardId:t,id:r,attributes:n,style:i,resizeHandle:a,ref:l,isOnTV:s}=e,c=(0,o.A)(e,Sr);const d=(0,G.bE)(t,r,"type")||"placeholder",u=Er[d]||Er.placeholder,g=(0,Z.tD)();return(0,O.jsxs)("div",kr(kr({ref:l},n),{},{style:i,children:[(0,O.jsx)(Ir.Ay,{dashboardId:t,fallback:(0,O.jsx)(Ir.dK,{canRetry:!1}),children:(0,O.jsx)(u,kr({dashboardId:t,id:r,style:i,isOnTV:s},c))}),!s&&g&&a]}))},Tr=["id"];function Rr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}const Br=(0,i.memo)((e=>{let{id:t}=e,r=(0,o.A)(e,Tr);return(0,W.Ay)(t),(0,O.jsx)(V,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Rr(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Rr(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({id:t,Component:Fr},r))})),Lr=Br},58533(e,t,r){r.d(t,{Ay:()=>x,VH:()=>m});var n=r(96540),o=r(19186),i=r(24609),a=r(72144),l=r(75669),s=r(64467),c=(r(98992),r(54520),r(3949),r(62953),r(258));function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){(0,s.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const g={loaded:!1,error:null,dataRetention:[],metricsCollected:0},p=(e,t)=>{const[r,o]=(0,n.useState)(g),i=(0,n.useRef)(0);return(0,n.useEffect)((()=>{if(!e||!t)return;const r=++i.current;o((e=>u(u({},e),{},{loaded:!1,error:null}))),(0,c.jt)(e,t,[]).then((e=>{if(i.current!==r)return;const t=(null===e||void 0===e?void 0:e.data)||e||{};o(u(u({},g),{},{loaded:!0},t))})).catch((e=>{i.current===r&&o(u(u({},g),{},{loaded:!0,error:e}))}))}),[e,t]),r};var h=r(74848);const b={loaded:!1,error:null,dataRetention:[],metricsCollected:0},f=(0,n.createContext)(b),m=()=>(0,n.useContext)(f),x=e=>{let{children:t}=e;const r=(0,i.vt)(),n=(0,o.ID)();(0,a.A)(),(0,l.A)();const s=p(r,n);return(0,h.jsx)(f.Provider,{value:s,children:t})}},25616(e,t,r){r.d(t,{Ay:()=>u,dK:()=>d});var n=r(64467),o=r(96540),i=r(41514),a=r(42358),l=r(74848);class s extends o.Component{constructor(e){super(e),(0,n.A)(this,"handleRetry",(()=>{this.setState({hasError:!1,error:null}),this.props.onRetry&&this.props.onRetry()})),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){(0,i.H)("dashboard-error",{error:e.message,stack:t.componentStack,dashboardId:this.props.dashboardId})}render(){return this.state.hasError?this.props.fallback||(0,l.jsx)(c,{onRetry:this.handleRetry,canRetry:!1!==this.props.canRetry,error:this.state.error}):this.props.children}}const c=e=>{let{onRetry:t,canRetry:r=!0}=e;return(0,l.jsxs)(a.Flex,{column:!0,alignItems:"center",justifyContent:"center",padding:[8],gap:4,children:[(0,l.jsx)(a.Icon,{name:"alert_triangle",size:"large",color:"error"}),(0,l.jsx)(a.Text,{size:"large",strong:!0,children:"Something went wrong"}),(0,l.jsx)(a.Text,{color:"textLite",children:"We're having trouble loading this dashboard"}),(0,l.jsxs)(a.Flex,{gap:2,children:[(0,l.jsx)(a.Button,{onClick:t,disabled:!r,children:r?"Try Again":"Max Retries Reached"}),(0,l.jsx)(a.Button,{flavour:"borderless",onClick:()=>window.location.reload(),children:"Reload Page"})]})]})},d=e=>{let{onRetry:t,canRetry:r=!0,chartName:n}=e;return(0,l.jsxs)(a.Flex,{column:!0,alignItems:"center",justifyContent:"center",padding:[4],gap:2,border:{color:"error",size:"1px"},borderRadius:2,minHeight:"200px",children:[(0,l.jsx)(a.Icon,{name:"alert_triangle",color:"error"}),(0,l.jsx)(a.Text,{strong:!0,color:"error",children:"Chart Error"}),(0,l.jsx)(a.Text,{size:"small",color:"textLite",textAlign:"center",children:n?'"'.concat(n,'" failed to load'):"Chart failed to load"}),(0,l.jsx)(a.Button,{size:"small",onClick:t,disabled:!r,variant:"outline",children:r?"Retry":"Failed"})]})},u=s}}]);