!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"9f9973293dea885c0484e86d9a5d6e44ba9e045b"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="779a5fb5-77c4-4bd1-9683-e94be3a6b81f",e._sentryDebugIdIdentifier="sentry-dbid-779a5fb5-77c4-4bd1-9683-e94be3a6b81f")}catch(e){}}(),(globalThis.webpackChunkcloud_frontend=globalThis.webpackChunkcloud_frontend||[]).push([[7986],{71103(e,t,n){n.d(t,{PA:()=>l,RU:()=>i,jw:()=>s,tL:()=>d});var r=n(882),o=n(38429),a=n(74848);const l=(0,r.default)(o.TextSmall).attrs({color:"textDescription"}).withConfig({displayName:"flowGraphTooltip__TooltipMetaLine",componentId:"sc-dmu3oh-0"})(["overflow-wrap:anywhere;"]),i=e=>{const t=Number(e||0);return t>=1073741824?`${(t/1073741824).toFixed(1)} GiB`:t>=1048576?`${(t/1048576).toFixed(1)} MiB`:t>=1024?`${(t/1024).toFixed(0)} KiB`:`${t.toLocaleString()} B`},s=e=>`${Number(e||0).toLocaleString()} packets`,d=e=>{let{label:t,value:n}=e;return(0,a.jsxs)(o.Flex,{justifyContent:"space-between",alignItems:"center",gap:1,width:"100%",children:[(0,a.jsx)(o.TextSmall,{color:"textDescription",children:t}),(0,a.jsx)(o.TextSmall,{strong:!0,textAlign:"right",children:n})]})}},41766(e,t,n){n.d(t,{A:()=>S});n(98992),n(54520),n(3949),n(81454),n(25509),n(65223),n(60321),n(41927),n(11632),n(64377),n(66771),n(12516),n(68931),n(52514),n(35694),n(52774),n(49536),n(21926),n(94483),n(16215);var r=n(96540),o=n(40961),a=n(38429),l=n(93331),i=n(22007),s=n(44862),d=n(882),c=n(43905),u=n(72704),f=n(19818),h=n(18754),g=n(85660),m=n(71103),p=n(74848);const x=(0,d.default)(a.Box).attrs({position:"relative",overflow:"hidden",width:"100%",height:{min:0}}).withConfig({displayName:"sankeyTab__SankeyContainer",componentId:"sc-1g1xwew-0"})(["height:",";"],e=>{let{containerHeight:t}=e;return t||"100%"}),b=(0,d.default)(a.Flex).attrs({column:!0,gap:1,padding:[2,3],round:2,background:"mainBackground",border:"borderSecondary"}).withConfig({displayName:"sankeyTab__SankeyTooltipCard",componentId:"sc-1g1xwew-1"})(["width:min(320px,calc(100% - 20px));box-shadow:0 4px 12px rgba(0,0,0,0.2);"]),y={right:"left",bottom:"top"},w={right:"left",top:"bottom"},v={left:"right",bottom:"top"},C={left:"right",top:"bottom"},j=["#50b8ff","#f7b955","#8de29d","#ff6b6b","#c084fc","#67e8f9","#fbbf24","#a3e635","#fb923c","#e879f9","#38bdf8","#facc15","#4ade80","#f87171","#a78bfa"],S=(0,r.memo)(e=>{let{data:t,groupByKeys:n,columns:S={},height:k="100%",onGroupByReorder:T}=e;const A=(0,d.useTheme)(),[R,{width:F,height:_}]=(0,g.A)(),E=(0,r.useRef)(),I=(0,r.useRef)(),[D,$]=(0,r.useState)(),B=(0,r.useRef)(),L=(0,r.useRef)(),N=(0,r.useRef)(null),M=(0,r.useRef)(C),[P,z]=(0,r.useState)(null),[V,H]=(0,r.useState)(C);B.current=D,L.current=(0,i.default)(D,I,V,"width");const O=(0,s.default)(),K=(0,r.useCallback)(e=>{let{x:t,y:n}=e;if(N.current={x:t,y:n},!B.current)return;if(B.current.style.left=`${t}px`,B.current.style.top=`${n}px`,!I.current||!E.current)return void L.current?.();const r=E.current.getBoundingClientRect(),{width:o,height:a}=I.current.getBoundingClientRect(),l=r.left+t,i=r.top+n,s=(d=l+o>r.right,c=i+a>r.bottom,d&&c?y:d?w:c?v:C);var d,c;if(s!==M.current)return M.current=s,H(s),void requestAnimationFrame(()=>L.current?.());L.current?.()},[]),G="number"===typeof k?k:0,U=Math.max(_||G||0,G||320);(0,r.useLayoutEffect)(()=>{P&&N.current&&K(N.current)},[P]),(0,r.useEffect)(()=>{if(!F||!U||!t.nodes?.length||!t.links?.length||!E.current)return;const e=c.select(E.current);e.selectAll("*").remove();const r=30,o=180,a=F-o-180,l=U-r-10;if(a<=50||l<=50)return;const i=new Set(t.nodes.map(e=>e.id)),s=t.nodes.map(e=>({...e,name:e.id})),d=t.links.filter(e=>i.has(e.source)&&i.has(e.target)&&e.value>0).map(e=>({source:e.source,target:e.target,value:e.value}));if(!d.length)return;const g=e=>{if(!E.current)return;const[t,n]=c.pointer(e,E.current);K({x:t,y:n})},p=(e,t)=>{if(!E.current)return;const[n,r]=c.pointer(e,E.current);K({x:n,y:r}),z(t)},x=()=>{z(null)},b=(0,u.A)().nodeId(e=>e.name).nodeWidth(14).nodePadding(8).nodeAlign(f.kb||(e=>e.depth)).extent([[0,0],[a,l]])({nodes:s.map(e=>({...e})),links:d.map(e=>({...e}))}),y=e.append("g").attr("transform",`translate(${o},${r})`),w=e=>j[e%j.length];y.append("g").selectAll("path").data(b.links).join("path").attr("d",(0,h.A)()).attr("fill","none").attr("stroke",e=>w(e.source.column||0)).attr("stroke-opacity",.35).attr("stroke-width",e=>Math.max(1,e.width)).on("mouseenter",(e,t)=>{p(e,{type:"link",sourceField:t.source.field,sourceLabel:t.source.label,targetField:t.target.field,targetLabel:t.target.label,value:t.value})}).on("mousemove",g).on("mouseleave",x),y.append("g").selectAll("rect").data(b.nodes).join("rect").attr("x",e=>e.x0).attr("y",e=>e.y0).attr("width",e=>e.x1-e.x0).attr("height",e=>Math.max(1,e.y1-e.y0)).attr("fill",e=>w(e.column||e.depth||0)).attr("rx",2).on("mouseenter",(e,t)=>{p(e,{type:"node",field:t.field,label:t.label,value:t.value})}).on("mousemove",g).on("mouseleave",x),y.append("g").selectAll("text").data(b.nodes).join("text").attr("x",e=>e.x0<a/2?e.x0-6:e.x1+6).attr("y",e=>(e.y0+e.y1)/2).attr("dy","0.35em").attr("text-anchor",e=>e.x0<a/2?"end":"start").attr("fill",A.colors.textLite).attr("font-size",11).attr("font-family","monospace").text(e=>`${(e.label||"").length>28?`${e.label.slice(0,26)}\u2026`:e.label} (${(0,m.RU)(e.value)})`);const v=n.length>1&&!!T,C=n.map((e,t)=>{const n=b.nodes.filter(e=>(e.column||e.depth||0)===t);return n.length?n[0].x0+(n[0].x1-n[0].x0)/2:0}),k=v?y.append("line").attr("y1",-20).attr("y2",l+5).attr("stroke",A.colors.primary).attr("stroke-width",2).attr("stroke-dasharray","4,3").attr("opacity",0):null;n.forEach((e,t)=>{const r=C[t],o=y.append("text").attr("x",r).attr("y",-10).attr("fill",A.colors.textDescription).attr("font-size",10).attr("font-weight",600).attr("text-anchor","middle").attr("cursor",v?"grab":"default").text(S?.[e]?.name||e);if(!v)return;let a=t;o.call(c.drag().on("start",function(){c.select(this).attr("cursor","grabbing").attr("fill",A.colors.primary)}).on("drag",function(e){c.select(this).attr("x",e.x);let n=0,r=1/0;C.forEach((t,o)=>{const a=Math.abs(e.x-t);a<r&&(r=a,n=o)}),a=n,n!==t?k.attr("x1",C[n]).attr("x2",C[n]).attr("opacity",.6):k.attr("opacity",0)}).on("end",function(){if(k.attr("opacity",0),c.select(this).attr("x",r).attr("cursor","grab").attr("fill",A.colors.textDescription),a!==t){const e=[...n],[r]=e.splice(t,1);e.splice(a,0,r),T(e)}}))})},[S,t,F,U,n,T,A]);const J=P?"link"===P.type?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(a.Text,{strong:!0,children:[P.sourceLabel," \u2192 ",P.targetLabel]}),(0,p.jsxs)(m.PA,{children:[P.sourceField," \u2192 ",P.targetField]}),(0,p.jsx)(m.tL,{label:"Bytes",value:(0,m.RU)(P.value)})]}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(a.Text,{strong:!0,children:P.label}),(0,p.jsx)(m.PA,{children:P.field}),(0,p.jsx)(m.tL,{label:"Bytes",value:(0,m.RU)(P.value)})]}):null;return t.nodes?.length&&t.links?.length?(0,p.jsxs)(x,{ref:R,containerHeight:k,children:[F>0&&(0,p.jsx)("svg",{ref:E,width:F,height:U}),(0,p.jsx)(a.Flex,{ref:e=>$(e),position:"absolute"}),P&&o.createPortal((0,p.jsx)(l.default,{ref:I,column:!0,margin:[V.top?2:-2,V.right?-2:2],sx:{pointerEvents:"none"},zIndex:101,children:(0,p.jsx)(b,{children:J})}),O)]}):(0,p.jsx)(x,{ref:R,containerHeight:k,children:(0,p.jsx)(a.Flex,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:(0,p.jsx)(a.TextSmall,{color:"textDescription",children:"Not enough data for Sankey (need at least 2 group_by fields)."})})})})},70027(e,t,n){n.d(t,{A:()=>m});n(33110),n(98992),n(54520),n(81454);var r=n(96540),o=n(99238),a=n.n(o),l=n(882),i=n(38429),s=n(61533),d=n(554),c=n(57591),u=n(74848);const f=(0,l.default)(i.TextSmall).attrs({strong:!0}).withConfig({displayName:"tableTab__DetailLabel",componentId:"sc-fhe6r1-0"})(["min-width:140px;"]),h=e=>{if(null===e||"undefined"===typeof e||""===e)return"-";if("object"===typeof e)try{return JSON.stringify(e)}catch{return String(e)}return String(e)},g=(0,r.memo)(e=>{let{row:t,columns:n}=e;return(0,u.jsx)(i.Flex,{column:!0,gap:1,padding:[2,0],children:Object.entries(t).filter(e=>{let[t]=e;return"_raw"!==t&&"rowId"!==t}).map(e=>{let[t,r]=e;const o=n?.[t]?.displayName||n?.[t]?.name||t;return(0,u.jsxs)(i.Flex,{gap:2,alignItems:"start",children:[(0,u.jsx)(f,{color:"textDescription",children:o}),(0,u.jsx)(i.TextSmall,{children:h(r)})]},t)})})}),m=(0,r.memo)(e=>{let{rows:t,columns:n,fnName:o="flows:netflow",defaultSortKey:l="bytes",defaultSortDirection:f="desc",height:h=null,maxHeight:m=null,emptyMessage:p="No flow data."}=e;const x=(0,r.useMemo)(()=>(0,c.LJ)(n),[n]),b=(0,r.useMemo)(()=>(0,c.md)(t,n),[t,n]),y=x.columns?.[l]?.id||l,[w,v]=(0,r.useState)({}),[C,j]=(0,r.useState)([]),[S,k]=(0,r.useState)({}),[T,A]=(0,r.useState)({}),[R,F]=(0,r.useState)(y?[{id:y,desc:"desc"===f}]:[]);(0,r.useEffect)(()=>{F(y?[{id:y,desc:"desc"===f}]:[]),A({})},[f,y,n]);const _=(0,r.useMemo)(()=>({...x.columnVisibility,...w}),[x.columnVisibility,w]),E=(0,s.A)(x.sortedColumns,x.columns,{groupBy:"",columnVisibility:_}),I=(0,r.useMemo)(()=>({left:x.pinnedColumns}),[x.pinnedColumns]),D=(0,r.useMemo)(()=>({download:{handleAction:(0,i.downloadCsvAction)(o),isDisabled:!1,tooltipText:"Download as CSV",icon:"download",confirmation:!1,alwaysEnabled:!0}}),[o]),$=(0,r.useCallback)((e,t)=>{let{fullRow:n}=e;n.getToggleExpandedHandler()(t)},[]),B=(0,r.useCallback)(e=>{let{data:t}=e;return(0,u.jsx)(g,{row:t,columns:x.columns})},[x.columns]),L=(0,r.useCallback)((e,t)=>e?.rowId??t,[]);return t.length?(0,u.jsx)(i.Flex,{width:"100%",minHeight:0,height:h||"100%",style:m?{maxHeight:m}:void 0,children:(0,u.jsx)(d.K,{title:null,data:b,dataColumns:E,dataGa:"functions",columnVisibility:_,enableColumnPinning:x.pinnedColumns.length>0,columnPinning:I,enableColumnVisibility:!0,enableColumnReordering:!0,columnOrder:C,onColumnOrderChange:j,enableResizing:!0,onColumnSizingChange:k,columnSizing:S,enableSorting:!0,onSortingChange:F,sortBy:R,onColumnVisibilityChange:v,onClickRow:$,expanded:T,onExpandedChange:A,renderSubComponent:B,getRowCanExpand:a(),bulkActions:D,getRowId:L,paused:!1})}):(0,u.jsx)(i.TextSmall,{color:"textDescription",padding:[1,0],children:p})})},59917(e,t,n){n.d(t,{A:()=>h});var r=n(96540),o=n(38429),a=n(28657),l=n(13752),i=n(92815),s=n(82650),d=n(87398),c=n(57591),u=n(74848);const f=e=>t=>`flows-timeseries::${e.getAttribute("id")}::${t}`,h=e=>{let{chart:t,nodeIds:n,fn:h,height:g=320}=e;const m=(0,d.eg)(),p=(0,r.useRef)();p.current=()=>Promise.resolve(t);const x=(0,c.pv)(t),[b,y]=(0,r.useMemo)(()=>{const e=`${n}-${h}-flows-timeseries`,t=m.makeChart({attributes:{id:e,info:"Top-N flow tuples over time"},getChart:()=>p.current(),makeTrack:f});return m.getRoot().appendChild(t),[t,e]},[n,h]);return(0,r.useEffect)(()=>{x&&b&&b.trigger("fetch")},[t,b,x]),(0,r.useEffect)(()=>{if(!b)return;const e=t?.view?.chart_type||"stacked";b.updateAttributes({toolboxElements:[l.default,i.default,s.default],title:"Flows Time-Series",chartType:e,selectedChartType:e})},[b,t?.view?.chart_type]),(0,r.useEffect)(()=>()=>b&&b.destroy(),[b]),x?(0,u.jsx)(o.Flex,{flex:!0,width:"100%",height:g,children:(0,u.jsx)(a.A,{"data-chartid":y,chart:b,overflow:"hidden",hasFilters:!1})}):(0,u.jsx)(o.Flex,{padding:[4],justifyContent:"center",children:(0,u.jsx)(o.TextSmall,{color:"textDescription",children:"No time-series data available."})})}},554(e,t,n){n.d(t,{K:()=>s});var r=n(96540),o=n(882),a=n(38429),l=n(57377);const i=(0,o.default)(a.Table).withConfig({displayName:"shared__StyledFunctionsTable",componentId:"sc-1bxwbdb-0"})(["*{font-family:monospace;letter-spacing:0.09px;}"]),s=(0,r.memo)(i,(e,t)=>!t.paused&&(0,l.Ay)(e,t,{keep:["columnVisibility","columnOrder","data","fnQuery","sortBy","virtualizeOptions","columnSizing","columnPinning","grouping"]}))}}]);