@odigos/ui-kit 0.0.213 → 0.0.215
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 +14 -0
- package/lib/chunks/index-DHTlCrf6.js +3 -0
- package/lib/chunks/ui-components-CICeYnUU.js +2430 -0
- package/lib/components/_v2/autocomplete/index.d.ts +13 -0
- package/lib/components/_v2/drop-data/index.d.ts +4 -0
- package/lib/components/_v2/index.d.ts +1 -0
- package/lib/components/_v2/segment/index.d.ts +8 -1
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants.js +1 -1
- package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/constants.d.ts +26 -0
- package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/converters.d.ts +5 -0
- package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/form-helpers.d.ts +5 -0
- package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/index.d.ts +6 -0
- package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/sections/duration-errors.d.ts +9 -0
- package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/sections/operation.d.ts +9 -0
- package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/sections/percentage.d.ts +9 -0
- package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/sections/rule-info.d.ts +9 -0
- package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/sections/sampling-preview.d.ts +9 -0
- package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/sections/source-scope.d.ts +10 -0
- package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/types.d.ts +54 -0
- package/lib/containers/_v2/_drawers/edit-auto-rule-drawer/constants.d.ts +10 -0
- package/lib/containers/_v2/_drawers/edit-auto-rule-drawer/index.d.ts +4 -0
- package/lib/containers/_v2/_drawers/edit-auto-rule-drawer/types.d.ts +8 -0
- package/lib/containers/_v2/_drawers/edit-cost-reduction-auto-rule-drawer/constants.d.ts +10 -0
- package/lib/containers/_v2/_drawers/edit-cost-reduction-auto-rule-drawer/index.d.ts +4 -0
- package/lib/containers/_v2/_drawers/edit-cost-reduction-auto-rule-drawer/types.d.ts +8 -0
- package/lib/containers/_v2/_drawers/edit-highly-relevant-auto-rule-drawer/constants.d.ts +6 -0
- package/lib/containers/_v2/_drawers/edit-highly-relevant-auto-rule-drawer/index.d.ts +4 -0
- package/lib/containers/_v2/_drawers/edit-highly-relevant-auto-rule-drawer/types.d.ts +6 -0
- package/lib/containers/_v2/_drawers/index.d.ts +5 -0
- package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/constants.d.ts +19 -0
- package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/footer.d.ts +21 -0
- package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/index.d.ts +23 -0
- package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/reverse-converters.d.ts +3 -0
- package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/sections/duration-errors.d.ts +6 -0
- package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/sections/operation-details.d.ts +6 -0
- package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/sections/percentage.d.ts +6 -0
- package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/sections/rule-info.d.ts +6 -0
- package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/sections/sampling-preview.d.ts +6 -0
- package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/sections/source-scopes.d.ts +6 -0
- package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/sections/styled.d.ts +4 -0
- package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/types.d.ts +1 -0
- package/lib/containers/_v2/auto-rule-card/constants.d.ts +1 -0
- package/lib/containers/_v2/auto-rule-card/helpers.d.ts +19 -0
- package/lib/containers/_v2/auto-rule-card/index.d.ts +5 -0
- package/lib/containers/_v2/auto-rule-card/types.d.ts +6 -0
- package/lib/containers/_v2/index.d.ts +3 -0
- package/lib/containers/_v2/sampling-rules-list/constants.d.ts +23 -0
- package/lib/containers/_v2/sampling-rules-list/helpers.d.ts +30 -0
- package/lib/containers/_v2/sampling-rules-list/index.d.ts +6 -0
- package/lib/containers/_v2/sampling-rules-list/rule-row.d.ts +12 -0
- package/lib/containers/_v2/sampling-rules-list/summary-span.d.ts +10 -0
- package/lib/containers/_v2/sampling-rules-list/toolbar.d.ts +13 -0
- package/lib/containers/_v2/sampling-rules-list/types.d.ts +47 -0
- package/lib/containers/service-map/helpers/build-map-nodes.d.ts +2 -0
- package/lib/containers/service-map/index.d.ts +1 -0
- package/lib/containers/v2.js +446 -35
- package/lib/containers.js +116 -116
- package/lib/contexts.js +1 -1
- package/lib/functions/get-virtual-service-icon/index.d.ts +2 -0
- package/lib/functions/index.d.ts +1 -0
- package/lib/functions.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/icons/overview/index.d.ts +1 -0
- package/lib/icons/overview/sampling-icon/index.d.ts +2 -0
- package/lib/icons/programming-languages/aws-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/index.d.ts +1 -0
- package/lib/icons.js +1 -1
- package/lib/snippets/react-flow/flow.d.ts +1 -0
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types/common/index.d.ts +2 -1
- package/lib/types/index.d.ts +1 -0
- package/lib/types/sampling.d.ts +103 -0
- package/lib/types/service-map/index.d.ts +5 -0
- package/lib/types.js +1 -1
- package/lib/visuals.js +1 -1
- package/package.json +1 -1
- package/lib/chunks/index-Bh2gKc3b.js +0 -3
- package/lib/chunks/ui-components-BliHHDta.js +0 -2388
package/lib/containers.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as i,useEffect as a,Fragment as o,forwardRef as r,useRef as s,useImperativeHandle as l,useMemo as c,useCallback as d,Children as u}from"react";import p,{css as m,useTheme as h}from"styled-components";import{af as g,
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as i,useEffect as a,Fragment as o,forwardRef as r,useRef as s,useImperativeHandle as l,useMemo as c,useCallback as d,Children as u}from"react";import p,{css as m,useTheme as h}from"styled-components";import{af as g,a_ as y,w as v,K as f,A as b,a$ as S,b0 as x,b1 as C,b2 as E,m as N,n as k,b3 as T,b4 as w,b5 as $,b6 as D,s as A,F as I,b as O,b7 as R,b8 as L,v as M,b9 as F,l as _,ba as P,bb as K,bc as j,bd as V,be as z,bf as U,az as B,aK as W,bg as H,bh as q,bi as G,ac as J,aD as Y,bj as X,bk as Q,bl as Z,bm as ee,bn as te,bo as ne,bp as ie,u as ae,bq as oe,br as re,bs as se,bt as le,bu as ce,i as de,X as ue,bv as pe,bw as me,bx as he,by as ge,bz as ye,bA as ve,Z as fe,bB as be,bC as Se,bD as xe,bE as Ce,bF as Ee,bG as Ne,bH as ke,bI as Te,bJ as we,bK as $e,bL as De,bM as Ae,e as Ie,bN as Oe,bO as Re,bP as Le,bQ as Me,aR as Fe,bR as _e,bS as Pe,bT as Ke,bU as je,S as Ve,U as ze,bV as Ue,bW as Be,ak as We,bX as He,ar as qe,as as Ge,bY as Je,O as Ye,bZ as Xe,b_ as Qe,b$ as Ze,c0 as et,c1 as tt,c2 as nt,c3 as it,c4 as at,c5 as ot,c6 as rt,c7 as st,c8 as lt,c9 as ct,a5 as dt,M as ut,ca as pt,cb as mt,cc as ht,cd as gt,ce as yt,cf as vt,cg as ft,ch as bt,ci as St,G as xt,J as Ct,Q as Et,cj as Nt,ck as kt,cl as Tt,P as wt,ai as $t,d as Dt,aj as At,cm as It,cn as Ot,co as Rt,cp as Lt,_ as Mt,a1 as Ft,a2 as _t,a0 as Pt,Y as Kt,$ as jt,a3 as Vt,cq as zt,a6 as Ut,cr as Bt,cs as Wt,am as Ht,T as qt,ct as Gt,cu as Jt,cv as Yt,aA as Xt,cw as Qt,cx as Zt,cy as en,D as tn,cz as nn,cA as an,a9 as on,cB as rn,cC as sn,cD as ln,cE as cn,cF as dn,cG as un,cH as pn,aZ as mn,aH as hn,cI as gn,cJ as yn,cK as vn,cL as fn,av as bn,cM as Sn,cN as xn,cO as Cn,cP as En,cQ as Nn,aB as kn,ay as Tn,x as wn,ah as $n,cR as Dn,cS as An,cT as In,cU as On,cV as Rn,cW as Ln}from"./chunks/ui-components-CICeYnUU.js";import{TrashIcon as Mn,VSquareIcon as Fn,XSquareIcon as _n,EditIcon as Pn,OdigosLogoText as Kn,PlusIcon as jn,RefreshIcon as Vn,SearchIcon as zn,FilterIcon as Un,DataStreamIcon as Bn,VIcon as Wn,OdigosLogo as Hn,ArrowIcon as qn,RefreshLeftArrowIcon as Gn,NotificationIcon as Jn,UserIcon as Yn,ImageErrorIcon as Xn,ChevronDownIcon as Qn,ChevronRightIcon as Zn,OverviewIcon as ei,SourceIcon as ti,DestinationIcon as ni,InstrumentationRuleIcon as ii,ActionIcon as ai,SlackLogo as oi,KeyIcon as ri,TerminalIcon as si,ExclamationTriangleIcon as li,TraceViewIcon as ci}from"./icons.js";import{MarkerType as di,useNodesState as ui,useEdgesState as pi}from"@xyflow/react";import{E as mi}from"./chunks/vendor-C150cdxb.js";import{Y as hi}from"./chunks/index-DHTlCrf6.js";import"zustand";import"javascript-time-ago";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";const gi=e=>{const{type:t,name:n,notes:i,signals:a,disabled:o,fields:{collectContainerAttributes:r,collectReplicaSetAttributes:s,collectWorkloadId:l,collectClusterId:c,labelsAttributes:d,annotationsAttributes:u,clusterAttributes:p,overwriteExistingValues:m,attributeNamesToDelete:h,renames:b,piiCategories:S,fallbackSamplingRatio:x,samplingPercentage:C,endpointsFilters:E,servicesNameFilters:N,attributeFilters:k,urlTemplatizationRulesGroups:T}}=e,w=[{title:g.TYPE,value:t},{type:y.ActiveStatus,title:g.STATUS,value:String(!o)},{type:y.Monitors,title:g.SIGNALS_FOR_PROCESSING,value:a?.join(", ")||""},{title:g.NAME,value:n||""},{title:g.NOTES,value:i||""},{type:y.Divider}];if(t===v.K8sAttributes&&(w.push({title:"Collect Container Attributes",value:String(r)}),w.push({title:"Collect ReplicaSet Attributes",value:String(s)}),w.push({title:"Collect Workload ID",value:String(l)}),w.push({title:"Collect Cluster ID",value:String(c)}),d?.length&&w.push({type:y.Divider}),d?.forEach(({labelKey:e,attributeKey:t,from:n,fromSources:i},a)=>{let o="";o+=`Label Key: ${e}\n`,o+=`Attribute Key: ${t}\n`;o+=`From: ${i?.length?i.join(", "):n||f.Pod}\n`,w.push({title:"Label"+(d.length>1?` #${a+1}`:""),value:o})}),u?.length&&w.push({type:y.Divider}),u?.forEach(({annotationKey:e,attributeKey:t,from:n,fromSources:i},a)=>{let o="";o+=`Annotation Key: ${e}\n`,o+=`Attribute Key: ${t}\n`;o+=`From: ${i?.length?i.join(", "):n||f.Pod}\n`,w.push({title:"Annotation"+(u.length>1?` #${a+1}`:""),value:o})})),t===v.AddClusterInfo){w.push({title:"Overwrite Existing Values",value:String(m||!1)});let e="";p?.forEach(({attributeName:t,attributeStringValue:n},i)=>{e+=`${t}: ${n}`,i<p.length-1&&(e+=", ")}),w.push({title:"Attributes",value:e})}if(t===v.DeleteAttributes){let e="";h?.forEach((t,n)=>{e+=t,n<h.length-1&&(e+=", ")}),w.push({title:"Attributes",value:e})}if(t===v.RenameAttributes){let e="";const t=Object.entries(b||{});t.forEach(([n,i],a)=>{e+=`${n}: ${i}`,a<t.length-1&&(e+=", ")}),w.push({title:"Attributes",value:e})}if(t===v.PiiMasking){let e="";S?.forEach((t,n)=>{e+=t,n<S.length-1&&(e+=", ")}),w.push({title:"Categories",value:e})}return t===v.ErrorSampler&&w.push({title:"Sampling Ratio",value:String(x)}),t===v.ProbabilisticSampler&&w.push({title:"Sampling Percentage",value:String(C)}),t===v.LatencySampler&&E?.forEach(({serviceName:e,httpRoute:t,minimumLatencyThreshold:n,fallbackSamplingRatio:i},a)=>{let o="";o+=`Service Name: ${e}\n`,o+=`HTTP Route: ${t}\n`,o+=`Min. Latency: ${n}\n`,o+=`Fallback Sampling Ratio: ${i}`,w.push({title:"Endpoint"+(E.length>1?` #${a+1}`:""),value:o})}),t===v.ServiceNameSampler&&N?.forEach(({serviceName:e,samplingRatio:t,fallbackSamplingRatio:n},i)=>{let a="";a+=`Service Name: ${e}\n`,a+=`Sampling Ratio: ${t}\n`,a+=`Fallback Sampling Ratio: ${n}`,w.push({title:"Filter"+(N.length>1?` #${i+1}`:""),value:a})}),t===v.SpanAttributeSampler&&k?.forEach(({serviceName:e,attributeKey:t,fallbackSamplingRatio:n,condition:i},a)=>{let o="";o+=`Service Name: ${e}\n`,o+=`Attribute Key: ${t}\n`,o+=`Fallback Sampling Ratio: ${n}\n`;const r=Object.keys(i)[0];o+=`Condition: ${r}\n`,o+=`Operation: ${i[r]?.operation}\n`,o+=`Expected Value: ${i[r]?.expectedValue}`,"jsonCondition"===r&&(o+=`\nJSON Path: ${i[r].jsonPath}`),w.push({title:"Filter"+(k.length>1?` #${a+1}`:""),value:o})}),t===v.URLTemplatization&&T?.forEach((e,t)=>{let n="";e.filterK8sNamespace&&(n+=`Namespace: ${e.filterK8sNamespace}\n`),e.workloadFilters?.length&&e.workloadFilters.forEach(e=>{const t=[e.kind,e.name].filter(Boolean).join("/");t&&(n+=`Workload: ${t}\n`)});const i=e.templatizationRules?.map(e=>e.template).filter(Boolean).join(", ");n+=`Templates: ${i}`,e.notes&&(n+=`\nNotes: ${e.notes}`),w.push({title:"Group"+(T.length>1?` #${t+1}`:""),value:n})}),w},yi=b.PiiCategories,vi=p.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: row;
|
|
4
4
|
gap: 32px;
|
|
@@ -7,45 +7,45 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
7
7
|
border-radius: 32px;
|
|
8
8
|
padding: 8px;
|
|
9
9
|
`}
|
|
10
|
-
`,vi=[{id:"CREDIT_CARD",label:"Credit Card"}],fi=b.FallbackSamplingRatio,bi=[{value:f.Pod,id:f.Pod},{value:f.Namespace,id:f.Namespace},{value:f.Node,id:f.Node}],Si=[{title:"Label Key",keyName:"labelKey",placeholder:"app.kubernetes.io/name",required:!0},{title:"Attribute Key",keyName:"attributeKey",placeholder:"app.kubernetes.name",required:!0},{title:"From Sources",keyName:"fromSources",placeholder:"pod, namespace",componentType:"multi-dropdown",options:bi,required:!0,tooltip:"Select multiple sources. Higher precedence sources (pod > namespace > node) will override lower ones."}],xi=[{title:"Annotation Key",keyName:"annotationKey",placeholder:"kubectl.kubernetes.io/restartedAt",required:!0},{title:"Attribute Key",keyName:"attributeKey",placeholder:"kubectl.kubernetes.restartedAt",required:!0},{title:"From Sources",keyName:"fromSources",placeholder:"pod, namespace",componentType:"multi-dropdown",options:bi,required:!1,tooltip:"Select multiple sources. Higher precedence sources (pod > namespace > node) will override lower ones."}],Ci=b.EndpointsFilters,Ei=[{title:"Service",keyName:"serviceName",placeholder:"e.g. my-service",tooltip:"Service name: The rule applies to a specific service name. Only traces originating from this service’s root span will be considered.",required:!0},{title:"HTTP route",keyName:"httpRoute",placeholder:"e.g. /api/v1/users",tooltip:"HTTP route: The specific HTTP route prefix to match for sampling. Only traces with routes beginning with this prefix will be considered. For instance, configuring /buy will also match /buy/product.",required:!0},{title:"Threshold",keyName:"minimumLatencyThreshold",placeholder:"e.g. 1000",tooltip:"Minimum latency threshold (ms): Specifies the minimum latency in milliseconds; traces with latency below this threshold are ignored.",required:!0,type:N.Number},{title:"Fallback",keyName:"fallbackSamplingRatio",placeholder:"e.g. 100",tooltip:"Fallback sampling ratio: Specifies the percentage of traces that meet the service/http_route filter but fall below the threshold that you still want to retain. For example, if a rule is set for service A and http_route B with a minimum latency threshold of 1 second, you might still want to keep some traces below this threshold. Setting the ratio to 20% ensures that 20% of these traces will be retained.",required:!0,type:N.Number}],Ni=b.AttributeNamesToDelete,ki=b.Renames,wi=b.UrlTemplatizationRulesGroups,Ti=[{keyName:"kind",title:"Kind",placeholder:"Any kind",componentType:"dropdown",options:[{id:"Deployment",value:"Deployment"},{id:"StatefulSet",value:"StatefulSet"},{id:"DaemonSet",value:"DaemonSet"}]},{keyName:"name",title:"Name",placeholder:"Any name"}],$i=b.ServicesNameFilters,Di=[{title:"Service Name",keyName:"serviceName",placeholder:"e.g. my-service",tooltip:"Specifies the service name to search within the trace (Across all available spans).",required:!0},{title:"Sampling Ratio",keyName:"samplingRatio",placeholder:"e.g. 10",tooltip:"Specifies the sample rate for all traces.",required:!0,type:N.Number},{title:"Fallback Sampling Ratio",keyName:"fallbackSamplingRatio",placeholder:"e.g. 100",tooltip:"Specifies the percentage of traces that don’t meet the service name filter and that you still like to retain.",required:!0,type:N.Number}],Ai=b.SamplingPercentage,Ii=b.AttributeFilters,Oi=[{title:"Service Name",keyName:"serviceName",placeholder:"e.g. my-service",tooltip:"Specifies the service name to search within the trace (across all available spans).",required:!0},{title:"Attribute Key",keyName:"attributeKey",placeholder:"e.g. http.request.method",tooltip:"Specifies the attribute key inside of the span.",required:!0},{title:"Fallback Sampling Ratio",keyName:"fallbackSamplingRatio",placeholder:"e.g. 100",tooltip:"Specifies the percentage of traces that don’t meet the service name filter and that you still like to retain.",required:!0,type:N.Number},{title:"Condition",keyName:"condition",tooltip:"An object representing the filters for span attributes filters.",required:!0,componentType:L.Dropdown,options:[{id:"stringCondition",value:"String Condition"},{id:"numberCondition",value:"Number Condition"},{id:"booleanCondition",value:"Boolean Condition"},{id:"jsonCondition",value:"JSON Condition"}]},{title:"Operation",keyName:"operation",tooltip:"Specifies the operation to run against the attribute.",required:!0,componentType:L.Dropdown,options:[{id:"exists",value:"Exists"},{id:"equals",value:"Equals"},{id:"not_equals",value:"Not Equals"},{id:"contains",value:"Contains"},{id:"not_contains",value:"Not Contains"},{id:"regex",value:"Regex"},{id:"greater_than",value:"Greater Than"},{id:"less_than",value:"Less Than"},{id:"greater_than_or_equal",value:"Greater Than Or Equal"},{id:"less_than_or_equal",value:"Less Than Or Equal"},{id:"is_valid_json",value:"Is Valid JSON"},{id:"is_invalid_json",value:"Is Invalid JSON"},{id:"jsonpath_exists",value:"JSON Path Exists"},{id:"key_equals",value:"Key Equals"},{id:"key_not_equals",value:"Key Not Equals"}]},{title:"Expected Value",keyName:"expectedValue",placeholder:"e.g. GET",tooltip:"The values to test the attribute against.",required:!0},{title:"JSON Path",keyName:"jsonPath",placeholder:"e.g. $.user.role",tooltip:"An expression used to navigate the JSON structure.",required:!1,renderCondition:e=>"jsonCondition"===e.condition}],Ri={[v.K8sAttributes]:({value:i,setValue:o,formErrors:r})=>(a(()=>{i[b.CollectContainerAttributes]||i[b.CollectReplicaSetAttributes]||i[b.CollectWorkloadId]||i[b.CollectClusterId]||i[b.LabelsAttributes]?.length||i[b.AnnotationsAttributes]?.length||(o(b.CollectContainerAttributes,!0),o(b.CollectReplicaSetAttributes,!0),o(b.CollectWorkloadId,!0),o(b.CollectClusterId,!0),o(b.LabelsAttributes,[]),o(b.AnnotationsAttributes,[]))},[]),e(n,{children:[t(x,{title:"Collect Container Attributes",value:i[b.CollectContainerAttributes]||!1,onChange:e=>o(b.CollectContainerAttributes,e),errorMessage:r[b.CollectContainerAttributes]}),t(x,{title:"Collect ReplicaSet Attributes",value:i[b.CollectReplicaSetAttributes]||!1,onChange:e=>o(b.CollectReplicaSetAttributes,e),errorMessage:r[b.CollectReplicaSetAttributes]}),t(x,{title:"Collect Workload ID",value:i[b.CollectWorkloadId]||!1,onChange:e=>o(b.CollectWorkloadId,e),errorMessage:r[b.CollectWorkloadId]}),t(x,{title:"Collect Cluster ID",value:i[b.CollectClusterId]||!1,onChange:e=>o(b.CollectClusterId,e),errorMessage:r[b.CollectClusterId]}),t(w,{columns:Si,value:i[b.LabelsAttributes]||[],onChange:e=>o(b.LabelsAttributes,e),errorMessage:r[b.LabelsAttributes]}),t(w,{columns:xi,value:i[b.AnnotationsAttributes]||[],onChange:e=>o(b.AnnotationsAttributes,e),errorMessage:r[b.AnnotationsAttributes]})]})),[v.AddClusterInfo]:({value:i,setValue:a,formErrors:o})=>e(n,{children:[t(T,{title:"Overwrite Existing Values",tooltip:"If enabled, the resource attributes will overwrite any existing attributes with the same name.",initialValue:i[b.OverwriteExistingValues]||!1,onChange:e=>a(b.OverwriteExistingValues,e)}),t($,{title:"Resource Attributes",value:i[b.ClusterAttributes]?.map(e=>({key:e.attributeName,value:e.attributeStringValue}))||[],onChange:e=>a(b.ClusterAttributes,e.map(e=>({attributeName:e.key,attributeStringValue:e.value}))),required:!0,errorMessage:o[b.ClusterAttributes]})]}),[v.DeleteAttributes]:({value:e,setValue:n,formErrors:i})=>{const a=i[Ni],o=e[Ni]||[];return t(D,{title:"Attributes to delete",value:o,onChange:e=>n(Ni,e),required:!0,errorMessage:a})},[v.RenameAttributes]:({value:e,setValue:n,formErrors:i})=>{const a=i[ki],o=Object.entries(e[ki]||{}).map(([e,t])=>({key:e,value:t}));return t($,{title:"Attributes to rename",value:o,onChange:e=>{const t={};e.forEach(e=>t[e.key]=e.value),n(ki,t)},required:!0,errorMessage:a})},[v.PiiMasking]:({value:n,setValue:o,formErrors:r})=>{const s=r[gi],l=n[gi]||[],[c,d]=i(1===l.length);return a(()=>{if(!l.length){const e=vi.map(({id:e})=>e);o(gi,e),d(1===vi.length)}},[]),e("div",{children:[t(S,{title:"Attributes to mask",required:!0}),t(yi,{$hasError:!!s,children:vi.map(({id:e,label:n})=>t(x,{title:n,disabled:c&&l.includes(e),value:l.includes(e),onChange:t=>((e,t)=>{const n=t?[...l,e]:l.filter(t=>t!==e);o(gi,n),d(1===n.length)})(e,t)},e))}),!!s&&t(C,{children:s})]})},[v.ErrorSampler]:({value:e,setValue:n,formErrors:i})=>{const a=i[fi],o=e[fi];return t(E,{title:"Fallback sampling ratio",required:!0,type:N.Number,min:0,max:100,value:k(o)?"":String(o),onChange:({target:{value:e}})=>{return t=e,n(fi,Math.max(0,Math.min(Number(t),100))||0);var t},errorMessage:a})},[v.ProbabilisticSampler]:({value:e,setValue:n,formErrors:i})=>{const a=i[Ai],o=e[Ai];return t(E,{title:"Sampling percentage",required:!0,type:N.Number,min:0,max:100,value:k(o)?"":String(o),onChange:({target:{value:e}})=>{return t=e,n(Ai,Math.max(0,Math.min(Number(t),100))||0);var t},errorMessage:a})},[v.LatencySampler]:({value:e,setValue:n,formErrors:i})=>{const a=i[Ci],o=e[Ci]||[];return t(w,{columns:Ei,value:o,onChange:e=>{const t=e.map(({serviceName:e,httpRoute:t,minimumLatencyThreshold:n,fallbackSamplingRatio:i})=>({serviceName:e,httpRoute:t,minimumLatencyThreshold:Number(n),fallbackSamplingRatio:Number(i)}));n(Ci,t)},errorMessage:a})},[v.ServiceNameSampler]:({value:e,setValue:n,formErrors:i})=>{const a=i[$i],o=e[$i]||[];return t(w,{columns:Di,value:o,onChange:e=>{const t=e.map(({serviceName:e,samplingRatio:t,fallbackSamplingRatio:n})=>({serviceName:e,samplingRatio:Number(t),fallbackSamplingRatio:Number(n)}));n($i,t)},errorMessage:a})},[v.SpanAttributeSampler]:({value:e,setValue:n,formErrors:i})=>{const a=i[Ii],o=(e[Ii]||[]).map(({serviceName:e,attributeKey:t,fallbackSamplingRatio:n,condition:i})=>{const a=Object.entries(i).filter(([e,t])=>t)[0][0];return{serviceName:e,attributeKey:t,fallbackSamplingRatio:n,condition:a,operation:i[a]?.operation,expectedValue:i[a]?.expectedValue,jsonPath:i[a]?.jsonPath}});return t(w,{columns:Oi,value:o,onChange:e=>{const t=e.map(({serviceName:e,attributeKey:t,fallbackSamplingRatio:n,condition:i,operation:a,expectedValue:o,jsonPath:r})=>{const s={serviceName:e,attributeKey:t,fallbackSamplingRatio:Number(n),condition:{[i]:{operation:a,expectedValue:o}}};return r&&(s.condition[i].jsonPath=r),s});n(Ii,t)},errorMessage:a,limitFieldsPerRow:3})},[v.URLTemplatization]:({value:i,setValue:a,formErrors:r})=>{const s=r[wi],l=i[wi]||[{filterK8sNamespace:"",workloadFilters:[],templatizationRules:[{template:""}],notes:""}],c=e=>a(wi,e),d=(e,t)=>c(l.map((n,i)=>i===e?{...n,...t}:n));return e(n,{children:[l.map((n,i)=>e(o,{children:[t(A,{}),e(I,{$gap:12,children:[e(O,{$justifyContent:"space-between",$alignItems:"center",children:[t(S,{title:`Rule Group ${i+1}`}),l.length>1&&t(R,{size:30,onClick:()=>{return e=i,c(l.filter((t,n)=>n!==e));var e},children:t(Mn,{})})]}),t(E,{title:"Namespace",placeholder:"All namespaces",tooltip:"Filter rules to a specific Kubernetes namespace.",value:n.filterK8sNamespace||"",onChange:e=>d(i,{filterK8sNamespace:e.target.value})}),t(w,{title:"Workload Filters",columns:Ti,value:n.workloadFilters||[],onChange:e=>d(i,{workloadFilters:e})}),t(D,{title:"Templates",required:!0,value:n.templatizationRules.map(e=>e.template),onChange:e=>d(i,{templatizationRules:e.map(e=>({template:e}))})})]}),!!s&&t(C,{children:s})]},`url-templatization-group-${i}`)),t(M,{label:"Add Rule Group",onClick:()=>c([...l,{filterK8sNamespace:"",workloadFilters:[],templatizationRules:[{template:""}],notes:""}])}),t(A,{})]})}},Mi=({actionType:e,value:n,setValue:i,formErrors:a})=>{if(!e)return null;const o=Ri[e];return o?t(o,{value:n,setValue:i,formErrors:a}):null},Li=p.div`
|
|
10
|
+
`,fi=[{id:"CREDIT_CARD",label:"Credit Card"}],bi=b.FallbackSamplingRatio,Si=[{value:f.Pod,id:f.Pod},{value:f.Namespace,id:f.Namespace},{value:f.Node,id:f.Node}],xi=[{title:"Label Key",keyName:"labelKey",placeholder:"app.kubernetes.io/name",required:!0},{title:"Attribute Key",keyName:"attributeKey",placeholder:"app.kubernetes.name",required:!0},{title:"From Sources",keyName:"fromSources",placeholder:"pod, namespace",componentType:"multi-dropdown",options:Si,required:!0,tooltip:"Select multiple sources. Higher precedence sources (pod > namespace > node) will override lower ones."}],Ci=[{title:"Annotation Key",keyName:"annotationKey",placeholder:"kubectl.kubernetes.io/restartedAt",required:!0},{title:"Attribute Key",keyName:"attributeKey",placeholder:"kubectl.kubernetes.restartedAt",required:!0},{title:"From Sources",keyName:"fromSources",placeholder:"pod, namespace",componentType:"multi-dropdown",options:Si,required:!1,tooltip:"Select multiple sources. Higher precedence sources (pod > namespace > node) will override lower ones."}],Ei=b.EndpointsFilters,Ni=[{title:"Service",keyName:"serviceName",placeholder:"e.g. my-service",tooltip:"Service name: The rule applies to a specific service name. Only traces originating from this service’s root span will be considered.",required:!0},{title:"HTTP route",keyName:"httpRoute",placeholder:"e.g. /api/v1/users",tooltip:"HTTP route: The specific HTTP route prefix to match for sampling. Only traces with routes beginning with this prefix will be considered. For instance, configuring /buy will also match /buy/product.",required:!0},{title:"Threshold",keyName:"minimumLatencyThreshold",placeholder:"e.g. 1000",tooltip:"Minimum latency threshold (ms): Specifies the minimum latency in milliseconds; traces with latency below this threshold are ignored.",required:!0,type:N.Number},{title:"Fallback",keyName:"fallbackSamplingRatio",placeholder:"e.g. 100",tooltip:"Fallback sampling ratio: Specifies the percentage of traces that meet the service/http_route filter but fall below the threshold that you still want to retain. For example, if a rule is set for service A and http_route B with a minimum latency threshold of 1 second, you might still want to keep some traces below this threshold. Setting the ratio to 20% ensures that 20% of these traces will be retained.",required:!0,type:N.Number}],ki=b.AttributeNamesToDelete,Ti=b.Renames,wi=b.UrlTemplatizationRulesGroups,$i=[{keyName:"kind",title:"Kind",placeholder:"Any kind",componentType:"dropdown",options:[{id:"Deployment",value:"Deployment"},{id:"StatefulSet",value:"StatefulSet"},{id:"DaemonSet",value:"DaemonSet"}]},{keyName:"name",title:"Name",placeholder:"Any name"}],Di=b.ServicesNameFilters,Ai=[{title:"Service Name",keyName:"serviceName",placeholder:"e.g. my-service",tooltip:"Specifies the service name to search within the trace (Across all available spans).",required:!0},{title:"Sampling Ratio",keyName:"samplingRatio",placeholder:"e.g. 10",tooltip:"Specifies the sample rate for all traces.",required:!0,type:N.Number},{title:"Fallback Sampling Ratio",keyName:"fallbackSamplingRatio",placeholder:"e.g. 100",tooltip:"Specifies the percentage of traces that don’t meet the service name filter and that you still like to retain.",required:!0,type:N.Number}],Ii=b.SamplingPercentage,Oi=b.AttributeFilters,Ri=[{title:"Service Name",keyName:"serviceName",placeholder:"e.g. my-service",tooltip:"Specifies the service name to search within the trace (across all available spans).",required:!0},{title:"Attribute Key",keyName:"attributeKey",placeholder:"e.g. http.request.method",tooltip:"Specifies the attribute key inside of the span.",required:!0},{title:"Fallback Sampling Ratio",keyName:"fallbackSamplingRatio",placeholder:"e.g. 100",tooltip:"Specifies the percentage of traces that don’t meet the service name filter and that you still like to retain.",required:!0,type:N.Number},{title:"Condition",keyName:"condition",tooltip:"An object representing the filters for span attributes filters.",required:!0,componentType:M.Dropdown,options:[{id:"stringCondition",value:"String Condition"},{id:"numberCondition",value:"Number Condition"},{id:"booleanCondition",value:"Boolean Condition"},{id:"jsonCondition",value:"JSON Condition"}]},{title:"Operation",keyName:"operation",tooltip:"Specifies the operation to run against the attribute.",required:!0,componentType:M.Dropdown,options:[{id:"exists",value:"Exists"},{id:"equals",value:"Equals"},{id:"not_equals",value:"Not Equals"},{id:"contains",value:"Contains"},{id:"not_contains",value:"Not Contains"},{id:"regex",value:"Regex"},{id:"greater_than",value:"Greater Than"},{id:"less_than",value:"Less Than"},{id:"greater_than_or_equal",value:"Greater Than Or Equal"},{id:"less_than_or_equal",value:"Less Than Or Equal"},{id:"is_valid_json",value:"Is Valid JSON"},{id:"is_invalid_json",value:"Is Invalid JSON"},{id:"jsonpath_exists",value:"JSON Path Exists"},{id:"key_equals",value:"Key Equals"},{id:"key_not_equals",value:"Key Not Equals"}]},{title:"Expected Value",keyName:"expectedValue",placeholder:"e.g. GET",tooltip:"The values to test the attribute against.",required:!0},{title:"JSON Path",keyName:"jsonPath",placeholder:"e.g. $.user.role",tooltip:"An expression used to navigate the JSON structure.",required:!1,renderCondition:e=>"jsonCondition"===e.condition}],Li={[v.K8sAttributes]:({value:i,setValue:o,formErrors:r})=>(a(()=>{i[b.CollectContainerAttributes]||i[b.CollectReplicaSetAttributes]||i[b.CollectWorkloadId]||i[b.CollectClusterId]||i[b.LabelsAttributes]?.length||i[b.AnnotationsAttributes]?.length||(o(b.CollectContainerAttributes,!0),o(b.CollectReplicaSetAttributes,!0),o(b.CollectWorkloadId,!0),o(b.CollectClusterId,!0),o(b.LabelsAttributes,[]),o(b.AnnotationsAttributes,[]))},[]),e(n,{children:[t(x,{title:"Collect Container Attributes",value:i[b.CollectContainerAttributes]||!1,onChange:e=>o(b.CollectContainerAttributes,e),errorMessage:r[b.CollectContainerAttributes]}),t(x,{title:"Collect ReplicaSet Attributes",value:i[b.CollectReplicaSetAttributes]||!1,onChange:e=>o(b.CollectReplicaSetAttributes,e),errorMessage:r[b.CollectReplicaSetAttributes]}),t(x,{title:"Collect Workload ID",value:i[b.CollectWorkloadId]||!1,onChange:e=>o(b.CollectWorkloadId,e),errorMessage:r[b.CollectWorkloadId]}),t(x,{title:"Collect Cluster ID",value:i[b.CollectClusterId]||!1,onChange:e=>o(b.CollectClusterId,e),errorMessage:r[b.CollectClusterId]}),t(T,{columns:xi,value:i[b.LabelsAttributes]||[],onChange:e=>o(b.LabelsAttributes,e),errorMessage:r[b.LabelsAttributes]}),t(T,{columns:Ci,value:i[b.AnnotationsAttributes]||[],onChange:e=>o(b.AnnotationsAttributes,e),errorMessage:r[b.AnnotationsAttributes]})]})),[v.AddClusterInfo]:({value:i,setValue:a,formErrors:o})=>e(n,{children:[t(w,{title:"Overwrite Existing Values",tooltip:"If enabled, the resource attributes will overwrite any existing attributes with the same name.",initialValue:i[b.OverwriteExistingValues]||!1,onChange:e=>a(b.OverwriteExistingValues,e)}),t($,{title:"Resource Attributes",value:i[b.ClusterAttributes]?.map(e=>({key:e.attributeName,value:e.attributeStringValue}))||[],onChange:e=>a(b.ClusterAttributes,e.map(e=>({attributeName:e.key,attributeStringValue:e.value}))),required:!0,errorMessage:o[b.ClusterAttributes]})]}),[v.DeleteAttributes]:({value:e,setValue:n,formErrors:i})=>{const a=i[ki],o=e[ki]||[];return t(D,{title:"Attributes to delete",value:o,onChange:e=>n(ki,e),required:!0,errorMessage:a})},[v.RenameAttributes]:({value:e,setValue:n,formErrors:i})=>{const a=i[Ti],o=Object.entries(e[Ti]||{}).map(([e,t])=>({key:e,value:t}));return t($,{title:"Attributes to rename",value:o,onChange:e=>{const t={};e.forEach(e=>t[e.key]=e.value),n(Ti,t)},required:!0,errorMessage:a})},[v.PiiMasking]:({value:n,setValue:o,formErrors:r})=>{const s=r[yi],l=n[yi]||[],[c,d]=i(1===l.length);return a(()=>{if(!l.length){const e=fi.map(({id:e})=>e);o(yi,e),d(1===fi.length)}},[]),e("div",{children:[t(S,{title:"Attributes to mask",required:!0}),t(vi,{$hasError:!!s,children:fi.map(({id:e,label:n})=>t(x,{title:n,disabled:c&&l.includes(e),value:l.includes(e),onChange:t=>((e,t)=>{const n=t?[...l,e]:l.filter(t=>t!==e);o(yi,n),d(1===n.length)})(e,t)},e))}),!!s&&t(C,{children:s})]})},[v.ErrorSampler]:({value:e,setValue:n,formErrors:i})=>{const a=i[bi],o=e[bi];return t(E,{title:"Fallback sampling ratio",required:!0,type:N.Number,min:0,max:100,value:k(o)?"":String(o),onChange:({target:{value:e}})=>{return t=e,n(bi,Math.max(0,Math.min(Number(t),100))||0);var t},errorMessage:a})},[v.ProbabilisticSampler]:({value:e,setValue:n,formErrors:i})=>{const a=i[Ii],o=e[Ii];return t(E,{title:"Sampling percentage",required:!0,type:N.Number,min:0,max:100,value:k(o)?"":String(o),onChange:({target:{value:e}})=>{return t=e,n(Ii,Math.max(0,Math.min(Number(t),100))||0);var t},errorMessage:a})},[v.LatencySampler]:({value:e,setValue:n,formErrors:i})=>{const a=i[Ei],o=e[Ei]||[];return t(T,{columns:Ni,value:o,onChange:e=>{const t=e.map(({serviceName:e,httpRoute:t,minimumLatencyThreshold:n,fallbackSamplingRatio:i})=>({serviceName:e,httpRoute:t,minimumLatencyThreshold:Number(n),fallbackSamplingRatio:Number(i)}));n(Ei,t)},errorMessage:a})},[v.ServiceNameSampler]:({value:e,setValue:n,formErrors:i})=>{const a=i[Di],o=e[Di]||[];return t(T,{columns:Ai,value:o,onChange:e=>{const t=e.map(({serviceName:e,samplingRatio:t,fallbackSamplingRatio:n})=>({serviceName:e,samplingRatio:Number(t),fallbackSamplingRatio:Number(n)}));n(Di,t)},errorMessage:a})},[v.SpanAttributeSampler]:({value:e,setValue:n,formErrors:i})=>{const a=i[Oi],o=(e[Oi]||[]).map(({serviceName:e,attributeKey:t,fallbackSamplingRatio:n,condition:i})=>{const a=Object.entries(i).filter(([e,t])=>t)[0][0];return{serviceName:e,attributeKey:t,fallbackSamplingRatio:n,condition:a,operation:i[a]?.operation,expectedValue:i[a]?.expectedValue,jsonPath:i[a]?.jsonPath}});return t(T,{columns:Ri,value:o,onChange:e=>{const t=e.map(({serviceName:e,attributeKey:t,fallbackSamplingRatio:n,condition:i,operation:a,expectedValue:o,jsonPath:r})=>{const s={serviceName:e,attributeKey:t,fallbackSamplingRatio:Number(n),condition:{[i]:{operation:a,expectedValue:o}}};return r&&(s.condition[i].jsonPath=r),s});n(Oi,t)},errorMessage:a,limitFieldsPerRow:3})},[v.URLTemplatization]:({value:i,setValue:a,formErrors:r})=>{const s=r[wi],l=i[wi]||[{filterK8sNamespace:"",workloadFilters:[],templatizationRules:[{template:""}],notes:""}],c=e=>a(wi,e),d=(e,t)=>c(l.map((n,i)=>i===e?{...n,...t}:n));return e(n,{children:[l.map((n,i)=>e(o,{children:[t(A,{}),e(I,{$gap:12,children:[e(O,{$justifyContent:"space-between",$alignItems:"center",children:[t(S,{title:`Rule Group ${i+1}`}),l.length>1&&t(R,{size:30,onClick:()=>{return e=i,c(l.filter((t,n)=>n!==e));var e},children:t(Mn,{})})]}),t(E,{title:"Namespace",placeholder:"All namespaces",tooltip:"Filter rules to a specific Kubernetes namespace.",value:n.filterK8sNamespace||"",onChange:e=>d(i,{filterK8sNamespace:e.target.value})}),t(T,{title:"Workload Filters",columns:$i,value:n.workloadFilters||[],onChange:e=>d(i,{workloadFilters:e})}),t(D,{title:"Templates",required:!0,value:n.templatizationRules.map(e=>e.template),onChange:e=>d(i,{templatizationRules:e.map(e=>({template:e}))})})]}),!!s&&t(C,{children:s})]},`url-templatization-group-${i}`)),t(L,{label:"Add Rule Group",onClick:()=>c([...l,{filterK8sNamespace:"",workloadFilters:[],templatizationRules:[{template:""}],notes:""}])}),t(A,{})]})}},Mi=({actionType:e,value:n,setValue:i,formErrors:a})=>{if(!e)return null;const o=Li[e];return o?t(o,{value:n,setValue:i,formErrors:a}):null},Fi=p.div`
|
|
11
11
|
display: flex;
|
|
12
12
|
flex-direction: column;
|
|
13
13
|
gap: 24px;
|
|
14
14
|
padding: 4px;
|
|
15
|
-
`,
|
|
15
|
+
`,_i=p(z)`
|
|
16
16
|
margin-bottom: 12px;
|
|
17
|
-
`,
|
|
17
|
+
`,Pi=({isUpdate:n,action:i,formData:a,formErrors:o,handleFormChange:r})=>{const s=h();return e(Fi,{children:[n&&e("div",{children:[t(_i,{children:"Status"}),t(F,{options:[{icon:Fn,label:g.ENABLED,value:!1,selectedBgColor:s.text.success+_["050"]},{icon:_n,label:g.DISABLED,value:!0,selectedBgColor:s.text.error+_["050"]}],selected:a.disabled,setSelected:e=>r("disabled",e)})]}),!n&&t(P,{title:"",description:i.docsDescription,actionButton:t(K,{endpoint:i.docsEndpoint})}),t(j,{title:"Signals for Processing",required:!0,allowedSignals:i.allowedSignals,selectedSignals:a.signals||[],setSelectedSignals:e=>r("signals",e),errorMessage:o.signals}),!n&&t(E,{title:"Action name",placeholder:"Use a name that describes the action",value:a.name||"",onChange:({target:{value:e}})=>r("name",e),errorMessage:o.name}),t(Mi,{actionType:i.type,value:a.fields,setValue:(e,t)=>r(`fields.${e}`,t),formErrors:o}),t(V,{title:"Notes",value:a.notes||"",onChange:({target:{value:e}})=>r("notes",e),errorMessage:o.notes})]})},Ki=r(({children:a,width:o=640,title:r,titleTooltip:c,hideEditTitleFromEdit:d,icons:u,iconSrcs:p,isEdit:m=!1,isFormDirty:g=!1,isLastItem:y=!1,onClose:v,onEdit:f,onSave:b,onDelete:S,onCancel:x,tabs:C,headerActionButtons:E},N)=>{const k=h(),{drawerType:T,setDrawerType:w,setDrawerEntityId:$}=U();B({key:"Enter",active:m},()=>j());const[D,A]=i(!1),[I,O]=i(!1),R=s(null),L=T===J.Source,M=()=>{A(!1),O(!1)},F=()=>{M(),f&&f(!1),w(null),$(null),v?.()};l(N,()=>({closeDrawer:F}));const _=()=>{R.current?.clearTitle(),x&&x(),M()},P=()=>{const e=R.current?.isTitleDirty();g||e?O(!0):_()},K=()=>{A(!0)},j=()=>{b&&b(R.current?.getTitle()||"")},V=E||[];return f&&!m&&V.push({"data-id":"drawer-edit",variant:"tertiary",onClick:()=>f(!0),children:e(n,{children:[t(Pn,{}),t(z,{size:14,family:"secondary",decoration:"underline",children:"Edit"})]})}),S&&!m&&V.push({"data-id":"drawer-delete",variant:"tertiary",onClick:K,children:e(n,{children:[t(Mn,{}),t(z,{color:k.text.error,size:14,family:"secondary",decoration:"underline",children:L?W.UNINSTRUMENT:W.DELETE})]})}),e(n,{children:[t(H,{isOpen:!0,onClose:m?P:F,closeOnEscape:!D&&!I,width:`${o+64}px`,header:{icons:u,iconSrcs:p,title:r,titleTooltip:c,replaceTitleWith:!d&&m?t(ji,{ref:R,title:r}):void 0,actionButtons:V,tabs:C},footer:{isOpen:m,leftButtons:[{"data-id":"drawer-save",variant:"primary",onClick:j,children:W.SAVE},{"data-id":"drawer-cancel",variant:"secondary",onClick:P,children:W.CANCEL}],rightButtons:S?[{"data-id":"drawer-delete",variant:"tertiary",onClick:K,children:e(n,{children:[t(Mn,{}),t(z,{size:14,color:k.text.error,family:"secondary",decoration:"underline",children:W.DELETE})]})}]:[]},children:a}),t(q,{isOpen:D,noOverlay:!0,name:`${T}${r?` (${r})`:""}`,type:T,isLastItem:y,onApprove:()=>{S&&S(),M()},onDeny:M}),t(G,{isOpen:I,noOverlay:!0,name:"edit mode",onApprove:_,onDeny:M})]})}),ji=r(({title:e},n)=>{const[o,r]=i(e);return a(()=>{r(e)},[e]),l(n,()=>({getTitle:()=>o||e,isTitleDirty:()=>o!==e,clearTitle:()=>r(e)})),t(E,{"data-id":"title",value:o,onChange:e=>r(e.target.value)})});ji.displayName=ji.name,Ki.displayName=Ki.name;const Vi=p.div`
|
|
18
18
|
width: 100%;
|
|
19
19
|
height: 100%;
|
|
20
20
|
max-height: calc(100vh - 220px);
|
|
21
21
|
overflow: overlay;
|
|
22
22
|
overflow-y: auto;
|
|
23
|
-
`,
|
|
23
|
+
`,zi=p.div`
|
|
24
24
|
display: flex;
|
|
25
25
|
flex-direction: column;
|
|
26
26
|
gap: 12px;
|
|
27
|
-
`,
|
|
27
|
+
`,Ui=({updateAction:n,deleteAction:o})=>{const{actions:r}=Y(),{drawerType:l,drawerEntityId:d}=U(),u=s(null),p=l===J.Action,[m,h]=i(!1),[y,v]=i(!1),{formData:f,formErrors:b,handleFormChange:S,resetFormData:x,validateForm:C,loadFormWithDrawerItem:E}=X(),N=c(()=>{if(d)return r?.find(e=>Q(e)===d)},[d,r]);if(a(()=>{p&&N?E(N):x()},[p,N]),!N)return null;const k=Z.find(({type:e})=>e===N.type)||Z.find(({label:e})=>"Attributes"===e)?.items?.find(({type:e})=>e===N.type)||Z.find(({label:e})=>"Samplers"===e)?.items?.find(({type:e})=>e===N.type);return t(Ki,{ref:u,title:N.name||N.type,icons:[ne(N.type)],isEdit:m,isFormDirty:y,onEdit:e=>{h("boolean"!=typeof e||e)},onSave:e=>{if(C({withAlert:!0,alertTitle:ie.Update})){const t=e!==N.type?e:"";S("name",t),n(d,{...f,name:t}),h(!1),v(!1)}},onDelete:()=>{o(d,N.type),h(!1),v(!1),u.current?.closeDrawer()},onCancel:()=>{h(!1),v(!1),E(N)},children:m&&k?t(Vi,{children:t(Pi,{isUpdate:!0,action:k,formData:f,formErrors:b,handleFormChange:(...e)=>{v(!0),S(...e)}})}):e(zi,{children:[t(ee,{conditions:N.conditions||[]}),t(te,{title:g.ACTION_DETAILS,data:N?gi(N):[]})]})})},Bi=p(I)`
|
|
28
28
|
margin-top: 24px;
|
|
29
29
|
gap: 12px;
|
|
30
|
-
`,
|
|
30
|
+
`,Wi=({createAction:n})=>{const{version:a}=ae(),{currentModal:o,setCurrentModal:r}=oe(),s=o===J.Action,{formData:l,formErrors:d,handleFormChange:u,resetFormData:p,validateForm:m}=X(),h=c(()=>{if(!a)return Z;const e=re(a);return Z.map(t=>({...t,items:t.items?.filter(t=>!t.minVersion||t.minVersion<=e)}))},[a]),[y,v]=i(void 0),f=()=>{p(),v(void 0),r("")},b=()=>{if(!m({withAlert:!0,alertTitle:ie.Create}))return null;n(l),f()};return B({key:"Enter",active:s},()=>b()),t(se,{isOpen:s,onClose:f,header:{title:"Add Action"},actionComponent:t(me,{buttons:[{variant:"primary",label:"DONE",onClick:b,disabled:!y}]}),children:e(le,{children:[t(P,{title:"Select Action",description:"Select an action to modify telemetry data before it`s sent to destinations. Choose an action type and configure its details."}),e(Bi,{children:[t(ce,{type:de.Warning,message:ue.DEFINED_FOR_ALL_STREAMS(g.ACTIONS)}),t(pe,{options:h,selectedOption:y,onOptionSelect:e=>{return t=e,p(),u("type",t?.type||""),void v(t);var t},autoFocus:!y?.type})]}),y?.type?e("div",{children:[t(A,{margin:"16px 0"}),t(Pi,{action:y,formData:l,formErrors:d,handleFormChange:u})]}):null]})})},Hi=e=>{const{type:t,fields:{collectContainerAttributes:n,collectReplicaSetAttributes:i,collectWorkloadId:a,collectClusterId:o,labelsAttributes:r,annotationsAttributes:s,clusterAttributes:l,overwriteExistingValues:c,attributeNamesToDelete:d,renames:u,piiCategories:p,fallbackSamplingRatio:m,samplingPercentage:h,endpointsFilters:g,attributeFilters:y,servicesNameFilters:b,urlTemplatizationRulesGroups:S}}=e;let x="";if(t===v.K8sAttributes&&(n&&(x+="Container Attributes, "),i&&(x+="ReplicaSet Attributes, "),a&&(x+="Workload ID, "),o&&(x+="Cluster ID, "),r?.forEach(({labelKey:e,attributeKey:t,from:n,fromSources:i},a)=>{const o=i?.length?i.join(","):n||f.Pod;x+=`Label: ${e} ${t} ${o} `,a===r.length-1&&(x+=", ")}),s?.forEach(({annotationKey:e,attributeKey:t,from:n,fromSources:i},a)=>{const o=i?.length?i.join(","):n||f.Pod;x+=`Annotation: ${e} ${t} ${o} `,a===s.length-1&&(x+=", ")})),t===v.AddClusterInfo&&(x+=`Overwrite Existing: ${c}\n`,l?.forEach(({attributeName:e,attributeStringValue:t},n)=>{x+=`${e}: ${t}`,n<l.length-1&&(x+=", ")})),t===v.DeleteAttributes&&d?.forEach((e,t)=>{x+=e,t<d.length-1&&(x+=", ")}),t===v.RenameAttributes){const e=Object.entries(u||{});e.forEach(([t,n],i)=>{x+=`${t}: ${n}`,i<e.length-1&&(x+=", ")})}return t===v.PiiMasking&&p?.forEach((e,t)=>{x+=e,t<p.length-1&&(x+=", ")}),t===v.ErrorSampler&&(x+=String(m)),t===v.ProbabilisticSampler&&(x+=String(h),x+="%"),t===v.LatencySampler&&g?.forEach(({serviceName:e,httpRoute:t,minimumLatencyThreshold:n,fallbackSamplingRatio:i},a)=>{x+=`Endpoint${g.length>1?` #${a+1}`:""}=${e}${t}\n`,x+=` Latency=${n}`,x+=` Sampling=${i}`,a<g.length-1&&(x+=", ")}),t===v.ServiceNameSampler&&b?.forEach(({serviceName:e,samplingRatio:t,fallbackSamplingRatio:n})=>{x+=`Service Name: ${e}, `,x+=`Sampling Ratio: ${t}, `,x+=`Fallback Sampling Ratio: ${n}\n`}),t===v.SpanAttributeSampler&&y?.forEach(({serviceName:e,attributeKey:t,fallbackSamplingRatio:n})=>{x+=`Service Name: ${e}, `,x+=`Attribute Key: ${t}, `,x+=`Fallback Sampling Ratio: ${n}\n`}),t===v.URLTemplatization&&S?.forEach((e,t)=>{const n=e.templatizationRules?.map(e=>e.template).filter(Boolean).join(", ");x+=`Group ${t+1}: ${n}`,t<S.length-1&&(x+="; ")}),x},qi=({conditions:e,id:n})=>{const{errors:i,warnings:a,disableds:o,hasLoadings:r}=c(()=>he(e),[e]),s=i.length>0?i:a.length>0?a:o.length>0?o:[];if(s.length>0)return t("div",{style:{lineHeight:1},children:t(Gi,{conditions:s,id:n})});const l=r?ye.Loading:de.Success;return t("div",{style:{lineHeight:1},children:t(ge,{status:l,title:l,withBorder:!0,withIcon:!0})})},Gi=({conditions:e,id:n})=>{const i=h();return t(O,{children:ve(e).map(({status:e,type:a,reason:o,message:r},s)=>{"loading"!==e&&"disabled"!==e||(e=de.Info);const l=be(e,i);return t(fe,{titleIcon:l,title:a,text:r||o||"",children:t(ge,{status:e,title:o||a,withBorder:!0,withIcon:!0})},`condition-${n}-${e}-${a}-${s}`)})})},Ji=({instrumentationRules:e,sources:t,actions:n,destinations:i,searchText:a,selectedCategory:o})=>{const r=a?e.filter(e=>e.type?.toLowerCase().includes(a)||e.ruleName?.toLowerCase().includes(a)):e,s=a?t.filter(e=>e.name?.toLowerCase().includes(a)||e.otelServiceName?.toLowerCase().includes(a)||e.namespace?.toLowerCase().includes(a)):t,l=a?n.filter(e=>e.type?.toLowerCase().includes(a)||e.name?.toLowerCase().includes(a)):n,c=a?i.filter(e=>e.destinationType.displayName?.toLowerCase().includes(a)||e.name?.toLowerCase().includes(a)):i,d=[{category:J.Source,label:"Sources",count:s.length,entities:[]},{category:J.Action,label:"Actions",count:l.length,entities:[]},{category:J.Destination,label:"Destinations",count:c.length,entities:[]},{category:J.InstrumentationRule,label:"Instrumentation Rules",count:r.length,entities:[]}];d.unshift({category:"all",label:"All",count:r.length+s.length+l.length+c.length,entities:[]});const u=d.filter(({count:e,category:t})=>!!e&&"all"!==t&&["all",t].includes(o)).map(e=>({...e,entities:e.category===J.InstrumentationRule?r:e.category===J.Source?s:e.category===J.Action?l:e.category===J.Destination?c:[]}));return{categories:d,searchResults:u}},Yi=[{key:"icon",title:""},{key:"name",title:g.NAME,sortable:!0},{key:"signals",title:g.MONITORS},{key:"active-status",title:g.STATUS},{key:"conditions",title:"Conditions"},{key:"type",title:g.TYPE,sortable:!0},{key:"spec",title:"Spec",sortable:!0},{key:"notes",title:g.NOTES,sortable:!0}],Xi=({maxHeight:n,maxWidth:i})=>{const a=h(),o=Se(),{actions:r,actionsLoading:s}=Y(),{setDrawerType:l,setDrawerEntityId:d}=U(),u=c(()=>Ji({instrumentationRules:[],sources:[],actions:xe(r,o),destinations:[],searchText:o.searchText,selectedCategory:J.Action}).searchResults.find(({category:e})=>e===J.Action)?.entities||[],[r,o]),p=c(()=>u.map(e=>{const{hasErrors:n,hasWarnings:i,hasDisableds:o}=he(e.conditions||[]);return{status:n?de.Error:i?de.Warning:void 0,faded:o,onClick:()=>{l(J.Action),d(e.id)},cells:[{columnKey:"icon",component:()=>t(Ce,{icon:ne(e.type)})},{columnKey:"name",value:Ee(e,J.Action,{prioritizeDisplayName:!0})},{columnKey:"type",value:e.type,textColor:a.text.info},{columnKey:"notes",value:e.notes,textColor:a.text.info,withTooltip:!0},{columnKey:"spec",value:Hi(e),textColor:a.text.info,withTooltip:!0},{columnKey:"signals",component:()=>t(Ne,{withLabels:!0,monitors:e.signals||[]})},{columnKey:"conditions",component:()=>t(qi,{conditions:e.conditions||[],id:e.id})},{columnKey:"active-status",component:()=>t("div",{style:{lineHeight:1},children:t(ge,{status:e.disabled?de.Error:de.Success,title:e.disabled?g.DISABLED:g.ENABLED,withIcon:!0,withBorder:!0})})}]}}),[u]),{badge:m,badgeTooltip:y}=c(()=>u.length!==r.length?{badge:`${u.length}/${r.length}`,badgeTooltip:g.FILTERED_COUNT_TOOLTIP}:{badge:r.length,badgeTooltip:void 0},[u,r]);return e(ke,{$maxWidth:i,children:[t(Te,{children:t(we,{icon:$e(J.Action),title:g.ACTIONS,badge:m,badgeTooltip:y,loading:s})}),t(De,{$maxHeight:n,children:t(Ae,{columns:Yi,rows:p})}),!u.length&&t(Ie,{style:{marginTop:"2rem"},children:t(Oe,{})})]})},Qi=p(I)`
|
|
31
31
|
// width: 100vw;
|
|
32
32
|
// height: 100vh;
|
|
33
33
|
gap: 64px;
|
|
34
34
|
align-items: center;
|
|
35
35
|
justify-content: center;
|
|
36
|
-
`,
|
|
36
|
+
`,Zi=p(I)`
|
|
37
37
|
max-width: 400px;
|
|
38
38
|
gap: 12px;
|
|
39
39
|
align-items: center;
|
|
40
40
|
justify-content: center;
|
|
41
|
-
`,
|
|
41
|
+
`,ea=p(z)`
|
|
42
42
|
text-align: center;
|
|
43
43
|
font-size: 24px;
|
|
44
|
-
`,
|
|
44
|
+
`,ta=p(z)`
|
|
45
45
|
text-align: center;
|
|
46
46
|
line-height: 26px;
|
|
47
47
|
color: ${({theme:e})=>e.text.info};
|
|
48
|
-
`,
|
|
48
|
+
`,na=()=>{const[n,o]=i(0);return a(()=>{(async()=>{for(let e=0;e<=100;e+=5)await Me(500),o(e)})()},[]),e(Qi,{children:[t(Kn,{size:100}),t(Re,{width:400}),e(Zi,{children:[e(O,{$gap:16,children:[t(ea,{children:"Preparing your workspace..."}),t(Le,{label:`${n}%`})]}),t(ta,{children:"It can take up to a few minutes. Grab a cup of coffee, look out a window, and enjoy your free moment!"})]})]})},ia=p(I)`
|
|
49
49
|
align-items: center !important;
|
|
50
50
|
justify-content: center !important;
|
|
51
51
|
align-self: stretch;
|
|
@@ -63,7 +63,7 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
63
63
|
&:hover {
|
|
64
64
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2+_["030"]};
|
|
65
65
|
}
|
|
66
|
-
`,
|
|
66
|
+
`,aa=({entityType:n,description:i})=>{const{setCurrentModal:a}=oe();return e(ia,{onClick:()=>a(n),children:[e(O,{$gap:4,children:[t(jn,{}),e(z,{size:14,weight:600,family:"secondary",decoration:"underline",children:["Add ",n]})]}),t(z,{size:12,align:"center",children:i})]})},oa=p.div`
|
|
67
67
|
position: relative;
|
|
68
68
|
width: 100%;
|
|
69
69
|
padding: 12px 0;
|
|
@@ -71,13 +71,13 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
71
71
|
display: flex;
|
|
72
72
|
align-items: center;
|
|
73
73
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
74
|
-
`,
|
|
74
|
+
`,ra=p(O)`
|
|
75
75
|
margin-left: ${({$marginLeft:e})=>e};
|
|
76
|
-
`,
|
|
76
|
+
`,sa=p(_e)`
|
|
77
77
|
width: 24px;
|
|
78
78
|
height: 24px;
|
|
79
79
|
padding: 0;
|
|
80
|
-
`,
|
|
80
|
+
`,la=p.div`
|
|
81
81
|
position: absolute;
|
|
82
82
|
bottom: -2px;
|
|
83
83
|
left: 0;
|
|
@@ -86,7 +86,7 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
86
86
|
height: 4px;
|
|
87
87
|
width: ${({percent:e})=>`${e}%`};
|
|
88
88
|
transition: width 0.3s;
|
|
89
|
-
`,
|
|
89
|
+
`,ca=({entityType:n,badge:i,badgeTooltip:a,isLoading:o,refetch:r,partiallySelected:s,allSelected:l,onSelectAll:c,progressPercent:d})=>{const u=h(),{setCurrentModal:p}=oe(),m=$e(n);return e(oa,{children:[c&&t(ra,{$marginLeft:"28px",children:t(x,{partiallyChecked:s,value:l,onChange:c})}),t(ra,{$marginLeft:n===J.Source?"0":"28px",children:t(we,{icon:m,title:`${n}s`,badge:i,badgeTooltip:a,loading:!1})}),e(ra,{$marginLeft:"auto",children:[t(sa,{"data-id":`refresh-${n}`,variant:"secondary",onClick:r,disabled:o,children:o?t(Fe,{scale:.8}):t(Vn,{fill:u.colors.secondary,size:18})}),t(sa,{"data-id":`add-${n}`,variant:"primary",onClick:()=>p(n),children:t(jn,{fill:u.colors.primary,size:18})})]}),"number"==typeof d&&t(la,{percent:d})]})},da=p.div`
|
|
90
90
|
padding: 2px 6px;
|
|
91
91
|
background-color: ${({theme:e})=>e.colors.primary};
|
|
92
92
|
border-radius: 360px;
|
|
@@ -101,7 +101,7 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
101
101
|
align-items: center;
|
|
102
102
|
justify-content: center;
|
|
103
103
|
white-space: nowrap;
|
|
104
|
-
`,
|
|
104
|
+
`,ua=({entityId:n,entityType:i,status:a,faded:o,title:r,subTitle:s,tooltip:l,label:c,icon:d,icons:u,iconSrc:p,iconSrcs:m,monitors:g,isActive:y,raw:v})=>{const f=h(),b=i===J.Source,S="boolean"==typeof y,{setDrawerType:x,setDrawerEntityId:C}=U(),{selectedSources:E,setSelectedSources:N}=Pe(),k={...E},{namespace:T,name:w,kind:$}=v;b&&!k[T]&&(k[T]=[]);const D=b?k[T].findIndex(e=>e.name===w&&e.kind===$):-1;return t(Ke,{"data-id":i===J.Source?`${n.namespace}-${n.name}-${n.kind}`:n,title:r,subTitle:s,onClick:()=>{x(i),C(n)},renderActions:()=>{const n=b&&(!v.conditions?.length||v.conditions?.some(({status:e})=>"loading"===e)),i=S&&!y?be(de.Info,f):a?be(a,f):void 0,o=n?t(Fe,{scale:.8}):i?t(i,{size:14}):null;return c?e(da,{$isError:a===de.Error,children:[t(fe,{text:l||"Heads up! The data-flow metrics you see are calculated over 10-second intervals.",children:c}),o]}):o||null},iconProps:{icon:d,icons:u,iconSrc:p,iconSrcs:m},visualProps:{status:a,faded:o||S&&!y,monitors:g||void 0},checkboxProps:{withCheckbox:b,isChecked:-1!==D,onCheckboxChange:()=>{-1===D?k[T].push(v):k[T].splice(D,1),N(k)}}})};function pa(e){const t=e.conditions?.some(({status:e})=>e===ye.Loading);return t?e:{...e,conditions:[{status:ye.Loading,type:"Pending",message:""}]}}function ma(e){const t=e.conditions?.filter(({status:e})=>e!==ye.Loading);return t?.length===e.conditions?.length?e:{...e,conditions:t?.length?t:[{status:de.Success,type:"Healthy",message:""}]}}const ha=p.div`
|
|
105
105
|
position: absolute;
|
|
106
106
|
top: 12px;
|
|
107
107
|
left: 12px;
|
|
@@ -112,23 +112,23 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
112
112
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
113
113
|
border-radius: 12px 12px 0 0;
|
|
114
114
|
pointer-events: none;
|
|
115
|
-
`,
|
|
115
|
+
`,ga=p.span`
|
|
116
116
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
117
117
|
font-size: 11px;
|
|
118
118
|
font-weight: 600;
|
|
119
119
|
color: ${({theme:e})=>e.text.grey};
|
|
120
120
|
text-transform: uppercase;
|
|
121
121
|
letter-spacing: 0.5px;
|
|
122
|
-
`,
|
|
122
|
+
`,ya=p.div`
|
|
123
123
|
display: flex;
|
|
124
124
|
align-items: center;
|
|
125
125
|
gap: 8px;
|
|
126
126
|
padding: 4px 8px 0;
|
|
127
|
-
`,
|
|
127
|
+
`,va=p.div`
|
|
128
128
|
flex: 1;
|
|
129
129
|
height: 1px;
|
|
130
130
|
background: ${({theme:e})=>e.colors.border};
|
|
131
|
-
`,
|
|
131
|
+
`,fa=p.span`
|
|
132
132
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
133
133
|
font-size: 10px;
|
|
134
134
|
font-weight: 600;
|
|
@@ -136,7 +136,7 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
136
136
|
text-transform: uppercase;
|
|
137
137
|
letter-spacing: 0.5px;
|
|
138
138
|
white-space: nowrap;
|
|
139
|
-
`,
|
|
139
|
+
`,ba=({namespace:e})=>t(ha,{children:t(ga,{children:e})}),Sa=({namespace:n})=>e(ya,{children:[t(va,{}),t(fa,{children:n}),t(va,{})]}),xa=p.div`
|
|
140
140
|
height: calc(${({$height:e})=>e}px - 24px);
|
|
141
141
|
width: calc(100% - 24px);
|
|
142
142
|
padding: 12px;
|
|
@@ -144,7 +144,7 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
144
144
|
border: 1px dashed ${({theme:e})=>e.colors.border};
|
|
145
145
|
border-radius: 24px;
|
|
146
146
|
position: relative;
|
|
147
|
-
`,
|
|
147
|
+
`,Ca=p.div`
|
|
148
148
|
position: absolute;
|
|
149
149
|
bottom: 0;
|
|
150
150
|
left: 0;
|
|
@@ -159,18 +159,18 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
159
159
|
justify-content: center;
|
|
160
160
|
|
|
161
161
|
pointer-events: none;
|
|
162
|
-
`,
|
|
162
|
+
`,Ea={[J.Source]:{subTitle:(e,t)=>t?e.kind:`${e.namespace} • ${e.kind}`,icons:e=>({icons:He(e),icon:$e(J.Source)}),withMetrics:!0},[J.Destination]:{subTitle:e=>e.destinationType.displayName,icons:e=>We(e.destinationType.type),withMetrics:!0,withMonitors:!0,withActive:!0},[J.Action]:{subTitle:e=>e.type,icons:e=>({icon:ne(e.type)}),withMonitors:!0,withActive:!0},[J.InstrumentationRule]:{subTitle:e=>e.type,icons:e=>({icon:Be(e.type)}),withActive:!0},[J.Namespace]:{subTitle:()=>"",icons:()=>({icon:$e(J.Namespace)})},[J.SamplingRule]:{subTitle:()=>"",icons:()=>({icon:$e(J.SamplingRule)})}};function Na(e,t,n,i){const a=Q(e);if(!a)return null;const o=Ea[t],r=t===J.Source,s=o.withMonitors?t===J.Destination?ze(e.exportedSignals):e.signals:void 0,l=o.withMetrics?i?.[`${t.toLowerCase()}s`]?.find(e=>JSON.stringify(Q(e))===JSON.stringify(a)):void 0,c=o.withActive?!e.disabled:void 0;let d,u,p=!1,m=e;if(r){const t=function(e){const t=e.workloadOdigosHealthStatus?.status;switch(t){case je.Failure:return{status:de.Error,faded:!1,tooltip:e.workloadOdigosHealthStatus?.message??void 0,displaySource:e};case je.Notice:return{status:de.Warning,faded:!1,tooltip:e.workloadOdigosHealthStatus?.message??void 0,displaySource:e};case je.Pending:case je.Waiting:return{status:void 0,faded:!1,displaySource:pa(e)};case je.Unsupported:case je.Disabled:return{status:void 0,faded:!0,displaySource:e};default:return{status:void 0,faded:!1,displaySource:ma(e)}}}(e);d=t.status,p=t.faded,u=t.tooltip,m=t.displaySource}else{const{priorotizedStatus:t,hasDisableds:n}=he(e.conditions||[]);d=t,p=n}return{entityId:a,namespace:r?e.namespace:void 0,title:Ee(e,t,{extended:r,prioritizeDisplayName:!r}),subTitle:o.subTitle(e,n),status:d,faded:p,tooltip:u,label:o.withMetrics?Ue(l?.throughput):void 0,...o.icons(e),monitors:s,isActive:c,raw:m}}const ka=({height:n,entityType:o,entities:r,metrics:s})=>{const{isVm:l}=ae(),u=o===J.Source,[p,m]=i(""),h=c(()=>r.map(e=>Na(e,o,l,s)).filter(Boolean),[r,o,s,l]),{elements:g,indexToNamespace:y,multipleNs:v}=c(()=>{const e=[],n=[],i=new Set(h.map(e=>e.namespace).filter(Boolean)).size>1;i&&(n.push(""),e.push(t("div",{style:{height:28}},"ns-spacer")));let a="";for(const i of h)u&&i.namespace&&i.namespace!==a&&(""!==a&&(n.push(i.namespace),e.push(t(Sa,{namespace:i.namespace},`ns-divider-${i.namespace}`))),a=i.namespace),n.push(i.namespace||""),e.push(t(ua,{entityType:o,entityId:i.entityId,raw:i.raw,title:i.title,subTitle:i.subTitle,faded:i.faded,status:i.status,tooltip:i.tooltip,label:i.label,icons:i.icons,icon:i.icon,iconSrc:i.iconSrc,monitors:i.monitors,isActive:i.isActive},JSON.stringify(i.entityId)));return{elements:e,indexToNamespace:n,multipleNs:i}},[h,o,u]);a(()=>{if(u&&y.length&&!p){const e=y.find(Boolean);e&&m(e)}},[u,y]);const f=d(e=>{if(!y.length)return;const t=y[Math.min(e,y.length-1)];t&&t!==p&&m(t)},[y,p]);return e(xa,{$height:n,children:[v&&p&&t(ba,{namespace:p}),t(Ve,{gap:8,elements:g,onTopIndexChange:v?f:void 0}),t(Ca,{$hide:!0})]})},Ta=p.div`
|
|
163
163
|
width: ${({$isVm:e})=>e?"45vw":"22vw"};
|
|
164
164
|
display: flex;
|
|
165
165
|
flex-direction: column;
|
|
166
166
|
gap: 12px;
|
|
167
|
-
`,wa=({entityType:n,entities:i,unfilteredCount:a,metrics:o,loading:r,maxHeight:s,refetch:l})=>{const{isVm:d}=ae(),{frameHeight:u,hasFiltersApplied:p,isSources:m}=c(()=>({frameHeight:Math.min(s,80*i.length+12),hasFiltersApplied:i.length!==a,isSources:n===J.Source}),[n,i.length,s,a]),{progress:h}=qe(),y=c(()=>m&&(h[Ge.Instrumenting]||h[Ge.Uninstrumenting])?h[Ge.Instrumenting]?.percentage||h[Ge.Uninstrumenting]?.percentage||0:void 0,[m,h[Ge.Instrumenting],h[Ge.Uninstrumenting]]),{selectedSources:v,setSelectedSources:f}=Pe(),b=c(()=>m?Object.values(v).reduce((e,t)=>e+t.length,0):0,[m,v]);return d&&[J.InstrumentationRule,J.Action].includes(n)?null:e(
|
|
167
|
+
`,wa=({entityType:n,entities:i,unfilteredCount:a,metrics:o,loading:r,maxHeight:s,refetch:l})=>{const{isVm:d}=ae(),{frameHeight:u,hasFiltersApplied:p,isSources:m}=c(()=>({frameHeight:Math.min(s,80*i.length+12),hasFiltersApplied:i.length!==a,isSources:n===J.Source}),[n,i.length,s,a]),{progress:h}=qe(),y=c(()=>m&&(h[Ge.Instrumenting]||h[Ge.Uninstrumenting])?h[Ge.Instrumenting]?.percentage||h[Ge.Uninstrumenting]?.percentage||0:void 0,[m,h[Ge.Instrumenting],h[Ge.Uninstrumenting]]),{selectedSources:v,setSelectedSources:f}=Pe(),b=c(()=>m?Object.values(v).reduce((e,t)=>e+t.length,0):0,[m,v]);return d&&[J.InstrumentationRule,J.Action].includes(n)?null:e(Ta,{$isVm:d,children:[t(ca,{entityType:n,badge:"number"==typeof y?`${y}%`:p?`${i.length}/${a}`:a,badgeTooltip:p?g.FILTERED_COUNT_TOOLTIP:void 0,isLoading:r,refetch:l,partiallySelected:b>0&&i?.length!==b,allSelected:b>0&&i?.length===b,onSelectAll:m?e=>{if(m)if(e){const e={};i?.forEach(t=>{const{namespace:n}=t;e[n]?e[n].push(t):e[n]=[t]}),f(e)}else f({})}:void 0,progressPercent:y}),i.length?t(ka,{height:u,entityType:n,entities:i,metrics:o}):r?t(Je,{size:3}):t(aa,{entityType:n,description:g.TO_COLLECT_OTEL_DATA})]})},$a=p.div`
|
|
168
168
|
width: 100%;
|
|
169
169
|
height: ${({$height:e})=>e};
|
|
170
170
|
display: flex;
|
|
171
171
|
justify-content: space-evenly;
|
|
172
172
|
gap: 24px;
|
|
173
|
-
|
|
173
|
+
`,Da=({height:n,metrics:o,refetchSources:r,refetchDestinations:s,refetchActions:l,refetchInstrumentationRules:d})=>{const u=Se(),{selectedStreamName:p}=Ye(),{containerRef:m,containerHeight:h}=Xe(),{sources:g,sourcesLoading:y,destinations:v,destinationsLoading:f,actions:b,actionsLoading:S,instrumentationRules:x,instrumentationRulesLoading:C}=Y(),E=c(()=>Qe(g,p),[g,p]),N=c(()=>Ze(v,p),[v,p]),[k,T]=i([]),[w,$]=i([]),[D,A]=i([]),[I,O]=i([]);return a(()=>{T(et(E,u))},[E,u]),a(()=>{$(tt(N,u))},[N,u]),a(()=>{A(xe(b,u))},[b,u]),a(()=>{O(x)},[x]),e($a,{ref:m,$height:n,children:[t(wa,{entityType:J.InstrumentationRule,entities:I,unfilteredCount:x.length,loading:C,maxHeight:h,refetch:d}),t(wa,{entityType:J.Source,entities:k,unfilteredCount:E.length,metrics:o,loading:y,maxHeight:h,refetch:r}),t(wa,{entityType:J.Action,entities:D,unfilteredCount:b.length,loading:S,maxHeight:h,refetch:l}),t(wa,{entityType:J.Destination,entities:w,unfilteredCount:N.length,metrics:o,loading:f,maxHeight:h,refetch:s})]})},Aa=p.div`
|
|
174
174
|
position: relative;
|
|
175
175
|
max-width: 200px;
|
|
176
176
|
`;p.div`
|
|
@@ -184,60 +184,60 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
184
184
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
185
185
|
border: ${({theme:e})=>`1px solid ${e.colors.border}`};
|
|
186
186
|
border-radius: 24px;
|
|
187
|
-
`;const
|
|
187
|
+
`;const Ia=p.div`
|
|
188
188
|
display: flex;
|
|
189
189
|
align-items: center;
|
|
190
190
|
overflow-x: scroll;
|
|
191
|
-
`,
|
|
191
|
+
`,Oa=({onClose:n})=>{const r=h(),{onClickNode:s}=nt(),{searchText:l}=Se(),{selectedStreamName:d}=Ye(),{sources:u,destinations:p,actions:m,instrumentationRules:g}=Y(),{popupRef:y,popupOpen:v,setPopupOpen:f,popupPosition:b,handlePosition:S}=it();a(()=>{v||(S(0,50),f(!0))},[v]);const[x,C]=i("all"),{categories:E,searchResults:N}=c(()=>Ji({instrumentationRules:g,sources:Qe(u,d),actions:m,destinations:Ze(p,d),searchText:l,selectedCategory:x}),[g,u,m,p,d,l,x]);return N.length?t(at,{ref:y,isOpen:v,top:b.top,left:b.left,maxWidth:"420px",header:t(Ia,{children:E.map(({category:e,label:n,count:i})=>!!i&&t(rt,{label:n,badgeLabel:i,isSelected:x===e,onClick:()=>C(e)},`category-select-${e}`))}),children:N.map(({category:i,label:a,entities:l},c)=>!!l.length&&e(o,{children:[e(ot,{style:{maxHeight:"all"!==x?"240px":"140px",padding:"12px 0"},children:[t(z,{size:12,family:"secondary",color:r.text.darker_grey,style:{marginLeft:"16px"},children:a}),l.map((e,a)=>t(rt,{icon:$e(i),label:Ee(e,i,{extended:!0}),onClick:()=>{const t=Q(e);s(null,{data:{type:i,id:t}}),n()},style:{width:"100%",justifyContent:"flex-start"},color:"transparent"},`entity-${c}-${a}`))]}),t(A,{thickness:c===N.length-1?0:1,length:"90%",margin:"8px auto"})]},`category-list-${i}`))}):t(at,{ref:y,isOpen:v,top:b.top,left:b.left,children:t(Oe,{})})},Ra=({preventPopup:n=!1})=>{const{searchText:a,setSearchText:o}=Se(),[r,l]=i(!1),c=!!a||r,d=()=>{o(""),l(!1)},u=s(null);return st(u,d),B({key:"Escape",active:c},d),e(Aa,{ref:u,children:[t(E,{placeholder:"Search",icon:zn,value:a,onChange:e=>o(e.target.value.toLowerCase()),onFocus:()=>l(!0)}),c&&!n?t(Oa,{onClose:d}):null]})},La=({sources:e,title:n="Condition",value:i,onSelect:a,onDeselect:o,...r})=>{const s=c(()=>{const t=[];return e.forEach(({conditions:e})=>{e?.forEach(({type:e,reason:n})=>{t.find(t=>t.id===`${e}#${n}`)||t.push({id:`${e}#${n}`,value:`${lt(e)} - ${lt(n)}`})})}),t.sort((e,t)=>e.id?.localeCompare(t.id||"")||0)},[e]);return t(ct,{disabled:!s?.length,title:n,placeholder:"All",options:s,value:i,onSelect:a,onDeselect:o,...r})},Ma=({sources:e,title:n="Error Message",value:i,onSelect:a,onDeselect:o,disabled:r,...s})=>{const l=c(()=>{const t=[];return e.forEach(({conditions:e})=>{ve(e||[]).forEach(({status:e,message:n,reason:i})=>{e!==de.Error||t.find(e=>e.id===n)||(n?t.find(e=>e.id===n)||t.push({id:n,value:n}):i&&(t.find(e=>e.id===i)||t.push({id:i,value:i})))})}),t},[e]);return t(ct,{disabled:r||!l?.length,title:n,placeholder:"All",options:l,value:i,onSelect:a,onDeselect:o,...s})},Fa=({sources:e,title:n="Programming Language",value:i,onSelect:a,onDeselect:o,...r})=>{const s=c(()=>{const t=[];return e.forEach(({containers:e})=>{e?.forEach(({language:e})=>{t.find(t=>t.id===e)||t.push({id:e,value:dt[e]||e})})}),t.sort((e,t)=>e.id?.localeCompare(t.id||"")||0)},[e]);return t(ct,{disabled:!s?.length,title:n,placeholder:"All",options:s,value:i,onSelect:a,onDeselect:o,...r})},_a=({title:e="Monitors",value:n,onSelect:i,onDeselect:a,...o})=>{const r=c(()=>{const e=[];return ut.forEach(({id:t,value:n})=>{e.find(e=>e.id===t)||e.push({id:t,value:n})}),e},[]);return t(ct,{disabled:!r?.length,title:e,placeholder:"All",options:r,value:n,onSelect:i,onDeselect:a,...o})},Pa=({namespaces:e,title:n="Namespace",value:i,onSelect:a,onDeselect:o,...r})=>{const s=c(()=>{const t=[];return e?.forEach(({name:e})=>{t.find(t=>t.id===e)||t.push({id:e,value:e})}),t},[e]);return t(ct,{disabled:!s?.length,title:n,placeholder:"Select namespace",options:s,value:i,onSelect:a,onDeselect:o,...r})},Ka=({sources:e,title:n="Kind",value:i,onSelect:a,onDeselect:o,...r})=>{const s=c(()=>{const t=[];return e.forEach(({kind:e})=>{t.find(t=>t.id===e)||t.push({id:e,value:e})}),t},[e]);return t(ct,{disabled:!s?.length,title:n,placeholder:"All",options:s,value:i,onSelect:a,onDeselect:o,...r})},ja=({sources:e,title:n="Agent Injection Status",value:i,onSelect:a,onDeselect:o,disabled:r,...s})=>{const l=c(()=>{const t=[];return e.forEach(({podsAgentInjectionStatus:e})=>{const{reasonEnum:n,message:i}=e||{};if(n){t.find(e=>e.id===n)||t.push({id:n,value:lt(n)})}else if(i){t.find(e=>e.id===i)||t.push({id:i,value:i})}}),t},[e]);return t(ct,{disabled:r||!l?.length,title:n,placeholder:"All",options:l,value:i,onSelect:a,onDeselect:o,...s})},Va=p.div`
|
|
192
192
|
display: flex;
|
|
193
193
|
flex-direction: column;
|
|
194
194
|
gap: 12px;
|
|
195
195
|
padding: 12px;
|
|
196
|
-
`,
|
|
196
|
+
`,za=p.div`
|
|
197
197
|
padding: 12px 6px 6px 6px;
|
|
198
|
-
`,
|
|
198
|
+
`,Ua=p(_e)`
|
|
199
199
|
font-size: 14px;
|
|
200
200
|
${({$color:e})=>`color: ${e};`}
|
|
201
|
-
`,
|
|
201
|
+
`,Ba=p.div`
|
|
202
202
|
margin-left: auto;
|
|
203
|
-
`,
|
|
203
|
+
`,Wa=e=>{let t=0;return Object.values(e).forEach(e=>{e&&Array.isArray(e)&&e.length>0&&(t+=e.length)}),e.onlyErrors&&t++,e.searchText&&t++,t},Ha=()=>{const n=h(),{namespaces:o,sources:r}=Y(),{selectedStreamName:l}=Ye(),{getItemSS:d,setItemSS:u,removeItemSS:p}=mt(),{popupRef:m,popupOpen:g,setPopupOpen:y,popupPosition:v,handlePosition:f}=it(),{namespaces:b,kinds:S,monitors:x,languages:C,conditions:E,errors:N,onlyErrors:k,podsAgentInjectionStatus:T,setAll:$,clearAll:D,getEmptyState:A}=Se(),I=c(()=>Qe(r,l),[r,l]),[R,L]=i({namespaces:b,kinds:S,monitors:x,languages:C,conditions:E,errors:N,onlyErrors:k,podsAgentInjectionStatus:T}),[M,F]=i(Wa(R));a(()=>{const e=d(pt.OVERVIEW_FILTERS,A());$(e)},[]),a(()=>{if(!g){const e={namespaces:b,kinds:S,monitors:x,languages:C,conditions:E,errors:N,onlyErrors:k,podsAgentInjectionStatus:T};L(e),F(Wa(e))}},[g,b,S,x,C,E,N,k,T]);const _=()=>{y(!1)},P=s(null);return st(P,_),B({key:"Escape",active:g},_),e(Aa,{ref:P,children:[t(rt,{label:"Filters",icon:Un,badgeLabel:M,badgeFilled:!!M,withBorder:!0,color:"transparent",onClick:()=>{f(0,50),y(!0)}}),t(at,{ref:m,isOpen:g,top:v.top,left:v.left,width:"420px",footer:e(O,{children:[t(Ua,{variant:"primary",onClick:()=>{u(pt.OVERVIEW_FILTERS,R),$(R),F(Wa(R)),y(!1)},children:"Apply"}),t(Ua,{variant:"secondary",onClick:_,children:"Cancel"}),t(Ba,{children:t(Ua,{variant:"tertiary",onClick:()=>{p(pt.OVERVIEW_FILTERS),D(),L(A()),F(0),y(!1)},$color:n.text.error,children:"Reset"})})]}),children:e(Va,{children:[t(Pa,{namespaces:o,value:R.namespaces,onSelect:e=>L(t=>({...t,namespaces:[...t.namespaces||[],e]})),onDeselect:e=>L(t=>({...t,namespaces:(t.namespaces||[]).filter(t=>t.id!==e.id)})),showSearch:!0,required:!0,isMulti:!0}),t(Ka,{sources:I,value:R.kinds,onSelect:e=>L(t=>({...t,kinds:[...t.kinds||[],e]})),onDeselect:e=>L(t=>({...t,kinds:(t.kinds||[]).filter(t=>t.id!==e.id)})),showSearch:!0,required:!0,isMulti:!0}),t(Fa,{sources:I,value:R.languages,onSelect:e=>L(t=>({...t,languages:[...t.languages||[],e]})),onDeselect:e=>L(t=>({...t,languages:(t.languages||[]).filter(t=>t.id!==e.id)})),showSearch:!0,required:!0,isMulti:!0}),t(_a,{value:R.monitors,onSelect:e=>L(t=>({...t,monitors:[...t.monitors||[],e]})),onDeselect:e=>L(t=>({...t,monitors:(t.monitors||[]).filter(t=>t.id!==e.id)})),showSearch:!0,required:!0,isMulti:!0}),t(La,{sources:I,value:R.conditions,onSelect:e=>L(t=>({...t,conditions:[...t.conditions||[],e]})),onDeselect:e=>L(t=>({...t,conditions:(t.conditions||[]).filter(t=>t.id!==e.id)})),showSearch:!0,required:!0,isMulti:!0}),t(ja,{sources:I,value:R.podsAgentInjectionStatus,onSelect:e=>L(t=>({...t,podsAgentInjectionStatus:[...t.podsAgentInjectionStatus||[],e]})),onDeselect:e=>L(t=>({...t,podsAgentInjectionStatus:(t.podsAgentInjectionStatus||[]).filter(t=>t.id!==e.id)})),showSearch:!0,required:!0,isMulti:!0}),t(za,{children:t(w,{title:"Show only sources with errors",initialValue:R.onlyErrors,onChange:e=>L(t=>({...t,errors:[],onlyErrors:e}))})}),t(Ma,{sources:I,value:R.errors,onSelect:e=>L(t=>({...t,errors:[...t.errors||[],e]})),onDeselect:e=>L(t=>({...t,errors:(t.errors||[]).filter(t=>t.id!==e.id)})),disabled:!R.onlyErrors,showSearch:!0,required:!0,isMulti:!0})]})})]})},qa=p.div`
|
|
204
204
|
display: flex;
|
|
205
205
|
flex-direction: column;
|
|
206
206
|
gap: 24px;
|
|
207
207
|
padding: 4px;
|
|
208
|
-
`,
|
|
208
|
+
`,Ga=({formData:n,handleFormChange:i,formErrors:a,editingStreamName:o})=>{const{dataStreams:r,selectedStreamName:s}=Ye(),l=o||s,d=c(()=>r.find(e=>e.name===n.name&&e.name!==l),[r,n.name,l]);return e(qa,{children:[t(E,{name:"name",title:g.STREAM_NAME,placeholder:g.NAME_YOUR_STREAM_PLACEHOLDER,required:!0,value:n.name,onChange:({target:{value:e}})=>i("name",e),errorMessage:a.name}),d&&t(ce,{type:de.Warning,message:g.DATA_STREAM_EXISTS_WARNING(l,d.name)})]})},Ja=p.div`
|
|
209
209
|
width: 100%;
|
|
210
210
|
height: 100%;
|
|
211
211
|
max-height: calc(100vh - 220px);
|
|
212
212
|
overflow: overlay;
|
|
213
213
|
overflow-y: auto;
|
|
214
|
-
`,
|
|
214
|
+
`,Ya=({isOpen:e,onClose:n,dataStreamName:a,updateDataStream:o})=>{const{dataStreams:r}=Ye(),l=s(null),[u,p]=i(!1),{formData:m,handleFormChange:h,formErrors:g,validateForm:y,resetFormData:v,loadFormWithDrawerItem:f}=ht({name:a}),b=c(()=>{if(!e)return v();const t=r?.find(e=>e.name===a);return t?f(t):v(),t},[e,r,a]),S=d((e,t)=>{h(e,t),p(!0)},[h]);if(!b)return null;return t(Ki,{ref:l,title:b.name,icons:[Bn],hideEditTitleFromEdit:!0,isEdit:!0,isFormDirty:u,onSave:()=>{y({withAlert:!0,alertTitle:ie.Update})&&(o(a,m),p(!1),n())},onCancel:()=>{v(),p(!1),n()},children:t(Ja,{children:t(Ga,{formData:m,handleFormChange:S,formErrors:g,editingStreamName:a})})})},Xa=p.div`
|
|
215
215
|
position: relative;
|
|
216
|
-
`,
|
|
216
|
+
`,Qa=p(O)`
|
|
217
217
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
218
218
|
border-radius: 32px;
|
|
219
219
|
|
|
220
220
|
& button {
|
|
221
221
|
max-height: 28px;
|
|
222
222
|
}
|
|
223
|
-
`,
|
|
223
|
+
`,Za=p(z)`
|
|
224
224
|
text-wrap: nowrap;
|
|
225
|
-
`,
|
|
225
|
+
`,eo=p(ot)`
|
|
226
226
|
max-height: 240px;
|
|
227
227
|
padding: 0px !important;
|
|
228
|
-
`,
|
|
228
|
+
`,to=p(O)`
|
|
229
229
|
width: 100%;
|
|
230
|
-
`,
|
|
230
|
+
`,no=p.div`
|
|
231
231
|
width: 100%;
|
|
232
|
-
`,
|
|
232
|
+
`,io=({onClickNewDataStream:a,updateDataStream:o,deleteDataStream:r})=>{const s=h(),{clearStore:l}=gt(),{popupRef:d,popupOpen:u,setPopupOpen:p,popupPosition:m,handlePosition:g}=it(),{dataStreams:y,selectedStreamName:v,setSelectedStreamName:f}=Ye(),[b,S]=i(""),[x,C]=i(""),[N,k]=i(""),T=c(()=>y.filter(({name:e})=>!N||e.toLowerCase().includes(N.toLowerCase())).map(({name:n})=>e(to,{children:[t(no,{children:t(rt,{label:n,isSelected:v===n,onClick:()=>{l(),f(n),p(!1)},color:"transparent",style:{width:"100%",justifyContent:"flex-start"}})}),n!==yt&&t(R,{onClick:()=>C(n),tooltip:W.DELETE,children:t(Mn,{})}),t(R,{onClick:()=>S(n),tooltip:W.EDIT,children:t(Pn,{})})]},`stream-${n}`)),[y,v,N]);return e(n,{children:[e(Xa,{children:[e(Qa,{$gap:0,children:[e(_e,{variant:"tertiary",onClick:()=>{g(0,50),p(e=>!e)},children:[t(Bn,{fill:s.text.info}),e(Za,{children:["Data Stream: ",v]}),t(vt,{extend:u}),t(Le,{label:y.length})]}),t(A,{orientation:"vertical",length:"32px",thickness:2,margin:"0"}),t(L,{onClick:()=>{l(),a()},label:W.NEW})]}),t(at,{ref:d,isOpen:u,top:m.top,left:m.left,header:t(E,{placeholder:"Search...",icon:zn,value:N,onChange:e=>k(e.target.value)}),children:t(eo,{children:T})})]}),t(q,{isOpen:""!==x,name:x,onApprove:()=>{r(x),C("")},onDeny:()=>{C("")}}),t(Ya,{isOpen:""!==b,onClose:()=>{S("")},dataStreamName:b,updateDataStream:o})]})},ao=p.div`
|
|
233
233
|
display: flex;
|
|
234
234
|
align-items: center;
|
|
235
235
|
margin: 20px 0;
|
|
236
236
|
padding: 0 16px;
|
|
237
237
|
gap: 8px;
|
|
238
|
-
`,
|
|
238
|
+
`,oo=p.div`
|
|
239
239
|
margin-left: auto;
|
|
240
|
-
`,
|
|
240
|
+
`,ro=({addEntity:n,preventSearchPopup:i,onClickNewDataStream:a,updateDataStream:o,deleteDataStream:r})=>{const{isVm:s}=ae(),{setCurrentModal:l}=oe();return e(ao,{children:[!s&&t(io,{onClickNewDataStream:a,updateDataStream:o,deleteDataStream:r}),t(Ra,{preventPopup:i}),t(Ha,{}),n&&t(oo,{children:t(L,{"data-id":`add-${n}`,onClick:()=>l(n),label:`${W.ADD} ${lt(n)}`,variant:"primary",textProps:{weight:900}})})]})},so=r(({isModal:n,onClickSummary:i},a)=>{const{selectedStreamName:o}=Ye(),{formData:r,handleFormChange:s,formErrors:c,validateForm:d}=ht({name:o});return l(a,()=>({validateForm:d,getFormValues:()=>r})),t(le,{$isNotModal:!n,children:e(I,{$gap:24,children:[i&&t(ft,{onClick:i}),t(P,{title:g.NAME_YOUR_STREAM,description:g.STREAM_DESCRIPTION}),t(Ga,{formData:r,handleFormChange:s,formErrors:c})]})})});so.displayName=so.name;const lo=({createDataStream:e})=>{const{currentModal:n,setCurrentModal:i}=oe(),{addDataStreams:a,setSelectedStreamName:o}=Ye(),r=n===bt.DataStream,l=()=>i(""),c=async()=>{if(d.current&&d.current.validateForm()){const t=d.current.getFormValues();e?e(t):(a([t]),o(t.name)),l()}},d=s(null);return B({key:"Enter",active:r},c),t(se,{isOpen:r,onClose:l,header:{title:"Add Data Stream"},actionComponent:t(me,{buttons:[{label:"DONE",variant:"primary",onClick:c}]}),children:t(so,{ref:d,isModal:!0})})},co=(e,t)=>{const{destinationType:n,disabled:i,exportedSignals:a}=e,o=[{title:g.TYPE,value:n.type},{type:y.ActiveStatus,title:g.STATUS,value:String(!i)},{type:y.Monitors,title:g.MONITORS,value:ze(a).join(", ")},{title:g.NAME,value:n.displayName}],r=St(e,t),s=r.map(e=>({name:e.key,value:e.value}));return r.map(({key:e,name:n,value:i})=>{const{secret:r,componentProperties:l,hideFromReadData:c,customReadDataLabels:d}=t.find(t=>t.name===e)||{};if(!(!!c?.length&&xt(c,ze(a),s))){const{type:e}=Ct(l,{type:""}),t=(r||"password"===e)&&i.length?new Array(10).fill("•").join(""):"";o.push({type:y.Divider}),d?.length?d.forEach(({condition:e,...t})=>{e==i&&o.push({title:t.title,value:t.value})}):o.push({title:n,value:t||i})}}),o},uo=({signals:e,fields:n,onChange:i,formErrors:a})=>n?.map(o=>{const{componentType:r,renderCondition:s,...l}=o;if(!(!s||xt(s,e,n)))return null;switch(r){case M.Input:return t(E,{...l,onChange:e=>i(o.name,e.target.value),errorMessage:a[o.name]},o.name);case M.Dropdown:return t(ct,{...l,showSearch:!0,value:{id:l.value||"",value:l.value||""},options:l.options||[],onSelect:e=>i(o.name,e.id),errorMessage:a[o.name]},o.name);case M.MultiInput:return t(D,{...l,value:"string"==typeof l.value?Ct(l.value,[]):l.value,onChange:e=>i(o.name,JSON.stringify(e)),errorMessage:a[o.name]},o.name);case M.KeyValuePair:return t($,{...l,value:"string"==typeof l.value?Ct(l.value,[]):l.value,onChange:e=>i(o.name,JSON.stringify(e)),errorMessage:a[o.name]},o.name);case M.TextArea:return t(V,{...l,onChange:e=>i(o.name,e.target.value),errorMessage:a[o.name]},o.name);case M.Checkbox:return t(x,{...l,value:"true"==l.value,onChange:e=>i(o.name,String(e)),errorMessage:a[o.name]},o.name);default:return null}}),po=p(_e)`
|
|
241
241
|
display: flex;
|
|
242
242
|
align-items: center;
|
|
243
243
|
gap: 8px;
|
|
@@ -251,40 +251,40 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
251
251
|
`:m`
|
|
252
252
|
background-color: transparent;
|
|
253
253
|
`}
|
|
254
|
-
`,
|
|
254
|
+
`,mo=({destination:n,validateForm:a,status:o,testConnection:r,onSuccess:s,onError:l})=>{const c=h(),{selectedStreamName:d}=Ye(),[u,p]=i(!1),m=o?be(o,c):void 0;return e(po,{$status:o,variant:"secondary",onClick:async()=>{if(a()){p(!0);const e=await r({...n,currentStreamName:d});e&&(e.succeeded?s(e):l(e)),p(!1)}},children:[u?t(Fe,{}):m?t(m,{}):null,t(z,{family:"secondary",decoration:"underline",size:14,color:o?c.text[o]:void 0,children:u?"Checking":o===de.Success?"Connection OK":"error"===o?"Connection Failed":"Test Connection"})]})},ho=p(I)`
|
|
255
255
|
align-items: unset;
|
|
256
256
|
padding: 0 4px;
|
|
257
|
-
`,
|
|
257
|
+
`,go=p.div`
|
|
258
258
|
display: flex;
|
|
259
259
|
flex-direction: column;
|
|
260
260
|
gap: 12px;
|
|
261
|
-
`,
|
|
261
|
+
`,yo=p(O)`
|
|
262
262
|
justify-content: space-between;
|
|
263
|
-
`,
|
|
263
|
+
`,vo=p(z)`
|
|
264
264
|
margin-bottom: 12px;
|
|
265
|
-
`,
|
|
265
|
+
`,fo=({isUpdate:n,categoryItem:o,formData:r,formErrors:l,validateForm:d,handleFormChange:u,dynamicFields:p,setDynamicFields:m,testConnection:y})=>{const{type:v,displayName:f,supportedSignals:b,testConnectionSupported:S}=o||{},x=h(),[C,N]=i(!1),[k,T]=i(!1),[w,$]=i(void 0),D=s(!1);a(()=>{if(p.length&&!D.current){D.current=!0;let e=!1;for(let t=0;t<p.length;t++){const{required:n,value:i}=p[t];if(n){if([void 0,null,""].includes(i)){e=!1;break}e=!0}}N(e)}},[p,k]);const I=c(()=>{const{logs:e,metrics:t,traces:n}=b||{},i=[];return e?.supported&&i.push(Et.Logs),t?.supported&&i.push(Et.Metrics),n?.supported&&i.push(Et.Traces),i},[b]),O=c(()=>{const{logs:e,metrics:t,traces:n}=r.exportedSignals||{},i=[];return e&&i.push(Et.Logs),t&&i.push(Et.Metrics),n&&i.push(Et.Traces),i},[r.exportedSignals]),R=()=>{N(!1),T(!0),$(void 0)};return e(ho,{$gap:24,children:[e(ho,{$gap:12,children:[t(P,{title:n?"Update destination":"Create destination",description:`Connect ${f} with Odigos.`,actionButton:S&&t(mo,{destination:r,validateForm:d,status:w?.type,testConnection:y,onError:e=>{T(!1),$({type:de.Error,title:e?.reason||"Connection failed",message:e?.message||"Please check your input and try again."})},onSuccess:e=>{T(!1),$({type:de.Success,title:e?.reason||"Connection succeeded",message:e?.message||""})}})}),e(go,{children:[S&&w&&t(ce,{type:w.type,title:w.title,message:w.message}),C&&!w&&!n&&t(ce,{type:de.Default,message:`Odigos autocompleted ${f} destination details.`})]}),t(A,{})]}),e(yo,{children:[t(j,{title:n?"":"This connection will monitor:",required:!0,allowedSignals:I,selectedSignals:O,setSelectedSignals:e=>{R(),u("exportedSignals",{logs:e.includes(Et.Logs),metrics:e.includes(Et.Metrics),traces:e.includes(Et.Traces)})},errorMessage:l.exportedSignals}),!n&&t(K,{endpoint:`/backends/${v}`})]}),n&&e("div",{children:[t(vo,{children:"Status"}),t(F,{options:[{icon:Fn,label:g.ENABLED,value:!1,selectedBgColor:x.text.success+_["050"]},{icon:_n,label:g.DISABLED,value:!0,selectedBgColor:x.text.error+_["050"]}],selected:r.disabled,setSelected:e=>u("disabled",e)})]}),!n&&t(E,{title:"Destination name",placeholder:"Enter destination name",value:r.name,onChange:e=>{R(),u("name",e.target.value)},errorMessage:l.name}),t(uo,{signals:O,fields:p,onChange:(e,t)=>{R(),m(n=>{const i=[...n],a=i.findIndex(t=>t.name===e);return-1!==a&&(i[a]={...i[a],value:t}),i})},formErrors:l})]})},bo=p.div`
|
|
266
266
|
width: 100%;
|
|
267
267
|
height: 100%;
|
|
268
268
|
max-height: calc(100vh - 220px);
|
|
269
269
|
overflow: overlay;
|
|
270
270
|
overflow-y: auto;
|
|
271
|
-
`,
|
|
271
|
+
`,So=p.div`
|
|
272
272
|
display: flex;
|
|
273
273
|
flex-direction: column;
|
|
274
274
|
gap: 12px;
|
|
275
|
-
`,
|
|
275
|
+
`,xo=({categories:n,updateDestination:o,deleteDestination:r,testConnection:l})=>{const{destinations:d}=Y(),{selectedStreamName:u}=Ye(),{drawerType:p,drawerEntityId:m}=U(),h=c(()=>Ze(d,u),[d,u]),y=s(null),v=p===J.Destination,[f,b]=i(!1),[S,x]=i(!1),{formData:C,formErrors:E,handleFormChange:N,resetFormData:k,validateForm:T,loadFormWithDrawerItem:w,yamlFields:$,setYamlFields:D,dynamicFields:A,setDynamicFields:I}=Nt({}),O=c(()=>{if(m)return h?.find(e=>Q(e)===m)},[m,h]);if(a(()=>{v&&O?(D(kt(n,O)),w(O)):k()},[v,O,n]),!O)return null;const R=n.flatMap(e=>e.items).find(e=>e.type===O.destinationType.type),{icon:L,iconSrc:M}=R?We(R?.type):{icon:void 0,iconSrc:void 0};return t(Ki,{ref:y,title:O.name||O.destinationType.displayName,icons:L?[L]:void 0,iconSrcs:M?[M]:void 0,isEdit:f,isFormDirty:S,onEdit:e=>{b("boolean"!=typeof e||e)},onSave:async e=>{if(T({withAlert:!0,alertTitle:ie.Update})){const t=e!==O.destinationType.displayName?e:"";N("name",t),o(m,{...C,name:t}),b(!1),x(!1)}},onDelete:async()=>{r(m),b(!1),x(!1),y.current?.closeDrawer()},onCancel:()=>{b(!1),x(!1),w(O)},isLastItem:1===h.length,children:f?t(bo,{children:t(fo,{isUpdate:!0,categoryItem:R,formData:C,formErrors:E,handleFormChange:(...e)=>{x(!0),N(...e)},dynamicFields:A,setDynamicFields:(...e)=>{x(!0),I(...e)},validateForm:T,testConnection:l})}):e(So,{children:[O.conditions?.length?t(ee,{conditions:O.conditions}):null,t(te,{title:g.DESTINATION_DETAILS,data:O?co(O,$):[]})]})})},Co=p.div`
|
|
276
276
|
display: flex;
|
|
277
277
|
flex-direction: column;
|
|
278
278
|
gap: 12px;
|
|
279
|
-
`,
|
|
279
|
+
`,Eo=({items:n,onSelectNew:i,onSelectConfigured:a,isLoadingForDestinationIds:o})=>{const{configuredDestinationsUpdateOnly:r}=gt();return n.map(n=>{const s=n.name===$t.EXISTS;return e(Co,{children:[t(P,{size:"small",icon:n.icon,title:Tt(n.name),description:n.description}),n.items.map(e=>{const l=`select-${n.name.replaceAll(" ","")}-destination-${e.type}-${e.id||""}`,c=wt(e.supportedSignals),{icon:d,iconSrc:u}=We(e.type),p=e.selected||r.some(t=>t.id===e.id),m=!!o.find(t=>t===e.id),h=s?()=>a(e.id):()=>i(e);return t(Ke,{"data-id":l,title:e.displayName,hoverText:W.SELECT,onClick:h,iconProps:{icon:d,iconSrc:u},visualProps:{monitors:c,monitorsWithLabels:!0},checkboxProps:{withCheckbox:s,isChecked:p,isLoading:m,onCheckboxChange:()=>a(e.id)}},l)})]},`category-${n.name}`)})},No=p.div`
|
|
280
280
|
display: flex;
|
|
281
281
|
flex-direction: column;
|
|
282
282
|
gap: 24px;
|
|
283
|
-
`,
|
|
283
|
+
`,ko=p.div`
|
|
284
284
|
display: flex;
|
|
285
285
|
align-items: center;
|
|
286
286
|
gap: 12px;
|
|
287
|
-
`,
|
|
287
|
+
`,To=p.div`
|
|
288
288
|
width: 170px;
|
|
289
289
|
margin-right: 8px;
|
|
290
290
|
`,wo=p.div`
|
|
@@ -298,9 +298,9 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
298
298
|
@media (height < 800px) {
|
|
299
299
|
max-height: calc(100vh - 400px);
|
|
300
300
|
}
|
|
301
|
-
|
|
301
|
+
`,$o=p(No)`
|
|
302
302
|
margin-top: 80px;
|
|
303
|
-
|
|
303
|
+
`,Do=Object.values($t).map(e=>({value:At[e].TITLE,id:e})),Ao=Do[0],Io=[Et.Logs,Et.Metrics,Et.Traces],Oo=(e,t,n)=>e.map(e=>{const{type:i,displayName:a}=e.destinationType,o=e.dataStreamNames?.includes(t),r=n.has(e.id);return{id:e.id,type:i,displayName:a,selected:o||r,fields:[],testConnectionSupported:!1,supportedSignals:{logs:{supported:e.exportedSignals.logs},metrics:{supported:e.exportedSignals.metrics},traces:{supported:e.exportedSignals.traces}}}}),Ro=({hidden:n,categories:a,potentialDestinations:o,onSelectNew:r,onSelectConfigured:s,isLoadingForDestinationIds:l})=>{const{destinations:d}=Y(),{selectedStreamName:u}=Ye(),{configuredDestinations:p,configuredDestinationsUpdateOnly:m}=gt(),[h,g]=i(""),[y,v]=i(Ao),[f,b]=i(Io),S=c(()=>{const e=Dt(a);return e.unshift({name:$t.EXISTS,description:At[$t.EXISTS].DESCRIPTION,icon:Wn,items:Oo(d,u,new Set(p.concat(m).map(e=>e.id)))}),e.unshift({name:$t.DETECTED,description:At[$t.DETECTED].DESCRIPTION,icon:Hn,items:o}),e.map(e=>{const t=e.items.filter(t=>{const n=!h||t.displayName.toLowerCase().includes(h.toLowerCase()),i="all"===y.id||y.id?.toLowerCase()?.replaceAll("-"," ")===e.name.toLowerCase()?.replaceAll("-"," "),a=f.some(e=>t.supportedSignals[It[e]]?.supported);return n&&i&&a});return{...e,items:t}}).filter(({items:e})=>!!e.length)},[a,o,d,h,y,f,u,p,m]);return n?null:e(No,{children:[t(P,{title:"Choose destination",description:"Add backend destination you want to connect with Odigos."}),e(ko,{children:[t(To,{children:t(E,{placeholder:"Search...",icon:zn,value:h,onChange:({target:{value:e}})=>g(e)})}),t(To,{children:t(ct,{options:Do,value:y,onSelect:v,onDeselect:()=>{}})}),t(j,{title:"",selectedSignals:f,setSelectedSignals:b})]}),t(A,{}),S.length?t(wo,{children:t(Eo,{items:S,onSelectNew:e=>r(e,f),onSelectConfigured:s,isLoadingForDestinationIds:l})}):t($o,{children:t(Oe,{title:"No destinations found"})})]})},Lo=p.div`
|
|
304
304
|
display: flex;
|
|
305
305
|
`,Mo=p.div`
|
|
306
306
|
border-right: 1px solid ${({theme:e})=>e.colors.border};
|
|
@@ -309,7 +309,7 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
309
309
|
@media (max-width: 1050px) {
|
|
310
310
|
display: none;
|
|
311
311
|
}
|
|
312
|
-
`,
|
|
312
|
+
`,Fo=({isOnboarding:n,categories:a,potentialDestinations:o,createDestination:r,updateDestination:s,deleteDestination:l,testConnection:c})=>{const{destinations:d}=Y(),{selectedStreamName:u}=Ye(),{currentModal:p,setCurrentModal:m}=oe(),{addConfiguredDestination:h,addConfiguredDestinationUpdateOnly:y,removeConfiguredDestinationUpdateOnly:v,configuredDestinationsUpdateOnly:f}=gt(),b=p===J.Destination,[S,x]=i(void 0),{formData:C,formErrors:E,handleFormChange:N,resetFormData:k,validateForm:T,setYamlFields:w,dynamicFields:$,setDynamicFields:D,loadFormWithDrawerItem:A}=Nt({supportedSignals:S?.supportedSignals,preLoadedFields:S?.fields}),[I,O]=i([]),R=e=>{const t={};return e||$.forEach(e=>t[e.name]=e.value),{id:e?.id||"",name:e?.name||C.name,disabled:e?.disabled||C.disabled,dataStreamNames:e?.dataStreamNames||[],conditions:e?.conditions||[],exportedSignals:e?.exportedSignals||C.exportedSignals,fields:e?.fields||JSON.stringify(t),destinationType:e?.destinationType||{type:S.type,displayName:S.displayName,supportedSignals:{logs:{supported:!1},metrics:{supported:!1},traces:{supported:!1}}}}},L=async e=>{if(n&&!e){const e=R();h(e)}else if(n&&e){const t=R(e);f.some(t=>t.id===e.id)?v(e):y(t)}else if(n||e){if(!n&&e){const t=R(e),n=t.dataStreamNames.some(e=>e===u);O(t=>[...t,e.id]),n?await l(e.id):await s(e.id,A(t)),O(t=>t.filter(t=>t!==e.id))}}else r(C)},M=()=>{k(),x(void 0),m("")},F=()=>{k(),x(void 0)},_=async()=>{if(S){if(!T({withAlert:!n,alertTitle:ie.Create}))return null;L()}M()};return B({key:"Enter",active:b},()=>_()),t(se,{isOpen:b,onClose:M,header:{title:g.ADD_DESTINATION},actionComponent:t(me,{buttons:(()=>{const e=[{label:"DONE",variant:"primary",onClick:_}];return S&&e.unshift({label:"BACK",icon:()=>t(qn,{rotate:-90}),variant:"secondary",onClick:F}),e})()}),children:e(Lo,{children:[t(Mo,{children:t(Ot,{currentStep:S?2:1,data:[{stepNumber:1,title:g.DESTINATIONS},{stepNumber:2,title:g.CONNECTION}]})}),e(le,{style:{margin:"32px 24px 12px 24px"},children:[t(Ro,{hidden:void 0!==S,categories:a,potentialDestinations:o,onSelectNew:(e,t)=>{k(),N("type",e?.type||""),N("currentStreamName",u);const n={logs:!1,metrics:!1,traces:!1};t.filter(t=>e.supportedSignals[It[t]].supported).forEach(e=>n[It[e]]=!0),N("exportedSignals",n),w(e?.fields||[]),x(e)},onSelectConfigured:e=>{const t=d.find(t=>t.id===e);t&&L(t)},isLoadingForDestinationIds:I}),S&&t(fo,{categoryItem:S,formData:C,formErrors:E,handleFormChange:N,dynamicFields:$,setDynamicFields:D,validateForm:T,testConnection:c})]})]})})},_o=p.div`
|
|
313
313
|
display: flex;
|
|
314
314
|
flex-direction: column;
|
|
315
315
|
align-items: center;
|
|
@@ -318,7 +318,7 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
318
318
|
max-height: calc(100vh - 310px);
|
|
319
319
|
height: fit-content;
|
|
320
320
|
overflow-y: scroll;
|
|
321
|
-
`,
|
|
321
|
+
`,Po=({categories:e,withDelete:n})=>{const{configuredDestinations:i,configuredDestinationsUpdateOnly:a}=gt();return i.length||a.length?t(_o,{children:i.concat(a).map((o,r)=>t(Ko,{"data-id":`configured-destination-${o.destinationType.type}`,item:o,yamlFields:kt(e,o),isLastItem:i.length+a.length===1,withDelete:n},`configured-destination-${o.destinationType.type}-${r}`))}):t(Ie,{children:t(Oe,{title:"No destinations",subTitle:"Please add a destination"})})},Ko=({item:a,yamlFields:o,isLastItem:r,withDelete:s})=>{const[l,d]=i(!1),{icon:u,iconSrc:p}=We(a.destinationType.type),{removeConfiguredDestination:m,removeConfiguredDestinationUpdateOnly:h}=gt(),g=c(()=>St(a,o).map(e=>({title:e.name,value:e.value})),[a,o]);return e(n,{children:[t(Ke,{title:a.name||a.destinationType.displayName,subTitle:a.destinationType.type,iconProps:{icon:u,iconSrc:p},visualProps:{monitors:ze(a.exportedSignals),monitorsWithLabels:!0},extendableProps:{withExtend:!0,renderExtended:()=>t(Rt,{data:g})},renderActions:s?()=>t(R,{onClick:()=>d(!0),children:t(Mn,{})}):void 0}),s&&t(q,{isOpen:l,name:a.destinationType.displayName||a.name,type:J.Destination,isLastItem:r,onApprove:()=>{a.id?h(a):m(a)},onDeny:()=>d(!1)})]})},jo=p(_e)`
|
|
322
322
|
display: flex;
|
|
323
323
|
align-items: center;
|
|
324
324
|
justify-content: center;
|
|
@@ -327,7 +327,7 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
327
327
|
padding: 32px;
|
|
328
328
|
border-radius: 16px;
|
|
329
329
|
border-style: dashed !important;
|
|
330
|
-
`,
|
|
330
|
+
`,Vo=({isSourcesListEmpty:i,goToSources:a,categories:o,potentialDestinations:r,testConnection:s,onClickSummary:l})=>{const c=h(),{setCurrentModal:d}=oe(),{configuredDestinations:u,configuredDestinationsUpdateOnly:p}=gt();return e(n,{children:[t(le,{$isNotModal:!0,children:e(I,{$gap:12,children:[e(I,{$gap:24,children:[l&&t(ft,{onClick:l}),t(P,{title:g.ADD_DESTINATIONS,badgeLabel:u.length+p.length,description:g.ADD_DESTINATION_DESCRIPTION}),i&&t(ce,{type:de.Warning,message:g.NO_SOURCES_GO_BACK,action:{label:g.SELECT_SOURCES,onClick:a}}),e(jo,{variant:"secondary",onClick:()=>d(J.Destination),children:[t(jn,{}),t(z,{color:c.colors.secondary,size:14,decoration:"underline",family:"secondary",children:g.ADD_DESTINATION})]})]}),t(Po,{categories:o,withDelete:!0})]})}),t(Fo,{isOnboarding:!0,categories:o,potentialDestinations:r,updateDestination:async()=>{},createDestination:async()=>{},deleteDestination:async()=>{},testConnection:s})]})},zo=[{key:"icon",title:""},{key:"name",title:g.NAME,sortable:!0},{key:"type",title:g.TYPE,sortable:!0},{key:"signals",title:g.MONITORS},{key:"active-status",title:g.STATUS},{key:"conditions",title:"Conditions"},{key:"throughput",title:"Throughput",sortable:!0}],Uo=({metrics:n,maxHeight:i,maxWidth:a})=>{const o=h(),r=Se(),{selectedStreamName:s}=Ye(),{setDrawerType:l,setDrawerEntityId:d}=U(),{destinations:u,destinationsLoading:p}=Y(),m=c(()=>Ze(u,s),[u,s]),y=c(()=>Ji({instrumentationRules:[],sources:[],actions:[],destinations:tt(m,r),searchText:r.searchText,selectedCategory:J.Destination}).searchResults.find(({category:e})=>e===J.Destination)?.entities||[],[m,r]),v=c(()=>y.map(e=>{const{hasErrors:i,hasWarnings:a,hasDisableds:r}=he(e.conditions||[]),{icon:s,iconSrc:c}=We(e.destinationType.type);return{status:i?de.Error:a?de.Warning:void 0,faded:r,onClick:()=>{l(J.Destination),d(e.id)},cells:[{columnKey:"icon",component:()=>t(Ce,{icon:s,src:c})},{columnKey:"name",value:Ee(e,J.Destination,{prioritizeDisplayName:!0})},{columnKey:"type",value:e.destinationType.type,textColor:o.text.info},{columnKey:"throughput",value:Ue(Lt(n,J.Destination,e.id).throughput),textColor:o.text.info},{columnKey:"signals",component:()=>t(Ne,{withLabels:!0,monitors:ze(e.exportedSignals)})},{columnKey:"conditions",component:()=>e.conditions?.length?t(qi,{conditions:e.conditions,id:e.id}):null},{columnKey:"active-status",component:()=>t("div",{style:{lineHeight:1},children:t(ge,{status:e.disabled?de.Error:de.Success,title:e.disabled?g.DISABLED:g.ENABLED,withIcon:!0,withBorder:!0})})}]}}),[y,n]),{badge:f,badgeTooltip:b}=c(()=>y.length!==m.length?{badge:`${y.length}/${m.length}`,badgeTooltip:g.FILTERED_COUNT_TOOLTIP}:{badge:m.length,badgeTooltip:void 0},[y,m]);return e(ke,{$maxWidth:a,children:[t(Te,{children:t(we,{icon:$e(J.Destination),title:g.DESTINATIONS,badge:f,badgeTooltip:b,loading:p})}),t(De,{$maxHeight:i,children:t(Ae,{columns:zo,rows:v})}),!y.length&&t(Ie,{style:{marginTop:"2rem"},children:t(Oe,{})})]})},Bo=e=>{const{type:t,ruleName:n,notes:i,disabled:a,profileName:o,payloadCollection:r,codeAttributes:s,headersCollection:l,customInstrumentations:c}=e,d=[{title:g.TYPE,value:t},{type:y.ActiveStatus,title:g.STATUS,value:String(!a)},{title:g.NAME,value:n},{title:g.NOTES,value:i},{title:g.MANAGED_BY_PROFILE,value:o},{type:y.Divider}];if(r){const e=Object.entries(r).filter(([e,t])=>t).map(([e,t])=>e).join(", ");e&&d.push({title:"Collect",value:e})}if(s){const e=Object.entries(s).filter(([e,t])=>t).map(([e,t])=>e).join(", ");e&&d.push({title:"Collect",value:e})}if(l){const e=(l[Mt.HeaderKeys]||[]).filter(e=>e).join(", ");e&&d.push({title:"Collect",value:e})}if(c){const e=(c[_t.Java]||[]).map(e=>new Ft(e.className,e.methodName)).map(e=>`• ${e.toString()}`).join("\r\n");e&&d.push({title:g.JAVA_CUSTOM_PROBES,value:e});const t=(c[_t.Golang]||[]).map(e=>new Pt(e.packageName,e.functionName,e.receiverName,e.receiverMethodName)).map(e=>`• ${e.toString()}`).join("\r\n");t&&d.push({title:g.GOLANG_CUSTOM_PROBES,value:t})}return d},Wo=p.div`
|
|
331
331
|
display: flex;
|
|
332
332
|
flex-direction: column;
|
|
333
333
|
gap: 12px;
|
|
@@ -337,7 +337,7 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
337
337
|
border-radius: 16px;
|
|
338
338
|
padding: 8px;
|
|
339
339
|
`}
|
|
340
|
-
`,
|
|
340
|
+
`,Ho=[{id:Kt.FilePath,label:"Collect File Path",tooltip:"Indicates whether to record the `code.filepath` attribute."},{id:Kt.Function,label:"Collect Function",tooltip:"Indicates whether to record the `code.function` attribute."},{id:Kt.LineNumber,label:"Collect Line Number",tooltip:"Indicates whether to record the `code.lineno` attribute."}],qo=[{id:Kt.Column,label:"Collect Column",tooltip:"Indicates whether to record the `code.column` attribute."},{id:Kt.Namespace,label:"Collect Namespace",tooltip:"Indicates whether to record the `code.namespace` attribute."},{id:Kt.StackTrace,label:"Collect Stacktrace",tooltip:"Indicates whether to record the `code.stacktrace` attribute."}],Go={[_t.Java]:[new Ft("","")],[_t.Golang]:[new Pt("")]},Jo=["*"],Yo=p.div`
|
|
341
341
|
display: flex;
|
|
342
342
|
flex-direction: column;
|
|
343
343
|
gap: 12px;
|
|
@@ -347,27 +347,27 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
347
347
|
border-radius: 16px;
|
|
348
348
|
padding: 8px;
|
|
349
349
|
`}
|
|
350
|
-
`,
|
|
350
|
+
`,Xo=[{id:jt.HttpRequest,label:"Collect HTTP Request"},{id:jt.HttpResponse,label:"Collect HTTP Response"},{id:jt.DbQuery,label:"Collect DB Query"},{id:jt.Messaging,label:"Collect Messaging"}],Qo={[Vt.CodeAttributes]:({value:o,setValue:r,formErrors:s})=>{const l=s.codeAttributes,d=c(()=>Object.entries(o.codeAttributes||{}).filter(([e,t])=>!!t).map(([e])=>e),[o]),[u,p]=i(1===d.length);a(()=>{if(!d.length){const e={[Kt.Column]:null,[Kt.FilePath]:!0,[Kt.Function]:!0,[Kt.LineNumber]:!0,[Kt.Namespace]:null,[Kt.StackTrace]:null};r("codeAttributes",e),p(!1)}},[]);const m=(e,t)=>{const n=t?[...d,e]:d.filter(t=>t!==e),i=Object.values(Kt).reduce((e,t)=>(e[t]=!!n.includes(t)||null,e),{});r("codeAttributes",i),p(1===n.length)};return e(n,{children:[e("div",{children:[t(S,{title:"Recommended data to collect",required:!0}),t(Wo,{$hasError:!!l,children:Ho.map(({id:e,label:n,tooltip:i})=>t(fe,{text:i,withIcon:!0,children:t(x,{title:n,disabled:u&&d.includes(e),value:d.includes(e),onChange:t=>m(e,t)})},e))}),!!l&&t(C,{children:l})]}),e("div",{children:[t(S,{title:"Verbose data to collect",required:!0}),t(Wo,{$hasError:!!l,children:qo.map(({id:e,label:n,tooltip:i})=>t(fe,{text:i,withIcon:!0,children:t(x,{title:n,disabled:u&&d.includes(e),value:d.includes(e),onChange:t=>m(e,t)})},e))}),!!l&&t(C,{children:l})]})]})},[Vt.CustomInstrumentation]:({value:n,setValue:i,formErrors:o})=>{const r=o.customInstrumentations,s=c(()=>(n?.customInstrumentations?.[_t.Java]||[]).map(e=>({key:e.className,value:e.methodName})),[n]),l=c(()=>(n?.customInstrumentations?.[_t.Golang]||[]).map(e=>new Pt(e.packageName,e.functionName,e.receiverName,e.receiverMethodName)),[n]),d=(e,t)=>{const n={};switch(t){case"java":n[_t.Java]=e.map(e=>new Ft(e.className,e.methodName)),n[_t.Golang]=l.map(e=>new Pt(e.packageName,e.functionName,e.receiverName,e.receiverMethodName));break;case"golang":n[_t.Golang]=e.map(e=>new Pt(e.packageName,e.functionName,e.receiverName,e.receiverMethodName)),n[_t.Java]=s.map(({key:e,value:t})=>new Ft(e,t))}i("customInstrumentations",n)};return a(()=>{n?.customInstrumentations||i("customInstrumentations",{[_t.Golang]:Go[_t.Golang],[_t.Java]:Go[_t.Java]})},[i,n]),e("div",{children:[t(T,{title:"Golang Custom Probes",columns:[{title:"",keyName:"packageName",placeholder:"Package name",required:!0,tooltip:"The full import path of the package containing the function or method to be instrumented."},{title:"",keyName:"functionName",placeholder:"Function name",required:!1,tooltip:"The name of the function to be instrumented. Leave empty if instrumenting a receiver method."},{title:"",keyName:"receiverName",placeholder:"Receiver name",required:!1,tooltip:"The name of the receiver type if instrumenting a method. Leave empty if instrumenting a standalone function."},{title:"",keyName:"receiverMethodName",placeholder:"Receiver method name",required:!1,tooltip:"The name of the method to be instrumented. Leave empty if instrumenting a standalone function."}],value:l,onChange:e=>d(e,"golang"),errorMessage:r,limitFieldsPerRow:2}),t($,{title:"Java Custom Probes",tooltip:"Specify class name and method name pair to instrument.",value:s,onChange:(e=[])=>d(e.map(({key:e,value:t})=>({className:e,methodName:t})),"java"),errorMessage:r,keyPlaceholder:"Class name",valuePlaceholder:"Method name"})]})},[Vt.HeadersCollection]:({value:e,setValue:n,formErrors:i})=>{const o=i.headersCollection,r=c(()=>e?.headersCollection?.[Mt.HeaderKeys]||[],[e]),s=e=>{const t={[Mt.HeaderKeys]:e};n("headersCollection",t)};return a(()=>{r.length||s(Jo)},[r]),t("div",{children:r.length>0&&t(D,{title:"Header Keys",tooltip:"Specify which headers you want to collect, asterisk (*) will collect all headers.",value:r,onChange:e=>s(e),errorMessage:o})})},[Vt.PayloadCollection]:({value:n,setValue:o,formErrors:r})=>{const s=r.payloadCollection,l=c(()=>Object.entries(n.payloadCollection||{}).filter(([e,t])=>!!t).map(([e])=>e),[n]),[d,u]=i(1===l.length);a(()=>{if(!l.length){const e={[jt.HttpRequest]:{},[jt.HttpResponse]:{},[jt.DbQuery]:{},[jt.Messaging]:{}};o("payloadCollection",e),u(!1)}},[]);return e("div",{children:[t(S,{title:"Type of data to collect",required:!0}),t(Yo,{$hasError:!!s,children:Xo.map(({id:e,label:n})=>t(x,{title:n,disabled:d&&l.includes(e),value:l.includes(e),onChange:t=>((e,t)=>{const n=t?[...l,e]:l.filter(t=>t!==e),i={[jt.HttpRequest]:n.includes(jt.HttpRequest)?{}:null,[jt.HttpResponse]:n.includes(jt.HttpResponse)?{}:null,[jt.DbQuery]:n.includes(jt.DbQuery)?{}:null,[jt.Messaging]:n.includes(jt.Messaging)?{}:null};o("payloadCollection",i),u(1===n.length)})(e,t)},e))}),!!s&&t(C,{children:s})]})},[Vt.UnknownType]:null},Zo=({ruleType:e,value:n,setValue:i,formErrors:a})=>{if(!e)return null;const o=Qo[e];return o?t(o,{value:n,setValue:i,formErrors:a}):null},er=p.div`
|
|
351
351
|
display: flex;
|
|
352
352
|
flex-direction: column;
|
|
353
353
|
gap: 24px;
|
|
354
354
|
padding: 4px;
|
|
355
|
-
`,
|
|
355
|
+
`,tr=p(z)`
|
|
356
356
|
margin-bottom: 12px;
|
|
357
|
-
`,
|
|
357
|
+
`,nr=({isUpdate:i,rule:a,formData:o,formErrors:r,handleFormChange:s})=>{const l=h();return e(er,{children:[t(O,{children:a.supportedLanguages.map(e=>t(zt,{icon:Ut(e),type:de.Info,children:dt[e]},e))}),i?e("div",{children:[t(tr,{children:"Status"}),t(F,{options:[{icon:Fn,label:g.ENABLED,value:!1,selectedBgColor:l.text.success+_["050"]},{icon:_n,label:g.DISABLED,value:!0,selectedBgColor:l.text.error+_["050"]}],selected:o.disabled,setSelected:e=>s("disabled",e)})]}):e(n,{children:[t(P,{title:"",description:a.docsDescription,actionButton:t(K,{endpoint:a.docsEndpoint})}),t(E,{title:"Rule name",placeholder:"Use a name that describes the rule",value:o.ruleName,onChange:({target:{value:e}})=>s("ruleName",e),errorMessage:r.ruleName})]}),t(Zo,{ruleType:a.type,value:o,setValue:(e,t)=>s(e,t),formErrors:r}),t(V,{title:"Notes",value:o.notes,onChange:({target:{value:e}})=>s("notes",e),errorMessage:r.notes})]})},ir=p.div`
|
|
358
358
|
width: 100%;
|
|
359
359
|
height: 100%;
|
|
360
360
|
max-height: calc(100vh - 220px);
|
|
361
361
|
overflow: overlay;
|
|
362
362
|
overflow-y: auto;
|
|
363
|
-
`,
|
|
363
|
+
`,ar=p.div`
|
|
364
364
|
display: flex;
|
|
365
365
|
flex-direction: column;
|
|
366
366
|
gap: 12px;
|
|
367
|
-
`,
|
|
367
|
+
`,or=({updateInstrumentationRule:n,deleteInstrumentationRule:o})=>{const{instrumentationRules:r}=Y(),{addNotification:l}=Bt(),{drawerType:d,drawerEntityId:u}=U(),p=s(null),m=d===J.InstrumentationRule,[h,g]=i(!1),[y,v]=i(!1),{formData:f,formErrors:b,handleFormChange:S,resetFormData:x,validateForm:C,loadFormWithDrawerItem:E}=Wt(),N=c(()=>{if(u)return r?.find(e=>Q(e)===u)},[u,r]);if(a(()=>{m&&N?E(N):x()},[m,N]),!N)return null;const k=Ht.find(({type:e})=>e===N.type);return t(Ki,{ref:p,title:N.ruleName||N.type,icons:[Be(N.type)],isEdit:h,isFormDirty:y,onEdit:e=>{N.mutable||!e&&void 0!==e?g("boolean"!=typeof e||e):l({type:de.Warning,title:ue.FORBIDDEN,message:ue.CANNOT_EDIT_RULE,crdType:J.InstrumentationRule,target:u,hideFromHistory:!0})},onSave:e=>{if(C()){const t=e!==N.type?e:"";S("ruleName",t),n(u,{...f,ruleName:t}),g(!1),v(!1)}},onDelete:()=>{N.mutable?(o(u),g(!1),v(!1),p.current?.closeDrawer()):l({type:de.Warning,title:ue.FORBIDDEN,message:ue.CANNOT_DELETE_RULE,crdType:J.InstrumentationRule,target:u,hideFromHistory:!0})},onCancel:()=>{g(!1),v(!1),E(N)},children:h&&k?t(ir,{children:t(nr,{isUpdate:!0,rule:k,formData:f,formErrors:b,handleFormChange:(...e)=>{v(!0),S(...e)}})}):e(ar,{children:[t(ee,{conditions:N.conditions||[]}),t(te,{title:"Instrumentation Rule Details",data:N?Bo(N):[]})]})})},rr=p(I)`
|
|
368
368
|
margin-top: 24px;
|
|
369
369
|
gap: 12px;
|
|
370
|
-
`,
|
|
370
|
+
`,sr=Ht,lr=({createInstrumentationRule:n})=>{const{tier:a}=ae(),o=a===qt.Onprem,{currentModal:r,setCurrentModal:s}=oe(),l=r===J.InstrumentationRule,{formData:c,formErrors:d,handleFormChange:u,resetFormData:p,validateForm:m}=Wt(),[h,y]=i(void 0),v=()=>{p(),y(void 0),s("")},f=()=>{if(!m())return null;n(c),v()};return B({key:"Enter",active:l},()=>f()),t(se,{isOpen:l,onClose:v,header:{title:"Add Instrumentation Rule"},actionComponent:t(me,{buttons:[{variant:"primary",label:"DONE",onClick:f,disabled:!o||!h,tooltip:o?"":ue.ENTERPRISE_ONLY("Instrumentation Rules")}]}),children:e(le,{children:[t(P,{title:"Select Instrumentation Rule",description:"Define how telemetry is recorded from your application. Choose a rule type and configure the details."}),e(rr,{children:[t(ce,o?{type:de.Warning,message:ue.DEFINED_FOR_ALL_STREAMS(g.INSTRUMENTATION_RULES)}:{type:de.Default,message:ue.ENTERPRISE_ONLY(g.INSTRUMENTATION_RULES)}),t(pe,{options:sr,selectedOption:h,onOptionSelect:e=>{return t=e,p(),void y(t);var t},autoFocus:!h?.type})]}),h?.type?e("div",{children:[t(A,{margin:"16px 0"}),t(nr,{rule:h,formData:c,formErrors:d,handleFormChange:u})]}):null]})})},cr=e=>{const{payloadCollection:t,codeAttributes:n,customInstrumentations:i}=e;let a="";return t&&(a+=Object.entries(t).filter(([e,t])=>!!t).map(([e,t])=>e).join(", ")),n&&(a+=Object.entries(n).filter(([e,t])=>!!t).map(([e,t])=>e).join(", ")),i&&Object.values(_t).forEach(e=>{const t=(i[e]||[]).filter(e=>e).join(", ");t&&(a+=a?`, ${t}`:t)}),a},dr=[{key:"icon",title:""},{key:"name",title:g.NAME,sortable:!0},{key:"profile",title:g.MANAGED_BY_PROFILE,sortable:!0},{key:"active-status",title:g.STATUS},{key:"conditions",title:"Conditions"},{key:"source-count",title:"Applicable Source"},{key:"type",title:g.TYPE,sortable:!0},{key:"spec",title:"Spec",sortable:!0},{key:"notes",title:g.NOTES,sortable:!0}],ur=({maxHeight:n,maxWidth:i})=>{const a=h(),o=Se(),{setDrawerType:r,setDrawerEntityId:s}=U(),{instrumentationRules:l,instrumentationRulesLoading:d}=Y(),u=c(()=>Ji({instrumentationRules:l,sources:[],actions:[],destinations:[],searchText:o.searchText,selectedCategory:J.InstrumentationRule}).searchResults.find(({category:e})=>e===J.InstrumentationRule)?.entities||[],[l,o]),p=c(()=>u.map(e=>{const{hasErrors:n,hasWarnings:i,hasDisableds:o}=he(e.conditions||[]);return{status:n?de.Error:i?de.Warning:void 0,faded:o,onClick:()=>{r(J.InstrumentationRule),s(e.ruleId)},cells:[{columnKey:"icon",component:()=>t(Ce,{icon:Be(e.type)})},{columnKey:"name",value:Ee(e,J.InstrumentationRule,{prioritizeDisplayName:!0})},{columnKey:"type",value:e.type,textColor:a.text.info},{columnKey:"profile",value:e.profileName,textColor:a.text.info},{columnKey:"notes",value:e.notes,textColor:a.text.info,withTooltip:!0},{columnKey:"spec",value:cr(e),textColor:a.text.info,withTooltip:!0},{columnKey:"conditions",component:()=>t(qi,{conditions:e.conditions||[],id:e.ruleId})},{columnKey:"active-status",component:()=>t("div",{style:{lineHeight:1},children:t(ge,{status:e.disabled?de.Error:de.Success,title:e.disabled?g.DISABLED:g.ENABLED,withIcon:!0,withBorder:!0})})},{columnKey:"source-count",component:()=>t("div",{style:{lineHeight:1},children:t(ge,{status:de.Info,title:"all sources",withBorder:!0})})}]}}),[u]),{badge:m,badgeTooltip:y}=c(()=>u.length!==l.length?{badge:`${u.length}/${l.length}`,badgeTooltip:g.FILTERED_COUNT_TOOLTIP}:{badge:l.length,badgeTooltip:void 0},[u,l]);return e(ke,{$maxWidth:i,children:[t(Te,{children:t(we,{icon:$e(J.Action),title:g.INSTRUMENTATION_RULES,badge:m,badgeTooltip:y,loading:d})}),t(De,{$maxHeight:n,children:t(Ae,{columns:dr,rows:p})}),!u.length&&t(Ie,{style:{marginTop:"2rem"},children:t(Oe,{})})]})},pr=p.div`
|
|
371
371
|
position: fixed;
|
|
372
372
|
bottom: 0;
|
|
373
373
|
left: 50%;
|
|
@@ -381,17 +381,17 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
381
381
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
382
382
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
383
383
|
animation-name: ${Jt.in.center};
|
|
384
|
-
`,
|
|
384
|
+
`,mr=({totalSourceCount:n,uninstrumentSources:a,restartWorkloads:r})=>{const s=h(),{selectedSources:l,setSelectedSources:d}=Pe(),[u,p]=i(!1),[m,g]=i(!1),y=c(()=>{let e=0;return Object.values(l).forEach(t=>{e+=t.length}),e},[l]),v=()=>{d({})};return y?e(o,{children:[e(pr,{"data-id":"multi-source-control",children:[t(z,{children:"Selected sources"}),t(Le,{label:y,filled:!0}),t(A,{orientation:"vertical",length:"16px"}),t(_e,{variant:"tertiary",onClick:v,children:t(z,{family:"secondary",decoration:"underline",children:"Deselect"})}),e(_e,{variant:"tertiary",onClick:()=>g(!0),children:[t(Gn,{}),t(z,{family:"secondary",decoration:"underline",children:"Restart"})]}),e(_e,{variant:"tertiary",onClick:()=>p(!0),children:[t(Mn,{}),t(z,{family:"secondary",decoration:"underline",color:s.text.error,children:"Uninstrument"})]})]}),t(q,{isOpen:u,name:`${y} sources`,type:J.Source,isLastItem:y===n,onApprove:()=>{const e={};Object.entries(l).forEach(([t,n])=>{e[t]=n.map(e=>({...e,selected:!1}))}),a(e),p(!1),v()},onDeny:()=>p(!1)}),t(Gt,{isOpen:m,title:"Rollout Restart Workloads",description:"Are you sure you want to rollout restart these workloads?",approveButton:{text:"Confirm",variant:de.Warning,onClick:()=>{const e=[];Object.values(l).forEach(t=>{e.push(...t.map(e=>Yt(e)))}),r(e),v()}},denyButton:{text:"Go Back",onClick:()=>g(!1)}})]}):null},hr=p.div`
|
|
385
385
|
position: relative;
|
|
386
386
|
width: fit-content;
|
|
387
|
-
`,
|
|
387
|
+
`,gr=p(O)`
|
|
388
388
|
gap: 12px;
|
|
389
389
|
padding: 0 12px;
|
|
390
|
-
`,
|
|
390
|
+
`,yr=p(I)`
|
|
391
391
|
gap: 12px;
|
|
392
392
|
max-height: 400px;
|
|
393
393
|
overflow-y: auto;
|
|
394
|
-
`,
|
|
394
|
+
`,vr=p.div`
|
|
395
395
|
position: absolute;
|
|
396
396
|
bottom: 0;
|
|
397
397
|
left: 0;
|
|
@@ -400,13 +400,13 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
400
400
|
border-radius: 0 0 24px 24px;
|
|
401
401
|
background: ${({theme:e})=>`linear-gradient(to top, ${e.colors.dropdown_bg}, transparent)`};
|
|
402
402
|
pointer-events: none;
|
|
403
|
-
`,
|
|
403
|
+
`,fr=p(z)`
|
|
404
404
|
background-color: ${({theme:e})=>e.colors.orange_soft};
|
|
405
405
|
color: ${({theme:e})=>e.text.primary};
|
|
406
406
|
border-radius: 32px;
|
|
407
407
|
width: fit-content;
|
|
408
408
|
padding: 2px 8px;
|
|
409
|
-
`,
|
|
409
|
+
`,br=()=>{const n=h(),{notifications:i,markAsSeen:a}=Bt(),o=i.filter(({hideFromHistory:e})=>!e),r=o.filter(({seen:e})=>!e),s=r.length,{popupRef:l,popupOpen:c,setPopupOpen:d,popupPosition:u,handlePosition:p}=it({defaultClientHeight:420,defaultClientwidth:400,onClickOutside:()=>{s&&r.forEach(({id:e})=>a(e))}});return e(hr,{children:[t(R,{onClick:()=>{p(0,0),d(e=>!e)},tooltip:"Notifications",withPing:!!s,pingColor:n.colors.orange_og,children:t(Jn,{size:18})}),e(at,{ref:l,isOpen:c,right:u.left,maxWidth:"400px",header:e(gr,{children:[t(z,{size:20,children:"Notifications"}),!!s&&e(fr,{size:12,family:"secondary",children:[s," new"]})]}),children:[t(yr,{children:o.length?o.map(e=>t(kr,{...e,onClick:()=>d(!1)},`notification-${e.id}`)):t(Oe,{title:"No notifications",subTitle:""})}),t(vr,{})]})]})},Sr=p.div`
|
|
410
410
|
display: flex;
|
|
411
411
|
align-items: flex-start;
|
|
412
412
|
gap: 12px;
|
|
@@ -420,7 +420,7 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
420
420
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
421
421
|
}
|
|
422
422
|
}
|
|
423
|
-
`,
|
|
423
|
+
`,xr=p.div`
|
|
424
424
|
background-color: ${({$type:e,theme:t})=>t.text[e]+_["015"]};
|
|
425
425
|
border-radius: 8px;
|
|
426
426
|
width: 36px;
|
|
@@ -428,22 +428,22 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
428
428
|
display: flex;
|
|
429
429
|
align-items: center;
|
|
430
430
|
justify-content: center;
|
|
431
|
-
`,xr=p.div`
|
|
432
|
-
width: 290px;
|
|
433
431
|
`,Cr=p.div`
|
|
434
|
-
|
|
432
|
+
width: 290px;
|
|
435
433
|
`,Er=p.div`
|
|
434
|
+
margin-bottom: 6px;
|
|
435
|
+
`,Nr=p.div`
|
|
436
436
|
display: flex;
|
|
437
437
|
align-items: center;
|
|
438
438
|
gap: 6px;
|
|
439
|
-
`,
|
|
439
|
+
`,kr=({id:i,seen:a,type:o,title:r,message:s,time:l,crdType:c,target:d,onClick:u})=>{const p=h(),{formatTimeAgo:m}=Xt(),{onClickNotification:g}=Qt(),y=!!c&&!!d,v=r?.toLowerCase().includes(ie.Delete.toLowerCase())||!1,f=be(o,p);return e(Sr,{className:y?"click-enabled":"",onClick:()=>{y&&(u(),g({id:i,crdType:c,target:d}))},children:[t(xr,{$type:v?de.Error:o,children:t(v?Mn:f,{})}),e(Cr,{children:[t(Er,{children:t(z,{size:14,children:s})}),e(Nr,{children:[t(z,{size:10,color:p.text.grey,children:m(l)}),!a&&e(n,{children:[t(z,{size:10,children:"·"}),t(z,{size:10,color:p.colors.orange_soft,children:"new"})]})]})]})]},`notification-${i}`)},Tr=e=>`${J.Source}-${e}-${Zt.MapItem}`,wr=(e,t,n)=>{const i=e.isVirtual,a=n?[Yn]:i?[en(e)]:t?He(t):[Xn],{priorotizedStatus:o}=i?{priorotizedStatus:void 0}:he(t?.conditions||[]);return{id:e.graphKey,title:e.serviceName,icons:a,isVirtual:i,status:o,aggService:e}},$r=e=>!(!e||"user"!==e.otelServiceName||e.namespace||e.name||e.kind),Dr=({theme:e,nodes:t,aggregatedServiceMap:n})=>{const i=[],a=new Map(t.map(e=>[e.id,e]));for(const t of n){const n=Tr(t.graphKey),o=a.get(n);if(!o)continue;const r=o.data?.status===de.Error;for(const o of t.connections){const s=Tr(o.targetGraphKey);a.has(s)&&i.push({id:`${n}-to-${s}`,type:"smoothstep",source:n,target:s,data:{sourceGraphKey:t.graphKey,targetGraphKey:o.targetGraphKey},markerEnd:{type:di.ArrowClosed},style:{stroke:r?e?.colors.dark_red:e?.colors.border}})}}return i},Ar=e=>{const t=e.lastIndexOf("|");return-1===t?{graphKey:e,detail:""}:{graphKey:e.substring(0,t),detail:e.substring(t+1)}},Ir=new mi,Or=`${J.Source}-user-${Zt.MapItem}`,Rr={"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"},Lr=p.div`
|
|
440
440
|
padding: 8px 0;
|
|
441
441
|
`,Mr=p.div`
|
|
442
442
|
display: flex;
|
|
443
|
-
|
|
443
|
+
gap: 12px;
|
|
444
444
|
align-items: center;
|
|
445
445
|
padding: 4px 0 4px 16px;
|
|
446
|
-
`,
|
|
446
|
+
`,Fr=p.button`
|
|
447
447
|
display: flex;
|
|
448
448
|
align-items: center;
|
|
449
449
|
gap: 4px;
|
|
@@ -457,18 +457,18 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
457
457
|
&:hover {
|
|
458
458
|
text-decoration: underline;
|
|
459
459
|
}
|
|
460
|
-
`,
|
|
460
|
+
`,_r=p.div`
|
|
461
461
|
padding: 4px 0 8px;
|
|
462
|
-
`,
|
|
462
|
+
`,Pr=({conn:n,onToggle:i,isExpanded:a})=>{const o=n.details.length>0;return t(Lr,{children:e(O,{$justifyContent:"space-between",$alignItems:"center",children:[t(z,{size:14,weight:500,children:n.targetServiceName}),o&&e(Fr,{onClick:i,children:[t(a?Qn:Zn,{size:12}),a?"hide attributes":`${n.details.length} attribute${n.details.length>1?"s":""}`]})]})})},Kr=({conn:e})=>{const i=h();return t(n,{children:e.details.map(e=>t(Mr,{children:t(z,{size:12,color:i.text.secondary,style:{flex:1},children:e.value})},e.value))})},jr=({connections:a,isVirtual:o,attributes:r})=>{const[s,l]=i(new Set),c=h();if(o){const i=Object.entries(r||{});return e(n,{children:[t(z,{size:12,color:c.text.info,children:"This service is not instrumented. It was detected from client-side spans of services that communicate with it."}),i.length>0&&e(n,{children:[t(_r,{style:{paddingTop:16},children:t(z,{size:11,color:c.text.info,children:"Attributes"})}),i.map(([n,i])=>e(Mr,{children:[t(z,{size:12,color:c.text.secondary,children:n}),t(z,{size:12,children:i})]},n))]})]})}return a.length?e(n,{children:[t(_r,{children:t(z,{size:11,color:c.text.info,children:"Connected services"})}),a.map(n=>e("div",{children:[t(Pr,{conn:n,isExpanded:s.has(n.targetGraphKey),onToggle:()=>{return e=n.targetGraphKey,void l(t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n});var e}}),s.has(n.targetGraphKey)&&t(Kr,{conn:n}),t(A,{})]},n.targetGraphKey))]}):t(z,{size:12,color:c.text.info,children:"No outgoing connections"})},Vr=({conn:i})=>{const a=h();return i?t(n,{children:i.details.length>0?e(n,{children:[t(_r,{children:t(z,{size:11,color:a.text.info,children:"Attribute breakdown"})}),i.details.map(e=>t(Mr,{children:t(z,{size:12,style:{flex:1},children:e.value})},e.value))]}):t(z,{size:12,color:a.text.info,style:{padding:"8px 0"},children:"No attribute breakdown"})}):t(z,{size:12,color:a.text.info,children:"No data for this connection"})},zr=({drawerState:e,aggregatedData:n,onClose:i})=>{if(!e)return null;const a=new Map(n.map(e=>[e.graphKey,e]));let o="",r="",s=null;if("node"===e.type){const n=a.get(e.graphKey);o=n?.serviceName||e.graphKey,r=n?.isVirtual?"Virtual service (uninstrumented)":"Outgoing connections",s=t(jr,{connections:n?.connections||[],isVirtual:n?.isVirtual,attributes:n?.attributes})}else{const n=a.get(e.sourceKey),i=n?.connections.find(t=>t.targetGraphKey===e.targetKey);o=`${n?.serviceName||e.sourceKey} → ${i?.targetServiceName||e.targetKey}`,r="Connection details",s=t(Vr,{conn:i})}return t(tn,{isOpen:!0,width:"420px",position:"right",header:{title:o,subTitle:r,onClose:i},children:s})},Ur=p.div`
|
|
463
463
|
width: 100%;
|
|
464
464
|
height: ${({$heightToRemove:e})=>`calc(100vh - ${e}px)`};
|
|
465
465
|
position: relative;
|
|
466
|
-
`,
|
|
466
|
+
`,Br={namespace:"",name:"",kind:"",otelServiceName:"user",selected:!0,numberOfInstances:0,dataStreamNames:[],containers:[],conditions:[]},Wr=`${J.Source}-`,Hr=`-${Zt.MapItem}`,qr=.15,Gr=({heightToRemove:n,serviceMap:o,onRefresh:r})=>{const l=h(),{sources:c}=Y(),[u,p,m]=ui([]),[y,v,f]=pi([]),[b,S]=i(0),[x,C]=i(null),E=s([]);E.current=u;const N=s(l);N.current=l;const k=s([]),T=s([]),w=d(()=>S(e=>e+1),[]),{activeNodeId:$,setActiveNodeType:D,setActiveNodeId:A}=nn();a(()=>{if(!$)return;const e=(t=$).startsWith(Wr)&&t.endsWith(Hr)?t.slice(Wr.length,-Hr.length):null;var t;e&&C({type:"node",graphKey:e})},[$]);const I=d((e,t)=>{const{sourceGraphKey:n,targetGraphKey:i}=t.data||{};n&&i&&(D(null),A(null),C({type:"edge",sourceKey:n,targetKey:i}))},[D,A]),O=d(()=>{C(null),D(null),A(null)},[D,A]),R=d((e,t)=>{const n=t.id;v(e=>e.map(e=>e.source===n||e.target===n?{...e,animated:!0,style:{...e.style,strokeWidth:2.5},labelStyle:{...e.labelStyle,opacity:1},labelBgStyle:{...e.labelBgStyle,opacity:1}}:{...e,style:{...e.style,opacity:qr},labelStyle:{...e.labelStyle,opacity:qr},labelBgStyle:{...e.labelBgStyle,opacity:qr}}))},[v]),L=d(()=>{v(T.current)},[v]);return a(()=>{let e=!1;const t=(e=>{const t=new Map,n=new Set,i=(e,n,i=!1)=>{let a=t.get(e);return a||(a={serviceName:n,isVirtual:i,attributes:{},connectionMap:new Map},t.set(e,a)),a},a=(e,t)=>{if(t)for(const{key:n,value:i}of t)n in e||(e[n]=i)};for(const t of e){const{graphKey:e}=Ar(t.nodeId),o=i(e,t.serviceName);o.isVirtual=!1;for(const e of t.services){const{graphKey:t,detail:r}=Ar(e.nodeId);e.isVirtual&&(n.add(t),a(i(t,e.serviceName,!0).attributes,e.nodeAttributes));let s=o.connectionMap.get(t);if(s||(s={targetGraphKey:t,targetServiceName:e.serviceName,totalRequests:0,lastDateTime:e.dateTime,details:[]},o.connectionMap.set(t,s)),s.totalRequests+=e.requests,e.dateTime>s.lastDateTime&&(s.lastDateTime=e.dateTime),r){const t=s.details.find(e=>e.value===r);t?(t.requests+=e.requests,e.dateTime>t.dateTime&&(t.dateTime=e.dateTime)):s.details.push({value:r,requests:e.requests,dateTime:e.dateTime})}}}const o=[...t.entries()];for(const[,{connectionMap:e}]of o)for(const[a,o]of e)t.has(a)||i(a,o.targetServiceName,n.has(a));const r=[];for(const[e,{serviceName:n,isVirtual:i,attributes:a,connectionMap:o}]of t){const t=[...o.values()];t.sort((e,t)=>e.targetGraphKey.localeCompare(t.targetGraphKey)),r.push({graphKey:e,serviceName:n,isVirtual:i,connections:t,attributes:a})}return r.sort((e,t)=>e.graphKey.localeCompare(t.graphKey)),r})(o);k.current=t;const n=(({sources:e,aggregatedServiceMap:t})=>{const n=[],i={x:0,y:0};if(t.length&&e.length)for(const a of t){const t=Tr(a.graphKey),o=e.find(e=>a.serviceName===e.otelServiceName||a.serviceName===e.name);n.push({id:t,type:Zt.MapItem,position:i,data:wr(a,o,$r(o)),measured:{width:80,height:80}})}else n.push({id:`${J.Source}-${Zt.NoData}`,type:Zt.NoData,position:i,data:{subTitle:g.ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC}});return n})({aggregatedServiceMap:t,sources:[Br].concat(c)});if(1===n.length&&n[0].id===`${J.Source}-${Zt.NoData}`)return p(n),v([]),void(T.current=[]);const i=new Set(E.current.map(e=>e.id)),a=new Set(n.map(e=>e.id)),r=n.some(e=>!i.has(e.id)),s=E.current.some(e=>!a.has(e.id));if(!(r||s)){const e=new Map(E.current.map(e=>[e.id,e.position]));p(n.map(t=>({...t,position:e.get(t.id)??t.position})));const i=Dr({theme:N.current,nodes:n,aggregatedServiceMap:t});return T.current=i,void v(i)}return(async(e,t,n={})=>{const i={id:"root",layoutOptions:{...Rr,...n},children:e.map(e=>({id:e.id,width:80,height:80,...e.id===Or?{layoutOptions:{"elk.layered.layering.layerConstraint":"FIRST","elk.alignment":"CENTER"}}:{}})),edges:t.map(e=>({id:e.id,sources:[e.source],targets:[e.target]}))},a=await Ir.layout(i),o=new Map;return a.children?.forEach(e=>{o.set(e.id,{x:e.x??0,y:e.y??0})}),{nodes:e.map(e=>({...e,position:o.get(e.id)??e.position})),edges:t}})(n,Dr({theme:N.current,nodes:n,aggregatedServiceMap:t})).then(({nodes:t})=>{if(e)return;p(t);const n=Dr({theme:N.current,nodes:t,aggregatedServiceMap:k.current});T.current=n,v(n),w()}),()=>{e=!0}},[o,c]),a(()=>{if(!E.current.length)return;const e=Dr({theme:l,nodes:E.current,aggregatedServiceMap:k.current});T.current=e,v(e)},[l]),e(Ur,{$heightToRemove:n,children:[t(an,{nodes:u,edges:y,onNodesChange:m,onEdgesChange:f,onEdgeClick:I,onNodeMouseEnter:R,onNodeMouseLeave:L,onRefresh:r,fitViewTrigger:b,zoomOnScroll:!0}),t(zr,{drawerState:x,aggregatedData:k.current,onClose:O})]})},Jr=p.div`
|
|
467
467
|
width: 100%;
|
|
468
468
|
padding-bottom: ${({$isOpen:e})=>e?"18px":"0"};
|
|
469
469
|
border-radius: 16px;
|
|
470
470
|
background-color: ${({$selected:e,theme:t})=>e?t.colors.majestic_blue+_["024"]:t.colors.dropdown_bg_2+_["040"]};
|
|
471
|
-
`,
|
|
471
|
+
`,Yr=p.div`
|
|
472
472
|
display: flex;
|
|
473
473
|
justify-content: space-between;
|
|
474
474
|
gap: 12px;
|
|
@@ -480,26 +480,26 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
480
480
|
background-color: ${({$withClick:e,$selected:t,theme:n})=>e&&(t?n.colors.majestic_blue+_["040"]:n.colors.dropdown_bg_2+_["080"])};
|
|
481
481
|
transition: background-color 0.3s;
|
|
482
482
|
}
|
|
483
|
-
`,
|
|
483
|
+
`,Xr=p(Yr)`
|
|
484
484
|
width: calc(100% - 100px);
|
|
485
485
|
margin: 0 auto;
|
|
486
486
|
padding: 8px;
|
|
487
|
-
`,
|
|
487
|
+
`,Qr=p.div`
|
|
488
488
|
position: relative;
|
|
489
489
|
padding-bottom: ${({$addPadding:e})=>e?"16px":"0"};
|
|
490
|
-
`,
|
|
490
|
+
`,Zr=p.div`
|
|
491
491
|
position: absolute;
|
|
492
492
|
top: 6px;
|
|
493
493
|
left: 18px;
|
|
494
|
-
`,
|
|
494
|
+
`,es=p(Ie)`
|
|
495
495
|
padding-bottom: ${({$addPadding:e})=>e?"16px":"0"};
|
|
496
|
-
`,
|
|
496
|
+
`,ts=p.div`
|
|
497
497
|
width: ${({$width:e})=>`${e||42}px`};
|
|
498
498
|
display: flex;
|
|
499
499
|
align-items: center;
|
|
500
500
|
justify-content: flex-end;
|
|
501
501
|
text-align: right;
|
|
502
|
-
`,
|
|
502
|
+
`,ns=$e(J.Namespace),is=({isModal:n=!1,withInstances:i=!0,loading:a,filteredNamespacesAndSources:o,selectedNamespace:r,onSelectNamespace:s,selectedSources:l,onSelectSource:c,selectedFutureApps:d,onSelectFutureApps:u})=>{const p=h(),{isVm:m}=ae(),{namespacesLoading:y}=Y(),v=Object.entries(o||{});return v?.length?t(Ve,{height:n?"calc(100vh - 510px)":"calc(100vh - 310px)",gap:12,noAnimation:!0,elements:v.map(([n,o])=>{const h=l?.[n]||[],v=d?.[n]?.selected||!1,f=h.filter(({selected:e})=>e),b=h.length>0,S=r===n,C=f.length>0&&f.length===o.length,E=f.length>0&&f.length!==o.length,N=o.length>0,k=1===o.length;return s||N?e(Jr,{"data-id":`namespace-${n}`,$selected:C,$isOpen:S,children:[e(Yr,{$selected:C,$withClick:!!s,onClick:()=>s?.(n),children:[e(O,{$gap:12,children:[s&&t(x,{partiallyChecked:E,value:C,onChange:e=>s(n,e)}),t(ns,{}),t(z,{children:n})]}),e(O,{$gap:24,children:[!m&&u&&t(w,{title:g.FUTURE_APPS_TITLE,tooltip:g.FUTURE_APPS_DESCRIPTION,initialValue:v,onChange:e=>u(e,n),flipHorizontally:!0}),t(ts,{children:t(z,{size:10,color:p.text.grey,children:b?`${f.length}/${o.length}`:null})}),s&&t(vt,{extend:S})]})]}),(S||!s)&&(N?e(Qr,{$addPadding:!c,children:[t(Zr,{children:t(A,{orientation:"vertical",length:(k?24:34*o.length)+"px"})}),o.map(e=>{const a=f.some(({name:t})=>t===e.name);return t(as,{withInstances:i,source:e,namespace:n,isSelected:a,onSelect:c},`source-${e.name}`)})]}):t(es,{$addPadding:!c,children:y||a?t(Fe,{}):t(Oe,{title:g.NO_SOURCES_NAMESPACE,subTitle:g.TRY_SEARCH_OR_OTHER_NAMESPACE})}))]},`namespace-${n}`):null})}):t(Ie,{children:y||a?t(Fe,{}):t(Oe,{title:g.NO_SOURCES,subTitle:!m&&s?g.PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES:g.PLEASE_ADD_SOURCE})})},as=({withInstances:n,source:i,namespace:a,isSelected:o,onSelect:r})=>{const{tier:s}=ae(),l=s!==qt.Onprem&&!!i.kind&&on.has(i.kind);return t(Xr,{"data-id":`source-${i.name}`,$selected:!l&&o,$withClick:!l&&!!r,onClick:()=>!l&&r?.(i),style:l?{opacity:.5,cursor:"not-allowed"}:void 0,children:e(O,{$gap:12,children:[r&&t(x,{value:!l&&o,onChange:()=>!l&&r(i,a)}),e(O,{$gap:4,children:[t(z,{children:i.name}),e(z,{opacity:.8,size:10,children:[n?` • ${i.numberOfInstances||0} running instance${1!==i.numberOfInstances?"s":""}`:"",` • ${i.kind}`,l?" • Enterprise only":""]})]})]})})},os=p.div`
|
|
503
503
|
display: flex;
|
|
504
504
|
flex-direction: column;
|
|
505
505
|
align-items: center;
|
|
@@ -508,46 +508,46 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
508
508
|
max-height: calc(100vh - 200px);
|
|
509
509
|
height: fit-content;
|
|
510
510
|
overflow-y: scroll;
|
|
511
|
-
`,
|
|
511
|
+
`,rs=({onEditStream:n,onEditSources:i,onEditDestinations:a,categories:o})=>{const{selectedStreamName:r}=Ye(),{configuredSources:s,configuredDestinations:l,configuredDestinationsUpdateOnly:d}=gt(),u=c(()=>Object.values(s).reduce((e,t)=>e+t.filter(e=>e.selected).length,0),[s]);return t(le,{$isNotModal:!0,children:e(I,{$gap:12,children:[t(P,{title:g.SUMMARY,description:g.STREAM_CONFIRM}),e(os,{children:[t(te,{title:g.STREAM_NAME,action:()=>t(rn,{onClick:n}),data:[{title:"",value:r}]}),t(te,{title:g.SELECTED_SOURCES,titleBadge:u,action:()=>t(rn,{onClick:i}),children:t(is,{filteredNamespacesAndSources:s,withInstances:!1})}),t(te,{title:g.SELECTED_DESTINATIONS,titleBadge:l.length+d.length,action:()=>t(rn,{onClick:a}),children:t(Po,{categories:o})})]})]})})};var ss;!function(e){e.Overview="overview",e.InstrumentationRules="InstrumentationRule",e.Sources="Source",e.Actions="Action",e.Destinations="Destination"}(ss||(ss={}));const ls=({onClickId:e,defaultSelectedId:n,extendedNavIcons:a})=>{const{isVm:o}=ae(),[r,s]=i(n||""),l=c(()=>[{id:ss.Overview,icon:ei,selected:r===ss.Overview,onClick:()=>{s(ss.Overview),e(ss.Overview)},tooltip:"Overview"},...(a||[]).map(e=>({...e,selected:r===e.id,onClick:()=>{s(e.id),e.onClick()}}))],[r]),d=c(()=>{const t=[{id:ss.Sources,icon:ti,selected:r===ss.Sources,onClick:()=>{s(ss.Sources),e(ss.Sources)},tooltip:"Sources"},{id:ss.Destinations,icon:ni,selected:r===ss.Destinations,onClick:()=>{s(ss.Destinations),e(ss.Destinations)},tooltip:"Destinations"}];return o||(t.push({id:ss.InstrumentationRules,icon:ii,selected:r===ss.InstrumentationRules,onClick:()=>{s(ss.InstrumentationRules),e(ss.InstrumentationRules)},tooltip:"Instrumentation Rules"}),t.push({id:ss.Actions,icon:ai,selected:r===ss.Actions,onClick:()=>{s(ss.Actions),e(ss.Actions)},tooltip:"Actions"})),t},[o,r]);return t(sn,{orientation:"vertical",mainIcons:l,subIcons:d})},cs=({})=>t(R,{onClick:()=>window.open("https://join.slack.com/t/odigos/shared_invite/zt-2wc6gm4j9-EhcVFYrLwHqvcIErO9sVzw","_blank","noopener noreferrer"),tooltip:"Join our Slack community",children:t(oi,{})}),ds=(e,t)=>{const{name:n,kind:i,namespace:a}=e,o=[{title:g.KIND,value:i},{title:g.NAME,value:n,tooltip:"Resource name"}];return t||(o.unshift({title:g.NAMESPACE,value:a}),o.push({type:y.Divider}),o.push({type:y.CopyText,value:`kubectl get ${i} ${n} -n ${a}`.toLowerCase()})),o},us=p.div`
|
|
512
512
|
display: flex;
|
|
513
513
|
flex-direction: column;
|
|
514
514
|
gap: 24px;
|
|
515
515
|
padding: 4px;
|
|
516
|
-
`,
|
|
516
|
+
`,ps=({formData:e,handleFormChange:n})=>t(us,{children:t(E,{name:"sourceName",title:"Source name",tooltip:"This overrides the default service name that runs in your cluster.",placeholder:"Use a name that overrides the source name",value:e.otelServiceName,onChange:({target:{value:e}})=>n("otelServiceName",e)})}),ms=({workloadOdigosHealthStatus:e})=>{if(!e)return null;const n=ln(e?.status),i=lt(e?.reasonEnum),a=e?.message;return t(O,{$alignItems:"center",$justifyContent:"center",children:t(ge,{status:n,title:i,subtitle:a,withBackground:n!==ye.Disabled,withBorder:!0,withIcon:!0,width:"calc(100% - 24px)"})})},hs=({source:n,fetchSourceDescribe:o,onClickRestartPod:r})=>{const[s,l]=i(!1),[c,d]=i(null);return a(()=>{n&&o({namespace:n.namespace,name:n.name,kind:n.kind}).then(({data:e})=>{e?.describeSource?d(e.describeSource):l(!0)})},[n.namespace,n.name,n.kind]),c||s?t(I,{$gap:12,children:s?t(Ie,{$height:"70vh",children:t(Oe,{subTitle:"Could not fetch describe for this source"})}):c?.pods?.length?c.pods.map(({podName:i,nodeName:a,phase:o,agentInjected:s,runningLatestWorkloadRevision:l,containers:d,manifestYAML:p})=>{const m=o.status!==de.Success||cn(d)?de.Error:de.Success,h=[];return h.push(t(dn,{value:`kubectl get pod ${i.value} -n ${c?.namespace?.value||n.namespace}`.toLowerCase()},"copy-text")),h.push(t(A,{length:"100%",margin:"0"},"divider-1")),h.push(t(un,{title:a.name,tooltip:a.explain||"",value:{status:a.status||void 0,text:a.value}},"describe-row-1")),h.push(t(A,{length:"100%",margin:"0"},"divider-2")),h.push(t(un,{title:o.name,tooltip:o.explain||"",value:{status:o.status||void 0,text:o.value}},"describe-row-2")),h.push(t(A,{length:"100%",margin:"0"},"divider-3")),h.push(t(un,{title:s.name,tooltip:s.explain||"",value:{status:s.status||void 0,text:s.value}},"describe-row-3")),h.push(t(A,{length:"100%",margin:"0"},"divider-4")),l?.name&&(h.push(t(un,{title:l.name,tooltip:l.explain||void 0,value:{status:l.status||void 0,text:l.value}},"describe-row-4")),h.push(t(A,{length:"100%",margin:"0"},"divider-5"))),d.forEach(e=>{h.push(t(pn,{...e},`pod-container-${e.containerName.value}`))}),p&&(h.push(t(A,{length:"100%",margin:"0"},"divider-6")),h.push(t(hi,{yaml:p},"yaml-section-card"))),t(te,{title:`Pod: ${i.value}`,withExtend:!0,action:({hovered:a})=>e("div",{style:{position:"relative"},children:[t(ge,{status:m,title:m,withIcon:!0,withBorder:!0},"status"),a&&t(mn,{isOpen:!0,positionRight:"calc(100% + 12px)",actions:r?[{id:hn(),label:"Restart",rightIcon:Vn,onClick:()=>r(c?.namespace?.value||n.namespace,i.value)}]:[]},"hover-actions")]}),children:u.toArray(h)},`pod-${i.value}`)}):t(Ie,{$height:"70vh",children:t(Oe,{subTitle:"Check if you have any running pods and try again"})})}):t(Ie,{$height:"70vh",children:t(Fe,{})})},gs=p(O)`
|
|
517
517
|
width: 100%;
|
|
518
518
|
align-items: center;
|
|
519
519
|
justify-content: space-between;
|
|
520
|
-
`,
|
|
520
|
+
`,ys=({source:n,fetchSourceLibraries:r})=>{const s=h(),[l,c]=i(!1),[d,u]=i(null);return a(()=>{n&&r({namespace:n.namespace,name:n.name,kind:n.kind}).then(({data:e})=>{e?.instrumentationInstanceComponents?u(Dt(e.instrumentationInstanceComponents).sort((e,t)=>e.name.localeCompare(t.name))):c(!0)})},[n.namespace,n.name,n.kind]),d||l?t(I,{$gap:12,children:l?t(Ie,{$height:"70vh",children:t(Oe,{subTitle:"Could not fetch libraries for this source"})}):d?.length?t(te,{title:"Instrumented Libraries",children:d.map(({name:n,healthy:i,message:a,nonIdentifyingAttributes:r},l)=>e(o,{children:[e(I,{$gap:4,$width:"100%",children:[e(gs,{$width:"100%",children:[t(z,{size:12,color:s.text.grey,children:n}),e(O,{$gap:4,children:[r.map(({key:e,value:i})=>gn(i)&&yn(i)&&"is_standard_lib"===e?t(ge,{status:de.Default,title:"STANDARD",withBorder:!0},`${n}-${e}`):null),"boolean"==typeof i&&t(ge,{status:i?de.Success:de.Error,title:i?"HEALTHY":"UNHEALTHY",withBorder:!0})]})]}),a&&t(z,{size:10,color:s.text.error,align:"right",children:a})]}),l!==d.length-1&&t(A,{length:"100%",margin:"0"})]},`library-${n}`))}):e(Ie,{$height:"70vh",$gap:12,children:[t(Oe,{title:"No libraries found",subTitle:""}),t(ce,{type:de.Warning,message:"This feature is in early development, and has very limited support"})]})}):t(Ie,{$height:"70vh",children:t(Fe,{})})},vs="70vh",fs=(e,t)=>e.serviceName.localeCompare(t.serviceName),bs=p(z)`
|
|
521
521
|
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
522
522
|
text-decoration: ${({$clickable:e})=>e?"underline":"none"};
|
|
523
523
|
&:hover {
|
|
524
524
|
opacity: ${({$clickable:e})=>e?.7:1};
|
|
525
525
|
}
|
|
526
|
-
`,
|
|
526
|
+
`,Ss=p(O)`
|
|
527
527
|
justify-content: flex-end;
|
|
528
528
|
align-items: center;
|
|
529
529
|
gap: 6px;
|
|
530
530
|
cursor: pointer;
|
|
531
|
-
`,
|
|
531
|
+
`,xs=({items:i,emptyMessage:a,keyPrefix:r,findSource:s,onNavigate:l})=>{const c=h();return i.length?t(n,{children:i.map(({serviceName:n},a)=>{const d=!!s(n);return e(o,{children:[t(bs,{size:13,color:d?c.text.secondary:c.text.grey,$clickable:d,onClick:()=>l(n),children:n}),a!==i.length-1&&t(A,{length:"100%",margin:"0"})]},`${r}-${n}`)})}):t(z,{size:13,color:c.text.grey,children:a})},Cs=({source:n,fetchPeerSources:o})=>{const r=h(),{setDrawerType:l,setDrawerEntityId:c}=U(),u=Y(e=>e.sources),[p,m]=i(!1),[g,y]=i(!1),[v,f]=i(null),b=n.otelServiceName||n.name,S=s(o);S.current=o;const x=d(()=>{b&&(y(!0),m(!1),S.current(b).then(({data:e})=>{e?.peerSources?f(e.peerSources):m(!0)}).finally(()=>y(!1)))},[b]);a(()=>{x()},[x]);const C=d(e=>u.find(t=>t.otelServiceName===e||t.name===e),[u]),E=d(e=>{const t=C(e);t&&(l(J.Source),c({namespace:t.namespace,name:t.name,kind:t.kind}))},[C,l,c]);if(!v&&!p&&g)return t(Ie,{$height:vs,children:t(Fe,{})});if(p)return t(Ie,{$height:vs,children:t(Oe,{subTitle:"Could not fetch peer sources"})});const N=v?.inbound?[...v.inbound].sort(fs):[],k=v?.outbound?[...v.outbound].sort(fs):[];return e(I,{$gap:12,children:[t(te,{title:"Inbound",titleBadge:N.length,description:`Services that send requests to ${b}`,children:t(xs,{items:N,emptyMessage:"No inbound connections",keyPrefix:"inbound",findSource:C,onNavigate:E})}),t(te,{title:"Outbound",titleBadge:k.length,description:`Services that ${b} sends requests to`,children:t(xs,{items:k,emptyMessage:"No outbound connections",keyPrefix:"outbound",findSource:C,onNavigate:E})}),e(Ss,{onClick:x,children:[t(Vn,{size:14}),t(z,{size:12,color:r.text.grey,decoration:"underline",children:"Refresh"})]})]})};var Es;!function(e){e.Overview="Overview",e.Pods="Pods",e.Libraries="Libraries",e.PeerSources="Peer Sources"}(Es||(Es={}));const Ns=[fn.Deployment,fn.StatefulSet,fn.DaemonSet,fn.DeploymentConfig,fn.Rollout,fn.StaticPod],ks=[fn.Deployment,fn.StatefulSet,fn.DaemonSet,fn.DeploymentConfig,fn.Rollout,fn.Pod],Ts=[bn.Python,bn.Go,bn.Java],ws=p.div`
|
|
532
532
|
width: 100%;
|
|
533
533
|
height: 100%;
|
|
534
534
|
max-height: calc(100vh - 220px);
|
|
535
535
|
overflow: overlay;
|
|
536
536
|
overflow-y: auto;
|
|
537
|
-
|
|
537
|
+
`,$s=p.div`
|
|
538
538
|
display: flex;
|
|
539
539
|
flex-direction: column;
|
|
540
540
|
gap: 12px;
|
|
541
|
-
`;var
|
|
541
|
+
`;var Ds;!function(e){e.Workload="Workload",e.Pod="Pod"}(Ds||(Ds={}));const As=({persistSources:o,updateSource:r,restartWorkloads:l,fetchSourceById:d,fetchSourceDescribe:u,fetchSourceLibraries:p,fetchPeerSources:m,restartPod:h,recoverFromRollback:y})=>{const{isVm:v}=ae(),{sources:f}=Y(),{selectedStreamName:b}=Ye(),{drawerType:S,drawerEntityId:x}=U(),C=c(()=>Qe(f,b),[f,b]),E=s(null),N=S===J.Source,[k,T]=i(!1),[w,$]=i(!1),[D,A]=i(Es.Overview),[I,O]=i(null);a(()=>{N&&x&&d(x).then(e=>O(e||null))},[N,x]);const{formData:R,handleFormChange:L,resetFormData:M,loadFormWithDrawerItem:F}=vn(),_=c(()=>{if(x)return I&&JSON.stringify(Yt(I))===JSON.stringify(Yt(x))?I:C?.find(e=>JSON.stringify(Yt(e))===JSON.stringify(Yt(x)))},[x,C,I]);a(()=>{N&&_?F(_):M()},[N,_]);const P=c(()=>{const e=_?.conditions?.find(({type:e})=>"RuntimeDetection"===e);return{description:e?.message,isLoading:e?.status===ye.Loading,containers:_?.containers||[]}},[_]),K=c(()=>!!_?.rollbackOccurred,[_?.rollbackOccurred]),j=c(()=>{const e=[{label:Es.Overview,onClick:()=>A(Es.Overview),selected:D===Es.Overview}];return v||(Ns.includes(_?.kind)&&e.push({label:Es.Pods,onClick:()=>A(Es.Pods),selected:D===Es.Pods}),_?.containers?.some(({language:e})=>Ts.includes(e))&&e.push({label:Es.Libraries,onClick:()=>A(Es.Libraries),selected:D===Es.Libraries}),e.push({label:Es.PeerSources,onClick:()=>A(Es.PeerSources),selected:D===Es.PeerSources})),e},[D,_,v]),V=ks.includes(_?.kind),[B,W]=i({openFor:null,workloadId:void 0,podNamespace:void 0,podName:void 0});if(!_)return null;return e(Ki,{ref:E,onClose:()=>{A(Es.Overview),O(null)},title:_.otelServiceName||_.name,titleTooltip:"This attribute is used to identify the name of the service (service.name) that is generating telemetry data.",hideEditTitleFromEdit:!0,icons:xn(_.containers),isEdit:k,isFormDirty:w,onEdit:D===Es.Overview?e=>{T("boolean"!=typeof e||e)}:void 0,onSave:async()=>{const e=R.otelServiceName!==_.name?R.otelServiceName:"";L("otelServiceName",e),await r(x,{...R,otelServiceName:e}),O(null),$(!1),T(!1)},onDelete:D===Es.Overview?async()=>{const{namespace:e}=_;o({[e]:[{..._,selected:!1,currentStreamName:b}]},{}),O(null),$(!1),T(!1),E.current?.closeDrawer()}:void 0,onCancel:()=>{$(!1),T(!1),L("otelServiceName",_.otelServiceName||_.name||"")},isLastItem:1===C.length,tabs:j,headerActionButtons:v?[]:V?[{"data-id":"rollout-restart",variant:"tertiary",onClick:()=>W({openFor:Ds.Workload,workloadId:x}),children:e(n,{children:[t(Gn,{}),t(z,{size:14,family:"secondary",decoration:"underline",children:"Restart"})]})}]:[],children:[D===Es.Overview?k?t(ws,{children:t(ps,{formData:R,handleFormChange:(...e)=>{$(!0),L(...e),L("currentStreamName",b)}})}):e($s,{children:[t(ms,{workloadOdigosHealthStatus:_.workloadOdigosHealthStatus}),K&&t(ce,{type:de.Warning,message:g.ROLLBACK_OCCURRED_MESSAGE,action:{label:g.ROLLBACK_RECOVER,onClick:async()=>{await y(x);const e=await d(x);e&&O(e)}}}),t(ee,{conditions:_.conditions||[]}),t(te,{title:g.SOURCE_DETAILS,data:_?ds(_,v):[]}),t(te,{title:v?g.DETECTED_PROCESSES:g.DETECTED_CONTAINERS,titleBadge:P.isLoading?ye.Loading:P.containers.length,description:P.description||(v?g.DETECTED_PROCESSES_DESCRIPTION:g.DETECTED_CONTAINERS_DESCRIPTION),children:P.containers.map(e=>t(Sn,{...e,callbackRuntimeOverride:e=>r(x,e)},`source-container-${e.containerName}`))}),_.manifestYAML&&t(hi,{title:`${_.kind} YAML`,yaml:_.manifestYAML,defaultOpen:!_.instrumentationConfigYAML}),_.instrumentationConfigYAML&&t(hi,{title:"Instrumentation Config YAML",yaml:_.instrumentationConfigYAML,defaultOpen:!_.manifestYAML})]}):D===Es.Pods?t(hs,{source:_,fetchSourceDescribe:u,onClickRestartPod:V?(e,t)=>W({openFor:Ds.Pod,podNamespace:e,podName:t}):void 0}):D===Es.PeerSources?t(Cs,{source:_,fetchPeerSources:m}):t(ys,{source:_,fetchSourceLibraries:p}),t(Gt,{isOpen:!!B.openFor,title:`Rollout Restart ${B.openFor}`,description:`Are you sure you want to rollout restart this ${B.openFor?.toLowerCase()}?`,approveButton:{text:"Confirm",variant:de.Warning,onClick:()=>{B.openFor===Ds.Workload&&B.workloadId?l([B.workloadId]):B.openFor===Ds.Pod&&B.podNamespace&&B.podName&&h(B.podNamespace,B.podName),W({openFor:null})}},denyButton:{text:"Go Back",onClick:()=>{W({openFor:null})}}})]})},Is=p.div`
|
|
542
542
|
max-width: ${({$fullWidth:e})=>e?"unset":"420px"};
|
|
543
543
|
width: 100%;
|
|
544
|
-
`,
|
|
544
|
+
`,Os=r(({isModal:n,fetchNamespacesWithWorkloads:i,onClickSummary:a},o)=>{const r=h(),{isVm:s}=ae(),c=Cn({fetchNamespacesWithWorkloads:i}),{selectedSources:d,loading:u,selectedAllNamespaces:p,onSelectAllNamespaces:m,getApiSourcesPayload:y,getApiFutureAppsPayload:v,searchText:f,setSearchText:b,searchBy:S,setSearchBy:x,showSelectedOnly:C,setShowSelectedOnly:N,showRunningOnly:k,setShowRunningOnly:T}=c;l(o,()=>({getFormValues:()=>({apps:y(),futureApps:v()})}));const $=Object.values(d).reduce((e,t)=>e+t.filter(e=>e.selected).length,0);return t(le,{$isNotModal:!n,children:e(I,{$gap:12,children:[e(I,{$gap:24,children:[a&&t(ft,{onClick:a}),t(P,{title:g.SELECT_SOURCES,badgeLabel:$,description:g.SELECT_SOURCES_DESCRIPTION}),e(O,{$justifyContent:"space-between",children:[t(Is,{$fullWidth:s,children:t(E,{placeholder:S===J.Source?g.SEARCH_SOURCES:g.SEARCH_NAMESPACES,icon:zn,value:f,onChange:e=>b(e.target.value.toLowerCase())})}),!s&&t(F,{options:[{label:g.SOURCE,value:J.Source,selectedBgColor:r.text.secondary,selectedTextColor:r.text.primary},{label:g.NAMESPACE,value:J.Namespace,selectedBgColor:r.text.secondary,selectedTextColor:r.text.primary}],selected:S,setSelected:x})]}),e(O,{$gap:36,children:[t(w,{title:g.SELECT_ALL,initialValue:p,onChange:m,disabled:u}),t(w,{title:g.ONLY_SELECTED,initialValue:C,onChange:N}),t(w,{title:g.ONLY_RUNNING_INSTANCES,initialValue:k,onChange:T})]})]}),t(A,{}),t(is,{isModal:n,...c})]})})});Os.displayName=Os.name;const Rs=({fetchNamespacesWithWorkloads:e,persistSources:n})=>{const{currentModal:i,setCurrentModal:a}=oe(),o=i===J.Source,r=()=>{a("")},l=async()=>{if(c.current){const{apps:e,futureApps:t}=c.current.getFormValues();n(e,t),r()}},c=s(null);return B({key:"Enter",active:o},l),o?t(se,{isOpen:o,onClose:r,header:{title:"Add Source"},actionComponent:t(me,{buttons:[{label:"DONE",variant:"primary",onClick:l}]}),children:t(Os,{ref:c,isModal:!0,fetchNamespacesWithWorkloads:e})}):null},Ls=e=>{const t=[{key:"checkbox-and-icon",title:""},{key:"name",title:g.NAME,sortable:!0},{key:"kind",title:"Kind",sortable:!0}];return e||t.push({key:"namespace",title:g.NAMESPACE,sortable:!0}),t.push({key:"containers",title:g.DETECTED_CONTAINERS}),t.push({key:"conditions",title:"Conditions"}),t.push({key:"throughput",title:"Throughput",sortable:!0}),t},Ms=({metrics:n,maxHeight:i,maxWidth:a})=>{const o=h(),{isVm:r}=ae(),s=Se(),{selectedStreamName:l}=Ye(),{sources:u,sourcesLoading:p}=Y(),{setDrawerType:m,setDrawerEntityId:y}=U(),{selectedSources:v,setSelectedSources:f}=Pe(),{progress:b}=qe(),S=c(()=>b[Ge.Instrumenting]||b[Ge.Uninstrumenting]?b[Ge.Instrumenting]?.percentage||b[Ge.Uninstrumenting]?.percentage||0:void 0,[b[Ge.Instrumenting],b[Ge.Uninstrumenting]]),C=c(()=>Qe(u,l),[u,l]),E=c(()=>Ji({instrumentationRules:[],sources:et(C,s),actions:[],destinations:[],searchText:s.searchText,selectedCategory:J.Source}).searchResults.find(({category:e})=>e===J.Source)?.entities||[],[C,s]),[N,k]=c(()=>{let e=0;return Object.values(v).forEach(t=>{e+=t.length}),[0!==e,e]},[v]),T=d(e=>{if(e){const e={};E.forEach(t=>{const{namespace:n}=t;e[n]?e[n].push(t):e[n]=[t]}),f(e)}else f({})},[E]),w=d(e=>{const{namespace:t,name:n,kind:i}=e,a={...v};a[t]||(a[t]=[]);const o=a[t].findIndex(e=>e.name===n&&e.kind===i);-1===o?a[t].push(e):a[t].splice(o,1),f(a)},[v]),$=c(()=>E.map(i=>{const a=Yt(i),r=JSON.stringify(a),{hasErrors:s,hasWarnings:l,hasDisableds:c}=he(i.conditions||[]),d=!!v[a.namespace]?.find(e=>e.namespace===a.namespace&&e.name===a.name&&e.kind===a.kind);return{status:s?de.Error:l?de.Warning:void 0,faded:c,onClick:()=>{m(J.Source),y(a)},cells:[{columnKey:"checkbox-and-icon",component:()=>e(O,{$gap:16,children:[t(x,{value:d,onChange:()=>w(i)}),t(En,{icons:He(i),id:r})]})},{columnKey:"name",value:Ee(i,J.Source,{extended:!0})},{columnKey:"kind",value:i.kind,textColor:o.text.info},{columnKey:"namespace",value:i.namespace,textColor:o.text.info},{columnKey:"throughput",value:Ue(Lt(n,J.Source,a).throughput),textColor:o.text.info},{columnKey:"conditions",component:()=>t(qi,{conditions:i.conditions||[],id:r})},{columnKey:"containers",component:()=>t("div",{style:{lineHeight:1},children:t(ge,{status:de.Info,title:Nn(i.containers),withBorder:!0})})}]}}),[E,v,n,w]),{badge:D,badgeTooltip:A}=c(()=>E.length!==C.length?{badge:`${E.length}/${C.length}`,badgeTooltip:g.FILTERED_COUNT_TOOLTIP}:{badge:C.length,badgeTooltip:void 0},[E,C]);return e(ke,{$maxWidth:a,children:[e(Te,{children:[t(x,{partiallyChecked:N&&E?.length!==k,value:N&&E?.length===k,onChange:T,disabled:!E?.length}),t(we,{icon:$e(J.Source),title:g.SOURCES,badge:D,badgeTooltip:A,loading:p||"number"==typeof S})]}),t(De,{$maxHeight:i,children:t(Ae,{columns:Ls(r),rows:$})}),"number"!=typeof S||$.length?$.length?null:t(Ie,{style:{marginTop:"2rem"},children:t(Oe,{})}):e(Ie,{style:{marginTop:"2rem",gap:"24px"},children:[t(Re,{width:420}),e(O,{$gap:16,children:[e(z,{color:o.text.info,children:[b[Ge.Instrumenting]?"Instrumenting":"Uninstrumenting"," workloads..."]}),t(Le,{label:`${S}%`})]})]})]})},Fs=({expiresAt:t})=>{const n=h(),{formatTimeAgo:i}=Xt(),a=i(t),o=new Date(t).toDateString().split(" ").slice(1).join(" "),r=kn(t,0)?n.text.error:kn(t,6048e5)?n.text.warning:n.text.success;return e(z,{size:14,color:r,children:[a," (",o,")"]})},_s=p.div`
|
|
545
545
|
position: relative;
|
|
546
|
-
`,
|
|
546
|
+
`,Ps=({token:n,saveToken:a})=>{const{CopyButton:o}=Tn(),{formData:r,handleFormChange:s,resetFormData:l}=wn({token:n}),[c,d]=i(!1),u=()=>{d(!1),l()};return e(O,{$gap:0,children:[t(o,{value:n,size:$n.L}),t(A,{orientation:"vertical",length:"12px"}),e(_s,{children:[t(R,{size:32,onClick:()=>{d(!0)},children:t(Pn,{})}),c&&t(Dn,{flipX:!0,clientX:36,isOpen:c,onClose:u,onSave:()=>{a(r.token).then(u)},title:"Enter a new API Token",titleTooltip:"Contact us to generate a new one",children:t(E,{placeholder:"API Token",type:"password",value:r.token,onChange:e=>s("token",e.target.value)})})]})]})},Ks=({tokens:e,saveToken:n})=>t(te,{title:"Authorization Tokens",titleBadge:e.length,data:[{type:y.Table,value:{columns:[{key:"icon",title:""},{key:"name",title:"Name"},{key:"expires_at",title:"Expires"},{key:"token",title:"Token"},{key:"actions",title:""}],rows:e.map(({name:e,token:i,expiresAt:a})=>({cells:[{columnKey:"icon",icon:ri},{columnKey:"name",value:e},{columnKey:"token",value:`${new Array(15).fill("•").join("")}`},{columnKey:"expires_at",component:()=>t(Fs,{expiresAt:a})},{columnKey:"actions",component:()=>t(Ps,{token:i,saveToken:n})}]}))}}]}),js=({fetchDescribeOdigos:o})=>{const[r,s]=i(null);if(a(()=>{o().then(({data:e})=>s(e?.describeOdigos||null))},[]),!r)return t(Ie,{children:t(Fe,{})});const l=e=>e?.name?[t(A,{},`divider-${e.name}`),t(un,{title:e.name,subTitle:e.explain||void 0,value:{status:e.status||(gn(e.value)?yn(e.value)?de.Success:de.Error:de.Default),text:e.value}},`describe-row-${e.name}`)]:[];return e(n,{children:[t(te,{title:"General Information",withExtend:!0,initialExtended:!0,data:[{title:r?.odigosVersion?.name,value:r?.odigosVersion?.value},{title:r?.kubernetesVersion?.name,value:r?.kubernetesVersion?.value},{title:r?.installationMethod?.name,value:r?.installationMethod?.value},{title:r?.tier?.name,value:r?.tier?.value},{title:"# of sources",value:r?.numberOfSources?.toString()},{title:"# of destinations",value:r?.numberOfDestinations?.toString()}]}),t(te,{title:"Cluster Collector",withExtend:!0,children:Object.values(r?.clusterCollector||{}).map(l)}),t(te,{title:"Node Collector",withExtend:!0,children:Object.values(r?.nodeCollector||{}).map(l)})]})},Vs=p.div`
|
|
547
547
|
display: flex;
|
|
548
548
|
flex-direction: column;
|
|
549
549
|
gap: 12px;
|
|
550
|
-
`,
|
|
550
|
+
`,zs="System Overview",Us=({tokens:a,saveToken:o,fetchDescribeOdigos:r})=>{const[s,l]=i(!1),c=()=>l(e=>!e);return e(n,{children:[t(R,{onClick:c,tooltip:zs,children:t(si,{size:18})},zs),t(H,{width:"750px",isOpen:s,onClose:c,header:{icons:[si],title:zs},footer:{isOpen:!1},children:e(Vs,{children:[!!a?.length&&t(Ks,{tokens:a,saveToken:o}),t(js,{fetchDescribeOdigos:r})]})})]})},Bs=p.div`
|
|
551
551
|
position: fixed;
|
|
552
552
|
bottom: 12px;
|
|
553
553
|
left: 12px;
|
|
@@ -556,7 +556,7 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
556
556
|
flex-direction: column-reverse;
|
|
557
557
|
gap: 6px;
|
|
558
558
|
max-width: 600px;
|
|
559
|
-
`,
|
|
559
|
+
`,Ws=()=>{const{notifications:e,markAsDismissed:n,markAsSeen:i}=Bt(),{onClickNotification:a}=Qt();return t(Bs,{children:e.filter(({dismissed:e})=>!e).map(({id:e,type:o,title:r,message:s,crdType:l,target:c})=>t(ce,{id:e,type:o,title:r,message:s,action:l&&c?{label:"go to details",onClick:()=>a({id:e,crdType:l,target:c},{dismissToast:!0})}:void 0,onClose:()=>(({id:e,asSeen:t})=>{n(e),i(e)})({id:e,asSeen:!0})},`toast-${e}`))})},Hs=p.div`
|
|
560
560
|
position: relative;
|
|
561
561
|
display: flex;
|
|
562
562
|
align-items: center;
|
|
@@ -575,7 +575,7 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
575
575
|
stroke: ${({theme:e})=>e.text.secondary};
|
|
576
576
|
}
|
|
577
577
|
}
|
|
578
|
-
`,
|
|
578
|
+
`,qs=p.div`
|
|
579
579
|
position: absolute;
|
|
580
580
|
top: 2px;
|
|
581
581
|
left: ${({$darkMode:e})=>e?"2px":"calc(100% - 2px - 24px)"};
|
|
@@ -585,50 +585,50 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
585
585
|
background-color: ${({theme:e})=>e.colors.border};
|
|
586
586
|
border-radius: 100%;
|
|
587
587
|
transition: all 0.3s;
|
|
588
|
-
`,
|
|
588
|
+
`,Gs=({path:e})=>t("svg",{width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"none",children:t("path",{strokeLinecap:"round",strokeLinejoin:"round",d:e})}),Js=()=>{const{darkMode:n,setDarkMode:i}=An();return e(Hs,{onClick:()=>i(!n),children:[t(Gs,{path:"M14 7.977A4.333 4.333 0 1 1 8.023 2H8a6 6 0 1 0 6 6v-.023Z"}),t(Gs,{path:"M8 15.333v-.666m-5.185-1.482.471-.471M.666 8h.667m1.482-5.185.471.47M8 1.334V.667m4.714 2.619.471-.471M14.667 8h.666m-2.619 4.714.471.471M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"}),t(qs,{$darkMode:n})]})},Ys=e=>{const{spans:t}=e,n=new Map;t.forEach(e=>{n.set(e.spanID,{...e,spans:[]})});const i=[];return t.forEach(e=>{const t=n.get(e.spanID);let a=!1;if(e.references.length){const t=e.references.find(e=>"CHILD_OF"===e.refType);t&&t.spanID&&n.has(t.spanID)||(a=!0)}else a=!0;if(a)i.push(t);else{const i=e.references.find(e=>"CHILD_OF"===e.refType);if(i){const e=n.get(i.spanID);e&&(e.spans=e.spans||[],e.spans.push(t),e.spans=e.spans.sort((e,t)=>e.startTime-t.startTime))}}}),i.sort((e,t)=>e.startTime-t.startTime)},Xs=(e,t)=>{const{tags:n}=e,i={},a=[];return n.forEach(e=>{i[e.key]=e.value}),a.push({type:y.Code,value:{language:"json",code:JSON.stringify(i,null,2),pretty:t}}),a},Qs=e=>{const{logs:t}=e,n=[];return t.forEach((e,i)=>{e.fields.forEach(e=>{n.push({title:e.key,value:e.value})}),i!==t.length-1&&n.push({type:y.Divider})}),n},Zs=e=>{const{traceID:t,spanID:n,processID:i,operationName:a,duration:o,startTime:r,warnings:s}=e,l=[];return l.push({type:y.CopyText,title:"Trace ID",value:t}),l.push({type:y.CopyText,title:"Span ID",value:n}),l.push({type:y.Divider}),l.push({title:"Service",value:i}),l.push({title:"Operation",value:a}),l.push({title:"Duration",value:In(o)}),l.push({title:"Start time",value:new Date(r/1e3).toLocaleString()}),s.length&&(l.push({type:y.Divider}),l.push({title:"Warnings",titleIcon:li,value:s})),l},el=(e,t)=>{const{tags:n}=e,i={},a=[];return n.forEach(e=>{i[e.key]=e.value}),a.push({type:y.Code,value:{language:"json",code:JSON.stringify(i,null,2),pretty:t}}),a},tl=p.div`
|
|
589
589
|
display: flex;
|
|
590
590
|
flex-direction: column;
|
|
591
591
|
gap: 12px;
|
|
592
592
|
max-height: 100vh;
|
|
593
593
|
overflow-y: auto;
|
|
594
|
-
`,
|
|
594
|
+
`,nl=({span:n,process:a,onClose:o})=>{const[r,s]=i(!0),[l,c]=i(!0);return t(H,{width:"750px",isOpen:!0,onClose:o,header:{icons:[ci],title:n.operationName},footer:{isOpen:!1},children:e(tl,{children:[t(te,{title:"Details",data:Zs(n)}),n.logs.length>0&&t(te,{title:"Errors",titleBadge:n.logs.length,titleIcon:li,data:Qs(n)}),t(te,{title:"Tags",data:Xs(n,r),action:t(On,{isPrettyMode:r,setIsPrettyMode:s})}),a&&t(te,{title:`Process (${a.serviceName})`,data:el(a,l),action:t(On,{isPrettyMode:l,setIsPrettyMode:c})})]})})},il=370,al=["#33DCA7","#50F6E8","#444AD9","#8B55FF","#FF7CA9"].reverse(),ol=p.div`
|
|
595
595
|
display: flex;
|
|
596
596
|
align-items: center;
|
|
597
|
-
width: ${
|
|
597
|
+
width: ${il}px;
|
|
598
598
|
background-color: ${({$withErrors:e,theme:t})=>e?t.colors.error+_["042"]:t.colors.dark_grey};
|
|
599
599
|
&:hover {
|
|
600
600
|
${({$withErrors:e,$preventHover:t,theme:n})=>!t&&`background-color: ${e?n.colors.error:n.colors.secondary+_["010"]};`}
|
|
601
601
|
cursor: ${({$preventHover:e})=>e?"default":"pointer"};
|
|
602
602
|
}
|
|
603
|
-
`,
|
|
603
|
+
`,rl=p(O)`
|
|
604
604
|
align-items: center;
|
|
605
605
|
justify-content: space-between;
|
|
606
606
|
gap: 4px;
|
|
607
607
|
padding: 12px;
|
|
608
608
|
padding-left: ${({$depth:e})=>12*e||12}px;
|
|
609
|
-
width: calc(${
|
|
610
|
-
`,
|
|
609
|
+
width: calc(${il}px - ${({$depth:e})=>12*e}px);
|
|
610
|
+
`,sl=p(O)`
|
|
611
611
|
align-items: center;
|
|
612
612
|
gap: 4px;
|
|
613
613
|
position: absolute;
|
|
614
614
|
right: 56px;
|
|
615
615
|
width: calc(100% - ${434}px);
|
|
616
|
-
`,
|
|
616
|
+
`,ll=p.div`
|
|
617
617
|
position: absolute;
|
|
618
618
|
left: ${({$startTime:e,$minStartTime:t,$maxEndTime:n})=>(e-t)/(n-t)*100+"%"};
|
|
619
619
|
width: ${({$duration:e,$maxDuration:t})=>e/t*100+"%"};
|
|
620
620
|
height: 12px;
|
|
621
621
|
border-radius: 32px;
|
|
622
|
-
background-color: ${({$indexInMatrix:e})=>
|
|
623
|
-
`,
|
|
622
|
+
background-color: ${({$indexInMatrix:e})=>al[e%al.length]};
|
|
623
|
+
`,cl=p(z)`
|
|
624
624
|
padding-left: calc(100% + 8px);
|
|
625
625
|
font-size: 10px;
|
|
626
626
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
627
627
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
628
628
|
white-space: nowrap;
|
|
629
|
-
`,
|
|
629
|
+
`,dl=({span:n,depth:a,indexInMatrix:o,maxDuration:r,minStartTime:s,maxEndTime:l,withErrors:c,errorTooltip:d,isOpen:u,withToggle:p,onToggleOpen:m,onSelect:g})=>{const y=h(),[v,f]=i(!1),b=il-12*a-20-(c?12:0),S=c&&(1===a||n.logs.length>0);return e(ol,{className:"span-container",$withErrors:c,$preventHover:v,onClick:g,children:[e(rl,{$depth:a,className:"span-left",children:[e(O,{$gap:4,$alignItems:"center",children:[t("div",p?{onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),children:t(R,{onClick:e=>{e.stopPropagation(),m?.()},size:24,children:t(vt,{extend:u??!1})})}:{style:{width:"24px"}}),t(Ln,{maxWidth:b/2,text:n.processID,textSize:14}),t(z,{size:12,color:y.text.darker_grey,children:"•"}),t(Ln,{maxWidth:b/2,text:n.operationName,textSize:12,textColor:y.text.darker_grey})]}),c&&(S?t(fe,{...d,children:t(li,{fill:y.text.error})}):t("div",{style:{position:"relative"},children:t("div",{style:{position:"absolute",top:"-24px",right:"8px"},children:t(A,{type:de.Error,orientation:"vertical",thickness:1,length:"48px",margin:"0",opacity:.5})})}))]}),t(sl,{className:"span-right",children:t(ll,{$indexInMatrix:o,$duration:n.duration,$maxDuration:r,$startTime:n.startTime,$minStartTime:s,$maxEndTime:l,children:t(cl,{children:In(n.duration)})})})]})},ul=({spans:n,logs:i,depth:a,indexInMatrix:o,maxDuration:r,minStartTime:s,maxEndTime:l,openSpanIdsState:c,selectedSpanState:d})=>{const u=h();return n.map((n,p)=>{const m=n.spanID,h=c.value.includes(m),g=!!n.spans?.length,y=i.length?i:Rn(n,"spans","logs"),v=y.length>0,f=v?y.length>1?`(${y.length}) errors`:y[0].fields.find(e=>"exception.message"===e.key)?.value:void 0,b=v?y.length>1?void 0:y[0].fields.find(e=>"exception.stacktrace"===e.key)?.value:void 0;return e("div",{style:{borderBottom:1===a?`1px dotted ${u.colors.border}`:"none"},children:[t(dl,{span:n,depth:a,indexInMatrix:o+p+a,maxDuration:r,minStartTime:s,maxEndTime:l,withErrors:v,errorTooltip:{titleIcon:li,title:f,text:b},isOpen:h,withToggle:g,onToggleOpen:()=>c.set(e=>e.some(e=>e===m)?e.filter(e=>e!=m):[...e,m,...Rn(n,"spans","spanID")]),onSelect:()=>d.set(e=>e?.spanID===m?null:n)}),h&&g?t(ul,{spans:n.spans||[],logs:y,depth:a+1,indexInMatrix:o+p,maxDuration:r,minStartTime:s,maxEndTime:l,openSpanIdsState:c,selectedSpanState:d}):null]},`span-${m}`)})},pl=p.div`
|
|
630
630
|
width: 100%;
|
|
631
|
-
`,
|
|
631
|
+
`,ml=p.div`
|
|
632
632
|
max-height: ${({$heightToRemove:e})=>`calc(100vh - ${e}px + 2px)`};
|
|
633
633
|
overflow: auto;
|
|
634
634
|
|
|
@@ -638,22 +638,22 @@ import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState
|
|
|
638
638
|
border-radius: 24px;
|
|
639
639
|
border: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
640
640
|
position: relative;
|
|
641
|
-
`,
|
|
641
|
+
`,hl=p.div`
|
|
642
642
|
padding: 12px 12px 12px 24px;
|
|
643
|
-
width: calc(${
|
|
643
|
+
width: calc(${il}px - 36px);
|
|
644
644
|
background-color: ${({theme:e})=>e.colors.dark_grey};
|
|
645
|
-
`,
|
|
645
|
+
`,gl=p.div`
|
|
646
646
|
width: 1px;
|
|
647
647
|
height: ${({$heightToRemove:e})=>`calc(100vh - ${e}px + 2px)`};
|
|
648
648
|
background: ${({theme:e})=>`linear-gradient(to bottom, ${e.colors.border}, transparent)`};
|
|
649
649
|
|
|
650
650
|
position: absolute;
|
|
651
|
-
left: calc(${
|
|
652
|
-
`,
|
|
651
|
+
left: calc(${il}px + ((100% - ${il}px) / ${5}) * ${({index:e})=>e});
|
|
652
|
+
`,yl=p(z)`
|
|
653
653
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
654
654
|
font-size: 12px;
|
|
655
655
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
656
656
|
padding-top: 12px;
|
|
657
657
|
padding-left: 12px;
|
|
658
658
|
white-space: nowrap;
|
|
659
|
-
`,
|
|
659
|
+
`,vl=({heightToRemove:a,traces:o,isLoading:r})=>{const[s,l]=i([]),[d,u]=i(null),p=c(()=>Dt(o).sort((e,t)=>t.spans[0].startTime-e.spans[0].startTime).map(e=>({...e,spans:Ys(e)})),[o]),m=c(()=>p.reduce((e,t)=>Math.max(e,t.spans.reduce((e,t)=>e+t.duration,0)),0),[p]),h=c(()=>{const e=p.find(e=>e.spans.some(e=>e.spanID===d?.spanID)),t=e?.processes.find(e=>e.serviceName===d?.processID);return t},[p,d]);return e(n,{children:[t(pl,{$heightToRemove:a,children:r?t(Ie,{$height:"50vh",children:t(Fe,{scale:1.5})}):p.length?e(ml,{$heightToRemove:a,children:[t(hl,{children:t(z,{children:"Service & operation"})}),new Array(5).fill(null).map((e,n)=>t(gl,{$heightToRemove:a,index:n,children:t(yl,{children:In(m/5*n)})},`${n}-divider`)),p.map((e,n)=>{const{spans:i}=e,a=i.reduce((e,t)=>Math.min(e,t.startTime),Number.MAX_SAFE_INTEGER),o=i.reduce((e,t)=>Math.max(e,t.startTime+t.duration),0);return t(ul,{spans:i,logs:[],depth:1,indexInMatrix:n,maxDuration:m,minStartTime:a,maxEndTime:o,openSpanIdsState:{value:s,set:l},selectedSpanState:{value:d,set:u}},`recursive-spans-${e.traceID}`)})]}):t(Ie,{$height:"50vh",children:t(Oe,{title:g.NO_TRACES_FOUND,subTitle:g.ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC})})}),d&&t(nl,{span:d,process:h,onClose:()=>u(null)})]})};export{Ui as ActionDrawer,Pi as ActionForm,Wi as ActionModal,Xi as ActionTable,na as AwaitPipeline,La as ConditionDropdown,Da as DataFlow,ro as DataFlowActionsMenu,Ya as DataStreamDrawer,Ga as DataStreamForm,lo as DataStreamModal,so as DataStreamSelectionForm,xo as DestinationDrawer,fo as DestinationForm,Fo as DestinationModal,Vo as DestinationSelectionForm,Uo as DestinationTable,Ma as ErrorDropdown,or as InstrumentationRuleDrawer,nr as InstrumentationRuleForm,lr as InstrumentationRuleModal,ur as InstrumentationRuleTable,Ka as KindDropdown,Fa as LanguageDropdown,_a as MonitorDropdown,mr as MultiSourceControl,Pa as NamespaceDropdown,ss as NavIconIds,br as NotificationManager,Ki as OverviewDrawer,ja as PodsAgentInjectionStatusDropdown,Gr as ServiceMap,rs as SetupSummary,ls as SideNav,cs as SlackInvite,As as SourceDrawer,ps as SourceForm,Rs as SourceModal,Os as SourceSelectionForm,Ms as SourceTable,Us as SystemOverview,qi as TableCellConditions,Ws as ToastList,Js as ToggleDarkMode,vl as TraceView};
|