@odigos/ui-kit 0.0.141 → 0.0.143

package/lib/components/_v2/cards/section-card/index.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode, type FC } from 'react';
+import Theme from '@/theme';
 import type { SVG } from '@/types';
 import { type BadgeProps } from '../../badge';
 import { type SearchProps } from '../../search';
@@ -14,6 +15,7 @@ export declare enum SectionCardActionType {
 }
 export interface SectionCardProps {
     size?: SectionCardSize;
+    backgroundWeight?: keyof typeof Theme.palletes.baseTheme.v2.colors.silver;
     icon: SVG;
     title: string;
     withCopyTitle?: boolean;

package/lib/components/_v2/checkbox-list/index.d.ts

@@ -1,20 +1,17 @@
 import { type FC, SetStateAction, Dispatch } from 'react';
+import { ListDirection } from '@/types';
 import { CheckboxProps, CheckboxSize } from '../checkbox';
-export declare enum CheckboxListDirection {
-    HORIZONTAL = "horizontal",
-    VERTICAL = "vertical"
+interface Option extends Pick<CheckboxProps, 'label'> {
+    id: string;
 }
 interface Values {
     [key: string]: boolean;
 }
-interface Option extends Pick<CheckboxProps, 'label'> {
-    id: string;
-}
 export interface CheckboxListProps {
-    label?: string;
+    direction?: ListDirection;
+    title?: string;
     size?: CheckboxSize;
     disabled?: boolean;
-    direction?: CheckboxListDirection;
     withSelectAll?: boolean;
     options: Option[];
     values: Values;

package/lib/components/_v2/index.d.ts

@@ -22,4 +22,5 @@ export * from './segment';
 export * from './table';
 export * from './tag';
 export * from './toggle';
+export * from './toggle-list';
 export * from './typography';

package/lib/components/_v2/search/index.d.ts

@@ -1,7 +1,8 @@
-import { type FC } from 'react';
+import { type FC, CSSProperties } from 'react';
 export interface SearchProps {
     placeholder?: string;
     value: string;
     onChange: (value: string) => void;
+    width?: CSSProperties['width'];
 }
 export declare const Search: FC<SearchProps>;

package/lib/components/_v2/table/index.d.ts

@@ -1,8 +1,9 @@
 import { type FC } from 'react';
 import { CSSProperties } from 'styled-components';
-import type { TableColumn, TableRow, TableRowAction } from './types';
+import { type TableColumn, type TableRow, type TableRowAction, TableVariant } from './types';
 export * from './types';
 export interface TableProps {
+    variant: TableVariant;
     maxHeight?: CSSProperties['maxHeight'];
     isLoading?: boolean;
     columns: TableColumn[];

package/lib/components/_v2/table/styled.d.ts

@@ -1,11 +1,14 @@
-import type { CSSProperties } from 'react';
-import type { TableColumn } from './types';
+import { type CSSProperties } from 'react';
+import { type TableColumn, TableVariant } from './types';
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $maxHeight: CSSProperties["maxHeight"];
 }>> & string;
-export declare const TableRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare const TableRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {
+    $variant: TableVariant;
+}>> & string;
 export declare const THead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
 export declare const Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
+    $variant: TableVariant;
     $minWidth?: TableColumn["minWidth"];
     $isFirst: boolean;
     $isLast: boolean;
@@ -13,6 +16,7 @@ export declare const Th: import("styled-components/dist/types").IStyledComponent
 export declare const ThBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
 export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
+    $variant: TableVariant;
     $withClick: boolean;
     $hovered: boolean;
     $selected: boolean;

package/lib/components/_v2/table/table-columns/index.d.ts

@@ -1,7 +1,8 @@
 import { type FC } from 'react';
 import { SortDirection } from '@/types';
-import type { TableColumn } from '../types';
+import { type TableColumn, TableVariant } from '../types';
 interface TableColumnsProps {
+    variant: TableVariant;
     columns: TableColumn[];
     sortDirection: SortDirection;
     sortByKey: string;

package/lib/components/_v2/table/table-rows/index.d.ts

@@ -1,6 +1,7 @@
 import { type FC, type CSSProperties } from 'react';
-import type { TableColumn, TableRow, TableRowAction } from '../types';
+import type { TableColumn, TableRow, TableRowAction, TableVariant } from '../types';
 interface TableRowsProps {
+    variant: TableVariant;
     columns: TableColumn[];
     rows: TableRow[];
     getRowActions: (row: TableRow) => TableRowAction[];

package/lib/components/_v2/table/types.d.ts

@@ -1,5 +1,9 @@
 import { type CSSProperties, type FC } from 'react';
 import { type ButtonProps } from '../button';
+export declare enum TableVariant {
+    Data = "data",
+    Pretty = "pretty"
+}
 export interface TableColumn {
     key: string;
     label: string;

package/lib/components/_v2/toggle/index.d.ts

@@ -8,14 +8,23 @@ export declare enum ToggleSize {
     S = "small",
     L = "large"
 }
+export declare enum ToggleLabelAlign {
+    Left = "left",
+    Right = "right"
+}
 export interface ToggleProps {
     variant?: ToggleVariant;
     size?: ToggleSize;
+    label?: string;
+    labelAlign?: ToggleLabelAlign;
+    tooltip?: string;
     value: boolean;
     onChange: (value: boolean) => void;
     disabled?: boolean;
     withIcon?: boolean;
     onIcon?: SVG;
     offIcon?: SVG;
+    onBgColor?: string;
+    offBgColor?: string;
 }
 export declare const Toggle: FC<ToggleProps>;

package/lib/components/_v2/toggle-list/index.d.ts

@@ -0,0 +1,20 @@
+import { type Dispatch, type SetStateAction, type FC } from 'react';
+import { ListDirection } from '@/types';
+import { type ToggleProps, ToggleSize } from '../toggle';
+interface Option extends Omit<ToggleProps, 'size' | 'disabled' | 'value' | 'onChange'> {
+    id: string;
+}
+interface Values {
+    [key: string]: boolean;
+}
+export interface ToggleListProps {
+    direction?: ListDirection;
+    title?: string;
+    size?: ToggleSize;
+    disabled?: boolean;
+    options: Option[];
+    values: Values;
+    setValues: Dispatch<SetStateAction<Values>>;
+}
+export declare const ToggleList: FC<ToggleListProps>;
+export {};

package/lib/components/v2.js

@@ -1 +1 @@
-export{B as Badge,f as Button,l as ButtonSize,d4 as ButtonTab,d5 as ButtonTabList,g as ButtonVariants,C as Checkbox,d9 as CheckboxList,d8 as CheckboxListDirection,d7 as CheckboxSize,v as CliCommand,t as DataCard,D as Drawer,da as DropData,db as Header,I as IconButton,c7 as IconButtonSize,dc as Input,L as Loader,dd as Modal,de as Navbar,df as Note,dh as Radio,dj as RadioGroup,di as RadioGroupDirection,dg as RadioSize,S as Search,i as SectionCard,k as SectionCardActionType,d6 as SectionCardSize,y as Segment,z as StatusCard,m as Table,dk as Tag,A as TextCard,c as Toggle,d as ToggleSize,dl as ToggleVariant,T as Typography,b as TypographySize,dm as TypographyVariants}from"../chunks/ui-components-c3adf029.js";import"../icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"../chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{B as Badge,e as Button,k as ButtonSize,d6 as ButtonTab,d7 as ButtonTabList,f as ButtonVariants,C as Checkbox,da as CheckboxList,d9 as CheckboxSize,v as CliCommand,t as DataCard,D as Drawer,db as DropData,dc as Header,I as IconButton,c8 as IconButtonSize,dd as Input,L as Loader,de as Modal,df as Navbar,dg as Note,di as Radio,dk as RadioGroup,dj as RadioGroupDirection,dh as RadioSize,S as Search,h as SectionCard,j as SectionCardActionType,d8 as SectionCardSize,y as Segment,z as StatusCard,l as Table,m as TableVariant,dl as Tag,A as TextCard,c as Toggle,dn as ToggleLabelAlign,dp as ToggleList,d as ToggleSize,dm as ToggleVariant,T as Typography,b as TypographySize,dq as TypographyVariants}from"../chunks/ui-components-29317e94.js";import"../icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"../chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/components.js

@@ -1 +1 @@
-export{at as AutocompleteInput,aM as Badge,aP as Button,ae as CancelWarning,r as CenterThis,M as Checkbox,w as Code,ak as ConditionDetails,al as DataCard,G as DataCardFieldTypes,bA as DataCardFields,cU as DataFinger,aS as DataTab,ad as DeleteWarning,bX as DescribeRow,au as Divider,a4 as DocsButton,ac as Drawer,cW as DrawerFooter,cV as DrawerHeader,bd as Dropdown,cX as ErrorBoundary,bm as ExtendArrow,s as FadeLoader,Q as FieldError,J as FieldLabel,F as FlexColumn,a as FlexRow,cY as Header,bl as IconButton,c4 as IconGroup,aH as IconTitleBadge,aC as IconWrapped,bT as IconsNav,cZ as ImageControlled,U as Input,$ as InputList,Y as InputTable,aK as InteractiveTable,_ as KeyValueInputsList,aO as LoadingText,ao as Modal,aq as ModalBody,a5 as MonitorsCheckboxes,aE as MonitorsIcons,ap as NavigationButtons,N as NoDataFound,ar as NotificationNote,d3 as Overlay,P as PageContent,b8 as Popup,c8 as PopupForm,cd as ScrollX,aW as ScrollY,a3 as SectionTitle,a2 as Segment,b9 as SelectionButton,a_ as SkeletonLoader,aw as Status,bz as Stepper,c_ as TabList,aF as TableContainer,aG as TableTitleWrap,aJ as TableWrap,bJ as Tag,a1 as Text,a6 as TextArea,Z as Toggle,cb as ToggleCodeComponent,e as Tooltip,aL as TraceLoader,ba as VerticalScroll,d2 as WarningModal,c$ as getLinksFromText,d0 as getStrongsFromText,d1 as renderText}from"./chunks/ui-components-c3adf029.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{at as AutocompleteInput,aN as Badge,aQ as Button,ae as CancelWarning,r as CenterThis,M as Checkbox,w as Code,ak as ConditionDetails,al as DataCard,G as DataCardFieldTypes,bB as DataCardFields,cW as DataFinger,aT as DataTab,ad as DeleteWarning,bY as DescribeRow,au as Divider,a4 as DocsButton,ac as Drawer,cY as DrawerFooter,cX as DrawerHeader,be as Dropdown,cZ as ErrorBoundary,bn as ExtendArrow,s as FadeLoader,Q as FieldError,J as FieldLabel,F as FlexColumn,a as FlexRow,c_ as Header,bm as IconButton,c5 as IconGroup,aI as IconTitleBadge,aD as IconWrapped,bU as IconsNav,c$ as ImageControlled,U as Input,$ as InputList,Y as InputTable,aL as InteractiveTable,_ as KeyValueInputsList,aP as LoadingText,ao as Modal,aq as ModalBody,a5 as MonitorsCheckboxes,aF as MonitorsIcons,ap as NavigationButtons,N as NoDataFound,ar as NotificationNote,d5 as Overlay,P as PageContent,b9 as Popup,c9 as PopupForm,ce as ScrollX,aX as ScrollY,a3 as SectionTitle,a2 as Segment,ba as SelectionButton,a$ as SkeletonLoader,aw as Status,bA as Stepper,d0 as TabList,aG as TableContainer,aH as TableTitleWrap,aK as TableWrap,bK as Tag,a1 as Text,a6 as TextArea,Z as Toggle,cc as ToggleCodeComponent,ay as Tooltip,aM as TraceLoader,bb as VerticalScroll,d4 as WarningModal,d1 as getLinksFromText,d2 as getStrongsFromText,d3 as renderText}from"./chunks/ui-components-29317e94.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/constants.js

@@ -1 +1 @@
-export{ai as ACTION_OPTIONS,ab as BUTTON_TEXTS,bk as DEFAULT_DATA_STREAM_NAME,bx as DESTINATION_CATEGORIES,be as DISPLAY_LANGUAGES,E as DISPLAY_TITLES,as as FORM_ALERTS,bM as INSTRUMENTATION_RULE_OPTIONS,cN as LANGUAGE_OPTIONS,bf as MONITORS_OPTIONS,bg as STORAGE_KEYS,cO as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-c3adf029.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{ai as ACTION_OPTIONS,ab as BUTTON_TEXTS,bl as DEFAULT_DATA_STREAM_NAME,by as DESTINATION_CATEGORIES,bf as DISPLAY_LANGUAGES,E as DISPLAY_TITLES,as as FORM_ALERTS,bN as INSTRUMENTATION_RULE_OPTIONS,cP as LANGUAGE_OPTIONS,bg as MONITORS_OPTIONS,bh as STORAGE_KEYS,cQ as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-29317e94.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/containers/v2.js

@@ -1,17 +1,17 @@
-import e,{useState as a,useMemo as t,useCallback as l,useEffect as o}from"react";import i,{useTheme as n}from"styled-components";import{F as s,u as r,D as c,S as d,a as u,T as p,b as g,B as b,O as m,C as y,c as C,d as h,e as k,L as f,f as w,g as v,h as x,P as $,i as L,j as P,k as R,l as I,m as A,n as z,o as S,p as M,q as D,r as V,s as N,t as O,I as T,v as j,w as Y,x as F,y as H,N as U,z as E,A as q,W as G}from"../chunks/ui-components-c3adf029.js";import{ConnectionsIcon as W,OdigosLogo as B,RefreshIcon as K,SettingsIcon as J,DeleteIcon as Q,VIcon as X,XIcon as Z,PodIcon as _,ChevronUpIcon as ee,ChevronDownIcon as ae,TerminalIcon as te,YamlIcon as le,CopyIcon as oe,VSquareIcon as ie,XSquareIcon as ne,PipelineCollectorIcon as se,DownloadIcon as re,GatewayIcon as ce}from"../icons.js";import"zustand";import"javascript-time-ago";import"../chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const de="75vw",ue=i.div`
+import e,{useState as t,useMemo as a,useCallback as l,useEffect as o}from"react";import i,{useTheme as n}from"styled-components";import{F as s,u as r,D as d,S as c,a as u,T as g,b as p,B as b,O as m,C as y,c as h,d as f,L as k,e as C,f as w,g as v,P as x,h as $,i as L,j as P,k as R,l as I,m as A,n as S,o as z,p as D,q as M,r as V,s as O,t as N,I as T,v as j,w as Y,x as F,y as H,N as U,z as W,A as E,W as q}from"../chunks/ui-components-29317e94.js";import{ConnectionsIcon as G,OdigosLogo as B,RefreshIcon as K,SettingsIcon as J,DeleteIcon as Q,VIcon as X,XIcon as Z,PodIcon as _,ChevronUpIcon as ee,ChevronDownIcon as te,TerminalIcon as ae,YamlIcon as le,CopyIcon as oe,VSquareIcon as ie,XSquareIcon as ne,PipelineCollectorIcon as se,DownloadIcon as re,GatewayIcon as de}from"../icons.js";import"zustand";import"javascript-time-ago";import"../chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const ce="75vw",ue=i.div`
   display: flex;
   flex-direction: column;
   border-radius: 16px;
   background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
   overflow: hidden;
-`,pe=i.div`
+`,ge=i.div`
   display: flex;
   gap: 12px;
   padding: 16px;
   background-color: ${({theme:e})=>e.v2.colors.silver[900]};
   position: sticky;
   top: 0;
-`,ge=i.div`
+`,pe=i.div`
   display: flex;
   gap: 12px;
   padding: 16px;
@@ -40,13 +40,13 @@ import e,{useState as a,useMemo as t,useCallback as l,useEffect as o}from"react"
   &:hover {
     background-color: ${({theme:e})=>e.v2.colors.silver[800]};
   }
-`,Ce=i.div`
+`,he=i.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 16px;
   padding: 0 24px;
-`,he=({isOpen:l,onClose:o,connections:i,selectedConnectionIds:s,setSelectedConnectionIds:x,onApply:$})=>{const L=n(),[P,R]=a(""),I=t(()=>i.filter(e=>!P||e.name.toLowerCase().includes(P.toLowerCase())),[i,P]),A=s.length>0,z=e=>{x(a=>a.includes(e)?a.filter(a=>a!==e):[...a,e])},[S,M]=a(!1),[D,V]=a(void 0),{formData:N,handleFormChange:O,resetFormData:T}=r({automaticRollout:!0});return e.createElement(c,{isOpen:l,hideOverlay:!0,width:de,header:{icon:W,title:"Cluster Configuration",onClose:o}},e.createElement(ue,null,e.createElement(pe,null,e.createElement(d,{value:P,onChange:R})),e.createElement(ge,null,e.createElement(be,{$width:"40%"},e.createElement(u,{$padding:"0 12px",$justifyContent:"space-between"},e.createElement(u,{$gap:8},e.createElement(p,{size:g.XS},"Clusters"),e.createElement(b,{label:i.length,status:m.Unknown})),e.createElement(u,{$gap:8},e.createElement(p,{size:g.XXXS,color:L.v2.colors.silver[200]},"Selected"),e.createElement(b,{label:`${s.length}/${i.length}`,status:m.Unknown}))),e.createElement(me,{$isFooterOpen:A,$borderRadius:"16px 0 0 16px"},I.map(a=>e.createElement(ye,{key:a.id,onClick:()=>z(a.id)},e.createElement(y,{value:s.includes(a.id),onChange:()=>z(a.id)}),e.createElement(p,{size:g.XS},a.name))))),e.createElement(be,{$width:"60%"},e.createElement(u,{$padding:"2px 12px"},e.createElement(p,{size:g.XS},"Configurations")),e.createElement(me,{$isFooterOpen:A,$borderRadius:"0 16px 16px 0"},e.createElement(u,{$gap:12},e.createElement(p,{size:g.XS},"Automatic Rollout"),e.createElement(C,{size:h.S,value:N.automaticRollout,onChange:e=>O("automaticRollout",e)}),e.createElement(k,{text:"Automatic Rollout",withIcon:!0})))))),A&&e.createElement(Ce,null,S?e.createElement(f,{label:"Applying configurations...",icon:B,withGradient:!0,typographyProps:{size:g.XXS}}):D?e.createElement(p,{size:g.XXS,color:L.v2.colors.red[500]},D):null,e.createElement("div",{style:{width:"150px"}},e.createElement(w,{variant:v.Secondary,label:"Cancel",fullWidth:!0,onClick:()=>{T(),x([])},disabled:S})),e.createElement("div",{style:{width:"150px"}},e.createElement(w,{variant:v.Primary,label:"Apply",fullWidth:!0,onClick:async()=>{M(!0);const{error:e}=await $(s,N);M(!1),e?V(e):o()},disabled:S}))))};var ke;!function(e){e.Id="id",e.Name="name",e.Type="type",e.Status="status",e.OdigosVersion="odigosVersion",e.ConnectedSince="connectedSince",e.LastActivity="lastActivity"}(ke||(ke={}));const fe=[{key:ke.Name,label:"Name",sortable:!0},{key:ke.Type,label:"Type",sortable:!0,textAlign:"right"},{key:ke.Status,label:"Status",sortable:!0},{key:ke.OdigosVersion,label:"Odigos Version",sortable:!0},{key:ke.ConnectedSince,label:"Connected Since",sortable:!0},{key:ke.LastActivity,label:"Last Activity",sortable:!0}],we=({tableRowsMaxHeight:i,connections:n,getConnections:s,onClickConnection:r,deleteConnection:c,applyConfigurations:d})=>{const{formatTimeAgo:u}=x(),[p,g]=a(!1),[y,C]=a(n||[]),[h,k]=a(""),f=l(async()=>{try{g(!0),C(await s()??[])}catch(e){}finally{g(!1)}},[]);o(()=>{y.length||f()},[y.length,f]);const[w,S]=a([]),[M,D]=a(!1),V=t(()=>y.map(a=>({onClick:()=>r(a.id),isSelected:w.includes(a.id),onSelect:()=>S(e=>[...e,a.id]),onDeselect:()=>S(e=>e.filter(e=>e!==a.id)),cells:[{key:ke.Id,rawValue:a.id},{key:ke.Name,rawValue:a.name},{key:ke.Type,rawValue:a.type},{key:ke.Status,rawValue:a.status,component:()=>(a=>{const t=a===z.Success?"Connection live":"Connection lost",l=a===z.Success?X:Z;return e.createElement(b,{status:a,label:t,leftIcon:l})})(a.status)},{key:ke.OdigosVersion,rawValue:a.odigosVersion},{key:ke.ConnectedSince,rawValue:a.connectedAt?u(a.connectedAt):"-"},{key:ke.LastActivity,rawValue:a.lastSeenAt?u(a.lastSeenAt):"-"}]})),[y,w]);return e.createElement($,null,e.createElement(L,{icon:W,title:"Connections",badge:{label:y.length.toString(),status:m.Unknown},search:{placeholder:"Search by cluster name",value:h,onChange:e=>k(e)},actions:[{id:P(),type:R.Button,buttonProps:{variant:v.Secondary,size:I.S,label:"",leftIcon:K,onClick:()=>f(),disabled:p}},{id:P(),type:R.Button,buttonProps:{variant:v.Primary,size:I.S,label:"Configurations",rightIcon:J,onClick:()=>D(!0)}}]},e.createElement(A,{maxHeight:i,isLoading:p,withCheckboxes:!0,columns:fe,rows:V,rowActionsPushRightPosition:M?`calc(${de} - 24px)`:void 0,getRowActions:({cells:e})=>[{id:P(),label:"",leftIcon:J,onClick:()=>{const a=e.find(e=>e.key===ke.Id)?.rawValue;a&&(S([a.toString()]),D(!0))},variant:v.Secondary,size:I.S},{id:P(),label:"",leftIcon:Q,disabled:e.find(e=>e.key===ke.Status)?.rawValue===z.Success,onClick:async()=>{const a=e.find(e=>e.key===ke.Id)?.rawValue;a&&(await c(a.toString()),f())},variant:v.Secondary,size:I.S}]}),e.createElement(he,{isOpen:M,onClose:()=>{S([]),D(!1)},connections:y,selectedConnectionIds:w,setSelectedConnectionIds:S,onApply:d})))},ve=i.div`
+`,fe=({isOpen:l,onClose:o,connections:i,selectedConnectionIds:s,setSelectedConnectionIds:v,onApply:x})=>{const $=n(),[L,P]=t(""),R=a(()=>i.filter(e=>!L||e.name.toLowerCase().includes(L.toLowerCase())),[i,L]),I=s.length>0,A=e=>{v(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[S,z]=t(!1),[D,M]=t(void 0),{formData:V,handleFormChange:O,resetFormData:N}=r({automaticRollout:!0});return e.createElement(d,{isOpen:l,hideOverlay:!0,width:ce,header:{icon:G,title:"Cluster Configuration",onClose:o}},e.createElement(ue,null,e.createElement(ge,null,e.createElement(c,{width:"40%",value:L,onChange:P})),e.createElement(pe,null,e.createElement(be,{$width:"40%"},e.createElement(u,{$padding:"0 12px",$justifyContent:"space-between"},e.createElement(u,{$gap:8},e.createElement(g,{size:p.XS},"Clusters"),e.createElement(b,{label:i.length,status:m.Unknown})),e.createElement(u,{$gap:8},e.createElement(g,{size:p.XXXS,color:$.v2.colors.silver[200]},"Selected"),e.createElement(b,{label:`${s.length}/${i.length}`,status:m.Unknown}))),e.createElement(me,{$isFooterOpen:I,$borderRadius:"16px 0 0 16px"},R.map(t=>e.createElement(ye,{key:t.id,onClick:()=>A(t.id)},e.createElement(y,{value:s.includes(t.id),onChange:()=>A(t.id)}),e.createElement(g,{size:p.XS},t.name))))),e.createElement(be,{$width:"60%"},e.createElement(u,{$padding:"2px 12px"},e.createElement(g,{size:p.XS},"Configurations")),e.createElement(me,{$isFooterOpen:I,$borderRadius:"0 16px 16px 0"},e.createElement(u,{$gap:12},e.createElement(h,{size:f.S,label:"Automatic Rollout "+(V.automaticRollout?"Enabled":"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 enabled, Odigos will proactively restart workloads as needed to apply updated instrumentation. Users do not need to manually trigger rollouts after adding or removing sources. Any new pods created after enabling or disabling the agent (via automatic rollout, autoscaling, etc.) will still have the agent injected, regardless of this setting. When set to false, additional configurations related to automated rollouts or rollbacks take effect.",value:V.automaticRollout,onChange:e=>O("automaticRollout",e)})))))),I&&e.createElement(he,null,S?e.createElement(k,{label:"Applying configurations...",icon:B,withGradient:!0,typographyProps:{size:p.XXS}}):D?e.createElement(g,{size:p.XXS,color:$.v2.colors.red[500]},D):null,e.createElement("div",{style:{width:"150px"}},e.createElement(C,{variant:w.Secondary,label:"Cancel",fullWidth:!0,onClick:()=>{N(),v([])},disabled:S})),e.createElement("div",{style:{width:"150px"}},e.createElement(C,{variant:w.Primary,label:"Apply",fullWidth:!0,onClick:async()=>{z(!0);const{error:e}=await x(s,V);z(!1),e?M(e):o()},disabled:S}))))};var ke;!function(e){e.Id="id",e.Name="name",e.Type="type",e.Status="status",e.OdigosVersion="odigosVersion",e.ConnectedSince="connectedSince",e.LastActivity="lastActivity"}(ke||(ke={}));const Ce=[{key:ke.Name,label:"Name",sortable:!0},{key:ke.Type,label:"Type",sortable:!0,textAlign:"right"},{key:ke.Status,label:"Status",sortable:!0},{key:ke.OdigosVersion,label:"Odigos Version",sortable:!0},{key:ke.ConnectedSince,label:"Connected Since",sortable:!0},{key:ke.LastActivity,label:"Last Activity",sortable:!0}],we=({tableRowsMaxHeight:i,connections:n,getConnections:s,onClickConnection:r,deleteConnection:d,applyConfigurations:c})=>{const{formatTimeAgo:u}=v(),[g,p]=t(!1),[y,h]=t(n||[]),[f,k]=t(""),C=l(async()=>{try{p(!0),h(await s()??[])}catch(e){}finally{p(!1)}},[]);o(()=>{y.length||C()},[y.length,C]);const[z,D]=t([]),[M,V]=t(!1),O=a(()=>y.filter(e=>!f||e.name.toLowerCase().includes(f.toLowerCase())).map(t=>({onClick:()=>r(t.id),isSelected:z.includes(t.id),onSelect:()=>D(e=>[...e,t.id]),onDeselect:()=>D(e=>e.filter(e=>e!==t.id)),cells:[{key:ke.Id,rawValue:t.id},{key:ke.Name,rawValue:t.name},{key:ke.Type,rawValue:t.type},{key:ke.Status,rawValue:t.status,component:()=>(t=>{const a=t===S.Success?"Connection live":"Connection lost",l=t===S.Success?X:Z;return e.createElement(b,{status:t,label:a,leftIcon:l})})(t.status)},{key:ke.OdigosVersion,rawValue:t.odigosVersion},{key:ke.ConnectedSince,rawValue:t.connectedAt?u(t.connectedAt):"-"},{key:ke.LastActivity,rawValue:t.lastSeenAt?u(t.lastSeenAt):"-"}]})),[y,z,f]);return e.createElement(x,null,e.createElement($,{backgroundWeight:"1000",icon:G,title:"Connections",badge:{label:y.length.toString(),status:m.Unknown},search:{placeholder:"Search by cluster name",value:f,onChange:e=>k(e)},actions:[{id:L(),type:P.Button,buttonProps:{variant:w.Secondary,size:R.S,label:"",leftIcon:K,onClick:()=>C(),disabled:g}},{id:L(),type:P.Button,buttonProps:{variant:w.Primary,size:R.S,label:"Configurations",rightIcon:J,onClick:()=>V(!0)}}]},e.createElement(I,{variant:A.Pretty,maxHeight:i,isLoading:g,withCheckboxes:!0,columns:Ce,rows:O,rowActionsPushRightPosition:M?`calc(${ce} - 24px)`:void 0,getRowActions:({cells:e})=>[{id:L(),label:"",leftIcon:J,onClick:()=>{const t=e.find(e=>e.key===ke.Id)?.rawValue;t&&(D([t.toString()]),V(!0))},variant:w.Secondary,size:R.S},{id:L(),label:"",leftIcon:Q,disabled:e.find(e=>e.key===ke.Status)?.rawValue===S.Success,onClick:async()=>{const t=e.find(e=>e.key===ke.Id)?.rawValue;t&&(await d(t.toString()),C())},variant:w.Secondary,size:R.S}]}),e.createElement(fe,{isOpen:M,onClose:()=>{D([]),V(!1)},connections:y,selectedConnectionIds:z,setSelectedConnectionIds:D,onApply:c})))},ve=i.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -59,9 +59,9 @@ import e,{useState as a,useMemo as t,useCallback as l,useEffect as o}from"react"
     background: ${({theme:e})=>e.v2.colors.silver[700]};
   }
 `,xe=i.div`
-  animation-name: ${S.animations.fade.in};
-`,$e=({pod:l,getExtendedPodInfo:i,onClose:n})=>{const{formatTimeAgo:r}=x(),{clickCopy:d,isCopied:u}=M(),[g,b]=a(null),[m,y]=a(!1);o(()=>{l?i(l.namespace,l.name).then(e=>b(e??null)):(b(null),y(!1))},[l]);const C=t(()=>[{id:P(),title:"Node",label:g?.node??"-",withCopy:!0},{id:P(),title:"Status",badge:{status:D(g?.status),label:g?.status??"-"}}],[g]),h=t(()=>g?.containers?.map(e=>({id:P(),items:[{id:P(),title:"Container",label:e.name??"-"},{id:P(),title:"Status",badge:{status:D(e.status),label:e.status??"-"},label:e.startedAt?`(since ${r(e.startedAt)})`:""},{id:P(),title:"Image Version",label:e.image?.split(":")?.[1]??"-"},{id:P(),title:"Image Repository",label:e.image?.split(":")?.[0]??"-"},{id:P(),title:"Restarts",label:e.restarts.toString()},{id:P(),title:"State Reason",label:e.stateReason??"-"},{id:P(),title:"Resource Requests",label:`CPU ${e.resources.requests.cpu} • Memory ${e.resources.requests.memory}`},{id:P(),title:"Resource Limits",label:`CPU ${e.resources.limits.cpu} • Memory ${e.resources.limits.memory}`}]}))||[],[g]);return e.createElement(c,{isOpen:!!l,header:{icon:_,title:"Pod Information",onClose:n}},g?null:e.createElement(V,null,e.createElement(N,null)),g?e.createElement(e.Fragment,null,e.createElement(L,{icon:_,title:g.name,withCopyTitle:!0},e.createElement(s,{$gap:24},e.createElement(O,{cellsPerRow:2,items:C}),h.length>0&&e.createElement(s,{$gap:12},e.createElement(ve,{onClick:()=>y(e=>!e)},e.createElement(p,null,"Containers Overview"),e.createElement(T,{icon:m?ee:ae})),m&&h.map(({id:a,items:t})=>e.createElement(xe,{key:a},e.createElement(O,{cellsPerRow:2,items:t})))))),e.createElement(L,{icon:te,title:"Kubectl Commands"},e.createElement(s,{$gap:12},e.createElement(j,{value:`kubectl get pod ${g.name} -n ${g.namespace} -o yaml`}),e.createElement(j,{value:`kubectl describe pod ${g.name} -n ${g.namespace}`}),e.createElement(j,{value:`kubectl logs ${g.name} -n ${g.namespace}`}))),e.createElement(L,{icon:le,title:"YAML",actions:[{id:P(),type:R.Button,buttonProps:{label:"",leftIcon:u?X:oe,onClick:()=>d(g.manifestYAML),disabled:u,size:I.S,variant:v.Secondary}}]},e.createElement("div",{style:{padding:"0 12px"}},e.createElement(Y,{code:g.manifestYAML,language:"yaml",theme:"duotoneDark"})))):null)};var Le;!function(e){e.PodName="podName",e.Ready="ready",e.Started="started",e.Status="status",e.Restarts="restarts",e.NodeName="nodeName",e.Age="age",e.DockerImage="dockerImage"}(Le||(Le={}));const Pe=[{key:Le.PodName,label:"Pod Name",sortable:!0},{key:Le.Ready,label:"Ready",sortable:!0,textAlign:"right"},{key:Le.Started,label:"Started",sortable:!0,textAlign:"right"},{key:Le.Status,label:"Status",sortable:!0},{key:Le.Restarts,label:"Restarts",sortable:!0,textAlign:"right"},{key:Le.NodeName,label:"Node Name",sortable:!0},{key:Le.Age,label:"Age",sortable:!0,textAlign:"right"},{key:Le.DockerImage,label:"Docker Image",sortable:!0,textAlign:"right"}],Re=({isLoading:l,tableRowsMaxHeight:o,pods:i,getExtendedPodInfo:s})=>{const r=n(),{formatTimeAgo:c}=x(),[d,u]=a(null),p=t(()=>{const a=a=>a?e.createElement(ie,{fill:F(r,z.Success,"500"),size:20}):e.createElement(ne,{fill:F(r,z.Error,"500"),size:20});return i.map(t=>({onClick:()=>u(t),cells:[{key:Le.PodName,rawValue:t.name},{key:Le.Ready,rawValue:t.ready,component:()=>a(t.ready)},{key:Le.Started,rawValue:t.started,component:()=>a(t.started)},{key:Le.Status,rawValue:t.status,component:()=>{return a=t.status,e.createElement(b,{status:D(a),label:a});var a}},{key:Le.Restarts,rawValue:t.restartsCount.toString()},{key:Le.NodeName,rawValue:t.nodeName},{key:Le.Age,rawValue:c(t.creationTimestamp)},{key:Le.DockerImage,rawValue:t.image}]}))},[i,r]);return e.createElement(L,{icon:_,title:"Pods"},e.createElement(A,{maxHeight:o,isLoading:l,columns:Pe,rows:p}),e.createElement($e,{pod:d,getExtendedPodInfo:s,onClose:()=>u(null)}))};var Ie;!function(e){e.Gateway="gateway",e.Node="node"}(Ie||(Ie={}));const Ae=[{value:Ie.Gateway,label:"Gateway"},{value:Ie.Node,label:"Node Collector"}],ze=i.div`
+  animation-name: ${z.animations.fade.in};
+`,$e=({pod:l,getExtendedPodInfo:i,onClose:n})=>{const{formatTimeAgo:r}=v(),{clickCopy:c,isCopied:u}=D(),[p,b]=t(null),[m,y]=t(!1);o(()=>{l?i(l.namespace,l.name).then(e=>b(e??null)):(b(null),y(!1))},[l]);const h=a(()=>[{id:L(),title:"Node",label:p?.node??"-",withCopy:!0},{id:L(),title:"Status",badge:{status:M(p?.status),label:p?.status??"-"}}],[p]),f=a(()=>p?.containers?.map(e=>({id:L(),items:[{id:L(),title:"Container",label:e.name??"-"},{id:L(),title:"Status",badge:{status:M(e.status),label:e.status??"-"},label:e.startedAt?`(since ${r(e.startedAt)})`:""},{id:L(),title:"Image Version",label:e.image?.split(":")?.[1]??"-"},{id:L(),title:"Image Repository",label:e.image?.split(":")?.[0]??"-"},{id:L(),title:"Restarts",label:e.restarts.toString()},{id:L(),title:"State Reason",label:e.stateReason??"-"},{id:L(),title:"Resource Requests",label:`CPU ${e.resources.requests.cpu} • Memory ${e.resources.requests.memory}`},{id:L(),title:"Resource Limits",label:`CPU ${e.resources.limits.cpu} • Memory ${e.resources.limits.memory}`}]}))||[],[p]);return e.createElement(d,{isOpen:!!l,header:{icon:_,title:"Pod Information",onClose:n}},p?null:e.createElement(V,null,e.createElement(O,null)),p?e.createElement(e.Fragment,null,e.createElement($,{icon:_,title:p.name,withCopyTitle:!0},e.createElement(s,{$gap:24},e.createElement(N,{cellsPerRow:2,items:h}),f.length>0&&e.createElement(s,{$gap:12},e.createElement(ve,{onClick:()=>y(e=>!e)},e.createElement(g,null,"Containers Overview"),e.createElement(T,{icon:m?ee:te})),m&&f.map(({id:t,items:a})=>e.createElement(xe,{key:t},e.createElement(N,{cellsPerRow:2,items:a})))))),e.createElement($,{icon:ae,title:"Kubectl Commands"},e.createElement(s,{$gap:12},e.createElement(j,{value:`kubectl get pod ${p.name} -n ${p.namespace} -o yaml`}),e.createElement(j,{value:`kubectl describe pod ${p.name} -n ${p.namespace}`}),e.createElement(j,{value:`kubectl logs ${p.name} -n ${p.namespace}`}))),e.createElement($,{icon:le,title:"YAML",actions:[{id:L(),type:P.Button,buttonProps:{label:"",leftIcon:u?X:oe,onClick:()=>c(p.manifestYAML),disabled:u,size:R.S,variant:w.Secondary}}]},e.createElement("div",{style:{padding:"0 12px"}},e.createElement(Y,{code:p.manifestYAML,language:"yaml",theme:"duotoneDark"})))):null)};var Le;!function(e){e.PodName="podName",e.Ready="ready",e.Started="started",e.Status="status",e.Restarts="restarts",e.NodeName="nodeName",e.Age="age",e.DockerImage="dockerImage"}(Le||(Le={}));const Pe=[{key:Le.PodName,label:"Pod Name",sortable:!0},{key:Le.Ready,label:"Ready",sortable:!0,textAlign:"right"},{key:Le.Started,label:"Started",sortable:!0,textAlign:"right"},{key:Le.Status,label:"Status",sortable:!0},{key:Le.Restarts,label:"Restarts",sortable:!0,textAlign:"right"},{key:Le.NodeName,label:"Node Name",sortable:!0},{key:Le.Age,label:"Age",sortable:!0,textAlign:"right"},{key:Le.DockerImage,label:"Docker Image",sortable:!0,textAlign:"right"}],Re=({isLoading:l,tableRowsMaxHeight:o,pods:i,getExtendedPodInfo:s})=>{const r=n(),{formatTimeAgo:d}=v(),[c,u]=t(null),g=a(()=>{const t=t=>t?e.createElement(ie,{fill:F(r,S.Success,"500"),size:20}):e.createElement(ne,{fill:F(r,S.Error,"500"),size:20});return i.map(a=>({onClick:()=>u(a),cells:[{key:Le.PodName,rawValue:a.name},{key:Le.Ready,rawValue:a.ready,component:()=>t(a.ready)},{key:Le.Started,rawValue:a.started,component:()=>t(a.started)},{key:Le.Status,rawValue:a.status,component:()=>{return t=a.status,e.createElement(b,{status:M(t),label:t});var t}},{key:Le.Restarts,rawValue:a.restartsCount.toString()},{key:Le.NodeName,rawValue:a.nodeName},{key:Le.Age,rawValue:d(a.creationTimestamp)},{key:Le.DockerImage,rawValue:a.image}]}))},[i,r]);return e.createElement($,{icon:_,title:"Pods"},e.createElement(I,{variant:A.Data,maxHeight:o,isLoading:l,columns:Pe,rows:g}),e.createElement($e,{pod:c,getExtendedPodInfo:s,onClose:()=>u(null)}))};var Ie;!function(e){e.Gateway="gateway",e.Node="node"}(Ie||(Ie={}));const Ae=[{value:Ie.Gateway,label:"Gateway"},{value:Ie.Node,label:"Node Collector"}],Se=i.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
-`,Se=({selectedTab:a,setSelectedTab:t,onClickDownloadDiagnose:l,onClickRefresh:o,isLoading:i})=>e.createElement(ze,null,e.createElement(u,{$gap:12},e.createElement(u,{$gap:8},e.createElement(se,{size:32}),e.createElement(p,{size:g.M,weight:500},"Pipeline Collectors")),e.createElement(H,{options:Ae,selected:a,setSelected:t})),e.createElement(u,{$gap:8},l&&e.createElement(w,{label:"Download Diagnose",leftIcon:re,size:I.S,variant:v.Text,onClick:l}),o&&e.createElement(w,{label:"Refresh",leftIcon:K,size:I.S,variant:v.Text,onClick:o,loading:i}))),Me=({isOpen:a,onClose:t,title:l,yaml:o})=>{const{clickCopy:i,isCopied:n}=M();return e.createElement(c,{isOpen:a,header:{icon:ce,title:l,onClose:t}},o?e.createElement(L,{icon:le,title:"YAML",actions:[{id:P(),type:R.Button,buttonProps:{label:"",leftIcon:n?X:oe,onClick:()=>i(o),disabled:n,size:I.S,variant:v.Secondary}}]},e.createElement("div",{style:{padding:"0 12px"}},e.createElement(Y,{code:o,language:"yaml",theme:"duotoneDark"}))):e.createElement(U,{title:"No YAML found",subTitle:"The YAML for this resource is not available"}))};var De;!function(e){e.ManifestYaml="manifest-yaml",e.ConfigMapYaml="configmap-yaml"}(De||(De={}));const Ve=({icon:t,title:l,badge:o,statusCard:i,textCards:n,manifestYaml:s,configMapYaml:r})=>{const[c,d]=a(null);return e.createElement(L,{icon:t,title:l,badge:o,actions:[{id:P(),type:R.ButtonDropData,buttonProps:{variant:v.Secondary,size:I.S,label:"View YAML",onClick:e=>d(e)},dropDataItems:[{id:De.ManifestYaml,label:l,icon:le},{id:De.ConfigMapYaml,label:"ConfigMap",icon:le}]}]},e.createElement(u,{$gap:16},e.createElement(E,{...i}),n.map(a=>e.createElement(q,{key:a.title,...a}))),e.createElement(Me,{isOpen:c===De.ManifestYaml,onClose:()=>d(null),title:l,yaml:s}),e.createElement(Me,{isOpen:c===De.ConfigMapYaml,onClose:()=>d(null),title:"ConfigMap",yaml:r}))},Ne=e=>{switch(e){case G.Healthy:return"All desired replicas are updated, available, and ready";case G.Updating:return"Workload is progressing towards desired state (e.g., updating pods)";case G.Degraded:return"Progressing but with availability issues (e.g., not enough available replicas)";case G.Failed:return"Progress deadline exceeded or an unrecoverable error occurred";case G.Down:return"No available replicas";case G.Unknown:return"Status cannot be determined from current signals";default:return"Status unknown"}},Oe=({tableRowsMaxHeight:i,getGatewayInfo:n,getGatewayPods:s,getNodeCollectorInfo:r,getNodeCollectorPods:c,getExtendedPodInfo:d})=>{const{formatTimeAgo:u}=x(),[p,g]=a(!1),[b,y]=a(Ie.Gateway),[C,h]=a(null),[k,f]=a([]),[w,v]=a(null),[L,P]=a([]),R=l(async()=>{g(!0);try{switch(b){case Ie.Gateway:h(await n()??null),f(await s()??[]);break;case Ie.Node:v(await r()??null),P(await c()??[])}}catch(e){}g(!1)},[b]);o(()=>{R()},[R]);const I=t(()=>(e=>{switch(e){case Ie.Gateway:return"Deployment";case Ie.Node:return"DaemonSet";default:return"Pipeline Collectors"}})(b),[b]),A=t(()=>((e,a,t,l)=>{const o={status:m.Disabled,label:"No rollouts yet"};let i=!1,n=null;switch(e){case Ie.Gateway:i=a?.rolloutInProgress??!1,n=a?.lastRolloutAt??null;break;case Ie.Node:i=t?.rolloutInProgress??!1,n=t?.lastRolloutAt??null;break;default:return o}return i?{status:z.Info,label:"Rollout in progress",rightIcon:K,useSecondaryTone:!0}:n?{status:m.Disabled,label:`Last Rollout: ${l(n)}`}:o})(b,C,w,u),[C,w,b,u]),S=t(()=>((e,a,t,l)=>{let o=l?z.Info:m.Unknown,i=l?"Loading":G.Unknown,n=l?"Fetching data...":Ne(G.Unknown);switch(e){case Ie.Gateway:o=a?.status?D(a?.status):o,i=a?.status??i,n=a?.status?Ne(a.status):n;break;case Ie.Node:o=t?.status?D(t?.status):o,i=t?.status??i,n=t?.status?Ne(t.status):n}return{status:o,title:i,description:n}})(b,C,w,p),[C,w,b,p]),M=t(()=>((e,a,t,l)=>{switch(e){case Ie.Gateway:return[{title:"HPA Spec (Replicas)",cells:[{label:"Min.",value:a?.hpa?.min.toString()??"-",isLoading:l},{label:"Max.",value:a?.hpa?.max.toString()??"-",isLoading:l},{label:"Current",value:a?.hpa?.current.toString()??"-",isLoading:l},{label:"Desired",value:a?.hpa?.desired.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}]}];case Ie.Node:return[{title:"Nodes",cells:[{label:"Desired",value:t?.nodes?.desired.toString()??"-",isLoading:l},{label:"Ready",value:t?.nodes?.ready.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}]}];default:return[]}})(b,C,w,p),[C,w,b,p]),V=t(()=>(b===Ie.Gateway?C?.manifestYAML:w?.manifestYAML)??"",[C,w,b]),N=t(()=>(b===Ie.Gateway?C?.configMapYAML:w?.configMapYAML)??"",[C,w,b]),O=t(()=>b===Ie.Gateway?k:L,[k,L,b]);return e.createElement($,null,e.createElement(Se,{isLoading:p,selectedTab:b,setSelectedTab:y,onClickDownloadDiagnose:void 0,onClickRefresh:R}),e.createElement(Ve,{icon:ce,title:I,badge:A,statusCard:S,textCards:M,manifestYaml:V,configMapYaml:N}),e.createElement(Re,{isLoading:p,tableRowsMaxHeight:i,pods:O,getExtendedPodInfo:d}))};export{we as CentralConnections,Oe as PipelineCollectors};
+`,ze=({selectedTab:t,setSelectedTab:a,onClickDownloadDiagnose:l,onClickRefresh:o,isLoading:i})=>e.createElement(Se,null,e.createElement(u,{$gap:12},e.createElement(u,{$gap:8},e.createElement(se,{size:32}),e.createElement(g,{size:p.M,weight:500},"Pipeline Collectors")),e.createElement(H,{options:Ae,selected:t,setSelected:a})),e.createElement(u,{$gap:8},l&&e.createElement(C,{label:"Download Diagnose",leftIcon:re,size:R.S,variant:w.Text,onClick:l}),o&&e.createElement(C,{label:"Refresh",leftIcon:K,size:R.S,variant:w.Text,onClick:o,loading:i}))),De=({isOpen:t,onClose:a,title:l,yaml:o})=>{const{clickCopy:i,isCopied:n}=D();return e.createElement(d,{isOpen:t,header:{icon:de,title:l,onClose:a}},o?e.createElement($,{icon:le,title:"YAML",actions:[{id:L(),type:P.Button,buttonProps:{label:"",leftIcon:n?X:oe,onClick:()=>i(o),disabled:n,size:R.S,variant:w.Secondary}}]},e.createElement("div",{style:{padding:"0 12px"}},e.createElement(Y,{code:o,language:"yaml",theme:"duotoneDark"}))):e.createElement(U,{title:"No YAML found",subTitle:"The YAML for this resource is not available"}))};var Me;!function(e){e.ManifestYaml="manifest-yaml",e.ConfigMapYaml="configmap-yaml"}(Me||(Me={}));const Ve=({icon:a,title:l,badge:o,statusCard:i,textCards:n,manifestYaml:s,configMapYaml:r})=>{const[d,c]=t(null);return e.createElement($,{icon:a,title:l,badge:o,actions:[{id:L(),type:P.ButtonDropData,buttonProps:{variant:w.Secondary,size:R.S,label:"View YAML",onClick:e=>c(e)},dropDataItems:[{id:Me.ManifestYaml,label:l,icon:le},{id:Me.ConfigMapYaml,label:"ConfigMap",icon:le}]}]},e.createElement(u,{$gap:16},e.createElement(W,{...i}),n.map(t=>e.createElement(E,{key:t.title,...t}))),e.createElement(De,{isOpen:d===Me.ManifestYaml,onClose:()=>c(null),title:l,yaml:s}),e.createElement(De,{isOpen:d===Me.ConfigMapYaml,onClose:()=>c(null),title:"ConfigMap",yaml:r}))},Oe=e=>{switch(e){case q.Healthy:return"All desired replicas are updated, available, and ready";case q.Updating:return"Workload is progressing towards desired state (e.g., updating pods)";case q.Degraded:return"Progressing but with availability issues (e.g., not enough available replicas)";case q.Failed:return"Progress deadline exceeded or an unrecoverable error occurred";case q.Down:return"No available replicas";case q.Unknown:return"Status cannot be determined from current signals";default:return"Status unknown"}},Ne=({tableRowsMaxHeight:i,getGatewayInfo:n,getGatewayPods:s,getNodeCollectorInfo:r,getNodeCollectorPods:d,getExtendedPodInfo:c})=>{const{formatTimeAgo:u}=v(),[g,p]=t(!1),[b,y]=t(Ie.Gateway),[h,f]=t(null),[k,C]=t([]),[w,$]=t(null),[L,P]=t([]),R=l(async()=>{p(!0);try{switch(b){case Ie.Gateway:f(await n()??null),C(await s()??[]);break;case Ie.Node:$(await r()??null),P(await d()??[])}}catch(e){}p(!1)},[b]);o(()=>{R()},[R]);const I=a(()=>(e=>{switch(e){case Ie.Gateway:return"Deployment";case Ie.Node:return"DaemonSet";default:return"Pipeline Collectors"}})(b),[b]),A=a(()=>((e,t,a,l)=>{const o={status:m.Disabled,label:"No rollouts yet"};let i=!1,n=null;switch(e){case Ie.Gateway:i=t?.rolloutInProgress??!1,n=t?.lastRolloutAt??null;break;case Ie.Node:i=a?.rolloutInProgress??!1,n=a?.lastRolloutAt??null;break;default:return o}return i?{status:S.Info,label:"Rollout in progress",rightIcon:K,useSecondaryTone:!0}:n?{status:m.Disabled,label:`Last Rollout: ${l(n)}`}:o})(b,h,w,u),[h,w,b,u]),z=a(()=>((e,t,a,l)=>{let o=l?S.Info:m.Unknown,i=l?"Loading":q.Unknown,n=l?"Fetching data...":Oe(q.Unknown);switch(e){case Ie.Gateway:o=t?.status?M(t?.status):o,i=t?.status??i,n=t?.status?Oe(t.status):n;break;case Ie.Node:o=a?.status?M(a?.status):o,i=a?.status??i,n=a?.status?Oe(a.status):n}return{status:o,title:i,description:n}})(b,h,w,g),[h,w,b,g]),D=a(()=>((e,t,a,l)=>{switch(e){case Ie.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 Ie.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[]}})(b,h,w,g),[h,w,b,g]),V=a(()=>(b===Ie.Gateway?h?.manifestYAML:w?.manifestYAML)??"",[h,w,b]),O=a(()=>(b===Ie.Gateway?h?.configMapYAML:w?.configMapYAML)??"",[h,w,b]),N=a(()=>b===Ie.Gateway?k:L,[k,L,b]);return e.createElement(x,null,e.createElement(ze,{isLoading:g,selectedTab:b,setSelectedTab:y,onClickDownloadDiagnose:void 0,onClickRefresh:R}),e.createElement(Ve,{icon:de,title:I,badge:A,statusCard:z,textCards:D,manifestYaml:V,configMapYaml:O}),e.createElement(Re,{isLoading:g,tableRowsMaxHeight:i,pods:N,getExtendedPodInfo:c}))};export{we as CentralConnections,Ne as PipelineCollectors};

package/lib/containers.js

@@ -1,4 +1,4 @@
-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{E as m,G as h,H as g,K as y,J as v,M as b,Q as f,R as x,U as $,V as C,X as S,Y as k,Z as w,_ as T,$ as D,a0 as N,a1 as E,o as O,a2 as F,a3 as I,a4 as A,a5 as M,a6 as R,a7 as L,a8 as P,a9 as K,aa as j,ab as V,ac as q,ad as z,ae as H,af as B,n as W,ag as _,ah as U,ai as J,aj as G,ak as Y,al as X,am as Z,F as Q,an as ee,ao as te,ap as ae,aq as ie,ar as ne,as as oe,at as le,au as re,av as se,aw as ce,a as de,ax as ue,e as pe,ay as me,az as he,aA as ge,aB as ye,aC as ve,aD as be,aE as fe,aF as xe,aG as $e,aH as Ce,aI as Se,aJ as ke,aK as we,r as Te,N as De,aL as Ne,aM as Ee,aN as Oe,aO as Fe,aP as Ie,aQ as Ae,aR as Me,aS as Re,s as Le,aT as Pe,aU as Ke,aV as je,aW as Ve,aX as qe,aY as ze,aZ as He,a_ as Be,a$ as We,b0 as _e,b1 as Ue,b2 as Je,b3 as Ge,b4 as Ye,b5 as Xe,b6 as Ze,b7 as Qe,b8 as et,b9 as tt,ba as at,bb as it,bc as nt,bd as ot,be as lt,bf as rt,bg as st,bh as ct,bi as dt,bj as ut,bk as pt,bl as mt,bm as ht,bn as gt,bo as yt,bp as vt,bq as bt,br as ft,bs as xt,bt as $t,bu as Ct,bv as St,bw as kt,bx as wt,by as Tt,bz as Dt,bA as Nt,bB as Et,bC as Ot,bD as Ft,bE as It,bF as At,bG as Mt,bH as Rt,bI as Lt,bJ as Pt,bK as Kt,bL as jt,bM as Vt,bN as qt,bO as zt,h as Ht,bP as Bt,bQ as Wt,bR as _t,bS as Ut,bT as Jt,bU as Gt,bV as Yt,bW as Xt,bX as Zt,bY as Qt,bZ as ea,b_ as ta,b$ as aa,c0 as ia,c1 as na,c2 as oa,c3 as la,c4 as ra,c5 as sa,c6 as ca,p as da,u as ua,c7 as pa,c8 as ma,c9 as ha,ca as ga,cb as ya,cc as va,cd as ba}from"./chunks/ui-components-c3adf029.js";import{VSquareIcon as fa,XSquareIcon as xa,EditIcon as $a,TrashIcon as Ca,OdigosLogoText as Sa,PlusIcon as ka,SearchIcon as wa,FilterIcon as Ta,DataStreamIcon as Da,VIcon as Na,OdigosLogo as Ea,ArrowIcon as Oa,RefreshLeftArrowIcon as Fa,NotificationIcon as Ia,UserIcon as Aa,ImageErrorIcon as Ma,OverviewIcon as Ra,InstrumentationRuleIcon as La,ActionIcon as Pa,SourceIcon as Ka,DestinationIcon as ja,SlackLogo as Va,KeyIcon as qa,TerminalIcon as za,ExclamationTriangleIcon as Ha,TraceViewIcon as Ba}from"./icons.js";import{MarkerType as Wa,useNodesState as _a,useEdgesState as Ua,applyNodeChanges as Ja}from"@xyflow/react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const Ga=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:$,samplingPercentage:C,endpointsFilters:S,servicesNameFilters:k,attributeFilters:w}}=e,T=[{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&&(T.push({title:"Collect Container Attributes",value:String(l)}),T.push({title:"Collect ReplicaSet Attributes",value:String(r)}),T.push({title:"Collect Workload ID",value:String(s)}),T.push({title:"Collect Cluster ID",value:String(c)}),d?.length&&T.push({type:h.Divider}),d?.forEach(({labelKey:e,attributeKey:t,from:a},i)=>{let n="";n+=`Label Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${a||y.Pod}\n`,T.push({title:"Label"+(d.length>1?` #${i+1}`:""),value:n})}),u?.length&&T.push({type:h.Divider}),u?.forEach(({annotationKey:e,attributeKey:t,from:a},i)=>{let n="";n+=`Annotation Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${a||y.Pod}\n`,T.push({title:"Annotation"+(u.length>1?` #${i+1}`:""),value:n})})),t===g.AddClusterInfo){T.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+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.DeleteAttributes){let e="";b?.forEach((t,a)=>{e+=t,a<b.length-1&&(e+=", ")}),T.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+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.PiiMasking){let e="";x?.forEach((t,a)=>{e+=t,a<x.length-1&&(e+=", ")}),T.push({title:"Categories",value:e})}return t===g.ErrorSampler&&T.push({title:"Sampling Ratio",value:String($)}),t===g.ProbabilisticSampler&&T.push({title:"Sampling Percentage",value:String(C)}),t===g.LatencySampler&&S?.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}`,T.push({title:"Endpoint"+(S.length>1?` #${n+1}`:""),value:o})}),t===g.ServiceNameSampler&&k?.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}`,T.push({title:"Filter"+(k.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}`),T.push({title:"Filter"+(w.length>1?` #${n+1}`:""),value:o})}),T},Ya=x.PiiCategories,Xa=d.div`
+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{E as m,G as h,H as g,K as y,J as v,M as b,Q as f,R as x,U as $,V as C,X as S,Y as k,Z as w,_ as T,$ as D,a0 as N,a1 as E,o as O,a2 as F,a3 as I,a4 as A,a5 as M,a6 as R,a7 as L,a8 as P,a9 as K,aa as j,ab as V,ac as q,ad as z,ae as H,af as B,n as W,ag as _,ah as U,ai as J,aj as G,ak as Y,al as X,am as Z,F as Q,an as ee,ao as te,ap as ae,aq as ie,ar as ne,as as oe,at as le,au as re,av as se,aw as ce,a as de,ax as ue,ay as pe,az as me,aA as he,aB as ge,aC as ye,aD as ve,aE as be,aF as fe,aG as xe,aH as $e,aI as Ce,aJ as Se,aK as ke,aL as we,r as Te,N as De,aM as Ne,aN as Ee,aO as Oe,aP as Fe,aQ as Ie,aR as Ae,aS as Me,aT as Re,s as Le,aU as Pe,aV as Ke,aW as je,aX as Ve,aY as qe,aZ as ze,a_ as He,a$ as Be,b0 as We,b1 as _e,b2 as Ue,b3 as Je,b4 as Ge,b5 as Ye,b6 as Xe,b7 as Ze,b8 as Qe,b9 as et,ba as tt,bb as at,bc as it,bd as nt,be as ot,bf as lt,bg as rt,bh as st,bi as ct,bj as dt,bk as ut,bl as pt,bm as mt,bn as ht,bo as gt,bp as yt,bq as vt,br as bt,bs as ft,bt as xt,bu as $t,bv as Ct,bw as St,bx as kt,by as wt,bz as Tt,bA as Dt,bB as Nt,bC as Et,bD as Ot,bE as Ft,bF as It,bG as At,bH as Mt,bI as Rt,bJ as Lt,bK as Pt,bL as Kt,bM as jt,bN as Vt,bO as qt,bP as zt,g as Ht,bQ as Bt,bR as Wt,bS as _t,bT as Ut,bU as Jt,bV as Gt,bW as Yt,bX as Xt,bY as Zt,bZ as Qt,b_ as ea,b$ as ta,c0 as aa,c1 as ia,c2 as na,c3 as oa,c4 as la,c5 as ra,c6 as sa,c7 as ca,p as da,u as ua,c8 as pa,c9 as ma,ca as ha,cb as ga,cc as ya,cd as va,ce as ba}from"./chunks/ui-components-29317e94.js";import{VSquareIcon as fa,XSquareIcon as xa,EditIcon as $a,TrashIcon as Ca,OdigosLogoText as Sa,PlusIcon as ka,SearchIcon as wa,FilterIcon as Ta,DataStreamIcon as Da,VIcon as Na,OdigosLogo as Ea,ArrowIcon as Oa,RefreshLeftArrowIcon as Fa,NotificationIcon as Ia,UserIcon as Aa,ImageErrorIcon as Ma,OverviewIcon as Ra,InstrumentationRuleIcon as La,ActionIcon as Pa,SourceIcon as Ka,DestinationIcon as ja,SlackLogo as Va,KeyIcon as qa,TerminalIcon as za,ExclamationTriangleIcon as Ha,TraceViewIcon as Ba}from"./icons.js";import{MarkerType as Wa,useNodesState as _a,useEdgesState as Ua,applyNodeChanges as Ja}from"@xyflow/react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const Ga=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:$,samplingPercentage:C,endpointsFilters:S,servicesNameFilters:k,attributeFilters:w}}=e,T=[{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&&(T.push({title:"Collect Container Attributes",value:String(l)}),T.push({title:"Collect ReplicaSet Attributes",value:String(r)}),T.push({title:"Collect Workload ID",value:String(s)}),T.push({title:"Collect Cluster ID",value:String(c)}),d?.length&&T.push({type:h.Divider}),d?.forEach(({labelKey:e,attributeKey:t,from:a},i)=>{let n="";n+=`Label Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${a||y.Pod}\n`,T.push({title:"Label"+(d.length>1?` #${i+1}`:""),value:n})}),u?.length&&T.push({type:h.Divider}),u?.forEach(({annotationKey:e,attributeKey:t,from:a},i)=>{let n="";n+=`Annotation Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${a||y.Pod}\n`,T.push({title:"Annotation"+(u.length>1?` #${i+1}`:""),value:n})})),t===g.AddClusterInfo){T.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+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.DeleteAttributes){let e="";b?.forEach((t,a)=>{e+=t,a<b.length-1&&(e+=", ")}),T.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+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.PiiMasking){let e="";x?.forEach((t,a)=>{e+=t,a<x.length-1&&(e+=", ")}),T.push({title:"Categories",value:e})}return t===g.ErrorSampler&&T.push({title:"Sampling Ratio",value:String($)}),t===g.ProbabilisticSampler&&T.push({title:"Sampling Percentage",value:String(C)}),t===g.LatencySampler&&S?.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}`,T.push({title:"Endpoint"+(S.length>1?` #${n+1}`:""),value:o})}),t===g.ServiceNameSampler&&k?.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}`,T.push({title:"Filter"+(k.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}`),T.push({title:"Filter"+(w.length>1?` #${n+1}`:""),value:o})}),T},Ya=x.PiiCategories,Xa=d.div`
   display: flex;
   flex-direction: row;
   gap: 32px;

package/lib/functions.js

@@ -1 +1 @@
-export{bw as capitalizeFirstLetter,cw as cleanObjectEmptyStringsValues,br as compareCondition,by as deepClone,aB as filterActions,b4 as filterDestinations,b5 as filterDestinationsByStream,b2 as filterSources,b3 as filterSourcesByStream,cx as flattenObjectKeys,aV as formatBytes,ca as formatDuration,j as generateId,aj as getActionIcon,av as getConditionsBooleans,aZ as getContainersIcons,c5 as getContainersInstrumentedCount,aY as getDestinationIcon,aI as getEntityIcon,aT as getEntityId,aD as getEntityLabel,cy as getIdFromSseTarget,aX as getInstrumentationRuleIcon,cz as getMainContainerLanguage,bB as getMetricForEntity,cA as getMonitorIcon,cB as getPlatformIcon,cC as getPlatformLabel,bK as getProgrammingLanguageIcon,cc as getRecursiveValues,cD as getSseTargetFromId,x as getStatusColor,q as getStatusFromPodStatus,az as getStatusIcon,bU as getStatusTypeFromOdigosHealth,cE as getValueForRange,bO as getWorkloadId,bv as getYamlFieldsForDestination,bV as hasUnhealthyInstances,X as isEmpty,cF as isLegalK8sLabel,c6 as isOverTime,bZ as isStringABoolean,cG as isTimeElapsed,cH as isValidVersion,ax as mapConditions,bq as mapDestinationFieldsForDisplay,aU as mapExportedSignals,cI as numbersOnly,b_ as parseBooleanFromString,cJ as parseJsonStringToPrettyString,cK as removeEmptyValuesFromObject,bs as safeJsonParse,cL as safeJsonStringify,aN as sleep,bc as splitCamelString,cM as stringifyNonStringValues}from"./chunks/ui-components-c3adf029.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{bx as capitalizeFirstLetter,cy as cleanObjectEmptyStringsValues,bs as compareCondition,bz as deepClone,aC as filterActions,b5 as filterDestinations,b6 as filterDestinationsByStream,b3 as filterSources,b4 as filterSourcesByStream,cz as flattenObjectKeys,aW as formatBytes,cb as formatDuration,i as generateId,aj as getActionIcon,av as getConditionsBooleans,a_ as getContainersIcons,c6 as getContainersInstrumentedCount,aZ as getDestinationIcon,aJ as getEntityIcon,aU as getEntityId,aE as getEntityLabel,cA as getIdFromSseTarget,aY as getInstrumentationRuleIcon,cB as getMainContainerLanguage,bC as getMetricForEntity,cC as getMonitorIcon,cD as getPlatformIcon,cE as getPlatformLabel,bL as getProgrammingLanguageIcon,cd as getRecursiveValues,cF as getSseTargetFromId,x as getStatusColor,q as getStatusFromPodStatus,aA as getStatusIcon,bV as getStatusTypeFromOdigosHealth,cG as getValueForRange,bP as getWorkloadId,bw as getYamlFieldsForDestination,bW as hasUnhealthyInstances,X as isEmpty,cH as isLegalK8sLabel,c7 as isOverTime,b_ as isStringABoolean,cI as isTimeElapsed,cJ as isValidVersion,ax as mapConditions,br as mapDestinationFieldsForDisplay,aV as mapExportedSignals,cK as numbersOnly,b$ as parseBooleanFromString,cL as parseJsonStringToPrettyString,cM as removeEmptyValuesFromObject,bt as safeJsonParse,cN as safeJsonStringify,aO as sleep,bd as splitCamelString,cO as stringifyNonStringValues}from"./chunks/ui-components-29317e94.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/hooks.js

@@ -1 +1 @@
-export{ah as useActionFormData,cQ as useBodyScroll,b6 as useClickNode,bP as useClickNotification,a$ as useConnection,b1 as useContainerSize,p as useCopy,bi as useDataStreamFormData,bu as useDestinationFormData,u as useGenericForm,cR as useInfiniteScroll,bL as useInstrumentationRuleFormData,aa as useKeyDown,bb as useOnClickOutside,b7 as usePopup,bh as useSessionStorage,b$ as useSourceFormData,c3 as useSourceSelectionFormData,h as useTimeAgo,bN as useTransition}from"./chunks/ui-components-c3adf029.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{ah as useActionFormData,cS as useBodyScroll,b7 as useClickNode,bQ as useClickNotification,b0 as useConnection,b2 as useContainerSize,p as useCopy,bj as useDataStreamFormData,bv as useDestinationFormData,u as useGenericForm,cT as useInfiniteScroll,bM as useInstrumentationRuleFormData,aa as useKeyDown,bc as useOnClickOutside,b8 as usePopup,bi as useSessionStorage,c0 as useSourceFormData,c4 as useSourceSelectionFormData,g as useTimeAgo,bO as useTransition}from"./chunks/ui-components-29317e94.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/snippets.js

@@ -1 +1 @@
-export{bn as AddButton,bW as CopyText,bS as EditButton,bR as Flow,cS as MapItemNode,cT as NoDataNode,bo as NoteBackToSummary,bY as PodContainer,c0 as SourceContainer}from"./chunks/ui-components-c3adf029.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{bo as AddButton,bX as CopyText,bT as EditButton,bS as Flow,cU as MapItemNode,cV as NoDataNode,bp as NoteBackToSummary,bZ as PodContainer,c1 as SourceContainer}from"./chunks/ui-components-29317e94.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/store.js

@@ -1 +1 @@
-export{cP as useActiveNodeStore,c9 as useDarkMode,b0 as useDataStreamStore,a9 as useDrawerStore,ag as useEntityStore,aA as useFilterStore,aR as useInstrumentStore,an as useModalStore,a8 as useNotificationStore,a7 as usePendingStore,aQ as useSelectedStore,bj as useSetupStore}from"./chunks/ui-components-c3adf029.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{cR as useActiveNodeStore,ca as useDarkMode,b1 as useDataStreamStore,a9 as useDrawerStore,ag as useEntityStore,aB as useFilterStore,aS as useInstrumentStore,an as useModalStore,a8 as useNotificationStore,a7 as usePendingStore,aR as useSelectedStore,bk as useSetupStore}from"./chunks/ui-components-29317e94.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/theme/index.d.ts

@@ -1,4 +1,5 @@
 import * as opacity from './opacity';
+import * as palletes from './palletes';
 import * as animations from './animations';
 import { useTheme } from 'styled-components';
 declare const Theme: {
@@ -7,6 +8,7 @@ declare const Theme: {
     }>;
     useTheme: typeof useTheme;
     opacity: typeof opacity;
+    palletes: typeof palletes;
     animations: typeof animations;
 };
 export default Theme;

package/lib/theme/palletes/index.d.ts

@@ -1,6 +1,143 @@
 import { DefaultTheme } from 'styled-components';
-declare const darkModeTheme: DefaultTheme;
-declare const lightModeTheme: DefaultTheme;
+export declare const baseTheme: {
+    v2: {
+        text: {
+            size: {
+                xxxs: number;
+                xxs: number;
+                xs: number;
+                s: number;
+                m: number;
+                l: number;
+                xl: number;
+                xxl: number;
+                xxxl: number;
+            };
+        };
+        colors: {
+            black: {
+                '500': string;
+            };
+            white: {
+                '500': string;
+            };
+            purple: {
+                '100': string;
+                '200': string;
+                '300': string;
+                '400': string;
+                '500': string;
+                '600': string;
+                '700': string;
+                '800': string;
+                '900': string;
+            };
+            green: {
+                '100': string;
+                '200': string;
+                '300': string;
+                '400': string;
+                '500': string;
+                '600': string;
+                '700': string;
+                '800': string;
+                '900': string;
+            };
+            grey: {
+                '25': string;
+                '50': string;
+                '100': string;
+                '150': string;
+                '200': string;
+                '300': string;
+                '400': string;
+                '500': string;
+                '600': string;
+                '700': string;
+                '800': string;
+                '900': string;
+            };
+            silver: {
+                '25': string;
+                '50': string;
+                '100': string;
+                '200': string;
+                '300': string;
+                '400': string;
+                '500': string;
+                '600': string;
+                '700': string;
+                '750': string;
+                '800': string;
+                '900': string;
+                '1000': string;
+            };
+            red: {
+                '100': string;
+                '200': string;
+                '300': string;
+                '400': string;
+                '500': string;
+                '600': string;
+                '700': string;
+                '800': string;
+                '900': string;
+                '1000': string;
+            };
+            blue: {
+                '100': string;
+                '200': string;
+                '300': string;
+                '400': string;
+                '500': string;
+                '600': string;
+                '700': string;
+                '800': string;
+                '900': string;
+                '1000': string;
+            };
+            yellow: {
+                '100': string;
+                '200': string;
+                '300': string;
+                '400': string;
+                '500': string;
+                '600': string;
+                '700': string;
+                '800': string;
+                '900': string;
+                '1000': string;
+            };
+            beige: {
+                '600': string;
+            };
+            pink: {
+                '600': string;
+            };
+            orange: {
+                '600': string;
+            };
+        };
+    };
+    colors: {
+        majestic_blue: string;
+        majestic_blue_soft: string;
+        orange_og: string;
+        orange_soft: string;
+        dark_red: string;
+        darker_red: string;
+        darkest_red: string;
+        darkest_red_hover: string;
+        dark_green: string;
+    };
+    text: {};
+    font_family: {
+        primary: string;
+        secondary: string;
+        code: string;
+    };
+};
+export declare const darkModeTheme: DefaultTheme;
+export declare const lightModeTheme: DefaultTheme;
 export type Theme = typeof darkModeTheme | typeof lightModeTheme;
 export declare const getTheme: (darkMode: boolean) => Theme;
-export {};

package/lib/theme.js

@@ -1 +1 @@
-export{o as default}from"./chunks/ui-components-c3adf029.js";import"styled-components";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{o as default}from"./chunks/ui-components-29317e94.js";import"styled-components";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/types/common/index.d.ts

@@ -26,6 +26,14 @@ export interface SVGProps {
     strokeWidth?: number;
 }
 export type SVG = FC<SVGProps>;
+export declare enum ListDirection {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+export declare enum SortDirection {
+    Ascending = "ascending",
+    Descending = "descending"
+}
 export declare enum Tier {
     Community = "community",
     Cloud = "cloud",
@@ -116,10 +124,6 @@ export declare enum OtherStatusType {
     Disabled = "disabled",
     Unknown = "unknown"
 }
-export declare enum SortDirection {
-    Ascending = "asc",
-    Descending = "desc"
-}
 export interface Condition {
     status: StatusType | OtherStatus;
     type: string;