@odigos/ui-kit 0.0.237 → 0.0.238

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [0.0.238](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.237...ui-kit-v0.0.238) (2026-05-20)
+
+
+### Bug Fixes
+
+* prevent sampling onboarding modal flicker ([#911](https://github.com/odigos-io/ui-kit/issues/911)) ([446636a](https://github.com/odigos-io/ui-kit/commit/446636aebccd54d22cd75d95c23a1588afc19366))
+* **sampling:** default source scope tab + validate custom percentage (PLAT-1091) ([#912](https://github.com/odigos-io/ui-kit/issues/912)) ([9e32917](https://github.com/odigos-io/ui-kit/commit/9e32917bc95c1fff404996c094ee73d6c88ee1b8))
+
 ## [0.0.237](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.236...ui-kit-v0.0.237) (2026-05-19)
 
 

package/lib/chunks/index-CCaTS6aq.js

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

package/lib/chunks/{index-zOzusnDO.js → index-ChkHWnzu.js}

@@ -1,4 +1,4 @@
-import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import{forwardRef as i,useState as o,useRef as l,useImperativeHandle as r,useEffect as a,Children as s,Fragment as c,useLayoutEffect as d,useMemo as u,useCallback as h}from"react";import f,{useTheme as m}from"styled-components";import{y as p,z as g,T as v,G as y,H as b,J as x,K as w,E as S,L as k,n as $,M as C,O as T,j as z,Q as I,R as N,U as F,b as P,V as E,F as O,e as R,S as L,W as D,X as M,s as A,Y as B,Z as W,_ as X,$ as j,g as V,a0 as Y,x as H,a1 as _,a2 as U,a3 as J,a4 as K,a5 as Z,a6 as G,B as q,a as Q,a7 as ee,a8 as te,a9 as ne,aa as ie,ab as oe,ac as le,ad as re,ae,af as se,ag as ce,ah as de,ai as ue,N as he,aj as fe,t as me,ak as pe,al as ge,am as ve,an as ye,ao as be,ap as xe,aq as we,ar as Se,as as ke,at as $e}from"./ui-components-CjDRcQJq.js";import{Y as Ce}from"./index-DB_UqHYt.js";import{EditIcon as Te,TrashIcon as ze,RefreshIcon as Ie,SearchIcon as Ne,MinusIcon as Fe,PlusIcon as Pe,XIcon as Ee,ExpandIcon as Oe,CopyIcon as Re,DotIcon as Le,DownloadIcon as De,RefreshLeftArrowIcon as Me}from"../icons.js";const Ae=i(({children:i,width:a=640,title:s,titleTooltip:c,hideEditTitleFromEdit:d,icons:u,iconSrcs:h,isEdit:f=!1,isFormDirty:k=!1,isLastItem:$=!1,onClose:C,onEdit:T,onSave:z,onDelete:I,onCancel:N,tabs:F,headerActionButtons:P},E)=>{const O=m(),{drawerType:R,setDrawerType:L,setDrawerEntityId:D}=p();g({key:"Enter",active:f},()=>J());const[M,A]=o(!1),[B,W]=o(!1),X=l(null),j=R===S.Source,V=()=>{A(!1),W(!1)},Y=()=>{V(),T&&T(!1),L(null),D(null),C?.()};r(E,()=>({closeDrawer:Y}));const H=()=>{X.current?.clearTitle(),N&&N(),V()},_=()=>{const e=X.current?.isTitleDirty();k||e?W(!0):H()},U=()=>{A(!0)},J=()=>{z&&z(X.current?.getTitle()||"")},K=P||[];return T&&!f&&K.push({"data-id":"drawer-edit",variant:"tertiary",onClick:()=>T(!0),children:e(t,{children:[n(Te,{}),n(v,{size:14,family:"secondary",decoration:"underline",children:"Edit"})]})}),I&&!f&&K.push({"data-id":"drawer-delete",variant:"tertiary",onClick:U,children:e(t,{children:[n(ze,{}),n(v,{color:O.text.error,size:14,family:"secondary",decoration:"underline",children:j?y.UNINSTRUMENT:y.DELETE})]})}),e(t,{children:[n(b,{isOpen:!0,onClose:f?_:Y,closeOnEscape:!M&&!B,width:"number"==typeof a?`${a+64}px`:a,header:{icons:u,iconSrcs:h,title:s,titleTooltip:c,replaceTitleWith:!d&&f?n(Be,{ref:X,title:s}):void 0,actionButtons:K,tabs:F},footer:{isOpen:f,leftButtons:[{"data-id":"drawer-save",variant:"primary",onClick:J,children:y.SAVE},{"data-id":"drawer-cancel",variant:"secondary",onClick:_,children:y.CANCEL}],rightButtons:I?[{"data-id":"drawer-delete",variant:"tertiary",onClick:U,children:e(t,{children:[n(ze,{}),n(v,{size:14,color:O.text.error,family:"secondary",decoration:"underline",children:y.DELETE})]})}]:[]},children:i}),n(x,{isOpen:M,noOverlay:!0,name:`${R}${s?` (${s})`:""}`,type:R,isLastItem:$,onApprove:()=>{I&&I(),V()},onDeny:V}),n(w,{isOpen:B,noOverlay:!0,name:"edit mode",onApprove:H,onDeny:V})]})}),Be=i(({title:e},t)=>{const[i,l]=o(e);return a(()=>{l(e)},[e]),r(t,()=>({getTitle:()=>i||e,isTitleDirty:()=>i!==e,clearTitle:()=>l(e)})),n(k,{"data-id":"title",value:i,onChange:e=>l(e.target.value)})});Be.displayName=Be.name,Ae.displayName=Ae.name;const We=(e,t)=>{const{name:n,kind:i,namespace:o}=e,l=[{title:$.KIND,value:i},{title:$.NAME,value:n,tooltip:"Resource name"}];return t||(l.unshift({title:$.NAMESPACE,value:o}),l.push({type:C.Divider}),l.push({type:C.CopyText,value:`kubectl get ${i} ${n} -n ${o}`.toLowerCase()})),l},Xe=f.div`
+import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import{forwardRef as i,useState as o,useRef as l,useImperativeHandle as r,useEffect as a,Children as s,Fragment as c,useLayoutEffect as d,useMemo as u,useCallback as h}from"react";import f,{useTheme as m}from"styled-components";import{y as p,z as g,T as v,G as y,H as b,J as x,K as w,E as S,L as k,n as $,M as C,O as T,j as z,Q as I,R as N,U as F,b as P,V as E,F as O,e as R,S as L,W as D,X as M,s as A,Y as B,Z as W,_ as X,$ as j,g as V,a0 as Y,x as H,a1 as _,a2 as U,a3 as J,a4 as K,a5 as Z,a6 as G,B as q,a as Q,a7 as ee,a8 as te,a9 as ne,aa as ie,ab as oe,ac as le,ad as re,ae,af as se,ag as ce,ah as de,ai as ue,N as he,aj as fe,t as me,ak as pe,al as ge,am as ve,an as ye,ao as be,ap as xe,aq as we,ar as Se,as as ke,at as $e}from"./ui-components-rpRyPe3l.js";import{Y as Ce}from"./index-D6SlbWIi.js";import{EditIcon as Te,TrashIcon as ze,RefreshIcon as Ie,SearchIcon as Ne,MinusIcon as Fe,PlusIcon as Pe,XIcon as Ee,ExpandIcon as Oe,CopyIcon as Re,DotIcon as Le,DownloadIcon as De,RefreshLeftArrowIcon as Me}from"../icons.js";const Ae=i(({children:i,width:a=640,title:s,titleTooltip:c,hideEditTitleFromEdit:d,icons:u,iconSrcs:h,isEdit:f=!1,isFormDirty:k=!1,isLastItem:$=!1,onClose:C,onEdit:T,onSave:z,onDelete:I,onCancel:N,tabs:F,headerActionButtons:P},E)=>{const O=m(),{drawerType:R,setDrawerType:L,setDrawerEntityId:D}=p();g({key:"Enter",active:f},()=>J());const[M,A]=o(!1),[B,W]=o(!1),X=l(null),j=R===S.Source,V=()=>{A(!1),W(!1)},Y=()=>{V(),T&&T(!1),L(null),D(null),C?.()};r(E,()=>({closeDrawer:Y}));const H=()=>{X.current?.clearTitle(),N&&N(),V()},_=()=>{const e=X.current?.isTitleDirty();k||e?W(!0):H()},U=()=>{A(!0)},J=()=>{z&&z(X.current?.getTitle()||"")},K=P||[];return T&&!f&&K.push({"data-id":"drawer-edit",variant:"tertiary",onClick:()=>T(!0),children:e(t,{children:[n(Te,{}),n(v,{size:14,family:"secondary",decoration:"underline",children:"Edit"})]})}),I&&!f&&K.push({"data-id":"drawer-delete",variant:"tertiary",onClick:U,children:e(t,{children:[n(ze,{}),n(v,{color:O.text.error,size:14,family:"secondary",decoration:"underline",children:j?y.UNINSTRUMENT:y.DELETE})]})}),e(t,{children:[n(b,{isOpen:!0,onClose:f?_:Y,closeOnEscape:!M&&!B,width:"number"==typeof a?`${a+64}px`:a,header:{icons:u,iconSrcs:h,title:s,titleTooltip:c,replaceTitleWith:!d&&f?n(Be,{ref:X,title:s}):void 0,actionButtons:K,tabs:F},footer:{isOpen:f,leftButtons:[{"data-id":"drawer-save",variant:"primary",onClick:J,children:y.SAVE},{"data-id":"drawer-cancel",variant:"secondary",onClick:_,children:y.CANCEL}],rightButtons:I?[{"data-id":"drawer-delete",variant:"tertiary",onClick:U,children:e(t,{children:[n(ze,{}),n(v,{size:14,color:O.text.error,family:"secondary",decoration:"underline",children:y.DELETE})]})}]:[]},children:i}),n(x,{isOpen:M,noOverlay:!0,name:`${R}${s?` (${s})`:""}`,type:R,isLastItem:$,onApprove:()=>{I&&I(),V()},onDeny:V}),n(w,{isOpen:B,noOverlay:!0,name:"edit mode",onApprove:H,onDeny:V})]})}),Be=i(({title:e},t)=>{const[i,l]=o(e);return a(()=>{l(e)},[e]),r(t,()=>({getTitle:()=>i||e,isTitleDirty:()=>i!==e,clearTitle:()=>l(e)})),n(k,{"data-id":"title",value:i,onChange:e=>l(e.target.value)})});Be.displayName=Be.name,Ae.displayName=Ae.name;const We=(e,t)=>{const{name:n,kind:i,namespace:o}=e,l=[{title:$.KIND,value:i},{title:$.NAME,value:n,tooltip:"Resource name"}];return t||(l.unshift({title:$.NAMESPACE,value:o}),l.push({type:C.Divider}),l.push({type:C.CopyText,value:`kubectl get ${i} ${n} -n ${o}`.toLowerCase()})),l},Xe=f.div`
   display: flex;
   flex-direction: column;
   gap: 24px;

package/lib/chunks/{index-DB_UqHYt.js → index-D6SlbWIi.js}

@@ -1,3 +1,3 @@
-import{jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import i from"styled-components";import{u as o,B as s,a,A as n,g as l,D as r,C as c,b as p,N as m}from"./ui-components-CjDRcQJq.js";import{VIcon as d,CopyIcon as u,YamlIcon as f}from"../icons.js";const h=i.div`
+import{jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import i from"styled-components";import{u as o,B as s,a,A as n,g as l,D as r,C as c,b as p,N as m}from"./ui-components-rpRyPe3l.js";import{VIcon as d,CopyIcon as u,YamlIcon as f}from"../icons.js";const h=i.div`
   padding: 0 12px;
 `,g=({title:i="YAML",yaml:g,defaultOpen:b,fullHeight:T,bgTint:y="1000"})=>{const{clickCopy:C,isCopied:x}=o(),A=e(()=>g?[{id:l(),type:n.Button,buttonProps:{variant:a.Text,size:s.S,leftIcon:x?d:u,onClick:()=>C(g||""),disabled:x}}]:[],[g,x]);return t(r,{bgTint:y,richTitle:{icon:f,title:i},actions:A,withCollapse:!0,collapseIsDefaultOpen:b,fullHeight:T,children:t(h,{children:g?t(c,{code:g,language:"yaml",theme:"duotoneDark"}):t(p,{children:t(m,{title:"YAML not found",subTitle:"The YAML for this resource is not available"})})})})};export{g as Y};