@odigos/ui-kit 0.0.147 → 0.0.149

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [0.0.149](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.148...ui-kit-v0.0.149) (2025-12-15)
+
+
+### Features
+
+* add action support to Note component and update stories ([#543](https://github.com/odigos-io/ui-kit/issues/543)) ([2cacf27](https://github.com/odigos-io/ui-kit/commit/2cacf27d779349f5e33f26dd5a7988e14bb8a17e))
+* enhance styling and add YAML section card stories ([#539](https://github.com/odigos-io/ui-kit/issues/539)) ([89af77e](https://github.com/odigos-io/ui-kit/commit/89af77e282d6d9a559ee7f445a0b128f340a1e92))
+
+
+### Bug Fixes
+
+* signals for actions during edit ([#542](https://github.com/odigos-io/ui-kit/issues/542)) ([02e56f0](https://github.com/odigos-io/ui-kit/commit/02e56f0368100fb233f4a3052be2ce4926a004a7))
+* useTimeAgo UTC conversion ([#540](https://github.com/odigos-io/ui-kit/issues/540)) ([06ad986](https://github.com/odigos-io/ui-kit/commit/06ad986df63b84dfa5513a08699acf06fbbc05d6))
+
+## [0.0.148](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.147...ui-kit-v0.0.148) (2025-12-15)
+
+
+### Bug Fixes
+
+* improve date parsing in useTimeAgo hook to handle string formats correctly ([#537](https://github.com/odigos-io/ui-kit/issues/537)) ([9fa4630](https://github.com/odigos-io/ui-kit/commit/9fa46305ad168b53301a0c7f3f7fd4ca00d32509))
+
 ## [0.0.147](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.146...ui-kit-v0.0.147) (2025-12-14)
 
 

package/lib/chunks/index-ef6b1ee4.js

@@ -0,0 +1,3 @@
+import o,{useMemo as s}from"react";import t from"styled-components";import{VIcon as a,CopyIcon as i,YamlIcon as e}from"../icons.js";import{c7 as n,i as r,j as l,k as c,f as m,h as p,cf as d,q as u,aJ as f}from"./ui-components-2ec876fd.js";const y=t.div`
+  padding: 0 12px;
+`,b=({yaml:t})=>{const{clickCopy:b,isCopied:h}=n(),k=s(()=>[{id:r(),type:l.Button,buttonProps:{leftIcon:h?a:i,onClick:()=>b(t||""),disabled:h,size:c.S,variant:m.Secondary}}],[t,h]);return o.createElement(p,{icon:e,title:"YAML",actions:k},o.createElement(y,null,t?o.createElement(d,{code:t,language:"yaml",theme:"duotoneDark"}):o.createElement(u,null,o.createElement(f,{title:"No YAML found",subTitle:"The YAML for this resource is not available"}))))};export{b as Y};

package/lib/chunks/{ui-components-ad4d911e.js → ui-components-2ec876fd.js}

@@ -88,7 +88,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
       overflow: hidden;
       text-overflow: ellipsis;
     `}
-`,Ni=({children:e,variant:t=Ai.P,color:o,size:n=Di.S,weight:i=400,align:a="left",lineHeight:r,transform:s,nowrap:l,...c})=>xt.createElement(Ti,{as:t,$color:o,$size:n,$weight:i,$align:a,$lineHeight:r,$transform:s,$nowrap:l,...c},e),Ii=It.div`
+
+  ${({$underline:e})=>e&&Ft`
+      text-decoration: underline;
+    `}
+`,Ni=({children:e,variant:t=Ai.P,color:o,size:n=Di.S,weight:i=400,align:a="left",lineHeight:r,transform:s,nowrap:l,underline:c,...d})=>xt.createElement(Ti,{as:t,$color:o,$size:n,$weight:i,$align:a,$lineHeight:r,$transform:s,$nowrap:l,$underline:c,...d},e),Ii=It.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -317,6 +321,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
   flex-direction: column;
   gap: 24px;
   padding: 24px;
+  overflow-x: scroll;
 `,ca=It.div`
   display: flex;
   flex-direction: row;
@@ -369,7 +374,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
   width: 100%;
   max-height: ${({$maxHeight:e})=>e||"unset"};
   overflow-y: auto;
-`,fa=e=>{function t(){return void 0===e?{}:qo(e)}const[o,n]=bt(t()),[i,a]=bt({}),r=ft(()=>void 0!==e&&JSON.stringify(o)!==JSON.stringify(e),[e,o]);return yt(()=>{void 0!==e&&"{}"===JSON.stringify(o)&&n(t())},[e,o]),{formData:o,formErrors:i,isFormDirty:r,handleFormChange:(e,t,o)=>{if(e){const o=e.toString().split(".");1===o.length?n(o=>({...o,[e]:t})):n(e=>{const n=qo(e);let i=n;for(let e=0;e<o.length-1;e++){const t=o[e];i[t]&&"object"==typeof i[t]||(i[t]={}),i=i[t]}return i[o[o.length-1]]=t,n})}else o&&n({...o})},handleErrorChange:(e,t,o)=>{e?a(o=>({...o,[e]:t})):o&&a({...o})},resetFormData:()=>{n(t()),a({})}}},ba={type:"",name:"",notes:"",signals:[],disabled:!1,fields:{clusterAttributes:null,overwriteExistingValues:null,renames:null,attributeNamesToDelete:null,piiCategories:null,fallbackSamplingRatio:null,samplingPercentage:null,endpointsFilters:null,servicesNameFilters:null,attributeFilters:null}},ya=()=>{const{addNotification:e}=ci(),{formData:t,formErrors:o,handleFormChange:n,handleErrorChange:i,resetFormData:a}=fa(ba);return{formData:t,formErrors:o,handleFormChange:n,resetFormData:a,validateForm:o=>{const n={};let a=!0;return Object.entries(t).forEach(([e,t])=>{switch(e){case"type":case"signals":On(t)&&(n[e]=Zo.FIELD_IS_REQUIRED)}}),a=!Object.values(n).length,!a&&o?.withAlert&&e({type:ho.Warning,title:o.alertTitle,message:Zo.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,n),a},loadFormWithDrawerItem:({type:e,fields:t})=>{const o={...qo(ba),type:e};Object.entries(t).forEach(([e,t])=>{if(t)switch(e){case"actionName":o.name=t;break;case"type":case"notes":case"signals":case"disabled":o[e]=t;break;case Jt.CollectContainerAttributes:case Jt.CollectReplicaSetAttributes:case Jt.CollectWorkloadId:case Jt.CollectClusterId:case Jt.LabelsAttributes:case Jt.AnnotationsAttributes:case Jt.ClusterAttributes:case Jt.OverwriteExistingValues:case Jt.AttributeNamesToDelete:case Jt.Renames:case Jt.PiiCategories:case Jt.FallbackSamplingRatio:case Jt.SamplingPercentage:case Jt.EndpointsFilters:case Jt.ServicesNameFilters:case Jt.AttributeFilters:o.fields||(o.fields={}),o.fields[e]=t}}),n(void 0,void 0,o)}}},wa=e=>{yt(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},ka=()=>{const{setCurrentModal:e}=li(),{setDrawerType:t,setDrawerEntityId:o}=ni(),{setActiveNodeType:n,setActiveNodeId:i,activeNodeId:a}=qt();return{onClickNode:(r,s)=>{const{id:l,type:c,data:{id:d,type:p}}=s;switch(a===l?(n(null),i(null)):(n(c),i(l)),p){case lo.Source:case lo.Destination:case lo.Action:case lo.InstrumentationRule:t(p),o(d);break;case yo.AddSource:e(lo.Source);break;case yo.AddDestination:e(lo.Destination);break;case yo.AddAction:e(lo.Action);break;case yo.AddRule:e(lo.InstrumentationRule)}}}},va=()=>{const{setDrawerType:e,setDrawerEntityId:t}=ni(),{markAsDismissed:o,markAsSeen:n}=ci();return{onClickNotification:(i,a)=>{const{id:r,crdType:s,target:l}=i,{dismissToast:c}=a||{};if(s&&l)switch(s){case lo.InstrumentationRule:e(lo.InstrumentationRule),t(xn(l,lo.InstrumentationRule));break;case lo.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(lo.Source),t(xn(l,lo.Source));break;case lo.Action:e(lo.Action),t(xn(l,lo.Action));break;case lo.Destination:case"Destination":e(lo.Destination),t(xn(l,lo.Destination))}n(r),c&&o(r)}}},Ca=()=>{const{selectedConnection:e}=ui();return{selectedConnection:e,isVm:e?.type===io.Vm}},Ea=()=>{const e=wt(null),[t,o]=bt(0),[n,i]=bt(0);return yt(()=>{const t=()=>{if(e.current){const{width:t,height:n}=e.current.getBoundingClientRect();o(t),i(n)}};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),{containerRef:e,containerWidth:t,containerHeight:n}};var Sa;!function(e){e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"}(Sa||(Sa={}));const Aa=It.div`
+`,fa=e=>{function t(){return void 0===e?{}:qo(e)}const[o,n]=bt(t()),[i,a]=bt({}),r=ft(()=>void 0!==e&&JSON.stringify(o)!==JSON.stringify(e),[e,o]);return yt(()=>{void 0!==e&&"{}"===JSON.stringify(o)&&n(t())},[e,o]),{formData:o,formErrors:i,isFormDirty:r,handleFormChange:(e,t,o)=>{if(e){const o=e.toString().split(".");1===o.length?n(o=>({...o,[e]:t})):n(e=>{const n=qo(e);let i=n;for(let e=0;e<o.length-1;e++){const t=o[e];i[t]&&"object"==typeof i[t]||(i[t]={}),i=i[t]}return i[o[o.length-1]]=t,n})}else o&&n({...o})},handleErrorChange:(e,t,o)=>{e?a(o=>({...o,[e]:t})):o&&a({...o})},resetFormData:()=>{n(t()),a({})}}},ba={type:"",name:"",notes:"",signals:[],disabled:!1,fields:{clusterAttributes:null,overwriteExistingValues:null,renames:null,attributeNamesToDelete:null,piiCategories:null,fallbackSamplingRatio:null,samplingPercentage:null,endpointsFilters:null,servicesNameFilters:null,attributeFilters:null}},ya=()=>{const{addNotification:e}=ci(),{formData:t,formErrors:o,handleFormChange:n,handleErrorChange:i,resetFormData:a}=fa(ba);return{formData:t,formErrors:o,handleFormChange:n,resetFormData:a,validateForm:o=>{const n={};let a=!0;return Object.entries(t).forEach(([e,t])=>{switch(e){case"type":case"signals":On(t)&&(n[e]=Zo.FIELD_IS_REQUIRED)}}),a=!Object.values(n).length,!a&&o?.withAlert&&e({type:ho.Warning,title:o.alertTitle,message:Zo.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,n),a},loadFormWithDrawerItem:({type:e,signals:t,fields:o})=>{const i={...qo(ba),type:e,signals:t};Object.entries(o).forEach(([e,t])=>{if(t)switch(e){case"actionName":i.name=t;break;case"type":case"notes":case"disabled":i[e]=t;break;case Jt.CollectContainerAttributes:case Jt.CollectReplicaSetAttributes:case Jt.CollectWorkloadId:case Jt.CollectClusterId:case Jt.LabelsAttributes:case Jt.AnnotationsAttributes:case Jt.ClusterAttributes:case Jt.OverwriteExistingValues:case Jt.AttributeNamesToDelete:case Jt.Renames:case Jt.PiiCategories:case Jt.FallbackSamplingRatio:case Jt.SamplingPercentage:case Jt.EndpointsFilters:case Jt.ServicesNameFilters:case Jt.AttributeFilters:i.fields||(i.fields={}),i.fields[e]=t}}),n(void 0,void 0,i)}}},wa=e=>{yt(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},ka=()=>{const{setCurrentModal:e}=li(),{setDrawerType:t,setDrawerEntityId:o}=ni(),{setActiveNodeType:n,setActiveNodeId:i,activeNodeId:a}=qt();return{onClickNode:(r,s)=>{const{id:l,type:c,data:{id:d,type:p}}=s;switch(a===l?(n(null),i(null)):(n(c),i(l)),p){case lo.Source:case lo.Destination:case lo.Action:case lo.InstrumentationRule:t(p),o(d);break;case yo.AddSource:e(lo.Source);break;case yo.AddDestination:e(lo.Destination);break;case yo.AddAction:e(lo.Action);break;case yo.AddRule:e(lo.InstrumentationRule)}}}},va=()=>{const{setDrawerType:e,setDrawerEntityId:t}=ni(),{markAsDismissed:o,markAsSeen:n}=ci();return{onClickNotification:(i,a)=>{const{id:r,crdType:s,target:l}=i,{dismissToast:c}=a||{};if(s&&l)switch(s){case lo.InstrumentationRule:e(lo.InstrumentationRule),t(xn(l,lo.InstrumentationRule));break;case lo.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(lo.Source),t(xn(l,lo.Source));break;case lo.Action:e(lo.Action),t(xn(l,lo.Action));break;case lo.Destination:case"Destination":e(lo.Destination),t(xn(l,lo.Destination))}n(r),c&&o(r)}}},Ca=()=>{const{selectedConnection:e}=ui();return{selectedConnection:e,isVm:e?.type===io.Vm}},Ea=()=>{const e=wt(null),[t,o]=bt(0),[n,i]=bt(0);return yt(()=>{const t=()=>{if(e.current){const{width:t,height:n}=e.current.getBoundingClientRect();o(t),i(n)}};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),{containerRef:e,containerWidth:t,containerHeight:n}};var Sa;!function(e){e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"}(Sa||(Sa={}));const Aa=It.div`
   width: ${({$size:e})=>1.5*e}px;
   height: ${({$size:e})=>1.5*e}px;
   border-radius: 100%;
@@ -380,7 +385,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
   &:hover {
     background: ${({theme:e})=>e.v2.colors.silver[800]};
   }
-`,Da=({icon:e,size:t=Sa.S,onClick:o,disabled:n})=>xt.createElement("div",null,xt.createElement(Aa,{$size:t,$disabled:n,onClick:e=>{o&&!n&&(e.stopPropagation(),o(e))}},xt.createElement(e,{size:t}))),Ta=({onDone:e}={})=>{const[t,o]=bt(!1),[n,i]=bt(-1),a=kt(async(n,a)=>{if(!t){if(o(!0),void 0!==a&&i(a),navigator?.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(n)}catch(e){}else{const e=document.createElement("textarea");e.value=n,document.body.appendChild(e),e.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(e)}e?.(),setTimeout(()=>{o(!1),i(-1)},1e3)}},[t,e]);return{CopyButton:kt(({value:e,size:o})=>{const n=t?Ge:Ke;return xt.createElement(Da,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},Na=e=>{const{addNotification:t}=ci(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=fa(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?_n(o.name)?n.name=void 0:(i=!1,n.name=Zo.ILLEGAL_K8S_LABEL):(i=!1,n.name=Zo.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:ho.Warning,title:e.alertTitle,message:Zo.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...qo(e),name:t};n(void 0,void 0,o)}}},Ia={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},za=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=ci(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=fa(Ia),[c,d]=bt([]),[p,u]=bt([]);return yt(()=>{var e;u(c?(e=c,e.filter(e=>!!e).map(e=>{const{name:t,componentType:o,componentProperties:n,displayName:i,initialValue:a,renderCondition:r}=e;if(o===po.Dropdown){const e=Nn(n,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,value:e})):Object.entries(e.values).map(([e,t])=>({id:e,value:t}));return{name:t,componentType:o,title:i,value:a,placeholder:e.placeholder||"Select an option",options:s,renderCondition:r,...e}}return{name:t,componentType:o,title:i,value:a,renderCondition:r,...Nn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?Nn(o,{}):o;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,o]),yt(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));r("fields",e)}},[p]),yt(()=>{if(t&&0===Wn(i.exportedSignals).length){const{logs:e,metrics:o,traces:n}=t;r("exportedSignals",{logs:e.supported,metrics:o.supported,traces:n.supported})}},[t,i]),{formData:i,formErrors:a,handleFormChange:r,resetFormData:l,validateForm:e=>{const t={};let o=!0;return p.forEach(({name:e,value:n,required:i})=>{i&&!n&&(o=!1,t[e]=Zo.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:ho.Warning,title:e.alertTitle,message:Zo.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),o},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:o,exportedSignals:n,fields:i})=>{const a={...qo(Ia),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(Nn(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Oa=({items:e,rowHeight:t})=>{const o=wt(null),n=Tt({enabled:e.length>0,horizontal:!1,count:e.length,getScrollElement:()=>o.current,estimateSize:()=>t,overscan:Math.ceil(.05*e.length)});return{overflowRef:o,listHeight:n.getTotalSize(),listItems:n.getVirtualItems()}},_a={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[So.HttpRequest]:null,[So.HttpResponse]:null,[So.DbQuery]:null,[So.Messaging]:null},codeAttributes:{[vo.Column]:null,[vo.FilePath]:null,[vo.Function]:null,[vo.LineNumber]:null,[vo.Namespace]:null,[vo.StackTrace]:null},headersCollection:null,customInstrumentations:{[Eo.Java]:null,[Eo.Golang]:null}},Fa=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=fa(_a);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:n,payloadCollection:i,codeAttributes:a,headersCollection:r,customInstrumentations:s})=>{const l={...qo(_a),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[So.HttpRequest]:i[So.HttpRequest]?{}:null,[So.HttpResponse]:i[So.HttpResponse]?{}:null,[So.DbQuery]:i[So.DbQuery]?{}:null,[So.Messaging]:i[So.Messaging]?{}:null}),a&&(l.codeAttributes={[vo.Column]:a[vo.Column]||null,[vo.FilePath]:a[vo.FilePath]||null,[vo.Function]:a[vo.Function]||null,[vo.LineNumber]:a[vo.LineNumber]||null,[vo.Namespace]:a[vo.Namespace]||null,[vo.StackTrace]:a[vo.StackTrace]||null}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[Eo.Java]:s[Eo.Java]||null,[Eo.Golang]:s[Eo.Golang]||null}),o(void 0,void 0,l)}}},Ra=({active:e,key:t,withAltKey:o,withCtrlKey:n,withShiftKey:i,withMetaKey:a},r)=>(yt(()=>{const s=s=>{e&&t===s.key&&(!o||o&&s.altKey)&&(!n||n&&s.ctrlKey)&&(!i||i&&s.shiftKey)&&(!a||a&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),r(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,o,n,i,a,r]),null),La=(e,t)=>{yt(()=>{const o=o=>{e.current&&!e.current.contains(o.target)&&t()};return document.addEventListener("mousedown",o),document.addEventListener("touchstart",o),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("touchstart",o)}},[e,t])},Ba=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=wt(null),[i,a]=bt(!1),[r,s]=bt({top:0,left:0});return La(n,()=>{i&&(a(!1),o?.())}),{popupRef:n,popupOpen:i,setPopupOpen:a,popupPosition:r,handlePosition:(o,i)=>{const{innerWidth:a,innerHeight:r}=window;let l=i,c=o;l>=r/2&&(l+=-(n.current?.clientHeight||e)),c>=a/2&&(c+=-(n.current?.clientWidth||t)),s({top:l,left:c})}}},Ma=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?Nn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Pa={otelServiceName:"",currentStreamName:""},ja=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=fa(Pa);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...qo(Pa),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Ua=(e,t,o)=>{const n="boolean"==typeof o,i=!!e.dataStreamNames?.length||!!e.currentStreamName?.length,a=i&&e.dataStreamNames?.includes(t)||e.currentStreamName===t,r=(n?o:e.selected&&(!i||a))||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:r,numberOfInstances:e.numberOfInstances}},Wa=(e,t,o)=>({...Ua(e,t,o),currentStreamName:t}),Va=(e,t,o)=>{const n="boolean"==typeof o,i=e.dataStreamNames?.includes(t),a=(n?o:e.selected)||!1;return{namespace:e.name,selected:!(!i&&!n)&&a,currentStreamName:t}},Ha=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=ii(),{selectedStreamName:n}=oi(),i=wt(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=gi(),[d,p]=bt(s),[u,h]=bt(""),[m,g]=bt(!1),[x,$]=bt([]),[f,b]=bt(""),[y,w]=bt(r),[k,v]=bt(((e,t,o)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>Wa(e,o))}),Object.entries(t).forEach(([e,t])=>{t.forEach(t=>{const i=n[e].findIndex(e=>e.name===t.name&&e.kind===t.kind),a=Wa(t,o);-1!==i?n[e][i]=a:n[e].push(a)})}),n})(s,a,n)),C=async(e,o)=>{if(t){if(h(e.name),x.includes(e.name))v(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof o?o:e.selected,currentStreamName:n}))}));else{const{data:i}=await t({variables:{namespaceName:e.name}}),{name:a,sources:r=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!a)return;const s=r.map(e=>Ua(e,n));$(e=>[...e,a]),l({...gi.getState().availableSources,[a]:s}),p(e=>({...e,[a]:s})),v(e=>({...e,[a]:"boolean"!=typeof o&&e[a]?.length?e[a]:r.map(e=>Wa(e,n,o))}))}h("")}};yt(()=>(i.current=!0,o?.length&&!gi.getState().fetchedAllNamespaces&&(p(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),v(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),w(e=>{const t={...e};return o.forEach(e=>t[e.name]=t[e.name]||Va(e,n)),t}),(async()=>{for await(const e of o)i.current&&await C(e)})(),i.current&&c(!0)),()=>{i.current=!1}),[o,n]);const[E,S]=bt(""),[A,D]=bt(lo.Source),[T,N]=bt(!1),[I,z]=bt(!1),O=ft(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,lo.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,lo.Source)&&(!T||t.selected)&&(e=>!I||(e.numberOfInstances||0)>0)(t));(!E||E&&i.length)&&(t[o]=i)}),t},[k,E,A,T,I]);return{fetchingNamespace:u,fetchedNamespaces:x,availableSources:d,filteredNamespacesAndSources:O,getApiSourcesPayload:()=>{const e={};return Object.entries(k).forEach(([t,o])=>{o.forEach(o=>{const n=d[t]?.find(e=>e.name===o.name&&e.kind===o.kind);n?.selected!==o.selected&&(e[t]||(e[t]=[]),e[t].push(o))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(y).forEach(([t,i])=>{const a=o?.find(e=>e.name===t);(i.selected&&!a?.dataStreamNames?.includes(n)||!i.selected&&a?.dataStreamNames?.includes(n))&&(e[t]=i)}),e},selectedNamespace:f,onSelectNamespace:(e,t)=>{const n=o.find(t=>t.name===e);if(n){const o="boolean"==typeof t;b(t=>t!==e||o?e:""),C(n,t),o&&g(!1)}},selectedAllNamespaces:m,onSelectAllNamespaces:e=>{g(e),o.forEach(t=>C(t,e))},selectedSources:k,onSelectSource:(e,t)=>{const o=t||f;if(!o)return;const i=[...k[o]||[]],a=i.findIndex(({name:t,kind:o})=>t===e.name&&o===e.kind);if(-1!==a){const e={...i[a],selected:!i[a].selected,currentStreamName:n};i[a]=e}else i.push({...e,selected:!0,currentStreamName:n});v(e=>({...e,[o]:i})),g(!1)},selectedFutureApps:y,onSelectFutureApps:(e,t)=>{const i=t||f;if(!i)return;const a=o.find(e=>e.name===t);a&&w(t=>({...t,[i]:Va(a,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:N,showRunningOnly:I,setShowRunningOnly:z}};try{Et.addDefaultLocale(Nt)}catch(e){}const qa=()=>{const e=wt(new Et(Nt.locale));return{formatTimeAgo:kt(t=>{let o=new Date;try{o=new Date(t)}catch(e){return""}return e.current.format(o)},[])}},Ga=({container:e,animateIn:t,animateOut:o,duration:n=300})=>{const i=It(e)`
+`,Da=({icon:e,size:t=Sa.S,onClick:o,disabled:n})=>xt.createElement("div",null,xt.createElement(Aa,{$size:t,$disabled:n,onClick:e=>{o&&!n&&(e.stopPropagation(),o(e))}},xt.createElement(e,{size:t}))),Ta=({onDone:e}={})=>{const[t,o]=bt(!1),[n,i]=bt(-1),a=kt(async(n,a)=>{if(!t){if(o(!0),void 0!==a&&i(a),navigator?.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(n)}catch(e){}else{const e=document.createElement("textarea");e.value=n,document.body.appendChild(e),e.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(e)}e?.(),setTimeout(()=>{o(!1),i(-1)},1e3)}},[t,e]);return{CopyButton:kt(({value:e,size:o})=>{const n=t?Ge:Ke;return xt.createElement(Da,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},Na=e=>{const{addNotification:t}=ci(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=fa(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?_n(o.name)?n.name=void 0:(i=!1,n.name=Zo.ILLEGAL_K8S_LABEL):(i=!1,n.name=Zo.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:ho.Warning,title:e.alertTitle,message:Zo.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...qo(e),name:t};n(void 0,void 0,o)}}},Ia={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},za=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=ci(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=fa(Ia),[c,d]=bt([]),[p,u]=bt([]);return yt(()=>{var e;u(c?(e=c,e.filter(e=>!!e).map(e=>{const{name:t,componentType:o,componentProperties:n,displayName:i,initialValue:a,renderCondition:r}=e;if(o===po.Dropdown){const e=Nn(n,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,value:e})):Object.entries(e.values).map(([e,t])=>({id:e,value:t}));return{name:t,componentType:o,title:i,value:a,placeholder:e.placeholder||"Select an option",options:s,renderCondition:r,...e}}return{name:t,componentType:o,title:i,value:a,renderCondition:r,...Nn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?Nn(o,{}):o;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,o]),yt(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));r("fields",e)}},[p]),yt(()=>{if(t&&0===Wn(i.exportedSignals).length){const{logs:e,metrics:o,traces:n}=t;r("exportedSignals",{logs:e.supported,metrics:o.supported,traces:n.supported})}},[t,i]),{formData:i,formErrors:a,handleFormChange:r,resetFormData:l,validateForm:e=>{const t={};let o=!0;return p.forEach(({name:e,value:n,required:i})=>{i&&!n&&(o=!1,t[e]=Zo.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:ho.Warning,title:e.alertTitle,message:Zo.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),o},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:o,exportedSignals:n,fields:i})=>{const a={...qo(Ia),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(Nn(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Oa=({items:e,rowHeight:t})=>{const o=wt(null),n=Tt({enabled:e.length>0,horizontal:!1,count:e.length,getScrollElement:()=>o.current,estimateSize:()=>t,overscan:Math.ceil(.05*e.length)});return{overflowRef:o,listHeight:n.getTotalSize(),listItems:n.getVirtualItems()}},_a={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[So.HttpRequest]:null,[So.HttpResponse]:null,[So.DbQuery]:null,[So.Messaging]:null},codeAttributes:{[vo.Column]:null,[vo.FilePath]:null,[vo.Function]:null,[vo.LineNumber]:null,[vo.Namespace]:null,[vo.StackTrace]:null},headersCollection:null,customInstrumentations:{[Eo.Java]:null,[Eo.Golang]:null}},Fa=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=fa(_a);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:n,payloadCollection:i,codeAttributes:a,headersCollection:r,customInstrumentations:s})=>{const l={...qo(_a),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[So.HttpRequest]:i[So.HttpRequest]?{}:null,[So.HttpResponse]:i[So.HttpResponse]?{}:null,[So.DbQuery]:i[So.DbQuery]?{}:null,[So.Messaging]:i[So.Messaging]?{}:null}),a&&(l.codeAttributes={[vo.Column]:a[vo.Column]||null,[vo.FilePath]:a[vo.FilePath]||null,[vo.Function]:a[vo.Function]||null,[vo.LineNumber]:a[vo.LineNumber]||null,[vo.Namespace]:a[vo.Namespace]||null,[vo.StackTrace]:a[vo.StackTrace]||null}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[Eo.Java]:s[Eo.Java]||null,[Eo.Golang]:s[Eo.Golang]||null}),o(void 0,void 0,l)}}},Ra=({active:e,key:t,withAltKey:o,withCtrlKey:n,withShiftKey:i,withMetaKey:a},r)=>(yt(()=>{const s=s=>{e&&t===s.key&&(!o||o&&s.altKey)&&(!n||n&&s.ctrlKey)&&(!i||i&&s.shiftKey)&&(!a||a&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),r(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,o,n,i,a,r]),null),La=(e,t)=>{yt(()=>{const o=o=>{e.current&&!e.current.contains(o.target)&&t()};return document.addEventListener("mousedown",o),document.addEventListener("touchstart",o),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("touchstart",o)}},[e,t])},Ba=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=wt(null),[i,a]=bt(!1),[r,s]=bt({top:0,left:0});return La(n,()=>{i&&(a(!1),o?.())}),{popupRef:n,popupOpen:i,setPopupOpen:a,popupPosition:r,handlePosition:(o,i)=>{const{innerWidth:a,innerHeight:r}=window;let l=i,c=o;l>=r/2&&(l+=-(n.current?.clientHeight||e)),c>=a/2&&(c+=-(n.current?.clientWidth||t)),s({top:l,left:c})}}},Ma=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?Nn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Pa={otelServiceName:"",currentStreamName:""},ja=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=fa(Pa);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...qo(Pa),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Ua=(e,t,o)=>{const n="boolean"==typeof o,i=!!e.dataStreamNames?.length||!!e.currentStreamName?.length,a=i&&e.dataStreamNames?.includes(t)||e.currentStreamName===t,r=(n?o:e.selected&&(!i||a))||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:r,numberOfInstances:e.numberOfInstances}},Wa=(e,t,o)=>({...Ua(e,t,o),currentStreamName:t}),Va=(e,t,o)=>{const n="boolean"==typeof o,i=e.dataStreamNames?.includes(t),a=(n?o:e.selected)||!1;return{namespace:e.name,selected:!(!i&&!n)&&a,currentStreamName:t}},Ha=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=ii(),{selectedStreamName:n}=oi(),i=wt(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=gi(),[d,p]=bt(s),[u,h]=bt(""),[m,g]=bt(!1),[x,$]=bt([]),[f,b]=bt(""),[y,w]=bt(r),[k,v]=bt(((e,t,o)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>Wa(e,o))}),Object.entries(t).forEach(([e,t])=>{t.forEach(t=>{const i=n[e].findIndex(e=>e.name===t.name&&e.kind===t.kind),a=Wa(t,o);-1!==i?n[e][i]=a:n[e].push(a)})}),n})(s,a,n)),C=async(e,o)=>{if(t){if(h(e.name),x.includes(e.name))v(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof o?o:e.selected,currentStreamName:n}))}));else{const{data:i}=await t({variables:{namespaceName:e.name}}),{name:a,sources:r=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!a)return;const s=r.map(e=>Ua(e,n));$(e=>[...e,a]),l({...gi.getState().availableSources,[a]:s}),p(e=>({...e,[a]:s})),v(e=>({...e,[a]:"boolean"!=typeof o&&e[a]?.length?e[a]:r.map(e=>Wa(e,n,o))}))}h("")}};yt(()=>(i.current=!0,o?.length&&!gi.getState().fetchedAllNamespaces&&(p(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),v(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),w(e=>{const t={...e};return o.forEach(e=>t[e.name]=t[e.name]||Va(e,n)),t}),(async()=>{for await(const e of o)i.current&&await C(e)})(),i.current&&c(!0)),()=>{i.current=!1}),[o,n]);const[E,S]=bt(""),[A,D]=bt(lo.Source),[T,N]=bt(!1),[I,z]=bt(!1),O=ft(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,lo.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,lo.Source)&&(!T||t.selected)&&(e=>!I||(e.numberOfInstances||0)>0)(t));(!E||E&&i.length)&&(t[o]=i)}),t},[k,E,A,T,I]);return{fetchingNamespace:u,fetchedNamespaces:x,availableSources:d,filteredNamespacesAndSources:O,getApiSourcesPayload:()=>{const e={};return Object.entries(k).forEach(([t,o])=>{o.forEach(o=>{const n=d[t]?.find(e=>e.name===o.name&&e.kind===o.kind);n?.selected!==o.selected&&(e[t]||(e[t]=[]),e[t].push(o))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(y).forEach(([t,i])=>{const a=o?.find(e=>e.name===t);(i.selected&&!a?.dataStreamNames?.includes(n)||!i.selected&&a?.dataStreamNames?.includes(n))&&(e[t]=i)}),e},selectedNamespace:f,onSelectNamespace:(e,t)=>{const n=o.find(t=>t.name===e);if(n){const o="boolean"==typeof t;b(t=>t!==e||o?e:""),C(n,t),o&&g(!1)}},selectedAllNamespaces:m,onSelectAllNamespaces:e=>{g(e),o.forEach(t=>C(t,e))},selectedSources:k,onSelectSource:(e,t)=>{const o=t||f;if(!o)return;const i=[...k[o]||[]],a=i.findIndex(({name:t,kind:o})=>t===e.name&&o===e.kind);if(-1!==a){const e={...i[a],selected:!i[a].selected,currentStreamName:n};i[a]=e}else i.push({...e,selected:!0,currentStreamName:n});v(e=>({...e,[o]:i})),g(!1)},selectedFutureApps:y,onSelectFutureApps:(e,t)=>{const i=t||f;if(!i)return;const a=o.find(e=>e.name===t);a&&w(t=>({...t,[i]:Va(a,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:N,showRunningOnly:I,setShowRunningOnly:z}};try{Et.addDefaultLocale(Nt)}catch(e){}const qa=()=>{const e=wt(new Et(Nt.locale));return{formatTimeAgo:kt(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},Ga=({container:e,animateIn:t,animateOut:o,duration:n=300})=>{const i=It(e)`
     animation-name: ${({$isEntering:e,$isLeaving:n})=>e?t:n?o:"none"};
     animation-duration: ${n}ms;
     animation-fill-mode: forwards;
@@ -1787,6 +1792,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
   display: flex;
   flex-direction: column;
   gap: ${({$gap:e})=>e}px;
+  width: ${({$padding:e})=>`calc(100% - ${2*e}px)`};
   padding: ${({$padding:e})=>e}px;
   border-radius: 16px;
   background-color: ${({$backgroundWeight:e,theme:t})=>t.v2.colors.silver[e]};
@@ -2027,26 +2033,33 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
   justify-content: center;
   border-radius: 6px;
   background-color: ${({theme:e,$status:t})=>Cn(e,t,[ho.Info].includes(t)?"900":"800")};
-`,Au=({status:e,message:t})=>{const o=Si.useTheme(),n=Sn(e,o);return xt.createElement(Eu,{$status:e},xt.createElement("div",null,xt.createElement(Su,{$status:e},xt.createElement(n,{size:24}))),xt.createElement(Ni,{color:Cn(o,e,e===ho.Default?"300":e===ho.Info?"400":"500"),size:Di.XXS,weight:400},t))};var Du;!function(e){e.S="small",e.L="large"}(Du||(Du={}));const Tu=It.div`
+`,Au=It.div`
+  margin-left: auto;
+  margin-right: 8px;
+  cursor: pointer;
+  &:hover {
+    transform: scale(1.2);
+  }
+`,Du=({status:e,message:t,action:o})=>{const n=Si.useTheme(),i=Sn(e,n),a=Cn(n,e,e===ho.Default?"300":e===ho.Info?"400":"500");return xt.createElement(Eu,{$status:e},xt.createElement("div",null,xt.createElement(Su,{$status:e},xt.createElement(i,{size:24}))),xt.createElement(Ni,{color:a,size:Di.XXXS,weight:400},t),o&&xt.createElement(Au,{onClick:o.onClick},xt.createElement(Ni,{color:a,size:Di.XXS,weight:500,underline:!0},o.label)))};var Tu;!function(e){e.S="small",e.L="large"}(Tu||(Tu={}));const Nu=It.div`
   width: fit-content;
   display: flex;
   align-items: center;
   gap: 8px;
   cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
-`,Nu=It.div`
-  width: ${({$size:e})=>e===Du.S?"16px":"20px"};
-  height: ${({$size:e})=>e===Du.S?"16px":"20px"};
+`,Iu=It.div`
+  width: ${({$size:e})=>e===Tu.S?"16px":"20px"};
+  height: ${({$size:e})=>e===Tu.S?"16px":"20px"};
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 100%;
   border: 1px solid ${({$borderColor:e})=>e};
   background-color: ${({$backgroundColor:e})=>e};
-`,Iu=({label:e,value:t,onChange:o,disabled:n,size:i=Du.L})=>{const a=Si.useTheme(),[r,s]=bt(!1),l=t,c=i===Du.S?6:8,d=n?a.v2.colors.grey[400]:a.v2.colors.white[500],p=l?"transparent":n?a.v2.colors.grey[700]:r?a.v2.colors.silver[400]:a.v2.colors.silver[600],u=n?a.v2.colors.grey[600]:l?a.v2.colors.purple[500]:a.v2.colors.silver[900];return xt.createElement(Tu,{"data-id":"radio"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),n||o(!t)},$disabled:n,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1)},xt.createElement(Nu,{$size:i,$borderColor:p,$backgroundColor:u},t?xt.createElement(mt,{size:c,fill:d}):null),e&&xt.createElement(Ni,{size:i===Du.S?Di.XXS:Di.XS},e))},zu=It.div`
+`,zu=({label:e,value:t,onChange:o,disabled:n,size:i=Tu.L})=>{const a=Si.useTheme(),[r,s]=bt(!1),l=t,c=i===Tu.S?6:8,d=n?a.v2.colors.grey[400]:a.v2.colors.white[500],p=l?"transparent":n?a.v2.colors.grey[700]:r?a.v2.colors.silver[400]:a.v2.colors.silver[600],u=n?a.v2.colors.grey[600]:l?a.v2.colors.purple[500]:a.v2.colors.silver[900];return xt.createElement(Nu,{"data-id":"radio"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),n||o(!t)},$disabled:n,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1)},xt.createElement(Iu,{$size:i,$borderColor:p,$backgroundColor:u},t?xt.createElement(mt,{size:c,fill:d}):null),e&&xt.createElement(Ni,{size:i===Tu.S?Di.XXS:Di.XS},e))},Ou=It.div`
   display: flex;
   flex-direction: ${({$flexDirection:e})=>e};
   gap: ${({$gap:e})=>e}px;
-`,Ou=({label:e,direction:t,disabled:o,size:n,options:i,values:a,setValues:r})=>xt.createElement(zu,{$flexDirection:t===to.Horizontal?"row":"column",$gap:t===to.Horizontal?16:8},e&&xt.createElement(Ni,null,e),i.map(t=>xt.createElement(Iu,{key:`${e}-radio-${t.id}`,...t,value:a[t.id],onChange:e=>{return o=t.id,n=e,void r(e=>{const t={...e};return Object.keys(t).forEach(e=>t[e]=!1),t[o]=n,t});var o,n},disabled:o,size:n}))),_u=It.div`
+`,_u=({label:e,direction:t,disabled:o,size:n,options:i,values:a,setValues:r})=>xt.createElement(Ou,{$flexDirection:t===to.Horizontal?"row":"column",$gap:t===to.Horizontal?16:8},e&&xt.createElement(Ni,null,e),i.map(t=>xt.createElement(zu,{key:`${e}-radio-${t.id}`,...t,value:a[t.id],onChange:e=>{return o=t.id,n=e,void r(e=>{const t={...e};return Object.keys(t).forEach(e=>t[e]=!1),t[o]=n,t});var o,n},disabled:o,size:n}))),Fu=It.div`
   position: relative;
   z-index: 0;
   display: flex;
@@ -2055,7 +2068,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
   border-radius: 8px;
   border: 1px solid ${({theme:e})=>e.v2.colors.grey[500]};
   background-color: ${({theme:e})=>e.v2.colors.silver[700]};
-`,Fu=It.button`
+`,Ru=It.button`
   flex: 1;
   display: flex;
   align-items: center;
@@ -2070,36 +2083,36 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
   &:hover {
     background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.black[500]:e.v2.colors.silver[800]};
   }
-`,Ru=({options:e=[],selected:t,setSelected:o})=>xt.createElement(_u,{$count:e.length},e.map(({value:e,label:n,icon:i},a)=>{const r=t===e;return xt.createElement(Fu,{key:`segment-${n||a}-${e}`,onClick:()=>o(e),$isSelected:r},i&&xt.createElement(i,null),n&&xt.createElement(Ni,{size:Di.XS,weight:500,nowrap:!0},n))}));var Lu;!function(e){e.Data="data",e.Pretty="pretty"}(Lu||(Lu={}));const Bu=It.div`
+`,Lu=({options:e=[],selected:t,setSelected:o})=>xt.createElement(Fu,{$count:e.length},e.map(({value:e,label:n,icon:i},a)=>{const r=t===e;return xt.createElement(Ru,{key:`segment-${n||a}-${e}`,onClick:()=>o(e),$isSelected:r},i&&xt.createElement(i,null),n&&xt.createElement(Ni,{size:Di.XS,weight:500,nowrap:!0},n))}));var Bu;!function(e){e.Data="data",e.Pretty="pretty"}(Bu||(Bu={}));const Mu=It.div`
   max-height: ${({$maxHeight:e})=>e};
   width: 100%;
   overflow: auto;
-`,Mu=It.table`
+`,Pu=It.table`
   width: 100%;
 
-  ${({$variant:e})=>{switch(e){case Lu.Data:return Ft`
+  ${({$variant:e})=>{switch(e){case Bu.Data:return Ft`
           border-collapse: collapse;
-        `;case Lu.Pretty:return Ft`
+        `;case Bu.Pretty:return Ft`
           border-collapse: separate;
           border-spacing: 0 8px;
         `;default:return""}}}
-`,Pu=It.thead`
+`,ju=It.thead`
   position: sticky;
   top: 0;
   z-index: 100;
-`,ju=It.th`
+`,Uu=It.th`
   position: relative;
   min-width: ${({$minWidth:e})=>e||"auto"};
   padding: 18px 24px;
   border: none;
   border-radius: ${({$isFirst:e,$isLast:t})=>e?"4px 0 0 0":t?"0 4px 0 0":"0"};
 
-  ${({$variant:e})=>{switch(e){case Lu.Data:return Ft`
+  ${({$variant:e})=>{switch(e){case Bu.Data:return Ft`
           background-color: ${({theme:e})=>e.v2.colors.silver[750]};
-        `;case Lu.Pretty:return Ft`
+        `;case Bu.Pretty:return Ft`
           background-color: transparent;
         `;default:return""}}}
-`,Uu=It.div`
+`,Wu=It.div`
   position: absolute;
   top: 50%;
   right: 0;
@@ -2107,23 +2120,23 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
   width: 1px;
   height: 18px;
   background: ${({theme:e})=>e.v2.colors.silver[500]};
-`,Wu=It.tbody``,Vu=It.td`
+`,Vu=It.tbody``,Hu=It.td`
   position: relative;
   padding: 18px 24px;
   cursor: ${({$withClick:e})=>e?"pointer":"default"};
 
-  ${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:a})=>{switch(e){case Lu.Data:return Ft`
+  ${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:a})=>{switch(e){case Bu.Data:return Ft`
           border: ${({theme:e})=>n?"none":`1px solid ${e.v2.colors.silver[500]}`};
           border-left: none;
           border-right: none;
           border-radius: ${n?i?"0 0 0 4px":a?"0 0 4px 0":"0":"0"};
           background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[800]};
-        `;case Lu.Pretty:return Ft`
+        `;case Bu.Pretty:return Ft`
           border: none;
           border-radius: ${i?"12px 0 0 12px":a?"0 12px 12px 0":"0"};
           background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
         `;default:return""}}}
-`,Hu=It.div`
+`,qu=It.div`
   width: 100%;
   display: flex;
   align-items: center;
@@ -2136,7 +2149,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
       fill: ${({theme:e})=>e.v2.colors.white[500]};
     }
   }
-`,qu=({variant:e,columns:t,rows:o,getRowActions:n,rowActionsPushRightPosition:i,withCheckboxes:a})=>{const[r,s]=bt(null);return xt.createElement(xt.Fragment,null,o.map((l,c)=>{const{onClick:d,isSelected:p=!1,onSelect:u,onDeselect:h,cells:m}=l,g=r===c,x=!!d,$=n(l),f=(e,t,n)=>({$isLastRow:c===o.length-1,$isFirstCell:t,$isLastCell:n,$hovered:g,$selected:p,$withClick:e,onClick:()=>e&&d?.(),onMouseEnter:()=>e&&s(c),onMouseLeave:()=>e&&s(null)});return xt.createElement("tr",{key:`row-${c}`},a&&xt.createElement(Vu,{key:"checkbox-column",$variant:e,...f(!1,!0,!1)},xt.createElement(Dp,{value:p,onChange:()=>p?h?.():u?.()})),t.map(({key:o,textAlign:n},r)=>{const s=m.find(e=>e.key===o),l=0===r&&!a,d=r===t.length-1;return xt.createElement(Vu,{key:`row-${c}-cell-${r}`,$variant:e,...f(x,l,d)},s?.component?xt.createElement(ca,{$justifyContent:"right"===n?"flex-end":"flex-start"},xt.createElement(s.component,null)):xt.createElement(Ni,{size:Di.XS,align:n},s?.rawValue||"-"),$.length?xt.createElement(cu,{isOpen:g&&d,actions:$,positionRight:i}):null)}))}))},Gu=({variant:e,columns:t,sortDirection:o,sortByKey:n,onSort:i,withCheckboxes:a,allSelected:r,onSelectAll:s})=>{const l=_t();return xt.createElement("tr",null,a&&xt.createElement(ju,{key:"checkbox-column",$variant:e,$minWidth:24,$isFirst:!0,$isLast:!1},xt.createElement(Dp,{value:r||!1,onChange:s})),t.map(({key:r,label:s,sortable:c,minWidth:d,textAlign:p},u)=>{const h=0===u&&!a,m=u===t.length-1;return xt.createElement(ju,{key:`column-${r}`,$variant:e,$minWidth:d,$isFirst:h,$isLast:m},xt.createElement(Hu,{$withClick:c||!1,$textAlign:p,onClick:()=>c?i(r):null},xt.createElement(Ni,{size:Di.XS,align:p},s),c&&xt.createElement(dt,{fill:n===r?l.v2.colors.white[500]:l.v2.colors.grey[400],rotate:o===oo.Ascending?0:180})),!m&&e===Lu.Data&&xt.createElement(Uu,null))}))},Ku=({variant:e,maxHeight:t="unset",isLoading:o,columns:n,rows:i,getRowActions:a,rowActionsPushRightPosition:r,withCheckboxes:s})=>{const[l,c]=bt(oo.Ascending),[d,p]=bt(""),u=kt(e=>{p(e),c(e=>e===oo.Ascending?oo.Descending:oo.Ascending)},[]),h=ft(()=>{const e=(e,t)=>{const o=e.cells.find(e=>e.key===t);return o&&(o.rawValue||o.component?.({})?.props?.children)||null};return d?[...i].sort((t,o)=>{const n=e(t,d),i=e(o,d);return(l===oo.Ascending?1:-1)*((e,t)=>"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"number"==typeof e&&"number"==typeof t?e-t:"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(n,i)}):i},[i,d,l]);return xt.createElement(Bu,{$maxHeight:t},xt.createElement(Mu,{$variant:e},xt.createElement(Pu,null,xt.createElement(Gu,{variant:e,columns:n,sortDirection:l,sortByKey:d,onSort:u,withCheckboxes:s,allSelected:i.length>0&&i.every(e=>e.isSelected),onSelectAll:e=>{e?i.forEach(e=>e.onSelect?.()):i.forEach(e=>e.onDeselect?.())}})),xt.createElement(Wu,null,xt.createElement(qu,{variant:e,columns:n,rows:h,getRowActions:a||(()=>[]),rowActionsPushRightPosition:r,withCheckboxes:s}))),!h.length&&xt.createElement(pa,{style:{marginTop:"0.5rem"}},o?xt.createElement(Qr,{scale:1.2}):xt.createElement(Hs,null)))},Ju=It.div`
+`,Gu=({variant:e,columns:t,rows:o,getRowActions:n,rowActionsPushRightPosition:i,withCheckboxes:a})=>{const[r,s]=bt(null);return xt.createElement(xt.Fragment,null,o.map((l,c)=>{const{onClick:d,isSelected:p=!1,onSelect:u,onDeselect:h,cells:m}=l,g=r===c,x=!!d,$=n(l),f=(e,t,n)=>({$isLastRow:c===o.length-1,$isFirstCell:t,$isLastCell:n,$hovered:g,$selected:p,$withClick:e,onClick:()=>e&&d?.(),onMouseEnter:()=>e&&s(c),onMouseLeave:()=>e&&s(null)});return xt.createElement("tr",{key:`row-${c}`},a&&xt.createElement(Hu,{key:"checkbox-column",$variant:e,...f(!1,!0,!1)},xt.createElement(Dp,{value:p,onChange:()=>p?h?.():u?.()})),t.map(({key:o,textAlign:n},r)=>{const s=m.find(e=>e.key===o),l=0===r&&!a,d=r===t.length-1;return xt.createElement(Hu,{key:`row-${c}-cell-${r}`,$variant:e,...f(x,l,d)},s?.component?xt.createElement(ca,{$justifyContent:"right"===n?"flex-end":"flex-start"},xt.createElement(s.component,null)):xt.createElement(Ni,{size:Di.XS,align:n},s?.rawValue||"-"),$.length?xt.createElement(cu,{isOpen:g&&d,actions:$,positionRight:i}):null)}))}))},Ku=({variant:e,columns:t,sortDirection:o,sortByKey:n,onSort:i,withCheckboxes:a,allSelected:r,onSelectAll:s})=>{const l=_t();return xt.createElement("tr",null,a&&xt.createElement(Uu,{key:"checkbox-column",$variant:e,$minWidth:24,$isFirst:!0,$isLast:!1},xt.createElement(Dp,{value:r||!1,onChange:s})),t.map(({key:r,label:s,sortable:c,minWidth:d,textAlign:p},u)=>{const h=0===u&&!a,m=u===t.length-1;return xt.createElement(Uu,{key:`column-${r}`,$variant:e,$minWidth:d,$isFirst:h,$isLast:m},xt.createElement(qu,{$withClick:c||!1,$textAlign:p,onClick:()=>c?i(r):null},xt.createElement(Ni,{size:Di.XS,align:p},s),c&&xt.createElement(dt,{fill:n===r?l.v2.colors.white[500]:l.v2.colors.grey[400],rotate:o===oo.Ascending?0:180})),!m&&e===Bu.Data&&xt.createElement(Wu,null))}))},Ju=({variant:e,maxHeight:t="unset",isLoading:o,columns:n,rows:i,getRowActions:a,rowActionsPushRightPosition:r,withCheckboxes:s})=>{const[l,c]=bt(oo.Ascending),[d,p]=bt(""),u=kt(e=>{p(e),c(e=>e===oo.Ascending?oo.Descending:oo.Ascending)},[]),h=ft(()=>{const e=(e,t)=>{const o=e.cells.find(e=>e.key===t);return o&&(o.rawValue||o.component?.({})?.props?.children)||null};return d?[...i].sort((t,o)=>{const n=e(t,d),i=e(o,d);return(l===oo.Ascending?1:-1)*((e,t)=>"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"number"==typeof e&&"number"==typeof t?e-t:"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(n,i)}):i},[i,d,l]);return xt.createElement(Mu,{$maxHeight:t},xt.createElement(Pu,{$variant:e},xt.createElement(ju,null,xt.createElement(Ku,{variant:e,columns:n,sortDirection:l,sortByKey:d,onSort:u,withCheckboxes:s,allSelected:i.length>0&&i.every(e=>e.isSelected),onSelectAll:e=>{e?i.forEach(e=>e.onSelect?.()):i.forEach(e=>e.onDeselect?.())}})),xt.createElement(Vu,null,xt.createElement(Gu,{variant:e,columns:n,rows:h,getRowActions:a||(()=>[]),rowActionsPushRightPosition:r,withCheckboxes:s}))),!h.length&&xt.createElement(pa,{style:{marginTop:"0.5rem"}},o?xt.createElement(Qr,{scale:1.2}):xt.createElement(Hs,null)))},Yu=It.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2159,11 +2172,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
         `:Ft`
           background-color: ${({theme:e})=>e.v2.colors.silver[300]};
         `}
-`,Yu=({label:e,leftIcon:t,rightIcon:o,onClick:n,disabled:i})=>{const a=Si.useTheme(),r=i?a.v2.colors.grey[400]:a.v2.colors.white[500];return xt.createElement(Ju,{$disabled:i,$withClick:!!n,onClick:()=>!i&&n?.()},t&&xt.createElement(t,{fill:r,size:16}),xt.createElement(Ni,{color:r,size:Di.XS,nowrap:!0},e),o&&xt.createElement(o,{fill:r,size:16}))};var Xu,Qu,Zu;!function(e){e.Default="default",e.SuccessError="successError"}(Xu||(Xu={})),function(e){e.S="small",e.L="large"}(Qu||(Qu={})),function(e){e.Left="left",e.Right="right"}(Zu||(Zu={}));const eh=It.div`
+`,Xu=({label:e,leftIcon:t,rightIcon:o,onClick:n,disabled:i})=>{const a=Si.useTheme(),r=i?a.v2.colors.grey[400]:a.v2.colors.white[500];return xt.createElement(Yu,{$disabled:i,$withClick:!!n,onClick:()=>!i&&n?.()},t&&xt.createElement(t,{fill:r,size:16}),xt.createElement(Ni,{color:r,size:Di.XS,nowrap:!0},e),o&&xt.createElement(o,{fill:r,size:16}))};var Qu,Zu,eh;!function(e){e.Default="default",e.SuccessError="successError"}(Qu||(Qu={})),function(e){e.S="small",e.L="large"}(Zu||(Zu={})),function(e){e.Left="left",e.Right="right"}(eh||(eh={}));const th=It.div`
   display: flex;
   align-items: center;
   gap: ${({$gap:e})=>e}px;
-`,th=It.div`
+`,oh=It.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -2173,10 +2186,10 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
   height: ${({$size:e})=>e}px;
   padding: ${4}px;
   border-radius: ${({$size:e})=>2*e}px;
-  background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:o,$variant:n,$value:i,theme:a})=>{if(e)return a.v2.colors.grey[800];if(t&&i)return t;if(o&&!i)return o;switch(n){case Xu.SuccessError:return i?a.v2.colors.green[500]:a.v2.colors.red[500];case Xu.Default:default:return i?a.v2.colors.purple[500]:a.v2.colors.grey[400]}}};
+  background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:o,$variant:n,$value:i,theme:a})=>{if(e)return a.v2.colors.grey[800];if(t&&i)return t;if(o&&!i)return o;switch(n){case Qu.SuccessError:return i?a.v2.colors.green[500]:a.v2.colors.red[500];case Qu.Default:default:return i?a.v2.colors.purple[500]:a.v2.colors.grey[400]}}};
 
   cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
-`,oh=It.div`
+`,nh=It.div`
   position: absolute;
   top: 50%;
   left: ${({$value:e,$size:t})=>e?`calc(100% - ${t}px - 4px)`:"4px"};
@@ -2186,8 +2199,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
   border-radius: 100%;
   background-color: ${({$color:e})=>e};
   box-shadow: ${({$disabled:e})=>e?"0 0 40px 0 rgba(0, 0, 0, 0.07)":"0 0 10px 0 rgba(0, 0, 0, 0.50)"};
-`,nh=({variant:e=Xu.Default,size:t=Qu.L,label:o,labelAlign:n=Zu.Left,tooltip:i,value:a,onChange:r,disabled:s,withIcon:l,onIcon:c=Ge,offIcon:d=Je,onBgColor:p,offBgColor:u})=>{const h=_t(),m=s?h.v2.colors.grey[400]:h.v2.colors.white[500],g=t===Qu.S?14:18,x=t===Qu.S?Di.XS:Di.S,$=t===Qu.S?8:12;return xt.createElement(eh,{$gap:$},o&&n===Zu.Left&&xt.createElement(Ni,{size:x,nowrap:!0},o),xt.createElement(th,{$onBgColor:p,$offBgColor:u,$variant:e,$size:g,$value:a,$disabled:s,onClick:()=>!s&&r(!a)},xt.createElement(oh,{$color:m,$size:g,$value:a,$disabled:s}),l&&xt.createElement(xt.Fragment,null,xt.createElement(c,{size:g,fill:m}),xt.createElement(d,{size:g,fill:m}))),o&&n===Zu.Right&&xt.createElement(Ni,{size:x,nowrap:!0},o),i&&xt.createElement(ur,{text:i,withIcon:!0}))},ih=It.div`
+`,ih=({variant:e=Qu.Default,size:t=Zu.L,label:o,labelAlign:n=eh.Left,tooltip:i,value:a,onChange:r,disabled:s,withIcon:l,onIcon:c=Ge,offIcon:d=Je,onBgColor:p,offBgColor:u})=>{const h=_t(),m=s?h.v2.colors.grey[400]:h.v2.colors.white[500],g=t===Zu.S?14:18,x=t===Zu.S?Di.XS:Di.S,$=t===Zu.S?8:12;return xt.createElement(th,{$gap:$},o&&n===eh.Left&&xt.createElement(Ni,{size:x,nowrap:!0},o),xt.createElement(oh,{$onBgColor:p,$offBgColor:u,$variant:e,$size:g,$value:a,$disabled:s,onClick:()=>!s&&r(!a)},xt.createElement(nh,{$color:m,$size:g,$value:a,$disabled:s}),l&&xt.createElement(xt.Fragment,null,xt.createElement(c,{size:g,fill:m}),xt.createElement(d,{size:g,fill:m}))),o&&n===eh.Right&&xt.createElement(Ni,{size:x,nowrap:!0},o),i&&xt.createElement(ur,{text:i,withIcon:!0}))},ah=It.div`
   display: flex;
   flex-direction: ${({$direction:e})=>e===to.Horizontal?"row":"column"};
   gap: ${({$direction:e})=>e===to.Horizontal?16:8}px;
-`,ah=({direction:e=to.Vertical,title:t,size:o,disabled:n,options:i,values:a,setValues:r})=>{const s=o===Qu.S?Di.XS:Di.S;return xt.createElement(ih,{$direction:e},t&&xt.createElement(Ni,{size:s},t),i.map(e=>xt.createElement(nh,{key:`${t}-toggle-${e.id}`,...e,labelAlign:Zu.Right,value:a[e.id],onChange:t=>{return o=e.id,n=t,void r(e=>{const t={...e};return o?t[o]=n:i.forEach(e=>t[e.id]=n),t});var o,n},disabled:n,size:o})))};export{Od as $,Jl as A,zi as B,Dp as C,iu as D,Kt as E,da as F,sl as G,Rr as H,Da as I,Pi as J,Yt as K,fu as L,Jt as M,ml as N,xo as O,la as P,uo as Q,On as R,Cp as S,Ni as T,nd as U,rp as V,Ao as W,dd as X,Zc as Y,po as Z,Li as _,ca as a,oi as a$,Td as a0,gc as a1,xd as a2,np as a3,pi as a4,ci as a5,ni as a6,Ra as a7,tn as a8,Rc as a9,ws as aA,gn as aB,Ss as aC,ga as aD,xa as aE,Hc as aF,hn as aG,$a as aH,Kl as aI,Hs as aJ,cp as aK,na as aL,Jn as aM,hd as aN,sa as aO,ui as aP,si as aQ,zs as aR,mn as aS,Wn as aT,an as aU,vd as aV,Mo as aW,un as aX,pn as aY,Ud as aZ,Ca as a_,hc as aa,Or as ab,lo as ac,ii as ad,ya as ae,Lo as af,Ro as ag,ss as ah,sc as ai,so as aj,li as ak,or as al,bd as am,ma as an,Cr as ao,Zo as ap,ea as aq,ir as ar,ln as as,ps as at,jn as au,ur as av,go as aw,Sn as ax,ri as ay,Go as az,Di as b,ja as b$,Ea as b0,Yo as b1,on as b2,Ko as b3,Jo as b4,ka as b5,Ba as b6,cr as b7,Rd as b8,ua as b9,fn as bA,Co as bB,_o as bC,Eo as bD,Fo as bE,vo as bF,So as bG,ko as bH,Zd as bI,dn as bJ,Fa as bK,Po as bL,Ga as bM,Tn as bN,va as bO,fo as bP,nl as bQ,gs as bR,Kc as bS,An as bT,zn as bU,ms as bV,Bs as bW,Ps as bX,cu as bY,Rn as bZ,Hn as b_,La as ba,Pn as bb,bl as bc,Xn as bd,jo as be,Qo as bf,Ma as bg,Na as bh,gi as bi,Xo as bj,gr as bk,es as bl,us as bm,xs as bn,co as bo,Un as bp,Ho as bq,Nn as br,Io as bs,za as bt,In as bu,Uo as bv,Bo as bw,qo as bx,Yd as by,ec as bz,nh as c,Wc as c$,Fl as c0,zo as c1,ro as c2,Ha as c3,Cs as c4,cn as c5,Fn as c6,Ta as c7,Sa as c8,Il as c9,nn as cA,xn as cB,$n as cC,bn as cD,yn as cE,wn as cF,vn as cG,Dn as cH,_n as cI,Ln as cJ,Mn as cK,Vn as cL,qn as cM,Gn as cN,Kn as cO,Yn as cP,Qn as cQ,Zn as cR,qt as cS,wa as cT,Oa as cU,Zs as cV,Gs as cW,uc as cX,Sc as cY,zc as cZ,Bc as c_,ei as ca,rn as cb,Mr as cc,kn as cd,fs as ce,qr as cf,Gt as cg,Xt as ch,Qt as ci,Zt as cj,eo as ck,to as cl,oo as cm,no as cn,io as co,ao as cp,mo as cq,$o as cr,bo as cs,yo as ct,wo as cu,Do as cv,To as cw,No as cx,Oo as cy,Wo as cz,Qu as d,bs as d0,bc as d1,_i as d2,Fi as d3,Ri as d4,zr as d5,ha as d6,$p as d7,fp as d8,Rp as d9,Ep as da,Np as db,Fp as dc,su as dd,gu as de,ku as df,Cu as dg,Au as dh,Du as di,Iu as dj,Ou as dk,Yu as dl,Xu as dm,Zu as dn,ah as dp,Ai as dq,hp as e,dp as f,qa as g,Mp as h,sn as i,Lp as j,pp as k,Ku as l,Lu as m,ho as n,Si as o,En as p,pa as q,Qr as r,wp as s,Yp as t,fa as u,Cn as v,Ru as w,Up as x,Hp as y,en as z};
+`,rh=({direction:e=to.Vertical,title:t,size:o,disabled:n,options:i,values:a,setValues:r})=>{const s=o===Zu.S?Di.XS:Di.S;return xt.createElement(ah,{$direction:e},t&&xt.createElement(Ni,{size:s},t),i.map(e=>xt.createElement(ih,{key:`${t}-toggle-${e.id}`,...e,labelAlign:eh.Right,value:a[e.id],onChange:t=>{return o=e.id,n=t,void r(e=>{const t={...e};return o?t[o]=n:i.forEach(e=>t[e.id]=n),t});var o,n},disabled:n,size:o})))};export{Od as $,Jl as A,zi as B,Dp as C,iu as D,Kt as E,da as F,sl as G,Rr as H,Da as I,Pi as J,Yt as K,fu as L,Jt as M,ml as N,xo as O,la as P,uo as Q,On as R,Cp as S,Ni as T,nd as U,rp as V,Ao as W,dd as X,Zc as Y,po as Z,Li as _,ca as a,oi as a$,Td as a0,gc as a1,xd as a2,np as a3,pi as a4,ci as a5,ni as a6,Ra as a7,tn as a8,Rc as a9,ws as aA,gn as aB,Ss as aC,ga as aD,xa as aE,Hc as aF,hn as aG,$a as aH,Kl as aI,Hs as aJ,cp as aK,na as aL,Jn as aM,hd as aN,sa as aO,ui as aP,si as aQ,zs as aR,mn as aS,Wn as aT,an as aU,vd as aV,Mo as aW,un as aX,pn as aY,Ud as aZ,Ca as a_,hc as aa,Or as ab,lo as ac,ii as ad,ya as ae,Lo as af,Ro as ag,ss as ah,sc as ai,so as aj,li as ak,or as al,bd as am,ma as an,Cr as ao,Zo as ap,ea as aq,ir as ar,ln as as,ps as at,jn as au,ur as av,go as aw,Sn as ax,ri as ay,Go as az,Di as b,ja as b$,Ea as b0,Yo as b1,on as b2,Ko as b3,Jo as b4,ka as b5,Ba as b6,cr as b7,Rd as b8,ua as b9,fn as bA,Co as bB,_o as bC,Eo as bD,Fo as bE,vo as bF,So as bG,ko as bH,Zd as bI,dn as bJ,Fa as bK,Po as bL,Ga as bM,Tn as bN,va as bO,fo as bP,nl as bQ,gs as bR,Kc as bS,An as bT,zn as bU,ms as bV,Bs as bW,Ps as bX,cu as bY,Rn as bZ,Hn as b_,La as ba,Pn as bb,bl as bc,Xn as bd,jo as be,Qo as bf,Ma as bg,Na as bh,gi as bi,Xo as bj,gr as bk,es as bl,us as bm,xs as bn,co as bo,Un as bp,Ho as bq,Nn as br,Io as bs,za as bt,In as bu,Uo as bv,Bo as bw,qo as bx,Yd as by,ec as bz,ih as c,Wc as c$,Fl as c0,zo as c1,ro as c2,Ha as c3,Cs as c4,cn as c5,Fn as c6,Ta as c7,Sa as c8,Il as c9,nn as cA,xn as cB,$n as cC,bn as cD,yn as cE,wn as cF,vn as cG,Dn as cH,_n as cI,Ln as cJ,Mn as cK,Vn as cL,qn as cM,Gn as cN,Kn as cO,Yn as cP,Qn as cQ,Zn as cR,qt as cS,wa as cT,Oa as cU,Zs as cV,Gs as cW,uc as cX,Sc as cY,zc as cZ,Bc as c_,ei as ca,rn as cb,Mr as cc,kn as cd,fs as ce,qr as cf,Gt as cg,Xt as ch,Qt as ci,Zt as cj,eo as ck,to as cl,oo as cm,no as cn,io as co,ao as cp,mo as cq,$o as cr,bo as cs,yo as ct,wo as cu,Do as cv,To as cw,No as cx,Oo as cy,Wo as cz,Zu as d,bs as d0,bc as d1,_i as d2,Fi as d3,Ri as d4,zr as d5,ha as d6,$p as d7,fp as d8,Rp as d9,Ep as da,Np as db,Fp as dc,su as dd,gu as de,ku as df,Cu as dg,Du as dh,Tu as di,zu as dj,_u as dk,Xu as dl,Qu as dm,eh as dn,rh as dp,Ai as dq,hp as e,dp as f,qa as g,Mp as h,sn as i,Lp as j,pp as k,Ju as l,Bu as m,ho as n,Si as o,En as p,pa as q,Qr as r,wp as s,Yp as t,fa as u,Cn as v,Lu as w,Up as x,Hp as y,en as z};

package/lib/components/_v2/note/index.d.ts

@@ -1,7 +1,13 @@
 import { type FC } from 'react';
 import { StatusType } from '@/types';
+interface NoteAction {
+    label: string;
+    onClick: () => void;
+}
 export interface NoteProps {
     status: StatusType;
     message: string;
+    action?: NoteAction;
 }
 export declare const Note: FC<NoteProps>;
+export {};

package/lib/components/_v2/typography/index.d.ts

@@ -30,5 +30,6 @@ export interface TypographyProps {
     transform?: CSSProperties['textTransform'];
     lineHeight?: CSSProperties['lineHeight'];
     nowrap?: boolean;
+    underline?: boolean;
 }
 export declare const Typography: FC<TypographyProps>;

package/lib/components/v2.js

@@ -1 +1 @@
-export{B as Badge,e as Button,k as ButtonSize,d7 as ButtonTab,d8 as ButtonTabList,f as ButtonVariants,C as Checkbox,db as CheckboxList,da as CheckboxSize,t as CliCommand,s as DataCard,D as Drawer,dc as DropData,dd as Header,bY as HoverActions,I as IconButton,c8 as IconButtonSize,de as Input,L as Loader,df as Modal,dg as Navbar,dh as Note,dj as Radio,dk as RadioGroup,di as RadioSize,S as Search,h as SectionCard,j as SectionCardActionType,d9 as SectionCardSize,w as Segment,x as StatusCard,l as Table,m as TableVariant,dl as Tag,y as TextCard,c as Toggle,dn as ToggleLabelAlign,dp as ToggleList,d as ToggleSize,dm as ToggleVariant,T as Typography,b as TypographySize,dq as TypographyVariants}from"../chunks/ui-components-ad4d911e.js";import"../icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"../chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{B as Badge,e as Button,k as ButtonSize,d7 as ButtonTab,d8 as ButtonTabList,f as ButtonVariants,C as Checkbox,db as CheckboxList,da as CheckboxSize,t as CliCommand,s as DataCard,D as Drawer,dc as DropData,dd as Header,bY as HoverActions,I as IconButton,c8 as IconButtonSize,de as Input,L as Loader,df as Modal,dg as Navbar,dh as Note,dj as Radio,dk as RadioGroup,di as RadioSize,S as Search,h as SectionCard,j as SectionCardActionType,d9 as SectionCardSize,w as Segment,x as StatusCard,l as Table,m as TableVariant,dl as Tag,y as TextCard,c as Toggle,dn as ToggleLabelAlign,dp as ToggleList,d as ToggleSize,dm as ToggleVariant,T as Typography,b as TypographySize,dq as TypographyVariants}from"../chunks/ui-components-2ec876fd.js";import"../icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"../chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/components.js

@@ -1 +1 @@
-export{aq as AutocompleteInput,aL as Badge,aO as Button,ab as CancelWarning,q as CenterThis,H as Checkbox,cf as Code,ah as ConditionDetails,ai as DataCard,A as DataCardFieldTypes,bz as DataCardFields,cX as DataFinger,aR as DataTab,aa as DeleteWarning,bW as DescribeRow,ar as Divider,a1 as DocsButton,a9 as Drawer,cZ as DrawerFooter,cY as DrawerHeader,bc as Dropdown,c_ as ErrorBoundary,bl as ExtendArrow,r as FadeLoader,J as FieldError,G as FieldLabel,F as FlexColumn,a as FlexRow,c$ as Header,bk as IconButton,c4 as IconGroup,aF as IconTitleBadge,aA as IconWrapped,bS as IconsNav,d0 as ImageControlled,N as Input,Y as InputList,U as InputTable,aI as InteractiveTable,X as KeyValueInputsList,aN as LoadingText,al as Modal,an as ModalBody,a2 as MonitorsCheckboxes,aC as MonitorsIcons,am as NavigationButtons,aJ as NoDataFound,ao as NotificationNote,d6 as Overlay,P as PageContent,b7 as Popup,c9 as PopupForm,ce as ScrollX,aV as ScrollY,a0 as SectionTitle,$ as Segment,b8 as SelectionButton,aZ as SkeletonLoader,at as Status,by as Stepper,d1 as TabList,aD as TableContainer,aE as TableTitleWrap,aH as TableWrap,bI as Tag,_ as Text,a3 as TextArea,V as Toggle,cc as ToggleCodeComponent,av as Tooltip,aK as TraceLoader,b9 as VerticalScroll,d5 as WarningModal,d2 as getLinksFromText,d3 as getStrongsFromText,d4 as renderText}from"./chunks/ui-components-ad4d911e.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{aq as AutocompleteInput,aL as Badge,aO as Button,ab as CancelWarning,q as CenterThis,H as Checkbox,cf as Code,ah as ConditionDetails,ai as DataCard,A as DataCardFieldTypes,bz as DataCardFields,cX as DataFinger,aR as DataTab,aa as DeleteWarning,bW as DescribeRow,ar as Divider,a1 as DocsButton,a9 as Drawer,cZ as DrawerFooter,cY as DrawerHeader,bc as Dropdown,c_ as ErrorBoundary,bl as ExtendArrow,r as FadeLoader,J as FieldError,G as FieldLabel,F as FlexColumn,a as FlexRow,c$ as Header,bk as IconButton,c4 as IconGroup,aF as IconTitleBadge,aA as IconWrapped,bS as IconsNav,d0 as ImageControlled,N as Input,Y as InputList,U as InputTable,aI as InteractiveTable,X as KeyValueInputsList,aN as LoadingText,al as Modal,an as ModalBody,a2 as MonitorsCheckboxes,aC as MonitorsIcons,am as NavigationButtons,aJ as NoDataFound,ao as NotificationNote,d6 as Overlay,P as PageContent,b7 as Popup,c9 as PopupForm,ce as ScrollX,aV as ScrollY,a0 as SectionTitle,$ as Segment,b8 as SelectionButton,aZ as SkeletonLoader,at as Status,by as Stepper,d1 as TabList,aD as TableContainer,aE as TableTitleWrap,aH as TableWrap,bI as Tag,_ as Text,a3 as TextArea,V as Toggle,cc as ToggleCodeComponent,av as Tooltip,aK as TraceLoader,b9 as VerticalScroll,d5 as WarningModal,d2 as getLinksFromText,d3 as getStrongsFromText,d4 as renderText}from"./chunks/ui-components-2ec876fd.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/constants.js

@@ -1 +1 @@
-export{af as ACTION_OPTIONS,a8 as BUTTON_TEXTS,bj as DEFAULT_DATA_STREAM_NAME,bw as DESTINATION_CATEGORIES,bd as DISPLAY_LANGUAGES,z as DISPLAY_TITLES,ap as FORM_ALERTS,bL as INSTRUMENTATION_RULE_OPTIONS,cQ as LANGUAGE_OPTIONS,be as MONITORS_OPTIONS,bf as STORAGE_KEYS,cR as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-ad4d911e.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{af as ACTION_OPTIONS,a8 as BUTTON_TEXTS,bj as DEFAULT_DATA_STREAM_NAME,bw as DESTINATION_CATEGORIES,bd as DISPLAY_LANGUAGES,z as DISPLAY_TITLES,ap as FORM_ALERTS,bL as INSTRUMENTATION_RULE_OPTIONS,cQ as LANGUAGE_OPTIONS,be as MONITORS_OPTIONS,bf as STORAGE_KEYS,cR as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-2ec876fd.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/containers/v2.js

@@ -1,4 +1,4 @@
-import e,{useState as t,useMemo as a,useCallback as l,useEffect as o}from"react";import i,{useTheme as n}from"styled-components";import{F as s,u as r,D as c,S as d,a as u,T as g,b as p,B as b,O as m,C as y,c as h,d as f,L as w,e as k,f as C,g as v,P as x,h as $,i as R,j as L,k as P,l as I,m as A,n as S,o as D,p as V,q as z,r as M,s as O,I as N,t as j,v as T,w as F,x as H,y as U,W}from"../chunks/ui-components-ad4d911e.js";import{ConnectionsIcon as E,OdigosLogo as Y,RefreshIcon as q,SettingsIcon as G,DeleteIcon as B,VIcon as K,XIcon as J,PodIcon as Q,ChevronUpIcon as X,ChevronDownIcon as Z,TerminalIcon as _,VSquareIcon as ee,XSquareIcon as te,PipelineCollectorIcon as ae,DownloadIcon as le,GatewayIcon as oe,YamlIcon as ie}from"../icons.js";import{Y as ne}from"../chunks/index-c204fc21.js";import"zustand";import"javascript-time-ago";import"../chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const se="75vw",re=i.div`
+import e,{useState as t,useMemo as a,useCallback as l,useEffect as o}from"react";import i,{useTheme as n}from"styled-components";import{F as s,u as r,D as c,S as d,a as u,T as g,b as p,B as b,O as m,C as y,c as h,d as f,L as w,e as k,f as C,g as v,P as x,h as $,i as R,j as L,k as P,l as I,m as A,n as S,o as D,p as V,q as z,r as M,s as O,I as N,t as j,v as T,w as F,x as H,y as U,W}from"../chunks/ui-components-2ec876fd.js";import{ConnectionsIcon as E,OdigosLogo as Y,RefreshIcon as q,SettingsIcon as G,DeleteIcon as B,VIcon as K,XIcon as J,PodIcon as Q,ChevronUpIcon as X,ChevronDownIcon as Z,TerminalIcon as _,VSquareIcon as ee,XSquareIcon as te,PipelineCollectorIcon as ae,DownloadIcon as le,GatewayIcon as oe,YamlIcon as ie}from"../icons.js";import{Y as ne}from"../chunks/index-ef6b1ee4.js";import"zustand";import"javascript-time-ago";import"../chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const se="75vw",re=i.div`
   display: flex;
   flex-direction: column;
   border-radius: 16px;

package/lib/containers.js

@@ -1,4 +1,4 @@
-import e,{useState as t,useEffect as i,forwardRef as a,useRef as n,useImperativeHandle as o,useMemo as l,Fragment as r,useCallback as s,Children as c}from"react";import d,{css as u,useTheme as p}from"styled-components";import{z as m,A as h,E as g,K as y,G as v,H as b,J as f,M as x,N as $,Q as k,R as C,U as S,V as w,X as T,Y as D,Z as N,_ as E,o as O,$ as F,a0 as I,a1 as A,a2 as M,a3 as R,a4 as L,a5 as P,a6 as K,a7 as j,a8 as V,a9 as q,aa as z,ab as H,ac as B,n as W,ad as _,ae as U,af as J,ag as G,ah as Y,ai as X,aj as Z,F as Q,ak as ee,al as te,am as ie,an as ae,ao as ne,ap as oe,aq as le,ar as re,as as se,at as ce,a as de,au as ue,av as pe,aw as me,ax as he,ay as ge,az as ye,aA as ve,aB as be,aC as fe,aD as xe,aE as $e,aF as ke,aG as Ce,aH as Se,aI as we,q as Te,aJ as De,aK as Ne,aL as Ee,aM as Oe,aN as Fe,aO as Ie,aP as Ae,aQ as Me,aR as Re,r as Le,aS as Pe,aT as Ke,aU as je,aV as Ve,aW as qe,aX as ze,aY as He,aZ as Be,a_ as We,a$ as _e,b0 as Ue,b1 as Je,b2 as Ge,b3 as Ye,b4 as Xe,b5 as Ze,b6 as Qe,b7 as et,b8 as tt,b9 as it,ba as at,bb as nt,bc as ot,bd as lt,be as rt,bf as st,bg as ct,bh as dt,bi as ut,bj as pt,bk as mt,bl as ht,bm as gt,bn as yt,bo as vt,bp as bt,bq as ft,br as xt,bs as $t,bt as kt,bu as Ct,bv as St,bw as wt,bx as Tt,by as Dt,bz as Nt,bA as Et,bB as Ot,bC as Ft,bD as It,bE as At,bF as Mt,bG as Rt,bH as Lt,bI as Pt,bJ as Kt,bK as jt,bL as Vt,bM as qt,bN as zt,g as Ht,bO as Bt,bP as Wt,bQ as _t,bR as Ut,bS as Jt,bT as Gt,bU as Yt,bV as Xt,bW as Zt,bX as Qt,bY as ei,i as ti,bZ as ii,b_ as ai,b$ as ni,c0 as oi,c1 as li,c2 as ri,c3 as si,c4 as ci,c5 as di,c6 as ui,c7 as pi,u as mi,c8 as hi,c9 as gi,ca as yi,cb as vi,cc as bi,cd as fi,ce as xi}from"./chunks/ui-components-ad4d911e.js";import{VSquareIcon as $i,XSquareIcon as ki,EditIcon as Ci,TrashIcon as Si,OdigosLogoText as wi,PlusIcon as Ti,SearchIcon as Di,FilterIcon as Ni,DataStreamIcon as Ei,VIcon as Oi,OdigosLogo as Fi,ArrowIcon as Ii,RefreshLeftArrowIcon as Ai,NotificationIcon as Mi,UserIcon as Ri,ImageErrorIcon as Li,OverviewIcon as Pi,InstrumentationRuleIcon as Ki,ActionIcon as ji,SourceIcon as Vi,DestinationIcon as qi,SlackLogo as zi,RefreshIcon as Hi,KeyIcon as Bi,TerminalIcon as Wi,ExclamationTriangleIcon as _i,TraceViewIcon as Ui}from"./icons.js";import{MarkerType as Ji,useNodesState as Gi,useEdgesState as Yi,applyNodeChanges as Xi}from"@xyflow/react";import{Y as Zi}from"./chunks/index-c204fc21.js";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const Qi=e=>{const{type:t,name:i,notes:a,signals:n,disabled:o,fields:{collectContainerAttributes:l,collectReplicaSetAttributes:r,collectWorkloadId:s,collectClusterId:c,labelsAttributes:d,annotationsAttributes:u,clusterAttributes:p,overwriteExistingValues:v,attributeNamesToDelete:b,renames:f,piiCategories:x,fallbackSamplingRatio:$,samplingPercentage:k,endpointsFilters:C,servicesNameFilters:S,attributeFilters:w}}=e,T=[{title:m.TYPE,value:t},{type:h.ActiveStatus,title:m.STATUS,value:String(!o)},{type:h.Monitors,title:m.SIGNALS_FOR_PROCESSING,value:n?.map(e=>e.toLowerCase()).join(", ")||""},{title:m.NAME,value:i||""},{title:m.NOTES,value:a||""},{type:h.Divider}];if(t===g.K8sAttributes&&(T.push({title:"Collect Container Attributes",value:String(l)}),T.push({title:"Collect ReplicaSet Attributes",value:String(r)}),T.push({title:"Collect Workload ID",value:String(s)}),T.push({title:"Collect Cluster ID",value:String(c)}),d?.length&&T.push({type:h.Divider}),d?.forEach(({labelKey:e,attributeKey:t,from:i},a)=>{let n="";n+=`Label Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${i||y.Pod}\n`,T.push({title:"Label"+(d.length>1?` #${a+1}`:""),value:n})}),u?.length&&T.push({type:h.Divider}),u?.forEach(({annotationKey:e,attributeKey:t,from:i},a)=>{let n="";n+=`Annotation Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${i||y.Pod}\n`,T.push({title:"Annotation"+(u.length>1?` #${a+1}`:""),value:n})})),t===g.AddClusterInfo){T.push({title:"Overwrite Existing Values",value:String(v||!1)});let e="";p?.forEach(({attributeName:t,attributeStringValue:i},a)=>{e+=`${t}: ${i}`,a<p.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.DeleteAttributes){let e="";b?.forEach((t,i)=>{e+=t,i<b.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.RenameAttributes){let e="";const t=Object.entries(f||{});t.forEach(([i,a],n)=>{e+=`${i}: ${a}`,n<t.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.PiiMasking){let e="";x?.forEach((t,i)=>{e+=t,i<x.length-1&&(e+=", ")}),T.push({title:"Categories",value:e})}return t===g.ErrorSampler&&T.push({title:"Sampling Ratio",value:String($)}),t===g.ProbabilisticSampler&&T.push({title:"Sampling Percentage",value:String(k)}),t===g.LatencySampler&&C?.forEach(({serviceName:e,httpRoute:t,minimumLatencyThreshold:i,fallbackSamplingRatio:a},n)=>{let o="";o+=`Service Name: ${e}\n`,o+=`HTTP Route: ${t}\n`,o+=`Min. Latency: ${i}\n`,o+=`Fallback Sampling Ratio: ${a}`,T.push({title:"Endpoint"+(C.length>1?` #${n+1}`:""),value:o})}),t===g.ServiceNameSampler&&S?.forEach(({serviceName:e,samplingRatio:t,fallbackSamplingRatio:i},a)=>{let n="";n+=`Service Name: ${e}\n`,n+=`Sampling Ratio: ${t}\n`,n+=`Fallback Sampling Ratio: ${i}`,T.push({title:"Filter"+(S.length>1?` #${a+1}`:""),value:n})}),t===g.SpanAttributeSampler&&w?.forEach(({serviceName:e,attributeKey:t,fallbackSamplingRatio:i,condition:a},n)=>{let o="";o+=`Service Name: ${e}\n`,o+=`Attribute Key: ${t}\n`,o+=`Fallback Sampling Ratio: ${i}\n`;const l=Object.keys(a)[0];o+=`Condition: ${l}\n`,o+=`Operation: ${a[l]?.operation}\n`,o+=`Expected Value: ${a[l]?.expectedValue}`,"jsonCondition"===l&&(o+=`\nJSON Path: ${a[l].jsonPath}`),T.push({title:"Filter"+(w.length>1?` #${n+1}`:""),value:o})}),T},ea=x.PiiCategories,ta=d.div`
+import e,{useState as t,useEffect as i,forwardRef as a,useRef as n,useImperativeHandle as o,useMemo as l,Fragment as r,useCallback as s,Children as c}from"react";import d,{css as u,useTheme as p}from"styled-components";import{z as m,A as h,E as g,K as y,G as v,H as b,J as f,M as x,N as $,Q as k,R as C,U as S,V as w,X as T,Y as D,Z as N,_ as E,o as O,$ as F,a0 as I,a1 as A,a2 as M,a3 as R,a4 as L,a5 as P,a6 as K,a7 as j,a8 as V,a9 as q,aa as z,ab as H,ac as B,n as W,ad as _,ae as U,af as J,ag as G,ah as Y,ai as X,aj as Z,F as Q,ak as ee,al as te,am as ie,an as ae,ao as ne,ap as oe,aq as le,ar as re,as as se,at as ce,a as de,au as ue,av as pe,aw as me,ax as he,ay as ge,az as ye,aA as ve,aB as be,aC as fe,aD as xe,aE as $e,aF as ke,aG as Ce,aH as Se,aI as we,q as Te,aJ as De,aK as Ne,aL as Ee,aM as Oe,aN as Fe,aO as Ie,aP as Ae,aQ as Me,aR as Re,r as Le,aS as Pe,aT as Ke,aU as je,aV as Ve,aW as qe,aX as ze,aY as He,aZ as Be,a_ as We,a$ as _e,b0 as Ue,b1 as Je,b2 as Ge,b3 as Ye,b4 as Xe,b5 as Ze,b6 as Qe,b7 as et,b8 as tt,b9 as it,ba as at,bb as nt,bc as ot,bd as lt,be as rt,bf as st,bg as ct,bh as dt,bi as ut,bj as pt,bk as mt,bl as ht,bm as gt,bn as yt,bo as vt,bp as bt,bq as ft,br as xt,bs as $t,bt as kt,bu as Ct,bv as St,bw as wt,bx as Tt,by as Dt,bz as Nt,bA as Et,bB as Ot,bC as Ft,bD as It,bE as At,bF as Mt,bG as Rt,bH as Lt,bI as Pt,bJ as Kt,bK as jt,bL as Vt,bM as qt,bN as zt,g as Ht,bO as Bt,bP as Wt,bQ as _t,bR as Ut,bS as Jt,bT as Gt,bU as Yt,bV as Xt,bW as Zt,bX as Qt,bY as ei,i as ti,bZ as ii,b_ as ai,b$ as ni,c0 as oi,c1 as li,c2 as ri,c3 as si,c4 as ci,c5 as di,c6 as ui,c7 as pi,u as mi,c8 as hi,c9 as gi,ca as yi,cb as vi,cc as bi,cd as fi,ce as xi}from"./chunks/ui-components-2ec876fd.js";import{VSquareIcon as $i,XSquareIcon as ki,EditIcon as Ci,TrashIcon as Si,OdigosLogoText as wi,PlusIcon as Ti,SearchIcon as Di,FilterIcon as Ni,DataStreamIcon as Ei,VIcon as Oi,OdigosLogo as Fi,ArrowIcon as Ii,RefreshLeftArrowIcon as Ai,NotificationIcon as Mi,UserIcon as Ri,ImageErrorIcon as Li,OverviewIcon as Pi,InstrumentationRuleIcon as Ki,ActionIcon as ji,SourceIcon as Vi,DestinationIcon as qi,SlackLogo as zi,RefreshIcon as Hi,KeyIcon as Bi,TerminalIcon as Wi,ExclamationTriangleIcon as _i,TraceViewIcon as Ui}from"./icons.js";import{MarkerType as Ji,useNodesState as Gi,useEdgesState as Yi,applyNodeChanges as Xi}from"@xyflow/react";import{Y as Zi}from"./chunks/index-ef6b1ee4.js";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const Qi=e=>{const{type:t,name:i,notes:a,signals:n,disabled:o,fields:{collectContainerAttributes:l,collectReplicaSetAttributes:r,collectWorkloadId:s,collectClusterId:c,labelsAttributes:d,annotationsAttributes:u,clusterAttributes:p,overwriteExistingValues:v,attributeNamesToDelete:b,renames:f,piiCategories:x,fallbackSamplingRatio:$,samplingPercentage:k,endpointsFilters:C,servicesNameFilters:S,attributeFilters:w}}=e,T=[{title:m.TYPE,value:t},{type:h.ActiveStatus,title:m.STATUS,value:String(!o)},{type:h.Monitors,title:m.SIGNALS_FOR_PROCESSING,value:n?.map(e=>e.toLowerCase()).join(", ")||""},{title:m.NAME,value:i||""},{title:m.NOTES,value:a||""},{type:h.Divider}];if(t===g.K8sAttributes&&(T.push({title:"Collect Container Attributes",value:String(l)}),T.push({title:"Collect ReplicaSet Attributes",value:String(r)}),T.push({title:"Collect Workload ID",value:String(s)}),T.push({title:"Collect Cluster ID",value:String(c)}),d?.length&&T.push({type:h.Divider}),d?.forEach(({labelKey:e,attributeKey:t,from:i},a)=>{let n="";n+=`Label Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${i||y.Pod}\n`,T.push({title:"Label"+(d.length>1?` #${a+1}`:""),value:n})}),u?.length&&T.push({type:h.Divider}),u?.forEach(({annotationKey:e,attributeKey:t,from:i},a)=>{let n="";n+=`Annotation Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${i||y.Pod}\n`,T.push({title:"Annotation"+(u.length>1?` #${a+1}`:""),value:n})})),t===g.AddClusterInfo){T.push({title:"Overwrite Existing Values",value:String(v||!1)});let e="";p?.forEach(({attributeName:t,attributeStringValue:i},a)=>{e+=`${t}: ${i}`,a<p.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.DeleteAttributes){let e="";b?.forEach((t,i)=>{e+=t,i<b.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.RenameAttributes){let e="";const t=Object.entries(f||{});t.forEach(([i,a],n)=>{e+=`${i}: ${a}`,n<t.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.PiiMasking){let e="";x?.forEach((t,i)=>{e+=t,i<x.length-1&&(e+=", ")}),T.push({title:"Categories",value:e})}return t===g.ErrorSampler&&T.push({title:"Sampling Ratio",value:String($)}),t===g.ProbabilisticSampler&&T.push({title:"Sampling Percentage",value:String(k)}),t===g.LatencySampler&&C?.forEach(({serviceName:e,httpRoute:t,minimumLatencyThreshold:i,fallbackSamplingRatio:a},n)=>{let o="";o+=`Service Name: ${e}\n`,o+=`HTTP Route: ${t}\n`,o+=`Min. Latency: ${i}\n`,o+=`Fallback Sampling Ratio: ${a}`,T.push({title:"Endpoint"+(C.length>1?` #${n+1}`:""),value:o})}),t===g.ServiceNameSampler&&S?.forEach(({serviceName:e,samplingRatio:t,fallbackSamplingRatio:i},a)=>{let n="";n+=`Service Name: ${e}\n`,n+=`Sampling Ratio: ${t}\n`,n+=`Fallback Sampling Ratio: ${i}`,T.push({title:"Filter"+(S.length>1?` #${a+1}`:""),value:n})}),t===g.SpanAttributeSampler&&w?.forEach(({serviceName:e,attributeKey:t,fallbackSamplingRatio:i,condition:a},n)=>{let o="";o+=`Service Name: ${e}\n`,o+=`Attribute Key: ${t}\n`,o+=`Fallback Sampling Ratio: ${i}\n`;const l=Object.keys(a)[0];o+=`Condition: ${l}\n`,o+=`Operation: ${a[l]?.operation}\n`,o+=`Expected Value: ${a[l]?.expectedValue}`,"jsonCondition"===l&&(o+=`\nJSON Path: ${a[l].jsonPath}`),T.push({title:"Filter"+(w.length>1?` #${n+1}`:""),value:o})}),T},ea=x.PiiCategories,ta=d.div`
   display: flex;
   flex-direction: row;
   gap: 32px;
@@ -24,7 +24,7 @@ import e,{useState as t,useEffect as i,forwardRef as a,useRef as n,useImperative
   display: flex;
   flex-direction: column;
   gap: 12px;
-`,wa=({updateAction:i,deleteAction:a})=>{const{actions:o}=_(),{drawerType:r,drawerEntityId:s}=K(),c=n(null),d=r!==B.Action,[u,p]=t(!1),[h,g]=t(!1),{formData:y,formErrors:v,handleFormChange:b,resetFormData:f,validateForm:x,loadFormWithDrawerItem:$}=U(),k=l(()=>{if(d)return f();const e=o?.find(e=>e.id===s);return e?$(e):f(),e},[d,s,o]);if(!k)return null;const C=J.find(({type:e})=>e===k.type)||J.find(({label:e})=>"Attributes"===e)?.items?.find(({type:e})=>e===k.type)||J.find(({label:e})=>"Samplers"===e)?.items?.find(({type:e})=>e===k.type);return e.createElement($a,{ref:c,title:k.name||k.type,icons:[G(k.type)],isEdit:u,isFormDirty:h,onEdit:e=>{p("boolean"!=typeof e||e)},onSave:e=>{if(x({withAlert:!0,alertTitle:Z.Update})){const t=e!==k.type?e:"";b("name",t),i(s,{...y,name:t}),p(!1),g(!1)}},onDelete:()=>{a(s,k.type),p(!1),g(!1),c.current?.closeDrawer()},onCancel:()=>{p(!1),g(!1),$(k)}},u&&C?e.createElement(Ca,null,e.createElement(xa,{isUpdate:!0,action:C,formData:y,formErrors:v,handleFormChange:(...e)=>{g(!0),b(...e)}})):e.createElement(Sa,null,e.createElement(Y,{conditions:k.conditions||[]}),e.createElement(X,{title:m.ACTION_DETAILS,data:k?Qi(k):[]})))},Ta=d(Q)`
+`,wa=({updateAction:i,deleteAction:a})=>{const{actions:o}=_(),{drawerType:r,drawerEntityId:s}=K(),c=n(null),d=r===B.Action,[u,p]=t(!1),[h,g]=t(!1),{formData:y,formErrors:v,handleFormChange:b,resetFormData:f,validateForm:x,loadFormWithDrawerItem:$}=U(),k=l(()=>{if(!d)return f();const e=o?.find(e=>e.id===s);return e?$(e):f(),e},[d,s,o]);if(!k)return null;const C=J.find(({type:e})=>e===k.type)||J.find(({label:e})=>"Attributes"===e)?.items?.find(({type:e})=>e===k.type)||J.find(({label:e})=>"Samplers"===e)?.items?.find(({type:e})=>e===k.type);return e.createElement($a,{ref:c,title:k.name||k.type,icons:[G(k.type)],isEdit:u,isFormDirty:h,onEdit:e=>{p("boolean"!=typeof e||e)},onSave:e=>{if(x({withAlert:!0,alertTitle:Z.Update})){const t=e!==k.type?e:"";b("name",t),i(s,{...y,name:t}),p(!1),g(!1)}},onDelete:()=>{a(s,k.type),p(!1),g(!1),c.current?.closeDrawer()},onCancel:()=>{p(!1),g(!1),$(k)}},u&&C?e.createElement(Ca,null,e.createElement(xa,{isUpdate:!0,action:C,formData:y,formErrors:v,handleFormChange:(...e)=>{g(!0),b(...e)}})):e.createElement(Sa,null,e.createElement(Y,{conditions:k.conditions||[]}),e.createElement(X,{title:m.ACTION_DETAILS,data:k?Qi(k):[]})))},Ta=d(Q)`
   margin-top: 24px;
   gap: 12px;
 `,Da=({createAction:i})=>{const{currentModal:a,setCurrentModal:n}=ee(),o=a===B.Action,{formData:l,formErrors:r,handleFormChange:s,resetFormData:c,validateForm:d}=U(),[u,p]=t(void 0),h=()=>{c(),p(void 0),n("")},g=()=>{if(!d({withAlert:!0,alertTitle:Z.Create}))return null;i(l),h()};return j({key:"Enter",active:o},()=>g()),e.createElement(te,{isOpen:o,onClose:h,header:{title:"Add Action"},actionComponent:e.createElement(ie,{buttons:[{variant:"primary",label:"DONE",onClick:g,disabled:!u}]})},e.createElement(ae,null,e.createElement(I,{title:"Select Action",description:"Select an action to modify telemetry data before it`s sent to destinations. Choose an action type and configure its details."}),e.createElement(Ta,null,e.createElement(ne,{type:W.Warning,message:oe.DEFINED_FOR_ALL_STREAMS(m.ACTIONS)}),e.createElement(le,{options:J,selectedOption:u,onOptionSelect:e=>{return t=e,c(),s("type",t?.type||""),void p(t);var t},autoFocus:!u?.type})),u?.type?e.createElement("div",null,e.createElement(re,{margin:"16px 0"}),e.createElement(xa,{action:u,formData:l,formErrors:r,handleFormChange:s})):null))},Na=e=>{const{type:t,fields:{collectContainerAttributes:i,collectReplicaSetAttributes:a,collectWorkloadId:n,collectClusterId:o,labelsAttributes:l,annotationsAttributes:r,clusterAttributes:s,overwriteExistingValues:c,attributeNamesToDelete:d,renames:u,piiCategories:p,fallbackSamplingRatio:m,samplingPercentage:h,endpointsFilters:v,attributeFilters:b,servicesNameFilters:f}}=e;let x="";if(t===g.K8sAttributes&&(i&&(x+="Container Attributes, "),a&&(x+="ReplicaSet Attributes, "),n&&(x+="Workload ID, "),o&&(x+="Cluster ID, "),l?.forEach(({labelKey:e,attributeKey:t,from:i},a)=>{x+=`Label: ${e} ${t} ${i||y.Pod} `,a===l.length-1&&(x+=", ")}),r?.forEach(({annotationKey:e,attributeKey:t,from:i},a)=>{x+=`Annotation: ${e} ${t} ${i||y.Pod} `,a===r.length-1&&(x+=", ")})),t===g.AddClusterInfo&&(x+=`Overwrite Existing: ${c}\n`,s?.forEach(({attributeName:e,attributeStringValue:t},i)=>{x+=`${e}: ${t}`,i<s.length-1&&(x+=", ")})),t===g.DeleteAttributes&&d?.forEach((e,t)=>{x+=e,t<d.length-1&&(x+=", ")}),t===g.RenameAttributes){const e=Object.entries(u||{});e.forEach(([t,i],a)=>{x+=`${t}: ${i}`,a<e.length-1&&(x+=", ")})}return t===g.PiiMasking&&p?.forEach((e,t)=>{x+=e,t<p.length-1&&(x+=", ")}),t===g.ErrorSampler&&(x+=String(m)),t===g.ProbabilisticSampler&&(x+=String(h),x+="%"),t===g.LatencySampler&&v?.forEach(({serviceName:e,httpRoute:t,minimumLatencyThreshold:i,fallbackSamplingRatio:a},n)=>{x+=`Endpoint${v.length>1?` #${n+1}`:""}=${e}${t}\n`,x+=` Latency=${i}`,x+=` Sampling=${a}`,n<v.length-1&&(x+=", ")}),t===g.ServiceNameSampler&&f?.forEach(({serviceName:e,samplingRatio:t,fallbackSamplingRatio:i})=>{x+=`Service Name: ${e}, `,x+=`Sampling Ratio: ${t}, `,x+=`Fallback Sampling Ratio: ${i}\n`}),t===g.SpanAttributeSampler&&b?.forEach(({serviceName:e,attributeKey:t,fallbackSamplingRatio:i})=>{x+=`Service Name: ${e}, `,x+=`Attribute Key: ${t}, `,x+=`Fallback Sampling Ratio: ${i}\n`}),x},Ea=({conditions:t,id:i})=>{const{errors:a,warnings:n,disableds:o,hasLoadings:r}=l(()=>se(t),[t]),s=a.length>0?a:n.length>0?n:o.length>0?o:[];if(s.length>0)return e.createElement("div",{style:{lineHeight:1}},e.createElement(Oa,{conditions:s,id:i}));const c=r?me.Loading:W.Success;return e.createElement("div",{style:{lineHeight:1}},e.createElement(ce,{status:c,title:c,withBorder:!0,withIcon:!0}))},Oa=({conditions:t,id:i})=>{const a=O.useTheme();return e.createElement(de,null,ue(t).map(({status:t,type:n,reason:o,message:l,lastTransitionTime:r},s)=>{"loading"!==t&&"disabled"!==t||(t=W.Info);const c=he(t,a);return e.createElement(pe,{key:`condition-${i}-${t}-${n}-${s}`,titleIcon:c,title:n,text:l||o||"",timestamp:r},e.createElement(ce,{status:t,title:o||n,withBorder:!0,withIcon:!0}))}))},Fa=({instrumentationRules:e,sources:t,actions:i,destinations:a,searchText:n,selectedCategory:o})=>{const l=n?e.filter(e=>e.type?.toLowerCase().includes(n)||e.ruleName?.toLowerCase().includes(n)):e,r=n?t.filter(e=>e.name?.toLowerCase().includes(n)||e.otelServiceName?.toLowerCase().includes(n)||e.namespace?.toLowerCase().includes(n)):t,s=n?i.filter(e=>e.type?.toLowerCase().includes(n)||e.name?.toLowerCase().includes(n)):i,c=n?a.filter(e=>e.destinationType.displayName?.toLowerCase().includes(n)||e.name?.toLowerCase().includes(n)):a,d=[{category:B.Source,label:"Sources",count:r.length,entities:[]},{category:B.Action,label:"Actions",count:s.length,entities:[]},{category:B.Destination,label:"Destinations",count:c.length,entities:[]},{category:B.InstrumentationRule,label:"Instrumentation Rules",count:l.length,entities:[]}];d.unshift({category:"all",label:"All",count:l.length+r.length+s.length+c.length,entities:[]});const u=d.filter(({count:e,category:t})=>!!e&&"all"!==t&&["all",t].includes(o)).map(e=>({...e,entities:e.category===B.InstrumentationRule?l:e.category===B.Source?r:e.category===B.Action?s:e.category===B.Destination?c:[]}));return{categories:d,searchResults:u}},Ia=[{key:"icon",title:""},{key:"name",title:m.NAME,sortable:!0},{key:"signals",title:m.MONITORS},{key:"active-status",title:m.STATUS},{key:"conditions",title:"Conditions"},{key:"type",title:m.TYPE,sortable:!0},{key:"spec",title:"Spec",sortable:!0},{key:"notes",title:m.NOTES,sortable:!0}],Aa=({maxHeight:t,maxWidth:i})=>{const a=O.useTheme(),n=ge(),{actions:o,actionsLoading:r}=_(),{setDrawerType:s,setDrawerEntityId:c}=K(),d=l(()=>Fa({instrumentationRules:[],sources:[],actions:ye(o,n),destinations:[],searchText:n.searchText,selectedCategory:B.Action}).searchResults.find(({category:e})=>e===B.Action)?.entities||[],[o,n]),u=l(()=>d.map(t=>{const{hasErrors:i,hasWarnings:n,hasDisableds:o}=se(t.conditions||[]);return{status:i?W.Error:n?W.Warning:void 0,faded:o,onClick:()=>{s(B.Action),c(t.id)},cells:[{columnKey:"icon",component:()=>e.createElement(ve,{icon:G(t.type)})},{columnKey:"name",value:be(t,B.Action,{prioritizeDisplayName:!0})},{columnKey:"type",value:t.type,textColor:a.text.info},{columnKey:"notes",value:t.notes,textColor:a.text.info,withTooltip:!0},{columnKey:"spec",value:Na(t),textColor:a.text.info,withTooltip:!0},{columnKey:"signals",component:()=>e.createElement(fe,{withLabels:!0,monitors:t.signals||[]})},{columnKey:"conditions",component:()=>e.createElement(Ea,{conditions:t.conditions||[],id:t.id})},{columnKey:"active-status",component:()=>e.createElement("div",{style:{lineHeight:1}},e.createElement(ce,{status:t.disabled?W.Error:W.Success,title:t.disabled?m.DISABLED:m.ENABLED,withIcon:!0,withBorder:!0}))}]}}),[d]),{badge:p,badgeTooltip:h}=l(()=>d.length!==o.length?{badge:`${d.length}/${o.length}`,badgeTooltip:m.FILTERED_COUNT_TOOLTIP}:{badge:o.length,badgeTooltip:void 0},[d,o]);return e.createElement(xe,{$maxWidth:i},e.createElement($e,null,e.createElement(ke,{icon:Ce(B.Action),title:m.ACTIONS,badge:p,badgeTooltip:h,loading:r})),e.createElement(Se,{$maxHeight:t},e.createElement(we,{columns:Ia,rows:u})),!d.length&&e.createElement(Te,{style:{marginTop:"2rem"}},e.createElement(De,null)))},Ma=d(Q)`
@@ -239,7 +239,7 @@ import e,{useState as t,useEffect as i,forwardRef as a,useRef as n,useImperative
   display: flex;
   flex-direction: column;
   gap: 12px;
-`,_n=({categories:i,updateDestination:a,deleteDestination:o,testConnection:r})=>{const{destinations:s}=_(),{selectedStreamName:c}=_e(),{drawerType:d,drawerEntityId:u}=K(),p=l(()=>Xe(s,c),[s,c]),h=n(null),g=d!==B.Destination,[y,v]=t(!1),[b,f]=t(!1),{formData:x,formErrors:$,handleFormChange:k,resetFormData:C,validateForm:S,loadFormWithDrawerItem:w,yamlFields:T,setYamlFields:D,dynamicFields:N,setDynamicFields:E}=kt({}),O=l(()=>{if(g)return C();const e=p?.find(e=>e.id===u);return e?(w(e),D(Ct(i,e))):C(),e},[g,u,p]);if(!O)return null;const F=i.flatMap(e=>e.items).find(e=>e.type===O.destinationType.type),{icon:I,iconSrc:A}=F?ze(F?.type):{icon:void 0,iconSrc:void 0};return e.createElement($a,{ref:h,title:O.name||O.destinationType.displayName,icons:I?[I]:void 0,iconSrcs:A?[A]:void 0,isEdit:y,isFormDirty:b,onEdit:e=>{v("boolean"!=typeof e||e)},onSave:async e=>{if(S({withAlert:!0,alertTitle:Z.Update})){const t=e!==O.destinationType.displayName?e:"";k("name",t),a(u,{...x,name:t}),v(!1),f(!1)}},onDelete:async()=>{o(u),v(!1),f(!1),h.current?.closeDrawer()},onCancel:()=>{v(!1),f(!1),w(O)},isLastItem:1===p.length},y?e.createElement(Bn,null,e.createElement(Hn,{isUpdate:!0,categoryItem:F,formData:x,formErrors:$,handleFormChange:(...e)=>{f(!0),k(...e)},dynamicFields:N,setDynamicFields:(...e)=>{f(!0),E(...e)},validateForm:S,testConnection:r})):e.createElement(Wn,null,O.conditions?.length?e.createElement(Y,{conditions:O.conditions}):null,e.createElement(X,{title:m.DESTINATION_DETAILS,data:O?Rn(O,T):[]})))},Un=d.div`
+`,_n=({categories:i,updateDestination:a,deleteDestination:o,testConnection:r})=>{const{destinations:s}=_(),{selectedStreamName:c}=_e(),{drawerType:d,drawerEntityId:u}=K(),p=l(()=>Xe(s,c),[s,c]),h=n(null),g=d===B.Destination,[y,v]=t(!1),[b,f]=t(!1),{formData:x,formErrors:$,handleFormChange:k,resetFormData:C,validateForm:S,loadFormWithDrawerItem:w,yamlFields:T,setYamlFields:D,dynamicFields:N,setDynamicFields:E}=kt({}),O=l(()=>{if(!g)return C();const e=p?.find(e=>e.id===u);return e?(w(e),D(Ct(i,e))):C(),e},[g,u,p]);if(!O)return null;const F=i.flatMap(e=>e.items).find(e=>e.type===O.destinationType.type),{icon:I,iconSrc:A}=F?ze(F?.type):{icon:void 0,iconSrc:void 0};return e.createElement($a,{ref:h,title:O.name||O.destinationType.displayName,icons:I?[I]:void 0,iconSrcs:A?[A]:void 0,isEdit:y,isFormDirty:b,onEdit:e=>{v("boolean"!=typeof e||e)},onSave:async e=>{if(S({withAlert:!0,alertTitle:Z.Update})){const t=e!==O.destinationType.displayName?e:"";k("name",t),a(u,{...x,name:t}),v(!1),f(!1)}},onDelete:async()=>{o(u),v(!1),f(!1),h.current?.closeDrawer()},onCancel:()=>{v(!1),f(!1),w(O)},isLastItem:1===p.length},y?e.createElement(Bn,null,e.createElement(Hn,{isUpdate:!0,categoryItem:F,formData:x,formErrors:$,handleFormChange:(...e)=>{f(!0),k(...e)},dynamicFields:N,setDynamicFields:(...e)=>{f(!0),E(...e)},validateForm:S,testConnection:r})):e.createElement(Wn,null,O.conditions?.length?e.createElement(Y,{conditions:O.conditions}):null,e.createElement(X,{title:m.DESTINATION_DETAILS,data:O?Rn(O,T):[]})))},Un=d.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -331,7 +331,7 @@ import e,{useState as t,useEffect as i,forwardRef as a,useRef as n,useImperative
   display: flex;
   flex-direction: column;
   gap: 12px;
-`,Ro=({updateInstrumentationRule:i,deleteInstrumentationRule:a})=>{const{instrumentationRules:o}=_(),{addNotification:r}=P(),{drawerType:s,drawerEntityId:c}=K(),d=n(null),u=s!==B.InstrumentationRule,[p,m]=t(!1),[h,g]=t(!1),{formData:y,formErrors:v,handleFormChange:b,resetFormData:f,validateForm:x,loadFormWithDrawerItem:$}=jt(),k=l(()=>{if(u)return f();const e=o?.find(e=>e.ruleId===c);return e?$(e):f(),e},[u,c,o]);if(!k)return null;const C=Vt.find(({type:e})=>e===k.type);return e.createElement($a,{ref:d,title:k.ruleName||k.type,icons:[qe(k.type)],isEdit:p,isFormDirty:h,onEdit:e=>{k.mutable||!e&&void 0!==e?m("boolean"!=typeof e||e):r({type:W.Warning,title:oe.FORBIDDEN,message:oe.CANNOT_EDIT_RULE,crdType:B.InstrumentationRule,target:c,hideFromHistory:!0})},onSave:e=>{if(x()){const t=e!==k.type?e:"";b("ruleName",t),i(c,{...y,ruleName:t}),m(!1),g(!1)}},onDelete:()=>{k.mutable?(a(c),m(!1),g(!1),d.current?.closeDrawer()):r({type:W.Warning,title:oe.FORBIDDEN,message:oe.CANNOT_DELETE_RULE,crdType:B.InstrumentationRule,target:c,hideFromHistory:!0})},onCancel:()=>{m(!1),g(!1),$(k)}},p&&C?e.createElement(Ao,null,e.createElement(Io,{isUpdate:!0,rule:C,formData:y,formErrors:v,handleFormChange:(...e)=>{g(!0),b(...e)}})):e.createElement(Mo,null,e.createElement(Y,{conditions:k.conditions||[]}),e.createElement(X,{title:"Instrumentation Rule Details",data:k?xo(k):[]})))},Lo=d(Q)`
+`,Ro=({updateInstrumentationRule:i,deleteInstrumentationRule:a})=>{const{instrumentationRules:o}=_(),{addNotification:r}=P(),{drawerType:s,drawerEntityId:c}=K(),d=n(null),u=s===B.InstrumentationRule,[p,m]=t(!1),[h,g]=t(!1),{formData:y,formErrors:v,handleFormChange:b,resetFormData:f,validateForm:x,loadFormWithDrawerItem:$}=jt(),k=l(()=>{if(!u)return f();const e=o?.find(e=>e.ruleId===c);return e?$(e):f(),e},[u,c,o]);if(!k)return null;const C=Vt.find(({type:e})=>e===k.type);return e.createElement($a,{ref:d,title:k.ruleName||k.type,icons:[qe(k.type)],isEdit:p,isFormDirty:h,onEdit:e=>{k.mutable||!e&&void 0!==e?m("boolean"!=typeof e||e):r({type:W.Warning,title:oe.FORBIDDEN,message:oe.CANNOT_EDIT_RULE,crdType:B.InstrumentationRule,target:c,hideFromHistory:!0})},onSave:e=>{if(x()){const t=e!==k.type?e:"";b("ruleName",t),i(c,{...y,ruleName:t}),m(!1),g(!1)}},onDelete:()=>{k.mutable?(a(c),m(!1),g(!1),d.current?.closeDrawer()):r({type:W.Warning,title:oe.FORBIDDEN,message:oe.CANNOT_DELETE_RULE,crdType:B.InstrumentationRule,target:c,hideFromHistory:!0})},onCancel:()=>{m(!1),g(!1),$(k)}},p&&C?e.createElement(Ao,null,e.createElement(Io,{isUpdate:!0,rule:C,formData:y,formErrors:v,handleFormChange:(...e)=>{g(!0),b(...e)}})):e.createElement(Mo,null,e.createElement(Y,{conditions:k.conditions||[]}),e.createElement(X,{title:"Instrumentation Rule Details",data:k?xo(k):[]})))},Lo=d(Q)`
   margin-top: 24px;
   gap: 12px;
 `,Po=Vt,Ko=({isEnterprise:i,createInstrumentationRule:a})=>{const{currentModal:n,setCurrentModal:o}=ee(),l=n===B.InstrumentationRule,{formData:r,formErrors:s,handleFormChange:c,resetFormData:d,validateForm:u}=jt(),[p,h]=t(void 0),g=()=>{d(),h(void 0),o("")},y=()=>{if(!u())return null;a(r),g()};return j({key:"Enter",active:l},()=>y()),e.createElement(te,{isOpen:l,onClose:g,header:{title:"Add Instrumentation Rule"},actionComponent:e.createElement(ie,{buttons:[{variant:"primary",label:"DONE",onClick:y,disabled:!i||!p,tooltip:i?"":oe.ENTERPRISE_ONLY("Instrumentation Rules")}]})},e.createElement(ae,null,e.createElement(I,{title:"Select Instrumentation Rule",description:"Define how telemetry is recorded from your application. Choose a rule type and configure the details."}),e.createElement(Lo,null,i?e.createElement(ne,{type:W.Warning,message:oe.DEFINED_FOR_ALL_STREAMS(m.INSTRUMENTATION_RULES)}):e.createElement(ne,{type:W.Default,message:oe.ENTERPRISE_ONLY(m.INSTRUMENTATION_RULES)}),e.createElement(le,{options:Po,selectedOption:p,onOptionSelect:e=>{return t=e,d(),void h(t);var t},autoFocus:!p?.type})),p?.type?e.createElement("div",null,e.createElement(re,{margin:"16px 0"}),e.createElement(Io,{rule:p,formData:r,formErrors:s,handleFormChange:c})):null))},jo=e=>{const{payloadCollection:t,codeAttributes:i,customInstrumentations:a}=e;let n="";return t&&(n+=Object.entries(t).filter(([e,t])=>!!t).map(([e,t])=>e).join(", ")),i&&(n+=Object.entries(i).filter(([e,t])=>!!t).map(([e,t])=>e).join(", ")),a&&Object.values(It).forEach(e=>{const t=(a[e]||[]).filter(e=>e).join(", ");t&&(n+=n?`, ${t}`:t)}),n},Vo=[{key:"icon",title:""},{key:"name",title:m.NAME,sortable:!0},{key:"profile",title:m.MANAGED_BY_PROFILE,sortable:!0},{key:"active-status",title:m.STATUS},{key:"conditions",title:"Conditions"},{key:"source-count",title:"Applicable Source"},{key:"type",title:m.TYPE,sortable:!0},{key:"spec",title:"Spec",sortable:!0},{key:"notes",title:m.NOTES,sortable:!0}],qo=({maxHeight:t,maxWidth:i})=>{const a=p(),n=ge(),{setDrawerType:o,setDrawerEntityId:r}=K(),{instrumentationRules:s,instrumentationRulesLoading:c}=_(),d=l(()=>Fa({instrumentationRules:s,sources:[],actions:[],destinations:[],searchText:n.searchText,selectedCategory:B.InstrumentationRule}).searchResults.find(({category:e})=>e===B.InstrumentationRule)?.entities||[],[s,n]),u=l(()=>d.map(t=>{const{hasErrors:i,hasWarnings:n,hasDisableds:l}=se(t.conditions||[]);return{status:i?W.Error:n?W.Warning:void 0,faded:l,onClick:()=>{o(B.InstrumentationRule),r(t.ruleId)},cells:[{columnKey:"icon",component:()=>e.createElement(ve,{icon:qe(t.type)})},{columnKey:"name",value:be(t,B.InstrumentationRule,{prioritizeDisplayName:!0})},{columnKey:"type",value:t.type,textColor:a.text.info},{columnKey:"profile",value:t.profileName,textColor:a.text.info},{columnKey:"notes",value:t.notes,textColor:a.text.info,withTooltip:!0},{columnKey:"spec",value:jo(t),textColor:a.text.info,withTooltip:!0},{columnKey:"conditions",component:()=>e.createElement(Ea,{conditions:t.conditions||[],id:t.ruleId})},{columnKey:"active-status",component:()=>e.createElement("div",{style:{lineHeight:1}},e.createElement(ce,{status:t.disabled?W.Error:W.Success,title:t.disabled?m.DISABLED:m.ENABLED,withIcon:!0,withBorder:!0}))},{columnKey:"source-count",component:()=>e.createElement("div",{style:{lineHeight:1}},e.createElement(ce,{status:W.Info,title:"all sources",withBorder:!0}))}]}}),[d]),{badge:h,badgeTooltip:g}=l(()=>d.length!==s.length?{badge:`${d.length}/${s.length}`,badgeTooltip:m.FILTERED_COUNT_TOOLTIP}:{badge:s.length,badgeTooltip:void 0},[d,s]);return e.createElement(xe,{$maxWidth:i},e.createElement($e,null,e.createElement(ke,{icon:Ce(B.Action),title:m.INSTRUMENTATION_RULES,badge:h,badgeTooltip:g,loading:c})),e.createElement(Se,{$maxHeight:t},e.createElement(we,{columns:Vo,rows:u})),!d.length&&e.createElement(Te,{style:{marginTop:"2rem"}},e.createElement(De,null)))},zo=d.div`

package/lib/functions.js

@@ -1 +1 @@
-export{bv as capitalizeFirstLetter,cz as cleanObjectEmptyStringsValues,bq as compareCondition,bx as deepClone,az as filterActions,b3 as filterDestinations,b4 as filterDestinationsByStream,b1 as filterSources,b2 as filterSourcesByStream,cA as flattenObjectKeys,aU as formatBytes,cb as formatDuration,i as generateId,ag as getActionIcon,as as getConditionsBooleans,aY as getContainersIcons,c5 as getContainersInstrumentedCount,aX as getDestinationIcon,aG as getEntityIcon,aS as getEntityId,aB as getEntityLabel,cB as getIdFromSseTarget,aW as getInstrumentationRuleIcon,cC as getMainContainerLanguage,bA as getMetricForEntity,cD as getMonitorIcon,cE as getPlatformIcon,cF as getPlatformLabel,bJ as getProgrammingLanguageIcon,cd as getRecursiveValues,cG as getSseTargetFromId,v as getStatusColor,p as getStatusFromPodStatus,ax as getStatusIcon,bT as getStatusTypeFromOdigosHealth,cH as getValueForRange,bN as getWorkloadId,bu as getYamlFieldsForDestination,bU as hasUnhealthyInstances,R as isEmpty,cI as isLegalK8sLabel,c6 as isOverTime,bZ as isStringABoolean,cJ as isTimeElapsed,cK as isValidVersion,au as mapConditions,bp as mapDestinationFieldsForDisplay,aT as mapExportedSignals,cL as numbersOnly,b_ as parseBooleanFromString,cM as parseJsonStringToPrettyString,cN as removeEmptyValuesFromObject,br as safeJsonParse,cO as safeJsonStringify,aM as sleep,bb as splitCamelString,cP as stringifyNonStringValues}from"./chunks/ui-components-ad4d911e.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{bv as capitalizeFirstLetter,cz as cleanObjectEmptyStringsValues,bq as compareCondition,bx as deepClone,az as filterActions,b3 as filterDestinations,b4 as filterDestinationsByStream,b1 as filterSources,b2 as filterSourcesByStream,cA as flattenObjectKeys,aU as formatBytes,cb as formatDuration,i as generateId,ag as getActionIcon,as as getConditionsBooleans,aY as getContainersIcons,c5 as getContainersInstrumentedCount,aX as getDestinationIcon,aG as getEntityIcon,aS as getEntityId,aB as getEntityLabel,cB as getIdFromSseTarget,aW as getInstrumentationRuleIcon,cC as getMainContainerLanguage,bA as getMetricForEntity,cD as getMonitorIcon,cE as getPlatformIcon,cF as getPlatformLabel,bJ as getProgrammingLanguageIcon,cd as getRecursiveValues,cG as getSseTargetFromId,v as getStatusColor,p as getStatusFromPodStatus,ax as getStatusIcon,bT as getStatusTypeFromOdigosHealth,cH as getValueForRange,bN as getWorkloadId,bu as getYamlFieldsForDestination,bU as hasUnhealthyInstances,R as isEmpty,cI as isLegalK8sLabel,c6 as isOverTime,bZ as isStringABoolean,cJ as isTimeElapsed,cK as isValidVersion,au as mapConditions,bp as mapDestinationFieldsForDisplay,aT as mapExportedSignals,cL as numbersOnly,b_ as parseBooleanFromString,cM as parseJsonStringToPrettyString,cN as removeEmptyValuesFromObject,br as safeJsonParse,cO as safeJsonStringify,aM as sleep,bb as splitCamelString,cP as stringifyNonStringValues}from"./chunks/ui-components-2ec876fd.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/hooks/useActionFormData.d.ts

@@ -8,5 +8,5 @@ export declare const useActionFormData: () => {
         withAlert?: boolean;
         alertTitle?: string;
     }) => boolean;
-    loadFormWithDrawerItem: ({ type, fields }: Action) => void;
+    loadFormWithDrawerItem: ({ type, signals, fields }: Action) => void;
 };

package/lib/hooks.js

@@ -1 +1 @@
-export{ae as useActionFormData,cT as useBodyScroll,b5 as useClickNode,bO as useClickNotification,a_ as useConnection,b0 as useContainerSize,c7 as useCopy,bh as useDataStreamFormData,bt as useDestinationFormData,u as useGenericForm,cU as useInfiniteScroll,bK as useInstrumentationRuleFormData,a7 as useKeyDown,ba as useOnClickOutside,b6 as usePopup,bg as useSessionStorage,b$ as useSourceFormData,c3 as useSourceSelectionFormData,g as useTimeAgo,bM as useTransition}from"./chunks/ui-components-ad4d911e.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{ae as useActionFormData,cT as useBodyScroll,b5 as useClickNode,bO as useClickNotification,a_ as useConnection,b0 as useContainerSize,c7 as useCopy,bh as useDataStreamFormData,bt as useDestinationFormData,u as useGenericForm,cU as useInfiniteScroll,bK as useInstrumentationRuleFormData,a7 as useKeyDown,ba as useOnClickOutside,b6 as usePopup,bg as useSessionStorage,b$ as useSourceFormData,c3 as useSourceSelectionFormData,g as useTimeAgo,bM as useTransition}from"./chunks/ui-components-2ec876fd.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/snippets.js

@@ -1 +1 @@
-export{bm as AddButton,bV as CopyText,bR as EditButton,bQ as Flow,cV as MapItemNode,cW as NoDataNode,bn as NoteBackToSummary,bX as PodContainer,c0 as SourceContainer}from"./chunks/ui-components-ad4d911e.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{bm as AddButton,bV as CopyText,bR as EditButton,bQ as Flow,cV as MapItemNode,cW as NoDataNode,bn as NoteBackToSummary,bX as PodContainer,c0 as SourceContainer}from"./chunks/ui-components-2ec876fd.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/store.js

@@ -1 +1 @@
-export{cS as useActiveNodeStore,ca as useDarkMode,a$ as useDataStreamStore,a6 as useDrawerStore,ad as useEntityStore,ay as useFilterStore,aQ as useInstrumentStore,ak as useModalStore,a5 as useNotificationStore,a4 as usePendingStore,aP as useSelectedStore,bi as useSetupStore}from"./chunks/ui-components-ad4d911e.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{cS as useActiveNodeStore,ca as useDarkMode,a$ as useDataStreamStore,a6 as useDrawerStore,ad as useEntityStore,ay as useFilterStore,aQ as useInstrumentStore,ak as useModalStore,a5 as useNotificationStore,a4 as usePendingStore,aP as useSelectedStore,bi as useSetupStore}from"./chunks/ui-components-2ec876fd.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/theme.js

@@ -1 +1 @@
-export{o as default}from"./chunks/ui-components-ad4d911e.js";import"styled-components";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{o as default}from"./chunks/ui-components-2ec876fd.js";import"styled-components";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/types.js

@@ -1 +1 @@
-export{cg as ActionCategory,M as ActionKeyTypes,E as ActionType,ct as AddNodeTypes,cj as BooleanOperation,bF as CodeAttributesKeyTypes,aj as Crud,bD as CustomInstrumentationsKeyTypes,cu as DestinationTypes,cs as EdgeTypes,ac as EntityTypes,Z as FieldTypes,bE as GolangCustomProbe,bB as HeadersCollectionKeyTypes,Q as InputTypes,cp as InstallationMethod,bH as InstrumentationRuleType,cq as IntrumentationStatus,bC as JavaCustomProbe,ck as JsonOperation,K as K8sAttributesFrom,c1 as K8sResourceKind,cl as ListDirection,bP as NodeTypes,ci as NumberOperation,cy as OdigosHealthStatus,bo as OtherEntityTypes,aw as OtherStatus,O as OtherStatusType,bG as PayloadCollectionKeyTypes,co as PlatformType,cx as PodContainerLifecycleStatus,cw as PodContainerStatus,cv as PodPhase,cr as Profile,c2 as ProgrammingLanguages,bs as SignalType,cm as SortDirection,n as StatusType,ch as StringOperation,cn as Tier,W as WorkloadRolloutStatus}from"./chunks/ui-components-ad4d911e.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{cg as ActionCategory,M as ActionKeyTypes,E as ActionType,ct as AddNodeTypes,cj as BooleanOperation,bF as CodeAttributesKeyTypes,aj as Crud,bD as CustomInstrumentationsKeyTypes,cu as DestinationTypes,cs as EdgeTypes,ac as EntityTypes,Z as FieldTypes,bE as GolangCustomProbe,bB as HeadersCollectionKeyTypes,Q as InputTypes,cp as InstallationMethod,bH as InstrumentationRuleType,cq as IntrumentationStatus,bC as JavaCustomProbe,ck as JsonOperation,K as K8sAttributesFrom,c1 as K8sResourceKind,cl as ListDirection,bP as NodeTypes,ci as NumberOperation,cy as OdigosHealthStatus,bo as OtherEntityTypes,aw as OtherStatus,O as OtherStatusType,bG as PayloadCollectionKeyTypes,co as PlatformType,cx as PodContainerLifecycleStatus,cw as PodContainerStatus,cv as PodPhase,cr as Profile,c2 as ProgrammingLanguages,bs as SignalType,cm as SortDirection,n as StatusType,ch as StringOperation,cn as Tier,W as WorkloadRolloutStatus}from"./chunks/ui-components-2ec876fd.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/package.json

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

package/lib/chunks/index-c204fc21.js

@@ -1,3 +0,0 @@
-import o,{useMemo as s}from"react";import t from"styled-components";import{VIcon as a,CopyIcon as i,YamlIcon as e}from"../icons.js";import{c7 as n,i as r,j as l,k as c,f as m,q as p,aJ as d,h as u,cf as f}from"./ui-components-ad4d911e.js";const y=t.div`
-  padding: 0 12px;
-`,b=({yaml:t})=>{const{clickCopy:b,isCopied:h}=n(),k=s(()=>[{id:r(),type:l.Button,buttonProps:{leftIcon:h?a:i,onClick:()=>b(t||""),disabled:h,size:c.S,variant:m.Secondary}}],[t,h]);return t?o.createElement(u,{icon:e,title:"YAML",actions:k},o.createElement(y,null,o.createElement(f,{code:t.replaceAll(": |",":"),language:"yaml",theme:"duotoneDark"}))):o.createElement(p,null,o.createElement(d,{title:"No YAML found",subTitle:"The YAML for this resource is not available"}))};export{b as Y};