@odigos/ui-kit 0.0.256 → 0.0.258

package/lib/chunks/index-hiRPXsEi.js

@@ -1,155 +0,0 @@
-import{ay as e,ae as a,l as t,a6 as l,a7 as r,dP as n,M as i,aL as s,aq as o,a4 as d,s as c,a8 as u,al as p,dQ as h,ac as g,ad as m,dR as v,dS as f,n as b,C as y,J as x,G as C,H as S,av as $,at as T,b2 as k,T as w,y as A,a1 as P,a2 as M,af as L,aH as I,dT as O,dU as D,aS as z,dV as X,b as N,dW as R,ab as H,c as E,dX as B,dY as V,dZ as q,d_ as G,d$ as j,e0 as J,e1 as U,ai as K,e2 as W,e3 as F,e4 as Y,e5 as Q,e6 as Z,bQ as _,e7 as ee,e8 as ae,e9 as te,ea as le,eb as re,ec as ne,ed as ie,ee as se,ef as oe,eg as de,eh as ce,aI as ue,ei as pe,ej as he,ek as ge,el as me,em as ve,bD as fe,en as be,eo as ye,ep as xe,eq as Ce,er as Se,es as $e,et as Te,eu as ke,ev as we,aY as Ae,R as Pe,ew as Me,o as Le,ex as Ie,b3 as Oe,ey as De,ez as ze,eA as Xe,eB as Ne,bt as Re,ax as He,eC as Ee,eD as Be,eE as Ve,dd as qe,eF as Ge,eG as je,eH as Je,e as Ue,db as Ke,a3 as We,eI as Fe,L as Ye,aK as Qe,N as Ze,a9 as _e,aO as ea,dq as aa,z as ta,bl as la,bg as ra,bT as na,eJ as ia}from"./ui-components-B1TCLO_N.js";import{D as sa,C as oa,E as da,u as ca,F as ua,h as pa,f as ha,e as ga,G as ma,H as va,I as fa,i as ba,m as ya}from"./helpers-CUmUiA_l.js";import{jsx as xa,jsxs as Ca,Fragment as Sa}from"react/jsx-runtime";import $a,{useMemo as Ta,useCallback as ka,useState as wa,useRef as Aa,useEffect as Pa,forwardRef as Ma,useImperativeHandle as La}from"react";import Ia,{useTheme as Oa}from"styled-components";import{EditIcon as Da,OdigosLogoTextCentral as za,OdigosLogoTextEnterprise as Xa,OdigosLogoTextCommunity as Na,OdigosLogoTextColoredCentral as Ra,OdigosLogoTextColoredEnterprise as Ha,OdigosLogoTextColoredCommunity as Ea,ArrowLeftIcon as Ba,ArrowRightIcon as Va,VSquareIcon as qa,VIcon as Ga,CopyIcon as ja,YamlIcon as Ja}from"../icons.js";const Ua=({isOpen:t,onClose:l,onDeny:r,onApprove:n})=>xa(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:()=>{n?.(),l()}}}),Ka=({isOpen:t,onClose:l,onDeny:r,onApprove:n,action:i="delete",target:s,description:o,overrideApproveButtonLabel:d,overrideDenyButtonLabel:c})=>{const u=i.charAt(0).toUpperCase()+i.substring(1),p=s?.endsWith("s")?"these":"this";return xa(e,{title:`${u}${s?` ${s}`:""}?`,description:o??`Are you sure you want to ${i}${s?` ${p} ${s}`:""}?`,isOpen:t,onClose:l,denyButton:{label:c??"Go back",variant:a.Secondary,onClick:()=>{r?.(),l()}},approveButton:{label:d??u,variant:a.Primary,onClick:()=>{n?.(),l()}}})},Wa=({componentType:e,inputType:a,name:g,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,value:C,setValue:S,errorMessage:$,warnMessage:T,helpMessage:k,dropdownOptions:w,dropdownNoSearch:A,dropdownNoCheckbox:P,timeUnits:M,timeDefaultUnit:L})=>{switch(e){case t.Input:return xa(p,{name:g,type:a,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,value:C??"",onChange:e=>{const t=e.target.value;S(a===h.Number?""===t?null:Number(t):t)},errorMessage:$,warnMessage:T,helpMessage:k},g);case t.MultiInput:return xa(u,{name:g,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,values:Array.isArray(C)?C:c(C,[]),setValues:e=>S(e),errorMessage:$,warnMessage:T,helpMessage:k},g);case t.KeyValuePair:return xa(d,{name:g,label:m,tooltip:v,badge:f,required:y,disabled:x,limitFieldsPerRow:2,columns:[{keyName:"key",label:"Key",placeholder:"Key"},{keyName:"value",label:"Value",placeholder:"Value"}],values:Array.isArray(C)?C:c(C,[]),setValues:e=>S(e),errorMessage:$,warnMessage:T,helpMessage:k},g);case t.TextArea:return xa(o,{name:g,label:m,tooltip:v,badge:f,required:y,disabled:x,placeholder:b,value:C??"",onChange:e=>S(e.target.value),errorMessage:$,warnMessage:T,helpMessage:k},g);case t.Dropdown:return xa(s,{name:g,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,withSearch:!A,options:w?.map(e=>({id:e.id||"",label:e.label||"",withCheckbox:!P}))||[],values:C?[String(C)]:[],setValues:e=>S(e[0]),errorMessage:$,warnMessage:T,helpMessage:k},g);case t.Checkbox:return xa(i,{name:g,label:m,tooltip:v,badge:f,value:!0===C||"true"===C,onChange:e=>S(e),disabled:x,errorMessage:$,warnMessage:T,helpMessage:k},g);case t.Time:return xa(n,{name:g,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,value:C??"",setValue:e=>S(e),units:M,defaultUnit:L,errorMessage:$,warnMessage:T,helpMessage:k},g);case t.Toggle:return xa(l,{name:g,labelAlign:r.Right,label:m,tooltip:v,badge:f,value:!0===C||"true"===C,onChange:e=>S(e),disabled:x,errorMessage:$,warnMessage:T,helpMessage:k},g);default:return null}},Fa=Ia.div`
-  display: flex;
-  align-items: center;
-  gap: 24px;
-  padding: 8px 16px;
-  border-radius: 12px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[800]};
-`,Ya=Ia.div`
-  flex: 1;
-  min-width: 0;
-  white-space: pre;
-  overflow-x: auto;
-`,Qa=({title:e,summary:t,onEdit:l,renderAction:r})=>{const n=Ta(()=>{const a=[];return e&&(a.push({text:e,variant:sa.Default}),a.push({text:" - ",variant:sa.Default})),a.push(...t),a},[e,t]);return Ca(Fa,{children:[xa(Ya,{children:xa(oa,{parts:n})}),r&&r(),l&&xa(g,{"data-id":"sampling-btn-edit-auto-rule",label:v,rightIcon:Da,variant:a.Text,size:m.S,onClick:l})]})},Za={[$.HttpRequest]:"HTTP request",[$.HttpResponse]:"HTTP response",[$.DbQuery]:"DB query",[$.Messaging]:"messaging"};function _a(e,a,t){return 1===e?a:t??`${a}s`}function et(e,a){const t=[],l=e.slice(0,3),r=e.slice(3);return l.forEach((e,l)=>{l>0&&t.push({text:", ",variant:sa.Default}),t.push({text:e,variant:a})}),r.length>0&&t.push({text:` + ${r.length} more`,variant:sa.Default,tooltipItems:r}),t}function at(e,a){switch(e){case b.CodeAttributes:return function(e){const a=Object.values(T).filter(a=>!!e.codeAttributes?.[a]).map(e=>k(e).toLowerCase());return a.length?[{text:"Collect",variant:sa.Action},{text:" ",variant:sa.Default},...et(a,sa.Endpoint)]:null}(a);case b.PayloadCollection:return function(e){const a=Object.values($).filter(a=>null!=e.payloadCollection?.[a]).map(e=>Za[e]);return a.length?[{text:"Collect",variant:sa.Action},{text:" ",variant:sa.Default},...et(a,sa.Endpoint)]:null}(a);case b.HeadersCollection:return function(e){const a=(e.headersCollection?.[S.HeaderKeys]??[]).map(e=>e.trim()).filter(e=>e.length>0);if(!a.length)return null;const t=_a(a.length,"HTTP header");return[{text:`Collect ${a.length} ${t}`,variant:sa.Action},{text:"",variant:sa.Default,tooltipItems:a}]}(a);case b.CustomInstrumentation:return function(e){const a=(e.customInstrumentations?.[y.Java]??[]).map(e=>new x(e.className,e.methodName)).filter(e=>e.Verify()),t=(e.customInstrumentations?.[y.Golang]??[]).map(e=>new C(e.packageName,e.functionName,e.receiverName,e.receiverMethodName)).filter(e=>e.Verify());if(!(a.length+t.length))return null;const l=[];a.length&&l.push(`${a.length} Java ${_a(a.length,"probe")}`),t.length&&l.push(`${t.length} Go ${_a(t.length,"probe")}`);const r=[...a.map(e=>`Java: ${e.toString()}`),...t.map(e=>`Go: ${e.toString()}`)];return[{text:`Apply ${l.join(" + ")}`,variant:sa.Action},{text:"",variant:sa.Default,tooltipItems:r}]}(a);default:return null}}const tt=({option:e,formState:a,renderAction:t})=>{const l=Ta(()=>{const t=at(e?.type,a);return t?[...t,...da(a.sourceScopes)]:[]},[e?.type,a]),r=0===l.length;return xa(Qa,{title:r?f:"Instrumentation Rule Preview",summary:l,renderAction:t})},lt=({size:e=200,central:a=!1,useInline:t=!1})=>{const{tier:l}=ca();if(t){if(a)return xa(za,{size:e});switch(l){case w.Community:return xa(Na,{size:e});case w.Onprem:return xa(Xa,{size:e});default:return null}}if(a)return xa(Ra,{size:e});switch(l){case w.Community:return xa(Ea,{size:e});case w.Onprem:return xa(Ha,{size:e});default:return null}},rt=[{value:"50",label:"50%"},{value:"25",label:"25%"},{value:"10",label:"10%"},{value:"1",label:"1%"},{value:"custom",label:"Custom"}],nt=[{value:"10",label:"10%"},{value:"1",label:"1%"},{value:"0.5",label:"0.5%"},{value:"0.1",label:"0.1%"},{value:"custom",label:"Custom"}],it=[{value:"5000",label:"5s"},{value:"1000",label:"1s"},{value:"500",label:"500ms"},{value:"100",label:"100ms"},{value:"50",label:"50ms"},{value:"custom",label:"Custom"}],st=({description:e,options:a,selected:t,onSelect:l,customName:r,customLabel:n,customPlaceholder:i,customValue:s,onCustomChange:o,customInputType:d=h.Number,customMin:c,customMax:u})=>Ca(A,{$gap:16,$alignItems:"flex-end",children:[Ca(P,{$gap:6,children:[xa(M,{label:e}),xa(L,{options:a,selected:t,setSelected:l})]}),"custom"===t&&xa(p,{name:r,label:n,placeholder:i,type:d,value:s,onChange:o,width:160,min:c,max:u})]}),ot=()=>{},dt=e=>e.readOnly?xa(ct,{rule:e.rule}):xa(ut,{ruleType:e.ruleType,formState:e.formState,onChange:e.onChange}),ct=({rule:e})=>{const a=null!=e.durationAtLeastMs;return e.error?xa(I,{richTitle:{title:O},children:xa(l,{name:"sampling-view-toggle-keep-errors",onChange:ot,value:!0,size:z.S,label:D,labelAlign:r.Right})}):a?xa(I,{richTitle:{title:X},children:Ca("div",{children:[xa(N,{size:E.XXXS,color:H.Secondary,children:R}),xa(N,{size:E.XS,children:`${e.durationAtLeastMs}ms`})]})}):null},ut=({ruleType:e,formState:a,onChange:t})=>{const n=ka(e=>t({durationPreset:e}),[t]),i=ka(e=>t({customDurationMs:e.target.value}),[t]);return"Error"===e?xa(I,{richTitle:{title:O,subTitle:B},children:xa(l,{name:"sampling-toggle-keep-errors",value:!0,onChange:ot,size:z.S,label:D,labelAlign:r.Right})}):"Duration"===e?xa(I,{richTitle:{title:X,subTitle:V},children:xa(st,{description:R,options:it,selected:a.durationPreset,onSelect:n,customName:"sampling-input-custom-duration",customLabel:q,customPlaceholder:"200ms",customValue:a.customDurationMs,onCustomChange:i})}):null},pt=Ia.div`
-  display: flex;
-  gap: 32px;
-`,ht=Ia.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`,gt=Ia.div`
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-end;
-  gap: 16px;
-`,mt=Ia.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 16px;
-  padding: 12px 16px;
-  border-radius: 8px;
-  background-color: ${({theme:e})=>e.v2.colors.black[500]};
-`,vt=Ia.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 10px;
-  flex: 1;
-`,ft=Ia.div`
-  display: flex;
-  align-items: center;
-  height: 32px;
-`,bt=Ia.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 16px;
-  margin-bottom: 12px;
-`,yt="Any",xt="Kafka topic",Ct=()=>xa("div",{style:{marginBottom:"8px"},children:xa(N,{size:E.XS,weight:500,children:"And"})}),St=[{value:"all",label:"All Operations"},{value:"httpServer",label:"HTTP Server"},{value:"httpClient",label:"HTTP Client"}],$t=[{value:"all",label:"All Operations"},{value:"httpServer",label:"HTTP Server"},{value:"kafkaConsumer",label:"Kafka Consumer"},{value:"kafkaProducer",label:"Kafka Producer"}],Tt=[{id:"",label:yt},{id:"GET",label:"GET"},{id:"POST",label:"POST"},{id:"PUT",label:"PUT"},{id:"DELETE",label:"DELETE"},{id:"PATCH",label:"PATCH"}];const kt=e=>e.readOnly?xa(wt,{data:e.data}):xa(At,{category:e.category,formState:e.formState,onChange:e.onChange}),wt=({data:e})=>{const a=Ta(()=>function(e){if("noisy"===e.category){const a=e.rule.operation;if(a?.httpServer)return[{id:"type",title:le,value:te},{id:"route",title:Y,value:a.httpServer.route||a.httpServer.routePrefix||re},{id:"method",title:ee,value:a.httpServer.method||yt}];if(a?.httpClient){const e=[{id:"type",title:le,value:ne}];return a.httpClient.serverAddress&&e.push({id:"serverAddress",title:"Server address",value:a.httpClient.serverAddress}),e.push({id:"route",title:Y,value:a.httpClient.templatedPath||a.httpClient.templatedPathPrefix||re}),e.push({id:"method",title:ee,value:a.httpClient.method||yt}),e}return[{id:"type",title:le,value:ie}]}const a=e.rule.operation;return a?.httpServer?[{id:"type",title:le,value:te},{id:"route",title:Y,value:a.httpServer.route||a.httpServer.routePrefix||re},{id:"method",title:ee,value:a.httpServer.method||yt}]:a?.kafkaConsumer?[{id:"type",title:le,value:se},{id:"topic",title:xt,value:a.kafkaConsumer.kafkaTopic||re}]:a?.kafkaProducer?[{id:"type",title:le,value:oe},{id:"topic",title:xt,value:a.kafkaProducer.kafkaTopic||re}]:[{id:"type",title:le,value:ie}]}(e),[e]);return xa(I,{richTitle:{title:G},children:xa(pt,{children:a.map(({id:e,title:a,value:t})=>Ca(ht,{children:[xa(N,{size:E.XXXS,color:H.Secondary,nowrap:!0,children:a}),xa(N,{size:E.XS,nowrap:!0,children:t})]},e))})})},At=({category:e,formState:t,onChange:l})=>{const r=Ta(()=>"noisy"===e?St:$t,[e]),n=ka(e=>l({operationType:e,route:"",serverAddress:"",method:"",kafkaTopic:""}),[l]),i=ka(e=>a=>{a&&l({routeType:e,route:""})},[l]),s=ka(e=>l({route:e.target.value}),[l]),o=ka(e=>l({serverAddress:e.target.value}),[l]),d=ka(e=>l({method:e[0]||""}),[l]),c=ka(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?F:Y,v="httpClient"===t.operationType?Q:Z;return Ca(I,{richTitle:{title:`2. ${G}`,subTitle:j},children:[xa(P,{$alignItems:"flex-start",children:xa(L,{options:r,selected:t.operationType,setSelected:n})}),u&&Ca(gt,{children:["httpClient"===t.operationType&&Ca(bt,{children:[xa(p,{name:"sampling-input-server-address",label:U,placeholder:J,value:t.serverAddress,onChange:o}),xa(Ct,{})]}),Ca(mt,{children:[Ca(vt,{children:[xa(ft,{children:xa(K,{"data-id":"sampling-radio-route",value:"route"===t.routeType,onChange:i("route")})}),xa(p,{name:"sampling-input-route",label:g,placeholder:W,value:"route"===t.routeType?t.route:"",onChange:s,disabled:"route"!==t.routeType})]}),Ca(vt,{children:[xa(ft,{children:xa(K,{"data-id":"sampling-radio-route-prefix",value:"routePrefix"===t.routeType,onChange:i("routePrefix")})}),xa(p,{name:"sampling-input-route-prefix",label:v,placeholder:W,value:"routePrefix"===t.routeType?t.route:"",onChange:s,disabled:"routePrefix"!==t.routeType})]})]}),Ca(bt,{children:[xa(Ct,{}),xa(_,{label:ee,items:Tt,selectedIds:[t.method||""],setSelectedIds:e=>d(e),buttonProps:{"data-id":"sampling-btn-method",label:Tt.find(e=>e.id===t.method)?.label||yt,size:m.S,variant:a.Secondary}})]})]}),h&&xa(p,{name:"sampling-input-kafka-topic",label:ae,placeholder:"Type kafka topic",value:t.kafkaTopic,onChange:c,width:"320px"})]})},Pt=[{value:"all",label:"Drop All"},{value:"sample",label:"Sample"}],Mt=[{value:"all",label:"Keep All"},{value:"sample",label:"Sample"}];const Lt=e=>e.readOnly?xa(It,{data:e.data}):xa(Ot,{category:e.category,formState:e.formState,onChange:e.onChange}),It=({data:e})=>{const a=Ta(()=>function(e){switch(e.category){case"highlyRelevant":return null!=e.rule.percentageAtLeast?{title:ce,method:ge,description:pe,value:`${e.rule.percentageAtLeast}%`}:{title:ce,method:ve,description:null,value:null};case"noisy":return ua(e.rule.percentageAtMost)?{title:ce,method:me,description:null,value:null}:{title:ce,method:ge,description:he,value:`${e.rule.percentageAtMost}%`};case"costReduction":return{title:ce,method:ge,description:he,value:`${e.rule.percentageAtMost}%`}}}(e),[e]),t=[{id:"method",title:ee,value:a.method},...null!=a.description?[{id:"value",title:a.description,value:a.value}]:[]];return xa(I,{richTitle:{title:a.title},children:xa(pt,{children:t.map(({id:e,title:a,value:t})=>Ca(ht,{children:[xa(N,{size:E.XXXS,color:H.Secondary,nowrap:!0,children:a}),xa(N,{size:E.XS,nowrap:!0,children:t})]},e))})})},Ot=({category:e,formState:a,onChange:t})=>{const l="highlyRelevant"===e,r=l?Mt:Pt,n=`${l?4:3}. ${ce}`,i=de[e],s=l?pe:he,o="noisy"===e?nt:rt,d=ka(e=>t({percentageMode:e}),[t]),c=ka(e=>t({percentagePreset:e}),[t]),u=ka(e=>t({customPercentage:e.target.value}),[t]);return Ca(I,{richTitle:{title:n,subTitle:i},children:["costReduction"!==e&&xa(P,{$alignItems:"flex-start",children:xa(L,{options:r,selected:a.percentageMode,setSelected:d})}),("costReduction"===e||"sample"===a.percentageMode)&&xa(st,{description:s,options:o,selected:a.percentagePreset,onSelect:c,customName:"sampling-input-custom-percentage",customLabel:ue,customPlaceholder:"5%",customValue:a.customPercentage,onCustomChange:u,customInputType:h.Decimal,customMin:0,customMax:100})]})},Dt=Ia.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 16px;
-`,zt=Ia.div`
-  width: 280px;
-  flex-shrink: 0;
-`,Xt=Ia.div`
-  flex: 1;
-  min-width: 0;
-`;function Nt(e){return"highlyRelevant"===e.category?e.rule.error?"Error":null!=e.rule.durationAtLeastMs?"Duration":"Relevance":Te[e.category]}const Rt=e=>e.readOnly?xa(Ht,{data:e.data}):xa(Et,{formState:e.formState,onChange:e.onChange}),Ht=({data:e})=>{const a=Ta(()=>[{id:"name",title:be,value:e.rule.name||fe},{id:"type",title:ye,value:Nt(e)}],[e]),t=e.rule.notes||re;return Ca(I,{children:[xa(pt,{children:a.map(({id:e,title:a,value:t})=>Ca(ht,{children:[xa(N,{size:E.XXXS,color:H.Secondary,nowrap:!0,children:a}),xa(N,{size:E.XS,nowrap:!0,children:t})]},e))}),Ca(ht,{children:[xa(N,{size:E.XXXS,color:H.Secondary,children:xe}),xa(N,{size:E.XS,children:t})]})]})},Et=({formState:e,onChange:a})=>{const t=ka(e=>a({name:e.target.value}),[a]),l=ka(e=>a({notes:e.target.value}),[a]);return xa(I,{children:Ca(Dt,{children:[xa(zt,{children:xa(p,{name:"sampling-input-rule-name",label:be,tooltip:"Optional. Give this rule a name for easier identification.",placeholder:Ce,value:e.name,onChange:t})}),xa(Xt,{children:xa(p,{name:"sampling-input-note",label:xe,tooltip:$e,placeholder:Se,value:e.notes,onChange:l})})]})})},Bt=[{value:"Relevance",label:"Relevance"},{value:"Error",label:"Error"},{value:"Duration",label:"Duration"}],Vt=({formState:e,onChange:a})=>{const t=ka(e=>a({ruleType:e,keepErrors:"Error"===e}),[a]);return xa(I,{richTitle:{title:`3. ${ye}`,subTitle:ke},children:xa(P,{$alignItems:"flex-start",children:xa(L,{options:Bt,selected:e.ruleType,setSelected:t})})})},qt=e=>{const a=Ta(()=>{if(e.readOnly)return e.summary;switch(e.category){case"noisy":return ga(fa(e.formState));case"highlyRelevant":return ha(va(e.formState));case"costReduction":return pa(ma(e.formState))}},[e]);if(e.readOnly)return xa(Qa,{title:we,summary:a,renderAction:e.renderAction});const t=1===a.length&&"default"===a[0].variant;return xa(Qa,{title:t?f:we,summary:t?[]:a,renderAction:e.renderAction})},Gt=Ia.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-`,jt=Ia.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[800]};
-  border: 1px solid ${({theme:e,$selected:a})=>a?e.v2.colors.silver[500]:e.v2.colors.silver[750]};
-
-  &:hover {
-    background: ${({theme:e})=>e.v2.colors.silver[700]};
-  }
-`,Jt=Ia.div`
-  display: flex;
-  width: 32px;
-  height: 32px;
-  justify-content: center;
-  align-items: center;
-  flex-shrink: 0;
-`,Ut=Ia.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,Kt=Ia.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-`,Wt=Ia.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  &::before,
-  &::after {
-    content: '';
-    flex: 1;
-    height: 1px;
-    background-color: ${({theme:e})=>e.v2.colors.silver[700]};
-  }
-`,Ft=Ia.div`
-  padding: 2px 10px;
-  border-radius: 999px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[700]};
-  border: 1px solid ${({theme:e})=>e.v2.colors.silver[600]};
-`,Yt={[Re.JavaScript]:"Node.js",[Re.DotNet]:".NET",[Re.Php]:"PHP",[Re.Java]:"Java",[Re.Go]:"Go",[Re.Python]:"Python",[Re.Ruby]:"Ruby",[Re.Rust]:"Rust"},Qt=[Re.Python,Re.Java,Re.JavaScript,Re.DotNet,Re.Php,Re.Ruby,Re.Go],Zt=[{value:"all",label:"Entire Cluster"},{value:"source",label:"Specific Source"},{value:"namespace",label:"Specific Namespace"},{value:"language",label:"Specific Programming Language"}];function _t(e){const a=Yt[e];return a||e.charAt(0).toUpperCase()+e.slice(1)}function el(e){return null!=e?`${e}. ${Je}`:Je}const al=({readOnly:e,...a})=>xa(e?rl:nl,{...a}),tl=({title:e,count:a,children:t})=>Ca(P,{$gap:6,children:[Ca(A,{$gap:8,$alignItems:"center",children:[xa(N,{size:E.XS,color:H.Primary,nowrap:!0,children:e}),a>1&&Ca(N,{size:E.XXS,color:H.Secondary,nowrap:!0,children:["(",Ge,")"]})]}),xa(Kt,{children:t})]}),ll=()=>{const e=Oa();return xa(Wt,{children:xa(Ft,{children:xa(N,{size:E.XXS,color:e.v2.colors.white[500],nowrap:!0,children:je})})})},rl=({scopes:e,titleNumber:a})=>{const t=el(a);if(ba(e))return xa(Ae,{bgTint:"900",richTitle:{title:t},withCollapse:!0,collapseIsDefaultOpen:!0,children:xa(Pe,{status:Le.Default,message:Me,fullWidth:!0})});const l=e.sources??[],r=e.namespaces??[],n=e.languages??[],i=[];return l.length&&i.push({kind:"sources",node:xa(tl,{title:Ie,count:l.length,children:l.map((e,a)=>{const t=[e.namespace,e.kind,e.name].filter(Boolean),l=t.length?t.join(" / "):De;return xa(Oe,{label:l},`src-${a}-${l}`)})})}),r.length&&i.push({kind:"namespaces",node:xa(tl,{title:ze,count:r.length,children:r.map((e,a)=>xa(Oe,{label:e},`ns-${a}-${e}`))})}),n.length&&i.push({kind:"languages",node:xa(tl,{title:Xe,count:n.length,children:n.map((e,a)=>{const t=He(e);return xa(Oe,{label:_t(e),leftIcon:t},`lang-${a}-${e}`)})})}),xa(Ae,{bgTint:"900",richTitle:{title:t,subTitle:i.length>1?Ne:void 0},withCollapse:!0,collapseIsDefaultOpen:!0,children:xa(Ae,{bgTint:"800",children:xa(Ut,{children:i.map((e,a)=>Ca($a.Fragment,{children:[a>0&&xa(ll,{}),e.node]},e.kind))})})})},nl=({scopes:e,onChange:a,sourceOptions:t=[],namespaceOptions:l=[],supportedLanguages:r,titleNumber:n,dataIdPrefix:s="source-scope",slim:o})=>{const d=e??ya(),[c,u]=wa(()=>(e=>e.sources.length>0?"source":e.namespaces.length>0?"namespace":e.languages.length>0?"language":"all")(d)),{sources:p,namespaces:h,languages:g}=d,m=p.length>0||h.length>0||g.length>0,v=Ta(()=>Zt.map(e=>"language"===e.value&&0===r?.length?null:{...e,disabled:"all"===e.value&&m}).filter(Boolean),[m]),f=Ta(()=>p.map(e=>{return a=e.namespace,t=e.kind,l=e.name,`${a}/${t}/${l}`;var a,t,l}),[p]),b=Ta(()=>[...h],[h]),y=Ta(()=>new Set(g),[g]),x=ka(e=>{u(e)},[]),C=ka(e=>{const t=e.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({...d,sources:t})},[d,a]),S=ka(e=>{a({...d,namespaces:e})},[d,a]),$=ka(e=>{const t=d.languages,l=t.includes(e)?t.filter(a=>a!==e):[...t,e];a({...d,languages:l})},[d,a]),T=!m&&"all"===c,k=(r||Qt).map(e=>({id:e,label:Yt[e]??e.charAt(0).toUpperCase()+e.slice(1),Icon:He(e)}));return Ca(I,{richTitle:o?{title:el(n),titleSize:E.XS,titleColor:H.Secondary,tooltip:Ee}:{title:el(n),subTitle:Ee,subTitleWrap:!0},backgroundColor:o?"transparent":void 0,padding:o?0:void 0,children:[xa(Pe,T?{status:Le.Default,message:Me,fullWidth:!0,smallIcon:!0}:{status:Le.Info,message:Ne,fullWidth:!0,smallIcon:!0}),xa(P,{$alignItems:"flex-start",children:xa(L,{options:v,selected:c,setSelected:x})}),"source"===c&&xa(Be,{multiple:!0,"data-id":`${s}-autocomplete-source`,options:t,value:f,onSelect:C,placeholder:Ve}),"namespace"===c&&xa(Be,{multiple:!0,"data-id":`${s}-autocomplete-namespace`,options:l,value:b,onSelect:S,placeholder:"Search namespace"}),"language"===c&&k.length>0&&xa(Gt,{children:k.map(({id:e,label:a,Icon:t})=>{const l=y.has(e);return Ca(jt,{$selected:l,onClick:()=>$(e),children:[xa(i,{name:`${s}-lang-${e}`,size:qe.S,value:l,onChange:()=>$(e)}),xa(Jt,{children:xa(t,{size:20})}),xa(N,{size:E.XS,nowrap:!0,children:a})]},e)})})]})},il=(e,a)=>!a?.length||!!a?.find(a=>a===e),sl=({title:e="Signals",required:a,errorMessage:t,allowedSignals:l,selectedSignals:r,setSelectedSignals:n,disabled:s})=>{const[o,d]=wa(1===r.length),c=Aa(JSON.stringify(r));Pa(()=>{let e=Ue(r).filter(e=>il(e,l));e.length||(e=Ke.filter(({id:e})=>il(e,l)).map(({id:e})=>e));const a=JSON.stringify(e);c.current!==a&&(c.current=a,n(e),d(1===e.length))},[l,r]);return Ca(P,{$gap:12,children:[xa(M,{label:e,required:a}),xa(A,{$gap:12,children:Ke.map(e=>{const a=il(e.id,l),t=((e,a)=>!!a?.find(a=>a===e))(e.id,r);return a?xa(i,{label:e.value,disabled:s||!a||o&&t,value:t,onChange:a=>((e,a)=>{const t=e,l=a?[...r,t]:r.filter(e=>e!==t);n(l),d(1===l.length)})(e.id,a)},e.id):null})}),xa(We,{errorMessage:t})]})},ol=({minSupportedVersion:a,currentVersion:t})=>xa(e,{isOpen:!0,onClose:()=>{},relativeToParent:!0,visual:()=>xa(Fe,{scale:2.4,icon:()=>xa("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"21",viewBox:"0 0 22 21",fill:"none",children:xa("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}.`}),dl=Ia.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  width: ${({$width:e})=>e};
-  gap: ${({$columnHasHeader:e})=>e?"0":"12px"};
-`,cl=Ia.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]};
-`,ul=Ia.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${({$gap:e})=>e}px;
-  padding: 12px 12px 0 12px;
-  width: 100%;
-  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;
-`,pl=({isLeft:e,isRight:a,heightOffset:t=0,width:l,header:r,list:n})=>Ca(dl,{$width:l,$columnHasHeader:!!r,children:[r&&xa(cl,{children:r}),xa(ul,{$gap:8,$isLeft:e,$isRight:a,$heightOffset:t,$columnHasHeader:!!r,children:n.length?n.length>1?xa(Ye,{gap:8,elements:n}):xa(Sa,{children:n[0]}):xa(Qe,{$height:"100%",children:xa(Ze,{})})})]}),hl="75vw",gl=Ia.div`
-  display: flex;
-  flex-direction: column;
-  border-radius: 16px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
-  overflow: hidden;
-`,ml=Ia.div`
-  display: flex;
-  gap: 12px;
-  padding: 16px 16px 0 16px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
-  position: sticky;
-  top: 0;
-`,vl=Ia.div`
-  padding: 12px 12px 0 12px;
-`,fl=Ia.div`
-  display: flex;
-  gap: 12px;
-  padding: 16px;
-`,bl=Ia.div`
-  padding: 5vh 10vw;
-  border-radius: 12px;
-  background-color: ${({theme:e})=>e.v2.colors.silver[800]};
-`,yl=Ma(({isOpen:t,withOverlay:l,disableAnimation:r,onClose:n,onBack:i,onNext:s,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:C,progress:S},$)=>{const[T,k]=wa(!1),[w,A]=wa(!1),[P,M]=wa(void 0);La($,()=>({clearErrors:()=>M(void 0)}));const L=w,I=ka(()=>{y&&!T?k(!0):(k(!1),n?.())},[y,T,n]),O=c||w||"boolean"==typeof y&&!y,D=ka(async()=>{A(!0);const e=await d();A(!1),!1!==e&&(e?.error?M(e.error):(u?.setValue([]),n?.()))},[d,u,n]),z=!!v||!!u||!!f,X=!!h,N=(z?48:0)+(X?50:0),R=Ta(()=>C?{status:Le.Info,message:"Fetching Data..."}:w&&!S?{status:Le.Info,message:"Saving Changes..."}:P||b?{status:Le.Error,message:P||b}:"boolean"==typeof y&&y&&!x?{status:Le.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:Le.Success,message:"The values reflect the current configuration of the selected cluster."},[C,w,S,P,b,y,x]),H=Ta(()=>i?{label:"Back",leftIcon:Ba,variant:a.Secondary,onClick:i}:{label:"Cancel",variant:a.Secondary,onClick:I,disabled:L},[i,I,L]),[B,V]=wa(!1),q=Ta(()=>s?o?{"data-id":"wide-drawer-skip",label:"Skip",rightIcon:Va,variant:a.Secondary,onClick:()=>V(!0)}:{"data-id":"wide-drawer-next",label:"Next",rightIcon:Va,variant:a.Primary,onClick:s}:{"data-id":"wide-drawer-save",label:"Save",variant:a.Primary,onClick:D,disabled:O},[s,o,D,O]);return Ca(_e,{width:hl,isOpen:t,disableAnimation:r,hideOverlay:!w&&!l,header:{...p,onClose:n?I:void 0,onCloseDisabled:L},footer:{note:R,actions:[H,q]},children:[w?xa(Qe,{$height:"calc(100vh - 136px)",children:xa(bl,{children:xa(ea,{titleSize:E.S,subTitleSize:E.XXXS,withGradient:!0,withSpinner:!0,...S})})}):Ca(gl,{children:[z&&Ca(ml,{children:[u&&xa(aa,{icon:qa,title:"Selected Clusters",badge:{label:u.value.length}}),v&&xa(ta,{width:"100%",...v}),f]}),X&&xa(vl,{children:xa(aa,{icon:h.icon,title:h.title,subTitle:h.description,badge:h.badge})}),Ca(fl,{children:[xa(pl,{isLeft:!0,heightOffset:N,...g}),xa(pl,{isRight:!0,heightOffset:N,...m})]})]}),xa(Ua,{isOpen:T,onClose:()=>k(!1),onApprove:I}),xa(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:()=>{s?.(),V(!1)}}})]})});yl.displayName=yl.name;const xl=Ia.div`
-  padding: 0 24px;
-  border-radius: 12px;
-  background-color: ${({$codeBgColor:e})=>e||"transparent"};
-`,Cl=({title:e="YAML",yaml:t,defaultOpen:l,fullHeight:r,bgTint:n="1000",codeBgColor:i})=>{const{clickCopy:s,isCopied:o}=la(),d=Ta(()=>t?[{id:na(),type:ra.Button,buttonProps:{variant:a.Text,size:m.S,leftIcon:o?Ga:ja,onClick:()=>s(t||""),disabled:o}}]:[],[t,o]);return xa(Ae,{bgTint:n,richTitle:{icon:Ja,title:e},actions:d,withCollapse:!0,collapseIsDefaultOpen:l,fullHeight:r,children:xa(xl,{$codeBgColor:i,children:t?xa(ia,{code:t,language:"yaml",theme:"duotoneDark"}):xa(Qe,{children:xa(Ze,{title:"YAML not found",subTitle:"The YAML for this resource is not available"})})})})};export{Qa as A,Ua as C,Wa as D,tt as I,nt as N,kt as O,st as P,Rt as R,sl as S,ol as U,yl as W,Cl as Y,al as a,rt as b,qt as c,Vt as d,dt as e,Lt as f,Ka as g,lt as h,hl as i,it as j};