@odigos/ui-kit 0.0.173 → 0.0.174
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
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.0.174](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.173...ui-kit-v0.0.174) (2026-01-18)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* rename getConnectionRemoteConfig to getEffectiveConfig and update related terminology ([#609](https://github.com/odigos-io/ui-kit/issues/609)) ([07e3164](https://github.com/odigos-io/ui-kit/commit/07e31647cfe20116d888b5725d71a3a0d74d86f5))
|
|
9
|
+
|
|
3
10
|
## [0.0.173](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.172...ui-kit-v0.0.173) (2026-01-13)
|
|
4
11
|
|
|
5
12
|
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import { type FC, type Dispatch, type SetStateAction } from 'react';
|
|
2
|
-
import { type Connection, type
|
|
2
|
+
import { type Connection, type EffectiveConfig } from '@/types';
|
|
3
3
|
import { DrawerProps } from '@/components/_v2';
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
export type GetConnectionRemoteConfig = (id: string) => Promise<ConnectionRemoteConfig | undefined>;
|
|
8
|
-
export type ApplyConnectionsConfigurationsFunc = (connectionIds: string[], formData: ConnectionConfigurationsFormData) => Promise<{
|
|
4
|
+
export type GetEffectiveConfig = (id: string) => Promise<EffectiveConfig | undefined>;
|
|
5
|
+
export type ApplyConfigurationsFunc = (connectionIds: string[], formData: EffectiveConfig) => Promise<{
|
|
9
6
|
error?: string;
|
|
10
7
|
} | undefined>;
|
|
11
8
|
export interface ConfigDrawerProps {
|
|
@@ -13,8 +10,8 @@ export interface ConfigDrawerProps {
|
|
|
13
10
|
connections: Connection[];
|
|
14
11
|
selectedConnectionIds: string[];
|
|
15
12
|
setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
|
|
16
|
-
|
|
17
|
-
onApply:
|
|
13
|
+
getEffectiveConfig: GetEffectiveConfig;
|
|
14
|
+
onApply: ApplyConfigurationsFunc;
|
|
18
15
|
}
|
|
19
16
|
export declare const CONFIG_DRAWER_WIDTH = "75vw";
|
|
20
17
|
export declare const ConfigDrawer: FC<ConfigDrawerProps>;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { type FC } from 'react';
|
|
2
2
|
import { CSSProperties } from 'styled-components';
|
|
3
|
+
import { type GetEffectiveConfig, type ApplyConfigurationsFunc } from './config-drawer';
|
|
3
4
|
import { type Connection, type GetAllClusterSnapshots, type PersistSourcesFunc } from '@/types';
|
|
4
|
-
|
|
5
|
-
export { type ApplyConnectionsConfigurationsFunc, type ConnectionConfigurationsFormData, type GetConnectionRemoteConfig };
|
|
5
|
+
export { type GetEffectiveConfig, type ApplyConfigurationsFunc };
|
|
6
6
|
export interface CentralConnectionsProps {
|
|
7
7
|
tableRowsMaxHeight: CSSProperties['maxHeight'];
|
|
8
8
|
connections?: Connection[];
|
|
9
9
|
getConnections: () => Promise<Connection[]>;
|
|
10
10
|
onClickConnection: (connection: Connection) => void;
|
|
11
11
|
deleteConnection: (id: string) => Promise<void>;
|
|
12
|
-
|
|
13
|
-
applyConfigurations?:
|
|
12
|
+
getEffectiveConfig?: GetEffectiveConfig;
|
|
13
|
+
applyConfigurations?: ApplyConfigurationsFunc;
|
|
14
14
|
getAllClusterSnapshots?: GetAllClusterSnapshots;
|
|
15
15
|
persistSources?: PersistSourcesFunc;
|
|
16
16
|
}
|
package/lib/containers/v2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e,{useMemo as t,useState as a,useEffect as l,useCallback as n}from"react";import o,{useTheme as s}from"styled-components";import{F as i,a as r,C as c,T as d,b as u,B as p,S as g,c as m,O as h,N as b,d as f,e as y,f as w,u as C,g as v,D as k,E as x,h as $,i as S,j as I,L as A,P as
|
|
1
|
+
import e,{useMemo as t,useState as a,useEffect as l,useCallback as n}from"react";import o,{useTheme as s}from"styled-components";import{F as i,a as r,C as c,T as d,b as u,B as p,S as g,c as m,O as h,N as b,d as f,e as y,f as w,u as C,g as v,D as k,E as x,h as $,i as S,j as I,L as A,P as D,R as P,k as R,l as T,m as z,n as N,o as L,p as M,q as V,r as O,s as W,t as F,v as j,A as E,w as U,x as H,y as G,z as q,I as Y,G as B,H as K,J as X,K as J,M as Q,Q as Z,Y as _,U as ee,V as te,W as ae,X as le,Z as ne,_ as oe,$ as se,a0 as ie}from"../chunks/ui-components-e5ad46f1.js";import{SourceIcon as re,VSquareIcon as ce,SettingsIcon as de,OdigosLogo as ue,ConnectionsIcon as pe,RefreshIcon as ge,DeleteIcon as me,VIcon as he,XIcon as be,XSquareIcon as fe,PodIcon as ye,ChevronUpIcon as we,ChevronDownIcon as Ce,TerminalIcon as ve,ArrowDownSquareIcon as ke,ArrowUpSquareIcon as xe,DownloadIcon as $e,PipelineCollectorIcon as Se,GatewayIcon as Ie,YamlIcon as Ae}from"../icons.js";import"zustand";import"javascript-time-ago";import"../chunks/vendor-0965fadc.js";import"react-dom";import"@xyflow/react";import"react-error-boundary";import"lottie-react";import"prism-react-renderer";const De=o(i)`
|
|
2
2
|
width: ${({$width:e})=>e};
|
|
3
3
|
gap: 12px;
|
|
4
4
|
justify-content: space-between;
|
|
@@ -13,7 +13,7 @@ import e,{useMemo as t,useState as a,useEffect as l,useCallback as n}from"react"
|
|
|
13
13
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
14
14
|
overflow-y: auto;
|
|
15
15
|
overflow-x: hidden;
|
|
16
|
-
`,
|
|
16
|
+
`,Re=o.div`
|
|
17
17
|
display: flex;
|
|
18
18
|
align-items: center;
|
|
19
19
|
justify-content: space-between;
|
|
@@ -25,7 +25,7 @@ import e,{useMemo as t,useState as a,useEffect as l,useCallback as n}from"react"
|
|
|
25
25
|
&:hover {
|
|
26
26
|
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
27
27
|
}
|
|
28
|
-
`,
|
|
28
|
+
`,Te=({formData:a,handleSourceChange:l,handleSelectAll:n,selectedArea:o,searchText:i,filters:f})=>{const y=s(),{activeNamespace:w,isAll:C,isSome:v}=t(()=>{const e=o.value.clusterId&&o.value.namespaceName?a.find(({clusterId:e})=>e===o.value.clusterId)?.namespaces.find(({name:e})=>e===o.value.namespaceName):void 0;if(!e)return{activeNamespace:void 0,isAll:!1,isSome:!1};const t=e.workloads.filter(({selected:e})=>e).length;return{activeNamespace:e,isAll:t>0&&t===e.workloads.length,isSome:t>0&&t<e.workloads.length}},[a,o.value.clusterId,o.value.namespaceName]),k=t(()=>{if(!w)return[];const{clusterId:t}=o.value,{name:a,workloads:n}=w;return n.map(({name:n,selected:o,kind:s})=>{if(i&&!n.toLowerCase().includes(i.toLowerCase()))return null;const m=o||!1;if(f.showOnlySelected&&!m)return null;const h=()=>l({clusterId:t,workloadId:{namespace:a,name:n,kind:s}});return e.createElement(Re,{key:`${t}#${a}#${n}#${s}`,onClick:h},e.createElement(r,{$gap:12},e.createElement(c,{value:m,onChange:h}),e.createElement(d,{size:u.XS},n)),e.createElement(p,{label:s,status:g.Info,textSize:u.XXXS,backgroundColor:y.v2.colors.blue[900]}))})},[a,o.value.clusterId,w,i,f]);return e.createElement(De,{$width:"50%"},e.createElement(r,{$padding:"0 12px 0 28px",$gap:12},e.createElement(m,{text:(C?"Unselect":"Select")+" all workloads in the selected namespace"},e.createElement(c,{partiallyChecked:v,value:C,onChange:()=>n({clusterId:o.value.clusterId,namespaceName:o.value.namespaceName,boolean:!C}),disabled:!k.length})),e.createElement(r,{$gap:8},e.createElement(d,{size:u.XS,nowrap:!0},o.value.clusterId?`${o.value.clusterName} > ${o.value.namespaceName} > Workloads`:"Workloads"),e.createElement(p,{label:k.length,status:h.Unknown}))),e.createElement(Pe,{$borderRadius:"0 16px 16px 0"},k.length?k:e.createElement(b,{title:"Workloads not found",subTitle:"Please select a namespace to view workloads"})))},ze=({formData:a,handleSourceChange:l,handleSelectAll:n,selectedArea:o,searchText:i,filters:C})=>{const v=s(),{isAll:k,isSome:x}=t(()=>{const e=a.length>0&&a.every(({namespaces:e})=>e.every(({workloads:e})=>e.every(({selected:e})=>e)));return{isAll:e,isSome:!e&&a.length>0&&a.some(({namespaces:e})=>e.some(({workloads:e})=>e.some(({selected:e})=>e)))}},[a]),$=t(()=>a.flatMap(({clusterId:t,clusterName:a,namespaces:n})=>n.map(({name:n,workloads:s,selected:b})=>{if(i&&!n.toLowerCase().includes(i.toLowerCase()))return null;const k=s.filter(({selected:e})=>e).length,x=k>0&&k===s.length,$=k>0&&k<s.length,S=b||!1;if(C.showOnlySelected&&!x&&!$&&!S)return null;const I=o.value.clusterId===t&&o.value.namespaceName===n,A=()=>o.setValue({clusterId:t,clusterName:a,namespaceName:n}),D=e=>{A(),l({clusterId:t,workloadId:{namespace:n},auto:e.auto,selected:e.all})};return e.createElement(Re,{key:`${t}#${n}`,$isSelected:I,onClick:A},e.createElement(r,{$gap:12},e.createElement(c,{partiallyChecked:$,value:x,onChange:e=>D({auto:e,all:e})}),e.createElement(d,{size:u.XS},`${a} > ${n}`)),e.createElement(r,{$gap:12},e.createElement(m,{text:"Automatically instrument all workloads currently in the namespace, and all workloads that will be deployed to this namespace in the future"},e.createElement(f,{label:"Auto",size:y.S,value:S,onChange:e=>D({auto:e,all:e||void 0})})),e.createElement(r,{$gap:8},e.createElement(d,{variant:w.Span,size:u.XXXS,color:v.v2.colors.silver[200],align:"right"},"Selected"),e.createElement(p,{label:`${k}/${s.length}`,status:I?g.Default:h.Unknown,minWidth:"42px"}))))})),[a,o.value.clusterId,o.value.namespaceName,i,C]);return e.createElement(De,{$width:"50%"},e.createElement(r,{$padding:"0 12px 0 28px",$gap:12},e.createElement(m,{text:(k?"Unselect":"Select")+" all workloads in all namespaces"},e.createElement(c,{partiallyChecked:x,value:k,onChange:()=>n({boolean:!k}),disabled:!$.length})),e.createElement(r,{$gap:8},e.createElement(d,{size:u.XS,nowrap:!0},"Namespaces"),e.createElement(p,{label:$.length,status:h.Unknown}))),e.createElement(Pe,{$borderRadius:"16px 0 0 16px"},$.length?$:e.createElement(b,{title:"Namespaces not found",subTitle:""})))},Ne="75vw",Le=o.div`
|
|
29
29
|
display: flex;
|
|
30
30
|
flex-direction: column;
|
|
31
31
|
border-radius: 16px;
|
|
@@ -52,7 +52,7 @@ import e,{useMemo as t,useState as a,useEffect as l,useCallback as n}from"react"
|
|
|
52
52
|
justify-content: flex-end;
|
|
53
53
|
gap: 16px;
|
|
54
54
|
padding: 0 12px;
|
|
55
|
-
`,
|
|
55
|
+
`,Fe=({onClose:o,snapshots:i,selectedConnectionIds:c,setSelectedConnectionIds:p,persistSources:m})=>{const h=s(),{selectedStreamName:b}=C(),{progress:w,resetProgress:M}=v(),V=t(()=>b||k,[b]),[O,W]=a(""),[F,j]=a(x.Namespace),[E,U]=a({showOnlySelected:!1}),[H,G]=a(!1),[q,Y]=a(!1),[B,K]=a(void 0),[X,J]=a({clusterId:"",clusterName:"",namespaceName:""}),[Q,Z]=a([]);l(()=>{Z(e=>{const t=((e,t)=>$(((e,t)=>e.clusters.filter(({clusterId:e})=>t.includes(e)))(e,t)))(i,c);return t.map(t=>{const a=e?.find(e=>e.clusterId===t.clusterId);return a??t})})},[i,c]);const{formDiff:_,isFormDirty:ee}=t(()=>{const e=((e,t,a)=>{const l={};return e.forEach(e=>{e.namespaces.forEach(n=>{const o=t.find(t=>t.clusterId===e.clusterId)?.namespaces.find(e=>e.name===n.name),s=n.selected||!1,i=s!==o?.selected;if(i&&(l[e.clusterId]||(l[e.clusterId]=[]),l[e.clusterId].push({namespace:n.name,selected:s,currentStreamName:a}),s&&(l[e.clusterId]=l[e.clusterId].filter(e=>e.namespace!==n.name||e.namespace===n.name&&(!e.name||!e.kind)))),!i||!s){const t=((e,t,a)=>{const l=[];return t.workloads.forEach(n=>{const o=e?.workloads.find(e=>e.name===n.name&&e.kind===n.kind);n.selected!==o?.selected&&l.push({namespace:t.name,name:n.name,kind:n.kind,selected:n.selected||!1,currentStreamName:a})}),l})(o,n,a);t.length>0&&(l[e.clusterId]||(l[e.clusterId]=[]),l[e.clusterId].push(...t))}})}),l})(Q,i.clusters,V);return{formDiff:e,isFormDirty:Object.keys(e).length>0}},[Q,i,V]),te=n(({clusterId:e,workloadId:t,selected:a,auto:l})=>{Z(n=>{const o=$(n),s=o.findIndex(t=>t.clusterId===e);if(-1===s)return o;const i=o[s].namespaces.findIndex(e=>e.name===t.namespace);if(-1===i)return o;if(t.kind&&t.name){const e=o[s].namespaces[i].workloads.findIndex(e=>e.name===t.name&&e.kind===t.kind);if(-1===e)return o;const l="boolean"==typeof a?a:!o[s].namespaces[i].workloads[e].selected;o[s].namespaces[i].workloads[e].selected=l,l?o[s].namespaces[i].workloads.every(e=>e.selected)&&(o[s].namespaces[i].selected=!0):o[s].namespaces[i].selected=!1}else{const e="boolean"==typeof l?l:!o[s].namespaces[i].selected;o[s].namespaces[i].selected=e,e?o[s].namespaces[i].workloads.forEach(e=>{e.selected=!0}):"boolean"!=typeof a||a||o[s].namespaces[i].workloads.forEach(e=>{e.selected=!1})}return o})},[]),ae=n(({clusterId:e,namespaceName:t,boolean:a})=>{Z(l=>{const n=$(l);return n.forEach((l,o)=>{e&&l.clusterId!==e||l.namespaces.forEach(({name:e,workloads:l},s)=>{t&&e!==t||(n[o].namespaces[s].selected=a,l.forEach((e,t)=>{n[o].namespaces[s].workloads[t].selected=a}))})}),n})},[]),le=()=>{G(!1),o()};return e.createElement(S,{isOpen:!0,hideOverlay:!q,width:Ne,header:{icon:re,title:"Manage Sources",onClose:o,onCloseDisabled:q}},q?e.createElement(I,{$height:"calc(100vh - 136px)"},e.createElement(Oe,null,e.createElement(A,{title:"Creating Sources...",titleSize:u.S,subTitle:"This may take a few moments while sources are being created.",subTitleSize:u.XXXS,withGradient:!0,withSpinner:!0,prettySpinner:!0,percentage:w[D.BulkInstrumenting]?.percentage||0}))):e.createElement(Le,null,e.createElement(Me,null,e.createElement(P,{icon:ce,title:"Selected Clusters",badge:{label:c.length}}),e.createElement(R,{width:"300px",value:O,onChange:W,segment:{options:[{label:"Namespace",value:x.Namespace},{label:"Source",value:x.Source}],selected:F,setSelected:j}}),e.createElement(r,{$gap:8},e.createElement(d,{size:u.XXXS,color:h.v2.colors.silver[200],nowrap:!0},"Show only:"),e.createElement(f,{size:y.S,label:"Selected",value:E.showOnlySelected,onChange:e=>U(t=>({...t,showOnlySelected:e}))}))),e.createElement(Ve,null,e.createElement(ze,{formData:Q,handleSourceChange:te,handleSelectAll:ae,selectedArea:{value:X,setValue:J},searchText:F===x.Namespace?O:"",filters:E}),e.createElement(Te,{formData:Q,handleSourceChange:te,handleSelectAll:ae,selectedArea:{value:X,setValue:J},searchText:F===x.Source?O:"",filters:E}))),e.createElement(We,null,q?null:B?e.createElement(T,{fullWidth:!0,status:g.Error,message:B}):ee?e.createElement(T,{fullWidth:!0,status:g.Info,message:'The values don\'t reflect the current configuration of the selected clusters.\n"Apply" will override the current configurations.'}):ee?null:e.createElement(T,{fullWidth:!0,status:g.Success,message:"The values reflect the current configuration of the selected cluster."}),e.createElement(r,{$gap:8},e.createElement("div",{style:{width:"150px"}},e.createElement(z,{fullWidth:!0,variant:N.Secondary,label:"Cancel",onClick:()=>ee?G(!0):le(),disabled:!ee||q})),e.createElement("div",{style:{width:"150px"}},e.createElement(z,{fullWidth:!0,variant:N.Primary,label:"Save",onClick:async()=>{Y(!0);const e=await m(_);M(D.BulkInstrumenting),Y(!1),e?.error?K(e.error):(p([]),o())},disabled:!ee||q})))),e.createElement(L,{isOpen:H,onClose:()=>G(!1),onApprove:le}))},je="75vw",Ee=o.div`
|
|
56
56
|
display: flex;
|
|
57
57
|
flex-direction: column;
|
|
58
58
|
border-radius: 16px;
|
|
@@ -101,7 +101,7 @@ import e,{useMemo as t,useState as a,useEffect as l,useCallback as n}from"react"
|
|
|
101
101
|
justify-content: flex-end;
|
|
102
102
|
gap: 16px;
|
|
103
103
|
padding: 0 12px;
|
|
104
|
-
`,Ke=({onClose:n,connections:o,selectedConnectionIds:i,setSelectedConnectionIds:m,
|
|
104
|
+
`,Ke=({onClose:n,connections:o,selectedConnectionIds:i,setSelectedConnectionIds:m,getEffectiveConfig:b,onApply:w})=>{const C=s(),[v,k]=a(""),[x,$]=a({showOnlySelected:!1}),I=t(()=>o.filter(e=>(!v||e.name.toLowerCase().includes(v.toLowerCase()))&&(!x.showOnlySelected||i.includes(e.id))),[o,i.length,v,x]),D=e=>{m(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[O,W]=a(!1),[F,j]=a(!1),[E,U]=a(void 0),[H,G]=a(!1),[q,Y]=a(void 0),{formData:B,handleFormChange:K,areFormValuesEqual:X,resetFormData:J}=M(q||{rollout:{automaticRolloutDisabled:!1}}),{isFormDirty:Q,isFormMatch:Z}=t(()=>({isFormDirty:i.length>1||void 0!==q&&!X(q,B),isFormMatch:1===i.length&&void 0!==q&&X(q,B)}),[i.length,q,B]);l(()=>{1===i.length?(async e=>{if(H)return;G(!0);const t=await b(e);if(t){const e={rollout:{automaticRolloutDisabled:t.rollout?.automaticRolloutDisabled||!1}};Y(e),J(e)}G(!1)})(i[0]):Y(void 0)},[i.length]);const _=()=>{W(!1),n()};return e.createElement(S,{isOpen:!0,hideOverlay:!0,width:je,header:{icon:de,title:"Cluster Configuration",onClose:n}},e.createElement(Ee,null,e.createElement(Ue,null,e.createElement(P,{icon:ce,title:"Selected Clusters",badge:{label:i.length}}),e.createElement(R,{width:"300px",placeholder:"Search by cluster name",value:v,onChange:k}),e.createElement(r,{$gap:8},e.createElement(d,{size:u.XXXS,color:C.v2.colors.silver[200],nowrap:!0},"Show only:"),e.createElement(f,{size:y.S,label:"Selected",value:x.showOnlySelected,onChange:e=>$(t=>({...t,showOnlySelected:e}))}))),e.createElement(He,null,e.createElement(Ge,{$width:"40%"},e.createElement(r,{$padding:"0 12px",$justifyContent:"space-between"},e.createElement(r,{$gap:8},e.createElement(d,{size:u.XS},"Clusters"),e.createElement(p,{label:o.length,status:h.Unknown})),e.createElement(r,{$gap:8},e.createElement(d,{size:u.XXXS,color:C.v2.colors.silver[200],align:"right"},"Selected clusters"),e.createElement(p,{label:`${i.length}/${o.length}`,status:h.Unknown}))),e.createElement(qe,{$borderRadius:"16px 0 0 16px"},I.map(t=>e.createElement(Ye,{key:t.id,onClick:()=>D(t.id)},e.createElement(c,{value:i.includes(t.id),onChange:()=>D(t.id)}),e.createElement(d,{size:u.XS},t.name))))),e.createElement(Ge,{$width:"60%"},e.createElement(r,{$padding:"0 12px"},e.createElement(d,{size:u.XS},"Configurations")),e.createElement(qe,{$borderRadius:"0 16px 16px 0",$gap:12},H?e.createElement(V,null):e.createElement(f,{label:"Automatic Rollout Disabled",tooltip:"Odigos automatically triggers a one-time rollout for workloads when instrumenting or uninstrumenting, ensuring that changes are applied without requiring manual intervention. When automatic rollout is disabled, Odigos will not restart workloads, and users will need to manually trigger rollouts after adding or removing sources.",value:B.rollout?.automaticRolloutDisabled||!1,onChange:e=>K("rollout.automaticRolloutDisabled",e)}))))),e.createElement(Be,null,H?e.createElement(A,{icon:ue,title:"Fetching Configuration...",titleSize:u.XXS,withGradient:!0}):F?e.createElement(A,{icon:ue,title:"Applying Configurations...",titleSize:u.XXS,withGradient:!0}):E?e.createElement(T,{fullWidth:!0,status:g.Error,message:E}):Q?e.createElement(T,{fullWidth:!0,status:g.Info,message:'The values don\'t reflect the current configuration of the selected clusters.\n"Apply" will override the current configurations.'}):Z?e.createElement(T,{fullWidth:!0,status:g.Success,message:"The values reflect the current configuration of the selected cluster."}):null,e.createElement(r,{$gap:8},e.createElement("div",{style:{width:"150px"}},e.createElement(z,{fullWidth:!0,variant:N.Secondary,label:"Cancel",onClick:()=>Q?W(!0):_(),disabled:F})),e.createElement("div",{style:{width:"150px"}},e.createElement(z,{fullWidth:!0,variant:N.Primary,label:"Save",onClick:async()=>{j(!0);const e=await w(i,B);j(!1),e?.error?U(e.error):(m([]),n())},disabled:!Q||F})))),e.createElement(L,{isOpen:O,onClose:()=>W(!1),onApprove:_}))};var Xe,Je;!function(e){e.BulkConfig="bulk-config",e.BulkSource="bulk-source",e.BulkDestination="bulk-destination",e.BulkAction="bulk-action",e.BulkInstrumentationRule="bulk-instrumentation-rule",e.Delete="delete"}(Xe||(Xe={})),function(e){e.Id="id",e.Name="name",e.Type="type",e.Status="status",e.OdigosVersion="odigosVersion",e.ConnectedSince="connectedSince",e.LastActivity="lastActivity"}(Je||(Je={}));const Qe=[{key:Je.Name,label:"Name"},{key:Je.Type,label:"Type",textAlign:"right"},{key:Je.Status,label:"Status"},{key:Je.OdigosVersion,label:"Odigos Version"},{key:Je.ConnectedSince,label:"Connected Since"},{key:Je.LastActivity,label:"Last Activity"}],Ze=(e,t)=>{const a=e.find(e=>e.key===Je.Id)?.rawValue;a&&t(a.toString())},_e=({tableRowsMaxHeight:o,connections:i,getConnections:r,onClickConnection:c,deleteConnection:d,getEffectiveConfig:u,applyConfigurations:m,getAllClusterSnapshots:b,persistSources:f})=>{const y=s(),{formatTimeAgo:w}=O(),[C,v]=a(!1),[k,x]=a(i||[]),[$,S]=a(!1),[I,A]=a(null),D=n(async()=>{try{v(!0),x(await r()??[])}catch(e){}finally{v(!1)}},[]),P=n(async()=>{if(b)try{S(!0),A(await b()??null)}catch(e){}finally{S(!1)}},[]);l(()=>{k.length||D()},[k.length,D]),l(()=>{I||P()},[I,P]);const[R,T]=a(""),[z,L]=a(null),[M,V]=a([]),K=t(()=>k.filter(e=>e.status===g.Success),[k]),X=t(()=>k.filter(e=>!R||e.name.toLowerCase().includes(R.toLowerCase())).map(t=>({cells:[{key:Je.Id,rawValue:t.id},{key:Je.Name,rawValue:t.name},{key:Je.Type,rawValue:t.type},{key:Je.Status,rawValue:t.status,component:()=>(t=>{const a=t===g.Success?"Connection live":"Connection lost",l=t===g.Success?he:be;return e.createElement(p,{status:t,label:a,leftIcon:l})})(t.status)},{key:Je.OdigosVersion,rawValue:t.odigosVersion},{key:Je.ConnectedSince,rawValue:t.connectedAt?w(t.connectedAt):"-"},{key:Je.LastActivity,rawValue:t.lastSeenAt?w(t.lastSeenAt):"-"}],onClick:t.status===g.Success?()=>c(t):void 0,isSelected:M.includes(t.id),onSelect:()=>V(e=>Array.from(new Set([...e,t.id]))),onDeselect:()=>V(e=>e.filter(e=>e!==t.id)),hideCheckbox:t.status!==g.Success})),[k,M,R]);return e.createElement(W,null,e.createElement(F,{richTitle:{icon:pe,title:"Connections",badge:{label:k.length.toString(),status:h.Unknown}},search:{placeholder:"Search by cluster name",value:R,onChange:e=>T(e),width:"300px"},actions:[{id:j(),type:E.Button,buttonProps:{variant:N.Secondary,size:U.S,leftIcon:ge,onClick:async()=>{await D(),await P()},disabled:C||$}}]},e.createElement(H,{variant:G.Pretty,maxHeight:o,headerBackgroundColor:y.v2.colors.silver[1e3],isLoading:C,withCheckboxes:!0,columns:Qe,rows:X,rowActionsPushRightPosition:z?`calc(${z===Xe.BulkConfig?je:Ne} - 24px)`:void 0,getRowActions:({cells:e})=>(e=>e.find(e=>e.key===Je.Status)?.rawValue===g.Success)(e)?[I&&f?{id:j(),tooltip:"Manage Sources",rightIcon:re,onClick:async()=>{Ze(e,e=>{V([e]),L(Xe.BulkSource)})}}:null,u&&m?{id:j(),tooltip:"Edit Configuration",rightIcon:de,onClick:async()=>{Ze(e,e=>{V([e]),L(Xe.BulkConfig)})}}:null]:[{id:j(),label:"Delete Connection",rightIcon:me,onClick:()=>{Ze(e,e=>{V([e]),L(Xe.Delete)})}}]}),z===Xe.BulkConfig&&u&&m&&e.createElement(Ke,{onClose:()=>L(null),connections:K,selectedConnectionIds:M,setSelectedConnectionIds:V,getEffectiveConfig:u,onApply:m}),z===Xe.BulkSource&&I&&f&&e.createElement(Fe,{onClose:()=>L(null),snapshots:I,selectedConnectionIds:M,setSelectedConnectionIds:V,persistSources:async e=>{if(!f)return{error:"Persist sources function is not defined"};const t=await f(e);return t?.error||await P(),t}}),e.createElement(q,{target:"connection",isOpen:z===Xe.Delete,onClose:()=>{V([]),L(null)},onApprove:async()=>{const e=M[0];e&&(await d(e),await D())}}),e.createElement(Y,{isOpen:!!M.length&&!z,richTitle:{icon:ce,title:"Selected Clusters",badge:{label:M.length}},actions:[{id:j(),type:E.Button,buttonProps:{variant:N.Text,size:U.S,label:"Cancel",onClick:()=>V([])}},I&&f?{id:j(),type:E.ButtonDropData,buttonProps:{variant:N.Secondary,size:U.S,label:"Add Component",onClick:e=>L(e)},dropDataProps:{alignX:B.Left,items:[{id:Xe.BulkSource,label:"Add Source",icon:re}]}}:null,u&&m?{id:j(),type:E.Button,buttonProps:{variant:N.Primary,size:U.S,label:"Manage Configurations",rightIcon:de,onClick:()=>L(Xe.BulkConfig)}}:null]})))},et=o.div`
|
|
105
105
|
display: flex;
|
|
106
106
|
align-items: center;
|
|
107
107
|
justify-content: space-between;
|
|
@@ -115,8 +115,8 @@ import e,{useMemo as t,useState as a,useEffect as l,useCallback as n}from"react"
|
|
|
115
115
|
}
|
|
116
116
|
`,tt=o.div`
|
|
117
117
|
animation-name: ${K.animations.fade.in};
|
|
118
|
-
`,at=({pod:n,getExtendedPodInfo:o,onClose:s})=>{const{formatTimeAgo:r}=O(),[c,u]=a(null),[p,m]=a(!1);l(()=>{n?o(n.namespace,n.name).then(e=>u(e??null)):(u(null),m(!1))},[n]);const h=t(()=>[{id:
|
|
118
|
+
`,at=({pod:n,getExtendedPodInfo:o,onClose:s})=>{const{formatTimeAgo:r}=O(),[c,u]=a(null),[p,m]=a(!1);l(()=>{n?o(n.namespace,n.name).then(e=>u(e??null)):(u(null),m(!1))},[n]);const h=t(()=>[{id:j(),title:"Node",label:c?.node??"-",withCopy:!0},{id:j(),title:"Status",badge:{status:X(c?.status),label:c?.status??"-"}}],[c]),b=t(()=>c?.containers?.map(e=>({id:j(),items:[{id:j(),title:"Container",label:e.name??"-"},{id:j(),title:"Status",label:e.startedAt?`${e.status} (since ${r(e.startedAt)})`:e.status},{id:j(),title:"Ready",badge:{status:e.ready?g.Success:g.Error,leftIcon:e.ready?ce:fe,label:e.ready?"True":"False",invertColors:!0}},{id:j(),title:"Started",badge:{status:e.started?g.Success:g.Error,leftIcon:e.started?ce:fe,label:e.started?"True":"False",invertColors:!0}},{id:j(),title:"Image Version",label:e.image?.split(":")?.[1]??"-"},{id:j(),title:"Image Repository",label:e.image?.split(":")?.[0]??"-"},{id:j(),title:"Restarts",label:e.restarts.toString()},{id:j(),title:"State Reason",label:e.stateReason??"-"},{id:j(),title:"Resource Requests",label:`CPU ${e.resources.requests.cpu} • Memory ${e.resources.requests.memory}`},{id:j(),title:"Resource Limits",label:`CPU ${e.resources.limits.cpu} • Memory ${e.resources.limits.memory}`}]}))||[],[c]);return e.createElement(S,{isOpen:!!n,header:{icon:ye,title:"Pod Information",onClose:s}},c?null:e.createElement(I,null,e.createElement(V,null)),c?e.createElement(e.Fragment,null,e.createElement(F,{richTitle:{icon:ye,title:c.name,withCopy:!0}},e.createElement(i,{$gap:24},e.createElement(J,{cellsPerRow:2,items:h}),b.length>0&&e.createElement(i,{$gap:12},e.createElement(et,{onClick:()=>m(e=>!e)},e.createElement(d,null,"Containers Overview"),e.createElement(Q,{icon:p?we:Ce})),p&&b.map(({id:t,items:a})=>e.createElement(tt,{key:t},e.createElement(J,{cellsPerRow:2,items:a})))))),e.createElement(F,{richTitle:{icon:ve,title:"Kubectl Commands"}},e.createElement(i,{$gap:12},e.createElement(Z,{value:`kubectl get pod ${c.name} -n ${c.namespace} -o yaml`}),e.createElement(Z,{value:`kubectl describe pod ${c.name} -n ${c.namespace}`}),e.createElement(Z,{value:`kubectl logs ${c.name} -n ${c.namespace}`}))),e.createElement(_,{yaml:c.manifestYAML})):null)};var lt;!function(e){e.PodName="podName",e.Status="status",e.Restarts="restarts",e.NodeName="nodeName",e.SpanDropDrate="spanDropDrate",e.Age="age",e.DockerImage="dockerImage"}(lt||(lt={}));const nt=[{key:lt.PodName,label:"Pod Name"},{key:lt.Status,label:"Status"},{key:lt.Restarts,label:"Restarts",textAlign:"right"},{key:lt.NodeName,label:"Node Name"},{key:lt.Age,label:"Age",textAlign:"right"},{key:lt.DockerImage,label:"Docker Image",textAlign:"right"}],ot=({isLoading:l,tableRowsMaxHeight:n,pods:o,getExtendedPodInfo:i})=>{const c=s(),{formatTimeAgo:u}=O(),[h,b]=a(null),f=t(()=>o.map(t=>({onClick:()=>b(t),cells:[{key:lt.PodName,rawValue:t.name},{key:lt.Status,rawValue:t.status,component:()=>{return a=t.status,e.createElement(p,{status:X(a),label:a});var a}},{key:lt.Restarts,rawValue:t.restartsCount.toString()},{key:lt.NodeName,rawValue:t.nodeName},{key:lt.SpanDropDrate,rawValue:0,component:()=>{const{collectorMetrics:a}=t;if(!a)return e.createElement(d,null,"-");const l=(a?.metricsAcceptedRps??0)+(a?.metricsDroppedRps??0),n=l>0?Math.round((a?.metricsDroppedRps??0)/l*100):0,o=n>0?g.Error:g.Success,s=(a?.exporterSuccessRps??0)+(a?.exporterFailedRps??0),i=s>0?Math.round((a?.exporterFailedRps??0)/s*100):0,c=i>0?g.Error:g.Success;return e.createElement(r,{$gap:4},e.createElement(m,{text:`Accepted: ${a.metricsAcceptedRps.toLocaleString()}, Dropped: ${a.metricsDroppedRps.toLocaleString()}`},e.createElement(p,{status:o,label:`Receiver ${n}%`,leftIcon:o===g.Error?ke:xe,useSecondaryTone:!0,invertColors:!0})),e.createElement(m,{text:`Success: ${a.exporterSuccessRps.toLocaleString()}, Failed: ${a.exporterFailedRps.toLocaleString()}`},e.createElement(p,{status:c,label:`Exporter ${i}%`,leftIcon:c===g.Error?ke:xe,useSecondaryTone:!0,invertColors:!0})))}},{key:lt.Age,rawValue:u(t.creationTimestamp)},{key:lt.DockerImage,rawValue:t.image}]})),[o,c]);return e.createElement(F,{richTitle:{icon:ye,title:"Pods"}},e.createElement(H,{variant:G.Data,maxHeight:n,isLoading:l,columns:nt,rows:f}),e.createElement(at,{pod:h,getExtendedPodInfo:i,onClose:()=>b(null)}))};var st;!function(e){e.Gateway="gateway",e.Node="node"}(st||(st={}));const it=[{value:st.Gateway,label:"Gateway"},{value:st.Node,label:"Node Collector"}],rt=o.div`
|
|
119
119
|
display: flex;
|
|
120
120
|
align-items: center;
|
|
121
121
|
justify-content: space-between;
|
|
122
|
-
`,ct=({selectedTab:a,setSelectedTab:l,onClickDownloadDiagnose:n,onClickRefresh:o,loading:s,disabled:i})=>{const c=t(()=>{const e=[];return n&&e.push({id:
|
|
122
|
+
`,ct=({selectedTab:a,setSelectedTab:l,onClickDownloadDiagnose:n,onClickRefresh:o,loading:s,disabled:i})=>{const c=t(()=>{const e=[];return n&&e.push({id:j(),type:E.Button,buttonProps:{label:"Download Diagnose",leftIcon:$e,size:U.S,variant:N.Text,onClick:n,disabled:i}}),o&&e.push({id:j(),type:E.Button,buttonProps:{label:"Refresh",leftIcon:ge,size:U.S,variant:N.Text,onClick:o,disabled:i,loading:s}}),e},[n,o,i,s]);return e.createElement(rt,null,e.createElement(r,{$gap:12},e.createElement(r,{$gap:8},e.createElement(Se,{size:32}),e.createElement(d,{size:u.M,weight:500},"Pipeline Collectors")),e.createElement(ee,{options:it,selected:a,setSelected:l,disabled:i})),e.createElement(te,{actions:c}))},dt=({isOpen:t,onClose:a,title:l,yaml:n})=>e.createElement(S,{isOpen:t,header:{icon:Ie,title:l,onClose:a}},e.createElement(_,{yaml:n}));var ut;!function(e){e.ManifestYaml="manifest-yaml",e.ConfigMapYaml="configmap-yaml"}(ut||(ut={}));const pt=({richTitle:t,statusCard:l,textCards:n,manifestYaml:o,configMapYaml:s})=>{const[i,c]=a(null);return e.createElement(F,{richTitle:t,actions:[{id:j(),type:E.ButtonDropData,buttonProps:{variant:N.Secondary,size:U.S,label:"View YAML",onClick:e=>c(e)},dropDataProps:{items:[{id:ut.ManifestYaml,label:t.title,icon:Ae},{id:ut.ConfigMapYaml,label:"ConfigMap",icon:Ae}]}}]},e.createElement(r,{$gap:16},e.createElement(ae,{...l}),n.map(t=>e.createElement(le,{key:t.title,...t}))),e.createElement(dt,{isOpen:i===ut.ManifestYaml,onClose:()=>c(null),title:t.title,yaml:o}),e.createElement(dt,{isOpen:i===ut.ConfigMapYaml,onClose:()=>c(null),title:"ConfigMap",yaml:s}))},gt=e=>{switch(e){case ne.Healthy:return"All desired replicas are updated, available, and ready";case ne.Updating:return"Workload is progressing towards desired state (e.g., updating pods)";case ne.Degraded:return"Progressing but with availability issues (e.g., not enough available replicas)";case ne.Failed:return"Progress deadline exceeded or an unrecoverable error occurred";case ne.Down:return"No available replicas";case ne.Unknown:return"Status cannot be determined from current signals";default:return"Status unknown"}},mt=({tableRowsMaxHeight:o,getGatewayInfo:s,getGatewayPods:i,getNodeCollectorInfo:r,getNodeCollectorPods:c,getExtendedPodInfo:d})=>{const{formatTimeAgo:u}=O(),{isVersionSupported:p,version:m}=oe(1.12),[b,f]=a(!1),[y,w]=a(st.Gateway),[C,v]=a(null),[k,x]=a([]),[$,S]=a(null),[I,A]=a([]),D=n(async()=>{f(!0);try{switch(y){case st.Gateway:v(await s()??null),x(await i()??[]);break;case st.Node:S(await r()??null),A(await c()??[])}}catch(e){}f(!1)},[y]);l(()=>{D()},[D]);const P=t(()=>(e=>{switch(e){case st.Gateway:return"Deployment";case st.Node:return"DaemonSet";default:return"Pipeline Collectors"}})(y),[y]),R=t(()=>((e,t,a,l)=>{const n={status:h.Disabled,label:"No rollouts yet"};let o=!1,s=null;switch(e){case st.Gateway:o=t?.rolloutInProgress??!1,s=t?.lastRolloutAt??null;break;case st.Node:o=a?.rolloutInProgress??!1,s=a?.lastRolloutAt??null;break;default:return n}return o?{status:g.Info,label:"Rollout in progress",rightIcon:ge,useSecondaryTone:!0}:s?{status:h.Disabled,label:`Last Rollout: ${l(s)}`}:n})(y,C,$,u),[C,$,y,u]),T=t(()=>((e,t,a,l)=>{let n=l?g.Info:h.Unknown,o=l?"Loading":ne.Unknown,s=l?"Fetching data...":gt(ne.Unknown);switch(e){case st.Gateway:n=t?.status?X(t?.status):n,o=t?.status??o,s=t?.status?gt(t.status):s;break;case st.Node:n=a?.status?X(a?.status):n,o=a?.status??o,s=a?.status?gt(a.status):s}return{status:n,title:o,description:s}})(y,C,$,b),[C,$,y,b]),z=t(()=>((e,t,a,l)=>{switch(e){case st.Gateway:return[{title:"HPA Spec (Replicas)",cells:[{label:"Min.",value:t?.hpa?.min.toString()??"-",isLoading:l},{label:"Max.",value:t?.hpa?.max.toString()??"-",isLoading:l},{label:"Current",value:t?.hpa?.current.toString()??"-",isLoading:l},{label:"Desired",value:t?.hpa?.desired.toString()??"-",isLoading:l}]},{title:"Requests",cells:[{label:"CPU",value:t?.resources?.requests.cpu??"-",isLoading:l},{label:"Memory",value:t?.resources?.requests.memory??"-",isLoading:l}]},{title:"Limits",cells:[{label:"CPU",value:t?.resources?.limits.cpu??"-",isLoading:l},{label:"Memory",value:t?.resources?.limits.memory??"-",isLoading:l}]},{title:"Docker Image",cells:[{value:t?.imageVersion??"-",isLoading:l}]}];case st.Node:return[{title:"Nodes",cells:[{label:"Desired",value:a?.nodes?.desired.toString()??"-",isLoading:l},{label:"Ready",value:a?.nodes?.ready.toString()??"-",isLoading:l}]},{title:"Requests",cells:[{label:"CPU",value:a?.resources?.requests.cpu??"-",isLoading:l},{label:"Memory",value:a?.resources?.requests.memory??"-",isLoading:l}]},{title:"Limits",cells:[{label:"CPU",value:a?.resources?.limits.cpu??"-",isLoading:l},{label:"Memory",value:a?.resources?.limits.memory??"-",isLoading:l}]},{title:"Docker Image",cells:[{value:a?.imageVersion??"-",isLoading:l}]}];default:return[]}})(y,C,$,b),[C,$,y,b]),N=t(()=>(y===st.Gateway?C?.manifestYAML:$?.manifestYAML)??"",[C,$,y]),L=t(()=>(y===st.Gateway?C?.configMapYAML:$?.configMapYAML)??"",[C,$,y]),M=t(()=>y===st.Gateway?k:I,[k,I,y]);return e.createElement(W,null,e.createElement(ct,{disabled:!p,loading:b,selectedTab:y,setSelectedTab:w,onClickDownloadDiagnose:void 0,onClickRefresh:D}),e.createElement(se,null,e.createElement(pt,{richTitle:{icon:Ie,title:P,badge:R},statusCard:T,textCards:z,manifestYaml:N,configMapYaml:L}),e.createElement(ot,{isLoading:b,tableRowsMaxHeight:o,pods:M,getExtendedPodInfo:d}),!p&&e.createElement(ie,{minSupportedVersion:1.12,currentVersion:m||""})))};export{_e as CentralConnections,mt as PipelineCollectors};
|