@odigos/ui-kit 0.0.237 → 0.0.239

package/lib/containers.js

@@ -1,14 +1,14 @@
-import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import i,{useTheme as n}from"styled-components";import{c as o,d as s,I as c,P as d,e as l,T as p,F as g,f as h,h as u,i as m,S as y,j as f,k as v,l as x,m as b,n as w,E as N,o as k,p as T,q as $,r as K,s as C,t as M,v as z,w as E,x as I}from"./chunks/ui-components-CjDRcQJq.js";import{NotificationIcon as R,TrashIcon as G,UserIcon as _,ImageErrorIcon as D,ChevronDownIcon as V,ChevronRightIcon as A}from"./icons.js";export{O as OverviewDrawer,S as SourceDrawer,a as SourceForm}from"./chunks/index-zOzusnDO.js";import{useState as j,useRef as q,useCallback as P,useEffect as B}from"react";import{MarkerType as L,useNodesState as F,useEdgesState as W}from"@xyflow/react";import{E as H}from"./chunks/vendor-C150cdxb.js";import"zustand";import"javascript-time-ago";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";import"./chunks/index-DB_UqHYt.js";const U=i.div`
+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`
   position: relative;
   width: fit-content;
-`,X=i(f)`
+`,Ke=n(v)`
   gap: 12px;
   padding: 0 12px;
-`,J=i(g)`
+`,ze=n(u)`
   gap: 12px;
   max-height: 400px;
   overflow-y: auto;
-`,Q=i.div`
+`,_e=n.div`
   position: absolute;
   bottom: 0;
   left: 0;
@@ -17,19 +17,19 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import i,{useThe
   border-radius: 0 0 24px 24px;
   background: ${({theme:e})=>`linear-gradient(to top, ${e.colors.dropdown_bg}, transparent)`};
   pointer-events: none;
-`,Y=i(p)`
+`,Fe=n(d)`
   background-color: ${({theme:e})=>e.colors.orange_soft};
   color: ${({theme:e})=>e.text.primary};
   border-radius: 32px;
   width: fit-content;
   padding: 2px 8px;
-`,Z=()=>{const r=n(),{notifications:i,markAsSeen:a}=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}=s({defaultClientHeight:420,defaultClientwidth:400,onClickOutside:()=>{u&&h.forEach(({id:e})=>a(e))}});return e(U,{children:[t(c,{onClick:()=>{x(0,0),f(e=>!e)},tooltip:"Notifications",withPing:!!u,pingColor:r.colors.orange_og,children:t(R,{size:18})}),e(d,{ref:m,isOpen:y,right:v.left,maxWidth:"400px",header:e(X,{children:[t(p,{size:20,children:"Notifications"}),!!u&&e(Y,{size:12,family:"secondary",children:[u," new"]})]}),children:[t(J,{children:g.length?g.map(e=>t(oe,{...e,onClick:()=>f(!1)},`notification-${e.id}`)):t(l,{title:"No notifications",subTitle:""})}),t(Q,{})]})]})},ee=i.div`
+`,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`
   display: flex;
   align-items: flex-start;
   gap: 12px;
   padding: 16px;
   border-radius: 16px;
-  background-color: ${({theme:e})=>e.colors.dropdown_bg_2+v["080"]};
+  background-color: ${({theme:e})=>e.colors.dropdown_bg_2+y["080"]};
   cursor: not-allowed;
   &.click-enabled {
     cursor: pointer;
@@ -37,30 +37,30 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import i,{useThe
       background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
     }
   }
-`,te=i.div`
-  background-color: ${({$type:e,theme:t})=>t.text[e]+v["015"]};
+`,Ve=n.div`
+  background-color: ${({$type:e,theme:t})=>t.text[e]+y["015"]};
   border-radius: 8px;
   width: 36px;
   height: 36px;
   display: flex;
   align-items: center;
   justify-content: center;
-`,re=i.div`
+`,We=n.div`
   width: 290px;
-`,ie=i.div`
+`,je=n.div`
   margin-bottom: 6px;
-`,ne=i.div`
+`,Ye=n.div`
   display: flex;
   align-items: center;
   gap: 6px;
-`,oe=({id:i,seen:o,type:a,title:s,message:c,time:d,crdType:l,target:g,onClick:f})=>{const v=n(),{formatTimeAgo:b}=h(),{onClickNotification:w}=u(),S=!!l&&!!g,N=s?.toLowerCase().includes(m.Delete.toLowerCase())||!1,k=x(a,v);return e(ee,{className:S?"click-enabled":"",onClick:()=>{S&&(f(),w({id:i,crdType:l,target:g}))},children:[t(te,{$type:N?y.Error:a,children:t(N?G:k,{})}),e(re,{children:[t(ie,{children:t(p,{size:14,children:c})}),e(ne,{children:[t(p,{size:10,color:v.text.grey,children:b(d)}),!o&&e(r,{children:[t(p,{size:10,children:"·"}),t(p,{size:10,color:v.colors.orange_soft,children:"new"})]})]})]})]},`notification-${i}`)},ae=e=>`${N.Source}-${e}-${b.MapItem}`,se=(e,t,r)=>{const i=e.isVirtual,n=r?[_]:i?[k(e)]:t?T(t):[D],{priorotizedStatus:o}=i?{priorotizedStatus:void 0}:$(t?.conditions||[]);return{id:e.graphKey,title:e.serviceName,icons:n,isVirtual:i,status:o,aggService:e}},ce=e=>!(!e||"user"!==e.otelServiceName||e.namespace||e.name||e.kind),de=({theme:e,nodes:t,aggregatedServiceMap:r})=>{const i=[],n=new Map(t.map(e=>[e.id,e]));for(const t of r){const r=ae(t.graphKey),o=n.get(r);if(!o)continue;const a=o.data?.status===y.Error;for(const o of t.connections){const s=ae(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:L.ArrowClosed},style:{stroke:a?e?.colors.dark_red:e?.colors.border}})}}return i},le=e=>{const t=e.lastIndexOf("|");return-1===t?{graphKey:e,detail:""}:{graphKey:e.substring(0,t),detail:e.substring(t+1)}},pe=new H,ge=`${N.Source}-user-${b.MapItem}`,he={"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"},ue=i.div`
+`,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`
   padding: 8px 0;
-`,me=i.div`
+`,at=n.div`
   display: flex;
   gap: 12px;
   align-items: center;
   padding: 4px 0 4px 16px;
-`,ye=i.button`
+`,ot=n.button`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -74,13 +74,43 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import i,{useThe
   &:hover {
     text-decoration: underline;
   }
-`,fe=i.div`
+`,st=n.div`
   padding: 4px 0 8px;
-`,ve=({conn:r,onToggle:i,isExpanded:n})=>{const o=r.details.length>0;return t(ue,{children:e(f,{$justifyContent:"space-between",$alignItems:"center",children:[t(p,{size:14,weight:500,children:r.targetServiceName}),o&&e(ye,{onClick:i,children:[t(n?V:A,{size:12}),n?"hide attributes":`${r.details.length} attribute${r.details.length>1?"s":""}`]})]})})},xe=({conn:e})=>{const i=n();return t(r,{children:e.details.map(e=>t(me,{children:t(p,{size:12,color:i.text.secondary,style:{flex:1},children:e.value})},e.value))})},be=({connections:i,isVirtual:o,attributes:a})=>{const[s,c]=j(new Set),d=n();if(o){const i=Object.entries(a||{});return e(r,{children:[t(p,{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(fe,{style:{paddingTop:16},children:t(p,{size:11,color:d.text.info,children:"Attributes"})}),i.map(([r,i])=>e(me,{children:[t(p,{size:12,color:d.text.secondary,children:r}),t(p,{size:12,children:i})]},r))]})]})}return i.length?e(r,{children:[t(fe,{children:t(p,{size:11,color:d.text.info,children:"Connected services"})}),i.map(r=>e("div",{children:[t(ve,{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(xe,{conn:r}),t(C,{})]},r.targetGraphKey))]}):t(p,{size:12,color:d.text.info,children:"No outgoing connections"})},we=({conn:i})=>{const o=n();return i?t(r,{children:i.details.length>0?e(r,{children:[t(fe,{children:t(p,{size:11,color:o.text.info,children:"Attribute breakdown"})}),i.details.map(e=>t(me,{children:t(p,{size:12,style:{flex:1},children:e.value})},e.value))]}):t(p,{size:12,color:o.text.info,style:{padding:"8px 0"},children:"No attribute breakdown"})}):t(p,{size:12,color:o.text.info,children:"No data for this connection"})},Se=({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(be,{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(we,{conn:i})}return t(K,{isOpen:!0,width:"420px",position:"right",header:{title:o,subTitle:a,onClose:i},children:s})},Ne=i.div`
+`,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`
   width: 100%;
   height: ${({$heightToRemove:e})=>`calc(100vh - ${e}px)`};
   position: relative;
-`,ke={namespace:"",name:"",kind:"",otelServiceName:"user",selected:!0,numberOfInstances:0,dataStreamNames:[],containers:[],conditions:[]},Te=`${N.Source}-`,$e=`-${b.MapItem}`,Ke=.15,Ce=({heightToRemove:r,serviceMap:i,onRefresh:o})=>{const a=n(),s=M(e=>e.sources),[c,d,l]=F([]),[p,g,h]=W([]),[u,m]=j(0),[y,f]=j(null),v=q([]);v.current=c;const x=q(a);x.current=a;const S=q([]),k=q([]),T=P(()=>m(e=>e+1),[]),{activeNodeId:$,setActiveNodeType:K,setActiveNodeId:C}=z();B(()=>{if(!$)return;const e=(t=$).startsWith(Te)&&t.endsWith($e)?t.slice(Te.length,-$e.length):null;var t;e&&f({type:"node",graphKey:e})},[$]);const I=P((e,t)=>{const{sourceGraphKey:r,targetGraphKey:i}=t.data||{};r&&i&&(K(null),C(null),f({type:"edge",sourceKey:r,targetKey:i}))},[K,C]),R=P(()=>{f(null),K(null),C(null)},[K,C]),G=P((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]),O=P(()=>{g(k.current)},[g]);return B(()=>{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}=le(t.nodeId),o=i(e,t.serviceName);o.isVirtual=!1;for(const e of t.services){const{graphKey:t,detail:a}=le(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=ae(n.graphKey),o=e.find(e=>n.serviceName===e.otelServiceName||n.serviceName===e.name);r.push({id:t,type:b.MapItem,position:i,data:se(n,o,ce(o)),measured:{width:80,height:80}})}else r.push({id:`${N.Source}-${b.NoData}`,type:b.NoData,position:i,data:{subTitle:w.ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC}});return r})({aggregatedServiceMap:t,sources:[ke].concat(s)});if(1===r.length&&r[0].id===`${N.Source}-${b.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=de({theme:x.current,nodes:r,aggregatedServiceMap:t});return k.current=i,void g(i)}return(async(e,t,r={})=>{const i={id:"root",layoutOptions:{...he,...r},children:e.map(e=>({id:e.id,width:80,height:80,...e.id===ge?{layoutOptions:{"elk.layered.layering.layerConstraint":"FIRST","elk.alignment":"CENTER"}}:{}})),edges:t.map(e=>({id:e.id,sources:[e.source],targets:[e.target]}))},n=await pe.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,de({theme:x.current,nodes:r,aggregatedServiceMap:t})).then(({nodes:t})=>{if(e)return;d(t);const r=de({theme:x.current,nodes:t,aggregatedServiceMap:S.current});k.current=r,g(r),T()}),()=>{e=!0}},[i,s]),B(()=>{if(!v.current.length)return;const e=de({theme:a,nodes:v.current,aggregatedServiceMap:S.current});k.current=e,g(e)},[a]),e(Ne,{$heightToRemove:r,children:[t(E,{nodes:c,edges:p,onNodesChange:l,onEdgesChange:h,onEdgeClick:I,onNodeMouseEnter:G,onNodeMouseLeave:O,onRefresh:o,fitViewTrigger:u,zoomOnScroll:!0}),t(Se,{drawerState:y,aggregatedData:S.current,onClose:R})]})},Me=i.div`
+`,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`
   position: fixed;
   bottom: 12px;
   left: 12px;
@@ -89,4 +119,4 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import i,{useThe
   flex-direction: column-reverse;
   gap: 6px;
   max-width: 600px;
-`,ze=()=>{const{notifications:e,markAsDismissed:r,markAsSeen:i}=o(),{onClickNotification:n}=u();return t(Me,{children:e.filter(({dismissed:e})=>!e).map(({id:e,type:o,title:a,message:s,crdType:c,target:d})=>t(I,{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{Z as NotificationManager,Ce as ServiceMap,ze as ToastList};
+`,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};

package/lib/contexts/action-form-context.d.ts

@@ -10,7 +10,6 @@ interface ActionFormContextValue {
         errorMessage?: string;
         preparedFormData: ActionFormData;
     };
-    errorMessage?: string;
 }
 export declare const ActionFormContextProvider: FC<{
     children: ReactNode;

package/lib/contexts/destination-form-context.d.ts

@@ -18,7 +18,6 @@ interface DestinationFormContextType {
     onChangeActiveForm: (payload: Omit<ActiveForm, 'dynamicFields'> | null) => void;
     loadDestination: (destination: Destination, categories: DestinationCategories) => void;
     genericForm?: GenericFormResult<DestinationFormData>;
-    formErrorMessage?: string;
     validateFormData: () => {
         errorMessage?: string;
         preparedFormData: DestinationFormData;

package/lib/contexts/index.d.ts

@@ -4,5 +4,6 @@ export * from './destination-form-context';
 export * from './odigos-context';
 export * from './rule-form-context';
 export * from './sampling-rules-form-context';
+export * from './source-edit-form-context';
 export * from './source-instrument-form-context';
 export * from './storybook-context';

package/lib/contexts/rule-form-context.d.ts

@@ -10,7 +10,6 @@ interface RuleFormContextValue {
         errorMessage?: string;
         preparedFormData: InstrumentationRuleFormData;
     };
-    errorMessage?: string;
 }
 export declare const RuleFormContextProvider: FC<{
     children: ReactNode;

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

@@ -0,0 +1,17 @@
+import { type FC, type ReactNode } from 'react';
+import { type Source, type SourceFormData } from '@/types';
+import { type GenericFormResult } from '@/hooks/useGenericForm';
+interface SourceEditFormContextValue {
+    loadSource: (source: Source) => void;
+    genericForm?: GenericFormResult<SourceFormData>;
+    validateFormData: () => {
+        errorMessage?: string;
+        preparedFormData: SourceFormData;
+    };
+    errorMessage?: string;
+}
+export declare const SourceEditFormContextProvider: FC<{
+    children: ReactNode;
+}>;
+export declare const useSourceEditFormContext: () => SourceEditFormContextValue;
+export {};

package/lib/contexts.js

@@ -1 +1 @@
-export{dp as ActionFormContextProvider,dQ as DataStreamFormContextProvider,dn as DestinationFormContextProvider,gH as OdigosProvider,dq as RuleFormContextProvider,b1 as SamplingRuleFormType,bN as SamplingRulesFormProvider,dm as SourceInstrumentFormContextProvider,gI as StorybookProvider,dk as checkVersionSupport,aG as useActionFormContext,a_ as useDataStreamFormContext,aK as useDestinationFormContext,ak as useOdigos,aX as useRuleFormContext,b0 as useSamplingRulesFormContext,bu as useSourceInstrumentFormContext,gJ as useStorybook}from"./chunks/ui-components-CjDRcQJq.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{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";

package/lib/functions/decimals-only/index.d.ts

@@ -0,0 +1 @@
+export declare const decimalsOnly: (value: string) => string;

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

@@ -1,4 +1,6 @@
-import type { ProgrammingLanguages, Source, SVG } from '@/types';
+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[];
 export declare const getDetectedLanguageIcons: (languages: ProgrammingLanguages[] | null | undefined) => SVG[];
 export declare const getSourceLanguageIcons: (source: Pick<Source, "detectedLanguages" | "containers">) => SVG[];

package/lib/functions/get-virtual-service-icon/index.d.ts

@@ -1,2 +1,2 @@
 import type { AggregatedService, SVG } from '@/types';
-export declare const getVirtualServiceIcon: (aggService: AggregatedService) => SVG;
+export declare const getVirtualServiceIcon: (aggService: Pick<AggregatedService, "serviceName" | "attributes">) => SVG;

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

@@ -1,2 +1,2 @@
-import type { Source, WorkloadId } from '@/types';
-export declare const getWorkloadId: ({ namespace, name, kind }: Source) => WorkloadId;
+import type { WorkloadId } from '@/types';
+export declare const getWorkloadId: (id?: WorkloadId) => WorkloadId;

package/lib/functions/index.d.ts

@@ -42,12 +42,15 @@ 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';
 export * from './map-conditions';
+export * from './map-desired-status-to-condition-status';
 export * from './map-destination-fields-for-display';
 export * from './map-signals';
+export * from './decimals-only';
 export * from './numbers-only';
 export * from './parse-boolean-from-string';
 export * from './parse-json-string-to-pretty-string';

package/lib/functions/is-pod-injected-with-agent/index.d.ts

@@ -0,0 +1,3 @@
+import type { K8sWorkloadPod } from '@/types/workload';
+export declare const EBPF_DOES_NOT_NEED_AGENT_INJECT = "PodManifestInjectionOptional";
+export declare const isPodInjectedWithAgent: (pod: Pick<K8sWorkloadPod, "agentInjected" | "agentInjectedStatus">) => boolean;

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

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

package/lib/functions.js

@@ -1 +1 @@
-export{fS as capitalizeFirstLetter,fT as cleanObjectEmptyStringsValues,aJ as compareCondition,a0 as deepClone,dJ as entityIdKey,dO as filterActions,dN as filterDestinations,bE as filterDestinationsByStream,dM as filterSources,am as filterSourcesByStream,fU as flattenObjectKeys,dK as formatBytes,fV as formatDuration,g as generateId,bB as getActionIcon,q as getConditionsBooleans,at as getContainersIcons,fW as getContainersInstrumentedCount,fX as getDeepValue,bj as getDestinationIcon,fY as getDetectedLanguageIcons,dA as getEntityIcon,by as getEntityId,dG as getEntityIdKey,dz as getEntityLabel,fZ as getIdFromSseTarget,bI as getInstrumentationRuleIcon,f_ as getMainContainerLanguage,f$ as getMetricForEntity,g0 as getMonitorIcon,g1 as getPlatformIcon,g2 as getPlatformLabel,aZ as getProgrammingLanguageIcon,g3 as getRecursiveValues,p as getSourceLanguageIcons,g4 as getSseTargetFromId,g5 as getStatusColor,dU as getStatusFromPodStatus,l as getStatusIcon,U as getStatusTypeFromOdigosHealth,g6 as getValueForRange,o as getVirtualServiceIcon,ao as getWorkloadId,bF as getYamlFieldsForDestination,W as hasUnhealthyInstances,aA as isEmpty,g7 as isLegalK8sLabel,b$ as isOverTime,a1 as isStringABoolean,g8 as isTimeElapsed,g9 as isValidVersion,ga as mapConditions,bD as mapDestinationFieldsForDisplay,aN as mapExportedSignals,aO as mapSupportedSignals,gb as numbersOnly,a2 as parseBooleanFromString,gc as parseJsonStringToPrettyString,aP as prepareDestinationFormData,gd as removeEmptyValuesFromObject,bk as safeJsonParse,ge as safeJsonStringify,gf as setDeepValue,gg as sleep,O as splitCamelString,gh as stringifyNonStringValues,gi as trimVersion}from"./chunks/ui-components-CjDRcQJq.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{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";

package/lib/hooks.js

@@ -1 +1 @@
-export{gA as IGNORE_OUTSIDE_CLICK_ATTR,gB as useActionFormData,gC as useBodyScroll,dy as useClickNode,h as useClickNotification,dL as useContainerSize,u as useCopy,gD as useDataStreamFormData,gE as useDestinationFormData,bC as useGenericForm,gF as useInstrumentationRuleFormData,z as useKeyDown,dv as useOnClickOutside,d as usePopup,ev as useScrollTo,dx as useSessionStorage,an as useSourceFormData,gG as useSourceSelectionFormData,f as useTimeAgo}from"./chunks/ui-components-CjDRcQJq.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{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";

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

@@ -3,3 +3,6 @@ export * from './odigos-logo-text';
 export * from './odigos-logo-text-central';
 export * from './odigos-logo-text-community';
 export * from './odigos-logo-text-enterprise';
+export * from './odigos-logo-text-colored-central';
+export * from './odigos-logo-text-colored-community';
+export * from './odigos-logo-text-colored-enterprise';

package/lib/icons/brand/odigos-logo-text-colored-central/index.d.ts

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

package/lib/icons/brand/odigos-logo-text-colored-community/index.d.ts

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

package/lib/icons/brand/odigos-logo-text-colored-enterprise/index.d.ts

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