!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"d59f3e13055072acb481db3c59603d296982e8b2"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="36f6d869-1354-4201-9fd2-e116c649ed34",e._sentryDebugIdIdentifier="sentry-dbid-36f6d869-1354-4201-9fd2-e116c649ed34")}catch(e){}}(),(globalThis.webpackChunkcloud_frontend=globalThis.webpackChunkcloud_frontend||[]).push([[8723],{78723(e,t,n){n.r(t),n.d(t,{default:()=>a});n(98992),n(54520),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 o=n(96540),d=n(38429),s=n(85660),l=n(25038),i=n(25219),r=n(74848);const a=(0,o.memo)(e=>{let{topologyGraph:t,topologyActorRows:n,presentation:a,filterKey:f}=e;const[c,u]=(0,o.useState)(null),[h,g]=(0,o.useState)(""),[p,b]=(0,o.useState)(""),[y,{height:k}]=(0,s.A)(),x=Math.max(300,k-8),{nodes:w=[],links:m=[]}=t||{},I=(0,o.useMemo)(()=>new Set((n||[]).map(e=>e.id)),[n]),L=(0,o.useMemo)(()=>n?w.filter(e=>I.has(e.id)):w,[w,I,n]),S=(0,o.useMemo)(()=>n?m.filter(e=>I.has(e.source)&&I.has(e.target)):m,[m,I,n]);return L.length?(0,r.jsxs)(d.Flex,{ref:y,flex:!0,column:!0,overflow:"hidden",children:[(0,r.jsx)(l.A,{nodes:L,links:S,portStateLinks:m,selectedNodeId:h,selectedLinkId:p,height:x,filterKey:f,presentation:a,onNodeClick:e=>{g(e.id),b(""),u(e.id)},onLinkClick:e=>{b(e.id),g("")}}),!!c&&(0,r.jsx)(i.A,{actorId:c,graphNodes:w,graphLinks:m,allLinks:m,presentation:a,onClose:()=>u(null)})]}):(0,r.jsx)(d.Flex,{flex:!0,alignItems:"center",justifyContent:"center",children:(0,r.jsx)(d.Text,{color:"textLite",children:"No topology data"})})})}}]);