@odigos/ui-kit 0.0.256 → 0.0.258

package/lib/containers.js

@@ -1,15 +1,15 @@
-import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o,{useTheme as r}from"styled-components";import{memo as a,useState as s,useCallback as n,useEffect as d,useMemo as l,createContext as c,useContext as p,useRef as u}from"react";import{U as m}from"./chunks/consts-D6GCMJ6c.js";import{MarkerType as g,useNodesState as h,useEdgesState as f,Handle as v,Position as y,getSmoothStepPath as N,BaseEdge as S,EdgeLabelRenderer as b,ReactFlowProvider as x,ReactFlow as w,Background as k,Controls as M,ControlButton as T,useReactFlow as C}from"@xyflow/react";import{N as I,o as $,p as E,q as K,r as V,v as _,w as z,b as A,c as L,x as R,y as X,B as j,z as D,L as P,M as q,O as G,Q as F,R as H}from"./chunks/ui-components-B1TCLO_N.js";import{UserIcon as O,ImageErrorIcon as B,RefreshIcon as U}from"./icons.js";import Y from"elkjs/lib/elk.bundled.js";import{d as W}from"./chunks/use-odigos-api-BMcghWbA.js";import"@xyflow/react/dist/style.css";import"zustand";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";import"@apollo/client";import"@apollo/client/link/error";import"@apollo/client/link/context";import"@apollo/client/utilities";const Z=o.div`
+import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o,{useTheme as r}from"styled-components";import{memo as n,useState as a,useCallback as s,useEffect as d,useMemo as l,createContext as c,useContext as p,useRef as u}from"react";import{U as h}from"./chunks/consts-D6GCMJ6c.js";import{MarkerType as g,useNodesState as m,useEdgesState as f,Handle as v,Position as y,getSmoothStepPath as b,BaseEdge as x,EdgeLabelRenderer as N,ReactFlowProvider as S,ReactFlow as I,Background as w,Controls as $,ControlButton as k,useReactFlow as M}from"@xyflow/react";import{N as C,o as T,p as A,q as E,r as z,v as X,w as K,b as R,c as V,x as O,y as _,B as q,z as L,L as j,M as H,O as D,Q as G,R as P,U as B,V as F,W as U,X as Y,Y as W}from"./chunks/ui-components-BmIux5o5.js";import{UserIcon as Z,ImageErrorIcon as Q,ArrowLeftIcon as J,InboundIcon as ee,OutboundIcon as te,RefreshIcon as ie}from"./icons.js";import oe from"elkjs/lib/elk.bundled.js";import{d as re}from"./chunks/use-odigos-api-hslZLdix.js";import"@xyflow/react/dist/style.css";import"zustand";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";import"@apollo/client";import"@apollo/client/link/error";import"@apollo/client/link/context";import"@apollo/client/utilities";const ne=o.div`
   padding: 12px;
   border-radius: 12px;
   background-color: ${({theme:e})=>e.v2.colors.silver[750]};
-`,Q=a(({id:t,data:i})=>e(Z,{"data-id":t,children:e(I,{...i})}));Q.displayName=Q.name;var J,ee;!function(e){e.MapItem="map-item",e.NoData="no-data"}(J||(J={})),function(e){e.AnimatedTraffic="animated-traffic"}(ee||(ee={}));const te=(e,t,i)=>{if(i)return{icons:[O],selected:!0};const o=e.isVirtual,r=o?[K(e)]:t?V(t):[B],{priorotizedStatus:a}=o?{priorotizedStatus:void 0}:_(t?.conditions||[]);return{icons:r,status:a,isVirtual:o,aggService:e,selected:!0}},ie=e=>!(!e||e.serviceName!==m||e.id.namespace||e.id.name||e.id.kind),oe=new Y,re={"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"},ae=e=>{const t=e.lastIndexOf("|");return-1===t?{graphKey:e,detail:""}:{graphKey:e.substring(0,t),detail:e.substring(t+1)}},se={id:{namespace:"",name:"",kind:""},serviceName:m,markedForInstrumentation:{markedForInstrumentation:!0}},ne=c(null),de=()=>{const e=p(ne);if(!e)throw new Error("useServiceMapContext must be used within a ServiceMapProvider");return e},le=({serviceMap:t,children:i})=>{const o=r(),{sourcesApi:a}=W(),{items:c}=a.useSources(),[p,u,v]=h([]),[y,N,S]=f([]),[b,x]=s(0),w=n(()=>x(e=>e+1),[]),[k,M]=s(""),[T,C]=s(null),[I,K]=s(null),V=n(e=>{K(t=>t===e?null:e)},[]),_=n((e,t)=>{const i=new Set(e);u(e=>e.map(e=>e.type===J.MapItem&&i.has(e.id)?{...e,data:{...e.data,selected:t}}:e))},[u]),z=n(()=>{K(null)},[]);d(()=>{let e=!1;const i=(e=>{const t=new Map,i=new Set,o=(e,i,o=!1)=>{let r=t.get(e);return r||(r={serviceName:i,isVirtual:o,attributes:{},connectionMap:new Map},t.set(e,r)),r},r=(e,t)=>{if(t)for(const{key:i,value:o}of t)i in e||(e[i]=o)};for(const t of e){const{graphKey:e}=ae(t.nodeId),a=o(e,t.serviceName);a.isVirtual=!1;for(const e of t.services){const{graphKey:t,detail:s}=ae(e?.nodeId??"");e.isVirtual&&(i.add(t),r(o(t,e.serviceName,!0).attributes,e.nodeAttributes));let n=a.connectionMap.get(t);if(n||(n={targetGraphKey:t,targetServiceName:e.serviceName,totalRequests:0,lastDateTime:e.dateTime,details:[]},a.connectionMap.set(t,n)),n.totalRequests+=e.requests,e.dateTime>n.lastDateTime&&(n.lastDateTime=e.dateTime),s){const t=n.details.find(e=>e.value===s);t?(t.requests+=e.requests,e.dateTime>t.dateTime&&(t.dateTime=e.dateTime)):n.details.push({value:s,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)||o(r,a.targetServiceName,i.has(r));const s=[];for(const[e,{serviceName:i,isVirtual:o,attributes:r,connectionMap:a}]of t){const t=[...a.values()];t.sort((e,t)=>e.targetGraphKey.localeCompare(t.targetGraphKey)),s.push({graphKey:e,serviceName:i,isVirtual:o,connections:t,attributes:r})}return s.sort((e,t)=>e.graphKey.localeCompare(t.graphKey)),s})(t),r=(({sources:e,aggregatedServiceMap:t})=>{const i=[],o={x:0,y:0};if(t.length&&e.length)for(const r of t){const t=e.find(e=>r.serviceName===e.serviceName||r.serviceName===e.id.name),a=ie(t);i.push({id:r.graphKey,type:J.MapItem,position:o,data:te(r,t,a),measured:{width:80,height:80}})}else i.push({id:J.NoData,type:J.NoData,position:o,data:{subTitle:E.ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC}});return i})({aggregatedServiceMap:i,sources:[se].concat(c)});if(1===r.length&&r[0].id===J.NoData)return u(r),N([]),M(""),void w();const a=(({theme:e,nodes:t,aggregatedServiceMap:i})=>{const o=[],r=new Map(t.map(e=>[e.id,e]));for(const t of i){const i=t.graphKey,a=r.get(i);if(!a)continue;const s=a.data?.status===$.Error;for(const a of t.connections){const n=a.targetGraphKey;r.has(n)&&o.push({id:`${i}-to-${n}`,type:"smoothstep",source:i,target:n,data:{sourceGraphKey:t.graphKey,targetGraphKey:a.targetGraphKey},markerEnd:{type:g.ArrowClosed},style:{stroke:s?e?.colors.dark_red:e?.colors.border}})}}return o})({theme:o,nodes:r,aggregatedServiceMap:i});N(a);const s=r.map(e=>e.id).sort().join("|");if(s!==k)return(async(e,t,i={})=>{const o={id:"root",layoutOptions:{...re,...i},children:e.map(e=>({id:e.id,width:80,height:80,...e.id===m?{layoutOptions:{"elk.layered.layering.layerConstraint":"FIRST","elk.alignment":"CENTER"}}:{}})),edges:t.map(e=>({id:e.id,sources:[e.source],targets:[e.target]}))},r=await oe.layout(o),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}})(r,a).then(({nodes:t})=>{e||(u(t),M(s),w())}),()=>{e=!0};u(e=>{const t=new Map(e.map(e=>[e.id,e]));return r.map(e=>{const i=t.get(e.id);return i?e.type===J.MapItem&&i.type===J.MapItem?{...e,position:i.position,data:{...e.data,selected:i.data.selected}}:{...e,position:i.position}:e})})},[o,t,c,k]);const A=l(()=>T||I?y.map(e=>{if(e.source===T||e.target===T||e.source===I||e.target===I)return{...e,type:ee.AnimatedTraffic};const t={opacity:.3};return{...e,style:{...e.style,...t},labelStyle:{...e.labelStyle,...t},labelBgStyle:{...e.labelBgStyle,...t}}}):y,[y,T,I]),L=l(()=>({nodes:p,edges:A,onNodesChange:v,onEdgesChange:S,setNodesSelected:_,fitViewTrigger:b,hoveredNodeId:T,setHoveredNodeId:C,selectedNodeId:I,toggleSelectedNode:V,resetSelectedNode:z}),[p,A,v,S,_,b,T,I,V,z]);return e(ne.Provider,{value:L,children:i})},ce=o.div`
+`,ae=n(({id:t,data:i})=>e(ne,{"data-id":t,children:e(C,{...i})}));ae.displayName=ae.name;var se,de;!function(e){e.MapItem="map-item",e.NoData="no-data"}(se||(se={})),function(e){e.AnimatedTraffic="animated-traffic"}(de||(de={}));const le=(e,t,i)=>{if(i)return{icons:[Z],aggService:e,selected:!0};const o=e.isVirtual,r=o?[E(e)]:t?z(t):[Q],{priorotizedStatus:n}=o?{priorotizedStatus:void 0}:X(t?.conditions||[]);return{icons:r,status:n,isVirtual:o,aggService:e,selected:!0}},ce=e=>!(!e||e.serviceName!==h||e.id.namespace||e.id.name||e.id.kind),pe=new oe,ue={"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"},he=e=>{const t=e.lastIndexOf("|");return-1===t?{graphKey:e,detail:""}:{graphKey:e.substring(0,t),detail:e.substring(t+1)}},ge={id:{namespace:"",name:"",kind:""},serviceName:h,markedForInstrumentation:{markedForInstrumentation:!0}},me=c(null),fe=()=>{const e=p(me);if(!e)throw new Error("useServiceMapContext must be used within a ServiceMapProvider");return e},ve=({serviceMap:t,children:i})=>{const o=r(),{sourcesApi:n}=re(),{items:c}=n.useSources(),[p,u,v]=m([]),[y,b,x]=f([]),[N,S]=a(0),I=s(()=>S(e=>e+1),[]),[w,$]=a(""),[k,M]=a(null),[C,E]=a(null),z=s(e=>E(t=>t===e?null:e),[]),X=s(()=>E(null),[]),K=s((e,t)=>{const i=new Set(e);u(e=>e.map(e=>e.type===se.MapItem&&i.has(e.id)?{...e,data:{...e.data,selected:t}}:e))},[u]);d(()=>{let e=!1;const i=(e=>{const t=new Map,i=new Set,o=(e,i,o=!1)=>{let r=t.get(e);return r||(r={serviceName:i,isVirtual:o,attributes:{},connectionMap:new Map},t.set(e,r)),r},r=(e,t)=>{if(t)for(const{key:i,value:o}of t)i in e||(e[i]=o)};for(const t of e){const{graphKey:e}=he(t.nodeId),n=o(e,t.serviceName);n.isVirtual=!1;for(const e of t.services){const{graphKey:t,detail:a}=he(e?.nodeId??"");e.isVirtual&&(i.add(t),r(o(t,e.serviceName,!0).attributes,e.nodeAttributes));let s=n.connectionMap.get(t);if(s||(s={targetGraphKey:t,targetServiceName:e.serviceName,totalRequests:0,lastDateTime:e.dateTime,details:[]},n.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 n=[...t.entries()];for(const[,{connectionMap:e}]of n)for(const[r,n]of e)t.has(r)||o(r,n.targetServiceName,i.has(r));const a=[];for(const[e,{serviceName:i,isVirtual:o,attributes:r,connectionMap:n}]of t){const t=[...n.values()];t.sort((e,t)=>e.targetGraphKey.localeCompare(t.targetGraphKey)),a.push({graphKey:e,serviceName:i,isVirtual:o,connections:t,attributes:r})}return a.sort((e,t)=>e.graphKey.localeCompare(t.graphKey)),a})(t),r=(({sources:e,aggregatedServiceMap:t})=>{const i=[],o={x:0,y:0};if(t.length&&e.length)for(const r of t){const t=e.find(e=>r.serviceName===e.serviceName||r.serviceName===e.id.name),n=ce(t);i.push({id:r.graphKey,type:se.MapItem,position:o,data:le(r,t,n),measured:{width:80,height:80}})}else i.push({id:se.NoData,type:se.NoData,position:o,data:{subTitle:A.ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC}});return i})({aggregatedServiceMap:i,sources:[ge].concat(c)});if(1===r.length&&r[0].id===se.NoData)return u(r),b([]),$(""),void I();const n=(({theme:e,nodes:t,aggregatedServiceMap:i})=>{const o=[],r=new Map(t.map(e=>[e.id,e]));for(const t of i){const i=t.graphKey,n=r.get(i);if(!n)continue;const a=n.data?.status===T.Error;for(const n of t.connections){const s=n.targetGraphKey;r.has(s)&&o.push({id:`${i}-to-${s}`,type:"smoothstep",source:i,target:s,data:{sourceGraphKey:t.graphKey,targetGraphKey:n.targetGraphKey},markerEnd:{type:g.ArrowClosed},style:{stroke:a?e?.colors.dark_red:e?.colors.border}})}}return o})({theme:o,nodes:r,aggregatedServiceMap:i});b(n);const a=r.map(e=>e.id).sort().join("|");if(a!==w)return(async(e,t,i={})=>{const o={id:"root",layoutOptions:{...ue,...i},children:e.map(e=>({id:e.id,width:80,height:80,...e.id===h?{layoutOptions:{"elk.layered.layering.layerConstraint":"FIRST","elk.alignment":"CENTER"}}:{}})),edges:t.map(e=>({id:e.id,sources:[e.source],targets:[e.target]}))},r=await pe.layout(o),n=new Map;return r.children?.forEach(e=>{n.set(e.id,{x:e.x??0,y:e.y??0})}),{nodes:e.map(e=>({...e,position:n.get(e.id)??e.position})),edges:t}})(r,n).then(({nodes:t})=>{e||(u(t),$(a),I())}),()=>{e=!0};u(e=>{const t=new Map(e.map(e=>[e.id,e]));return r.map(e=>{const i=t.get(e.id);return i?e.type===se.MapItem&&i.type===se.MapItem?{...e,position:i.position,data:{...e.data,selected:i.data.selected}}:{...e,position:i.position}:e})})},[o,t,c,w]);const R=l(()=>k||C?y.map(e=>{if(e.source===k||e.target===k||e.source===C||e.target===C)return{...e,type:de.AnimatedTraffic};const t={opacity:.3};return{...e,style:{...e.style,...t},labelStyle:{...e.labelStyle,...t},labelBgStyle:{...e.labelBgStyle,...t}}}):y,[y,k,C]),V=l(()=>({nodes:p,edges:R,onNodesChange:v,onEdgesChange:x,setNodesSelected:K,fitViewTrigger:N,hoveredNodeId:k,setHoveredNodeId:M,activeNodeId:C,toggleActiveNode:z,resetActiveNode:X}),[p,R,v,x,K,N,k,C,z,X]);return e(me.Provider,{value:V,children:i})},ye=o.div`
   border: 1px ${({theme:e,$isSelected:t,$isVirtual:i})=>t?`solid ${e.v2.colors.blue[300]}`:i?`dashed ${e.v2.colors.silver[300]}`:"solid transparent"};
   border-radius: 8px;
   cursor: pointer;
   opacity: ${({$isVirtual:e})=>e?.8:1};
-`,pe=o.div`
+`,be=o.div`
   position: relative;
-`,ue=o.div`
+`,xe=o.div`
   position: absolute;
   top: 100%;
   left: 50%;
@@ -18,7 +18,7 @@ import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o,{useThe
   align-items: center;
   gap: 4px;
   margin-top: 4px;
-`,me=a(({id:o,data:a})=>{const{icons:s,status:n,isVirtual:d}=a,c=r(),{selectedNodeId:p,hoveredNodeId:u}=de(),{isUserSource:g,isNodeSelected:h,isHovered:f}=l(()=>({isUserSource:o===m,isNodeSelected:p===o,isHovered:u===o}),[o,p,u,o]),{isSelected:N,isHighlighted:S}=l(()=>({isSelected:h||g,isHighlighted:h||f||g}),[h,f,g]),b=n?R(n,c):null;return t(i,{children:[e(v,{type:"source",position:y.Right,style:{visibility:"hidden"}}),e(v,{type:"target",position:y.Left,style:{visibility:"hidden"}}),t(pe,{"data-id":o,children:[e(ce,{$isSelected:N,$isVirtual:d,children:e(z,{padding:12,icons:s,status:S?$.Info:n})}),t(ue,{children:[b&&e(b,{}),e(A,{size:L.XXS,nowrap:!0,children:o})]})]})]})});me.displayName=me.name;const ge=o.div`
+`,Ne=n(({id:o,data:n})=>{const{icons:a,status:s,isVirtual:d}=n,c=r(),{activeNodeId:p,hoveredNodeId:u}=fe(),{isUserSource:g,isNodeSelected:m,isHovered:f}=l(()=>({isUserSource:o===h,isNodeSelected:p===o,isHovered:u===o}),[o,p,u,o]),{isSelected:b,isHighlighted:x}=l(()=>({isSelected:m||g,isHighlighted:m||f||g}),[m,f,g]),N=s?O(s,c):null;return t(i,{children:[e(v,{type:"source",position:y.Right,style:{visibility:"hidden"}}),e(v,{type:"target",position:y.Left,style:{visibility:"hidden"}}),t(be,{"data-id":o,children:[e(ye,{$isSelected:b,$isVirtual:d,children:e(K,{padding:12,icons:a,status:x?T.Info:s})}),t(xe,{children:[N&&e(N,{}),e(R,{size:V.XXS,nowrap:!0,children:o})]})]})]})});Ne.displayName=Ne.name;const Se=o.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -31,10 +31,28 @@ import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o,{useThe
   top: 16px;
   left: 8px;
   z-index: ${({theme:e})=>e.v2.zIndex.drawer};
-`,he=o.div`
+`,Ie=({children:t})=>e(Se,{children:t});var we,$e;!function(e){e.All="All",e.Inbound="Inbound",e.Outbound="Outbound"}(we||(we={})),function(e){e.Inbound="Inbound",e.Outbound="Outbound"}($e||($e={}));const ke=o.div`
   flex: 1 1 auto;
   min-height: 0;
-`,fe=({})=>{const{nodes:i,setNodesSelected:o,resetSelectedNode:r}=de(),[a,d]=s(""),c=l(()=>i.filter(e=>e.type===J.MapItem).sort((e,t)=>e.id.localeCompare(t.id)),[i]),p=l(()=>c.filter(e=>e.data.selected),[c]),u=l(()=>c.filter(e=>e.id.toLowerCase().includes(a.toLowerCase())),[c,a]),m=l(()=>u.every(e=>e.data.selected),[u]),g=n(()=>{const e=!m;o(u.map(e=>e.id),e),e||r()},[u,m,o,r]);return c.length?t(ge,{children:[t(X,{$width:"100%",$gap:8,children:[e(A,{size:L.XS,children:"Services"}),e(j,{label:c.length})]}),e(D,{width:"100%",value:a,onChange:d}),t(X,{$width:"100%",$justifyContent:"space-between",children:[e(A,{size:L.XXXS,children:`Showing ${p.length} out of ${c.length}`}),e(A,{"data-id":"namespaces-select-all",onClick:g,disabled:!u.length,size:L.XS,children:m?E.UNSELECT_ALL:E.SELECT_ALL})]}),e(he,{children:e(P,{gap:4,elements:u.map(t=>e(ye,{node:t},t.id))})})]}):null},ve=o.div`
+`,Me=()=>{const{nodes:i,activeNodeId:o,resetActiveNode:r}=fe(),[n,s]=a(we.All),d=l(()=>{const e=new Map;for(const t of i)t.type===se.MapItem&&e.set(t.id,t);return e},[i]),c=l(()=>d.get(o??""),[d,o]),{inbound:p,outbound:u}=l(()=>{const e=[],t=[];if(!c)return{inbound:e,outbound:t};for(const e of c.data.aggService?.connections??[])t.push({peerId:e.targetGraphKey,direction:$e.Outbound,totalRequests:e.totalRequests});for(const t of d.values())if(t.id!==c.id)for(const i of t.data.aggService?.connections??[])i.targetGraphKey===c.id&&e.push({peerId:t.id,direction:$e.Inbound,totalRequests:i.totalRequests});return e.sort((e,t)=>e.peerId.localeCompare(t.peerId)),t.sort((e,t)=>e.peerId.localeCompare(t.peerId)),{inbound:e,outbound:t}},[c,d]);if(!c)return null;const h=[we.All,we.Inbound].includes(n)&&p.length>0,g=[we.All,we.Outbound].includes(n)&&u.length>0;return t(Ie,{children:[t(_,{$width:"100%",$gap:8,children:[e(q,{variant:j.Text,size:L.S,leftIcon:J,onClick:r}),e(K,{icons:c.data.icons}),e(R,{size:V.XS,children:c.id})]}),e(H,{fullWidth:!0,options:[{label:`${we.All}`,value:we.All,badge:{label:`${p.length+u.length}`}},{label:`${we.Inbound}`,value:we.Inbound,badge:{label:`${p.length}`}},{label:`${we.Outbound}`,value:we.Outbound,badge:{label:`${u.length}`}}],selected:n,setSelected:s}),h&&e(Te,{halfHeight:g,title:"Inbound",icon:ee,connections:p,mapNodesById:d}),g&&e(Te,{halfHeight:h,title:"Outbound",icon:te,connections:u,mapNodesById:d})]})},Ce=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 12px 8px;
+  border-radius: 12px;
+  background-color: ${({theme:e})=>e.v2.colors.silver[900]};
+  height: ${({$halfHeight:e})=>e?"48%":"100%"};
+`,Te=({halfHeight:i,title:o,icon:n,connections:a,mapNodesById:s})=>{const d=r();return t(Ce,{$halfHeight:i,children:[t(_,{children:[e(n,{size:16,fill:d.v2.colors.grey[300]}),e(R,{size:V.XXS,color:D.Secondary,children:o})]}),e(ke,{children:e(G,{gap:4,elements:a.map(t=>e(Ee,{connection:t,peerNode:s.get(t.peerId)},`${t.direction}-${t.peerId}`))})})]})},Ae=o.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px;
+  border-radius: 8px;
+  background-color: ${({theme:e})=>e.v2.colors.silver[900]};
+`,Ee=({connection:i,peerNode:o})=>t(Ae,{children:[o&&e(K,{icons:o.data.icons}),t(_,{$gap:4,$width:"100%",$justifyContent:"space-between",children:[e(R,{size:V.XXS,children:i.peerId}),e(P,{label:i.totalRequests,tooltip:"Total requests"})]})]}),ze="0;0.5;1",Xe=n(({id:o,sourceX:n,sourceY:a,targetX:s,targetY:d,sourcePosition:l,targetPosition:c,markerEnd:p})=>{const u=r(),[h]=b({sourceX:n,sourceY:a,targetX:s,targetY:d,sourcePosition:l,targetPosition:c}),g=`${o}__animated-traffic-motion`,m=u.v2.colors.blue[700],f=u.v2.colors.blue[900],v=u.v2.colors.blue[500],y="4s";return t(i,{children:[e(x,{id:o,path:h,markerEnd:p,style:{stroke:m,strokeWidth:1}}),e(N,{children:t("svg",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"visible",pointerEvents:"none"},children:[e("path",{id:g,d:h,fill:"none",stroke:"none"}),Array.from({length:5}).map((i,o)=>{const r=`-${(.8*o).toFixed(3)}s`;return t("circle",{r:0,fill:f,children:[e("animateMotion",{dur:y,begin:r,repeatCount:"indefinite",children:e("mpath",{href:`#${g}`})}),e("animate",{attributeName:"r",dur:y,begin:r,repeatCount:"indefinite",keyTimes:ze,values:"0;3.5;3.5"}),e("animate",{attributeName:"fill",dur:y,begin:r,repeatCount:"indefinite",keyTimes:ze,values:`${f};${v};${v}`})]},o)})]})})]})});Xe.displayName=Xe.name;const Ke=o.div`
+  flex: 1 1 auto;
+  min-height: 0;
+`,Re=({})=>{const{nodes:i,setNodesSelected:o,resetActiveNode:r}=fe(),[n,d]=a(""),c=l(()=>i.filter(e=>e.type===se.MapItem).sort((e,t)=>e.id.localeCompare(t.id)),[i]),p=l(()=>c.filter(e=>e.data.selected),[c]),u=l(()=>c.filter(e=>e.id.toLowerCase().includes(n.toLowerCase())),[c,n]),h=l(()=>u.every(e=>e.data.selected),[u]),g=s(()=>{const e=!h;o(u.map(e=>e.id),e),e||r()},[u,h,o,r]);return c.length?t(Ie,{children:[t(_,{$width:"100%",$gap:8,children:[e(R,{size:V.XS,children:"Services"}),e(P,{label:c.length})]}),e(B,{width:"100%",value:n,onChange:d}),t(_,{$width:"100%",$justifyContent:"space-between",children:[e(R,{size:V.XXXS,children:`Showing ${p.length} out of ${c.length}`}),e(R,{"data-id":"namespaces-select-all",onClick:g,disabled:!u.length,size:V.XS,children:h?A.UNSELECT_ALL:A.SELECT_ALL})]}),e(Ke,{children:e(G,{gap:4,elements:u.map(t=>e(Oe,{node:t},t.id))})})]}):null},Ve=o.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -42,7 +60,7 @@ import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o,{useThe
   border-radius: 8px;
   background-color: ${({theme:e})=>e.v2.colors.silver[900]};
   cursor: pointer;
-`,ye=({node:i})=>{const{setNodesSelected:o,selectedNodeId:r,resetSelectedNode:a}=de(),s=n(()=>{const e=!i.data.selected,t=r===i.id;o([i.id],e),!e&&t&&a()},[i,r,o,a]);return t(ve,{onClick:s,children:[e(q,{value:i.data.selected||!1,onChange:s}),e(z,{icons:i.data.icons}),e(A,{size:L.XXS,children:i.id})]},i.id)},Ne="0;0.5;1",Se=a(({id:o,sourceX:a,sourceY:s,targetX:n,targetY:d,sourcePosition:l,targetPosition:c,markerEnd:p})=>{const u=r(),[m]=N({sourceX:a,sourceY:s,targetX:n,targetY:d,sourcePosition:l,targetPosition:c}),g=`${o}__animated-traffic-motion`,h=u.v2.colors.blue[700],f=u.v2.colors.blue[900],v=u.v2.colors.blue[500],y="4s";return t(i,{children:[e(S,{id:o,path:m,markerEnd:p,style:{stroke:h,strokeWidth:1}}),e(b,{children:t("svg",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"visible",pointerEvents:"none"},children:[e("path",{id:g,d:m,fill:"none",stroke:"none"}),Array.from({length:5}).map((i,o)=>{const r=`-${(.8*o).toFixed(3)}s`;return t("circle",{r:0,fill:f,children:[e("animateMotion",{dur:y,begin:r,repeatCount:"indefinite",children:e("mpath",{href:`#${g}`})}),e("animate",{attributeName:"r",dur:y,begin:r,repeatCount:"indefinite",keyTimes:Ne,values:"0;3.5;3.5"}),e("animate",{attributeName:"fill",dur:y,begin:r,repeatCount:"indefinite",keyTimes:Ne,values:`${f};${v};${v}`})]},o)})]})})]})});Se.displayName=Se.name;const be=o.div`
+`,Oe=({node:i})=>{const{setNodesSelected:o,activeNodeId:r,resetActiveNode:n}=fe(),a=s(()=>{const e=!i.data.selected,t=r===i.id;o([i.id],e),!e&&t&&n()},[i,r,o,n]);return t(Ve,{onClick:a,children:[e(F,{value:i.data.selected||!1,onChange:a}),e(K,{icons:i.data.icons}),e(R,{size:V.XXS,children:i.id})]},i.id)},_e=o.div`
   position: relative;
   height: 100%;
   .react-flow__attribution {
@@ -51,7 +69,7 @@ import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o,{useThe
   * {
     transition: none;
   }
-`,xe=o.div`
+`,qe=o.div`
   .react-flow__controls {
     display: flex;
     align-items: center;
@@ -77,14 +95,14 @@ import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o,{useThe
       }
     }
   }
-`,we={[J.MapItem]:me,[J.NoData]:Q},ke={[ee.AnimatedTraffic]:Se},Me={duration:300,padding:.1,includeHiddenNodes:!0,maxZoom:1},Te=({trigger:e})=>{const{fitView:t}=C(),i=u(!0);return d(()=>{i.current?i.current=!1:e>0&&requestAnimationFrame(()=>t(Me))},[e,t]),null},Ce=({onRefresh:i})=>{const{nodes:o,edges:r,fitViewTrigger:a,onNodesChange:s,onEdgesChange:n,setHoveredNodeId:d,toggleSelectedNode:c}=de(),p=l(()=>{const e=new Set(o.filter(e=>e.type===J.MapItem&&e.data.selected).map(e=>e.id)),t=new Set;for(const i of r)e.has(i.source)&&t.add(i.target),e.has(i.target)&&t.add(i.source);return o.filter(e=>e.type!==J.MapItem||e.data.selected||t.has(e.id))},[o,r]);return t(w,{zoomOnScroll:!0,nodes:p,nodeTypes:we,edges:r,edgeTypes:ke,onNodeClick:(e,t)=>c(t.id),onNodeMouseEnter:(e,t)=>d(t.id),onNodeMouseLeave:()=>d(null),onNodesChange:s,onEdgesChange:n,children:[e(k,{}),e(Te,{trigger:a}),e(xe,{children:e(M,{position:"top-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:Me,children:e(T,{onClick:i,children:e(U,{})})})})]})},Ie=i=>e(x,{children:t(be,{children:[e(fe,{}),e(Ce,{...i})]})}),$e=o.div`
+`,Le={[se.MapItem]:Ne,[se.NoData]:ae},je={[de.AnimatedTraffic]:Xe},He={duration:300,padding:.1,includeHiddenNodes:!0,maxZoom:1},De=({trigger:e})=>{const{fitView:t}=M(),i=u(!0);return d(()=>{i.current?i.current=!1:e>0&&requestAnimationFrame(()=>t(He))},[e,t]),null},Ge=({onRefresh:i})=>{const{nodes:o,edges:r,fitViewTrigger:n,onNodesChange:a,onEdgesChange:s,setHoveredNodeId:d,toggleActiveNode:c}=fe(),p=l(()=>{const e=new Set(o.filter(e=>e.type===se.MapItem&&e.data.selected).map(e=>e.id)),t=new Set;for(const i of r)e.has(i.source)&&t.add(i.target),e.has(i.target)&&t.add(i.source);return o.filter(e=>e.type!==se.MapItem||e.data.selected||t.has(e.id))},[o,r]);return t(I,{zoomOnScroll:!0,nodes:p,nodeTypes:Le,edges:r,edgeTypes:je,onNodeClick:(e,t)=>c(t.id),onNodeMouseEnter:(e,t)=>d(t.id),onNodeMouseLeave:()=>d(null),onNodesChange:a,onEdgesChange:s,children:[e(w,{}),e(De,{trigger:n}),e(qe,{children:e($,{position:"top-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:He,children:e(k,{onClick:i,children:e(ie,{})})})})]})},Pe=i=>e(S,{children:t(_e,{children:[e(Ge,{...i}),e(Re,{}),e(Me,{})]})}),Be=o.div`
   width: 100%;
   flex: 1;
   align-self: stretch;
   min-height: 0;
   height: 100%;
   position: relative;
-`,Ee=()=>{const{serviceMapApi:t}=W(),{data:i,refetch:o}=t.useServiceMap({pollInterval:5e3,fetchPolicy:"cache-and-network"});return e(le,{serviceMap:i?.serviceMap??[],children:e($e,{children:e(Ie,{onRefresh:o})})})},Ke=o.div`
+`,Fe=()=>{const{serviceMapApi:t}=re(),{data:i,refetch:o}=t.useServiceMap({pollInterval:5e3,fetchPolicy:"cache-and-network"});return e(ve,{serviceMap:i?.serviceMap??[],children:e(Be,{children:e(Pe,{onRefresh:o})})})},Ue=o.div`
   position: fixed;
   bottom: 12px;
   left: 12px;
@@ -93,4 +111,4 @@ import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o,{useThe
   flex-direction: column-reverse;
   gap: 6px;
   max-width: 600px;
-`,Ve=()=>{const{notifications:t,markAsDismissed:i,markAsSeen:o}=G(),{onClickNotification:r}=F(),a=t.filter(({dismissed:e})=>!e);return e(Ke,{children:a.map(({id:t,type:s,title:n,message:d,crdType:l,target:c},p)=>{const u=d||n;if(!u)return null;const m=a.length-p;return e(H,{status:s,message:u,action:l&&c?{label:"go to details",onClick:()=>r({id:t,crdType:l,target:c},{dismissToast:!0})}:void 0,onClose:({asSeen:e})=>(({id:e,asSeen:t})=>{i(e),t&&o(e)})({id:t,asSeen:e}),zIndex:m},`toast-${t}`)})})};export{Ee as ServiceMap,Ve as ToastList};
+`,Ye=()=>{const{notifications:t,markAsDismissed:i,markAsSeen:o}=U(),{onClickNotification:r}=Y(),n=t.filter(({dismissed:e})=>!e);return e(Ue,{children:n.map(({id:t,type:a,title:s,message:d,crdType:l,target:c},p)=>{const u=d||s;if(!u)return null;const h=n.length-p;return e(W,{status:a,message:u,action:l&&c?{label:"go to details",onClick:()=>r({id:t,crdType:l,target:c},{dismissToast:!0})}:void 0,onClose:({asSeen:e})=>(({id:e,asSeen:t})=>{i(e),t&&o(e)})({id:t,asSeen:e}),zIndex:h},`toast-${t}`)})})};export{Fe as ServiceMap,Ye as ToastList};

package/lib/contexts/odigos-api/hooks/use-sources-api.d.ts

@@ -58,7 +58,10 @@ export interface SourcesApi {
     fetchByTargets: (targets: string[], options?: {
         slim?: boolean;
     }) => Promise<void>;
-    /** Fetch a single workload by id, returning the freshest copy from Apollo's cache once the round-trip completes. */
+    /**
+     * Fetch a single workload by id via `GET_WORKLOADS_BY_IDS`, returning the freshest copy straight from the response.
+     * Scoped to the one workload — it does NOT refresh the full `GET_WORKLOADS` list — so the edit-source-drawer can poll it without hammering the unfiltered list query at scale.
+     */
     fetchById: (id: WorkloadId) => Promise<Workload | undefined>;
     fetchLibraries: (id: WorkloadId) => Promise<{
         data?: GetSourceLibrariesData;

package/lib/contexts/odigos-api.js

@@ -1 +1 @@
-import{e as o,r,f as t}from"../chunks/use-odigos-api-BMcghWbA.js";export{O as OdigosApiProvider,p as prepareNamespacePayloads,a as prepareSourcePayloads,u as useApiLazyQuery,b as useApiMutation,c as useApiQuery,d as useOdigosApi}from"../chunks/use-odigos-api-BMcghWbA.js";export{O as OdigosApiConnectionsScope}from"../chunks/connections-scope-D_2Q866B.js";import{useApolloClient as e}from"@apollo/client";import{P as s,t as i}from"../chunks/ui-components-B1TCLO_N.js";import"react";import"react/jsx-runtime";import"@apollo/client/link/error";import"@apollo/client/link/context";import"@apollo/client/utilities";import"styled-components";import"../icons.js";import"zustand";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"../chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";const n=()=>{const s=e(),{operations:i,context:n}=o();return{multiFetch:async(o,r,e)=>{const a=i[o];return a?t(s,a,r,e,n):{results:[],allSucceeded:!1,anySucceeded:!1,successCount:0,failureCount:r.length,error:`Operation ${String(o)} not configured`}},bulkPersistSources:async(o,t)=>{const e=[];for(const a of o){const o={...n,proxyID:a},{error:c}=await r(s,i.PERSIST_SOURCES,t,o);c&&e.push(`${a}: ${c}`)}return e.length?{error:e.join(", ")}:void 0},applyConfigurations:async(o,t)=>{if(!i.UPDATE_REMOTE_CONFIG)return{error:"UPDATE_REMOTE_CONFIG not configured"};const{error:e}=await r(s,i.UPDATE_REMOTE_CONFIG,{formData:t,connectionIds:o},n);return e?{error:e}:void 0}}},m=(o,r)=>o.platformType===s.K8s?r.K8s:o.platformType===s.Vm?r.Vm:void 0,l=o=>r=>{const t=o[r.platformType];if(!t)return;const e=Object.keys(t);if(0===e.length)return;const s=i(r.schemaVersion??r.version),n=[...e].sort((o,r)=>i(r)-i(o)).find(o=>s>=i(o));return n?t[n]:void 0},f=(o,r)=>{const t={};for(const e of Object.keys(o))t[e]=r(o[e]);return t};export{m as pickByPlatform,n as useApiForConnections,l as versionedDocument,f as vmDialectMap};
+import{e as o,r,f as t}from"../chunks/use-odigos-api-hslZLdix.js";export{O as OdigosApiProvider,p as prepareNamespacePayloads,a as prepareSourcePayloads,u as useApiLazyQuery,b as useApiMutation,c as useApiQuery,d as useOdigosApi}from"../chunks/use-odigos-api-hslZLdix.js";export{O as OdigosApiConnectionsScope}from"../chunks/connections-scope-DgpFs9S1.js";import{useApolloClient as e}from"@apollo/client";import{P as s,t as i}from"../chunks/ui-components-BmIux5o5.js";import"react";import"react/jsx-runtime";import"@apollo/client/link/error";import"@apollo/client/link/context";import"@apollo/client/utilities";import"styled-components";import"../icons.js";import"zustand";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"../chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";const n=()=>{const s=e(),{operations:i,context:n}=o();return{multiFetch:async(o,r,e)=>{const a=i[o];return a?t(s,a,r,e,n):{results:[],allSucceeded:!1,anySucceeded:!1,successCount:0,failureCount:r.length,error:`Operation ${String(o)} not configured`}},bulkPersistSources:async(o,t)=>{const e=[];for(const a of o){const o={...n,proxyID:a},{error:c}=await r(s,i.PERSIST_SOURCES,t,o);c&&e.push(`${a}: ${c}`)}return e.length?{error:e.join(", ")}:void 0},applyConfigurations:async(o,t)=>{if(!i.UPDATE_REMOTE_CONFIG)return{error:"UPDATE_REMOTE_CONFIG not configured"};const{error:e}=await r(s,i.UPDATE_REMOTE_CONFIG,{formData:t,connectionIds:o},n);return e?{error:e}:void 0}}},m=(o,r)=>o.platformType===s.K8s?r.K8s:o.platformType===s.Vm?r.Vm:void 0,l=o=>r=>{const t=o[r.platformType];if(!t)return;const e=Object.keys(t);if(0===e.length)return;const s=i(r.schemaVersion??r.version),n=[...e].sort((o,r)=>i(r)-i(o)).find(o=>s>=i(o));return n?t[n]:void 0},f=(o,r)=>{const t={};for(const e of Object.keys(o))t[e]=r(o[e]);return t};export{m as pickByPlatform,n as useApiForConnections,l as versionedDocument,f as vmDialectMap};

package/lib/contexts.js

@@ -1 +1 @@
-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-DaQkZ03_.js";export{O as OdigosProvider,c as checkVersionSupport,u as useOdigos}from"./chunks/helpers-CUmUiA_l.js";import{jsx as o}from"react/jsx-runtime";import{useMemo as r,useContext as t,createContext as s}from"react";export{O as OdigosApiConnectionsScope}from"./chunks/connections-scope-D_2Q866B.js";export{O as OdigosApiProvider,p as prepareNamespacePayloads,a as prepareSourcePayloads,u as useApiLazyQuery,b as useApiMutation,c as useApiQuery,d as useOdigosApi}from"./chunks/use-odigos-api-BMcghWbA.js";export{pickByPlatform,useApiForConnections,versionedDocument,vmDialectMap}from"./contexts/odigos-api.js";import"./chunks/ui-components-B1TCLO_N.js";import"styled-components";import"./icons.js";import"zustand";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";import"@apollo/client";import"@apollo/client/link/error";import"@apollo/client/link/context";import"@apollo/client/utilities";const n=s({formType:void 0}),m=({children:e,formType:t})=>{const s=r(()=>({formType:t}),[t]);return o(n.Provider,{value:s,children:e})},l=()=>t(n);export{m as StorybookProvider,l as useStorybook};
+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-o2ynNRPg.js";export{O as OdigosProvider,c as checkVersionSupport,u as useOdigos}from"./chunks/helpers-BlFl20R2.js";import{jsx as o}from"react/jsx-runtime";import{useMemo as r,useContext as t,createContext as s}from"react";export{O as OdigosApiConnectionsScope}from"./chunks/connections-scope-DgpFs9S1.js";export{O as OdigosApiProvider,p as prepareNamespacePayloads,a as prepareSourcePayloads,u as useApiLazyQuery,b as useApiMutation,c as useApiQuery,d as useOdigosApi}from"./chunks/use-odigos-api-hslZLdix.js";export{pickByPlatform,useApiForConnections,versionedDocument,vmDialectMap}from"./contexts/odigos-api.js";import"./chunks/ui-components-BmIux5o5.js";import"styled-components";import"./icons.js";import"zustand";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";import"@apollo/client";import"@apollo/client/link/error";import"@apollo/client/link/context";import"@apollo/client/utilities";const n=s({formType:void 0}),m=({children:e,formType:t})=>{const s=r(()=>({formType:t}),[t]);return o(n.Provider,{value:s,children:e})},l=()=>t(n);export{m as StorybookProvider,l as useStorybook};

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

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

package/lib/functions/get-status-color/index.d.ts

@@ -1,3 +1,3 @@
 import { DefaultTheme } from 'styled-components';
-import { OtherStatus, OtherStatusType, StatusType } from '@/types';
-export declare const getStatusColor: (theme: DefaultTheme, status: StatusType | OtherStatus | OtherStatusType, weight: keyof typeof theme.v2.colors.purple | keyof typeof theme.v2.colors.red | keyof typeof theme.v2.colors.yellow | keyof typeof theme.v2.colors.green | keyof typeof theme.v2.colors.silver) => string;
+import { StatusType } from '@/types';
+export declare const getStatusColor: (theme: DefaultTheme, status: StatusType, weight?: keyof typeof theme.v2.colors.purple | keyof typeof theme.v2.colors.red | keyof typeof theme.v2.colors.yellow | keyof typeof theme.v2.colors.green | keyof typeof theme.v2.colors.silver) => string;

package/lib/functions/get-status-from-pod-status/index.d.ts

@@ -1,3 +1,3 @@
-import { OtherStatusType, PodContainerLifecycleStatus, PodContainerStatus, PodPhase, StatusType, WorkloadRolloutStatus } from '@/types';
+import { PodContainerLifecycleStatus, PodContainerStatus, PodPhase, StatusType, WorkloadRolloutStatus } from '@/types';
 export type PodStatus = WorkloadRolloutStatus | PodPhase | PodContainerStatus | PodContainerLifecycleStatus;
-export declare const getStatusFromPodStatus: (status?: PodStatus) => StatusType | OtherStatusType;
+export declare const getStatusFromPodStatus: (status?: PodStatus) => StatusType;

package/lib/functions/get-status-icon/index.d.ts

@@ -1,3 +1,3 @@
+import { StatusType, type SVG } from '@/types';
 import type { DefaultTheme } from 'styled-components';
-import { OtherStatus, OtherStatusType, StatusType, type SVG } from '@/types';
-export declare const getStatusIcon: (status: StatusType | OtherStatus | OtherStatusType, theme: DefaultTheme) => SVG;
+export declare const getStatusIcon: (status: StatusType, theme: DefaultTheme) => SVG;

package/lib/functions/get-status-type-from-odigos-health/index.d.ts

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

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

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

package/lib/functions.js

@@ -1 +1 @@
-export{a0 as adaptInstrumentationRuleFromWire,$ as adaptInstrumentationRuleInputForWire,b7 as buildBadgeForDesiredStatus,f8 as capitalizeFirstLetter,f9 as cleanObjectEmptyStringsValues,ar as compareCondition,fa as decimalsOnly,e as deepClone,dh as entityIdKey,dm as filterActions,dl as filterDestinations,b0 as filterDestinationsByStream,dk as filterSources,d9 as filterSourcesByStream,fb as flattenObjectKeys,bk as formatBytes,fc as formatDuration,bT as generateId,a_ as getActionIcon,v as getConditionsBooleans,bw as getContainersIcons,fd as getContainersInstrumentedCount,fe as getDeepValue,aQ as getDestinationIcon,ff as getDetectedLanguageIcons,bc as getEffectiveLanguage,br as getEffectiveRuntimeVersion,di as getEntityIcon,_ as getEntityId,df as getEntityIdKey,dg as getEntityLabel,fg as getHealthBadgeLabel,Z as getIdFromSseTarget,b4 as getInstrumentationRuleIcon,fh as getMainContainerLanguage,fi as getMetricForEntity,fj as getMonitorIcon,fk as getNearestTypographySize,fl as getPlatformIcon,fm as getPlatformLabel,ax as getProgrammingLanguageIcon,fn as getRecursiveValues,r as getSourceLanguageIcons,U as getSseTargetFromId,fo as getStatusColor,ds as getStatusFromPodStatus,x as getStatusIcon,bm as getStatusTypeFromOdigosHealth,fp as getValueForRange,q as getVirtualServiceIcon,bi as getWorkloadId,b1 as getYamlFieldsForDestination,fq as hasUnhealthyInstances,fr as instrumentationRuleSourceScopesFromWire,fs as instrumentationRuleSourceScopesToWire,i as isEmpty,j as isLegalK8sLabel,bP as isOverTime,ft as isStringABoolean,fu as isTimeElapsed,bq as isValidVersion,fv as mapConditions,ba as mapDesiredStatusToConditionStatus,a$ as mapDestinationFieldsForDisplay,k as mapExportedSignals,m as mapSupportedSignals,fw as numbersOnly,fx as parseBooleanFromString,fy as parseJsonStringToPrettyString,as as prepareDestinationFormData,fz as removeEmptyValuesFromObject,s as safeJsonParse,fA as safeJsonStringify,fB as setDeepValue,fC as sleep,b2 as splitCamelString,fD as stringifyNonStringValues,t as trimVersion}from"./chunks/ui-components-B1TCLO_N.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";
+export{a5 as adaptInstrumentationRuleFromWire,a4 as adaptInstrumentationRuleInputForWire,b6 as buildBadgeForDesiredStatus,f6 as capitalizeFirstLetter,f7 as cleanObjectEmptyStringsValues,ar as compareCondition,f8 as decimalsOnly,e as deepClone,df as entityIdKey,dk as filterActions,dj as filterDestinations,a$ as filterDestinationsByStream,di as filterSources,d7 as filterSourcesByStream,f9 as flattenObjectKeys,bi as formatBytes,fa as formatDuration,bS as generateId,aZ as getActionIcon,v as getConditionsBooleans,bv as getContainersIcons,fb as getContainersInstrumentedCount,fc as getDeepValue,aQ as getDestinationIcon,fd as getDetectedLanguageIcons,bb as getEffectiveLanguage,bp as getEffectiveRuntimeVersion,dg as getEntityIcon,a3 as getEntityId,dd as getEntityIdKey,de as getEntityLabel,fe as getHealthBadgeLabel,a2 as getIdFromSseTarget,b3 as getInstrumentationRuleIcon,ff as getMainContainerLanguage,fg as getMetricForEntity,fh as getMonitorIcon,fi as getNearestTypographySize,fj as getPlatformIcon,fk as getPlatformLabel,ax as getProgrammingLanguageIcon,fl as getRecursiveValues,r as getSourceLanguageIcons,Z as getSseTargetFromId,fm as getStatusColor,dq as getStatusFromPodStatus,x as getStatusIcon,bk as getStatusTypeFromOdigosHealth,fn as getValueForRange,q as getVirtualServiceIcon,bg as getWorkloadId,b0 as getYamlFieldsForDestination,fo as hasUnhealthyInstances,fp as instrumentationRuleSourceScopesFromWire,fq as instrumentationRuleSourceScopesToWire,i as isEmpty,j as isLegalK8sLabel,bO as isOverTime,fr as isStringABoolean,fs as isTimeElapsed,bo as isValidVersion,ft as mapConditions,b9 as mapDesiredStatusToConditionStatus,a_ as mapDestinationFieldsForDisplay,k as mapExportedSignals,m as mapSupportedSignals,fu as numbersOnly,fv as parseBooleanFromString,fw as parseJsonStringToPrettyString,as as prepareDestinationFormData,fx as removeEmptyValuesFromObject,s as safeJsonParse,fy as safeJsonStringify,fz as setDeepValue,fA as sleep,b1 as splitCamelString,fB as stringifyNonStringValues,t as trimVersion}from"./chunks/ui-components-BmIux5o5.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";

package/lib/hooks.js

@@ -1 +1 @@
-export{fO as IGNORE_OUTSIDE_CLICK_ATTR,fP as useActionFormData,fQ as useBodyScroll,dn as useClickNode,Q as useClickNotification,dj as useContainerSize,bl as useCopy,fR as useDataStreamFormData,fS as useDestinationFormData,d as useGenericForm,fT as useInstrumentationRuleFormData,bO as useKeyDown,bn as useOnClickOutside,fU as useOverflow,u as usePopup,b6 as useScrollIntoViewWhen,dO as useScrollTo,dc as useSessionStorage,fV as useSourceFormData,b5 as useTimeAgo}from"./chunks/ui-components-B1TCLO_N.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";
+export{fM as IGNORE_OUTSIDE_CLICK_ATTR,fN as useActionFormData,fO as useBodyScroll,dl as useClickNode,X as useClickNotification,dh as useContainerSize,bj as useCopy,fP as useDataStreamFormData,fQ as useDestinationFormData,d as useGenericForm,fR as useInstrumentationRuleFormData,bN as useKeyDown,bl as useOnClickOutside,fS as useOverflow,u as usePopup,b5 as useScrollIntoViewWhen,dM as useScrollTo,da as useSessionStorage,fT as useSourceFormData,b4 as useTimeAgo}from"./chunks/ui-components-BmIux5o5.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";

package/lib/snippets/_v2/sampling-rule-form-sections/preset-with-custom-input.d.ts

@@ -21,7 +21,7 @@ export interface PresetWithCustomInputProps<T extends string = string> {
     selected: T;
     onSelect: (value: T) => void;
     customName: string;
-    customLabel: string;
+    customLabel?: string;
     customPlaceholder: string;
     customValue: string;
     onCustomChange: (e: React.ChangeEvent<HTMLInputElement>) => void;

package/lib/snippets/v2.js

@@ -1 +1 @@
-export{bg as ActionType,dr as Actions,dq as RichTitle}from"../chunks/ui-components-B1TCLO_N.js";export{C as CancelModal,j as DURATION_OPTIONS,g as DeleteModal,e as DurationErrorsSection,D as DynamicField,I as InstrumentationPreviewSection,N as NOISY_PERCENTAGE_OPTIONS,h as OdigosLogoTextByTier,O as OperationSection,b as PERCENTAGE_OPTIONS,f as PercentageSection,P as PresetWithCustomInput,R as RuleInfoSection,d as RuleTypeSection,c as SamplingPreviewSection,S as SignalsCheckboxList,a as SourceScopeSection,U as UpgradeModal,i as WIDE_DRAWER_WIDTH,W as WideDrawer,Y as YamlSectionCard}from"../chunks/index-hiRPXsEi.js";export{C as ColoredSpan,D as ColoredSpanVariant}from"../chunks/helpers-CUmUiA_l.js";import"react/jsx-runtime";import"styled-components";import"../icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"../chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";
+export{be as ActionType,dp as Actions,dn as RichTitle}from"../chunks/ui-components-BmIux5o5.js";export{C as CancelModal,j as DURATION_OPTIONS,g as DeleteModal,e as DurationErrorsSection,D as DynamicField,I as InstrumentationPreviewSection,N as NOISY_PERCENTAGE_OPTIONS,h as OdigosLogoTextByTier,O as OperationSection,b as PERCENTAGE_OPTIONS,f as PercentageSection,P as PresetWithCustomInput,R as RuleInfoSection,d as RuleTypeSection,c as SamplingPreviewSection,S as SignalsCheckboxList,a as SourceScopeSection,U as UpgradeModal,i as WIDE_DRAWER_WIDTH,W as WideDrawer,Y as YamlSectionCard}from"../chunks/index-BVL5-zQa.js";export{C as ColoredSpan,D as ColoredSpanVariant}from"../chunks/helpers-BlFl20R2.js";import"react/jsx-runtime";import"styled-components";import"../icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"../chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";

package/lib/snippets.js

@@ -1 +1 @@
-export{bg as ActionType,dr as Actions,dq as RichTitle}from"./chunks/ui-components-B1TCLO_N.js";export{C as CancelModal,j as DURATION_OPTIONS,g as DeleteModal,e as DurationErrorsSection,D as DynamicField,I as InstrumentationPreviewSection,N as NOISY_PERCENTAGE_OPTIONS,h as OdigosLogoTextByTier,O as OperationSection,b as PERCENTAGE_OPTIONS,f as PercentageSection,P as PresetWithCustomInput,R as RuleInfoSection,d as RuleTypeSection,c as SamplingPreviewSection,S as SignalsCheckboxList,a as SourceScopeSection,U as UpgradeModal,i as WIDE_DRAWER_WIDTH,W as WideDrawer,Y as YamlSectionCard}from"./chunks/index-hiRPXsEi.js";export{C as ColoredSpan,D as ColoredSpanVariant}from"./chunks/helpers-CUmUiA_l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";
+export{be as ActionType,dp as Actions,dn as RichTitle}from"./chunks/ui-components-BmIux5o5.js";export{C as CancelModal,j as DURATION_OPTIONS,g as DeleteModal,e as DurationErrorsSection,D as DynamicField,I as InstrumentationPreviewSection,N as NOISY_PERCENTAGE_OPTIONS,h as OdigosLogoTextByTier,O as OperationSection,b as PERCENTAGE_OPTIONS,f as PercentageSection,P as PresetWithCustomInput,R as RuleInfoSection,d as RuleTypeSection,c as SamplingPreviewSection,S as SignalsCheckboxList,a as SourceScopeSection,U as UpgradeModal,i as WIDE_DRAWER_WIDTH,W as WideDrawer,Y as YamlSectionCard}from"./chunks/index-BVL5-zQa.js";export{C as ColoredSpan,D as ColoredSpanVariant}from"./chunks/helpers-BlFl20R2.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";

package/lib/store/useProgressStore.d.ts

@@ -1,4 +1,4 @@
-import { OtherStatusType, StatusType } from '@/types';
+import { StatusType } from '@/types';
 export declare enum ProgressKeys {
     Instrumenting = "instrumenting",
     Uninstrumenting = "uninstrumenting",
@@ -9,7 +9,7 @@ export declare enum ProgressKeys {
 type ProgressKey = ProgressKeys | string;
 interface ProgressListItem {
     label: string;
-    status: StatusType | OtherStatusType;
+    status: StatusType;
 }
 interface ProgressValues {
     total: number;

package/lib/store.js

@@ -1 +1 @@
-export{Y as ProgressKeys,fN as useDarkMode,h as useDataStreamStore,bh as useDrawerStore,d8 as useFilterStore,bU as useModalStore,O as useNotificationStore,W as useProgressStore,de as useSelectedStore,X as useSetupStore}from"./chunks/ui-components-B1TCLO_N.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";
+export{a1 as ProgressKeys,fL as useDarkMode,h as useDataStreamStore,bf as useDrawerStore,d6 as useFilterStore,bT as useModalStore,W as useNotificationStore,$ as useProgressStore,dc as useSelectedStore,a0 as useSetupStore}from"./chunks/ui-components-BmIux5o5.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";

package/lib/theme.js

@@ -1 +1 @@
-export{fW as Provider,fX as animations,fY as opacity,fZ as palettes}from"./chunks/ui-components-B1TCLO_N.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";
+export{fU as Provider,fV as animations,fW as opacity,fX as palettes}from"./chunks/ui-components-BmIux5o5.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";

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

@@ -139,7 +139,10 @@ export declare enum StatusType {
     Error = "error",
     Success = "success",
     Info = "info",
-    Default = "default"
+    Default = "default",
+    Loading = "loading",
+    Disabled = "disabled",
+    Unknown = "unknown"
 }
 export declare enum IntrumentationStatus {
     INSTRUMENTED = "Instrumented",
@@ -147,16 +150,8 @@ export declare enum IntrumentationStatus {
     UNINSTRUMENTED = "Uninstrumented",
     NOT_INSTRUMENTED = "Not Instrumented"
 }
-export declare enum OtherStatus {
-    Loading = "loading",
-    Disabled = "disabled"
-}
-export declare enum OtherStatusType {
-    Disabled = "disabled",
-    Unknown = "unknown"
-}
 export interface Condition {
-    status: StatusType | OtherStatus;
+    status: StatusType;
     type: string;
     name?: string;
     reason?: string | null;

package/lib/types/sampling.d.ts

@@ -141,6 +141,8 @@ export type ViewRuleData = ViewNoisyRule | ViewHighlyRelevantRule | ViewCostRedu
 export interface SamplingRulesSelectOption {
     id: string;
     label: string;
+    badge?: string;
+    secondaryLabel?: string;
 }
 /** Matches effective k8s health-probes sampling config from the API. */
 export interface SamplingRulesK8sHealthConfig {

package/lib/types.js

@@ -1 +1 @@
-export{f as ActionKeyTypes,g as ActionType,eK as AgentInjectedReason,eL as BooleanOperation,at as CodeAttributesKeyTypes,eM as ConditionType,V as Crud,C as CustomInstrumentationsKeyTypes,b8 as DesiredStateProgress,eN as DestinationTypes,E as EntityTypes,ah as ExtractionDataFormat,l as FieldTypes,G as GolangCustomProbe,H as HeadersCollectionKeyTypes,dQ as InputTypes,eO as InstallationMethod,eP as InstallationStatus,n as InstrumentationRuleType,eQ as IntrumentationStatus,J as JavaCustomProbe,eR as JsonOperation,a5 as K8sAttributesFrom,K as K8sResourceKind,eS as K8sWorkloadContainerAgentConfigTracesHeadSamplingSpanMetricsMode,eT as ListDirection,eU as NumberOperation,eV as OtelDistroName,eW as OtherEntityTypes,bd as OtherStatus,aR as OtherStatusType,av as PayloadCollectionKeyTypes,P as PlatformType,eX as PodContainerLifecycleStatus,eY as PodContainerStatus,eZ as PodPhase,e_ as Profile,bt as ProgrammingLanguages,e$ as SIGNAL_KEY_TO_TYPE,f0 as SIGNAL_TYPE_TO_KEY,f1 as SignalKey,S as SignalType,f2 as SortDirection,o as StatusType,f3 as StringOperation,T as Tier,f4 as WorkloadRolloutReason,dt as WorkloadRolloutStatus}from"./chunks/ui-components-B1TCLO_N.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";
+export{f as ActionKeyTypes,g as ActionType,eI as AgentInjectedReason,eJ as BooleanOperation,at as CodeAttributesKeyTypes,eK as ConditionType,_ as Crud,C as CustomInstrumentationsKeyTypes,b7 as DesiredStateProgress,eL as DestinationTypes,E as EntityTypes,ah as ExtractionDataFormat,l as FieldTypes,G as GolangCustomProbe,H as HeadersCollectionKeyTypes,dO as InputTypes,eM as InstallationMethod,eN as InstallationStatus,n as InstrumentationRuleType,eO as IntrumentationStatus,J as JavaCustomProbe,eP as JsonOperation,aa as K8sAttributesFrom,K as K8sResourceKind,eQ as K8sWorkloadContainerAgentConfigTracesHeadSamplingSpanMetricsMode,eR as ListDirection,eS as NumberOperation,eT as OtelDistroName,eU as OtherEntityTypes,av as PayloadCollectionKeyTypes,P as PlatformType,eV as PodContainerLifecycleStatus,eW as PodContainerStatus,eX as PodPhase,eY as Profile,br as ProgrammingLanguages,eZ as SIGNAL_KEY_TO_TYPE,e_ as SIGNAL_TYPE_TO_KEY,e$ as SignalKey,S as SignalType,f0 as SortDirection,o as StatusType,f1 as StringOperation,T as Tier,f2 as WorkloadRolloutReason,dr as WorkloadRolloutStatus}from"./chunks/ui-components-BmIux5o5.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";

package/lib/visuals.js

@@ -1 +1 @@
-export{f5 as VISUAL_ODIGOS_LOGO_HEIGHT,f6 as VISUAL_ODIGOS_LOGO_WIDTH,eI as VisualGreenRings,f7 as VisualOdigosLogo,c3 as VisualPurpleRings}from"./chunks/ui-components-B1TCLO_N.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";
+export{f3 as VISUAL_ODIGOS_LOGO_HEIGHT,f4 as VISUAL_ODIGOS_LOGO_WIDTH,eG as VisualGreenRings,f5 as VisualOdigosLogo,c2 as VisualPurpleRings}from"./chunks/ui-components-BmIux5o5.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"./chunks/vendor-BFqT13Me.js";import"zustand/middleware";import"react-error-boundary";import"react-dom";import"virtua";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.256",
+  "version": "0.0.258",
   "author": "Odigos",
   "license": "MIT",
   "repository": {