@odigos/ui-kit 0.0.178 → 0.0.179
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 +7 -0
- package/lib/chunks/{ui-components-fec63ef8.js → ui-components-2aff6067.js} +1 -1
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants.js +1 -1
- package/lib/containers/v2.js +3 -3
- package/lib/containers.js +2 -2
- package/lib/contexts.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/snippets/_v2/yaml-section-card/index.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/sources/index.d.ts +1 -0
- package/lib/types.js +1 -1
- package/lib/visuals.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.0.179](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.178...ui-kit-v0.0.179) (2026-01-22)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* add IC YAML to source drawer ([#621](https://github.com/odigos-io/ui-kit/issues/621)) ([8b6ed79](https://github.com/odigos-io/ui-kit/commit/8b6ed79ff20e76f185ebdc472b995066d76b86fb))
|
|
9
|
+
|
|
3
10
|
## [0.0.178](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.177...ui-kit-v0.0.178) (2026-01-22)
|
|
4
11
|
|
|
5
12
|
|
|
@@ -2065,7 +2065,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2065
2065
|
transform: translate(-50%, -50%);
|
|
2066
2066
|
`,Ku=()=>bt.createElement(qu,null,bt.createElement(Gu,null,bt.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"464",height:"464",viewBox:"0 0 464 464",fill:"none"},bt.createElement("path",{opacity:"0.1",d:"M231.567 463.134C359.458 463.134 463.134 359.458 463.134 231.567C463.134 103.676 359.458 0 231.567 0C103.676 0 0 103.676 0 231.567C0 359.458 103.676 463.134 231.567 463.134Z",fill:"url(#paint0_radial_164_65835)"}),bt.createElement("defs",null,bt.createElement("radialGradient",{id:"paint0_radial_164_65835",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(201.232 229.641) scale(231.217)"},bt.createElement("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),bt.createElement("stop",{offset:"0.41",stopColor:"#7C3BFF",stopOpacity:"0.11"}),bt.createElement("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.13"}),bt.createElement("stop",{offset:"0.67",stopColor:"#7C3BFF",stopOpacity:"0.18"}),bt.createElement("stop",{offset:"0.75",stopColor:"#7C3BFF",stopOpacity:"0.25"}),bt.createElement("stop",{offset:"0.83",stopColor:"#7C3BFF",stopOpacity:"0.33"}),bt.createElement("stop",{offset:"0.89",stopColor:"#7C3BFF",stopOpacity:"0.44"}),bt.createElement("stop",{offset:"0.95",stopColor:"#7C3BFF",stopOpacity:"0.56"}),bt.createElement("stop",{offset:"1",stopColor:"#7C3BFF",stopOpacity:"0.7"}))))),bt.createElement(Gu,null,bt.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"432",height:"432",viewBox:"0 0 432 432",fill:"none"},bt.createElement("path",{opacity:"0.3",d:"M215.921 431.841C335.17 431.841 431.841 335.17 431.841 215.921C431.841 96.6709 335.17 0 215.921 0C96.6709 0 0 96.6709 0 215.921C0 335.17 96.6709 431.841 215.921 431.841Z",fill:"url(#paint0_radial_164_65836)"}),bt.createElement("defs",null,bt.createElement("radialGradient",{id:"paint0_radial_164_65836",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(204.229 214.376) scale(216.276)"},bt.createElement("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),bt.createElement("stop",{offset:"0.38",stopColor:"#7C3BFF",stopOpacity:"0.11"}),bt.createElement("stop",{offset:"0.52",stopColor:"#7C3BFF",stopOpacity:"0.13"}),bt.createElement("stop",{offset:"0.62",stopColor:"#7C3BFF",stopOpacity:"0.18"}),bt.createElement("stop",{offset:"0.69",stopColor:"#7C3BFF",stopOpacity:"0.25"}),bt.createElement("stop",{offset:"0.76",stopColor:"#7C3BFF",stopOpacity:"0.33"}),bt.createElement("stop",{offset:"0.82",stopColor:"#7C3BFF",stopOpacity:"0.44"}),bt.createElement("stop",{offset:"0.88",stopColor:"#7C3BFF",stopOpacity:"0.57"}),bt.createElement("stop",{offset:"0.93",stopColor:"#7C3BFF",stopOpacity:"0.72"}),bt.createElement("stop",{offset:"0.97",stopColor:"#7C3BFF",stopOpacity:"0.88"}),bt.createElement("stop",{offset:"1",stopColor:"#7C3BFF"}))))),bt.createElement(Gu,null,bt.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"374",height:"374",viewBox:"0 0 374 374",fill:"none"},bt.createElement("path",{opacity:"0.5",d:"M186.963 373.927C290.22 373.927 373.927 290.22 373.927 186.963C373.927 83.7063 290.22 0 186.963 0C83.7063 0 0 83.7063 0 186.963C0 290.22 83.7063 373.927 186.963 373.927Z",fill:"url(#paint0_radial_164_65837)"}),bt.createElement("defs",null,bt.createElement("radialGradient",{id:"paint0_radial_164_65837",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(166.792 184.246) scale(186.963)"},bt.createElement("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),bt.createElement("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),bt.createElement("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),bt.createElement("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),bt.createElement("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),bt.createElement("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),bt.createElement("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),bt.createElement("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),bt.createElement("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),bt.createElement("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),bt.createElement("stop",{offset:"1",stopColor:"#7C3BFF"}))))),bt.createElement(Gu,null,bt.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"257",height:"257",viewBox:"0 0 257 257",fill:"none"},bt.createElement("path",{opacity:"0.7",d:"M128.193 256.387C198.992 256.387 256.387 198.992 256.387 128.193C256.387 57.3941 198.992 0 128.193 0C57.3941 0 0 57.3941 0 128.193C0 198.992 57.3941 256.387 128.193 256.387Z",fill:"url(#paint0_radial_164_65838)"}),bt.createElement("defs",null,bt.createElement("radialGradient",{id:"paint0_radial_164_65838",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(113.263 126.219) scale(128.08)"},bt.createElement("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),bt.createElement("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),bt.createElement("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),bt.createElement("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),bt.createElement("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),bt.createElement("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),bt.createElement("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),bt.createElement("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),bt.createElement("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),bt.createElement("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),bt.createElement("stop",{offset:"1",stopColor:"#7C3BFF"}))))),bt.createElement(Gu,null,bt.createElement(se,{size:112}))),Yu=({minSupportedVersion:e,currentVersion:t})=>bt.createElement(Mu,{isOpen:!0,onClose:()=>{},relativeToParent:!0,visual:()=>bt.createElement(Wu,{scale:2.4,icon:()=>bt.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"21",viewBox:"0 0 22 21",fill:"none"},bt.createElement("path",{fill:"#151618",d:"M9.4844 0.730003C9.99694 -0.243259 11.4076 -0.24341 11.92 0.730003L11.9685 0.831353L14.3039 6.22012L20.153 6.77755C21.3553 6.89211 21.841 8.38683 20.9358 9.18621L16.5314 13.0731L17.8091 18.8079C18.0716 19.9868 16.8005 20.9109 15.7605 20.2969L10.7017 17.3093L5.64282 20.2969C4.60289 20.9104 3.33173 19.9866 3.59427 18.8079L4.87192 13.0741L0.468608 9.18621C-0.43662 8.38693 0.0482932 6.8924 1.25029 6.77755L7.09837 6.22012L9.43588 0.831353L9.4844 0.730003ZM8.55284 7.02876C8.35287 7.48992 7.9179 7.80589 7.41751 7.85357L2.03952 8.36571L6.09027 11.941C6.46691 12.2737 6.63296 12.7852 6.5237 13.2758L5.34956 18.5459L10.0008 15.8009L10.1669 15.7179C10.5087 15.574 10.8945 15.5741 11.2364 15.7179L11.4036 15.8009L16.0538 18.5459L14.8807 13.2758C14.7714 12.7851 14.9374 12.2737 15.3141 11.941L19.3627 8.36571L13.9858 7.85357C13.4855 7.80587 13.0505 7.4899 12.8505 7.02876L10.7017 2.07342L8.55284 7.02876Z"}))}),title:"Upgrade Required",description:`To use this feature, please upgrade to Odigos v${e} or later.\nCurrent version: ${t}.`}),Ju=Bt.div`
|
|
2067
2067
|
padding: 0 12px;
|
|
2068
|
-
`,Xu=({yaml:e})=>{const{clickCopy:
|
|
2068
|
+
`,Xu=({yaml:e,defaultOpen:t})=>{const{clickCopy:o,isCopied:n}=Aa(),[i,a]=kt(t??!1),r=wt(()=>e?[{id:rn(),type:Jp.Button,buttonProps:{variant:xp.Secondary,size:bp.S,leftIcon:n?Ge:Ke,onClick:()=>o(e||""),disabled:n}},{id:rn(),type:Jp.Button,buttonProps:{variant:xp.Secondary,size:bp.S,leftIcon:i?pt:ut,onClick:()=>a(e=>!e)}}]:[],[e,n,i]);return bt.createElement(tu,{richTitle:{icon:mt,title:"YAML"},actions:r},i&&bt.createElement(Ju,null,e?bt.createElement(es,{code:e,language:"yaml",theme:"duotoneDark"}):bt.createElement(Ya,null,bt.createElement(Ys,{title:"YAML not found",subTitle:"The YAML for this resource is not available"}))))},Zu=Bt.div`
|
|
2069
2069
|
display: flex;
|
|
2070
2070
|
align-items: center;
|
|
2071
2071
|
justify-content: space-between;
|
package/lib/components/v2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Badge,m as Button,v as ButtonSize,dt as ButtonTab,du as ButtonTabList,n as ButtonVariants,C as Checkbox,dx as CheckboxList,dw as CheckboxSize,U as CliCommand,M as DataCard,i as Drawer,a3 as DropData,w as DropDataAlignX,a4 as DropDataAlignY,dy as Header,ca as HoverActions,Q as IconButton,cm as IconButtonSize,dz as Input,I as Island,L as Loader,dA as Modal,dB as Navbar,l as Note,dD as Radio,dE as RadioGroup,dC as RadioSize,k as Search,y as SectionCard,dv as SectionCardSize,V as Segment,dF as SegmentSize,X as StatusCard,z as Table,G as TableVariant,dG as Tag,Z as TextCard,d as Toggle,dI as ToggleLabelAlign,dJ as ToggleList,e as ToggleSize,dH as ToggleVariant,T as Typography,b as TypographySize,f as TypographyVariants,dK as WarningModal}from"../chunks/ui-components-
|
|
1
|
+
export{B as Badge,m as Button,v as ButtonSize,dt as ButtonTab,du as ButtonTabList,n as ButtonVariants,C as Checkbox,dx as CheckboxList,dw as CheckboxSize,U as CliCommand,M as DataCard,i as Drawer,a3 as DropData,w as DropDataAlignX,a4 as DropDataAlignY,dy as Header,ca as HoverActions,Q as IconButton,cm as IconButtonSize,dz as Input,I as Island,L as Loader,dA as Modal,dB as Navbar,l as Note,dD as Radio,dE as RadioGroup,dC as RadioSize,k as Search,y as SectionCard,dv as SectionCardSize,V as Segment,dF as SegmentSize,X as StatusCard,z as Table,G as TableVariant,dG as Tag,Z as TextCard,d as Toggle,dI as ToggleLabelAlign,dJ as ToggleList,e as ToggleSize,dH as ToggleVariant,T as Typography,b as TypographySize,f as TypographyVariants,dK as WarningModal}from"../chunks/ui-components-2aff6067.js";import"../icons.js";import"react";import"styled-components";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";
|
package/lib/components.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{aK as AutocompleteInput,b1 as Badge,b3 as Button,aw as CancelWarning,j as CenterThis,aa as Checkbox,db as Code,aB as ConditionDetails,aC as DataCard,a6 as DataCardFieldTypes,bL as DataCardFields,dc as DataFinger,b5 as DataTab,av as DeleteWarning,c8 as DescribeRow,aL as Divider,ao as DocsButton,au as Drawer,de as DrawerFooter,dd as DrawerHeader,bq as Dropdown,df as ErrorBoundary,by as ExtendArrow,r as FadeLoader,ab as FieldError,a9 as FieldLabel,F as FlexColumn,a as FlexRow,dg as Header,bx as IconButton,ci as IconGroup,aY as IconTitleBadge,aT as IconWrapped,c4 as IconsNav,dh as ImageControlled,ad as Input,aj as InputList,ag as InputTable,a$ as InteractiveTable,ai as KeyValueInputsList,c2 as LoadingText,aF as Modal,aH as ModalBody,ap as MonitorsCheckboxes,aV as MonitorsIcons,aG as NavigationButtons,N as NoDataFound,aI as NotificationNote,dn as Overlay,x as PageContent,bl as Popup,cn as PopupForm,cs as ScrollX,b8 as ScrollY,an as SectionTitle,am as Segment,bm as SelectionButton,bd as SkeletonLoader,aN as Status,bK as Stepper,di as TabList,aW as TableContainer,aX as TableTitleWrap,a_ as TableWrap,bU as Tag,al as Text,aq as TextArea,ah as Toggle,cq as ToggleCodeComponent,c as Tooltip,b0 as TraceLoader,a0 as UpgradeRequiredWrapper,bn as VerticalScroll,dm as WarningModal,dj as getLinksFromText,dk as getStrongsFromText,dl as renderText}from"./chunks/ui-components-
|
|
1
|
+
export{aK as AutocompleteInput,b1 as Badge,b3 as Button,aw as CancelWarning,j as CenterThis,aa as Checkbox,db as Code,aB as ConditionDetails,aC as DataCard,a6 as DataCardFieldTypes,bL as DataCardFields,dc as DataFinger,b5 as DataTab,av as DeleteWarning,c8 as DescribeRow,aL as Divider,ao as DocsButton,au as Drawer,de as DrawerFooter,dd as DrawerHeader,bq as Dropdown,df as ErrorBoundary,by as ExtendArrow,r as FadeLoader,ab as FieldError,a9 as FieldLabel,F as FlexColumn,a as FlexRow,dg as Header,bx as IconButton,ci as IconGroup,aY as IconTitleBadge,aT as IconWrapped,c4 as IconsNav,dh as ImageControlled,ad as Input,aj as InputList,ag as InputTable,a$ as InteractiveTable,ai as KeyValueInputsList,c2 as LoadingText,aF as Modal,aH as ModalBody,ap as MonitorsCheckboxes,aV as MonitorsIcons,aG as NavigationButtons,N as NoDataFound,aI as NotificationNote,dn as Overlay,x as PageContent,bl as Popup,cn as PopupForm,cs as ScrollX,b8 as ScrollY,an as SectionTitle,am as Segment,bm as SelectionButton,bd as SkeletonLoader,aN as Status,bK as Stepper,di as TabList,aW as TableContainer,aX as TableTitleWrap,a_ as TableWrap,bU as Tag,al as Text,aq as TextArea,ah as Toggle,cq as ToggleCodeComponent,c as Tooltip,b0 as TraceLoader,a0 as UpgradeRequiredWrapper,bn as VerticalScroll,dm as WarningModal,dj as getLinksFromText,dk as getStrongsFromText,dl as renderText}from"./chunks/ui-components-2aff6067.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/constants.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{az as ACTION_OPTIONS,at as BUTTON_TEXTS,D as DEFAULT_DATA_STREAM_NAME,bJ as DESTINATION_CATEGORIES,br as DISPLAY_LANGUAGES,a5 as DISPLAY_TITLES,aJ as FORM_ALERTS,bY as INSTRUMENTATION_RULE_OPTIONS,d2 as LANGUAGE_OPTIONS,bs as MONITORS_OPTIONS,d3 as OTEL_DISTRO_NAME_OPTIONS,bt as STORAGE_KEYS,d4 as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-
|
|
1
|
+
export{az as ACTION_OPTIONS,at as BUTTON_TEXTS,D as DEFAULT_DATA_STREAM_NAME,bJ as DESTINATION_CATEGORIES,br as DISPLAY_LANGUAGES,a5 as DISPLAY_TITLES,aJ as FORM_ALERTS,bY as INSTRUMENTATION_RULE_OPTIONS,d2 as LANGUAGE_OPTIONS,bs as MONITORS_OPTIONS,d3 as OTEL_DISTRO_NAME_OPTIONS,bt as STORAGE_KEYS,d4 as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-2aff6067.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/containers/v2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e,{useMemo as t,useState as a,useEffect as l,useCallback as o}from"react";import n,{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 h,O as m,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 D,P as A,R as P,k as T,l as R,m as z,n as N,o as O,p as M,q as L,r as V,s as W,t as F,A as j,v as E,w as G,x as U,y as H,z as Y,G as q,H as X,I as B,J as K,K as J,M as Q,Q as Z,U as _,Y as ee,V as te,W as ae,X as le,Z as oe,_ as ne,$ as se,a0 as ie,a1 as re,a2 as ce,a3 as de,a4 as ue}from"../chunks/ui-components-
|
|
1
|
+
import e,{useMemo as t,useState as a,useEffect as l,useCallback as o}from"react";import n,{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 h,O as m,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 D,P as A,R as P,k as T,l as R,m as z,n as N,o as O,p as M,q as L,r as V,s as W,t as F,A as j,v as E,w as G,x as U,y as H,z as Y,G as q,H as X,I as B,J as K,K as J,M as Q,Q as Z,U as _,Y as ee,V as te,W as ae,X as le,Z as oe,_ as ne,$ as se,a0 as ie,a1 as re,a2 as ce,a3 as de,a4 as ue}from"../chunks/ui-components-2aff6067.js";import{SourceIcon as pe,VSquareIcon as ge,SettingsIcon as he,OdigosLogo as me,DeleteIcon as be,ConnectionsIcon as fe,RefreshIcon as ye,VIcon as we,XIcon as Ce,XSquareIcon as ve,PodIcon as ke,ChevronUpIcon as xe,ChevronDownIcon as $e,TerminalIcon as Se,ArrowDownSquareIcon as Ie,ArrowUpSquareIcon as De,DownloadIcon as Ae,PipelineCollectorIcon as Pe,GatewayIcon as Te,YamlIcon as Re,DiagnoseIcon as ze}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 Ne=n(i)`
|
|
2
2
|
width: ${({$width:e})=>e};
|
|
3
3
|
gap: 12px;
|
|
4
4
|
justify-content: space-between;
|
|
@@ -115,11 +115,11 @@ import e,{useMemo as t,useState as a,useEffect as l,useCallback as o}from"react"
|
|
|
115
115
|
}
|
|
116
116
|
`,it=n.div`
|
|
117
117
|
animation-name: ${K.animations.fade.in};
|
|
118
|
-
`,rt=({pod:o,getExtendedPodInfo:n,onClose:s})=>{const{formatTimeAgo:r}=W(),[c,u]=a(null),[p,h]=a(!1);l(()=>{o?n(o.namespace,o.name).then(e=>u(e??null)):(u(null),h(!1))},[o]);const m=t(()=>[{id:F(),title:"Node",label:c?.node??"-",withCopy:!0},{id:F(),title:"Status",badge:{status:J(c?.status),label:c?.status??"-"}}],[c]),b=t(()=>c?.containers?.map(e=>({id:F(),items:[{id:F(),title:"Container",label:e.name??"-"},{id:F(),title:"Status",label:e.startedAt?`${e.status} (since ${r(e.startedAt)})`:e.status},{id:F(),title:"Ready",badge:{status:e.ready?g.Success:g.Error,leftIcon:e.ready?ge:ve,label:e.ready?"True":"False",invertColors:!0}},{id:F(),title:"Started",badge:{status:e.started?g.Success:g.Error,leftIcon:e.started?ge:ve,label:e.started?"True":"False",invertColors:!0}},{id:F(),title:"Image Version",label:e.image?.split(":")?.[1]??"-"},{id:F(),title:"Image Repository",label:e.image?.split(":")?.[0]??"-"},{id:F(),title:"Restarts",label:e.restarts.toString()},{id:F(),title:"State Reason",label:e.stateReason??"-"},{id:F(),title:"Resource Requests",label:`CPU ${e.resources.requests.cpu} • Memory ${e.resources.requests.memory}`},{id:F(),title:"Resource Limits",label:`CPU ${e.resources.limits.cpu} • Memory ${e.resources.limits.memory}`}]}))||[],[c]);return e.createElement(S,{isOpen:!!o,header:{icon:ke,title:"Pod Information",onClose:s}},c?null:e.createElement(I,null,e.createElement(V,null)),c?e.createElement(e.Fragment,null,e.createElement(H,{richTitle:{icon:ke,title:c.name,withCopy:!0}},e.createElement(i,{$gap:24},e.createElement(Q,{cellsPerRow:2,items:m}),b.length>0&&e.createElement(i,{$gap:12},e.createElement(st,{onClick:()=>h(e=>!e)},e.createElement(d,null,"Containers Overview"),e.createElement(Z,{icon:p?xe:$e})),p&&b.map(({id:t,items:a})=>e.createElement(it,{key:t},e.createElement(Q,{cellsPerRow:2,items:a})))))),e.createElement(H,{richTitle:{icon:Se,title:"Kubectl Commands"}},e.createElement(i,{$gap:12},e.createElement(_,{value:`kubectl get pod ${c.name} -n ${c.namespace} -o yaml`}),e.createElement(_,{value:`kubectl describe pod ${c.name} -n ${c.namespace}`}),e.createElement(_,{value:`kubectl logs ${c.name} -n ${c.namespace}`}))),e.createElement(ee,{yaml:c.manifestYAML})):null)};var ct;!function(e){e.PodName="podName",e.Status="status",e.Restarts="restarts",e.NodeName="nodeName",e.SpanDropDrate="spanDropDrate",e.Age="age",e.DockerImage="dockerImage"}(ct||(ct={}));const dt=[{key:ct.PodName,label:"Pod Name"},{key:ct.Status,label:"Status"},{key:ct.Restarts,label:"Restarts",textAlign:"right"},{key:ct.NodeName,label:"Node Name"},{key:ct.Age,label:"Age",textAlign:"right"},{key:ct.DockerImage,label:"Docker Image",textAlign:"right"}],ut=({isLoading:l,tableRowsMaxHeight:o,pods:n,getExtendedPodInfo:i})=>{const c=s(),{formatTimeAgo:u}=W(),[m,b]=a(null),f=t(()=>n.map(t=>({onClick:()=>b(t),cells:[{key:ct.PodName,rawValue:t.name},{key:ct.Status,rawValue:t.status,component:()=>{return a=t.status,e.createElement(p,{status:J(a),label:a});var a}},{key:ct.Restarts,rawValue:t.restartsCount.toString()},{key:ct.NodeName,rawValue:t.nodeName},{key:ct.SpanDropDrate,rawValue:0,component:()=>{const{collectorMetrics:a}=t;if(!a)return e.createElement(d,null,"-");const l=(a?.metricsAcceptedRps??0)+(a?.metricsDroppedRps??0),o=l>0?Math.round((a?.metricsDroppedRps??0)/l*100):0,n=o>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(h,{text:`Accepted: ${a.metricsAcceptedRps.toLocaleString()}, Dropped: ${a.metricsDroppedRps.toLocaleString()}`},e.createElement(p,{status:n,label:`Receiver ${o}%`,leftIcon:n===g.Error?Ie:De,useSecondaryTone:!0,invertColors:!0})),e.createElement(h,{text:`Success: ${a.exporterSuccessRps.toLocaleString()}, Failed: ${a.exporterFailedRps.toLocaleString()}`},e.createElement(p,{status:c,label:`Exporter ${i}%`,leftIcon:c===g.Error?Ie:De,useSecondaryTone:!0,invertColors:!0})))}},{key:ct.Age,rawValue:u(t.creationTimestamp)},{key:ct.DockerImage,rawValue:t.image}]})),[n,c]);return e.createElement(H,{richTitle:{icon:ke,title:"Pods"}},e.createElement(Y,{variant:q.Data,maxHeight:o,isLoading:l,columns:dt,rows:f}),e.createElement(rt,{pod:m,getExtendedPodInfo:i,onClose:()=>b(null)}))};var pt;!function(e){e.Gateway="gateway",e.Node="node"}(pt||(pt={}));const gt=[{value:pt.Gateway,label:"Gateway"},{value:pt.Node,label:"Node Collector"}],ht=n.div`
|
|
118
|
+
`,rt=({pod:o,getExtendedPodInfo:n,onClose:s})=>{const{formatTimeAgo:r}=W(),[c,u]=a(null),[p,h]=a(!1);l(()=>{o?n(o.namespace,o.name).then(e=>u(e??null)):(u(null),h(!1))},[o]);const m=t(()=>[{id:F(),title:"Node",label:c?.node??"-",withCopy:!0},{id:F(),title:"Status",badge:{status:J(c?.status),label:c?.status??"-"}}],[c]),b=t(()=>c?.containers?.map(e=>({id:F(),items:[{id:F(),title:"Container",label:e.name??"-"},{id:F(),title:"Status",label:e.startedAt?`${e.status} (since ${r(e.startedAt)})`:e.status},{id:F(),title:"Ready",badge:{status:e.ready?g.Success:g.Error,leftIcon:e.ready?ge:ve,label:e.ready?"True":"False",invertColors:!0}},{id:F(),title:"Started",badge:{status:e.started?g.Success:g.Error,leftIcon:e.started?ge:ve,label:e.started?"True":"False",invertColors:!0}},{id:F(),title:"Image Version",label:e.image?.split(":")?.[1]??"-"},{id:F(),title:"Image Repository",label:e.image?.split(":")?.[0]??"-"},{id:F(),title:"Restarts",label:e.restarts.toString()},{id:F(),title:"State Reason",label:e.stateReason??"-"},{id:F(),title:"Resource Requests",label:`CPU ${e.resources.requests.cpu} • Memory ${e.resources.requests.memory}`},{id:F(),title:"Resource Limits",label:`CPU ${e.resources.limits.cpu} • Memory ${e.resources.limits.memory}`}]}))||[],[c]);return e.createElement(S,{isOpen:!!o,header:{icon:ke,title:"Pod Information",onClose:s}},c?null:e.createElement(I,null,e.createElement(V,null)),c?e.createElement(e.Fragment,null,e.createElement(H,{richTitle:{icon:ke,title:c.name,withCopy:!0}},e.createElement(i,{$gap:24},e.createElement(Q,{cellsPerRow:2,items:m}),b.length>0&&e.createElement(i,{$gap:12},e.createElement(st,{onClick:()=>h(e=>!e)},e.createElement(d,null,"Containers Overview"),e.createElement(Z,{icon:p?xe:$e})),p&&b.map(({id:t,items:a})=>e.createElement(it,{key:t},e.createElement(Q,{cellsPerRow:2,items:a})))))),e.createElement(H,{richTitle:{icon:Se,title:"Kubectl Commands"}},e.createElement(i,{$gap:12},e.createElement(_,{value:`kubectl get pod ${c.name} -n ${c.namespace} -o yaml`}),e.createElement(_,{value:`kubectl describe pod ${c.name} -n ${c.namespace}`}),e.createElement(_,{value:`kubectl logs ${c.name} -n ${c.namespace}`}))),e.createElement(ee,{yaml:c.manifestYAML,defaultOpen:!0})):null)};var ct;!function(e){e.PodName="podName",e.Status="status",e.Restarts="restarts",e.NodeName="nodeName",e.SpanDropDrate="spanDropDrate",e.Age="age",e.DockerImage="dockerImage"}(ct||(ct={}));const dt=[{key:ct.PodName,label:"Pod Name"},{key:ct.Status,label:"Status"},{key:ct.Restarts,label:"Restarts",textAlign:"right"},{key:ct.NodeName,label:"Node Name"},{key:ct.Age,label:"Age",textAlign:"right"},{key:ct.DockerImage,label:"Docker Image",textAlign:"right"}],ut=({isLoading:l,tableRowsMaxHeight:o,pods:n,getExtendedPodInfo:i})=>{const c=s(),{formatTimeAgo:u}=W(),[m,b]=a(null),f=t(()=>n.map(t=>({onClick:()=>b(t),cells:[{key:ct.PodName,rawValue:t.name},{key:ct.Status,rawValue:t.status,component:()=>{return a=t.status,e.createElement(p,{status:J(a),label:a});var a}},{key:ct.Restarts,rawValue:t.restartsCount.toString()},{key:ct.NodeName,rawValue:t.nodeName},{key:ct.SpanDropDrate,rawValue:0,component:()=>{const{collectorMetrics:a}=t;if(!a)return e.createElement(d,null,"-");const l=(a?.metricsAcceptedRps??0)+(a?.metricsDroppedRps??0),o=l>0?Math.round((a?.metricsDroppedRps??0)/l*100):0,n=o>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(h,{text:`Accepted: ${a.metricsAcceptedRps.toLocaleString()}, Dropped: ${a.metricsDroppedRps.toLocaleString()}`},e.createElement(p,{status:n,label:`Receiver ${o}%`,leftIcon:n===g.Error?Ie:De,useSecondaryTone:!0,invertColors:!0})),e.createElement(h,{text:`Success: ${a.exporterSuccessRps.toLocaleString()}, Failed: ${a.exporterFailedRps.toLocaleString()}`},e.createElement(p,{status:c,label:`Exporter ${i}%`,leftIcon:c===g.Error?Ie:De,useSecondaryTone:!0,invertColors:!0})))}},{key:ct.Age,rawValue:u(t.creationTimestamp)},{key:ct.DockerImage,rawValue:t.image}]})),[n,c]);return e.createElement(H,{richTitle:{icon:ke,title:"Pods"}},e.createElement(Y,{variant:q.Data,maxHeight:o,isLoading:l,columns:dt,rows:f}),e.createElement(rt,{pod:m,getExtendedPodInfo:i,onClose:()=>b(null)}))};var pt;!function(e){e.Gateway="gateway",e.Node="node"}(pt||(pt={}));const gt=[{value:pt.Gateway,label:"Gateway"},{value:pt.Node,label:"Node Collector"}],ht=n.div`
|
|
119
119
|
display: flex;
|
|
120
120
|
align-items: center;
|
|
121
121
|
justify-content: space-between;
|
|
122
|
-
`,mt=({selectedTab:a,setSelectedTab:l,onClickDownloadDiagnose:o,onClickRefresh:n,loading:s,disabled:i})=>{const c=t(()=>{const e=[];return o&&e.push({id:F(),type:j.Button,buttonProps:{label:"Download Diagnose",leftIcon:Ae,size:E.S,variant:N.Text,onClick:o,disabled:i}}),n&&e.push({id:F(),type:j.Button,buttonProps:{label:"Refresh",leftIcon:ye,size:E.S,variant:N.Text,onClick:n,disabled:i,loading:s}}),e},[o,n,i,s]);return e.createElement(ht,null,e.createElement(r,{$gap:12},e.createElement(r,{$gap:8},e.createElement(Pe,{size:32}),e.createElement(d,{size:u.M,weight:500},"Pipeline Collectors")),e.createElement(te,{options:gt,selected:a,setSelected:l,disabled:i})),e.createElement(ae,{actions:c}))},bt=({isOpen:t,onClose:a,title:l,yaml:o})=>e.createElement(S,{isOpen:t,header:{icon:Te,title:l,onClose:a}},e.createElement(ee,{yaml:o}));var ft;!function(e){e.ManifestYaml="manifest-yaml",e.ConfigMapYaml="configmap-yaml"}(ft||(ft={}));const yt=({richTitle:t,statusCard:l,textCards:o,manifestYaml:n,configMapYaml:s})=>{const[i,c]=a(null);return e.createElement(H,{richTitle:t,actions:[{id:F(),type:j.ButtonDropData,buttonProps:{variant:N.Secondary,size:E.S,label:"View YAML",onClick:e=>c(e)},dropDataProps:{items:[{id:ft.ManifestYaml,label:t.title,icon:Re},{id:ft.ConfigMapYaml,label:"ConfigMap",icon:Re}]}}]},e.createElement(r,{$gap:16},e.createElement(le,{...l}),o.map(t=>e.createElement(oe,{key:t.title,...t}))),e.createElement(bt,{isOpen:i===ft.ManifestYaml,onClose:()=>c(null),title:t.title,yaml:n}),e.createElement(bt,{isOpen:i===ft.ConfigMapYaml,onClose:()=>c(null),title:"ConfigMap",yaml:s}))},wt=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"}},Ct=({tableRowsMaxHeight:n,getGatewayInfo:s,getGatewayPods:i,getNodeCollectorInfo:r,getNodeCollectorPods:c,getExtendedPodInfo:d})=>{const{formatTimeAgo:u}=W(),{isVersionSupported:p,version:h}=se(1.12),[b,f]=a(!1),[y,w]=a(pt.Gateway),[C,v]=a(null),[k,x]=a([]),[$,S]=a(null),[I,D]=a([]),A=o(async()=>{f(!0);try{switch(y){case pt.Gateway:v(await s()??null),x(await i()??[]);break;case pt.Node:S(await r()??null),D(await c()??[])}}catch(e){}f(!1)},[y]);l(()=>{A()},[A]);const P=t(()=>(e=>{switch(e){case pt.Gateway:return"Deployment";case pt.Node:return"DaemonSet";default:return"Pipeline Collectors"}})(y),[y]),T=t(()=>((e,t,a,l)=>{const o={status:m.Disabled,label:"No rollouts yet"};let n=!1,s=null;switch(e){case pt.Gateway:n=t?.rolloutInProgress??!1,s=t?.lastRolloutAt??null;break;case pt.Node:n=a?.rolloutInProgress??!1,s=a?.lastRolloutAt??null;break;default:return o}return n?{status:g.Info,label:"Rollout in progress",rightIcon:ye,useSecondaryTone:!0}:s?{status:m.Disabled,label:`Last Rollout: ${l(s)}`}:o})(y,C,$,u),[C,$,y,u]),R=t(()=>((e,t,a,l)=>{let o=l?g.Info:m.Unknown,n=l?"Loading":ne.Unknown,s=l?"Fetching data...":wt(ne.Unknown);switch(e){case pt.Gateway:o=t?.status?J(t?.status):o,n=t?.status??n,s=t?.status?wt(t.status):s;break;case pt.Node:o=a?.status?J(a?.status):o,n=a?.status??n,s=a?.status?wt(a.status):s}return{status:o,title:n,description:s}})(y,C,$,b),[C,$,y,b]),z=t(()=>((e,t,a,l)=>{switch(e){case pt.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 pt.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===pt.Gateway?C?.manifestYAML:$?.manifestYAML)??"",[C,$,y]),O=t(()=>(y===pt.Gateway?C?.configMapYAML:$?.configMapYAML)??"",[C,$,y]),M=t(()=>y===pt.Gateway?k:I,[k,I,y]);return e.createElement(U,null,e.createElement(mt,{disabled:!p,loading:b,selectedTab:y,setSelectedTab:w,onClickDownloadDiagnose:void 0,onClickRefresh:A}),e.createElement(ie,null,e.createElement(yt,{richTitle:{icon:Te,title:P,badge:T},statusCard:R,textCards:z,manifestYaml:N,configMapYaml:O}),e.createElement(ut,{isLoading:b,tableRowsMaxHeight:n,pods:M,getExtendedPodInfo:d}),!p&&e.createElement(re,{minSupportedVersion:1.12,currentVersion:h||""})))},vt=n.div`
|
|
122
|
+
`,mt=({selectedTab:a,setSelectedTab:l,onClickDownloadDiagnose:o,onClickRefresh:n,loading:s,disabled:i})=>{const c=t(()=>{const e=[];return o&&e.push({id:F(),type:j.Button,buttonProps:{label:"Download Diagnose",leftIcon:Ae,size:E.S,variant:N.Text,onClick:o,disabled:i}}),n&&e.push({id:F(),type:j.Button,buttonProps:{label:"Refresh",leftIcon:ye,size:E.S,variant:N.Text,onClick:n,disabled:i,loading:s}}),e},[o,n,i,s]);return e.createElement(ht,null,e.createElement(r,{$gap:12},e.createElement(r,{$gap:8},e.createElement(Pe,{size:32}),e.createElement(d,{size:u.M,weight:500},"Pipeline Collectors")),e.createElement(te,{options:gt,selected:a,setSelected:l,disabled:i})),e.createElement(ae,{actions:c}))},bt=({isOpen:t,onClose:a,title:l,yaml:o})=>e.createElement(S,{isOpen:t,header:{icon:Te,title:l,onClose:a}},e.createElement(ee,{yaml:o,defaultOpen:!0}));var ft;!function(e){e.ManifestYaml="manifest-yaml",e.ConfigMapYaml="configmap-yaml"}(ft||(ft={}));const yt=({richTitle:t,statusCard:l,textCards:o,manifestYaml:n,configMapYaml:s})=>{const[i,c]=a(null);return e.createElement(H,{richTitle:t,actions:[{id:F(),type:j.ButtonDropData,buttonProps:{variant:N.Secondary,size:E.S,label:"View YAML",onClick:e=>c(e)},dropDataProps:{items:[{id:ft.ManifestYaml,label:t.title,icon:Re},{id:ft.ConfigMapYaml,label:"ConfigMap",icon:Re}]}}]},e.createElement(r,{$gap:16},e.createElement(le,{...l}),o.map(t=>e.createElement(oe,{key:t.title,...t}))),e.createElement(bt,{isOpen:i===ft.ManifestYaml,onClose:()=>c(null),title:t.title,yaml:n}),e.createElement(bt,{isOpen:i===ft.ConfigMapYaml,onClose:()=>c(null),title:"ConfigMap",yaml:s}))},wt=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"}},Ct=({tableRowsMaxHeight:n,getGatewayInfo:s,getGatewayPods:i,getNodeCollectorInfo:r,getNodeCollectorPods:c,getExtendedPodInfo:d})=>{const{formatTimeAgo:u}=W(),{isVersionSupported:p,version:h}=se(1.12),[b,f]=a(!1),[y,w]=a(pt.Gateway),[C,v]=a(null),[k,x]=a([]),[$,S]=a(null),[I,D]=a([]),A=o(async()=>{f(!0);try{switch(y){case pt.Gateway:v(await s()??null),x(await i()??[]);break;case pt.Node:S(await r()??null),D(await c()??[])}}catch(e){}f(!1)},[y]);l(()=>{A()},[A]);const P=t(()=>(e=>{switch(e){case pt.Gateway:return"Deployment";case pt.Node:return"DaemonSet";default:return"Pipeline Collectors"}})(y),[y]),T=t(()=>((e,t,a,l)=>{const o={status:m.Disabled,label:"No rollouts yet"};let n=!1,s=null;switch(e){case pt.Gateway:n=t?.rolloutInProgress??!1,s=t?.lastRolloutAt??null;break;case pt.Node:n=a?.rolloutInProgress??!1,s=a?.lastRolloutAt??null;break;default:return o}return n?{status:g.Info,label:"Rollout in progress",rightIcon:ye,useSecondaryTone:!0}:s?{status:m.Disabled,label:`Last Rollout: ${l(s)}`}:o})(y,C,$,u),[C,$,y,u]),R=t(()=>((e,t,a,l)=>{let o=l?g.Info:m.Unknown,n=l?"Loading":ne.Unknown,s=l?"Fetching data...":wt(ne.Unknown);switch(e){case pt.Gateway:o=t?.status?J(t?.status):o,n=t?.status??n,s=t?.status?wt(t.status):s;break;case pt.Node:o=a?.status?J(a?.status):o,n=a?.status??n,s=a?.status?wt(a.status):s}return{status:o,title:n,description:s}})(y,C,$,b),[C,$,y,b]),z=t(()=>((e,t,a,l)=>{switch(e){case pt.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 pt.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===pt.Gateway?C?.manifestYAML:$?.manifestYAML)??"",[C,$,y]),O=t(()=>(y===pt.Gateway?C?.configMapYAML:$?.configMapYAML)??"",[C,$,y]),M=t(()=>y===pt.Gateway?k:I,[k,I,y]);return e.createElement(U,null,e.createElement(mt,{disabled:!p,loading:b,selectedTab:y,setSelectedTab:w,onClickDownloadDiagnose:void 0,onClickRefresh:A}),e.createElement(ie,null,e.createElement(yt,{richTitle:{icon:Te,title:P,badge:T},statusCard:R,textCards:z,manifestYaml:N,configMapYaml:O}),e.createElement(ut,{isLoading:b,tableRowsMaxHeight:n,pods:M,getExtendedPodInfo:d}),!p&&e.createElement(re,{minSupportedVersion:1.12,currentVersion:h||""})))},vt=n.div`
|
|
123
123
|
display: flex;
|
|
124
124
|
align-items: center;
|
|
125
125
|
justify-content: center;
|
package/lib/containers.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e,{useState as t,useEffect as a,forwardRef as i,useRef as n,useImperativeHandle as o,useMemo as l,Fragment as r,useCallback as s,Children as c}from"react";import d,{css as u,useTheme as p}from"styled-components";import{a5 as m,a6 as h,a7 as g,a8 as y,a9 as v,aa as b,ab as f,ac as x,ad as S,ae as $,af as k,ag as C,ah as w,ai as D,aj as T,ak as N,al as E,J as O,am as A,an as F,ao as I,ap as M,aq as R,ar as L,as as P,at as j,au as K,av as q,aw as H,E as z,a2 as V,ax as B,ay as W,az as _,aA as J,aB as U,aC as G,aD as Y,F as X,aE as Z,aF as Q,aG as ee,aH as te,aI as ae,S as ie,aJ as ne,aK as oe,aL as le,aM as re,aN as se,a as ce,aO as de,c as ue,aP as pe,aQ as me,aR as he,aS as ge,aT as ye,aU as ve,aV as be,aW as fe,aX as xe,aY as Se,aZ as $e,a_ as ke,a$ as Ce,j as we,N as De,b0 as Te,b1 as Ne,b2 as Ee,b3 as Oe,r as Ae,b4 as Fe,b5 as Ie,$ as Me,b6 as Re,b7 as Le,b8 as Pe,b9 as je,ba as Ke,bb as qe,bc as He,g as ze,P as Ve,bd as Be,u as We,be as _e,bf as Je,bg as Ue,bh as Ge,bi as Ye,bj as Xe,bk as Ze,bl as Qe,bm as et,bn as tt,bo as at,bp as it,bq as nt,br as ot,bs as lt,bt as rt,bu as st,bv as ct,bw as dt,D as ut,bx as pt,by as mt,bz as ht,bA as gt,bB as yt,bC as vt,bD as bt,bE as ft,bF as xt,bG as St,bH as $t,bI as kt,bJ as Ct,h as wt,bK as Dt,bL as Tt,bM as Nt,bN as Et,bO as Ot,bP as At,bQ as Ft,bR as It,bS as Mt,bT as Rt,bU as Lt,bV as Pt,bW as jt,bX as Kt,bY as qt,bZ as Ht,b_ as zt,s as Vt,b$ as Bt,c0 as Wt,c1 as _t,c2 as Jt,c3 as Ut,c4 as Gt,c5 as Yt,c6 as Xt,c7 as Zt,c8 as Qt,c9 as ea,Y as ta,ca as aa,t as ia,cb as na,cc as oa,cd as la,ce as ra,cf as sa,cg as ca,ch as da,ci as ua,cj as pa,ck as ma,cl as ha,q as ga,cm as ya,cn as va,co as ba,cp as fa,cq as xa,cr as Sa,cs as $a}from"./chunks/ui-components-
|
|
1
|
+
import e,{useState as t,useEffect as a,forwardRef as i,useRef as n,useImperativeHandle as o,useMemo as l,Fragment as r,useCallback as s,Children as c}from"react";import d,{css as u,useTheme as p}from"styled-components";import{a5 as m,a6 as h,a7 as g,a8 as y,a9 as v,aa as b,ab as f,ac as x,ad as S,ae as $,af as k,ag as C,ah as w,ai as D,aj as T,ak as N,al as E,J as O,am as A,an as F,ao as I,ap as M,aq as R,ar as L,as as P,at as j,au as K,av as q,aw as H,E as z,a2 as V,ax as B,ay as W,az as _,aA as J,aB as U,aC as G,aD as Y,F as X,aE as Z,aF as Q,aG as ee,aH as te,aI as ae,S as ie,aJ as ne,aK as oe,aL as le,aM as re,aN as se,a as ce,aO as de,c as ue,aP as pe,aQ as me,aR as he,aS as ge,aT as ye,aU as ve,aV as be,aW as fe,aX as xe,aY as Se,aZ as $e,a_ as ke,a$ as Ce,j as we,N as De,b0 as Te,b1 as Ne,b2 as Ee,b3 as Oe,r as Ae,b4 as Fe,b5 as Ie,$ as Me,b6 as Re,b7 as Le,b8 as Pe,b9 as je,ba as Ke,bb as qe,bc as He,g as ze,P as Ve,bd as Be,u as We,be as _e,bf as Je,bg as Ue,bh as Ge,bi as Ye,bj as Xe,bk as Ze,bl as Qe,bm as et,bn as tt,bo as at,bp as it,bq as nt,br as ot,bs as lt,bt as rt,bu as st,bv as ct,bw as dt,D as ut,bx as pt,by as mt,bz as ht,bA as gt,bB as yt,bC as vt,bD as bt,bE as ft,bF as xt,bG as St,bH as $t,bI as kt,bJ as Ct,h as wt,bK as Dt,bL as Tt,bM as Nt,bN as Et,bO as Ot,bP as At,bQ as Ft,bR as It,bS as Mt,bT as Rt,bU as Lt,bV as Pt,bW as jt,bX as Kt,bY as qt,bZ as Ht,b_ as zt,s as Vt,b$ as Bt,c0 as Wt,c1 as _t,c2 as Jt,c3 as Ut,c4 as Gt,c5 as Yt,c6 as Xt,c7 as Zt,c8 as Qt,c9 as ea,Y as ta,ca as aa,t as ia,cb as na,cc as oa,cd as la,ce as ra,cf as sa,cg as ca,ch as da,ci as ua,cj as pa,ck as ma,cl as ha,q as ga,cm as ya,cn as va,co as ba,cp as fa,cq as xa,cr as Sa,cs as $a}from"./chunks/ui-components-2aff6067.js";import{VSquareIcon as ka,XSquareIcon as Ca,EditIcon as wa,TrashIcon as Da,OdigosLogoText as Ta,PlusIcon as Na,RefreshIcon as Ea,SearchIcon as Oa,FilterIcon as Aa,DataStreamIcon as Fa,VIcon as Ia,OdigosLogo as Ma,ArrowIcon as Ra,RefreshLeftArrowIcon as La,NotificationIcon as Pa,UserIcon as ja,ImageErrorIcon as Ka,OverviewIcon as qa,InstrumentationRuleIcon as Ha,ActionIcon as za,SourceIcon as Va,DestinationIcon as Ba,SlackLogo as Wa,KeyIcon as _a,TerminalIcon as Ja,ExclamationTriangleIcon as Ua,TraceViewIcon as Ga}from"./icons.js";import{MarkerType as Ya,useNodesState as Xa,useEdgesState as Za,applyNodeChanges as Qa}from"@xyflow/react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-0965fadc.js";import"react-dom";import"react-error-boundary";import"lottie-react";import"prism-react-renderer";const ei=e=>{const{type:t,name:a,notes:i,signals:n,disabled:o,fields:{collectContainerAttributes:l,collectReplicaSetAttributes:r,collectWorkloadId:s,collectClusterId:c,labelsAttributes:d,annotationsAttributes:u,clusterAttributes:p,overwriteExistingValues:v,attributeNamesToDelete:b,renames:f,piiCategories:x,fallbackSamplingRatio:S,samplingPercentage:$,endpointsFilters:k,servicesNameFilters:C,attributeFilters:w}}=e,D=[{title:m.TYPE,value:t},{type:h.ActiveStatus,title:m.STATUS,value:String(!o)},{type:h.Monitors,title:m.SIGNALS_FOR_PROCESSING,value:n?.map(e=>e.toLowerCase()).join(", ")||""},{title:m.NAME,value:a||""},{title:m.NOTES,value:i||""},{type:h.Divider}];if(t===g.K8sAttributes&&(D.push({title:"Collect Container Attributes",value:String(l)}),D.push({title:"Collect ReplicaSet Attributes",value:String(r)}),D.push({title:"Collect Workload ID",value:String(s)}),D.push({title:"Collect Cluster ID",value:String(c)}),d?.length&&D.push({type:h.Divider}),d?.forEach(({labelKey:e,attributeKey:t,from:a,fromSources:i},n)=>{let o="";o+=`Label Key: ${e}\n`,o+=`Attribute Key: ${t}\n`,o+=`From: ${i?.length?i.join(", "):a||y.Pod}\n`,D.push({title:"Label"+(d.length>1?` #${n+1}`:""),value:o})}),u?.length&&D.push({type:h.Divider}),u?.forEach(({annotationKey:e,attributeKey:t,from:a,fromSources:i},n)=>{let o="";o+=`Annotation Key: ${e}\n`,o+=`Attribute Key: ${t}\n`,o+=`From: ${i?.length?i.join(", "):a||y.Pod}\n`,D.push({title:"Annotation"+(u.length>1?` #${n+1}`:""),value:o})})),t===g.AddClusterInfo){D.push({title:"Overwrite Existing Values",value:String(v||!1)});let e="";p?.forEach(({attributeName:t,attributeStringValue:a},i)=>{e+=`${t}: ${a}`,i<p.length-1&&(e+=", ")}),D.push({title:"Attributes",value:e})}if(t===g.DeleteAttributes){let e="";b?.forEach((t,a)=>{e+=t,a<b.length-1&&(e+=", ")}),D.push({title:"Attributes",value:e})}if(t===g.RenameAttributes){let e="";const t=Object.entries(f||{});t.forEach(([a,i],n)=>{e+=`${a}: ${i}`,n<t.length-1&&(e+=", ")}),D.push({title:"Attributes",value:e})}if(t===g.PiiMasking){let e="";x?.forEach((t,a)=>{e+=t,a<x.length-1&&(e+=", ")}),D.push({title:"Categories",value:e})}return t===g.ErrorSampler&&D.push({title:"Sampling Ratio",value:String(S)}),t===g.ProbabilisticSampler&&D.push({title:"Sampling Percentage",value:String($)}),t===g.LatencySampler&&k?.forEach(({serviceName:e,httpRoute:t,minimumLatencyThreshold:a,fallbackSamplingRatio:i},n)=>{let o="";o+=`Service Name: ${e}\n`,o+=`HTTP Route: ${t}\n`,o+=`Min. Latency: ${a}\n`,o+=`Fallback Sampling Ratio: ${i}`,D.push({title:"Endpoint"+(k.length>1?` #${n+1}`:""),value:o})}),t===g.ServiceNameSampler&&C?.forEach(({serviceName:e,samplingRatio:t,fallbackSamplingRatio:a},i)=>{let n="";n+=`Service Name: ${e}\n`,n+=`Sampling Ratio: ${t}\n`,n+=`Fallback Sampling Ratio: ${a}`,D.push({title:"Filter"+(C.length>1?` #${i+1}`:""),value:n})}),t===g.SpanAttributeSampler&&w?.forEach(({serviceName:e,attributeKey:t,fallbackSamplingRatio:a,condition:i},n)=>{let o="";o+=`Service Name: ${e}\n`,o+=`Attribute Key: ${t}\n`,o+=`Fallback Sampling Ratio: ${a}\n`;const l=Object.keys(i)[0];o+=`Condition: ${l}\n`,o+=`Operation: ${i[l]?.operation}\n`,o+=`Expected Value: ${i[l]?.expectedValue}`,"jsonCondition"===l&&(o+=`\nJSON Path: ${i[l].jsonPath}`),D.push({title:"Filter"+(w.length>1?` #${n+1}`:""),value:o})}),D},ti=x.PiiCategories,ai=d.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: row;
|
|
4
4
|
gap: 32px;
|
|
@@ -479,7 +479,7 @@ import e,{useState as t,useEffect as a,forwardRef as i,useRef as n,useImperative
|
|
|
479
479
|
display: flex;
|
|
480
480
|
flex-direction: column;
|
|
481
481
|
gap: 12px;
|
|
482
|
-
`,Pl=({persistSources:i,updateSource:o,restartWorkloads:r,fetchSourceById:s,fetchSourceDescribe:c,fetchSourceLibraries:d,restartPod:u})=>{const{isVm:p}=Me(),{sources:h}=V(),{selectedStreamName:g}=We(),{drawerType:y,drawerEntityId:v}=L(),b=l(()=>Ue(h,g),[h,g]),f=n(null),x=y===z.Source,[S,$]=t(!1),[k,C]=t(!1),[w,D]=t(Fl.Overview),[T,N]=t(null);a(()=>{x&&v&&s(v).then(e=>N(e||null))},[x,v]);const{formData:O,handleFormChange:A,resetFormData:F,loadFormWithDrawerItem:I}=la(),M=l(()=>{if(v)return T&&JSON.stringify(zt(T))===JSON.stringify(zt(v))?T:b?.find(e=>JSON.stringify(zt(e))===JSON.stringify(zt(v)))},[v,b,T]);a(()=>{x&&M?I(M):F()},[x,M]);const R=l(()=>{const e=M?.conditions?.find(({type:e})=>"RuntimeDetection"===e);return{description:e?.message,isLoading:e?.status===pe.Loading,containers:M?.containers||[]}},[M]),P=l(()=>{const e=[{label:Fl.Overview,onClick:()=>D(Fl.Overview),selected:w===Fl.Overview}];return p||(Il.includes(M?.kind)&&e.push({label:Fl.Pods,onClick:()=>D(Fl.Pods),selected:w===Fl.Pods}),M?.containers?.some(({language:e})=>Ml.includes(e))&&e.push({label:Fl.Libraries,onClick:()=>D(Fl.Libraries),selected:w===Fl.Libraries})),e},[w,M,p]);return M?e.createElement($i,{ref:f,onClose:()=>{D(Fl.Overview),N(null)},title:M.otelServiceName||M.name,titleTooltip:"This attribute is used to identify the name of the service (service.name) that is generating telemetry data.",hideEditTitleFromEdit:!0,icons:qe(M.containers),isEdit:S,isFormDirty:k,onEdit:w===Fl.Overview?e=>{$("boolean"!=typeof e||e)}:void 0,onSave:async()=>{const e=O.otelServiceName!==M.name?O.otelServiceName:"";A("otelServiceName",e),await o(v,{...O,otelServiceName:e}),N(null),C(!1),$(!1)},onDelete:w===Fl.Overview?async()=>{const{namespace:e}=M;i({[e]:[{...M,selected:!1,currentStreamName:g}]},{}),N(null),C(!1),$(!1),f.current?.closeDrawer()}:void 0,onCancel:()=>{C(!1),$(!1),A("otelServiceName",M.otelServiceName||M.name||"")},isLastItem:1===b.length,tabs:P,headerActionButtons:p?[]:[{"data-id":"rollout-restart",variant:"tertiary",onClick:()=>r([v]),children:e.createElement(e.Fragment,null,e.createElement(La,null),e.createElement(E,{size:14,family:"secondary",decoration:"underline"},"Restart"))}]},w===Fl.Overview?S?e.createElement(Rl,null,e.createElement(Tl,{formData:O,handleFormChange:(...e)=>{C(!0),A(...e),A("currentStreamName",g)}})):e.createElement(Ll,null,e.createElement(Nl,{workloadOdigosHealthStatus:M.workloadOdigosHealthStatus}),e.createElement(U,{conditions:M.conditions||[]}),e.createElement(G,{title:m.SOURCE_DETAILS,data:M?wl(M,p):[]}),e.createElement(G,{title:p?m.DETECTED_PROCESSES:m.DETECTED_CONTAINERS,titleBadge:R.isLoading?pe.Loading:R.containers.length,description:R.description||(p?m.DETECTED_PROCESSES_DESCRIPTION:m.DETECTED_CONTAINERS_DESCRIPTION)},R.containers.map(t=>e.createElement(ra,{key:`source-container-${t.containerName}`,...t,callbackRuntimeOverride:e=>o(v,e)}))),e.createElement(ta,{yaml:M.manifestYAML})):w===Fl.Pods?e.createElement(El,{source:M,fetchSourceDescribe:c,restartPod:u}):e.createElement(Al,{source:M,fetchSourceLibraries:d})):null},jl=d.div`
|
|
482
|
+
`,Pl=({persistSources:i,updateSource:o,restartWorkloads:r,fetchSourceById:s,fetchSourceDescribe:c,fetchSourceLibraries:d,restartPod:u})=>{const{isVm:p}=Me(),{sources:h}=V(),{selectedStreamName:g}=We(),{drawerType:y,drawerEntityId:v}=L(),b=l(()=>Ue(h,g),[h,g]),f=n(null),x=y===z.Source,[S,$]=t(!1),[k,C]=t(!1),[w,D]=t(Fl.Overview),[T,N]=t(null);a(()=>{x&&v&&s(v).then(e=>N(e||null))},[x,v]);const{formData:O,handleFormChange:A,resetFormData:F,loadFormWithDrawerItem:I}=la(),M=l(()=>{if(v)return T&&JSON.stringify(zt(T))===JSON.stringify(zt(v))?T:b?.find(e=>JSON.stringify(zt(e))===JSON.stringify(zt(v)))},[v,b,T]);a(()=>{x&&M?I(M):F()},[x,M]);const R=l(()=>{const e=M?.conditions?.find(({type:e})=>"RuntimeDetection"===e);return{description:e?.message,isLoading:e?.status===pe.Loading,containers:M?.containers||[]}},[M]),P=l(()=>{const e=[{label:Fl.Overview,onClick:()=>D(Fl.Overview),selected:w===Fl.Overview}];return p||(Il.includes(M?.kind)&&e.push({label:Fl.Pods,onClick:()=>D(Fl.Pods),selected:w===Fl.Pods}),M?.containers?.some(({language:e})=>Ml.includes(e))&&e.push({label:Fl.Libraries,onClick:()=>D(Fl.Libraries),selected:w===Fl.Libraries})),e},[w,M,p]);return M?e.createElement($i,{ref:f,onClose:()=>{D(Fl.Overview),N(null)},title:M.otelServiceName||M.name,titleTooltip:"This attribute is used to identify the name of the service (service.name) that is generating telemetry data.",hideEditTitleFromEdit:!0,icons:qe(M.containers),isEdit:S,isFormDirty:k,onEdit:w===Fl.Overview?e=>{$("boolean"!=typeof e||e)}:void 0,onSave:async()=>{const e=O.otelServiceName!==M.name?O.otelServiceName:"";A("otelServiceName",e),await o(v,{...O,otelServiceName:e}),N(null),C(!1),$(!1)},onDelete:w===Fl.Overview?async()=>{const{namespace:e}=M;i({[e]:[{...M,selected:!1,currentStreamName:g}]},{}),N(null),C(!1),$(!1),f.current?.closeDrawer()}:void 0,onCancel:()=>{C(!1),$(!1),A("otelServiceName",M.otelServiceName||M.name||"")},isLastItem:1===b.length,tabs:P,headerActionButtons:p?[]:[{"data-id":"rollout-restart",variant:"tertiary",onClick:()=>r([v]),children:e.createElement(e.Fragment,null,e.createElement(La,null),e.createElement(E,{size:14,family:"secondary",decoration:"underline"},"Restart"))}]},w===Fl.Overview?S?e.createElement(Rl,null,e.createElement(Tl,{formData:O,handleFormChange:(...e)=>{C(!0),A(...e),A("currentStreamName",g)}})):e.createElement(Ll,null,e.createElement(Nl,{workloadOdigosHealthStatus:M.workloadOdigosHealthStatus}),e.createElement(U,{conditions:M.conditions||[]}),e.createElement(G,{title:m.SOURCE_DETAILS,data:M?wl(M,p):[]}),e.createElement(G,{title:p?m.DETECTED_PROCESSES:m.DETECTED_CONTAINERS,titleBadge:R.isLoading?pe.Loading:R.containers.length,description:R.description||(p?m.DETECTED_PROCESSES_DESCRIPTION:m.DETECTED_CONTAINERS_DESCRIPTION)},R.containers.map(t=>e.createElement(ra,{key:`source-container-${t.containerName}`,...t,callbackRuntimeOverride:e=>o(v,e)}))),M.manifestYAML&&e.createElement(ta,{yaml:M.manifestYAML,defaultOpen:!M.instrumentationConfigYAML}),M.instrumentationConfigYAML&&e.createElement(ta,{yaml:M.instrumentationConfigYAML,defaultOpen:!M.manifestYAML})):w===Fl.Pods?e.createElement(El,{source:M,fetchSourceDescribe:c,restartPod:u}):e.createElement(Al,{source:M,fetchSourceLibraries:d})):null},jl=d.div`
|
|
483
483
|
max-width: ${({$fullWidth:e})=>e?"unset":"420px"};
|
|
484
484
|
width: 100%;
|
|
485
485
|
`,Kl=i(({isModal:t,fetchSingleNamespace:a,onClickSummary:i},n)=>{const l=p(),{isVm:r}=Me(),s=da({fetchSingleNamespace:a}),{selectedSources:c,fetchingNamespace:d,selectedAllNamespaces:u,onSelectAllNamespaces:h,getApiSourcesPayload:g,getApiFutureAppsPayload:y,searchText:v,setSearchText:b,searchBy:f,setSearchBy:x,showSelectedOnly:$,setShowSelectedOnly:k,showRunningOnly:C,setShowRunningOnly:D}=s;o(n,()=>({getFormValues:()=>({apps:g(),futureApps:y()})}));const T=Object.values(c).reduce((e,t)=>e+t.filter(e=>e.selected).length,0);return e.createElement(te,{$isNotModal:!t},e.createElement(X,{$gap:12},e.createElement(X,{$gap:24},i&&e.createElement(gt,{onClick:i}),e.createElement(F,{title:m.SELECT_SOURCES,badgeLabel:T,description:m.SELECT_SOURCES_DESCRIPTION}),e.createElement(ce,{$justifyContent:"space-between"},e.createElement(jl,{$fullWidth:r},e.createElement(S,{placeholder:f===z.Source?m.SEARCH_SOURCES:m.SEARCH_NAMESPACES,icon:Oa,value:v,onChange:e=>b(e.target.value.toLowerCase())})),!r&&e.createElement(A,{options:[{label:m.SOURCE,value:z.Source,selectedBgColor:l.text.secondary,selectedTextColor:l.text.primary},{label:m.NAMESPACE,value:z.Namespace,selectedBgColor:l.text.secondary,selectedTextColor:l.text.primary}],selected:f,setSelected:x})),e.createElement(ce,{$gap:36},e.createElement(w,{title:m.SELECT_ALL,initialValue:u,onChange:h,disabled:!!d}),e.createElement(w,{title:m.ONLY_SELECTED,initialValue:$,onChange:k}),e.createElement(w,{title:m.ONLY_RUNNING_INSTANCES,initialValue:C,onChange:D}))),e.createElement(le,null),e.createElement(bl,{isModal:t,...s})))});Kl.displayName=Kl.name;const ql=({fetchSingleNamespace:t,persistSources:a})=>{const{currentModal:i,setCurrentModal:o}=Z(),l=i===z.Source,r=()=>{o("")},s=async()=>{if(c.current){const{apps:e,futureApps:t}=c.current.getFormValues();a(e,t),r()}},c=n(null);return P({key:"Enter",active:l},s),l?e.createElement(Q,{isOpen:l,onClose:r,header:{title:"Add Source"},actionComponent:e.createElement(ee,{buttons:[{label:"DONE",variant:"primary",onClick:s}]})},e.createElement(Kl,{ref:c,isModal:!0,fetchSingleNamespace:t})):null},Hl=e=>{const t=[{key:"checkbox-and-icon",title:""},{key:"name",title:m.NAME,sortable:!0},{key:"kind",title:"Kind",sortable:!0}];return e||t.push({key:"namespace",title:m.NAMESPACE,sortable:!0}),t.push({key:"containers",title:m.DETECTED_CONTAINERS}),t.push({key:"conditions",title:"Conditions"}),t.push({key:"throughput",title:"Throughput",sortable:!0}),t},zl=({metrics:t,maxHeight:a,maxWidth:i})=>{const n=p(),{isVm:o}=Me(),r=he(),{selectedStreamName:c}=We(),{sources:d,sourcesLoading:u}=V(),{setDrawerType:h,setDrawerEntityId:g}=L(),{selectedSources:y,setSelectedSources:v}=Fe(),{progress:f}=ze(),x=l(()=>f[Ve.Instrumenting]||f[Ve.Uninstrumenting]?f[Ve.Instrumenting]?.percentage||f[Ve.Uninstrumenting]?.percentage||0:void 0,[f[Ve.Instrumenting],f[Ve.Uninstrumenting]]),S=l(()=>Ue(d,c),[d,c]),$=l(()=>Fi({instrumentationRules:[],sources:Je(S,r),actions:[],destinations:[],searchText:r.searchText,selectedCategory:z.Source}).searchResults.find(({category:e})=>e===z.Source)?.entities||[],[S,r]),[k,C]=l(()=>{let e=0;return Object.values(y).forEach(t=>{e+=t.length}),[0!==e,e]},[y]),w=s(e=>{if(e){const e={};$.forEach(t=>{const{namespace:a}=t;e[a]?e[a].push(t):e[a]=[t]}),v(e)}else v({})},[$]),D=s(e=>{const{namespace:t,name:a,kind:i}=e,n={...y};n[t]||(n[t]=[]);const o=n[t].findIndex(e=>e.name===a&&e.kind===i);-1===o?n[t].push(e):n[t].splice(o,1),v(n)},[y]),T=l(()=>$.map(a=>{const i=zt(a),o=JSON.stringify(i),{hasErrors:l,hasWarnings:r,hasDisableds:s}=re(a.conditions||[]),c=!!y[i.namespace]?.find(e=>e.namespace===i.namespace&&e.name===i.name&&e.kind===i.kind);return{status:l?ie.Error:r?ie.Warning:void 0,faded:s,onClick:()=>{h(z.Source),g(i)},cells:[{columnKey:"checkbox-and-icon",component:()=>e.createElement(ce,{$gap:16},e.createElement(b,{value:c,onChange:()=>D(a)}),e.createElement(ua,{icons:qe(a.containers),id:o}))},{columnKey:"name",value:ve(a,z.Source,{extended:!0})},{columnKey:"kind",value:a.kind,textColor:n.text.info},{columnKey:"namespace",value:a.namespace,textColor:n.text.info},{columnKey:"throughput",value:Le(Nt(t,z.Source,i).throughput),textColor:n.text.info},{columnKey:"conditions",component:()=>e.createElement(Oi,{conditions:a.conditions||[],id:o})},{columnKey:"containers",component:()=>e.createElement("div",{style:{lineHeight:1}},e.createElement(se,{status:ie.Info,title:pa(a.containers),withBorder:!0}))}]}}),[$,y,t,D]),{badge:N,badgeTooltip:O}=l(()=>$.length!==S.length?{badge:`${$.length}/${S.length}`,badgeTooltip:m.FILTERED_COUNT_TOOLTIP}:{badge:S.length,badgeTooltip:void 0},[$,S]);return e.createElement(fe,{$maxWidth:i},e.createElement(xe,null,e.createElement(b,{partiallyChecked:k&&$?.length!==C,value:k&&$?.length===C,onChange:w,disabled:!$?.length}),e.createElement(Se,{icon:$e(z.Source),title:m.SOURCES,badge:N,badgeTooltip:O,loading:u||"number"==typeof x})),e.createElement(ke,{$maxHeight:a},e.createElement(Ce,{columns:Hl(o),rows:T})),"number"!=typeof x||T.length?T.length?null:e.createElement(we,{style:{marginTop:"2rem"}},e.createElement(De,null)):e.createElement(we,{style:{marginTop:"2rem",gap:"24px"}},e.createElement(Te,{width:420}),e.createElement(ce,{$gap:16},e.createElement(E,{color:n.text.info},f[Ve.Instrumenting]?"Instrumenting":"Uninstrumenting"," workloads..."),e.createElement(Ne,{label:`${x}%`}))))},Vl=({expiresAt:t})=>{const a=O.useTheme(),{formatTimeAgo:i}=Vt(),n=i(t),o=new Date(t).toDateString().split(" ").slice(1).join(" "),l=ma(t,0)?a.text.error:ma(t,6048e5)?a.text.warning:a.text.success;return e.createElement(E,{size:14,color:l},n," (",o,")")},Bl=d.div`
|
package/lib/contexts.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{d8 as OdigosProvider,p as checkVersionSupport,$ as useOdigos}from"./chunks/ui-components-
|
|
1
|
+
export{d8 as OdigosProvider,p as checkVersionSupport,$ as useOdigos}from"./chunks/ui-components-2aff6067.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/functions.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{bI as capitalizeFirstLetter,cL as cleanObjectEmptyStringsValues,bD as compareCondition,h as deepClone,aS as filterActions,bh as filterDestinations,bi as filterDestinationsByStream,bf as filterSources,bg as filterSourcesByStream,cM as flattenObjectKeys,b7 as formatBytes,cp as formatDuration,t as generateId,aA as getActionIcon,aM as getConditionsBooleans,bb as getContainersIcons,cj as getContainersInstrumentedCount,ba as getDestinationIcon,aZ as getEntityIcon,ay as getEntityId,aU as getEntityLabel,cN as getIdFromSseTarget,b9 as getInstrumentationRuleIcon,cO as getMainContainerLanguage,bM as getMetricForEntity,cP as getMonitorIcon,cQ as getPlatformIcon,cR as getPlatformLabel,bV as getProgrammingLanguageIcon,cr as getRecursiveValues,cS as getSseTargetFromId,cT as getStatusColor,K as getStatusFromPodStatus,aQ as getStatusIcon,c5 as getStatusTypeFromOdigosHealth,cU as getValueForRange,b_ as getWorkloadId,bH as getYamlFieldsForDestination,c6 as hasUnhealthyInstances,af as isEmpty,cV as isLegalK8sLabel,ck as isOverTime,cb as isStringABoolean,cW as isTimeElapsed,cX as isValidVersion,aO as mapConditions,bC as mapDestinationFieldsForDisplay,b6 as mapExportedSignals,cY as numbersOnly,cc as parseBooleanFromString,cZ as parseJsonStringToPrettyString,c_ as removeEmptyValuesFromObject,bE as safeJsonParse,c$ as safeJsonStringify,b2 as sleep,bp as splitCamelString,d0 as stringifyNonStringValues,d1 as trimVersion}from"./chunks/ui-components-
|
|
1
|
+
export{bI as capitalizeFirstLetter,cL as cleanObjectEmptyStringsValues,bD as compareCondition,h as deepClone,aS as filterActions,bh as filterDestinations,bi as filterDestinationsByStream,bf as filterSources,bg as filterSourcesByStream,cM as flattenObjectKeys,b7 as formatBytes,cp as formatDuration,t as generateId,aA as getActionIcon,aM as getConditionsBooleans,bb as getContainersIcons,cj as getContainersInstrumentedCount,ba as getDestinationIcon,aZ as getEntityIcon,ay as getEntityId,aU as getEntityLabel,cN as getIdFromSseTarget,b9 as getInstrumentationRuleIcon,cO as getMainContainerLanguage,bM as getMetricForEntity,cP as getMonitorIcon,cQ as getPlatformIcon,cR as getPlatformLabel,bV as getProgrammingLanguageIcon,cr as getRecursiveValues,cS as getSseTargetFromId,cT as getStatusColor,K as getStatusFromPodStatus,aQ as getStatusIcon,c5 as getStatusTypeFromOdigosHealth,cU as getValueForRange,b_ as getWorkloadId,bH as getYamlFieldsForDestination,c6 as hasUnhealthyInstances,af as isEmpty,cV as isLegalK8sLabel,ck as isOverTime,cb as isStringABoolean,cW as isTimeElapsed,cX as isValidVersion,aO as mapConditions,bC as mapDestinationFieldsForDisplay,b6 as mapExportedSignals,cY as numbersOnly,cc as parseBooleanFromString,cZ as parseJsonStringToPrettyString,c_ as removeEmptyValuesFromObject,bE as safeJsonParse,c$ as safeJsonStringify,b2 as sleep,bp as splitCamelString,d0 as stringifyNonStringValues,d1 as trimVersion}from"./chunks/ui-components-2aff6067.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/hooks.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{ax as useActionFormData,d6 as useBodyScroll,bj as useClickNode,b$ as useClickNotification,be as useContainerSize,cl as useCopy,bv as useDataStreamFormData,bG as useDestinationFormData,q as useGenericForm,d7 as useInfiniteScroll,bX as useInstrumentationRuleFormData,as as useKeyDown,bo as useOnClickOutside,bk as usePopup,bu as useSessionStorage,cd as useSourceFormData,ch as useSourceSelectionFormData,s as useTimeAgo}from"./chunks/ui-components-
|
|
1
|
+
export{ax as useActionFormData,d6 as useBodyScroll,bj as useClickNode,b$ as useClickNotification,be as useContainerSize,cl as useCopy,bv as useDataStreamFormData,bG as useDestinationFormData,q as useGenericForm,d7 as useInfiniteScroll,bX as useInstrumentationRuleFormData,as as useKeyDown,bo as useOnClickOutside,bk as usePopup,bu as useSessionStorage,cd as useSourceFormData,ch as useSourceSelectionFormData,s as useTimeAgo}from"./chunks/ui-components-2aff6067.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/snippets.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{bz as AddButton,c7 as CopyText,c3 as EditButton,c1 as Flow,d9 as MapItemNode,da as NoDataNode,bA as NoteBackToSummary,c9 as PodContainer,ce as SourceContainer}from"./chunks/ui-components-
|
|
1
|
+
export{bz as AddButton,c7 as CopyText,c3 as EditButton,c1 as Flow,d9 as MapItemNode,da as NoDataNode,bA as NoteBackToSummary,c9 as PodContainer,ce as SourceContainer}from"./chunks/ui-components-2aff6067.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/store.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{P as ProgressKeys,d5 as useActiveNodeStore,co as useDarkMode,u as useDataStreamStore,ar as useDrawerStore,a2 as useEntityStore,aR as useFilterStore,aE as useModalStore,bW as useNotificationStore,g as useProgressStore,b4 as useSelectedStore,bw as useSetupStore}from"./chunks/ui-components-
|
|
1
|
+
export{P as ProgressKeys,d5 as useActiveNodeStore,co as useDarkMode,u as useDataStreamStore,ar as useDrawerStore,a2 as useEntityStore,aR as useFilterStore,aE as useModalStore,bW as useNotificationStore,g as useProgressStore,b4 as useSelectedStore,bw as useSetupStore}from"./chunks/ui-components-2aff6067.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{J as default}from"./chunks/ui-components-
|
|
1
|
+
export{J as default}from"./chunks/ui-components-2aff6067.js";import"styled-components";import"./icons.js";import"react";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";
|
|
@@ -33,6 +33,7 @@ export interface Source extends WorkloadId {
|
|
|
33
33
|
workloadOdigosHealthStatus?: DesiredConditionStatus | null;
|
|
34
34
|
podsAgentInjectionStatus?: DesiredConditionStatus | null;
|
|
35
35
|
manifestYAML?: string | null;
|
|
36
|
+
instrumentationConfigYAML?: string | null;
|
|
36
37
|
}
|
|
37
38
|
export interface SourceFormData {
|
|
38
39
|
otelServiceName?: string;
|
package/lib/types.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{ct as ActionCategory,ac as ActionKeyTypes,a7 as ActionType,cF as AddNodeTypes,cw as BooleanOperation,bR as CodeAttributesKeyTypes,aD as Crud,bP as CustomInstrumentationsKeyTypes,bc as DesiredStateProgress,cG as DestinationTypes,cE as EdgeTypes,E as EntityTypes,ak as FieldTypes,bQ as GolangCustomProbe,bN as HeadersCollectionKeyTypes,ae as InputTypes,cB as InstallationMethod,bT as InstrumentationRuleType,cC as IntrumentationStatus,bO as JavaCustomProbe,cx as JsonOperation,a8 as K8sAttributesFrom,cf as K8sResourceKind,cy as ListDirection,c0 as NodeTypes,cv as NumberOperation,cH as OtelDistroName,bB as OtherEntityTypes,aP as OtherStatus,O as OtherStatusType,bS as PayloadCollectionKeyTypes,cA as PlatformType,cK as PodContainerLifecycleStatus,cJ as PodContainerStatus,cI as PodPhase,cD as Profile,cg as ProgrammingLanguages,bF as SignalType,cz as SortDirection,S as StatusType,cu as StringOperation,bZ as Tier,_ as WorkloadRolloutStatus}from"./chunks/ui-components-
|
|
1
|
+
export{ct as ActionCategory,ac as ActionKeyTypes,a7 as ActionType,cF as AddNodeTypes,cw as BooleanOperation,bR as CodeAttributesKeyTypes,aD as Crud,bP as CustomInstrumentationsKeyTypes,bc as DesiredStateProgress,cG as DestinationTypes,cE as EdgeTypes,E as EntityTypes,ak as FieldTypes,bQ as GolangCustomProbe,bN as HeadersCollectionKeyTypes,ae as InputTypes,cB as InstallationMethod,bT as InstrumentationRuleType,cC as IntrumentationStatus,bO as JavaCustomProbe,cx as JsonOperation,a8 as K8sAttributesFrom,cf as K8sResourceKind,cy as ListDirection,c0 as NodeTypes,cv as NumberOperation,cH as OtelDistroName,bB as OtherEntityTypes,aP as OtherStatus,O as OtherStatusType,bS as PayloadCollectionKeyTypes,cA as PlatformType,cK as PodContainerLifecycleStatus,cJ as PodContainerStatus,cI as PodPhase,cD as Profile,cg as ProgrammingLanguages,bF as SignalType,cz as SortDirection,S as StatusType,cu as StringOperation,bZ as Tier,_ as WorkloadRolloutStatus}from"./chunks/ui-components-2aff6067.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/visuals.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{dr as VISUAL_ODIGOS_LOGO_HEIGHT,dq as VISUAL_ODIGOS_LOGO_WIDTH,dp as VisualGreenRings,ds as VisualOdigosLogo}from"./chunks/ui-components-
|
|
1
|
+
export{dr as VISUAL_ODIGOS_LOGO_HEIGHT,dq as VISUAL_ODIGOS_LOGO_WIDTH,dp as VisualGreenRings,ds as VisualOdigosLogo}from"./chunks/ui-components-2aff6067.js";import"./icons.js";import"react";import"styled-components";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";
|