!function(){try{var t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};t.SENTRY_RELEASE={id:"9170653e16c97eceaa1ad9e3f6f38e5725ee9d53"};var e=(new t.Error).stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="0bb7dfd0-28af-4bd1-b7f4-50c7851af472",t._sentryDebugIdIdentifier="sentry-dbid-0bb7dfd0-28af-4bd1-b7f4-50c7851af472")}catch(t){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[5],{44252(t,e,r){r.d(e,{A:()=>j});var n=r(80045),o=r(64467),a=(r(98992),r(54520),r(3949),r(62953),r(96540)),i=r(42358),l=r(5020),s=r(85660),c=r(18121),d=r(23226),u=r(80744),p=(r(8872),r(19018)),f=r(57377),m=r(1817),h=r(24285),b=r(74848);const y={dark:{publicColor:"#FF9700",privateColor:"#0075A2",serverColor:"#00a44a",clientColor:"#DB162F",otherColor:"#3E4551",appFontColor:"#AEBBBB",appFontFamily:"monospace",appFontSize:"12px",appFontWeight:"regular",borderFontColor:"#EDF0F0",borderFontFamily:"monospace",borderFontSize:"14px",borderFontWeight:"bold"},light:{publicColor:"#BFA142",privateColor:"#197EA8",serverColor:"#339979",clientColor:"#CD6364",otherColor:"#AFB5BA",appFontColor:"#526161",appFontFamily:"monospace",appFontSize:"12px",appFontWeight:"regular",borderFontColor:"#5D7070",borderFontFamily:"monospace",borderFontSize:"14px",borderFontWeight:"bold"}},g=(0,a.memo)((t=>{let{data:e,width:r,height:n,processing:o,ref:l}=t;const s=(0,a.useRef)({}),c=(0,h.xd)("theme"),d=(0,m.A)(e),u=(0,m.A)(r),g=(0,m.A)(n),v=(0,m.A)(o),x=(0,a.useRef)({}),F=function(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];const o=!t&&(0,f.Ay)(e,d);x.current=o?x.current:e.reduce(((t,e)=>(t[e.Process]||(t[e.Process]={listen:0,inbound:0,outbound:0,local:0,private:0,public:0,total:0,name:e.Process}),t[e.Process].total+=e.Count,"listen"===e.Direction?t[e.Process].listen+=e.Count:"local"===e.Direction?t[e.Process].local+=e.Count:"inbound"===e.Direction?t[e.Process].inbound+=e.Count:"outbound"===e.Direction&&(t[e.Process].outbound+=e.Count),"public"===e.RemoteAddressSpace?t[e.Process].public+=e.Count:"private"===e.RemoteAddressSpace&&(t[e.Process].private+=e.Count),t)),{});function a(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(7!==t.length||"#"!==t[0])throw new Error("Invalid hex color format");const r=parseInt(t.slice(1,3),16),n=parseInt(t.slice(3,5),16),o=parseInt(t.slice(5,7),16);return"rgba(".concat(r,", ").concat(n,", ").concat(o,", ").concat(e,")")}function i(t,e,r,n,o){const a=e/2,i=r/2;!function(t){t.selectAll(".app").each((function(t){t&&(s.current[t.name]={x:t.x,y:t.y})}))}(t);const l=p.scaleOrdinal().domain(["public","private","listenInbound","outbound","others"]).range([o.publicColor,o.privateColor,o.serverColor,o.clientColor,o.otherColor]),c=p.pie().value((t=>t.value)),d=p.arc(),f=t.selectAll(".app").data(Object.values(x.current),(t=>t.name));f.exit().transition().style("opacity",0).remove();const b=f.enter().append("g").attr("class","app").attr("transform",(t=>{const e=s.current[t.name];return"translate(".concat((null===e||void 0===e?void 0:e.x)||a,", ").concat((null===e||void 0===e?void 0:e.x)||i,")")}));b.each((function(t){const e=p.select(this),r=c(t.d3.pie),n=t.d3.size;e.selectAll("path").data(r).enter().append("path").transition().attr("fill",((t,e)=>l(e))),e.append("text").text((t=>t.name)).attr("text-anchor","middle").attr("y",n+10).style("font-family",o.appFontFamily).style("font-size",o.appFontSize).style("font-weight",o.appFontWeight).style("fill",o.appFontColor)}));const y=b.merge(f);return y.each((function(t){const e=p.select(this),r=s.current[t.name]||function(t){return t.d3.isListener?{x:t.d3.x,y:t.d3.y}:{x:a,y:i}}(t);t.x=r.x,t.y=r.y,e.selectAll("path").data(c(t.d3.pie)).transition().attr("d",d.innerRadius(0).outerRadius(t.d3.size)),e.select("text").transition().attr("y",t.d3.size+10)})),y.call(p.drag().on("start",u).on("drag",m).on("end",h)),y}let l;function u(t,e){t.active||l.alphaTarget(1).restart(),e.fx=e.x,e.fy=e.y}function m(t,e){e.fx=t.x,e.fy=t.y}function h(t,e){t.active||l.alphaTarget(0),e.fx=null,e.fy=null}!function(e,s){let c=p.select("#d3-canvas").select("svg");((t,e,r)=>{if(o)return;const n=t/2-r,a=e/2-r,i=Math.min(2*n/3-r,2*a/3-r,Math.max(5,Math.min(t,e)/Object.keys(x.current).length)+13),l=Object.values(x.current),s={total:p.max(l,(t=>t.total)),local:p.max(l,(t=>t.local)),listen:p.max(l,(t=>t.listen)),private:p.max(l,(t=>t.private)),public:p.max(l,(t=>t.public)),inbound:p.max(l,(t=>t.inbound)),outbound:p.max(l,(t=>t.outbound))},c=p.scaleLog().domain([1,s.total]).range([13,i]).clamp(!0);let d=0,u=0,f=0,m=e-r;l.forEach((o=>{const i=p.scaleLog().domain([1,o.total+1]).range([0,n-r]),l=p.scaleLog().domain([1,o.total+1]).range([0,n-r]),h=p.scaleLog().domain([1,o.total+1]).range([0,a-r]),b=p.scaleLog().domain([1,o.total+1]).range([0,a-r]);x.current[o.name].forces={total:o.total/s.total,local:o.local/s.local,listen:o.listen/s.listen,private:o.private/s.private,public:o.public/s.public,inbound:o.inbound/s.inbound,outbound:o.outbound/s.outbound},x.current[o.name].pos={right:i(o.public+1),left:l(o.private+1),top:h(o.outbound+1),bottom:b((o.listen+o.inbound)/2+1)};const y=o.total-(o.public+o.private+o.listen+o.inbound+o.outbound);let g=r+n+x.current[o.name].pos.right-x.current[o.name].pos.left,v=r+a+x.current[o.name].pos.bottom-x.current[o.name].pos.top,F=c(o.total);o.listen===o.total&&(F=10,f===u&&50*d>2*t/3&&(d=0,f=0,u=0,m-=80),d?f>=u?(u++,g=t/2+50*u,v=m-F-(u%2===0?0:40)):(f++,g=t/2-50*f,v=m-F-(f%2===0?0:40)):(g=t/2,v=m-F),d++),x.current[o.name].d3={isListener:o.listen===o.total,x:g,y:v,size:F,pie:[{value:o.public},{value:o.private},{value:o.listen+o.inbound},{value:o.outbound},{value:y>0?y:0}]},x.current[o.name].d3.x-x.current[o.name].d3.size/2<r&&(x.current[o.name].d3.x=r+2*x.current[o.name].d3.size),x.current[o.name].d3.x+x.current[o.name].d3.size/2>t&&(x.current[o.name].d3.x=t-2*x.current[o.name].d3.size),x.current[o.name].d3.y-x.current[o.name].d3.size/2<r&&(x.current[o.name].d3.y=r+2*x.current[o.name].d3.size),x.current[o.name].d3.y+x.current[o.name].d3.size/2>e&&(x.current[o.name].d3.y=e-2*x.current[o.name].d3.size)}))})(r,n,e),(c.empty()||t)&&(c=c.empty()?p.select("#d3-canvas").append("svg").attr("width",r).attr("height",n):c.attr("width",r).attr("height",n),function(t,e,r,n,o){p.select("#d3-canvas").selectAll("svg > *").remove();const i=r/2,l=t.append("defs").append("linearGradient").attr("id","clientsGradient").attr("x1","0%").attr("y1","0%").attr("x2","0%").attr("y2","100%");l.append("stop").attr("offset","0%").style("stop-color",a(o.clientColor,1)),l.append("stop").attr("offset","100%").style("stop-color",a(o.clientColor,0));const s=t.append("g").attr("class","topRect");s.append("rect").attr("x",0).attr("y",0).attr("width","100%").attr("height",n/2).style("fill","url(#clientsGradient)"),s.append("text").text("Clients").attr("x","50%").attr("y",12).attr("text-anchor","middle").style("font-family",o.borderFontFamily).style("font-size",o.borderFontSize).style("font-weight",o.borderFontWeight).style("fill",o.borderFontColor);const c=t.append("defs").append("linearGradient").attr("id","serversGradient").attr("x1","0%").attr("y1","100%").attr("x2","0%").attr("y2","0%");c.append("stop").attr("offset","0%").style("stop-color",a(o.serverColor,1)),c.append("stop").attr("offset","100%").style("stop-color",a(o.serverColor,0));const d=t.append("g").attr("class","bottomRect");d.append("rect").attr("x",0).attr("y","100%").attr("width","100%").attr("height",n/2).attr("transform","translate(0, -".concat(n/2,")")).style("fill","url(#serversGradient)"),d.append("text").text("Servers").attr("x","50%").attr("y","100%").attr("text-anchor","middle").attr("transform","translate(0, -4)").style("font-family",o.borderFontFamily).style("font-size",o.borderFontSize).style("font-weight",o.borderFontWeight).style("fill",o.borderFontColor);const u=t.append("defs").append("linearGradient").attr("id","publicGradient").attr("x1","100%").attr("y1","0%").attr("x2","0%").attr("y2","0%");u.append("stop").attr("offset","0%").style("stop-color",a(o.publicColor,1)),u.append("stop").attr("offset","100%").style("stop-color",a(o.publicColor,0));const f=t.append("g").attr("class","rightRect");f.append("rect").attr("x","100%").attr("y",0).attr("transform","translate(-".concat(n/2,", 0)")).attr("width",n/2).attr("height","100%").style("fill","url(#publicGradient)"),f.append("text").text("Public").attr("x","100%").attr("y","50%").attr("text-anchor","middle").attr("dominant-baseline","middle").attr("transform","rotate(90, ".concat(e-n/4,", ").concat(i,")")).style("font-family",o.borderFontFamily).style("font-size",o.borderFontSize).style("font-weight",o.borderFontWeight).style("fill",o.borderFontColor);const m=t.append("defs").append("linearGradient").attr("id","privateGradient").attr("x1","0%").attr("y1","0%").attr("x2","100%").attr("y2","0%");m.append("stop").attr("offset","0%").style("stop-color",a(o.privateColor,1)),m.append("stop").attr("offset","100%").style("stop-color",a(o.privateColor,0));const h=t.append("g").attr("class","leftRect");h.append("rect").attr("x",0).attr("y",0).attr("width",n/2).attr("height","100%").style("fill","url(#privateGradient)"),h.append("text").text("Private").attr("x",n/2).attr("y","50%").attr("text-anchor","middle").attr("dominant-baseline","middle").attr("transform","rotate(-90, ".concat(n/2-10,", ").concat(i,")")).style("font-family",o.borderFontFamily).style("font-size",o.borderFontSize).style("font-weight",o.borderFontWeight).style("fill",o.borderFontColor)}(c,r,n,e,s));const d=i(c,r,n,0,s);l=p.forceSimulation(Object.values(x.current)).force("x",p.forceX((t=>t.d3.x)).strength((t=>t.d3.isListener?.2:.1))).force("y",p.forceY((t=>t.d3.y)).strength((t=>t.d3.isListener?.2:.1))).force("collision",p.forceCollide((t=>1.1*t.d3.size+15)).strength(1)).on("tick",(()=>{d.each((t=>{t.x>r-e?t.x=r-e:t.x<e&&(t.x=e),t.y>n-e?t.y=n-e:t.y<e&&(t.y=e)})),d.attr("transform",(t=>"translate(".concat(t.x,", ").concat(t.y,")")))}))}(40,y[c]||y.dark)};return(0,a.useLayoutEffect)((()=>{o||r&&n&&F(u!==r||g!==n||v!==o)}),[e,r,n,c,o]),(0,b.jsx)(i.Flex,{id:"d3-canvas",ref:l,width:"100%",height:"100%",flex:!0,round:!0,overflow:"hidden"})})),v=["id","resizeHandle","style","paramsKey","containerWidth","resizing","ref","data"];function x(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function F(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?x(Object(r),!0).forEach((function(e){(0,o.A)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}const C={"network-viewer":g},w=t=>{let{id:e,resizeHandle:r,style:o,paramsKey:l,containerWidth:u,resizing:p,ref:f,data:m}=t,h=(0,n.A)(t,v);const y=C[e],[g,x]=(0,c.useHovered)({},[]),[,w]=(0,d.A)();(0,a.useEffect)((()=>{w(x)}),[x]);const[A,{width:j,height:O}]=(0,s.A)();return(0,b.jsxs)(i.Flex,{ref:(0,i.mergeRefs)(f,A),position:"relative",style:o,children:[(0,b.jsx)(y,F({data:m,id:e,role:"graphics-object","aria-roledescription":"chart",ref:g,containerWidth:u,width:j,height:O,processing:p},h),e),r]})},A=(0,a.memo)((t=>{var e;let{paramsKey:r,customCharts:n,containerWidth:o,data:s}=t;const c=Object.values(n).filter((t=>!!C[t.type])),d=null===(e=c[0])||void 0===e?void 0:e.type,[p,f]=(0,a.useState)(function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return[(0,l.bP)(t,F(F({left:0,top:0,width:12,height:9,id:t},e),{},{chartId:t,minWidth:12,maxWidth:12,minHeight:4,static:!1,dashboardable:!0}))]}(d,{paramsKey:r,containerWidth:o}));return c.length?(0,b.jsx)(i.Flex,{column:!0,"data-testid":"functionsCharts",gap:3,width:"100%",background:"mainChartBg",round:.5,children:(0,b.jsx)(u.Ay,{rootId:r.extraKey,containerId:r.extraKey,onDragEnd:(t,e)=>{(0,l.Q)(e),f(t)},items:p,containerWidth:o-40,Item:w,itemProps:{data:s},rearrangeable:!1})}):"No chart found"})),j=A},20410(t,e,r){r.d(e,{A:()=>n});r(26910),r(98992),r(23215),r(3949),r(81454),r(8872),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(62953);const n={sum:t=>t.reduce(((t,e)=>t+("number"===typeof e?e:0)),0),min:t=>{let e;return t.forEach((t=>{null!=t&&(e>t||void 0===e&&t>=t)&&(e=t)})),e},max:t=>{let e;return t.forEach((t=>{null!=t&&(e<t||void 0===e&&t>=t)&&(e=t)})),e},extent:t=>{let e,r;return t.forEach((t=>{null!=t&&(void 0===e?t>=t&&(e=r=t):(e>t&&(e=t),r<t&&(r=t)))})),[e,r]},mean:t=>{let e=0,r=0;if(t.forEach((t=>{null!=t&&(t=+t)>=t&&(++e,r+=t)})),e)return r/e},median:t=>{if(!t.length)return;if(e=t,!Array.isArray(e)||!e.every((t=>"number"===typeof t)))return;var e;if(1===t.length)return t[0];const r=Math.floor(t.length/2),n=t.sort(((t,e)=>t-e));return t.length%2!==0?n[r]:(n[r-1]+n[r])/2},unique:t=>Array.from(new Set(t.map((t=>t))).values()),uniqueCount:t=>new Set(t.map((t=>t))).size,count:t=>t.length}},81989(t,e,r){r.d(e,{A:()=>g});var n=r(64467),o=(r(98992),r(23215),r(54520),r(3949),r(81454),r(62953),r(96540)),a=r(28657),i=r(42358),l=r(13752),s=r(92815),c=r(72582),d=r(82650),u=r(87398),p=r(62718),f=r(74848);function m(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function h(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?m(Object(r),!0).forEach((function(e){(0,n.A)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}const b=t=>e=>"histogram::".concat(t.getAttribute("id"),"::").concat(e),y={"-":["#6F8879","#6F8879"],"[unsampled]":["#DBE1E1","#4A5757"],critical:["#F38593","#6E0B18"],debug:["#9E8B6E","#9E8B6E"],error:["#DB162F","#DB162F"],info:["#0EB6F0","#06526D"],information:["#0EB6F0","#06526D"],none:["#6F8879","#6F8879"],notice:["#3366CC","#3366CC"],success:["#00AB44","#00AB44"],verbose:["#854573","#422239"],warning:["#FF9700","#FF9700"]},g=t=>{let{histogram:e,availableHistograms:r,data:n,pagination:m,hover:g,help:v,histogramId:x,filters:F,onFiltersChange:C,toolboxSelectHistogram:w,toolboxReload:A,hideToolbox:j,nodeIds:O,fn:E,height:z}=t;const P=(0,u.eg)(),D=(0,o.useRef)();D.current=()=>Promise.resolve(null===e||void 0===e?void 0:e.chart);const I=(0,o.useRef)(!1),[S,B]=(0,o.useMemo)((()=>{const t="".concat(O,"-").concat(E,"-").concat(x),r=P.makeChart({attributes:h({id:t,info:v},e&&{colors:e.chart.view.dimensions.names.map((t=>y[t.toLowerCase()]||null))}),getChart:()=>D.current(),makeTrack:b});return P.getRoot().appendChild(r),[r,t]}),[O,E]);return(0,o.useEffect)((()=>{e&&(S.setAttribute("colors",e.chart.view.dimensions.names.map((t=>y[t.toLowerCase()]||null))),S.trigger("fetch"))}),[e]),(0,o.useEffect)((()=>{var t;return!!r&&S.updateAttributes({toolboxElements:j?[...A?[A]:[]]:[t=>{let{disabled:e}=t;return w({selectedId:x,disabled:e})},...A?[A]:[],c.default,l.default,s.default,d.default],title:null===e||void 0===e||null===(t=e.chart)||void 0===t||null===(t=t.view)||void 0===t?void 0:t.title})}),[r,E,A,j]),(0,o.useEffect)((()=>{if(!g||!S||!m)return;if(S.getAttribute&&S.getAttribute("dropdownOpen"))return;const t=n[g],r=Math.floor((null===t||void 0===t?void 0:t[null===m||void 0===m?void 0:m.column])/1e6);r&&!isNaN(r)&&S.updateAttribute("hoverX",[1e3*Math.floor(r-r%e.chart.view.update_every),null])}),[n,e,g]),(0,o.useEffect)((()=>{if(!S)return;const t=S.onAttributeChange("selectedLegendDimensions",(t=>{if(I.current)return;const e=t.filter((t=>"[estimated]"!==t&&"[unsampled]"!==t));C(e)}));return()=>{t()}}),[S,C]),(0,o.useEffect)((()=>{if(!S||!e)return;const t=S.getAttribute("selectedLegendDimensions")||[],r=[...F||[],...t.filter((t=>"[estimated]"===t||"[unsampled]"===t))];(t.length!==r.length||!t.every((t=>r.includes(t))))&&(I.current=!0,S.setAttribute("selectedLegendDimensions",r),Promise.resolve().then((()=>{I.current=!1})))}),[S,F,e]),(0,o.useEffect)((()=>()=>S&&S.destroy()),[S]),(0,f.jsx)(i.Flex,{flex:!0,width:"100%",height:{min:75,max:z},alignItems:"center",justifyContent:"center",children:S?(0,f.jsx)(a.A,{"data-chartid":B,chart:S,overflow:"hidden",hasFilters:!1}):(0,f.jsx)(p.mo,{})})}},13607(t,e,r){r.d(e,{A:()=>p});r(62953);var n=r(96540),o=r(51510),a=r(42358),i=r(81641),l=r(74848);const s=o.default.div.withConfig({displayName:"reload__IconsContainer",componentId:"sc-gd414j-0"})(["position:relative;"]),c=(0,o.default)(a.Icon).withConfig({displayName:"reload__SmallIcon",componentId:"sc-gd414j-1"})(["position:absolute;top:3px;left:3px;"]),d=(0,o.keyframes)(["from{transform:rotate(0deg);}to{transform:rotate(359deg);}"]),u=(0,o.default)(a.IconButton).withConfig({displayName:"reload__AnimatedIcon",componentId:"sc-gd414j-2"})(["&& svg{animation:",";}animation:rotation 2s infinite linear;"],(t=>{let{animate:e}=t;return e?(0,o.css)([""," 3s linear infinite"],d):""})),p=t=>{let{onRefresh:e,dataGa:r,testId:o,loading:d}=t;const p=(0,i.gC)(),[f,m]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{if(!d)return void m(!1);const t=setTimeout((()=>m(!0)),500);return()=>{clearTimeout(t)}}),[d]),(0,l.jsx)(a.Flex,{alignItems:"center",children:(0,l.jsxs)(s,{children:[(0,l.jsx)(c,{name:p?"playSolid":"pauseSolid",width:"6px",height:"6px",color:p?"primary":"text"}),(0,l.jsx)(u,{animate:f,"data-testid":"".concat(o,"-refreshNowBtn"),"data-ga":"".concat(r,"::click-refresh-now::functions-view"),flavour:"hollow",icon:"refresh",onClick:()=>e({merge:!1}),disabled:p,padding:[1]})]})})}}}]);