@odigos/ui-kit 0.0.239 → 0.0.241

package/lib/containers.js

@@ -1,14 +1,14 @@
-import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import n,{useTheme as r}from"styled-components";import{r as a,s as o,I as s,t as l,v as c,w as d,q as u,x as p,y as h,z as m,E as g,F as v,G as y,H as f,J as S,K as b,M as x,O as w,Q as k,R as N,U as C,V as $,W as E,X as T,Y as D,Z as O,_ as P,$ as I,a0 as R,a1 as L,a2 as A,a3 as M,a4 as K,a5 as z,a6 as _,a7 as F,a8 as B,b as G,a9 as V,aa as W,ab as j,ac as Y,ad as q,ae as H,af as U,g as J,ag as X,ah as Q,ai as Z,aj as ee,ak as te,al as ie,am as ne,an as re,ao as ae,ap as oe,P as se,aq as le,ar as ce,as as de,at as ue}from"./chunks/ui-components-BPdnIOmj.js";import{NotificationIcon as pe,TrashIcon as he,EditIcon as me,UserIcon as ge,ImageErrorIcon as ve,ChevronDownIcon as ye,ChevronRightIcon as fe,RefreshIcon as Se,RefreshLeftArrowIcon as be}from"./icons.js";import{forwardRef as xe,useState as we,useRef as ke,useImperativeHandle as Ne,useEffect as Ce,useCallback as $e,Children as Ee,Fragment as Te,useMemo as De}from"react";import{MarkerType as Oe,useNodesState as Pe,useEdgesState as Ie}from"@xyflow/react";import{E as Re}from"./chunks/vendor-C150cdxb.js";import{Y as Le}from"./chunks/index-B5PgIL40.js";import{P as Ae}from"./chunks/index-uXyrp4Xe.js";import"zustand";import"javascript-time-ago";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";const Me=n.div`
+import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import i,{useTheme as n}from"styled-components";import{d as o,u as a,I as s,a as c,N as d,e as l,F as p,f as g,g as h,C as u,S as m,h as y,i as f,j as v,k as x,D as b,E as w,l as N,m as S,n as k,o as T,p as $,q as K,r as C,s as M}from"./chunks/ui-components-DeKNGyn7.js";import{NotificationIcon as z,TrashIcon as E,UserIcon as I,ImageErrorIcon as R,ChevronDownIcon as G,ChevronRightIcon as _}from"./icons.js";import{useState as D,useRef as V,useCallback as A,useEffect as O}from"react";import{MarkerType as j,useNodesState as q,useEdgesState as B}from"@xyflow/react";import{E as F}from"./chunks/vendor-Be0cOokr.js";import{Flow as L}from"./snippets.js";import"zustand";import"javascript-time-ago";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";const P=i.div`
   position: relative;
   width: fit-content;
-`,Ke=n(v)`
+`,W=i(y)`
   gap: 12px;
   padding: 0 12px;
-`,ze=n(u)`
+`,H=i(p)`
   gap: 12px;
   max-height: 400px;
   overflow-y: auto;
-`,_e=n.div`
+`,U=i.div`
   position: absolute;
   bottom: 0;
   left: 0;
@@ -17,19 +17,19 @@ import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import n,{useThe
   border-radius: 0 0 24px 24px;
   background: ${({theme:e})=>`linear-gradient(to top, ${e.colors.dropdown_bg}, transparent)`};
   pointer-events: none;
-`,Fe=n(d)`
+`,X=i(l)`
   background-color: ${({theme:e})=>e.colors.orange_soft};
   color: ${({theme:e})=>e.text.primary};
   border-radius: 32px;
   width: fit-content;
   padding: 2px 8px;
-`,Be=()=>{const i=r(),{notifications:n,markAsSeen:u}=a(),p=n.filter(({hideFromHistory:e})=>!e),h=p.filter(({seen:e})=>!e),m=h.length,{popupRef:g,popupOpen:v,setPopupOpen:y,popupPosition:f,handlePosition:S}=o({defaultClientHeight:420,defaultClientwidth:400,onClickOutside:()=>{m&&h.forEach(({id:e})=>u(e))}});return e(Me,{children:[t(s,{onClick:()=>{S(0,0),y(e=>!e)},tooltip:"Notifications",withPing:!!m,pingColor:i.colors.orange_og,children:t(pe,{size:18})}),e(l,{ref:g,isOpen:v,right:f.left,maxWidth:"400px",header:e(Ke,{children:[t(d,{size:20,children:"Notifications"}),!!m&&e(Fe,{size:12,family:"secondary",children:[m," new"]})]}),children:[t(ze,{children:p.length?p.map(e=>t(qe,{...e,onClick:()=>y(!1)},`notification-${e.id}`)):t(c,{title:"No notifications",subTitle:""})}),t(_e,{})]})]})},Ge=n.div`
+`,J=()=>{const r=n(),{notifications:i,markAsSeen:p}=o(),g=i.filter(({hideFromHistory:e})=>!e),h=g.filter(({seen:e})=>!e),u=h.length,{popupRef:m,popupOpen:y,setPopupOpen:f,popupPosition:v,handlePosition:x}=a({defaultClientHeight:420,defaultClientwidth:400,onClickOutside:()=>{u&&h.forEach(({id:e})=>p(e))}});return e(P,{children:[t(s,{onClick:()=>{x(0,0),f(e=>!e)},tooltip:"Notifications",withPing:!!u,pingColor:r.colors.orange_og,children:t(z,{size:18})}),e(c,{ref:m,isOpen:y,right:v.left,maxWidth:"400px",header:e(W,{children:[t(l,{size:20,children:"Notifications"}),!!u&&e(X,{size:12,family:"secondary",children:[u," new"]})]}),children:[t(H,{children:g.length?g.map(e=>t(re,{...e,onClick:()=>f(!1)},`notification-${e.id}`)):t(d,{title:"No notifications",subTitle:""})}),t(U,{})]})]})},Q=i.div`
   display: flex;
   align-items: flex-start;
   gap: 12px;
   padding: 16px;
   border-radius: 16px;
-  background-color: ${({theme:e})=>e.colors.dropdown_bg_2+y["080"]};
+  background-color: ${({theme:e})=>e.colors.dropdown_bg_2+f["080"]};
   cursor: not-allowed;
   &.click-enabled {
     cursor: pointer;
@@ -37,30 +37,30 @@ import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import n,{useThe
       background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
     }
   }
-`,Ve=n.div`
-  background-color: ${({$type:e,theme:t})=>t.text[e]+y["015"]};
+`,Y=i.div`
+  background-color: ${({$type:e,theme:t})=>t.text[e]+f["015"]};
   border-radius: 8px;
   width: 36px;
   height: 36px;
   display: flex;
   align-items: center;
   justify-content: center;
-`,We=n.div`
+`,Z=i.div`
   width: 290px;
-`,je=n.div`
+`,ee=i.div`
   margin-bottom: 6px;
-`,Ye=n.div`
+`,te=i.div`
   display: flex;
   align-items: center;
   gap: 6px;
-`,qe=({id:n,seen:a,type:o,title:s,message:l,time:c,crdType:u,target:v,onClick:y})=>{const S=r(),{formatTimeAgo:b}=p(),{onClickNotification:x}=h(),w=!!u&&!!v,k=s?.toLowerCase().includes(m.Delete.toLowerCase())||!1,N=f(o,S);return e(Ge,{className:w?"click-enabled":"",onClick:()=>{w&&(y(),x({id:n,crdType:u,target:v}))},children:[t(Ve,{$type:k?g.Error:o,children:t(k?he:N,{})}),e(We,{children:[t(je,{children:t(d,{size:14,children:l})}),e(Ye,{children:[t(d,{size:10,color:S.text.grey,children:b(c)}),!a&&e(i,{children:[t(d,{size:10,children:"·"}),t(d,{size:10,color:S.colors.orange_soft,children:"new"})]})]})]})]},`notification-${n}`)},He=xe(({children:n,width:a=640,title:o,titleTooltip:s,hideEditTitleFromEdit:l,icons:c,iconSrcs:u,isEdit:p=!1,isFormDirty:h=!1,isLastItem:m=!1,onClose:g,onEdit:v,onSave:y,onDelete:f,onCancel:$,tabs:E,headerActionButtons:T},D)=>{const O=r(),{drawerType:P,setDrawerType:I,setDrawerEntityId:R}=S();b({key:"Enter",active:p},()=>j());const[L,A]=we(!1),[M,K]=we(!1),z=ke(null),_=P===C.Source,F=()=>{A(!1),K(!1)},B=()=>{F(),v&&v(!1),I(null),R(null),g?.()};Ne(D,()=>({closeDrawer:B}));const G=()=>{z.current?.clearTitle(),$&&$(),F()},V=()=>{const e=z.current?.isTitleDirty();h||e?K(!0):G()},W=()=>{A(!0)},j=()=>{y&&y(z.current?.getTitle()||"")},Y=T||[];return v&&!p&&Y.push({"data-id":"drawer-edit",variant:"tertiary",onClick:()=>v(!0),children:e(i,{children:[t(me,{}),t(d,{size:14,family:"secondary",decoration:"underline",children:"Edit"})]})}),f&&!p&&Y.push({"data-id":"drawer-delete",variant:"tertiary",onClick:W,children:e(i,{children:[t(he,{}),t(d,{color:O.text.error,size:14,family:"secondary",decoration:"underline",children:_?x.UNINSTRUMENT:x.DELETE})]})}),e(i,{children:[t(w,{isOpen:!0,onClose:p?V:B,closeOnEscape:!L&&!M,width:"number"==typeof a?`${a+64}px`:a,header:{icons:c,iconSrcs:u,title:o,titleTooltip:s,replaceTitleWith:!l&&p?t(Ue,{ref:z,title:o}):void 0,actionButtons:Y,tabs:E},footer:{isOpen:p,leftButtons:[{"data-id":"drawer-save",variant:"primary",onClick:j,children:x.SAVE},{"data-id":"drawer-cancel",variant:"secondary",onClick:V,children:x.CANCEL}],rightButtons:f?[{"data-id":"drawer-delete",variant:"tertiary",onClick:W,children:e(i,{children:[t(he,{}),t(d,{size:14,color:O.text.error,family:"secondary",decoration:"underline",children:x.DELETE})]})}]:[]},children:n}),t(k,{isOpen:L,noOverlay:!0,name:`${P}${o?` (${o})`:""}`,type:P,isLastItem:m,onApprove:()=>{f&&f(),F()},onDeny:F}),t(N,{isOpen:M,noOverlay:!0,name:"edit mode",onApprove:G,onDeny:F})]})}),Ue=xe(({title:e},i)=>{const[n,r]=we(e);return Ce(()=>{r(e)},[e]),Ne(i,()=>({getTitle:()=>n||e,isTitleDirty:()=>n!==e,clearTitle:()=>r(e)})),t($,{"data-id":"title",value:n,onChange:e=>r(e.target.value)})});Ue.displayName=Ue.name,He.displayName=He.name;const Je=e=>`${C.Source}-${e}-${E.MapItem}`,Xe=(e,t,i)=>{const n=e.isVirtual,r=i?[ge]:n?[D(e)]:t?O(t):[ve],{priorotizedStatus:a}=n?{priorotizedStatus:void 0}:P(t?.conditions||[]);return{id:e.graphKey,title:e.serviceName,icons:r,isVirtual:n,status:a,aggService:e}},Qe=e=>!(!e||"user"!==e.otelServiceName||e.namespace||e.name||e.kind),Ze=({theme:e,nodes:t,aggregatedServiceMap:i})=>{const n=[],r=new Map(t.map(e=>[e.id,e]));for(const t of i){const i=Je(t.graphKey),a=r.get(i);if(!a)continue;const o=a.data?.status===g.Error;for(const a of t.connections){const s=Je(a.targetGraphKey);r.has(s)&&n.push({id:`${i}-to-${s}`,type:"smoothstep",source:i,target:s,data:{sourceGraphKey:t.graphKey,targetGraphKey:a.targetGraphKey},markerEnd:{type:Oe.ArrowClosed},style:{stroke:o?e?.colors.dark_red:e?.colors.border}})}}return n},et=e=>{const t=e.lastIndexOf("|");return-1===t?{graphKey:e,detail:""}:{graphKey:e.substring(0,t),detail:e.substring(t+1)}},tt=new Re,it=`${C.Source}-user-${E.MapItem}`,nt={"elk.algorithm":"layered","elk.direction":"RIGHT","elk.layered.spacing.nodeNodeBetweenLayers":"150","elk.spacing.nodeNode":"120","elk.layered.nodePlacement.strategy":"NETWORK_SIMPLEX","elk.layered.spacing.edgeEdgeBetweenLayers":"30","elk.layered.spacing.edgeNodeBetweenLayers":"40"},rt=n.div`
+`,re=({id:i,seen:o,type:a,title:s,message:c,time:d,crdType:p,target:y,onClick:f})=>{const x=n(),{formatTimeAgo:b}=g(),{onClickNotification:w}=h(),N=!!p&&!!y,S=s?.toLowerCase().includes(u.Delete.toLowerCase())||!1,k=v(a,x);return e(Q,{className:N?"click-enabled":"",onClick:()=>{N&&(f(),w({id:i,crdType:p,target:y}))},children:[t(Y,{$type:S?m.Error:a,children:t(S?E:k,{})}),e(Z,{children:[t(ee,{children:t(l,{size:14,children:c})}),e(te,{children:[t(l,{size:10,color:x.text.grey,children:b(d)}),!o&&e(r,{children:[t(l,{size:10,children:"·"}),t(l,{size:10,color:x.colors.orange_soft,children:"new"})]})]})]})]},`notification-${i}`)},ie=e=>`${w.Source}-${e}-${x.MapItem}`,ne=(e,t,r)=>{const i=e.isVirtual,n=r?[I]:i?[N(e)]:t?S(t):[R],{priorotizedStatus:o}=i?{priorotizedStatus:void 0}:k(t?.conditions||[]);return{id:e.graphKey,title:e.serviceName,icons:n,isVirtual:i,status:o,aggService:e}},oe=e=>!(!e||"user"!==e.serviceName||e.id.namespace||e.id.name||e.id.kind),ae=({theme:e,nodes:t,aggregatedServiceMap:r})=>{const i=[],n=new Map(t.map(e=>[e.id,e]));for(const t of r){const r=ie(t.graphKey),o=n.get(r);if(!o)continue;const a=o.data?.status===m.Error;for(const o of t.connections){const s=ie(o.targetGraphKey);n.has(s)&&i.push({id:`${r}-to-${s}`,type:"smoothstep",source:r,target:s,data:{sourceGraphKey:t.graphKey,targetGraphKey:o.targetGraphKey},markerEnd:{type:j.ArrowClosed},style:{stroke:a?e?.colors.dark_red:e?.colors.border}})}}return i},se=e=>{const t=e.lastIndexOf("|");return-1===t?{graphKey:e,detail:""}:{graphKey:e.substring(0,t),detail:e.substring(t+1)}},ce=new F,de=`${w.Source}-user-${x.MapItem}`,le={"elk.algorithm":"layered","elk.direction":"RIGHT","elk.layered.spacing.nodeNodeBetweenLayers":"150","elk.spacing.nodeNode":"120","elk.layered.nodePlacement.strategy":"NETWORK_SIMPLEX","elk.layered.spacing.edgeEdgeBetweenLayers":"30","elk.layered.spacing.edgeNodeBetweenLayers":"40"},pe=i.div`
   padding: 8px 0;
-`,at=n.div`
+`,ge=i.div`
   display: flex;
   gap: 12px;
   align-items: center;
   padding: 4px 0 4px 16px;
-`,ot=n.button`
+`,he=i.button`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -74,43 +74,13 @@ import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import n,{useThe
   &:hover {
     text-decoration: underline;
   }
-`,st=n.div`
+`,ue=i.div`
   padding: 4px 0 8px;
-`,lt=({conn:i,onToggle:n,isExpanded:r})=>{const a=i.details.length>0;return t(rt,{children:e(v,{$justifyContent:"space-between",$alignItems:"center",children:[t(d,{size:14,weight:500,children:i.targetServiceName}),a&&e(ot,{onClick:n,children:[t(r?ye:fe,{size:12}),r?"hide attributes":`${i.details.length} attribute${i.details.length>1?"s":""}`]})]})})},ct=({conn:e})=>{const n=r();return t(i,{children:e.details.map(e=>t(at,{children:t(d,{size:12,color:n.text.secondary,style:{flex:1},children:e.value})},e.value))})},dt=({connections:n,isVirtual:a,attributes:o})=>{const[s,l]=we(new Set),c=r();if(a){const n=Object.entries(o||{});return e(i,{children:[t(d,{size:12,color:c.text.info,children:"This service is not instrumented. It was detected from client-side spans of services that communicate with it."}),n.length>0&&e(i,{children:[t(st,{style:{paddingTop:16},children:t(d,{size:11,color:c.text.info,children:"Attributes"})}),n.map(([i,n])=>e(at,{children:[t(d,{size:12,color:c.text.secondary,children:i}),t(d,{size:12,children:n})]},i))]})]})}return n.length?e(i,{children:[t(st,{children:t(d,{size:11,color:c.text.info,children:"Connected services"})}),n.map(i=>e("div",{children:[t(lt,{conn:i,isExpanded:s.has(i.targetGraphKey),onToggle:()=>{return e=i.targetGraphKey,void l(t=>{const i=new Set(t);return i.has(e)?i.delete(e):i.add(e),i});var e}}),s.has(i.targetGraphKey)&&t(ct,{conn:i}),t(R,{})]},i.targetGraphKey))]}):t(d,{size:12,color:c.text.info,children:"No outgoing connections"})},ut=({conn:n})=>{const a=r();return n?t(i,{children:n.details.length>0?e(i,{children:[t(st,{children:t(d,{size:11,color:a.text.info,children:"Attribute breakdown"})}),n.details.map(e=>t(at,{children:t(d,{size:12,style:{flex:1},children:e.value})},e.value))]}):t(d,{size:12,color:a.text.info,style:{padding:"8px 0"},children:"No attribute breakdown"})}):t(d,{size:12,color:a.text.info,children:"No data for this connection"})},pt=({drawerState:e,aggregatedData:i,onClose:n})=>{if(!e)return null;const r=new Map(i.map(e=>[e.graphKey,e]));let a="",o="",s=null;if("node"===e.type){const i=r.get(e.graphKey);a=i?.serviceName||e.graphKey,o=i?.isVirtual?"Virtual service (uninstrumented)":"Outgoing connections",s=t(dt,{connections:i?.connections||[],isVirtual:i?.isVirtual,attributes:i?.attributes})}else{const i=r.get(e.sourceKey),n=i?.connections.find(t=>t.targetGraphKey===e.targetKey);a=`${i?.serviceName||e.sourceKey} → ${n?.targetServiceName||e.targetKey}`,o="Connection details",s=t(ut,{conn:n})}return t(I,{isOpen:!0,width:"420px",position:"right",header:{title:a,subTitle:o,onClose:n},children:s})},ht=n.div`
+`,me=({conn:r,onToggle:i,isExpanded:n})=>{const o=r.details.length>0;return t(pe,{children:e(y,{$justifyContent:"space-between",$alignItems:"center",children:[t(l,{size:14,weight:500,children:r.targetServiceName}),o&&e(he,{onClick:i,children:[t(n?G:_,{size:12}),n?"hide attributes":`${r.details.length} attribute${r.details.length>1?"s":""}`]})]})})},ye=({conn:e})=>{const i=n();return t(r,{children:e.details.map(e=>t(ge,{children:t(l,{size:12,color:i.text.secondary,style:{flex:1},children:e.value})},e.value))})},fe=({connections:i,isVirtual:o,attributes:a})=>{const[s,c]=D(new Set),d=n();if(o){const i=Object.entries(a||{});return e(r,{children:[t(l,{size:12,color:d.text.info,children:"This service is not instrumented. It was detected from client-side spans of services that communicate with it."}),i.length>0&&e(r,{children:[t(ue,{style:{paddingTop:16},children:t(l,{size:11,color:d.text.info,children:"Attributes"})}),i.map(([r,i])=>e(ge,{children:[t(l,{size:12,color:d.text.secondary,children:r}),t(l,{size:12,children:i})]},r))]})]})}return i.length?e(r,{children:[t(ue,{children:t(l,{size:11,color:d.text.info,children:"Connected services"})}),i.map(r=>e("div",{children:[t(me,{conn:r,isExpanded:s.has(r.targetGraphKey),onToggle:()=>{return e=r.targetGraphKey,void c(t=>{const r=new Set(t);return r.has(e)?r.delete(e):r.add(e),r});var e}}),s.has(r.targetGraphKey)&&t(ye,{conn:r}),t($,{})]},r.targetGraphKey))]}):t(l,{size:12,color:d.text.info,children:"No outgoing connections"})},ve=({conn:i})=>{const o=n();return i?t(r,{children:i.details.length>0?e(r,{children:[t(ue,{children:t(l,{size:11,color:o.text.info,children:"Attribute breakdown"})}),i.details.map(e=>t(ge,{children:t(l,{size:12,style:{flex:1},children:e.value})},e.value))]}):t(l,{size:12,color:o.text.info,style:{padding:"8px 0"},children:"No attribute breakdown"})}):t(l,{size:12,color:o.text.info,children:"No data for this connection"})},xe=({drawerState:e,aggregatedData:r,onClose:i})=>{if(!e)return null;const n=new Map(r.map(e=>[e.graphKey,e]));let o="",a="",s=null;if("node"===e.type){const r=n.get(e.graphKey);o=r?.serviceName||e.graphKey,a=r?.isVirtual?"Virtual service (uninstrumented)":"Outgoing connections",s=t(fe,{connections:r?.connections||[],isVirtual:r?.isVirtual,attributes:r?.attributes})}else{const r=n.get(e.sourceKey),i=r?.connections.find(t=>t.targetGraphKey===e.targetKey);o=`${r?.serviceName||e.sourceKey} → ${i?.targetServiceName||e.targetKey}`,a="Connection details",s=t(ve,{conn:i})}return t(T,{isOpen:!0,width:"420px",position:"right",header:{title:o,subTitle:a,onClose:i},children:s})},be=i.div`
   width: 100%;
   height: ${({$heightToRemove:e})=>`calc(100vh - ${e}px)`};
   position: relative;
-`,mt={namespace:"",name:"",kind:"",otelServiceName:"user",selected:!0,numberOfInstances:0,dataStreamNames:[],containers:[],conditions:[]},gt=`${C.Source}-`,vt=`-${E.MapItem}`,yt=.15,ft=({heightToRemove:i,serviceMap:n,onRefresh:a})=>{const o=r(),s=L(e=>e.sources),[l,c,d]=Pe([]),[u,p,h]=Ie([]),[m,g]=we(0),[v,y]=we(null),f=ke([]);f.current=l;const S=ke(o);S.current=o;const b=ke([]),x=ke([]),w=$e(()=>g(e=>e+1),[]),{activeNodeId:k,setActiveNodeType:N,setActiveNodeId:$}=A();Ce(()=>{if(!k)return;const e=(t=k).startsWith(gt)&&t.endsWith(vt)?t.slice(gt.length,-vt.length):null;var t;e&&y({type:"node",graphKey:e})},[k]);const D=$e((e,t)=>{const{sourceGraphKey:i,targetGraphKey:n}=t.data||{};i&&n&&(N(null),$(null),y({type:"edge",sourceKey:i,targetKey:n}))},[N,$]),O=$e(()=>{y(null),N(null),$(null)},[N,$]),P=$e((e,t)=>{const i=t.id;p(e=>e.map(e=>e.source===i||e.target===i?{...e,animated:!0,style:{...e.style,strokeWidth:2.5},labelStyle:{...e.labelStyle,opacity:1},labelBgStyle:{...e.labelBgStyle,opacity:1}}:{...e,style:{...e.style,opacity:yt},labelStyle:{...e.labelStyle,opacity:yt},labelBgStyle:{...e.labelBgStyle,opacity:yt}}))},[p]),I=$e(()=>{p(x.current)},[p]);return Ce(()=>{let e=!1;const t=(e=>{const t=new Map,i=new Set,n=(e,i,n=!1)=>{let r=t.get(e);return r||(r={serviceName:i,isVirtual:n,attributes:{},connectionMap:new Map},t.set(e,r)),r},r=(e,t)=>{if(t)for(const{key:i,value:n}of t)i in e||(e[i]=n)};for(const t of e){const{graphKey:e}=et(t.nodeId),a=n(e,t.serviceName);a.isVirtual=!1;for(const e of t.services){const{graphKey:t,detail:o}=et(e?.nodeId??"");e.isVirtual&&(i.add(t),r(n(t,e.serviceName,!0).attributes,e.nodeAttributes));let s=a.connectionMap.get(t);if(s||(s={targetGraphKey:t,targetServiceName:e.serviceName,totalRequests:0,lastDateTime:e.dateTime,details:[]},a.connectionMap.set(t,s)),s.totalRequests+=e.requests,e.dateTime>s.lastDateTime&&(s.lastDateTime=e.dateTime),o){const t=s.details.find(e=>e.value===o);t?(t.requests+=e.requests,e.dateTime>t.dateTime&&(t.dateTime=e.dateTime)):s.details.push({value:o,requests:e.requests,dateTime:e.dateTime})}}}const a=[...t.entries()];for(const[,{connectionMap:e}]of a)for(const[r,a]of e)t.has(r)||n(r,a.targetServiceName,i.has(r));const o=[];for(const[e,{serviceName:i,isVirtual:n,attributes:r,connectionMap:a}]of t){const t=[...a.values()];t.sort((e,t)=>e.targetGraphKey.localeCompare(t.targetGraphKey)),o.push({graphKey:e,serviceName:i,isVirtual:n,connections:t,attributes:r})}return o.sort((e,t)=>e.graphKey.localeCompare(t.graphKey)),o})(n);b.current=t;const i=(({sources:e,aggregatedServiceMap:t})=>{const i=[],n={x:0,y:0};if(t.length&&e.length)for(const r of t){const t=Je(r.graphKey),a=e.find(e=>r.serviceName===e.otelServiceName||r.serviceName===e.name);i.push({id:t,type:E.MapItem,position:n,data:Xe(r,a,Qe(a)),measured:{width:80,height:80}})}else i.push({id:`${C.Source}-${E.NoData}`,type:E.NoData,position:n,data:{subTitle:T.ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC}});return i})({aggregatedServiceMap:t,sources:[mt].concat(s)});if(1===i.length&&i[0].id===`${C.Source}-${E.NoData}`)return c(i),p([]),void(x.current=[]);const r=new Set(f.current.map(e=>e.id)),a=new Set(i.map(e=>e.id)),o=i.some(e=>!r.has(e.id)),l=f.current.some(e=>!a.has(e.id));if(!(o||l)){const e=new Map(f.current.map(e=>[e.id,e.position]));c(i.map(t=>({...t,position:e.get(t.id)??t.position})));const n=Ze({theme:S.current,nodes:i,aggregatedServiceMap:t});return x.current=n,void p(n)}return(async(e,t,i={})=>{const n={id:"root",layoutOptions:{...nt,...i},children:e.map(e=>({id:e.id,width:80,height:80,...e.id===it?{layoutOptions:{"elk.layered.layering.layerConstraint":"FIRST","elk.alignment":"CENTER"}}:{}})),edges:t.map(e=>({id:e.id,sources:[e.source],targets:[e.target]}))},r=await tt.layout(n),a=new Map;return r.children?.forEach(e=>{a.set(e.id,{x:e.x??0,y:e.y??0})}),{nodes:e.map(e=>({...e,position:a.get(e.id)??e.position})),edges:t}})(i,Ze({theme:S.current,nodes:i,aggregatedServiceMap:t})).then(({nodes:t})=>{if(e)return;c(t);const i=Ze({theme:S.current,nodes:t,aggregatedServiceMap:b.current});x.current=i,p(i),w()}),()=>{e=!0}},[n,s]),Ce(()=>{if(!f.current.length)return;const e=Ze({theme:o,nodes:f.current,aggregatedServiceMap:b.current});x.current=e,p(e)},[o]),e(ht,{$heightToRemove:i,children:[t(M,{nodes:l,edges:u,onNodesChange:d,onEdgesChange:h,onEdgeClick:D,onNodeMouseEnter:P,onNodeMouseLeave:I,onRefresh:a,fitViewTrigger:m,zoomOnScroll:!0}),t(pt,{drawerState:v,aggregatedData:b.current,onClose:O})]})},St=(e,t)=>{const{name:i,kind:n,namespace:r}=e,a=[{title:T.KIND,value:n},{title:T.NAME,value:i,tooltip:"Resource name"}];return t||(a.unshift({title:T.NAMESPACE,value:r}),a.push({type:K.Divider}),a.push({type:K.CopyText,value:`kubectl get ${n} ${i} -n ${r}`.toLowerCase()})),a},bt=n.div`
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  padding: 4px;
-`,xt=({formData:e,handleFormChange:i})=>t(bt,{children:t($,{name:"sourceName",title:"Source name",tooltip:"This overrides the default service name that runs in your cluster.",placeholder:"Use a name that overrides the source name",value:e.otelServiceName,onChange:({target:{value:e}})=>i("otelServiceName",e)})}),wt=({workloadOdigosHealthStatus:e})=>{if(!e)return null;const i=B(e?.status),n=z(e?.reasonEnum),r=e?.message;return t(v,{$alignItems:"center",$justifyContent:"center",children:t(_,{status:i,title:n,subtitle:r,withBackground:i!==F.Disabled,withBorder:!0,withIcon:!0,width:"calc(100% - 24px)"})})},kt=({source:i,fetchSourceDescribe:n,onClickRestartPod:r})=>{const[a,o]=we(!1),[s,l]=we(null);return Ce(()=>{i&&n({namespace:i.namespace,name:i.name,kind:i.kind}).then(({data:e})=>{e?.describeSource?l(e.describeSource):o(!0)})},[i.namespace,i.name,i.kind]),s||a?t(u,{$gap:12,children:a?t(G,{$height:"70vh",children:t(c,{subTitle:"Could not fetch describe for this source"})}):s?.pods?.length?s.pods.map(({podName:n,nodeName:a,phase:o,agentInjected:l,runningLatestWorkloadRevision:c,containers:d,manifestYAML:u})=>{const p=o.status!==g.Success||W(d)?g.Error:g.Success,h=[];return h.push(t(j,{value:`kubectl get pod ${n.value} -n ${s?.namespace?.value||i.namespace}`.toLowerCase()},"copy-text")),h.push(t(R,{length:"100%",margin:"0"},"divider-1")),h.push(t(Y,{title:a.name,tooltip:a.explain||"",value:{status:a.status||void 0,text:a.value}},"describe-row-1")),h.push(t(R,{length:"100%",margin:"0"},"divider-2")),h.push(t(Y,{title:o.name,tooltip:o.explain||"",value:{status:o.status||void 0,text:o.value}},"describe-row-2")),h.push(t(R,{length:"100%",margin:"0"},"divider-3")),h.push(t(Y,{title:l.name,tooltip:l.explain||"",value:{status:l.status||void 0,text:l.value}},"describe-row-3")),h.push(t(R,{length:"100%",margin:"0"},"divider-4")),c?.name&&(h.push(t(Y,{title:c.name,tooltip:c.explain||void 0,value:{status:c.status||void 0,text:c.value}},"describe-row-4")),h.push(t(R,{length:"100%",margin:"0"},"divider-5"))),d.forEach(e=>{h.push(t(q,{...e},`pod-container-${e.containerName.value}`))}),u&&(h.push(t(R,{length:"100%",margin:"0"},"divider-6")),h.push(t(Le,{yaml:u},"yaml-section-card"))),t(H,{title:`Pod: ${n.value}`,withExtend:!0,action:({hovered:a})=>e("div",{style:{position:"relative"},children:[t(_,{status:p,title:p,withIcon:!0,withBorder:!0},"status"),a&&t(U,{isOpen:!0,positionRight:"calc(100% + 12px)",actions:r?[{id:J(),label:"Restart",rightIcon:Se,onClick:()=>r(s?.namespace?.value||i.namespace,n.value)}]:[]},"hover-actions")]}),children:Ee.toArray(h)},`pod-${n.value}`)}):t(G,{$height:"70vh",children:t(c,{subTitle:"Check if you have any running pods and try again"})})}):t(G,{$height:"70vh",children:t(V,{})})},Nt=n(v)`
-  width: 100%;
-  align-items: center;
-  justify-content: space-between;
-`,Ct=({source:i,fetchSourceLibraries:n})=>{const a=r(),[o,s]=we(!1),[l,p]=we(null);return Ce(()=>{i&&n({namespace:i.namespace,name:i.name,kind:i.kind}).then(({data:e})=>{e?.instrumentationInstanceComponents?p(X(e.instrumentationInstanceComponents).sort((e,t)=>e.name.localeCompare(t.name))):s(!0)})},[i.namespace,i.name,i.kind]),l||o?t(u,{$gap:12,children:o?t(G,{$height:"70vh",children:t(c,{subTitle:"Could not fetch libraries for this source"})}):l?.length?t(H,{title:"Instrumented Libraries",children:l.map(({name:i,healthy:n,message:r,nonIdentifyingAttributes:o},s)=>e(Te,{children:[e(u,{$gap:4,$width:"100%",children:[e(Nt,{$width:"100%",children:[t(d,{size:12,color:a.text.grey,children:i}),e(v,{$gap:4,children:[o.map(({key:e,value:n})=>Z(n)&&ee(n)&&"is_standard_lib"===e?t(_,{status:g.Default,title:"STANDARD",withBorder:!0},`${i}-${e}`):null),"boolean"==typeof n&&t(_,{status:n?g.Success:g.Error,title:n?"HEALTHY":"UNHEALTHY",withBorder:!0})]})]}),r&&t(d,{size:10,color:a.text.error,align:"right",children:r})]}),s!==l.length-1&&t(R,{length:"100%",margin:"0"})]},`library-${i}`))}):e(G,{$height:"70vh",$gap:12,children:[t(c,{title:"No libraries found",subTitle:""}),t(Q,{type:g.Warning,message:"This feature is in early development, and has very limited support"})]})}):t(G,{$height:"70vh",children:t(V,{})})},$t="70vh",Et=(e,t)=>e.serviceName.localeCompare(t.serviceName),Tt=n(d)`
-  cursor: ${({$clickable:e})=>e?"pointer":"default"};
-  text-decoration: ${({$clickable:e})=>e?"underline":"none"};
-  &:hover {
-    opacity: ${({$clickable:e})=>e?.7:1};
-  }
-`,Dt=n(v)`
-  justify-content: flex-end;
-  align-items: center;
-  gap: 6px;
-  cursor: pointer;
-`,Ot=({items:n,emptyMessage:a,keyPrefix:o,findSource:s,onNavigate:l})=>{const c=r();return n.length?t(i,{children:n.map(({serviceName:i},r)=>{const a=!!s(i);return e(Te,{children:[t(Tt,{size:13,color:a?c.text.secondary:c.text.grey,$clickable:a,onClick:()=>l(i),children:i}),r!==n.length-1&&t(R,{length:"100%",margin:"0"})]},`${o}-${i}`)})}):t(d,{size:13,color:c.text.grey,children:a})},Pt=({source:i,fetchPeerSources:n})=>{const a=r(),{setDrawerType:o,setDrawerEntityId:s}=S(),l=L(e=>e.sources),[p,h]=we(!1),[m,g]=we(!1),[v,y]=we(null),f=i.otelServiceName||i.name,b=$e(()=>{f&&(g(!0),h(!1),n(f).then(({data:e})=>{e?.peerSources?y(e.peerSources):h(!0)}).finally(()=>g(!1)))},[f]);Ce(()=>{b()},[b]);const x=$e(e=>l.find(t=>t.otelServiceName===e||t.name===e),[l]),w=$e(e=>{const t=x(e);t&&(o(C.Source),s({namespace:t.namespace,name:t.name,kind:t.kind}))},[x,o,s]);if(!v&&!p&&m)return t(G,{$height:$t,children:t(V,{})});if(p)return t(G,{$height:$t,children:t(c,{subTitle:"Could not fetch peer sources"})});const k=v?.inbound?[...v.inbound].sort(Et):[],N=v?.outbound?[...v.outbound].sort(Et):[];return e(u,{$gap:12,children:[t(H,{title:"Inbound",titleBadge:k.length,description:`Services that send requests to ${f}`,children:t(Ot,{items:k,emptyMessage:"No inbound connections",keyPrefix:"inbound",findSource:x,onNavigate:w})}),t(H,{title:"Outbound",titleBadge:N.length,description:`Services that ${f} sends requests to`,children:t(Ot,{items:N,emptyMessage:"No outbound connections",keyPrefix:"outbound",findSource:x,onNavigate:w})}),e(Dt,{onClick:b,children:[t(Se,{size:14}),t(d,{size:12,color:a.text.grey,decoration:"underline",children:"Refresh"})]})]})};var It;!function(e){e.Overview="Overview",e.Pods="Pods",e.Libraries="Libraries",e.PeerSources="Peer Sources",e.Profiling="Profiling"}(It||(It={}));const Rt=[oe.Deployment,oe.StatefulSet,oe.DaemonSet,oe.DeploymentConfig,oe.Rollout,oe.StaticPod],Lt=[oe.Deployment,oe.StatefulSet,oe.DaemonSet,oe.DeploymentConfig,oe.Rollout,oe.Pod],At=[se.Python,se.Go],Mt=n.div`
-  width: 100%;
-  height: 100%;
-  max-height: calc(100vh - 220px);
-  overflow: overlay;
-  overflow-y: auto;
-`,Kt=n.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`;var zt;!function(e){e.Workload="Workload",e.Pod="Pod"}(zt||(zt={}));const _t=({persistSources:n,updateSource:r,restartWorkloads:a,fetchSourceById:o,fetchSourceDescribe:s,fetchSourceLibraries:l,fetchPeerSources:c,restartPod:u,recoverFromRollback:p,profilingEnabled:h,fetchProfilingSlots:m,enableProfiling:v,fetchSourceProfiling:y})=>{const{isVm:f}=te(),b=L(e=>e.sources),{selectedStreamName:x}=ie(),{drawerType:w,drawerEntityId:k}=S(),N=De(()=>ne(b,x),[b,x]),$=ke(null),E=w===C.Source,[D,O]=we(!1),[P,I]=we(!1),[R,A]=we(It.Overview),[M,K]=we(null),[z,_]=we(!1);Ce(()=>{E&&k&&o(k).then(e=>K(e||null))},[E,k]);const{formData:B,handleFormChange:G,resetFormData:V,loadFormWithDrawerItem:W}=re(),j=De(()=>{if(k)return M&&JSON.stringify(ae(M))===JSON.stringify(ae(k))?M:N?.find(e=>JSON.stringify(ae(e))===JSON.stringify(ae(k)))},[k,N,M]);Ce(()=>{E&&j?W(j):V()},[E,j]);const Y=De(()=>{const e=j?.conditions?.find(({type:e})=>"RuntimeDetection"===e);return{description:e?.message,isLoading:e?.status===F.Loading,containers:j?.containers||[]}},[j]),q=De(()=>!!j?.rollbackOccurred,[j?.rollbackOccurred]),U=De(()=>{const e=[{label:It.Overview,onClick:()=>A(It.Overview),selected:R===It.Overview}];return f||(Rt.includes(j?.kind)&&e.push({label:It.Pods,onClick:()=>A(It.Pods),selected:R===It.Pods}),j?.containers?.some(e=>At.includes(e.overrides?.runtimeInfo?.language??e.runtimeInfo?.language))&&e.push({label:It.Libraries,onClick:()=>A(It.Libraries),selected:R===It.Libraries}),e.push({label:It.PeerSources,onClick:()=>A(It.PeerSources),selected:R===It.PeerSources}),h&&m&&v&&y&&e.push({label:It.Profiling,onClick:()=>A(It.Profiling),selected:R===It.Profiling})),e},[R,j,f,h,m,v,y]),J=Lt.includes(j?.kind),[X,Z]=we({openFor:null,workloadId:void 0,podNamespace:void 0,podName:void 0});if(!j)return null;return e(He,{ref:$,width:z?"95vw":R===It.Profiling?"80vw":void 0,onClose:()=>{A(It.Overview),K(null),_(!1)},title:j.otelServiceName||j.name,titleTooltip:"This attribute is used to identify the name of the service (service.name) that is generating telemetry data.",hideEditTitleFromEdit:!0,icons:ue(j.containers),isEdit:D,isFormDirty:P,onEdit:R===It.Overview?e=>{O("boolean"!=typeof e||e)}:void 0,onSave:async()=>{const e=B.otelServiceName!==j.name?B.otelServiceName:"";G("otelServiceName",e),await r(k,{...B,otelServiceName:e}),K(null),I(!1),O(!1)},onDelete:R===It.Overview?async()=>{const{namespace:e,name:t,kind:i}=j;n({[e]:[{namespace:e,name:t,kind:i||void 0,selected:!1,currentStreamName:x}]}),K(null),I(!1),O(!1),$.current?.closeDrawer()}:void 0,onCancel:()=>{I(!1),O(!1),G("otelServiceName",j.otelServiceName||j.name||"")},isLastItem:1===N.length,tabs:U,headerActionButtons:f?[]:J?[{"data-id":"rollout-restart",variant:"tertiary",onClick:()=>Z({openFor:zt.Workload,workloadId:k}),children:e(i,{children:[t(be,{}),t(d,{size:14,family:"secondary",decoration:"underline",children:"Restart"})]})}]:[],children:[R===It.Overview?D?t(Mt,{children:t(xt,{formData:B,handleFormChange:(...e)=>{I(!0),G(...e),G("currentStreamName",x)}})}):e(Kt,{children:[t(wt,{workloadOdigosHealthStatus:j.workloadOdigosHealthStatus}),q&&t(Q,{type:g.Warning,message:T.ROLLBACK_OCCURRED_MESSAGE,action:{label:T.ROLLBACK_RECOVER,onClick:async()=>{await p(k);const e=await o(k);e&&K(e)}}}),t(le,{conditions:j.conditions||[]}),t(H,{title:T.SOURCE_DETAILS,data:j?St(j,f):[]}),t(H,{title:f?T.DETECTED_PROCESSES:T.DETECTED_CONTAINERS,titleBadge:Y.isLoading?F.Loading:Y.containers.length,description:Y.description||(f?T.DETECTED_PROCESSES_DESCRIPTION:T.DETECTED_CONTAINERS_DESCRIPTION),children:Y.containers.map(e=>t(ce,{...e,callbackRuntimeOverride:e=>r(k,e)},`source-container-${e.containerName}`))}),j.manifestYAML&&t(Le,{title:`${j.kind} YAML`,yaml:j.manifestYAML,defaultOpen:!j.instrumentationConfigYAML}),j.instrumentationConfigYAML&&t(Le,{title:"Instrumentation Config YAML",yaml:j.instrumentationConfigYAML,defaultOpen:!j.manifestYAML})]}):R===It.Pods?t(kt,{source:j,fetchSourceDescribe:s,onClickRestartPod:J?(e,t)=>Z({openFor:zt.Pod,podNamespace:e,podName:t}):void 0}):R===It.Libraries?t(Ct,{source:j,fetchSourceLibraries:l}):R===It.PeerSources?t(Pt,{source:j,fetchPeerSources:c}):R===It.Profiling&&h&&m&&v&&y?t(Ae,{source:j,fetchProfilingSlots:m,enableProfiling:v,fetchSourceProfiling:y,onFlameFullscreenChange:_}):null,t(de,{isOpen:!!X.openFor,title:`Rollout Restart ${X.openFor}`,description:`Are you sure you want to rollout restart this ${X.openFor?.toLowerCase()}?`,approveButton:{text:"Confirm",variant:g.Warning,onClick:()=>{X.openFor===zt.Workload&&X.workloadId?a([X.workloadId]):X.openFor===zt.Pod&&X.podNamespace&&X.podName&&u(X.podNamespace,X.podName),Z({openFor:null})}},denyButton:{text:"Go Back",onClick:()=>{Z({openFor:null})}}})]})},Ft=n.div`
+`,we={id:{namespace:"",name:"",kind:""},serviceName:"user",markedForInstrumentation:{markedForInstrumentation:!0}},Ne=`${w.Source}-`,Se=`-${x.MapItem}`,ke=.15,Te=({heightToRemove:r,serviceMap:i,onRefresh:o})=>{const a=n(),s=K(e=>e.sources),[c,d,l]=q([]),[p,g,h]=B([]),[u,m]=D(0),[y,f]=D(null),v=V([]);v.current=c;const N=V(a);N.current=a;const S=V([]),k=V([]),T=A(()=>m(e=>e+1),[]),{activeNodeId:$,setActiveNodeType:M,setActiveNodeId:z}=C();O(()=>{if(!$)return;const e=(t=$).startsWith(Ne)&&t.endsWith(Se)?t.slice(Ne.length,-Se.length):null;var t;e&&f({type:"node",graphKey:e})},[$]);const E=A((e,t)=>{const{sourceGraphKey:r,targetGraphKey:i}=t.data||{};r&&i&&(M(null),z(null),f({type:"edge",sourceKey:r,targetKey:i}))},[M,z]),I=A(()=>{f(null),M(null),z(null)},[M,z]),R=A((e,t)=>{const r=t.id;g(e=>e.map(e=>e.source===r||e.target===r?{...e,animated:!0,style:{...e.style,strokeWidth:2.5},labelStyle:{...e.labelStyle,opacity:1},labelBgStyle:{...e.labelBgStyle,opacity:1}}:{...e,style:{...e.style,opacity:ke},labelStyle:{...e.labelStyle,opacity:ke},labelBgStyle:{...e.labelBgStyle,opacity:ke}}))},[g]),G=A(()=>{g(k.current)},[g]);return O(()=>{let e=!1;const t=(e=>{const t=new Map,r=new Set,i=(e,r,i=!1)=>{let n=t.get(e);return n||(n={serviceName:r,isVirtual:i,attributes:{},connectionMap:new Map},t.set(e,n)),n},n=(e,t)=>{if(t)for(const{key:r,value:i}of t)r in e||(e[r]=i)};for(const t of e){const{graphKey:e}=se(t.nodeId),o=i(e,t.serviceName);o.isVirtual=!1;for(const e of t.services){const{graphKey:t,detail:a}=se(e?.nodeId??"");e.isVirtual&&(r.add(t),n(i(t,e.serviceName,!0).attributes,e.nodeAttributes));let s=o.connectionMap.get(t);if(s||(s={targetGraphKey:t,targetServiceName:e.serviceName,totalRequests:0,lastDateTime:e.dateTime,details:[]},o.connectionMap.set(t,s)),s.totalRequests+=e.requests,e.dateTime>s.lastDateTime&&(s.lastDateTime=e.dateTime),a){const t=s.details.find(e=>e.value===a);t?(t.requests+=e.requests,e.dateTime>t.dateTime&&(t.dateTime=e.dateTime)):s.details.push({value:a,requests:e.requests,dateTime:e.dateTime})}}}const o=[...t.entries()];for(const[,{connectionMap:e}]of o)for(const[n,o]of e)t.has(n)||i(n,o.targetServiceName,r.has(n));const a=[];for(const[e,{serviceName:r,isVirtual:i,attributes:n,connectionMap:o}]of t){const t=[...o.values()];t.sort((e,t)=>e.targetGraphKey.localeCompare(t.targetGraphKey)),a.push({graphKey:e,serviceName:r,isVirtual:i,connections:t,attributes:n})}return a.sort((e,t)=>e.graphKey.localeCompare(t.graphKey)),a})(i);S.current=t;const r=(({sources:e,aggregatedServiceMap:t})=>{const r=[],i={x:0,y:0};if(t.length&&e.length)for(const n of t){const t=ie(n.graphKey),o=e.find(e=>n.serviceName===e.serviceName||n.serviceName===e.id.name);r.push({id:t,type:x.MapItem,position:i,data:ne(n,o,oe(o)),measured:{width:80,height:80}})}else r.push({id:`${w.Source}-${x.NoData}`,type:x.NoData,position:i,data:{subTitle:b.ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC}});return r})({aggregatedServiceMap:t,sources:[we].concat(s)});if(1===r.length&&r[0].id===`${w.Source}-${x.NoData}`)return d(r),g([]),void(k.current=[]);const n=new Set(v.current.map(e=>e.id)),o=new Set(r.map(e=>e.id)),a=r.some(e=>!n.has(e.id)),c=v.current.some(e=>!o.has(e.id));if(!(a||c)){const e=new Map(v.current.map(e=>[e.id,e.position]));d(r.map(t=>({...t,position:e.get(t.id)??t.position})));const i=ae({theme:N.current,nodes:r,aggregatedServiceMap:t});return k.current=i,void g(i)}return(async(e,t,r={})=>{const i={id:"root",layoutOptions:{...le,...r},children:e.map(e=>({id:e.id,width:80,height:80,...e.id===de?{layoutOptions:{"elk.layered.layering.layerConstraint":"FIRST","elk.alignment":"CENTER"}}:{}})),edges:t.map(e=>({id:e.id,sources:[e.source],targets:[e.target]}))},n=await ce.layout(i),o=new Map;return n.children?.forEach(e=>{o.set(e.id,{x:e.x??0,y:e.y??0})}),{nodes:e.map(e=>({...e,position:o.get(e.id)??e.position})),edges:t}})(r,ae({theme:N.current,nodes:r,aggregatedServiceMap:t})).then(({nodes:t})=>{if(e)return;d(t);const r=ae({theme:N.current,nodes:t,aggregatedServiceMap:S.current});k.current=r,g(r),T()}),()=>{e=!0}},[i,s]),O(()=>{if(!v.current.length)return;const e=ae({theme:a,nodes:v.current,aggregatedServiceMap:S.current});k.current=e,g(e)},[a]),e(be,{$heightToRemove:r,children:[t(L,{nodes:c,edges:p,onNodesChange:l,onEdgesChange:h,onEdgeClick:E,onNodeMouseEnter:R,onNodeMouseLeave:G,onRefresh:o,fitViewTrigger:u,zoomOnScroll:!0}),t(xe,{drawerState:y,aggregatedData:S.current,onClose:I})]})},$e=i.div`
   position: fixed;
   bottom: 12px;
   left: 12px;
@@ -119,4 +89,4 @@ import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import n,{useThe
   flex-direction: column-reverse;
   gap: 6px;
   max-width: 600px;
-`,Bt=()=>{const{notifications:e,markAsDismissed:i,markAsSeen:n}=a(),{onClickNotification:r}=h();return t(Ft,{children:e.filter(({dismissed:e})=>!e).map(({id:e,type:a,title:o,message:s,crdType:l,target:c})=>t(Q,{id:e,type:a,title:o,message:s,action:l&&c?{label:"go to details",onClick:()=>r({id:e,crdType:l,target:c},{dismissToast:!0})}:void 0,onClose:()=>(({id:e,asSeen:t})=>{i(e),n(e)})({id:e,asSeen:!0})},`toast-${e}`))})};export{Be as NotificationManager,He as OverviewDrawer,ft as ServiceMap,_t as SourceDrawer,xt as SourceForm,Bt as ToastList};
+`,Ke=()=>{const{notifications:e,markAsDismissed:r,markAsSeen:i}=o(),{onClickNotification:n}=h();return t($e,{children:e.filter(({dismissed:e})=>!e).map(({id:e,type:o,title:a,message:s,crdType:c,target:d})=>t(M,{id:e,type:o,title:a,message:s,action:c&&d?{label:"go to details",onClick:()=>n({id:e,crdType:c,target:d},{dismissToast:!0})}:void 0,onClose:()=>(({id:e,asSeen:t})=>{r(e),i(e)})({id:e,asSeen:!0})},`toast-${e}`))})};export{J as NotificationManager,Te as ServiceMap,Ke as ToastList};

package/lib/contexts/source-edit-form-context.d.ts

@@ -1,8 +1,8 @@
 import { type FC, type ReactNode } from 'react';
-import { type Source, type SourceFormData } from '@/types';
+import { type SourceFormData, type Workload } from '@/types';
 import { type GenericFormResult } from '@/hooks/useGenericForm';
 interface SourceEditFormContextValue {
-    loadSource: (source: Source) => void;
+    loadSource: (source: Workload) => void;
     genericForm?: GenericFormResult<SourceFormData>;
     validateFormData: () => {
         errorMessage?: string;

package/lib/contexts.js

@@ -1 +1 @@
-export{dL as ActionFormContextProvider,e6 as DataStreamFormContextProvider,dK as DestinationFormContextProvider,gY as OdigosProvider,dM as RuleFormContextProvider,b2 as SamplingRuleFormType,c6 as SamplingRulesFormProvider,e4 as SourceEditFormContextProvider,dJ as SourceInstrumentFormContextProvider,gZ as StorybookProvider,dH as checkVersionSupport,aG as useActionFormContext,a_ as useDataStreamFormContext,aK as useDestinationFormContext,ak as useOdigos,aX as useRuleFormContext,b1 as useSamplingRulesFormContext,b0 as useSourceEditFormContext,bw as useSourceInstrumentFormContext,g_ as useStorybook}from"./chunks/ui-components-BPdnIOmj.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
+export{A as ActionFormContextProvider,D as DataStreamFormContextProvider,a as DestinationFormContextProvider,R as RuleFormContextProvider,S as SamplingRuleFormType,b as SamplingRulesFormProvider,c as SourceEditFormContextProvider,d as SourceInstrumentFormContextProvider,u as useActionFormContext,e as useDataStreamFormContext,f as useDestinationFormContext,g as useRuleFormContext,h as useSamplingRulesFormContext,i as useSourceEditFormContext,j as useSourceInstrumentFormContext}from"./chunks/source-instrument-form-context-vq8DFX7f.js";export{O as OdigosProvider,c as checkVersionSupport,u as useOdigos}from"./chunks/helpers-L572q0MU.js";import{jsx as r}from"react/jsx-runtime";import{useMemo as o,useContext as t,createContext as s}from"react";import"./chunks/ui-components-DeKNGyn7.js";import"styled-components";import"./icons.js";import"zustand";import"javascript-time-ago";import"./chunks/vendor-Be0cOokr.js";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";const m=s({formType:void 0}),n=({children:e,formType:t})=>{const s=o(()=>({formType:t}),[t]);return r(m.Provider,{value:s,children:e})},p=()=>t(m);export{n as StorybookProvider,p as useStorybook};

package/lib/functions/build-badge-for-desired-status/index.d.ts

@@ -0,0 +1,6 @@
+import type { BadgeProps } from '@/components/_v2/badge';
+import { DesiredConditionStatus, type SVG } from '@/types';
+export type BadgeForDesiredStatus = BadgeProps & {
+    key: string;
+};
+export declare const buildBadgeForDesiredStatus: (desiredCondition?: DesiredConditionStatus | null, leftIcon?: SVG, labelType?: "reason" | "health", labelForced?: string) => BadgeForDesiredStatus | null;

package/lib/functions/filter-sources/index.d.ts

@@ -1,3 +1,3 @@
 import type { FiltersState } from '@/store';
-import { type Source } from '@/types';
-export declare const filterSources: (sources: Source[], filters: FiltersState) => Source[];
+import { type Workload } from '@/types';
+export declare const filterSources: (sources: Workload[], filters: FiltersState) => Workload[];

package/lib/functions/filter-sources-by-stream/index.d.ts

@@ -1,2 +1,2 @@
-import type { Source } from '@/types';
-export declare const filterSourcesByStream: (sources: Source[], streamName: string) => Source[];
+import type { Workload } from '@/types';
+export declare const filterSourcesByStream: (sources: Workload[], streamName: string) => Workload[];

package/lib/functions/get-conditions-booleans/index.d.ts

@@ -1,5 +1,5 @@
-import { StatusType, type Condition } from '@/types';
-export declare const getConditionsBooleans: (conditions: Condition[]) => {
+import { StatusType, type Condition, K8sWorkloadConditions } from '@/types';
+interface ConditionsBooleans {
     errors: Condition[];
     hasErrors: boolean;
     warnings: Condition[];
@@ -9,4 +9,6 @@ export declare const getConditionsBooleans: (conditions: Condition[]) => {
     loadings: Condition[];
     hasLoadings: boolean;
     priorotizedStatus: StatusType | undefined;
-};
+}
+export declare const getConditionsBooleans: (conditions?: Condition[] | K8sWorkloadConditions | null) => ConditionsBooleans;
+export {};

package/lib/functions/get-containers-counts/index.d.ts

@@ -1,2 +1,2 @@
-import type { Source } from '@/types';
-export declare const getContainersInstrumentedCount: (containers: Source["containers"]) => string;
+import type { Workload } from '@/types';
+export declare const getContainersInstrumentedCount: (containers: Workload["containers"]) => string;

package/lib/functions/get-containers-icons/index.d.ts

@@ -1,6 +1,6 @@
-import { ProgrammingLanguages, type Source, type SVG } from '@/types';
-export declare const getEffectiveLanguage: (container?: NonNullable<Source["containers"]>[number]) => ProgrammingLanguages;
-export declare const getEffectiveRuntimeVersion: (container?: NonNullable<Source["containers"]>[number]) => string | null;
-export declare const getContainersIcons: (containers: Source["containers"]) => SVG[];
+import { ProgrammingLanguages, type Workload, type SVG } from '@/types';
+export declare const getEffectiveLanguage: (container?: NonNullable<Workload["containers"]>[number]) => ProgrammingLanguages;
+export declare const getEffectiveRuntimeVersion: (container?: NonNullable<Workload["containers"]>[number]) => string | null;
+export declare const getContainersIcons: (containers: Workload["containers"]) => SVG[];
 export declare const getDetectedLanguageIcons: (languages: ProgrammingLanguages[] | null | undefined) => SVG[];
-export declare const getSourceLanguageIcons: (source: Pick<Source, "detectedLanguages" | "containers">) => SVG[];
+export declare const getSourceLanguageIcons: (source: Pick<Workload, "runtimeInfo" | "containers">) => SVG[];

package/lib/functions/get-entity-id/index.d.ts

@@ -1,4 +1,8 @@
-import type { AnyObj, WorkloadId } from '@/types';
-export declare const getEntityId: (item: AnyObj) => string | WorkloadId | undefined;
-export declare const entityIdKey: (id: string | WorkloadId | undefined) => string;
-export declare const getEntityIdKey: (item: AnyObj) => string;
+import type { Action, Destination, InstrumentationRule, Metric, Namespace, Workload, WorkloadId } from '@/types';
+type Entity = Namespace | Workload | Destination | Action | InstrumentationRule | (Metric & WorkloadId) | (Metric & {
+    id: string;
+});
+export declare const getEntityId: (item: Entity) => string | WorkloadId | undefined;
+export declare const entityIdKey: (id?: string | WorkloadId) => string;
+export declare const getEntityIdKey: (item: Entity) => string;
+export {};

package/lib/functions/get-health-badge-label/index.d.ts

@@ -0,0 +1,2 @@
+import { OtherStatus, OtherStatusType, StatusType } from '@/types';
+export declare const getHealthBadgeLabel: (status: StatusType | OtherStatus | OtherStatusType, reasonEnum?: string | null) => string;

package/lib/functions/get-main-container-language/index.d.ts

@@ -1,2 +1,2 @@
-import { ProgrammingLanguages, type Source } from '@/types';
-export declare const getMainContainerLanguage: (source: Source) => ProgrammingLanguages;
+import { ProgrammingLanguages, type Workload } from '@/types';
+export declare const getMainContainerLanguage: (source: Workload) => ProgrammingLanguages;

package/lib/functions/get-workload-id/index.d.ts

@@ -1,2 +1,2 @@
-import type { WorkloadId } from '@/types';
-export declare const getWorkloadId: (id?: WorkloadId) => WorkloadId;
+import type { Workload, WorkloadId } from '@/types';
+export declare const getWorkloadId: (w?: WorkloadId | Workload) => WorkloadId;

package/lib/functions/index.d.ts

@@ -1,3 +1,4 @@
+export * from './build-badge-for-desired-status';
 export * from './capitalize-first-letter';
 export * from './clean-object-empty-strings-values';
 export * from './compare-condition';
@@ -20,6 +21,7 @@ export * from './get-destination-icon';
 export * from './get-entity-icon';
 export * from './get-entity-id';
 export * from './get-entity-label';
+export * from './get-health-badge-label';
 export * from './get-id-from-sse-target';
 export * from './get-instrumentation-rule-icon';
 export * from './get-main-container-language';
@@ -42,7 +44,6 @@ export * from './has-unhealthy-instances';
 export * from './is-emtpy';
 export * from './is-legal-k8s-label';
 export * from './is-over-time';
-export * from './is-pod-injected-with-agent';
 export * from './is-string-a-boolean';
 export * from './is-time-elapsed';
 export * from './is-valid-version';

package/lib/functions/map-desired-status-to-condition-status/index.d.ts

@@ -1,2 +1,2 @@
 import { DesiredStateProgress, OtherStatus, StatusType } from '@/types';
-export declare const mapDesiredStatusToConditionStatus: (status: DesiredStateProgress) => StatusType | OtherStatus;
+export declare const mapDesiredStatusToConditionStatus: (status?: DesiredStateProgress | null) => StatusType | OtherStatus | null;

package/lib/functions.js

@@ -1 +1 @@
-export{g8 as EBPF_DOES_NOT_NEED_AGENT_INJECT,g9 as capitalizeFirstLetter,ga as cleanObjectEmptyStringsValues,aJ as compareCondition,gb as decimalsOnly,ag as deepClone,d$ as entityIdKey,e3 as filterActions,e2 as filterDestinations,bG as filterDestinationsByStream,e1 as filterSources,am as filterSourcesByStream,gc as flattenObjectKeys,bV as formatBytes,gd as formatDuration,g as generateId,bD as getActionIcon,_ as getConditionsBooleans,at as getContainersIcons,ge as getContainersInstrumentedCount,gf as getDeepValue,bl as getDestinationIcon,gg as getDetectedLanguageIcons,bR as getEffectiveLanguage,c1 as getEffectiveRuntimeVersion,dV as getEntityIcon,bA as getEntityId,dZ as getEntityIdKey,dU as getEntityLabel,gh as getIdFromSseTarget,bK as getInstrumentationRuleIcon,gi as getMainContainerLanguage,gj as getMetricForEntity,gk as getMonitorIcon,gl as getPlatformIcon,gm as getPlatformLabel,aZ as getProgrammingLanguageIcon,gn as getRecursiveValues,Z as getSourceLanguageIcons,go as getSseTargetFromId,gp as getStatusColor,ea as getStatusFromPodStatus,H as getStatusIcon,a8 as getStatusTypeFromOdigosHealth,gq as getValueForRange,Y as getVirtualServiceIcon,ao as getWorkloadId,bH as getYamlFieldsForDestination,aa as hasUnhealthyInstances,aA as isEmpty,gr as isLegalK8sLabel,ck as isOverTime,bL as isPodInjectedWithAgent,ai as isStringABoolean,gs as isTimeElapsed,c0 as isValidVersion,gt as mapConditions,bM as mapDesiredStatusToConditionStatus,bF as mapDestinationFieldsForDisplay,aN as mapExportedSignals,aO as mapSupportedSignals,gu as numbersOnly,aj as parseBooleanFromString,gv as parseJsonStringToPrettyString,aP as prepareDestinationFormData,gw as removeEmptyValuesFromObject,bm as safeJsonParse,gx as safeJsonStringify,gy as setDeepValue,gz as sleep,a5 as splitCamelString,gA as stringifyNonStringValues,gB as trimVersion}from"./chunks/ui-components-BPdnIOmj.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
+export{a_ as buildBadgeForDesiredStatus,f5 as capitalizeFirstLetter,f6 as cleanObjectEmptyStringsValues,af as compareCondition,f7 as decimalsOnly,w as deepClone,dh as entityIdKey,dl as filterActions,dk as filterDestinations,aV as filterDestinationsByStream,dj as filterSources,d5 as filterSourcesByStream,f8 as flattenObjectKeys,bd as formatBytes,f9 as formatDuration,bN as generateId,aT as getActionIcon,n as getConditionsBooleans,bq as getContainersIcons,fa as getContainersInstrumentedCount,fb as getDeepValue,aG as getDestinationIcon,fc as getDetectedLanguageIcons,b3 as getEffectiveLanguage,bl as getEffectiveRuntimeVersion,db as getEntityIcon,aO as getEntityId,df as getEntityIdKey,da as getEntityLabel,bf as getHealthBadgeLabel,fd as getIdFromSseTarget,aZ as getInstrumentationRuleIcon,fe as getMainContainerLanguage,ff as getMetricForEntity,fg as getMonitorIcon,fh as getPlatformIcon,fi as getPlatformLabel,ao as getProgrammingLanguageIcon,fj as getRecursiveValues,m as getSourceLanguageIcons,fk as getSseTargetFromId,fl as getStatusColor,dr as getStatusFromPodStatus,j as getStatusIcon,bg as getStatusTypeFromOdigosHealth,fm as getValueForRange,l as getVirtualServiceIcon,bb as getWorkloadId,aW as getYamlFieldsForDestination,fn as hasUnhealthyInstances,G as isEmpty,J as isLegalK8sLabel,bJ as isOverTime,fo as isStringABoolean,fp as isTimeElapsed,bk as isValidVersion,fq as mapConditions,b0 as mapDesiredStatusToConditionStatus,aU as mapDestinationFieldsForDisplay,Q as mapExportedSignals,L as mapSupportedSignals,fr as numbersOnly,fs as parseBooleanFromString,ft as parseJsonStringToPrettyString,ah as prepareDestinationFormData,fu as removeEmptyValuesFromObject,O as safeJsonParse,fv as safeJsonStringify,fw as setDeepValue,fx as sleep,aX as splitCamelString,fy as stringifyNonStringValues,t as trimVersion}from"./chunks/ui-components-DeKNGyn7.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-Be0cOokr.js";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";

package/lib/hooks/index.d.ts

@@ -14,5 +14,4 @@ export * from './useScrollTo';
 export * from './usePopup';
 export * from './useSessionStorage';
 export * from './useSourceFormData';
-export * from './useSourceSelectionFormData';
 export * from './useTimeAgo';

package/lib/hooks/useActionFormData.d.ts

@@ -1,7 +1,7 @@
 import { type Action, type ActionFormData } from '@/types';
 export declare const useActionFormData: () => {
     formData: ActionFormData;
-    formErrors: Partial<Record<"disabled" | "type" | "name" | "notes" | "signals" | "fields", string>>;
+    formErrors: Partial<Record<"type" | "disabled" | "name" | "notes" | "signals" | "fields", string>>;
     handleFormChange: (key?: string | undefined, val?: any, obj?: ActionFormData | undefined) => void;
     resetFormData: (overrideForm?: ActionFormData | undefined) => void;
     validateForm: (params?: {

package/lib/hooks/useSourceFormData.d.ts

@@ -1,9 +1,9 @@
-import { type Source, type SourceFormData } from '@/types';
+import { type Workload, type SourceFormData } from '@/types';
 export declare const useSourceFormData: () => {
     formData: SourceFormData;
     formErrors: Partial<Record<keyof SourceFormData, string>>;
     handleFormChange: (key?: string | undefined, val?: any, obj?: SourceFormData | undefined) => void;
     resetFormData: (overrideForm?: SourceFormData | undefined) => void;
     validateForm: () => boolean;
-    loadFormWithDrawerItem: ({ otelServiceName, name }: Source) => void;
+    loadFormWithDrawerItem: ({ serviceName, id }: Workload) => void;
 };

package/lib/hooks/useTimeAgo.d.ts

@@ -1,4 +1,15 @@
 export type FormatTimeAgo = (wen: Date | number | string) => string;
+export type DurationStyle = 'long' | 'short';
+export interface FormatDurationAgoOptions {
+    /** Max number of units to include in the output. Defaults to 2. */
+    units?: number;
+    /** "long" => "4 hours 12 minutes", "short" => "4h12m". Defaults to "long". */
+    style?: DurationStyle;
+    /** Append " ago" suffix (long style only). Defaults to true. */
+    suffix?: boolean;
+}
+export type FormatDurationAgo = (wen: Date | number | string, opts?: FormatDurationAgoOptions) => string;
 export declare const useTimeAgo: () => {
     formatTimeAgo: FormatTimeAgo;
+    formatDurationAgo: FormatDurationAgo;
 };

package/lib/hooks.js

@@ -1 +1 @@
-export{gR as IGNORE_OUTSIDE_CLICK_ATTR,gS as useActionFormData,gT as useBodyScroll,dT as useClickNode,y as useClickNotification,e0 as useContainerSize,u as useCopy,gU as useDataStreamFormData,gV as useDestinationFormData,bE as useGenericForm,gW as useInstrumentationRuleFormData,K as useKeyDown,bZ as useOnClickOutside,s as usePopup,eM as useScrollTo,dS as useSessionStorage,an as useSourceFormData,gX as useSourceSelectionFormData,x as useTimeAgo}from"./chunks/ui-components-BPdnIOmj.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
+export{fK as IGNORE_OUTSIDE_CLICK_ATTR,fL as useActionFormData,fM as useBodyScroll,d9 as useClickNode,g as useClickNotification,di as useContainerSize,be as useCopy,fN as useDataStreamFormData,fO as useDestinationFormData,v as useGenericForm,fP as useInstrumentationRuleFormData,bI as useKeyDown,bh as useOnClickOutside,u as usePopup,dO as useScrollTo,d8 as useSessionStorage,fQ as useSourceFormData,f as useTimeAgo}from"./chunks/ui-components-DeKNGyn7.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-Be0cOokr.js";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";

package/lib/icons/common/inbound-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const InboundIcon: SVG;

package/lib/icons/common/index.d.ts

@@ -24,6 +24,7 @@ export * from './question-circle-icon';
 export * from './home-icon';
 export * from './i-square-icon';
 export * from './image-error-icon';
+export * from './inbound-icon';
 export * from './key-icon';
 export * from './list-icon';
 export * from './minus-circled-icon';
@@ -31,6 +32,7 @@ export * from './minus-icon';
 export * from './no-data-icon';
 export * from './notebook-icon';
 export * from './notification-icon';
+export * from './outbound-icon';
 export * from './plus-circled-icon';
 export * from './plus-icon';
 export * from './question-circle-icon';

package/lib/icons/common/outbound-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const OutboundIcon: SVG;

package/lib/icons/destinations/open-telemetry-logo/index.d.ts

@@ -1,2 +1,3 @@
 import type { SVG } from '@/types';
+export declare const OpenTelemetryLogoStripped: () => import("react/jsx-runtime").JSX.Element;
 export declare const OpenTelemetryLogo: SVG;