@odigos/ui-kit 0.0.242 → 0.0.244

package/lib/containers.js

@@ -1,66 +1,11 @@
-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-DofONrt0.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;
-`,W=i(y)`
-  gap: 12px;
-  padding: 0 12px;
-`,H=i(p)`
-  gap: 12px;
-  max-height: 400px;
-  overflow-y: auto;
-`,U=i.div`
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 45px;
-  border-radius: 0 0 24px 24px;
-  background: ${({theme:e})=>`linear-gradient(to top, ${e.colors.dropdown_bg}, transparent)`};
-  pointer-events: none;
-`,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;
-`,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+f["080"]};
-  cursor: not-allowed;
-  &.click-enabled {
-    cursor: pointer;
-    &:hover {
-      background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
-    }
-  }
-`,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;
-`,Z=i.div`
-  width: 290px;
-`,ee=i.div`
-  margin-bottom: 6px;
-`,te=i.div`
-  display: flex;
-  align-items: center;
-  gap: 6px;
-`,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`
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useState as n,useRef as i,useCallback as a,useEffect as o}from"react";import{MarkerType as s,useNodesState as c,useEdgesState as d}from"@xyflow/react";import{N as l,D as p,E as u,g,d as h,e as m,S as y,f,h as v,i as x,F as S,j as N,k as b,l as K,m as T,n as w}from"./chunks/ui-components-Dnqp-MQm.js";import{UserIcon as k,ImageErrorIcon as M,ChevronDownIcon as $,ChevronRightIcon as C}from"./icons.js";import I,{useTheme as z}from"styled-components";import{E}from"./chunks/vendor-Be0cOokr.js";import{Flow as G}from"./snippets.js";import"zustand";import"javascript-time-ago";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";const R=e=>`${u.Source}-${e}-${l.MapItem}`,V=(e,t,r)=>{const n=e.isVirtual,i=r?[k]:n?[g(e)]:t?h(t):[M],{priorotizedStatus:a}=n?{priorotizedStatus:void 0}:m(t?.conditions||[]);return{id:e.graphKey,title:e.serviceName,icons:i,isVirtual:n,status:a,aggService:e}},D=e=>!(!e||"user"!==e.serviceName||e.id.namespace||e.id.name||e.id.kind),A=({theme:e,nodes:t,aggregatedServiceMap:r})=>{const n=[],i=new Map(t.map(e=>[e.id,e]));for(const t of r){const r=R(t.graphKey),a=i.get(r);if(!a)continue;const o=a.data?.status===y.Error;for(const a of t.connections){const c=R(a.targetGraphKey);i.has(c)&&n.push({id:`${r}-to-${c}`,type:"smoothstep",source:r,target:c,data:{sourceGraphKey:t.graphKey,targetGraphKey:a.targetGraphKey},markerEnd:{type:s.ArrowClosed},style:{stroke:o?e?.colors.dark_red:e?.colors.border}})}}return n},j=e=>{const t=e.lastIndexOf("|");return-1===t?{graphKey:e,detail:""}:{graphKey:e.substring(0,t),detail:e.substring(t+1)}},O=new E,_=`${u.Source}-user-${l.MapItem}`,q={"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"},B=I.div`
   padding: 8px 0;
-`,ge=i.div`
+`,F=I.div`
   display: flex;
   gap: 12px;
   align-items: center;
   padding: 4px 0 4px 16px;
-`,he=i.button`
+`,L=I.button`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -74,13 +19,13 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import i,{useThe
   &:hover {
     text-decoration: underline;
   }
-`,ue=i.div`
+`,W=I.div`
   padding: 4px 0 8px;
-`,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`
+`,P=({conn:r,onToggle:n,isExpanded:i})=>{const a=r.details.length>0;return e(B,{children:t(S,{$justifyContent:"space-between",$alignItems:"center",children:[e(v,{size:14,weight:500,children:r.targetServiceName}),a&&t(L,{onClick:n,children:[e(i?$:C,{size:12}),i?"hide attributes":`${r.details.length} attribute${r.details.length>1?"s":""}`]})]})})},U=({conn:t})=>{const n=z();return e(r,{children:t.details.map(t=>e(F,{children:e(v,{size:12,color:n.text.secondary,style:{flex:1},children:t.value})},t.value))})},H=({connections:i,isVirtual:a,attributes:o})=>{const[s,c]=n(new Set),d=z();if(a){const n=Object.entries(o||{});return t(r,{children:[e(v,{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."}),n.length>0&&t(r,{children:[e(W,{style:{paddingTop:16},children:e(v,{size:11,color:d.text.info,children:"Attributes"})}),n.map(([r,n])=>t(F,{children:[e(v,{size:12,color:d.text.secondary,children:r}),e(v,{size:12,children:n})]},r))]})]})}return i.length?t(r,{children:[e(W,{children:e(v,{size:11,color:d.text.info,children:"Connected services"})}),i.map(r=>t("div",{children:[e(P,{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)&&e(U,{conn:r}),e(x,{})]},r.targetGraphKey))]}):e(v,{size:12,color:d.text.info,children:"No outgoing connections"})},X=({conn:n})=>{const i=z();return n?e(r,{children:n.details.length>0?t(r,{children:[e(W,{children:e(v,{size:11,color:i.text.info,children:"Attribute breakdown"})}),n.details.map(t=>e(F,{children:e(v,{size:12,style:{flex:1},children:t.value})},t.value))]}):e(v,{size:12,color:i.text.info,style:{padding:"8px 0"},children:"No attribute breakdown"})}):e(v,{size:12,color:i.text.info,children:"No data for this connection"})},J=({drawerState:t,aggregatedData:r,onClose:n})=>{if(!t)return null;const i=new Map(r.map(e=>[e.graphKey,e]));let a="",o="",s=null;if("node"===t.type){const r=i.get(t.graphKey);a=r?.serviceName||t.graphKey,o=r?.isVirtual?"Virtual service (uninstrumented)":"Outgoing connections",s=e(H,{connections:r?.connections||[],isVirtual:r?.isVirtual,attributes:r?.attributes})}else{const r=i.get(t.sourceKey),n=r?.connections.find(e=>e.targetGraphKey===t.targetKey);a=`${r?.serviceName||t.sourceKey} → ${n?.targetServiceName||t.targetKey}`,o="Connection details",s=e(X,{conn:n})}return e(f,{isOpen:!0,width:"420px",position:"right",header:{title:a,subTitle:o,onClose:n},children:s})},Q=I.div`
   width: 100%;
   height: ${({$heightToRemove:e})=>`calc(100vh - ${e}px)`};
   position: relative;
-`,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`
+`,Y={id:{namespace:"",name:"",kind:""},serviceName:"user",markedForInstrumentation:{markedForInstrumentation:!0}},Z=`${u.Source}-`,ee=`-${l.MapItem}`,te=.15,re=({heightToRemove:r,serviceMap:s,onRefresh:g})=>{const h=z(),m=N(e=>e.sources),[y,f,v]=c([]),[x,S,K]=d([]),[T,w]=n(0),[k,M]=n(null),$=i([]);$.current=y;const C=i(h);C.current=h;const I=i([]),E=i([]),B=a(()=>w(e=>e+1),[]),{activeNodeId:F,setActiveNodeType:L,setActiveNodeId:W}=b();o(()=>{if(!F)return;const e=(t=F).startsWith(Z)&&t.endsWith(ee)?t.slice(Z.length,-ee.length):null;var t;e&&M({type:"node",graphKey:e})},[F]);const P=a((e,t)=>{const{sourceGraphKey:r,targetGraphKey:n}=t.data||{};r&&n&&(L(null),W(null),M({type:"edge",sourceKey:r,targetKey:n}))},[L,W]),U=a(()=>{M(null),L(null),W(null)},[L,W]),H=a((e,t)=>{const r=t.id;S(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:te},labelStyle:{...e.labelStyle,opacity:te},labelBgStyle:{...e.labelBgStyle,opacity:te}}))},[S]),X=a(()=>{S(E.current)},[S]);return o(()=>{let e=!1;const t=(e=>{const t=new Map,r=new Set,n=(e,r,n=!1)=>{let i=t.get(e);return i||(i={serviceName:r,isVirtual:n,attributes:{},connectionMap:new Map},t.set(e,i)),i},i=(e,t)=>{if(t)for(const{key:r,value:n}of t)r in e||(e[r]=n)};for(const t of e){const{graphKey:e}=j(t.nodeId),a=n(e,t.serviceName);a.isVirtual=!1;for(const e of t.services){const{graphKey:t,detail:o}=j(e?.nodeId??"");e.isVirtual&&(r.add(t),i(n(t,e.serviceName,!0).attributes,e.nodeAttributes));let s=a.connectionMap.get(t);if(s||(s={targetGraphKey:t,targetServiceName:e.serviceName,totalRequests:0,lastDateTime:e.dateTime,details:[]},a.connectionMap.set(t,s)),s.totalRequests+=e.requests,e.dateTime>s.lastDateTime&&(s.lastDateTime=e.dateTime),o){const t=s.details.find(e=>e.value===o);t?(t.requests+=e.requests,e.dateTime>t.dateTime&&(t.dateTime=e.dateTime)):s.details.push({value:o,requests:e.requests,dateTime:e.dateTime})}}}const a=[...t.entries()];for(const[,{connectionMap:e}]of a)for(const[i,a]of e)t.has(i)||n(i,a.targetServiceName,r.has(i));const o=[];for(const[e,{serviceName:r,isVirtual:n,attributes:i,connectionMap:a}]of t){const t=[...a.values()];t.sort((e,t)=>e.targetGraphKey.localeCompare(t.targetGraphKey)),o.push({graphKey:e,serviceName:r,isVirtual:n,connections:t,attributes:i})}return o.sort((e,t)=>e.graphKey.localeCompare(t.graphKey)),o})(s);I.current=t;const r=(({sources:e,aggregatedServiceMap:t})=>{const r=[],n={x:0,y:0};if(t.length&&e.length)for(const i of t){const t=R(i.graphKey),a=e.find(e=>i.serviceName===e.serviceName||i.serviceName===e.id.name);r.push({id:t,type:l.MapItem,position:n,data:V(i,a,D(a)),measured:{width:80,height:80}})}else r.push({id:`${u.Source}-${l.NoData}`,type:l.NoData,position:n,data:{subTitle:p.ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC}});return r})({aggregatedServiceMap:t,sources:[Y].concat(m)});if(1===r.length&&r[0].id===`${u.Source}-${l.NoData}`)return f(r),S([]),void(E.current=[]);const n=new Set($.current.map(e=>e.id)),i=new Set(r.map(e=>e.id)),a=r.some(e=>!n.has(e.id)),o=$.current.some(e=>!i.has(e.id));if(!(a||o)){const e=new Map($.current.map(e=>[e.id,e.position]));f(r.map(t=>({...t,position:e.get(t.id)??t.position})));const n=A({theme:C.current,nodes:r,aggregatedServiceMap:t});return E.current=n,void S(n)}return(async(e,t,r={})=>{const n={id:"root",layoutOptions:{...q,...r},children:e.map(e=>({id:e.id,width:80,height:80,...e.id===_?{layoutOptions:{"elk.layered.layering.layerConstraint":"FIRST","elk.alignment":"CENTER"}}:{}})),edges:t.map(e=>({id:e.id,sources:[e.source],targets:[e.target]}))},i=await O.layout(n),a=new Map;return i.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({theme:C.current,nodes:r,aggregatedServiceMap:t})).then(({nodes:t})=>{if(e)return;f(t);const r=A({theme:C.current,nodes:t,aggregatedServiceMap:I.current});E.current=r,S(r),B()}),()=>{e=!0}},[s,m]),o(()=>{if(!$.current.length)return;const e=A({theme:h,nodes:$.current,aggregatedServiceMap:I.current});E.current=e,S(e)},[h]),t(Q,{$heightToRemove:r,children:[e(G,{nodes:y,edges:x,onNodesChange:v,onEdgesChange:K,onEdgeClick:P,onNodeMouseEnter:H,onNodeMouseLeave:X,onRefresh:g,fitViewTrigger:T,zoomOnScroll:!0}),e(J,{drawerState:k,aggregatedData:I.current,onClose:U})]})},ne=I.div`
   position: fixed;
   bottom: 12px;
   left: 12px;
@@ -89,4 +34,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;
-`,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};
+`,ie=()=>{const{notifications:t,markAsDismissed:r,markAsSeen:n}=K(),{onClickNotification:i}=T(),a=t.filter(({dismissed:e})=>!e);return e(ne,{children:a.map(({id:t,type:o,title:s,message:c,crdType:d,target:l},p)=>{const u=c||s;if(!u)return null;const g=a.length-p;return e(w,{status:o,message:u,action:d&&l?{label:"go to details",onClick:()=>i({id:t,crdType:d,target:l},{dismissToast:!0})}:void 0,onClose:({asSeen:e})=>(({id:e,asSeen:t})=>{r(e),t&&n(e)})({id:t,asSeen:e}),zIndex:g},`toast-${t}`)})})};export{re as ServiceMap,ie as ToastList};

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-4oj79EpI.js";export{O as OdigosProvider,c as checkVersionSupport,u as useOdigos}from"./chunks/helpers-flEStb5l.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-DofONrt0.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};
+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-5GXsAhJd.js";export{O as OdigosProvider,c as checkVersionSupport,u as useOdigos}from"./chunks/helpers-aJJ1GhqS.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-Dnqp-MQm.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/get-action-icon/index.d.ts

@@ -1,2 +1,2 @@
-import { ActionCategory, ActionType, type SVG } from '@/types';
-export declare const getActionIcon: (type: ActionType | ActionCategory) => SVG;
+import { ActionType, type SVG } from '@/types';
+export declare const getActionIcon: (type: ActionType) => SVG;

package/lib/functions.js

@@ -1 +1 @@
-export{a_ as buildBadgeForDesiredStatus,f5 as capitalizeFirstLetter,f6 as cleanObjectEmptyStringsValues,af as compareCondition,f7 as decimalsOnly,w as deepClone,dh as entityIdKey,dl as filterActions,dk as filterDestinations,aV as filterDestinationsByStream,dj as filterSources,d5 as filterSourcesByStream,f8 as flattenObjectKeys,bd as formatBytes,f9 as formatDuration,bN as generateId,aT as getActionIcon,n as getConditionsBooleans,bq as getContainersIcons,fa as getContainersInstrumentedCount,fb as getDeepValue,aG as getDestinationIcon,fc as getDetectedLanguageIcons,b3 as getEffectiveLanguage,bl as getEffectiveRuntimeVersion,db as getEntityIcon,aO as getEntityId,df as getEntityIdKey,da as getEntityLabel,bf as getHealthBadgeLabel,fd as getIdFromSseTarget,aZ as getInstrumentationRuleIcon,fe as getMainContainerLanguage,ff as getMetricForEntity,fg as getMonitorIcon,fh as getPlatformIcon,fi as getPlatformLabel,ao as getProgrammingLanguageIcon,fj as getRecursiveValues,m as getSourceLanguageIcons,fk as getSseTargetFromId,fl as getStatusColor,dr as getStatusFromPodStatus,j as getStatusIcon,bg as getStatusTypeFromOdigosHealth,fm as getValueForRange,l as getVirtualServiceIcon,bb as getWorkloadId,aW as getYamlFieldsForDestination,fn as hasUnhealthyInstances,G as isEmpty,J as isLegalK8sLabel,bJ as isOverTime,fo as isStringABoolean,fp as isTimeElapsed,bk as isValidVersion,fq as mapConditions,b1 as mapDesiredStatusToConditionStatus,aU as mapDestinationFieldsForDisplay,Q as mapExportedSignals,L as mapSupportedSignals,fr as numbersOnly,fs as parseBooleanFromString,ft as parseJsonStringToPrettyString,ah as prepareDestinationFormData,fu as removeEmptyValuesFromObject,O as safeJsonParse,fv as safeJsonStringify,fw as setDeepValue,fx as sleep,aX as splitCamelString,fy as stringifyNonStringValues,t as trimVersion}from"./chunks/ui-components-DofONrt0.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";
+export{aV as buildBadgeForDesiredStatus,f2 as capitalizeFirstLetter,f3 as cleanObjectEmptyStringsValues,a8 as compareCondition,f4 as decimalsOnly,p as deepClone,dd as entityIdKey,dh as filterActions,dg as filterDestinations,aO as filterDestinationsByStream,df as filterSources,d1 as filterSourcesByStream,f5 as flattenObjectKeys,b8 as formatBytes,f6 as formatDuration,bJ as generateId,aM as getActionIcon,e as getConditionsBooleans,bm as getContainersIcons,f7 as getContainersInstrumentedCount,f8 as getDeepValue,az as getDestinationIcon,f9 as getDetectedLanguageIcons,a_ as getEffectiveLanguage,bg as getEffectiveRuntimeVersion,d7 as getEntityIcon,aH as getEntityId,dc as getEntityIdKey,d6 as getEntityLabel,ba as getHealthBadgeLabel,fa as getIdFromSseTarget,aS as getInstrumentationRuleIcon,fb as getMainContainerLanguage,fc as getMetricForEntity,fd as getMonitorIcon,fe as getPlatformIcon,ff as getPlatformLabel,ag as getProgrammingLanguageIcon,fg as getRecursiveValues,d as getSourceLanguageIcons,fh as getSseTargetFromId,fi as getStatusColor,dm as getStatusFromPodStatus,db as getStatusIcon,bb as getStatusTypeFromOdigosHealth,fj as getValueForRange,g as getVirtualServiceIcon,b6 as getWorkloadId,aP as getYamlFieldsForDestination,fk as hasUnhealthyInstances,s as isEmpty,x as isLegalK8sLabel,bF as isOverTime,fl as isStringABoolean,fm as isTimeElapsed,bf as isValidVersion,fn as mapConditions,aY as mapDesiredStatusToConditionStatus,aN as mapDestinationFieldsForDisplay,G as mapExportedSignals,z as mapSupportedSignals,fo as numbersOnly,fp as parseBooleanFromString,fq as parseJsonStringToPrettyString,a9 as prepareDestinationFormData,fr as removeEmptyValuesFromObject,C as safeJsonParse,fs as safeJsonStringify,ft as setDeepValue,fu as sleep,aQ as splitCamelString,fv as stringifyNonStringValues,t as trimVersion}from"./chunks/ui-components-Dnqp-MQm.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

@@ -10,6 +10,7 @@ export * from './useGenericForm';
 export * from './useInstrumentationRuleFormData';
 export * from './useKeyDown';
 export * from './useOnClickOutside';
+export * from './useScrollIntoViewWhen';
 export * from './useScrollTo';
 export * from './usePopup';
 export * from './useSessionStorage';

package/lib/hooks/useScrollIntoViewWhen.d.ts

@@ -0,0 +1,15 @@
+interface UseScrollIntoViewWhenOptions extends ScrollIntoViewOptions {
+    /**
+     * Delay (ms) between `active` flipping to `true` and the scroll firing. Useful when parent
+     * layout needs to settle (e.g. ancestor collapsibles expanding) before the scroll target's
+     * final position is correct. Defaults to 50ms.
+     */
+    delayMs?: number;
+}
+/**
+ * Returns a ref. Whenever `active` is `true`, scrolls the attached element into view after
+ * `delayMs` (so any in-flight layout changes can finish first). Cleans up the pending scroll
+ * if `active` flips back or the component unmounts before it fires.
+ */
+export declare const useScrollIntoViewWhen: <T extends HTMLElement = HTMLDivElement>(active: boolean, { behavior, block, inline, delayMs }?: UseScrollIntoViewWhenOptions) => import("react").RefObject<T | null>;
+export {};

package/lib/hooks.js

@@ -1 +1 @@
-export{fK as IGNORE_OUTSIDE_CLICK_ATTR,fL as useActionFormData,fM as useBodyScroll,d9 as useClickNode,g as useClickNotification,di as useContainerSize,be as useCopy,fN as useDataStreamFormData,fO as useDestinationFormData,v as useGenericForm,fP as useInstrumentationRuleFormData,bI as useKeyDown,bh as useOnClickOutside,u as usePopup,dO as useScrollTo,d8 as useSessionStorage,fQ as useSourceFormData,f as useTimeAgo}from"./chunks/ui-components-DofONrt0.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";
+export{fG as IGNORE_OUTSIDE_CLICK_ATTR,fH as useActionFormData,fI as useBodyScroll,d5 as useClickNode,m as useClickNotification,de as useContainerSize,b9 as useCopy,fJ as useDataStreamFormData,fK as useDestinationFormData,o as useGenericForm,fL as useInstrumentationRuleFormData,bE as useKeyDown,bc as useOnClickOutside,u as usePopup,aU as useScrollIntoViewWhen,dK as useScrollTo,d4 as useSessionStorage,fM as useSourceFormData,aT as useTimeAgo}from"./chunks/ui-components-Dnqp-MQm.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/snippets/v2.js

@@ -1 +1 @@
-export{b7 as ActionType,dq as Actions,dp as RichTitle}from"../chunks/ui-components-DofONrt0.js";export{C as CancelModal,j as DURATION_OPTIONS,g as DeleteModal,e as DurationErrorsSection,D as DynamicField,N as NOISY_PERCENTAGE_OPTIONS,h as OdigosLogoTextByTier,O as OperationSection,a as PERCENTAGE_OPTIONS,f as PercentageSection,P as PresetWithCustomInput,R as RuleInfoSection,d as RuleTypeSection,b as SamplingPreviewSection,S as SignalsCheckboxList,c as SourceScopeSection,U as UpgradeModal,i as WIDE_DRAWER_WIDTH,W as WideDrawer,Y as YamlSectionCard}from"../chunks/index-9imbvR3P.js";export{C as ColoredSpan,x as ColoredSpanVariant}from"../chunks/helpers-flEStb5l.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";
+export{b2 as ActionType,dl as Actions,dk as RichTitle}from"../chunks/ui-components-Dnqp-MQm.js";export{C as CancelModal,j as DURATION_OPTIONS,g as DeleteModal,e as DurationErrorsSection,D as DynamicField,N as NOISY_PERCENTAGE_OPTIONS,h as OdigosLogoTextByTier,O as OperationSection,a as PERCENTAGE_OPTIONS,f as PercentageSection,P as PresetWithCustomInput,R as RuleInfoSection,d as RuleTypeSection,b as SamplingPreviewSection,S as SignalsCheckboxList,c as SourceScopeSection,U as UpgradeModal,i as WIDE_DRAWER_WIDTH,W as WideDrawer,Y as YamlSectionCard}from"../chunks/index-BnOPIhIp.js";export{C as ColoredSpan,x as ColoredSpanVariant}from"../chunks/helpers-aJJ1GhqS.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/snippets.js

@@ -1,18 +1,18 @@
-import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{memo as t,useRef as i,useEffect as n}from"react";import"./chunks/vendor-Be0cOokr.js";import d,{useTheme as s}from"styled-components";import{N as a,F as l,eE as c,e as p,S as m,j as u,d9 as h,r as g,k as b}from"./chunks/ui-components-DofONrt0.js";import{Handle as x,Position as f,ReactFlowProvider as v,ReactFlow as y,Controls as w,ControlButton as N,useReactFlow as k}from"@xyflow/react";import{RefreshIcon as $}from"./icons.js";import"javascript-time-ago";import"zustand";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";const C=d(l)`
+import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{memo as r,useRef as i,useEffect as n}from"react";import"./chunks/vendor-Be0cOokr.js";import d,{useTheme as s}from"styled-components";import{a4 as a,R as l,eB as c,h as p,S as m,db as u,d5 as h,k as g,N as b}from"./chunks/ui-components-Dnqp-MQm.js";import{Handle as x,Position as f,ReactFlowProvider as v,ReactFlow as y,Controls as w,ControlButton as N,useReactFlow as k}from"@xyflow/react";import{RefreshIcon as $}from"./icons.js";import"javascript-time-ago";import"zustand";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";const C=d(l)`
   max-width: 300px;
   padding: 12px;
   border-radius: 12px;
   background-color: ${({theme:e})=>e.colors.dropdown_bg};
   justify-content: center;
-`,E=t(({id:o,data:r})=>{const{title:t,subTitle:i}=r;return e(C,{"data-id":o,children:e(a,{title:t,subTitle:i})})});E.displayName=E.name;const j=d.div`
+`,E=r(({id:o,data:t})=>{const{title:r,subTitle:i}=t;return e(C,{"data-id":o,children:e(a,{title:r,subTitle:i})})});E.displayName=E.name;const V=d.div`
   padding: 6px;
   border-radius: 12px;
   background-color: ${({theme:e})=>e.colors.dropdown_bg};
   cursor: pointer;
   ${({$isVirtual:e,theme:o})=>e&&`\n    border: 1px dashed ${o.colors.border};\n    opacity: 0.8;\n  `}
-`,V=d.div`
-  position: relative;
 `,_=d.div`
+  position: relative;
+`,j=d.div`
   position: absolute;
   top: 100%;
   margin-top: 4px;
@@ -24,7 +24,7 @@ import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{memo as t
   gap: 2px;
   width: 140px;
   text-align: center;
-`,z=t(({id:t,data:i})=>{const{id:n,status:d,title:a,icons:l,isVirtual:h}=i,g=s(),b=h||d!==m.Error?null:u(d,g);return o(r,{children:[e(x,{type:"source",position:f.Right,style:{visibility:"hidden"}}),e(x,{type:"target",position:f.Left,style:{visibility:"hidden"}}),o(V,{"data-id":t,children:[e(j,{$isVirtual:h,children:e(c,{id:n,icons:l,status:h?void 0:d})}),o(_,{children:[b&&e(b,{}),e(p,{size:12,style:{textAlign:"center",wordBreak:"break-word",lineHeight:"1.3"},children:a})]})]})]})});z.displayName=z.name;const M={duration:300,padding:.1,includeHiddenNodes:!0},T=d.div`
+`,z=r(({id:r,data:i})=>{const{id:n,status:d,title:a,icons:l,isVirtual:h}=i,g=s(),b=h||d!==m.Error?null:u(d,g);return o(t,{children:[e(x,{type:"source",position:f.Right,style:{visibility:"hidden"}}),e(x,{type:"target",position:f.Left,style:{visibility:"hidden"}}),o(_,{"data-id":r,children:[e(V,{$isVirtual:h,children:e(c,{id:n,icons:l,status:h?void 0:d})}),o(j,{children:[b&&e(b,{}),e(p,{size:12,style:{textAlign:"center",wordBreak:"break-word",lineHeight:"1.3"},children:a})]})]})]})});z.displayName=z.name;const M={duration:300,padding:.1,includeHiddenNodes:!0},T=d.div`
   height: 100%;
   .react-flow__attribution {
     visibility: hidden;
@@ -46,4 +46,4 @@ import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{memo as t
       transform: scale(1.4);
     }
   }
-`,F={[b.MapItem]:z,[b.NoData]:E},I=({trigger:e})=>{const{fitView:o}=k(),r=i(!0);return n(()=>{r.current?r.current=!1:e>0&&requestAnimationFrame(()=>o(M))},[e,o]),null},L=({nodes:r,edges:t,onNodesChange:i,onEdgesChange:n,fitViewTrigger:d=0,zoomOnScroll:s=!1,onEdgeClick:a,onNodeMouseEnter:l,onNodeMouseLeave:c,onRefresh:p})=>{const{onClickNode:m}=h(),{setActiveNodeType:u,setActiveNodeId:b}=g();return o(y,{zoomOnScroll:s,nodes:r,nodeTypes:F,edges:t,onNodeClick:m,onEdgeClick:a,onNodeMouseEnter:l,onNodeMouseLeave:c,onNodesChange:i,onEdgesChange:n,onBlur:()=>{u(null),b(null)},children:[e(I,{trigger:d}),e(A,{children:e(w,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:M,children:p&&e(N,{onClick:p,children:e($,{size:20})})})})]})},O=o=>e(T,{children:e(v,{children:e(L,{...o})})});export{O as Flow,z as MapItemNode,E as NoDataNode};
+`,B={[b.MapItem]:z,[b.NoData]:E},I=({trigger:e})=>{const{fitView:o}=k(),t=i(!0);return n(()=>{t.current?t.current=!1:e>0&&requestAnimationFrame(()=>o(M))},[e,o]),null},L=({nodes:t,edges:r,onNodesChange:i,onEdgesChange:n,fitViewTrigger:d=0,zoomOnScroll:s=!1,onEdgeClick:a,onNodeMouseEnter:l,onNodeMouseLeave:c,onRefresh:p})=>{const{onClickNode:m}=h(),{setActiveNodeType:u,setActiveNodeId:b}=g();return o(y,{zoomOnScroll:s,nodes:t,nodeTypes:B,edges:r,onNodeClick:m,onEdgeClick:a,onNodeMouseEnter:l,onNodeMouseLeave:c,onNodesChange:i,onEdgesChange:n,onBlur:()=>{u(null),b(null)},children:[e(I,{trigger:d}),e(A,{children:e(w,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:M,children:p&&e(N,{onClick:p,children:e($,{size:20})})})})]})},O=o=>e(T,{children:e(v,{children:e(L,{...o})})});export{O as Flow,z as MapItemNode,E as NoDataNode};

package/lib/store.js

@@ -1 +1 @@
-export{aL as ProgressKeys,r as useActiveNodeStore,fJ as useDarkMode,H as useDataStreamStore,ba as useDrawerStore,q as useEntityStore,d4 as useFilterStore,bO as useModalStore,d as useNotificationStore,aK as useProgressStore,dd as useSelectedStore,dm as useSetupStore}from"./chunks/ui-components-DofONrt0.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";
+export{aE as ProgressKeys,k as useActiveNodeStore,fF as useDarkMode,w as useDataStreamStore,b5 as useDrawerStore,j as useEntityStore,d0 as useFilterStore,bK as useModalStore,l as useNotificationStore,aD as useProgressStore,d9 as useSelectedStore,di as useSetupStore}from"./chunks/ui-components-Dnqp-MQm.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/theme.js

@@ -1 +1 @@
-export{fR as Provider,fS as animations,fT as opacity,fU as palettes}from"./chunks/ui-components-DofONrt0.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";
+export{fN as Provider,fO as animations,fP as opacity,fQ as palettes}from"./chunks/ui-components-Dnqp-MQm.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/types/actions/index.d.ts

@@ -1,20 +1,11 @@
 import { SignalType } from '../signals';
 import type { Condition, SVG } from '../common';
-export declare enum ActionCategory {
-    Attributes = "attributes",
-    Samplers = "samplers"
-}
 export declare enum ActionType {
     K8sAttributes = "K8sAttributesResolver",
     AddClusterInfo = "AddClusterInfo",
     DeleteAttributes = "DeleteAttribute",
     RenameAttributes = "RenameAttribute",
     PiiMasking = "PiiMasking",
-    ErrorSampler = "ErrorSampler",
-    ProbabilisticSampler = "ProbabilisticSampler",
-    LatencySampler = "LatencySampler",
-    ServiceNameSampler = "ServiceNameSampler",
-    SpanAttributeSampler = "SpanAttributeSampler",
     URLTemplatization = "URLTemplatization"
 }
 export declare enum ActionKeyTypes {
@@ -29,11 +20,6 @@ export declare enum ActionKeyTypes {
     AttributeNamesToDelete = "attributeNamesToDelete",
     Renames = "renames",
     PiiCategories = "piiCategories",
-    FallbackSamplingRatio = "fallbackSamplingRatio",
-    SamplingPercentage = "samplingPercentage",
-    EndpointsFilters = "endpointsFilters",
-    ServicesNameFilters = "servicesNameFilters",
-    AttributeFilters = "attributeFilters",
     UrlTemplatizationRulesGroups = "urlTemplatizationRulesGroups"
 }
 export interface ActionOption {
@@ -77,11 +63,6 @@ export interface ActionFields {
         [oldKey: string]: string;
     } | null;
     [ActionKeyTypes.PiiCategories]?: string[] | null;
-    [ActionKeyTypes.FallbackSamplingRatio]?: number | null;
-    [ActionKeyTypes.SamplingPercentage]?: number | null;
-    [ActionKeyTypes.EndpointsFilters]?: EndpointsFilters[] | null;
-    [ActionKeyTypes.ServicesNameFilters]?: ServicesNameFilters[] | null;
-    [ActionKeyTypes.AttributeFilters]?: AttributeFilters[] | null;
     [ActionKeyTypes.UrlTemplatizationRulesGroups]?: UrlTemplatizationRulesGroup[] | null;
 }
 export declare enum K8sAttributesFrom {

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

@@ -7,7 +7,8 @@ export declare enum K8sResourceKind {
     StaticPod = "StaticPod",
     Rollout = "Rollout",
     ConfigMap = "ConfigMap",
-    DeploymentConfig = "DeploymentConfig"
+    DeploymentConfig = "DeploymentConfig",
+    InstrumentationConfig = "InstrumentationConfig"
 }
 export declare enum OtelDistroName {
     GolangCommunity = "golang-community",

package/lib/types/index.d.ts

@@ -9,6 +9,7 @@ export * from './diagnose';
 export * from './enum';
 export * from './instrumentation-instances';
 export * from './instrumentation-rules';
+export * from './k8s-manifest';
 export * from './metrics';
 export * from './namespaces';
 export * from './pipeline-collectors';

package/lib/types/k8s-manifest/index.d.ts

@@ -0,0 +1,2 @@
+import { K8sResourceKind } from '../enum';
+export type FetchK8sManifestFn = (namespace: string, kind: K8sResourceKind, name: string) => Promise<string | undefined>;

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

@@ -172,8 +172,6 @@ export interface Workload {
     dataStreamNames?: string[] | null;
     numberOfInstances?: number | null;
     autoRollback?: K8sWorkloadAutoRollback | null;
-    manifestYAML?: string | null;
-    instrumentationConfigYAML?: string | null;
 }
 export type GetWorkloads = (filter: WorkloadFilter) => Promise<{
     workloads: Workload[];

package/lib/types.js

@@ -1 +1 @@
-export{eF as ActionCategory,y as ActionKeyTypes,z as ActionType,eG as AddNodeTypes,eH as AgentInjectedReason,eI as BooleanOperation,aj as CodeAttributesKeyTypes,eJ as ConditionType,C as Crud,W as CustomInstrumentationsKeyTypes,a$ as DesiredStateProgress,eK as DestinationTypes,eL as EdgeTypes,E as EntityTypes,R as FieldTypes,X as GolangCustomProbe,V as HeadersCollectionKeyTypes,a3 as InputTypes,eM as InstallationMethod,Z as InstrumentationRuleType,eN as IntrumentationStatus,Y as JavaCustomProbe,eO as JsonOperation,a5 as K8sAttributesFrom,_ as K8sResourceKind,eP as K8sWorkloadContainerAgentConfigTracesHeadSamplingCheckConditionOperator,eQ as ListDirection,k as NodeTypes,eR as NumberOperation,eS as OtelDistroName,eT as OtherEntityTypes,b4 as OtherStatus,aH as OtherStatusType,al as PayloadCollectionKeyTypes,P as PlatformType,eU as PodContainerLifecycleStatus,eV as PodContainerStatus,eW as PodPhase,eX as Profile,bn as ProgrammingLanguages,eY as SIGNAL_KEY_TO_TYPE,eZ as SIGNAL_TYPE_TO_KEY,e_ as SignalKey,M as SignalType,e$ as SortDirection,S as StatusType,f0 as StringOperation,T as Tier,f1 as WorkloadRolloutReason,ds as WorkloadRolloutStatus}from"./chunks/ui-components-DofONrt0.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";
+export{q as ActionKeyTypes,r as ActionType,eC as AddNodeTypes,eD as AgentInjectedReason,eE as BooleanOperation,ab as CodeAttributesKeyTypes,eF as ConditionType,eG as Crud,K as CustomInstrumentationsKeyTypes,aW as DesiredStateProgress,eH as DestinationTypes,eI as EdgeTypes,E as EntityTypes,H as FieldTypes,L as GolangCustomProbe,J as HeadersCollectionKeyTypes,dM as InputTypes,eJ as InstallationMethod,O as InstrumentationRuleType,eK as IntrumentationStatus,M as JavaCustomProbe,eL as JsonOperation,Y as K8sAttributesFrom,Q as K8sResourceKind,eM as K8sWorkloadContainerAgentConfigTracesHeadSamplingCheckConditionOperator,eN as ListDirection,N as NodeTypes,eO as NumberOperation,eP as OtelDistroName,eQ as OtherEntityTypes,a$ as OtherStatus,aA as OtherStatusType,ad as PayloadCollectionKeyTypes,P as PlatformType,eR as PodContainerLifecycleStatus,eS as PodContainerStatus,eT as PodPhase,eU as Profile,bj as ProgrammingLanguages,eV as SIGNAL_KEY_TO_TYPE,eW as SIGNAL_TYPE_TO_KEY,eX as SignalKey,B as SignalType,eY as SortDirection,S as StatusType,eZ as StringOperation,T as Tier,e_ as WorkloadRolloutReason,dn as WorkloadRolloutStatus}from"./chunks/ui-components-Dnqp-MQm.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/visuals.js

@@ -1 +1 @@
-export{f2 as VISUAL_ODIGOS_LOGO_HEIGHT,f3 as VISUAL_ODIGOS_LOGO_WIDTH,eC as VisualGreenRings,f4 as VisualOdigosLogo,bZ as VisualPurpleRings}from"./chunks/ui-components-DofONrt0.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";
+export{e$ as VISUAL_ODIGOS_LOGO_HEIGHT,f0 as VISUAL_ODIGOS_LOGO_WIDTH,ez as VisualGreenRings,f1 as VisualOdigosLogo,bV as VisualPurpleRings}from"./chunks/ui-components-Dnqp-MQm.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/package.json

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

package/lib/chunks/index-9imbvR3P.js

@@ -1,149 +0,0 @@
-import{ap as e,ab as a,R as t,a6 as l,a7 as r,dP as i,a0 as n,aB as s,ae as o,a4 as d,O as c,a8 as u,a2 as p,a3 as h,T as g,h as m,F as v,$ as b,ad as f,ay as y,dQ as x,dR as S,aI as C,dS as k,b as T,dT as w,ai as $,c as P,dU as A,dV as M,dW as O,dX as L,dY as z,dZ as D,d_ as I,cx as R,d$ as X,e0 as N,e1 as B,e2 as E,e3 as H,bK as V,aa as j,e4 as q,e5 as U,e6 as G,e7 as K,e8 as J,e9 as W,ea as F,eb as Y,ec as Z,ed as Q,ee as _,az as ee,ef as ae,eg as te,eh as le,ei as re,ej as ie,bx as ne,ek as se,el as oe,em as de,en as ce,eo as ue,ep as pe,eq as he,er as ge,a9 as me,es as ve,et as be,eu as fe,ev as ye,ag as xe,ew as Se,S as Ce,ex as ke,ey as Te,ez as we,eA as $e,eB as Pe,dc as Ae,ao as Me,bn as Oe,w as Le,d7 as ze,a1 as De,eC as Ie,b9 as Re,aA as Xe,N as Ne,o as Be,aE as Ee,dp as He,b8 as Ve,be as je,b7 as qe,bN as Ue,aR as Ge,eD as Ke}from"./ui-components-DofONrt0.js";import{jsx as Je,jsxs as We,Fragment as Fe}from"react/jsx-runtime";import{u as Ye,w as Ze,x as Qe,C as _e,y as ea,z as aa,A as ta,B as la,D as ra,E as ia,F as na}from"./helpers-flEStb5l.js";import{OdigosLogoTextCentral as sa,OdigosLogoTextEnterprise as oa,OdigosLogoTextCommunity as da,OdigosLogoTextColoredCentral as ca,OdigosLogoTextColoredEnterprise as ua,OdigosLogoTextColoredCommunity as pa,EditIcon as ha,ArrowLeftIcon as ga,ArrowRightIcon as ma,VSquareIcon as va,VIcon as ba,CopyIcon as fa,YamlIcon as ya}from"../icons.js";import{useCallback as xa,useMemo as Sa,useState as Ca,useRef as ka,useEffect as Ta,forwardRef as wa,useImperativeHandle as $a}from"react";import Pa from"styled-components";const Aa=({isOpen:t,onClose:l,onDeny:r,onApprove:i})=>Je(e,{title:"Discard changes?",description:"You have unsaved changes.\nIf you cancel now, your changes won't be saved.",isOpen:t,onClose:l,denyButton:{label:"Keep editing",variant:a.Secondary,onClick:()=>{r?.(),l()}},approveButton:{label:"Discard changes",variant:a.Primary,onClick:()=>{i?.(),l()}}}),Ma=({isOpen:t,onClose:l,onDeny:r,onApprove:i,action:n="delete",target:s,description:o,overrideApproveButtonLabel:d,overrideDenyButtonLabel:c})=>{const u=n.charAt(0).toUpperCase()+n.substring(1),p=s?.endsWith("s")?"these":"this";return Je(e,{title:`${u}${s?` ${s}`:""}?`,description:o??`Are you sure you want to ${n}${s?` ${p} ${s}`:""}?`,isOpen:t,onClose:l,denyButton:{label:c??"Go back",variant:a.Secondary,onClick:()=>{r?.(),l()}},approveButton:{label:d??u,variant:a.Primary,onClick:()=>{i?.(),l()}}})},Oa=({componentType:e,inputType:a,name:g,label:m,tooltip:v,badge:b,placeholder:f,required:y,disabled:x,value:S,setValue:C,errorMessage:k,warnMessage:T,helpMessage:w,dropdownOptions:$,dropdownNoSearch:P,dropdownNoCheckbox:A,timeUnits:M,timeDefaultUnit:O})=>{switch(e){case t.Input:return Je(p,{name:g,type:a,label:m,tooltip:v,badge:b,placeholder:f,required:y,disabled:x,value:S??"",onChange:e=>{const t=e.target.value;C(a===h.Number?""===t?null:Number(t):t)},errorMessage:k,warnMessage:T,helpMessage:w},g);case t.MultiInput:return Je(u,{name:g,label:m,tooltip:v,badge:b,placeholder:f,required:y,disabled:x,values:Array.isArray(S)?S:c(S,[]),setValues:e=>C(e),errorMessage:k,warnMessage:T,helpMessage:w},g);case t.KeyValuePair:return Je(d,{name:g,label:m,tooltip:v,badge:b,required:y,disabled:x,limitFieldsPerRow:2,columns:[{keyName:"key",label:"Key"},{keyName:"value",label:"Value"}],values:Array.isArray(S)?S:c(S,[]),setValues:e=>C(e),errorMessage:k,warnMessage:T,helpMessage:w},g);case t.TextArea:return Je(o,{name:g,label:m,tooltip:v,badge:b,required:y,disabled:x,placeholder:f,value:S??"",onChange:e=>C(e.target.value),errorMessage:k,warnMessage:T,helpMessage:w},g);case t.Dropdown:return Je(s,{name:g,label:m,tooltip:v,badge:b,placeholder:f,required:y,disabled:x,withSearch:!P,options:$?.map(e=>({id:e.id||"",label:e.label||"",withCheckbox:!A}))||[],values:S?[String(S)]:[],setValues:e=>C(e[0]),errorMessage:k,warnMessage:T,helpMessage:w},g);case t.Checkbox:return Je(n,{name:g,label:m,tooltip:v,badge:b,value:!0===S||"true"===S,onChange:e=>C(e),disabled:x,errorMessage:k,warnMessage:T,helpMessage:w},g);case t.Time:return Je(i,{name:g,label:m,tooltip:v,badge:b,placeholder:f,required:y,disabled:x,value:S??"",setValue:e=>C(e),units:M,defaultUnit:O,errorMessage:k,warnMessage:T,helpMessage:w},g);case t.Toggle:return Je(l,{name:g,labelAlign:r.Right,label:m,tooltip:v,badge:b,value:!0===S||"true"===S,onChange:e=>C(e),disabled:x,errorMessage:k,warnMessage:T,helpMessage:w},g);default:return null}},La=({size:e=200,central:a=!1,useInline:t=!1})=>{const{tier:l}=Ye();if(t){if(a)return Je(sa,{size:e});switch(l){case g.Community:return Je(da,{size:e});case g.Onprem:return Je(oa,{size:e});default:return null}}if(a)return Je(ca,{size:e});switch(l){case g.Community:return Je(pa,{size:e});case g.Onprem:return Je(ua,{size:e});default:return null}},za=[{value:"50",label:"50%"},{value:"25",label:"25%"},{value:"10",label:"10%"},{value:"1",label:"1%"},{value:"custom",label:"Custom"}],Da=[{value:"10",label:"10%"},{value:"1",label:"1%"},{value:"0.5",label:"0.5%"},{value:"0.1",label:"0.1%"},{value:"custom",label:"Custom"}],Ia=[{value:"5000",label:"5s"},{value:"1000",label:"1s"},{value:"500",label:"500ms"},{value:"100",label:"100ms"},{value:"50",label:"50ms"},{value:"custom",label:"Custom"}],Ra=({description:e,options:a,selected:t,onSelect:l,customName:r,customLabel:i,customPlaceholder:n,customValue:s,onCustomChange:o,customInputType:d=h.Number,customMin:c,customMax:u})=>We(m,{$gap:16,$alignItems:"flex-end",children:[We(v,{$gap:6,children:[Je(b,{label:e}),Je(f,{options:a,selected:t,setSelected:l})]}),"custom"===t&&Je(p,{name:r,label:i,placeholder:n,type:d,value:s,onChange:o,width:160,min:c,max:u})]}),Xa=()=>{},Na=e=>e.readOnly?Je(Ba,{rule:e.rule}):Je(Ea,{ruleType:e.ruleType,formState:e.formState,onChange:e.onChange}),Ba=({rule:e})=>{const a=null!=e.durationAtLeastMs;return e.error?Je(y,{richTitle:{title:x},children:Je(l,{name:"sampling-view-toggle-keep-errors",onChange:Xa,value:!0,size:C.S,label:S,labelAlign:r.Right})}):a?Je(y,{richTitle:{title:k},children:We("div",{children:[Je(T,{size:P.XXXS,color:$.Secondary,children:w}),Je(T,{size:P.XS,children:`${e.durationAtLeastMs}ms`})]})}):null},Ea=({ruleType:e,formState:a,onChange:t})=>{const i=xa(e=>t({durationPreset:e}),[t]),n=xa(e=>t({customDurationMs:e.target.value}),[t]);return"Error"===e?Je(y,{richTitle:{title:x,subTitle:A},children:Je(l,{name:"sampling-toggle-keep-errors",value:!0,onChange:Xa,size:C.S,label:S,labelAlign:r.Right})}):"Duration"===e?Je(y,{richTitle:{title:k,subTitle:M},children:Je(Ra,{description:w,options:Ia,selected:a.durationPreset,onSelect:i,customName:"sampling-input-custom-duration",customLabel:O,customPlaceholder:"200ms",customValue:a.customDurationMs,onCustomChange:n})}):null},Ha=Pa.div`
-  display: flex;
-  gap: 32px;
-`,Va=Pa.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`,ja=Pa.div`
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-end;
-  gap: 16px;
-`,qa=Pa.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 16px;
-  padding: 12px 16px;
-  border-radius: 8px;
-  background-color: ${({theme:e})=>e.v2.colors.black[500]};
-`,Ua=Pa.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 10px;
-  flex: 1;
-`,Ga=Pa.div`
-  display: flex;
-  align-items: center;
-  height: 32px;
-`,Ka=Pa.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 16px;
-  margin-bottom: 12px;
-`,Ja="Any",Wa="Kafka topic",Fa=()=>Je("div",{style:{marginBottom:"8px"},children:Je(T,{size:P.XS,weight:500,children:"And"})}),Ya=[{value:"all",label:"All Operations"},{value:"httpServer",label:"HTTP Server"},{value:"httpClient",label:"HTTP Client"}],Za=[{value:"all",label:"All Operations"},{value:"httpServer",label:"HTTP Server"},{value:"kafkaConsumer",label:"Kafka Consumer"},{value:"kafkaProducer",label:"Kafka Producer"}],Qa=[{id:"",label:Ja},{id:"GET",label:"GET"},{id:"POST",label:"POST"},{id:"PUT",label:"PUT"},{id:"DELETE",label:"DELETE"},{id:"PATCH",label:"PATCH"}];const _a=e=>e.readOnly?Je(et,{data:e.data}):Je(at,{category:e.category,formState:e.formState,onChange:e.onChange}),et=({data:e})=>{const a=Sa(()=>function(e){if("noisy"===e.category){const a=e.rule.operation;if(a?.httpServer)return[{id:"type",title:K,value:G},{id:"route",title:B,value:a.httpServer.route||a.httpServer.routePrefix||J},{id:"method",title:q,value:a.httpServer.method||Ja}];if(a?.httpClient){const e=[{id:"type",title:K,value:W}];return a.httpClient.serverAddress&&e.push({id:"serverAddress",title:"Server address",value:a.httpClient.serverAddress}),e.push({id:"route",title:B,value:a.httpClient.templatedPath||a.httpClient.templatedPathPrefix||J}),e.push({id:"method",title:q,value:a.httpClient.method||Ja}),e}return[{id:"type",title:K,value:F}]}const a=e.rule.operation;return a?.httpServer?[{id:"type",title:K,value:G},{id:"route",title:B,value:a.httpServer.route||a.httpServer.routePrefix||J},{id:"method",title:q,value:a.httpServer.method||Ja}]:a?.kafkaConsumer?[{id:"type",title:K,value:Y},{id:"topic",title:Wa,value:a.kafkaConsumer.kafkaTopic||J}]:a?.kafkaProducer?[{id:"type",title:K,value:Z},{id:"topic",title:Wa,value:a.kafkaProducer.kafkaTopic||J}]:[{id:"type",title:K,value:F}]}(e),[e]);return Je(y,{richTitle:{title:L},children:Je(Ha,{children:a.map(({id:e,title:a,value:t})=>We(Va,{children:[Je(T,{size:P.XXXS,color:$.Secondary,nowrap:!0,children:a}),Je(T,{size:P.XS,nowrap:!0,children:t})]},e))})})},at=({category:e,formState:t,onChange:l})=>{const r=Sa(()=>"noisy"===e?Ya:Za,[e]),i=xa(e=>l({operationType:e,route:"",serverAddress:"",method:"",kafkaTopic:""}),[l]),n=xa(e=>a=>{a&&l({routeType:e,route:""})},[l]),s=xa(e=>l({route:e.target.value}),[l]),o=xa(e=>l({serverAddress:e.target.value}),[l]),d=xa(e=>l({method:e[0]||""}),[l]),c=xa(e=>l({kafkaTopic:e.target.value}),[l]),u="httpServer"===t.operationType||"httpClient"===t.operationType,h="kafkaConsumer"===t.operationType||"kafkaProducer"===t.operationType,g="httpClient"===t.operationType?N:B,m="httpClient"===t.operationType?E:H;return We(y,{richTitle:{title:`2. ${L}`,subTitle:z},children:[Je(v,{$alignItems:"flex-start",children:Je(f,{options:r,selected:t.operationType,setSelected:i})}),u&&We(ja,{children:["httpClient"===t.operationType&&We(Ka,{children:[Je(p,{name:"sampling-input-server-address",label:I,placeholder:D,value:t.serverAddress,onChange:o}),Je(Fa,{})]}),We(qa,{children:[We(Ua,{children:[Je(Ga,{children:Je(R,{"data-id":"sampling-radio-route",value:"route"===t.routeType,onChange:n("route")})}),Je(p,{name:"sampling-input-route",label:g,placeholder:X,value:"route"===t.routeType?t.route:"",onChange:s,disabled:"route"!==t.routeType})]}),We(Ua,{children:[Je(Ga,{children:Je(R,{"data-id":"sampling-radio-route-prefix",value:"routePrefix"===t.routeType,onChange:n("routePrefix")})}),Je(p,{name:"sampling-input-route-prefix",label:m,placeholder:X,value:"routePrefix"===t.routeType?t.route:"",onChange:s,disabled:"routePrefix"!==t.routeType})]})]}),We(Ka,{children:[Je(Fa,{}),Je(V,{label:q,items:Qa,selectedIds:[t.method||""],setSelectedIds:e=>d(e),buttonProps:{"data-id":"sampling-btn-method",label:Qa.find(e=>e.id===t.method)?.label||Ja,size:j.S,variant:a.Secondary}})]})]}),h&&Je(p,{name:"sampling-input-kafka-topic",label:U,placeholder:"Type kafka topic",value:t.kafkaTopic,onChange:c,width:"320px"})]})},tt=[{value:"all",label:"Drop All"},{value:"sample",label:"Sample"}],lt=[{value:"all",label:"Keep All"},{value:"sample",label:"Sample"}];const rt=e=>e.readOnly?Je(it,{data:e.data}):Je(nt,{category:e.category,formState:e.formState,onChange:e.onChange}),it=({data:e})=>{const a=Sa(()=>function(e){switch(e.category){case"highlyRelevant":return null!=e.rule.percentageAtLeast?{title:_,method:le,description:ae,value:`${e.rule.percentageAtLeast}%`}:{title:_,method:ie,description:null,value:null};case"noisy":return Ze(e.rule.percentageAtMost)?{title:_,method:re,description:null,value:null}:{title:_,method:le,description:te,value:`${e.rule.percentageAtMost}%`};case"costReduction":return{title:_,method:le,description:te,value:`${e.rule.percentageAtMost}%`}}}(e),[e]),t=[{id:"method",title:q,value:a.method},...null!=a.description?[{id:"value",title:a.description,value:a.value}]:[]];return Je(y,{richTitle:{title:a.title},children:Je(Ha,{children:t.map(({id:e,title:a,value:t})=>We(Va,{children:[Je(T,{size:P.XXXS,color:$.Secondary,nowrap:!0,children:a}),Je(T,{size:P.XS,nowrap:!0,children:t})]},e))})})},nt=({category:e,formState:a,onChange:t})=>{const l="highlyRelevant"===e,r=l?lt:tt,i=`${l?4:3}. ${_}`,n=Q[e],s=l?ae:te,o="noisy"===e?Da:za,d=xa(e=>t({percentageMode:e}),[t]),c=xa(e=>t({percentagePreset:e}),[t]),u=xa(e=>t({customPercentage:e.target.value}),[t]);return We(y,{richTitle:{title:i,subTitle:n},children:["costReduction"!==e&&Je(v,{$alignItems:"flex-start",children:Je(f,{options:r,selected:a.percentageMode,setSelected:d})}),("costReduction"===e||"sample"===a.percentageMode)&&Je(Ra,{description:s,options:o,selected:a.percentagePreset,onSelect:c,customName:"sampling-input-custom-percentage",customLabel:ee,customPlaceholder:"5%",customValue:a.customPercentage,onCustomChange:u,customInputType:h.Decimal,customMin:0,customMax:100})]})},st=Pa.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 16px;
-`,ot=Pa.div`
-  width: 280px;
-  flex-shrink: 0;
-`,dt=Pa.div`
-  flex: 1;
-  min-width: 0;
-`;function ct(e){return"highlyRelevant"===e.category?e.rule.error?"Error":null!=e.rule.durationAtLeastMs?"Duration":"Relevance":he[e.category]}const ut=e=>e.readOnly?Je(pt,{data:e.data}):Je(ht,{formState:e.formState,onChange:e.onChange}),pt=({data:e})=>{const a=Sa(()=>[{id:"name",title:se,value:e.rule.name||ne},{id:"type",title:oe,value:ct(e)}],[e]),t=e.rule.notes||J;return We(y,{children:[Je(Ha,{children:a.map(({id:e,title:a,value:t})=>We(Va,{children:[Je(T,{size:P.XXXS,color:$.Secondary,nowrap:!0,children:a}),Je(T,{size:P.XS,nowrap:!0,children:t})]},e))}),We(Va,{children:[Je(T,{size:P.XXXS,color:$.Secondary,children:de}),Je(T,{size:P.XS,children:t})]})]})},ht=({formState:e,onChange:a})=>{const t=xa(e=>a({name:e.target.value}),[a]),l=xa(e=>a({notes:e.target.value}),[a]);return Je(y,{children:We(st,{children:[Je(ot,{children:Je(p,{name:"sampling-input-rule-name",label:se,tooltip:"Optional. Give this rule a name for easier identification.",placeholder:ce,value:e.name,onChange:t})}),Je(dt,{children:Je(p,{name:"sampling-input-note",label:de,tooltip:pe,placeholder:ue,value:e.notes,onChange:l})})]})})},gt=[{value:"Relevance",label:"Relevance"},{value:"Error",label:"Error"},{value:"Duration",label:"Duration"}],mt=({formState:e,onChange:a})=>{const t=xa(e=>a({ruleType:e,keepErrors:"Error"===e}),[a]);return Je(y,{richTitle:{title:`3. ${oe}`,subTitle:ge},children:Je(v,{$alignItems:"flex-start",children:Je(f,{options:gt,selected:e.ruleType,setSelected:t})})})},vt=Pa.div`
-  display: flex;
-  align-items: center;
-  gap: 24px;
-  padding: 8px 16px;
-  border-radius: 12px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[800]};
-`,bt=Pa.div`
-  flex: 1;
-  min-width: 0;
-  white-space: pre;
-  overflow-x: auto;
-`,ft=({title:e,summary:t,onEdit:l,renderAction:r})=>{const i=Sa(()=>{const a=[];return e&&(a.push({text:e,variant:Qe.Default}),a.push({text:" - ",variant:Qe.Default})),a.push(...t),a},[e,t]);return We(vt,{children:[Je(bt,{children:Je(_e,{parts:i})}),r&&r(),l&&Je(me,{"data-id":"sampling-btn-edit-auto-rule",label:ve,rightIcon:ha,variant:a.Text,size:j.S,onClick:l})]})},yt=e=>{const a=Sa(()=>{if(e.readOnly)return e.summary;switch(e.category){case"noisy":return ta(ia(e.formState));case"highlyRelevant":return aa(ra(e.formState));case"costReduction":return ea(la(e.formState))}},[e]);if(e.readOnly)return Je(ft,{title:be,summary:a,renderAction:e.renderAction});const t=1===a.length&&"default"===a[0].variant;return Je(ft,{title:t?fe:be,summary:t?[]:a,renderAction:e.renderAction})},xt=Pa.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-`,St=Pa.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  border-radius: 8px;
-  cursor: pointer;
-  background: ${({theme:e,$selected:a})=>a?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
-  border: 1px solid ${({theme:e,$selected:a})=>a?e.v2.colors.silver[500]:e.v2.colors.silver[800]};
-
-  &:hover {
-    background: ${({theme:e})=>e.v2.colors.silver[700]};
-  }
-`,Ct=Pa.div`
-  display: flex;
-  width: 32px;
-  height: 32px;
-  justify-content: center;
-  align-items: center;
-  flex-shrink: 0;
-`,kt=Pa.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`,Tt=Pa.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px;
-  border-radius: 8px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[900]};
-`,wt=Pa.div`
-  display: flex;
-  width: 24px;
-  height: 24px;
-  justify-content: center;
-  align-items: center;
-  flex-shrink: 0;
-`,$t={[Oe.JavaScript]:"Node.js",[Oe.DotNet]:".NET",[Oe.Php]:"PHP",[Oe.Java]:"Java",[Oe.Go]:"Go",[Oe.Python]:"Python",[Oe.Ruby]:"Ruby",[Oe.Rust]:"Rust"},Pt=[Oe.Python,Oe.Java,Oe.JavaScript,Oe.DotNet,Oe.Php,Oe.Ruby,Oe.Go].map(e=>({id:e,label:$t[e]??e.charAt(0).toUpperCase()+e.slice(1),Icon:Me(e)})),At=[{value:"all",label:"Entire Cluster"},{value:"source",label:"Specific Source"},{value:"namespace",label:"Specific Namespace"},{value:"language",label:"Specific Programming Language"}];function Mt(e){const a=$t[e];return a||e.charAt(0).toUpperCase()+e.slice(1)}const Ot=e=>e.readOnly?Je(Lt,{scopes:e.scopes}):Je(zt,{formState:e.formState,onChange:e.onChange,sourceOptions:e.sourceOptions,namespaceOptions:e.namespaceOptions}),Lt=({scopes:e})=>{if(na(e))return Je(y,{richTitle:{title:ye},children:Je(xe,{status:Ce.Default,message:Se,fullWidth:!0})});const a=e.sources??[],t=e.namespaces??[],l=e.languages??[];return Je(y,{richTitle:{title:ye},children:We(kt,{children:[a.map((e,a)=>{const t=[e.namespace,e.kind,e.name].filter(Boolean),l=t.length?t.join(" / "):ke;return Je(Tt,{children:Je(T,{size:P.XS,color:$.Primary,children:l})},`src-${a}`)}),t.map((e,a)=>Je(Tt,{children:Je(T,{size:P.XS,color:$.Primary,children:e})},`ns-${a}`)),l.map((e,a)=>{const t=Me(e);return We(Tt,{children:[t&&Je(wt,{children:Je(t,{size:18})}),Je(T,{size:P.XS,color:$.Primary,children:Mt(e)})]},`lang-${a}`)})]})})},zt=({formState:e,onChange:a,sourceOptions:t=[],namespaceOptions:l=[]})=>{const[r,i]=Ca(()=>{return(a=e.sourceScopes).sources.length>0?"source":a.namespaces.length>0?"namespace":a.languages.length>0?"language":"all";var a}),{sources:s,namespaces:o,languages:d}=e.sourceScopes,c=s.length>0||o.length>0||d.length>0,u=Sa(()=>At.map(e=>({...e,disabled:"all"===e.value&&c})),[c]),p=Sa(()=>s.map(e=>{return a=e.namespace,t=e.kind,l=e.name,`${a}/${t}/${l}`;var a,t,l}),[s]),h=Sa(()=>[...o],[o]),g=Sa(()=>new Set(d),[d]),m=xa(e=>{i(e)},[]),b=xa(t=>{const l=t.map(e=>function(e){const a=e.split("/");return 3!==a.length?null:{namespace:a[0],kind:a[1],name:a[2]}}(e)).filter(e=>null!==e).map(e=>({namespace:e.namespace,kind:e.kind,name:e.name}));a({sourceScopes:{...e.sourceScopes,sources:l}})},[e.sourceScopes,a]),x=xa(t=>{a({sourceScopes:{...e.sourceScopes,namespaces:t}})},[e.sourceScopes,a]),S=xa(t=>{const l=e.sourceScopes.languages,r=l.includes(t)?l.filter(e=>e!==t):[...l,t];a({sourceScopes:{...e.sourceScopes,languages:r}})},[e.sourceScopes,a]);return We(y,{richTitle:{title:`1. ${ye}`,subTitle:Te},children:[Je(xe,!c&&"all"===r?{status:Ce.Default,message:Se,fullWidth:!0,smallIcon:!0}:{status:Ce.Info,message:we,fullWidth:!0,smallIcon:!0}),Je(v,{$alignItems:"flex-start",children:Je(f,{options:u,selected:r,setSelected:m})}),"source"===r&&Je($e,{multiple:!0,"data-id":"sampling-autocomplete-source",options:t,value:p,onSelect:b,placeholder:Pe}),"namespace"===r&&Je($e,{multiple:!0,"data-id":"sampling-autocomplete-namespace",options:l,value:h,onSelect:x,placeholder:"Search namespace"}),"language"===r&&Je(xt,{children:Pt.map(({id:e,label:a,Icon:t})=>{const l=g.has(e);return We(St,{$selected:l,onClick:()=>S(e),children:[Je(n,{name:`sampling-scope-lang-${e}`,size:Ae.S,value:l,onChange:()=>S(e)}),Je(Ct,{children:Je(t,{size:20})}),Je(T,{size:P.XS,nowrap:!0,children:a})]},e)})})]})},Dt=(e,a)=>!a?.length||!!a?.find(a=>a===e),It=({title:e="Signals",required:a,errorMessage:t,allowedSignals:l,selectedSignals:r,setSelectedSignals:i,disabled:s})=>{const[o,d]=Ca(1===r.length),c=ka(JSON.stringify(r));Ta(()=>{let e=Le(r).filter(e=>Dt(e,l));e.length||(e=ze.filter(({id:e})=>Dt(e,l)).map(({id:e})=>e));const a=JSON.stringify(e);c.current!==a&&(c.current=a,i(e),d(1===e.length))},[l,r]);return We(v,{$gap:12,children:[Je(b,{label:e,required:a}),Je(m,{$gap:12,children:ze.map(e=>{const a=Dt(e.id,l),t=((e,a)=>!!a?.find(a=>a===e))(e.id,r);return a?Je(n,{label:e.value,disabled:s||!a||o&&t,value:t,onChange:a=>((e,a)=>{const t=e,l=a?[...r,t]:r.filter(e=>e!==t);i(l),d(1===l.length)})(e.id,a)},e.id):null})}),Je(De,{errorMessage:t})]})},Rt=({minSupportedVersion:a,currentVersion:t})=>Je(e,{isOpen:!0,onClose:()=>{},relativeToParent:!0,visual:()=>Je(Ie,{scale:2.4,icon:()=>Je("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"21",viewBox:"0 0 22 21",fill:"none",children:Je("path",{fill:"#151618",d:"M9.4844 0.730003C9.99694 -0.243259 11.4076 -0.24341 11.92 0.730003L11.9685 0.831353L14.3039 6.22012L20.153 6.77755C21.3553 6.89211 21.841 8.38683 20.9358 9.18621L16.5314 13.0731L17.8091 18.8079C18.0716 19.9868 16.8005 20.9109 15.7605 20.2969L10.7017 17.3093L5.64282 20.2969C4.60289 20.9104 3.33173 19.9866 3.59427 18.8079L4.87192 13.0741L0.468608 9.18621C-0.43662 8.38693 0.0482932 6.8924 1.25029 6.77755L7.09837 6.22012L9.43588 0.831353L9.4844 0.730003ZM8.55284 7.02876C8.35287 7.48992 7.9179 7.80589 7.41751 7.85357L2.03952 8.36571L6.09027 11.941C6.46691 12.2737 6.63296 12.7852 6.5237 13.2758L5.34956 18.5459L10.0008 15.8009L10.1669 15.7179C10.5087 15.574 10.8945 15.5741 11.2364 15.7179L11.4036 15.8009L16.0538 18.5459L14.8807 13.2758C14.7714 12.7851 14.9374 12.2737 15.3141 11.941L19.3627 8.36571L13.9858 7.85357C13.4855 7.80587 13.0505 7.4899 12.8505 7.02876L10.7017 2.07342L8.55284 7.02876Z"})})}),title:"Upgrade Required",description:`To use this feature, please upgrade to Odigos v${a} or later.\nCurrent version: ${t}.`}),Xt=Pa.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  width: ${({$width:e})=>e};
-  gap: ${({$columnHasHeader:e})=>e?"0":"12px"};
-`,Nt=Pa.div`
-  display: flex;
-  align-items: center;
-  min-height: 24px;
-  padding: 12px;
-  border-radius: 16px 16px 0 0;
-  background-color: ${({theme:e})=>e.v2.colors.silver[800]};
-`,Bt=Pa.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${({$gap:e})=>e}px;
-  padding: 12px 12px 0 12px;
-  width: calc(100% - 24px);
-  height: ${({$heightOffset:e,$columnHasHeader:a})=>`calc(100vh - 180px - ${e}px ${a?"- 48px":""})`};
-  border-radius: ${({$columnHasHeader:e,$isLeft:a,$isRight:t})=>e?a?"0 0 0 16px":t?"0 16px 0 0":"0":a?"16px 0 0 16px":t?"0 16px 16px 0":"16px"};
-  background-color: ${({theme:e})=>e.v2.colors.silver[900]};
-  overflow-y: auto;
-  overflow-x: hidden;
-`,Et=({isLeft:e,isRight:a,heightOffset:t=0,width:l,header:r,list:i})=>We(Xt,{$width:l,$columnHasHeader:!!r,children:[r&&Je(Nt,{children:r}),Je(Bt,{$gap:8,$isLeft:e,$isRight:a,$heightOffset:t,$columnHasHeader:!!r,children:i.length?i.length>1?Je(Re,{gap:8,elements:i}):Je(Fe,{children:i[0]}):Je(Xe,{$height:"100%",children:Je(Ne,{})})})]}),Ht="75vw",Vt=Pa.div`
-  display: flex;
-  flex-direction: column;
-  border-radius: 16px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
-  overflow: hidden;
-`,jt=Pa.div`
-  display: flex;
-  gap: 12px;
-  padding: 16px 16px 0 16px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
-  position: sticky;
-  top: 0;
-`,qt=Pa.div`
-  padding: 12px 12px 0 12px;
-`,Ut=Pa.div`
-  display: flex;
-  gap: 12px;
-  padding: 16px;
-`,Gt=Pa.div`
-  padding: 5vh 10vw;
-  border-radius: 12px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[800]};
-`,Kt=wa(({isOpen:t,withOverlay:l,disableAnimation:r,onClose:i,onBack:n,onNext:s,nextIsSkip:o,onSave:d,disableSave:c,connectionIds:u,header:p,subHeader:h,leftColumn:g,rightColumn:m,search:v,filters:b,errorMessage:f,isFormDirty:y,hideDirtyNote:x,isFetching:S,progress:C},k)=>{const[T,w]=Ca(!1),[$,A]=Ca(!1),[M,O]=Ca(void 0);$a(k,()=>({clearErrors:()=>O(void 0)}));const L=$,z=xa(()=>{y&&!T?w(!0):(w(!1),i?.())},[y,T,i]),D=c||$||"boolean"==typeof y&&!y,I=xa(async()=>{A(!0);const e=await d();A(!1),!1!==e&&(e?.error?O(e.error):(u?.setValue([]),i?.()))},[d,u,i]),R=!!v||!!u||!!b,X=!!h,N=(R?48:0)+(X?50:0),B=Sa(()=>S?{status:Ce.Info,message:"Fetching Data..."}:$&&!C?{status:Ce.Info,message:"Saving Changes..."}:M||f?{status:Ce.Error,message:M||f}:"boolean"==typeof y&&y&&!x?{status:Ce.Info,message:'The values don\'t reflect the current configurations of the selected clusters.\n"Save" will override the current configurations.'}:"boolean"!=typeof y||y||x?void 0:{status:Ce.Success,message:"The values reflect the current configuration of the selected cluster."},[S,$,C,M,f,y,x]),E=Sa(()=>n?{label:"Back",leftIcon:ga,variant:a.Secondary,onClick:n}:{label:"Cancel",variant:a.Secondary,onClick:z,disabled:L},[n,z,L]),[H,V]=Ca(!1),j=Sa(()=>s?o?{"data-id":"wide-drawer-skip",label:"Skip",rightIcon:ma,variant:a.Secondary,onClick:()=>V(!0)}:{"data-id":"wide-drawer-next",label:"Next",rightIcon:ma,variant:a.Primary,onClick:s}:{"data-id":"wide-drawer-save",label:"Save",variant:a.Primary,onClick:I,disabled:D},[s,o,I,D]);return We(Be,{width:Ht,isOpen:t,disableAnimation:r,hideOverlay:!$&&!l,header:{...p,onClose:i?z:void 0,onCloseDisabled:L},footer:{note:B,actions:[E,j]},children:[$?Je(Xe,{$height:"calc(100vh - 136px)",children:Je(Gt,{children:Je(Ee,{titleSize:P.S,subTitleSize:P.XXXS,withGradient:!0,withSpinner:!0,...C})})}):We(Vt,{children:[R&&We(jt,{children:[u&&Je(He,{icon:va,title:"Selected Clusters",badge:{label:u.value.length}}),v&&Je(Ve,{width:"100%",...v}),b]}),X&&Je(qt,{children:Je(He,{icon:h.icon,title:h.title,subTitle:h.description,badge:h.badge})}),We(Ut,{children:[Je(Et,{isLeft:!0,heightOffset:N,...g}),Je(Et,{isRight:!0,heightOffset:N,...m})]})]}),Je(Aa,{isOpen:T,onClose:()=>w(!1),onApprove:z}),Je(e,{title:"Skip setup?",description:"Without completing setup, Odigos won't be able to collect and send your telemetry data. This may interrupt your data flow and limit the platform's ability to provide value.",isOpen:H,onClose:()=>V(!1),denyButton:{label:"Go Back",variant:a.Secondary,onClick:()=>V(!1)},approveButton:{label:"Skip",variant:a.Primary,onClick:()=>{s?.(),V(!1)}}})]})});Kt.displayName=Kt.name;const Jt=Pa.div`
-  padding: 0 24px;
-  border-radius: 12px;
-  background-color: ${({$codeBgColor:e})=>e||"transparent"};
-`,Wt=({title:e="YAML",yaml:t,defaultOpen:l,fullHeight:r,bgTint:i="1000",codeBgColor:n})=>{const{clickCopy:s,isCopied:o}=je(),d=Sa(()=>t?[{id:Ue(),type:qe.Button,buttonProps:{variant:a.Text,size:j.S,leftIcon:o?ba:fa,onClick:()=>s(t||""),disabled:o}}]:[],[t,o]);return Je(Ge,{bgTint:i,richTitle:{icon:ya,title:e},actions:d,withCollapse:!0,collapseIsDefaultOpen:l,fullHeight:r,children:Je(Jt,{$codeBgColor:n,children:t?Je(Ke,{code:t,language:"yaml",theme:"duotoneDark"}):Je(Xe,{children:Je(Ne,{title:"YAML not found",subTitle:"The YAML for this resource is not available"})})})})};export{ft as A,Aa as C,Oa as D,Da as N,_a as O,Ra as P,ut as R,It as S,Rt as U,Kt as W,Wt as Y,za as a,yt as b,Ot as c,mt as d,Na as e,rt as f,Ma as g,La as h,Ht as i,Ia as j};