@odigos/ui-kit 0.0.238 → 0.0.240

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-rpRyPe3l.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-ChkHWnzu.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-D6SlbWIi.js";const U=i.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-B0BVzW_z.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;
-`,X=i(f)`
+`,W=i(y)`
   gap: 12px;
   padding: 0 12px;
-`,J=i(g)`
+`,H=i(p)`
   gap: 12px;
   max-height: 400px;
   overflow-y: auto;
-`,Q=i.div`
+`,U=i.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)`
+`,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;
-`,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`
+`,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+v["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 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"]};
+`,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;
-`,re=i.div`
+`,Z=i.div`
   width: 290px;
-`,ie=i.div`
+`,ee=i.div`
   margin-bottom: 6px;
-`,ne=i.div`
+`,te=i.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`
+`,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;
-`,me=i.div`
+`,ge=i.div`
   display: flex;
   gap: 12px;
   align-items: center;
   padding: 4px 0 4px 16px;
-`,ye=i.button`
+`,he=i.button`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -74,13 +74,13 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import i,{useThe
   &:hover {
     text-decoration: underline;
   }
-`,fe=i.div`
+`,ue=i.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`
+`,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;
-`,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`
+`,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;
@@ -89,4 +89,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};
+`,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/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 SourceFormData, type Workload } from '@/types';
+import { type GenericFormResult } from '@/hooks/useGenericForm';
+interface SourceEditFormContextValue {
+    loadSource: (source: Workload) => 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{dq as ActionFormContextProvider,dR as DataStreamFormContextProvider,dp as DestinationFormContextProvider,gJ as OdigosProvider,dr as RuleFormContextProvider,b1 as SamplingRuleFormType,bO as SamplingRulesFormProvider,dn as SourceInstrumentFormContextProvider,gK as StorybookProvider,dl as checkVersionSupport,aG as useActionFormContext,a_ as useDataStreamFormContext,aK as useDestinationFormContext,ak as useOdigos,aX as useRuleFormContext,b0 as useSamplingRulesFormContext,bv as useSourceInstrumentFormContext,gL as useStorybook}from"./chunks/ui-components-rpRyPe3l.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-CEgbaSRi.js";export{O as OdigosProvider,c as checkVersionSupport,u as useOdigos}from"./chunks/helpers-D-6cJlOn.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-B0BVzW_z.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/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,4 +1,6 @@
-import type { ProgrammingLanguages, Source, SVG } from '@/types';
-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-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-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 { Workload, WorkloadId } from '@/types';
+export declare const getWorkloadId: (w?: WorkloadId | Workload) => WorkloadId;

package/lib/functions/index.d.ts

@@ -42,10 +42,12 @@ 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';

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

@@ -0,0 +1,4 @@
+import type { K8sWorkloadPod } from '@/types/workload';
+export declare const EBPF_DOES_NOT_NEED_AGENT_INJECT = "PodManifestInjectionOptional";
+export declare const AGENT_NOT_INJECTED_AS_EXPECTED = "AgentNotInjectedAsExpected";
+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 | null) => StatusType | OtherStatus;

package/lib/functions.js

@@ -1 +1 @@
-export{fT as capitalizeFirstLetter,fU as cleanObjectEmptyStringsValues,aJ as compareCondition,fV as decimalsOnly,a0 as deepClone,dK as entityIdKey,dP as filterActions,dO as filterDestinations,bF as filterDestinationsByStream,dN as filterSources,am as filterSourcesByStream,fW as flattenObjectKeys,dL as formatBytes,fX as formatDuration,g as generateId,bC as getActionIcon,q as getConditionsBooleans,at as getContainersIcons,fY as getContainersInstrumentedCount,fZ as getDeepValue,bk as getDestinationIcon,f_ as getDetectedLanguageIcons,dB as getEntityIcon,bz as getEntityId,dH as getEntityIdKey,dA as getEntityLabel,f$ as getIdFromSseTarget,bJ as getInstrumentationRuleIcon,g0 as getMainContainerLanguage,g1 as getMetricForEntity,g2 as getMonitorIcon,g3 as getPlatformIcon,g4 as getPlatformLabel,aZ as getProgrammingLanguageIcon,g5 as getRecursiveValues,p as getSourceLanguageIcons,g6 as getSseTargetFromId,g7 as getStatusColor,dV as getStatusFromPodStatus,l as getStatusIcon,U as getStatusTypeFromOdigosHealth,g8 as getValueForRange,o as getVirtualServiceIcon,ao as getWorkloadId,bG as getYamlFieldsForDestination,W as hasUnhealthyInstances,aA as isEmpty,g9 as isLegalK8sLabel,c0 as isOverTime,a1 as isStringABoolean,ga as isTimeElapsed,gb as isValidVersion,gc as mapConditions,bE as mapDestinationFieldsForDisplay,aN as mapExportedSignals,aO as mapSupportedSignals,gd as numbersOnly,a2 as parseBooleanFromString,ge as parseJsonStringToPrettyString,aP as prepareDestinationFormData,gf as removeEmptyValuesFromObject,bl as safeJsonParse,gg as safeJsonStringify,gh as setDeepValue,gi as sleep,O as splitCamelString,gj as stringifyNonStringValues,gk as trimVersion}from"./chunks/ui-components-rpRyPe3l.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{f4 as AGENT_NOT_INJECTED_AS_EXPECTED,f5 as EBPF_DOES_NOT_NEED_AGENT_INJECT,f6 as capitalizeFirstLetter,f7 as cleanObjectEmptyStringsValues,af as compareCondition,f8 as decimalsOnly,w as deepClone,di as entityIdKey,dm as filterActions,dl as filterDestinations,aV as filterDestinationsByStream,dk as filterSources,d6 as filterSourcesByStream,f9 as flattenObjectKeys,bd as formatBytes,fa as formatDuration,bO as generateId,aT as getActionIcon,n as getConditionsBooleans,br as getContainersIcons,fb as getContainersInstrumentedCount,fc as getDeepValue,aG as getDestinationIcon,fd as getDetectedLanguageIcons,b4 as getEffectiveLanguage,bm as getEffectiveRuntimeVersion,dc as getEntityIcon,aO as getEntityId,dg as getEntityIdKey,db as getEntityLabel,fe as getIdFromSseTarget,aZ as getInstrumentationRuleIcon,ff as getMainContainerLanguage,fg as getMetricForEntity,fh as getMonitorIcon,fi as getPlatformIcon,fj as getPlatformLabel,ao as getProgrammingLanguageIcon,fk as getRecursiveValues,m as getSourceLanguageIcons,fl as getSseTargetFromId,fm as getStatusColor,ds as getStatusFromPodStatus,j as getStatusIcon,bf as getStatusTypeFromOdigosHealth,fn as getValueForRange,l as getVirtualServiceIcon,bb as getWorkloadId,aW as getYamlFieldsForDestination,fo as hasUnhealthyInstances,G as isEmpty,J as isLegalK8sLabel,bK as isOverTime,a_ as isPodInjectedWithAgent,fp as isStringABoolean,fq as isTimeElapsed,bl as isValidVersion,fr as mapConditions,a$ as mapDesiredStatusToConditionStatus,aU as mapDestinationFieldsForDisplay,Q as mapExportedSignals,L as mapSupportedSignals,fs as numbersOnly,ft as parseBooleanFromString,fu as parseJsonStringToPrettyString,ah as prepareDestinationFormData,fv as removeEmptyValuesFromObject,O as safeJsonParse,fw as safeJsonStringify,fx as setDeepValue,fy as sleep,aX as splitCamelString,fz as stringifyNonStringValues,t as trimVersion}from"./chunks/ui-components-B0BVzW_z.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{gC as IGNORE_OUTSIDE_CLICK_ATTR,gD as useActionFormData,gE as useBodyScroll,dz as useClickNode,h as useClickNotification,dM as useContainerSize,u as useCopy,gF as useDataStreamFormData,gG as useDestinationFormData,bD as useGenericForm,gH as useInstrumentationRuleFormData,z as useKeyDown,dw as useOnClickOutside,d as usePopup,ew as useScrollTo,dy as useSessionStorage,an as useSourceFormData,gI as useSourceSelectionFormData,f as useTimeAgo}from"./chunks/ui-components-rpRyPe3l.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{fL as IGNORE_OUTSIDE_CLICK_ATTR,fM as useActionFormData,fN as useBodyScroll,da as useClickNode,g as useClickNotification,dj as useContainerSize,be as useCopy,fO as useDataStreamFormData,fP as useDestinationFormData,v as useGenericForm,fQ as useInstrumentationRuleFormData,bJ as useKeyDown,bi as useOnClickOutside,u as usePopup,dP as useScrollTo,d9 as useSessionStorage,fR as useSourceFormData,f as useTimeAgo}from"./chunks/ui-components-B0BVzW_z.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/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;