!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"161df38a3ce485b0993d5667ea290f6097b8818b"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="fe3126cc-110f-444c-89cd-d22fcb77aba3",e._sentryDebugIdIdentifier="sentry-dbid-fe3126cc-110f-444c-89cd-d22fcb77aba3")}catch(e){}}(),(globalThis.webpackChunkcloud_frontend=globalThis.webpackChunkcloud_frontend||[]).push([[5877],{39431(e,t,r){r.d(t,{A:()=>c});r(74423),r(98992),r(81454);var n=r(38429),o=r(24155),a=r(45614),l=r(29474),s=r(54248),i=r(74848);const d=()=>(0,i.jsxs)(n.Flex,{column:!0,gap:3,padding:[3],children:[(0,i.jsx)(o.A,{width:"100%",height:"150px"}),(0,i.jsx)(o.A,{width:"100%",height:"20px"}),(0,i.jsx)(o.A,{width:"180px",height:"18px"}),Array.from({length:3}).map((e,t)=>(0,i.jsxs)(n.Flex,{gap:2,alignItems:"center",children:[(0,i.jsx)(o.A,{width:"40px",height:"14px"}),(0,i.jsx)(o.A,{width:"200px",height:"14px"}),(0,i.jsx)(o.A,{width:"80px",height:"14px"})]},t))]}),c=e=>{let{alertsStats:t,visibleItems:r,loaded:o}=e;const c=!r||r.includes("chart"),u=!r||r.includes("bar"),h=!r||r.includes("table");return o?(0,i.jsxs)(i.Fragment,{children:[c&&(0,i.jsx)(n.Flex,{flex:!0,"data-testid":"alertNodes-chart",children:(0,i.jsx)(a.A,{alertsStats:t})}),u&&(0,i.jsx)(n.Flex,{"data-testid":"alertNodes-bar",children:(0,i.jsx)(l.A,{alertsStats:t})}),h&&(0,i.jsxs)(n.Flex,{flex:!0,column:!0,gap:4,"data-testid":"alertNodes-table",children:[(0,i.jsx)(n.TextBig,{children:"Top alerts in the last 24 h"}),(0,i.jsx)(s.A,{data:t?.alerts})]})]}):(0,i.jsx)(d,{})}},94230(e,t,r){r.d(t,{A:()=>h});var n=r(882),o=r(38429),a=r(24155),l=r(74848);const s=(0,n.default)(o.Flex).withConfig({displayName:"content__CriticalBox",componentId:"sc-1r28hov-0"})(["border:1px solid ",";"],e=>{let{theme:t}=e;return(0,o.getColor)("errorText")({theme:t})}),i=(0,n.default)(o.Flex).withConfig({displayName:"content__WarningBox",componentId:"sc-1r28hov-1"})(["border:1px solid ",";"],e=>{let{theme:t}=e;return(0,o.getColor)("warningText")({theme:t})}),d={flex:!0,column:!0,alignItems:"center",justifyContent:"center",gap:2,round:2,padding:[2],overflow:"hidden"},c=e=>{let{critical:t,warning:r}=e;return t+r?(0,l.jsxs)(o.Flex,{height:1,round:1,overflow:"hidden",children:[(0,l.jsx)(o.Flex,{flex:t,background:"error"}),(0,l.jsx)(o.Flex,{flex:r,background:"warning"})]}):null},u=()=>(0,l.jsxs)(o.Flex,{flex:!0,column:!0,gap:2,padding:[2,3,3],overflow:"hidden",children:[(0,l.jsxs)(o.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"})]}),h=e=>{let{critical:t,warning:r,loaded:n}=e;return n?(0,l.jsxs)(o.Flex,{flex:!0,column:!0,gap:2,padding:[2,3,3],overflow:"hidden",children:[(0,l.jsxs)(o.Flex,{flex:!0,gap:2,overflow:"hidden",children:[(0,l.jsxs)(s,{...d,background:"idleError",children:[(0,l.jsx)(o.TextSmall,{color:"errorText",children:"Critical"}),(0,l.jsx)(o.TextHuge,{color:"errorText",strong:!0,children:t})]}),(0,l.jsxs)(i,{...d,background:"idleWarning",children:[(0,l.jsx)(o.TextSmall,{color:"warningText",children:"Warning"}),(0,l.jsx)(o.TextHuge,{color:"warningText",strong:!0,children:r})]})]}),(0,l.jsx)(c,{critical:t,warning:r})]}):(0,l.jsx)(u,{})}},95760(e,t,r){r.d(t,{A:()=>d});r(98992),r(81454);var n=r(38429),o=r(24155),a=r(74848);const l=()=>(0,a.jsx)(n.Flex,{column:!0,children:Array.from({length:3}).map((e,t)=>(0,a.jsxs)(n.Flex,{column:!0,padding:[2,3],gap:2,border:{side:"bottom",color:"border"},_last:{"border-bottom":"none"},children:[(0,a.jsxs)(n.Flex,{alignItems:"center",justifyContent:"between",children:[(0,a.jsx)(o.A,{width:"120px",height:"16px"}),(0,a.jsxs)(n.Flex,{gap:2,children:[(0,a.jsx)(o.A,{width:"30px",height:"14px"}),(0,a.jsx)(o.A,{width:"30px",height:"14px"})]})]}),(0,a.jsx)(n.Flex,{column:!0,gap:1,children:Array.from({length:2}).map((e,t)=>(0,a.jsx)(o.A,{width:"100%",height:"24px"},t))})]},t))}),s=e=>{let{alert:t}=e;const r="critical"===t.status?.toLowerCase(),o=r?"errorText":"warningText",l=r?"idleError":"idleWarning",s="number"===typeof t.value?`${t.value.toFixed(2)}${t.units?` ${t.units}`:""}`:"";return(0,a.jsxs)(n.Flex,{alignItems:"center",justifyContent:"between",padding:[1,2],background:l,round:1,gap:2,children:[(0,a.jsx)(n.TextSmall,{color:o,strong:!0,truncate:!0,children:t.name}),s&&(0,a.jsx)(n.TextSmall,{color:o,strong:!0,children:s})]})},i=e=>{let{node:t,criticalAlerts:r,warningAlerts:o}=e;return(0,a.jsxs)(n.Flex,{column:!0,padding:[2,3],gap:2,border:{side:"bottom",color:"border"},_last:{"border-bottom":"none"},"data-testid":`alertsPerNode-node-${t.id}`,children:[(0,a.jsxs)(n.Flex,{alignItems:"center",justifyContent:"between",children:[(0,a.jsx)(n.Text,{strong:!0,truncate:!0,children:t.name}),(0,a.jsxs)(n.Flex,{gap:2,alignItems:"center",children:[r.length>0&&(0,a.jsxs)(n.Flex,{gap:1,alignItems:"center",children:[(0,a.jsx)(n.TextSmall,{color:"errorText",strong:!0,children:r.length}),(0,a.jsx)(n.Flex,{width:2,height:2,round:1,background:"error"})]}),o.length>0&&(0,a.jsxs)(n.Flex,{gap:1,alignItems:"center",children:[(0,a.jsx)(n.TextSmall,{color:"warningText",strong:!0,children:o.length}),(0,a.jsx)(n.Flex,{width:2,height:2,round:1,background:"warning"})]})]})]}),(0,a.jsxs)(n.Flex,{column:!0,gap:1,border:!0,round:1,padding:[1],children:[r.map(e=>(0,a.jsx)(s,{alert:e},e.id)),o.map(e=>(0,a.jsx)(s,{alert:e},e.id))]})]})},d=e=>{let{nodesWithAlerts:t,loaded:r}=e;return r?0===t.length?(0,a.jsx)(n.Flex,{flex:!0,alignItems:"center",justifyContent:"center",padding:[4],children:(0,a.jsx)(n.Text,{color:"textLite",children:"No alerts"})}):(0,a.jsx)(a.Fragment,{children:t.map(e=>{let{node:t,criticalAlerts:r,warningAlerts:n}=e;return(0,a.jsx)(i,{node:t,criticalAlerts:r,warningAlerts:n},t.id)})}):(0,a.jsx)(l,{})}},65067(e,t,r){r.d(t,{A:()=>a});var n=r(882),o=r(38429);const a=(0,n.default)(o.Flex).attrs(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: ${(0,o.getRgbColor)("primary",.2)({theme:r})};\n      z-index: 10;\n      backdrop-filter: blur(3px);\n    }\n\n  `})},71488(e,t,r){r.d(t,{A:()=>b});r(98992),r(54520),r(30670),r(3949),r(81454),r(8872);var n=r(96540),o=r(882),a=r(44731),l=(r(47154),r(38429)),s=r(13607),i=r(41395),d=r(7382),c=r(98830),u=r(20410),h=r(74848);const g=(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),{}),x=(0,n.memo)(e=>{let{chart:t,selectedFilter:r,tableData:s,columns:x,selectedFn:p,stacked:m=!1}=e;const{units:f,decimalPoints:b}=((e,t)=>{const r=e?.columns?.[0],n=t?.[r]?.valueOptions;return{units:n?.units,decimalPoints:n?.decimalPoints??2}})(t,x),j=(0,n.useContext)(o.ThemeContext),y=(0,n.useMemo)(()=>{if(!t)return{datasets:[],labels:[]};if("all"===t.groupBy){const e=s.reduce((e,r)=>(t.columns.forEach(t=>{e[t]||(e[t]=[]),e[t].push(r[t])}),e),{}),r=t.columns.reduce((r,n)=>{const o=t.aggregation||x[n]?.summary||"count",a=u.A[o];return r.push({value:a(e[n]),label:n}),r},[]).sort((e,t)=>t.value-e.value);return{datasets:[{backgroundColor:r.map((e,t)=>d.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)=>{const o=g(s,n,r||n),a=t.aggregation||x[n]?.summary||"count",l=u.A[a];return Object.keys(o).forEach(t=>{const r=l(o[t].data);e[o[t].label]={...e[o[t].label],[n]:r,label:o[t].label,sortByValue:e[o[t].label]&&e[o[t].label].sortByValue>r?e[o[t].label].sortByValue:r}}),e},{}),n=Object.values(e).sort((e,t)=>t.sortByValue-e.sortByValue).slice(0,15).map(e=>{let{sortByValue:t,...r}=e;return r});return{datasets:t.columns.map((e,t)=>({backgroundColor:d.b4[t],borderWidth:0,data:n.map(t=>t[e]),label:e,maxBarThickness:50,minBarLength:0})),labels:n.map(e=>{let{label:t}=e;return t})}}},[p,t,r,s]),{scaledUnits:w,divider:v}=(0,n.useMemo)(()=>((e,t)=>{if(!t||!e)return{scaledUnits:t,divider:1};const r=(0,c.Im)(e,t),n=e/r.value;return{scaledUnits:r.units,divider:n}})((e=>e?.datasets?.length?Math.max(...e.datasets.flatMap(e=>e.data.filter(e=>null!=e))):0)(y),f),[y,f]),C=!t.groupBy||"column"===t.groupBy,I={animation:!1,maintainAspectRatio:!1,plugins:{legend:{position:"bottom",labels:{boxWidth:4,boxHeight:20,title:{color:(0,l.getColor)("textLite")({theme:j})}}},tooltip:{callbacks:{label:e=>{const t=e.dataset.label||"",r=e.raw;return f?`${t}: ${r} ${f}`:`${t}: ${r}`}}}},responsive:!0,scales:{x:{display:C,stacked:m,grid:{color:(0,l.getColor)("borderSecondary")({theme:j})},afterSetDimensions:e=>{e.maxHeight=50},ticks:{callback:(e,t)=>{let r=y.labels[t];if(!r)return;let n=0;for(;r?.length>20;)r=(0,i.P3)(r,n),n+=1;return r}}},y:{stacked:m,grid:{color:(0,l.getColor)("borderSecondary")({theme:j})},title:{display:!!w,text:w,color:(0,l.getColor)("textDescription")({theme:j})},ticks:{color:(0,l.getColor)("textDescription")({theme:j}),callback:e=>f?(0,c.iX)(e/v,{decimalPoints:b}):e}}}};return(0,h.jsx)(a.yP,{data:y,options:I})}),p={"stacked-bar":e=>(0,h.jsx)(x,{stacked:!0,...e}),bar:x,doughnut:(0,n.memo)(e=>{let{chart:t,selectedFilter:r,tableData:s,columns:i,selectedFn:c}=e;const x=((e,t)=>{const r=e?.columns?.[0];return t?.[r]?.valueOptions?.units})(t,i),p=(0,n.useContext)(o.ThemeContext),m=(0,n.useMemo)(()=>{if(!t||!s.length)return{datasets:[],labels:[]};if("all"===t.groupBy){const e=s.reduce((e,r)=>(t.columns.forEach(t=>{e[t]||(e[t]=[]),e[t].push(r[t])}),e),{}),r=t.columns.reduce((r,n)=>{if(!e[n])return r;const o=t.aggregation||i[n]?.summary||"count",a=u.A[o];return r.push({value:a(e[n]),label:n}),r},[]).sort((e,t)=>t.value-e.value);return{datasets:[{backgroundColor:r.map((e,t)=>d.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)=>{const o=g(s,n,r||n),a=t.aggregation||i[n]?.summary||"count",l=u.A[a];return Object.keys(o).forEach(t=>{if(!o[t]?.data)return;const r=l(o[t].data);e[o[t].label]={...e[o[t].label],[n]:r,label:o[t].label,sortByValue:e[o[t].label]&&e[o[t].label].sortByValue>r?e[o[t].label].sortByValue:r}}),e},{}),n=Object.values(e).sort((e,t)=>t.sortByValue-e.sortByValue).slice(0,15).map(e=>{let{sortByValue:t,...r}=e;return r});return{datasets:t.columns.map((e,t)=>({backgroundColor:d.b4[t],borderWidth:0,data:n.map(t=>t[e]),label:e,maxBarThickness:50,minBarLength:0})),labels:n.map(e=>{let{label:t}=e;return t})}}},[c,t,r,s]),f={animation:!1,maintainAspectRatio:!1,plugins:{legend:{position:"bottom",labels:{boxWidth:4,boxHeight:20,title:{color:(0,l.getColor)("textLite")({theme:p})}}},tooltip:{callbacks:{label:e=>{const t=e.label||"",r=e.raw;return x?`${t}: ${r} ${x}`:`${t}: ${r}`}}}},responsive:!0};return(0,h.jsx)(a.nu,{data:m,options:f})})},m=e=>({label:e,value:e}),f=(0,n.memo)(e=>{let{initData:t,initFilter:r,savedData:o,savedFilter:a,charts:i,data:d,columns:c,groupByColumns:u,loaded:g,selectedFn:x,onRefresh:f,loading:b,compact:j,hideToolbox:y,onSelectionChange:w}=e;const[v,C]=(0,n.useState)(o||t),[I,A]=(0,n.useState)(a||r);(0,n.useEffect)(()=>{o||C(t)},[t,o]),(0,n.useEffect)(()=>{a||A(r)},[r,a]);const F=i[v];if(!F)return null;const k=p[F.type]||p["stacked-bar"],T=!F.groupBy||"column"===F.groupBy,S=Object.keys(i).map(m),R=u?Object.keys(u).map(m):[];return(0,h.jsxs)(l.Flex,{column:!0,gap:3,...j?{width:"50%"}:{flex:!0},background:"panelBg",border:{side:"all",color:"mainChartBorder"},padding:[4],round:.5,children:[(0,h.jsxs)(l.Flex,{alignItems:"center",gap:2,children:[!y&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(l.Select,{isLoading:!g,onChange:e=>{let{value:t}=e;C(t),w?.(t,I)},options:S,styles:{minWidth:120},value:{label:v,value:v}}),T&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(l.Text,{color:"textLite",children:"per"}),(0,h.jsx)(l.Select,{isLoading:!g,onChange:e=>{let{value:t}=e;A(t),w?.(v,t)},options:R,styles:{minWidth:120},value:{label:I,value:I}})]})]}),(0,h.jsx)(s.A,{onRefresh:f,loading:b,testId:"card-function-chart",dataGa:"card-function-chart"})]}),(0,h.jsx)(l.Flex,{flex:!0,position:"relative",height:{min:60},width:{min:"100%"},children:(0,h.jsx)(k,{chart:F,selectedFilter:I,tableData:d,columns:c,selectedFn:x})})]})}),b=e=>{let{defaultCharts:t,chartSelections:r,charts:n,data:o,columns:a,groupByColumns:s,loaded:i,selectedFn:d,onRefresh:c,loading:u,compact:g,hideToolbox:x,onSettingsChange:p,ref:m}=e;return t?.length&&n?(0,h.jsx)(l.Flex,{ref:m,gap:4,...g?{}:{flex:!0,overflow:"hidden"},children:t.map((e,l)=>{let[m,b]=e;const j=r?.[l];return(0,h.jsx)(f,{initData:m,initFilter:b,savedData:j?.[0],savedFilter:j?.[1],charts:n,data:o,columns:a,groupByColumns:s,loaded:i,selectedFn:d,onRefresh:c,loading:u,compact:g,hideToolbox:x,onSelectionChange:(e,r)=>{p?.(n=>{const o=[...n.chartSelections||t.map(e=>{let[t,r]=e;return[t,r]})];return o[l]=[e,r],{...n,chartSelections:o}})}},l)})}):null}},81445(e,t,r){r.d(t,{A:()=>c});var n=r(96540),o=r(882),a=r(38429),l=r(61533),s=r(74848);const i=(0,o.default)(a.Table).withConfig({displayName:"table__StyledTable",componentId:"sc-65hr6w-0"})(["*{font-family:monospace;letter-spacing:0.09px;}"]),d=e=>{let{title:t,data:r,columns:o,sortedColumns:a,sortColumn:d,sortDirection:c,columnVisibility:u,pinnedColumns:h,groupByColumns:g,loaded:x,manualSorting:p,isFeed:m,onSettingsChange:f,ref:b}=e;const[j,y]=(0,n.useState)({}),w=(0,l.A)(a,o,{...m?{}:{groupBy:""},columnVisibility:u}),v=(0,n.useMemo)(()=>d?[{id:d,desc:"descending"===c}]:[],[d,c]),C=(0,n.useMemo)(()=>({left:h}),[h]),I=(0,n.useCallback)(e=>{if(!f)return;const t="function"===typeof e?e(v):e;if(!t?.length)return void f(e=>({...e,sortColumn:"",sortDirection:"descending"}));const{id:r,desc:n}=t[0];f(e=>({...e,sortColumn:r,sortDirection:n?"descending":"ascending"}))},[f,v]),A=(0,n.useCallback)(e=>{if(!f)return;const t="function"===typeof e?e(u):e;f(e=>({...e,columnVisibility:{...e.columnVisibility,...t}}))},[f,u]),F=(0,n.useCallback)(e=>{if(!f)return;const t="function"===typeof e?e({}):e;f(e=>({...e,columnSizing:{...e.columnSizing,...t}}))},[f]);return x?(0,s.jsx)(i,{ref:b,title:t,background:"panelBg",data:r,dataColumns:w,dataGa:"dashboardFunctions",sortBy:v,onSortingChange:m?null:I,columnVisibility:u,onColumnVisibilityChange:m?null:A,columnPinning:C,enableColumnPinning:!!h?.length,enableColumnVisibility:!m,enableResizing:!0,enableSorting:!m,onColumnSizingChange:F,groupByColumns:g,expanded:j,onExpandedChange:y,manualSorting:p}):null},c=(0,n.memo)(d)},26571(e,t,r){r.d(t,{A:()=>A});var n=r(96540),o=r(15505),a=r(91539),l=r(24609),s=r(19186),i=r(24013),d=r(84103),c=r(41073),u=r(39408),h=r(11834),g=(r(71517),r(11379),r(93777),r(14190),r(12359),r(86097),r(17273),r(27415),r(19929),r(37583),r(55122),r(20230),r(57268),r(79733),r(17467)),x=r(69531);const p=e=>{const t=(0,g.n)(e||{}),r=t.topologyGraph?.links||[];return{...t,topologyGraph:{...t.topologyGraph,aggregatedLinks:(0,x.d)(r)}}};let m=null,f=!1,b=1;const j=new Map,y=()=>{if(m)try{m.terminate()}catch{}m=null,j.forEach(e=>{let{reject:t}=e;return t(new Error("topology worker terminated"))}),j.clear()},w=()=>{if(m)return m;if(f)return null;if(f=!0,"undefined"===typeof window||"function"!==typeof window.Worker||"undefined"===typeof URL)return null;try{const e=new Worker(new URL(r.p+r.u(5274),r.b),{type:void 0});return e.addEventListener("message",e=>{const{id:t,result:r,error:n}=e.data||{},o=j.get(t);o&&(j.delete(t),n?o.reject(new Error(n)):o.resolve(r))}),e.addEventListener("error",()=>{y()}),m=e,e}catch{return null}};var v=r(52154),C=r(42790);const I={default:{fetch:d.ph,isEnabled:e=>{let{nodeIds:t,fn:r,after:n}=e;return!!t?.length&&!!r&&!!n}},feed:{fetch:d.d$,isEnabled:e=>{let{roomId:t,fn:r}=e;return!!t&&!!r}}},A=e=>{let{selectedFn:t,selectedNodeIds:r,fnType:d,flowView:g,acceptedParams:x,functionParamsFilters:m,pollingInterval:f,slice:y,histogramId:A,enablePolling:F=!0}=e;const[k,T]=(0,n.useState)(()=>({...v.zb[d]||v.zb.table,fnType:d||""})),S=(0,l.vt)(),R=(0,s.ID)(),P=(0,s.QW)(),E=(0,i.yN)(r),{after:B,before:D}=(0,C.rW)(),L=(0,n.useRef)(k);L.current=k;const M=(0,n.useRef)(0),N=(0,n.useRef)(null),O=(0,n.useRef)(m);O.current!==m&&(O.current=m,N.current=null);const $=t?.replace(/:::\d+$/,""),{fetch:H,isEnabled:_}=I[$]||I.default,V=(0,n.useCallback)(()=>{if(B>0)return{after:B,before:D};const e=Date.now();return{after:e+1e3*B,before:e}},[B,D]),z=(0,n.useRef)();z.current=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=V();return H({roomId:R,spaceId:S,nodeIds:r,cloudNodeIds:E,fn:$,roomSlug:P,filters:{...m||{},..."flows"===d&&g?{view:g}:{}},acceptedParams:x||[],slice:y,...A&&{histogram:A},...t,...e})};const W=(0,n.useCallback)(e=>{let{skip:t,data:r={}}=e;if(t)T(e=>({...e,loading:!1}));else if(r.data)if(r.lastModified&&(N.current=r.lastModified),"table"===r.type)T(e=>{const t=(0,c.G)(e,r);return void 0===t?e:{...t,error:null}});else if("flows"===r.type)T(e=>({...(0,u.r)(e,r),error:null}));else if("topology"===r.type){M.current+=1;const e=M.current;(e=>{const t=w();if(!t)return Promise.resolve(p(e));const r=b;return b+=1,new Promise((n,o)=>{j.set(r,{resolve:n,reject:o});try{t.postMessage({id:r,payload:e})}catch(a){j.delete(r),o(a)}})})(r?.data||{}).then(t=>{e===M.current&&(0,n.startTransition)(()=>{T(e=>({...(0,h.b)(e,r,t),error:null}))})},()=>{e===M.current&&(0,n.startTransition)(()=>{T(e=>({...(0,h.b)(e,r),error:null}))})})}else{const{data:e,type:t,updateEvery:n,...o}=r;T({...v.zb.default,...o,data:e,updateEvery:n,fnType:t,loading:!1,loaded:!0,error:null,transactionId:null})}else T(e=>({...e,...r,error:null,loading:!1,transactionId:null}))},[]),G=(0,n.useCallback)(e=>{!e?.response?.status||400!==e.response.status&&304!==e.response.status?(e?.response?.data&&(e={...(0,o.Ds)(e.response.data),status:e.response.status}),T(t=>({...t,error:e,loaded:!0,loading:!1,transactionId:null}))):T(e=>({...e,loaded:!0,loading:!1,transactionId:null}))},[]);(0,a.A)(()=>({enabled:_({nodeIds:r,fn:$,roomId:R,after:B}),fetch:()=>{T(e=>"topology"===e.fnType&&e.loaded?e:{...e,loading:!0});const e=L.current.fnType;return N.current&&B<0&&"flows"!==e&&"topology"!==e?z.current({if_modified_since:N.current,direction:"forward",merge:!0,tail:!0,delta:!0,data_only:!0}):z.current({reset:!N.current})},onFail:G,onReceive:W,polling:F&&B<0,pollingOptions:{pollingInterval:1e3*(f||L.current.updateEvery||1),shouldPause:!0},force:!0}),[r?.length,r?.[0],$,R,B,D,m,g,f,y,A]);const K=(0,n.useCallback)(e=>z.current(e),[]);return{...k,onRefresh:K,updatedAt:N.current}}},52346(e,t,r){r.d(t,{A:()=>p});var n=r(38429),o=r(24155),a=(r(98992),r(81454),r(96540)),l=r(882),s=r(74848);const i=10,d=10,c=30,u=36,h=e=>{let{buckets:t,maxTotal:r}=e;const o=(0,a.useRef)(null),[h,g]=(0,a.useState)(600),[x,p]=(0,a.useState)(120),m=(0,a.useContext)(l.ThemeContext);(0,a.useEffect)(()=>{if(!o.current)return;const e=new ResizeObserver(e=>{const{width:t,height:r}=e[0].contentRect;g(t),r>0&&p(r)});return e.observe(o.current),()=>e.disconnect()},[]);const f=h-u-d,b=x-i-c,j=(0,n.getColor)("warning")({theme:m}),y=(0,n.getColor)("error")({theme:m}),w=(0,a.useMemo)(()=>Math.max(1,(f-1*t.length)/t.length),[f,t.length]),v=(0,a.useMemo)(()=>{const e=Math.ceil(r/5);return Array.from({length:6},(t,r)=>r*e)},[r]);return(0,s.jsx)(n.Flex,{ref:o,flex:!0,width:"100%",height:"100%","data-testid":"hourlyAlerts-chart",children:(0,s.jsx)("svg",{width:h,height:x,children:(0,s.jsxs)("g",{transform:`translate(${u},${i})`,children:[v.map(e=>{const t=b-e/(v[v.length-1]||1)*b;return(0,s.jsxs)("g",{children:[(0,s.jsx)("line",{x1:0,y1:t,x2:f,y2:t,stroke:"currentColor",strokeOpacity:.1}),(0,s.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*(w+1),n=(e.critical+e.warning)/(v[v.length-1]||1)*b,o=e.critical/(v[v.length-1]||1)*b,a=n-o;return(0,s.jsxs)("g",{children:[a>0&&(0,s.jsx)("rect",{x:r,y:b-n,width:w,height:a,fill:j,opacity:.85}),o>0&&(0,s.jsx)("rect",{x:r,y:b-o,width:w,height:o,fill:y,opacity:.85}),t%6===0&&(0,s.jsx)("text",{x:r,y:b+16,fontSize:9,fill:"currentColor",opacity:.5,children:new Date(e.ts).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})})]},e.ts)})]})})})},g=[30,55,40,70,25,60,45,80,35,50,65,38,72,28,58,42,75,33,52,68,36,62,48,78],x=()=>(0,s.jsxs)(n.Flex,{column:!0,gap:2,padding:[2],children:[(0,s.jsx)(o.A,{width:"120px",height:"14px"}),(0,s.jsx)(n.Flex,{gap:1,alignItems:"flex-end",height:"80px",children:g.map((e,t)=>(0,s.jsx)(o.A,{flex:!0,height:`${e}%`},t))})]}),p=e=>{let{buckets:t,maxTotal:r,totalAlerts:n,loaded:o}=e;return o?(0,s.jsx)(h,{buckets:t,maxTotal:r}):(0,s.jsx)(x,{})}},56452(e,t,r){r.d(t,{A:()=>i});r(98992),r(81454);var n=r(38429),o=r(24155),a=r(21421),l=r(74848);const s=()=>(0,l.jsx)(n.Flex,{gap:1,flexWrap:!0,padding:[3],children:Array.from({length:24}).map((e,t)=>(0,l.jsx)(o.A,{width:"10px",height:"10px",round:"50%"},t))}),i=e=>{let{nodes:t,groupBy:r,colorBy:n,loaded:o}=e;return o?(0,l.jsx)(a.A,{nodes:t,groupBy:r,colorBy:n}):(0,l.jsx)(s,{})}},59092(e,t,r){r.d(t,{A:()=>g});r(98992),r(81454);var n=r(38429),o=r(49181),a=r(45087),l=r(24155),s=r(74848);const i={Live:"success",Stale:"warning",Offline:"textLite",Unseen:"textDescription"},d={Live:"check",Stale:"warning_triangle_hollow",Offline:"unreachable",Unseen:"question"},c=()=>(0,s.jsx)(n.Flex,{column:!0,children:Array.from({length:5}).map((e,t)=>(0,s.jsxs)(n.Flex,{alignItems:"center",gap:2,padding:[2,3],border:{side:"bottom",color:"border"},_last:{"border-bottom":"none"},children:[(0,s.jsx)(l.A,{width:"8px",height:"8px",round:"50%"}),(0,s.jsxs)(n.Flex,{column:!0,flex:!0,gap:1,children:[(0,s.jsx)(l.A,{width:"140px",height:"14px"}),(0,s.jsx)(l.A,{width:"80px",height:"12px"})]}),(0,s.jsx)(l.A,{width:"16px",height:"16px"})]},t))}),u=e=>{let{node:t}=e;const r=(0,o.GM)(t.state),l=t.os?.nm||t.labels?.os_name||"";return(0,s.jsxs)(n.Flex,{alignItems:"center",gap:2,padding:[2,3],border:{side:"bottom",color:"border"},_last:{"border-bottom":"none"},"data-testid":`nodeList-node-${t.id}`,children:[(0,s.jsx)(a.A,{content:r,children:(0,s.jsx)(n.Flex,{width:2,height:2,round:"50%",background:i[r]||"textLite",role:"status","aria-label":r})}),(0,s.jsxs)(n.Flex,{column:!0,flex:!0,gap:0,children:[(0,s.jsx)(n.Text,{strong:!0,truncate:!0,children:t.name}),l&&(0,s.jsx)(n.TextSmall,{color:"textLite",truncate:!0,children:l})]}),(0,s.jsx)(a.A,{content:r,children:(0,s.jsx)(n.Icon,{name:d[r],color:i[r],size:"small"})})]})},h=e=>{let{label:t,nodes:r}=e;return(0,s.jsxs)(n.Flex,{column:!0,children:[(0,s.jsx)(n.Flex,{padding:[1,3],background:"tableRowBg2",border:{side:"bottom",color:"border"},children:(0,s.jsx)(n.TextSmall,{strong:!0,color:"textLite",children:t})}),r.map(e=>(0,s.jsx)(u,{node:e},e.id))]})},g=e=>{let{nodes:t,groupedNodes:r,loaded:o,nodeCount:a}=e;return o?0===a?(0,s.jsx)(n.Flex,{flex:!0,alignItems:"center",justifyContent:"center",padding:[4],children:(0,s.jsx)(n.Text,{color:"textLite",children:"No nodes in this room"})}):r?(0,s.jsx)(s.Fragment,{children:r.map(e=>{let[t,r]=e;return(0,s.jsx)(h,{label:t,nodes:r},t)})}):(0,s.jsx)(s.Fragment,{children:t.map(e=>(0,s.jsx)(u,{node:e},e.id))}):(0,s.jsx)(c,{})}},77125(e,t,r){r.d(t,{A:()=>d});r(74423),r(98992),r(81454);var n=r(38429),o=r(24155),a=r(74848);const l=e=>{let{label:t,count:r,color:o}=e;return(0,a.jsxs)(n.Flex,{alignItems:"center",gap:2,children:[(0,a.jsx)(n.Flex,{width:"10px",height:"10px",round:"50%",background:o}),(0,a.jsx)(n.Text,{children:t}),(0,a.jsx)(n.TextBig,{strong:!0,children:r})]})},s=e=>{let{label:t,count:r,color:o}=e;return(0,a.jsxs)(n.Flex,{alignItems:"center",gap:2,children:[(0,a.jsx)(n.Text,{color:o,strong:!0,children:r}),(0,a.jsx)(n.Text,{color:"textLite",children:t})]})},i=()=>(0,a.jsx)(n.Flex,{gap:4,flexWrap:!0,padding:[3],children:Array.from({length:7}).map((e,t)=>(0,a.jsx)(o.A,{width:"70px",height:"20px",round:10},t))}),d=e=>{let{statusCounts:t,critical:r,warning:o,clear:d,visibleItems:c,loaded:u}=e;return u?(0,a.jsxs)(n.Flex,{gap:4,flexWrap:!0,padding:[3],children:[(!c||c.includes("live"))&&(0,a.jsx)(l,{label:"Live",count:t.Live,color:"success"}),(!c||c.includes("stale"))&&(0,a.jsx)(l,{label:"Stale",count:t.Stale,color:"warning"}),(!c||c.includes("offline"))&&(0,a.jsx)(l,{label:"Offline",count:t.Offline,color:"textLite"}),(!c||c.includes("unseen"))&&(0,a.jsx)(l,{label:"Unseen",count:t.Unseen,color:"textDescription"}),(!c||c.includes("critical"))&&(0,a.jsx)(s,{label:"Critical",count:r,color:"error"}),(!c||c.includes("warning"))&&(0,a.jsx)(s,{label:"Warning",count:o,color:"warning"}),(!c||c.includes("clear"))&&(0,a.jsx)(s,{label:"Clear",count:d,color:"success"})]}):(0,a.jsx)(i,{})}},19529(e,t,r){r.d(t,{A:()=>i});var n=r(38429),o=r(24155),a=r(78953),l=r(74848);const s=()=>(0,l.jsxs)(n.Flex,{column:!0,gap:3,padding:[3],children:[(0,l.jsxs)(n.Flex,{column:!0,gap:2,children:[(0,l.jsx)(o.A,{width:"80px",height:"16px"}),(0,l.jsx)(o.A,{width:"100%",height:"40px"})]}),(0,l.jsxs)(n.Flex,{column:!0,gap:2,children:[(0,l.jsx)(o.A,{width:"120px",height:"16px"}),(0,l.jsx)(o.A,{width:"100%",height:"40px"})]})]}),i=e=>{let{topologyData:t,replicationData:r,loaded:o}=e;return o?(0,l.jsxs)(l.Fragment,{children:[t.length>0&&(0,l.jsxs)(n.Flex,{column:!0,gap:2,children:[(0,l.jsx)(n.Text,{strong:!0,children:"Topology"}),(0,l.jsx)(a.A,{data:t,numberIndicatorProps:{TitleComponent:n.Text}})]}),r.length>0&&(0,l.jsxs)(n.Flex,{column:!0,gap:2,children:[(0,l.jsx)(n.Text,{strong:!0,children:"Data Replication"}),(0,l.jsx)(a.A,{data:r})]})]}):(0,l.jsx)(s,{})}},87242(e,t,r){r.d(t,{A:()=>s});r(98992),r(81454);var n=r(38429),o=r(58618),a=r(74848);const l=e=>{let{label:t,value:r,loaded:l}=e;return(0,a.jsxs)(n.Flex,{column:!0,alignItems:"center",justifyContent:"center",gap:1,flex:!0,padding:[2],children:[(0,a.jsx)(n.TextSmall,{color:"textLite",children:t}),l?(0,a.jsx)(n.TextHuge,{strong:!0,children:(0,o.$t)(r)}):(0,a.jsx)(n.Text,{color:"textLite",children:"..."})]})},s=e=>{let{stats:t}=e;return 0===t.length?(0,a.jsx)(n.Text,{color:"textLite",children:"No stats selected"}):(0,a.jsx)(a.Fragment,{children:t.map(e=>(0,a.jsx)(l,{...e},e.label))})}},85877(e,t,r){r.d(t,{A:()=>Bt});var n=r(96540),o=r(882),a=r(38429),l=r(57068),s=r(15524),i=r(64156),d=r(20871),c=(r(98992),r(54520),r(72577),r(81454),r(8872),r(67012)),u=r(57377),h=r(40961),g=r(43375),x=r(43627),p=r(43305),m=r(71123),f=r(61710),b=(r(74423),r(74979)),j=r(45427),y=r(74848);const w=e=>(0,x.uU)({...e,wasDragging:!0}),v=e=>{let{id:t,items:r,containerWidth:n,rowHeight:o,gutter:a,Component:l,isSortingContainer:s,onRemove:i,onItemRemove:d,Item:c,gridTracks:u,transforming:h,containerDndProps:g,itemProps:p,dragOverlay:f,rootId:v,...C}=e;const{active:I,attributes:A,isDragging:F,listeners:k,over:T,setNodeRef:S,transition:R,transform:P}=(0,x.gl)({id:f?`dragOverlay-${t}`:t,disabled:f,data:{rootId:v,isContainer:!0,items:r,containerId:t,dropArea:!0,...g},animateLayoutChanges:w}),E=!!T&&(t===T.id&&"container"!==I?.data.current?.type||r.includes(T.id)),B=(0,m.Hp)(r),D=B*o+(B-1)*a+"px";return(0,y.jsx)(l,{ref:S,style:f?{width:n,height:D}:{transition:R,transform:b.Ks.Translate.toString(P),opacity:F?.5:void 0,width:n,height:D},hover:E,onRemove:i,attributes:A,listeners:k,...C,itemProps:p,id:t,dragOverlay:f,children:r.map((e,l)=>(0,y.jsx)(j.A,{disabled:s,...e,index:l,containerId:t,Item:c,onRemove:d,draggable:!0,containerWidth:n,rowHeight:o,gridTracks:u,gutter:a,transformed:h?r[l]:null,itemProps:p,containerDragOverlay:f,rootId:v,containerDndProps:g,draggableProps:e,isOnTV:C.isOnTV},e.id))})},C=e=>{let{containers:t,Container:r,containerWidth:n,isSortingContainer:o,items:a,Item:l,transforming:s,onContainerRemove:i,onRemove:d,rowHeight:c,gridTracks:u,gutter:h,containerDndProps:g,itemProps:x,rootId:p,isOnTV:m}=e;return t.map(e=>(0,y.jsx)(v,{id:e,items:a[e],onRemove:()=>i(e),containerWidth:n,rowHeight:c,gridTracks:u,gutter:h,Component:r,Item:l,isSortingContainer:o,transforming:s,onItemRemove:d,containerDndProps:g,itemProps:x,rootId:p,isOnTV:m},e))},I={sideEffects(e){let{active:t}=e;t.node.animate([{opacity:0},{opacity:1}],{easing:"ease-in",duration:250})}},A="TRASH_ID",F="PLACEHOLDER_ID",k=e=>{let{id:t}=e;const{setNodeRef:r,isOver:n}=(0,g.zM)({id:t,data:{dropArea:!0,isTrash:!0}});return(0,y.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"})},T=e=>{let{rootId:t,items:r,containers:o,trashable:a=!0,onRemove:l,Item:s,containerWidth:i=800,rowHeight:d=40,gridTracks:b=12,gutter:w=4,allowOverlap:T=!1,compactType:S="vertical",maxRows:R=3e5,Container:P=p.A,onDragEnd:E,containerDndProps:B,itemProps:D,updateOnNewProps:L=!1,rearrangeable:M=!0,isOnTV:N}=e;const{active:O}=(0,g.fF)(),$=(0,n.useRef)(null),[H,_]=(0,n.useState)(()=>(o||Object.keys(r)).reduce((e,t)=>(e[t]=(0,m.oE)((0,m.Su)(r[t]),S,b),e),{}),{}),[V,z]=(0,n.useState)(()=>o||Object.keys(H));(0,c.A)(()=>{_((o||Object.keys(r)).reduce((e,t)=>(e[t]=(0,m.oE)((0,m.Su)(r[t]),S,b),e),{}))},[b]),(0,c.A)(()=>{L&&((0,u.Ay)(r,H)||(_((o||Object.keys(r)).reduce((e,t)=>(e[t]=(0,m.oE)((0,m.Su)(r[t]),S,b),e),{})),z(o)))},[o,r]);const W=O?.isContainer,[G,K]=(0,n.useState)(null),[U,q]=(0,n.useState)(null),Z=(0,n.useRef)(null),J=e=>e in H?e:null,Q=()=>{G&&_(G),K(null),q(null),Z.current=null},X=()=>{const e=Object.keys(H),t=e[e.length-1];return String.fromCharCode(t.charCodeAt(0)+1)},Y=e=>{let{active:t}=e;const{isContainer:r}=t.data.current||{};K(H),r||q(H)};return(0,n.useLayoutEffect)(()=>{if(O)return Y({active:O}),Q},[]),(0,g.E5)({onDragStart:Y,onDragMove:e=>{let{active:t,over:r,collisions:n}=e;const{isResizer:o,isContainer:a,itemId:l,itemContainerId:s}=t.data.current||{};if(a||!U)return;const{initial:c,translated:u}=t.rect.current;let h=(0,m.Su)(U[s]);const g=!U[s],x=(0,m.GN)(g?U:h,l,g)||(0,m.lc)(t.data.current);if(!x||!x.width)return;const p=r?.id;if(o){if(!p)return;const e=r.rect.width+(u.right-c.right),t=r.rect.height+(u.bottom-c.bottom);let{width:o,height:a}=(0,f.tr)({gutter:w,maxRows:R,gridTracks:b,rowHeight:d,containerWidth:i},e,t,x);if(x.width===o&&x.height===a)return;if(!n)return;return h=h.map(e=>e.id===x.id?{...x,width:o,height:a}:e),n=n.filter(e=>e.id!==x.id),h=(0,m.oE)(h,S,b),Z.current={...x,itemContainerId:s},void q(e=>({...e,[s]:[...h]}))}if(p===A)return void q(G);if(!M)return;const j=J(s),y=J(p)||r&&J(r.data.current.itemContainerId)||j;if(!y)return;if(y&&y===j||(h=[...U[y],x]),!n)return;const v=n.find(e=>e.id===y);if(!v)return;let{left:C,top:I}=(0,f.zA)({gutter:w,maxRows:R,gridTracks:b,rowHeight:d,containerWidth:i},u.top-v.data.droppableContainer.rect.current.top,u.left-v.data.droppableContainer.rect.current.left,x);if(x.top===I&&x.left===C&&j===y)return;h=(0,m.Pe)(h,x,C,I,!0,!1,S,b,T),h=(0,m.oE)(h,S,b);const F=y!==j;F&&($.current=t.itemContainerId),Z.current={...x,itemContainerId:y},q(e=>({...e,[y]:h.filter(e=>!!e),...F&&!!e[s]&&{[s]:(0,m.oE)(e[s].filter(e=>e.id!==x.id),S,b)}}))},onDragEnd:e=>{let{active:t,over:r}=e;if(!U)return;const{isResizer:n,isItem:o}=t.data.current||{},a=r?.id;if(null===a)return void q(null);if(a===A)return _(e=>({...e,[t.containerId]:(0,m.oE)(e[t.containerId].filter(e=>{let{id:r}=e;return r!==t.itemId}),S,b)})),void q(null);if(o||n)return U&&_(U),q(null),void E(U,Z.current,V);t.id in H&&r?.id&&z(e=>{const n=e.indexOf(t.id),o=e.indexOf(r.id),a=(0,x.be)(e,n,o);return E(U,Z.current,a),a});const l=J(t.id);if(l){if(a===F){const e=X();return void(0,h.unstable_batchedUpdates)(()=>{z(t=>[...t,e]),_(r=>({...r,[l]:r[l].filter(e=>e!==t.itemId),[e]:[t.id]}))})}U&&_(U),q(null),E(U,Z.current,V)}},onDragCancel:Q}),U||H?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(x.gB,{items:[...V,F],strategy:x._G,children:(0,y.jsx)(C,{rootId:t,containers:V,Container:P,containerWidth:i,isSortingContainer:W,items:U||H,transforming:null!==U,Item:s,onContainerRemove:e=>{z(t=>t.filter(t=>t!==e))},onRemove:l,rowHeight:d,gridTracks:b,gutter:w,itemProps:D,containerDndProps:B,isOnTV:N})}),(0,h.createPortal)((0,y.jsx)(g.Hd,{adjustScale:!1,dropAnimation:I,children:O&&O.data.current?.rootId===t?O.data.current.isContainer?(ee=O.data.current,(0,y.jsx)(v,{rootId:t,id:ee,items:U||H,containerWidth:i,rowHeight:d,gutter:w,Component:P,Item:s,gridTracks:b,containerDndProps:B,itemProps:D,dragOverlay:!0})):O.data.current.isItem?(e=>{const r=(U||H)[e.itemContainerId];if(!r)return null;const n=r.find(t=>t.id===e.itemId);return n?(0,y.jsx)(j.A,{rootId:t,...n,containerId:e.itemContainerId,Item:s,onRemove:l,draggable:!0,containerWidth:i,rowHeight:d,gridTracks:b,gutter:w,dragOverlay:!0,itemProps:D}):null})(O.data.current):null:null}),document.body),a&&O&&(O.isContainer||O.isItem)?(0,y.jsx)(k,{id:A}):null]}):null;var ee},S=o.default.div.withConfig({displayName:"gridLayout__Div",componentId:"sc-jna1fu-0"})(["position:relative;"]),R=e=>{let{id:t,onRemove:r,children:n,attributes:o,listeners:s,itemProps:i={},itemProps:{dashboardId:d},style:c,dragOverlay:u,ref:h,...g}=e;(0,l.QZ)(d,t);return(0,y.jsx)(a.Flex,{...g,ref:h,column:!0,flex:!0,round:!0,gap:2,children:(0,y.jsx)(S,{style:c,children:n})})},P=e=>{let{id:t,Component:r,containerWidth:o,onActiveMenuId:c,...u}=e;const[h,g]=(0,l.B1)(t),[x,p]=(0,l.Ix)(t),m=(0,i.A)("(max-width: 767px)"),f=(0,s.A)(),b=(0,n.useRef)(),j=(0,n.useMemo)(()=>(b.current&&b.current.cancel(),b.current=(0,d.A)(),()=>{}),[h,c]);return(0,y.jsx)(a.Flex,{ref:f,column:!0,overflow:{vertical:"auto"},flex:"1","data-testid":"dashboardGrid",height:"100%",onScroll:j,padding:[4,0],children:(0,y.jsx)(T,{rootId:t,Container:R,onDragEnd:(e,t,r)=>{g(e),p(r)},containers:x,items:h,containerWidth:o-(m?16:26),...u,Item:r,gridTracks:12,gutter:12,itemProps:{dashboardId:t},containerDndProps:{droppable:!0},updateOnNewProps:!0},t)})};var E=r(50249),B=r(6393),D=r(28973),L=r(87398),M=r(87083),N=r(65067),O=r(96957),$=r(78385),H=r(95932),_=r(93536),V=r(17323),z=r(62786),W=r(28657);const G={},K=e=>Object.keys(e).reduce((t,r)=>(null!==e[r]&&void 0!==e[r]&&(t[r]=e[r]),t),{}),U=(0,n.memo)(e=>{let{dashboardId:t,id:r,handleProps:o,listeners:a,attributes:l,style:s,dragging:i,dragOverlay:d,isOnTV:u,onRemove:h,...g}=e;const x=(0,L.eg)(),p=(0,$.tD)(),{nodesScope:m,nodeFilters:f,contextScope:b,...j}=(0,B.bE)(t,r)||G,w=(0,B.v_)(t,r),v=(0,O.fz)(t,"respectNodesScope"),C=(0,M.w7)({extraKey:`dashboard-${t}`,merge:!1,scoped:!0}),I=(0,H.A)(f,{selectedNodeIds:m}),A=v&&I.length?I:C,F=(0,n.useMemo)(()=>{const e=(0,E.My)(x,t);let n=e.getNode({id:d?`dragOverlay-${r}`:r});if(n)return n;const[s]=b||[];return s?(n=x.makeChart({attributes:{...(0,_.L)(s),id:d?`dragOverlay-${r}`:r,cardId:r,dashboardId:t,contextScope:b,nodesScope:A,...K(j),toolboxProps:{drag:{...o,...a,...l},isOnTV:u}},makeTrack:E.qh}),e.appendChild(n),n):null},[t,r]);return(0,n.useEffect)(()=>{F&&F.updateAttributes({hasToolbox:p,leftHeaderElements:p?[z.A,V.default]:[V.default]})},[F,p]),(0,n.useEffect)(()=>{x&&(x.getRoot().updateAttribute("autofetchOnHovering",u),u&&x.getRoot().updateAttribute("autofetchOnWindowBlur",!0))},[x,u]),(0,c.A)(()=>{F&&(F.updateAttributes({height:s.height,width:s.width}),F.trigger("resize"))},[F,s.height,s.width]),(0,c.A)(()=>{F&&F.updateAttributes({toolboxProps:{drag:{...o,...a,...l,dragging:i},isOnTV:u}})},[i]),(0,n.useLayoutEffect)(()=>{if(F)return(0,D.unregister)(F.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)=>{w(t=>({...t,[r]:e}))}))},[F,w]),(0,c.A)(()=>{F&&F.updateAttributes(K(j))},[j]),(0,c.A)(()=>{if(!F)return;F.updateAttribute("nodesScope",A);F.getAttribute("active")&&"chart"===F.type&&F.fetch()},[A]),F?(0,y.jsx)(N.A,{"data-testid":`chartCard-${(j.contextScope||[]).join(",")}`,height:s.height,width:"100%",...g,dragging:i,children:(0,y.jsx)(W.A,{chart:F,"data-chartid":d?`dragOverlay-${r}`:r,"data-track":F.track("container"),height:s.height,width:"100%",hasFilters:p})}):null}),q=U,Z={title:"24px",subtitle:"16px",body:"14px"},J=(0,o.default)(a.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,a.getColor)("text"),(0,a.getColor)("textLite")),Q=(0,n.memo)(e=>{let{dashboardId:t,id:r}=e;const n=(0,B.bE)(t,r,"text"),o=(0,B.bE)(t,r,"textType")||"body",a=(0,B.v_)(t,r,"text");return(0,y.jsx)(J,{"data-testid":"textCardForm",placeholder:"Add some text",value:n.replace(/<\/?[^>]+(>|$)/g,""),onChange:e=>a(e.target.value),onMouseDown:e=>e.stopPropagation(),$fontSize:Z[o]||"14px"})}),X={title:a.H1,subtitle:a.H4,body:a.TextBig},Y=e=>{let{dashboardId:t,id:r}=e;const n=(0,B.bE)(t,r,"text")||"",o=(0,B.bE)(t,r,"textType"),l=X[o]||X.body;return(0,y.jsx)(a.Box,{"data-testid":"textCardContent",children:(0,y.jsx)(l,{whiteSpace:"pre-wrap",children:n.replace(/<\/?[^>]+(>|$)/g,"")})})};var ee=r(5907);const te=["title","subtitle","body"],re=(0,n.forwardRef)((e,t)=>{let{dragging:r,...n}=e;return(0,y.jsx)(a.IconButton,{ref:t,padding:[0],width:"12px",height:"12px",icon:"rearrange",title:"Drag & drop","data-testid":"text-drag",cursor:r?"grabbing":"grab",...n})}),ne=e=>{let{id:t,dashboardId:r}=e;const n=(0,B.bE)(r,t,"textType")||"body",o=(0,B.v_)(r,t,"textType");return(0,y.jsx)(a.IconButton,{padding:[0],width:"12px",height:"12px",icon:"text_add",title:"Change text component","data-testid":"text-component",onClick:()=>{const e=te.indexOf(n);o(te[(e+1)%te.length])}})},oe=(0,n.memo)(e=>{let{dashboardId:t,id:r,listeners:n,handleProps:o,dragging:l}=e;const s=(0,$.tD)(),i=(0,ee.c6)(t,r);return(0,y.jsxs)(N.A,{"data-testid":"textCard",alignItems:"start",overflow:"hidden",dragging:l,background:s?"elementBackground":"transparent",border:s?{side:"all",color:"borderSecondary"}:"none",children:[s&&(0,y.jsxs)(a.Flex,{position:"absolute",top:"4px",right:"4px",gap:1,children:[(0,y.jsx)(ne,{dashboardId:t,id:r}),(0,y.jsx)(re,{...n,...o,dragging:l}),(0,y.jsx)(a.IconButton,{padding:[0],width:"12px",height:"12px",icon:"x",title:"Delete","data-testid":"text-delete",onClick:i})]}),s?(0,y.jsx)(Q,{dashboardId:t,id:r}):(0,y.jsx)(Y,{dashboardId:t,id:r})]})}),ae=(0,n.memo)(()=>(0,y.jsx)(N.A,{column:!0,"data-testid":"placeholderCard",background:"secondaryHighlight",width:"100%"}));r(33110);var le=r(18121),se=r(23226),ie=r(64981),de=r(99728),ce=r(6304),ue=r(95212);const he="card-topbar",ge="custom-dashboard",xe=e=>{let{closeParent:t,openModal:r}=e;const n=(0,de.JT)("dashboard:Update");return(0,y.jsx)(ie.t,{icon:"pencilOutline",onClick:()=>{t(),r()},"data-testid":"cardTopbar-editTitle","data-ga":`${he}::click-edit-title::${ge}`,disabled:!n,children:"Edit"})},pe=e=>{let{dashboardId:t,id:r,closeParent:n}=e;const o=(0,de.JT)("dashboard:Update"),a=(0,ee.c6)(t,r);return(0,y.jsx)(ie.t,{icon:"trashcan",onClick:()=>{n(),a()},"data-testid":"cardTopbar-remove","data-ga":`${he}::click-remove::${ge}`,disabled:!o,children:"Remove"})},me=e=>{let{dashboardId:t,id:r}=e;const[n,,o,a]=(0,ce.A)();return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(ie.A,{category:he,context:ge,testId:"cardTopbarDropdown",children:e=>{let{close:n}=e;return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(xe,{closeParent:n,openModal:o}),(0,y.jsx)(pe,{dashboardId:t,id:r,closeParent:n})]})}}),n&&(0,y.jsx)(ue.A,{dashboardId:t,cardId:r,close:a})]})},fe=(0,n.forwardRef)((e,t)=>{let{dragging:r,...n}=e;return(0,y.jsx)(a.IconButton,{ref:t,padding:[0],width:"16px",height:"16px",icon:"rearrange",title:"Drag & drop","data-testid":"cardTopbar-drag",cursor:r?"grabbing":"grab",...n})}),be=e=>{let{dashboardId:t,id:r,title:n,listeners:o,handleProps:l,dragging:s,children:i,headerRight:d}=e;const c=(0,$.tD)(),u=(0,B.bE)(t,r,"customTitle"),h=(0,B.bE)(t,r,"hideTitle"),g=u||n;if(!c&&h)return null;const x=c&&h;return(0,y.jsxs)(a.Flex,{column:!0,...x&&{position:"absolute",top:"-24px",left:0,right:0,zIndex:1,background:"mainBackground"},children:[(0,y.jsxs)(a.Flex,{padding:[2,3],justifyContent:"space-between",alignItems:"center",gap:2,children:[(0,y.jsxs)(a.Flex,{alignItems:"center",gap:2,flex:!0,children:[c&&(0,y.jsx)(me,{dashboardId:t,id:r}),(0,y.jsx)(a.Text,{strong:!0,truncate:!0,opacity:x?.5:1,children:g})]}),(0,y.jsxs)(a.Flex,{gap:1,alignItems:"center",children:[d,c&&(0,y.jsx)(fe,{...o,...l,dragging:s})]})]}),c&&i&&(0,y.jsx)(a.Flex,{padding:[0,3,2],gap:2,alignItems:"center",flexWrap:!0,children:i})]})};var je=r(25616),ye=r(81989),we=r(44252),ve=r(13607),Ce=r(72616),Ie=r(53646),Ae=r(26571),Fe=r(81445),ke=r(71488),Te=(r(3949),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)),Se=r(6504),Re=r(49676),Pe=r(7066),Ee=r(2137),Be=r(45087),De=r(31115);const Le=(0,o.default)(Re.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}),Me=(0,o.default)(a.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;"]),Ne=(0,o.default)(a.MenuDropdown).attrs(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;}']),Oe=(0,o.default)(a.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}),$e=e=>{let{item:t,onItemClick:r}=e;const{facet:n}=t;return(0,y.jsxs)(Oe,{onClick:()=>r({item:t}),children:[(0,y.jsx)(a.Flex,{alignItems:"center",gap:1,children:(0,y.jsxs)(a.TextSmall,{children:[n.name,n.id!==n.name&&(0,y.jsxs)("span",{style:{opacity:.7},children:[" (",n.id,")"]})]})}),n.isActive?(0,y.jsx)(Be.A,{align:"top",content:n.totalCount>0?`${n.filteredCount} of ${n.totalCount} unique values match current filters`:`${n.count} unique ${1===n.count?"value":"values"} available for filtering`,children:(0,y.jsx)(a.Pill,{flavour:n.totalCount>0&&0===n.filteredCount?"warningFaded":"neutral",hollow:!0,size:"small","data-testid":`facet-selector-${n.id}-count`,children:(0,y.jsx)(a.TextSmall,{children:n.totalCount>0?(0,y.jsxs)(y.Fragment,{children:[n.filteredCount,(0,y.jsxs)("span",{style:{opacity:.6},children:["/",n.totalCount]})]}):n.count})})}):(0,y.jsx)(Be.A,{align:"top",content:"Click to add this field to filters. The count will be calculated after selection.",children:(0,y.jsx)(a.Pill,{flavour:"neutral",hollow:!0,size:"small","data-testid":`facet-selector-${n.id}-inactive`,children:(0,y.jsx)(a.TextSmall,{children:"inactive"})})})]})},He=e=>{let{availableHistograms:t,aggregations:r,data:o,dashboardId:l,cardId:s,disabled:i}=e;const d=(0,Te.useChart)(),c=(0,n.useRef)(),[u,,h,g]=(0,ce.A)(!1),[x,p]=(0,se.A)(),[m,f]=(0,n.useState)("alpha-asc"),[b,j]=(0,B.r)(l,s,"histogramId"),w=(0,n.useCallback)(e=>{let{item:t}=e;if(j(t.facet.id),d?.track){const e=d.track(`select-histogram-${t.facet.name}`);"function"===typeof e&&e()}g()},[j,d,g]),v=(0,n.useCallback)(e=>{setTimeout(()=>{d?.setAttribute&&d.setAttribute("dropdownOpen",e)},0)},[d]);(0,n.useEffect)(()=>(u&&!x?p(!0):!u&&x&&p(!1),v(u),()=>{u&&x&&p(!1)}),[u,x,p,v]),(0,Ee.A)(u);const C=(0,n.useMemo)(()=>d?.track?d.track("selectHistogram"):void 0,[d]),I=(0,n.useMemo)(()=>{if(!t)return[];const e=!!r;return Object.values(t).map(t=>{let{id:n,name:a}=t;const l=e&&Array.isArray(r)?r.find(e=>e.id===n):null;let s=0,i=0;if(l?.options)i=l.options.length,s=l.options.filter(e=>e.count>0||void 0===e.count).length;else if(!e&&o?.length>0){const e=new Set;o.forEach(t=>{const r=t[n];void 0!==r&&null!==r&&""!==r&&e.add(r)}),s=e.size,i=e.size}return{id:n,name:a||n,isActive:!e||!!l,filteredCount:s,totalCount:i,count:l?.options?.length||s||0}})},[t,r,o]),A=(0,n.useMemo)(()=>[...I].sort((e,t)=>{switch(m){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}}),[I,m]),F=(0,n.useMemo)(()=>A.map(e=>({id:e.id,label:e.name,facet:e,searchText:`${e.name} ${e.id}`.toLowerCase()})),[A]),k=(0,n.useMemo)(()=>I.find(e=>e.id===b)?.name||b||"",[I,b]);return t&&I.length?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{ref:c,onClick:h,children:(0,y.jsxs)(Se.Button,{disabled:i,"data-track":C,children:["Source ",k]})}),u&&(0,y.jsx)(a.Drop,{align:{top:"bottom",left:"left"},target:c.current,onEsc:g,onClickOutside:g,backdrop:!0,backdropProps:{background:["transparent","full"]},children:(0,y.jsxs)(Le,{onClick:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation(),children:[(0,y.jsx)(Me,{children:(0,y.jsxs)(a.Flex,{padding:[2],column:!0,gap:2,height:"100%",overflow:"hidden",children:[(0,y.jsxs)(a.Flex,{padding:[0,0,1,0],justifyContent:"between",alignItems:"center",flexShrink:0,children:[(0,y.jsx)(a.TextSmall,{strong:!0,children:"Select source field"}),(0,y.jsx)(De.g,{sortBy:m,onChange:f,testIdPrefix:"histogram-source"})]}),(0,y.jsx)(Ne,{items:F,Item:$e,onItemClick:w,hasSearch:!0,searchMargin:[0,0,1],placeholder:"Search fields...",noResultsMessage:"No fields match your search",searchInputProps:{autoFocus:!0}})]})}),(0,y.jsx)(Pe.A,{})]})})]}):null},_e=(0,n.memo)(He),Ve=(0,n.lazy)(()=>Promise.all([r.e(7986),r.e(6370)]).then(r.bind(r,20675))),ze=(0,n.lazy)(()=>Promise.all([r.e(5219),r.e(8723)]).then(r.bind(r,78723))),We=(0,n.memo)(e=>{let{dashboardId:t,id:r,style:o,dragging:l,listeners:s,handleProps:i,...d}=e;const c=(0,B.bE)(t,r)||{},{selectedFn:u,flavour:h,visibleItems:g,displayName:x,selectedNodeIds:p,fnType:m,flowView:f,acceptedParams:b,functionParamsFilters:j,defaultCharts:w,pollingInterval:v,slice:C,histogramId:I}=c,A=(0,M.w7)({extraKey:`dashboard-${t}`,merge:!1,scoped:!0}),F=(0,O.fz)(t,"respectNodesScope"),k="feed"===h?F&&p?.length?p:A:p?.length?p:A,T=(0,Ae.A)({selectedFn:u,flavour:h,selectedNodeIds:k,fnType:m,flowView:f,acceptedParams:b,functionParamsFilters:j,pollingInterval:v,slice:C,histogramId:I}),{loading:S,loaded:R,data:P,columns:E,error:D,sortedColumns:L,sortColumn:H,sortDirection:_,columnVisibility:V,pinnedColumns:z,groupByColumns:W,manualSorting:G,charts:K,onRefresh:U,histogram:q,availableHistograms:Z,customCharts:J,alphabetical:Q,aggregations:X,aggregatedView:Y,requiredParams:ee,acceptedParams:te}=T,re=(0,B.v_)(t,r),ne=re,oe=(0,n.useCallback)(e=>re(t=>({...t,functionParamsFilters:"function"===typeof e?e(t.functionParamsFilters||{}):e})),[re]),ae=(0,Ie.A)({selectedFn:u,nodeIds:k,acceptedParams:te}),ie=(0,$.tD)(),[,de]=(0,se.A)(),[ce,ue]=(0,le.useHovered)({},[R]),[he,ge]=(0,le.useHovered)({},[R]);(0,n.useEffect)(()=>{R&&re(e=>({...e,data:P,columns:E,aggregations:X,aggregatedView:Y,requiredParams:ee,acceptedParams:te,alphabetical:Q,..."flows"===m&&{flowRows:T.flowRows,flowColumns:T.flowColumns,flowGroupByKeys:T.flowGroupByKeys,flowFacets:T.flowFacets,flowMetrics:T.flowMetrics,flowMapFlows:T.flowMapFlows,flowTimeseries:T.flowTimeseries},..."topology"===m&&{topologyGraph:T.topologyGraph,topologyActorRows:T.topologyActorRows,topologyLinkRows:T.topologyLinkRows,topologyMeta:T.topologyMeta,presentation:T.presentation}}))},[R,P,E,X,Y,ee,te,re,Q,m]),(0,n.useEffect)(()=>{de(ie||ue||ge)},[ie,ue,ge]);const xe=(0,n.useCallback)(e=>re(t=>({...t,functionParamsFilters:{...t.functionParamsFilters||{},[I]:e}})),[re,I]),pe=!g||g.includes("charts"),me=!g||g.includes("table"),fe=pe&&!!w?.length,Te=pe&&!!q,Se=pe&&!!J,Re="feed"===h,Pe={...V,...c.columnVisibility},Ee=c.sortColumn||H,Be=c.sortDirection||_;return(0,y.jsxs)(N.A,{height:"100%",width:"100%",column:!0,dragging:l,children:[(0,y.jsx)(be,{dashboardId:t,id:r,title:x||u||"Function",listeners:s,handleProps:i,dragging:l,children:(0,y.jsx)(Ce.A,{requiredParams:ee,filters:j||{},setFilters:oe,data:P,columns:E,aggregations:X,onAutocompleteSearch:ae})}),(0,y.jsx)(je.Ay,{dashboardId:t,fallback:(0,y.jsx)(je.dK,{canRetry:!1}),children:(0,y.jsxs)(a.Flex,{flex:!0,column:!0,overflow:"hidden",children:[!R&&S&&(0,y.jsx)(a.Flex,{flex:!0,alignItems:"center",justifyContent:"center",children:(0,y.jsx)(a.Text,{color:"textLite",children:"Loading..."})}),D&&(0,y.jsx)(a.Flex,{padding:[2,3],alignItems:"center",children:(0,y.jsx)(a.Text,{color:"error",children:"string"===typeof D?D:D.errorMessage||"Error"})}),R&&"flows"===m&&(0,y.jsx)(n.Suspense,{fallback:null,children:(0,y.jsx)(Ve,{flowView:f,flowRows:T.flowRows,flowColumns:T.flowColumns,flowGroupByKeys:T.flowGroupByKeys,flowTimeseries:T.flowTimeseries,flowMapFlows:T.flowMapFlows,visibleItems:g,selectedFn:u,selectedNodeIds:k})}),R&&"topology"===m&&(0,y.jsx)(n.Suspense,{fallback:null,children:(0,y.jsx)(ze,{topologyGraph:T.topologyGraph,topologyActorRows:T.topologyActorRows,presentation:T.presentation,filterKey:JSON.stringify(j||{})})}),R&&(!m||"table"===m)&&(fe||me||Te||Se)&&(0,y.jsxs)(a.Flex,{flex:!0,column:!0,overflow:"auto",gap:2,children:[Te&&(0,y.jsx)(ye.A,{...me&&{height:"380px"},histogram:q,availableHistograms:Z,data:P,histogramId:q?.id,filters:(j||{})[I]||null,onFiltersChange:xe,toolboxSelectHistogram:e=>{let{disabled:n}=e;return(0,y.jsx)(_e,{availableHistograms:Z,aggregations:X,data:P,dashboardId:t,cardId:r,disabled:n})},toolboxReload:e=>{let{disabled:t}=e;return(0,y.jsx)(ve.A,{onRefresh:U,loading:S,testId:"card-function-histogram",dataGa:"card-function-histogram"})},hideToolbox:!ie,nodeIds:k,fn:u}),fe&&(0,y.jsx)(ke.A,{ref:ce,defaultCharts:w,chartSelections:c.chartSelections,charts:K,data:P,columns:E,groupByColumns:c.groupByColumns||W,loaded:R,selectedFn:u,onRefresh:U,loading:S,compact:me,hideToolbox:!ie,onSettingsChange:ne}),Se&&(0,y.jsx)(we.A,{customCharts:J,data:P,containerWidth:0,paramsKey:{extraKey:r}}),me&&(0,y.jsx)(a.Flex,{column:!0,flex:!0,height:{min:"200px"},children:(0,y.jsx)(Fe.A,{ref:he,title:(0,y.jsx)(ve.A,{onRefresh:U,loading:S,testId:"card-function-table",dataGa:"card-function-table"}),data:P,columns:E,sortedColumns:c.sortedColumns?.length?c.sortedColumns:L,sortColumn:Ee,sortDirection:Be,columnVisibility:Pe,pinnedColumns:c.pinnedColumns?.length?c.pinnedColumns:z,groupByColumns:c.groupByColumns||W,loaded:R,manualSorting:G,isFeed:Re,onSettingsChange:ne})})]}),R&&(!m||"table"===m)&&!fe&&!me&&!Te&&!Se&&(0,y.jsx)(a.Flex,{flex:!0,alignItems:"center",justifyContent:"center",children:(0,y.jsx)(a.Text,{color:"textLite",children:pe?"No chart data":"No table data"})})]})})]})}),Ge=We;var Ke=r(24013),Ue=r(10602),qe=r(31522),Ze=r(56452);const Je=(0,n.memo)(e=>{let{dashboardId:t,id:r,style:n,dragging:o,listeners:l,handleProps:s,onRemove:i,...d}=e;const c=(0,M.w7)({extraKey:`dashboard-${t}`,merge:!1,scoped:!0}),u=(0,Ue.nj)(),h=(0,O.fz)(t,"respectNodesScope"),g=(0,B.bE)(t,r,"selectedNodeIds"),x=h&&g?.length?g:c,p=(0,Ke.Gt)(x),m=(0,B.bE)(t,r,"groupBy")??[],f=(0,B.bE)(t,r,"colorBy")??qe.jZ;return(0,y.jsxs)(N.A,{"data-testid":"nodeGridCard",height:"100%",width:"100%",column:!0,dragging:o,...d,children:[(0,y.jsx)(be,{dashboardId:t,id:r,title:"Node Grid",listeners:l,handleProps:s,dragging:o}),(0,y.jsx)(je.Ay,{dashboardId:t,fallback:(0,y.jsx)(je.dK,{canRetry:!1}),children:(0,y.jsx)(a.Flex,{flex:!0,overflow:"auto",children:(0,y.jsx)(Ze.A,{nodes:p,groupBy:m,colorBy:f,loaded:u})})})]})});var Qe=r(49181),Xe=r(41061);const Ye=(e,t)=>{const r=(0,n.useRef)(e);return t||(r.current=e),r.current};var et=r(59092);const tt={servers:e=>!(0,Xe.ZH)(e),snmp:e=>(0,Xe.ZH)(e)},rt={nodeStatus:e=>(0,Qe.GM)(e.state),alertStatus:e=>{if((e.alerts_critical||0)>0)return"Critical";return(e.alerts_warning||0)>0?"Warning":"No alerts"}},nt=(0,n.memo)(e=>{let{dashboardId:t,id:r,style:o,dragging:l,listeners:s,handleProps:i,onRemove:d,...c}=e;const[u,h]=(0,le.useHovered)({}),g=(0,M.w7)({extraKey:`dashboard-${t}`,merge:!1,scoped:!0}),x=(0,Ue.nj)(),p=(0,O.fz)(t,"respectNodesScope"),m=(0,B.bE)(t,r,"selectedNodeIds"),f=p&&m?.length?m:g,b=(0,Ke.Gt)(f),j=(0,B.bE)(t,r,"groupBy"),w=(0,B.bE)(t,r,"activeTab"),v=(0,n.useMemo)(()=>{const e=tt[w];return e?b.filter(e):b},[b,w]),C=(0,n.useMemo)(()=>(e=>{const t={reachable:0,stale:1,unreachable:2,created:3};return[...e].sort((e,r)=>(t[e.state]??4)-(t[r.state]??4))})(v),[v]),I=Ye(C,h&&x),A=(0,n.useMemo)(()=>{const e=rt[j];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,j]);return(0,y.jsxs)(N.A,{"data-testid":"nodeListCard",height:"100%",width:"100%",column:!0,dragging:l,...c,children:[(0,y.jsx)(be,{dashboardId:t,id:r,title:`Node List (${b.length})`,listeners:s,handleProps:i,dragging:l}),(0,y.jsx)(je.Ay,{dashboardId:t,fallback:(0,y.jsx)(je.dK,{canRetry:!1}),children:(0,y.jsx)(a.Flex,{ref:u,flex:!0,column:!0,overflow:"auto",children:(0,y.jsx)(et.A,{nodes:I,groupedNodes:A,loaded:x,nodeCount:b.length})})})]})});var ot=r(41716),at=r(19075),lt=r(94230);const st=(0,n.memo)(e=>{let{dashboardId:t,id:r,style:o,dragging:l,listeners:s,handleProps:i,onRemove:d,...c}=e;const u=(0,M.w7)({extraKey:`dashboard-${t}`,merge:!1,scoped:!0}),[h,g]=(0,le.useHovered)({}),x=(0,ot.s)("ids")||[],p=(0,ot.s)("loaded"),m=(0,at.Gq)(x),f=(0,n.useMemo)(()=>new Set(u),[u]),b=(0,n.useMemo)(()=>m.filter(e=>f.has(e.nodeId)).reduce((e,t)=>{let{status:r}=t;return e[r]=(e[r]||0)+1,e},{critical:0,warning:0,clear:0}),[m,f]),{critical:j,warning:w}=Ye(b,g);return(0,y.jsxs)(N.A,{"data-testid":"alertStatusCard",height:"100%",width:"100%",column:!0,dragging:l,...c,children:[(0,y.jsx)(be,{dashboardId:t,id:r,title:"Alert Status",listeners:s,handleProps:i,dragging:l}),(0,y.jsx)(je.Ay,{dashboardId:t,fallback:(0,y.jsx)(je.dK,{canRetry:!1}),children:(0,y.jsx)(a.Flex,{ref:h,flex:!0,column:!0,overflow:"hidden",children:(0,y.jsx)(lt.A,{critical:j,warning:w,loaded:p})})})]})});var it=r(95760);const dt=(0,n.memo)(e=>{let{dashboardId:t,id:r,style:o,dragging:l,listeners:s,handleProps:i,onRemove:d,...c}=e;const[u,h]=(0,le.useHovered)({}),g=(0,M.w7)({extraKey:`dashboard-${t}`,merge:!1,scoped:!0}),x=(0,O.fz)(t,"respectNodesScope"),p=(0,B.bE)(t,r,"selectedNodeIds"),m=x&&p?.length?p:g,f=(0,Ke.Gt)(m),b=(0,Ue.nj)(),j=(0,ot.s)("ids")||[],w=(0,ot.s)("loaded"),v=(0,at.Gq)(j),C=b&&w,I=(0,n.useMemo)(()=>{const e={};return v.forEach(t=>{if(!t.nodeId)return;e[t.nodeId]||(e[t.nodeId]={critical:[],warning:[]});const r=t.status?.toLowerCase();"critical"===r?e[t.nodeId].critical.push(t):"warning"===r&&e[t.nodeId].warning.push(t)}),f.map(t=>({node:t,criticalAlerts:e[t.id]?.critical||[],warningAlerts:e[t.id]?.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})},[f,v]),A=Ye(I,h&&C);return(0,y.jsxs)(N.A,{"data-testid":"alertsPerNodeCard",height:"100%",width:"100%",column:!0,dragging:l,...c,children:[(0,y.jsx)(be,{dashboardId:t,id:r,title:"Alerts Per Node",listeners:s,handleProps:i,dragging:l}),(0,y.jsx)(je.Ay,{dashboardId:t,fallback:(0,y.jsx)(je.dK,{canRetry:!1}),children:(0,y.jsx)(a.Flex,{ref:u,flex:!0,column:!0,overflow:"auto",children:(0,y.jsx)(it.A,{nodesWithAlerts:A,nodeCount:f.length,loaded:C})})})]})});var ct=r(52346);const ut=72e5,ht=3e5,gt=(0,n.memo)(e=>{let{dashboardId:t,id:r,style:o,dragging:l,listeners:s,handleProps:i,onRemove:d,...c}=e;const[u,h]=(0,le.useHovered)({}),g=(0,ot.s)("ids")||[],x=(0,ot.s)("loaded"),p=(0,at.Gq)(g),m=(0,M.w7)({extraKey:`dashboard-${t}`,merge:!1,scoped:!0}),f=(0,O.fz)(t,"respectNodesScope"),b=(0,B.bE)(t,r,"selectedNodeIds"),j=f&&b?.length?b:m,w=(0,n.useMemo)(()=>{const e=Date.now(),t=e-ut,r=Array.from({length:24},(e,r)=>({ts:t+r*ht,critical:0,warning:0})),n=new Set(j),o=p.filter(e=>n.has(e.nodeId));o.forEach(n=>{if(!n.lastUpdated)return;const o=1e3*n.lastUpdated;if(o<t||o>e)return;const a=Math.floor((o-t)/ht);if(a<0||a>=24)return;const l=n.status?.toLowerCase();"critical"===l?r[a].critical++:"warning"===l&&r[a].warning++});const a=Math.max(...r.map(e=>e.critical+e.warning),1),l=o.filter(r=>{const n=r.status?.toLowerCase();if("critical"!==n&&"warning"!==n)return!1;if(!r.lastUpdated)return!1;const o=1e3*r.lastUpdated;return o>=t&&o<=e}).length;return{buckets:r,maxTotal:a,totalAlerts:l}},[p,j]),{buckets:v,maxTotal:C,totalAlerts:I}=Ye(w,h&&x);return(0,y.jsxs)(N.A,{"data-testid":"hourlyAlertsCard",height:"100%",width:"100%",column:!0,dragging:l,...c,children:[(0,y.jsx)(be,{dashboardId:t,id:r,title:`Alerts by Hour (${I})`,listeners:s,handleProps:i,dragging:l}),(0,y.jsx)(je.Ay,{dashboardId:t,fallback:(0,y.jsx)(je.dK,{canRetry:!1}),children:(0,y.jsx)(a.Flex,{ref:u,flex:!0,column:!0,overflow:"hidden",padding:[2],children:(0,y.jsx)(ct.A,{buckets:v,maxTotal:C,totalAlerts:I,loaded:x})})})]})});var xt=r(19186),pt=r(24609),mt=r(77814),ft=r(58533),bt=r(87242);const jt=[],yt=(0,n.memo)(e=>{let{dashboardId:t,id:r,style:o,dragging:l,listeners:s,handleProps:i,onRemove:d,...c}=e;const u=(0,B.bE)(t,r,"visibleItems"),h=!u||u.includes("metrics"),g=!u||u.includes("charts"),x=!u||u.includes("alerts"),[p,m]=(0,le.useHovered)({}),{loaded:f,metricsCollected:b=0}=(0,ft.VH)(),j=(0,pt.vt)(),w=(0,xt.ID)(),{charts:v,loaded:C,error:I}=(0,mt.A)(j,w,jt),A=Object.keys(v).length,{loaded:F,value:k}=(0,at.oU)(),T=k?.length||0,S=(0,n.useMemo)(()=>({metricsLoaded:f,metricsCollected:b,chartsCount:A,chartsLoaded:C,chartsError:I,alertsLoaded:F,configurationsCount:T}),[f,b,A,C,I,F,T]),R=Ye(S,m&&(f||C||F)),P=(0,n.useMemo)(()=>{const e=[];return h&&e.push({label:"Metrics available",value:R.metricsCollected,loaded:R.metricsLoaded}),g&&e.push({label:"Charts visualized",value:R.chartsCount,loaded:R.chartsLoaded&&!R.chartsError}),x&&e.push({label:"Alerts configured",value:R.configurationsCount,loaded:R.alertsLoaded}),e},[h,g,x,R]);return(0,y.jsxs)(N.A,{"data-testid":"statsOverviewCard",height:"100%",width:"100%",column:!0,dragging:l,...c,children:[(0,y.jsx)(be,{dashboardId:t,id:r,title:"Stats Overview",listeners:s,handleProps:i,dragging:l}),(0,y.jsx)(je.Ay,{dashboardId:t,fallback:(0,y.jsx)(je.dK,{canRetry:!1}),children:(0,y.jsx)(a.Flex,{ref:p,flex:!0,alignItems:"center",justifyContent:"center",gap:4,children:(0,y.jsx)(bt.A,{stats:P})})})]})}),wt=yt;var vt=r(46025);const Ct=(0,n.memo)(e=>{let{dashboardId:t,id:r,style:n,dragging:o,listeners:l,handleProps:s,onRemove:i,...d}=e;const[c,u]=(0,le.useHovered)({}),h=(0,ft.VH)(),{loaded:g}=h,{dataRetention:x}=Ye(h,u);return(0,y.jsxs)(N.A,{"data-testid":"dataRetentionCard",height:"100%",width:"100%",column:!0,dragging:o,...d,children:[(0,y.jsx)(be,{dashboardId:t,id:r,title:"Data Retention per Node",listeners:l,handleProps:s,dragging:o}),(0,y.jsx)(je.Ay,{dashboardId:t,fallback:(0,y.jsx)(je.dK,{canRetry:!1}),children:(0,y.jsx)(a.Flex,{ref:c,flex:!0,overflow:"hidden",padding:[2,3,3],children:g?x?.length?(0,y.jsx)(vt.A,{dataRetention:x}):(0,y.jsx)(a.Flex,{flex:!0,alignItems:"center",justifyContent:"center",children:(0,y.jsx)(a.Text,{color:"textLite",children:"No retention data"})}):(0,y.jsx)(a.Flex,{flex:!0,alignItems:"center",justifyContent:"center",children:(0,y.jsx)(a.Text,{color:"textLite",children:"Loading..."})})})})]})}),It=Ct;var At=r(7761),Ft=r(39431);const kt=(0,n.memo)(e=>{let{dashboardId:t,id:r,style:n,dragging:o,listeners:l,handleProps:s,onRemove:i,...d}=e;const[c,u]=(0,le.useHovered)({}),h=(0,At.jg)(),g=Ye(h,u),x=(0,B.bE)(t,r,"visibleItems");return(0,y.jsxs)(N.A,{"data-testid":"alertNodesCard",height:"100%",width:"100%",column:!0,dragging:o,...d,children:[(0,y.jsx)(be,{dashboardId:t,id:r,title:"Nodes with most alerts (24h)",listeners:l,handleProps:s,dragging:o}),(0,y.jsx)(je.Ay,{dashboardId:t,fallback:(0,y.jsx)(je.dK,{canRetry:!1}),children:(0,y.jsx)(a.Flex,{ref:c,flex:!0,column:!0,overflow:"auto",gap:3,children:(0,y.jsx)(Ft.A,{alertsStats:g,visibleItems:x,loaded:h.loaded})})})]})});var Tt=r(77125);const St=(0,n.memo)(e=>{let{dashboardId:t,id:r,style:o,dragging:l,listeners:s,handleProps:i,onRemove:d,...c}=e;const[u,h]=(0,le.useHovered)({}),g=(0,M.w7)({extraKey:`dashboard-${t}`,merge:!1,scoped:!0}),x=(0,O.fz)(t,"respectNodesScope"),p=(0,B.bE)(t,r,"selectedNodeIds"),m=x&&p?.length?p:g,f=(0,Ke.Gt)(m),b=(0,Ue.nj)(),j=(0,ot.s)("ids")||[],w=(0,ot.s)("loaded"),v=(0,at.Gq)(j),C=(0,n.useMemo)(()=>new Set(m),[m]),I=(0,n.useMemo)(()=>v.filter(e=>C.has(e.nodeId)).reduce((e,t)=>{let{status:r}=t;return e[r]=(e[r]||0)+1,e},{critical:0,warning:0,clear:0}),[v,C]),A=b&&w,F=(0,B.bE)(t,r,"visibleItems"),k=(0,n.useMemo)(()=>{const e={Live:0,Stale:0,Offline:0,Unseen:0};return f.forEach(t=>{const r=(0,Qe.GM)(t.state);e[r]=(e[r]||0)+1}),e},[f]),T=(0,n.useMemo)(()=>({statusCounts:k,...I}),[k,I]),{statusCounts:S,critical:R,warning:P,clear:E}=Ye(T,h&&A);return(0,y.jsxs)(N.A,{"data-testid":"nodeStatsCard",height:"100%",width:"100%",column:!0,dragging:l,...c,children:[(0,y.jsx)(be,{dashboardId:t,id:r,title:`Nodes (${Object.values(S??{}).reduce((e,t)=>e+t,0)})`,listeners:s,handleProps:i,dragging:l}),(0,y.jsx)(je.Ay,{dashboardId:t,fallback:(0,y.jsx)(je.dK,{canRetry:!1}),children:(0,y.jsx)(a.Flex,{ref:u,flex:!0,column:!0,children:(0,y.jsx)(Tt.A,{statusCounts:S,critical:R,warning:P,clear:E,visibleItems:F,loaded:A})})})]})});var Rt=r(19529);const Pt={chart:q,text:oe,placeholder:ae,function:Ge,nodeGrid:Je,nodeList:nt,alertStatus:st,alertsPerNode:dt,hourlyAlerts:gt,statsOverview:wt,dataRetention:It,alertNodes:kt,nodeStats:St,replicationStats:(0,n.memo)(e=>{let{dashboardId:t,id:r,style:o,dragging:l,listeners:s,handleProps:i,onRemove:d,...c}=e;const[u,h]=(0,le.useHovered)({}),g=(0,At.c8)(),{loaded:x}=g,{totalParents:p,totalChildren:m,totalStandalone:f,replicationFactor:b}=Ye(g,h),j=(0,B.bE)(t,r,"visibleItems"),w=(0,n.useMemo)(()=>[{label:"Parents",value:p,color:["blue","indigo"],id:"parents"},{label:"Children",value:m,color:["purple","lilac"],id:"children"},{label:"Standalone",value:f,color:["yellow","yellow120"],id:"standalone"}].filter(e=>!j||j.includes(e.id)),[p,m,f,j]),v=(0,n.useMemo)(()=>[{label:"None",value:b?.r_1||0,color:qe.q5.r_1,id:"none"},{label:"Single",value:b?.r_2||0,color:qe.q5.r_2,id:"single"},{label:"Multi",value:b?.["r_*"]||0,color:qe.q5["r_*"],id:"multi"}].filter(e=>!j||j.includes(e.id)),[b,j]);return(0,y.jsxs)(N.A,{"data-testid":"replicationStatsCard",height:"100%",width:"100%",column:!0,dragging:l,...c,children:[(0,y.jsx)(be,{dashboardId:t,id:r,title:"Replication",listeners:s,handleProps:i,dragging:l}),(0,y.jsx)(je.Ay,{dashboardId:t,fallback:(0,y.jsx)(je.dK,{canRetry:!1}),children:(0,y.jsx)(a.Flex,{ref:u,flex:!0,column:!0,overflow:"auto",gap:3,children:(0,y.jsx)(Rt.A,{topologyData:w,replicationData:v,loaded:x})})})]})})},Et=e=>{let{dashboardId:t,id:r,attributes:n,style:o,resizeHandle:a,ref:l,isOnTV:s,...i}=e;const d=(0,B.bE)(t,r,"type")||"placeholder",c=Pt[d]||Pt.placeholder,u=(0,$.tD)();return(0,y.jsxs)("div",{ref:l,...n,style:o,children:[(0,y.jsx)(je.Ay,{dashboardId:t,fallback:(0,y.jsx)(je.dK,{canRetry:!1}),children:(0,y.jsx)(c,{dashboardId:t,id:r,style:o,isOnTV:s,...i})}),!s&&u&&a]})},Bt=(0,n.memo)(e=>{let{id:t,isOnTV:r,...n}=e;return(0,E.Ay)(t,{isOnTV:r}),(0,y.jsx)(P,{id:t,Component:Et,isOnTV:r,...n})})},58533(e,t,r){r.d(t,{Ay:()=>b,VH:()=>m});var n=r(96540),o=r(19186),a=r(24609),l=r(87083),s=r(96957),i=r(72144),d=r(75669),c=r(258);const u={loaded:!1,error:null,dataRetention:[],metricsCollected:0},h=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];const[o,a]=(0,n.useState)(u),l=(0,n.useRef)(0),s=r.join(",");return(0,n.useEffect)(()=>{if(!e||!t)return;const n=++l.current;a(e=>({...e,loaded:!1,error:null})),(0,c.jt)(e,t,r).then(e=>{if(l.current!==n)return;const t=e?.data||e||{};a({...u,loaded:!0,...t})}).catch(e=>{l.current===n&&a({...u,loaded:!0,error:e})})},[e,t,s]),o};var g=r(74848);const x={loaded:!1,error:null,dataRetention:[],metricsCollected:0},p=(0,n.createContext)(x),m=()=>(0,n.useContext)(p),f=[],b=e=>{let{dashboardId:t,children:r}=e;const n=(0,a.vt)(),c=(0,o.ID)(),u=(0,s.fz)(t,"respectNodesScope"),x=(0,l.w7)({extraKey:`dashboard-${t}`,merge:!1,scoped:!0}),m=u?x:f;(0,i.A)(),(0,d.A)();const b=h(n,c,m);return(0,g.jsx)(p.Provider,{value:b,children:r})}},25616(e,t,r){r.d(t,{Ay:()=>c,dK:()=>d});var n=r(96540),o=r(41514),a=r(38429),l=r(74848);class s extends n.Component{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){(0,o.H)("dashboard-error",{error:e.message,stack:t.componentStack,dashboardId:this.props.dashboardId})}handleRetry=()=>{this.setState({hasError:!1,error:null}),this.props.onRetry&&this.props.onRetry()};render(){return this.state.hasError?this.props.fallback||(0,l.jsx)(i,{onRetry:this.handleRetry,canRetry:!1!==this.props.canRetry,error:this.state.error}):this.props.children}}const i=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?`"${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"})]})},c=s},95932(e,t,r){r.d(t,{A:()=>d});r(74423),r(98992),r(23215),r(54520),r(72577),r(81454),r(37550);var n=r(96540),o=r(24013),a=r(50694),l=r(58243),s=r(19186),i=r(41061);const d=function(e){let{nodeIds:t,selectedNodeIds:r}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const d=(0,o.Gt)(t),c=(0,s.ID)(),u=(0,a.Jk)(c);return(0,n.useMemo)(()=>{if(r?.length>0)return r;const t=e?Object.entries(e).filter(e=>{let[,t]=e;return t?.length>0}):[];if(0===t.length)return[];return d.filter(e=>t.every(t=>{let[r,n]=t;if("selectedGroups"===r)return n.some(t=>{const r=i.E9.find(e=>e.id===t);if(r)return r.showFn(e);const n=u?.find(e=>e.id===t);return!!n&&(0,l.BW)(e,n.filters,n.selectedNodeIds)});if("nodeStatuses"===r)return n.includes(e.nodeStatus);if("nodeVersions"===r)return n.includes(e.version);if("nodeCapabilities"===r)return n.some(t=>e.capabilities&&t in e.capabilities);if("os.nm"===r)return n.includes(e.os?.nm);if(r.startsWith("label.")){const t=r.replace("label.","");return e.labels&&n.some(r=>{const[,n]=r.includes("|")?r.split("|",2):[t,r];return e.labels[t]===n})}return!0})).map(e=>e.id)},[d,r,e,u])}}}]);