@odigos/ui-kit 0.0.269 → 0.0.271
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +160 -189
- package/lib/chunks/{helpers-w7krM8zT.js → helpers-pQ9OGZgF.js} +1 -1
- package/lib/chunks/index-BD_WHo50.js +257 -0
- package/lib/chunks/source-instrument-form-context-DB1VZT-P.js +5 -0
- package/lib/chunks/ui-components-BzgG1abD.js +1596 -0
- package/lib/components/no-data/index.d.ts +3 -1
- package/lib/components.js +1 -1
- package/lib/constants/strings/index.d.ts +3 -0
- package/lib/constants.js +1 -1
- package/lib/containers/_drawers/edit-action-drawer/helpers.d.ts +2 -3
- package/lib/containers/_drawers/edit-rule-drawer/helpers.d.ts +6 -5
- package/lib/containers.js +259 -225
- package/lib/contexts.js +1 -1
- package/lib/functions/build-catalog-fields-data-card/index.d.ts +17 -0
- package/lib/functions/index.d.ts +1 -0
- package/lib/functions.js +1 -1
- package/lib/hooks/useInstrumentationRuleFormData.d.ts +2 -2
- package/lib/hooks.js +1 -1
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types/actions/index.d.ts +5 -1
- package/lib/types/instrumentation-rules/index.d.ts +15 -1
- package/lib/types/pipeline-collectors/index.d.ts +6 -0
- package/lib/types.js +1 -1
- package/lib/visuals.js +1 -1
- package/package.json +14 -11
- package/lib/chunks/index-C8U7vd0v.js +0 -257
- package/lib/chunks/source-instrument-form-context-DS-dr35D.js +0 -5
- package/lib/chunks/ui-components-dsTdscIC.js +0 -1596
package/lib/containers.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import o,{useEffect as i,useState as a,Fragment as l,forwardRef as r,useImperativeHandle as s,useMemo as c,useCallback as d,useRef as p,Children as u,createContext as h,useContext as m,useLayoutEffect as g,memo as f}from"react";import b,{useTheme as v,css as y,keyframes as C}from"styled-components";import{u as S,n as x,C as w,g as T,f as k,e as I,q as N,h as E,j as O,k as $,p as A,l as R,c as D,r as _,S as P,s as L,R as F,t as M,w as z,o as B,x as X,y as U,z as V,A as H,B as j,D as G,E as W,F as K,G as Y,H as J,I as q,J as Z}from"./chunks/helpers-pQ9OGZgF.js";import{bn as Q,F as ee,d as te,C as ne,k as oe,I as ie,bx as ae,o as le,p as re,w as se,Y as ce,by as de,h as pe,bz as ue,ar as he,bA as me,bB as ge,B as fe,i as be,j as ve,x as ye,a4 as Ce,bo as Se,b0 as xe,bC as we,g as Te,bD as ke,u as Ie,N as Ne,S as Ee,bE as Oe,bt as $e,bu as Ae,bs as Re,bF as De,e as _e,f as Pe,af as Le,T as Fe,ad as Me,ae as ze,ab as Be,aa as Xe,ac as Ue,a9 as Ve,b7 as He,a8 as je,bG as Ge,bH as We,bI as Ke,bJ as Ye,bK as Je,W as qe,m as Ze,bb as Qe,bL as et,bM as tt,bN as nt,bO as ot,bP as it,bQ as at,bR as lt,bS as rt,Q as st,bT as ct,bU as dt,bV as pt,bW as ut,bX as ht,a$ as mt,br as gt,s as ft,bY as bt,bZ as vt,b1 as yt,b_ as Ct,b$ as St,aY as xt,v as wt,bv as Tt,ba as kt,b as It,q as Nt,c0 as Et,bc as Ot,c1 as $t,c2 as At,be as Rt,c3 as Dt,b3 as _t,c4 as Pt,l as Lt,y as Ft,D as Mt,c5 as zt,n as Bt,bh as Xt,bm as Ut,z as Vt,c6 as Ht,c7 as jt,bl as Gt,c8 as Wt,a3 as Kt,c9 as Yt,ca as Jt,b6 as qt,H as Zt,cb as Qt,cc as en,cd as tn,ce as nn,ag as on,cf as an,cg as ln,ch as rn,ci as sn,cj as cn,O as dn,ck as pn,cl as un,A as hn,b2 as mn,a_ as gn,cm as fn,cn as bn,co as vn,cp as yn,cq as Cn,cr as Sn,bw as xn,cs as wn,ct as Tn,cu as kn,cv as In,cw as Nn,cx as En,cy as On,cz as $n,cA as An,cB as Rn,M as Dn,cC as _n,cD as Pn,cE as Ln,cF as Fn,cG as Mn,cH as zn,cI as Bn,cJ as Xn,cK as Un,cL as Vn,cM as Hn,cN as jn,cO as Gn,aO as Wn,cP as Kn,cQ as Yn,cR as Jn,cS as qn,cT as Zn,cU as Qn,cV as eo,cW as to,cX as no,cY as oo,cZ as io,c_ as ao,c$ as lo,d0 as ro,d1 as so,ax as co,d2 as po,d3 as uo,b4 as ho,d4 as mo,d5 as go,d6 as fo,d7 as bo,d8 as vo,d9 as yo,da as Co,db as So,dc as xo,dd as wo,de as To,df as ko,dg as Io,dh as No,di as Eo,dj as Oo,dk as $o,dl as Ao,dm as Ro,dn as Do,dp as _o,dq as Po,dr as Lo,ds as Fo,dt as Mo,du as zo,dv as Bo,dw as Xo,dx as Uo,dy as Vo,dz as Ho,dA as jo,dB as Go,dC as Wo,dD as Ko,dE as Yo,dF as Jo,dG as qo,dH as Zo,dI as Qo,dJ as ei,dK as ti,dL as ni,dM as oi,dN as ii,dO as ai,dP as li,dQ as ri,dR as si,dS as ci,dT as di,dU as pi,dV as ui,dW as hi,dX as mi,dY as gi,dZ as fi,d_ as bi,d$ as vi,e0 as yi,e1 as Ci,e2 as Si,e3 as xi,e4 as wi,e5 as Ti,e6 as ki,e7 as Ii,e8 as Ni,e9 as Ei,ea as Oi,eb as $i,ec as Ai,ed as Ri,ee as Di,ef as _i,eg as Pi,eh as Li,P as Fi,ei as Mi,ej as zi,ek as Bi,el as Xi,em as Ui,en as Vi,eo as Hi,aZ as ji,ep as Gi,$ as Wi,eq as Ki,er as Yi,es as Ji,et as qi,eu as Zi,ev as Qi,ew as ea,ex as ta,ey as na,ez as oa,eA as ia,bd as aa,eB as la,R as ra,a as sa,eC as ca,eD as da,eE as pa,eF as ua,eG as ha,eH as ma,eI as ga,eJ as fa,eK as ba,eL as va,eM as ya,eN as Ca,eO as Sa,eP as xa,eQ as wa,eR as Ta,eS as ka,eT as Ia,eU as Na,eV as Ea,eW as Oa,eX as $a}from"./chunks/ui-components-BzgG1abD.js";import{TrashIcon as Aa,PlusIcon as Ra,ArrowRightIcon as Da,VSquareIcon as _a,XSquareIcon as Pa,BookIcon as La,DeleteIcon as Fa,EditIcon as Ma,GoLogo as za,JavaLogo as Ba,PhpLogo as Xa,ChevronRightIcon as Ua,ActionIcon as Va,DestinationIcon as Ha,ChevronUpIcon as ja,ChevronDownIcon as Ga,VIcon as Wa,XIcon as Ka,InstrumentationRuleIcon as Ya,SourceIcon as Ja,NamespacesIcon as qa,AzureIcon as Za,GoogleCloudPlatformLogo as Qa,AwsLogo as el,CloudConnectorIcon as tl,EyeOpenIcon as nl,CloudConnectorPolicyIcon as ol,ArrowLeftIcon as il,ISquareIcon as al,RefreshIcon as ll,SettingsIcon as rl,PodIcon as sl,OdigosLogo as cl,K8sLogo as dl,ExclamationCircleIcon as pl,QuestionCircleIcon as ul,InboundIcon as hl,OutboundIcon as ml,UserIcon as gl,TerminalIcon as fl,RefreshLeftArrowIcon as bl,MinusIcon as vl,SearchIcon as yl,ExpandIcon as Cl,CopyIcon as Sl,DotIcon as xl,ArrowDownIcon as wl,DownloadIcon as Tl,VmLogo as kl,SamplingIcon as Il,ExclamationTriangleIcon as Nl,KeyIcon as El,DiagnoseIcon as Ol,StarIcon as $l,ArrowIcon as Al,ConnectionsIcon as Rl,FilterIcon as Dl,DataStreamIcon as _l,PipelineCollectorIcon as Pl,ArrowDownSquareIcon as Ll,ArrowUpSquareIcon as Fl,GatewayIcon as Ml,YamlIcon as zl,ImageErrorIcon as Bl,LockIcon as Xl}from"./icons.js";import{h as Ul,o as Vl,n as Hl,q as jl,m as Gl,t as Wl,s as Kl,S as Yl,w as Jl,E as ql,x as Zl,y as Ql,v as er,l as tr,d as nr,O as or,f as ir,b as ar,A as lr,R as rr,C as sr,e as cr,D as dr}from"./chunks/source-instrument-form-context-DB1VZT-P.js";import{n as pr,f as ur,k as hr,I as mr,l as gr,A as fr,i as br,P as vr,S as yr,R as Cr,g as Sr,j as xr,c as wr,h as Tr,m as kr,W as Ir,C as Nr,b as Er,Y as Or,O as $r,a as Ar,U as Rr,e as Dr}from"./chunks/index-BD_WHo50.js";import{createPortal as _r}from"react-dom";import{MarkerType as Pr,useNodesState as Lr,useEdgesState as Fr,Handle as Mr,Position as zr,getSmoothStepPath as Br,BaseEdge as Xr,EdgeLabelRenderer as Ur,ReactFlowProvider as Vr,ReactFlow as Hr,Background as jr,Controls as Gr,ControlButton as Wr,useReactFlow as Kr}from"@xyflow/react";import Yr from"elkjs/lib/elk.bundled.js";import"@xyflow/react/dist/style.css";import"zustand";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"prism-react-renderer";import"zustand/middleware";import"react-error-boundary";import"virtua";import"@apollo/client/react";import"@apollo/client/link/error";import"@apollo/client/link/context";import"@apollo/client/utilities";import"@apollo/client/errors";import"@apollo/client";const Jr=[{id:"CREDIT_CARD",label:"Credit card"}],qr=[{id:Q.CollectContainerAttributes,label:"Collect container attributes"},{id:Q.CollectReplicaSetAttributes,label:"Collect ReplicaSet attributes"},{id:Q.CollectWorkloadId,label:"Collect workload ID"},{id:Q.CollectClusterId,label:"Collect cluster ID"}],Zr=[{id:ae.Pod,label:ae.Pod},{id:ae.Namespace,label:ae.Namespace},{id:ae.Node,label:ae.Node}],Qr=[{label:"Label key",keyName:"labelKey",placeholder:"app.kubernetes.io/name"},{label:"Attribute key",keyName:"attributeKey",placeholder:"app.kubernetes.name"},{label:"From sources",keyName:"fromSources",placeholder:"pod, namespace",tooltip:"Select multiple sources. Higher precedence sources (pod > namespace > node) will override lower ones.",componentType:"multi-dropdown",options:Zr}],es=[{label:"Annotation key",keyName:"annotationKey",placeholder:"kubectl.kubernetes.io/restartedAt"},{label:"Attribute key",keyName:"attributeKey",placeholder:"kubectl.kubernetes.restartedAt"},{label:"From sources",keyName:"fromSources",placeholder:"pod, namespace",tooltip:"Select multiple sources. Higher precedence sources (pod > namespace > node) will override lower ones.",componentType:"multi-dropdown",options:Zr}],ts=Q.ExtractAttribute;var ns;(e=>{e.Preset="preset",e.Regex="regex"})(ns||(ns={}));const os=[ue.JSON,ue.SQL,ue.ResourcePath],is=(e=ue.JSON)=>({targetAttributeName:"",lookupKey:"",dataFormat:e,regex:""}),as=e=>!!e.regex&&!e.lookupKey&&!e.dataFormat,ls=b.div`
|
|
2
2
|
width: 100%;
|
|
3
3
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
4
4
|
border-radius: 8px;
|
|
@@ -6,13 +6,13 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
6
6
|
display: flex;
|
|
7
7
|
flex-direction: column;
|
|
8
8
|
gap: 8px;
|
|
9
|
-
`,
|
|
9
|
+
`,rs=b.div`
|
|
10
10
|
flex: 1;
|
|
11
11
|
min-width: 0;
|
|
12
|
-
`,
|
|
12
|
+
`,ss=b.div`
|
|
13
13
|
/* Pushes the arrow down to sit next to the inputs rather than the field titles. */
|
|
14
14
|
padding-top: 24px;
|
|
15
|
-
`,is=e=>Object.entries(e||{}).map(([e,t])=>({oldKey:e,newKey:t})),as=e=>{const t={};return e.forEach(({oldKey:e,newKey:o})=>{t[e]=o}),t},ls=Q.UrlTemplatizationRulesGroups,rs=[{keyName:"kind",label:"Kind",placeholder:"Any kind",componentType:"dropdown",options:[{id:"Deployment",label:"Deployment"},{id:"StatefulSet",label:"StatefulSet"},{id:"DaemonSet",label:"DaemonSet"}]},{keyName:"name",label:"Name",placeholder:"Any name"}],ss={[Se.K8sAttributes]:({value:n,setValue:a,formErrors:l})=>(i(()=>{n[Q.CollectContainerAttributes]||n[Q.CollectReplicaSetAttributes]||n[Q.CollectWorkloadId]||n[Q.CollectClusterId]||n[Q.LabelsAttributes]?.length||n[Q.AnnotationsAttributes]?.length||(a(Q.CollectContainerAttributes,!0),a(Q.CollectReplicaSetAttributes,!0),a(Q.CollectWorkloadId,!0),a(Q.CollectClusterId,!0),a(Q.LabelsAttributes,[]),a(Q.AnnotationsAttributes,[]))},[]),e(o,{children:[t(ee,{$gap:6,children:Gr.map(({id:o,label:i})=>e(ee,{children:[t(oe,{label:i,value:n[o]||!1,onChange:e=>a(o,e)}),t(ne,{errorMessage:l[o]})]},o))}),t(ie,{name:"labelsAttributes",label:"Label attributes",limitFieldsPerRow:2,columns:Kr,values:n[Q.LabelsAttributes]||[],setValues:e=>a(Q.LabelsAttributes,e),errorMessage:l[Q.LabelsAttributes]}),t(ie,{name:"annotationsAttributes",label:"Annotation attributes",limitFieldsPerRow:2,columns:Yr,values:n[Q.AnnotationsAttributes]||[],setValues:e=>a(Q.AnnotationsAttributes,e),errorMessage:l[Q.AnnotationsAttributes]})]})),[Se.AddClusterInfo]:({value:n,setValue:i,formErrors:a})=>{const l=v();return e(o,{children:[t(le,{label:"Overwrite existing values",labelAlign:re.Left,labelColor:l.v2.colors.silver[200],tooltip:"If enabled, the resource attributes will overwrite any existing attributes with the same name.",value:n[Q.OverwriteExistingValues]||!1,onChange:e=>i(Q.OverwriteExistingValues,e)}),t(ie,{name:"clusterAttributes",label:"Resource attributes",limitFieldsPerRow:2,columns:[{keyName:"attributeName",label:"Attribute name",placeholder:"Attribute name"},{keyName:"attributeStringValue",label:"Attribute value",placeholder:"Attribute value"}],values:n[Q.ClusterAttributes]||[],setValues:e=>i(Q.ClusterAttributes,e),errorMessage:a[Q.ClusterAttributes]})]})},[Se.DeleteAttributes]:({value:e,setValue:o,formErrors:n})=>t(se,{name:"attributeNamesToDelete",label:"Attributes to delete",values:e[Q.AttributeNamesToDelete]||[],setValues:e=>o(Q.AttributeNamesToDelete,e),errorMessage:n[Q.AttributeNamesToDelete]}),[Se.RenameAttributes]:({value:e,setValue:o,formErrors:n})=>{const l=e[Q.Renames],[r,s]=a(()=>is(l));return i(()=>{((e,t)=>{const o=Object.keys(e),n=Object.keys(t);return o.length===n.length&&o.every(o=>Object.prototype.hasOwnProperty.call(t,o)&&t[o]===e[o])})(as(r),l||{})||s(is(l))},[l]),t(ie,{name:"renames",label:"Attributes to rename",limitFieldsPerRow:2,columns:[{keyName:"oldKey",label:"Old key",placeholder:"Old key"},{keyName:"newKey",label:"New key",placeholder:"New key"}],values:r,setValues:e=>{const t=e.map(e=>({oldKey:String(e.oldKey??""),newKey:String(e.newKey??"")}));s(t),o(Q.Renames,as(t))},errorMessage:n[Q.Renames]})},[Se.PiiMasking]:({value:o,setValue:n,formErrors:a})=>(i(()=>{o[Q.PiiCategories]?.length||n(Q.PiiCategories,jr.map(({id:e})=>e))},[]),e(ee,{$gap:12,children:[t(te,{label:"Attributes to mask"}),t(ee,{$gap:6,children:jr.map(({id:e,label:i})=>t(oe,{label:i,value:o[Q.PiiCategories]?.includes(e)||!1,onChange:t=>{const i=o[Q.PiiCategories]||[],a=t?[...i,e]:i.filter(t=>t!==e);n(Q.PiiCategories,a)}},e))}),t(ne,{errorMessage:a[Q.PiiCategories]})]})),[Se.URLTemplatization]:({value:n,setValue:i,formErrors:a})=>{const r=v(),s=n[ls]||[{filterK8sNamespace:"",workloadFilters:[],templatizationRules:[{template:""}],notes:""}],c=e=>i(ls,e),d=(e,t)=>c(s.map((o,n)=>n===e?{...o,...t}:o));return e(o,{children:[s.map((o,n)=>e(l,{children:[t(Ce,{}),e(ee,{$gap:12,children:[e(ue,{$justifyContent:"space-between",$alignItems:"center",children:[t(te,{label:`Rule Group ${n+1}`}),t(fe,{leftIcon:()=>t(Oa,{fill:r.v2.colors.red[500]}),variant:ve.Secondary,size:be.S,onClick:()=>{return e=n,c(s.filter((t,o)=>o!==e));var e},disabled:1===s.length})]}),t(ye,{name:`urlGroup-${n}-namespace`,label:"Namespace",placeholder:"All namespaces",tooltip:"Filter rules to a specific Kubernetes namespace.",value:o.filterK8sNamespace||"",onChange:e=>d(n,{filterK8sNamespace:e.target.value})}),t(ie,{name:`urlGroup-${n}-workloadFilters`,label:"Workload filters",tooltip:"Optionally scope templates to specific workloads.",columns:rs,values:o.workloadFilters||[],setValues:e=>d(n,{workloadFilters:e})}),t(se,{name:`urlGroup-${n}-templates`,label:"Templates",required:!0,placeholder:"e.g. /user/{id}",values:o.templatizationRules.map(e=>e.template),setValues:e=>d(n,{templatizationRules:e.map(e=>({template:e}))})})]}),t(ne,{errorMessage:a[ls]})]},`url-templatization-group-${n}`)),t(fe,{variant:ve.Secondary,label:"Add rule group",leftIcon:$a,onClick:()=>c([...s,{filterK8sNamespace:"",workloadFilters:[],templatizationRules:[{template:""}],notes:""}])}),t(Ce,{})]})},[Se.ExtractAttribute]:({value:o,setValue:n,formErrors:l})=>{const r=v(),s=l[Jr],c=o[Jr]?.extractions||[],[d,u]=a(()=>(e=>e.length&&e.some(es)?qr.Regex:qr.Preset)(c)),[p,h]=a(null),m=e=>n(Jr,{extractions:e});i(()=>{0===c.length&&m([d===qr.Preset?Qr():{targetAttributeName:"",lookupKey:"",dataFormat:"",regex:""}])},[]);const g=(e,t)=>{m(c.map((o,n)=>n===e?{...o,...t}:o))},f=()=>{m([...c,d===qr.Preset?Qr():{targetAttributeName:"",lookupKey:"",dataFormat:"",regex:""}])},b=d===qr.Preset,y=c.length?c:[b?Qr():{targetAttributeName:"",lookupKey:"",dataFormat:"",regex:""}],C=null!=p&&y[p]?.regex||"";return e(ee,{$gap:16,$width:"100%",children:[t(ce,{options:[{value:qr.Preset,label:de.SEGMENT_PRESET_LABEL,tooltip:de.SEGMENT_PRESET_TOOLTIP,selectedBgColor:r.v2.colors.purple[500]},{value:qr.Regex,label:de.SEGMENT_REGEX_LABEL,tooltip:de.SEGMENT_REGEX_TOOLTIP,selectedBgColor:r.v2.colors.purple[500]}],selected:d,setSelected:e=>{u(e),m([e===qr.Preset?Qr():{targetAttributeName:"",lookupKey:"",dataFormat:"",regex:""}])}}),e(ee,{$gap:8,$width:"100%",children:[y.map((o,n)=>{const i=n===y.length-1,a=o.dataFormat||pe.JSON,l=me[a];return e(ts,{"data-id":`extract-row-${n}`,children:[e(ue,{$gap:10,$alignItems:"flex-start",$width:"100%",$justifyContent:"space-between",children:[e(ee,{$gap:10,children:[t(te,{label:b?de.PRESET_ROW_TITLE(n):de.REGEX_ROW_TITLE(n)}),b&&t(ue,{$gap:24,children:Zr.map(e=>t(he,{"data-id":`extract-row-${n}-fmt-${e}`,size:ge.L,label:me[e].label,value:a===e,onChange:t=>t&&g(n,{dataFormat:e})},`extract-row-${n}-fmt-${e}`))})]}),e(ue,{$gap:4,$alignItems:"center",children:[!b&&t(fe,{"data-id":`extract-row-${n}-test-regex`,label:de.TEST_REGEX_LABEL,variant:ve.Secondary,size:be.S,onClick:()=>h(n),disabled:!o.regex?.trim()}),t(fe,{"data-id":`extract-row-${n}-delete`,leftIcon:()=>t(Oa,{fill:r.v2.colors.red[500]}),variant:ve.Secondary,size:be.S,onClick:()=>(e=>{const t=c.filter((t,o)=>o!==e);m(t.length?t:[d===qr.Preset?Qr():{targetAttributeName:"",lookupKey:"",dataFormat:"",regex:""}])})(n)}),i&&t(fe,{"data-id":`extract-row-${n}-add`,leftIcon:$a,variant:ve.Secondary,size:be.S,onClick:f})]})]}),b?e(ue,{$gap:8,$alignItems:"flex-start",$width:"100%",children:[t(os,{children:t(ye,{name:`extract-row-${n}-lookupKey`,label:l.keyLabel,placeholder:l.placeholder,helpMessage:l.helpMessage,width:"100%",value:o.lookupKey||"",onChange:e=>g(n,{lookupKey:e.target.value})})}),t(ns,{children:t(Aa,{size:24,fill:r.v2.colors.silver[200]})}),t(os,{children:t(ye,{name:`extract-row-${n}-targetAttributeName`,label:de.TARGET_LABEL,placeholder:de.TARGET_PLACEHOLDER,helpMessage:de.TARGET_HELP,width:"100%",value:o.targetAttributeName||"",onChange:e=>g(n,{targetAttributeName:e.target.value})})})]}):e(ee,{$gap:12,$width:"100%",children:[t(ye,{name:`extract-row-${n}-regex`,label:de.REGEX_LABEL,placeholder:de.REGEX_PLACEHOLDER,helpMessage:de.REGEX_HELP,width:"100%",value:o.regex||"",onChange:e=>g(n,{regex:e.target.value})}),t(ye,{name:`extract-row-${n}-targetAttributeName`,label:de.TARGET_LABEL,placeholder:de.TARGET_PLACEHOLDER,helpMessage:de.TARGET_HELP,width:"100%",value:o.targetAttributeName||"",onChange:e=>g(n,{targetAttributeName:e.target.value})})]})]},`extract-row-${n}`)}),t(ne,{errorMessage:s})]}),t(lr,{isOpen:null!=p,regex:C,onClose:()=>h(null)})]})}},cs=({actionType:e,value:o,setValue:n,formErrors:i,dynamicFields:a,signals:l,sourceOptions:r,namespaceOptions:s})=>{if(!e)return null;if(a?.length)return t(rr,{fields:a,value:o||{},setValue:n,formErrors:i||{},signals:l||[],seedInitialValues:!0,keyValuePersistAs:"map",sourceOptions:r,namespaceOptions:s},e);const c=ss[e];return c?t(c,{value:o,setValue:n,formErrors:i}):null},ds=()=>{const o=v(),{selectedOption:n,genericForm:i,sourceOptions:a,namespaceOptions:l}=Fl();if(!i||!n)return t(xe,{title:"No active form"});const{formData:r,handleFormChange:s,formErrors:c}=i;return e(ee,{$gap:24,children:[e(ue,{$gap:12,$justifyContent:"space-between",children:[t(we,{size:Te.XXXS,maxLines:2,children:n.description}),e(ue,{$gap:12,children:[t(ce,{options:[{icon:Ra,label:"Enabled",value:!1,selectedBgColor:o.v2.colors.green[800]},{icon:Da,label:"Disabled",value:!0,selectedBgColor:o.v2.colors.red[800]}],size:ke.S,selected:r.disabled,setSelected:e=>s("disabled",e)}),t(fe,{leftIcon:_a,variant:ve.Secondary,size:be.S,onClick:()=>n.docsUrl&&window.open(n.docsUrl,"_blank","noopener noreferrer")})]})]}),t(sr,{title:"Signals for processing",allowedSignals:n.allowedSignals,selectedSignals:r.signals||[],setSelectedSignals:e=>s("signals",e),errorMessage:c.signals}),t(ye,{name:"actionName",label:"Action name",placeholder:"Use a name that describes the action...",value:r.name||"",onChange:({target:{value:e}})=>s("name",e),errorMessage:c.name}),t(cs,{actionType:n.type,dynamicFields:n.fields,signals:r.signals||[],value:r.fields,setValue:(e,t)=>s(`fields.${e}`,t),formErrors:c,sourceOptions:a,namespaceOptions:l}),t(Ie,{name:"notes",label:"Notes",placeholder:"Your personal notes...",value:r.notes||"",onChange:({target:{value:e}})=>s("notes",e),errorMessage:c.notes})]})},us=b(ue)`
|
|
15
|
+
`,cs=e=>Object.entries(e||{}).map(([e,t])=>({oldKey:e,newKey:t})),ds=e=>{const t={};return e.forEach(({oldKey:e,newKey:n})=>{t[e]=n}),t},ps=Q.UrlTemplatizationRulesGroups,us=[{keyName:"kind",label:"Kind",placeholder:"Any kind",componentType:"dropdown",options:[{id:"Deployment",label:"Deployment"},{id:"StatefulSet",label:"StatefulSet"},{id:"DaemonSet",label:"DaemonSet"}]},{keyName:"name",label:"Name",placeholder:"Any name"}],hs={[Se.K8sAttributes]:({value:o,setValue:a,formErrors:l})=>(i(()=>{o[Q.CollectContainerAttributes]||o[Q.CollectReplicaSetAttributes]||o[Q.CollectWorkloadId]||o[Q.CollectClusterId]||o[Q.LabelsAttributes]?.length||o[Q.AnnotationsAttributes]?.length||(a(Q.CollectContainerAttributes,!0),a(Q.CollectReplicaSetAttributes,!0),a(Q.CollectWorkloadId,!0),a(Q.CollectClusterId,!0),a(Q.LabelsAttributes,[]),a(Q.AnnotationsAttributes,[]))},[]),e(n,{children:[t(ee,{$gap:6,children:qr.map(({id:n,label:i})=>e(ee,{children:[t(ne,{label:i,value:o[n]||!1,onChange:e=>a(n,e)}),t(oe,{errorMessage:l[n]})]},n))}),t(ie,{name:"labelsAttributes",label:"Label attributes",limitFieldsPerRow:2,columns:Qr,values:o[Q.LabelsAttributes]||[],setValues:e=>a(Q.LabelsAttributes,e),errorMessage:l[Q.LabelsAttributes]}),t(ie,{name:"annotationsAttributes",label:"Annotation attributes",limitFieldsPerRow:2,columns:es,values:o[Q.AnnotationsAttributes]||[],setValues:e=>a(Q.AnnotationsAttributes,e),errorMessage:l[Q.AnnotationsAttributes]})]})),[Se.AddClusterInfo]:({value:o,setValue:i,formErrors:a})=>{const l=v();return e(n,{children:[t(le,{label:"Overwrite existing values",labelAlign:re.Left,labelColor:l.v2.colors.silver[200],tooltip:"If enabled, the resource attributes will overwrite any existing attributes with the same name.",value:o[Q.OverwriteExistingValues]||!1,onChange:e=>i(Q.OverwriteExistingValues,e)}),t(ie,{name:"clusterAttributes",label:"Resource attributes",limitFieldsPerRow:2,columns:[{keyName:"attributeName",label:"Attribute name",placeholder:"Attribute name"},{keyName:"attributeStringValue",label:"Attribute value",placeholder:"Attribute value"}],values:o[Q.ClusterAttributes]||[],setValues:e=>i(Q.ClusterAttributes,e),errorMessage:a[Q.ClusterAttributes]})]})},[Se.DeleteAttributes]:({value:e,setValue:n,formErrors:o})=>t(se,{name:"attributeNamesToDelete",label:"Attributes to delete",values:e[Q.AttributeNamesToDelete]||[],setValues:e=>n(Q.AttributeNamesToDelete,e),errorMessage:o[Q.AttributeNamesToDelete]}),[Se.RenameAttributes]:({value:e,setValue:n,formErrors:o})=>{const l=e[Q.Renames],[r,s]=a(()=>cs(l));return i(()=>{((e,t)=>{const n=Object.keys(e),o=Object.keys(t);return n.length===o.length&&n.every(n=>Object.prototype.hasOwnProperty.call(t,n)&&t[n]===e[n])})(ds(r),l||{})||s(cs(l))},[l]),t(ie,{name:"renames",label:"Attributes to rename",limitFieldsPerRow:2,columns:[{keyName:"oldKey",label:"Old key",placeholder:"Old key"},{keyName:"newKey",label:"New key",placeholder:"New key"}],values:r,setValues:e=>{const t=e.map(e=>({oldKey:String(e.oldKey??""),newKey:String(e.newKey??"")}));s(t),n(Q.Renames,ds(t))},errorMessage:o[Q.Renames]})},[Se.PiiMasking]:({value:n,setValue:o,formErrors:a})=>(i(()=>{n[Q.PiiCategories]?.length||o(Q.PiiCategories,Jr.map(({id:e})=>e))},[]),e(ee,{$gap:12,children:[t(te,{label:"Attributes to mask"}),t(ee,{$gap:6,children:Jr.map(({id:e,label:i})=>t(ne,{label:i,value:n[Q.PiiCategories]?.includes(e)||!1,onChange:t=>{const i=n[Q.PiiCategories]||[],a=t?[...i,e]:i.filter(t=>t!==e);o(Q.PiiCategories,a)}},e))}),t(oe,{errorMessage:a[Q.PiiCategories]})]})),[Se.URLTemplatization]:({value:o,setValue:i,formErrors:a})=>{const r=v(),s=o[ps]||[{filterK8sNamespace:"",workloadFilters:[],templatizationRules:[{template:""}],notes:""}],c=e=>i(ps,e),d=(e,t)=>c(s.map((n,o)=>o===e?{...n,...t}:n));return e(n,{children:[s.map((n,o)=>e(l,{children:[t(Ce,{}),e(ee,{$gap:12,children:[e(pe,{$justifyContent:"space-between",$alignItems:"center",children:[t(te,{label:`Rule Group ${o+1}`}),t(fe,{leftIcon:()=>t(Aa,{fill:r.v2.colors.red[500]}),variant:ve.Secondary,size:be.S,onClick:()=>{return e=o,c(s.filter((t,n)=>n!==e));var e},disabled:1===s.length})]}),t(ye,{name:`urlGroup-${o}-namespace`,label:"Namespace",placeholder:"All namespaces",tooltip:"Filter rules to a specific Kubernetes namespace.",value:n.filterK8sNamespace||"",onChange:e=>d(o,{filterK8sNamespace:e.target.value})}),t(ie,{name:`urlGroup-${o}-workloadFilters`,label:"Workload filters",tooltip:"Optionally scope templates to specific workloads.",columns:us,values:n.workloadFilters||[],setValues:e=>d(o,{workloadFilters:e})}),t(se,{name:`urlGroup-${o}-templates`,label:"Templates",required:!0,placeholder:"e.g. /user/{id}",values:n.templatizationRules.map(e=>e.template),setValues:e=>d(o,{templatizationRules:e.map(e=>({template:e}))})})]}),t(oe,{errorMessage:a[ps]})]},`url-templatization-group-${o}`)),t(fe,{variant:ve.Secondary,label:"Add rule group",leftIcon:Ra,onClick:()=>c([...s,{filterK8sNamespace:"",workloadFilters:[],templatizationRules:[{template:""}],notes:""}])}),t(Ce,{})]})},[Se.ExtractAttribute]:({value:n,setValue:o,formErrors:l})=>{const r=v(),s=l[ts],c=n[ts]?.extractions||[],[d,p]=a(()=>(e=>e.length&&e.some(as)?ns.Regex:ns.Preset)(c)),[u,h]=a(null),m=e=>o(ts,{extractions:e});i(()=>{0===c.length&&m([d===ns.Preset?is():{targetAttributeName:"",lookupKey:"",dataFormat:"",regex:""}])},[]);const g=(e,t)=>{m(c.map((n,o)=>o===e?{...n,...t}:n))},f=()=>{m([...c,d===ns.Preset?is():{targetAttributeName:"",lookupKey:"",dataFormat:"",regex:""}])},b=d===ns.Preset,y=c.length?c:[b?is():{targetAttributeName:"",lookupKey:"",dataFormat:"",regex:""}],C=null!=u&&y[u]?.regex||"";return e(ee,{$gap:16,$width:"100%",children:[t(ce,{options:[{value:ns.Preset,label:de.SEGMENT_PRESET_LABEL,tooltip:de.SEGMENT_PRESET_TOOLTIP,selectedBgColor:r.v2.colors.purple[500]},{value:ns.Regex,label:de.SEGMENT_REGEX_LABEL,tooltip:de.SEGMENT_REGEX_TOOLTIP,selectedBgColor:r.v2.colors.purple[500]}],selected:d,setSelected:e=>{p(e),m([e===ns.Preset?is():{targetAttributeName:"",lookupKey:"",dataFormat:"",regex:""}])}}),e(ee,{$gap:8,$width:"100%",children:[y.map((n,o)=>{const i=o===y.length-1,a=n.dataFormat||ue.JSON,l=me[a];return e(ls,{"data-id":`extract-row-${o}`,children:[e(pe,{$gap:10,$alignItems:"flex-start",$width:"100%",$justifyContent:"space-between",children:[e(ee,{$gap:10,children:[t(te,{label:b?de.PRESET_ROW_TITLE(o):de.REGEX_ROW_TITLE(o)}),b&&t(pe,{$gap:24,children:os.map(e=>t(he,{"data-id":`extract-row-${o}-fmt-${e}`,size:ge.L,label:me[e].label,value:a===e,onChange:t=>t&&g(o,{dataFormat:e})},`extract-row-${o}-fmt-${e}`))})]}),e(pe,{$gap:4,$alignItems:"center",children:[!b&&t(fe,{"data-id":`extract-row-${o}-test-regex`,label:de.TEST_REGEX_LABEL,variant:ve.Secondary,size:be.S,onClick:()=>h(o),disabled:!n.regex?.trim()}),t(fe,{"data-id":`extract-row-${o}-delete`,leftIcon:()=>t(Aa,{fill:r.v2.colors.red[500]}),variant:ve.Secondary,size:be.S,onClick:()=>(e=>{const t=c.filter((t,n)=>n!==e);m(t.length?t:[d===ns.Preset?is():{targetAttributeName:"",lookupKey:"",dataFormat:"",regex:""}])})(o)}),i&&t(fe,{"data-id":`extract-row-${o}-add`,leftIcon:Ra,variant:ve.Secondary,size:be.S,onClick:f})]})]}),b?e(pe,{$gap:8,$alignItems:"flex-start",$width:"100%",children:[t(rs,{children:t(ye,{name:`extract-row-${o}-lookupKey`,label:l.keyLabel,placeholder:l.placeholder,helpMessage:l.helpMessage,width:"100%",value:n.lookupKey||"",onChange:e=>g(o,{lookupKey:e.target.value})})}),t(ss,{children:t(Da,{size:24,fill:r.v2.colors.silver[200]})}),t(rs,{children:t(ye,{name:`extract-row-${o}-targetAttributeName`,label:de.TARGET_LABEL,placeholder:de.TARGET_PLACEHOLDER,helpMessage:de.TARGET_HELP,width:"100%",value:n.targetAttributeName||"",onChange:e=>g(o,{targetAttributeName:e.target.value})})})]}):e(ee,{$gap:12,$width:"100%",children:[t(ye,{name:`extract-row-${o}-regex`,label:de.REGEX_LABEL,placeholder:de.REGEX_PLACEHOLDER,helpMessage:de.REGEX_HELP,width:"100%",value:n.regex||"",onChange:e=>g(o,{regex:e.target.value})}),t(ye,{name:`extract-row-${o}-targetAttributeName`,label:de.TARGET_LABEL,placeholder:de.TARGET_PLACEHOLDER,helpMessage:de.TARGET_HELP,width:"100%",value:n.targetAttributeName||"",onChange:e=>g(o,{targetAttributeName:e.target.value})})]})]},`extract-row-${o}`)}),t(oe,{errorMessage:s})]}),t(pr,{isOpen:null!=u,regex:C,onClose:()=>h(null)})]})},[Se.DbQueryTemplatization]:null,[Se.InferDbAttributes]:null},ms=({actionType:e,value:n,setValue:o,formErrors:i,dynamicFields:a,signals:l,sourceOptions:r,namespaceOptions:s})=>{if(!e)return null;if(a?.length)return t(ur,{fields:a,value:n||{},setValue:o,formErrors:i||{},signals:l||[],seedInitialValues:!0,keyValuePersistAs:"map",sourceOptions:r,namespaceOptions:s},e);const c=hs[e];return c?t(c,{value:n,setValue:o,formErrors:i}):null},gs=()=>{const n=v(),{selectedOption:o,genericForm:i,sourceOptions:a,namespaceOptions:l}=Ul();if(!i||!o)return t(xe,{title:"No active form"});const{formData:r,handleFormChange:s,formErrors:c}=i;return e(ee,{$gap:24,children:[e(pe,{$gap:12,$justifyContent:"space-between",children:[t(we,{size:Te.XXXS,maxLines:2,children:o.description}),e(pe,{$gap:12,children:[t(ce,{options:[{icon:_a,label:"Enabled",value:!1,selectedBgColor:n.v2.colors.green[800]},{icon:Pa,label:"Disabled",value:!0,selectedBgColor:n.v2.colors.red[800]}],size:ke.S,selected:r.disabled,setSelected:e=>s("disabled",e)}),t(fe,{leftIcon:La,variant:ve.Secondary,size:be.S,onClick:()=>o.docsUrl&&window.open(o.docsUrl,"_blank","noopener noreferrer")})]})]}),t(hr,{title:"Signals for processing",allowedSignals:o.allowedSignals,selectedSignals:r.signals||[],setSelectedSignals:e=>s("signals",e),errorMessage:c.signals}),t(ye,{name:"actionName",label:"Action name",placeholder:"Use a name that describes the action...",value:r.name||"",onChange:({target:{value:e}})=>s("name",e),errorMessage:c.name}),t(ms,{actionType:o.type,dynamicFields:o.fields,signals:r.signals||[],value:r.fields,setValue:(e,t)=>s(`fields.${e}`,t),formErrors:c,sourceOptions:a,namespaceOptions:l}),t(Ie,{name:"notes",label:"Notes",placeholder:"Your personal notes...",value:r.notes||"",onChange:({target:{value:e}})=>s("notes",e),errorMessage:c.notes})]})},fs=b(pe)`
|
|
16
16
|
position: sticky;
|
|
17
17
|
bottom: 4px;
|
|
18
18
|
align-self: center;
|
|
@@ -23,50 +23,61 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
23
23
|
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
24
24
|
box-shadow: 0 4px 16.7px 0 rgba(0, 0, 0, 0.83);
|
|
25
25
|
z-index: 1;
|
|
26
|
-
`,ps=r(({isEdit:o},n)=>{const l=v(),{isVm:r}=S(),{destinationsApi:c}=Ml(),{activeForm:d,genericForm:u,validateFormData:p,thisUnsavedDestination:h,addUnsavedDestination:m,updateUnsavedDestination:g,deleteUnsavedDestination:f}=zl(),[b,y]=a(h?.testResult),[C,x]=a(!!h);i(()=>{h?(y(h.testResult),x(!0)):(y(void 0),x(!1))},[h]);const w=async()=>{if(!d?.option.testConnectionSupported||!u||r)return;const e=await c.testConnection(De(u.formData));return y(e),e};return s(n,()=>({testConnection:w,testConnectionSupported:!!d?.option.testConnectionSupported}),[d?.option.testConnectionSupported,u,c]),u&&d?e(ee,{$gap:24,style:{minHeight:"100%"},children:[e(ue,{$gap:12,$justifyContent:"space-between",children:[b?b.succeeded?t(Ee,{status:Ne.Success,message:b.message||"Connection OK",fullWidth:!0,smallIcon:!0}):t(Ee,{status:Ne.Error,message:b.message||"Connection Failed",fullWidth:!0,smallIcon:!0}):t("div",{}),e(ue,{$gap:12,children:[!r&&t(ce,{options:[{icon:Ra,label:"Enabled",value:!1,selectedBgColor:l.v2.colors.green[800]},{icon:Da,label:"Disabled",value:!0,selectedBgColor:l.v2.colors.red[800]}],size:ke.S,selected:u.formData.disabled,setSelected:e=>u.handleFormChange("disabled",e),disabled:C}),t(fe,{"data-id":"dest-form-docs",leftIcon:_a,variant:ve.Secondary,size:be.S,onClick:()=>window.open(`${Oe}/backends/${d.option.type}`,"_blank","noopener noreferrer")})]})]}),t(sr,{title:"This connection will monitor:",allowedSignals:Re(d.option.supportedSignals),selectedSignals:Ae(u.formData.exportedSignals),setSelectedSignals:e=>u.handleFormChange("exportedSignals",{logs:e.includes($e.Logs),metrics:e.includes($e.Metrics),traces:e.includes($e.Traces),profiles:e.includes($e.Profiles)}),disabled:C,errorMessage:u.formErrors.exportedSignals}),t(ye,{name:"destinationName",label:"Destination name",placeholder:"Use a name that describes the destination...",value:u.formData.name,onChange:({target:{value:e}})=>u.handleFormChange("name",e),disabled:C,errorMessage:u.formErrors.name}),t(rr,{signals:Ae(u.formData.exportedSignals),fields:d.option.fields,disabled:C,value:Object.fromEntries(u.formData.fields.map(e=>[e.key,e.value])),setValue:(e,t)=>{const o=u.formData.fields.some(t=>t.key===e);u.handleFormChange("fields",o?u.formData.fields.map(o=>o.key===e?{...o,value:t}:o):[...u.formData.fields,{key:e,value:t}]),e&&u.formErrors[e]&&u.handleErrorChange(e,void 0)},formErrors:u.formErrors,keyValuePersistAs:"array"}),!o&&e(us,{$gap:8,$justifyContent:"center",children:[h&&t("div",{style:{width:"150px"},children:t(fe,{"data-id":"dest-form-delete",fullWidth:!0,label:"Delete",rightIcon:Pa,variant:ve.Secondary,textColor:l.v2.colors.red[500],onClick:()=>f(d.unsavedIdx)})}),!r&&(!h||h.option.testConnectionSupported&&!C)&&t("div",{style:{width:"150px"},children:t(fe,{"data-id":"dest-form-test-connection",fullWidth:!0,label:"Test Connection",variant:ve.Secondary,onClick:w})}),h&&t("div",C?{style:{width:"150px"},children:t(fe,{"data-id":"dest-form-edit",fullWidth:!0,label:"Edit",rightIcon:La,variant:ve.Secondary,onClick:()=>x(!1)})}:{style:{width:"150px"},children:t(fe,{"data-id":"dest-form-save",fullWidth:!0,label:"Save Changes",variant:ve.Primary,onClick:async()=>{const{errorMessage:e,preparedFormData:t}=p();if(!e){const e=await w(),o=!!e&&!e.succeeded;g(d.unsavedIdx,{formData:t,testResult:e},o)}}})}),!h&&t("div",{style:{width:"150px"},children:t(fe,{"data-id":"dest-form-add",fullWidth:!0,label:"Add Destination",variant:ve.Primary,onClick:async()=>{const{errorMessage:e,preparedFormData:t}=p();if(!e){const e=await w(),o=!!e&&!e.succeeded;m({formData:t,testResult:e},o)}}})})]})]}):t(xe,{title:"No active form"})});ps.displayName="AddDestinationForm";const hs=[{id:Le.FilePath,label:"Collect file path",tooltip:"Indicates whether to record the `code.filepath` attribute."},{id:Le.Function,label:"Collect function",tooltip:"Indicates whether to record the `code.function` attribute."},{id:Le.LineNumber,label:"Collect line number",tooltip:"Indicates whether to record the `code.lineno` attribute."}],ms=[{id:Le.Column,label:"Collect column",tooltip:"Indicates whether to record the `code.column` attribute."},{id:Le.Namespace,label:"Collect namespace",tooltip:"Indicates whether to record the `code.namespace` attribute."},{id:Le.StackTrace,label:"Collect stacktrace",tooltip:"Indicates whether to record the `code.stacktrace` attribute."}],gs=["*"],fs=[{id:ze.HttpRequest,label:"Collect HTTP request",tooltip:""},{id:ze.HttpResponse,label:"Collect HTTP response",tooltip:""},{id:ze.DbQuery,label:"Collect DB query",tooltip:""},{id:ze.Messaging,label:"Collect messaging",tooltip:""}],bs={[Ue.Java]:[new Xe("","")],[Ue.Golang]:[new Be("")]},vs={[Ve.CodeAttributes]:({value:n,setValue:a,formErrors:l})=>{const r=l.codeAttributes,s=c(()=>Object.entries(n.codeAttributes||{}).filter(([e,t])=>!!t).map(([e])=>e),[n]);i(()=>{if(!s.length&&!r){const e={[Le.FilePath]:!0,[Le.Function]:!0,[Le.LineNumber]:!0,[Le.Column]:null,[Le.Namespace]:null,[Le.StackTrace]:null};a("codeAttributes",e)}},[]);const d=(e,t)=>{const o=t?[...s,e]:s.filter(t=>t!==e),n=Object.values(Le).reduce((e,t)=>(e[t]=!!o.includes(t)||null,e),{});a("codeAttributes",n)};return e(o,{children:[e(ee,{$gap:12,children:[t(_e,{size:Te.XS,color:Pe.Secondary,nowrap:!0,children:"Recommended data to collect"}),t(ee,{$gap:6,children:hs.map(({id:e,label:o,tooltip:n})=>t(Fe,{text:n,withIcon:!0,children:t(oe,{label:o,value:s.includes(e),onChange:t=>d(e,t)})},e))}),t(ne,{errorMessage:r})]}),e(ee,{$gap:12,children:[t(_e,{size:Te.XS,color:Pe.Secondary,nowrap:!0,children:"Verbose data to collect"}),t(ee,{$gap:6,children:ms.map(({id:e,label:o,tooltip:n})=>t(Fe,{text:n,withIcon:!0,children:t(oe,{label:o,value:s.includes(e),onChange:t=>d(e,t)})},e))}),t(ne,{errorMessage:r})]})]})},[Ve.CustomInstrumentation]:({value:n,setValue:a,formErrors:l})=>{const r=l.customInstrumentations,s=c(()=>(n?.customInstrumentations?.[Ue.Golang]||[]).map(e=>new Be(e.packageName,e.functionName,e.receiverName,e.receiverMethodName)),[n]),d=c(()=>(n?.customInstrumentations?.[Ue.Java]||[]).map(e=>new Xe(e.className,e.methodName)),[n]);return i(()=>{n?.customInstrumentations||r||a("customInstrumentations",{[Ue.Golang]:bs[Ue.Golang],[Ue.Java]:bs[Ue.Java]})},[]),e(o,{children:[e(ee,{children:[e(ue,{$gap:8,children:[t(Fa,{}),t(te,{label:"Golang custom probes"})]}),t(ie,{name:"golangProbes",columns:[{keyName:"packageName",label:"Package name",placeholder:"e.g. github.com/my-org/my-package",tooltip:"The full import path of the package containing the function or method to be instrumented."},{keyName:"functionName",label:"Function name",placeholder:"e.g. myFunction",tooltip:"The name of the function to be instrumented. Leave empty if instrumenting a receiver method."},{keyName:"receiverName",label:"Receiver name",placeholder:"e.g. myReceiver",tooltip:"The name of the receiver type if instrumenting a method. Leave empty if instrumenting a standalone function."},{keyName:"receiverMethodName",label:"Receiver method name",placeholder:"e.g. myMethod",tooltip:"The name of the method to be instrumented. Leave empty if instrumenting a standalone function."}],values:s,setValues:e=>{const t={};t[Ue.Golang]=e.map(e=>new Be(e.packageName,e.functionName,e.receiverName,e.receiverMethodName)),t[Ue.Java]=d,a("customInstrumentations",t)},errorMessage:r,limitFieldsPerRow:2})]}),e(ee,{children:[e(ue,{$gap:8,children:[t(Ma,{}),t(te,{label:"Java custom probes"})]}),t(ie,{name:"javaProbes",columns:[{keyName:"className",label:"Class name",placeholder:"e.g. com.example.MyClass",tooltip:"The name of the class to be instrumented."},{keyName:"methodName",label:"Method name",placeholder:"e.g. myMethod",tooltip:"The name of the method to be instrumented."}],values:d,setValues:e=>{const t={};t[Ue.Golang]=s,t[Ue.Java]=e.map(e=>new Xe(e.className,e.methodName)),a("customInstrumentations",t)},errorMessage:r,limitFieldsPerRow:2})]})]})},[Ve.HeadersCollection]:({value:e,setValue:o,formErrors:n})=>{const a=n.headersCollection,l=c(()=>e?.headersCollection?.[Me.HeaderKeys]||[],[e]),r=e=>{const t={[Me.HeaderKeys]:e};o("headersCollection",t)};return i(()=>{l.length||a||r(gs)},[]),t(se,{name:"headerKeys",label:"Header keys",tooltip:"Specify which headers you want to collect",helpMessage:"Asterisk (*) will collect all headers",values:l,setValues:r,errorMessage:a})},[Ve.PayloadCollection]:({value:o,setValue:n,formErrors:a})=>{const l=a.payloadCollection,r=c(()=>Object.entries(o.payloadCollection||{}).filter(([e,t])=>!!t).map(([e])=>e),[o]);return i(()=>{if(!r.length&&!l){const e={[ze.HttpRequest]:{},[ze.HttpResponse]:{},[ze.DbQuery]:{},[ze.Messaging]:{}};n("payloadCollection",e)}},[]),e(ee,{$gap:12,children:[t(_e,{size:Te.XS,color:Pe.Secondary,nowrap:!0,children:"Type of data to collect"}),t(ee,{$gap:6,children:fs.map(({id:e,label:o,tooltip:i})=>t(Fe,{text:i,withIcon:!0,children:t(oe,{label:o,value:r.includes(e),onChange:t=>((e,t)=>{const o=t?[...r,e]:r.filter(t=>t!==e),i={[ze.HttpRequest]:o.includes(ze.HttpRequest)?{}:null,[ze.HttpResponse]:o.includes(ze.HttpResponse)?{}:null,[ze.DbQuery]:o.includes(ze.DbQuery)?{}:null,[ze.Messaging]:o.includes(ze.Messaging)?{}:null};n("payloadCollection",i)})(e,t)})},e))}),t(ne,{errorMessage:l})]})},[Ve.UnknownType]:null},ys=({ruleType:e,value:o,setValue:n,formErrors:i,dynamicFields:a})=>{if(!e)return null;if(a?.length)return t(rr,{fields:a,value:o||{},setValue:n,formErrors:i||{},signals:[],seedInitialValues:!0,keyValuePersistAs:"map"},e);const l=vs[e];return l?t(l,{value:o,setValue:n,formErrors:i}):null},Cs=()=>{const o=v(),{isVm:n}=S(),{selectedOption:i,genericForm:a,sourceOptions:l,namespaceOptions:r}=Bl(),s=c(()=>He(i?.supportedLanguages),[i?.supportedLanguages]),d=c(()=>{if(i)return i.type===Ve.CustomInstrumentation?[]:je(i.supportedLanguages)},[i]);if(!a||!i)return t(xe,{title:"No active form"});const{formData:u,handleFormChange:p,formErrors:h}=a;return e(ee,{$gap:24,children:[e(ue,{$gap:12,$justifyContent:"space-between",children:[t(we,{size:Te.XXXS,maxLines:2,children:i.description}),e(ue,{$gap:12,children:[t(ce,{options:[{icon:Ra,label:"Enabled",value:!1,selectedBgColor:o.v2.colors.green[800]},{icon:Da,label:"Disabled",value:!0,selectedBgColor:o.v2.colors.red[800]}],size:ke.S,selected:u.disabled,setSelected:e=>p("disabled",e)}),t(fe,{leftIcon:_a,variant:ve.Secondary,size:be.S,onClick:()=>i.docsUrl&&window.open(i.docsUrl,"_blank","noopener noreferrer")})]})]}),t(cr,{option:i,formState:u}),!!s.length&&e(ue,{$gap:12,children:[t(_e,{size:Te.XS,color:Pe.Secondary,nowrap:!0,children:"Supported Languages:"}),s.map(e=>t(Ge,{label:Ke(e),leftIcon:We(e),backgroundColor:o.v2.colors.purple[900]},e))]}),!n&&t(dr,{scopes:u.sourceScopes,onChange:e=>p("sourceScopes",e),sourceOptions:l,namespaceOptions:r,supportedLanguages:d,dataIdPrefix:"instrumentation-rule",slim:!0}),t(ye,{name:"ruleName",label:"Rule name",placeholder:"Use a name that describes the rule...",value:u.ruleName,onChange:({target:{value:e}})=>p("ruleName",e),errorMessage:h.ruleName}),t(ys,{ruleType:i.type,dynamicFields:i.fields,value:u,setValue:(e,t)=>p(e,t),formErrors:h}),t(Ie,{name:"notes",label:"Notes",placeholder:"Your personal notes...",value:u.notes,onChange:({target:{value:e}})=>p("notes",e),errorMessage:h.notes})]})},Ss=()=>{const{pendingMerge:e,confirmMerge:o,cancelMerge:n}=Xl();if(!e)return null;const{existingName:i,editingName:a}=e;return t(Ye,{isOpen:!0,onClose:n,title:"Merge with existing Data Stream?",description:Je.DATA_STREAM_MERGE_WARNING(a,i),approveButton:{"data-id":"data-stream-merge-confirm",label:"Merge",variant:ve.Primary,onClick:o},denyButton:{"data-id":"data-stream-merge-cancel",label:"Cancel",variant:ve.Secondary,onClick:n}})},xs=({autoFocus:o})=>{const{dataStreams:n}=qe(),{genericForm:i,excludeName:a,editingName:l}=Xl(),{formData:r,formErrors:s,handleFormChange:d}=i,u=r.name,p=c(()=>n.find(e=>e.name===u&&e.name!==a),[n,u,a]);return e(ee,{$width:"100%",$gap:12,children:[t(ye,{name:"data-stream-name",label:Je.STREAM_NAME,placeholder:Je.NAME_YOUR_STREAM_PLACEHOLDER,tooltip:Je.STREAM_DESCRIPTION,required:!0,autoFocus:o,value:u,onChange:e=>d("name",e.target.value),errorMessage:s.name}),p&&t(Ee,{status:Ne.Warning,message:Je.DATA_STREAM_MERGE_WARNING(l,p.name),fullWidth:!0})]})},ws=()=>{const{selectedStreamName:e}=qe(),{genericForm:o}=Ul();if(!o)return t(xe,{title:"No active form"});const{formData:n,handleFormChange:i,formErrors:a}=o;return t(ye,{name:"sourceName",label:Je.NAME,tooltip:"This overrides the default service name (service.name) reported in your telemetry.",placeholder:"Use a name that overrides the source name",value:n.otelServiceName,onChange:({target:{value:t}})=>{i("otelServiceName",t),i("currentStreamName",e)},errorMessage:a.otelServiceName})},Ts=[{value:"all",label:"Drop All"},{value:"sample",label:"Sample"}],ks=b.div`
|
|
26
|
+
`,bs=r(({isEdit:n},o)=>{const l=v(),{isVm:r}=S(),{destinationsApi:c}=Vl(),{activeForm:d,genericForm:p,validateFormData:u,thisUnsavedDestination:h,addUnsavedDestination:m,updateUnsavedDestination:g,deleteUnsavedDestination:f}=Hl(),[b,y]=a(h?.testResult),[C,x]=a(!!h);i(()=>{h?(y(h.testResult),x(!0)):(y(void 0),x(!1))},[h]);const w=async()=>{if(!d?.option.testConnectionSupported||!p||r)return;const e=await c.testConnection(De(p.formData));return y(e),e};return s(o,()=>({testConnection:w,testConnectionSupported:!!d?.option.testConnectionSupported}),[d?.option.testConnectionSupported,p,c]),p&&d?e(ee,{$gap:24,style:{minHeight:"100%"},children:[e(pe,{$gap:12,$justifyContent:"space-between",children:[b?b.succeeded?t(Ne,{status:Ee.Success,message:b.message||"Connection OK",fullWidth:!0,smallIcon:!0}):t(Ne,{status:Ee.Error,message:b.message||"Connection Failed",fullWidth:!0,smallIcon:!0}):t("div",{}),e(pe,{$gap:12,children:[!r&&t(ce,{options:[{icon:_a,label:"Enabled",value:!1,selectedBgColor:l.v2.colors.green[800]},{icon:Pa,label:"Disabled",value:!0,selectedBgColor:l.v2.colors.red[800]}],size:ke.S,selected:p.formData.disabled,setSelected:e=>p.handleFormChange("disabled",e),disabled:C}),t(fe,{"data-id":"dest-form-docs",leftIcon:La,variant:ve.Secondary,size:be.S,onClick:()=>window.open(`${Oe}/backends/${d.option.type}`,"_blank","noopener noreferrer")})]})]}),t(hr,{title:"This connection will monitor:",allowedSignals:Re(d.option.supportedSignals),selectedSignals:Ae(p.formData.exportedSignals),setSelectedSignals:e=>p.handleFormChange("exportedSignals",{logs:e.includes($e.Logs),metrics:e.includes($e.Metrics),traces:e.includes($e.Traces),profiles:e.includes($e.Profiles)}),disabled:C,errorMessage:p.formErrors.exportedSignals}),t(ye,{name:"destinationName",label:"Destination name",placeholder:"Use a name that describes the destination...",value:p.formData.name,onChange:({target:{value:e}})=>p.handleFormChange("name",e),disabled:C,errorMessage:p.formErrors.name}),t(ur,{signals:Ae(p.formData.exportedSignals),fields:d.option.fields,disabled:C,value:Object.fromEntries(p.formData.fields.map(e=>[e.key,e.value])),setValue:(e,t)=>{const n=p.formData.fields.some(t=>t.key===e);p.handleFormChange("fields",n?p.formData.fields.map(n=>n.key===e?{...n,value:t}:n):[...p.formData.fields,{key:e,value:t}]),e&&p.formErrors[e]&&p.handleErrorChange(e,void 0)},formErrors:p.formErrors,keyValuePersistAs:"array"}),!n&&e(fs,{$gap:8,$justifyContent:"center",children:[h&&t("div",{style:{width:"150px"},children:t(fe,{"data-id":"dest-form-delete",fullWidth:!0,label:"Delete",rightIcon:Fa,variant:ve.Secondary,textColor:l.v2.colors.red[500],onClick:()=>f(d.unsavedIdx)})}),!r&&(!h||h.option.testConnectionSupported&&!C)&&t("div",{style:{width:"150px"},children:t(fe,{"data-id":"dest-form-test-connection",fullWidth:!0,label:"Test Connection",variant:ve.Secondary,onClick:w})}),h&&t("div",C?{style:{width:"150px"},children:t(fe,{"data-id":"dest-form-edit",fullWidth:!0,label:"Edit",rightIcon:Ma,variant:ve.Secondary,onClick:()=>x(!1)})}:{style:{width:"150px"},children:t(fe,{"data-id":"dest-form-save",fullWidth:!0,label:"Save Changes",variant:ve.Primary,onClick:async()=>{const{errorMessage:e,preparedFormData:t}=u();if(!e){const e=await w(),n=!!e&&!e.succeeded;g(d.unsavedIdx,{formData:t,testResult:e},n)}}})}),!h&&t("div",{style:{width:"150px"},children:t(fe,{"data-id":"dest-form-add",fullWidth:!0,label:"Add Destination",variant:ve.Primary,onClick:async()=>{const{errorMessage:e,preparedFormData:t}=u();if(!e){const e=await w(),n=!!e&&!e.succeeded;m({formData:t,testResult:e},n)}}})})]})]}):t(xe,{title:"No active form"})});bs.displayName="AddDestinationForm";const vs=[{id:Le.FilePath,label:"Collect file path",tooltip:"Indicates whether to record the `code.filepath` attribute."},{id:Le.Function,label:"Collect function",tooltip:"Indicates whether to record the `code.function` attribute."},{id:Le.LineNumber,label:"Collect line number",tooltip:"Indicates whether to record the `code.lineno` attribute."}],ys=[{id:Le.Column,label:"Collect column",tooltip:"Indicates whether to record the `code.column` attribute."},{id:Le.Namespace,label:"Collect namespace",tooltip:"Indicates whether to record the `code.namespace` attribute."},{id:Le.StackTrace,label:"Collect stacktrace",tooltip:"Indicates whether to record the `code.stacktrace` attribute."}],Cs=["*"],Ss=[{id:ze.HttpRequest,label:"Collect HTTP request",tooltip:""},{id:ze.HttpResponse,label:"Collect HTTP response",tooltip:""},{id:ze.DbQuery,label:"Collect DB query",tooltip:""},{id:ze.Messaging,label:"Collect messaging",tooltip:""}],xs={[Ve.Java]:[new Xe("","")],[Ve.Golang]:[new Be("")],[Ve.Php]:[new Ue("","")]},ws={[je.CodeAttributes]:({value:o,setValue:a,formErrors:l})=>{const r=l.codeAttributes,s=c(()=>Object.entries(o.codeAttributes||{}).filter(([e,t])=>!!t).map(([e])=>e),[o]);i(()=>{if(!s.length&&!r){const e={[Le.FilePath]:!0,[Le.Function]:!0,[Le.LineNumber]:!0,[Le.Column]:null,[Le.Namespace]:null,[Le.StackTrace]:null};a("codeAttributes",e)}},[]);const d=(e,t)=>{const n=t?[...s,e]:s.filter(t=>t!==e),o=Object.values(Le).reduce((e,t)=>(e[t]=!!n.includes(t)||null,e),{});a("codeAttributes",o)};return e(n,{children:[e(ee,{$gap:12,children:[t(_e,{size:Te.XS,color:Pe.Secondary,nowrap:!0,children:"Recommended data to collect"}),t(ee,{$gap:6,children:vs.map(({id:e,label:n,tooltip:o})=>t(Fe,{text:o,withIcon:!0,children:t(ne,{label:n,value:s.includes(e),onChange:t=>d(e,t)})},e))}),t(oe,{errorMessage:r})]}),e(ee,{$gap:12,children:[t(_e,{size:Te.XS,color:Pe.Secondary,nowrap:!0,children:"Verbose data to collect"}),t(ee,{$gap:6,children:ys.map(({id:e,label:n,tooltip:o})=>t(Fe,{text:o,withIcon:!0,children:t(ne,{label:n,value:s.includes(e),onChange:t=>d(e,t)})},e))}),t(oe,{errorMessage:r})]})]})},[je.CustomInstrumentation]:({value:o,setValue:a,formErrors:l})=>{const r=l.customInstrumentations,s=c(()=>(o?.customInstrumentations?.[Ve.Golang]||[]).map(e=>new Be(e.packageName,e.functionName,e.receiverName,e.receiverMethodName)),[o]),d=c(()=>(o?.customInstrumentations?.[Ve.Java]||[]).map(e=>new Xe(e.className,e.methodName)),[o]),p=c(()=>(o?.customInstrumentations?.[Ve.Php]||[]).map(e=>new Ue(e.className,e.functionName)),[o]);return i(()=>{o?.customInstrumentations||r||a("customInstrumentations",{[Ve.Golang]:xs[Ve.Golang],[Ve.Java]:xs[Ve.Java],[Ve.Php]:xs[Ve.Php]})},[]),e(n,{children:[e(ee,{children:[e(pe,{$gap:8,children:[t(za,{}),t(te,{label:"Golang custom probes"})]}),t(ie,{name:"golangProbes",columns:[{keyName:"packageName",label:"Package name",placeholder:"e.g. github.com/my-org/my-package",tooltip:"The full import path of the package containing the function or method to be instrumented."},{keyName:"functionName",label:"Function name",placeholder:"e.g. myFunction",tooltip:"The name of the function to be instrumented. Leave empty if instrumenting a receiver method."},{keyName:"receiverName",label:"Receiver name",placeholder:"e.g. myReceiver",tooltip:"The name of the receiver type if instrumenting a method. Leave empty if instrumenting a standalone function."},{keyName:"receiverMethodName",label:"Receiver method name",placeholder:"e.g. myMethod",tooltip:"The name of the method to be instrumented. Leave empty if instrumenting a standalone function."}],values:s,setValues:e=>{const t={};t[Ve.Golang]=e.map(e=>new Be(e.packageName,e.functionName,e.receiverName,e.receiverMethodName)),t[Ve.Java]=d,t[Ve.Php]=p,a("customInstrumentations",t)},errorMessage:r,limitFieldsPerRow:2})]}),e(ee,{children:[e(pe,{$gap:8,children:[t(Ba,{}),t(te,{label:"Java custom probes"})]}),t(ie,{name:"javaProbes",columns:[{keyName:"className",label:"Class name",placeholder:"e.g. com.example.MyClass",tooltip:"The name of the class to be instrumented."},{keyName:"methodName",label:"Method name",placeholder:"e.g. myMethod",tooltip:"The name of the method to be instrumented."}],values:d,setValues:e=>{const t={};t[Ve.Golang]=s,t[Ve.Java]=e.map(e=>new Xe(e.className,e.methodName)),t[Ve.Php]=p,a("customInstrumentations",t)},errorMessage:r,limitFieldsPerRow:2})]}),e(ee,{children:[e(pe,{$gap:8,children:[t(Xa,{}),t(te,{label:"PHP custom probes"})]}),t(Ne,{status:Ee.Warning,message:He.PHP_CUSTOM_INSTRUMENTATION_RESTART,fullWidth:!0}),t(ie,{name:"phpProbes",columns:[{keyName:"className",label:"Class name",placeholder:"e.g. App\\Service\\OrderService",tooltip:"The fully qualified class name to instrument. Leave empty for a global function."},{keyName:"functionName",label:"Function name",placeholder:"e.g. processOrder",tooltip:"The name of the function or method to instrument."}],values:p,setValues:e=>{const t={};t[Ve.Golang]=s,t[Ve.Java]=d,t[Ve.Php]=e.map(e=>new Ue(e.className,e.functionName)),a("customInstrumentations",t)},errorMessage:r,limitFieldsPerRow:2})]})]})},[je.HeadersCollection]:({value:e,setValue:n,formErrors:o})=>{const a=o.headersCollection,l=c(()=>e?.headersCollection?.[Me.HeaderKeys]||[],[e]),r=e=>{const t={[Me.HeaderKeys]:e};n("headersCollection",t)};return i(()=>{l.length||a||r(Cs)},[]),t(se,{name:"headerKeys",label:"Header keys",tooltip:"Specify which headers you want to collect",helpMessage:"Asterisk (*) will collect all headers",values:l,setValues:r,errorMessage:a})},[je.PayloadCollection]:({value:n,setValue:o,formErrors:a})=>{const l=a.payloadCollection,r=c(()=>Object.entries(n.payloadCollection||{}).filter(([e,t])=>!!t).map(([e])=>e),[n]);return i(()=>{if(!r.length&&!l){const e={[ze.HttpRequest]:{},[ze.HttpResponse]:{},[ze.DbQuery]:{},[ze.Messaging]:{}};o("payloadCollection",e)}},[]),e(ee,{$gap:12,children:[t(_e,{size:Te.XS,color:Pe.Secondary,nowrap:!0,children:"Type of data to collect"}),t(ee,{$gap:6,children:Ss.map(({id:e,label:n,tooltip:i})=>t(Fe,{text:i,withIcon:!0,children:t(ne,{label:n,value:r.includes(e),onChange:t=>((e,t)=>{const n=t?[...r,e]:r.filter(t=>t!==e),i={[ze.HttpRequest]:n.includes(ze.HttpRequest)?{}:null,[ze.HttpResponse]:n.includes(ze.HttpResponse)?{}:null,[ze.DbQuery]:n.includes(ze.DbQuery)?{}:null,[ze.Messaging]:n.includes(ze.Messaging)?{}:null};o("payloadCollection",i)})(e,t)})},e))}),t(oe,{errorMessage:l})]})},[je.UnknownType]:null},Ts=({ruleType:e,value:n,setValue:o,formErrors:i,dynamicFields:a})=>{if(!e)return null;if(a?.length)return t(ur,{fields:a,value:n||{},setValue:o,formErrors:i||{},signals:[],seedInitialValues:!0,keyValuePersistAs:"map"},e);const l=ws[e];return l?t(l,{value:n,setValue:o,formErrors:i}):null},ks=()=>{const n=v(),{isVm:o}=S(),{selectedOption:i,genericForm:a,sourceOptions:l,namespaceOptions:r}=jl(),s=c(()=>Ge(i?.supportedLanguages),[i?.supportedLanguages]),d=c(()=>{if(i)return i.type===je.CustomInstrumentation?[]:We(i.supportedLanguages)},[i]);if(!a||!i)return t(xe,{title:"No active form"});const{formData:p,handleFormChange:u,formErrors:h}=a;return e(ee,{$gap:24,children:[e(pe,{$gap:12,$justifyContent:"space-between",children:[t(we,{size:Te.XXXS,maxLines:2,children:i.description}),e(pe,{$gap:12,children:[t(ce,{options:[{icon:_a,label:"Enabled",value:!1,selectedBgColor:n.v2.colors.green[800]},{icon:Pa,label:"Disabled",value:!0,selectedBgColor:n.v2.colors.red[800]}],size:ke.S,selected:p.disabled,setSelected:e=>u("disabled",e)}),t(fe,{leftIcon:La,variant:ve.Secondary,size:be.S,onClick:()=>i.docsUrl&&window.open(i.docsUrl,"_blank","noopener noreferrer")})]})]}),t(mr,{option:i,formState:p}),!!s.length&&e(pe,{$gap:12,children:[t(_e,{size:Te.XS,color:Pe.Secondary,nowrap:!0,children:"Supported Languages:"}),s.map(e=>t(Ke,{label:Je(e),leftIcon:Ye(e),backgroundColor:n.v2.colors.purple[900]},e))]}),!o&&t(gr,{scopes:p.sourceScopes,onChange:e=>u("sourceScopes",e),sourceOptions:l,namespaceOptions:r,supportedLanguages:d,dataIdPrefix:"instrumentation-rule",slim:!0}),t(ye,{name:"ruleName",label:"Rule name",placeholder:"Use a name that describes the rule...",value:p.ruleName,onChange:({target:{value:e}})=>u("ruleName",e),errorMessage:h.ruleName}),t(Ts,{ruleType:i.type,dynamicFields:i.fields,value:p,setValue:(e,t)=>u(e,t),formErrors:h}),t(Ie,{name:"notes",label:"Notes",placeholder:"Your personal notes...",value:p.notes,onChange:({target:{value:e}})=>u("notes",e),errorMessage:h.notes})]})},Is=()=>{const{pendingMerge:e,confirmMerge:n,cancelMerge:o}=Gl();if(!e)return null;const{existingName:i,editingName:a}=e;return t(qe,{isOpen:!0,onClose:o,title:"Merge with existing Data Stream?",description:Ze.DATA_STREAM_MERGE_WARNING(a,i),approveButton:{"data-id":"data-stream-merge-confirm",label:"Merge",variant:ve.Primary,onClick:n},denyButton:{"data-id":"data-stream-merge-cancel",label:"Cancel",variant:ve.Secondary,onClick:o}})},Ns=({autoFocus:n})=>{const{dataStreams:o}=Qe(),{genericForm:i,excludeName:a,editingName:l}=Gl(),{formData:r,formErrors:s,handleFormChange:d}=i,p=r.name,u=c(()=>o.find(e=>e.name===p&&e.name!==a),[o,p,a]);return e(ee,{$width:"100%",$gap:12,children:[t(ye,{name:"data-stream-name",label:Ze.STREAM_NAME,placeholder:Ze.NAME_YOUR_STREAM_PLACEHOLDER,tooltip:Ze.STREAM_DESCRIPTION,required:!0,autoFocus:n,value:p,onChange:e=>d("name",e.target.value),errorMessage:s.name}),u&&t(Ne,{status:Ee.Warning,message:Ze.DATA_STREAM_MERGE_WARNING(l,u.name),fullWidth:!0})]})},Es=()=>{const{selectedStreamName:e}=Qe(),{genericForm:n}=Wl();if(!n)return t(xe,{title:"No active form"});const{formData:o,handleFormChange:i,formErrors:a}=n;return t(ye,{name:"sourceName",label:Ze.NAME,tooltip:"This overrides the default service name (service.name) reported in your telemetry.",placeholder:"Use a name that overrides the source name",value:o.otelServiceName,onChange:({target:{value:t}})=>{i("otelServiceName",t),i("currentStreamName",e)},errorMessage:a.otelServiceName})},Os=[{value:"all",label:"Drop All"},{value:"sample",label:"Sample"}],$s=b.div`
|
|
27
27
|
display: flex;
|
|
28
28
|
flex-direction: column;
|
|
29
29
|
gap: 24px;
|
|
30
|
-
`,
|
|
30
|
+
`,As=b.div`
|
|
31
31
|
display: contents;
|
|
32
32
|
& > * {
|
|
33
33
|
opacity: ${({$faded:e})=>e?.4:1};
|
|
34
34
|
transition: opacity 0.2s ease;
|
|
35
35
|
}
|
|
36
|
-
`,
|
|
36
|
+
`,Rs=({value:e})=>{const n=v();return t(Ke,e?{status:Ee.Success,label:lt,leftIcon:_a}:{label:rt,leftIcon:Pa,backgroundColor:n.v2.colors.silver[500],textColor:n.v2.colors.white[500]})},Ds=({value:e,onChange:n})=>{const o=v(),i=c(()=>[{icon:_a,label:lt,value:!0,selectedBgColor:o.v2.colors.green[800]},{icon:Pa,label:rt,value:!1,selectedBgColor:o.v2.colors.silver[500]}],[o]);return t(ce,{options:i,selected:e,setSelected:n??(()=>{}),disabled:!n})},_s=()=>{const e=Kl();switch(e.formType){case Yl.Create:return t(Ps,{category:e.category,formData:e.formData,onChange:e.handleChange,sourceOptions:e.sourceOptions,namespaceOptions:e.namespaceOptions,renderAction:()=>t(Ds,{value:!e.formData.disabled,onChange:t=>e.handleChange({disabled:!t})})});case Yl.View:return e.data?e.isEditing?t(Ps,{category:e.data.category,formData:e.formData,onChange:e.handleChange,sourceOptions:e.sourceOptions,namespaceOptions:e.namespaceOptions,renderAction:()=>t(Ds,{value:!e.formData.disabled,onChange:t=>e.handleChange({disabled:!t})})}):t(Ls,{data:e.data,renderAction:()=>t(Rs,{value:!e.data?.rule.disabled})}):null;case Yl.EditAutoNoisy:return t(Fs,{enabled:e.localEnabled,summary:e.summary,inactiveTitle:at,sectionTitle:nt,sectionSubTitle:it,presetLabel:tt,customInputName:"sampling-auto-input-custom-percentage",percentageMode:e.percentageMode,setPercentageMode:e.setPercentageMode,percentagePreset:e.percentagePreset,setPercentagePreset:e.setPercentagePreset,customPercentage:e.customPercentage,setCustomPercentage:e.setCustomPercentage,renderAction:()=>t(Ds,{value:e.localEnabled,onChange:e.setLocalEnabled})});case Yl.EditAutoCostReduction:return t(Fs,{enabled:e.localEnabled,summary:e.summary,inactiveTitle:ot,sectionTitle:nt,presetLabel:tt,customInputName:"sampling-cr-auto-input-custom-percentage",showModeToggle:!1,percentageMode:e.percentageMode,setPercentageMode:e.setPercentageMode,percentagePreset:e.percentagePreset,setPercentagePreset:e.setPercentagePreset,customPercentage:e.customPercentage,setCustomPercentage:e.setCustomPercentage,renderAction:()=>t(Ds,{value:e.localEnabled,onChange:e.setLocalEnabled})});case Yl.EditAutoHighlyRelevant:return t($s,{children:t(fr,{title:e.localEnabled?void 0:et,summary:e.summary,renderAction:()=>t(Ds,{value:e.localEnabled,onChange:e.setLocalEnabled})})})}},Ps=({category:n,formData:o,onChange:i,sourceOptions:a,namespaceOptions:l,renderAction:r})=>e($s,{children:[t(yr,{category:n,formState:o,renderAction:r}),e(As,{$faded:!!o.disabled,children:[t(Cr,{category:n,formState:o,onChange:i}),t(gr,{scopes:o.sourceScopes,onChange:e=>i({sourceScopes:e}),sourceOptions:a,namespaceOptions:l,titleNumber:1,dataIdPrefix:"sampling"}),t(Sr,{category:n,formState:o,onChange:i}),"highlyRelevant"===n&&t(xr,{formState:o,onChange:i}),"highlyRelevant"===n&&t(wr,{ruleType:o.ruleType,formState:o,onChange:i}),t(Tr,{category:n,formState:o,onChange:i})]})]}),Ls=({data:n,renderAction:o})=>e($s,{children:[t(yr,{readOnly:!0,summary:n.summary,renderAction:o}),t(Cr,{readOnly:!0,data:n}),t(gr,{readOnly:!0,scopes:x(n.rule.sourceScopes)}),t(Sr,{readOnly:!0,data:n}),t(Tr,{readOnly:!0,data:n}),"highlyRelevant"===n.category&&t(wr,{readOnly:!0,rule:n.rule})]}),Fs=({enabled:n,summary:o,inactiveTitle:i,sectionTitle:a,sectionSubTitle:l,presetLabel:r,customInputName:s,showModeToggle:c=!0,percentageMode:p,setPercentageMode:u,percentagePreset:h,setPercentagePreset:m,customPercentage:g,setCustomPercentage:f,renderAction:b})=>{const v=d(e=>u(e),[u]),y=d(e=>m(e),[m]),C=d(e=>f(e.target.value),[f]),S=!c||"sample"===p;return e($s,{children:[t(fr,{title:n?void 0:i,summary:o,renderAction:b}),t(As,{$faded:!n,children:e(st,{richTitle:{title:a,subTitle:l},children:[c&&t(ee,{$alignItems:"flex-start",children:t(ce,{options:Os,selected:p,setSelected:v})}),S&&t(br,{description:r,options:vr,selected:h,onSelect:y,customName:s,customLabel:ct,customPlaceholder:"5%",customValue:g,onCustomChange:C})]})})]})},Ms=b.div`
|
|
37
37
|
display: flex;
|
|
38
38
|
align-items: center;
|
|
39
39
|
justify-content: space-between;
|
|
40
40
|
gap: 12px;
|
|
41
41
|
padding: 8px 12px;
|
|
42
42
|
border-radius: 12px;
|
|
43
|
-
background-color: ${({$isSelected:e,$purpleColors:t,theme:
|
|
43
|
+
background-color: ${({$isSelected:e,$purpleColors:t,theme:n})=>e?t?n.v2.colors.purple[800]:n.v2.colors.silver[600]:t?n.v2.colors.purple[900]:"transparent"};
|
|
44
44
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
45
45
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
46
46
|
&:hover {
|
|
47
|
-
background-color: ${({$isSelected:e,$purpleColors:t,theme:
|
|
47
|
+
background-color: ${({$isSelected:e,$purpleColors:t,theme:n})=>n.v2.colors[t?"purple":"silver"][e?"700":"800"]};
|
|
48
48
|
}
|
|
49
|
-
`,
|
|
49
|
+
`,zs=b.div`
|
|
50
50
|
display: flex;
|
|
51
51
|
align-items: center;
|
|
52
52
|
justify-content: center;
|
|
53
53
|
padding: 8px;
|
|
54
54
|
border-radius: 8px;
|
|
55
|
-
background-color: ${({theme:e})=>e.v2.colors.white[500]+
|
|
56
|
-
`,
|
|
55
|
+
background-color: ${({theme:e})=>e.v2.colors.white[500]+dt["004"]};
|
|
56
|
+
`,Bs=b(ee)`
|
|
57
|
+
flex: 1;
|
|
58
|
+
min-width: 0;
|
|
59
|
+
`,Xs=b(pe)`
|
|
60
|
+
min-width: 0;
|
|
61
|
+
width: 100%;
|
|
62
|
+
`,Us=b(_e)`
|
|
63
|
+
flex: 1;
|
|
64
|
+
min-width: 0;
|
|
65
|
+
`,Vs=b(pe)`
|
|
66
|
+
flex-shrink: 0;
|
|
67
|
+
`,Hs=({dataId:n,icon:o,title:i,description:a,withCarret:l,purpleColors:r,disabled:s,children:c,isSelected:d,onClick:p,isChecked:u,isPartiallyChecked:h,onCheckboxChange:m})=>e(Ms,{"data-id":n||`list-item-${i}`,$isSelected:d,$purpleColors:r,$disabled:s,onClick:()=>!d&&!s&&p(),children:[e(Bs,{$gap:4,children:[e(Xs,{$gap:12,children:[m&&t(ne,{partiallyChecked:h||!1,value:u||!1,onChange:e=>m(e)}),o&&t(zs,{children:t(o,{size:20})}),t(Us,{size:Te.XS,nowrap:!0,children:i})]}),a&&t(_e,{size:Te.XXXS,color:Pe.Secondary,nowrap:!0,children:a})]}),(l||c)&&e(Vs,{$gap:8,children:[c,l&&t(Ua,{size:18})]})]}),js=({onClose:e,selectedConnectionIds:n,setSelectedConnectionIds:o,withOverlay:i})=>{const{actionsApi:l}=Vl(),{platformType:r,version:s}=S(),[d,u]=a(""),h=p(null),{selectedOption:m,onSelectOption:g,genericForm:f,validateFormData:b}=Ul(),{options:v,loading:y}=l.useActionTypes(),C=c(()=>v.length?v:pt(r,s),[v,r,s]),x=c(()=>(d?C.filter(e=>e?.label?.toLowerCase().includes(d.toLowerCase())):C).filter(e=>!!e),[C,d]),w=c(()=>y?[t(ut,{$padding:"8px 12px",children:t(ht,{size:6})},"loading")]:x.map(e=>{const n=m?.type===e.type;return t(Hs,{dataId:e.type?`option-${e.type}`:void 0,title:e.label,description:e.description,withCarret:!0,isSelected:n,onClick:()=>{h.current?.clearErrors(),g(e)}},e.type)}),[y,m?.type,x,g]),T=c(()=>y?[t(ut,{$padding:"8px 12px",children:t(ht,{size:4})},"loading")]:m?[t(gs,{},m.type)]:[t(mt,{$height:"100%",children:t(xe,{icon:Va,title:"Action not selected",subTitle:"Please select an action to add"})},"no-data")],[y,m]);return t(kr,{ref:h,isOpen:!0,withOverlay:i,onClose:e,onSave:async()=>{const{errorMessage:e,preparedFormData:t}=b();if(e)return!1;await l.create(t)},disableSave:!m||!f?.isFormDirty,isFormDirty:f?.isFormDirty,hideDirtyNote:!0,progress:{title:Ze.CREATING_ACTION,subTitle:Ze.CREATING_ACTION_SUBTITLE},header:{icon:Va,title:Ze.ADD_ACTION,subTitle:Ze.ADD_ACTION_DESCRIPTION},connectionIds:n&&o?{value:n,setValue:o}:void 0,search:{value:d,onChange:u},leftColumn:{width:"40%",list:w},rightColumn:{width:"60%",list:T}})},Gs=({destinationsByCategory:o,filters:i,setFilters:a})=>{const l=c(()=>Object.values(gt).map(e=>({id:e,label:e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()})).filter(e=>o[e.id]?.length),[o]),r=c(()=>{const e=Object.values($e).map(e=>({value:e,label:e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}));return e.unshift({value:null,label:"All"}),e},[]);return e(n,{children:[t(ft,{placeholder:"Select category",options:l,values:i.categoryType?[i.categoryType]:[],setValues:e=>a({...i,categoryType:i.categoryType===e[0]?null:e[0]})}),t(ce,{options:r,selected:i.signalType,setSelected:e=>a({...i,signalType:e})})]})},Ws=b.div`
|
|
57
68
|
display: flex;
|
|
58
69
|
flex-direction: column;
|
|
59
70
|
padding: 8px;
|
|
60
71
|
border-radius: 16px;
|
|
61
72
|
border: ${({$purpleColors:e,theme:t})=>e?`1px solid ${t.v2.colors.purple[500]}`:"1px solid transparent"};
|
|
62
|
-
background-color: ${({$noBgColor:e,$purpleColors:t,theme:
|
|
63
|
-
`,
|
|
73
|
+
background-color: ${({$noBgColor:e,$purpleColors:t,theme:n})=>e?"transparent":t?n.v2.colors.purple[900]:n.v2.colors.silver[800]};
|
|
74
|
+
`,Ks=b.div`
|
|
64
75
|
display: flex;
|
|
65
76
|
align-items: center;
|
|
66
77
|
justify-content: space-between;
|
|
67
78
|
gap: 12px;
|
|
68
79
|
padding: ${({$isOpen:e})=>e?"2px 12px 8px 12px":"2px 12px"};
|
|
69
|
-
`,
|
|
80
|
+
`,Ys=({title:n,tooltip:o,list:i,noBgColor:l,purpleColors:r})=>{const[s,c]=a(!0);return e(Ws,{"data-id":`collapse-${n}`,$noBgColor:l,$purpleColors:r,children:[e(Ks,{$isOpen:s,children:[e(pe,{$gap:10,children:[t(_e,{size:Te.XS,children:n}),o&&t(Fe,{text:o,withIcon:!0}),t(Ke,{label:i.length,status:r?Ee.Default:void 0})]}),t(bt,{icon:s?ja:Ga,size:vt.M,onClick:()=>c(e=>!e)})]}),s?t(ee,{children:i.length?u.toArray(i):t(mt,{$padding:"12px 0",children:t(xe,{})})}):null]})},Js=(e,t,n)=>t||n.signalType?e.filter(e=>e.displayName.toLowerCase().includes(t.toLowerCase())&&(!n.signalType||Re(e.supportedSignals).includes(n.signalType))):e,qs=({option:e,formData:n,testResult:o,isSelected:i,onSelect:a})=>t(Hs,{icon:St(e.type).icon,title:n?.name||e.displayName,withCarret:!0,purpleColors:!!n,isSelected:i,onClick:()=>a(),children:o&&t(Ke,{status:o.succeeded?Ee.Success:Ee.Error,leftIcon:o.succeeded?Wa:Ka})}),Zs=({listType:e,destinationOptions:n,unsavedDestinations:o})=>{const{activeForm:i,onChangeActiveForm:a}=Hl();return n?.length?t(Ys,{title:Ct[e].TITLE,tooltip:Ct[e].DESCRIPTION,list:n.map((n,o)=>t(qs,{option:n,isSelected:i?.listType===e&&"number"!=typeof i?.unsavedIdx&&(null!=n.id&&""!==n.id?i?.option.id===n.id:i?.option.type===n.type),onSelect:()=>a({listType:e,option:n})},`${e}-${n.id??n.type}-${o}`))}):o?.length?t(Ys,{purpleColors:!0,title:Ct[e].TITLE,tooltip:Ct[e].DESCRIPTION,list:o.map(({option:n,formData:o,testResult:l},r)=>t(qs,{option:n,formData:o,testResult:l,isSelected:i?.unsavedIdx===r&&i?.listType===e,onSelect:()=>a({listType:e,option:n,unsavedIdx:r})},`${e}-${r}`))},e):void 0};var Qs;(e=>{e.SELF_HOSTED="self hosted",e.MANAGED="managed"})(Qs||(Qs={}));const ec=(e,t)=>{const n=[],o=[],i=[];return e&&e.destinationCategories.categories.forEach(e=>{e.name===Qs.SELF_HOSTED?o.push(...e.items):e.name===Qs.MANAGED&&i.push(...e.items)}),t&&t?.potentialDestinations.forEach(t=>{for(const o of e?.destinationCategories?.categories||[]){const e=xt(o),i=e.items.findIndex(e=>e.type===t.type);if(-1!==i){const o=wt(t.fields,{});Object.keys(o).length&&(e.items[i].fields=e.items[i].fields.map(e=>({...e,initialValue:o[e.name]})),n.push(e.items[i]))}}}),{[gt.DETECTED]:n,[gt.SELF_HOSTED]:o,[gt.MANAGED]:i}},tc=({onClose:e,onBack:n,onNext:o,selectedConnectionIds:l,setSelectedConnectionIds:r,initialInputs:s,withOverlay:p,disableAnimation:u})=>{const{destinationsApi:h}=Vl(),[m,g]=a(""),[f,b]=a({categoryType:null,signalType:null}),{items:v}=h.useDestinations(),{data:y,loading:C}=h.useDestinationCategories(),{data:S,loading:x}=h.usePotentialDestinations(),{activeForm:w,genericForm:T,unsavedDestinations:k,setUnsavedDestinations:I}=Hl();i(()=>{s&&I(s)},[s]);const N=C||x,E=c(()=>y?.destinationCategories?.categories??[],[y]),[O,$]=a({[gt.ALL]:[],[gt.UNSAVED]:[],[gt.EXISTS]:[],[gt.DETECTED]:[],[gt.SELF_HOSTED]:[],[gt.MANAGED]:[]});i(()=>{const e=v.map(e=>{let t;for(const n of E){const o=n.items.find(t=>t.type===e.destinationType.type);if(o){t=o;break}}const n=wt(e.fields,{});return{id:e.id,type:e.destinationType.type,displayName:e.name||e.destinationType.displayName,selected:!0,testConnectionSupported:t?.testConnectionSupported??!1,supportedSignals:e.destinationType.supportedSignals,fields:t?t.fields.map(e=>({...e,initialValue:n[e.name]??e.initialValue})):[]}});$(t=>({...t,[gt.EXISTS]:e}))},[v,E]),i(()=>{(y||S)&&$(e=>({...e,...ec(y,S)}))},[y,S]);const A=d(async()=>{for(const{option:e,formData:t}of k){const n=De(t);if(e.id){const t=Object.fromEntries(e.fields.map(e=>[e.name,e.initialValue??""])),o=Object.fromEntries(n.fields.map(e=>[e.key,e.value??""]));if(!Object.keys(t).some(e=>t[e]!==o[e])){await h.update(e.id,n);continue}}await h.create(n)}},[k,h]),R=(({isFetching:e,destinationsByCategory:n,searchText:o,filters:i})=>{const{unsavedDestinations:a}=Hl();return{width:"40%",list:c(()=>{const l=[];a.length&&l.push(t(Zs,{listType:gt.UNSAVED,unsavedDestinations:a},"unsaved"));for(const e of Object.values(gt)){if(i.categoryType&&i.categoryType!==e)continue;const a=Js(n[e],o,i);a.length&&l.push(t(Zs,{listType:e,destinationOptions:a},e))}return e&&l.push(t(mt,{$height:"100%",children:t(yt,{title:"Fetching destinations",withSpinner:!0})},"loading-more")),l},[a,n,o,i,e])}})({isFetching:N,destinationsByCategory:O,searchText:m,filters:f}),D=(()=>{const{activeForm:e}=Hl();return{width:"60%",list:e?[t(bs,{},e.option.type)]:[t(mt,{$height:"100%",children:t(xe,{icon:Ha,title:"Select destination from the list",subTitle:"Add destination so your data has somewhere to go."})},"no-data")]}})();return t(kr,{isOpen:!0,withOverlay:p,disableAnimation:u,onClose:e,onBack:n?()=>n(k):void 0,onNext:o?()=>o(k):void 0,nextIsSkip:!k.length,onSave:A,disableSave:!w&&!k.length,isFetching:N,isFormDirty:k.length>0||T?.isFormDirty,hideDirtyNote:!0,progress:{title:Ze.CREATING_DESTINATION,subTitle:Ze.CREATING_DESTINATION_SUBTITLE},header:{icon:Ha,title:Ze.ADD_DESTINATIONS,subTitle:Ze.ADD_DESTINATION_DRAWER_DESCRIPTION},connectionIds:l&&r?{value:l,setValue:r}:void 0,search:{value:m,onChange:g},filters:t(Gs,{destinationsByCategory:O,filters:f,setFilters:b}),leftColumn:R,rightColumn:D})},nc=({onClose:e,selectedConnectionIds:n,setSelectedConnectionIds:o,withOverlay:i})=>{const{instrumentationRulesApi:l}=Vl(),[r,s]=a(""),d=p(null),{selectedOption:u,onSelectOption:h,genericForm:m,validateFormData:g}=jl(),{options:f,loading:b}=l.useRuleTypes(),v=c(()=>f.length?f:Tt,[f]),y=c(()=>r?v.filter(e=>e.label.toLowerCase().includes(r.toLowerCase())):v,[v,r]),C=c(()=>b?[t(ut,{$padding:"8px 12px",children:t(ht,{size:4})},"loading")]:y.map(e=>{const n=u?.type===e.type;return t(Hs,{dataId:`option-${e.type}`,title:e.label,description:e.description,withCarret:!0,isSelected:n,onClick:()=>{d.current?.clearErrors(),h(e)}},e.type)}),[b,u?.type,y,h]),S=c(()=>b?[t(ut,{$padding:"8px 12px",children:t(ht,{size:4})},"loading")]:u?[t(ks,{},u.type)]:[t(mt,{$height:"100%",children:t(xe,{icon:Ya,title:"Instrumentation rule not selected",subTitle:"Please select an instrumentation rule to add"})},"no-data")],[b,u]);return t(kr,{ref:d,isOpen:!0,withOverlay:i,onClose:e,onSave:async()=>{const{errorMessage:e,preparedFormData:t}=g();if(e)return!1;await l.create(t,u?.type)},disableSave:!u||!m?.isFormDirty,isFormDirty:m?.isFormDirty,hideDirtyNote:!0,progress:{title:Ze.CREATING_INSTRUMENTATION_RULE,subTitle:Ze.CREATING_INSTRUMENTATION_RULE_SUBTITLE},header:{icon:Ya,title:Ze.ADD_INSTRUMENTATION_RULE,subTitle:Ze.ADD_INSTRUMENTATION_RULE_DESCRIPTION},connectionIds:n&&o?{value:n,setValue:o}:void 0,search:{value:r,onChange:s},leftColumn:{width:"40%",list:C},rightColumn:{width:"60%",list:S}})},oc={groupSegmentLabel:"Namespace",itemSegmentLabel:"Source",searchPlaceholder:()=>{},groupColumnHeader:"Namespaces",fetchingGroups:{title:Ze.FETCHING_NAMESPACES,subTitle:Ze.FETCHING_NAMESPACES_SUBTITLE},noGroups:{title:"No namespaces",subTitle:"No namespaces found in this cluster"},noGroupMatchedFilter:e=>`No namespace matched the filter '${e}'`,itemColumnHeader:"Workloads",selectGroupPrompt:{title:Ze.SELECT_NAMESPACE,subTitle:Ze.SELECT_NAMESPACE_SUBTITLE},noItemsInGroupSubTitle:"No sources found in this namespace"},ic={groupSegmentLabel:"Kind",itemSegmentLabel:"Source",searchPlaceholder:e=>"Search by "+(e===kt.Namespace?"kind":"source"),groupColumnHeader:"Kinds",fetchingGroups:{title:"Fetching kinds",subTitle:"Please wait while we fetch the kinds"},noGroups:{title:"No kinds",subTitle:"No kinds found on this host"},noGroupMatchedFilter:e=>`No kind matched the filter '${e}'`,itemColumnHeader:"Sources",selectGroupPrompt:{title:"Select kind from the list",subTitle:"Pick a kind so you can select sources from it."},noItemsInGroupSubTitle:"No sources found in this kind"},ac=e=>e?ic:oc,lc="No matches",rc=e=>(e?"Unselect":"Select")+" all",sc="Selected",cc=b.div``,dc=b.div`
|
|
70
81
|
visibility: hidden;
|
|
71
82
|
|
|
72
83
|
transition: visibility 0s;
|
|
@@ -74,19 +85,42 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
74
85
|
transition-duration: 0s;
|
|
75
86
|
}
|
|
76
87
|
|
|
77
|
-
${
|
|
88
|
+
${cc}:hover & {
|
|
78
89
|
visibility: visible;
|
|
79
90
|
}
|
|
80
|
-
`,
|
|
91
|
+
`,pc=({workloadName:e,workloadKind:n,isChecked:o,onToggle:i,disabled:a})=>{const l=v(),r=()=>{};return t(cc,{children:t(Hs,{dataId:`source-${e}`,title:e,disabled:a,onClick:a?r:i,isChecked:o,onCheckboxChange:a?r:i,children:a?t(Fe,{text:"Static pods can only be instrumented with Odigos Enterprise.",children:t(Ke,{label:"Enterprise only",status:Ee.Default,textSize:Te.XXXS})}):t(dc,{children:t(Ke,{label:n,status:Ee.Info,textSize:Te.XXXS,backgroundColor:l.v2.colors.blue[900]})})})})},uc=b.div``,hc=b.div`
|
|
92
|
+
display: grid;
|
|
93
|
+
/* Auto: "Auto" label + S toggle ≈ 72px. Selected: label + count badge ≈ 110px. */
|
|
94
|
+
grid-template-columns: ${({$withAuto:e})=>e?"72px 110px":"110px"};
|
|
95
|
+
align-items: center;
|
|
96
|
+
column-gap: 12px;
|
|
97
|
+
flex-shrink: 0;
|
|
98
|
+
`,mc=b.div`
|
|
99
|
+
display: flex;
|
|
100
|
+
justify-content: flex-end;
|
|
101
|
+
align-items: center;
|
|
102
|
+
width: 100%;
|
|
103
|
+
min-width: 0;
|
|
81
104
|
visibility: ${({$visible:e})=>e?"visible":"hidden"};
|
|
105
|
+
/* Keep the switch clickable when shown via row-hover (visibility alone is enough
|
|
106
|
+
for hit-testing once visible; when hidden, disable pointer events so the
|
|
107
|
+
reserved column doesn't steal clicks from neighboring controls). */
|
|
108
|
+
pointer-events: ${({$visible:e})=>e?"auto":"none"};
|
|
82
109
|
|
|
83
110
|
transition: visibility 0s;
|
|
84
111
|
${({$visible:e})=>!e&&"& * {\n transition-duration: 0s !important;\n }"}
|
|
85
112
|
|
|
86
|
-
${
|
|
113
|
+
${uc}:hover & {
|
|
87
114
|
visibility: visible;
|
|
115
|
+
pointer-events: auto;
|
|
88
116
|
}
|
|
89
|
-
`,
|
|
117
|
+
`,gc=b(pe)`
|
|
118
|
+
width: 100%;
|
|
119
|
+
gap: 8px;
|
|
120
|
+
justify-content: flex-end;
|
|
121
|
+
align-items: center;
|
|
122
|
+
min-width: 0;
|
|
123
|
+
`,fc=({clusterId:n,namespaceName:o,checkbox:i,isFutureApps:a,selectedCounts:l,isActive:r,onActive:s,handleSourceChange:c})=>{const{capabilities:d}=Vl(),p=d.canInstrumentNamespaces,u=e=>{s(),c({clusterId:n,workloadId:{namespace:o},auto:e.auto,selected:e.all})};return t(uc,{children:t(Hs,{dataId:`namespace-${o}`,withCarret:!0,title:o,isSelected:r,onClick:s,isPartiallyChecked:i.partial,isChecked:i.all,onCheckboxChange:e=>u({auto:e,all:e}),children:e(hc,{$withAuto:p,children:[p&&t(mc,{$visible:r||a,children:t(Fe,{text:"Automatically instrument all workloads currently in the namespace, and all workloads that will be deployed to this namespace in the future",children:t(le,{label:"Auto",labelAlign:re.Left,size:Nt.S,value:a,onChange:e=>u({auto:e,all:e||void 0})})})}),e(gc,{children:[t(_e,{variant:Et.Span,size:Te.XXXS,color:Pe.Secondary,align:"right",nowrap:!0,children:sc}),t(Ke,{label:`${l.sourced}/${l.total}`,status:r?Ee.Default:Ee.Unknown,minWidth:"42px"})]})]})})})},bc=({withCollapse:e,clusterId:n,clusterName:o,namespaces:i,selectedArea:a,setSelectedArea:l,handleSourceChange:r})=>{const s=c(()=>i.map(({name:e,totalWorkloads:i,selectedCount:s,isAllSourced:c,isSomeSourced:d,isFutureApps:p})=>t(fc,{clusterId:n,namespaceName:e,isFutureApps:p,checkbox:{all:c||p,partial:d},selectedCounts:{sourced:s,total:i},isActive:a.clusterId===n&&a.namespaceName===e,onActive:()=>l({clusterId:n,clusterName:o,namespaceName:e}),handleSourceChange:r},`${n}#${e}`)),[n,o,i,a]);return e?t(Ys,{title:o,list:s,noBgColor:!0}):s},vc=({onClose:n,onBack:o,onNext:l,selectedConnectionIds:r,setSelectedConnectionIds:s,withOverlay:d,disableAnimation:p})=>{const{isVm:u,isConnector:h}=S(),{sourcesApi:m,snapshotsApi:g,namespacesApi:f}=Vl(),{data:b,loading:v,refetch:y}=g.useSnapshots(),{items:C,loading:x,refetch:w}=f.useNamespaces(),T=ac(u||!!h),{selectedStreamName:k}=Qe(),{progress:I,resetProgress:N}=Ot(),{isFetching:E,setIsFetching:O,setSnapshots:$,formData:A,handleSourceChange:R,handleSelectAll:D,formDiff:_,isFormDirty:P}=er();i(()=>{y(),w()},[]);const L=c(()=>{if(b)return b;const e=C;return e.length?{clusters:[{clusterId:At,clusterName:$t,namespaces:e.map(e=>({name:e.name,selected:e.markedForInstrumentation&&e.dataStreamNames.includes(k),workloads:e.workloads?.map(e=>({namespace:e.id.namespace,name:e.id.name,kind:e.id.kind,region:e.id.region,selected:(e.markedForInstrumentation?.markedForInstrumentation??!1)&&(e.dataStreamNames?.includes(k)??!1)}))||[]}))}]}:null},[b,C,k]);i(()=>{O(v||x),L&&$(L)},[L,v,x,O,$]);const[F,M]=a(""),[z,B]=a(kt.Namespace),[X,U]=a({showOnlySelected:!1}),[V,H]=a({clusterId:"",clusterName:"",namespaceName:""}),j=(({isFetching:n,formData:o,handleSourceChange:i,handleSelectAll:a,selectedArea:l,setSelectedArea:r,searchText:s,searchBy:d,filters:p})=>{const{isVm:u,isConnector:h}=S(),m=ac(u||!!h),g=c(()=>o.map(e=>{const t=[...e.namespaces].sort((e,t)=>e.name.localeCompare(t.name)).filter(e=>Zl(e,s,p)).map(e=>({name:e.name,totalWorkloads:e.workloads.length,...Ql(e)}));return{clusterId:e.clusterId,clusterName:e.clusterName,visibleNamespaces:t}}),[o,s,p]),f=c(()=>{let e=!1;for(const{visibleNamespaces:t}of g)for(const{totalWorkloads:n,selectedCount:o}of t)if(e=!0,o!==n)return!1;return e},[g]),{list:b,withFilterCount:v,filteredCount:y,totalCount:C}=c(()=>{const e=g.map(({clusterId:e,clusterName:n,visibleNamespaces:o})=>o.length?t(bc,{withCollapse:g.length>1,clusterId:e,clusterName:n,namespaces:o,selectedArea:l,setSelectedArea:r,handleSourceChange:i},e):null).filter(e=>null!==e),n=g.reduce((e,{visibleNamespaces:t})=>e+t.length,0),a=o.reduce((e,{namespaces:t})=>e+t.length,0);return{list:e,withFilterCount:n!==a,filteredCount:n,totalCount:a}},[g,o,l]);return{width:"60%",header:e(pe,{$width:"100%",$gap:12,$justifyContent:"space-between",children:[e(pe,{$gap:8,children:[t(_e,{size:Te.XS,nowrap:!0,children:m.groupColumnHeader}),t(Fe,{text:v?Ze.FILTERED_COUNT_TOOLTIP:void 0,children:t(Ke,{label:`${v?`${y} / ${C}`:C}`,status:Ee.Unknown})})]}),t(_e,{"data-id":"namespaces-select-all",onClick:()=>a({boolean:!f,searchText:s,searchBy:d,filters:p}),disabled:!b.length,size:Te.XS,children:rc(f)})]}),list:b.length?b:n?[t(mt,{$height:"100%",children:t(yt,{title:m.fetchingGroups.title,subTitle:m.fetchingGroups.subTitle,withSpinner:!0})},"loading")]:[t(mt,{$height:"100%",children:t(xe,s?{icon:qa,title:lc,subTitle:m.noGroupMatchedFilter(s)}:{icon:qa,title:m.noGroups.title,subTitle:m.noGroups.subTitle})},"no-data")]}})({isFetching:E,formData:A,handleSourceChange:R,handleSelectAll:D,selectedArea:V,setSelectedArea:H,searchText:z===kt.Namespace?F:"",searchBy:z,filters:X}),G=(({formData:n,handleSourceChange:o,handleSelectAll:i,selectedArea:a,searchText:l,searchBy:r,filters:s})=>{const{tier:d,isVm:p,isConnector:u,isK8s:h}=S(),m=ac(p||!!u),g=d===It.Onprem,f=c(()=>a.value.namespaceName?n.find(({clusterId:e})=>e===a.value.clusterId)?.namespaces.find(({name:e})=>e===a.value.namespaceName):void 0,[n,a.value.clusterId,a.value.namespaceName]),b=c(()=>f?[...f.workloads].sort((e,t)=>e.name.localeCompare(t.name)).filter(e=>Jl(e,l,s)):[],[f,l,s]),v=c(()=>!!b.length&&b.every(({selected:e})=>e),[b]),y=c(()=>{if(!f)return[];const{clusterId:e}=a.value,{name:n}=f;return b.map(({name:i,selected:a,kind:l,region:r})=>{const s=h&&!g&&ql.has(l);return t(pc,{workloadName:i,workloadKind:l,isChecked:!s&&(a||!1),onToggle:()=>o({clusterId:e,workloadId:{namespace:n,name:i,kind:l,region:r}}),disabled:s},`${e}#${n}#${i}#${l}#${r??""}`)})},[b,f,a.value.clusterId,o,h,g]),{withFilterCount:C,filteredCount:x,totalCount:w}=c(()=>{const e=f?.workloads.length??0;return{withFilterCount:b.length!==e,filteredCount:b.length,totalCount:e}},[b,f]);return{width:"40%",header:e(pe,{$width:"100%",$gap:12,$justifyContent:"space-between",children:[e(pe,{$gap:8,children:[t(_e,{size:Te.XS,nowrap:!0,children:a.value.namespaceName?`${a.value.namespaceName} > ${m.itemColumnHeader}`:m.itemColumnHeader}),t(Fe,{text:C?Ze.FILTERED_COUNT_TOOLTIP:void 0,children:t(Ke,{label:`${C?`${x} / ${w}`:w}`,status:Ee.Unknown})})]}),t(_e,{"data-id":"workloads-select-all",onClick:()=>i({clusterId:a.value.clusterId,namespaceName:a.value.namespaceName,boolean:!v,searchText:l,searchBy:r,filters:s}),disabled:!y.length,size:Te.XS,children:rc(v)})]}),list:y.length?y:[t(mt,{$height:"100%",children:t(xe,f?l?{icon:Ja,title:lc,subTitle:(T=l,`No sources matched the filter '${T}'`)}:{icon:Ja,title:"No sources",subTitle:m.noItemsInGroupSubTitle}:{icon:Ja,title:m.selectGroupPrompt.title,subTitle:m.selectGroupPrompt.subTitle})},"no-data")]};var T})({formData:A,handleSourceChange:R,handleSelectAll:D,selectedArea:{value:V},searchText:z===kt.Source?F:"",searchBy:z,filters:X});return t(kr,{isOpen:!0,withOverlay:d,disableAnimation:p,onClose:n?()=>{N(Rt.BulkInstrumenting),n()}:void 0,onBack:o?()=>o(_):void 0,onNext:l?()=>l(_):void 0,nextIsSkip:!P,onSave:()=>m.persistV2(_),header:{icon:Ja,title:Ze.ADD_SOURCE,subTitle:Ze.ADD_SOURCES_DESCRIPTION},connectionIds:r&&s?{value:r,setValue:s}:void 0,search:{value:F,onChange:e=>{M(e),z===kt.Namespace&&H({clusterId:"",clusterName:"",namespaceName:""})},placeholder:T.searchPlaceholder(z),segment:{options:[{label:T.groupSegmentLabel,value:kt.Namespace},{label:T.itemSegmentLabel,value:kt.Source}],selected:z,setSelected:B}},filters:e(pe,{$gap:8,children:[t(_e,{size:Te.XXXS,color:Pe.Secondary,nowrap:!0,children:"Show only:"}),t(le,{name:"filter-selected",size:Nt.S,label:sc,value:X.showOnlySelected,onChange:e=>U(t=>({...t,showOnlySelected:e}))})]}),isFormDirty:P,isFetching:E,progress:{title:Ze.CREATING_SOURCES,subTitle:Ze.CREATING_SOURCES_SUBTITLE,percentage:I[Rt.BulkInstrumenting]?.percentage||0},leftColumn:j,rightColumn:G})},yc={aws:el,gcp:Qa,azure:Za},Cc={lambda:"Lambda","fargate-task":"ECS","fargate-cluster":"ECS","ecs-cluster":"ECS",eks:"EKS",ec2:"EC2"},Sc=e=>e.split(/[-_]/).map(e=>e?e[0].toUpperCase()+e.slice(1):e).join(" "),xc=e=>e.provider.toUpperCase(),wc=b.div`
|
|
90
124
|
display: flex;
|
|
91
125
|
flex-direction: column;
|
|
92
126
|
gap: 8px;
|
|
@@ -94,7 +128,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
94
128
|
padding: 8px 12px;
|
|
95
129
|
border-radius: 16px 0 0 16px;
|
|
96
130
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
97
|
-
`,
|
|
131
|
+
`,Tc=b.button`
|
|
98
132
|
display: flex;
|
|
99
133
|
align-items: center;
|
|
100
134
|
gap: 12px;
|
|
@@ -110,7 +144,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
110
144
|
&:hover {
|
|
111
145
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
112
146
|
}
|
|
113
|
-
`,
|
|
147
|
+
`,kc=b.div`
|
|
114
148
|
display: flex;
|
|
115
149
|
align-items: center;
|
|
116
150
|
justify-content: center;
|
|
@@ -119,13 +153,13 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
119
153
|
border-radius: 8px;
|
|
120
154
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
121
155
|
flex-shrink: 0;
|
|
122
|
-
`,
|
|
156
|
+
`,Ic=b.div`
|
|
123
157
|
display: flex;
|
|
124
158
|
flex-direction: column;
|
|
125
159
|
gap: 2px;
|
|
126
160
|
flex: 1;
|
|
127
161
|
min-width: 0;
|
|
128
|
-
`,
|
|
162
|
+
`,Nc=({providers:n,selectedProvider:o,onSelect:i})=>{const a=v();return n.length?t(wc,{children:n.map(n=>{const l=(e=>yc[e.provider]??tl)(n),r=n.provider===o,s=(e=>{const t=e.features.find(e=>e.key===Dt.Discovery);if(!t)return"";const n=[],o=new Set;for(const e of t.types){const t=e.name.includes(".")?e.name.slice(e.name.indexOf(".")+1):e.name,i=Cc[t]??Sc(t);o.has(i)||(o.add(i),n.push(i))}return n.join(", ")})(n);return e(Tc,{type:"button",$selected:r,onClick:()=>i(n.provider),"data-id":`cloud-connector-provider-${n.provider}`,children:[t(kc,{children:t(l,{size:24})}),e(Ic,{children:[t(_e,{size:Te.S,weight:400,lineHeight:"24px",color:Pe.Primary,children:xc(n)}),s&&t(_e,{size:Te.XXXS,weight:400,lineHeight:"normal",color:Pe.Secondary,children:s})]}),t(Ua,{size:18,fill:a.v2.colors.silver[300]})]},n.provider)})}):t(_e,{size:Te.XS,color:Pe.Secondary,children:"No providers available."})},Ec=b.div`
|
|
129
163
|
display: flex;
|
|
130
164
|
flex-direction: column;
|
|
131
165
|
gap: 8px;
|
|
@@ -135,15 +169,15 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
135
169
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
136
170
|
border: 1px solid ${({theme:e})=>e.v2.colors.silver[700]};
|
|
137
171
|
cursor: default;
|
|
138
|
-
`,
|
|
172
|
+
`,Oc=b.div`
|
|
139
173
|
display: flex;
|
|
140
174
|
align-items: center;
|
|
141
175
|
gap: 4px;
|
|
142
176
|
width: 100%;
|
|
143
|
-
|
|
177
|
+
`,$c=b.div`
|
|
144
178
|
flex: 1;
|
|
145
179
|
min-width: 0;
|
|
146
|
-
`,
|
|
180
|
+
`,Ac=b.div`
|
|
147
181
|
width: 100%;
|
|
148
182
|
max-height: 145px;
|
|
149
183
|
overflow: auto;
|
|
@@ -165,39 +199,39 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
165
199
|
transition: background-color 0.2s ease;
|
|
166
200
|
}
|
|
167
201
|
|
|
168
|
-
${
|
|
202
|
+
${Ec}:hover & {
|
|
169
203
|
scrollbar-color: ${({theme:e})=>e.v2.colors.silver[300]} transparent;
|
|
170
204
|
}
|
|
171
205
|
|
|
172
|
-
${
|
|
206
|
+
${Ec}:hover &::-webkit-scrollbar-thumb {
|
|
173
207
|
background-color: ${({theme:e})=>e.v2.colors.silver[300]};
|
|
174
208
|
}
|
|
175
|
-
`,
|
|
209
|
+
`,Rc=b.pre`
|
|
176
210
|
margin: 0;
|
|
177
211
|
font-family: ${({theme:e})=>e.font_family.code};
|
|
178
212
|
font-size: 12px;
|
|
179
213
|
line-height: 20px;
|
|
180
214
|
color: ${({theme:e})=>e.v2.colors.green[400]};
|
|
181
215
|
white-space: pre;
|
|
182
|
-
`,
|
|
216
|
+
`,Dc=({policy:n})=>{const o=v(),{CopyButton:i}=_t();return e(Ec,{children:[e(Oc,{children:[t(nl,{size:16,fill:o.v2.colors.silver[200]}),t($c,{children:t(_e,{size:Te.XXS,color:Pe.Primary,children:Ze.CLOUD_CONNECTOR_POLICY_PREVIEW})}),t(i,{value:n,size:vt.XS})]}),t(Ac,{children:t(Rc,{children:n})})]})};var _c;(e=>{e.DiscoveryOnly="discovery-only",e.DiscoveryInstrumentation="discovery-instrumentation",e.Custom="custom"})(_c||(_c={}));const Pc=[{id:_c.DiscoveryOnly,title:Ze.CLOUD_CONNECTOR_PERMISSION_DISCOVERY_ONLY_TITLE,description:Ze.CLOUD_CONNECTOR_PERMISSION_DISCOVERY_ONLY_DESC,featureKeys:[Dt.Discovery]},{id:_c.DiscoveryInstrumentation,title:Ze.CLOUD_CONNECTOR_PERMISSION_DISCOVERY_INSTRUMENTATION_TITLE,description:Ze.CLOUD_CONNECTOR_PERMISSION_DISCOVERY_INSTRUMENTATION_DESC,featureKeys:[Dt.Discovery,Dt.Instrumentation]},{id:_c.Custom,title:Ze.CLOUD_CONNECTOR_PERMISSION_CUSTOM_TITLE,description:Ze.CLOUD_CONNECTOR_PERMISSION_CUSTOM_DESC,featureKeys:[]}],Lc=(e,t)=>e.features?.find(e=>e.key===t),Fc=e=>{if(!e)return[];const t=Lc(e,Dt.Discovery),n=Lc(e,Dt.Instrumentation);return t?t.types.map(e=>{const t=n?.types.find(t=>t.name===e.name);return{typeName:e.name,displayName:e.displayName||e.name,discoveryPermissions:e.permissions??[],instrumentationPermissions:t?t.permissions??[]:void 0}}):[]},Mc=()=>{const e=new Set,t=[];return{out:t,add:n=>n?.forEach(n=>{n&&!e.has(n)&&(e.add(n),t.push(n))})}},zc=(e,t,n)=>{const o=t===_c.Custom?((e,t)=>{if(!e)return[];const n=Fc(e),o=Lc(e,Dt.Discovery),i=n.some(e=>t[e.typeName]?.discovery),{out:a,add:l}=Mc();return l(e.auth?.permissions),i&&l(o?.permissions),n.forEach(e=>{const n=t[e.typeName];n?.discovery&&l(e.discoveryPermissions),n?.instrumentation&&l(e.instrumentationPermissions)}),a})(e,n??{}):((e,t)=>{if(!e)return[];const n=Pc.find(e=>e.id===t)?.featureKeys??[],{out:o,add:i}=Mc();return i(e.auth?.permissions),e.features?.forEach(e=>{e.enabled&&n.includes(e.key)&&(i(e.permissions),e.types?.forEach(e=>{!1!==e.implemented&&i(e.permissions)}))}),o})(e,t),i={Version:"2012-10-17",Statement:[{Sid:"OdigosCloudConnector",Effect:"Allow",Action:o,Resource:"*"}]};return JSON.stringify(i,null,2)},Bc=b.div`
|
|
183
217
|
width: 100%;
|
|
184
218
|
padding: 12px 16px;
|
|
185
219
|
border-radius: 12px;
|
|
186
220
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
187
221
|
border: 1px solid ${({theme:e})=>e.v2.colors.silver[700]};
|
|
188
|
-
|
|
222
|
+
`,Xc=b.div`
|
|
189
223
|
display: grid;
|
|
190
224
|
grid-template-columns: minmax(0, 1fr) 120px 150px;
|
|
191
225
|
align-items: center;
|
|
192
226
|
row-gap: 16px;
|
|
193
227
|
column-gap: 8px;
|
|
194
|
-
`,
|
|
228
|
+
`,Uc=b.div`
|
|
195
229
|
display: flex;
|
|
196
230
|
align-items: center;
|
|
197
231
|
min-width: 0;
|
|
198
|
-
`,
|
|
232
|
+
`,Vc=b(Uc)`
|
|
199
233
|
justify-content: center;
|
|
200
|
-
`,
|
|
234
|
+
`,Hc={discovery:!1,instrumentation:!1},jc=({provider:n,capabilities:i,onCapabilitiesChange:a})=>{const l=Fc(n),r=(e,t)=>{a({...i,[e]:t})};return l.length?t(Bc,{children:e(Xc,{children:[t(Uc,{children:t(_e,{size:Te.XXS,color:Pe.Secondary,children:Ze.CLOUD_CONNECTOR_CUSTOM_COL_TYPE})}),t(Vc,{children:t(_e,{size:Te.XXS,color:Pe.Secondary,children:Ze.CLOUD_CONNECTOR_CUSTOM_COL_DISCOVERY})}),t(Vc,{children:t(_e,{size:Te.XXS,color:Pe.Secondary,children:Ze.CLOUD_CONNECTOR_CUSTOM_COL_INSTRUMENTATION})}),l.map(n=>{const a=i[n.typeName]??Hc,l=void 0!==n.instrumentationPermissions,s=a.instrumentation||a.discovery;return e(o.Fragment,{children:[t(Uc,{children:t(_e,{size:Te.XXS,weight:400,lineHeight:"normal",color:Pe.Primary,children:n.displayName})}),t(Vc,{children:t(le,{name:`cloud-connector-custom-${n.typeName}-discovery`,size:Nt.S,value:s,disabled:a.instrumentation,onChange:e=>r(n.typeName,{discovery:e,instrumentation:a.instrumentation})})}),t(Vc,{children:t(le,{name:`cloud-connector-custom-${n.typeName}-instrumentation`,size:Nt.S,value:a.instrumentation,disabled:!l,onChange:e=>r(n.typeName,{discovery:!!e||a.discovery,instrumentation:e})})})]},n.typeName)})]})}):null},Gc=b.div`
|
|
201
235
|
display: flex;
|
|
202
236
|
flex-direction: column;
|
|
203
237
|
gap: 8px;
|
|
@@ -206,12 +240,12 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
206
240
|
padding: 8px;
|
|
207
241
|
border-radius: 0 16px 16px 0;
|
|
208
242
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
209
|
-
`,
|
|
243
|
+
`,Wc=b.div`
|
|
210
244
|
display: flex;
|
|
211
245
|
flex-direction: column;
|
|
212
246
|
gap: 8px;
|
|
213
247
|
width: 100%;
|
|
214
|
-
`,
|
|
248
|
+
`,Kc=b.div`
|
|
215
249
|
display: flex;
|
|
216
250
|
align-items: center;
|
|
217
251
|
gap: 10px;
|
|
@@ -219,7 +253,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
219
253
|
padding: 4px 12px 4px 4px;
|
|
220
254
|
border-radius: 8px;
|
|
221
255
|
background-color: ${({theme:e})=>e.v2.colors.purple[900]};
|
|
222
|
-
`,
|
|
256
|
+
`,Yc=b.div`
|
|
223
257
|
display: flex;
|
|
224
258
|
align-items: center;
|
|
225
259
|
justify-content: center;
|
|
@@ -228,30 +262,30 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
228
262
|
border-radius: 6px;
|
|
229
263
|
flex-shrink: 0;
|
|
230
264
|
background-color: ${({theme:e})=>e.v2.colors.purple[800]};
|
|
231
|
-
`,
|
|
265
|
+
`,Jc=({message:n})=>{const o=v();return e(Kc,{children:[t(Yc,{children:t(ol,{size:24})}),t(_e,{size:Te.XXS,color:o.v2.colors.purple[300],children:n})]})},qc=({provider:n,selectedPermission:o,onSelect:i,capabilities:a,onCapabilitiesChange:l})=>t(Gc,{children:Pc.map(r=>{const s=r.id===o,c=r.id===_c.Custom,d=s?e(Wc,{children:[c&&t(jc,{provider:n,capabilities:a,onCapabilitiesChange:l}),t(Dc,{policy:zc(n,r.id,a)})]}):void 0,p=s?t(Jc,{message:c?Ze.CLOUD_CONNECTOR_POLICY_NOTE_CUSTOM:Ze.CLOUD_CONNECTOR_POLICY_NOTE}):void 0;return t(Pt,{"data-id":`cloud-connector-permission-${r.id}`,title:r.title,description:r.description,checked:s,onChange:()=>i(r.id),body:d,footerNote:p},r.id)})}),Zc=b.div`
|
|
232
266
|
display: flex;
|
|
233
267
|
flex-direction: column;
|
|
234
268
|
padding: 16px;
|
|
235
|
-
`,
|
|
269
|
+
`,Qc=b.div`
|
|
236
270
|
display: flex;
|
|
237
271
|
flex-direction: column;
|
|
238
272
|
gap: 16px;
|
|
239
273
|
padding: 16px;
|
|
240
274
|
border-radius: 16px;
|
|
241
275
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
242
|
-
`,
|
|
276
|
+
`,ed=b.div`
|
|
243
277
|
display: flex;
|
|
244
278
|
flex-direction: column;
|
|
245
279
|
gap: 4px;
|
|
246
|
-
`,
|
|
280
|
+
`,td=b.div`
|
|
247
281
|
display: flex;
|
|
248
282
|
align-items: stretch;
|
|
249
283
|
width: 100%;
|
|
250
|
-
`,
|
|
284
|
+
`,nd=b.div`
|
|
251
285
|
display: flex;
|
|
252
286
|
flex: 0 0 40%;
|
|
253
287
|
min-width: 0;
|
|
254
|
-
`,
|
|
288
|
+
`,od=()=>{const{providers:n,genericForm:o}=tr(),[l,r]=a(!0),s=c(()=>n.find(e=>e.provider===o.formData.provider),[n,o.formData.provider]);return i(()=>{!o.formData.provider&&n.length>0&&o.handleFormChange("provider",n[0].provider)},[n,o.formData.provider,o]),i(()=>{o.formData.permission||o.handleFormChange("permission",_c.DiscoveryInstrumentation)},[o.formData.permission,o]),t(Zc,{children:e(Qc,{children:[e(ed,{children:[t(_e,{size:Te.S,weight:500,lineHeight:"24px",color:Pe.Primary,children:Ze.CLOUD_CONNECTOR_SELECT_PROVIDER_TITLE}),t(_e,{size:Te.XXS,weight:400,lineHeight:"normal",color:Pe.Secondary,children:Ze.CLOUD_CONNECTOR_SELECT_PROVIDER_SUBTITLE})]}),l&&t(Ne,{fullWidth:!0,smallIcon:!0,status:Ee.Info,message:Ze.CLOUD_CONNECTOR_PERMISSIONS_NOTE,action:{"data-id":"cloud-connector-permissions-note-close",label:Lt.CLOSE,onClick:()=>r(!1)}}),e(td,{children:[t(nd,{children:t(Nc,{providers:n,selectedProvider:o.formData.provider,onSelect:e=>o.handleFormChange("provider",e)})}),t(qc,{provider:s,selectedPermission:o.formData.permission,onSelect:e=>o.handleFormChange("permission",e),capabilities:o.formData.customCapabilities,onCapabilitiesChange:e=>o.handleFormChange("customCapabilities",e)})]})]})})},id=b.div`
|
|
255
289
|
display: flex;
|
|
256
290
|
flex-direction: column;
|
|
257
291
|
gap: 16px;
|
|
@@ -259,12 +293,12 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
259
293
|
padding: 12px;
|
|
260
294
|
border-radius: 8px;
|
|
261
295
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
262
|
-
`,
|
|
296
|
+
`,ad=b.div`
|
|
263
297
|
display: flex;
|
|
264
298
|
align-items: center;
|
|
265
299
|
gap: 12px;
|
|
266
300
|
width: 100%;
|
|
267
|
-
`,
|
|
301
|
+
`,ld=b.div`
|
|
268
302
|
display: flex;
|
|
269
303
|
align-items: center;
|
|
270
304
|
justify-content: center;
|
|
@@ -273,41 +307,41 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
273
307
|
height: 24px;
|
|
274
308
|
border-radius: 16px;
|
|
275
309
|
background-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
276
|
-
`,
|
|
310
|
+
`,rd=b.div`
|
|
277
311
|
display: flex;
|
|
278
312
|
flex: 1;
|
|
279
313
|
flex-direction: column;
|
|
280
314
|
gap: 2px;
|
|
281
315
|
min-width: 0;
|
|
282
|
-
`,
|
|
316
|
+
`,sd=b.div`
|
|
283
317
|
display: flex;
|
|
284
318
|
flex-direction: column;
|
|
285
319
|
gap: 10px;
|
|
286
320
|
width: 100%;
|
|
287
321
|
padding-left: 32px;
|
|
288
|
-
`,
|
|
322
|
+
`,cd=({"data-id":n,step:o,title:i,description:a,children:l})=>e(id,{"data-id":n,children:[e(ad,{children:[t(ld,{children:t(_e,{size:Te.XXS,weight:400,lineHeight:"20px",color:Pe.Primary,children:o})}),e(rd,{children:[t(_e,{size:Te.S,weight:400,lineHeight:"24px",color:Pe.Primary,children:i}),t(_e,{size:Te.XXS,weight:400,lineHeight:"normal",color:Pe.Secondary,children:a})]})]}),l&&t(sd,{children:l})]});var dd,pd;(e=>{e.AssumeRole="assume-role",e.StaticKeys="static-keys"})(dd||(dd={})),(e=>{e.CloudFormation="cloudformation",e.Terraform="terraform",e.AwsCli="aws-cli",e.Manual="manual"})(pd||(pd={}));const ud=[{id:dd.AssumeRole,label:Ze.CLOUD_CONNECTOR_AUTH_ASSUME_ROLE,note:Ze.CLOUD_CONNECTOR_AUTH_ASSUME_ROLE_NOTE},{id:dd.StaticKeys,label:Ze.CLOUD_CONNECTOR_AUTH_STATIC_KEYS,note:Ze.CLOUD_CONNECTOR_AUTH_STATIC_KEYS_NOTE}],hd=[{id:pd.CloudFormation,label:Ze.CLOUD_CONNECTOR_SETUP_METHOD_CLOUDFORMATION},{id:pd.Terraform,label:Ze.CLOUD_CONNECTOR_SETUP_METHOD_TERRAFORM},{id:pd.AwsCli,label:Ze.CLOUD_CONNECTOR_SETUP_METHOD_AWS_CLI},{id:pd.Manual,label:Ze.CLOUD_CONNECTOR_SETUP_METHOD_MANUAL}],md={[pd.CloudFormation]:{description:"Launch the stack in your AWS account. It creates the IAM role with the policy above and returns the Role ARN.",steps:["Open the AWS CloudFormation console.","Choose Create stack → With new resources.","Upload the template below as the stack template.","Review the permissions, then deploy the stack.","Open the stack's Outputs tab.","Copy the RoleArn value and paste it below."],code:["aws cloudformation deploy \\"," --stack-name odigos-connector \\"," --template-file odigos-connector.yaml \\"," --capabilities CAPABILITY_NAMED_IAM"].join("\n")},[pd.Terraform]:{description:"Run the Odigos connector module to provision the IAM role as code and expose the Role ARN as an output.",steps:["Add the odigos-connector module to your configuration.","Run terraform init to download the module.","Run terraform apply and confirm the plan.","Read the role_arn value from the apply output.","Copy the Role ARN and paste it below."],code:["terraform init","terraform apply","terraform output -raw role_arn"].join("\n")},[pd.AwsCli]:{description:"Create the IAM role from your terminal using the AWS CLI, then return the Role ARN.",steps:["Make sure the AWS CLI is configured (aws configure).","Create the role with the trust policy.","Attach the permissions policy to the role.","Copy the ARN from the create-role output and paste it below."],code:["aws iam get-role \\"," --role-name OdigosConnectorRole \\"," --query 'Role.Arn' \\"," --output text"].join("\n")},[pd.Manual]:{description:"Create the IAM role by hand in the AWS Console using the trust policy below, then return the Role ARN.",steps:["Open the AWS Console → IAM → Roles → Create role.","Select Custom trust policy.","Paste the trust policy below.","Attach the permissions policy from the previous step.","Name the role and create it.","Open the role summary and copy the Role ARN below."],code:["{",' "Version": "2012-10-17",',' "Statement": ['," {",' "Effect": "Allow",',' "Principal": { "AWS": "arn:aws:iam::657451249928:root" },',' "Action": "sts:AssumeRole",',' "Condition": {',' "StringEquals": { "sts:ExternalId": "odigos-connector" }'," }"," }"," ]","}"].join("\n")}},gd=b.div`
|
|
289
323
|
display: flex;
|
|
290
324
|
align-items: stretch;
|
|
291
325
|
gap: 10px;
|
|
292
326
|
width: 100%;
|
|
293
|
-
`,
|
|
327
|
+
`,fd=b.div`
|
|
294
328
|
display: flex;
|
|
295
329
|
flex: 2 1 0;
|
|
296
330
|
flex-direction: column;
|
|
297
331
|
gap: 12px;
|
|
298
332
|
min-width: 0;
|
|
299
333
|
padding: 12px 0;
|
|
300
|
-
`,
|
|
334
|
+
`,bd=b.div`
|
|
301
335
|
display: flex;
|
|
302
336
|
flex-direction: column;
|
|
303
337
|
gap: 8px;
|
|
304
338
|
width: 100%;
|
|
305
|
-
`,
|
|
339
|
+
`,vd=b.div`
|
|
306
340
|
display: flex;
|
|
307
341
|
align-items: center;
|
|
308
342
|
gap: 12px;
|
|
309
343
|
width: 100%;
|
|
310
|
-
`,
|
|
344
|
+
`,yd=b.div`
|
|
311
345
|
display: flex;
|
|
312
346
|
align-items: center;
|
|
313
347
|
justify-content: center;
|
|
@@ -316,7 +350,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
316
350
|
height: 24px;
|
|
317
351
|
border-radius: 16px;
|
|
318
352
|
background-color: ${({theme:e})=>e.v2.colors.purple[700]};
|
|
319
|
-
`,
|
|
353
|
+
`,Cd=b.div`
|
|
320
354
|
display: flex;
|
|
321
355
|
flex: 3 1 0;
|
|
322
356
|
flex-direction: column;
|
|
@@ -325,60 +359,60 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
325
359
|
border-radius: 12px;
|
|
326
360
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
327
361
|
border: 1px solid ${({theme:e})=>e.v2.colors.silver[700]};
|
|
328
|
-
`,
|
|
362
|
+
`,Sd=b.div`
|
|
329
363
|
display: flex;
|
|
330
364
|
align-items: center;
|
|
331
365
|
justify-content: flex-end;
|
|
332
366
|
width: 100%;
|
|
333
|
-
`,
|
|
367
|
+
`,xd=b.div`
|
|
334
368
|
flex: 1;
|
|
335
369
|
width: 100%;
|
|
336
370
|
min-height: 200px;
|
|
337
371
|
max-height: 260px;
|
|
338
372
|
overflow: auto;
|
|
339
373
|
padding: 0 12px 12px;
|
|
340
|
-
`,
|
|
374
|
+
`,wd=b.pre`
|
|
341
375
|
margin: 0;
|
|
342
376
|
font-family: ${({theme:e})=>e.font_family.code};
|
|
343
377
|
font-size: 12px;
|
|
344
378
|
line-height: 20px;
|
|
345
379
|
color: ${({theme:e})=>e.v2.colors.green[400]};
|
|
346
380
|
white-space: pre;
|
|
347
|
-
`,
|
|
381
|
+
`,Td=({step:n,setupMethod:o})=>{const i=v(),{CopyButton:a}=_t(),{description:l,steps:r,code:s}=(e=>md[e]??md[pd.CloudFormation])(o);return t(cd,{"data-id":"cloud-connector-create-role",step:n,title:Ze.CLOUD_CONNECTOR_CREATE_ROLE_TITLE,description:l,children:e(gd,{children:[e(fd,{children:[t(_e,{size:Te.XXS,weight:400,lineHeight:"20px",color:Pe.Primary,children:Ze.CLOUD_CONNECTOR_CREATE_ROLE_STEPS_HEADING}),t(bd,{children:r.map((n,a)=>e(vd,{children:[t(yd,{children:t(_e,{size:Te.XXS,weight:400,lineHeight:"20px",color:i.v2.colors.purple[200],children:a+1})}),t(_e,{size:Te.XXS,weight:400,lineHeight:"20px",color:Pe.Primary,children:n})]},`${o}-step-${a}`))})]}),e(Cd,{children:[t(Sd,{children:t(a,{value:s,size:vt.XS})}),t(xd,{children:t(wd,{children:s})})]})]})})},kd=b.div`
|
|
348
382
|
display: flex;
|
|
349
383
|
flex-direction: column;
|
|
350
384
|
gap: 16px;
|
|
351
385
|
width: 100%;
|
|
352
|
-
`,
|
|
386
|
+
`,Id=b.div`
|
|
353
387
|
display: flex;
|
|
354
388
|
flex-wrap: wrap;
|
|
355
389
|
gap: 24px;
|
|
356
390
|
width: 100%;
|
|
357
|
-
`,
|
|
391
|
+
`,Nd=b.div`
|
|
358
392
|
display: flex;
|
|
359
393
|
flex: 1 1 calc(50% - 12px);
|
|
360
394
|
min-width: 0;
|
|
361
|
-
`,
|
|
395
|
+
`,Ed=b.div`
|
|
362
396
|
display: flex;
|
|
363
397
|
width: 100%;
|
|
364
398
|
max-width: 479px;
|
|
365
|
-
`,
|
|
399
|
+
`,Od=({step:n})=>{const{genericForm:o,providers:i}=tr(),{provider:a,authMethod:l,awsAccountId:r,credentials:s}=o.formData,d=c(()=>i.find(e=>e.provider===a),[i,a]),p=c(()=>((e,t)=>{const n=e?.auth?.methods?.find(e=>e.id===t);if(!n)return[];const o=new Map(e?.auth?.methods?.map(e=>[e.id,e])),i=new Set,a=[],l=e=>e?.forEach(e=>{e.name&&!i.has(e.name)&&(i.add(e.name),a.push(e))});return n.baseMethods?.forEach(e=>l(o.get(e)?.fields)),l(n.fields),a})(d,l),[d,l]);return t(cd,{"data-id":"cloud-connector-enter-arn",step:n,title:Ze.CLOUD_CONNECTOR_ENTER_ARN_TITLE,description:Ze.CLOUD_CONNECTOR_ENTER_ARN_SUBTITLE,children:e(kd,{children:[t(Ed,{children:t(ye,{name:"cloud-connector-aws-account-id",width:"100%",label:Ze.CLOUD_CONNECTOR_FIELD_ACCOUNT_ID_LABEL,placeholder:Ze.CLOUD_CONNECTOR_FIELD_ACCOUNT_ID_PLACEHOLDER,helpMessage:Ze.CLOUD_CONNECTOR_FIELD_ACCOUNT_ID_HELP,value:r,onChange:e=>o.handleFormChange("awsAccountId",e.target.value)})}),p.length>0&&t(Id,{children:p.map(e=>t(Nd,{children:t(ye,{name:`cloud-connector-credential-${e.name}`,width:"100%",type:e.secret?Ft.Password:Ft.Text,label:e.displayName||e.name,required:e.required,tooltip:e.tooltip||void 0,helpMessage:e.tooltip||void 0,placeholder:e.displayName||e.name,value:s[e.name]??"",onChange:t=>{return n=e.name,i=t.target.value,void o.handleFormChange("credentials",{...s,[n]:i});var n,i}})},e.name))})]})})},$d=b.div`
|
|
366
400
|
display: flex;
|
|
367
401
|
flex-direction: column;
|
|
368
402
|
padding: 16px;
|
|
369
|
-
`,
|
|
403
|
+
`,Ad=b.div`
|
|
370
404
|
display: flex;
|
|
371
405
|
flex-direction: column;
|
|
372
406
|
gap: 12px;
|
|
373
407
|
padding: 16px 16px 12px;
|
|
374
408
|
border-radius: 16px;
|
|
375
409
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
376
|
-
`,
|
|
410
|
+
`,Rd=b.div`
|
|
377
411
|
display: flex;
|
|
378
412
|
align-items: center;
|
|
379
413
|
gap: 8px;
|
|
380
414
|
width: 100%;
|
|
381
|
-
`,
|
|
415
|
+
`,Dd=b.button`
|
|
382
416
|
display: flex;
|
|
383
417
|
align-items: center;
|
|
384
418
|
justify-content: center;
|
|
@@ -395,24 +429,24 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
395
429
|
&:hover {
|
|
396
430
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
397
431
|
}
|
|
398
|
-
`,
|
|
432
|
+
`,_d=b.div`
|
|
399
433
|
display: flex;
|
|
400
434
|
flex: 1;
|
|
401
435
|
flex-direction: column;
|
|
402
436
|
gap: 4px;
|
|
403
437
|
min-width: 0;
|
|
404
|
-
`,
|
|
438
|
+
`,Pd=b.div`
|
|
405
439
|
display: flex;
|
|
406
440
|
align-items: center;
|
|
407
441
|
gap: 4px;
|
|
408
442
|
padding: 8px 0 8px 2px;
|
|
409
|
-
`,
|
|
443
|
+
`,Ld=({onBack:n})=>{const o=v(),{genericForm:a}=tr(),l=a.formData.authMethod,r=a.formData.setupMethod;i(()=>{l||a.handleFormChange("authMethod",dd.AssumeRole)},[l,a]),i(()=>{r||a.handleFormChange("setupMethod",pd.CloudFormation)},[r,a]);const s=ud.find(e=>e.id===l)?.note;return t($d,{children:e(Ad,{children:[e(Rd,{children:[t(Dd,{"data-id":"cloud-connector-setup-back",type:"button",onClick:n,"aria-label":Ze.CLOUD_CONNECTOR_SETUP_CREDENTIALS_TITLE,children:t(il,{size:24})}),e(_d,{children:[t(_e,{size:Te.S,weight:500,lineHeight:"24px",color:Pe.Primary,children:Ze.CLOUD_CONNECTOR_SETUP_CREDENTIALS_TITLE}),t(_e,{size:Te.XXS,weight:400,lineHeight:"normal",color:Pe.Secondary,children:Ze.CLOUD_CONNECTOR_SETUP_CREDENTIALS_SUBTITLE})]})]}),e(cd,{"data-id":"cloud-connector-auth-method",step:1,title:Ze.CLOUD_CONNECTOR_AUTH_TITLE,description:Ze.CLOUD_CONNECTOR_AUTH_SUBTITLE,children:[t(ce,{"data-id":"cloud-connector-auth-method-segment",size:ke.S,selected:l,setSelected:e=>a.handleFormChange("authMethod",e),options:ud.map(e=>({value:e.id,label:e.label}))}),s&&e(Pd,{children:[t(al,{size:16,fill:o.v2.colors.silver[200]}),t(_e,{size:Te.XXXS,weight:400,lineHeight:"normal",color:Pe.Secondary,children:s})]})]}),t(cd,{"data-id":"cloud-connector-setup-method",step:2,title:Ze.CLOUD_CONNECTOR_SETUP_METHOD_TITLE,description:Ze.CLOUD_CONNECTOR_SETUP_METHOD_SUBTITLE,children:t(ce,{"data-id":"cloud-connector-setup-method-segment",size:ke.S,selected:r,setSelected:e=>a.handleFormChange("setupMethod",e),options:hd.map(e=>({value:e.id,label:e.label}))})}),t(Td,{step:3,setupMethod:r}),t(Od,{step:4})]})})},Fd=b.div`
|
|
410
444
|
display: flex;
|
|
411
445
|
flex-direction: column;
|
|
412
446
|
flex: 1;
|
|
413
447
|
min-height: 0;
|
|
414
448
|
padding: 16px;
|
|
415
|
-
`,
|
|
449
|
+
`,Md=b.div`
|
|
416
450
|
display: flex;
|
|
417
451
|
flex-direction: column;
|
|
418
452
|
flex: 1;
|
|
@@ -420,13 +454,13 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
420
454
|
padding: 16px;
|
|
421
455
|
border-radius: 16px;
|
|
422
456
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
423
|
-
`,
|
|
457
|
+
`,zd=b.div`
|
|
424
458
|
display: flex;
|
|
425
459
|
flex: 1;
|
|
426
460
|
align-items: center;
|
|
427
461
|
justify-content: center;
|
|
428
462
|
width: 100%;
|
|
429
|
-
`,
|
|
463
|
+
`,Bd=b.div`
|
|
430
464
|
display: flex;
|
|
431
465
|
flex-direction: column;
|
|
432
466
|
align-items: center;
|
|
@@ -436,7 +470,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
436
470
|
padding: 24px 8px;
|
|
437
471
|
border-radius: 8px;
|
|
438
472
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
439
|
-
|
|
473
|
+
`,Xd=b.div`
|
|
440
474
|
display: flex;
|
|
441
475
|
flex-direction: column;
|
|
442
476
|
align-items: center;
|
|
@@ -445,7 +479,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
445
479
|
padding: 16px;
|
|
446
480
|
border-radius: 12px;
|
|
447
481
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
448
|
-
`,
|
|
482
|
+
`,Ud=b.div`
|
|
449
483
|
display: flex;
|
|
450
484
|
align-items: center;
|
|
451
485
|
justify-content: center;
|
|
@@ -454,7 +488,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
454
488
|
height: 39px;
|
|
455
489
|
border-radius: 20px;
|
|
456
490
|
background-color: ${({theme:e})=>e.v2.colors.red[500]};
|
|
457
|
-
`,
|
|
491
|
+
`,Vd=b.div`
|
|
458
492
|
display: flex;
|
|
459
493
|
align-items: flex-start;
|
|
460
494
|
gap: 8px;
|
|
@@ -464,7 +498,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
464
498
|
padding: 12px;
|
|
465
499
|
border-radius: 8px;
|
|
466
500
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
467
|
-
`,
|
|
501
|
+
`,Hd=b.pre`
|
|
468
502
|
flex: 1;
|
|
469
503
|
min-width: 0;
|
|
470
504
|
margin: 0;
|
|
@@ -474,25 +508,25 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
474
508
|
color: ${({theme:e})=>e.v2.colors.silver[200]};
|
|
475
509
|
white-space: pre-wrap;
|
|
476
510
|
word-break: break-word;
|
|
477
|
-
`,
|
|
511
|
+
`,jd=b.div`
|
|
478
512
|
display: flex;
|
|
479
513
|
flex-direction: column;
|
|
480
514
|
gap: 12px;
|
|
481
515
|
width: 100%;
|
|
482
|
-
`,
|
|
516
|
+
`,Gd=b.div`
|
|
483
517
|
display: flex;
|
|
484
518
|
flex-wrap: wrap;
|
|
485
519
|
gap: 24px;
|
|
486
520
|
padding: 0 2px;
|
|
487
|
-
`,
|
|
521
|
+
`,Wd=b.div`
|
|
488
522
|
display: flex;
|
|
489
523
|
gap: 6px;
|
|
490
524
|
min-width: 0;
|
|
491
|
-
`,
|
|
525
|
+
`,Kd=b.div`
|
|
492
526
|
display: flex;
|
|
493
527
|
flex-direction: column;
|
|
494
528
|
gap: 8px;
|
|
495
|
-
`,
|
|
529
|
+
`,Yd=b.div`
|
|
496
530
|
display: flex;
|
|
497
531
|
flex-direction: column;
|
|
498
532
|
gap: 6px;
|
|
@@ -500,7 +534,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
500
534
|
border-radius: 12px;
|
|
501
535
|
border: 1px solid ${({theme:e,$passed:t})=>t?e.v2.colors.silver[700]:e.v2.colors.red[800]};
|
|
502
536
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
503
|
-
`,zd=({isTesting:o,error:n,result:i})=>{const a=v(),{CopyButton:l}=Rt(),r=c(()=>i?.checks.filter(e=>!e.passed)??[],[i]),s=!(o||!n&&(!i||i.success)),d=n?Je.CLOUD_CONNECTOR_CONNECTION_FAILED_DEFAULT:r[0]?.remediation||r[0]?.message||Je.CLOUD_CONNECTOR_CONNECTION_FAILED_DEFAULT,u=n||r.map(e=>e.message).filter(Boolean).join("\n");return t(Id,{children:t(Ed,{children:o?t(Nd,{children:t(Od,{children:t(bt,{withVisual:!0,withGradient:!0,title:Je.CLOUD_CONNECTOR_TESTING_TITLE,titleSize:Te.XS})})}):s?t(Nd,{children:e($d,{children:[t(Ad,{children:t(ja,{size:20,fill:a.v2.colors.black[500]})}),t(_e,{size:Te.XS,weight:400,lineHeight:"20px",color:Pe.Primary,children:Je.CLOUD_CONNECTOR_CONNECTION_FAILED_TITLE}),t(_e,{align:"center",size:Te.XXXS,weight:400,lineHeight:"normal",color:Pe.Secondary,children:d}),u&&e(Rd,{children:[t(Dd,{children:u}),t(l,{value:u,size:ft.XS})]})]})}):i?e(_d,{children:[t(Ge,{status:Ne.Success,label:Je.CLOUD_CONNECTOR_VALIDATE_SUCCESS,leftIcon:Ha,fullWidth:!0}),(i.accountId||i.identity)&&e(Pd,{children:[i.accountId&&e(Ld,{children:[e(_e,{size:Te.XXS,weight:500,color:Pe.Secondary,children:[Je.CLOUD_CONNECTOR_VALIDATE_ACCOUNT,":"]}),t(_e,{size:Te.XXS,weight:400,color:Pe.Primary,children:i.accountId})]}),i.identity&&e(Ld,{children:[e(_e,{size:Te.XXS,weight:500,color:Pe.Secondary,children:[Je.CLOUD_CONNECTOR_VALIDATE_IDENTITY,":"]}),t(_e,{size:Te.XXS,weight:400,color:Pe.Primary,children:i.identity})]})]}),i.checks.length>0&&t(Fd,{children:i.checks.map(o=>e(Md,{$passed:o.passed,children:[t(Ge,{status:o.passed?Ne.Success:Ne.Error,label:o.displayName,leftIcon:o.passed?Ha:ja}),o.message&&t(_e,{size:Te.XXS,weight:400,lineHeight:"normal",color:Pe.Secondary,children:o.message}),!o.passed&&o.remediation&&t(_e,{size:Te.XXS,weight:400,lineHeight:"normal",color:Pe.Primary,children:o.remediation})]},o.name))})]}):t(Nd,{children:t(_e,{size:Te.XXS,weight:400,color:Pe.Secondary,children:Je.CLOUD_CONNECTOR_VALIDATE_EMPTY})})})})};var Bd;(e=>{e[e.SelectProvider=1]="SelectProvider",e[e.Config=2]="Config",e[e.Validate=3]="Validate"})(Bd||(Bd={}));const Xd=Bd.SelectProvider,Ud=Bd.Validate,Vd=({onClose:o,withOverlay:n,onCreateCloudConnector:i,onCreated:l})=>{const{providers:r,genericForm:s}=Jl(),[u,p]=a(Xd),[h,m]=a(!1),[g,f]=a(!1),[b,v]=a(void 0),[y,C]=a(void 0),[S,x]=a(void 0),w=s.isFormDirty,T=u===Xd,k=u===Ud,I=d(()=>{w&&!h?m(!0):(m(!1),o?.())},[w,h,o]),E=d(()=>{x(void 0),C(void 0),v(void 0),p(e=>e>Xd?e-1:e)},[]),N=d(()=>{if(x(void 0),u===Bd.SelectProvider){if(!s.formData.provider)return void x("Please select a cloud provider");if(!s.formData.permission)return void x("Please select a permission level")}p(e=>e<Ud?e+1:e)},[u,s.formData.provider,s.formData.permission]),O=d(async()=>{if(x(void 0),C(void 0),v(void 0),p(Bd.Validate),!i)return;const{provider:e,permission:t,customCapabilities:o,awsAccountId:n,credentials:a,name:c}=s.formData,d=((e,t,o)=>{const n=Ic(e),i=[];return n.forEach(e=>{const n=void 0!==e.instrumentationPermissions;let a=!1,l=!1;switch(t){case wc.DiscoveryOnly:a=!0;break;case wc.DiscoveryInstrumentation:a=!0,l=n;break;case wc.Custom:{const t=o[e.typeName];a=!!t?.discovery,l=!!t?.instrumentation;break}}(a||l)&&i.push({type:e.typeName,discovery:a,instrumentation:l,computePlatforms:!1})}),i})(r.find(t=>t.provider===e),t,o);f(!0);try{const t=await i({provider:e,displayName:c,credentials:a,expectedAccountId:n,capabilities:d});if(t.created)return void l?.(t.connectorId);v(t.test)}catch(e){C(e instanceof Error?e.message:"Failed to create connector")}finally{f(!1)}},[i,l,s.formData,r]),$=g,A=k&&!g&&(!!y||!!b&&!b.success),R=c(()=>S?{status:Ne.Error,message:S}:void 0,[S]),D=c(()=>T?{"data-id":"cloud-connector-cancel",label:_t.CANCEL,variant:ve.Secondary,onClick:I,disabled:$}:{"data-id":"cloud-connector-back",label:_t.BACK,variant:ve.Text,leftIcon:Qa,onClick:E,disabled:$},[T,I,E,$]),_=c(()=>{if(k){if(g)return;return A?{"data-id":"cloud-connector-retry",label:_t.RETRY,variant:ve.Primary,rightIcon:tl,onClick:O}:void 0}return u===Bd.Config?{"data-id":"cloud-connector-verify",label:_t.VERIFY_AND_CREATE_CONNECTOR,variant:ve.Primary,onClick:O,disabled:$}:{"data-id":"cloud-connector-next",label:_t.NEXT,variant:ve.Primary,onClick:N,disabled:$}},[k,g,A,u,O,N,$]),P=c(()=>[D,_].filter(Boolean),[D,_]);return e(Lt,{width:Sr,isOpen:!0,hideOverlay:!$&&!n,header:{icon:Ja,title:Je.CREATE_CLOUD_CONNECTOR,onClose:o?I:void 0,onCloseDisabled:$},footer:{note:R,actions:P},children:[u===Bd.SelectProvider&&t(Gc,{}),u===Bd.Config&&t(kd,{onBack:E}),u===Bd.Validate&&t(zd,{isTesting:g,error:y,result:b}),t(xr,{isOpen:h,onClose:()=>m(!1),onApprove:()=>o?.()})]})},Hd=(e,t)=>{const o=[{id:"type",title:Je.TYPE,label:t.label},{id:"status",title:Je.STATUS,badge:{status:e.disabled?Ne.Unknown:Ne.Success,label:e.disabled?Je.DISABLED:Je.ENABLED}}],n=e.signals?.map(e=>{let t=e.toLowerCase();return t=`${t.charAt(0).toUpperCase()}${t.slice(1)}`,t}).join(", ");return n&&o.push({id:"signals",title:Je.SIGNALS_FOR_PROCESSING,label:n}),e.name&&o.push({id:"name",title:Je.NAME,label:e.name}),e.notes&&o.push({id:"notes",title:Je.NOTES,label:e.notes}),o},jd=e=>({status:e?Ne.Success:Ne.Unknown,label:e?"True":"False",invertColors:!0}),Gd=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),Wd=e=>null==e||""===e?"-":"boolean"==typeof e?e?"True":"False":"number"==typeof e?String(e):"string"==typeof e?e||"-":JSON.stringify(e),Kd=({onClose:n,actionId:l})=>{const r=v(),{isVm:s}=S(),{actionsApi:u}=Ml(),{items:p,refetch:h}=u.useActions(),{options:m}=u.useActionTypes(),{selectedOption:g,loadAction:f,validateFormData:b,genericForm:y}=Fl();i(()=>{h()},[]);const[C,x]=a(!1),[w,T]=a(!1),[k,I]=a(null),E=C&&!!y?.isFormDirty,N=c(()=>p?.find(e=>zt(e)===l),[l,p]),O=c(()=>m.find(({type:e})=>e===N?.type)??Bt.find(({type:e})=>e===N?.type)??null,[m,N?.type]);i(()=>{N&&f(N,O)},[N,O]);const $=d(()=>{N&&x(!0)},[N]),A=d(()=>{N&&(f(N,O),x(!1))},[N,O,f]),R=d(()=>{E?I("close"):n()},[E,n]),D=d(()=>{E?I("cancel"):A()},[E,A]),_=d(()=>{const e=k;I(null),"close"===e?(A(),n()):A()},[k,A,n]),P=d(async()=>{if(N){const{errorMessage:e,preparedFormData:t}=b();e||(await u.update(N.id,t),x(!1))}},[N,b,u]),L=d(()=>{N&&T(!0)},[N]),F=d(async()=>{N&&(await u.remove(N.id,N.type),n())},[N,u,n]);if(!N||!O)return null;const M=((e,t)=>{if(t?.fields?.length)return((e,t)=>{const o=[],n=e.fields||{},i=e.signals||[],a=Object.entries(n).map(([e,t])=>({name:e,key:e,value:t}));return t.forEach(e=>{if(!e?.name||e.componentType===Ft.SourceScopes)return;if(e.renderCondition?.length&&!Mt(e.renderCondition,i,a))return;const t=e.displayName||e.name,l=n[e.name],r=St(e.componentProperties,{});switch(e.componentType){case Ft.Toggle:case Ft.Checkbox:return void o.push({id:e.name,title:t,badge:jd(!!l)});case Ft.CheckboxList:{const i=r.valueMode||"object";if("array"===i){const n=Array.isArray(l)?l.map(String):[];return void o.push({id:e.name,title:t,label:n.length?n.join(", "):"-"})}if("flatFields"===i)return void(Array.isArray(r.options)?r.options:[]).forEach(e=>{const t="string"==typeof e?{id:e,label:e}:e,i=String(t.id??"");i&&o.push({id:i,title:t.label||t.displayName||i,badge:jd(!0===n[i])})});const a=Gd(l)?l:{},s=Object.entries(a).filter(([,e])=>!!e).map(([e])=>e);return void o.push({id:e.name,title:t,label:s.length?s.join(", "):"-"})}case Ft.MultiInput:{const n=r.wrapKey,i=r.itemWrapperKey,a=n&&Gd(l)?l[n]:l;if(Array.isArray(a)&&a.length){const n=a.map(e=>i&&Gd(e)?String(e[i]??""):String(e??""));return void o.push({id:e.name,title:t,label:n.filter(Boolean).join(", ")||"-"})}return void o.push({id:e.name,title:t,label:"-"})}case Ft.KeyValuePair:return Gd(l)&&Object.keys(l).length?void Object.entries(l).forEach(([t,n],i)=>{o.push({id:`${e.name}-${i}`,title:t,label:String(n??"")})}):Array.isArray(l)&&l.length?void l.forEach((t,n)=>{const i=Gd(t)?t:{};o.push({id:`${e.name}-${n}`,title:String(i.key??""),label:String(i.value??"")})}):void o.push({id:e.name,title:t,label:"-"});case Ft.MultiTabledInput:{const n=r.wrapKey,i=Array.isArray(n&&Gd(l)?l[n]:l)?n&&Gd(l)?l[n]:l:[];return i.length?void i.forEach((n,a)=>{const l=i.length>1?`${t} #${a+1} `:`${t} `;Object.entries(n||{}).forEach(([t,n])=>{null!=n&&""!==n&&o.push({id:`${e.name}-${a}-${t}`,title:`${l}${t}`,label:Wd(n)})})}):void o.push({id:e.name,title:t,label:"-"})}case Ft.FieldGroup:{const n=Array.isArray(l)?l:[];return n.length?void n.forEach((i,a)=>{const l=n.length>1?`${t} #${a+1} `:`${t} `;Object.entries(i||{}).forEach(([t,n])=>{null!=n&&""!==n&&o.push({id:`${e.name}-${a}-${t}`,title:`${l}${t}`,label:Wd(n)})})}):void o.push({id:e.name,title:t,label:"-"})}default:o.push({id:e.name,title:t,label:Wd(l)})}}),o})(e,t.fields);const o=[],{type:n,fields:i}=e;if(n===Se.K8sAttributes&&(o.push({id:"collectContainerAttributes",title:"Collect Container Attributes",badge:jd(i.collectContainerAttributes)}),o.push({id:"collectReplicaSetAttributes",title:"Collect ReplicaSet Attributes",badge:jd(i.collectReplicaSetAttributes)}),o.push({id:"collectWorkloadId",title:"Collect Workload ID",badge:jd(i.collectWorkloadId)}),o.push({id:"collectClusterId",title:"Collect Cluster ID",badge:jd(i.collectClusterId)}),i.labelsAttributes?.forEach(({labelKey:e,attributeKey:t,from:n,fromSources:a},l)=>{const r=a?.length?a.join(", "):n||ae.Pod,s=(i.labelsAttributes?.length??0)>1?`Label #${l+1} `:"Label ";o.push({id:`label-${l}-key`,title:`${s}Key`,label:e}),o.push({id:`label-${l}-attr`,title:`${s}Attribute Key`,label:t}),o.push({id:`label-${l}-from`,title:`${s}From`,label:r})}),i.annotationsAttributes?.forEach(({annotationKey:e,attributeKey:t,from:n,fromSources:a},l)=>{const r=a?.length?a.join(", "):n||ae.Pod,s=(i.annotationsAttributes?.length??0)>1?`Annotation #${l+1} `:"Annotation ";o.push({id:`annotation-${l}-key`,title:`${s}Key`,label:e}),o.push({id:`annotation-${l}-attr`,title:`${s}Attribute Key`,label:t}),o.push({id:`annotation-${l}-from`,title:`${s}From`,label:r})})),n===Se.AddClusterInfo&&(o.push({id:"overwriteExistingValues",title:"Overwrite Existing Values",badge:jd(i.overwriteExistingValues)}),i.clusterAttributes?.forEach(({attributeName:e,attributeStringValue:t},n)=>{o.push({id:`cluster-attr-${n}`,title:e,label:t})})),n===Se.DeleteAttributes&&i.attributeNamesToDelete?.forEach((e,t)=>{o.push({id:`del-attr-${t}`,title:"Attribute"+((i.attributeNamesToDelete?.length??0)>1?` #${t+1}`:""),label:e})}),n===Se.RenameAttributes&&Object.entries(i.renames||{}).forEach(([e,t],n)=>{o.push({id:`rename-${n}`,title:e,label:t})}),n===Se.PiiMasking&&i.piiCategories?.forEach((e,t)=>{o.push({id:`pii-${t}`,title:"Category"+((i.piiCategories?.length??0)>1?` #${t+1}`:""),label:e})}),n===Se.ExtractAttribute){const e=i.extractAttribute?.extractions??[];e.forEach(({targetAttributeName:t,lookupKey:n,dataFormat:i,regex:a},l)=>{const r=e.length>1?`Extraction #${l+1} `:"Extraction ";o.push({id:`extract-${l}-target`,title:`${r}New Attribute Name`,label:t||"-"}),n&&o.push({id:`extract-${l}-lookupKey`,title:`${r}Lookup Key`,label:n}),i&&o.push({id:`extract-${l}-format`,title:`${r}Data Format`,label:i}),a&&o.push({id:`extract-${l}-regex`,title:`${r}Regex`,label:a})})}return n===Se.URLTemplatization&&i.urlTemplatizationRulesGroups?.forEach((e,t)=>{const n=(i.urlTemplatizationRulesGroups?.length??0)>1?`Group #${t+1} `:"Group ";e.filterK8sNamespace&&o.push({id:`group-${t}-ns`,title:`${n}Namespace`,label:e.filterK8sNamespace}),e.workloadFilters?.forEach((i,a)=>{const l=[i.kind,i.name].filter(Boolean).join("/");l&&o.push({id:`group-${t}-wf-${a}`,title:`${n}Workload${(e.workloadFilters?.length??0)>1?` #${a+1}`:""}`,label:l})});const a=e.templatizationRules?.map(e=>e.template).filter(Boolean).join(", ");a&&o.push({id:`group-${t}-templates`,title:`${n}Templates`,label:a}),e.notes&&o.push({id:`group-${t}-notes`,title:`${n}Notes`,label:e.notes})}),o})(N,O),z=O.fields?.find(e=>e.componentType===Ft.SourceScopes),B=z?.name||Q.Scopes,X=N.fields?.[B]??null,U=!(s||!z&&void 0===N.fields?.scopes);return e(o,{children:[t(Lt,{isOpen:!0,header:{icon:Vt(N.type),title:O.label,onClose:R,actions:[{id:"edit-action-btn-edit",label:_t.EDIT,icon:La,active:C,onClick:$},{id:"edit-action-btn-delete",label:_t.DELETE,icon:Oa,color:r.v2.colors.red[500],active:w,onClick:L}]},footer:{actions:C?[{"data-id":"edit-action-btn-cancel",label:_t.CANCEL,variant:ve.Secondary,onClick:D},{"data-id":"edit-action-btn-save",label:_t.SAVE,variant:ve.Primary,onClick:P}]:[]},children:t(dt,{$padding:"4px 12px 12px",children:C&&g?t(ds,{}):t(ee,{$gap:16,children:e(Xt,{bgTint:"1000",children:[e(Xt,{bgTint:"900",children:[!s&&t(Ut,{conditions:N.conditions||[]}),t(Xt,{bgTint:"800",cellsPerRow:2,items:Hd(N,O)})]}),U&&t(dr,{readOnly:!0,scopes:X}),!!M?.length&&t(Xt,{bgTint:"900",richTitle:{title:"Configuration"},withCollapse:!0,collapseIsDefaultOpen:!0,children:t(Xt,{bgTint:"800",cellsPerRow:2,items:M})})]})})})}),t(wr,{target:"action",isOpen:w,onClose:()=>T(!1),onApprove:F}),t(xr,{isOpen:null!==k,onClose:()=>I(null),onApprove:_})]})},Yd=({onClose:o,connections:n,selectedConnectionIds:l,setSelectedConnectionIds:r})=>{const{configApi:s}=Ml(),[d,p]=a(""),[h,m]=a({showOnlySelected:!1}),g=c(()=>n.filter(e=>{const t=!d||e.name.toLowerCase().includes(d.toLowerCase()),o=!h.showOnlySelected||h.showOnlySelected&&l.includes(e.id);return t&&o}),[n.length,l.length,d,h]),f=e=>{r(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},b=1===l.length?l[0]:void 0,{data:v,loading:y}=s.useEffectiveConfig(b?{id:b}:void 0,{skip:!b}),C=c(()=>{if(b&&v)return{rollout:{automaticRolloutDisabled:v.rollout?.automaticRolloutDisabled??!1}}},[b,v]),{formData:S,handleFormChange:x,areFormValuesEqual:w,resetFormData:T}=Ht(C||{rollout:{automaticRolloutDisabled:!1}}),k=u(T);k.current=T,i(()=>{C&&k.current(C)},[C]);const I=c(()=>l.length>1||void 0!==C&&!w(C,S),[l.length,C,S]);return t(Cr,{isOpen:!0,onClose:o,onSave:async()=>await(s.applyConfigurations?.(S,l))??void 0,header:{icon:ol,title:"Cluster Configuration"},connectionIds:{value:l,setValue:r},search:{placeholder:"Search by cluster name",value:d,onChange:p},filters:e(ue,{$gap:8,children:[t(_e,{size:Te.XXXS,color:Pe.Secondary,nowrap:!0,children:"Show only:"}),t(le,{size:kt.S,label:"Selected",value:h.showOnlySelected,onChange:e=>m(t=>({...t,showOnlySelected:e}))})]}),isFormDirty:I,isFetching:y,leftColumn:{width:"35%",header:e(ue,{$width:"100%",$gap:12,$justifyContent:"space-between",children:[e(ue,{$gap:8,children:[t(_e,{size:Te.XS,children:"Clusters"}),t(Ge,{label:g.length,status:Ne.Unknown})]}),e(ue,{$gap:8,children:[t(_e,{size:Te.XXXS,color:Pe.Secondary,align:"right",children:"Selected clusters"}),t(Ge,{label:`${l.length}/${g.length}`,status:Ne.Unknown})]})]}),list:g.map(e=>t(Ps,{title:e.name,isChecked:l.includes(e.id),onClick:()=>f(e.id),onCheckboxChange:()=>f(e.id)},e.id))},rightColumn:{width:"65%",header:t(_e,{size:Te.XS,children:"Configurations"}),list:[t(le,{label:"Automatic rollout disabled",tooltip:"Odigos automatically triggers a one-time rollout for workloads when instrumenting or uninstrumenting, ensuring that changes are applied without requiring manual intervention. When automatic rollout is disabled, Odigos will not restart workloads, and users will need to manually trigger rollouts after adding or removing sources.",value:S.rollout?.automaticRolloutDisabled||!1,onChange:e=>x("rollout.automaticRolloutDisabled",e)},"automatic-rollout-disabled")]}})},Jd=e=>{const t=[{id:"type",title:Je.TYPE,label:e.destinationType.displayName},{id:"status",title:Je.STATUS,badge:{status:e.disabled?Ne.Unknown:Ne.Success,label:e.disabled?Je.DISABLED:Je.ENABLED}}],o=Ae(e.exportedSignals).map(e=>{let t=e.toLowerCase();return t=`${t.charAt(0).toUpperCase()}${t.slice(1)}`,t}).join(", ");return o&&t.push({id:"monitors",title:Je.MONITORS,label:o}),e.name&&t.push({id:"name",title:Je.NAME,label:e.name}),t},qd=({onClose:n,destinationId:l})=>{const r=v(),{isVm:s}=S(),{destinationsApi:p}=Ml(),{selectedStreamName:h}=qe(),{items:m,refetch:g}=p.useDestinations(),{data:f,loading:b}=p.useDestinationCategories(),{activeForm:y,loadDestination:C,validateFormData:x,genericForm:w}=zl();i(()=>{g()},[]);const T=u(null),[k,I]=a(!1),[E,N]=a(!1),[O,$]=a(null),A=k&&!!w?.isFormDirty,R=c(()=>Gt(m,h),[m,h]),D=c(()=>R?.find(e=>zt(e)===l),[l,R]),_=f?.destinationCategories?.categories??null;i(()=>{D&&_&&C(D,_)},[D,_]);const P=c(()=>D&&_?Wt(_,D):[],[D,_]),L=d(()=>{D&&I(!0)},[D]),F=d(()=>{D&&_&&(C(D,_),I(!1))},[D,_,C]),M=d(()=>{A?$("close"):n()},[A,n]),z=d(()=>{A?$("cancel"):F()},[A,F]),B=d(()=>{const e=O;$(null),"close"===e?(F(),n()):F()},[O,F,n]),X=d(async()=>{if(D){const{errorMessage:e,preparedFormData:t}=x();e||(await p.update(D.id,De(t)),I(!1))}},[D,x,p]),U=d(()=>{D&&N(!0)},[D]),V=d(async()=>{D&&(await p.remove(D.id),n())},[D,p,n]);if(!D)return null;const{icon:H,iconSrc:j}=yt(D.destinationType.type),G=((e,t)=>{const o=[],n=jt(e,t),i=n.map(e=>({name:e.key,value:e.value})),a=Ae(e.exportedSignals);let l=[];const r=()=>{l.length&&(o.push({kind:"cells",id:`cells-${o.length}`,items:l}),l=[])};return n.forEach(({key:e,name:n,value:s})=>{const c=t.find(t=>t.name===e),{secret:d,componentType:u,componentProperties:p,hideFromReadData:h,customReadDataLabels:m}=c||{};if(h?.length&&Mt(h,a,i))return;const{type:g}=St(p,{type:""}),f=d||"password"===g;if(m?.length)m.forEach(({condition:t,...o},n)=>{t==s&&l.push({id:`${e}-custom-${n}`,title:o.title,label:o.value})});else if(s)if(f)l.push({id:e,title:n,label:new Array(10).fill("•").join("")});else{if(u===Ft.MultiInput){const t=St(s,null);if(Array.isArray(t)&&t.length)return r(),void o.push({kind:"list",id:e,title:n,items:t.map((t,o)=>({id:`${e}-${o}`,label:String(t)}))})}if(u===Ft.KeyValuePair){const t=St(s,null);if(Array.isArray(t)&&t.length)return r(),void o.push({kind:"pairs",id:e,title:n,items:t.map((t,o)=>{const n=t&&"object"==typeof t?t:{};return{id:`${e}-${o}`,title:null!=n.key?String(n.key):"",label:null!=n.value?String(n.value):""}})})}l.push({id:e,title:n,label:s})}else l.push({id:e,title:n,label:"-"})}),r(),o})(D,P);return e(o,{children:[t(Lt,{isOpen:!0,header:{icon:H,iconSrc:j,title:D.name||D.destinationType.displayName,onClose:M,actions:[{id:"edit-destination-btn-edit",label:_t.EDIT,icon:La,active:k,onClick:L},{id:"edit-destination-btn-delete",label:_t.DELETE,icon:Oa,color:r.v2.colors.red[500],active:E,onClick:U}]},footer:{actions:k?[{"data-id":"edit-destination-btn-cancel",label:_t.CANCEL,variant:ve.Secondary,onClick:z},...y?.option.testConnectionSupported&&!s?[{"data-id":"edit-destination-btn-test-connection",label:_t.TEST_CONNECTION,variant:ve.Secondary,onClick:()=>T.current?.testConnection()}]:[],{"data-id":"edit-destination-btn-save",label:_t.SAVE,variant:ve.Primary,onClick:X}]:[]},children:t(dt,{$padding:"4px 12px 12px",children:b?t(pt,{$height:"50vh",children:t(bt,{withSpinner:!0})}):k&&y?t(ps,{ref:T,isEdit:!0}):t(ee,{$gap:16,children:e(Xt,{bgTint:"1000",children:[e(Xt,{bgTint:"900",children:[!s&&t(Ut,{conditions:D.conditions||[]}),t(Xt,{bgTint:"800",cellsPerRow:2,items:Jd(D)})]}),!!G.length&&t(Xt,{bgTint:"900",richTitle:{title:"Configuration"},withCollapse:!0,collapseIsDefaultOpen:!0,children:G.map(e=>"cells"===e.kind?t(Xt,{bgTint:"800",cellsPerRow:2,items:e.items},e.id):(e.kind,t(Xt,{bgTint:"800",richTitle:{title:e.title},cellsPerRow:2,items:e.items},e.id)))})]})})})}),t(wr,{target:"destination",isOpen:E,onClose:()=>N(!1),onApprove:V}),t(xr,{isOpen:null!==O,onClose:()=>$(null),onApprove:B})]})},Zd=(e,t)=>{const o=[{id:"type",title:Je.TYPE,label:t.label},{id:"status",title:Je.STATUS,badge:{status:e.disabled?Ne.Unknown:Ne.Success,label:e.disabled?Je.DISABLED:Je.ENABLED}}];return e.ruleName&&o.push({id:"name",title:Je.NAME,label:e.ruleName}),e.profileName&&o.push({id:"profile",title:Je.MANAGED_BY_PROFILE,label:e.profileName}),e.notes&&o.push({id:"notes",title:Je.NOTES,label:e.notes}),o},Qd=({onClose:n,ruleId:l})=>{const r=v(),{addNotification:s}=Yt(),{isVm:u}=S(),{instrumentationRulesApi:p}=Ml(),{items:h,refetch:m}=p.useRules(),{selectedOption:g,loadRule:f,validateFormData:b,genericForm:y}=Bl();i(()=>{m()},[]);const[C,x]=a(!1),[w,T]=a(!1),[k,I]=a(null),E=C&&!!y?.isFormDirty,{options:N}=p.useRuleTypes(),O=c(()=>N.length?N:xt,[N]),$=c(()=>h?.find(e=>zt(e)===l),[l,h]),A=c(()=>O.find(({type:e})=>e===$?.type)??null,[O,$?.type]),R=c(()=>He(A?.supportedLanguages),[A?.supportedLanguages]);i(()=>{$&&A&&f($,A)},[$,A]);const D=d(()=>{if($){if(!$.mutable)return void s({type:Ne.Warning,title:Jt.FORBIDDEN,message:Jt.CANNOT_EDIT_RULE,crdType:wt.InstrumentationRule,target:$.ruleId,hideFromHistory:!0});x(!0)}},[$,s]),_=d(()=>{$&&A&&(f($,A),x(!1))},[$,A,f]),P=d(()=>{E?I("close"):n()},[E,n]),L=d(()=>{E?I("cancel"):_()},[E,_]),F=d(()=>{const e=k;I(null),"close"===e?(_(),n()):_()},[k,_,n]),M=d(async()=>{if($){const{errorMessage:e,preparedFormData:t}=b();e||(await p.update($.ruleId,t,$.type),x(!1))}},[$,b,p]),z=d(()=>{if($){if(!$.mutable)return void s({type:Ne.Warning,title:Jt.FORBIDDEN,message:Jt.CANNOT_DELETE_RULE,crdType:wt.InstrumentationRule,target:$.ruleId,hideFromHistory:!0});T(!0)}},[$,s]),B=d(async()=>{$&&(await p.remove($.ruleId,$.type),n())},[$,p,n]);if(!$||!A)return null;const X=((e,o)=>{const n=[];return e.payloadCollection&&Object.entries(e.payloadCollection).forEach(([e,o])=>{o&&n.push(t(_e,{size:Te.XS,children:`• ${Kt(e).toLowerCase()}`},`payload-${e}`))}),e.codeAttributes&&Object.entries(e.codeAttributes).forEach(([e,o])=>{o&&n.push(t(_e,{size:Te.XS,children:`• ${Kt(e).toLowerCase()}`},`code-${e}`))}),e.headersCollection?.[Me.HeaderKeys]?.length&&e.headersCollection[Me.HeaderKeys].forEach((e,o)=>{e&&n.push(t(_e,{size:Te.XS,children:e},`header-${o}-${e}`))}),e.customInstrumentations&&(e.customInstrumentations[Ue.Java]?.forEach((e,i)=>{const a=new Xe(e.className,e.methodName);if(a.Verify()){0===i&&n.push(t(_e,{size:Te.XS,children:"Java Custom Probes:"},"java-custom-probes"));const e=a.toString();n.push(t(_e,{size:Te.XXS,color:o.v2.colors.grey[200],children:`• ${e}`},`java-probe-${i}-${e}`))}}),e.customInstrumentations[Ue.Golang]?.forEach((e,i)=>{const a=new Be(e.packageName,e.functionName,e.receiverName,e.receiverMethodName);if(a.Verify()){0===i&&n.push(t(_e,{size:Te.XS,children:"Golang Custom Probes:"},"golang-custom-probes"));const e=a.toString();n.push(t(_e,{size:Te.XXS,color:o.v2.colors.grey[200],children:`• ${e}`},`golang-probe-${i}-${e}`))}})),n})($,r);return e(o,{children:[t(Lt,{isOpen:!0,header:{icon:Zt($.type),title:A.label,onClose:P,actions:[{id:"edit-rule-btn-edit",label:_t.EDIT,icon:La,active:C,onClick:D},{id:"edit-rule-btn-delete",label:_t.DELETE,icon:Oa,color:r.v2.colors.red[500],active:w,onClick:z}]},footer:{actions:C?[{"data-id":"edit-rule-btn-cancel",label:_t.CANCEL,variant:ve.Secondary,onClick:L},{"data-id":"edit-rule-btn-save",label:_t.SAVE,variant:ve.Primary,onClick:M}]:[]},children:t(dt,{$padding:"4px 12px 12px",children:C&&g?t(Cs,{}):t(ee,{$gap:16,children:e(Xt,{bgTint:"1000",children:[e(Xt,{bgTint:"900",children:[!u&&t(Ut,{conditions:$.conditions||[]}),t(Xt,{bgTint:"800",cellsPerRow:2,items:Zd($,A)})]}),!u&&t(dr,{readOnly:!0,scopes:$.sourceScopes??null}),!!X.length&&t(Xt,{bgTint:"900",richTitle:{title:"Collect"},withCollapse:!0,collapseIsDefaultOpen:!0,children:t(Xt,{bgTint:"800",children:X})}),!!R.length&&t(Xt,{bgTint:"900",richTitle:{title:"Supported languages"},withCollapse:!0,collapseIsDefaultOpen:!0,children:t(Xt,{bgTint:"800",children:t(ue,{$gap:12,$wrap:"wrap",children:R.map(e=>t(qt,{label:Ke(e),leftIcon:We(e),flex:R.length>1?"0.5":"1"},e))})})})]})})})}),t(wr,{target:"instrumentation rule",isOpen:w,onClose:()=>T(!1),onApprove:B}),t(xr,{isOpen:null!==k,onClose:()=>I(null),onApprove:F})]})};var eu;(e=>{e.Overview="overview",e.Pods="pods",e.Libraries="libraries",e.PeerSources="peer-sources",e.Profiling="profiling",e.Sampling="sampling",e.Debug="debug"})(eu||(eu={}));const tu=({collapseIsDefaultOpen:e,isJumpToTarget:o,onClickRestartPod:n,namespace:i,podName:a,nodeName:l,startTime:r,agentInjectedStatus:s,odigosHealthStatus:d,k8sHealthStatus:u,children:p})=>{const{formatDurationAgo:h}=Qt(),m=eo(!!o),g=c(()=>({title:a,icon:nl,withCopy:!0}),[a]),f=c(()=>{const e=[],t=to(s);t&&e.push(t);const o=to(d,il,"health");o&&e.push(o);const n=to(u,al,"health");return n&&e.push(n),e},[s,d,u]),b=c(()=>n?[{id:`restart-pod-${a}`,icon:tl,label:_t.RESTART_POD,onClick:()=>n(i,a)}]:void 0,[n,i,a]),v=c(()=>[{id:"nodeName",title:Je.NODE,label:l,withCopy:!0},{id:"age",title:Je.AGE,label:r?h(r,{style:"short"}):Je.NOT_RUNNING,labelTooltip:r}],[l,r,h]);return t("div",{ref:m,children:t(Xt,{bgTint:"900",richTitle:g,badges:f,dropDataActions:b,items:v,withCollapse:!0,collapseIsDefaultOpen:e,children:p})})},ou=b.div`
|
|
537
|
+
`,Jd=({isTesting:n,error:o,result:i})=>{const a=v(),{CopyButton:l}=_t(),r=c(()=>i?.checks.filter(e=>!e.passed)??[],[i]),s=!(n||!o&&(!i||i.success)),d=o?Ze.CLOUD_CONNECTOR_CONNECTION_FAILED_DEFAULT:r[0]?.remediation||r[0]?.message||Ze.CLOUD_CONNECTOR_CONNECTION_FAILED_DEFAULT,p=o||r.map(e=>e.message).filter(Boolean).join("\n");return t(Fd,{children:t(Md,{children:n?t(zd,{children:t(Bd,{children:t(yt,{withVisual:!0,withGradient:!0,title:Ze.CLOUD_CONNECTOR_TESTING_TITLE,titleSize:Te.XS})})}):s?t(zd,{children:e(Xd,{children:[t(Ud,{children:t(Ka,{size:20,fill:a.v2.colors.black[500]})}),t(_e,{size:Te.XS,weight:400,lineHeight:"20px",color:Pe.Primary,children:Ze.CLOUD_CONNECTOR_CONNECTION_FAILED_TITLE}),t(_e,{align:"center",size:Te.XXXS,weight:400,lineHeight:"normal",color:Pe.Secondary,children:d}),p&&e(Vd,{children:[t(Hd,{children:p}),t(l,{value:p,size:vt.XS})]})]})}):i?e(jd,{children:[t(Ke,{status:Ee.Success,label:Ze.CLOUD_CONNECTOR_VALIDATE_SUCCESS,leftIcon:Wa,fullWidth:!0}),(i.accountId||i.identity)&&e(Gd,{children:[i.accountId&&e(Wd,{children:[e(_e,{size:Te.XXS,weight:500,color:Pe.Secondary,children:[Ze.CLOUD_CONNECTOR_VALIDATE_ACCOUNT,":"]}),t(_e,{size:Te.XXS,weight:400,color:Pe.Primary,children:i.accountId})]}),i.identity&&e(Wd,{children:[e(_e,{size:Te.XXS,weight:500,color:Pe.Secondary,children:[Ze.CLOUD_CONNECTOR_VALIDATE_IDENTITY,":"]}),t(_e,{size:Te.XXS,weight:400,color:Pe.Primary,children:i.identity})]})]}),i.checks.length>0&&t(Kd,{children:i.checks.map(n=>e(Yd,{$passed:n.passed,children:[t(Ke,{status:n.passed?Ee.Success:Ee.Error,label:n.displayName,leftIcon:n.passed?Wa:Ka}),n.message&&t(_e,{size:Te.XXS,weight:400,lineHeight:"normal",color:Pe.Secondary,children:n.message}),!n.passed&&n.remediation&&t(_e,{size:Te.XXS,weight:400,lineHeight:"normal",color:Pe.Primary,children:n.remediation})]},n.name))})]}):t(zd,{children:t(_e,{size:Te.XXS,weight:400,color:Pe.Secondary,children:Ze.CLOUD_CONNECTOR_VALIDATE_EMPTY})})})})};var qd;(e=>{e[e.SelectProvider=1]="SelectProvider",e[e.Config=2]="Config",e[e.Validate=3]="Validate"})(qd||(qd={}));const Zd=qd.SelectProvider,Qd=qd.Validate,ep=({onClose:n,withOverlay:o,onCreateCloudConnector:i,onCreated:l})=>{const{providers:r,genericForm:s}=tr(),[p,u]=a(Zd),[h,m]=a(!1),[g,f]=a(!1),[b,v]=a(void 0),[y,C]=a(void 0),[S,x]=a(void 0),w=s.isFormDirty,T=p===Zd,k=p===Qd,I=d(()=>{w&&!h?m(!0):(m(!1),n?.())},[w,h,n]),N=d(()=>{x(void 0),C(void 0),v(void 0),u(e=>e>Zd?e-1:e)},[]),E=d(()=>{if(x(void 0),p===qd.SelectProvider){if(!s.formData.provider)return void x("Please select a cloud provider");if(!s.formData.permission)return void x("Please select a permission level")}u(e=>e<Qd?e+1:e)},[p,s.formData.provider,s.formData.permission]),O=d(async()=>{if(x(void 0),C(void 0),v(void 0),u(qd.Validate),!i)return;const{provider:e,permission:t,customCapabilities:n,awsAccountId:o,credentials:a,name:c}=s.formData,d=((e,t,n)=>{const o=Fc(e),i=[];return o.forEach(e=>{const o=void 0!==e.instrumentationPermissions;let a=!1,l=!1;switch(t){case _c.DiscoveryOnly:a=!0;break;case _c.DiscoveryInstrumentation:a=!0,l=o;break;case _c.Custom:{const t=n[e.typeName];a=!!t?.discovery,l=!!t?.instrumentation;break}}(a||l)&&i.push({type:e.typeName,discovery:a,instrumentation:l,computePlatforms:!1})}),i})(r.find(t=>t.provider===e),t,n);f(!0);try{const t=await i({provider:e,displayName:c,credentials:a,expectedAccountId:o,capabilities:d});if(t.created)return void l?.(t.connectorId);v(t.test)}catch(e){C(e instanceof Error?e.message:"Failed to create connector")}finally{f(!1)}},[i,l,s.formData,r]),$=g,A=k&&!g&&(!!y||!!b&&!b.success),R=c(()=>S?{status:Ee.Error,message:S}:void 0,[S]),D=c(()=>T?{"data-id":"cloud-connector-cancel",label:Lt.CANCEL,variant:ve.Secondary,onClick:I,disabled:$}:{"data-id":"cloud-connector-back",label:Lt.BACK,variant:ve.Text,leftIcon:il,onClick:N,disabled:$},[T,I,N,$]),_=c(()=>{if(k){if(g)return;return A?{"data-id":"cloud-connector-retry",label:Lt.RETRY,variant:ve.Primary,rightIcon:ll,onClick:O}:void 0}return p===qd.Config?{"data-id":"cloud-connector-verify",label:Lt.VERIFY_AND_CREATE_CONNECTOR,variant:ve.Primary,onClick:O,disabled:$}:{"data-id":"cloud-connector-next",label:Lt.NEXT,variant:ve.Primary,onClick:E,disabled:$}},[k,g,A,p,O,E,$]),P=c(()=>[D,_].filter(Boolean),[D,_]);return e(Mt,{width:Ir,isOpen:!0,hideOverlay:!$&&!o,header:{icon:tl,title:Ze.CREATE_CLOUD_CONNECTOR,onClose:n?I:void 0,onCloseDisabled:$},footer:{note:R,actions:P},children:[p===qd.SelectProvider&&t(od,{}),p===qd.Config&&t(Ld,{onBack:N}),p===qd.Validate&&t(Jd,{isTesting:g,error:y,result:b}),t(Nr,{isOpen:h,onClose:()=>m(!1),onApprove:()=>n?.()})]})},tp=(e,t)=>{const n=[{id:"type",title:Ze.TYPE,label:t.label},{id:"status",title:Ze.STATUS,badge:{status:e.disabled?Ee.Unknown:Ee.Success,label:e.disabled?Ze.DISABLED:Ze.ENABLED}}],o=e.signals?.map(e=>{let t=e.toLowerCase();return t=`${t.charAt(0).toUpperCase()}${t.slice(1)}`,t}).join(", ");return o&&n.push({id:"signals",title:Ze.SIGNALS_FOR_PROCESSING,label:o}),e.name&&n.push({id:"name",title:Ze.NAME,label:e.name}),e.notes&&n.push({id:"notes",title:Ze.NOTES,label:e.notes}),n},np=({onClose:o,actionId:l})=>{const r=v(),{isVm:s}=S(),{actionsApi:p}=Vl(),{items:u,refetch:h}=p.useActions(),{options:m}=p.useActionTypes(),{selectedOption:g,loadAction:f,validateFormData:b,genericForm:y}=Ul();i(()=>{h()},[]);const[C,x]=a(!1),[w,T]=a(!1),[k,I]=a(null),N=C&&!!y?.isFormDirty,E=c(()=>u?.find(e=>Xt(e)===l),[l,u]),O=c(()=>m.find(({type:e})=>e===E?.type)??Ut.find(({type:e})=>e===E?.type)??null,[m,E?.type]);i(()=>{E&&f(E,O)},[E,O]);const $=d(()=>{E&&x(!0)},[E]),A=d(()=>{E&&(f(E,O),x(!1))},[E,O,f]),R=d(()=>{N?I("close"):o()},[N,o]),D=d(()=>{N?I("cancel"):A()},[N,A]),_=d(()=>{const e=k;I(null),"close"===e?(A(),o()):A()},[k,A,o]),P=d(async()=>{if(E){const{errorMessage:e,preparedFormData:t}=b();e||(await p.update(E.id,t),x(!1))}},[E,b,p]),L=d(()=>{E&&T(!0)},[E]),F=d(async()=>{E&&(await p.remove(E.id,E.type),o())},[E,p,o]);if(!E||!O)return null;const M=(z=E,B=O,B?.fields?.length?zt(z.fields||{},B.fields,{signals:z.signals||[],skipComponentTypes:[Bt.SourceScopes]}):[]);var z,B;const X=O.fields?.find(e=>e.componentType===Bt.SourceScopes),U=X?.name||Q.Scopes,V=E.fields?.[U]??null,H=!(s||!X&&void 0===E.fields?.scopes);return e(n,{children:[t(Mt,{isOpen:!0,header:{icon:jt(E.type),title:O.label,onClose:R,actions:[{id:"edit-action-btn-edit",label:Lt.EDIT,icon:Ma,active:C,onClick:$},{id:"edit-action-btn-delete",label:Lt.DELETE,icon:Aa,color:r.v2.colors.red[500],active:w,onClick:L}]},footer:{actions:C?[{"data-id":"edit-action-btn-cancel",label:Lt.CANCEL,variant:ve.Secondary,onClick:D},{"data-id":"edit-action-btn-save",label:Lt.SAVE,variant:ve.Primary,onClick:P}]:[]},children:t(ut,{$padding:"4px 12px 12px",children:C&&g?t(gs,{}):t(ee,{$gap:16,children:e(Vt,{bgTint:"1000",children:[e(Vt,{bgTint:"900",children:[!s&&t(Ht,{conditions:E.conditions||[]}),t(Vt,{bgTint:"800",cellsPerRow:2,items:tp(E,O)})]}),H&&t(gr,{readOnly:!0,scopes:V}),!!M?.length&&t(Vt,{bgTint:"900",richTitle:{title:"Configuration"},withCollapse:!0,collapseIsDefaultOpen:!0,children:t(Vt,{bgTint:"800",cellsPerRow:2,items:M})})]})})})}),t(Er,{target:"action",isOpen:w,onClose:()=>T(!1),onApprove:F}),t(Nr,{isOpen:null!==k,onClose:()=>I(null),onApprove:_})]})},op=({onClose:n,connections:o,selectedConnectionIds:l,setSelectedConnectionIds:r})=>{const{configApi:s}=Vl(),[d,u]=a(""),[h,m]=a({showOnlySelected:!1}),g=c(()=>o.filter(e=>{const t=!d||e.name.toLowerCase().includes(d.toLowerCase()),n=!h.showOnlySelected||h.showOnlySelected&&l.includes(e.id);return t&&n}),[o.length,l.length,d,h]),f=e=>{r(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},b=1===l.length?l[0]:void 0,{data:v,loading:y}=s.useEffectiveConfig(b?{id:b}:void 0,{skip:!b}),C=c(()=>{if(b&&v)return{rollout:{automaticRolloutDisabled:v.rollout?.automaticRolloutDisabled??!1}}},[b,v]),{formData:S,handleFormChange:x,areFormValuesEqual:w,resetFormData:T}=Gt(C||{rollout:{automaticRolloutDisabled:!1}}),k=p(T);k.current=T,i(()=>{C&&k.current(C)},[C]);const I=c(()=>l.length>1||void 0!==C&&!w(C,S),[l.length,C,S]);return t(kr,{isOpen:!0,onClose:n,onSave:async()=>await(s.applyConfigurations?.(S,l))??void 0,header:{icon:rl,title:"Cluster Configuration"},connectionIds:{value:l,setValue:r},search:{placeholder:"Search by cluster name",value:d,onChange:u},filters:e(pe,{$gap:8,children:[t(_e,{size:Te.XXXS,color:Pe.Secondary,nowrap:!0,children:"Show only:"}),t(le,{size:Nt.S,label:"Selected",value:h.showOnlySelected,onChange:e=>m(t=>({...t,showOnlySelected:e}))})]}),isFormDirty:I,isFetching:y,leftColumn:{width:"35%",header:e(pe,{$width:"100%",$gap:12,$justifyContent:"space-between",children:[e(pe,{$gap:8,children:[t(_e,{size:Te.XS,children:"Clusters"}),t(Ke,{label:g.length,status:Ee.Unknown})]}),e(pe,{$gap:8,children:[t(_e,{size:Te.XXXS,color:Pe.Secondary,align:"right",children:"Selected clusters"}),t(Ke,{label:`${l.length}/${g.length}`,status:Ee.Unknown})]})]}),list:g.map(e=>t(Hs,{title:e.name,isChecked:l.includes(e.id),onClick:()=>f(e.id),onCheckboxChange:()=>f(e.id)},e.id))},rightColumn:{width:"65%",header:t(_e,{size:Te.XS,children:"Configurations"}),list:[t(le,{label:"Automatic rollout disabled",tooltip:"Odigos automatically triggers a one-time rollout for workloads when instrumenting or uninstrumenting, ensuring that changes are applied without requiring manual intervention. When automatic rollout is disabled, Odigos will not restart workloads, and users will need to manually trigger rollouts after adding or removing sources.",value:S.rollout?.automaticRolloutDisabled||!1,onChange:e=>x("rollout.automaticRolloutDisabled",e)},"automatic-rollout-disabled")]}})},ip=e=>{const t=[{id:"type",title:Ze.TYPE,label:e.destinationType.displayName},{id:"status",title:Ze.STATUS,badge:{status:e.disabled?Ee.Unknown:Ee.Success,label:e.disabled?Ze.DISABLED:Ze.ENABLED}}],n=Ae(e.exportedSignals).map(e=>{let t=e.toLowerCase();return t=`${t.charAt(0).toUpperCase()}${t.slice(1)}`,t}).join(", ");return n&&t.push({id:"monitors",title:Ze.MONITORS,label:n}),e.name&&t.push({id:"name",title:Ze.NAME,label:e.name}),t},ap=({onClose:o,destinationId:l})=>{const r=v(),{isVm:s}=S(),{destinationsApi:u}=Vl(),{selectedStreamName:h}=Qe(),{items:m,refetch:g}=u.useDestinations(),{data:f,loading:b}=u.useDestinationCategories(),{activeForm:y,loadDestination:C,validateFormData:x,genericForm:w}=Hl();i(()=>{g()},[]);const T=p(null),[k,I]=a(!1),[N,E]=a(!1),[O,$]=a(null),A=k&&!!w?.isFormDirty,R=c(()=>Yt(m,h),[m,h]),D=c(()=>R?.find(e=>Xt(e)===l),[l,R]),_=f?.destinationCategories?.categories??null;i(()=>{D&&_&&C(D,_)},[D,_]);const P=c(()=>D&&_?Jt(_,D):[],[D,_]),L=d(()=>{D&&I(!0)},[D]),F=d(()=>{D&&_&&(C(D,_),I(!1))},[D,_,C]),M=d(()=>{A?$("close"):o()},[A,o]),z=d(()=>{A?$("cancel"):F()},[A,F]),B=d(()=>{const e=O;$(null),"close"===e?(F(),o()):F()},[O,F,o]),X=d(async()=>{if(D){const{errorMessage:e,preparedFormData:t}=x();e||(await u.update(D.id,De(t)),I(!1))}},[D,x,u]),U=d(()=>{D&&E(!0)},[D]),V=d(async()=>{D&&(await u.remove(D.id),o())},[D,u,o]);if(!D)return null;const{icon:H,iconSrc:j}=St(D.destinationType.type),G=((e,t)=>{const n=[],o=Wt(e,t),i=o.map(e=>({name:e.key,value:e.value})),a=Ae(e.exportedSignals);let l=[];const r=()=>{l.length&&(n.push({kind:"cells",id:`cells-${n.length}`,items:l}),l=[])};return o.forEach(({key:e,name:o,value:s})=>{const c=t.find(t=>t.name===e),{secret:d,componentType:p,componentProperties:u,hideFromReadData:h,customReadDataLabels:m}=c||{};if(h?.length&&Kt(h,a,i))return;const{type:g}=wt(u,{type:""}),f=d||"password"===g;if(m?.length)m.forEach(({condition:t,...n},o)=>{t==s&&l.push({id:`${e}-custom-${o}`,title:n.title,label:n.value})});else if(s)if(f)l.push({id:e,title:o,label:new Array(10).fill("•").join("")});else{if(p===Bt.MultiInput){const t=wt(s,null);if(Array.isArray(t)&&t.length)return r(),void n.push({kind:"list",id:e,title:o,items:t.map((t,n)=>({id:`${e}-${n}`,label:String(t)}))})}if(p===Bt.KeyValuePair){const t=wt(s,null);if(Array.isArray(t)&&t.length)return r(),void n.push({kind:"pairs",id:e,title:o,items:t.map((t,n)=>{const o=t&&"object"==typeof t?t:{};return{id:`${e}-${n}`,title:null!=o.key?String(o.key):"",label:null!=o.value?String(o.value):""}})})}l.push({id:e,title:o,label:s})}else l.push({id:e,title:o,label:"-"})}),r(),n})(D,P);return e(n,{children:[t(Mt,{isOpen:!0,header:{icon:H,iconSrc:j,title:D.name||D.destinationType.displayName,onClose:M,actions:[{id:"edit-destination-btn-edit",label:Lt.EDIT,icon:Ma,active:k,onClick:L},{id:"edit-destination-btn-delete",label:Lt.DELETE,icon:Aa,color:r.v2.colors.red[500],active:N,onClick:U}]},footer:{actions:k?[{"data-id":"edit-destination-btn-cancel",label:Lt.CANCEL,variant:ve.Secondary,onClick:z},...y?.option.testConnectionSupported&&!s?[{"data-id":"edit-destination-btn-test-connection",label:Lt.TEST_CONNECTION,variant:ve.Secondary,onClick:()=>T.current?.testConnection()}]:[],{"data-id":"edit-destination-btn-save",label:Lt.SAVE,variant:ve.Primary,onClick:X}]:[]},children:t(ut,{$padding:"4px 12px 12px",children:b?t(mt,{$height:"50vh",children:t(yt,{withSpinner:!0})}):k&&y?t(bs,{ref:T,isEdit:!0}):t(ee,{$gap:16,children:e(Vt,{bgTint:"1000",children:[e(Vt,{bgTint:"900",children:[!s&&t(Ht,{conditions:D.conditions||[]}),t(Vt,{bgTint:"800",cellsPerRow:2,items:ip(D)})]}),!!G.length&&t(Vt,{bgTint:"900",richTitle:{title:"Configuration"},withCollapse:!0,collapseIsDefaultOpen:!0,children:G.map(e=>"cells"===e.kind?t(Vt,{bgTint:"800",cellsPerRow:2,items:e.items},e.id):(e.kind,t(Vt,{bgTint:"800",richTitle:{title:e.title},cellsPerRow:2,items:e.items},e.id)))})]})})})}),t(Er,{target:"destination",isOpen:N,onClose:()=>E(!1),onApprove:V}),t(Nr,{isOpen:null!==O,onClose:()=>$(null),onApprove:B})]})},lp=(e,t)=>{const n=[{id:"type",title:Ze.TYPE,label:t.label},{id:"status",title:Ze.STATUS,badge:{status:e.disabled?Ee.Unknown:Ee.Success,label:e.disabled?Ze.DISABLED:Ze.ENABLED}}];return e.ruleName&&n.push({id:"name",title:Ze.NAME,label:e.ruleName}),e.profileName&&n.push({id:"profile",title:Ze.MANAGED_BY_PROFILE,label:e.profileName}),e.notes&&n.push({id:"notes",title:Ze.NOTES,label:e.notes}),n},rp=({onClose:o,ruleId:l})=>{const r=v(),{addNotification:s}=qt(),{isVm:p}=S(),{instrumentationRulesApi:u}=Vl(),{items:h,refetch:m}=u.useRules(),{selectedOption:g,loadRule:f,validateFormData:b,genericForm:y}=jl();i(()=>{m()},[]);const[C,x]=a(!1),[w,T]=a(!1),[k,I]=a(null),N=C&&!!y?.isFormDirty,{options:E}=u.useRuleTypes(),O=c(()=>E.length?E:Tt,[E]),$=c(()=>h?.find(e=>Xt(e)===l),[l,h]),A=c(()=>O.find(({type:e})=>e===$?.type)??null,[O,$?.type]),R=c(()=>Ge(A?.supportedLanguages),[A?.supportedLanguages]);i(()=>{$&&A&&f($,A)},[$,A]);const D=d(()=>{if($){if(!$.mutable)return void s({type:Ee.Warning,title:He.FORBIDDEN,message:He.CANNOT_EDIT_RULE,crdType:kt.InstrumentationRule,target:$.ruleId,hideFromHistory:!0});x(!0)}},[$,s]),_=d(()=>{$&&A&&(f($,A),x(!1))},[$,A,f]),P=d(()=>{N?I("close"):o()},[N,o]),L=d(()=>{N?I("cancel"):_()},[N,_]),F=d(()=>{const e=k;I(null),"close"===e?(_(),o()):_()},[k,_,o]),M=d(async()=>{if($){const{errorMessage:e,preparedFormData:t}=b();e||(await u.update($.ruleId,t,$.type),x(!1))}},[$,b,u]),z=d(()=>{if($){if(!$.mutable)return void s({type:Ee.Warning,title:He.FORBIDDEN,message:He.CANNOT_DELETE_RULE,crdType:kt.InstrumentationRule,target:$.ruleId,hideFromHistory:!0});T(!0)}},[$,s]),B=d(async()=>{$&&(await u.remove($.ruleId,$.type),o())},[$,u,o]);if(!$||!A)return null;const X=(U=$,V=A,V?.fields?.length?zt(U,V.fields,{skipComponentTypes:[Bt.SourceScopes]}):[]);var U,V;return e(n,{children:[t(Mt,{isOpen:!0,header:{icon:Qt($.type),title:A.label,onClose:P,actions:[{id:"edit-rule-btn-edit",label:Lt.EDIT,icon:Ma,active:C,onClick:D},{id:"edit-rule-btn-delete",label:Lt.DELETE,icon:Aa,color:r.v2.colors.red[500],active:w,onClick:z}]},footer:{actions:C?[{"data-id":"edit-rule-btn-cancel",label:Lt.CANCEL,variant:ve.Secondary,onClick:L},{"data-id":"edit-rule-btn-save",label:Lt.SAVE,variant:ve.Primary,onClick:M}]:[]},children:t(ut,{$padding:"4px 12px 12px",children:C&&g?t(ks,{}):t(ee,{$gap:16,children:e(Vt,{bgTint:"1000",children:[e(Vt,{bgTint:"900",children:[!p&&t(Ht,{conditions:$.conditions||[]}),t(Vt,{bgTint:"800",cellsPerRow:2,items:lp($,A)})]}),!p&&t(gr,{readOnly:!0,scopes:$.sourceScopes??null}),A.type===je.CustomInstrumentation&&!!$.customInstrumentations?.[Ve.Php]?.length&&t(Ne,{status:Ee.Warning,message:He.PHP_CUSTOM_INSTRUMENTATION_RESTART,fullWidth:!0}),!!X?.length&&t(Vt,{bgTint:"900",richTitle:{title:"Collect"},withCollapse:!0,collapseIsDefaultOpen:!0,children:t(Vt,{bgTint:"800",cellsPerRow:2,items:X})}),!!R.length&&t(Vt,{bgTint:"900",richTitle:{title:"Supported languages"},withCollapse:!0,collapseIsDefaultOpen:!0,children:t(Vt,{bgTint:"800",children:t(pe,{$gap:12,$wrap:"wrap",children:R.map(e=>t(Zt,{label:Je(e),leftIcon:Ye(e),flex:R.length>1?"0.5":"1"},e))})})})]})})})}),t(Er,{target:"instrumentation rule",isOpen:w,onClose:()=>T(!1),onApprove:B}),t(Nr,{isOpen:null!==k,onClose:()=>I(null),onApprove:F})]})};var sp;(e=>{e.Overview="overview",e.Pods="pods",e.Libraries="libraries",e.PeerSources="peer-sources",e.Profiling="profiling",e.Sampling="sampling",e.Debug="debug"})(sp||(sp={}));const cp=({collapseIsDefaultOpen:e,isJumpToTarget:n,onClickRestartPod:o,namespace:i,podName:a,nodeName:l,startTime:r,agentInjectedStatus:s,odigosHealthStatus:d,k8sHealthStatus:p,children:u})=>{const{formatDurationAgo:h}=en(),m=tn(!!n),g=c(()=>({title:a,icon:sl,withCopy:!0}),[a]),f=c(()=>{const e=[],t=nn(s);t&&e.push(t);const n=nn(d,cl,"health");n&&e.push(n);const o=nn(p,dl,"health");return o&&e.push(o),e},[s,d,p]),b=c(()=>o?[{id:`restart-pod-${a}`,icon:ll,label:Lt.RESTART_POD,onClick:()=>o(i,a)}]:void 0,[o,i,a]),v=c(()=>[{id:"nodeName",title:Ze.NODE,label:l,withCopy:!0},{id:"age",title:Ze.AGE,label:r?h(r,{style:"short"}):Ze.NOT_RUNNING,labelTooltip:r}],[l,r,h]);return t("div",{ref:m,children:t(Vt,{bgTint:"900",richTitle:g,badges:f,dropDataActions:b,items:v,withCollapse:!0,collapseIsDefaultOpen:e,children:u})})},dp=b.div`
|
|
504
538
|
display: flex;
|
|
505
539
|
align-items: center;
|
|
506
540
|
justify-content: space-between;
|
|
@@ -508,7 +542,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
508
542
|
padding: ${({$noPadding:e})=>e?"0":"12px"};
|
|
509
543
|
border-radius: 12px;
|
|
510
544
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
511
|
-
`,
|
|
545
|
+
`,pp=({podsOdigosHealthStatus:n,pods:o,noPadding:i})=>{const a=rn(n?.status),l=on(n?.name),r=n?.message,{totalPodsCount:s,odigosHealthyPodsCount:d,k8sHealthyPodsCount:p}=c(()=>({totalPodsCount:o?.length||0,odigosHealthyPodsCount:o?.reduce((e,t)=>e+(t.odigosHealthStatus?.status===an.Success?1:0),0)||0,k8sHealthyPodsCount:o?.reduce((e,t)=>e+(t.k8sHealthStatus?.status===an.Success?1:0),0)||0}),[o]);return o?.length&&n&&a?e(dp,{$noPadding:i,children:[t(ln,{invertColors:!0,hideBackground:!0,status:a,title:l,subTitle:r}),e(pe,{$gap:8,children:[t(hp,{label:Ze.PODS,count:s}),t(hp,{label:Ze.ODIGOS_HEALTHY,icon:cl,count:d,total:s}),t(hp,{label:Ze.KUBERNETES_HEALTHY,icon:dl,count:p,total:s})]})]}):null},up=b.div`
|
|
512
546
|
display: flex;
|
|
513
547
|
flex-direction: column;
|
|
514
548
|
justify-content: center;
|
|
@@ -519,7 +553,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
519
553
|
width: fit-content;
|
|
520
554
|
border-radius: 8px;
|
|
521
555
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
522
|
-
`,
|
|
556
|
+
`,hp=({count:n,total:o,label:i,icon:a})=>{const l=v(),r=void 0===o?void 0:n===o?l.v2.colors.green[500]:l.v2.colors.red[500];return e(up,{children:[e(pe,{$gap:0,$alignItems:"flex-end",children:[t(_e,{size:Te.L,color:r,weight:500,nowrap:!0,children:n}),void 0!==o&&t(_e,{size:Te.S,color:r,weight:500,nowrap:!0,children:`/${o}`})]}),e(pe,{$alignItems:"center",$gap:4,children:[a&&t(a,{size:16}),t(_e,{size:Te.XXXS,nowrap:!0,children:i})]})]})},mp=e=>{if(e.overrideProcessNum)return e.overrideProcessNum.toString();const t=e.identifyingAttributes?.find(({name:e})=>e===sn.PID)??e.identifyingAttributes?.find(({name:e})=>e===sn.VPID);return t?.value??null};var gp;(e=>{e.IdentifyingAttributes="identifying-attributes",e.InstrumentationLibraries="instrumentation-libraries"})(gp||(gp={}));const fp=({overrideProcessNum:n,healthy:o,healthStatus:l,identifyingAttributes:r,instrumentations:s,isJumpToTarget:d})=>{const p=v(),[u,h]=a(gp.IdentifyingAttributes),m=tn(!!d),{tabOptions:g,firstTabValue:f,bothTabsDisabled:b}=c(()=>{const e=s?.some(e=>!1===e.healthy),n=[{value:gp.IdentifyingAttributes,label:Ze.IDENTIFYING_ATTRIBUTES,disabled:!r?.length,selectedBgColor:p.v2.colors.purple[500]},{value:gp.InstrumentationLibraries,label:Ze.INSTRUMENTATION_LIBRARIES,icon:e?e=>t(pl,{...e,fill:p.v2.colors.red[500]}):void 0,disabled:!s?.length,selectedBgColor:p.v2.colors.purple[500]}];return{tabOptions:n,firstTabValue:n.find(e=>!e.disabled)?.value||n[0].value,bothTabsDisabled:n.every(e=>e.disabled)}},[r,s]);i(()=>{f&&h(f)},[f]);const y=c(()=>{switch(u){case gp.IdentifyingAttributes:return t(ee,{children:r?.map((e,n)=>t(Sp,{label:e.name,value:e.value},`attr-${n}-${e.name}`))});case gp.InstrumentationLibraries:return t(ee,{children:s?.map((e,n)=>t(Sp,{label:e.name,isStandardLibrary:e.isStandardLibrary,healthy:e.healthy,message:e.message},`instr-${n}-${e.name}`))});default:return null}},[u,r,s]),C=c(()=>mp({overrideProcessNum:n,identifyingAttributes:r}),[n,r]);return t("div",{ref:m,children:e(Vt,{bgTint:"800",richTitle:{title:C?`${Ze.PROCESS} ${Ze.PID(C)}`:Ze.PROCESS_FALLBACK_NAME},renderOnRightSide:t(_e,{color:o?Pe.Success:Pe.Error,size:Te.XXXS,children:l?.message}),badges:[{key:"odigos-healthy",status:o?Ee.Success:Ee.Error,leftIcon:cl,label:o?Ze.HEALTHY:Ze.NOT_HEALTHY,textSize:Te.XXXS,invertColors:!0,useSecondaryTone:!0}],withCollapse:!b,collapseIsDefaultOpen:d,children:[!b&&t(ce,{options:g,selected:u,setSelected:h}),!b&&y]})})},bp=b.div`
|
|
523
557
|
display: flex;
|
|
524
558
|
align-items: ${({$withHealthBadge:e})=>e?"center":"flex-start"};
|
|
525
559
|
gap: 8px;
|
|
@@ -528,23 +562,23 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
528
562
|
&:hover {
|
|
529
563
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
530
564
|
}
|
|
531
|
-
`,
|
|
565
|
+
`,vp=b(_e)`
|
|
532
566
|
flex: 0 0 ${({$withHealthBadge:e})=>e?"auto":"30%"};
|
|
533
|
-
`,
|
|
567
|
+
`,yp=b(_e)`
|
|
534
568
|
flex: 1 1 auto;
|
|
535
569
|
min-width: 0;
|
|
536
|
-
`,
|
|
570
|
+
`,Cp=b(pe)`
|
|
537
571
|
flex: 1 1 auto;
|
|
538
572
|
justify-content: flex-end;
|
|
539
573
|
min-width: 0;
|
|
540
|
-
`,
|
|
574
|
+
`,Sp=({label:n,value:o,isStandardLibrary:i,healthy:a,message:l})=>{const r="boolean"==typeof a;return e(bp,{$withHealthBadge:r,children:[t(vp,{size:Te.XXS,color:Pe.Secondary,$withHealthBadge:r,children:n}),o&&t(yp,{size:Te.XXS,color:Pe.Primary,align:"right",children:o}),(i||r)&&e(Cp,{children:[i&&t(Ke,{status:Ee.Info,label:Ze.STANDARD,textSize:Te.XXXS,invertColors:!0}),r&&e(pe,{$gap:4,children:[l&&t(yp,{size:Te.XXXS,color:Pe.Error,align:"right",children:l}),t(Ke,{status:a?Ee.Success:Ee.Error,label:a?Ze.HEALTHY:Ze.NOT_HEALTHY,leftIcon:cl,textSize:Te.XXXS,invertColors:!0,tooltip:l??void 0})]})]})]})},xp=h(null),wp=({value:e,children:n})=>t(xp.Provider,{value:e,children:n}),Tp=({podContainers:e,sourceContainers:n,jumpToTarget:o})=>{const i=e??[],a=c(()=>({title:Ze.CONTAINERS,titleSize:Te.XS,badge:{label:i.length}}),[i.length]),l=c(()=>{const e=new Map;return n?.forEach(t=>e.set(t.containerName,t)),e},[n]);return t(Vt,{bgTint:"800",richTitle:a,withCollapse:!0,collapseIsDefaultOpen:!0,children:t(ee,{$gap:8,children:i.map(e=>{const n=o?.containerName===e.containerName;return t(Ip,{...e,language:cn(l.get(e.containerName)),jumpToTarget:n?o:null},`pod-container-${e.containerName}`)})})})},kp=b.div`
|
|
541
575
|
display: flex;
|
|
542
576
|
flex-direction: column;
|
|
543
577
|
gap: 12px;
|
|
544
578
|
padding: 8px 12px;
|
|
545
579
|
border-radius: 8px;
|
|
546
580
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
547
|
-
`,
|
|
581
|
+
`,Ip=({language:n,containerName:o,otelDistroName:i,runningStartedTime:a,started:l,ready:r,restartCount:s,isCrashLoop:d,waitingReasonEnum:p,waitingMessage:u,odigosHealthStatus:h,k8sHealthStatus:m,processes:g,jumpToTarget:f})=>{const b=!!f,v=b&&!f?.processPid,{formatDurationAgo:y}=en(),C=tn(v),S=c(()=>({title:o,icon:n?dn(n):ul,iconWithWrapper:!0}),[o,n]),x=c(()=>{const e=[],t=nn({status:i?an.Success:an.Disabled,reasonEnum:i?Ze.INSTRUMENTED_WITH_DISTRO(i):Ze.UNINSTRUMENTED,message:""});t&&e.push(t);const n=nn(h,cl,"health");n&&e.push(n);const o=nn(m,dl,"health");return o&&e.push(o),e},[m,h,i]),w=c(()=>[{id:"runningTime",title:Ze.RUNNING_TIME,label:a?y(a,{style:"short"}):Ze.NOT_RUNNING,labelTooltip:`${Ze.RUNNING_TIME_TOOLTIP}. (${a})`},{id:"blank",spacer:!0},{id:"started",badge:{status:l?Ee.Success:Ee.Disabled,leftIcon:l?_a:Pa,label:l?Ze.STARTED:Ze.NOT_STARTED,textSize:Te.XXXS,invertColors:!0,useSecondaryTone:!0}},{id:"ready",badge:{status:r?Ee.Success:Ee.Disabled,leftIcon:r?_a:Pa,label:r?Ze.READY:Ze.NOT_READY,textSize:Te.XXXS,invertColors:!0,useSecondaryTone:!0}},{id:"isCrashLoop",badge:{status:d?Ee.Error:Ee.Success,leftIcon:d?Pa:_a,label:d?Ze.CRASHLOOP:Ze.NO_CRASHLOOP,textSize:Te.XXXS,invertColors:!0,useSecondaryTone:!0}},{id:"restartCount",title:Ze.RESTARTS,badge:{status:s?Ee.Error:void 0,label:s||0,textSize:Te.XXXS}}],[a,y,l,r,d,s]),T=c(()=>u?on(p):"",[u,p]);return t("div",{ref:C,children:e(Vt,{bgTint:"750",richTitle:S,badges:x,items:w,withCollapse:!0,collapseIsDefaultOpen:b,children:[u&&t(kp,{children:e(pe,{$gap:10,$alignItems:"center",children:[t(Zt,{variant:pn.Pink,leftIcon:dl,label:T}),t(_e,{size:Te.XXXS,color:Pe.Error,children:u})]})}),(g??[]).map((e,n)=>{const i=n+1,a=b&&(l=f,r=e,!!l?.processPid&&mp({identifyingAttributes:r.identifyingAttributes})===l.processPid);var l,r;return t(fp,{...e,overrideProcessNum:i,isJumpToTarget:a},`pod-container-${o}-process-${i}`)})]})})},Np=({podName:e,namespace:n,hasRestarted:o})=>{const i=c(()=>({title:Ze.DEBUG_COMMANDS,titleSize:Te.XS}),[]),a=c(()=>[{label:Ze.GET_POD_YAML,value:`kubectl get pod ${e} -n ${n} -o yaml`},{label:Ze.DESCRIBE_POD,value:`kubectl describe pod ${e} -n ${n}`},{label:Ze.GET_POD_LOGS,value:`kubectl logs ${e} -n ${n}${o?" -p":""}`}],[e,n,o]);return t(Vt,{bgTint:"800",richTitle:i,withCollapse:!0,children:a.map(({label:e,value:n})=>t(un,{bgTint:"700",label:e,value:n},e))})},Ep=({source:o,onClickRestartPod:i})=>{const{jumpToTarget:a}=(()=>{const e=m(xp);if(!e)throw new Error("useJumpToTargetContext must be used within a JumpToTargetContextProvider");return e})(),l=a?.tab===sp.Pods?a:null,r=o?.pods??[],s=r.length>0,d=c(()=>r.some(e=>e.containers?.some(e=>e.restartCount&&e.restartCount>0)),[r]),p=c(()=>({title:Ze.PODS,badge:{label:r.length}}),[r.length]);return t(ee,{$gap:12,children:s?e(n,{children:[t(pp,{podsOdigosHealthStatus:o.podsOdigosHealthStatus,pods:r}),t(Vt,{bgTint:"1000",richTitle:p,children:r.map(n=>{const a=l?.podName===n.podName,r=a&&!l?.containerName;return e(cp,{...n,namespace:o.id.namespace,onClickRestartPod:i,collapseIsDefaultOpen:a,isJumpToTarget:r,children:[t(Np,{podName:n.podName,namespace:o.id.namespace,hasRestarted:d}),t(Tp,{podContainers:n.containers,sourceContainers:o.containers,jumpToTarget:a?l:null})]},`pod-${n.podName}`)})})]}):t(mt,{$height:"70vh",children:t(xe,{title:Ze.NO_RUNNING_PODS,subTitle:Ze.NO_RUNNING_PODS_SUBTITLE})})})},Op="user",$p=({source:n})=>{const o=c(()=>n.serviceName||n.id.name,[n]),{sourcesApi:i}=Vl(),{data:a,loading:l,refetch:r}=i.usePeerSources({serviceName:o},{fetchPolicy:"network-only"}),s=a?.peerSources??null;return!s||l?t(mt,l?{$height:"70vh",children:t(yt,{withSpinner:!0})}:{$height:"70vh",children:t(xe,{subTitle:Ze.COULD_NOT_FETCH_PEER_SOURCES})}):e(pe,{$gap:16,$alignItems:"flex-start",children:[t(Ap,{icon:hl,title:Ze.INBOUND,subTitle:Ze.INBOUND_DESCRIPTION(o),onRefresh:r,items:s?.inbound??[]}),t(Ap,{icon:ml,title:Ze.OUTBOUND,subTitle:Ze.OUTBOUND_DESCRIPTION(o),onRefresh:r,items:s?.outbound??[]})]})},Ap=({icon:n,title:o,subTitle:i,onRefresh:l,items:r})=>{const[s,d]=a(""),p=c(()=>r.filter(e=>e.serviceName.toLowerCase().includes(s.toLowerCase())),[r,s]);return e(Vt,{bgTint:"1000",richTitle:{icon:n,title:o,titleSize:Te.XS,subTitle:i,subTitleSize:Te.XXXS,badge:{label:r.length}},actions:[{id:"refresh",type:hn.Button,buttonProps:{variant:ve.Secondary,size:be.S,leftIcon:ll,onClick:l}}],children:[t(mn,{value:s,onChange:d,width:"100%"}),t(gn,{height:"calc(100vh - 284px)",gap:4,elements:p.length||s?!p.length&&s?[t(mt,{$height:"50vh",children:t(xe,{icon:n,title:Ze.NO_RESULTS,subTitle:Ze.NO_RESULTS_FOR_FILTER(s)})},"no-results")]:p.map(e=>t(Dp,{...e},`${o}-${e.serviceName}`)):[t(mt,{$height:"50vh",children:t(xe,{icon:n,title:`No ${o} connections yet`,subTitle:o===Ze.INBOUND?Ze.NO_INBOUND_CONNECTIONS_DESCRIPTION:Ze.NO_OUTBOUND_CONNECTIONS_DESCRIPTION})},"no-data")]})]})},Rp=b.div`
|
|
548
582
|
display: flex;
|
|
549
583
|
align-items: center;
|
|
550
584
|
justify-content: space-between;
|
|
@@ -558,7 +592,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
558
592
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
559
593
|
}
|
|
560
594
|
`}
|
|
561
|
-
`,
|
|
595
|
+
`,Dp=({serviceName:n,isVirtual:o,nodeAttributes:i})=>{const a=fn(e=>e.drawerEntityId),{items:l}=Vl().sourcesApi.useSources(),r=c(()=>l.find(e=>e.id.name===n||e.serviceName===n),[l,n]),s=c(()=>r&&JSON.stringify(bn(r))!==JSON.stringify(bn(a)),[r,a]),d=c(()=>{if(o){const e=Object.fromEntries((i??[]).map(({key:e,value:t})=>[e,t]));return[vn({serviceName:n,attributes:e})]}if(n?.toLowerCase()===Op)return[gl];const e=r?yn(r):void 0;return e?.length?e:[ul]},[o,i,n,r]),p=s?()=>{const{setDrawerType:e,setDrawerEntityId:t}=fn.getState();e(Sn(kt.Source)),t({namespace:r?.id.namespace??"",name:r?.id.name??"",kind:r?.id.kind??"",region:r?.id.region??""})}:void 0;return e(Rp,{onClick:p,$withClick:!!p,children:[e(pe,{$gap:8,children:[t(Cn,{icons:d}),t(_e,{size:Te.XXS,children:n})]}),o&&t(Ke,{status:Ee.Info,label:Ze.VIRTUAL,textSize:Te.XXXS,invertColors:!0,tooltip:Ze.VIRTUAL_TOOLTIP})]})},_p=e=>{if("string"==typeof e)return e;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.k8sActualManifest)return t.k8sActualManifest;if("string"==typeof t.manifest)return t.manifest}},Pp=({source:n})=>{const o=v(),{k8sManifestApi:l}=Vl(),[r,s]=a(!0),[d,p]=a(void 0),[u,h]=a(!0),[m,g]=a(void 0),[f,b]=a(!0),[y,C]=a({}),S=n.pods??[],x=S.map(e=>e.podName).join(",");i(()=>{l.fetch({namespace:n.id.namespace,kind:n.id.kind,name:n.id.name}).then(({data:e})=>p(_p(e))).finally(()=>s(!1)),l.fetch({namespace:n.id.namespace,kind:xn.InstrumentationConfig,name:`${n.id.kind}-${n.id.name}`.toLowerCase()}).then(({data:e})=>g(_p(e))).finally(()=>h(!1))},[l,n.id.namespace,n.id.kind,n.id.name]),i(()=>{const e=x?x.split(","):[];if(0===e.length)return C({}),void b(!1);let t=!1;return b(!0),Promise.all(e.map(async e=>{const{data:t}=await l.fetch({namespace:n.id.namespace,kind:xn.Pod,name:e});return[e,_p(t)]})).then(e=>{t||C(Object.fromEntries(e))}).finally(()=>{t||b(!1)}),()=>{t=!0}},[l,n.id.namespace,x]);const w=c(()=>[{label:Ze.DESCRIBE_POD,value:`kubectl describe ${n.id.kind} ${n.id.name} -n ${n.id.namespace}`},{label:Ze.GET_POD_YAML,value:`kubectl get ${n.id.kind} ${n.id.name} -n ${n.id.namespace} -o yaml`},{label:Ze.GET_POD_YAML,value:`kubectl get ${xn.InstrumentationConfig} ${n.id.kind}-${n.id.name} -n ${n.id.namespace} -o yaml`}],[n.id.kind,n.id.name,n.id.namespace]);return e(Vt,{bgTint:"1000",children:[t(Vt,{bgTint:"900",richTitle:{icon:fl,title:Ze.DEBUG_COMMANDS},withCollapse:!0,collapseIsDefaultOpen:!0,children:w.map(({label:e,value:n},o)=>t(un,{label:e,value:n},`debug-cmd-${o}-${e}`))}),r?t(ht,{size:1}):t(Or,{bgTint:"800",codeBgColor:o.v2.colors.silver[900],title:`${n.id.kind} YAML`,yaml:d}),u?t(ht,{size:1}):t(Or,{bgTint:"800",codeBgColor:o.v2.colors.silver[900],title:"Instrumentation Config YAML",yaml:m}),S.map(e=>f?t(ht,{size:1},e.podName):t(Or,{bgTint:"800",codeBgColor:o.v2.colors.silver[900],title:`Pod ${e.podName} YAML`,yaml:y[e.podName]},e.podName))]})},Lp=({title:n,children:o})=>e(ee,{$gap:8,children:[t(_e,{size:Te.XXXS,color:Pe.Secondary,children:n}),o]}),Fp=({source:n})=>{const o=c(()=>{const[e,t]=Tn(n.telemetryMetrics?.[0]?.throughputBytes||0).split(" ");return{value:e,units:t}},[n]);return t(Lp,{title:Ze.THROUGHPUT_LAST_10_SECONDS,children:e(pe,{$alignItems:"flex-end",$gap:4,children:[t(_e,{size:Te.L,children:o.value}),t(_e,{size:Te.XS,variant:Et.Span,children:o.units})]})})},Mp=({source:n})=>{const{CopyButton:o}=_t();return t(Lp,{title:Ze.NAMESPACE,children:e(pe,{children:[t(Zt,{variant:pn.Blue,label:n.id.namespace}),t(o,{value:n.id.namespace,size:vt.XS})]})})},zp=({source:n})=>{const{CopyButton:o}=_t(),i=n.id.region;return i?t(Lp,{title:Ze.REGION,children:e(pe,{children:[t(Zt,{variant:pn.Blue,label:i}),t(o,{value:i,size:vt.XS})]})}):null},Bp=({source:e})=>{const n=e.markedForInstrumentation?.markedForInstrumentation??!1;return t(Lp,{title:Ze.ENABLED,children:t(pe,{children:t(Zt,{variant:n?pn.Green:pn.Default,label:n?Ze.ENABLED:Ze.DISABLED})})})},Xp=({source:e,label:n})=>t(Lp,{title:Ze.KIND,children:t(pe,{children:t(Zt,{variant:pn.Blue,label:n||e.id.kind})})}),Up=({source:n})=>{const{CopyButton:o}=_t();return t(Lp,{title:Ze.NAME,children:e(pe,{children:[t(Zt,{variant:pn.Blue,label:n.id.name}),t(o,{value:n.id.name,size:vt.XS})]})})},Vp=({source:n})=>{const{CopyButton:o}=_t(),i=n.serviceName||n.id.name;return t(Lp,{title:Ze.SERVICE_NAME,children:e(pe,{children:[t(Zt,{variant:pn.Blue,label:i}),t(o,{value:i,size:vt.XS})]})})},Hp=({source:n})=>{const{isVm:o,isConnector:i,isK8s:a}=S(),l=c(()=>wn(n.id.kind),[n.id.kind]);return t(Vt,{children:e(pe,{$gap:24,$alignItems:"flex-start",$justifyContent:"flex-start",$wrap:"wrap",children:[a&&t(Fp,{source:n}),a&&t(Mp,{source:n}),i&&t(zp,{source:n}),i&&t(Bp,{source:n}),t(Xp,{source:n,label:l}),t(Up,{source:n}),(i||o)&&t(Vp,{source:n})]})})},jp=({source:e})=>e.pods?.length&&e.podsOdigosHealthStatus?t(Vt,{bgTint:"900",children:t(pp,{podsOdigosHealthStatus:e.podsOdigosHealthStatus,pods:e.pods,noPadding:!0})}):null,Gp=({source:e})=>{const n=c(()=>e.workloadOdigosHealthStatus?{status:e.workloadOdigosHealthStatus.status?kn(e.workloadOdigosHealthStatus.status):Ee.Unknown,title:on(e.workloadOdigosHealthStatus.reasonEnum),subTitle:e.workloadOdigosHealthStatus.message}:null,[e]);return n?t(ln,{...n,width:"100%"}):null},Wp="100%",Kp=b(pe)`
|
|
562
596
|
@media (max-width: 1099px) {
|
|
563
597
|
flex-direction: column;
|
|
564
598
|
|
|
@@ -566,14 +600,14 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
566
600
|
width: 100%;
|
|
567
601
|
}
|
|
568
602
|
}
|
|
569
|
-
`,
|
|
603
|
+
`,Yp=(e,t)=>e?e.toLowerCase().includes(t.toLowerCase())?on(e):`${t} ${on(e)}`:t,Jp=b(pe)`
|
|
570
604
|
width: fit-content;
|
|
571
605
|
padding: 2px 6px;
|
|
572
606
|
border-radius: 8px;
|
|
573
607
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
574
|
-
`,
|
|
608
|
+
`,qp=({overview:n,status:o})=>{const i=v(),a=n?[{id:"applied",count:n.totalAgentAppliedPods,ok:n.agentAppliedOk,label:"Agent applied"},{id:"out-of-date",count:n.totalAgentOutOfDatePods,ok:n.agentOutOfDateOk,label:"Agent out of date"},{id:"not-applied",count:n.totalAgentNotAppliedPods,ok:n.agentNotAppliedOk,label:"No agent applied"}].filter(({count:e})=>e>0):[];return a.length?t(Jp,{$gap:12,$wrap:"wrap",children:a.map(({id:a,count:l,ok:r,label:s})=>{const c=r?Ee.Success:o,d=Nn(c,i);return e(pe,{$gap:2,children:[t(d,{size:16,fill:In(i,c,"300")}),t(_e,{size:Te.XXXS,color:Pe.Secondary,children:`${l}/${n?.totalPods??0} ${s}`})]},a)})}):null},Zp=({changedTime:e})=>{const{formatTimeAgo:n}=en();return t(_e,{size:Te.XXXS,color:Pe.Disable,nowrap:!0,children:`Agent Assignment Updated · ${n(e)}`})},Qp=({source:n,onClickRollout:o,onClickRollback:i})=>{const a=n.rollout?.podsManifestInjectionStatus??n.conditions?.rollout,l=c(()=>{const{status:e,reasonEnum:i,message:l,actionItems:r}=a||{},s=rn(e);if(!s)return null;const c=Yp(i,Ze.ROLLOUT),d=l,p=(r??[]).flatMap(e=>[{"data-id":`rollout-action-${e.type}`,label:e.buttonText,hideTooltipIcon:!0,leftIcon:bl,onClick:o}]);return{status:s,title:c,subTitle:d,details:t(qp,{overview:n.rollout?.podsManifestInjectionOverview,status:s}),actionDetails:n.rollout?.agentsMetaHashChangedTime?t(Zp,{changedTime:n.rollout.agentsMetaHashChangedTime}):void 0,actionButtons:p}},[n.rollout,a,o]),r=c(()=>{const{status:e,reasonEnum:t,message:o,actionItems:a}=n.autoRollback?.autoRollbackStatus||{},l=rn(e);if(!l)return null;const r=Yp(t,Ze.ROLLBACK),s=o,c=(a??[]).flatMap(e=>[{"data-id":`rollback-action-${e.type}`,label:e.buttonText,hideTooltipIcon:!0,leftIcon:ll,onClick:i}]);return c.length||l===Ee.Success||c.push({"data-id":"rollback-action",label:Ze.ROLLBACK,tooltip:"Recover the workload from the last rollback",hideTooltipIcon:!0,leftIcon:ll,onClick:i}),{status:l,title:r,subTitle:s,actionButtons:c}},[n,i]);return l||r?e(Kp,{$gap:12,$alignItems:"stretch",children:[l&&t(ln,{invertColors:!0,slim:!0,width:r?"calc(60% - 6px)":Wp,...l}),r&&t(ln,{invertColors:!0,slim:!0,width:l?"calc(40% - 6px)":Wp,...r})]}):null},eu=h(null),tu=b.div`
|
|
575
609
|
position: relative;
|
|
576
|
-
`,
|
|
610
|
+
`,nu=({children:e})=>{const n=p(null);return t(tu,{ref:n,children:t(eu.Provider,{value:n,children:e})})},ou=b.div`
|
|
577
611
|
position: fixed;
|
|
578
612
|
top: ${({$coords:e})=>e.top}px;
|
|
579
613
|
right: ${({$coords:e})=>e.right}px;
|
|
@@ -587,14 +621,14 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
587
621
|
padding: 12px 16px;
|
|
588
622
|
border-radius: 12px;
|
|
589
623
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
590
|
-
`,
|
|
624
|
+
`,iu=b.div`
|
|
591
625
|
display: flex;
|
|
592
626
|
align-items: flex-end;
|
|
593
627
|
justify-content: space-between;
|
|
594
628
|
gap: 8px;
|
|
595
|
-
`,
|
|
629
|
+
`,au=b.div`
|
|
596
630
|
flex: 1;
|
|
597
|
-
`,
|
|
631
|
+
`,lu=({width:n,onClose:o,onSave:i,saveTooltip:l,onDelete:r,deleteTooltip:s,title:c,subTitle:d,warning:p,children:u,pushButtonsWith:h})=>{const f=v(),b=m(eu),[y,C]=a(null);return En(b??{current:null},o),g(()=>{const e=b?.current?.getBoundingClientRect();e&&C({top:e.bottom+4,right:window.innerWidth-e.left-24})},[b]),y?_r(e(ou,{$coords:y,$width:n,"data-ignore-outside-click":"true",children:[e(ee,{$gap:4,children:[t(_e,{size:Te.XXS,children:c}),t(_e,{size:Te.XXXS,color:Pe.Secondary,children:d})]}),e(iu,{children:[t(au,{children:u}),e(pe,{$gap:8,$width:"fit-content",$margin:`0 0 ${h||0} 0`,children:[t(fe,{variant:ve.Secondary,onClick:r,leftIcon:Aa,tooltip:s,hideTooltipIcon:!0,iconSize:16,size:be.S,textColor:f.v2.colors.red[500]}),t(fe,{variant:ve.Primary,onClick:i,leftIcon:Wa,tooltip:l,hideTooltipIcon:!0,iconSize:16,size:be.S})]})]}),t("div",{children:t(Ne,{status:Ee.Warning,message:p})})]}),document.body):null},ru=({language:n,overridden:o,onOverride:i,defaultValues:l})=>{const{tier:r}=S(),{formData:s,handleFormChange:d,resetFormData:p}=Gt(l),u=c(()=>{if(!n)return[];const e=On[n].community,t=r===It.Onprem?On[n].enterprise:[];return e.concat(t).map(e=>({id:e.id,label:e.label,icon:e.icon||void 0})).sort((e,t)=>e.label.localeCompare(t.label))},[n,r]),[h,m]=a(!1),[g,f]=a(!1),b=()=>{h||(g&&p(),f(e=>!e))};return e(pe,{$gap:4,$alignItems:"center",children:[o?t(Ke,{status:Ee.Info,invertColors:!0,label:Ze.OVERIDDEN}):null,e(nu,{children:[t(Fe,{text:Ze.OVERRIDE_OTEL_DISTRO_NAME,children:t(bt,{icon:Ma,onClick:b})}),g&&t(lu,{width:"500px",onClose:b,onSave:async()=>{m(!0),await i(s),m(!1),b()},saveTooltip:Ze.OVERRIDE_OTEL_DISTRO_NAME_SAVE_TOOLTIP,onDelete:async()=>{m(!0),await i({otelDistroName:null}),m(!1),b()},deleteTooltip:Ze.OVERRIDE_OTEL_DISTRO_NAME_DELETE_TOOLTIP,title:Ze.OVERRIDE_OTEL_DISTRO_NAME,subTitle:Ze.OVERRIDE_OTEL_DISTRO_NAME_SUBTITLE,warning:Ze.OVERRIDE_OTEL_DISTRO_NAME_WARNING,children:t(ft,{label:Ze.OTEL_DISTRO_NAME,options:u,values:s.otelDistroName?[s.otelDistroName]:[],setValues:e=>d("otelDistroName",e[0])})})]})]})},su=({overridden:n,onOverride:o,defaultValues:i,originalValues:l})=>{const{addNotification:r}=qt(),{formData:s,handleFormChange:d,resetFormData:p}=Gt(i),u=c(()=>$n.map(e=>({id:e.id,label:e.label,icon:e.icon||void 0})),[]),[h,m]=a(!1),[g,f]=a(!1),b=()=>{h||(g&&p(),f(e=>!e))};return e(pe,{children:[n?t(Ke,{status:Ee.Info,invertColors:!0,label:Ze.OVERIDDEN}):null,e(nu,{children:[t(Fe,{text:Ze.OVERRIDE_RUNTIME_DETAILS,children:t(bt,{icon:Ma,onClick:b})}),g&&t(lu,{width:"500px",onClose:b,onSave:async()=>{!s.version||An(s.version)?(m(!0),await o(s),m(!1),b()):r({type:Ee.Warning,message:He.INVALID_VERSION,hideFromHistory:!0})},saveTooltip:Ze.OVERRIDE_RUNTIME_DETAILS_SAVE_TOOLTIP,onDelete:async()=>{m(!0),await o({language:null,version:""}),m(!1),b()},deleteTooltip:Ze.OVERRIDE_RUNTIME_DETAILS_DELETE_TOOLTIP,title:Ze.OVERRIDE_RUNTIME_DETAILS,subTitle:Ze.OVERRIDE_RUNTIME_DETAILS_SUBTITLE,warning:Ze.OVERRIDE_RUNTIME_WARNING,pushButtonsWith:"20px",children:e(pe,{$gap:8,children:[t(ft,{label:Ze.LANGUAGE,options:u,values:s.language?[s.language]:[],setValues:e=>d("language",e[0]),helpMessage:`Auto-detected: ${l.language||"none"}`}),t(ye,{label:Ze.RUNTIME_VERSION,placeholder:Ze.VERSION_PLACEHOLDER,value:s.version,onChange:e=>d("version",e.target.value),helpMessage:`Auto-detected: ${l.version||"none"}`})]})})]})]})},cu=({source:e})=>{const{isVm:n}=S(),{containers:o,containersRichTitle:i}=c(()=>{const t=e?.conditions?.runtimeDetection;return{containers:e?.containers??[],containersRichTitle:{title:n?Ze.DETECTED_PROCESSES:`${e.id.kind} ${Ze.CONTAINERS}`,tooltip:t?.message||(n?Ze.DETECTED_PROCESSES_DESCRIPTION:Ze.DETECTED_CONTAINERS_DESCRIPTION),badge:rn(t?.status)===Ee.Loading?{status:Ee.Loading,backgroundColor:"transparent"}:{label:e?.containers?.length}}}},[e,n]);return t(Vt,{bgTint:"1000",richTitle:i,withCollapse:!0,collapseIsDefaultOpen:!0,children:t(ee,{$gap:8,children:o.map(n=>n&&t(hu,{...n,sourceId:e.id},`source-container-${n.containerName}`))})})},du=b.div`
|
|
598
632
|
display: flex;
|
|
599
633
|
flex-direction: column;
|
|
600
634
|
align-self: stretch;
|
|
@@ -602,32 +636,32 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
602
636
|
padding: 8px 12px;
|
|
603
637
|
border-radius: 8px;
|
|
604
638
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
605
|
-
`,
|
|
639
|
+
`,pu=b.div`
|
|
606
640
|
display: flex;
|
|
607
641
|
align-items: center;
|
|
608
642
|
justify-content: center;
|
|
609
643
|
padding: 8px;
|
|
610
644
|
border-radius: 10px;
|
|
611
645
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
612
|
-
`,
|
|
646
|
+
`,uu=b.div`
|
|
613
647
|
display: flex;
|
|
614
648
|
flex-direction: column;
|
|
615
649
|
gap: 12px;
|
|
616
650
|
padding: 8px 12px;
|
|
617
651
|
border-radius: 8px;
|
|
618
652
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
619
|
-
`,
|
|
653
|
+
`,hu=({sourceId:n,...o})=>{const{containerName:i,runtimeInfo:a,agentEnabled:l,overrides:r}=o,s=v(),{sourcesApi:d}=Vl(),p=c(()=>!!r?.runtimeInfo?.language||!!r?.runtimeInfo?.runtimeVersion,[r]),u=c(()=>({language:cn(o),version:Rn(o)||void 0}),[o]),h=c(()=>!!r?.otelDistroName,[r]),m=c(()=>({otelDistroName:r?.otelDistroName||o.agentEnabled?.otelDistroName}),[r,o]),g=c(()=>!a&&!p,[a,p]),f=c(()=>g?ul:dn(u.language),[g,u]),b=c(()=>{if(g)return"";const{language:e,version:t}=u;return`${e}${t?` • ${t}`:""}`},[g,u]),y=c(()=>g?{status:Ee.Loading,label:Ze.WAITING_FOR_RUNTIME_DETECTION}:{status:l?.otelDistroName?Ee.Success:Ee.Disabled,leftIcon:l?.otelDistroName?_a:Pa,label:l?.otelDistroName?`Instrumented | ${l.otelDistroName}`:"Uninstrumented",tooltip:l?.agentEnabledStatus?.message},[g,l]),C=e=>d.update(n,{containerName:i,...h?m:{},...p?u:{},...e}),S=c(()=>{const e=[];return o.agentConfig?.traces?.headSampling?.noisyOperations?.length&&e.push(Ze.HEAD_SAMPLING),(o.collectorConfig?.tailSampling?.noisyOperations?.length||o.collectorConfig?.tailSampling?.highlyRelevantOperations?.length||o.collectorConfig?.tailSampling?.costReductionRules?.length)&&e.push(Ze.TAIL_SAMPLING),e},[o]);return e(du,{children:[e(pe,{$gap:16,$alignItems:"center",$justifyContent:"space-between",$wrap:"wrap",children:[e(pe,{$gap:8,$alignItems:"center",children:[t(pu,{children:t(f,{size:24,fill:a?void 0:s.v2.colors.grey[400]})}),t(_e,{children:i}),t(Zt,b?{variant:pn.Blue,label:b}:{variant:pn.Loader,label:Ze.DETECTING_RUNTIME_INFO}),t(su,{overridden:p,onOverride:C,defaultValues:u,originalValues:{language:o.runtimeInfo?.language,version:o.runtimeInfo?.runtimeVersion||""}})]}),e(pe,{$gap:8,$alignItems:"center",children:[t(Ke,{...y,textSize:Te.XXXS}),t(ru,{language:u.language,overridden:h,onOverride:C,defaultValues:m})]})]}),!l||l.agentEnabled||g?null:t(uu,{children:e(pe,{$gap:10,$alignItems:"center",children:[t(Zt,{variant:pn.Pink,label:on(l.agentEnabledStatus?.reasonEnum)||Ze.NO_AVAILABLE_AGENT}),t(_e,{size:Te.XXXS,color:Pe.Secondary,children:l?.agentEnabledStatus?.message})]})}),S.length>0&&t(uu,{children:t(pe,{$gap:16,$wrap:"wrap",children:S.map((e,n)=>t(Ke,{label:e,leftIcon:_a,status:Ee.Success,invertColors:!0,useSecondaryTone:!0},`${i}-rule-${n}`))})})]})},mu=b.div`
|
|
620
654
|
display: flex;
|
|
621
655
|
flex-direction: column;
|
|
622
656
|
gap: 10px;
|
|
623
657
|
padding: 10px 12px 10px 20px;
|
|
624
658
|
border-radius: 8px;
|
|
625
659
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
626
|
-
`,
|
|
660
|
+
`,gu=b.div`
|
|
627
661
|
display: flex;
|
|
628
662
|
flex-wrap: wrap;
|
|
629
663
|
gap: 12px 24px;
|
|
630
|
-
`,
|
|
664
|
+
`,fu=({title:n,children:o})=>e(ee,{$gap:4,children:[t(_e,{size:Te.XXXS,color:Pe.Secondary,children:n}),o]}),bu=({processes:n})=>{const o=c(()=>[...n].sort((e,t)=>e.pid-t.pid),[n]);return o.length?e(ee,{$gap:6,children:[t(_e,{size:Te.XXXS,color:Pe.Secondary,children:`${Ze.PROCESSES} (${o.length})`}),o.map(n=>{const o=n.exe?.trim()||null,i=n.cmdline?.trim()||null;return e(mu,{children:[t(gu,{children:t(fu,{title:Ze.PROCESS_PID,children:t(_e,{size:Te.XS,children:String(n.pid)})})}),o?t(un,{label:Ze.EXECUTABLE,value:o,bgTint:"900"}):null,i&&i!==o?t(un,{label:Ze.COMMAND,value:i,bgTint:"900"}):null]},n.pid)})]}):null},vu=b.div`
|
|
631
665
|
display: flex;
|
|
632
666
|
flex-direction: column;
|
|
633
667
|
align-self: stretch;
|
|
@@ -635,19 +669,19 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
635
669
|
padding: 8px 12px;
|
|
636
670
|
border-radius: 8px;
|
|
637
671
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
638
|
-
`,
|
|
672
|
+
`,yu=b.div`
|
|
639
673
|
display: flex;
|
|
640
674
|
align-items: center;
|
|
641
675
|
justify-content: center;
|
|
642
676
|
padding: 8px;
|
|
643
677
|
border-radius: 10px;
|
|
644
678
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
645
|
-
`,
|
|
679
|
+
`,Cu=e=>{if(!e)return Dn.Unknown;const t=e.trim().toLowerCase();return{go:Dn.Go,golang:Dn.Go,javascript:Dn.JavaScript,js:Dn.JavaScript,node:Dn.JavaScript,nodejs:Dn.JavaScript,typescript:Dn.JavaScript,python:Dn.Python,java:Dn.Java,dotnet:Dn.DotNet,csharp:Dn.CSharp,php:Dn.Php,ruby:Dn.Ruby,rust:Dn.Rust,swift:Dn.Swift,elixir:Dn.Elixir}[t]??Dn.Unknown},Su=({source:n})=>{const o=v(),{isConnector:i,isVm:a}=S(),{sourcesApi:l}=Vl(),r=n.instrumentationReport,s=n.sourceConfig,d=a?r?.processes:null,p=c(()=>!(!s?.runtimeOverride?.language&&!s?.runtimeOverride?.version),[s]),u=c(()=>{const e=Cu(r?.runtimeLanguage);return e!==Dn.Unknown?e:n.runtimeInfo?.detectedLanguages?.[0]??Dn.Unknown},[r?.runtimeLanguage,n.runtimeInfo?.detectedLanguages]),h=r?.runtimeVersion?.trim()||"",m=c(()=>{const e=Cu(s?.runtimeOverride?.language);return{language:e!==Dn.Unknown?e:u,version:s?.runtimeOverride?.version?.trim()||h||void 0}},[s,u,h]),g=c(()=>!!s?.distroOverride?.otelDistroName,[s]),f=c(()=>({otelDistroName:s?.distroOverride?.otelDistroName||void 0}),[s]),b=c(()=>{const{language:e,version:t}=m;return e!==Dn.Unknown||t?e!==Dn.Unknown&&t?`${e} • ${t}`:e!==Dn.Unknown?e:t||null:null},[m]),y=!b&&!p&&"Instrumenting"===r?.state,C=c(()=>y||m.language===Dn.Unknown?ul:dn(m.language),[y,m.language]),x=c(()=>{const e=r?.state??"",t=r?.instrumented||"Instrumented"===e,n=s?.distroOverride?.otelDistroName?.trim()||r?.sdkType?.trim();return"Instrumenting"===e?{status:Ee.Loading,label:on(r?.progressStage||e)||e}:"NotImplemented"===e||"Unsupported"===e?{status:Ee.Disabled,leftIcon:Pa,label:on(e)||e}:"Error"===e?{status:Ee.Error,leftIcon:Pa,label:"Error"}:t?{status:Ee.Success,leftIcon:_a,label:n?`Instrumented | ${n}`:"Instrumented"}:{status:Ee.Disabled,leftIcon:Pa,label:Ze.UNINSTRUMENTED}},[r,s]),w=e=>l.update(n.id,{...g?f:{},...p?{language:m.language!==Dn.Unknown?m.language:void 0,version:m.version}:{},...e});return(i||a)&&r?t(Vt,{bgTint:"1000",richTitle:{title:Ze.INSTRUMENTATION,tooltip:Ze.INSTRUMENTATION_DESCRIPTION,badge:{label:1}},withCollapse:!0,collapseIsDefaultOpen:!0,children:t(ee,{$gap:8,children:e(vu,{children:[e(pe,{$gap:16,$alignItems:"center",$justifyContent:"space-between",$wrap:"wrap",children:[e(pe,{$gap:8,$alignItems:"center",children:[t(yu,{children:t(C,{size:24,fill:y||m.language===Dn.Unknown?o.v2.colors.grey[400]:void 0})}),t(_e,{children:n.id.name}),y?t(Zt,{variant:pn.Loader,label:Ze.DETECTING_RUNTIME_INFO}):b?t(Zt,{variant:pn.Blue,label:b}):null,t(su,{overridden:p,onOverride:w,defaultValues:{language:m.language!==Dn.Unknown?m.language:void 0,version:m.version||""},originalValues:{language:u!==Dn.Unknown?u:void 0,version:h}})]}),e(pe,{$gap:8,$alignItems:"center",children:[t(Ke,{...x,textSize:Te.XXXS}),t(ru,{language:m.language!==Dn.Unknown?m.language:null,overridden:g,onOverride:w,defaultValues:f})]})]}),d?.length?t(bu,{processes:d}):null]})})}):null},xu=({source:n,onClickRollout:o,onClickRollback:i})=>{const{isK8s:a,isConnector:l,isVm:r}=S();return e(ee,{$gap:12,children:[t(Hp,{source:n}),t(Gp,{source:n}),a&&t(Qp,{source:n,onClickRollout:o,onClickRollback:i}),a&&t(cu,{source:n}),(l||r)&&t(Su,{source:n}),a&&t(jp,{source:n})]})},wu=({source:e})=>{const n=e.containers||[];return t(Vt,{bgTint:"1000",richTitle:{title:Ze.INSTRUMENTED_LIBRARIES},children:n.length?n.map(e=>{const n=e.instrumentations||[];return t(Vt,{bgTint:"800",richTitle:{title:e.containerName,badge:{label:n.length}},withCollapse:!0,collapseIsDefaultOpen:!!n?.length,children:n?.length?t(ee,{children:n.map((e,n)=>t(Sp,{label:e.name,isStandardLibrary:e.isStandardLibrary,healthy:e.healthy,message:e.message},`instr-${n}-${e.name}`))}):t(xe,{title:"No libraries found"})},e.containerName)}):t(xe,{title:"No containers found"})})},Tu=b(ee)`
|
|
646
680
|
width: 100%;
|
|
647
681
|
max-height: 320px;
|
|
648
682
|
overflow-y: auto;
|
|
649
683
|
gap: 8px;
|
|
650
|
-
`,
|
|
684
|
+
`,ku=b(pe)`
|
|
651
685
|
width: 100%;
|
|
652
686
|
align-items: center;
|
|
653
687
|
gap: 8px;
|
|
@@ -657,14 +691,14 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
657
691
|
& > * {
|
|
658
692
|
font-family: monospace !important;
|
|
659
693
|
}
|
|
660
|
-
`,vp=({pendingModify:o,onClose:n,onConfirm:i})=>{const a=v();return t(Ye,{isOpen:!!o,title:'Modify the "Profiling Symbols" rule',description:'These changes are applied immediately to a single custom instrumentation rule named "Profiling Symbols".\nSelected symbols are added to it; unchecked symbols are removed from it (the rule is deleted once empty). Symbols managed by other rules are never touched.',onClose:n,denyButton:{variant:ve.Secondary,label:"Cancel",onClick:n},approveButton:{variant:ve.Primary,label:"Confirm",onClick:i},children:o&&e(fp,{children:[o.add.map(o=>e(bp,{children:[t(Ge,{leftIcon:$a,status:Ne.Success,useSecondaryTone:!0,textColor:a.v2.colors.white[500],textSize:Te.XXS}),t(_e,{size:Te.XS,color:Pe.Primary,children:o})]},`add-${o}`)),o.remove.map(o=>e(bp,{children:[t(Ge,{leftIcon:hl,status:Ne.Error,useSecondaryTone:!0,textColor:a.v2.colors.white[500],textSize:Te.XXS}),t(_e,{size:Te.XS,color:Pe.Primary,children:o})]},`remove-${o}`))]})})};function yp(e,t){const o=e.names[t];if(null==o)return"";if("string"==typeof o)return o;if("object"==typeof o&&"name"in o){const e=o.name;if("string"==typeof e)return e}return"number"==typeof o||"boolean"==typeof o?String(o):""}function Cp(e){const t=Math.abs(e);return t>=1e9?`${Sp(e/1e9)}s`:t>=1e6?`${Sp(e/1e6)}ms`:t>=1e3?`${Sp(e/1e3)}μs`:String(Math.round(e))}function Sp(e){return e.toFixed(2).replace(/\.?0+$/,"")}function xp(e){const t=[];for(let o=0;o<e.levels.length;o++){const n=e.levels[o];let i=0;for(let e=0;e+3<n.length;e+=4){const a=n[e],l=n[e+1],r=n[e+2],s=n[e+3],c=i+a;t.push({level:o,offset:c,size:l,self:r,nameIndex:s}),i=c+l}}return t}function wp(e){return`${e.level}:${e.offset}:${e.size}:${e.nameIndex}`}function Tp(e,t){return e.level===t.level&&e.offset===t.offset&&e.size===t.size&&e.nameIndex===t.nameIndex}function kp(e,t,o){return((e,t)=>{const o=[];for(let n=0;n<=t.level;n++){let i;for(const o of e)if(o.level===n&&t.offset>=o.offset&&t.offset+t.size<=o.offset+o.size){i=o;break}if(!i)return o;o.push(i)}return o})(t,o).map(t=>yp(e,t.nameIndex))}function Ip(e,t,o){if(0===o.length)return null;let n=null,i=null;for(let a=0;a<o.length;a++){const l=o[a];let r=null;for(const o of t)o.level===a&&yp(e,o.nameIndex)===l&&(n&&(o.offset<n.offset||o.offset+o.size>n.offset+n.size)||(!r||o.size>r.size)&&(r=o));if(!r)return null;n=r,i=r}return i}function Ep(e,t){const o=e.reduce((e,t)=>Math.max(e,t.level),t.level),n=new Map;for(const t of e){const e=n.get(t.level);e?e.push(t):n.set(t.level,[t])}const i=[t];for(let e=t.level+1;e<=o;e++){const t=i.filter(t=>t.level===e-1);if(0===t.length)break;const o=n.get(e);if(o?.length)for(const e of o)for(const o of t)if(e.offset>=o.offset&&e.offset+e.size<=o.offset+o.size){i.push(e);break}}return i}function Np(e,t){const o=t.trim().toLowerCase();return!o||e.toLowerCase().includes(o)}function Op(e,t){let o=0;for(let t=0;t<e.length;t++)o=31*o+e.charCodeAt(t)>>>0;const n=t.v2.colors.black[500],i=[{fill:t.v2.colors.purple[300],text:n},{fill:t.v2.colors.green[300],text:n},{fill:t.v2.colors.red[300],text:n},{fill:t.v2.colors.blue[300],text:n},{fill:t.v2.colors.yellow[300],text:n}];return i[o%i.length]}var $p,Ap;function Rp(e,t){return t<=0?"0":(100*e/t).toFixed(e/t<.001?2:1)}function Dp(e,t,o){for(const n of o)if(e>=n.x&&e<n.x+n.w&&t>=n.y&&t<n.y+n.h)return n;return null}function _p(e){return e>=1073741824?`${(e/1073741824).toFixed(1)} GiB`:e>=1048576?`${(e/1048576).toFixed(1)} MiB`:e>=1024?`${(e/1024).toFixed(1)} KiB`:`${e} B`}(e=>{e[e.Fit=1]="Fit",e[e.X10=10]="X10"})($p||($p={})),(e=>{e[e.Fit=1]="Fit",e[e.X10=10]="X10"})(Ap||(Ap={}));const Pp=({flamebearer:o,maxRowPx:n,searchQuery:l="",shouldKeepName:r,minHostHeight:s=200,onFullscreenChange:p,profilingSlots:h,onFrameClick:m,onZoomedSymbolsChange:f,onResetZoom:b})=>{const y=v(),C=u(null),S=u(null),x=u({x:0,y:0}),[w,T]=a({w:0,h:0}),[k,I]=a(""),[E,N]=a(null),[O,$]=a([]),[A,R]=a(!1),[D,_]=a($p.Fit),[P,L]=a(Ap.Fit),[F,M]=a(!1),z=Math.max(1,Math.min(Math.floor(w.w*D),8192)),B=Math.max(1,Math.min(Math.floor(w.h*P),8192)),X=O.length>0?O[O.length-1]:null,U=X?.size??o.numTicks,V=c(()=>xp(o),[o]),H=u({fb:o,rects:V});i(()=>{const e=H.current;e.fb!==o&&(H.current={fb:o,rects:V},$(t=>{if(0===t.length)return t;const n=((e,t,o,n,i)=>{const a=[];for(const l of i){const i=kp(e,t,l);if(0===i.length)break;const r=Ip(o,n,i);if(!r)break;a.push(r)}return a})(e.fb,e.rects,o,V,t);return n.length===t.length&&n.every((e,o)=>Tp(e,t[o]))?t:n}))},[o,V]),i(()=>{if(!f)return;if(!X)return void f(null);const e=Ep(V,X),t=new Set;for(const n of e){const e=yp(o,n.nameIndex);e&&t.add(e)}f([...t])},[X,o,V,f]),g(()=>{const e=C.current;if(!e)return;const t=new ResizeObserver(()=>{const t=e.getBoundingClientRect();T({w:Math.floor(t.width),h:Math.floor(t.height)})});return t.observe(e),()=>t.disconnect()},[]),i(()=>{if(!A)return;const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}},[A]),i(()=>(p?.(A),()=>{A&&p?.(!1)}),[A,p]);const j=c(()=>function(e,t,o,n,i,a={}){if(0===e.levels.length||t<2||o<2)return null;const{zoomRoot:l=null,shouldKeepName:r,collapseRecursive:s=!1,allRects:c}=a,d=c??xp(e);let u=l?Ep(d,l):d;if(0===u.length)return null;if(r&&(u=u.filter(t=>r(yp(e,t.nameIndex))),0===u.length))return null;if(s&&(u=((e,t)=>{if(0===t.length)return t;const o=[...t].sort((e,t)=>e.level-t.level||e.offset-t.offset),n=new Map;for(const e of o){const t=n.get(e.level);t?t.push(e):n.set(e.level,[e])}const i=new Set;for(const t of o){const o=n.get(t.level+1);if(!o)continue;const a=o.filter(e=>e.offset>=t.offset&&e.offset+e.size<=t.offset+t.size);if(1!==a.length)continue;const l=a[0];l.size===t.size&&yp(e,l.nameIndex)===yp(e,t.nameIndex)&&i.add(wp(l))}if(0===i.size)return o;const a=[];for(const e of o){if(i.has(wp(e)))continue;let t=0;for(let o=0;o<e.level;o++){const a=n.get(o);if(!a)continue;const l=a.find(t=>e.offset>=t.offset&&e.offset+e.size<=t.offset+t.size);l&&i.has(wp(l))&&t++}a.push({...e,level:e.level-t})}return a})(e,u),0===u.length))return null;const p=l?.level??0,h=l?.offset??0,m=l?.size??e.numTicks;if(m<=0)return null;const g=u.reduce((e,t)=>Math.max(e,t.level-p),0)+1,f=n??Number.POSITIVE_INFINITY,b=Math.max(1,Math.min(o/g,f)),v=i.trim(),y=b>8?1:0;return u.map(o=>{const n=o.level-p,i=(o.offset-h)/m*t,a=Math.max(o.size/m*t,1),l=n*b,r=Math.max(b-y,1),s=yp(e,o.nameIndex);return{...o,x:i,y:l,w:a,h:r,name:s,matchesSearch:Np(s,v)}})}(o,z,B,n,l,{zoomRoot:X,shouldKeepName:r,collapseRecursive:F,allRects:V}),[o,n,l,B,z,X,r,F,V]),G=c(()=>(e=>[...e].sort((e,t)=>t.level-e.level))(j?.length?l.trim()?j.filter(e=>e.matchesSearch):j:[]),[j,l]),W=d(e=>{if(z<2||B<2)return;const t=e.currentTarget.getBoundingClientRect();if(t.width<1||t.height<1)return;const n=Dp((e.clientX-t.left)/t.width*z,(e.clientY-t.top)/t.height*B,G);if(n){const e=wp(n);N(e);const t=U>0?(100*n.size/U).toFixed(1):"0",i=o.numTicks>0?(100*n.size/o.numTicks).toFixed(1):"0";I(`${n.name}\ntotal ${Cp(n.size)} (${t}% of view, ${i}% of profile) · self ${Cp(n.self)}`)}else N(null),I("")},[G,o.numTicks,B,z,U]),K=d(e=>{W(e)},[W]),Y=d(()=>{N(null),I("")},[]),J=d(e=>{x.current={x:e.clientX,y:e.clientY}},[]),q=d(e=>{const{x:t,y:o}=x.current;if(Math.abs(e.clientX-t)>3||Math.abs(e.clientY-o)>3)return;if(z<2||B<2)return;const n=e.currentTarget.getBoundingClientRect();if(n.width<1||n.height<1)return;const i=Dp((e.clientX-n.left)/n.width*z,(e.clientY-n.top)/n.height*B,G);if(!i)return;m?.(i.name);const a=(e=>({level:e.level,offset:e.offset,size:e.size,self:e.self,nameIndex:e.nameIndex}))(i);$(e=>{const t=e.length>0?e[e.length-1]:null;return t&&Tp(a,t)?e.slice(0,-1):[...e,a]})},[G,B,z,m]);g(()=>{const e=S.current;if(!e||z<2||B<2)return;const t="undefined"!=typeof window&&window.devicePixelRatio||1,n=Math.max(z,B),i=Math.min(t,16384/n);e.width=Math.floor(z*i),e.height=Math.floor(B*i),e.style.width=`${z}px`,e.style.height=`${B}px`;const a=e.getContext("2d");a&&(a.setTransform(i,0,0,i,0,0),a.clearRect(0,0,z,B),j?.length?((e,t,o,n,i,a,l,r)=>{const s=a.v2.colors.silver[900];e.fillStyle=s,e.fillRect(0,0,t,o);const c=i.trim().length>0;e.textRendering="optimizeLegibility";for(const t of n){const{x:o,y:n,w:i,h:l,name:s,size:d,matchesSearch:u}=t;if(c&&!u)continue;const{fill:p,text:h}=Op(s,a);e.fillStyle=p,e.fillRect(o,n,i,l),e.strokeStyle="rgba(255,255,255,0.14)",e.lineWidth=1,e.beginPath(),e.moveTo(o+.5,n+.5),e.lineTo(o+i-.5,n+.5),e.stroke(),e.strokeStyle="rgba(0,0,0,0.45)",e.lineWidth=1,e.strokeRect(o+.5,n+.5,Math.max(i-1,0),Math.max(l-1,0));const m=Rp(d,r),g=`${s} (${Cp(d)}, ${m}%)`,f=a.v2.text.size.xs,b=8,v=5,y=26,C=Math.min(f,Math.floor(l-2));if(i>=y&&C>=b){e.font=`${C}px ${a.font_family.primary}, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif`,e.textBaseline="middle",e.textAlign="left";let t=g;for(;t.length>2&&e.measureText(t).width>i-2*v;)t=`${t.slice(0,-2)}…`;e.measureText(t).width<=i-2*v&&(e.lineWidth=1,e.strokeStyle="rgba(0, 0, 0, 0.5)",e.lineJoin="round",e.miterLimit=1,e.strokeText(t,o+v,n+l/2),e.fillStyle=h,e.fillText(t,o+v,n+l/2))}}if(l)for(const t of n){if(wp(t)!==l)continue;if(c&&!t.matchesSearch)continue;const{x:o,y:n,w:i,h:a}=t;e.strokeStyle="rgba(255,255,255,0.88)",e.lineWidth=2,e.strokeRect(o+1,n+1,Math.max(i-2,0),Math.max(a-2,0));break}})(a,z,B,j,l,y,E,o.numTicks):(a.fillStyle=y.v2.colors.silver[900],a.fillRect(0,0,z,B)))},[j,o.numTicks,E,l,B,z,y]);const Z=d(()=>R(e=>!e),[]),Q=o.numTicks>0?Math.max(0,Math.min(100,Math.round(U/o.numTicks*100))):100,ee=c(()=>((e,t,o)=>{const n=o??xp(e),i=t?.offset??0,a=i+(t?.size??e.numTicks),l=(t?.level??-1)+1,r=t?.size??e.numTicks;let s=null;for(const e of n)e.level<l||e.offset<i||e.offset+e.size>a||e.size>=r||(!s||e.size>s.size||e.size===s.size&&e.level<s.level)&&(s=e);return s})(o,X,V),[o,X,V]),te=null!==ee,oe=O.length>0,ne=X?yp(o,X.nameIndex):"",ie=d(()=>{$([]),b?.()},[b]),ae=d(()=>$(e=>e.slice(0,-1)),[]),se=d(()=>{ee&&$(e=>[...e,ee])},[ee]);return e("div",{style:A?{position:"fixed",inset:0,zIndex:9999,display:"flex",flexDirection:"column",gap:8,padding:16,background:y.v2.colors.silver[900]}:{flex:1,minHeight:s,minWidth:0,width:"100%",display:"flex",flexDirection:"column",gap:8,position:"relative"},children:[e(ue,{$gap:8,$wrap:"nowrap",$justifyContent:"space-between",children:[t(le,{label:"Collapse recursive",tooltip:"Collapse straight-line recursion (parent → single same-name child of equal width) into a single bar. Helps deep recursive call chains fit on screen.",labelAlign:re.Left,size:kt.S,value:F,onChange:M}),e(ue,{$gap:8,children:[e(ue,{children:[t(fe,{variant:ve.Secondary,size:be.S,label:"Reset zoom",leftIcon:ml,onClick:ie,disabled:!O.length}),t(fe,{variant:ve.Secondary,size:be.S,iconSize:20,leftIcon:hl,tooltip:"Zoom out",hideTooltipIcon:!0,disabled:!oe,onClick:ae}),t("div",{style:{minWidth:36,textAlign:"center",fontVariantNumeric:"tabular-nums"},children:t(_e,{size:Te.XXS,color:Pe.Secondary,nowrap:!0,align:"center",children:`${Q}%`})}),t(fe,{variant:ve.Secondary,size:be.S,iconSize:20,leftIcon:$a,tooltip:"Zoom in",hideTooltipIcon:!0,disabled:!te,onClick:se})]}),e(ue,{children:[t(Fe,{text:"Horizontal width: stretch the canvas wider than the viewport so narrow stacks become hoverable / readable.",children:t(ce,{variant:Ro.Filled,options:[{value:$p.Fit,label:"W: Fit"},{value:$p.X10,label:"10x"}],selected:D,setSelected:_})}),t(Fe,{text:"Vertical height: scale rows taller than the viewport for deep call stacks. Scroll vertically to navigate.",children:t(ce,{variant:Ro.Filled,options:[{value:Ap.Fit,label:"H: Fit"},{value:Ap.X10,label:"10x"}],selected:P,setSelected:L})})]}),t(fe,{variant:ve.Secondary,size:be.S,iconSize:24,leftIcon:A?ja:gl,tooltip:A?"Exit fullscreen (Esc)":"Fullscreen",hideTooltipIcon:!0,onClick:Z})]})]}),t(Fe,{fullWidth:!0,keepAlive:!0,text:k,children:t("div",{ref:C,style:{flex:1,minWidth:0,width:"100%",height:A?"calc(100vh - 80px)":"calc(100vh - 364px)",position:"relative",overflow:"hidden"},children:t("div",{style:{position:"absolute",inset:0,overflowX:D>1?"auto":"hidden",overflowY:P>1?"auto":"hidden"},children:t("div",{style:{width:z||"100%",height:B||"100%",position:"relative"},children:t("canvas",{ref:S,style:{display:"block",position:"absolute",left:0,top:0,width:"100%",height:"100%",borderRadius:8,cursor:E?"pointer":"default"},onPointerDown:J,onPointerMove:K,onPointerLeave:Y,onClick:q})})})})}),e(ue,{$justifyContent:"space-between",children:[t(_e,X?{size:Te.XXXS,color:y.v2.colors.silver[300],children:`Zoomed: ${ne} • ${Cp(U)} samples in view`}:{size:Te.XXXS,color:y.v2.colors.silver[300],children:m?"Click a frame to zoom in and jump to its row in the symbol table.":"Click a frame to zoom into its subtree (pprof-style)."}),h&&t(_e,{size:Te.XXXS,color:y.v2.colors.silver[300],children:`${h.activeKeys.length} / ${h.maxSlots} profiling slots · ${_p(h.totalBytesUsed)} / ${_p(h.maxTotalBytesBudget)} budget · TTL ${h.slotTtlSeconds}s`})]})]})},Lp=[Ao.Go,Ao.Java],Fp="Profiling Symbols";function Mp(e,t){if(0===t.length)return null;const o=1===t.length?t[0]:(e=>e.includes("/")||/\.\(\*?[^)]+\)\./.test(e)?Ao.Go:e.includes(" ")||e.includes("(")?Ao.Java:Ao.Go)(e);if(o===Ao.Go){const t=(e=>{let t=e.trim();if(!t)return null;t=t.replace(/\[[^\]]*\]/g,"");const o=t.lastIndexOf("/"),n=t.indexOf(".",o+1);if(-1===n)return null;const i=t.slice(0,n),a=t.slice(n+1);if(!i||!a)return null;const l=a.match(/^\(\*?([^)]+)\)\.(.+)$/);if(l){const e=new Be(i,"",l[1],l[2]);return e.Verify()?e:null}const r=new Be(i,a);return r.Verify()?r:null})(e);return t?{language:o,golang:t}:null}if(o===Ao.Java){const t=(e=>{let t=e.trim();if(!t)return null;const o=t.indexOf("(");-1!==o&&(t=t.slice(0,o).trim());const n=t.split(/\s+/);t=n[n.length-1]??"";const i=t.lastIndexOf(".");if(-1===i)return null;const a=t.slice(0,i),l=t.slice(i+1),r=new Xe(a,l);return r.Verify()?r:null})(e);return t?{language:o,java:t}:null}return null}function zp(e,t){return e.namespace===t.namespace&&e.name===t.name&&e.kind===t.kind}function Bp(e,t,o){if(!e)return!0;const{sources:n=[],namespaces:i=[],languages:a=[]}=e,l=!n.length||n.some(e=>zp(e,t.id)),r=!i.length||i.includes(t.id.namespace),s=!a.length||null==o||a.includes(o);return l&&r&&s}function Xp(e,t){return e.packageName===t.packageName&&(e.functionName||"")===(t.functionName||"")&&(e.receiverName||"")===(t.receiverName||"")&&(e.receiverMethodName||"")===(t.receiverMethodName||"")}function Up(e,t){return e.className===t.className&&e.methodName===t.methodName}function Vp(e,t,o,n){const i=Mp(e,o);if(!i)return[];const a=[];for(const e of n){const o=e.customInstrumentations;if(!o)continue;if(!Bp(e.sourceScopes,t,i.language))continue;const n=!!i.golang&&!!o[Ue.Golang]?.some(e=>Xp(e,i.golang)),l=!!i.java&&!!o[Ue.Java]?.some(e=>Up(e,i.java));(n||l)&&a.push({rule:e,resolved:i})}return a}var Hp,jp,Gp;(e=>{e.Symbol="symbol",e.Self="self",e.Total="total"})(Hp||(Hp={})),(e=>{e.OnlyInstrumentable="only-instrumentable"})(jp||(jp={})),(e=>{e.FilterOutVoid="filter-out-void",e.OnlyWithReturnValues="only-with-return-values"})(Gp||(Gp={}));const Wp=/^[A-Za-z_$][A-Za-z0-9_$]*(\[\])*$/;function Kp(e,t){const o=(e=>e.split(" ")[0]??"")(e);return(!t.includes(Gp.FilterOutVoid)||"void"!==o)&&!!(!t.includes(Gp.OnlyWithReturnValues)||e.includes(" ")&&"void"!==o&&Wp.test(o))}const Yp=({rows:e,languages:o,instrumentation:n,searchQuery:i,filters:a,onFiltersChange:l,zoomedSymbols:r,highlightSymbol:s,scrollSignal:u})=>{const p=!!o?.includes(Ao.Java),h=c(()=>{const t=r?new Set(r):null,o=i?.trim().toLowerCase();return e.filter(e=>(!t||t.has(e.name))&&(!o||e.name.toLowerCase().includes(o)))},[e,i,r]),m=c(()=>{const e=[];if(n.selectionEnabled&&e.push({id:jp.OnlyInstrumentable,label:"Only show instrumentable symbols"}),p&&(e.push({id:Gp.FilterOutVoid,label:"Filter out void symbols"}),e.push({id:Gp.OnlyWithReturnValues,label:"Only show functions with return values"})),0!==e.length)return{options:e,filterRow:(e,t)=>{const o=e.cells.find(e=>e.key===Hp.Symbol)?.rawValue?.toString()??"";return!(t.includes(jp.OnlyInstrumentable)&&!n.getSymbolState(o).showCheckbox)&&Kp(o,t)}}},[n,p]),g=c(()=>[{key:Hp.Symbol,label:"Symbol",flex:"0 0 160px",filterOverride:m,noFilter:!m},{key:Hp.Self,label:"Self",tooltip:"Time spent in this function itself, excluding time in functions it calls.",textAlign:"right",noFilter:!0},{key:Hp.Total,label:"Total",tooltip:"Time spent in this function and all functions it calls (inclusive).",textAlign:"right",noFilter:!0}],[m]),f=c(()=>h.map(e=>{const t=n.getSymbolState(e.name),o=t.showCheckbox;return{id:e.name,cells:[{key:Hp.Symbol,rawValue:e.name},{key:Hp.Self,rawValue:Cp(e.self)},{key:Hp.Total,rawValue:Cp(e.total)}],isSelected:o?n.isSelected(e.name):void 0,onSelect:o?()=>n.onToggleSymbol(e.name,!0):void 0,onDeselect:o?()=>n.onToggleSymbol(e.name,!1):void 0,hideCheckbox:!o,checkboxDisabled:o?t.checkboxDisabled:void 0,checkboxTooltip:o?t.checkboxTooltip:void 0}}),[h,n]),b=d(e=>{const t=e.cells[0].rawValue,o=n.getSymbolState(t),i=[];return o.inManagedRule?i.push({id:`remove-instrumentation-${t}`,label:"",leftIcon:Oa,tooltip:"Remove from the “Profiling Symbols” rule",onClick:()=>n.onRemove(t)}):i.push({id:`add-instrumentation-${t}`,label:"",leftIcon:$a,tooltip:o.addTooltip,disabled:!o.addEnabled,onClick:()=>n.onAdd(t)}),i.push({id:`copy-${t}`,label:"",leftIcon:fl,tooltip:"Copy symbol name",onClick:()=>{navigator.clipboard.writeText(t)}}),i},[n]);return t(Do,{variant:_o.Data,maxHeight:"calc(100vh - 306px)",columns:g,rows:f,withCheckboxes:n.selectionEnabled,filters:a,onFiltersChange:l,activeRowId:s,scrollSignal:u,getRowActions:b})};var Jp;(e=>{e.Table="table",e.Flame="flame",e.Both="both"})(Jp||(Jp={}));const qp=b(ee)`
|
|
694
|
+
`,Iu=({pendingModify:n,onClose:o,onConfirm:i})=>{const a=v();return t(qe,{isOpen:!!n,title:'Modify the "Profiling Symbols" rule',description:'These changes are applied immediately to a single custom instrumentation rule named "Profiling Symbols".\nSelected symbols are added to it; unchecked symbols are removed from it (the rule is deleted once empty). Symbols managed by other rules are never touched.',onClose:o,denyButton:{variant:ve.Secondary,label:"Cancel",onClick:o},approveButton:{variant:ve.Primary,label:"Confirm",onClick:i},children:n&&e(Tu,{children:[n.add.map(n=>e(ku,{children:[t(Ke,{leftIcon:Ra,status:Ee.Success,useSecondaryTone:!0,textColor:a.v2.colors.white[500],textSize:Te.XXS}),t(_e,{size:Te.XS,color:Pe.Primary,children:n})]},`add-${n}`)),n.remove.map(n=>e(ku,{children:[t(Ke,{leftIcon:vl,status:Ee.Error,useSecondaryTone:!0,textColor:a.v2.colors.white[500],textSize:Te.XXS}),t(_e,{size:Te.XS,color:Pe.Primary,children:n})]},`remove-${n}`))]})})};function Nu(e,t){const n=e.names[t];if(null==n)return"";if("string"==typeof n)return n;if("object"==typeof n&&"name"in n){const e=n.name;if("string"==typeof e)return e}return"number"==typeof n||"boolean"==typeof n?String(n):""}function Eu(e){const t=Math.abs(e);return t>=1e9?`${Ou(e/1e9)}s`:t>=1e6?`${Ou(e/1e6)}ms`:t>=1e3?`${Ou(e/1e3)}μs`:String(Math.round(e))}function Ou(e){return e.toFixed(2).replace(/\.?0+$/,"")}function $u(e){const t=[];for(let n=0;n<e.levels.length;n++){const o=e.levels[n];let i=0;for(let e=0;e+3<o.length;e+=4){const a=o[e],l=o[e+1],r=o[e+2],s=o[e+3],c=i+a;t.push({level:n,offset:c,size:l,self:r,nameIndex:s}),i=c+l}}return t}function Au(e){return`${e.level}:${e.offset}:${e.size}:${e.nameIndex}`}function Ru(e,t){return e.level===t.level&&e.offset===t.offset&&e.size===t.size&&e.nameIndex===t.nameIndex}function Du(e,t,n){return((e,t)=>{const n=[];for(let o=0;o<=t.level;o++){let i;for(const n of e)if(n.level===o&&t.offset>=n.offset&&t.offset+t.size<=n.offset+n.size){i=n;break}if(!i)return n;n.push(i)}return n})(t,n).map(t=>Nu(e,t.nameIndex))}function _u(e,t,n){if(0===n.length)return null;let o=null,i=null;for(let a=0;a<n.length;a++){const l=n[a];let r=null;for(const n of t)n.level===a&&Nu(e,n.nameIndex)===l&&(o&&(n.offset<o.offset||n.offset+n.size>o.offset+o.size)||(!r||n.size>r.size)&&(r=n));if(!r)return null;o=r,i=r}return i}function Pu(e,t){const n=e.reduce((e,t)=>Math.max(e,t.level),t.level),o=new Map;for(const t of e){const e=o.get(t.level);e?e.push(t):o.set(t.level,[t])}const i=[t];for(let e=t.level+1;e<=n;e++){const t=i.filter(t=>t.level===e-1);if(0===t.length)break;const n=o.get(e);if(n?.length)for(const e of n)for(const n of t)if(e.offset>=n.offset&&e.offset+e.size<=n.offset+n.size){i.push(e);break}}return i}function Lu(e,t){const n=t.trim().toLowerCase();return!n||e.toLowerCase().includes(n)}function Fu(e,t){let n=0;for(let t=0;t<e.length;t++)n=31*n+e.charCodeAt(t)>>>0;const o=t.v2.colors.black[500],i=[{fill:t.v2.colors.purple[300],text:o},{fill:t.v2.colors.green[300],text:o},{fill:t.v2.colors.red[300],text:o},{fill:t.v2.colors.blue[300],text:o},{fill:t.v2.colors.yellow[300],text:o}];return i[n%i.length]}var Mu,zu;function Bu(e,t){return t<=0?"0":(100*e/t).toFixed(e/t<.001?2:1)}function Xu(e,t,n){for(const o of n)if(e>=o.x&&e<o.x+o.w&&t>=o.y&&t<o.y+o.h)return o;return null}function Uu(e){return e>=1073741824?`${(e/1073741824).toFixed(1)} GiB`:e>=1048576?`${(e/1048576).toFixed(1)} MiB`:e>=1024?`${(e/1024).toFixed(1)} KiB`:`${e} B`}(e=>{e[e.Fit=1]="Fit",e[e.X10=10]="X10"})(Mu||(Mu={})),(e=>{e[e.Fit=1]="Fit",e[e.X10=10]="X10"})(zu||(zu={}));const Vu=({flamebearer:n,maxRowPx:o,searchQuery:l="",shouldKeepName:r,minHostHeight:s=200,onFullscreenChange:u,profilingSlots:h,onFrameClick:m,onZoomedSymbolsChange:f,onResetZoom:b})=>{const y=v(),C=p(null),S=p(null),x=p({x:0,y:0}),[w,T]=a({w:0,h:0}),[k,I]=a(""),[N,E]=a(null),[O,$]=a([]),[A,R]=a(!1),[D,_]=a(Mu.Fit),[P,L]=a(zu.Fit),[F,M]=a(!1),z=Math.max(1,Math.min(Math.floor(w.w*D),8192)),B=Math.max(1,Math.min(Math.floor(w.h*P),8192)),X=O.length>0?O[O.length-1]:null,U=X?.size??n.numTicks,V=c(()=>$u(n),[n]),H=p({fb:n,rects:V});i(()=>{const e=H.current;e.fb!==n&&(H.current={fb:n,rects:V},$(t=>{if(0===t.length)return t;const o=((e,t,n,o,i)=>{const a=[];for(const l of i){const i=Du(e,t,l);if(0===i.length)break;const r=_u(n,o,i);if(!r)break;a.push(r)}return a})(e.fb,e.rects,n,V,t);return o.length===t.length&&o.every((e,n)=>Ru(e,t[n]))?t:o}))},[n,V]),i(()=>{if(!f)return;if(!X)return void f(null);const e=Pu(V,X),t=new Set;for(const o of e){const e=Nu(n,o.nameIndex);e&&t.add(e)}f([...t])},[X,n,V,f]),g(()=>{const e=C.current;if(!e)return;const t=new ResizeObserver(()=>{const t=e.getBoundingClientRect();T({w:Math.floor(t.width),h:Math.floor(t.height)})});return t.observe(e),()=>t.disconnect()},[]),i(()=>{if(!A)return;const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}},[A]),i(()=>(u?.(A),()=>{A&&u?.(!1)}),[A,u]);const j=c(()=>function(e,t,n,o,i,a={}){if(0===e.levels.length||t<2||n<2)return null;const{zoomRoot:l=null,shouldKeepName:r,collapseRecursive:s=!1,allRects:c}=a,d=c??$u(e);let p=l?Pu(d,l):d;if(0===p.length)return null;if(r&&(p=p.filter(t=>r(Nu(e,t.nameIndex))),0===p.length))return null;if(s&&(p=((e,t)=>{if(0===t.length)return t;const n=[...t].sort((e,t)=>e.level-t.level||e.offset-t.offset),o=new Map;for(const e of n){const t=o.get(e.level);t?t.push(e):o.set(e.level,[e])}const i=new Set;for(const t of n){const n=o.get(t.level+1);if(!n)continue;const a=n.filter(e=>e.offset>=t.offset&&e.offset+e.size<=t.offset+t.size);if(1!==a.length)continue;const l=a[0];l.size===t.size&&Nu(e,l.nameIndex)===Nu(e,t.nameIndex)&&i.add(Au(l))}if(0===i.size)return n;const a=[];for(const e of n){if(i.has(Au(e)))continue;let t=0;for(let n=0;n<e.level;n++){const a=o.get(n);if(!a)continue;const l=a.find(t=>e.offset>=t.offset&&e.offset+e.size<=t.offset+t.size);l&&i.has(Au(l))&&t++}a.push({...e,level:e.level-t})}return a})(e,p),0===p.length))return null;const u=l?.level??0,h=l?.offset??0,m=l?.size??e.numTicks;if(m<=0)return null;const g=p.reduce((e,t)=>Math.max(e,t.level-u),0)+1,f=o??Number.POSITIVE_INFINITY,b=Math.max(1,Math.min(n/g,f)),v=i.trim(),y=b>8?1:0;return p.map(n=>{const o=n.level-u,i=(n.offset-h)/m*t,a=Math.max(n.size/m*t,1),l=o*b,r=Math.max(b-y,1),s=Nu(e,n.nameIndex);return{...n,x:i,y:l,w:a,h:r,name:s,matchesSearch:Lu(s,v)}})}(n,z,B,o,l,{zoomRoot:X,shouldKeepName:r,collapseRecursive:F,allRects:V}),[n,o,l,B,z,X,r,F,V]),G=c(()=>(e=>[...e].sort((e,t)=>t.level-e.level))(j?.length?l.trim()?j.filter(e=>e.matchesSearch):j:[]),[j,l]),W=d(e=>{if(z<2||B<2)return;const t=e.currentTarget.getBoundingClientRect();if(t.width<1||t.height<1)return;const o=Xu((e.clientX-t.left)/t.width*z,(e.clientY-t.top)/t.height*B,G);if(o){const e=Au(o);E(e);const t=U>0?(100*o.size/U).toFixed(1):"0",i=n.numTicks>0?(100*o.size/n.numTicks).toFixed(1):"0";I(`${o.name}\ntotal ${Eu(o.size)} (${t}% of view, ${i}% of profile) · self ${Eu(o.self)}`)}else E(null),I("")},[G,n.numTicks,B,z,U]),K=d(e=>{W(e)},[W]),Y=d(()=>{E(null),I("")},[]),J=d(e=>{x.current={x:e.clientX,y:e.clientY}},[]),q=d(e=>{const{x:t,y:n}=x.current;if(Math.abs(e.clientX-t)>3||Math.abs(e.clientY-n)>3)return;if(z<2||B<2)return;const o=e.currentTarget.getBoundingClientRect();if(o.width<1||o.height<1)return;const i=Xu((e.clientX-o.left)/o.width*z,(e.clientY-o.top)/o.height*B,G);if(!i)return;m?.(i.name);const a=(e=>({level:e.level,offset:e.offset,size:e.size,self:e.self,nameIndex:e.nameIndex}))(i);$(e=>{const t=e.length>0?e[e.length-1]:null;return t&&Ru(a,t)?e.slice(0,-1):[...e,a]})},[G,B,z,m]);g(()=>{const e=S.current;if(!e||z<2||B<2)return;const t="undefined"!=typeof window&&window.devicePixelRatio||1,o=Math.max(z,B),i=Math.min(t,16384/o);e.width=Math.floor(z*i),e.height=Math.floor(B*i),e.style.width=`${z}px`,e.style.height=`${B}px`;const a=e.getContext("2d");a&&(a.setTransform(i,0,0,i,0,0),a.clearRect(0,0,z,B),j?.length?((e,t,n,o,i,a,l,r)=>{const s=a.v2.colors.silver[900];e.fillStyle=s,e.fillRect(0,0,t,n);const c=i.trim().length>0;e.textRendering="optimizeLegibility";for(const t of o){const{x:n,y:o,w:i,h:l,name:s,size:d,matchesSearch:p}=t;if(c&&!p)continue;const{fill:u,text:h}=Fu(s,a);e.fillStyle=u,e.fillRect(n,o,i,l),e.strokeStyle="rgba(255,255,255,0.14)",e.lineWidth=1,e.beginPath(),e.moveTo(n+.5,o+.5),e.lineTo(n+i-.5,o+.5),e.stroke(),e.strokeStyle="rgba(0,0,0,0.45)",e.lineWidth=1,e.strokeRect(n+.5,o+.5,Math.max(i-1,0),Math.max(l-1,0));const m=Bu(d,r),g=`${s} (${Eu(d)}, ${m}%)`,f=a.v2.text.size.xs,b=8,v=5,y=26,C=Math.min(f,Math.floor(l-2));if(i>=y&&C>=b){e.font=`${C}px ${a.font_family.primary}, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif`,e.textBaseline="middle",e.textAlign="left";let t=g;for(;t.length>2&&e.measureText(t).width>i-2*v;)t=`${t.slice(0,-2)}…`;e.measureText(t).width<=i-2*v&&(e.lineWidth=1,e.strokeStyle="rgba(0, 0, 0, 0.5)",e.lineJoin="round",e.miterLimit=1,e.strokeText(t,n+v,o+l/2),e.fillStyle=h,e.fillText(t,n+v,o+l/2))}}if(l)for(const t of o){if(Au(t)!==l)continue;if(c&&!t.matchesSearch)continue;const{x:n,y:o,w:i,h:a}=t;e.strokeStyle="rgba(255,255,255,0.88)",e.lineWidth=2,e.strokeRect(n+1,o+1,Math.max(i-2,0),Math.max(a-2,0));break}})(a,z,B,j,l,y,N,n.numTicks):(a.fillStyle=y.v2.colors.silver[900],a.fillRect(0,0,z,B)))},[j,n.numTicks,N,l,B,z,y]);const Z=d(()=>R(e=>!e),[]),Q=n.numTicks>0?Math.max(0,Math.min(100,Math.round(U/n.numTicks*100))):100,ee=c(()=>((e,t,n)=>{const o=n??$u(e),i=t?.offset??0,a=i+(t?.size??e.numTicks),l=(t?.level??-1)+1,r=t?.size??e.numTicks;let s=null;for(const e of o)e.level<l||e.offset<i||e.offset+e.size>a||e.size>=r||(!s||e.size>s.size||e.size===s.size&&e.level<s.level)&&(s=e);return s})(n,X,V),[n,X,V]),te=null!==ee,ne=O.length>0,oe=X?Nu(n,X.nameIndex):"",ie=d(()=>{$([]),b?.()},[b]),ae=d(()=>$(e=>e.slice(0,-1)),[]),se=d(()=>{ee&&$(e=>[...e,ee])},[ee]);return e("div",{style:A?{position:"fixed",inset:0,zIndex:9999,display:"flex",flexDirection:"column",gap:8,padding:16,background:y.v2.colors.silver[900]}:{flex:1,minHeight:s,minWidth:0,width:"100%",display:"flex",flexDirection:"column",gap:8,position:"relative"},children:[e(pe,{$gap:8,$wrap:"nowrap",$justifyContent:"space-between",children:[t(le,{label:"Collapse recursive",tooltip:"Collapse straight-line recursion (parent → single same-name child of equal width) into a single bar. Helps deep recursive call chains fit on screen.",labelAlign:re.Left,size:Nt.S,value:F,onChange:M}),e(pe,{$gap:8,children:[e(pe,{children:[t(fe,{variant:ve.Secondary,size:be.S,label:"Reset zoom",leftIcon:yl,onClick:ie,disabled:!O.length}),t(fe,{variant:ve.Secondary,size:be.S,iconSize:20,leftIcon:vl,tooltip:"Zoom out",hideTooltipIcon:!0,disabled:!ne,onClick:ae}),t("div",{style:{minWidth:36,textAlign:"center",fontVariantNumeric:"tabular-nums"},children:t(_e,{size:Te.XXS,color:Pe.Secondary,nowrap:!0,align:"center",children:`${Q}%`})}),t(fe,{variant:ve.Secondary,size:be.S,iconSize:20,leftIcon:Ra,tooltip:"Zoom in",hideTooltipIcon:!0,disabled:!te,onClick:se})]}),e(pe,{children:[t(Fe,{text:"Horizontal width: stretch the canvas wider than the viewport so narrow stacks become hoverable / readable.",children:t(ce,{variant:_n.Filled,options:[{value:Mu.Fit,label:"W: Fit"},{value:Mu.X10,label:"10x"}],selected:D,setSelected:_})}),t(Fe,{text:"Vertical height: scale rows taller than the viewport for deep call stacks. Scroll vertically to navigate.",children:t(ce,{variant:_n.Filled,options:[{value:zu.Fit,label:"H: Fit"},{value:zu.X10,label:"10x"}],selected:P,setSelected:L})})]}),t(fe,{variant:ve.Secondary,size:be.S,iconSize:24,leftIcon:A?Ka:Cl,tooltip:A?"Exit fullscreen (Esc)":"Fullscreen",hideTooltipIcon:!0,onClick:Z})]})]}),t(Fe,{fullWidth:!0,keepAlive:!0,text:k,children:t("div",{ref:C,style:{flex:1,minWidth:0,width:"100%",height:A?"calc(100vh - 80px)":"calc(100vh - 364px)",position:"relative",overflow:"hidden"},children:t("div",{style:{position:"absolute",inset:0,overflowX:D>1?"auto":"hidden",overflowY:P>1?"auto":"hidden"},children:t("div",{style:{width:z||"100%",height:B||"100%",position:"relative"},children:t("canvas",{ref:S,style:{display:"block",position:"absolute",left:0,top:0,width:"100%",height:"100%",borderRadius:8,cursor:N?"pointer":"default"},onPointerDown:J,onPointerMove:K,onPointerLeave:Y,onClick:q})})})})}),e(pe,{$justifyContent:"space-between",children:[t(_e,X?{size:Te.XXXS,color:y.v2.colors.silver[300],children:`Zoomed: ${oe} • ${Eu(U)} samples in view`}:{size:Te.XXXS,color:y.v2.colors.silver[300],children:m?"Click a frame to zoom in and jump to its row in the symbol table.":"Click a frame to zoom into its subtree (pprof-style)."}),h&&t(_e,{size:Te.XXXS,color:y.v2.colors.silver[300],children:`${h.activeKeys.length} / ${h.maxSlots} profiling slots · ${Uu(h.totalBytesUsed)} / ${Uu(h.maxTotalBytesBudget)} budget · TTL ${h.slotTtlSeconds}s`})]})]})},Hu=[Dn.Go,Dn.Java],ju="Profiling Symbols";function Gu(e,t){if(0===t.length)return null;const n=1===t.length?t[0]:(e=>e.includes("/")||/\.\(\*?[^)]+\)\./.test(e)?Dn.Go:e.includes(" ")||e.includes("(")?Dn.Java:Dn.Go)(e);if(n===Dn.Go){const t=(e=>{let t=e.trim();if(!t)return null;t=t.replace(/\[[^\]]*\]/g,"");const n=t.lastIndexOf("/"),o=t.indexOf(".",n+1);if(-1===o)return null;const i=t.slice(0,o),a=t.slice(o+1);if(!i||!a)return null;const l=a.match(/^\(\*?([^)]+)\)\.(.+)$/);if(l){const e=new Be(i,"",l[1],l[2]);return e.Verify()?e:null}const r=new Be(i,a);return r.Verify()?r:null})(e);return t?{language:n,golang:t}:null}if(n===Dn.Java){const t=(e=>{let t=e.trim();if(!t)return null;const n=t.indexOf("(");-1!==n&&(t=t.slice(0,n).trim());const o=t.split(/\s+/);t=o[o.length-1]??"";const i=t.lastIndexOf(".");if(-1===i)return null;const a=t.slice(0,i),l=t.slice(i+1),r=new Xe(a,l);return r.Verify()?r:null})(e);return t?{language:n,java:t}:null}return null}function Wu(e,t){return e.namespace===t.namespace&&e.name===t.name&&e.kind===t.kind}function Ku(e,t,n){if(!e)return!0;const{sources:o=[],namespaces:i=[],languages:a=[]}=e,l=!o.length||o.some(e=>Wu(e,t.id)),r=!i.length||i.includes(t.id.namespace),s=!a.length||null==n||a.includes(n);return l&&r&&s}function Yu(e,t){return e.packageName===t.packageName&&(e.functionName||"")===(t.functionName||"")&&(e.receiverName||"")===(t.receiverName||"")&&(e.receiverMethodName||"")===(t.receiverMethodName||"")}function Ju(e,t){return e.className===t.className&&e.methodName===t.methodName}function qu(e,t,n,o){const i=Gu(e,n);if(!i)return[];const a=[];for(const e of o){const n=e.customInstrumentations;if(!n)continue;if(!Ku(e.sourceScopes,t,i.language))continue;const o=!!i.golang&&!!n[Ve.Golang]?.some(e=>Yu(e,i.golang)),l=!!i.java&&!!n[Ve.Java]?.some(e=>Ju(e,i.java));(o||l)&&a.push({rule:e,resolved:i})}return a}var Zu,Qu,eh;(e=>{e.Symbol="symbol",e.Self="self",e.Total="total"})(Zu||(Zu={})),(e=>{e.OnlyInstrumentable="only-instrumentable"})(Qu||(Qu={})),(e=>{e.FilterOutVoid="filter-out-void",e.OnlyWithReturnValues="only-with-return-values"})(eh||(eh={}));const th=/^[A-Za-z_$][A-Za-z0-9_$]*(\[\])*$/;function nh(e,t){const n=(e=>e.split(" ")[0]??"")(e);return(!t.includes(eh.FilterOutVoid)||"void"!==n)&&!!(!t.includes(eh.OnlyWithReturnValues)||e.includes(" ")&&"void"!==n&&th.test(n))}const oh=({rows:e,languages:n,instrumentation:o,searchQuery:i,filters:a,onFiltersChange:l,zoomedSymbols:r,highlightSymbol:s,scrollSignal:p})=>{const u=!!n?.includes(Dn.Java),h=c(()=>{const t=r?new Set(r):null,n=i?.trim().toLowerCase();return e.filter(e=>(!t||t.has(e.name))&&(!n||e.name.toLowerCase().includes(n)))},[e,i,r]),m=c(()=>{const e=[];if(o.selectionEnabled&&e.push({id:Qu.OnlyInstrumentable,label:"Only show instrumentable symbols"}),u&&(e.push({id:eh.FilterOutVoid,label:"Filter out void symbols"}),e.push({id:eh.OnlyWithReturnValues,label:"Only show functions with return values"})),0!==e.length)return{options:e,filterRow:(e,t)=>{const n=e.cells.find(e=>e.key===Zu.Symbol)?.rawValue?.toString()??"";return!(t.includes(Qu.OnlyInstrumentable)&&!o.getSymbolState(n).showCheckbox)&&nh(n,t)}}},[o,u]),g=c(()=>[{key:Zu.Symbol,label:"Symbol",flex:"0 0 160px",filterOverride:m,noFilter:!m},{key:Zu.Self,label:"Self",tooltip:"Time spent in this function itself, excluding time in functions it calls.",textAlign:"right",noFilter:!0},{key:Zu.Total,label:"Total",tooltip:"Time spent in this function and all functions it calls (inclusive).",textAlign:"right",noFilter:!0}],[m]),f=c(()=>h.map(e=>{const t=o.getSymbolState(e.name),n=t.showCheckbox;return{id:e.name,cells:[{key:Zu.Symbol,rawValue:e.name},{key:Zu.Self,rawValue:Eu(e.self)},{key:Zu.Total,rawValue:Eu(e.total)}],isSelected:n?o.isSelected(e.name):void 0,onSelect:n?()=>o.onToggleSymbol(e.name,!0):void 0,onDeselect:n?()=>o.onToggleSymbol(e.name,!1):void 0,hideCheckbox:!n,checkboxDisabled:n?t.checkboxDisabled:void 0,checkboxTooltip:n?t.checkboxTooltip:void 0}}),[h,o]),b=d(e=>{const t=e.cells[0].rawValue,n=o.getSymbolState(t),i=[];return n.inManagedRule?i.push({id:`remove-instrumentation-${t}`,label:"",leftIcon:Aa,tooltip:"Remove from the “Profiling Symbols” rule",onClick:()=>o.onRemove(t)}):i.push({id:`add-instrumentation-${t}`,label:"",leftIcon:Ra,tooltip:n.addTooltip,disabled:!n.addEnabled,onClick:()=>o.onAdd(t)}),i.push({id:`copy-${t}`,label:"",leftIcon:Sl,tooltip:"Copy symbol name",onClick:()=>{navigator.clipboard.writeText(t)}}),i},[o]);return t(Pn,{variant:Ln.Data,maxHeight:"calc(100vh - 306px)",columns:g,rows:f,withCheckboxes:o.selectionEnabled,filters:a,onFiltersChange:l,activeRowId:s,scrollSignal:p,getRowActions:b})};var ih;(e=>{e.Table="table",e.Flame="flame",e.Both="both"})(ih||(ih={}));const ah=b(ee)`
|
|
661
695
|
width: 100%;
|
|
662
696
|
flex: 1;
|
|
663
697
|
border-radius: 16px;
|
|
664
698
|
overflow: hidden;
|
|
665
699
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
666
700
|
box-shadow: 0 2px 14.1px 0 rgba(0, 0, 0, 0.25);
|
|
667
|
-
`,
|
|
701
|
+
`,lh=b.div`
|
|
668
702
|
display: flex;
|
|
669
703
|
align-items: center;
|
|
670
704
|
gap: 10px;
|
|
@@ -672,11 +706,11 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
672
706
|
padding: 12px 12px 8px;
|
|
673
707
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
674
708
|
border-radius: 16px 16px 0 0;
|
|
675
|
-
`,
|
|
709
|
+
`,rh=b(pe)`
|
|
676
710
|
flex-shrink: 0;
|
|
677
711
|
align-items: center;
|
|
678
712
|
gap: 4px;
|
|
679
|
-
`,
|
|
713
|
+
`,sh=b.div`
|
|
680
714
|
flex: 1;
|
|
681
715
|
display: flex;
|
|
682
716
|
align-items: stretch;
|
|
@@ -684,20 +718,20 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
684
718
|
padding: 16px;
|
|
685
719
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
686
720
|
border-radius: 0 0 16px 16px;
|
|
687
|
-
`,
|
|
721
|
+
`,ch=b(ee)`
|
|
688
722
|
flex: ${({$splitWithFlame:e})=>e?"0 0 min(413px, 42%)":"1 1 auto"};
|
|
689
723
|
width: ${({$splitWithFlame:e})=>e?"auto":"100%"};
|
|
690
724
|
max-width: ${({$splitWithFlame:e})=>e?"none":"100%"};
|
|
691
725
|
gap: 10px;
|
|
692
|
-
`,
|
|
726
|
+
`,dh=b(ee)`
|
|
693
727
|
flex: ${({$splitWithTable:e})=>e?"1":"1 1 auto"};
|
|
694
728
|
width: ${({$splitWithTable:e})=>e?"auto":"100%"};
|
|
695
729
|
gap: 10px;
|
|
696
|
-
`,
|
|
730
|
+
`,ph=b(pe)`
|
|
697
731
|
width: 100%;
|
|
698
732
|
min-height: 32px;
|
|
699
733
|
flex-shrink: 0;
|
|
700
|
-
`,
|
|
734
|
+
`,uh=({source:n,onFlameFullscreenChange:o})=>{const r=v(),s=n.id,{profilingApi:u}=Vl(),[h,m]=a(!0),[g,f]=a(ih.Both),[b,y]=a(""),[C,S]=a({}),[x,w]=a(!1),T=p(!1);i(()=>{T.current||(T.current=!0,u.enableProfiling?.(s),w(!0))},[u,s]);const{data:k}=u.useSlots({skip:!x,pollInterval:h?3e3:0,fetchPolicy:"network-only"}),{data:I,loading:N,refetch:E}=u.useSourceProfiling(s,{skip:!x,pollInterval:h?3e3:0,fetchPolicy:"network-only"}),O=I?.profileJson??null,$=c(()=>(e=>{if(!e?.trim())return null;try{const t=JSON.parse(e),n=t.flamebearer;return!n?.names?.length||!Array.isArray(n.levels)||"number"!=typeof n.numTicks||n.numTicks<=0?null:{flamebearer:n,units:t.metadata?.units}}catch{return null}})(O),[O]),A=c(()=>$?(e=>{const t=new Map;for(let n=0;n<e.levels.length;n++){const o=e.levels[n];for(let n=0;n+3<o.length;n+=4){const i=o[n+1],a=o[n+2],l=Nu(e,o[n+3]);if(!l)continue;const r=t.get(l);(!r||i>r.total)&&t.set(l,{self:a,total:i})}}return[...t.entries()].map(([e,t])=>({name:e,self:t.self,total:t.total})).sort((e,t)=>t.self-e.self)})($.flamebearer):[],[$]),R=g===ih.Table||g===ih.Both,D=g===ih.Flame||g===ih.Both,_=R&&D,P=n.runtimeInfo?.detectedLanguages?.join("\0")??"",L=n.containers?.map(e=>e.overrides?.runtimeInfo?.language??e.runtimeInfo?.language??"").join("\0")??"",F=c(()=>P?P.split("\0"):L?L.split("\0"):void 0,[P,L]),M=c(()=>((e,t)=>{if(!t?.includes(Dn.Java))return;const n=(e?.[Zu.Symbol]?.filter(Boolean)??[]).filter(e=>e===eh.FilterOutVoid||e===eh.OnlyWithReturnValues);return 0!==n.length?e=>nh(e,n):void 0})(C,F),[C,F]),{instrumentation:z,pendingCount:B,pendingModify:X,closeModify:U,openBulkModify:V,resetSelection:H,confirmModify:j}=function({source:e,languages:t,rows:n}){const{instrumentationRulesApi:o,capabilities:i}=Vl(),{items:l}=o.useRules(),[r,s]=a(new Set),[p,u]=a(new Set),[h,m]=a(null),g=c(()=>(e=>{const t=new Set(e??[]);return Hu.filter(e=>t.has(e))})(t),[t]),f=i.canCreateInstrumentationRule,b=`${e.id.namespace}\0${e.id.kind}\0${e.id.name}`,v=c(()=>((e,t)=>{const n=e.filter(e=>e.type===je.CustomInstrumentation&&e.ruleName===ju&&Ku(e.sourceScopes,t));return n.find(e=>e.sourceScopes?.sources?.some(e=>Wu(e,t.id)))??n[0]??null})(l,e),[l,b]),y=f&&g.length>0,C=c(()=>{const t=new Map;for(const o of n){const n=!!Gu(o.name,g),i=qu(o.name,e,g,l),a=!!v&&i.some(e=>e.rule.ruleId===v.ruleId),r=i.filter(e=>e.rule.ruleId!==v?.ruleId),s=!a&&r.length>0,c=y&&n,d=s;let p;if(s){const e=[...new Set(r.map(e=>e.rule.ruleName))];p=`Managed by ${e.length>1?"rules":"rule"} ${e.map(e=>`“${e}”`).join(", ")}. Edit ${e.length>1?"those rules":"that rule"} to change this symbol.`}let u=!1,h="Add this symbol to the “Profiling Symbols” rule";s?h=p??"Managed by another rule":0===i.length&&(0===g.length?h="Custom instrumentation is only available for Go and Java sources":f?n?u=!0:h="This symbol could not be parsed into a probe automatically":h="You don’t have permission to add custom instrumentation"),t.set(o.name,{parsable:n,inManagedRule:a,otherRules:r,showCheckbox:c,checkboxDisabled:d,checkboxTooltip:p,addEnabled:u,addTooltip:h})}return t},[n,l,b,g,f,y,v]),S=c(()=>{const e=new Set;return C.forEach((t,n)=>{t.inManagedRule&&e.add(n)}),e},[C]),x=c(()=>[...r].filter(e=>C.get(e)?.addEnabled&&!S.has(e)),[r,C,S]),w=c(()=>[...p].filter(e=>S.has(e)),[p,S]),T=x.length+w.length,k=d(e=>{const t=C.get(e);return t?.inManagedRule?!p.has(e):!!(t&&t.otherRules.length>0)||r.has(e)},[C,p,r]),I=d((e,t)=>{const n=C.get(e);n&&!n.checkboxDisabled&&(n.inManagedRule?u(n=>{const o=new Set(n);return t?o.delete(e):o.add(e),o}):s(n=>{const o=new Set(n);return t?o.add(e):o.delete(e),o}))},[C]),N=d(()=>{s(new Set),u(new Set)},[]),E=d(t=>{(async()=>{const n=t.add.map(e=>Gu(e,g)).filter(e=>!!e),i=t.remove.map(e=>Gu(e,g)).filter(e=>!!e);if(v){const{customInstrumentations:e,isEmpty:t}=((e,t,n)=>{const o=e.customInstrumentations??{};let i=[...o[Ve.Golang]??[]],a=[...o[Ve.Java]??[]];for(const e of n)e.golang&&(i=i.filter(t=>!Yu(t,e.golang))),e.java&&(a=a.filter(t=>!Ju(t,e.java)));for(const e of t)e.golang&&!i.some(t=>Yu(t,e.golang))&&i.push(e.golang),e.java&&!a.some(t=>Ju(t,e.java))&&a.push(e.java);return{customInstrumentations:{[Ve.Golang]:i,[Ve.Java]:a},isEmpty:0===i.length&&0===a.length}})(v,n,i);t?await o.remove(v.ruleId,je.CustomInstrumentation):await o.update(v.ruleId,((e,t)=>({ruleName:e.ruleName,notes:e.notes,disabled:e.disabled,sourceScopes:e.sourceScopes??null,workloads:null,instrumentationLibraries:e.instrumentationLibraries??null,payloadCollection:null,codeAttributes:null,headersCollection:null,customInstrumentations:t}))(v,e),je.CustomInstrumentation)}else n.length>0&&await o.create(((e,t)=>{const n=e.map(e=>e.golang).filter(e=>!!e),o=e.map(e=>e.java).filter(e=>!!e),i={sources:[{namespace:t.id.namespace,name:t.id.name,kind:t.id.kind}],namespaces:[],languages:[]};return{ruleName:ju,notes:"Symbols selected from the profiling tab.",disabled:!1,sourceScopes:i,workloads:null,instrumentationLibraries:null,payloadCollection:null,codeAttributes:null,headersCollection:null,customInstrumentations:{[Ve.Golang]:n,[Ve.Java]:o}}})(n,e),je.CustomInstrumentation)})()},[v,g,e,o]),O=d(()=>{T&&m({add:x,remove:w})},[T,x,w]),$=d(e=>m({add:[e],remove:[]}),[]),A=d(e=>m({add:[],remove:[e]}),[]),R=d(()=>m(null),[]),D=d(()=>{h&&(E(h),m(null),N())},[h,E,N]),_=d(e=>C.get(e)??{parsable:!1,inManagedRule:!1,otherRules:[],showCheckbox:!1,checkboxDisabled:!1,addEnabled:!1,addTooltip:"Custom instrumentation is only available for Go and Java sources"},[C]);return{instrumentation:c(()=>({getSymbolState:_,onAdd:$,onRemove:A,selectionEnabled:y,isSelected:k,onToggleSymbol:I}),[_,$,A,y,k,I]),pendingCount:T,pendingModify:h,closeModify:R,openBulkModify:O,resetSelection:N,confirmModify:D}}({source:n,languages:F,rows:A}),[G,W]=a(null),[K,Y]=a(0),[J,q]=a(null),Z=d(e=>{W(e),Y(e=>e+1),f(e=>e===ih.Flame?ih.Both:e)},[]),Q=d(e=>{q(t=>{if(null===e)return null===t?t:null;if(t&&t.length===e.length){const n=new Set(t);if(e.every(e=>n.has(e)))return t}return e})},[]),te=d(()=>W(null),[]);return!O&&N?t(mt,{$height:"70vh",children:t(yt,{withSpinner:!0})}):e(ah,{$gap:0,$width:"100%",children:[e(lh,{children:[t(Fe,{text:"Live CPU profile collected from the workload agent. Search symbols, switch between the table and flame graph, or download a JSON snapshot.",withIcon:!0,children:t(rh,{children:t(_e,{size:Te.S,weight:500,color:Pe.Primary,nowrap:!0,children:"CPU Profiling"})})}),e(pe,{style:{flex:1,minWidth:200,gap:10,alignItems:"center",flexWrap:"wrap"},children:[t("div",{style:{flex:"1 1 220px",minWidth:180},children:t(mn,{value:b,onChange:y,placeholder:"Search by symbol name",width:"100%",idleBackgroundColor:r.v2.colors.silver[900],emphasizeBackgroundColor:r.v2.colors.silver[800]})}),t(ce,{variant:_n.Filled,options:[{value:ih.Table,label:"Top table"},{value:ih.Flame,label:"Flame graph"},{value:ih.Both,label:"Both"}],selected:g,setSelected:f}),t(fe,h?{variant:ve.Secondary,size:be.S,label:"Live",tooltip:"Odigos profiler works in-memory and doesn't store any data on disk, to keep minimum memory footprint we store only last 10 minutes of data on demand",leftIcon:e=>t(xl,{...e,size:8,fill:r.v2.colors.green[500]})}:{variant:ve.Secondary,size:be.S,label:"Paused",tooltip:"Odigos profiler is still collecting data, but the UI is not updating in real time",leftIcon:e=>t(xl,{...e,size:8,fill:r.v2.colors.red[500]})})]})]}),t(sh,{$gap:R&&D?16:0,children:$?e(l,{children:[R&&e(ch,{$splitWithFlame:_,children:[e(ph,{$justifyContent:"space-between",children:[e(ee,{$margin:"0 0 0 20px",children:[t(_e,{size:Te.XXXS,nowrap:!0,children:"Please select symbols to"}),e(pe,{$gap:8,children:[e(pe,{children:[t(wl,{size:24}),t(_e,{size:Te.S,color:Pe.Success,nowrap:!0,children:"Custom Instrument"})]}),t(fe,{leftIcon:La,variant:ve.Secondary,size:be.S,onClick:()=>window.open(`${Oe}/enterprise/pipeline/rules/custominstrumentation`,"_blank","noopener noreferrer")})]})]}),e(pe,{$gap:8,children:[J&&t(Fe,{text:"The table is scoped to the symbols inside the flame graph’s current zoom. Use “Reset zoom” on the flame graph to show all symbols again.",children:t(Ke,{label:`Zoomed: ${J.length} symbols`,backgroundColor:r.v2.colors.silver[750],textColor:r.v2.colors.silver[200],textSize:Te.XXS})}),t(fe,{variant:ve.Secondary,size:be.S,label:"Download snapshot",rightIcon:Tl,onClick:()=>{if(!O)return;const e=new Blob([O],{type:"application/json"}),t=URL.createObjectURL(e),o=document.createElement("a");o.href=t,o.download=`cpu-profile-${n.id.namespace}-${n.id.kind}-${n.id.name}.json`,o.click(),URL.revokeObjectURL(t)},disabled:!O})]})]}),t(oh,{rows:A,languages:F,instrumentation:z,searchQuery:b,filters:C,onFiltersChange:S,zoomedSymbols:J,highlightSymbol:G,scrollSignal:K})]}),D&&e(dh,{$splitWithTable:_,children:[e(ph,{$justifyContent:"space-between",children:[t(Ke,{label:$?`Total in view ${Eu($.flamebearer.numTicks)}`:"No profile sample yet",backgroundColor:r.v2.colors.silver[750],textColor:r.v2.colors.silver[200],textSize:Te.XXS}),e(pe,{$gap:12,children:[!h&&t(fe,{variant:ve.Secondary,size:be.S,label:"Refresh",leftIcon:ll,onClick:E}),t(le,{label:"Auto refresh",labelAlign:re.Left,size:Nt.S,value:h,onChange:m})]})]}),t(Vu,{flamebearer:$.flamebearer,maxRowPx:24,searchQuery:b,shouldKeepName:M,minHostHeight:280,onFullscreenChange:o,profilingSlots:k??null,onFrameClick:Z,onZoomedSymbolsChange:Q,onResetZoom:te})]})]}):t(mt,{children:t(xe,{title:"No profile samples yet",subTitle:"Dynamically collecting profiling samples — keep this tab open while the agent sends OTLP profiles."})})}),t(Iu,{pendingModify:X,onClose:U,onConfirm:j}),t(Fn,{isOpen:B>0,richTitle:{icon:Ya,title:"Profiling Symbols",badge:{label:B}},actions:[{id:"profiling-bulk-cancel",type:hn.Button,buttonProps:{variant:ve.Secondary,size:be.S,label:"Cancel",onClick:H}},{id:"profiling-bulk-apply",type:hn.Button,buttonProps:{variant:ve.Primary,size:be.S,label:"Modify Rule",leftIcon:Ma,onClick:V}}]})]})},hh=b.div`
|
|
701
735
|
position: relative;
|
|
702
736
|
display: flex;
|
|
703
737
|
align-items: center;
|
|
@@ -705,23 +739,23 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
705
739
|
padding: 8px 16px;
|
|
706
740
|
border-radius: 12px;
|
|
707
741
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
708
|
-
`,
|
|
742
|
+
`,mh=b.div`
|
|
709
743
|
display: flex;
|
|
710
744
|
flex-direction: column;
|
|
711
745
|
gap: 4px;
|
|
712
746
|
flex: 1;
|
|
713
747
|
min-width: 0;
|
|
714
748
|
opacity: ${({$disabled:e})=>e?.4:1};
|
|
715
|
-
`,
|
|
749
|
+
`,gh=b.div`
|
|
716
750
|
flex-shrink: 0;
|
|
717
751
|
display: flex;
|
|
718
752
|
align-items: center;
|
|
719
753
|
margin-right: ${({$reserveJumpSpace:e})=>e?"32px":"0"};
|
|
720
|
-
`,
|
|
754
|
+
`,fh=b.div`
|
|
721
755
|
min-width: 0;
|
|
722
756
|
white-space: pre;
|
|
723
757
|
overflow-x: auto;
|
|
724
|
-
`,
|
|
758
|
+
`,bh=b.div`
|
|
725
759
|
position: absolute;
|
|
726
760
|
top: 50%;
|
|
727
761
|
right: 8px;
|
|
@@ -730,24 +764,24 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
730
764
|
pointer-events: none;
|
|
731
765
|
transition: opacity 0.15s ease;
|
|
732
766
|
|
|
733
|
-
${
|
|
767
|
+
${hh}:hover & {
|
|
734
768
|
opacity: 1;
|
|
735
769
|
pointer-events: auto;
|
|
736
770
|
}
|
|
737
|
-
`,
|
|
771
|
+
`,vh=({name:n,summary:o,disabled:i=!1,onJumpToRule:a})=>{const l=v();return e(hh,{children:[e(mh,{$disabled:i,children:[n&&t(_e,{size:Te.XXXS,color:Pe.Secondary,nowrap:!0,children:n}),t(fh,{children:t(w,{parts:o})})]}),i&&t(gh,{$reserveJumpSpace:!!a,children:t(Ke,{label:Mn,textSize:Te.XXXS,backgroundColor:l.v2.colors.grey[700],textColor:l.v2.colors.grey[300]})}),a&&t(bh,{children:t(Fe,{text:Ze.OPEN_IN_SAMPLING_PAGE,children:t(fe,{"data-id":"sampling-rule-jump",variant:ve.Primary,size:be.S,leftIcon:Cl,onClick:a})})})]})},yh=b.div`
|
|
738
772
|
opacity: 0;
|
|
739
773
|
pointer-events: none;
|
|
740
774
|
transition: opacity 0.15s ease;
|
|
741
|
-
`,
|
|
742
|
-
&:hover ${
|
|
775
|
+
`,Ch=b.div`
|
|
776
|
+
&:hover ${yh} {
|
|
743
777
|
opacity: 1;
|
|
744
778
|
pointer-events: auto;
|
|
745
779
|
}
|
|
746
|
-
`,
|
|
780
|
+
`,Sh=b.div`
|
|
747
781
|
display: flex;
|
|
748
782
|
align-items: center;
|
|
749
783
|
padding: 4px 12px;
|
|
750
|
-
`,
|
|
784
|
+
`,xh=({source:e,onRedirectToSampling:n})=>t(Vt,{bgTint:"1000",richTitle:{title:Ze.CONTAINERS,badge:{label:e.containers?.length??0}},children:e.containers?.map(e=>t(kh,{container:e,onRedirectToSampling:n},e.containerName))});var wh;(e=>{e.All="all",e.Noisy="noisy",e.HighlyRelevant="highly-relevant",e.CostReduction="cost-reduction"})(wh||(wh={}));const Th=e=>"noisy"===e.type?T(e.rule,"source"):"highlyRelevant"===e.type?k(e.rule,"source"):"costReduction"===e.type?I(e.rule,"source"):[],kh=({container:n,onRedirectToSampling:o})=>{const[i,l]=a(wh.All),r=fn(e=>e.setPendingViewSamplingRule),s=n.agentConfig?.traces?.headSampling?.noisyOperations??[],d=c(()=>(n.collectorConfig?.tailSampling?.noisyOperations??[]).map(e=>({type:"noisy",rule:e})),[n.agentConfig?.traces?.headSampling?.noisyOperations]),p=c(()=>(n.collectorConfig?.tailSampling?.highlyRelevantOperations??[]).map(e=>({type:"highlyRelevant",rule:e})),[n.collectorConfig?.tailSampling?.highlyRelevantOperations]),u=c(()=>(n.collectorConfig?.tailSampling?.costReductionRules??[]).map(e=>({type:"costReduction",rule:e})),[n.collectorConfig?.tailSampling?.costReductionRules]),h=c(()=>i===wh.Noisy?d:i===wh.HighlyRelevant?p:i===wh.CostReduction?u:[...d,...p,...u],[i,p,u]),m=d.length+p.length+u.length,g=c(()=>(e,t)=>{r({ruleId:e,category:t}),o()},[o,r]),f=t(yh,{children:t(fe,{"data-id":"sampling-container-create-rule",variant:ve.Secondary,size:be.S,label:zn,rightIcon:Ra,onClick:e=>{e.stopPropagation(),o()}})});return t(Ch,{children:e(Vt,{bgTint:"900",richTitle:{title:n.containerName},renderOnRightSide:f,withCollapse:!0,collapseIsDefaultOpen:!0,children:[s.length?e(Vt,{bgTint:"800",richTitle:{title:Ze.HEAD_SAMPLING,badge:{label:s.length}},children:[t(_e,{size:Te.XXS,children:Ze.NOISY_OPERATIONS}),t(ee,{$gap:4,children:s.map(e=>t(vh,{name:e.name,summary:T(e),disabled:e.disabled,onJumpToRule:()=>g(e.ruleId,"noisy")},e.ruleId))})]}):t(Sh,{children:t(_e,{size:Te.XS,color:Pe.Secondary,children:Ze.HEAD_SAMPLING})}),m?e(Vt,{bgTint:"800",richTitle:{title:Ze.TAIL_SAMPLING,badge:{label:m}},children:[t(ce,{options:(b=d.length,v=p.length,y=u.length,[{value:wh.All,label:"All",badge:{label:b+v+y,textSize:Te.XXXS}},{value:wh.Noisy,label:Ze.NOISY_OPERATIONS,badge:{label:b,textSize:Te.XXXS}},{value:wh.HighlyRelevant,label:Ze.HIGHLY_RELEVANT_OPERATIONS,badge:{label:v,textSize:Te.XXXS}},{value:wh.CostReduction,label:Ze.COST_REDUCTION_OPERATIONS,badge:{label:y,textSize:Te.XXXS}}]),selected:i,setSelected:l}),t(ee,{$gap:4,children:h.length?h.map(e=>t(vh,{name:e.rule.name,summary:Th(e),disabled:e.rule.disabled,onJumpToRule:()=>g(e.rule.ruleId,e.type)},e.rule.ruleId)):t(xe,{title:`No ${i===wh.All?`${wh.Noisy}, ${wh.HighlyRelevant} and ${wh.CostReduction}`:i} operations`})})]}):t(Sh,{children:t(_e,{size:Te.XS,color:Pe.Secondary,children:Ze.TAIL_SAMPLING})})]})});var b,v,y},Ih=[xn.Deployment,xn.StatefulSet,xn.DaemonSet,xn.DeploymentConfig,xn.Rollout,xn.Pod];var Nh;(e=>{e.Workload="Workload",e.Pod="Pod"})(Nh||(Nh={}));const Eh=e=>!!e&&rn(e.status)===Ee.Error,Oh=e=>Eh(e.healthStatus),$h=e=>Eh(e.odigosHealthStatus)||(e.processes??[]).some(Oh),Ah=e=>Eh(e.agentInjectedStatus)||Eh(e.odigosHealthStatus)||(e.containers??[]).some($h),Rh=({onClose:n,sourceId:o,onRedirectToSampling:l})=>{const r=v(),{isVm:s,isConnector:u,isK8s:h}=S(),{sourcesApi:m,configApi:g}=Vl(),{selectedStreamName:f}=Qe(),{genericForm:b,loadSource:y,validateFormData:C}=Wl(),{data:x}=g.useEffectiveConfig(),[w,T]=a(!1),[k,I]=a(!1),[N,E]=a(!1),[O,$]=a(sp.Overview),[A,R]=a(null),[D,_]=a({openFor:null}),P=(()=>{const[e,t]=a(null),n=d(e=>{t({tab:sp.Pods,podName:e.podName})},[]),o=d((e,n)=>{t({tab:sp.Pods,podName:e.podName,containerName:n.containerName})},[]),i=d((e,n,o)=>{const i=mp({identifyingAttributes:o.identifyingAttributes});t({tab:sp.Pods,podName:e.podName,containerName:n.containerName,processPid:i})},[]),l=d(()=>t(null),[]);return c(()=>({jumpToTarget:e,jumpToPod:n,jumpToContainer:o,jumpToProcess:i,clearJumpToTarget:l}),[e,n,o,i,l])})();i(()=>{P.jumpToTarget&&$(P.jumpToTarget.tab)},[P.jumpToTarget]),i(()=>{A&&JSON.stringify(bn(o))!==JSON.stringify(bn(A))&&R(null)},[o,A]);const L=p(!1),F=d(async()=>R(await m.fetchById(o)||null),[o,m]);i(()=>{if(L.current||(F(),L.current=!0),!w){const e=setInterval(()=>F(),3e3);return()=>clearInterval(e)}},[F,w]),i(()=>{A&&y(A)},[A]);const M=A&&Ih.includes(A.id.kind),z=c(()=>{const e=[],n=(A?.pods??[]).some(Ah),o=(i=A,(i?.containers??[]).some(e=>(e.instrumentations??[]).some(e=>!1===e.healthy)));var i;const a=e=>t(pl,{...e,fill:r.v2.colors.red[500]});return e.push({value:sp.Overview,label:Ze.OVERVIEW}),h?(e.push({value:sp.Pods,label:Ze.PODS,icon:n?a:void 0}),e.push({value:sp.Libraries,label:Ze.LIBRARIES,icon:o?a:void 0}),e.push({value:sp.PeerSources,label:Ze.PEER_SOURCES}),x?.profiling?.enabled&&e.push({value:sp.Profiling,label:Ze.PROFILING}),e.push({value:sp.Sampling,label:Ze.SAMPLING}),e.push({value:sp.Debug,label:Ze.DEBUG}),e):e},[h,x,A?.pods,r]),B=d(()=>T(!0),[]),X=c(()=>()=>{n(),l()},[n,l]),U=d(()=>{A&&y(A),T(!1)},[A]),V=d(async()=>{if(!A||!b)return;const{errorMessage:e,preparedFormData:t}=C();if(e)return;const n=t.otelServiceName!==A.id.name?t.otelServiceName:"";await m.update(o,{...t,otelServiceName:n}),T(!1)},[A,b,C,o,m]),H=d(()=>I(!0),[]),j=d(async()=>{A&&(await m.persistV2({[At]:[{namespace:A.id.namespace,name:A.id.name,kind:A.id.kind,region:A.id.region??"",selected:!1,currentStreamName:f}]}),I(!1),n())},[A,m,f,n]),G=d(()=>{_({openFor:Nh.Workload})},[]),W=d(e=>{$(e),P.clearJumpToTarget()},[P]),K=d(async()=>{await m.recoverFromRollback(o)},[m,o]),Y=d(()=>_({openFor:null}),[]),J=d(async()=>{D.openFor===Nh.Workload?await m.restartWorkloads([o]):D.openFor===Nh.Pod&&D.podNamespace&&D.podName&&await m.restartPod(D.podNamespace,D.podName),Y()},[D,m,o,Y]),q=c(()=>{const{kind:e,name:t}=o;return{title:`Rollout ${e}`,description:`Are you sure you want to rollout the ${e.toLowerCase()} "${t}"?`}},[o]),Z=c(()=>{const e=[];return w||O===sp.Overview&&(e.push({id:"edit-source-btn-edit",label:Lt.EDIT,icon:Ma,active:w,onClick:B}),h&&M&&e.push({id:"edit-source-btn-restart",label:Ze.ROLLOUT_RESTART,icon:bl,onClick:G}),e.push({id:"edit-source-btn-delete",label:Lt.UNINSTRUMENT,icon:Aa,color:r.v2.colors.red[500],active:k,onClick:H})),e},[O,w,k,h,M,B,G,H,r]),Q=c(()=>{if(!A)return[];const e=[],t={backgroundColor:"transparent",textSize:Te.S};return e.push({...t,label:A.id.name,leftIcon:h?dl:void 0}),A.serviceName&&A.serviceName!==A.id.name&&e.push({...t,label:A.serviceName,leftIcon:cl,textColor:r.v2.colors.silver[200]}),e},[A,r,h]);if(!A)return t(Mt,{isOpen:!0,children:t(mt,{$height:"80vh",children:t(yt,{withSpinner:!0})})});const te=O===sp.Profiling?N?"95vw":"fit-content":w?void 0:"60vw",ne=s?kl:u?tl:Bn(A.containers)[0];return e(wp,{value:P,children:[t(Mt,{isOpen:!0,width:te,minWidth:"min(1100px, 100vw)",header:{icon:ne,titleBadges:Q,onClose:()=>{W(sp.Overview),R(null),E(!1),n()},actions:Z},footer:{actions:w?[{"data-id":"edit-source-btn-cancel",label:Lt.CANCEL,variant:ve.Secondary,onClick:U},{"data-id":"edit-source-btn-save",label:Lt.SAVE,variant:ve.Primary,onClick:V}]:[]},children:t(ut,{$padding:"4px 12px 12px",children:e(ee,{$gap:16,children:[!w&&z.length>1&&t(ce,{options:z,selected:O,setSelected:W}),(()=>{switch(O){case sp.Overview:return w?t(Es,{}):t(xu,{source:A,onClickRollout:G,onClickRollback:K});case sp.Pods:return t(Ep,{source:A,onClickRestartPod:M?(e,t)=>_({openFor:Nh.Pod,podNamespace:e,podName:t}):void 0});case sp.Libraries:return t(wu,{source:A});case sp.PeerSources:return t($p,{source:A});case sp.Profiling:return t(uh,{source:A,onFlameFullscreenChange:E});case sp.Sampling:return t(xh,{source:A,onRedirectToSampling:X});case sp.Debug:return t(Pp,{source:A});default:return null}})()]})})}),t(Er,{target:"source",action:"uninstrument",isOpen:k,onClose:()=>I(!1),onApprove:j}),t(qe,{isOpen:D.openFor===Nh.Workload,title:q.title,description:q.description,onClose:Y,denyButton:{label:"Go back",variant:ve.Secondary,onClick:Y},approveButton:{label:Lt.CONFIRM,variant:ve.Primary,onClick:J}}),t(Er,{target:"pod",action:"restart",description:Ze.ROLLOUT_RESTART_WORKLOADS_DESCRIPTION,isOpen:D.openFor===Nh.Pod,onClose:Y,onApprove:J,overrideApproveButtonLabel:Ze.DELETE_POD_TO_RESTART})]})},Dh=b.div`
|
|
751
785
|
display: flex;
|
|
752
786
|
align-items: center;
|
|
753
787
|
gap: 8px;
|
|
@@ -757,9 +791,9 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
757
791
|
&:hover {
|
|
758
792
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
759
793
|
}
|
|
760
|
-
`,
|
|
794
|
+
`,_h=b.div`
|
|
761
795
|
flex: 1;
|
|
762
|
-
`,
|
|
796
|
+
`,Ph=({onClick:n})=>{const o=v().v2.colors.red[500];return e(Dh,{"data-id":"sampling-view-btn-delete",onClick:n,children:[t(_e,{size:Te.XS,weight:500,color:o,children:Hn}),t(Aa,{size:16,fill:o})]})};const Lh={[Yl.EditAutoNoisy]:{title:io,subTitle:oo,cancelId:"sampling-edit-auto-rule-btn-cancel",saveId:"sampling-edit-auto-rule-btn-save"},[Yl.EditAutoCostReduction]:{title:no,subTitle:to,cancelId:"sampling-edit-cost-reduction-auto-rule-btn-cancel",saveId:"sampling-edit-cost-reduction-auto-rule-btn-save"},[Yl.EditAutoHighlyRelevant]:{title:eo,subTitle:Qn,cancelId:"sampling-edit-highly-relevant-auto-rule-btn-cancel",saveId:"sampling-edit-highly-relevant-auto-rule-btn-save"}},Fh=({isOpen:e,title:n,subTitle:o,onClose:i,footer:a,renderBody:l})=>t(Mt,{isOpen:e,width:lo,header:{icon:Il,title:n,subTitle:o,onClose:i},footer:a,children:l?l():t(ut,{$padding:"12px",children:t(_s,{})})}),Mh=({isOpen:o,onClose:l,onSubmit:r,validateForm:s,onNavigateToDuplicate:p})=>{const{category:u,formData:h,resetForm:m,duplicateWarning:g,setDuplicateWarning:f}=Kl(Yl.Create),[b,v]=a(!1);i(()=>{o&&(m(),v(!1))},[o]);const y=d(()=>{v(!1),r(h)},[h,r]),C=d(()=>{if(s){const e=s(h);if(e)return void f(e)}((e,t)=>JSON.stringify(e)===JSON.stringify(N(t)))(h,u)?v(!0):y()},[h,u,s,f,y]),S=c(()=>b?((e,t)=>{switch(e){case"noisy":return T($(t));case"highlyRelevant":return k(O(t));case"costReduction":return I(E(t))}})(u,h):[],[b,u,h]),x={note:g?{status:Ee.Warning,message:g.message,action:p?{"data-id":"sampling-create-btn-view-duplicate",label:"View rule",onClick:()=>p(g.ruleId)}:void 0}:void 0,actions:[{"data-id":"sampling-create-btn-cancel",label:Xn,variant:ve.Secondary,size:be.S,onClick:l},{"data-id":"sampling-create-btn-submit",label:zn,variant:ve.Primary,size:be.S,onClick:C,disabled:!!g}]};return e(n,{children:[t(Fh,{isOpen:o,title:Kn[u],subTitle:jn[u],onClose:l,footer:x}),t(qe,{isOpen:b,title:qn,description:Jn,onClose:()=>v(!1),denyButton:{"data-id":"sampling-create-default-continue-editing",label:Yn,variant:ve.Secondary,onClick:()=>v(!1)},approveButton:{"data-id":"sampling-create-default-confirm",label:zn,variant:ve.Primary,onClick:y},children:e(ee,{$gap:8,$alignItems:"flex-start",style:{width:"100%"},children:[t(_e,{size:Te.XS,weight:500,color:Pe.Secondary,children:Zn}),t("div",{style:{width:"100%"},children:t(fr,{summary:S})})]})})]})},zh=({onClose:o,onDelete:i,onSaveEdit:a,validateForm:l,onNavigateToDuplicate:r})=>{const{data:s,isEditing:p,formData:u,handleEdit:h,handleCancelEdit:m,duplicateWarning:g,setDuplicateWarning:f}=Kl(Yl.View),b=s?.rule.name||Wn,v=p&&s?Gn[s.category]:`${b} preview`,y=d(()=>{if(s&&p){if(l){const e=l(u);if(e)return void f(e)}a(u,s.rule.ruleId,s.samplingId),m()}},[s,p,u,a,l,f,m]),C=d(()=>{s&&i(s.rule.ruleId,s.samplingId)},[s,i]),S=c(()=>{if(!s)return;const i=g?{message:g.message,onViewRule:r?()=>r(g.ruleId):void 0}:null;return function(o){if(o.isEditing){const{onCancelEdit:i,onSave:a,onDelete:l,duplicateWarning:r}=o;return{children:e(n,{children:[t(Ph,{onClick:l}),r&&t(Ne,{status:Ee.Warning,message:r.message,action:r.onViewRule?{"data-id":"sampling-view-edit-btn-view-duplicate",label:"View rule",onClick:r.onViewRule}:void 0}),t(_h,{}),t(fe,{"data-id":"sampling-view-edit-btn-cancel",label:Xn,variant:ve.Secondary,size:be.S,onClick:i}),t(fe,{"data-id":"sampling-view-edit-btn-save",label:Un,variant:ve.Primary,size:be.S,onClick:a,disabled:!!r})]})}}const{onDelete:i,onCancel:a,onEdit:l}=o;return{children:e(n,{children:[t(Ph,{onClick:i}),t(_h,{}),t(fe,{"data-id":"sampling-view-btn-cancel",label:Xn,variant:ve.Secondary,size:be.S,onClick:a}),t(fe,{"data-id":"sampling-view-btn-edit",label:Vn,variant:ve.Primary,size:be.S,onClick:l})]})}}(p?{isEditing:!0,onCancelEdit:m,onSave:y,onDelete:C,duplicateWarning:i}:{isEditing:!1,onDelete:C,onCancel:o,onEdit:h})},[s,p,g,m,y,C,h,o,r]);return t(Fh,{isOpen:!!s,title:v,subTitle:s?jn[s.category]:"",onClose:o,footer:S})},Bh=({isOpen:e,onClose:n,onSave:o})=>{const{localEnabled:i,resolvedPercentage:a}=Kl(Yl.EditAutoNoisy),l=d(()=>o(i,a),[o,i,a]);return t(Vh,{formType:Yl.EditAutoNoisy,isOpen:e,onClose:n,onSave:l})},Xh=({isOpen:e,onClose:n,onSave:o})=>{const{localEnabled:i,resolvedPercentage:a}=Kl(Yl.EditAutoCostReduction),l=d(()=>o(i,a),[o,i,a]);return t(Vh,{formType:Yl.EditAutoCostReduction,isOpen:e,onClose:n,onSave:l})},Uh=({isOpen:e,onClose:n,onSave:o})=>{const{localEnabled:i}=Kl(Yl.EditAutoHighlyRelevant),a=d(()=>o(i),[o,i]);return t(Vh,{formType:Yl.EditAutoHighlyRelevant,isOpen:e,onClose:n,onSave:a})},Vh=({formType:e,isOpen:n,onClose:o,onSave:i})=>{const a=Lh[e];return t(Fh,{isOpen:n,title:a.title,subTitle:a.subTitle,onClose:o,footer:{actions:[{"data-id":a.cancelId,label:Xn,variant:ve.Secondary,size:be.S,onClick:o},{"data-id":a.saveId,label:ao,variant:ve.Primary,size:be.S,onClick:i}]}})},Hh=e=>{switch(e.formType){case Yl.Create:return t(nr,{formType:Yl.Create,category:e.category,sourceOptions:e.sourceOptions,namespaceOptions:e.namespaceOptions,children:t(Mh,{...e})});case Yl.View:return t(nr,{formType:Yl.View,data:e.data,defaultEditMode:e.defaultEditMode,sourceOptions:e.sourceOptions,namespaceOptions:e.namespaceOptions,children:t(zh,{...e})});case Yl.EditAutoNoisy:return t(nr,{formType:Yl.EditAutoNoisy,enabled:e.enabled,keepPercentage:e.keepPercentage,children:t(Bh,{...e})});case Yl.EditAutoCostReduction:return t(nr,{formType:Yl.EditAutoCostReduction,enabled:e.enabled,dropPercentage:e.dropPercentage,children:t(Xh,{...e})});case Yl.EditAutoHighlyRelevant:return t(nr,{formType:Yl.EditAutoHighlyRelevant,enabled:e.enabled,children:t(Uh,{...e})})}},jh=({token:o,isLoading:i,isEditing:a,onEdit:l,onCancel:r,onSave:s,formData:c,handleFormChange:d,handleErrorChange:p,formErrors:u})=>{const{CopyButton:h}=_t(),m=!a||i||!c.newToken;return ro({key:"Enter",active:!m},s),e(pe,a?{$justifyContent:"space-between",$alignItems:"flex-start",$gap:12,children:[t(ye,{type:"password",value:c.newToken,onChange:e=>{d("newToken",e.target.value),p("newToken",void 0)},width:"430px",autoFocus:!0,errorMessage:u.newToken}),t(pe,{$margin:i?"8px 0 0 0":"2px 0 0 0",$alignItems:"center",children:i?t(yt,{title:"Saving...",withGradient:!0}):e(n,{children:[t(fe,{variant:ve.Secondary,size:be.S,leftIcon:Ka,onClick:r,disabled:i}),t(fe,{variant:ve.Primary,size:be.S,leftIcon:Wa,onClick:s,disabled:m})]})})]}:{$justifyContent:"space-between",$gap:12,children:[t(_e,{size:Te.XS,children:new Array(55).fill("•").join("")}),e(pe,{$alignItems:"center",$justifyContent:"space-between",children:[t(h,{value:o}),t(bt,{icon:Ma,onClick:l})]})]})},Gh=({expiresAt:e,callbackValid:n,callbackExpired:o})=>{const{formatTimeAgo:a}=en(),l=c(()=>a(e),[e,a]),r=c(()=>new Date(e).toDateString().split(" ").slice(1).join(" "),[e]),s=c(()=>so(e,0)?Ee.Error:so(e,2592e6)?Ee.Warning:Ee.Success,[e]),d=c(()=>s===Ee.Success?Wa:s===Ee.Warning?Nl:pl,[s]);return i(()=>{s===Ee.Success?n():s===Ee.Error&&o()},[s]),t(Fe,{text:r,children:t(Ke,{leftIcon:d,label:l,status:s,invertColors:!0,useSecondaryTone:!0})})},Wh=b.div`
|
|
763
797
|
display: flex;
|
|
764
798
|
flex-direction: column;
|
|
765
799
|
gap: 12px;
|
|
@@ -767,7 +801,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
767
801
|
border-radius: 12px;
|
|
768
802
|
border: 1px solid ${({theme:e,$isExpired:t})=>t?e.v2.colors.red[500]:e.v2.colors.silver[600]};
|
|
769
803
|
background-color: ${({theme:e,$isExpired:t})=>t?e.v2.colors.red[1e3]:e.v2.colors.silver[800]};
|
|
770
|
-
`,
|
|
804
|
+
`,Kh=({children:e})=>{const n=v();return t(_e,{size:Te.XXXS,color:n.v2.colors.grey[150],children:e})},Yh=({token:n})=>{const{tokensApi:o}=Vl(),[i,l]=a(!1),[r,s]=a(!1),[c,d]=a(!1),{formData:p,handleFormChange:u,formErrors:h,handleErrorChange:m,resetFormData:g}=Gt({newToken:""});return t(st,{richTitle:{icon:El,title:"Odigos Pro Token"},children:e(Wh,{$isExpired:c,children:[e(pe,{$justifyContent:"space-between",children:[e(ee,{$gap:4,children:[t(Kh,{children:"Issued for"}),t(_e,{size:Te.XS,children:n.name||"N/A"})]}),e(ee,{$gap:4,children:[t(Kh,{children:"Expiration"}),t(Gh,{expiresAt:n.expiresAt,callbackValid:()=>d(!1),callbackExpired:()=>d(!0)})]}),t(ee,{})]}),t(pe,{children:e(ee,{children:[t(Kh,{children:"Token"}),t(jh,{token:n.token,newToken:p.newToken,isLoading:i,isEditing:r,onEdit:()=>s(!0),onCancel:()=>(s(!1),void u("newToken","")),onSave:()=>(async()=>{if(!o.updateToken)return;l(!0);const e=await o.updateToken(p.newToken.trim());l(!1),e?.error?m("newToken",e.error):(s(!1),g())})(),formData:p,handleFormChange:u,handleErrorChange:m,formErrors:h})]})})]})})},Jh=b.div`
|
|
771
805
|
display: flex;
|
|
772
806
|
flex-direction: column;
|
|
773
807
|
align-items: center;
|
|
@@ -776,23 +810,23 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
776
810
|
padding: 12px 24px;
|
|
777
811
|
border-radius: 8px;
|
|
778
812
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
779
|
-
`,Vh=()=>{const{progress:o}=Et(),{describeApi:n,namespacesApi:i}=Ml(),{items:l}=i.useNamespaces(),[r,s]=a(null),{formData:c,handleFormChange:d,resetFormData:u}=Ht({includeProfiles:!0,includeMetrics:!0,includeSourceWorkloads:!1,sourceWorkloadNamespaces:[]});return t(lt,{richTitle:{icon:Tl,title:"Diagnose"},children:r?e(Uh,{children:[t(bt,{title:"Creating file...",subTitle:"This may take a few moments. Do not refresh the page.",withGradient:!0,withSpinner:"number"==typeof o[$t.DownloadingDiagnose]?.percentage,percentage:o[$t.DownloadingDiagnose]?.percentage,withVisual:"number"!=typeof o[$t.DownloadingDiagnose]?.percentage,visualIcon:yl,startedAt:r}),o[$t.DownloadingDiagnose]?.list?.length&&t(ee,{$width:"100%",children:o[$t.DownloadingDiagnose].list.map((o,n)=>e(ue,{$gap:4,$alignItems:"center",children:[o.status===Ne.Success?t(Ha,{size:16}):o.status===Ne.Error?t(ja,{size:16}):t(bt,{withSpinnerOld:!0,scaleSpinnerOld:.7}),t(_e,{size:Te.XXXS,color:Pe.Secondary,children:o.label})]},`diagnose-item-${n}-${o.label}`))})]}):e(ee,{$gap:24,children:[t(_e,{size:Te.XXS,color:Pe.Secondary,children:"Download a tar.gz file with diagnostics from this cluster. Select which data to include before downloading, and share the file with the Odigos support team for troubleshooting."}),e(ee,{$gap:16,children:[e(ue,{$gap:8,children:[t(oe,{label:"Profiles",value:c.includeProfiles,onChange:e=>d("includeProfiles",e),tooltip:"Note: Adds 30s to diagnose download time to collect Profiles"}),t(_e,{size:Te.XXXS,color:Pe.Secondary,children:"Include pprof profiles"})]}),e(ue,{$gap:8,children:[t(oe,{label:"Metrics",value:c.includeMetrics,onChange:e=>d("includeMetrics",e)}),t(_e,{size:Te.XXXS,color:Pe.Secondary,children:"Include Prometheus metrics"})]}),e(ue,{$gap:8,children:[t(oe,{label:"Source Workloads",value:c.includeSourceWorkloads,onChange:e=>{d("includeSourceWorkloads",e),e&&d("sourceWorkloadNamespaces",[])}}),t(_e,{size:Te.XXXS,color:Pe.Secondary,children:"Include workload and pod manifests for instrumented sources"})]})]}),t(sn,{alignX:dn.Left,alignY:cn.Bottom,items:l.map(e=>({id:e.name,label:e.name,withCheckbox:!0})),selectedIds:c.sourceWorkloadNamespaces,setSelectedIds:e=>d("sourceWorkloadNamespaces",e),withMultiSelect:!0,withSearch:!0,fullWidth:!0,buttonProps:{label:(c.sourceWorkloadNamespaces.length?"Selected":"Select")+" Namespaces",variant:ve.Secondary,disabled:c.includeSourceWorkloads,leftIcon:c.sourceWorkloadNamespaces.length?()=>t(Ge,{label:c.sourceWorkloadNamespaces.length,status:Ne.Default}):void 0}}),t(ue,{$justifyContent:"flex-end",children:t(fe,{label:"Download Diagnose",rightIcon:yl,variant:ve.Primary,onClick:async()=>{n.downloadDiagnose&&(s(Date.now()),await n.downloadDiagnose(c),s(null),u())},disabled:null!==r})})]})})},Hh=()=>{const{platformType:e,version:o,tier:n}=S(),{describeApi:l}=Ml(),[r,s]=a(null);return i(()=>{l.fetchDescribeOdigos&&l.fetchDescribeOdigos().then(({data:e})=>s(e?.describeOdigos??null))},[]),t(lt,{richTitle:{icon:ul,title:"General Information"},children:t(Xt,{cellsPerRow:2,items:[{id:un(),title:"Odigos Version",label:o},{id:un(),title:`${e.toUpperCase()} Version`,label:r?.kubernetesVersion?.value||"-"},{id:un(),title:"Installation Method",label:r?.installationMethod?.value||"-"},{id:un(),title:"Tier",label:n}]})})},jh=({isOpen:o,onClose:n})=>{const{describeApi:i,tokensApi:a}=Ml(),l=a.useTokens().items[0];return e(Lt,{isOpen:o,header:{icon:ul,title:"System Overview",onClose:n},children:[i.fetchDescribeOdigos&&t(Hh,{}),a.updateToken&&l&&t(Xh,{token:l}),i.downloadDiagnose&&t(Vh,{})]})},Gh=({isOpen:n,onClose:i,onCloseEnd:a})=>{const{addDataStreams:l,setSelectedStreamName:r}=qe(),{dataStreamsApi:s}=Ml(),{requestSubmit:c}=Xl(),u=d(async e=>{s.create?await s.create(e):(l([e]),r(e.name)),i()},[s,l,r,i]),p=d(()=>c(u),[c,u]);return ln({key:"Enter",active:n},p),e(o,{children:[t(Ye,{isOpen:n,onClose:i,onCloseEnd:a,title:Je.NAME_YOUR_STREAM,description:Je.STREAM_DESCRIPTION,approveButton:{"data-id":"add-stream-btn-done",label:_t.DONE,variant:ve.Primary,onClick:p},denyButton:{"data-id":"add-stream-btn-cancel",label:_t.CANCEL,variant:ve.Secondary,onClick:i},children:t(xs,{autoFocus:!0})}),t(Ss,{})]})},Wh=({isOpen:n,onClose:a,onCloseEnd:l,dataStreamName:r})=>{const{dataStreamsApi:s}=Ml(),{genericForm:c,loadDataStream:u,requestSubmit:p}=Xl();i(()=>{n&&r&&u(r)},[n,r]);const h=!!c?.isFormDirty,m=d(async e=>{await s.update(r,e),a()},[s,r,a]),g=d(()=>p(m),[p,m]);return ln({key:"Enter",active:n},g),e(o,{children:[t(Ye,{isOpen:n,onClose:a,onCloseEnd:l,title:Je.RENAME_STREAM(r),description:Je.STREAM_DESCRIPTION,approveButton:{"data-id":"edit-stream-btn-save",label:_t.SAVE,variant:ve.Primary,onClick:g,disabled:!h},denyButton:{"data-id":"edit-stream-btn-cancel",label:_t.CANCEL,variant:ve.Secondary,onClick:a},children:t(xs,{autoFocus:!0})}),t(Ss,{})]})},Kh=({scale:o=1})=>e("svg",{width:742*o,height:533*o,viewBox:"0 0 742 533",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M0 0H722C733.046 0 742 8.95431 742 20V513C742 524.046 733.046 533 722 533H0V0Z",fill:"url(#paint0_linear_1585_55266)"}),e("g",{clipPath:"url(#clip0_1585_55266)",children:[t("path",{opacity:"0.1",d:"M817.963 1364.02C1052.53 1129.46 1052.53 749.151 817.96 514.585C583.394 280.019 203.089 280.018 -31.4751 514.583C-266.039 749.147 -266.038 1129.45 -31.4725 1364.02C203.093 1598.58 583.398 1598.58 817.963 1364.02Z",fill:"url(#paint1_radial_1585_55266)"}),t("path",{opacity:"0.3",d:"M789.266 1335.32C1007.98 1116.61 1007.98 761.998 789.264 543.281C570.547 324.565 215.938 324.563 -2.7781 543.279C-221.494 761.995 -221.493 1116.6 -2.77577 1335.32C215.941 1554.04 570.55 1554.04 789.266 1335.32Z",fill:"url(#paint2_radial_1585_55266)"}),t("path",{opacity:"0.5",d:"M736.156 1282.21C925.539 1092.83 925.538 785.776 736.153 596.392C546.769 407.007 239.717 407.006 50.333 596.39C-139.05 785.773 -139.05 1092.83 50.3351 1282.21C239.72 1471.59 546.772 1471.6 736.156 1282.21Z",fill:"url(#paint3_radial_1585_55266)"}),t("path",{opacity:"0.7",d:"M628.365 1174.42C758.218 1044.57 758.217 834.036 628.364 704.182C498.51 574.329 287.977 574.328 158.124 704.181C28.2713 834.033 28.272 1044.57 158.125 1174.42C287.979 1304.27 498.512 1304.27 628.365 1174.42Z",fill:"url(#paint4_radial_1585_55266)"}),t("path",{opacity:"0.1",d:"M795.717 29.8993C1030.28 -204.665 1030.28 -584.97 795.714 -819.536C561.148 -1054.1 180.843 -1054.1 -53.7211 -819.539C-288.285 -584.974 -288.284 -204.669 -53.7185 29.8967C180.847 264.462 561.152 264.464 795.717 29.8993Z",fill:"url(#paint5_radial_1585_55266)"}),t("path",{opacity:"0.3",d:"M767.02 1.20219C985.736 -217.513 985.734 -572.123 767.017 -790.84C548.301 -1009.56 193.691 -1009.56 -25.0242 -790.842C-243.74 -572.126 -243.739 -217.517 -25.0219 1.19982C193.695 219.917 548.304 219.918 767.02 1.20219Z",fill:"url(#paint6_radial_1585_55266)"}),t("path",{opacity:"0.5",d:"M713.909 -51.908C903.293 -241.292 903.292 -548.344 713.907 -737.728C524.523 -927.113 217.47 -927.114 28.0869 -737.731C-161.297 -548.347 -161.296 -241.295 28.089 -51.91C217.474 137.475 524.526 137.476 713.909 -51.908Z",fill:"url(#paint7_radial_1585_55266)"}),t("path",{opacity:"0.7",d:"M606.119 -159.699C735.972 -289.552 735.971 -500.085 606.118 -629.939C476.264 -759.792 265.731 -759.793 135.878 -629.94C6.0252 -500.088 6.02586 -289.554 135.879 -159.701C265.733 -29.8472 476.266 -29.8465 606.119 -159.699Z",fill:"url(#paint8_radial_1585_55266)"})]}),e("defs",{children:[e("linearGradient",{id:"paint0_linear_1585_55266",x1:"371",y1:"0",x2:"371",y2:"533",gradientUnits:"userSpaceOnUse",children:[t("stop",{offset:"0.028197",stopColor:"#0B0517"}),t("stop",{offset:"1",stopColor:"#190D31"})]}),e("radialGradient",{id:"paint1_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(334.074 991.405) rotate(-45) scale(599.732 599.736)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.41",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.13"}),t("stop",{offset:"0.67",stopColor:"#7C3BFF",stopOpacity:"0.18"}),t("stop",{offset:"0.75",stopColor:"#7C3BFF",stopOpacity:"0.25"}),t("stop",{offset:"0.83",stopColor:"#7C3BFF",stopOpacity:"0.33"}),t("stop",{offset:"0.89",stopColor:"#7C3BFF",stopOpacity:"0.44"}),t("stop",{offset:"0.95",stopColor:"#7C3BFF",stopOpacity:"0.56"}),t("stop",{offset:"1",stopColor:"#7C3BFF",stopOpacity:"0.7"})]}),e("radialGradient",{id:"paint2_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(368.968 957.913) rotate(-45) scale(560.978 560.981)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.38",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.52",stopColor:"#7C3BFF",stopOpacity:"0.13"}),t("stop",{offset:"0.62",stopColor:"#7C3BFF",stopOpacity:"0.18"}),t("stop",{offset:"0.69",stopColor:"#7C3BFF",stopOpacity:"0.25"}),t("stop",{offset:"0.76",stopColor:"#7C3BFF",stopOpacity:"0.33"}),t("stop",{offset:"0.82",stopColor:"#7C3BFF",stopOpacity:"0.44"}),t("stop",{offset:"0.88",stopColor:"#7C3BFF",stopOpacity:"0.57"}),t("stop",{offset:"0.93",stopColor:"#7C3BFF",stopOpacity:"0.72"}),t("stop",{offset:"0.97",stopColor:"#7C3BFF",stopOpacity:"0.88"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),e("radialGradient",{id:"paint3_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(351.265 971.313) rotate(-45) scale(484.947 484.95)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),t("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),t("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),t("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),t("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),t("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),t("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),e("radialGradient",{id:"paint4_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(362.239 963.064) rotate(-45) scale(332.216 332.218)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),t("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),t("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),t("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),t("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),t("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),t("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),e("radialGradient",{id:"paint5_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(311.828 -342.716) rotate(-45) scale(599.733 599.736)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.41",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.13"}),t("stop",{offset:"0.67",stopColor:"#7C3BFF",stopOpacity:"0.18"}),t("stop",{offset:"0.75",stopColor:"#7C3BFF",stopOpacity:"0.25"}),t("stop",{offset:"0.83",stopColor:"#7C3BFF",stopOpacity:"0.33"}),t("stop",{offset:"0.89",stopColor:"#7C3BFF",stopOpacity:"0.44"}),t("stop",{offset:"0.95",stopColor:"#7C3BFF",stopOpacity:"0.56"}),t("stop",{offset:"1",stopColor:"#7C3BFF",stopOpacity:"0.7"})]}),e("radialGradient",{id:"paint6_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(346.722 -376.208) rotate(-45) scale(560.977 560.981)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.38",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.52",stopColor:"#7C3BFF",stopOpacity:"0.13"}),t("stop",{offset:"0.62",stopColor:"#7C3BFF",stopOpacity:"0.18"}),t("stop",{offset:"0.69",stopColor:"#7C3BFF",stopOpacity:"0.25"}),t("stop",{offset:"0.76",stopColor:"#7C3BFF",stopOpacity:"0.33"}),t("stop",{offset:"0.82",stopColor:"#7C3BFF",stopOpacity:"0.44"}),t("stop",{offset:"0.88",stopColor:"#7C3BFF",stopOpacity:"0.57"}),t("stop",{offset:"0.93",stopColor:"#7C3BFF",stopOpacity:"0.72"}),t("stop",{offset:"0.97",stopColor:"#7C3BFF",stopOpacity:"0.88"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),e("radialGradient",{id:"paint7_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(329.019 -362.807) rotate(-45) scale(484.947 484.95)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),t("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),t("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),t("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),t("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),t("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),t("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),e("radialGradient",{id:"paint8_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(339.993 -371.057) rotate(-45) scale(332.216 332.218)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),t("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),t("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),t("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),t("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),t("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),t("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),t("clipPath",{id:"clip0_1585_55266",children:t("rect",{width:"929.477",height:"667",fill:"white",transform:"translate(-93.7383 -134)"})})]})]}),Yh=b.div`
|
|
813
|
+
`,qh=()=>{const{progress:n}=Ot(),{describeApi:o,namespacesApi:i}=Vl(),{items:l}=i.useNamespaces(),[r,s]=a(null),{formData:c,handleFormChange:d,resetFormData:p}=Gt({includeProfiles:!0,includeMetrics:!0,includeSourceWorkloads:!1,sourceWorkloadNamespaces:[]});return t(st,{richTitle:{icon:Ol,title:"Diagnose"},children:r?e(Jh,{children:[t(yt,{title:"Creating file...",subTitle:"This may take a few moments. Do not refresh the page.",withGradient:!0,withSpinner:"number"==typeof n[Rt.DownloadingDiagnose]?.percentage,percentage:n[Rt.DownloadingDiagnose]?.percentage,withVisual:"number"!=typeof n[Rt.DownloadingDiagnose]?.percentage,visualIcon:Tl,startedAt:r}),n[Rt.DownloadingDiagnose]?.list?.length&&t(ee,{$width:"100%",children:n[Rt.DownloadingDiagnose].list.map((n,o)=>e(pe,{$gap:4,$alignItems:"center",children:[n.status===Ee.Success?t(Wa,{size:16}):n.status===Ee.Error?t(Ka,{size:16}):t(yt,{withSpinnerOld:!0,scaleSpinnerOld:.7}),t(_e,{size:Te.XXXS,color:Pe.Secondary,children:n.label})]},`diagnose-item-${o}-${n.label}`))})]}):e(ee,{$gap:24,children:[t(_e,{size:Te.XXS,color:Pe.Secondary,children:"Download a tar.gz file with diagnostics from this cluster. Select which data to include before downloading, and share the file with the Odigos support team for troubleshooting."}),e(ee,{$gap:16,children:[e(pe,{$gap:8,children:[t(ne,{label:"Profiles",value:c.includeProfiles,onChange:e=>d("includeProfiles",e),tooltip:"Note: Adds 30s to diagnose download time to collect Profiles"}),t(_e,{size:Te.XXXS,color:Pe.Secondary,children:"Include pprof profiles"})]}),e(pe,{$gap:8,children:[t(ne,{label:"Metrics",value:c.includeMetrics,onChange:e=>d("includeMetrics",e)}),t(_e,{size:Te.XXXS,color:Pe.Secondary,children:"Include Prometheus metrics"})]}),e(pe,{$gap:8,children:[t(ne,{label:"Source Workloads",value:c.includeSourceWorkloads,onChange:e=>{d("includeSourceWorkloads",e),e&&d("sourceWorkloadNamespaces",[])}}),t(_e,{size:Te.XXXS,color:Pe.Secondary,children:"Include workload and pod manifests for instrumented sources"})]})]}),t(co,{alignX:uo.Left,alignY:po.Bottom,items:l.map(e=>({id:e.name,label:e.name,withCheckbox:!0})),selectedIds:c.sourceWorkloadNamespaces,setSelectedIds:e=>d("sourceWorkloadNamespaces",e),withMultiSelect:!0,withSearch:!0,fullWidth:!0,buttonProps:{label:(c.sourceWorkloadNamespaces.length?"Selected":"Select")+" Namespaces",variant:ve.Secondary,disabled:c.includeSourceWorkloads,leftIcon:c.sourceWorkloadNamespaces.length?()=>t(Ke,{label:c.sourceWorkloadNamespaces.length,status:Ee.Default}):void 0}}),t(pe,{$justifyContent:"flex-end",children:t(fe,{label:"Download Diagnose",rightIcon:Tl,variant:ve.Primary,onClick:async()=>{o.downloadDiagnose&&(s(Date.now()),await o.downloadDiagnose(c),s(null),p())},disabled:null!==r})})]})})},Zh=()=>{const{platformType:e,version:n,tier:o}=S(),{describeApi:l}=Vl(),[r,s]=a(null);return i(()=>{l.fetchDescribeOdigos&&l.fetchDescribeOdigos().then(({data:e})=>s(e?.describeOdigos??null))},[]),t(st,{richTitle:{icon:fl,title:"General Information"},children:t(Vt,{cellsPerRow:2,items:[{id:ho(),title:"Odigos Version",label:n},{id:ho(),title:`${e.toUpperCase()} Version`,label:r?.kubernetesVersion?.value||"-"},{id:ho(),title:"Installation Method",label:r?.installationMethod?.value||"-"},{id:ho(),title:"Tier",label:o}]})})},Qh=({isOpen:n,onClose:o})=>{const{describeApi:i,tokensApi:a}=Vl(),l=a.useTokens().items[0];return e(Mt,{isOpen:n,header:{icon:fl,title:"System Overview",onClose:o},children:[i.fetchDescribeOdigos&&t(Zh,{}),a.updateToken&&l&&t(Yh,{token:l}),i.downloadDiagnose&&t(qh,{})]})},em=({isOpen:o,onClose:i,onCloseEnd:a})=>{const{addDataStreams:l,setSelectedStreamName:r}=Qe(),{dataStreamsApi:s}=Vl(),{requestSubmit:c}=Gl(),p=d(async e=>{s.create?await s.create(e):(l([e]),r(e.name)),i()},[s,l,r,i]),u=d(()=>c(p),[c,p]);return ro({key:"Enter",active:o},u),e(n,{children:[t(qe,{isOpen:o,onClose:i,onCloseEnd:a,title:Ze.NAME_YOUR_STREAM,description:Ze.STREAM_DESCRIPTION,approveButton:{"data-id":"add-stream-btn-done",label:Lt.DONE,variant:ve.Primary,onClick:u},denyButton:{"data-id":"add-stream-btn-cancel",label:Lt.CANCEL,variant:ve.Secondary,onClick:i},children:t(Ns,{autoFocus:!0})}),t(Is,{})]})},tm=({isOpen:o,onClose:a,onCloseEnd:l,dataStreamName:r})=>{const{dataStreamsApi:s}=Vl(),{genericForm:c,loadDataStream:p,requestSubmit:u}=Gl();i(()=>{o&&r&&p(r)},[o,r]);const h=!!c?.isFormDirty,m=d(async e=>{await s.update(r,e),a()},[s,r,a]),g=d(()=>u(m),[u,m]);return ro({key:"Enter",active:o},g),e(n,{children:[t(qe,{isOpen:o,onClose:a,onCloseEnd:l,title:Ze.RENAME_STREAM(r),description:Ze.STREAM_DESCRIPTION,approveButton:{"data-id":"edit-stream-btn-save",label:Lt.SAVE,variant:ve.Primary,onClick:g,disabled:!h},denyButton:{"data-id":"edit-stream-btn-cancel",label:Lt.CANCEL,variant:ve.Secondary,onClick:a},children:t(Ns,{autoFocus:!0})}),t(Is,{})]})},nm=({scale:n=1})=>e("svg",{width:742*n,height:533*n,viewBox:"0 0 742 533",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M0 0H722C733.046 0 742 8.95431 742 20V513C742 524.046 733.046 533 722 533H0V0Z",fill:"url(#paint0_linear_1585_55266)"}),e("g",{clipPath:"url(#clip0_1585_55266)",children:[t("path",{opacity:"0.1",d:"M817.963 1364.02C1052.53 1129.46 1052.53 749.151 817.96 514.585C583.394 280.019 203.089 280.018 -31.4751 514.583C-266.039 749.147 -266.038 1129.45 -31.4725 1364.02C203.093 1598.58 583.398 1598.58 817.963 1364.02Z",fill:"url(#paint1_radial_1585_55266)"}),t("path",{opacity:"0.3",d:"M789.266 1335.32C1007.98 1116.61 1007.98 761.998 789.264 543.281C570.547 324.565 215.938 324.563 -2.7781 543.279C-221.494 761.995 -221.493 1116.6 -2.77577 1335.32C215.941 1554.04 570.55 1554.04 789.266 1335.32Z",fill:"url(#paint2_radial_1585_55266)"}),t("path",{opacity:"0.5",d:"M736.156 1282.21C925.539 1092.83 925.538 785.776 736.153 596.392C546.769 407.007 239.717 407.006 50.333 596.39C-139.05 785.773 -139.05 1092.83 50.3351 1282.21C239.72 1471.59 546.772 1471.6 736.156 1282.21Z",fill:"url(#paint3_radial_1585_55266)"}),t("path",{opacity:"0.7",d:"M628.365 1174.42C758.218 1044.57 758.217 834.036 628.364 704.182C498.51 574.329 287.977 574.328 158.124 704.181C28.2713 834.033 28.272 1044.57 158.125 1174.42C287.979 1304.27 498.512 1304.27 628.365 1174.42Z",fill:"url(#paint4_radial_1585_55266)"}),t("path",{opacity:"0.1",d:"M795.717 29.8993C1030.28 -204.665 1030.28 -584.97 795.714 -819.536C561.148 -1054.1 180.843 -1054.1 -53.7211 -819.539C-288.285 -584.974 -288.284 -204.669 -53.7185 29.8967C180.847 264.462 561.152 264.464 795.717 29.8993Z",fill:"url(#paint5_radial_1585_55266)"}),t("path",{opacity:"0.3",d:"M767.02 1.20219C985.736 -217.513 985.734 -572.123 767.017 -790.84C548.301 -1009.56 193.691 -1009.56 -25.0242 -790.842C-243.74 -572.126 -243.739 -217.517 -25.0219 1.19982C193.695 219.917 548.304 219.918 767.02 1.20219Z",fill:"url(#paint6_radial_1585_55266)"}),t("path",{opacity:"0.5",d:"M713.909 -51.908C903.293 -241.292 903.292 -548.344 713.907 -737.728C524.523 -927.113 217.47 -927.114 28.0869 -737.731C-161.297 -548.347 -161.296 -241.295 28.089 -51.91C217.474 137.475 524.526 137.476 713.909 -51.908Z",fill:"url(#paint7_radial_1585_55266)"}),t("path",{opacity:"0.7",d:"M606.119 -159.699C735.972 -289.552 735.971 -500.085 606.118 -629.939C476.264 -759.792 265.731 -759.793 135.878 -629.94C6.0252 -500.088 6.02586 -289.554 135.879 -159.701C265.733 -29.8472 476.266 -29.8465 606.119 -159.699Z",fill:"url(#paint8_radial_1585_55266)"})]}),e("defs",{children:[e("linearGradient",{id:"paint0_linear_1585_55266",x1:"371",y1:"0",x2:"371",y2:"533",gradientUnits:"userSpaceOnUse",children:[t("stop",{offset:"0.028197",stopColor:"#0B0517"}),t("stop",{offset:"1",stopColor:"#190D31"})]}),e("radialGradient",{id:"paint1_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(334.074 991.405) rotate(-45) scale(599.732 599.736)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.41",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.13"}),t("stop",{offset:"0.67",stopColor:"#7C3BFF",stopOpacity:"0.18"}),t("stop",{offset:"0.75",stopColor:"#7C3BFF",stopOpacity:"0.25"}),t("stop",{offset:"0.83",stopColor:"#7C3BFF",stopOpacity:"0.33"}),t("stop",{offset:"0.89",stopColor:"#7C3BFF",stopOpacity:"0.44"}),t("stop",{offset:"0.95",stopColor:"#7C3BFF",stopOpacity:"0.56"}),t("stop",{offset:"1",stopColor:"#7C3BFF",stopOpacity:"0.7"})]}),e("radialGradient",{id:"paint2_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(368.968 957.913) rotate(-45) scale(560.978 560.981)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.38",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.52",stopColor:"#7C3BFF",stopOpacity:"0.13"}),t("stop",{offset:"0.62",stopColor:"#7C3BFF",stopOpacity:"0.18"}),t("stop",{offset:"0.69",stopColor:"#7C3BFF",stopOpacity:"0.25"}),t("stop",{offset:"0.76",stopColor:"#7C3BFF",stopOpacity:"0.33"}),t("stop",{offset:"0.82",stopColor:"#7C3BFF",stopOpacity:"0.44"}),t("stop",{offset:"0.88",stopColor:"#7C3BFF",stopOpacity:"0.57"}),t("stop",{offset:"0.93",stopColor:"#7C3BFF",stopOpacity:"0.72"}),t("stop",{offset:"0.97",stopColor:"#7C3BFF",stopOpacity:"0.88"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),e("radialGradient",{id:"paint3_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(351.265 971.313) rotate(-45) scale(484.947 484.95)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),t("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),t("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),t("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),t("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),t("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),t("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),e("radialGradient",{id:"paint4_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(362.239 963.064) rotate(-45) scale(332.216 332.218)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),t("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),t("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),t("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),t("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),t("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),t("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),e("radialGradient",{id:"paint5_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(311.828 -342.716) rotate(-45) scale(599.733 599.736)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.41",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.13"}),t("stop",{offset:"0.67",stopColor:"#7C3BFF",stopOpacity:"0.18"}),t("stop",{offset:"0.75",stopColor:"#7C3BFF",stopOpacity:"0.25"}),t("stop",{offset:"0.83",stopColor:"#7C3BFF",stopOpacity:"0.33"}),t("stop",{offset:"0.89",stopColor:"#7C3BFF",stopOpacity:"0.44"}),t("stop",{offset:"0.95",stopColor:"#7C3BFF",stopOpacity:"0.56"}),t("stop",{offset:"1",stopColor:"#7C3BFF",stopOpacity:"0.7"})]}),e("radialGradient",{id:"paint6_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(346.722 -376.208) rotate(-45) scale(560.977 560.981)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.38",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.52",stopColor:"#7C3BFF",stopOpacity:"0.13"}),t("stop",{offset:"0.62",stopColor:"#7C3BFF",stopOpacity:"0.18"}),t("stop",{offset:"0.69",stopColor:"#7C3BFF",stopOpacity:"0.25"}),t("stop",{offset:"0.76",stopColor:"#7C3BFF",stopOpacity:"0.33"}),t("stop",{offset:"0.82",stopColor:"#7C3BFF",stopOpacity:"0.44"}),t("stop",{offset:"0.88",stopColor:"#7C3BFF",stopOpacity:"0.57"}),t("stop",{offset:"0.93",stopColor:"#7C3BFF",stopOpacity:"0.72"}),t("stop",{offset:"0.97",stopColor:"#7C3BFF",stopOpacity:"0.88"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),e("radialGradient",{id:"paint7_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(329.019 -362.807) rotate(-45) scale(484.947 484.95)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),t("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),t("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),t("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),t("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),t("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),t("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),e("radialGradient",{id:"paint8_radial_1585_55266",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(339.993 -371.057) rotate(-45) scale(332.216 332.218)",children:[t("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),t("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),t("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),t("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),t("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),t("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),t("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),t("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),t("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),t("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),t("stop",{offset:"1",stopColor:"#7C3BFF"})]}),t("clipPath",{id:"clip0_1585_55266",children:t("rect",{width:"929.477",height:"667",fill:"white",transform:"translate(-93.7383 -134)"})})]})]}),om=b.div`
|
|
780
814
|
position: absolute;
|
|
781
815
|
top: 50%;
|
|
782
816
|
left: 50%;
|
|
783
817
|
transform: translate(-50%, -50%);
|
|
784
818
|
z-index: ${({theme:e})=>e.v2.zIndex.modal};
|
|
785
|
-
`,
|
|
819
|
+
`,im=()=>{const{drawerType:n,setDrawerType:o}=fn(),i=n===go.OnboardingDone,a=()=>o(null);return e(mo,{isOpen:i,onClose:a,children:[t(nm,{}),t(om,{children:e(ee,{$gap:32,$alignItems:"center",children:[e(ee,{$gap:24,$alignItems:"center",children:[t(_e,{size:Te.L,weight:500,children:"Welcome to"}),t($r,{size:260}),t(_e,{size:Te.S,weight:400,children:"Your observability control plane is ready."})]}),t(fe,{label:"Get Started",rightIcon:Da,onClick:a})]})})]})},am=b.div`
|
|
786
820
|
display: flex;
|
|
787
821
|
flex-direction: column;
|
|
788
822
|
gap: 8px;
|
|
789
823
|
padding: 4px 8px;
|
|
790
824
|
border-radius: 8px;
|
|
791
825
|
width: 100%;
|
|
792
|
-
`,
|
|
826
|
+
`,lm=b.div`
|
|
793
827
|
white-space: pre;
|
|
794
828
|
overflow-x: auto;
|
|
795
|
-
`,
|
|
829
|
+
`,rm=({name:n,recommended:o,toggleLabel:i,enabled:a,onEnabledChange:l,summary:r,toggleName:s})=>{const c=v();return e(am,{children:[e(pe,{$gap:8,$justifyContent:"space-between",children:[e(pe,{$gap:4,children:[t(_e,{size:Te.XS,color:c.v2.colors.white[500],nowrap:!0,children:n}),o&&t(Ke,{label:fo,leftIcon:$l,backgroundColor:c.v2.colors.purple[700],textColor:c.v2.colors.white[500],textSize:Te.XXXS})]}),t(le,{name:s??`sampling-onboarding-toggle-${n}`,label:i,labelAlign:re.Left,value:a,onChange:l,size:Nt.S})]}),t(lm,{children:t(w,{parts:r})})]})},sm=b.div`
|
|
796
830
|
position: relative;
|
|
797
831
|
display: flex;
|
|
798
832
|
align-items: center;
|
|
@@ -802,18 +836,18 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
802
836
|
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
803
837
|
border-top-left-radius: 18px;
|
|
804
838
|
border-top-right-radius: 18px;
|
|
805
|
-
`,
|
|
839
|
+
`,cm=b.div`
|
|
806
840
|
position: absolute;
|
|
807
841
|
left: 16px;
|
|
808
842
|
top: 50%;
|
|
809
843
|
transform: translateY(-50%);
|
|
810
|
-
`,
|
|
844
|
+
`,dm=b.div`
|
|
811
845
|
height: 16px;
|
|
812
846
|
width: 100%;
|
|
813
847
|
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
814
848
|
border-top-left-radius: 18px;
|
|
815
849
|
border-top-right-radius: 18px;
|
|
816
|
-
`,
|
|
850
|
+
`,pm=b.div`
|
|
817
851
|
width: ${({$width:e})=>e}px;
|
|
818
852
|
display: flex;
|
|
819
853
|
flex-direction: column;
|
|
@@ -821,7 +855,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
821
855
|
gap: 22px;
|
|
822
856
|
padding: 8px 32px 32px 32px;
|
|
823
857
|
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
824
|
-
`,
|
|
858
|
+
`,um=e=>t(Al,{rotate:90,...e}),hm=({children:n,center:o,onNext:i,nextLabel:a=bo,nextLoading:l})=>e(pe,{$gap:8,$justifyContent:o?"center":"flex-end",$padding:"0 16px 16px 16px",children:[n,i&&t(fe,{"data-id":"sampling-onboarding-btn-next",label:a,rightIcon:um,variant:ve.Primary,size:be.M,onClick:i,loading:l})]}),mm=e=>t(Al,{rotate:-90,...e}),gm=({title:n,onBack:o})=>{const i=v();return e(sm,{$hasBack:!!o,children:[o&&t(cm,{children:t(bt,{"data-id":"sampling-onboarding-back",icon:mm,size:vt.M,onClick:o})}),t(_e,{size:Te.M,weight:500,color:i.v2.colors.white[500],align:"center",children:n})]})},fm=b.div`
|
|
825
859
|
box-sizing: border-box;
|
|
826
860
|
width: ${({$width:e})=>e??"100%"};
|
|
827
861
|
${({$fillHeight:e})=>e&&y`
|
|
@@ -834,16 +868,16 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
834
868
|
padding: 16px;
|
|
835
869
|
border-radius: 16px;
|
|
836
870
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
837
|
-
`,
|
|
871
|
+
`,bm=({children:e,fillHeight:n,width:o})=>t(fm,{$fillHeight:n,$width:o,children:e}),vm=b.ul`
|
|
838
872
|
margin: 0;
|
|
839
873
|
padding: 0;
|
|
840
874
|
list-style: disc;
|
|
841
|
-
`,
|
|
875
|
+
`,ym=b.li`
|
|
842
876
|
margin-left: 18px;
|
|
843
877
|
& + & {
|
|
844
878
|
margin-top: 6px;
|
|
845
879
|
}
|
|
846
|
-
`,
|
|
880
|
+
`,Cm=({items:e,color:n})=>{const o=v(),i=n||o.v2.colors.silver[200];return t(vm,{children:e.map((e,n)=>t(ym,{style:{color:i},children:t(_e,{size:Te.XXS,color:i,children:e})},n))})},Sm=({items:n})=>{const o=v();return t(ee,{$gap:16,children:n.map((n,i)=>e(pe,{$gap:8,$alignItems:"flex-start",children:[e(_e,{size:Te.XS,color:o.v2.colors.silver[200],weight:400,children:[i+1,"."]}),e(ee,{$gap:2,children:[t(_e,{size:Te.XS,color:o.v2.colors.white[500],weight:500,children:n.title}),t(_e,{size:Te.XS,color:o.v2.colors.silver[200],children:n.description})]})]},i))})},xm=({message:e})=>t(Ne,{status:Ee.Default,message:e,fullWidth:!0,smallIcon:!0}),wm=b.div`
|
|
847
881
|
width: 100%;
|
|
848
882
|
padding: 8px;
|
|
849
883
|
display: flex;
|
|
@@ -851,12 +885,12 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
851
885
|
gap: 4px;
|
|
852
886
|
border-radius: 16px;
|
|
853
887
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
854
|
-
`,
|
|
888
|
+
`,Tm=b.div`
|
|
855
889
|
display: flex;
|
|
856
890
|
align-items: center;
|
|
857
891
|
gap: 8px;
|
|
858
892
|
padding: 4px 8px 12px 8px;
|
|
859
|
-
`,
|
|
893
|
+
`,km=b.div`
|
|
860
894
|
width: 100%;
|
|
861
895
|
display: flex;
|
|
862
896
|
flex-direction: column;
|
|
@@ -864,20 +898,20 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
864
898
|
padding: 8px;
|
|
865
899
|
border-radius: 12px;
|
|
866
900
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
867
|
-
`,
|
|
901
|
+
`,Im=({children:e})=>{const n=v();return t(_e,{size:Te.S,weight:500,color:n.v2.colors.white[500],align:"center",children:e})},Nm=b.div`
|
|
868
902
|
white-space: pre-line;
|
|
869
|
-
`,
|
|
903
|
+
`,Em=({enabled:o,onEnabledChange:i,onBack:a,onNext:l})=>{const r=v(),s=c(()=>A({enabled:o,keepPercentage:0}),[o]);return e(n,{children:[t(gm,{title:vo,onBack:a}),e(pm,{$width:854,children:[t(Im,{children:yo}),e(ee,{$gap:8,$width:"100%",children:[t(bm,{children:t(Nm,{children:t(_e,{size:Te.XXS,color:r.v2.colors.silver[200],children:Co})})}),e(ee,{$gap:8,$width:"100%",children:[e(wm,{children:[t(Tm,{children:t(_e,{size:Te.S,weight:500,color:r.v2.colors.white[500],children:So})}),t(km,{children:t(rm,{name:wo,recommended:!0,toggleLabel:xo,enabled:o,onEnabledChange:i,summary:s,toggleName:"sampling-onboarding-noisy-toggle"})})]}),t(xm,{message:To})]})]})]}),t(hm,{onNext:l})]})},Om=e=>t(Al,{rotate:90,...e}),$m=({onClose:o})=>{const i=v();return e(n,{children:[t(dm,{}),e(pm,{$width:732,children:[t(ko,{icon:Il}),e(ee,{$gap:16,$alignItems:"center",$width:"100%",children:[t(_e,{size:Te.M,weight:500,color:i.v2.colors.white[500],children:Io}),No.split("\n").map((e,n)=>t(Im,{children:e},`subtitle-${n}-${e}`)),e(bm,{children:[t(_e,{size:Te.XS,color:i.v2.colors.silver[200],children:Eo}),t(Cm,{color:i.v2.colors.white[500],items:[Oo,$o,Ao]})]})]})]}),t(hm,{center:!0,children:t(fe,{"data-id":"sampling-onboarding-btn-go-to",label:Ro,rightIcon:Om,variant:ve.Primary,size:be.M,onClick:o})})]})},Am=e=>t(Al,{rotate:90,...e}),Rm=b.div`
|
|
870
904
|
display: flex;
|
|
871
905
|
flex-direction: column;
|
|
872
906
|
align-items: center;
|
|
873
907
|
gap: 8px;
|
|
874
908
|
width: 100%;
|
|
875
|
-
`,
|
|
909
|
+
`,Dm=({onSkip:o,onNext:i})=>{const a=v();return e(n,{children:[t(dm,{}),e(pm,{$width:732,children:[t(ko,{icon:Il}),e(ee,{$gap:16,$alignItems:"center",$width:"100%",children:[e(Rm,{children:[t(_e,{size:Te.M,weight:500,color:a.v2.colors.white[500],children:Do}),t(Im,{children:_o})]}),e(bm,{children:[t(_e,{size:Te.XS,color:a.v2.colors.silver[200],children:Po}),t(Sm,{items:[{title:Fo,description:Lo},{title:zo,description:Mo},{title:Xo,description:Bo}]}),t(xm,{message:Uo})]})]})]}),e(hm,{center:!0,children:[t(fe,{"data-id":"sampling-onboarding-btn-skip",label:Vo,variant:ve.Secondary,onClick:o}),t(fe,{"data-id":"sampling-onboarding-btn-start",label:Ho,rightIcon:Am,variant:ve.Primary,onClick:i})]})]})},_m=b.div`
|
|
876
910
|
display: flex;
|
|
877
911
|
align-items: stretch;
|
|
878
912
|
gap: 16px;
|
|
879
913
|
width: 100%;
|
|
880
|
-
`,
|
|
914
|
+
`,Pm=b.div`
|
|
881
915
|
flex: 1;
|
|
882
916
|
display: flex;
|
|
883
917
|
flex-direction: column;
|
|
@@ -897,18 +931,18 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
897
931
|
background-color: ${t.v2.colors.silver[700]};
|
|
898
932
|
}
|
|
899
933
|
`}
|
|
900
|
-
`,
|
|
934
|
+
`,Lm=b.div`
|
|
901
935
|
display: flex;
|
|
902
936
|
align-items: center;
|
|
903
937
|
gap: 8px;
|
|
904
938
|
padding: 12px 16px;
|
|
905
|
-
`,
|
|
939
|
+
`,Fm=b.div`
|
|
906
940
|
flex: 1;
|
|
907
941
|
padding: 8px;
|
|
908
942
|
display: flex;
|
|
909
943
|
flex-direction: column;
|
|
910
944
|
gap: 8px;
|
|
911
|
-
|
|
945
|
+
`,Mm=b.div`
|
|
912
946
|
flex: 1;
|
|
913
947
|
display: flex;
|
|
914
948
|
flex-direction: column;
|
|
@@ -916,17 +950,17 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
916
950
|
padding: 12px;
|
|
917
951
|
border-radius: 12px;
|
|
918
952
|
background-color: ${({theme:e,$selected:t})=>t?e.v2.colors.purple[900]:e.v2.colors.silver[900]};
|
|
919
|
-
`,
|
|
953
|
+
`,zm=b.div`
|
|
920
954
|
display: flex;
|
|
921
955
|
justify-content: flex-end;
|
|
922
|
-
`,
|
|
956
|
+
`,Bm=b.div`
|
|
923
957
|
display: flex;
|
|
924
958
|
align-items: center;
|
|
925
959
|
gap: 8px;
|
|
926
960
|
padding: 4px 12px 4px 4px;
|
|
927
961
|
border-radius: 8px;
|
|
928
962
|
background-color: ${({theme:e})=>e.v2.colors.yellow[1e3]};
|
|
929
|
-
`,
|
|
963
|
+
`,Xm=b.div`
|
|
930
964
|
display: flex;
|
|
931
965
|
align-items: center;
|
|
932
966
|
justify-content: center;
|
|
@@ -934,13 +968,13 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
934
968
|
height: 24px;
|
|
935
969
|
border-radius: 6px;
|
|
936
970
|
background-color: ${({theme:e})=>e.v2.colors.yellow[900]};
|
|
937
|
-
`,
|
|
971
|
+
`,Um=({selected:n,onSelect:o,name:i,description:a,badgeProps:l,bullets:r,warning:s,onReadMore:c})=>{const d=v(),p=n?d.v2.colors.white[500]:d.v2.colors.silver[200];return e(Pm,{$selected:n,onClick:o,children:[e(Lm,{children:[t(he,{"data-id":`sampling-onboarding-radio-${i}`,value:n,onChange:o,size:ge.L}),t(Il,{size:24,fill:d.v2.colors.white[500]}),t(_e,{size:Te.S,weight:500,color:d.v2.colors.white[500],children:i})]}),e(Fm,{children:[e(Mm,{$selected:n,children:[e(ee,{$gap:8,children:[t(Ke,{...l,textSize:Te.XXXS}),t(_e,{size:Te.XXS,color:p,children:a})]}),r&&r.length>0&&t(Cm,{color:p,items:r}),s&&e(Bm,{children:[t(Xm,{children:t(Nl,{size:18,fill:d.v2.colors.yellow[500]})}),t(_e,{size:Te.XXXS,color:d.v2.colors.yellow[500],children:s})]})]}),c&&t(zm,{children:t(fe,{"data-id":`sampling-onboarding-btn-read-more-${i}`,label:ri,rightIcon:La,variant:ve.Text,size:be.S,onClick:e=>{e.stopPropagation(),c()}})})]})]})},Vm=({strategy:o,onStrategyChange:i,onBack:a,onNext:l,docsUrl:r})=>{const s=v(),c=r?()=>window.open(r,"_blank"):void 0;return e(n,{children:[t(gm,{title:jo,onBack:a}),e(pm,{$width:854,children:[t(Im,{children:Go}),e(_m,{children:[t(Um,{selected:"keep-list"===o,onSelect:()=>i("keep-list"),name:Zo,description:qo,badgeProps:{label:Jo,backgroundColor:s.v2.colors.purple[500],textColor:s.v2.colors.white[500]},bullets:[Ko,Yo],warning:Wo,onReadMore:c}),t(Um,{selected:"drop-list"===o,onSelect:()=>i("drop-list"),name:oi,description:ni,badgeProps:{label:ti,backgroundColor:s.v2.colors.green[500],textColor:s.v2.colors.black[500]},bullets:[Qo,ei],onReadMore:c}),t(Um,{selected:"advanced"===o,onSelect:()=>i("advanced"),name:li,description:ai,badgeProps:{label:ii,backgroundColor:s.v2.colors.blue[700],textColor:s.v2.colors.white[500]},onReadMore:c})]})]}),t(hm,{onNext:l})]})},Hm=({onBack:o,onNext:i,submitting:a})=>{const l=v(),r=c(()=>[{title:pi,bullets:[si,ci,di]},{title:bi,bullets:[ui,hi,mi,gi,fi]}],[]);return e(n,{children:[t(gm,{title:vi,onBack:o}),e(pm,{$width:854,children:[t(Im,{children:yi}),t(pe,{$gap:16,$width:"100%",$alignItems:"stretch",children:r.map((n,o)=>e(bm,{fillHeight:!0,width:"50%",children:[t(_e,{size:Te.XS,color:l.v2.colors.white[500],children:n.title}),t(Cm,{items:n.bullets})]},o))}),t(xm,{message:Ci})]}),t(hm,{onNext:i,nextLoading:a})]})},jm=b.div`
|
|
938
972
|
white-space: pre-line;
|
|
939
|
-
`,
|
|
973
|
+
`,Gm=({errorPresetEnabled:o,onErrorPresetChange:i,onBack:a,onNext:l,submitting:r})=>{const s=v(),d=c(()=>R(o?{disabled:!1}:null),[o]);return e(n,{children:[t(gm,{title:Si,onBack:a}),e(pm,{$width:854,children:[t(Im,{children:xi}),e(ee,{$gap:8,$width:"100%",children:[e(bm,{children:[t(jm,{children:t(_e,{size:Te.XXS,color:s.v2.colors.silver[200],children:wi})}),t(xm,{message:Ci})]}),e(wm,{children:[e(Tm,{children:[t(_e,{size:Te.S,weight:500,color:s.v2.colors.white[500],children:Ti}),t(ul,{size:16,fill:s.v2.colors.silver[200]})]}),t(km,{children:t(rm,{name:Ii,recommended:!0,toggleLabel:ki,enabled:o,onEnabledChange:i,summary:d,toggleName:"sampling-onboarding-drop-error-preset-toggle"})})]})]})]}),t(hm,{onNext:l,nextLoading:r})]})},Wm=b.div`
|
|
940
974
|
white-space: pre-line;
|
|
941
|
-
`,
|
|
975
|
+
`,Km=b.div`
|
|
942
976
|
width: fit-content;
|
|
943
|
-
`,Xm=["50","25","10","1","0.1"],Um=({value:o,onChange:n,label:i})=>{const a=v(),l=c(()=>Xm.map(e=>({value:e,label:`${e}%`,selectedBgColor:a.v2.colors.purple[900],selectedBorderColor:a.v2.colors.purple[400]})),[a]);return e(ee,{$gap:8,children:[t(_e,{size:Te.XS,color:a.v2.colors.white[500],children:i}),t(Bm,{children:t(ce,{"data-id":"sampling-onboarding-ambient",options:l,selected:o,setSelected:n})})]})},Vm=({errorPresetEnabled:n,onErrorPresetChange:i,ambientPercentage:a,onAmbientPercentageChange:l,onBack:r,onNext:s,submitting:d})=>{const u=v(),p=c(()=>R(n?{disabled:!1}:null),[n]);return e(o,{children:[t(rm,{title:ki,onBack:r}),e(nm,{$width:854,children:[t(vm,{children:Ii}),e(ee,{$gap:8,$width:"100%",children:[e(cm,{children:[t(zm,{children:t(_e,{size:Te.XXS,color:u.v2.colors.silver[200],children:Ei})}),t(pm,{items:[Ni,Oi,$i,Ai,Ri]}),t(mm,{message:vi})]}),e(gm,{children:[e(fm,{children:[t(_e,{size:Te.S,weight:500,color:u.v2.colors.white[500],children:Di}),t(rl,{size:16,fill:u.v2.colors.silver[200]})]}),t(bm,{children:t(Qh,{name:Ti,recommended:!0,toggleLabel:wi,enabled:n,onEnabledChange:i,summary:p,toggleName:"sampling-onboarding-error-preset-toggle"})}),t(bm,{children:t(Um,{value:a,onChange:l,label:_i})})]})]})]}),t(am,{onNext:s,nextLoading:d})]})},Hm=({isOpen:e,onClose:o,k8sHealthProbesConfig:n,samplingId:l,docsUrl:r})=>{const{samplingApi:s}=Ml(),[c,u]=a("welcome"),[p,h]=a(!0),[m,g]=a("keep-list"),[f,b]=a(!0),[v,y]=a("25"),[C,S]=a(!1);i(()=>{e&&(u("welcome"),h(n?.enabled??!0),g("keep-list"),b(!0),y("25"),S(!1))},[e,n?.enabled]);const x=d(async()=>{const e=l??"default",t=[];if(p!==(n?.enabled??!1)){const e=s.updateK8sHealthProbesConfig;e&&t.push(e({enabled:p,keepPercentage:n?.keepPercentage??0}))}if("advanced"!==m&&f){const o=s.createHighlyRelevant;o&&t.push(o({samplingId:e,rule:{name:"Auto - Keep All Error Traces",disabled:!1,error:!0,sourceScopes:null,operation:null,percentageAtLeast:null}}))}if("keep-list"===m){const o=s.createCostReduction;o&&t.push(o({samplingId:e,rule:{name:"Onboarding - Ambient sampling",disabled:!1,sourceScopes:null,operation:null,percentageAtMost:parseFloat(v)}}))}S(!0);try{await Promise.all(t),u("success")}catch{}finally{S(!1)}},[l,s,p,n?.enabled,n?.keepPercentage,m,f,v]);let w=null;switch(c){case"welcome":w=t(km,{onSkip:o,onNext:()=>u("noisy")});break;case"noisy":w=t(Cm,{enabled:p,onEnabledChange:h,onBack:()=>u("welcome"),onNext:()=>u("strategy")});break;case"strategy":w=t(Pm,{strategy:m,onStrategyChange:g,onBack:()=>u("noisy"),onNext:()=>{u("keep-list"===m?"keep-list":"drop-list"===m?"drop-list":"advanced")},docsUrl:r});break;case"keep-list":w=t(Vm,{errorPresetEnabled:f,onErrorPresetChange:b,ambientPercentage:v,onAmbientPercentageChange:y,onBack:()=>u("strategy"),onNext:x,submitting:C});break;case"drop-list":w=t(Mm,{errorPresetEnabled:f,onErrorPresetChange:b,onBack:()=>u("strategy"),onNext:x,submitting:C});break;case"advanced":w=t(Lm,{onBack:()=>u("strategy"),onNext:x,submitting:C});break;case"success":w=t(xm,{onClose:o})}return t(pn,{isOpen:e,onClose:o,children:w})};var jm,Gm;(e=>{e.BulkConfig="bulk-config",e.BulkSource="bulk-source",e.BulkDestination="bulk-destination",e.BulkAction="bulk-action",e.BulkInstrumentationRule="bulk-instrumentation-rule",e.Delete="delete"})(jm||(jm={})),(e=>{e.K8s="k8s",e.VmAgent="vm-agent",e.CloudConnector="cloud-connector"})(Gm||(Gm={}));const Wm=[{id:Gm.CloudConnector,label:"Cloud Connector"}];var Km;(e=>{e.Id="id",e.Name="name",e.Type="type",e.Status="status",e.OdigosVersion="odigosVersion",e.ConnectedSince="connectedSince",e.LastActivity="lastActivity"})(Km||(Km={}));const Ym=[{key:Km.Name,label:"Name"},{key:Km.Type,label:"Type"},{key:Km.Status,label:"Status"},{key:Km.OdigosVersion,label:"Odigos Version"},{key:Km.ConnectedSince,label:"Connected Since"},{key:Km.LastActivity,label:"Last Activity"}],Jm=(e,t)=>{const o=e.find(e=>e.key===Km.Id)?.rawValue;return t(o?.toString()||"")},qm={[Ne.Success]:"Connected",[Ne.Warning]:"Degraded",[Ne.Error]:"Error",[Ne.Disabled]:"Disabled",[Ne.Info]:"Pending"},Zm={[Pi.K8s]:so.Purple,[Pi.Vm]:so.Blue,[Pi.Connector]:so.Green},Qm=({connections:o,getConnections:n,onClickConnection:l,deleteConnection:r,onCreateNew:s,cloudConnectorProviders:u,onCreateCloudConnector:p,configMinSupportedVersion:h=0,snapshotMinSupportedVersion:m=0})=>{const g=v(),{formatTimeAgo:f}=Qt(),{capabilities:b}=Ml(),[y,C]=a(!1),[S,x]=a(o||[]),w=d(async()=>{try{C(!0),x(await n()??[])}catch(e){}finally{C(!1)}},[]);i(()=>{S.length||w()},[]);const[T,k]=a(""),[I,E]=a(null),[N,O]=a([]),[$,A]=a(!1),[R,P]=a(!1),L=d(()=>{A(!1),P(!0),w()},[w]),F=d(e=>{e===Gm.CloudConnector?A(!0):s?.(e)},[s]),M=c(()=>I===jm.BulkConfig?h:I===jm.BulkSource?m:0,[I,h,m]),{supportedConnections:z,supportedConnectionIds:B}=c(()=>{const e=((e,t)=>e.filter(e=>{const o=e.status===Ne.Success,n=D(e.odigosVersion,t,e.type);return o&&n}))(S,M);return{supportedConnections:e,supportedConnectionIds:e.map(e=>e.id)}},[S,M]);i(()=>{if(!I||I===jm.Delete)return;const e=N.filter(e=>!B.includes(e));e.length&&O(t=>t.filter(t=>!e.includes(t)))},[I,N.length,B.length]);const X=c(()=>S.filter(e=>!T||e.name.toLowerCase().includes(T.toLowerCase())).map(e=>({cells:[{key:Km.Id,rawValue:e.id},{key:Km.Name,rawValue:e.name},{key:Km.Type,rawValue:e.type,component:()=>t(qt,{variant:Zm[e.type]??so.Default,label:Li(e.type)})},{key:Km.Status,rawValue:e.status,component:()=>(e=>{if(e.type===Pi.Connector){const o=qm[e.status]??"Pending",n=e.status===Ne.Success?Ha:e.status===Ne.Error?ja:void 0;return t(Ge,{status:e.status,label:o,leftIcon:n})}const o=e.status===Ne.Success?"Connection live":"Connection lost",n=e.status===Ne.Success?Ha:ja;return t(Ge,{status:e.status,label:o,leftIcon:n})})(e)},{key:Km.OdigosVersion,rawValue:e.odigosVersion},{key:Km.ConnectedSince,rawValue:e.connectedAt?f(e.connectedAt):"-"},{key:Km.LastActivity,rawValue:e.lastSeenAt?f(e.lastSeenAt):"-"}],onClick:e.status!==Ne.Success||I?void 0:()=>l(e),isSelected:N.includes(e.id),onSelect:()=>O(t=>Array.from(new Set([...t,e.id]))),onDeselect:()=>O(t=>t.filter(t=>t!==e.id)),hideCheckbox:e.status!==Ne.Success||I===jm.BulkConfig&&!D(e.odigosVersion,h,e.type)||I===jm.BulkSource&&!D(e.odigosVersion,m,e.type)})),[S,N,T,I,h,m,f,l]),U=c(()=>S.length>0&&S.every(e=>e.type===Pi.K8s),[S]),V=c(()=>{const e=(e,t)=>{O([e]),E(t)};return(e=>{const{connections:t,configMinSupportedVersion:o,snapshotMinSupportedVersion:n,onDelete:i,onAddSource:a,onAddDestination:l,onAddAction:r,onAddInstrumentationRule:s,onEditConfiguration:c}=e;return({cells:e})=>{if(!(e=>e.find(e=>e.key===Km.Status)?.rawValue===Ne.Success)(e))return[{id:un(),label:"Delete Connection",rightIcon:Pa,onClick:()=>Jm(e,i)}];const d=Jm(e,e=>t.find(t=>t.id===e));if(d?.type!==Pi.K8s)return[];const u=!!d&&D(d.odigosVersion,o,d.type),p=!!d&&D(d.odigosVersion,n,d.type),h=_(o,d?.type),m=_(n,d?.type),g=[];return a&&g.push({id:un(),tooltip:p?Je.ADD_SOURCE:`To use this feature, please upgrade to Odigos v${m} or later.`,rightIcon:Wa,disabled:!p,onClick:()=>Jm(e,a)}),l&&g.push({id:un(),tooltip:Je.ADD_DESTINATION,rightIcon:Xa,onClick:()=>Jm(e,l)}),r&&g.push({id:un(),tooltip:Je.ADD_ACTION,rightIcon:Ba,onClick:()=>Jm(e,r)}),s&&g.push({id:un(),tooltip:Je.ADD_INSTRUMENTATION_RULE,rightIcon:Ga,onClick:()=>Jm(e,s)}),c&&g.push({id:un(),tooltip:u?"Edit Configuration":`To use this feature, please upgrade to Odigos v${h} or later.`,rightIcon:ol,disabled:!u,onClick:()=>Jm(e,c)}),g}})({connections:S,configMinSupportedVersion:h,snapshotMinSupportedVersion:m,onDelete:t=>e(t,jm.Delete),onAddSource:b.canFetchSnapshots&&b.canBulkPersistSources?t=>e(t,jm.BulkSource):void 0,onAddDestination:b.canFetchDestinationCategories&&b.canFetchPotentialDestinations&&b.canCreateDestination?t=>e(t,jm.BulkDestination):void 0,onAddAction:b.canCreateAction?t=>e(t,jm.BulkAction):void 0,onAddInstrumentationRule:b.canCreateInstrumentationRule?t=>e(t,jm.BulkInstrumentationRule):void 0,onEditConfiguration:b.canApplyEffectiveConfig?t=>e(t,jm.BulkConfig):void 0})},[S,h,m,b]),H=c(()=>(e=>{const{onCancel:t,onAddSource:o,onAddDestination:n,onAddAction:i,onAddInstrumentationRule:a,onManageConfigurations:l}=e,r=[];o&&r.push({id:un(),type:uo.Button,buttonProps:{variant:ve.Primary,size:be.S,label:"Add Sources",rightIcon:Wa,onClick:o}});const s=[n?{id:jm.BulkDestination,label:Je.ADD_DESTINATION,icon:Xa}:null,i?{id:jm.BulkAction,label:Je.ADD_ACTION,icon:Ba}:null,a?{id:jm.BulkInstrumentationRule,label:Je.ADD_INSTRUMENTATION_RULE,icon:Ga}:null,l?{id:jm.BulkConfig,label:"Manage Configurations",icon:ol}:null];return s.some(Boolean)&&r.push({id:un(),type:uo.ButtonDropData,buttonProps:{variant:ve.Secondary,size:be.S,label:"Bulk Operations",onClick:e=>{e===jm.BulkSource?o?.():e===jm.BulkDestination?n?.():e===jm.BulkAction?i?.():e===jm.BulkInstrumentationRule?a?.():e===jm.BulkConfig&&l?.()}},dropDataProps:{alignX:dn.Left,items:s}}),r.push({id:un(),type:uo.Button,buttonProps:{variant:ve.Text,size:be.S,label:_t.CANCEL,onClick:t}}),r})({onCancel:()=>O([]),onAddSource:b.canFetchSnapshots&&b.canBulkPersistSources?()=>E(jm.BulkSource):void 0,onAddDestination:b.canFetchDestinationCategories&&b.canFetchPotentialDestinations&&b.canCreateDestination?()=>E(jm.BulkDestination):void 0,onAddAction:b.canCreateAction?()=>E(jm.BulkAction):void 0,onAddInstrumentationRule:b.canCreateInstrumentationRule?()=>E(jm.BulkInstrumentationRule):void 0,onManageConfigurations:b.canApplyEffectiveConfig?()=>E(jm.BulkConfig):void 0}),[b]);return t(Fi,{children:e(lt,{fullHeight:!0,richTitle:{icon:El,title:Je.CONNECTIONS,badge:{label:S.length.toString(),status:Ne.Unknown}},search:{placeholder:"Search by cluster name",value:T,onChange:e=>k(e),width:"300px"},actions:[{id:"connections-refresh",type:uo.Button,buttonProps:{variant:ve.Secondary,size:be.S,leftIcon:tl,onClick:w,disabled:y}},{id:"connections-create-new",type:uo.ButtonDropData,buttonProps:{variant:ve.Primary,size:be.S,label:_t.CREATE_NEW,onClick:e=>F(e)},dropDataProps:{alignX:dn.Right,items:Wm}}],children:[t(Do,{variant:_o.Pretty,headerBackgroundColor:g.v2.colors.silver[1e3],isLoading:y,withCheckboxes:U,columns:Ym,rows:X,rowActionsPushRightPosition:I?`calc(${Sr} - 24px)`:void 0,getRowActions:V}),I===jm.BulkConfig&&b.canApplyEffectiveConfig&&t(Zl,{connectionIds:N,children:t(Yd,{onClose:()=>E(null),connections:z,selectedConnectionIds:N,setSelectedConnectionIds:O})}),I===jm.BulkSource&&b.canFetchSnapshots&&b.canBulkPersistSources&&t(Zl,{connectionIds:N,children:t(Ql,{selectedConnectionIds:N,children:t(rc,{onClose:()=>E(null),selectedConnectionIds:N,setSelectedConnectionIds:O})})}),I===jm.BulkDestination&&b.canFetchDestinationCategories&&b.canFetchPotentialDestinations&&b.canTestConnection&&b.canCreateDestination&&t(Zl,{connectionIds:N,children:t(er,{children:t(Gs,{onClose:()=>E(null),selectedConnectionIds:N,setSelectedConnectionIds:O})})}),I===jm.BulkAction&&b.canCreateAction&&t(Zl,{connectionIds:N,children:t(tr,{children:t(Ls,{onClose:()=>E(null),selectedConnectionIds:N,setSelectedConnectionIds:O})})}),I===jm.BulkInstrumentationRule&&b.canCreateInstrumentationRule&&t(Zl,{connectionIds:N,children:t(or,{children:t(Ws,{onClose:()=>E(null),selectedConnectionIds:N,setSelectedConnectionIds:O})})}),$&&t(nr,{providers:u,children:t(Vd,{onClose:()=>A(!1),withOverlay:!0,onCreateCloudConnector:p,onCreated:L})}),t(Ir,{isOpen:R,onClose:()=>P(!1)}),t(wr,{target:"connection",isOpen:I===jm.Delete,onClose:()=>{O([]),E(null)},onApprove:async()=>{const e=N[0];e&&(await r(e),await w())}}),t(Po,{isOpen:!!N.length&&!I,richTitle:{icon:Ra,title:"Selected Clusters",badge:{label:N.length}},actions:H})]})})},eg=b.div`
|
|
977
|
+
`,Ym=["50","25","10","1","0.1"],Jm=({value:n,onChange:o,label:i})=>{const a=v(),l=c(()=>Ym.map(e=>({value:e,label:`${e}%`,selectedBgColor:a.v2.colors.purple[900],selectedBorderColor:a.v2.colors.purple[400]})),[a]);return e(ee,{$gap:8,children:[t(_e,{size:Te.XS,color:a.v2.colors.white[500],children:i}),t(Km,{children:t(ce,{"data-id":"sampling-onboarding-ambient",options:l,selected:n,setSelected:o})})]})},qm=({errorPresetEnabled:o,onErrorPresetChange:i,ambientPercentage:a,onAmbientPercentageChange:l,onBack:r,onNext:s,submitting:d})=>{const p=v(),u=c(()=>R(o?{disabled:!1}:null),[o]);return e(n,{children:[t(gm,{title:Ni,onBack:r}),e(pm,{$width:854,children:[t(Im,{children:Ei}),e(ee,{$gap:8,$width:"100%",children:[e(bm,{children:[t(Wm,{children:t(_e,{size:Te.XXS,color:p.v2.colors.silver[200],children:Oi})}),t(Cm,{items:[$i,Ai,Ri,Di,_i]}),t(xm,{message:Ci})]}),e(wm,{children:[e(Tm,{children:[t(_e,{size:Te.S,weight:500,color:p.v2.colors.white[500],children:Pi}),t(ul,{size:16,fill:p.v2.colors.silver[200]})]}),t(km,{children:t(rm,{name:Ii,recommended:!0,toggleLabel:ki,enabled:o,onEnabledChange:i,summary:u,toggleName:"sampling-onboarding-error-preset-toggle"})}),t(km,{children:t(Jm,{value:a,onChange:l,label:Li})})]})]})]}),t(hm,{onNext:s,nextLoading:d})]})},Zm=({isOpen:e,onClose:n,k8sHealthProbesConfig:o,samplingId:l,docsUrl:r})=>{const{samplingApi:s}=Vl(),[c,p]=a("welcome"),[u,h]=a(!0),[m,g]=a("keep-list"),[f,b]=a(!0),[v,y]=a("25"),[C,S]=a(!1);i(()=>{e&&(p("welcome"),h(o?.enabled??!0),g("keep-list"),b(!0),y("25"),S(!1))},[e,o?.enabled]);const x=d(async()=>{const e=l??"default",t=[];if(u!==(o?.enabled??!1)){const e=s.updateK8sHealthProbesConfig;e&&t.push(e({enabled:u,keepPercentage:o?.keepPercentage??0}))}if("advanced"!==m&&f){const n=s.createHighlyRelevant;n&&t.push(n({samplingId:e,rule:{name:"Auto - Keep All Error Traces",disabled:!1,error:!0,sourceScopes:null,operation:null,percentageAtLeast:null}}))}if("keep-list"===m){const n=s.createCostReduction;n&&t.push(n({samplingId:e,rule:{name:"Onboarding - Ambient sampling",disabled:!1,sourceScopes:null,operation:null,percentageAtMost:parseFloat(v)}}))}S(!0);try{await Promise.all(t),p("success")}catch{}finally{S(!1)}},[l,s,u,o?.enabled,o?.keepPercentage,m,f,v]);let w=null;switch(c){case"welcome":w=t(Dm,{onSkip:n,onNext:()=>p("noisy")});break;case"noisy":w=t(Em,{enabled:u,onEnabledChange:h,onBack:()=>p("welcome"),onNext:()=>p("strategy")});break;case"strategy":w=t(Vm,{strategy:m,onStrategyChange:g,onBack:()=>p("noisy"),onNext:()=>{p("keep-list"===m?"keep-list":"drop-list"===m?"drop-list":"advanced")},docsUrl:r});break;case"keep-list":w=t(qm,{errorPresetEnabled:f,onErrorPresetChange:b,ambientPercentage:v,onAmbientPercentageChange:y,onBack:()=>p("strategy"),onNext:x,submitting:C});break;case"drop-list":w=t(Gm,{errorPresetEnabled:f,onErrorPresetChange:b,onBack:()=>p("strategy"),onNext:x,submitting:C});break;case"advanced":w=t(Hm,{onBack:()=>p("strategy"),onNext:x,submitting:C});break;case"success":w=t($m,{onClose:n})}return t(mo,{isOpen:e,onClose:n,children:w})};var Qm,eg;(e=>{e.BulkConfig="bulk-config",e.BulkSource="bulk-source",e.BulkDestination="bulk-destination",e.BulkAction="bulk-action",e.BulkInstrumentationRule="bulk-instrumentation-rule",e.Delete="delete"})(Qm||(Qm={})),(e=>{e.K8s="k8s",e.VmAgent="vm-agent",e.CloudConnector="cloud-connector"})(eg||(eg={}));const tg=[{id:eg.CloudConnector,label:"Cloud Connector"}];var ng;(e=>{e.Id="id",e.Name="name",e.Type="type",e.Status="status",e.OdigosVersion="odigosVersion",e.ConnectedSince="connectedSince",e.LastActivity="lastActivity"})(ng||(ng={}));const og=[{key:ng.Name,label:"Name"},{key:ng.Type,label:"Type"},{key:ng.Status,label:"Status"},{key:ng.OdigosVersion,label:"Odigos Version"},{key:ng.ConnectedSince,label:"Connected Since"},{key:ng.LastActivity,label:"Last Activity"}],ig=(e,t)=>{const n=e.find(e=>e.key===ng.Id)?.rawValue;return t(n?.toString()||"")},ag={[Ee.Success]:"Connected",[Ee.Warning]:"Degraded",[Ee.Error]:"Error",[Ee.Disabled]:"Disabled",[Ee.Info]:"Pending"},lg={[Fi.K8s]:pn.Purple,[Fi.Vm]:pn.Blue,[Fi.Connector]:pn.Green},rg=({connections:n,getConnections:o,onClickConnection:l,deleteConnection:r,onCreateNew:s,cloudConnectorProviders:p,onCreateCloudConnector:u,configMinSupportedVersion:h=0,snapshotMinSupportedVersion:m=0})=>{const g=v(),{formatTimeAgo:f}=en(),{capabilities:b}=Vl(),[y,C]=a(!1),[S,x]=a(n||[]),w=d(async()=>{try{C(!0),x(await o()??[])}catch(e){}finally{C(!1)}},[]);i(()=>{S.length||w()},[]);const[T,k]=a(""),[I,N]=a(null),[E,O]=a([]),[$,A]=a(!1),[R,P]=a(!1),L=d(()=>{A(!1),P(!0),w()},[w]),F=d(e=>{e===eg.CloudConnector?A(!0):s?.(e)},[s]),M=c(()=>I===Qm.BulkConfig?h:I===Qm.BulkSource?m:0,[I,h,m]),{supportedConnections:z,supportedConnectionIds:B}=c(()=>{const e=((e,t)=>e.filter(e=>{const n=e.status===Ee.Success,o=D(e.odigosVersion,t,e.type);return n&&o}))(S,M);return{supportedConnections:e,supportedConnectionIds:e.map(e=>e.id)}},[S,M]);i(()=>{if(!I||I===Qm.Delete)return;const e=E.filter(e=>!B.includes(e));e.length&&O(t=>t.filter(t=>!e.includes(t)))},[I,E.length,B.length]);const X=c(()=>S.filter(e=>!T||e.name.toLowerCase().includes(T.toLowerCase())).map(e=>({cells:[{key:ng.Id,rawValue:e.id},{key:ng.Name,rawValue:e.name},{key:ng.Type,rawValue:e.type,component:()=>t(Zt,{variant:lg[e.type]??pn.Default,label:Mi(e.type)})},{key:ng.Status,rawValue:e.status,component:()=>(e=>{if(e.type===Fi.Connector){const n=ag[e.status]??"Pending",o=e.status===Ee.Success?Wa:e.status===Ee.Error?Ka:void 0;return t(Ke,{status:e.status,label:n,leftIcon:o})}const n=e.status===Ee.Success?"Connection live":"Connection lost",o=e.status===Ee.Success?Wa:Ka;return t(Ke,{status:e.status,label:n,leftIcon:o})})(e)},{key:ng.OdigosVersion,rawValue:e.odigosVersion},{key:ng.ConnectedSince,rawValue:e.connectedAt?f(e.connectedAt):"-"},{key:ng.LastActivity,rawValue:e.lastSeenAt?f(e.lastSeenAt):"-"}],onClick:e.status!==Ee.Success||I?void 0:()=>l(e),isSelected:E.includes(e.id),onSelect:()=>O(t=>Array.from(new Set([...t,e.id]))),onDeselect:()=>O(t=>t.filter(t=>t!==e.id)),hideCheckbox:e.status!==Ee.Success||I===Qm.BulkConfig&&!D(e.odigosVersion,h,e.type)||I===Qm.BulkSource&&!D(e.odigosVersion,m,e.type)})),[S,E,T,I,h,m,f,l]),U=c(()=>S.length>0&&S.every(e=>e.type===Fi.K8s),[S]),V=c(()=>{const e=(e,t)=>{O([e]),N(t)};return(e=>{const{connections:t,configMinSupportedVersion:n,snapshotMinSupportedVersion:o,onDelete:i,onAddSource:a,onAddDestination:l,onAddAction:r,onAddInstrumentationRule:s,onEditConfiguration:c}=e;return({cells:e})=>{if(!(e=>e.find(e=>e.key===ng.Status)?.rawValue===Ee.Success)(e))return[{id:ho(),label:"Delete Connection",rightIcon:Fa,onClick:()=>ig(e,i)}];const d=ig(e,e=>t.find(t=>t.id===e));if(d?.type!==Fi.K8s)return[];const p=!!d&&D(d.odigosVersion,n,d.type),u=!!d&&D(d.odigosVersion,o,d.type),h=_(n,d?.type),m=_(o,d?.type),g=[];return a&&g.push({id:ho(),tooltip:u?Ze.ADD_SOURCE:`To use this feature, please upgrade to Odigos v${m} or later.`,rightIcon:Ja,disabled:!u,onClick:()=>ig(e,a)}),l&&g.push({id:ho(),tooltip:Ze.ADD_DESTINATION,rightIcon:Ha,onClick:()=>ig(e,l)}),r&&g.push({id:ho(),tooltip:Ze.ADD_ACTION,rightIcon:Va,onClick:()=>ig(e,r)}),s&&g.push({id:ho(),tooltip:Ze.ADD_INSTRUMENTATION_RULE,rightIcon:Ya,onClick:()=>ig(e,s)}),c&&g.push({id:ho(),tooltip:p?"Edit Configuration":`To use this feature, please upgrade to Odigos v${h} or later.`,rightIcon:rl,disabled:!p,onClick:()=>ig(e,c)}),g}})({connections:S,configMinSupportedVersion:h,snapshotMinSupportedVersion:m,onDelete:t=>e(t,Qm.Delete),onAddSource:b.canFetchSnapshots&&b.canBulkPersistSources?t=>e(t,Qm.BulkSource):void 0,onAddDestination:b.canFetchDestinationCategories&&b.canFetchPotentialDestinations&&b.canCreateDestination?t=>e(t,Qm.BulkDestination):void 0,onAddAction:b.canCreateAction?t=>e(t,Qm.BulkAction):void 0,onAddInstrumentationRule:b.canCreateInstrumentationRule?t=>e(t,Qm.BulkInstrumentationRule):void 0,onEditConfiguration:b.canApplyEffectiveConfig?t=>e(t,Qm.BulkConfig):void 0})},[S,h,m,b]),H=c(()=>(e=>{const{onCancel:t,onAddSource:n,onAddDestination:o,onAddAction:i,onAddInstrumentationRule:a,onManageConfigurations:l}=e,r=[];n&&r.push({id:ho(),type:hn.Button,buttonProps:{variant:ve.Primary,size:be.S,label:"Add Sources",rightIcon:Ja,onClick:n}});const s=[o?{id:Qm.BulkDestination,label:Ze.ADD_DESTINATION,icon:Ha}:null,i?{id:Qm.BulkAction,label:Ze.ADD_ACTION,icon:Va}:null,a?{id:Qm.BulkInstrumentationRule,label:Ze.ADD_INSTRUMENTATION_RULE,icon:Ya}:null,l?{id:Qm.BulkConfig,label:"Manage Configurations",icon:rl}:null];return s.some(Boolean)&&r.push({id:ho(),type:hn.ButtonDropData,buttonProps:{variant:ve.Secondary,size:be.S,label:"Bulk Operations",onClick:e=>{e===Qm.BulkSource?n?.():e===Qm.BulkDestination?o?.():e===Qm.BulkAction?i?.():e===Qm.BulkInstrumentationRule?a?.():e===Qm.BulkConfig&&l?.()}},dropDataProps:{alignX:uo.Left,items:s}}),r.push({id:ho(),type:hn.Button,buttonProps:{variant:ve.Text,size:be.S,label:Lt.CANCEL,onClick:t}}),r})({onCancel:()=>O([]),onAddSource:b.canFetchSnapshots&&b.canBulkPersistSources?()=>N(Qm.BulkSource):void 0,onAddDestination:b.canFetchDestinationCategories&&b.canFetchPotentialDestinations&&b.canCreateDestination?()=>N(Qm.BulkDestination):void 0,onAddAction:b.canCreateAction?()=>N(Qm.BulkAction):void 0,onAddInstrumentationRule:b.canCreateInstrumentationRule?()=>N(Qm.BulkInstrumentationRule):void 0,onManageConfigurations:b.canApplyEffectiveConfig?()=>N(Qm.BulkConfig):void 0}),[b]),j=c(()=>t(co,{items:tg,withMultiSelect:!1,selectedIds:[],setSelectedIds:e=>F(e[0]),buttonProps:{variant:ve.Primary,size:be.S,label:Lt.CREATE_NEW}}),[F]),G=c(()=>T.trim()&&S.length>0?{hideIcon:!0,title:Ze.NO_RESULTS,subTitle:Ze.NO_RESULTS_FOR_FILTER(T)}:{icon:Rl,title:Ze.NO_CONNECTIONS,action:j},[T,S.length,j]);return t(zi,{children:e(st,{fullHeight:!0,richTitle:{icon:Rl,title:Ze.CONNECTIONS,badge:{label:S.length.toString(),status:Ee.Unknown}},search:{placeholder:"Search by cluster name",value:T,onChange:e=>k(e),width:"300px"},actions:[{id:"connections-refresh",type:hn.Button,buttonProps:{variant:ve.Secondary,size:be.S,leftIcon:ll,onClick:w,disabled:y}},{id:"connections-create-new",type:hn.ButtonDropData,buttonProps:{variant:ve.Primary,size:be.S,label:Lt.CREATE_NEW,onClick:e=>F(e)},dropDataProps:{alignX:uo.Right,items:tg}}],children:[t(Pn,{variant:Ln.Pretty,headerBackgroundColor:g.v2.colors.silver[1e3],isLoading:y,withCheckboxes:U,columns:og,rows:X,noDataProps:G,rowActionsPushRightPosition:I?`calc(${Ir} - 24px)`:void 0,getRowActions:V}),I===Qm.BulkConfig&&b.canApplyEffectiveConfig&&t(or,{connectionIds:E,children:t(op,{onClose:()=>N(null),connections:z,selectedConnectionIds:E,setSelectedConnectionIds:O})}),I===Qm.BulkSource&&b.canFetchSnapshots&&b.canBulkPersistSources&&t(or,{connectionIds:E,children:t(ir,{selectedConnectionIds:E,children:t(vc,{onClose:()=>N(null),selectedConnectionIds:E,setSelectedConnectionIds:O})})}),I===Qm.BulkDestination&&b.canFetchDestinationCategories&&b.canFetchPotentialDestinations&&b.canTestConnection&&b.canCreateDestination&&t(or,{connectionIds:E,children:t(ar,{children:t(tc,{onClose:()=>N(null),selectedConnectionIds:E,setSelectedConnectionIds:O})})}),I===Qm.BulkAction&&b.canCreateAction&&t(or,{connectionIds:E,children:t(lr,{children:t(js,{onClose:()=>N(null),selectedConnectionIds:E,setSelectedConnectionIds:O})})}),I===Qm.BulkInstrumentationRule&&b.canCreateInstrumentationRule&&t(or,{connectionIds:E,children:t(rr,{children:t(nc,{onClose:()=>N(null),selectedConnectionIds:E,setSelectedConnectionIds:O})})}),$&&t(sr,{providers:p,children:t(ep,{onClose:()=>A(!1),withOverlay:!0,onCreateCloudConnector:u,onCreated:L})}),t(Ar,{isOpen:R,onClose:()=>P(!1)}),t(Er,{target:"connection",isOpen:I===Qm.Delete,onClose:()=>{O([]),N(null)},onApprove:async()=>{const e=E[0];e&&(await r(e),await w())}}),t(Fn,{isOpen:!!E.length&&!I,richTitle:{icon:_a,title:"Selected Clusters",badge:{label:E.length}},actions:H})]})})},sg=b.div`
|
|
944
978
|
display: flex;
|
|
945
979
|
align-items: center;
|
|
946
980
|
justify-content: space-between;
|
|
@@ -949,26 +983,26 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
949
983
|
width: 100%;
|
|
950
984
|
border-radius: 16px;
|
|
951
985
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
952
|
-
`,
|
|
986
|
+
`,cg=b.div`
|
|
953
987
|
display: flex;
|
|
954
988
|
align-items: center;
|
|
955
989
|
justify-content: center;
|
|
956
990
|
padding: 8px;
|
|
957
991
|
border-radius: 8px;
|
|
958
|
-
background-color: ${({theme:e})=>e.v2.colors.white[500]+
|
|
959
|
-
`,
|
|
992
|
+
background-color: ${({theme:e})=>e.v2.colors.white[500]+dt["004"]};
|
|
993
|
+
`,dg=({setStep:n,onSave:o,sourcesPayload:i,destinationsPayload:a,disableAnimation:l})=>{const r=v(),s=()=>n(2),d=()=>n(3),p=c(()=>Object.values(i||{}).flatMap((n,o)=>n.map((n,i)=>{if(!n.selected)return null;const a=n.kind||kt.Namespace,l=a===kt.Namespace?n.namespace:`${n.namespace} → ${n.name}`;return e(sg,{children:[t(_e,{nowrap:!0,children:l}),t(Ke,{label:a,status:Ee.Info,backgroundColor:r.v2.colors.blue[900]})]},`source-${o}-${i}`)})).filter(Boolean),[i]),u=c(()=>a?.map((n,o)=>{const i=St(n.option.type).icon;return e(sg,{children:[e(pe,{$gap:8,children:[i&&t(cg,{children:t(i,{size:24})}),t(_e,{nowrap:!0,children:n.formData.name||n.option.displayName})]}),void 0!==n.testResult&&t(Ke,{status:n.testResult.succeeded?Ee.Success:Ee.Error,leftIcon:n.testResult.succeeded?Wa:Ka})]},`destination-${o}`)})||[],[a]);return t(kr,{isOpen:!0,disableAnimation:l,onBack:()=>n(3),onSave:o,header:{icon:cl,title:Ze.SUMMARY,subTitle:Ze.REVIEW_SETUP},leftColumn:{width:"50%",header:e(pe,{$width:"100%",$gap:12,$justifyContent:"space-between",children:[e(pe,{$gap:8,children:[t(Ja,{size:24}),t(_e,{nowrap:!0,children:Ze.SELECTED_SOURCES}),t(Ke,{label:p.length})]}),t(fe,{"data-id":"summary-edit-sources",leftIcon:Ma,variant:ve.Secondary,size:be.S,onClick:s})]}),list:p.length?p:[t(mt,{$height:"100%",children:t(xe,{icon:Ja,title:Ze.NO_SOURCES_SELECTED,subTitle:Ze.ADD_SOURCE_PROMPT,button:{leftIcon:Ra,label:Ze.ADD_SOURCE,onClick:s}})},"no-sources-data")]},rightColumn:{width:"50%",header:e(pe,{$width:"100%",$gap:12,$justifyContent:"space-between",children:[e(pe,{$gap:8,children:[t(Ha,{size:24}),t(_e,{nowrap:!0,children:Ze.SELECTED_DESTINATIONS}),t(Ke,{label:u.length})]}),t(fe,{"data-id":"summary-edit-destinations",leftIcon:Ma,variant:ve.Secondary,size:be.S,onClick:d})]}),list:u.length?u:[t(mt,{"data-id":"summary-no-destinations",$height:"100%",children:t(xe,{icon:Ha,title:Ze.NO_DESTINATIONS_SELECTED,subTitle:Ze.ADD_DESTINATION_PROMPT,button:{leftIcon:Ra,label:Ze.ADD_DESTINATIONS,onClick:d}})},"no-destinations-data")]}})},pg=b.div`
|
|
960
994
|
position: relative;
|
|
961
995
|
overflow: hidden;
|
|
962
996
|
width: 100vw;
|
|
963
997
|
height: 100vh;
|
|
964
998
|
box-sizing: border-box;
|
|
965
|
-
`,
|
|
999
|
+
`,ug=b.svg`
|
|
966
1000
|
position: absolute;
|
|
967
1001
|
top: 50%;
|
|
968
1002
|
left: 50%;
|
|
969
1003
|
transform: translate(-50%, -50%);
|
|
970
1004
|
z-index: -1;
|
|
971
|
-
`,
|
|
1005
|
+
`,hg=[{opacity:"0.1"},{offset:"0.31",opacity:"0.11"},{offset:"0.45",opacity:"0.14"},{offset:"0.56",opacity:"0.19"},{offset:"0.65",opacity:"0.26"},{offset:"0.73",opacity:"0.35"},{offset:"0.8",opacity:"0.46"},{offset:"0.86",opacity:"0.6"},{offset:"0.92",opacity:"0.76"},{offset:"0.98",opacity:"0.93"},{offset:"1"}],mg=[{width:1440,height:900,pathOpacity:.1,path:"M719.992 1169.99C322.351 1169.99 0 847.64 0 450C0 52.3591 322.351 -269.992 719.992 -269.992C1117.63 -269.992 1439.98 52.3591 1439.98 450C1439.98 847.64 1117.63 1169.99 719.992 1169.99Z",gradientTransform:"translate(814.309 444.011) rotate(180) scale(718.904)",stops:[{opacity:"0.1"},{offset:"0.41",opacity:"0.11"},{offset:"0.56",opacity:"0.13"},{offset:"0.67",opacity:"0.18"},{offset:"0.75",opacity:"0.25"},{offset:"0.83",opacity:"0.33"},{offset:"0.89",opacity:"0.44"},{offset:"0.95",opacity:"0.56"},{offset:"1",opacity:"0.7"}]},{width:1343,height:900,pathOpacity:.3,path:"M671.344 1121.34C300.571 1121.34 0 820.773 0 450C0 79.2264 300.571 -221.345 671.344 -221.345C1042.12 -221.345 1342.69 79.2264 1342.69 450C1342.69 820.773 1042.12 1121.34 671.344 1121.34Z",gradientTransform:"translate(644.026 441.551) rotate(180) scale(581.31)",stops:hg},{width:1163,height:900,pathOpacity:.5,path:"M581.31 1031.31C260.261 1031.31 0 771.048 0 449.999C0 128.951 260.261 -131.311 581.31 -131.311C902.358 -131.311 1162.62 128.951 1162.62 449.999C1162.62 771.048 902.358 1031.31 581.31 1031.31Z",gradientTransform:"translate(644.026 441.551) rotate(180) scale(581.31)",stops:hg},{width:798,height:798,pathOpacity:.7,path:"M398.581 797.162C178.451 797.162 0 618.711 0 398.581C0 178.451 178.451 0 398.581 0C618.711 0 797.162 178.451 797.162 398.581C797.162 618.711 618.711 797.162 398.581 797.162Z",gradientTransform:"translate(445.003 392.441) rotate(180) scale(398.23)",stops:hg}],gg=({paddingXAxis:n="0px",paddingYAxis:o="0px",children:l})=>{const[r,s]=a(window.innerWidth),d=c(()=>r/mg[0].width,[r]);return i(()=>{const e=()=>s(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e(pg,{$paddingXAxis:n,$paddingYAxis:o,children:[mg.map(({width:n,height:o,pathOpacity:i,path:a,gradientTransform:l,stops:r},s)=>{const c=`purple-ring-${s}`;return e(ug,{width:n*d,height:"100%",viewBox:`0 0 ${n} ${o}`,fill:"none",children:[t("path",{opacity:i,d:a,fill:`url(#${c})`}),t("defs",{children:t("radialGradient",{id:c,cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:l,children:r.map(({offset:e,opacity:n},o)=>t("stop",{offset:e,stopColor:"#7C3BFF",stopOpacity:n},o))})})]},c)}),l]})},fg=b.div`
|
|
972
1006
|
display: flex;
|
|
973
1007
|
flex-direction: column;
|
|
974
1008
|
align-items: center;
|
|
@@ -979,7 +1013,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
979
1013
|
width: 50vw;
|
|
980
1014
|
border-radius: 16px;
|
|
981
1015
|
background: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
982
|
-
`,
|
|
1016
|
+
`,bg=b.div`
|
|
983
1017
|
display: flex;
|
|
984
1018
|
flex-direction: column;
|
|
985
1019
|
align-items: center;
|
|
@@ -989,15 +1023,15 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
989
1023
|
& * {
|
|
990
1024
|
text-align: center;
|
|
991
1025
|
}
|
|
992
|
-
`,
|
|
1026
|
+
`,vg=({onStart:n})=>t(Mt,{width:"75vw",isOpen:!0,hideOverlay:!0,disableAnimation:!0,children:t(mt,{$height:"100%",children:e(fg,{children:[e(bg,{children:[t(_e,{size:Te.L,weight:500,children:Ze.GET_STARTED_WITH}),t($r,{size:260}),t(_e,{size:Te.S,weight:400,children:Ze.GET_STARTED_DESCRIPTION})]}),t(fe,{"data-id":"onboarding-get-started",label:Lt.GET_STARTED,rightIcon:Da,size:be.L,onClick:n})]})})}),yg=[{step:1,label:Ze.INSTALLATION,forceDoneBadge:!0},{step:2,label:Ze.SOURCES_SETUP},{step:3,label:Ze.DESTINATIONS_SETUP},{step:4,label:Ze.SUMMARY}],Cg=b.div`
|
|
993
1027
|
display: flex;
|
|
994
1028
|
flex-direction: column;
|
|
995
1029
|
gap: 32px;
|
|
996
1030
|
padding: 64px;
|
|
997
|
-
`,
|
|
1031
|
+
`,Sg=({pagePaddingXAxis:n,pagePaddingYAxis:o,onDone:i})=>{const{setDrawerType:l}=fn(),{sourcesApi:r,destinationsApi:s}=Vl(),[c,d]=a(1),[p,u]=a(!1),[h,m]=a(null),[g,f]=a(null),b=()=>d(e=>e+1),v=()=>d(e=>e-1);return e(gg,{paddingXAxis:n,paddingYAxis:o,children:[e(Cg,{children:[t($r,{useInline:!0}),t(Bi,{currentStep:c,data:yg,gap:32})]}),t(ir,{initialInputs:h,children:e(ar,{children:[1===c&&t(vg,{onStart:b}),2===c&&t(vc,{disableAnimation:!0,onBack:e=>{m(e),v()},onNext:e=>{m(e),b()}}),3===c&&t(tc,{disableAnimation:!0,onBack:e=>{f(e),v()},onNext:e=>{f(e),b()},initialInputs:g}),4===c&&t(dg,{disableAnimation:!0,setStep:d,onSave:async()=>{if(!p){u(!0);try{const e=[];h&&e.push(r.persistV2(h)),g&&e.push(...g.map(e=>s.create(e.formData)));const t=await Promise.allSettled(e),n=[];for(const e of t)"rejected"===e.status?n.push(e.reason?.message||String(e.reason)):e.value&&"object"==typeof e.value&&"error"in e.value&&e.value.error&&n.push(e.value.error);if(n.length)return{error:n.join("\n")};l(go.OnboardingDone),i()}catch(e){return u(!1),{error:e instanceof Error?e.message:String(e)}}}},sourcesPayload:h,destinationsPayload:g})]})})]})},xg=e=>(e||[]).filter(e=>!!e.id).map(e=>String(e.id)),wg=e=>e.replace(/[_-]+/g," ").replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/\b\w/g,e=>e.toUpperCase()),Tg=e=>{let t=0;return Object.values(e).forEach(e=>{Array.isArray(e)&&(t+=e.length)}),e.onlyErrors&&t++,t},kg=b.div`
|
|
998
1032
|
position: relative;
|
|
999
1033
|
display: inline-flex;
|
|
1000
|
-
`,
|
|
1034
|
+
`,Ig=b.button`
|
|
1001
1035
|
display: inline-flex;
|
|
1002
1036
|
align-items: center;
|
|
1003
1037
|
gap: 8px;
|
|
@@ -1010,7 +1044,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1010
1044
|
&:hover {
|
|
1011
1045
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1012
1046
|
}
|
|
1013
|
-
`,
|
|
1047
|
+
`,Ng=b.div`
|
|
1014
1048
|
position: absolute;
|
|
1015
1049
|
top: calc(100% + 8px);
|
|
1016
1050
|
right: 0;
|
|
@@ -1023,25 +1057,25 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1023
1057
|
border-radius: 12px;
|
|
1024
1058
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1025
1059
|
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.3);
|
|
1026
|
-
`,
|
|
1060
|
+
`,Eg=b.div`
|
|
1027
1061
|
display: flex;
|
|
1028
1062
|
flex-direction: column;
|
|
1029
1063
|
gap: 12px;
|
|
1030
1064
|
padding: 16px;
|
|
1031
1065
|
max-height: 60vh;
|
|
1032
1066
|
overflow-y: auto;
|
|
1033
|
-
`,
|
|
1067
|
+
`,Og=b.div`
|
|
1034
1068
|
display: flex;
|
|
1035
1069
|
align-items: center;
|
|
1036
1070
|
gap: 8px;
|
|
1037
1071
|
padding: 12px 16px;
|
|
1038
1072
|
border-top: 1px solid ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1039
|
-
|
|
1073
|
+
`,$g=b.div`
|
|
1040
1074
|
display: flex;
|
|
1041
1075
|
align-items: center;
|
|
1042
1076
|
gap: 8px;
|
|
1043
1077
|
margin-left: auto;
|
|
1044
|
-
`,
|
|
1078
|
+
`,Ag=()=>{const n=v(),{sourcesApi:o,namespacesApi:l,capabilities:r}=Vl(),{isK8s:s,isVm:d,isConnector:u}=r,h=s?"k8s":d?"vm":"connector",m=o.useSources().items,g=l.useNamespaces().items,{selectedStreamName:f}=Qe(),{getItemSS:b,setItemSS:y,removeItemSS:C}=Gi(),{statuses:S,namespaces:x,regions:w,kinds:T,monitors:k,languages:I,onlyErrors:N,podsAgentInjectionStatus:E,setAll:O,clearFilters:$,getEmptyState:A}=Xi(),R=c(()=>Ui(m,f),[m,f]);i(()=>{const e=b(Vi.OVERVIEW_FILTERS,A());O(e)},[]);const[D,_]=a({statuses:S,namespaces:x,regions:w,kinds:T,monitors:k,languages:I,onlyErrors:N,podsAgentInjectionStatus:E}),[P,L]=a(Tg(D)),[F,M]=a(!1),z=p(h);i(()=>{if(!F){const e={statuses:S,namespaces:x,regions:w,kinds:T,monitors:k,languages:I,onlyErrors:N,podsAgentInjectionStatus:E};_(e),L(Tg(e))}},[F,S,x,w,T,k,I,N,E]),i(()=>{z.current!==h&&(z.current=h,C(Vi.OVERVIEW_FILTERS),$(),_(A()),L(0),M(!1))},[h]);const B=p(null);En(B,()=>M(!1)),ro({key:"Escape",active:F},()=>M(!1));const X=c(()=>{const e=new Set,t=[];return g.forEach(({name:n})=>{e.has(n)||(e.add(n),t.push({id:n,label:n,withCheckbox:!0}))}),t},[g]),U=c(()=>{const e=new Set,t=[];return R.forEach(({id:n})=>{const{kind:o}=n;e.has(o)||(e.add(o),t.push({id:o,label:wn(o),withCheckbox:!0}))}),t},[R]),V=c(()=>{const e=new Set,t=[];return R.forEach(({id:n})=>{const o=n.region?.trim();o&&!e.has(o)&&(e.add(o),t.push({id:o,label:o,withCheckbox:!0}))}),t.sort((e,t)=>e.id.localeCompare(t.id))},[R]),H=c(()=>{const e=new Set,t=[];return R.forEach(({runtimeInfo:n})=>{n?.detectedLanguages?.forEach(n=>{e.has(n)||(e.add(n),t.push({id:n,label:Hi[n]||n,withCheckbox:!0}))})}),t.sort((e,t)=>e.id.localeCompare(t.id))},[R]),j=c(()=>ji.map(({id:e,value:t})=>({id:e,label:t,withCheckbox:!0})),[]),G=c(()=>{const e=new Set,t=[];return R.forEach(({instrumentationReport:n})=>{const o=n?.state||n?.progressStage;o&&!e.has(o)&&(e.add(o),t.push({id:o,label:wg(o),withCheckbox:!0}))}),t.sort((e,t)=>e.label.localeCompare(t.label))},[R]),W=c(()=>{const e=new Set,t=[];return R.forEach(({podsAgentInjectionStatus:n})=>{const{reasonEnum:o,message:i}=n||{};if(o){if(e.has(o))return;e.add(o),t.push({id:o,label:on(o),withCheckbox:!0})}else if(i){if(e.has(i))return;e.add(i),t.push({id:i,label:i,withCheckbox:!0})}}),t},[R]),K=(e,t,n)=>{const o=t.filter(e=>n.includes(e.id));_(t=>{return{...t,[e]:(n=o,n.map(({id:e,label:t})=>({id:e,label:t})))};var n})},Y=F?ja:Ga,J=c(()=>xg(D.languages),[D.languages]);return e(kg,{ref:B,children:[e(Ig,{"data-id":"filters-trigger",$isOpen:F,type:"button",onClick:()=>M(e=>!e),children:[t(Dl,{size:16,fill:n.v2.colors.white[500]}),t(_e,{size:Te.XS,weight:500,nowrap:!0,children:"Filters"}),P>0&&t(Ke,{label:P,status:Ee.Unknown,textSize:Te.XXXS}),t(Y,{size:16,fill:n.v2.colors.silver[200]})]}),F&&e(Ng,{children:[e(Eg,{children:[s&&t(ft,{label:"Namespace",placeholder:"All",withSearch:!0,withMultiSelect:!0,disabled:!X.length,options:X,values:xg(D.namespaces),setValues:e=>K("namespaces",X,e)}),u&&t(ft,{label:"Region",placeholder:"All",withSearch:!0,withMultiSelect:!0,disabled:!V.length,options:V,values:xg(D.regions),setValues:e=>K("regions",V,e)}),t(ft,{label:"Kind",placeholder:"All",withSearch:!0,withMultiSelect:!0,disabled:!U.length,options:U,values:xg(D.kinds),setValues:e=>K("kinds",U,e)}),t(ft,{label:"Programming Language",placeholder:"All",withSearch:!0,withMultiSelect:!0,disabled:!H.length,options:H,values:J,setValues:e=>K("languages",H,e)}),t(ft,{label:"Monitors",placeholder:"All",withSearch:!0,withMultiSelect:!0,disabled:!j.length,options:j,values:xg(D.monitors),setValues:e=>K("monitors",j,e)}),t(ft,s?{label:"Agent Injection Status",placeholder:"All",withSearch:!0,withMultiSelect:!0,disabled:!W.length,options:W,values:xg(D.podsAgentInjectionStatus),setValues:e=>K("podsAgentInjectionStatus",W,e)}:{label:"Instrumentation Status",placeholder:"All",withSearch:!0,withMultiSelect:!0,disabled:!G.length,options:G,values:xg(D.statuses),setValues:e=>K("statuses",G,e)}),t(le,{label:"Show only sources with errors",size:Nt.L,value:!!D.onlyErrors,onChange:e=>_(t=>({...t,onlyErrors:e}))})]}),e(Og,{children:[t(fe,{"data-id":"filters-reset",size:be.S,variant:ve.Text,label:"Reset",onClick:()=>{C(Vi.OVERVIEW_FILTERS),$(),_(A()),L(0),M(!1)},textColor:n.v2.colors.red[500]}),e($g,{children:[t(fe,{"data-id":"filters-cancel",size:be.S,variant:ve.Secondary,label:"Cancel",onClick:()=>M(!1)}),t(fe,{"data-id":"filters-apply",size:be.S,variant:ve.Primary,label:"Apply",onClick:()=>{y(Vi.OVERVIEW_FILTERS,D),O(D),L(Tg(D)),M(!1)}})]})]})]})]})},Rg=b.div`
|
|
1045
1079
|
position: relative;
|
|
1046
1080
|
display: flex;
|
|
1047
1081
|
align-items: center;
|
|
@@ -1052,7 +1086,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1052
1086
|
box-sizing: border-box;
|
|
1053
1087
|
border-radius: 16px 16px 0 0;
|
|
1054
1088
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1055
|
-
`,
|
|
1089
|
+
`,Dg=b.div`
|
|
1056
1090
|
position: absolute;
|
|
1057
1091
|
bottom: 0;
|
|
1058
1092
|
left: 0;
|
|
@@ -1061,7 +1095,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1061
1095
|
background-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
1062
1096
|
border-radius: 32px;
|
|
1063
1097
|
transition: width 0.3s;
|
|
1064
|
-
`,
|
|
1098
|
+
`,_g=({entityType:n,badge:o,badgeTooltip:i,isLoading:a,refetch:l,partiallySelected:r,allSelected:s,onSelectAll:c,progressPercent:d})=>{const{setDrawerType:p}=fn();return e(Rg,{children:[e(pe,{$gap:8,style:{flex:1,minWidth:0},children:[c&&t(ne,{size:Wi.S,partiallyChecked:r,value:!!s,onChange:c}),t(_e,{size:Te.S,nowrap:!0,children:`${on(n)}s`}),t(Ke,{label:o,tooltip:i,status:Ee.Unknown,textSize:Te.XXXS})]}),e(pe,{children:[t(bt,{"data-id":`add-${n}`,icon:Ra,onClick:()=>p(Ki(n))}),t(bt,{"data-id":`refresh-${n}`,icon:ll,onClick:l,disabled:a})]}),"number"==typeof d&&t(Dg,{$percent:d})]})},Pg=b(ee)`
|
|
1065
1099
|
align-items: center !important;
|
|
1066
1100
|
justify-content: center !important;
|
|
1067
1101
|
align-self: stretch;
|
|
@@ -1076,7 +1110,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1076
1110
|
&:hover {
|
|
1077
1111
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
1078
1112
|
}
|
|
1079
|
-
`,
|
|
1113
|
+
`,Lg=({entityType:n,description:o})=>{const{setDrawerType:i}=fn();return e(Pg,{onClick:()=>i(Ki(n)),children:[e(pe,{$gap:4,children:[t(Ra,{size:16}),t(_e,{size:Te.S,children:`Add ${on(n)}`})]}),t(_e,{size:Te.XXS,align:"center",children:o})]})},Fg=b.div`
|
|
1080
1114
|
display: flex;
|
|
1081
1115
|
align-items: center;
|
|
1082
1116
|
gap: 12px;
|
|
@@ -1091,10 +1125,10 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1091
1125
|
&:hover {
|
|
1092
1126
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1093
1127
|
}
|
|
1094
|
-
|
|
1128
|
+
`,Mg=b(pe)`
|
|
1095
1129
|
flex: 1;
|
|
1096
1130
|
min-width: 0;
|
|
1097
|
-
`,
|
|
1131
|
+
`,zg=({entityId:n,entityType:o,title:i,status:a,faded:l,tooltip:r,throughput:s,icon:d,icons:p,iconSrc:u,isActive:h,raw:m})=>{const g=v(),f=o===kt.Source,b="boolean"==typeof h,y=l||b&&!h,{setDrawerType:C,setDrawerEntityId:S}=fn(),{selectedSources:x,setSelectedSources:w}=Yi(),T=m,k=f?T.id.namespace:"",I=c(()=>{if(!f)return-1;const e=x[k];return e?.length?e.findIndex(e=>e.id.name===T.id.name&&e.id.kind===T.id.kind&&(e.id.region??"")===(T.id.region??"")):-1},[f,x,k,T.id]),N=b&&!h?Nn(Ee.Info,g):a?Nn(a,g):void 0,E=f&&"object"==typeof n?`${n.namespace}-${n.name}-${n.kind}${n.region?`-${n.region}`:""}`:n;return e(Fg,{"data-id":E,$faded:y,onClick:()=>{C(Sn(o)),S(n)},children:[f&&t(ne,{size:Wi.S,value:-1!==I,onChange:()=>{const e={...x};e[k]||(e[k]=[]),-1===I?e[k].push(T):e[k].splice(I,1),w(e)}}),t(Cn,{icons:p,icon:d,iconSrc:u}),e(Mg,{$gap:4,children:[t(we,{size:Te.XS,nowrap:!0,children:i}),t(pe,{$gap:6,$justifyContent:"flex-end",style:{marginLeft:"auto",flexShrink:0},children:s&&t(Fe,{text:r||"Heads up! The data-flow metrics you see are calculated over 10-second intervals.",children:t(Ke,{label:s,status:a&&[Ee.Error,Ee.Warning].includes(a)?a:Ee.Unknown,leftIcon:N,textSize:Te.XXXS})})})]})]})};function Bg(e){return Object.values(e.conditions??{}).filter(Boolean).some(({status:e})=>e===Ee.Loading)?e:{...e,workloadOdigosHealthStatus:{status:an.Pending,name:"WorkloadOdigosHealthStatus",reasonEnum:"Pending",message:""}}}function Xg(e){const t=Object.values(e.conditions??{}).filter(Boolean),n=t.filter(({status:e})=>e!==Ee.Loading);return n?.length===t?.length?e:{...e,conditions:n?.length?n.reduce((e,t)=>(e[t.name]=t,e),{}):{}}}const Ug=b.div`
|
|
1098
1132
|
position: absolute;
|
|
1099
1133
|
top: 0;
|
|
1100
1134
|
left: 0;
|
|
@@ -1105,21 +1139,21 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1105
1139
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1106
1140
|
border-bottom: 1px solid ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1107
1141
|
pointer-events: none;
|
|
1108
|
-
`,
|
|
1142
|
+
`,Vg=b.div`
|
|
1109
1143
|
display: flex;
|
|
1110
1144
|
align-items: center;
|
|
1111
1145
|
gap: 8px;
|
|
1112
1146
|
padding: 4px 8px 0;
|
|
1113
|
-
`,
|
|
1147
|
+
`,Hg=b.div`
|
|
1114
1148
|
flex: 1;
|
|
1115
1149
|
height: 1px;
|
|
1116
1150
|
background: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1117
|
-
`,
|
|
1151
|
+
`,jg=({namespace:e})=>{const n=v();return t(Ug,{children:t(_e,{size:Te.XXS,nowrap:!0,color:n.v2.colors.grey[300],children:e})})},Gg=({namespace:n})=>{const o=v();return e(Vg,{children:[t(Hg,{}),t(_e,{size:Te.XXS,nowrap:!0,color:o.v2.colors.grey[300],children:n}),t(Hg,{})]})},Wg={[kt.InstrumentationRule]:Ze.NO_DATA_INSTRUMENTATION_RULES,[kt.Source]:Ze.NO_DATA_SOURCES,[kt.Action]:Ze.NO_DATA_ACTIONS,[kt.Destination]:Ze.NO_DATA_DESTINATIONS},Kg=b.div`
|
|
1118
1152
|
display: flex;
|
|
1119
1153
|
flex-direction: column;
|
|
1120
1154
|
flex: 1 0 0;
|
|
1121
1155
|
min-width: 0;
|
|
1122
|
-
`,
|
|
1156
|
+
`,Yg=b.div`
|
|
1123
1157
|
display: flex;
|
|
1124
1158
|
flex-direction: column;
|
|
1125
1159
|
align-items: stretch;
|
|
@@ -1129,7 +1163,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1129
1163
|
border-radius: 0 0 16px 16px;
|
|
1130
1164
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1131
1165
|
overflow: hidden;
|
|
1132
|
-
`,
|
|
1166
|
+
`,Jg=b.div`
|
|
1133
1167
|
position: relative;
|
|
1134
1168
|
display: flex;
|
|
1135
1169
|
flex-direction: column;
|
|
@@ -1141,7 +1175,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1141
1175
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1142
1176
|
height: ${({$height:e})=>e}px;
|
|
1143
1177
|
overflow: hidden;
|
|
1144
|
-
`,
|
|
1178
|
+
`,qg=({entityType:n,entities:o,unfilteredCount:l,metrics:r,loading:s,maxHeight:p,refetch:u})=>{const h=n===kt.Source,m=o.length!==l,g=Ot(e=>h?e.progress[Rt.Instrumenting]?.percentage:void 0),f=Ot(e=>h?e.progress[Rt.Uninstrumenting]?.percentage:void 0),b=!h||void 0===g&&void 0===f?void 0:g||f||0,{selectedSources:v,setSelectedSources:y}=Yi(),C=c(()=>h?Object.values(v).reduce((e,t)=>e+t.length,0):0,[h,v]),S=c(()=>{if(!r)return;const e=new Map,t=n===kt.Source?r.sources:n===kt.Destination?r.destinations:void 0;if(t)for(const n of t)e.set(Ji(n),n.throughput);return e},[r,n]),x=c(()=>o.map(e=>((e,t,n)=>{const o=Xt(e);if(!o)return null;const i=t===kt.Source;let a,l,r=!1,s=e;if(i){const t=(e=>{const t=e.workloadOdigosHealthStatus?.status;switch(t){case an.Failure:return{status:Ee.Error,faded:!1,tooltip:e.workloadOdigosHealthStatus?.message,displaySource:e};case an.Notice:return{status:Ee.Warning,faded:!1,tooltip:e.workloadOdigosHealthStatus?.message,displaySource:e};case an.Pending:case an.Waiting:return{status:void 0,faded:!1,displaySource:Bg(e)};case an.Unsupported:case an.Disabled:return{status:void 0,faded:!0,tooltip:e.workloadOdigosHealthStatus?.message,displaySource:e};default:return{status:void 0,faded:!1,displaySource:Xg(e)}}})(e);a=t.status,r=t.faded,l=t.tooltip,s=t.displaySource}else{const{priorotizedStatus:t,hasDisableds:n}=qi(e.conditions);a=t,r=n}const c=Zi(e,t,{extended:i,prioritizeDisplayName:!i});let d,p,u,h,m;switch(t){case kt.Source:{d=yn(e),p=ea(kt.Source);const t=n?.get(Qi(o));h=Tn(t);break}case kt.Destination:{const t=St(e.destinationType.type);p=t.icon,u=t.iconSrc;const i=n?.get(Qi(o));h=Tn(i),m=!e.disabled;break}case kt.Action:p=jt(e.type),m=!e.disabled;break;case kt.InstrumentationRule:p=Qt(e.type),m=!e.disabled}return{key:Qi(o),entityId:o,namespace:i?e.id.namespace:void 0,raw:s,itemProps:{entityId:o,entityType:t,title:c,status:a,faded:r,tooltip:l,throughput:h,icon:p,icons:d,iconSrc:u,isActive:m,raw:s}}})(e,n,S)).filter(Boolean),[o,n,S]),[w,T]=a(""),{elements:k,indexToNamespace:I,multipleNs:N,dividerCount:E}=c(()=>{const e=[],n=[],o=new Set(x.map(e=>e.namespace).filter(Boolean)).size>1;o&&(n.push(""),e.push(t("div",{style:{height:24}},"ns-spacer")));let i=0,a="";for(const o of x)h&&o.namespace&&o.namespace!==a&&(""!==a&&(n.push(o.namespace),e.push(t(Gg,{namespace:o.namespace},`ns-divider-${o.namespace}`)),i+=1),a=o.namespace),n.push(o.namespace||""),e.push(t(zg,{...o.itemProps},o.key));return{elements:e,indexToNamespace:n,multipleNs:o,dividerCount:i}},[x,h]);i(()=>{if(h&&I.length&&!w){const e=I.find(Boolean);e&&T(e)}},[h,I]);const O=d(e=>{if(!I.length)return;const t=I[Math.min(e,I.length-1)];t&&t!==w&&T(t)},[I,w]),$=58*x.length+(N?28:0)+32*E,A=Math.max(0,p-52-16),R=Math.min(A,$)+8,D="number"==typeof b?`${b}%`:m?`${o.length}/${l}`:l;return e(Kg,{children:[t(_g,{entityType:n,badge:D,badgeTooltip:m?Ze.FILTERED_COUNT_TOOLTIP:void 0,isLoading:s,refetch:u,partiallySelected:C>0&&o?.length!==C,allSelected:C>0&&o?.length===C,onSelectAll:h?e=>{if(h)if(e){const e={};o?.forEach(t=>{const{namespace:n}=t.id;e[n]?e[n].push(t):e[n]=[t]}),y(e)}else y({})}:void 0,progressPercent:b}),t(Yg,{children:o.length?e(Jg,{$height:R,children:[N&&w&&t(jg,{namespace:w}),t(gn,{gap:4,elements:k,onTopIndexChange:N?O:void 0})]}):s?t(ht,{size:3}):t(Lg,{entityType:n,description:Wg[n]??Ze.TO_COLLECT_OTEL_DATA})})]})},Zg=b.div`
|
|
1145
1179
|
width: 100%;
|
|
1146
1180
|
flex: 1;
|
|
1147
1181
|
min-height: 0;
|
|
@@ -1149,10 +1183,10 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1149
1183
|
display: flex;
|
|
1150
1184
|
align-items: stretch;
|
|
1151
1185
|
gap: 16px;
|
|
1152
|
-
`,
|
|
1186
|
+
`,Qg={sources:[],destinations:[]},ef=()=>{const n=Xi(),{selectedStreamName:o}=Qe(),{containerRef:i,containerHeight:a}=ta(),{sourcesApi:l,destinationsApi:r,actionsApi:s,instrumentationRulesApi:d,metricsApi:p}=Vl(),{items:u,loading:h}=l.useSources(),{items:m,loading:g}=r.useDestinations(),{items:f,loading:b}=s.useActions(),{items:v,loading:y}=d.useRules(),C=fn(e=>e.drawerType),{data:S}=p.useMetrics({skip:!u.length||!m.length||!!C,pollInterval:1e4,fetchPolicy:"network-only"}),x=S?.getOverviewMetrics??Qg,w=c(()=>Ui(u,o),[u,o]),T=c(()=>Yt(m,o),[m,o]),k=c(()=>na(w,n),[w,n]),I=c(()=>oa(T,n),[T,n]),N=c(()=>ia(f,n),[f,n]);return e(Zg,{ref:i,children:[t(qg,{entityType:kt.InstrumentationRule,entities:v,unfilteredCount:v.length,loading:y,maxHeight:a,refetch:d.fetchAll}),t(qg,{entityType:kt.Source,entities:k,unfilteredCount:w.length,metrics:x,loading:h,maxHeight:a,refetch:l.fetchAll}),t(qg,{entityType:kt.Action,entities:N,unfilteredCount:f.length,loading:b,maxHeight:a,refetch:s.fetchAll}),t(qg,{entityType:kt.Destination,entities:I,unfilteredCount:T.length,metrics:x,loading:g,maxHeight:a,refetch:r.fetchAll})]})},tf="40vw",nf=b.div`
|
|
1153
1187
|
position: relative;
|
|
1154
|
-
width: ${
|
|
1155
|
-
`,
|
|
1188
|
+
width: ${tf};
|
|
1189
|
+
`,of=b.div`
|
|
1156
1190
|
position: absolute;
|
|
1157
1191
|
top: calc(100% + 8px);
|
|
1158
1192
|
left: 0;
|
|
@@ -1161,23 +1195,23 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1161
1195
|
flex-direction: column;
|
|
1162
1196
|
gap: 8px;
|
|
1163
1197
|
padding: 8px;
|
|
1164
|
-
width: calc(${
|
|
1198
|
+
width: calc(${tf} - 16px);
|
|
1165
1199
|
border-radius: 12px;
|
|
1166
1200
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1167
1201
|
box-shadow: 0 12px 24px 24px rgba(0, 0, 0, 0.5);
|
|
1168
|
-
`,
|
|
1202
|
+
`,af=b.div`
|
|
1169
1203
|
display: flex;
|
|
1170
1204
|
align-items: center;
|
|
1171
1205
|
overflow-x: auto;
|
|
1172
|
-
`,
|
|
1206
|
+
`,lf=b.div`
|
|
1173
1207
|
display: flex;
|
|
1174
1208
|
flex-direction: column;
|
|
1175
1209
|
gap: 0;
|
|
1176
1210
|
max-height: 60vh;
|
|
1177
1211
|
overflow-y: auto;
|
|
1178
|
-
`,
|
|
1212
|
+
`,rf=b.div`
|
|
1179
1213
|
padding: 8px 12px 4px 12px;
|
|
1180
|
-
`,
|
|
1214
|
+
`,sf=b.div`
|
|
1181
1215
|
display: flex;
|
|
1182
1216
|
align-items: center;
|
|
1183
1217
|
gap: 8px;
|
|
@@ -1187,12 +1221,12 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1187
1221
|
&:hover {
|
|
1188
1222
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1189
1223
|
}
|
|
1190
|
-
`,
|
|
1224
|
+
`,cf=b.div`
|
|
1191
1225
|
padding: 16px 8px;
|
|
1192
|
-
`,
|
|
1226
|
+
`,df=({preventPopup:n=!1})=>{const o=v(),{selectedStreamName:i}=Qe(),{searchText:r,setSearchText:s}=Xi(),{setDrawerType:d,setDrawerEntityId:u}=fn(),{sourcesApi:h,destinationsApi:m,actionsApi:g,instrumentationRulesApi:f}=Vl(),b=h.useSources().items,y=m.useDestinations().items,C=g.useActions().items,S=f.useRules().items,x=p(null),[w,T]=a(!1),[k,I]=a("all"),N=!n&&(!!r||w),E=()=>{s(""),T(!1),I("all")};En(x,()=>E()),ro({key:"Escape",active:N},E);const{categories:O,searchResults:$}=c(()=>(({instrumentationRules:e,sources:t,actions:n,destinations:o,searchText:i,selectedCategory:a})=>{const l=i?e.filter(e=>e.type?.toLowerCase().includes(i)||e.ruleName?.toLowerCase().includes(i)):e,r=i?t.filter(e=>e.id.name?.toLowerCase().includes(i)||e.serviceName?.toLowerCase().includes(i)||e.id.namespace?.toLowerCase().includes(i)):t,s=i?n.filter(e=>e.type?.toLowerCase().includes(i)||e.name?.toLowerCase().includes(i)):n,c=i?o.filter(e=>e.destinationType.displayName?.toLowerCase().includes(i)||e.name?.toLowerCase().includes(i)):o,d=[{category:kt.Source,label:"Sources",count:r.length,entities:[]},{category:kt.Action,label:"Actions",count:s.length,entities:[]},{category:kt.Destination,label:"Destinations",count:c.length,entities:[]},{category:kt.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 p=d.filter(({count:e,category:t})=>!!e&&"all"!==t&&["all",t].includes(a)).map(e=>({...e,entities:e.category===kt.InstrumentationRule?l:e.category===kt.Source?r:e.category===kt.Action?s:e.category===kt.Destination?c:[]}));return{categories:d,searchResults:p}})({instrumentationRules:S,sources:Ui(b,i),actions:C,destinations:Yt(y,i),searchText:r,selectedCategory:k}),[S,b,C,y,i,r,k]),A=c(()=>O.filter(({count:e,category:t})=>!!e||"all"===t).map(({category:e,label:t,count:n})=>({value:e,label:n?`${t} (${n})`:t})),[O]),R=$.some(({entities:e})=>e.length>0);return e(nf,{ref:x,children:[t(mn,{value:r,onChange:e=>s(e.toLowerCase()),onFocus:()=>T(!0),width:tf}),N&&e(of,{children:[A.length>1&&t(af,{children:t(ce,{options:A,selected:k,setSelected:I})}),R?t(lf,{children:$.map(({category:n,label:i,entities:a},r)=>{if(!a.length)return null;const s=ea(n);return e(l,{children:[t(rf,{children:t(_e,{size:Te.XXS,color:Pe.Secondary,children:i})}),a.map((i,a)=>e(sf,{onClick:()=>{const e=Xt(i);e&&(d(Sn(n)),u(e),E())},children:[s&&t(s,{size:16,fill:o.v2.colors.white[500]}),t(_e,{size:Te.XS,nowrap:!0,children:Zi(i,n,{extended:!0})})]},`entity-${r}-${a}`))]},`category-list-${n}`)})}):t(cf,{children:t(xe,{hideIcon:!0,title:"No results",subTitle:r?`No matches for "${r}"`:"Start typing to search"})})]})]})},pf=({onRedirectToSampling:o})=>{const{sourcesApi:i}=Vl(),{items:a}=i.useSources(),{drawerType:l,drawerEntityId:r,setDrawerType:s,setDrawerEntityId:d}=fn(),p=()=>{s(null),d(null)},u=c(()=>a.map(({id:e})=>({id:`${e.namespace}/${e.kind}/${e.name}`,label:e.name,badge:e.kind,secondaryLabel:e.namespace})),[a]),h=c(()=>Array.from(new Set(a.map(({id:e})=>e.namespace))).sort().map(e=>({id:e,label:e})),[a]);return e(n,{children:[t(im,{}),l===go.AddSource&&t(ir,{children:t(vc,{onClose:p,withOverlay:!0})}),l===go.AddDestination&&t(ar,{children:t(tc,{onClose:p,withOverlay:!0})}),l===go.AddInstrumentationRule&&t(rr,{sourceOptions:u,namespaceOptions:h,children:t(nc,{onClose:p,withOverlay:!0})}),l===go.AddAction&&t(lr,{sourceOptions:u,namespaceOptions:h,children:t(js,{onClose:p,withOverlay:!0})}),l===go.EditSource&&t(cr,{children:t(Rh,{onClose:p,sourceId:r,onRedirectToSampling:o})}),l===go.EditDestination&&t(ar,{children:t(ap,{onClose:p,destinationId:r})}),l===go.EditInstrumentationRule&&t(rr,{sourceOptions:u,namespaceOptions:h,children:t(rp,{onClose:p,ruleId:r})}),l===go.EditAction&&t(lr,{sourceOptions:u,namespaceOptions:h,children:t(np,{onClose:p,actionId:r})})]})},uf=b.div`
|
|
1193
1227
|
position: relative;
|
|
1194
1228
|
display: inline-flex;
|
|
1195
|
-
`,
|
|
1229
|
+
`,hf=b.div`
|
|
1196
1230
|
display: inline-flex;
|
|
1197
1231
|
align-items: center;
|
|
1198
1232
|
gap: 6px;
|
|
@@ -1203,7 +1237,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1203
1237
|
&:hover {
|
|
1204
1238
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1205
1239
|
}
|
|
1206
|
-
`,
|
|
1240
|
+
`,mf=b.div`
|
|
1207
1241
|
position: absolute;
|
|
1208
1242
|
top: calc(100% + 8px);
|
|
1209
1243
|
left: 0;
|
|
@@ -1217,18 +1251,18 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1217
1251
|
border-radius: 12px;
|
|
1218
1252
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1219
1253
|
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.3);
|
|
1220
|
-
`,
|
|
1254
|
+
`,gf=b.div`
|
|
1221
1255
|
display: flex;
|
|
1222
1256
|
align-items: center;
|
|
1223
1257
|
gap: 8px;
|
|
1224
1258
|
width: 100%;
|
|
1225
|
-
`,
|
|
1259
|
+
`,ff=b.div`
|
|
1226
1260
|
display: flex;
|
|
1227
1261
|
flex-direction: column;
|
|
1228
1262
|
gap: 0;
|
|
1229
1263
|
max-height: 240px;
|
|
1230
1264
|
overflow-y: auto;
|
|
1231
|
-
`,
|
|
1265
|
+
`,bf=b.div`
|
|
1232
1266
|
display: flex;
|
|
1233
1267
|
align-items: center;
|
|
1234
1268
|
gap: 8px;
|
|
@@ -1239,29 +1273,29 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1239
1273
|
&:hover {
|
|
1240
1274
|
background-color: ${({$selected:e,theme:t})=>e?t.v2.colors.silver[600]:t.v2.colors.silver[700]};
|
|
1241
1275
|
}
|
|
1242
|
-
`,
|
|
1276
|
+
`,vf=b.div`
|
|
1243
1277
|
flex: 1;
|
|
1244
1278
|
min-width: 0;
|
|
1245
1279
|
overflow: hidden;
|
|
1246
1280
|
text-overflow: ellipsis;
|
|
1247
1281
|
white-space: nowrap;
|
|
1248
|
-
`,
|
|
1282
|
+
`,yf=b.div`
|
|
1249
1283
|
display: flex;
|
|
1250
1284
|
align-items: center;
|
|
1251
1285
|
gap: 2px;
|
|
1252
1286
|
flex-shrink: 0;
|
|
1253
|
-
`,
|
|
1287
|
+
`,Cf=b.div`
|
|
1254
1288
|
display: flex;
|
|
1255
1289
|
padding-top: 4px;
|
|
1256
1290
|
border-top: 1px solid ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1257
|
-
`,
|
|
1291
|
+
`,Sf=()=>{const o=v(),{isVm:l}=S(),{clearStore:r}=aa(),{dataStreamsApi:s}=Vl();s.useDataStreams();const{dataStreams:d,selectedStreamName:u,setSelectedStreamName:h}=Qe(),m=p(null),[g,f]=a(!1),[b,y]=a(""),[C,x]=a(""),[w,T]=a(!1),[k,I]=a(!1),[N,E]=a(!1),[O,$]=a(""),[A,R]=a(!1);En(m,()=>f(!1)),i(()=>{g||y("")},[g]);const D=c(()=>{if(!b)return d;const e=b.toLowerCase();return d.filter(({name:t})=>t.toLowerCase().includes(e))},[d,b]),_=g?ja:Ga;return l?null:e(n,{children:[e(uf,{ref:m,children:[e(hf,{"data-id":"data-stream-select",$isOpen:g,onClick:()=>f(e=>!e),children:[t(_l,{size:24}),t(_e,{size:Te.S,weight:500,nowrap:!0,children:(P=u,`Data Stream: ${P}`)}),t(Ke,{label:d.length,status:Ee.Unknown,textSize:Te.XXXS}),t(_,{size:20,fill:o.v2.colors.silver[200]})]}),g&&e(mf,{children:[t(gf,{children:t(mn,{value:b,onChange:y,placeholder:"Search streams...",width:"100%"})}),t(ff,{children:0===D.length?t(bf,{children:t(_e,{size:Te.XS,color:Pe.Secondary,children:"No streams match"})}):D.map(({name:n})=>{const o=n===la;return e(bf,{"data-id":`stream-row-${n}`,$selected:n===u,onClick:()=>(e=>{e!==u&&(r(),h(e)),f(!1)})(n),children:[t(vf,{children:t(_e,{size:Te.XS,nowrap:!0,children:n})}),e(yf,{children:[t(bt,{"data-id":`stream-edit-${n}`,icon:Ma,size:vt.XS,onClick:e=>{e.stopPropagation(),f(!1),x(n),T(!0)}}),!o&&t(bt,{"data-id":`stream-delete-${n}`,icon:Aa,size:vt.XS,onClick:e=>{e.stopPropagation(),f(!1),$(n),R(!0)}})]})]},`stream-${n}`)})}),t(Cf,{children:t(fe,{"data-id":"add-stream-trigger",variant:ve.Secondary,size:be.S,leftIcon:Ra,label:`${Lt.NEW} ${Ze.STREAM_NAME}`,fullWidth:!0,onClick:()=>{f(!1),r(),E(!0),I(!0)}})})]})]}),N&&t(dr,{defaultExcludeName:u,children:t(em,{isOpen:k,onClose:()=>I(!1),onCloseEnd:()=>E(!1)})}),C&&t(dr,{children:t(tm,{isOpen:w,dataStreamName:C,onClose:()=>T(!1),onCloseEnd:()=>x("")})}),t(Er,{target:`${Ze.STREAM_NAME.toLowerCase()} "${O}"`,isOpen:A,onClose:()=>R(!1),onApprove:async()=>{O&&await s.remove(O)}})]});var P},xf=()=>{const{selectedStreamName:o}=Qe(),{selectedSources:l,setSelectedSources:r}=Yi(),{sourcesApi:s}=Vl(),[p,u]=a(!1),[h,m]=a(!1),g=c(()=>Object.values(l).reduce((e,t)=>e+t.length,0),[l]),f=d(()=>{r({})},[r]),b=d(()=>u(!1),[]),v=d(()=>m(!1),[]);i(()=>{f()},[o,f]);const y=d(()=>{s.restartWorkloads(Object.values(l).flat().filter(e=>e.id.kind!==xn.StaticPod).map(bn)),f()},[s,l,f]),C=d(()=>{s.persistV2(Object.fromEntries(Object.entries(l).map(([e,t])=>[e,t.map(({id:e})=>({namespace:e.namespace,name:e.name,kind:e.kind||void 0,region:e.region,selected:!1,currentStreamName:o}))]))),f()},[s,l,o,f]),S=c(()=>[{id:"multi-source-deselect",type:hn.Button,buttonProps:{variant:ve.Text,size:be.S,label:"Deselect",onClick:f}},{id:"multi-source-restart",type:hn.Button,buttonProps:{variant:ve.Secondary,size:be.S,label:"Restart",leftIcon:bl,onClick:()=>u(!0)}},{id:"multi-source-uninstrument",type:hn.Button,buttonProps:{variant:ve.Primary,size:be.S,label:"Uninstrument",leftIcon:Aa,onClick:()=>m(!0)}}],[f]);return e(n,{children:[t(Fn,{isOpen:g>0,richTitle:{icon:Ja,title:"Selected sources",badge:{label:g}},actions:S}),t(qe,{isOpen:p,title:"Rollout Restart Workloads",description:"Are you sure you want to rollout restart these workloads?",onClose:b,denyButton:{label:"Go Back",variant:ve.Secondary,onClick:b},approveButton:{label:"Confirm",variant:ve.Primary,onClick:()=>{y(),b()}}}),t(Er,{isOpen:h,action:"uninstrument",target:`${g} source${1===g?"":"s"}`,onClose:v,onDeny:v,onApprove:C})]})},wf=C`
|
|
1258
1292
|
0% {
|
|
1259
1293
|
background-position: 200% 50%;
|
|
1260
1294
|
}
|
|
1261
1295
|
100% {
|
|
1262
1296
|
background-position: 0% 50%;
|
|
1263
1297
|
}
|
|
1264
|
-
`,
|
|
1298
|
+
`,Tf=b.div`
|
|
1265
1299
|
display: flex;
|
|
1266
1300
|
align-items: center;
|
|
1267
1301
|
justify-content: space-evenly;
|
|
@@ -1272,43 +1306,43 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1272
1306
|
|
|
1273
1307
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.v2.colors.pink[500]} 0%, ${e.v2.colors.purple[400]} 25%, ${e.v2.colors.green[500]} 50%, ${e.v2.colors.purple[400]} 75%, ${e.v2.colors.pink[500]} 100%)`};
|
|
1274
1308
|
background-size: 200% 100%;
|
|
1275
|
-
animation: ${
|
|
1276
|
-
`,
|
|
1309
|
+
animation: ${wf} 15s linear infinite;
|
|
1310
|
+
`,kf=[Ya,Ja,Va,Ha],If=({onRedirectToSampling:n})=>{const o=v();return e(zi,{children:[e(st,{fullHeight:!0,customTitle:t(Sf,{}),customSearch:t(df,{}),filters:t(Ag,{}),children:[t(Tf,{children:kf.map((n,i)=>e(l,{children:[t(n,{size:24}),i<kf.length-1&&t(Ua,{fill:o.v2.colors.white[500]+dt["020"],size:24})]},n.name))}),t(ef,{})]}),t(pf,{onRedirectToSampling:n}),t(xf,{})]})};var Nf;(e=>{e.Gateway="gateway",e.Node="node"})(Nf||(Nf={}));const Ef=({onClickDownloadDiagnose:n,onClickRefresh:o,loading:i,disabled:a})=>{const l=c(()=>{const e=[];return n&&e.push({id:ho(),type:hn.Button,buttonProps:{label:"Download Diagnose",leftIcon:Tl,size:be.S,variant:ve.Text,onClick:n,disabled:a}}),o&&e.push({id:ho(),type:hn.Button,buttonProps:{label:"Refresh",leftIcon:ll,size:be.S,variant:ve.Text,onClick:o,disabled:a,loading:i}}),e},[n,o,a,i]);return e(pe,{$alignItems:"center",$justifyContent:"space-between",children:[t(ra,{icon:Pl,title:"Collectors Pipeline"}),t(sa,{actions:l})]})},Of=({pod:n,onClose:o})=>{const{formatTimeAgo:i}=en(),{collectorsApi:a}=Vl(),{data:l}=a.usePodInfo(n?{namespace:n.namespace,name:n.name}:void 0,{skip:!n}),r=c(()=>[{id:ho(),title:"Node",label:l?.node??"-",withCopy:!0},{id:ho(),title:"Status",badge:{status:ca(l?.status),label:l?.status??"-"}}],[l]),s=c(()=>l?.containers?.map(e=>({id:ho(),items:[{id:ho(),title:"Container",label:e.name??"-"},{id:ho(),title:"Status",label:e.startedAt?`${e.status} (since ${i(e.startedAt)})`:e.status},{id:ho(),title:"Ready",badge:{status:e.ready?Ee.Success:Ee.Error,leftIcon:e.ready?_a:Pa,label:e.ready?"True":"False",invertColors:!0}},{id:ho(),title:"Started",badge:{status:e.started?Ee.Success:Ee.Error,leftIcon:e.started?_a:Pa,label:e.started?"True":"False",invertColors:!0}},{id:ho(),title:"Image Version",label:e.image?.split(":")?.[1]??"-"},{id:ho(),title:"Image Repository",label:e.image?.split(":")?.[0]??"-"},{id:ho(),title:Ze.RESTARTS,label:e.restarts.toString()},{id:ho(),title:"State Reason",label:e.stateReason??"-"},{id:ho(),title:"Resource Requests",label:`CPU ${e.resources.requests.cpu} • Memory ${e.resources.requests.memory}`},{id:ho(),title:"Resource Limits",label:`CPU ${e.resources.limits.cpu} • Memory ${e.resources.limits.memory}`}]}))||[],[l]);return t(Mt,{isOpen:!!n,header:{icon:sl,title:"Pod Information",onClose:o},children:l?e(Vt,{bgTint:"1000",richTitle:{icon:sl,title:l.name,withCopy:!0},children:[t(Vt,{bgTint:"900",cellsPerRow:2,items:r}),e(Vt,{bgTint:"900",richTitle:{icon:fl,title:Ze.DEBUG_COMMANDS},withCollapse:!0,collapseIsDefaultOpen:!0,children:[t(un,{value:`kubectl get pod ${l.name} -n ${l.namespace} -o yaml`}),t(un,{value:`kubectl describe pod ${l.name} -n ${l.namespace}`}),t(un,{value:`kubectl logs ${l.name} -n ${l.namespace}`})]}),t(Vt,{bgTint:"900",richTitle:{title:"Containers Overview"},withCollapse:!0,collapseIsDefaultOpen:!0,children:s.length?s.map(({id:e,items:n})=>t(Vt,{bgTint:"800",cellsPerRow:2,items:n},e)):t(xe,{title:"No containers",subTitle:"Pod has no containers"})}),t(Or,{bgTint:"900",yaml:l.manifestYAML,defaultOpen:!0})]}):t(mt,{$height:"50vh",children:t(yt,{withSpinner:!0})})})};var $f;(e=>{e.PodName="podName",e.Status="status",e.Restarts="restarts",e.NodeName="nodeName",e.SpanDropRate="spanDropRate",e.Age="age",e.DockerImage="dockerImage"})($f||($f={}));const Af=e=>{const t=[{key:$f.PodName,label:"Pod Name"},{key:$f.Status,label:"Status"},{key:$f.Restarts,label:Ze.RESTARTS},{key:$f.NodeName,label:"Node Name"},{key:$f.Age,label:"Age"},{key:$f.DockerImage,label:"Collector Version"}];return e&&t.splice(4,0,{key:$f.SpanDropRate,label:"Span Drop Rate",noSort:!0,noFilter:!0}),t},Rf=({isLoading:n,pods:o,withSpanDropRate:i})=>{const l=v(),{formatTimeAgo:r}=en(),[s,d]=a(null),p=c(()=>o.map(n=>({onClick:()=>d(n),cells:[{key:$f.PodName,rawValue:n.name},{key:$f.Status,rawValue:n.status,component:()=>{return e=n.status,t(Ke,{status:ca(e),label:e});var e}},{key:$f.Restarts,rawValue:n.restartsCount.toString()},{key:$f.NodeName,rawValue:n.nodeName},{key:$f.SpanDropRate,rawValue:0,component:()=>{const{collectorMetrics:o}=n;if(!o)return t(_e,{children:"-"});const i=(o?.metricsAcceptedRps??0)+(o?.metricsDroppedRps??0),a=i>0?Math.round((o?.metricsDroppedRps??0)/i*100):0,l=a>0?Ee.Error:Ee.Success,r=(o?.exporterSuccessRps??0)+(o?.exporterFailedRps??0),s=r>0?Math.round((o?.exporterFailedRps??0)/r*100):0,c=s>0?Ee.Error:Ee.Success;return e(pe,{$gap:4,children:[t(Fe,{text:`Accepted: ${o.metricsAcceptedRps.toLocaleString()} spans/s\nDropped: ${o.metricsDroppedRps.toLocaleString()} spans/s`,children:t(Ke,{status:l,label:`Receiver ${a}%`,leftIcon:l===Ee.Error?Ll:Fl,useSecondaryTone:!0,invertColors:!0})}),t(Fe,{text:`Success: ${o.exporterSuccessRps.toLocaleString()} spans/s\nFailed: ${o.exporterFailedRps.toLocaleString()} spans/s`,children:t(Ke,{status:c,label:`Exporter ${s}%`,leftIcon:c===Ee.Error?Ll:Fl,useSecondaryTone:!0,invertColors:!0})})]})}},{key:$f.Age,rawValue:r(n.creationTimestamp)},{key:$f.DockerImage,rawValue:n.image}]})),[o,l]);return e(Vt,{fullHeight:!0,bgTint:"1000",moreSpacing:!0,richTitle:{icon:sl,title:"Pods"},children:[t(Pn,{variant:Ln.Data,isLoading:n,columns:Af(i),rows:p}),t(Of,{pod:s,onClose:()=>d(null)})]})},Df=({isOpen:e,onClose:n,title:o,yaml:i})=>t(Mt,{isOpen:e,header:{icon:Ml,title:o,onClose:n},children:t(Or,{yaml:i,defaultOpen:!0})}),_f=e=>{switch(e){case da.Healthy:return"All desired replicas are updated, available, and ready";case da.Updating:return"Workload is progressing towards desired state (e.g., updating pods)";case da.Degraded:return"Progressing but with availability issues (e.g., not enough available replicas)";case da.Failed:return"Progress deadline exceeded or an unrecoverable error occurred";case da.Down:return"No available replicas";case da.Unknown:return"Status cannot be determined from current signals";default:return"Status unknown"}};var Pf;(e=>{e.ManifestYaml="manifest-yaml",e.ConfigMapYaml="configmap-yaml"})(Pf||(Pf={}));const Lf=b.div`
|
|
1277
1311
|
flex: 0.5;
|
|
1278
1312
|
padding: 12px;
|
|
1279
1313
|
border-radius: 12px;
|
|
1280
1314
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1281
|
-
`,
|
|
1315
|
+
`,Ff=({selectedTab:n,gatewayInfo:o,nodeCollectorInfo:i,isLoading:l})=>{const{formatTimeAgo:r}=en(),[s,d]=a(null),p=c(()=>(e=>{switch(e){case Nf.Gateway:return"Deployment";case Nf.Node:return"DaemonSet";default:return"Pipeline Collectors"}})(n),[n]),u=c(()=>((e,t,n,o)=>{const i={status:Ee.Disabled,label:"No rollouts yet"};let a=!1,l=null;switch(e){case Nf.Gateway:a=t?.rolloutInProgress??!1,l=t?.lastRolloutAt??null;break;case Nf.Node:a=n?.rolloutInProgress??!1,l=n?.lastRolloutAt??null;break;default:return i}return a?{status:Ee.Info,label:"Rollout in progress",rightIcon:ll,useSecondaryTone:!0}:l?{status:Ee.Disabled,label:`Last Rollout: ${o(l)}`}:i})(n,o,i,r),[o,i,n,r]),h=c(()=>((e,t,n,o)=>{let i=o?Ee.Info:Ee.Unknown,a=o?"Loading":da.Unknown,l=o?"Fetching data...":_f(da.Unknown);switch(e){case Nf.Gateway:i=t?.status?ca(t?.status):i,a=t?.status??a,l=t?.status?_f(t.status):l;break;case Nf.Node:i=n?.status?ca(n?.status):i,a=n?.status??a,l=n?.status?_f(n.status):l}return{status:i,title:a,description:l}})(n,o,i,l),[o,i,n,l]),m=c(()=>((e,t,n)=>{switch(e){case Nf.Gateway:return[{gaugeWidth:128,min:0,max:t?.hpa?.max??0,current:t?.hpa?.current??0,title:"HPA Spec",primaryLabel:"Current replicas",secondaryLabel:"Max replicas"}];case Nf.Node:return[{gaugeWidth:128,min:0,max:n?.nodes?.desired??0,current:n?.nodes?.ready??0,title:"Nodes",primaryLabel:"Ready nodes",secondaryLabel:"Desired nodes"}];default:return[]}})(n,o,i),[o,i,n]),g=c(()=>((e,t,n,o)=>{switch(e){case Nf.Gateway:return[{title:"Data throughput",cells:[{label:"Traces data",value:Tn(t?.throughputTracesBytesPerSec??0),isLoading:o},{label:"Metrics data",value:Tn(t?.throughputMetricsBytesPerSec??0),isLoading:o},{label:"Logs data",value:Tn(t?.throughputLogsBytesPerSec??0),isLoading:o}]},{title:"Resources (request/limit)",cells:[{label:"CPU",value:`${t?.resources?.requests.cpu}/${t?.resources?.limits.cpu}`,isLoading:o},{label:"Memory",value:`${t?.resources?.requests.memory}/${t?.resources?.limits.memory}`,isLoading:o}]}];case Nf.Node:return[{title:"Data Throughput",cells:[{label:"Traces data",value:Tn(n?.throughputTracesBytesPerSec??0),isLoading:o},{label:"Metrics data",value:Tn(n?.throughputMetricsBytesPerSec??0),isLoading:o},{label:"Logs data",value:Tn(n?.throughputLogsBytesPerSec??0),isLoading:o}]},{title:"Resources (request/limit)",cells:[{label:"CPU",value:`${n?.resources?.requests.cpu}/${n?.resources?.limits.cpu}`,isLoading:o},{label:"Memory",value:`${n?.resources?.requests.memory}/${n?.resources?.limits.memory}`,isLoading:o}]}];default:return[]}})(n,o,i,l),[o,i,n,l]),f=c(()=>(n===Nf.Gateway?o?.manifestYAML:i?.manifestYAML)??"",[o,i,n]),b=c(()=>(n===Nf.Gateway?o?.configMapYAML:i?.configMapYAML)??"",[o,i,n]);return e(Vt,{bgTint:"1000",moreSpacing:!0,richTitle:{icon:Ml,title:p,badge:u},actions:[{id:ho(),type:hn.ButtonDropData,buttonProps:{variant:ve.Secondary,size:be.S,label:"View YAML",onClick:e=>d(e)},dropDataProps:{items:[{id:Pf.ManifestYaml,label:p,icon:zl},{id:Pf.ConfigMapYaml,label:"ConfigMap",icon:zl}]}}],children:[e(pe,{$gap:16,children:[t("div",{children:t(pa,{...h})}),m.map(e=>t(Lf,{children:t("div",{children:t(ua,{...e})})},e.title)),g.map(e=>t(ha,{...e},e.title))]}),t(Df,{isOpen:s===Pf.ManifestYaml,onClose:()=>d(null),title:p,yaml:f}),t(Df,{isOpen:s===Pf.ConfigMapYaml,onClose:()=>d(null),title:"ConfigMap",yaml:b})]})},Mf=[{value:Nf.Gateway,label:"Gateway"},{value:Nf.Node,label:"Node Collector"}],zf=({minSupportedVersion:n})=>{const{isVersionSupported:o,version:i,minSupportedVersion:l}=S(n),[r,s]=a(Nf.Gateway),p=r===Nf.Gateway,u=r===Nf.Node,{collectorsApi:h,configApi:m}=Vl(),{data:g}=m.useEffectiveConfig(),{data:f,loading:b,refetch:v}=h.useGatewayInfo({skip:!p}),{data:y=[],loading:C,refetch:x}=h.useGatewayPods({skip:!p}),{data:w,loading:T,refetch:k}=h.useNodeCollectorInfo({skip:!u}),{data:I=[],loading:N,refetch:E}=h.useNodeCollectorPods({skip:!u}),O=p&&(b||C)||u&&(T||N),$=d(()=>{p?(v(),x()):u&&(k(),E())},[p,u,v,x,k,E]),A=c(()=>p?y:I,[y,I,p]);return e(zi,{children:[t(Ef,{disabled:!o,loading:O,onClickDownloadDiagnose:void 0,onClickRefresh:$}),e(ma,{children:[e(ee,{children:[t(ce,{variant:_n.Underline,size:ke.L,options:Mf,selected:r,setSelected:s}),t(Ff,{selectedTab:r,gatewayInfo:f??null,nodeCollectorInfo:w??null,isLoading:O})]}),t(Rf,{isLoading:O,pods:A,withSpanDropRate:!1===g?.odigosOwnTelemetryStore?.metricsStoreDisabled}),!o&&t(Rr,{minSupportedVersion:l,currentVersion:i||""})]})]})},Bf=b.div`
|
|
1282
1316
|
display: inline-flex;
|
|
1283
1317
|
align-items: center;
|
|
1284
1318
|
min-width: 0;
|
|
1285
1319
|
overflow: hidden;
|
|
1286
1320
|
white-space: pre;
|
|
1287
1321
|
text-overflow: ellipsis;
|
|
1288
|
-
`,
|
|
1322
|
+
`,Xf=b.div`
|
|
1289
1323
|
display: flex;
|
|
1290
1324
|
flex-direction: column;
|
|
1291
1325
|
gap: 4px;
|
|
1292
1326
|
min-width: 0;
|
|
1293
1327
|
flex: 1;
|
|
1294
1328
|
opacity: ${({$disabled:e})=>e?.4:1};
|
|
1295
|
-
`,
|
|
1329
|
+
`,Uf=b(pe)`
|
|
1296
1330
|
flex-shrink: 0;
|
|
1297
1331
|
gap: 6px;
|
|
1298
1332
|
align-items: center;
|
|
1299
1333
|
min-height: 22px;
|
|
1300
|
-
`,
|
|
1334
|
+
`,Vf=[{key:"content",label:"Content",noSort:!0,noFilter:!0,flex:1},{key:"badges",label:"Type",noSort:!0,noFilter:!0,flex:"0 0 128px"}],Hf=[{value:"all",label:ga},{value:"Relevance",label:"Relevance"},{value:"Duration",label:"Duration"},{value:"Error",label:"Error"}],jf=({title:n,items:o,isLoading:i,showTypeFilter:l,onRuleClick:r,onCreateRule:s,onEditRule:p,onDeleteRule:u})=>{const h=v(),[m,g]=a(""),[f,b]=a("all"),y=c(()=>{let e=((e,t,n)=>n&&"all"!==t?e.filter(e=>e.typeBadge===t):e)(o,f,l);return e=((e,t)=>{if(!t.trim())return e;const n=t.toLowerCase();return e.filter(e=>{const t=e.name?.toLowerCase().includes(n),o=e.summary.map(e=>e.text).join("").toLowerCase();return t||o.includes(n)})})(e,m),e},[o,f,l,m]),C=c(()=>y.map(n=>{const o=n.typeBadge?((e,t)=>{const n=e.v2.colors;switch(t){case"Relevance":return{bg:n.blue[700],text:n.white[500]};case"Duration":return{bg:n.purple[700],text:n.white[500]};case"Error":return{bg:n.red[500],text:n.black[500]}}})(h,n.typeBadge):void 0;return{cells:[{key:"content",rawValue:n.summary.map(e=>e.text).join(""),component:()=>e(Xf,{$disabled:n.disabled,children:[t(Bf,{children:t(w,{parts:n.summary})}),n.name&&t(_e,{size:Te.XXS,color:Pe.Secondary,nowrap:!0,children:n.name})]})},{key:"badges",rawValue:n.typeBadge||"",component:()=>e(Uf,{children:[n.disabled&&t(Ke,{label:Mn,textSize:Te.XXXS,backgroundColor:h.v2.colors.grey[700],textColor:h.v2.colors.grey[300]}),n.typeBadge&&o&&t(Ke,{label:n.typeBadge,textSize:Te.XXXS,backgroundColor:o.bg,textColor:o.text})]})}],onClick:()=>r(n)}}),[y,h,r]),S=c(()=>{const e=e=>t(Fa,{...e,fill:h.v2.colors.red[500]});return e.displayName="RedDeleteIcon",e},[h]),x=d(e=>{const t=C.indexOf(e);if(t<0)return[];const n=y[t];return n?[{id:"edit","data-id":"sampling-rule-action-edit",label:Vn,leftIcon:Ma,onClick:()=>p(n.ruleId,n.samplingId)},{id:"delete","data-id":"sampling-rule-action-delete",label:"",leftIcon:S,onClick:()=>u(n.ruleId,n.samplingId)}]:[]},[C,y,p,u,S]);return t(st,{fullHeight:!0,richTitle:{icon:Il,title:n,badge:{label:o.length,backgroundColor:h.v2.colors.silver[600],textColor:h.v2.colors.white[500]}},search:{"data-id":"sampling-search-rules",value:m,onChange:g,placeholder:"Search..",width:"500px",...l?{segment:{"data-id":"sampling-segment-type-filter",options:Hf,selected:f,setSelected:b}}:{}},children:t(Pn,{variant:Ln.Pretty,hideHeader:!0,isLoading:i,noDataProps:m.trim()?{hideIcon:!0,title:fa,subTitle:ya(m)}:{hideIcon:!0,title:va,button:{label:ba,onClick:s}},columns:Vf,rows:C,getRowActions:x})})},Gf=({docsUrl:n})=>{const{samplingApi:o,sourcesApi:l}=Vl(),{items:r}=l.useSources(),s=c(()=>r.map(e=>({id:e.id})),[r]),{items:u,loading:h,k8sHealthProbesConfig:m,refetch:g}=o.useSamplingRules(),f=d((e,t)=>o.createNoisy?.({samplingId:e,rule:t}),[o]),b=d((e,t,n)=>o.updateNoisy?.(t,{samplingId:e,rule:n}),[o]),v=d((e,t)=>o.createHighlyRelevant?.({samplingId:e,rule:t}),[o]),y=d((e,t,n)=>o.updateHighlyRelevant?.(t,{samplingId:e,rule:n}),[o]),C=d((e,t)=>o.createCostReduction?.({samplingId:e,rule:t}),[o]),S=d((e,t,n)=>o.updateCostReduction?.(t,{samplingId:e,rule:n}),[o]),x=d((e,t,n)=>"noisy"===n?o.deleteNoisy?.(t,e):"highlyRelevant"===n?o.deleteHighlyRelevant?.(t,e):"costReduction"===n?o.deleteCostReduction?.(t,e):void 0,[o]),w=d((e,t)=>o.updateK8sHealthProbesConfig?.({enabled:e,keepPercentage:t}),[o]),T=c(()=>s.map(({id:e})=>({id:`${e.namespace}/${e.kind}/${e.name}`,label:e.name,badge:e.kind,secondaryLabel:e.namespace})),[s]),k=c(()=>Array.from(new Set(s.map(({id:e})=>e.namespace))).sort().map(e=>({id:e,label:e})),[s]),[I,N]=a(P.Noisy),[E,O]=a(null),[$,D]=a(!1),[_,Q]=a(!1),[te,ne]=a(null),[oe,ie]=a(!1),[ae,le]=a(!1),[re,se]=a(!1),[de,ue]=a(!1);p(!1),i(()=>{},[h,u]);const{pendingViewSamplingRule:he,setPendingViewSamplingRule:me}=fn();i(()=>{if(!he)return;if(h||0===u.length)return;me(null);const e=L(u,he.ruleId,he.category);e&&(N(F[he.category]),D(!1),O(e))},[h,u,he,me]);const ge=c(()=>A(m),[m]),ye=c(()=>M(u),[u]),Ce=c(()=>R(ye?.rule??null),[ye]),Se=c(()=>z(u),[u]),xe=c(()=>B(Se?.rule??null),[Se]),we=p(E);we.current=E,i(()=>{const e=we.current;if(!e)return;const t=X(u,e);t?O(t):(O(null),D(!1))},[u]);const Te=c(()=>{const e=new Set;return ye&&e.add(ye.rule.ruleId),Se&&e.add(Se.rule.ruleId),e},[ye,Se]),Ie=c(()=>U(u,I,Te),[u,I,Te]),Oe=d(()=>Q(!0),[]),$e=d(()=>Q(!1),[]);d(()=>ue(!1),[]);const Ae=d(async e=>{const t=u[0]?.id??"default";switch(K[I]){case"noisy":await f(t,j(e));break;case"highlyRelevant":await v(t,H(e));break;case"costReduction":await C(t,V(e))}Q(!1)},[u,I,f,v,C]),Re=d(e=>{const t=G(u,e);t&&(D(!1),O(t))},[u]),De=d(()=>{O(null),D(!1)},[]),_e=d((e,t)=>{const n=E;if(n&&n.rule.ruleId===e&&n.samplingId===t)D(!0),O({...n});else for(const n of u){if(n.id!==t)continue;const o=[...n.noisyOperations.map(e=>({category:"noisy",rule:e})),...n.highlyRelevantOperations.map(e=>({category:"highlyRelevant",rule:e})),...n.costReductionRules.map(e=>({category:"costReduction",rule:e}))].find(t=>t.rule.ruleId===e);if(o)return D(!0),void O({category:o.category,rule:o.rule,samplingId:t,summary:W(o.category,o.rule)})}},[E,u]),Pe=d(async(e,t,n)=>{const o=E?.category;if(o){switch(o){case"noisy":await b(n,t,j(e));break;case"highlyRelevant":await y(n,t,H(e));break;case"costReduction":await S(n,t,V(e))}D(!1)}},[E,b,y,S]),Le=d((e,t)=>{ne({ruleId:e,samplingId:t})},[]),Fe=d(async()=>{if(!te)return;const{ruleId:e,samplingId:t}=te,n=E?.category||K[I];await x(t,e,n),O(null),D(!1),ne(null)},[te,E,I,x]),Me=d(()=>ne(null),[]),ze=d(async(e,t)=>{await w(e,t),ie(!1)},[w]),Be=d(async e=>{const t=u[0]?.id??"default",n=ye;n?await y(n.samplingId,n.rule.ruleId,{name:n.rule.name,disabled:!e,error:!0,sourceScopes:null,operation:null,percentageAtLeast:null,notes:n.rule.notes}):e&&await v(t,{name:"Auto - Keep All Error Traces",disabled:!1,error:!0,sourceScopes:null,operation:null,percentageAtLeast:null}),le(!1)},[u,ye,v,y]),Xe=d(async(e,t)=>{const n=u[0]?.id??"default",o=Se;o?await S(o.samplingId,o.rule.ruleId,{name:o.rule.name,disabled:!e,sourceScopes:null,operation:null,percentageAtMost:t,notes:o.rule.notes}):e&&await C(n,{name:"Auto - Drop Traces Cluster-Wide",disabled:!1,sourceScopes:null,operation:null,percentageAtMost:t}),se(!1)},[u,Se,C,S]),Ue=d(e=>{const t=K[I];let n=null;switch(t){case"noisy":{const o=j(e);n=Y(u,t,{sourceScopes:o.sourceScopes,operation:o.operation});break}case"highlyRelevant":{const o=H(e);n=Y(u,t,{sourceScopes:o.sourceScopes,operation:o.operation,error:o.error??!1,durationAtLeastMs:o.durationAtLeastMs});break}case"costReduction":{const o=V(e);n=Y(u,t,{sourceScopes:o.sourceScopes,operation:o.operation});break}}return n?{message:Ca,ruleId:n}:null},[u,I]),Ve=d(e=>{const t=E?.category,n=E?.rule.ruleId;if(!t)return null;let o=null;switch(t){case"noisy":{const i=j(e);o=Y(u,t,{sourceScopes:i.sourceScopes,operation:i.operation},n);break}case"highlyRelevant":{const i=H(e);o=Y(u,t,{sourceScopes:i.sourceScopes,operation:i.operation,error:i.error??!1,durationAtLeastMs:i.durationAtLeastMs},n);break}case"costReduction":{const i=V(e);o=Y(u,t,{sourceScopes:i.sourceScopes,operation:i.operation},n);break}}return o?{message:Ca,ruleId:o}:null},[u,E]),He=d(e=>{Q(!1);for(const t of u){const n=[...t.noisyOperations.map(e=>({category:"noisy",rule:e})),...t.highlyRelevantOperations.map(e=>({category:"highlyRelevant",rule:e})),...t.costReductionRules.map(e=>({category:"costReduction",rule:e}))].find(t=>t.rule.ruleId===e);if(n)return D(!0),void O({category:n.category,rule:n.rule,samplingId:t.id,summary:W(n.category,n.rule)})}},[u]),je=c(()=>{const e=[];return n&&e.push({id:ho(),type:hn.Button,buttonProps:{"data-id":"sampling-btn-docs",label:Sa,leftIcon:La,size:be.S,variant:ve.Text,onClick:()=>window.open(n,"_blank")}}),e.push({id:ho(),type:hn.Button,buttonProps:{"data-id":"sampling-btn-refresh",label:xa,leftIcon:ll,size:be.S,variant:ve.Text,onClick:g,loading:h}}),e.push({id:ho(),type:hn.Button,buttonProps:{"data-id":"sampling-btn-create-rule",label:wa,rightIcon:Ra,size:be.S,variant:ve.Primary,onClick:Oe}}),e},[n,g,h,Oe]);return e(zi,{children:[e(pe,{$gap:12,$justifyContent:"space-between",children:[t(ra,{icon:Il,title:ka,subTitle:Ta}),t(sa,{actions:je})]}),e(ee,{$gap:12,$fullHeight:!0,children:[t(ce,{variant:_n.Underline,size:ke.L,options:J,selected:I,setSelected:N}),e(pe,{$justifyContent:"space-between",children:[t(Ne,{status:Ee.Default,message:q[I]}),n&&t(fe,{"data-id":"sampling-btn-docs-banner",label:"Docs",leftIcon:La,size:be.S,variant:ve.Text,onClick:()=>window.open(n,"_blank")})]}),I===P.Noisy?t(fr,{title:at,summary:ge,onEdit:()=>ie(!0)}):I===P.HighlyRelevant?t(fr,{title:et,summary:Ce,onEdit:()=>le(!0)}):I===P.CostReduction?t(fr,{title:ot,summary:xe,onEdit:()=>se(!0)}):null,t(jf,{title:Z[I],items:Ie,isLoading:h,showTypeFilter:I===P.HighlyRelevant,onRuleClick:Re,onCreateRule:Oe,onEditRule:_e,onDeleteRule:Le})]}),t(Hh,{formType:Yl.View,data:E,defaultEditMode:$,onClose:De,onDelete:Le,onSaveEdit:Pe,sourceOptions:T,namespaceOptions:k,validateForm:Ve,onNavigateToDuplicate:He}),t(Hh,{formType:Yl.Create,isOpen:_,category:K[I],onClose:$e,onSubmit:Ae,sourceOptions:T,namespaceOptions:k,validateForm:Ue,onNavigateToDuplicate:He}),t(Hh,{formType:Yl.EditAutoNoisy,isOpen:oe,enabled:m?.enabled??!1,keepPercentage:m?.keepPercentage??0,onClose:()=>ie(!1),onSave:ze}),t(Hh,{formType:Yl.EditAutoHighlyRelevant,isOpen:ae,enabled:!!ye&&!ye.rule.disabled,onClose:()=>le(!1),onSave:Be}),t(Hh,{formType:Yl.EditAutoCostReduction,isOpen:re,enabled:!!Se&&!Se.rule.disabled,dropPercentage:Se?.rule.percentageAtMost??25,onClose:()=>se(!1),onSave:Xe}),t(qe,{title:Oa,description:Ea,isOpen:!!te,onClose:Me,denyButton:{label:Na,variant:ve.Secondary,onClick:Me},approveButton:{label:Ia,variant:ve.Primary,onClick:()=>{Fe(),Me()}}}),!1]})},Wf=b.div`
|
|
1301
1335
|
padding: 12px;
|
|
1302
1336
|
border-radius: 12px;
|
|
1303
1337
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1304
|
-
`,
|
|
1305
|
-
border: 1px ${({theme:e,$isSelected:t,$isVirtual:
|
|
1338
|
+
`,Kf=f(({id:e,data:n})=>t(Wf,{"data-id":e,children:t(xe,{...n})}));var Yf,Jf;Kf.displayName=Kf.name,(e=>{e.MapItem="map-item",e.NoData="no-data"})(Yf||(Yf={})),(e=>{e.AnimatedTraffic="animated-traffic"})(Jf||(Jf={}));const qf=(e,t,n)=>{if(n)return{icons:[gl],aggService:e,selected:!0};const o=e.isVirtual,i=o?[vn(e)]:t?yn(t):[Bl],{priorotizedStatus:a}=o?{priorotizedStatus:void 0}:qi(t?.conditions||[]);return{icons:i,status:a,isVirtual:o,aggService:e,selected:!0}},Zf=e=>!(!e||e.serviceName!==Op||e.id.namespace||e.id.name||e.id.kind),Qf=new Yr,eb={"elk.algorithm":"layered","elk.direction":"RIGHT","elk.layered.spacing.nodeNodeBetweenLayers":"150","elk.spacing.nodeNode":"120","elk.layered.nodePlacement.strategy":"NETWORK_SIMPLEX","elk.layered.spacing.edgeEdgeBetweenLayers":"30","elk.layered.spacing.edgeNodeBetweenLayers":"40"},tb=e=>{const t=e.lastIndexOf("|");return-1===t?{graphKey:e,detail:""}:{graphKey:e.substring(0,t),detail:e.substring(t+1)}},nb={id:{namespace:"",name:"",kind:""},serviceName:Op,markedForInstrumentation:{markedForInstrumentation:!0}},ob=h(null),ib=()=>{const e=m(ob);if(!e)throw new Error("useServiceMapContext must be used within a ServiceMapProvider");return e},ab=({serviceMap:e,children:n})=>{const o=v(),{sourcesApi:l}=Vl(),{items:r}=l.useSources(),[s,p,u]=Lr([]),[h,m,g]=Fr([]),[f,b]=a(0),y=d(()=>b(e=>e+1),[]),[C,S]=a(""),[x,w]=a(null),[T,k]=a(null),I=d(e=>k(t=>t===e?null:e),[]),N=d(()=>k(null),[]),E=d((e,t)=>{const n=new Set(e);p(e=>e.map(e=>e.type===Yf.MapItem&&n.has(e.id)?{...e,data:{...e.data,selected:t}}:e))},[p]);i(()=>{let t=!1;const n=(e=>{const t=new Map,n=new Set,o=(e,n,o=!1)=>{let i=t.get(e);return i||(i={serviceName:n,isVirtual:o,attributes:{},connectionMap:new Map},t.set(e,i)),i},i=(e,t)=>{if(t)for(const{key:n,value:o}of t)n in e||(e[n]=o)};for(const t of e){const{graphKey:e}=tb(t.nodeId),a=o(e,t.serviceName);a.isVirtual=!1;for(const e of t.services){const{graphKey:t,detail:l}=tb(e?.nodeId??"");e.isVirtual&&(n.add(t),i(o(t,e.serviceName,!0).attributes,e.nodeAttributes));let r=a.connectionMap.get(t);if(r||(r={targetGraphKey:t,targetServiceName:e.serviceName,totalRequests:0,lastDateTime:e.dateTime,details:[]},a.connectionMap.set(t,r)),r.totalRequests+=e.requests,e.dateTime>r.lastDateTime&&(r.lastDateTime=e.dateTime),l){const t=r.details.find(e=>e.value===l);t?(t.requests+=e.requests,e.dateTime>t.dateTime&&(t.dateTime=e.dateTime)):r.details.push({value:l,requests:e.requests,dateTime:e.dateTime})}}}const a=[...t.entries()];for(const[,{connectionMap:e}]of a)for(const[i,a]of e)t.has(i)||o(i,a.targetServiceName,n.has(i));const l=[];for(const[e,{serviceName:n,isVirtual:o,attributes:i,connectionMap:a}]of t){const t=[...a.values()];t.sort((e,t)=>e.targetGraphKey.localeCompare(t.targetGraphKey)),l.push({graphKey:e,serviceName:n,isVirtual:o,connections:t,attributes:i})}return l.sort((e,t)=>e.graphKey.localeCompare(t.graphKey)),l})(e),i=(({sources:e,aggregatedServiceMap:t})=>{const n=[],o={x:0,y:0};if(t.length&&e.length)for(const i of t){const t=e.find(e=>i.serviceName===e.serviceName||i.serviceName===e.id.name),a=Zf(t);n.push({id:i.graphKey,type:Yf.MapItem,position:o,data:qf(i,t,a),measured:{width:80,height:80}})}else n.push({id:Yf.NoData,type:Yf.NoData,position:o,data:{subTitle:Ze.ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC}});return n})({aggregatedServiceMap:n,sources:[nb].concat(r)});if(1===i.length&&i[0].id===Yf.NoData)return p(i),m([]),S(""),void y();const a=(({theme:e,nodes:t,aggregatedServiceMap:n})=>{const o=[],i=new Map(t.map(e=>[e.id,e]));for(const t of n){const n=t.graphKey,a=i.get(n);if(!a)continue;const l=a.data?.status===Ee.Error;for(const a of t.connections){const r=a.targetGraphKey;i.has(r)&&o.push({id:`${n}-to-${r}`,type:"smoothstep",source:n,target:r,data:{sourceGraphKey:t.graphKey,targetGraphKey:a.targetGraphKey},markerEnd:{type:Pr.ArrowClosed},style:{stroke:l?e?.colors.dark_red:e?.colors.border}})}}return o})({theme:o,nodes:i,aggregatedServiceMap:n});m(a);const l=i.map(e=>e.id).sort().join("|");if(l!==C)return(async(e,t,n={})=>{const o={id:"root",layoutOptions:{...eb,...n},children:e.map(e=>({id:e.id,width:80,height:80,...e.id===Op?{layoutOptions:{"elk.layered.layering.layerConstraint":"FIRST","elk.alignment":"CENTER"}}:{}})),edges:t.map(e=>({id:e.id,sources:[e.source],targets:[e.target]}))},i=await Qf.layout(o),a=new Map;return i.children?.forEach(e=>{a.set(e.id,{x:e.x??0,y:e.y??0})}),{nodes:e.map(e=>({...e,position:a.get(e.id)??e.position})),edges:t}})(i,a).then(({nodes:e})=>{t||(p(e),S(l),y())}),()=>{t=!0};p(e=>{const t=new Map(e.map(e=>[e.id,e]));return i.map(e=>{const n=t.get(e.id);return n?e.type===Yf.MapItem&&n.type===Yf.MapItem?{...e,position:n.position,data:{...e.data,selected:n.data.selected}}:{...e,position:n.position}:e})})},[o,e,r,C]);const O=c(()=>x||T?h.map(e=>{if(e.source===x||e.target===x||e.source===T||e.target===T)return{...e,type:Jf.AnimatedTraffic};const t={opacity:.3};return{...e,style:{...e.style,...t},labelStyle:{...e.labelStyle,...t},labelBgStyle:{...e.labelBgStyle,...t}}}):h,[h,x,T]),$=c(()=>({nodes:s,edges:O,onNodesChange:u,onEdgesChange:g,setNodesSelected:E,fitViewTrigger:f,hoveredNodeId:x,setHoveredNodeId:w,activeNodeId:T,toggleActiveNode:I,resetActiveNode:N}),[s,O,u,g,E,f,x,T,I,N]);return t(ob.Provider,{value:$,children:n})},lb=b.div`
|
|
1339
|
+
border: 1px ${({theme:e,$isSelected:t,$isVirtual:n})=>t?`solid ${e.v2.colors.blue[300]}`:n?`dashed ${e.v2.colors.silver[300]}`:"solid transparent"};
|
|
1306
1340
|
border-radius: 8px;
|
|
1307
1341
|
cursor: pointer;
|
|
1308
1342
|
opacity: ${({$isVirtual:e})=>e?.8:1};
|
|
1309
|
-
`,
|
|
1343
|
+
`,rb=b.div`
|
|
1310
1344
|
position: relative;
|
|
1311
|
-
`,
|
|
1345
|
+
`,sb=b.div`
|
|
1312
1346
|
position: absolute;
|
|
1313
1347
|
top: 100%;
|
|
1314
1348
|
left: 50%;
|
|
@@ -1317,7 +1351,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1317
1351
|
align-items: center;
|
|
1318
1352
|
gap: 4px;
|
|
1319
1353
|
margin-top: 4px;
|
|
1320
|
-
`,
|
|
1354
|
+
`,cb=f(({id:o,data:i})=>{const{icons:a,status:l,isVirtual:r}=i,s=v(),{activeNodeId:d,hoveredNodeId:p}=ib(),{isUserSource:u,isNodeSelected:h,isHovered:m}=c(()=>({isUserSource:o===Op,isNodeSelected:d===o,isHovered:p===o}),[o,d,p,o]),{isSelected:g,isHighlighted:f}=c(()=>({isSelected:h||u,isHighlighted:h||m||u}),[h,m,u]),b=l?Nn(l,s):null;return e(n,{children:[t(Mr,{type:"source",position:zr.Right,style:{visibility:"hidden"}}),t(Mr,{type:"target",position:zr.Left,style:{visibility:"hidden"}}),e(rb,{"data-id":o,children:[t(lb,{$isSelected:g,$isVirtual:r,children:t(Cn,{padding:12,icons:a,status:f?Ee.Info:l})}),e(sb,{children:[b&&t(b,{}),t(_e,{size:Te.XXS,nowrap:!0,children:o})]})]})]})});cb.displayName=cb.name;const db=b.div`
|
|
1321
1355
|
display: flex;
|
|
1322
1356
|
flex-direction: column;
|
|
1323
1357
|
gap: 12px;
|
|
@@ -1330,10 +1364,10 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1330
1364
|
top: 16px;
|
|
1331
1365
|
left: 8px;
|
|
1332
1366
|
z-index: ${({theme:e})=>e.v2.zIndex.drawer};
|
|
1333
|
-
`,
|
|
1367
|
+
`,pb=({children:e})=>t(db,{children:e});var ub,hb;(e=>{e.All="All",e.Inbound="Inbound",e.Outbound="Outbound"})(ub||(ub={})),(e=>{e.Inbound="Inbound",e.Outbound="Outbound"})(hb||(hb={}));const mb=b.div`
|
|
1334
1368
|
flex: 1 1 auto;
|
|
1335
1369
|
min-height: 0;
|
|
1336
|
-
`,
|
|
1370
|
+
`,gb=()=>{const{nodes:n,activeNodeId:o,resetActiveNode:i}=ib(),[l,r]=a(ub.All),s=c(()=>{const e=new Map;for(const t of n)t.type===Yf.MapItem&&e.set(t.id,t);return e},[n]),d=c(()=>s.get(o??""),[s,o]),{inbound:p,outbound:u}=c(()=>{const e=[],t=[];if(!d)return{inbound:e,outbound:t};for(const e of d.data.aggService?.connections??[])t.push({peerId:e.targetGraphKey,direction:hb.Outbound,totalRequests:e.totalRequests});for(const t of s.values())if(t.id!==d.id)for(const n of t.data.aggService?.connections??[])n.targetGraphKey===d.id&&e.push({peerId:t.id,direction:hb.Inbound,totalRequests:n.totalRequests});return e.sort((e,t)=>e.peerId.localeCompare(t.peerId)),t.sort((e,t)=>e.peerId.localeCompare(t.peerId)),{inbound:e,outbound:t}},[d,s]);if(!d)return null;const h=[ub.All,ub.Inbound].includes(l)&&p.length>0,m=[ub.All,ub.Outbound].includes(l)&&u.length>0;return e(pb,{children:[e(pe,{$width:"100%",$gap:8,children:[t(fe,{variant:ve.Text,size:be.S,leftIcon:il,onClick:i}),t(Cn,{icons:d.data.icons}),t(_e,{size:Te.XS,children:d.id})]}),t(ce,{fullWidth:!0,options:[{label:`${ub.All}`,value:ub.All,badge:{label:`${p.length+u.length}`}},{label:`${ub.Inbound}`,value:ub.Inbound,badge:{label:`${p.length}`}},{label:`${ub.Outbound}`,value:ub.Outbound,badge:{label:`${u.length}`}}],selected:l,setSelected:r}),h&&t(bb,{halfHeight:m,title:"Inbound",icon:hl,connections:p,mapNodesById:s}),m&&t(bb,{halfHeight:h,title:"Outbound",icon:ml,connections:u,mapNodesById:s})]})},fb=b.div`
|
|
1337
1371
|
display: flex;
|
|
1338
1372
|
flex-direction: column;
|
|
1339
1373
|
gap: 8px;
|
|
@@ -1341,17 +1375,17 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1341
1375
|
border-radius: 12px;
|
|
1342
1376
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1343
1377
|
height: ${({$halfHeight:e})=>e?"48%":"100%"};
|
|
1344
|
-
`,
|
|
1378
|
+
`,bb=({halfHeight:n,title:o,icon:i,connections:a,mapNodesById:l})=>{const r=v();return e(fb,{$halfHeight:n,children:[e(pe,{children:[t(i,{size:16,fill:r.v2.colors.grey[300]}),t(_e,{size:Te.XXS,color:Pe.Secondary,children:o})]}),t(mb,{children:t(gn,{gap:4,elements:a.map(e=>t(yb,{connection:e,peerNode:l.get(e.peerId)},`${e.direction}-${e.peerId}`))})})]})},vb=b.div`
|
|
1345
1379
|
display: flex;
|
|
1346
1380
|
align-items: center;
|
|
1347
1381
|
gap: 8px;
|
|
1348
1382
|
padding: 8px;
|
|
1349
1383
|
border-radius: 8px;
|
|
1350
1384
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1351
|
-
`,
|
|
1385
|
+
`,yb=({connection:n,peerNode:o})=>e(vb,{children:[o&&t(Cn,{icons:o.data.icons}),e(pe,{$gap:4,$width:"100%",$justifyContent:"space-between",children:[t(_e,{size:Te.XXS,children:n.peerId}),t(Ke,{label:n.totalRequests,tooltip:"Total requests"})]})]}),Cb="0;0.5;1",Sb=f(({id:o,sourceX:i,sourceY:a,targetX:l,targetY:r,sourcePosition:s,targetPosition:c,markerEnd:d})=>{const p=v(),[u]=Br({sourceX:i,sourceY:a,targetX:l,targetY:r,sourcePosition:s,targetPosition:c}),h=`${o}__animated-traffic-motion`,m=p.v2.colors.blue[700],g=p.v2.colors.blue[900],f=p.v2.colors.blue[500],b="4s";return e(n,{children:[t(Xr,{id:o,path:u,markerEnd:d,style:{stroke:m,strokeWidth:1}}),t(Ur,{children:e("svg",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"visible",pointerEvents:"none"},children:[t("path",{id:h,d:u,fill:"none",stroke:"none"}),Array.from({length:5}).map((n,o)=>{const i=`-${(.8*o).toFixed(3)}s`;return e("circle",{r:0,fill:g,children:[t("animateMotion",{dur:b,begin:i,repeatCount:"indefinite",children:t("mpath",{href:`#${h}`})}),t("animate",{attributeName:"r",dur:b,begin:i,repeatCount:"indefinite",keyTimes:Cb,values:"0;3.5;3.5"}),t("animate",{attributeName:"fill",dur:b,begin:i,repeatCount:"indefinite",keyTimes:Cb,values:`${g};${f};${f}`})]},o)})]})})]})});Sb.displayName=Sb.name;const xb=b.div`
|
|
1352
1386
|
flex: 1 1 auto;
|
|
1353
1387
|
min-height: 0;
|
|
1354
|
-
`,
|
|
1388
|
+
`,wb=({})=>{const{nodes:n,setNodesSelected:o,resetActiveNode:i}=ib(),[l,r]=a(""),s=c(()=>n.filter(e=>e.type===Yf.MapItem).sort((e,t)=>e.id.localeCompare(t.id)),[n]),p=c(()=>s.filter(e=>e.data.selected),[s]),u=c(()=>s.filter(e=>e.id.toLowerCase().includes(l.toLowerCase())),[s,l]),h=c(()=>u.every(e=>e.data.selected),[u]),m=d(()=>{const e=!h;o(u.map(e=>e.id),e),e||i()},[u,h,o,i]);return s.length?e(pb,{children:[e(pe,{$width:"100%",$gap:8,children:[t(_e,{size:Te.XS,children:"Services"}),t(Ke,{label:s.length})]}),t(mn,{width:"100%",value:l,onChange:r}),e(pe,{$width:"100%",$justifyContent:"space-between",children:[t(_e,{size:Te.XXXS,children:`Showing ${p.length} out of ${s.length}`}),t(_e,{"data-id":"namespaces-select-all",onClick:m,disabled:!u.length,size:Te.XS,children:h?Ze.UNSELECT_ALL:Ze.SELECT_ALL})]}),t(xb,{children:t(gn,{gap:4,elements:u.map(e=>t(kb,{node:e},e.id))})})]}):null},Tb=b.div`
|
|
1355
1389
|
display: flex;
|
|
1356
1390
|
align-items: center;
|
|
1357
1391
|
gap: 8px;
|
|
@@ -1359,7 +1393,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1359
1393
|
border-radius: 8px;
|
|
1360
1394
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1361
1395
|
cursor: pointer;
|
|
1362
|
-
`,
|
|
1396
|
+
`,kb=({node:n})=>{const{setNodesSelected:o,activeNodeId:i,resetActiveNode:a}=ib(),l=d(()=>{const e=!n.data.selected,t=i===n.id;o([n.id],e),!e&&t&&a()},[n,i,o,a]);return e(Tb,{onClick:l,children:[t(ne,{value:n.data.selected||!1,onChange:l}),t(Cn,{icons:n.data.icons}),t(_e,{size:Te.XXS,children:n.id})]},n.id)},Ib=b.div`
|
|
1363
1397
|
position: relative;
|
|
1364
1398
|
height: 100%;
|
|
1365
1399
|
.react-flow__attribution {
|
|
@@ -1368,7 +1402,7 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1368
1402
|
* {
|
|
1369
1403
|
transition: none;
|
|
1370
1404
|
}
|
|
1371
|
-
`,
|
|
1405
|
+
`,Nb=b.div`
|
|
1372
1406
|
.react-flow__controls {
|
|
1373
1407
|
display: flex;
|
|
1374
1408
|
align-items: center;
|
|
@@ -1394,33 +1428,33 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1394
1428
|
}
|
|
1395
1429
|
}
|
|
1396
1430
|
}
|
|
1397
|
-
`,
|
|
1431
|
+
`,Eb={[Yf.MapItem]:cb,[Yf.NoData]:Kf},Ob={[Jf.AnimatedTraffic]:Sb},$b={duration:300,padding:.1,includeHiddenNodes:!0,maxZoom:1},Ab=({trigger:e})=>{const{fitView:t}=Kr(),n=p(!0);return i(()=>{n.current?n.current=!1:e>0&&requestAnimationFrame(()=>t($b))},[e,t]),null},Rb=({onRefresh:n})=>{const{nodes:o,edges:i,fitViewTrigger:a,onNodesChange:l,onEdgesChange:r,setHoveredNodeId:s,toggleActiveNode:d}=ib(),p=c(()=>{const e=new Set(o.filter(e=>e.type===Yf.MapItem&&e.data.selected).map(e=>e.id)),t=new Set;for(const n of i)e.has(n.source)&&t.add(n.target),e.has(n.target)&&t.add(n.source);return o.filter(e=>e.type!==Yf.MapItem||e.data.selected||t.has(e.id))},[o,i]);return e(Hr,{zoomOnScroll:!0,nodes:p,nodeTypes:Eb,edges:i,edgeTypes:Ob,onNodeClick:(e,t)=>d(t.id),onNodeMouseEnter:(e,t)=>s(t.id),onNodeMouseLeave:()=>s(null),onNodesChange:l,onEdgesChange:r,children:[t(jr,{}),t(Ab,{trigger:a}),t(Nb,{children:t(Gr,{position:"top-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:$b,children:t(Wr,{onClick:n,children:t(ll,{})})})})]})},Db=n=>t(Vr,{children:e(Ib,{children:[t(Rb,{...n}),t(wb,{}),t(gb,{})]})}),_b=b.div`
|
|
1398
1432
|
width: 100%;
|
|
1399
1433
|
flex: 1;
|
|
1400
1434
|
align-self: stretch;
|
|
1401
1435
|
min-height: 0;
|
|
1402
1436
|
height: 100%;
|
|
1403
1437
|
position: relative;
|
|
1404
|
-
`,
|
|
1438
|
+
`,Pb=()=>{const{serviceMapApi:e}=Vl(),{data:n,refetch:o}=e.useServiceMap({pollInterval:5e3,fetchPolicy:"cache-and-network"});return t(ab,{serviceMap:n?.serviceMap??[],children:t(_b,{children:t(Db,{onRefresh:o})})})},Lb=b.div`
|
|
1405
1439
|
display: flex;
|
|
1406
1440
|
align-items: center;
|
|
1407
1441
|
justify-content: space-between;
|
|
1408
1442
|
padding: 0 12px;
|
|
1409
|
-
`,
|
|
1443
|
+
`,Fb=b.div`
|
|
1410
1444
|
display: flex;
|
|
1411
1445
|
align-items: center;
|
|
1412
1446
|
gap: 8px;
|
|
1413
|
-
|
|
1447
|
+
`,Mb=b.div`
|
|
1414
1448
|
width: 1px;
|
|
1415
1449
|
height: 20px;
|
|
1416
1450
|
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1417
|
-
`,
|
|
1451
|
+
`,zb=({disabled:n,loading:o,onClickShowYaml:i,onClickReset:l,onClickRefresh:r})=>{const s=v(),[d,p]=a(!1),u=c(()=>i?[{id:ho(),type:hn.Button,buttonProps:{label:"Show Config YAML",leftIcon:zl,size:be.S,variant:ve.Secondary,onClick:i,disabled:n}}]:[],[i,n]),h=c(()=>{const e=[];return r&&e.push({id:ho(),type:hn.Button,buttonProps:{leftIcon:ll,tooltip:"Refresh",hideTooltipIcon:!0,size:be.S,variant:ve.Text,onClick:r,disabled:n,loading:o}}),l&&e.push({id:ho(),type:hn.Button,buttonProps:{leftIcon:Aa,tooltip:"Reset to defaults",hideTooltipIcon:!0,size:be.S,variant:ve.Text,textColor:s.v2.colors.red[500],onClick:()=>p(!0),disabled:n}}),e},[n,o,l,r,s]),m=u.length>0,g=h.length>0;return e(Lb,{children:[t(ra,{icon:rl,title:"Odigos Settings"}),e(Fb,{children:[m&&t(sa,{actions:u}),m&&g&&t(Mb,{}),g&&t(sa,{actions:h})]}),t(qe,{isOpen:d,onClose:()=>p(!1),title:"Reset Settings",description:"Are you sure you want to reset the settings? This will clear the odigos-local-ui-config and reset the settings to the default values.",denyButton:{label:"Deny",variant:ve.Secondary,onClick:()=>p(!1)},approveButton:{label:"Approve",variant:ve.Primary,onClick:()=>{l?.(),p(!1)}}})]})},Bb=b(ee)`
|
|
1418
1452
|
width: 220px;
|
|
1419
1453
|
flex-shrink: 0;
|
|
1420
1454
|
height: 100%;
|
|
1421
1455
|
gap: 4px;
|
|
1422
1456
|
overflow-y: auto;
|
|
1423
|
-
`,
|
|
1457
|
+
`,Xb=({options:e,selected:n,setSelected:o,disabled:i})=>t(Bb,{children:e.map(e=>t(Hs,{dataId:`settings-nav-${e.id}`,title:e.label,isSelected:n===e.id,disabled:i,onClick:()=>o(e.id)},e.id))}),Ub=b(ee)`
|
|
1424
1458
|
width: 100%;
|
|
1425
1459
|
/* side menu (220) + gap (24) + form (600) = 844, so content fills exactly with no dead space */
|
|
1426
1460
|
max-width: 844px;
|
|
@@ -1430,25 +1464,25 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1430
1464
|
gap: 24px;
|
|
1431
1465
|
flex: 1;
|
|
1432
1466
|
min-height: 0;
|
|
1433
|
-
`,
|
|
1467
|
+
`,Vb=b(pe)`
|
|
1434
1468
|
flex: 1;
|
|
1435
1469
|
min-height: 0;
|
|
1436
1470
|
width: 100%;
|
|
1437
1471
|
align-self: stretch;
|
|
1438
|
-
`,
|
|
1472
|
+
`,Hb=b(ee)`
|
|
1439
1473
|
flex: 1;
|
|
1440
1474
|
min-height: 0;
|
|
1441
1475
|
height: 100%;
|
|
1442
1476
|
max-width: 600px;
|
|
1443
1477
|
overflow-y: auto;
|
|
1444
|
-
`,
|
|
1478
|
+
`,jb=b(pe)`
|
|
1445
1479
|
gap: 8px;
|
|
1446
1480
|
width: 100%;
|
|
1447
1481
|
align-items: center;
|
|
1448
|
-
`,
|
|
1482
|
+
`,Gb=b.div`
|
|
1449
1483
|
flex: 1;
|
|
1450
1484
|
min-width: 0;
|
|
1451
|
-
`,
|
|
1485
|
+
`,Wb=e=>"general"===e.name?0:"advanced"===e.name?2:1,Kb=({minSupportedVersion:o})=>{const{isVersionSupported:l,version:r,isEnterprise:s,minSupportedVersion:d}=S(o),{configApi:p}=Vl(),{data:u,loading:h}=p.useConfigYamls(),{data:m,loading:g,refetch:f}=p.useEffectiveConfig(),b=u?.configYamls??[],[v,y]=a(!1),C=c(()=>{if(!m)return{};const{manifestYAML:e,provenance:t,...n}=m;return n},[m]),{formData:x,handleFormChange:w,getNestedValue:T,getFormDiff:k,isFormDirty:I}=Gt(C);i(()=>{"{}"!==JSON.stringify(C)&&"{}"===JSON.stringify(x)&&w(void 0,void 0,C)},[C,x]);const N=c(()=>[...b].sort((e,t)=>Wb(e)-Wb(t)),[b]),E=c(()=>(e=>{if(!e)return{};const t={};for(const n of e)t[n.helmPath]=n.reconciledFrom;return t})(m?.provenance),[m?.provenance]),O=c(()=>{const e=new Set;for(const t of b)for(const n of t.fields)n.componentType===Bt.Dropdown&&e.add(n.helmValuePath);return e},[b]),$=c(()=>b.flatMap(e=>e.fields.map(e=>({name:e.helmValuePath,value:T("formData",e.helmValuePath)}))),[b,x,T]),[A,R]=a(!1),[D,_]=a(!1),P=c(()=>[{id:ho(),type:hn.Button,buttonProps:{"data-id":"settings-save",variant:ve.Primary,size:be.S,label:"Save Changes",leftIcon:Wa,loading:v,onClick:()=>R(!0)}},{id:ho(),type:hn.Button,buttonProps:{"data-id":"settings-cancel",variant:ve.Secondary,size:be.S,label:"Cancel",leftIcon:Ka,onClick:()=>w(void 0,void 0,C)}}],[v,k,C,x,w]),L=c(()=>N.map(e=>({id:e.name,label:e.displayName})),[N]),F=c(()=>N.map(e=>e.name),[N]),{selectedSection:M,setSelectedSection:z,setSectionRef:B,setScrollContainerRef:X}=$a({sectionNames:F});return t(zi,{$gap:24,children:e(Ub,{children:[t(zb,{disabled:!l,loading:h||g,onClickShowYaml:()=>_(!0),onClickReset:async()=>{await(async()=>{p.resetLocalUiConfigToDefaults&&await p.resetLocalUiConfigToDefaults()})(),await(f?.()),w(void 0,void 0,{})},onClickRefresh:f?()=>f():void 0}),e(ma,{children:[!l&&t(Rr,{minSupportedVersion:d,currentVersion:r||""}),t(Fn,{isOpen:I,richTitle:{icon:rl,title:"Config Settings"},actions:P}),t(qe,{isOpen:A,title:"Save Changes via UI?",description:"We recommend updating via your Helm values.yaml to ensure changes are version-controlled and go through a proper review process.",onClose:()=>R(!1),denyButton:{label:"Keep editing",variant:ve.Secondary,onClick:()=>R(!1)},approveButton:{label:"Save changes",variant:ve.Primary,onClick:()=>{(async()=>{const e=((e,t)=>{const n=(e,t,n)=>{for(let n=0;n<t.length-1;n++){const o=t[n];o in e&&"object"==typeof e[o]&&null!==e[o]||(e[o]={}),e=e[o]}e[t[t.length-1]]=n},o=JSON.parse(JSON.stringify(e));for(const e of t){const t=e.split(".");let i=o;for(const e of t){if(null==i||"object"!=typeof i){i=void 0;break}i=i[e]}"string"==typeof i&&n(o,t,i.replaceAll("-","_"))}return o})(k(C,x),O);await(async e=>{p.updateLocalUiConfig&&(y(!0),await p.updateLocalUiConfig(e),y(!1),await f())})(e),w(void 0,void 0,{})})(),R(!1)}}}),e(Vb,{$gap:24,$alignItems:"stretch",children:[!!b.length&&t(Xb,{options:L,selected:M,setSelected:z,disabled:!l}),t(Hb,{ref:X,$gap:24,$width:"100%",children:b.length?N.map(o=>t(st,{id:o.name,bordered:!0,ref:e=>B(o.name,e),customTitle:t(_e,{size:Te.M,weight:500,color:Pe.Primary,children:o.displayName}),children:t(ee,{$gap:24,children:o.fields.map(o=>{if(o.isEnterpriseOnly&&!s)return null;if(o.renderCondition&&!Kt(o.renderCondition,[],$))return null;const i=wt(o.componentProps||"{}",{}),a=E[o.helmValuePath],l=o.componentType===Bt.Toggle,r=t(_e,{size:Te.XS,weight:500,color:Pe.Primary,children:o.displayName}),c=(e=>{if(e)return"odigos-local-ui-config"===e?{status:Ee.Warning,label:"Edited in UI",tooltip:`Reconciled from ${e}`}:"odigos-configuration"===e?{status:Ee.Unknown,useSecondaryTone:!0,label:"Cluster config",tooltip:`Reconciled from ${e}`}:{status:Ee.Unknown,useSecondaryTone:!0,label:e,tooltip:`Reconciled from ${e}`}})(a),d=c?t(Ke,{...c}):null,p=o.description?t(_e,{size:Te.XXS,color:Pe.Secondary,children:o.description}):null,u=e(ee,{$gap:4,children:[e(pe,{$gap:8,$alignItems:"center",children:[r,d]}),p]}),h=t(Dr,{componentType:o.componentType,inputType:i.type,name:o.helmValuePath,disabled:o.isHelmOnly||v,value:T("formData",o.helmValuePath),setValue:e=>w(o.helmValuePath,e),dropdownOptions:i.options?.map(e=>({id:e,label:e})),dropdownNoSearch:!0,dropdownNoCheckbox:!0,toggleSize:Nt.S},o.helmValuePath),m=o.isHelmOnly?t(Fe,{text:"This field can only be updated via the Helm values.yaml file",children:t(Xl,{})}):null;return t(ee,{$gap:8,children:l?e(pe,{$gap:12,$justifyContent:"space-between",$alignItems:"flex-start",children:[u,e(pe,{$gap:8,$alignItems:"center",children:[m,h]})]}):e(n,{children:[u,e(jb,{children:[t(Gb,{children:h}),m]})]})},o.helmValuePath)})})},o.name)):h?t(mt,{$height:"30vh",children:t(yt,{withSpinner:!0})}):t(st,{richTitle:{icon:rl,title:"Config Settings"},children:t(xe,{title:"YAML not found",subTitle:"The YAML for this resource is not available"})})})]}),t(Mt,{isOpen:D,width:"40vw",minWidth:"480px",header:{icon:zl,title:"Effective Config YAML",onClose:()=>_(!1)},children:g&&!m?.manifestYAML?t(mt,{$height:"30vh",children:t(yt,{withSpinner:!0})}):t(Or,{yaml:m?.manifestYAML?.replaceAll(" |",""),defaultOpen:!0,fullHeight:!0})})]})]})})},Yb=b.div`
|
|
1452
1486
|
position: fixed;
|
|
1453
1487
|
bottom: 12px;
|
|
1454
1488
|
left: 12px;
|
|
@@ -1457,4 +1491,4 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import n,{useEff
|
|
|
1457
1491
|
flex-direction: column-reverse;
|
|
1458
1492
|
gap: 6px;
|
|
1459
1493
|
max-width: 600px;
|
|
1460
|
-
`,
|
|
1494
|
+
`,Jb=()=>{const{notifications:e,markAsDismissed:n,markAsSeen:o}=qt(),i=e.filter(({dismissed:e})=>!e);return t(Yb,{children:i.map(({id:e,type:a,title:l,message:r},s)=>{const c=r||l;if(!c)return null;const d=i.length-s;return t(Ne,{status:a,message:c,onClose:({asSeen:t})=>(({id:e,asSeen:t})=>{n(e),t&&o(e)})({id:e,asSeen:t}),zIndex:d},`toast-${e}`)})})};export{js as AddActionDrawer,gs as AddActionForm,em as AddDataStreamModal,tc as AddDestinationDrawer,bs as AddDestinationForm,nc as AddRuleDrawer,ks as AddRuleForm,vc as AddSourceDrawer,rg as CentralConnections,qd as CloudConnectorStep,ep as CreateCloudConnectorDrawer,eg as CreateNewType,Ns as DataStreamForm,Is as DataStreamMergeWarning,np as EditActionDrawer,op as EditConfigDrawer,tm as EditDataStreamModal,ap as EditDestinationDrawer,rp as EditRuleDrawer,Rh as EditSourceDrawer,Es as EditSourceForm,Sg as Onboarding,im as OnboardingDone,If as Overview,zf as PipelineCollectors,pr as RegexTesterDrawer,Zm as SamplingOnboardingModal,Hh as SamplingRuleDrawer,_s as SamplingRuleForm,Gf as SamplingRules,Pb as ServiceMap,Kb as Settings,Qh as SystemDrawer,Mf as TABS,Jb as ToastList};
|