@odigos/ui-kit 0.0.80 → 0.0.82

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [0.0.82](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.81...ui-kit-v0.0.82) (2025-08-13)
+
+
+### Bug Fixes
+
+* **text:** handle empty textArray by rendering children instead of breaking layout ([#318](https://github.com/odigos-io/ui-kit/issues/318)) ([87a3e4d](https://github.com/odigos-io/ui-kit/commit/87a3e4d140d6dbfd483d2ca6cdcee2d06db6dfbb))
+
+## [0.0.81](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.80...ui-kit-v0.0.81) (2025-08-12)
+
+
+### Features
+
+* remove compute platform components ([#316](https://github.com/odigos-io/ui-kit/issues/316)) ([2dbe328](https://github.com/odigos-io/ui-kit/commit/2dbe3289f7cdbfca74fe7cfc970817baffa5d6e8))
+
 ## [0.0.80](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.79...ui-kit-v0.0.80) (2025-08-10)
 
 

package/lib/components.js

@@ -1,16 +1,16 @@
-import { B as Button } from './index-192794e8.js';
-export { A as AutocompleteInput, a as Badge, a9 as CenterThis, C as Checkbox, b as Code, c as ConditionDetails, D as DataCard, e as DataCardFieldTypes, d as DataCardFields, f as DataFinger, g as DataTab, h as DescribeRow, i as Divider, j as DocsButton, k as Drawer, m as DrawerFooter, l as DrawerHeader, n as Dropdown, E as ExtendArrow, F as FadeLoader, o as FieldError, p as FieldLabel, a8 as FlexColumn, a7 as FlexRow, H as Header, I as IconButton, q as IconGroup, r as IconTitleBadge, s as IconWrapped, t as IconsNav, u as ImageControlled, v as Input, w as InputList, x as InputTable, y as InteractiveTable, K as KeyValueInputsList, M as Modal, ac as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, ab as Overlay, P as Popup, O as PopupForm, S as ScrollX, Q as SectionTitle, R as Segment, U as SelectionButton, V as SkeletonLoader, W as Status, X as Stepper, Y as TabList, ad as TableContainer, ae as TableTitleWrap, af as TableWrap, Z as Tag, _ as Text, a2 as TextArea, a3 as Toggle, T as ToggleCodeComponent, a4 as Tooltip, a5 as TraceLoader, aa as VerticalScroll, a6 as WarningModal, $ as getLinksFromText, a0 as getStrongsFromText, a1 as renderText } from './index-192794e8.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-e4e75973.js';
+import { B as Button } from './index-8b8d8883.js';
+export { A as AutocompleteInput, a as Badge, a9 as CenterThis, C as Checkbox, b as Code, c as ConditionDetails, D as DataCard, e as DataCardFieldTypes, d as DataCardFields, f as DataFinger, g as DataTab, h as DescribeRow, i as Divider, j as DocsButton, k as Drawer, m as DrawerFooter, l as DrawerHeader, n as Dropdown, E as ExtendArrow, F as FadeLoader, o as FieldError, p as FieldLabel, a8 as FlexColumn, a7 as FlexRow, H as Header, I as IconButton, q as IconGroup, r as IconTitleBadge, s as IconWrapped, t as IconsNav, u as ImageControlled, v as Input, w as InputList, x as InputTable, y as InteractiveTable, K as KeyValueInputsList, M as Modal, ac as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, ab as Overlay, P as Popup, O as PopupForm, S as ScrollX, Q as SectionTitle, R as Segment, U as SelectionButton, V as SkeletonLoader, W as Status, X as Stepper, Y as TabList, ad as TableContainer, ae as TableTitleWrap, af as TableWrap, Z as Tag, _ as Text, a2 as TextArea, a3 as Toggle, T as ToggleCodeComponent, a4 as Tooltip, a5 as TraceLoader, aa as VerticalScroll, a6 as WarningModal, $ as getLinksFromText, a0 as getStrongsFromText, a1 as renderText } from './index-8b8d8883.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-6cc9ec6b.js';
 import React, { createContext, Component, createElement } from 'react';
-import { T as Theme } from './index-90ccd949.js';
+import { T as Theme } from './index-86030474.js';
 import 'styled-components';
-import './index-19b8f8bc.js';
+import './index-72089d6e.js';
 import './types.js';
 import './index-5e5f7bda.js';
-import './index-a067d6e9.js';
-import './index-6034549d.js';
+import './index-f22371cb.js';
+import './index-4dfaeaab.js';
 import 'react-dom';
-import './useTransition-807be8bc.js';
+import './useTransition-cac1649d.js';
 
 const ErrorBoundaryContext = createContext(null);
 

package/lib/constants.js

@@ -1,4 +1,4 @@
-export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, a as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, b as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, L as LANGUAGE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-90ccd949.js';
+export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, a as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, b as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, L as LANGUAGE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-86030474.js';
 export { D as DESTINATION_CATEGORIES } from './index-1cb4f9e2.js';
 import 'react';
 import './types.js';

package/lib/containers/dropdowns/index.d.ts

@@ -1,6 +1,4 @@
 export * from './condition-dropdown';
-export * from './connection-status-dropdown';
-export * from './connection-type-dropdown';
 export * from './error-dropdown';
 export * from './language-dropdown';
 export * from './monitor-dropdown';

package/lib/containers/index.d.ts

@@ -3,9 +3,6 @@ export * from './action-form';
 export * from './action-modal';
 export * from './action-table';
 export * from './await-pipeline';
-export * from './compute-platform-select';
-export * from './compute-platforms';
-export * from './compute-platforms-actions-menu';
 export * from './data-flow';
 export * from './data-flow-actions-menu';
 export * from './data-stream-drawer';

package/lib/containers.js

@@ -1,21 +1,21 @@
 import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, Fragment, useCallback, Children } from 'react';
 import styled, { css } from 'styled-components';
-import { b as DISPLAY_TITLES, T as Theme, U as usePendingStore, V as useNotificationStore, O as useDrawerStore, B as BUTTON_TEXTS, W as useEntityStore, A as ACTION_OPTIONS, g as getActionIcon, z as useModalStore, F as FORM_ALERTS, X as useFilterStore, D as DISPLAY_LANGUAGES, M as MONITORS_OPTIONS, d as getInstrumentationRuleIcon, Y as useDataStreamStore, Z as useInstrumentStore, c as getEntityId, S as STORAGE_KEYS, a as DEFAULT_DATA_STREAM_NAME, _ as useSetupStore, e as getProgrammingLanguageIcon, I as INSTRUMENTATION_RULE_OPTIONS, $ as useSelectedStore, j as ImageErrorIcon, a0 as useDarkMode } from './index-90ccd949.js';
+import { b as DISPLAY_TITLES, T as Theme, U as usePendingStore, V as useNotificationStore, O as useDrawerStore, B as BUTTON_TEXTS, W as useEntityStore, A as ACTION_OPTIONS, g as getActionIcon, z as useModalStore, F as FORM_ALERTS, X as useFilterStore, d as getInstrumentationRuleIcon, Y as useDataStreamStore, Z as useInstrumentStore, c as getEntityId, D as DISPLAY_LANGUAGES, M as MONITORS_OPTIONS, S as STORAGE_KEYS, a as DEFAULT_DATA_STREAM_NAME, _ as useSetupStore, e as getProgrammingLanguageIcon, I as INSTRUMENTATION_RULE_OPTIONS, $ as useSelectedStore, k as ImageErrorIcon, a0 as useDarkMode } from './index-86030474.js';
 import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, EdgeTypes, AddNodeTypes, SignalType, HeadersCollectionKeyTypes, CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType, K8sResourceKind, ProgrammingLanguages, MountMethod, AgentEnvVarsInjectionMethod, Profile, InstallationMethod } from './types.js';
-import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, K as KeyValueInputsList, w as InputList, _ as Text, R as Segment, Q as SectionTitle, j as DocsButton, z as MonitorsCheckboxes, a2 as TextArea, k as Drawer, c as ConditionDetails, D as DataCard, a8 as FlexColumn, M as Modal, N as NavigationButtons, ac as ModalBody, L as NotificationNote, A as AutocompleteInput, i as Divider, W as Status, a7 as FlexRow, a4 as Tooltip, s as IconWrapped, G as MonitorsIcons, ad as TableContainer, ae as TableTitleWrap, r as IconTitleBadge, af as TableWrap, y as InteractiveTable, a9 as CenterThis, J as NoDataFound, a5 as TraceLoader, a as Badge, E as ExtendArrow, aa as VerticalScroll, U as SelectionButton, B as Button, n as Dropdown, ag as nodeConfig, ah as useNodesState, ai as useEdgesState, aj as Flow, ak as applyNodeChanges, P as Popup, a3 as Toggle, I as IconButton, al as AddButton, F as FadeLoader, g as DataTab, X as Stepper, d as DataCardFields, Z as Tag, am as MarkerType, t as IconsNav, an as CopyText, h as DescribeRow, ao as PodContainer, ap as SourceContainer, q as IconGroup, O as PopupForm } from './index-192794e8.js';
+import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, K as KeyValueInputsList, w as InputList, _ as Text, R as Segment, Q as SectionTitle, j as DocsButton, z as MonitorsCheckboxes, a2 as TextArea, k as Drawer, c as ConditionDetails, D as DataCard, a8 as FlexColumn, M as Modal, N as NavigationButtons, ac as ModalBody, L as NotificationNote, A as AutocompleteInput, i as Divider, W as Status, a7 as FlexRow, a4 as Tooltip, s as IconWrapped, G as MonitorsIcons, ad as TableContainer, ae as TableTitleWrap, r as IconTitleBadge, af as TableWrap, y as InteractiveTable, a9 as CenterThis, J as NoDataFound, a5 as TraceLoader, a as Badge, ag as nodeConfig, ah as useNodesState, ai as useEdgesState, aj as Flow, ak as applyNodeChanges, P as Popup, U as SelectionButton, aa as VerticalScroll, n as Dropdown, B as Button, a3 as Toggle, I as IconButton, E as ExtendArrow, al as AddButton, F as FadeLoader, g as DataTab, X as Stepper, d as DataCardFields, Z as Tag, am as MarkerType, t as IconsNav, an as CopyText, h as DescribeRow, ao as PodContainer, ap as SourceContainer, q as IconGroup, O as PopupForm } from './index-8b8d8883.js';
 import { i as isEmpty, s as safeJsonParse, d as deepClone } from './index-5e5f7bda.js';
-import { C as CheckCircledIcon, O as OdigosLogo } from './index-6034549d.js';
-import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, A as ArrowIcon, R as RefreshLeftArrowIcon, N as NotificationIcon, U as UserIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon, G as GearIcon } from './index-c8aab9c4.js';
+import { C as CheckCircledIcon, O as OdigosLogo } from './index-4dfaeaab.js';
+import { C as CrossCircledIcon, O as OdigosLogoText, F as FilterIcon, D as DataStreamsIcon, A as ArrowIcon, R as RefreshLeftArrowIcon, N as NotificationIcon, U as UserIcon, a as OverviewIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon, G as GearIcon } from './index-c1a8e92c.js';
 import { useActionFormData, useSessionStorage, useDataStreamFormData, useDestinationFormData, useClickNotification, useSourceFormData, useSourceSelectionFormData } from './hooks.js';
-import { u as useKeyDown, a as useOnClickOutside, b as useContainerSize, c as useClickNode, d as usePopup, e as useInstrumentationRuleFormData, f as useTransition, g as useTimeAgo, h as useCopy, i as useGenericForm } from './useTransition-807be8bc.js';
-import { E as EditIcon, T as TrashIcon, S as SearchIcon, h as CheckIcon, P as PlusIcon, a as CopyIcon } from './index-19b8f8bc.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-e4e75973.js';
-import { g as getConditionsBooleans, m as mapConditions, b as getStatusIcon, h as splitCamelString, c as capitalizeFirstLetter, i as isStringABoolean, p as parseBooleanFromString } from './index-a067d6e9.js';
-import { f as filterActions, l as getEntityLabel, k as getEntityIcon, v as sleep, n as getPlatformIcon, o as getPlatformLabel, g as formatBytes, i as getContainersIcons, p as getValueForRange, j as getDestinationIcon, e as filterSourcesByStream, d as filterSources, b as filterDestinationsByStream, a as filterDestinations, u as mapDestinationFieldsForDisplay, c as compareCondition, r as getYamlFieldsForDestination, m as getMetricForEntity, q as getWorkloadId, s as hasUnhealthyInstances, h as getContainersInstrumentedCount, t as isOverTime } from './index-ba4f9a19.js';
+import { u as useKeyDown, a as useContainerSize, b as useClickNode, c as usePopup, d as useOnClickOutside, e as useInstrumentationRuleFormData, f as useTransition, g as useTimeAgo, h as useCopy, i as useGenericForm } from './useTransition-cac1649d.js';
+import { E as EditIcon, T as TrashIcon, S as SearchIcon, h as CheckIcon, P as PlusIcon, a as CopyIcon } from './index-72089d6e.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-6cc9ec6b.js';
+import { g as getConditionsBooleans, m as mapConditions, b as getStatusIcon, h as splitCamelString, c as capitalizeFirstLetter, i as isStringABoolean, p as parseBooleanFromString } from './index-f22371cb.js';
+import { f as filterActions, l as getEntityLabel, k as getEntityIcon, t as sleep, g as formatBytes, i as getContainersIcons, n as getValueForRange, j as getDestinationIcon, e as filterSourcesByStream, d as filterSources, b as filterDestinationsByStream, a as filterDestinations, s as mapDestinationFieldsForDisplay, c as compareCondition, p as getYamlFieldsForDestination, m as getMetricForEntity, o as getWorkloadId, q as hasUnhealthyInstances, h as getContainersInstrumentedCount, r as isOverTime } from './index-8b736e84.js';
 import { m as mapExportedSignals } from './index-6a6bea6e.js';
 import { NoteBackToSummary, EditButton } from './snippets.js';
 import { D as DESTINATION_CATEGORIES } from './index-1cb4f9e2.js';
-import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-b9d7a992.js';
+import { a6 as RulesIcon, a3 as SourcesIcon, a5 as ActionsIcon, a4 as DestinationsIcon } from './index-6bb0eb56.js';
 import 'react-dom';
 
 const buildCard$3 = (action) => {
@@ -503,7 +503,7 @@ const CustomFields$1 = ({ actionType, value, setValue, formErrors }) => {
     return Component ? React.createElement(Component, { value: value, setValue: setValue, formErrors: formErrors }) : null;
 };
 
-const Container$i = styled.div `
+const Container$h = styled.div `
   display: flex;
   flex-direction: column;
   gap: 24px;
@@ -514,7 +514,7 @@ const FieldTitle$2 = styled(Text) `
 `;
 const ActionForm = ({ isUpdate, action, formData, formErrors, handleFormChange }) => {
     const theme = Theme.useTheme();
-    return (React.createElement(Container$i, null,
+    return (React.createElement(Container$h, null,
         isUpdate && (React.createElement("div", null,
             React.createElement(FieldTitle$2, null, "Status"),
             React.createElement(Segment, { options: [
@@ -1028,7 +1028,7 @@ const ActionTable = ({ maxHeight, maxWidth }) => {
             React.createElement(NoDataFound, null)))));
 };
 
-const Container$h = styled(FlexColumn) `
+const Container$g = styled(FlexColumn) `
   // width: 100vw;
   // height: 100vh;
   gap: 64px;
@@ -1041,7 +1041,7 @@ const TextWrap = styled(FlexColumn) `
   align-items: center;
   justify-content: center;
 `;
-const Title$3 = styled(Text) `
+const Title$1 = styled(Text) `
   text-align: center;
   font-size: 24px;
 `;
@@ -1062,292 +1062,16 @@ const AwaitPipeline = () => {
     useEffect(() => {
         awaitPipeline();
     }, []);
-    return (React.createElement(Container$h, null,
+    return (React.createElement(Container$g, null,
         React.createElement(OdigosLogoText, { size: 100 }),
         React.createElement(TraceLoader, { width: 400 }),
         React.createElement(TextWrap, null,
             React.createElement(FlexRow, { "$gap": 16 },
-                React.createElement(Title$3, null, "Preparing your workspace..."),
+                React.createElement(Title$1, null, "Preparing your workspace..."),
                 React.createElement(Badge, { label: `${progress}%` })),
             React.createElement(Description, null, "It can take up to a few minutes. Grab a cup of coffee, look out a window, and enjoy your free moment!"))));
 };
 
-const Tab = styled(FlexRow) `
-  width: 260px;
-  padding: 4px;
-  gap: 10px;
-  border: 1px solid ${({ theme }) => theme.colors.border};
-  border-radius: 32px;
-  cursor: ${({ $withSelect }) => ($withSelect ? 'pointer' : 'default')};
-
-  ${({ $withSelect }) => $withSelect &&
-    css `
-      &:hover {
-        border: 1px solid ${({ theme }) => theme.colors.secondary};
-      }
-    `}
-`;
-const Title$2 = styled(Text) `
-  font-size: 14px;
-  margin-right: 10px;
-  color: ${({ theme }) => theme.text.secondary};
-`;
-const LogoWrap = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 4px;
-  border-radius: 100%;
-  background-color: ${({ theme }) => theme.colors.info};
-`;
-const PushToEnd$1 = styled.div `
-  margin-left: auto;
-  margin-right: 6px;
-`;
-const RelativeContainer$3 = styled.div `
-  position: relative;
-`;
-const AbsoluteContainer = styled.div `
-  position: absolute;
-  top: calc(100% + 8px);
-  left: 0;
-  z-index: 1;
-  background-color: ${({ theme }) => theme.colors.dropdown_bg};
-  border: ${({ theme }) => `1px solid ${theme.colors.border}`};
-  border-radius: 24px;
-  width: 420px;
-`;
-const HeadWrap = styled.div `
-  border-bottom: ${({ theme }) => `1px solid ${theme.colors.border}`};
-  padding: 12px;
-`;
-const FootWrap = styled.div `
-  border-top: ${({ theme }) => `1px solid ${theme.colors.border}`};
-  padding: 12px;
-`;
-const ComputePlatformSelect = ({ connections, selected, onSelect, onViewAll }) => {
-    const theme = Theme.useTheme();
-    const { addNotification } = useNotificationStore();
-    const [isOpen, setIsOpen] = useState(false);
-    const [searchText, setSearchText] = useState('');
-    const onClose = () => {
-        setIsOpen(false);
-    };
-    const containerRef = useRef(null);
-    useOnClickOutside(containerRef, onClose);
-    useKeyDown({ key: 'Escape', active: isOpen }, onClose);
-    const withSelect = !!connections.length;
-    const filtered = connections.filter(({ id }) => id.toLowerCase().includes(searchText));
-    const Icon = !!selected?.type ? getPlatformIcon(selected.type) : null;
-    return (React.createElement(RelativeContainer$3, { ref: containerRef },
-        React.createElement(Tab, { "$withSelect": withSelect, onClick: () => setIsOpen((prev) => !prev) },
-            React.createElement(LogoWrap, null, !!Icon ? React.createElement(Icon, { size: 20, fill: theme.text.info }) : React.createElement(OverviewIcon, { fill: theme.text.info })),
-            React.createElement(Title$2, null, selected?.name || selected?.id || 'no platform'),
-            withSelect && (React.createElement(PushToEnd$1, null,
-                React.createElement(ExtendArrow, { extend: isOpen, align: 'right' })))),
-        isOpen && withSelect && (React.createElement(AbsoluteContainer, null,
-            React.createElement(HeadWrap, null,
-                React.createElement(Input, { placeholder: 'Search...', icon: SearchIcon, value: searchText, onChange: (e) => setSearchText(e.target.value.toLowerCase()) })),
-            React.createElement(VerticalScroll, { style: { maxHeight: '240px' } }, filtered.map(({ id, type, name, status }, idx) => (React.createElement(SelectionButton, { key: `platform-${id}`, icon: () => getPlatformIcon(type)?.({ fill: status === StatusType.Success ? theme.text.success : theme.text.error }), label: `${!!name ? name : getPlatformLabel(type)} (${id})`, isSelected: selected?.id === id, onClick: () => {
-                    if (status === StatusType.Success) {
-                        onSelect(filtered[idx]);
-                    }
-                    else {
-                        addNotification({
-                            type: StatusType.Warning,
-                            title: 'Connection lost',
-                            message: 'Cannot connect to this platform',
-                            hideFromHistory: true,
-                        });
-                    }
-                    onClose();
-                }, color: 'transparent', style: { width: '100%', justifyContent: 'flex-start' } })))),
-            React.createElement(FootWrap, null,
-                React.createElement(Button, { variant: 'secondary', style: { width: '100%' }, onClick: onViewAll }, "VIEW ALL"))))));
-};
-
-const ComputePlatforms = ({ connections, onSelect }) => {
-    const { searchText, platformTypes, statuses } = useFilterStore();
-    const filtered = useMemo(() => connections.filter(({ id, type, status }) => (!searchText || id.toLowerCase().includes(searchText)) &&
-        (!platformTypes?.length || platformTypes.find((opt) => opt.id === type)) &&
-        (!statuses?.length || statuses.find((opt) => opt.id === status))), [connections, searchText, platformTypes, statuses]);
-    const rows = useMemo(() => filtered.map((item) => ({
-        onClick: () => onSelect(item),
-        cells: [
-            { columnKey: 'id', value: item.id },
-            { columnKey: 'type', value: item.type },
-            { columnKey: 'name', value: item.name || getPlatformLabel(item.type) },
-            { columnKey: 'icon', icon: getPlatformIcon(item.type) },
-            {
-                columnKey: 'status',
-                component: () => (React.createElement("div", { style: { lineHeight: 1 } },
-                    React.createElement(Status, { title: status === StatusType.Success ? 'connection alive' : 'connection lost', status: item.status, withIcon: true, withBorder: true }))),
-            },
-        ],
-    })), [filtered]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(InteractiveTable, { columns: [
-                { key: 'icon', title: '' },
-                { key: 'name', title: 'Name' },
-                { key: 'type', title: 'Type' },
-                { key: 'status', title: 'Status' },
-                { key: 'id', title: 'Unique ID' },
-            ], rows: rows }),
-        !filtered.length && (React.createElement(CenterThis, { style: { marginTop: '2rem' } },
-            React.createElement(NoDataFound, null)))));
-};
-
-const ConditionDropdown = ({ sources, title = 'Condition', value, onSelect, onDeselect, ...props }) => {
-    const options = useMemo(() => {
-        const payload = [];
-        sources.forEach(({ conditions }) => {
-            conditions?.forEach(({ type, reason }) => {
-                if (!payload.find((opt) => opt.id === `${type}#${reason}`)) {
-                    payload.push({ id: `${type}#${reason}`, value: `${splitCamelString(type)} - ${splitCamelString(reason)}` });
-                }
-            });
-        });
-        return payload.sort((a, b) => a.id?.localeCompare(b.id || '') || 0);
-    }, [sources]);
-    return React.createElement(Dropdown, { disabled: !options?.length, title: title, placeholder: 'All', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
-};
-
-const ConnectionStatusDropdown = ({ connections, title = '', value, onSelect, onDeselect, ...props }) => {
-    const options = useMemo(() => {
-        const payload = [];
-        connections?.forEach(({ status }) => {
-            if (!payload.find((opt) => opt.id === status)) {
-                payload.push({ id: status, value: status });
-            }
-        });
-        return payload;
-    }, [connections]);
-    return React.createElement(Dropdown, { disabled: !options?.length, title: title, placeholder: 'All Statuses', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
-};
-
-const ConnectionTypeDropdown = ({ connections, title = '', value, onSelect, onDeselect, ...props }) => {
-    const options = useMemo(() => {
-        const payload = [];
-        connections?.forEach(({ type }) => {
-            if (!payload.find((opt) => opt.id === type)) {
-                payload.push({ id: type, value: type });
-            }
-        });
-        return payload;
-    }, [connections]);
-    return React.createElement(Dropdown, { disabled: !options?.length, title: title, placeholder: 'All Types', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
-};
-
-const ErrorDropdown = ({ sources, title = 'Error Message', value, onSelect, onDeselect, disabled, ...props }) => {
-    const options = useMemo(() => {
-        const payload = [];
-        // !! note:
-        // conditions no longer have "message" being a required string,
-        // instead, it is now optional and we should fallback to "reason" which is also optional.
-        sources.forEach(({ conditions }) => {
-            mapConditions(conditions || []).forEach(({ status, message, reason }) => {
-                if (status === StatusType.Error && !payload.find((opt) => opt.id === message)) {
-                    if (!!message) {
-                        if (!payload.find((opt) => opt.id === message))
-                            payload.push({ id: message, value: message });
-                    }
-                    else if (!!reason) {
-                        if (!payload.find((opt) => opt.id === reason))
-                            payload.push({ id: reason, value: reason });
-                    }
-                }
-            });
-        });
-        return payload;
-    }, [sources]);
-    return React.createElement(Dropdown, { disabled: disabled || !options?.length, title: title, placeholder: 'All', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
-};
-
-const LanguageDropdown = ({ sources, title = 'Programming Language', value, onSelect, onDeselect, ...props }) => {
-    const options = useMemo(() => {
-        const payload = [];
-        sources.forEach(({ containers }) => {
-            containers?.forEach(({ language }) => {
-                if (!payload.find((opt) => opt.id === language)) {
-                    payload.push({ id: language, value: DISPLAY_LANGUAGES[language] || language });
-                }
-            });
-        });
-        return payload.sort((a, b) => a.id?.localeCompare(b.id || '') || 0);
-    }, [sources]);
-    return React.createElement(Dropdown, { disabled: !options?.length, title: title, placeholder: 'All', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
-};
-
-const MonitorDropdown = ({ title = 'Monitors', value, onSelect, onDeselect, ...props }) => {
-    const options = useMemo(() => {
-        const payload = [];
-        MONITORS_OPTIONS.forEach(({ id, value }) => {
-            if (!payload.find((opt) => opt.id === id))
-                payload.push({ id, value });
-        });
-        return payload;
-    }, []);
-    return React.createElement(Dropdown, { disabled: !options?.length, title: title, placeholder: 'All', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
-};
-
-const NamespaceDropdown = ({ namespaces, title = 'Namespace', value, onSelect, onDeselect, ...props }) => {
-    const options = useMemo(() => {
-        const payload = [];
-        namespaces?.forEach(({ name }) => {
-            if (!payload.find((opt) => opt.id === name)) {
-                payload.push({ id: name, value: name });
-            }
-        });
-        return payload;
-    }, [namespaces]);
-    return React.createElement(Dropdown, { disabled: !options?.length, title: title, placeholder: 'Select namespace', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
-};
-
-const KindDropdown = ({ sources, title = 'Kind', value, onSelect, onDeselect, ...props }) => {
-    const options = useMemo(() => {
-        const payload = [];
-        sources.forEach(({ kind: id }) => {
-            if (!payload.find((opt) => opt.id === id)) {
-                payload.push({ id, value: id });
-            }
-        });
-        return payload;
-    }, [sources]);
-    return React.createElement(Dropdown, { disabled: !options?.length, title: title, placeholder: 'All', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
-};
-
-const Container$g = styled.div `
-  display: flex;
-  align-items: center;
-  margin: 20px 0;
-  padding: 0 16px;
-  gap: 8px;
-`;
-const Title$1 = styled(Text) `
-  font-size: 24px;
-  white-space: nowrap;
-`;
-const SearchAndFilterWrapper = styled.div `
-  width: 200px;
-`;
-const ComputePlatformsActionsMenu = ({ connections }) => {
-    const { searchText, setSearchText, statuses, setStatuses, clearAll } = useFilterStore();
-    // cleanup filters on unmount
-    useEffect(() => {
-        return () => clearAll();
-    }, [clearAll]);
-    return (React.createElement(Container$g, null,
-        React.createElement(FlexRow, { "$gap": 16 },
-            React.createElement(FlexRow, { "$gap": 12 },
-                React.createElement(Title$1, null, "Compute platforms"),
-                React.createElement(Badge, { label: connections.length, filled: !!connections.length })),
-            React.createElement(Divider, { orientation: 'vertical', length: '20px', margin: '0' }),
-            React.createElement(SearchAndFilterWrapper, null,
-                React.createElement(Input, { placeholder: 'Search...', icon: SearchIcon, value: searchText, onChange: (e) => setSearchText(e.target.value.toLowerCase()) })),
-            React.createElement(SearchAndFilterWrapper, null,
-                React.createElement(ConnectionStatusDropdown, { connections: connections, value: statuses, onSelect: (val) => setStatuses([...(statuses || []), val]), onDeselect: (val) => setStatuses((statuses || []).filter((opt) => opt.id !== val.id)), showSearch: true, required: true, isMulti: true })))));
-};
-
 const { nodeHeight: nodeHeight$5, framePadding: framePadding$4 } = nodeConfig;
 const createEdge = (edgeId, params) => {
     const { theme, label, isMultiTarget, isError, animated } = params || {};
@@ -2036,6 +1760,99 @@ const Search = ({ preventPopup = false }) => {
         isOpen && !preventPopup ? React.createElement(SearchResults, { onClose: onClose }) : null));
 };
 
+const ConditionDropdown = ({ sources, title = 'Condition', value, onSelect, onDeselect, ...props }) => {
+    const options = useMemo(() => {
+        const payload = [];
+        sources.forEach(({ conditions }) => {
+            conditions?.forEach(({ type, reason }) => {
+                if (!payload.find((opt) => opt.id === `${type}#${reason}`)) {
+                    payload.push({ id: `${type}#${reason}`, value: `${splitCamelString(type)} - ${splitCamelString(reason)}` });
+                }
+            });
+        });
+        return payload.sort((a, b) => a.id?.localeCompare(b.id || '') || 0);
+    }, [sources]);
+    return React.createElement(Dropdown, { disabled: !options?.length, title: title, placeholder: 'All', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
+};
+
+const ErrorDropdown = ({ sources, title = 'Error Message', value, onSelect, onDeselect, disabled, ...props }) => {
+    const options = useMemo(() => {
+        const payload = [];
+        // !! note:
+        // conditions no longer have "message" being a required string,
+        // instead, it is now optional and we should fallback to "reason" which is also optional.
+        sources.forEach(({ conditions }) => {
+            mapConditions(conditions || []).forEach(({ status, message, reason }) => {
+                if (status === StatusType.Error && !payload.find((opt) => opt.id === message)) {
+                    if (!!message) {
+                        if (!payload.find((opt) => opt.id === message))
+                            payload.push({ id: message, value: message });
+                    }
+                    else if (!!reason) {
+                        if (!payload.find((opt) => opt.id === reason))
+                            payload.push({ id: reason, value: reason });
+                    }
+                }
+            });
+        });
+        return payload;
+    }, [sources]);
+    return React.createElement(Dropdown, { disabled: disabled || !options?.length, title: title, placeholder: 'All', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
+};
+
+const LanguageDropdown = ({ sources, title = 'Programming Language', value, onSelect, onDeselect, ...props }) => {
+    const options = useMemo(() => {
+        const payload = [];
+        sources.forEach(({ containers }) => {
+            containers?.forEach(({ language }) => {
+                if (!payload.find((opt) => opt.id === language)) {
+                    payload.push({ id: language, value: DISPLAY_LANGUAGES[language] || language });
+                }
+            });
+        });
+        return payload.sort((a, b) => a.id?.localeCompare(b.id || '') || 0);
+    }, [sources]);
+    return React.createElement(Dropdown, { disabled: !options?.length, title: title, placeholder: 'All', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
+};
+
+const MonitorDropdown = ({ title = 'Monitors', value, onSelect, onDeselect, ...props }) => {
+    const options = useMemo(() => {
+        const payload = [];
+        MONITORS_OPTIONS.forEach(({ id, value }) => {
+            if (!payload.find((opt) => opt.id === id))
+                payload.push({ id, value });
+        });
+        return payload;
+    }, []);
+    return React.createElement(Dropdown, { disabled: !options?.length, title: title, placeholder: 'All', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
+};
+
+const NamespaceDropdown = ({ namespaces, title = 'Namespace', value, onSelect, onDeselect, ...props }) => {
+    const options = useMemo(() => {
+        const payload = [];
+        namespaces?.forEach(({ name }) => {
+            if (!payload.find((opt) => opt.id === name)) {
+                payload.push({ id: name, value: name });
+            }
+        });
+        return payload;
+    }, [namespaces]);
+    return React.createElement(Dropdown, { disabled: !options?.length, title: title, placeholder: 'Select namespace', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
+};
+
+const KindDropdown = ({ sources, title = 'Kind', value, onSelect, onDeselect, ...props }) => {
+    const options = useMemo(() => {
+        const payload = [];
+        sources.forEach(({ kind: id }) => {
+            if (!payload.find((opt) => opt.id === id)) {
+                payload.push({ id, value: id });
+            }
+        });
+        return payload;
+    }, [sources]);
+    return React.createElement(Dropdown, { disabled: !options?.length, title: title, placeholder: 'All', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
+};
+
 const FormWrapper = styled.div `
   display: flex;
   flex-direction: column;
@@ -5335,4 +5152,4 @@ const ToggleDarkMode = () => {
         React.createElement(Background, { "$darkMode": darkMode })));
 };
 
-export { ActionDrawer, ActionForm, ActionModal, ActionTable, AwaitPipeline, ComputePlatformSelect, ComputePlatforms, ComputePlatformsActionsMenu, ConditionDropdown, ConnectionStatusDropdown, ConnectionTypeDropdown, DataFlow, DataFlowActionsMenu, DataStreamDrawer, DataStreamForm, DataStreamSelectionForm, DestinationDrawer, DestinationForm, DestinationModal, DestinationSelectionForm, DestinationTable, ErrorDropdown, InstrumentationRuleDrawer, InstrumentationRuleForm, InstrumentationRuleModal, InstrumentationRuleTable, KindDropdown, LanguageDropdown, MonitorDropdown, MultiSourceControl, NamespaceDropdown, NavIconIds, NotificationManager, OverviewDrawer, ServiceMap, SetupSummary, SideNav, SlackInvite, SourceDrawer, SourceForm, SourceModal, SourceSelectionForm, SourceTable, SystemOverview, SystemSettings, TableCellConditions, ToastList, ToggleDarkMode };
+export { ActionDrawer, ActionForm, ActionModal, ActionTable, AwaitPipeline, ConditionDropdown, DataFlow, DataFlowActionsMenu, DataStreamDrawer, DataStreamForm, DataStreamSelectionForm, DestinationDrawer, DestinationForm, DestinationModal, DestinationSelectionForm, DestinationTable, ErrorDropdown, InstrumentationRuleDrawer, InstrumentationRuleForm, InstrumentationRuleModal, InstrumentationRuleTable, KindDropdown, LanguageDropdown, MonitorDropdown, MultiSourceControl, NamespaceDropdown, NavIconIds, NotificationManager, OverviewDrawer, ServiceMap, SetupSummary, SideNav, SlackInvite, SourceDrawer, SourceForm, SourceModal, SourceSelectionForm, SourceTable, SystemOverview, SystemSettings, TableCellConditions, ToastList, ToggleDarkMode };

package/lib/functions.js

@@ -1,13 +1,15 @@
-export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getConditionsBooleans, a as getMonitorIcon, b as getStatusIcon, i as isStringABoolean, d as isValidVersion, m as mapConditions, n as numbersOnly, p as parseBooleanFromString, e as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, h as splitCamelString } from './index-a067d6e9.js';
-export { c as compareCondition, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, d as filterSources, e as filterSourcesByStream, g as formatBytes, i as getContainersIcons, h as getContainersInstrumentedCount, j as getDestinationIcon, k as getEntityIcon, l as getEntityLabel, m as getMetricForEntity, n as getPlatformIcon, o as getPlatformLabel, p as getValueForRange, q as getWorkloadId, r as getYamlFieldsForDestination, s as hasUnhealthyInstances, t as isOverTime, u as mapDestinationFieldsForDisplay, v as sleep } from './index-ba4f9a19.js';
+export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getConditionsBooleans, a as getMonitorIcon, b as getStatusIcon, i as isStringABoolean, d as isValidVersion, m as mapConditions, n as numbersOnly, p as parseBooleanFromString, e as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, h as splitCamelString } from './index-f22371cb.js';
+export { c as compareCondition, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, d as filterSources, e as filterSourcesByStream, g as formatBytes, i as getContainersIcons, h as getContainersInstrumentedCount, j as getDestinationIcon, k as getEntityIcon, l as getEntityLabel, m as getMetricForEntity, n as getValueForRange, o as getWorkloadId, p as getYamlFieldsForDestination, q as hasUnhealthyInstances, r as isOverTime, s as mapDestinationFieldsForDisplay, t as sleep } from './index-8b736e84.js';
 export { d as deepClone, i as isEmpty, s as safeJsonParse } from './index-5e5f7bda.js';
-export { g as getActionIcon, c as getEntityId, d as getInstrumentationRuleIcon, e as getProgrammingLanguageIcon } from './index-90ccd949.js';
+import { K as K8sLogo } from './index-86030474.js';
+export { g as getActionIcon, c as getEntityId, d as getInstrumentationRuleIcon, e as getProgrammingLanguageIcon } from './index-86030474.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-6a6bea6e.js';
-import { ProgrammingLanguages, EntityTypes } from './types.js';
+import { ProgrammingLanguages, PlatformType, EntityTypes } from './types.js';
 import 'react';
 import 'styled-components';
-import './index-6034549d.js';
-import './index-b9d7a992.js';
+import { O as OdigosLogo } from './index-4dfaeaab.js';
+import { V as VmLogo } from './index-1b05e560.js';
+import './index-6bb0eb56.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -81,6 +83,26 @@ const getMainContainerLanguage = (source) => {
     return mainContainer.language;
 };
 
+const getPlatformIcon = (type) => {
+    if (!type)
+        return OdigosLogo;
+    const LOGOS = {
+        [PlatformType.K8s]: K8sLogo,
+        [PlatformType.Vm]: VmLogo,
+    };
+    return LOGOS[type];
+};
+
+const getPlatformLabel = (type) => {
+    if (!type)
+        return 'Unknown';
+    const LABELS = {
+        [PlatformType.K8s]: 'Kubernetes Cluster',
+        [PlatformType.Vm]: 'Virtual Machine',
+    };
+    return LABELS[type];
+};
+
 const getSseTargetFromId = (id, type) => {
     switch (type) {
         case EntityTypes.Source: {
@@ -116,4 +138,4 @@ const stringifyNonStringValues = (obj) => {
     }, {});
 };
 
-export { cleanObjectEmptyStringsValues, getMainContainerLanguage, getSseTargetFromId, isTimeElapsed, stringifyNonStringValues };
+export { cleanObjectEmptyStringsValues, getMainContainerLanguage, getPlatformIcon, getPlatformLabel, getSseTargetFromId, isTimeElapsed, stringifyNonStringValues };

package/lib/hooks.js

@@ -1,10 +1,10 @@
 import { ActionKeyTypes, ActionType, StatusType, EntityTypes, FieldTypes } from './types.js';
-import { V as useNotificationStore, F as FORM_ALERTS, O as useDrawerStore, W as useEntityStore, Y as useDataStreamStore, _ as useSetupStore } from './index-90ccd949.js';
+import { V as useNotificationStore, F as FORM_ALERTS, O as useDrawerStore, W as useEntityStore, Y as useDataStreamStore, _ as useSetupStore } from './index-86030474.js';
 import { useState, useEffect, useMemo } from 'react';
 import 'styled-components';
 import { i as isEmpty, s as safeJsonParse } from './index-5e5f7bda.js';
-import { i as useGenericForm } from './useTransition-807be8bc.js';
-export { c as useClickNode, b as useContainerSize, h as useCopy, e as useInstrumentationRuleFormData, u as useKeyDown, a as useOnClickOutside, d as usePopup, g as useTimeAgo, f as useTransition } from './useTransition-807be8bc.js';
+import { i as useGenericForm } from './useTransition-cac1649d.js';
+export { b as useClickNode, a as useContainerSize, h as useCopy, e as useInstrumentationRuleFormData, u as useKeyDown, d as useOnClickOutside, c as usePopup, g as useTimeAgo, f as useTransition } from './useTransition-cac1649d.js';
 import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-6a6bea6e.js';
 
 const INITIAL$2 = {

package/lib/icons.js

@@ -1,10 +1,11 @@
-import { T as Theme } from './index-90ccd949.js';
-export { f as AddClusterInfoIcon, n as CPlusPlusLogo, o as CSharpLogo, C as CodeAttributesIcon, l as CustomInstrumentationIcon, h as DeleteAttributeIcon, p as DotnetLogo, E as ElixirLogo, G as GoLogo, H as HeadersCollectionIcon, j as ImageErrorIcon, J as JavaLogo, K as K8sLogo, k as KafkaLogo, q as MysqlLogo, N as NginxLogo, r as NodejsLogo, m as PayloadCollectionIcon, s as PhpLogo, P as PiiMaskingIcon, t as PostgresLogo, u as PythonLogo, v as RedisLogo, R as RenameAttributeIcon, w as RubyLogo, x as RustLogo, i as SamplerIcon, y as SwiftLogo } from './index-90ccd949.js';
-export { C as CheckCircledIcon, E as ErrorTriangleIcon, I as InfoIcon, L as LogsIcon, M as MetricsIcon, O as OdigosLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-6034549d.js';
-export { A as ArrowIcon, C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, G as GearIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RefreshLeftArrowIcon, S as SlackLogo, T as TerminalIcon, U as UserIcon } from './index-c8aab9c4.js';
+import { T as Theme } from './index-86030474.js';
+export { h as AddClusterInfoIcon, n as CPlusPlusLogo, o as CSharpLogo, C as CodeAttributesIcon, l as CustomInstrumentationIcon, i as DeleteAttributeIcon, p as DotnetLogo, E as ElixirLogo, G as GoLogo, H as HeadersCollectionIcon, k as ImageErrorIcon, J as JavaLogo, K as K8sLogo, f as KafkaLogo, q as MysqlLogo, N as NginxLogo, r as NodejsLogo, m as PayloadCollectionIcon, s as PhpLogo, P as PiiMaskingIcon, t as PostgresLogo, u as PythonLogo, v as RedisLogo, R as RenameAttributeIcon, w as RubyLogo, x as RustLogo, j as SamplerIcon, y as SwiftLogo } from './index-86030474.js';
+export { C as CheckCircledIcon, E as ErrorTriangleIcon, I as InfoIcon, L as LogsIcon, M as MetricsIcon, O as OdigosLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-4dfaeaab.js';
+export { A as ArrowIcon, C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, G as GearIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RefreshLeftArrowIcon, S as SlackLogo, T as TerminalIcon, U as UserIcon } from './index-c1a8e92c.js';
 import React from 'react';
-export { h as CheckIcon, C as CodeIcon, a as CopyIcon, i as CrossIcon, E as EditIcon, b as EditedIcon, c as ExtendArrowIcon, f as EyeClosedIcon, g as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, d as NotebookIcon, P as PlusIcon, S as SearchIcon, e as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-19b8f8bc.js';
-export { a3 as ActionsIcon, A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AwsCloudwatchLogo, d as AwsS3Logo, e as AwsXrayLogo, f as AxiomLogo, B as BetterStackLogo, g as BlobStorageLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, a4 as DestinationsIcon, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, G as GigapipeLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, a5 as NamespacesIcon, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, F as OpenTelemetryLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, T as QuickwitLogo, a6 as RulesIcon, U as SeqLogo, W as SignozLogo, a7 as SourcesIcon, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, V as VmLogo } from './index-b9d7a992.js';
+export { h as CheckIcon, C as CodeIcon, a as CopyIcon, i as CrossIcon, E as EditIcon, b as EditedIcon, c as ExtendArrowIcon, f as EyeClosedIcon, g as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, d as NotebookIcon, P as PlusIcon, S as SearchIcon, e as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-72089d6e.js';
+export { V as VmLogo } from './index-1b05e560.js';
+export { a5 as ActionsIcon, A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, i as AwsCloudwatchLogo, S as AwsS3Logo, a1 as AwsXrayLogo, c as AxiomLogo, d as BetterStackLogo, B as BlobStorageLogo, e as BonreeLogo, C as CauselyLogo, f as ChecklyLogo, g as ChronosphereLogo, h as ClickhouseLogo, j as CoralogixLogo, D as Dash0Logo, k as DatadogLogo, a4 as DestinationsIcon, l as DynatraceLogo, E as ElasticApmLogo, m as ElasticSearchLogo, F as GigapipeLogo, G as GoogleCloudPlatformLogo, n as GrafanaLogo, o as GreptimeLogo, p as GroundcoverLogo, H as HoneycombLogo, q as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, r as LightstepLogo, s as LogzioLogo, t as LokiLogo, u as LumigoLogo, M as MiddlewareLogo, a2 as NamespacesIcon, N as NewRelicLogo, v as ObserveLogo, w as OneUptimeLogo, x as OpenObserveLogo, O as OpenTelemetryLogo, y as OpsVerseLogo, z as OracleLogo, P as PrometheusLogo, Q as QrynLogo, R as QuickwitLogo, a6 as RulesIcon, T as SeqLogo, U as SignozLogo, a3 as SourcesIcon, V as SplunkLogo, W as SumoLogicLogo, X as TelemetryHubLogo, Y as TempoLogo, Z as TingyunLogo, _ as TraceloopLogo, $ as UptraceLogo, a0 as VictoriaMetricsLogo } from './index-6bb0eb56.js';
 import './types.js';
 import 'styled-components';
 

package/lib/index-1b05e560.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { T as Theme } from './index-86030474.js';
+
+const VmLogo = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 14 14', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 7.00016V12.5418M7 7.00016L1.94814 4.30969M7 7.00016L12.0519 4.30969M7 12.5418C7.12674 12.5418 7.25347 12.5291 7.37812 12.5037C7.65987 12.4463 7.92489 12.2996 8.45492 12.0063L10.7951 10.7111C11.3251 10.4177 11.5901 10.2711 11.7829 10.0659C11.9534 9.8843 12.0822 9.6704 12.161 9.43804C12.25 9.17542 12.25 8.88207 12.25 8.29536V5.70497C12.25 5.11826 12.25 4.82491 12.161 4.56229C12.1315 4.47526 12.095 4.39081 12.0519 4.30969M7 12.5418C6.87326 12.5418 6.74653 12.5291 6.62188 12.5037C6.34013 12.4463 6.07511 12.2996 5.54508 12.0063L3.20492 10.7111C2.67489 10.4177 2.40987 10.2711 2.21713 10.0659C2.04659 9.8843 1.91777 9.6704 1.83901 9.43804C1.75 9.17542 1.75 8.88207 1.75 8.29536V5.70497C1.75 5.11826 1.75 4.82491 1.83901 4.56229C1.86851 4.47526 1.90503 4.39081 1.94814 4.30969M12.0519 4.30969C11.9799 4.17423 11.8895 4.04802 11.7829 3.93447C11.5901 3.72926 11.3251 3.58258 10.7951 3.28923L8.45492 1.99404C7.92489 1.70068 7.65987 1.554 7.37812 1.49659C7.12882 1.4458 6.87117 1.4458 6.62188 1.49659C6.34013 1.554 6.07511 1.70068 5.54508 1.99404L3.20492 3.28923C2.67489 3.58258 2.40987 3.72926 2.21713 3.93447C2.11047 4.04802 2.02013 4.17423 1.94814 4.30969' })));
+};
+
+export { VmLogo as V };

package/lib/{index-6034549d.js → index-4dfaeaab.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-90ccd949.js';
+import { T as Theme } from './index-86030474.js';
 
 const OdigosLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();

package/lib/{index-b9d7a992.js → index-6bb0eb56.js}

@@ -1,12 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-90ccd949.js';
-
-const VmLogo = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
-    const theme = Theme.useTheme();
-    const fill = f || theme.text.secondary;
-    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 14 14', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
-        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 7.00016V12.5418M7 7.00016L1.94814 4.30969M7 7.00016L12.0519 4.30969M7 12.5418C7.12674 12.5418 7.25347 12.5291 7.37812 12.5037C7.65987 12.4463 7.92489 12.2996 8.45492 12.0063L10.7951 10.7111C11.3251 10.4177 11.5901 10.2711 11.7829 10.0659C11.9534 9.8843 12.0822 9.6704 12.161 9.43804C12.25 9.17542 12.25 8.88207 12.25 8.29536V5.70497C12.25 5.11826 12.25 4.82491 12.161 4.56229C12.1315 4.47526 12.095 4.39081 12.0519 4.30969M7 12.5418C6.87326 12.5418 6.74653 12.5291 6.62188 12.5037C6.34013 12.4463 6.07511 12.2996 5.54508 12.0063L3.20492 10.7111C2.67489 10.4177 2.40987 10.2711 2.21713 10.0659C2.04659 9.8843 1.91777 9.6704 1.83901 9.43804C1.75 9.17542 1.75 8.88207 1.75 8.29536V5.70497C1.75 5.11826 1.75 4.82491 1.83901 4.56229C1.86851 4.47526 1.90503 4.39081 1.94814 4.30969M12.0519 4.30969C11.9799 4.17423 11.8895 4.04802 11.7829 3.93447C11.5901 3.72926 11.3251 3.58258 10.7951 3.28923L8.45492 1.99404C7.92489 1.70068 7.65987 1.554 7.37812 1.49659C7.12882 1.4458 6.87117 1.4458 6.62188 1.49659C6.34013 1.554 6.07511 1.70068 5.54508 1.99404L3.20492 3.28923C2.67489 3.58258 2.40987 3.72926 2.21713 3.93447C2.11047 4.04802 2.02013 4.17423 1.94814 4.30969' })));
-};
+import { T as Theme } from './index-86030474.js';
 
 const AlaudaLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
     return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 43 43', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
@@ -680,4 +673,4 @@ const SourcesIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1
         React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M13.3332 3.8V8M13.3332 3.8C13.3332 4.79411 10.9454 5.6 7.99984 5.6C5.05432 5.6 2.6665 4.79411 2.6665 3.8M13.3332 3.8C13.3332 2.80589 10.9454 2 7.99984 2C5.05432 2 2.6665 2.80589 2.6665 3.8M13.3332 8V12.0875C13.3332 13.1437 10.9454 14 7.99984 14C5.05432 14 2.6665 13.1437 2.6665 12.0875V8M13.3332 8C13.3332 8.99413 10.9454 9.8 7.99984 9.8C5.05432 9.8 2.6665 8.99413 2.6665 8M2.6665 8V3.8M10.6665 7.33333H10.6732M10.6665 11.3333H10.6732' })));
 };
 
-export { TingyunLogo as $, AlaudaLogo as A, BetterStackLogo as B, CauselyLogo as C, Dash0Logo as D, ElasticApmLogo as E, OpenTelemetryLogo as F, GigapipeLogo as G, HoneycombLogo as H, InstanaLogo as I, JaegerLogo as J, KloudmateLogo as K, Last9Logo as L, MiddlewareLogo as M, NewRelicLogo as N, ObserveLogo as O, OpsVerseLogo as P, OracleLogo as Q, PrometheusLogo as R, QrynLogo as S, QuickwitLogo as T, SeqLogo as U, VmLogo as V, SignozLogo as W, SplunkLogo as X, SumoLogicLogo as Y, TelemetryHubLogo as Z, TempoLogo as _, AlibabaCloudLogo as a, TraceloopLogo as a0, UptraceLogo as a1, VictoriaMetricsLogo as a2, ActionsIcon as a3, DestinationsIcon as a4, NamespacesIcon as a5, RulesIcon as a6, SourcesIcon as a7, AppDynamicsLogo as b, AwsCloudwatchLogo as c, AwsS3Logo as d, AwsXrayLogo as e, AxiomLogo as f, BlobStorageLogo as g, BonreeLogo as h, ChecklyLogo as i, ChronosphereLogo as j, ClickhouseLogo as k, CoralogixLogo as l, DatadogLogo as m, DynatraceLogo as n, ElasticSearchLogo as o, GoogleCloudPlatformLogo as p, GrafanaLogo as q, GreptimeLogo as r, GroundcoverLogo as s, HyperDxLogo as t, LightstepLogo as u, LogzioLogo as v, LokiLogo as w, LumigoLogo as x, OneUptimeLogo as y, OpenObserveLogo as z };
+export { UptraceLogo as $, AlaudaLogo as A, BlobStorageLogo as B, CauselyLogo as C, Dash0Logo as D, ElasticApmLogo as E, GigapipeLogo as F, GoogleCloudPlatformLogo as G, HoneycombLogo as H, InstanaLogo as I, JaegerLogo as J, KloudmateLogo as K, Last9Logo as L, MiddlewareLogo as M, NewRelicLogo as N, OpenTelemetryLogo as O, PrometheusLogo as P, QrynLogo as Q, QuickwitLogo as R, AwsS3Logo as S, SeqLogo as T, SignozLogo as U, SplunkLogo as V, SumoLogicLogo as W, TelemetryHubLogo as X, TempoLogo as Y, TingyunLogo as Z, TraceloopLogo as _, AlibabaCloudLogo as a, VictoriaMetricsLogo as a0, AwsXrayLogo as a1, NamespacesIcon as a2, SourcesIcon as a3, DestinationsIcon as a4, ActionsIcon as a5, RulesIcon as a6, AppDynamicsLogo as b, AxiomLogo as c, BetterStackLogo as d, BonreeLogo as e, ChecklyLogo as f, ChronosphereLogo as g, ClickhouseLogo as h, AwsCloudwatchLogo as i, CoralogixLogo as j, DatadogLogo as k, DynatraceLogo as l, ElasticSearchLogo as m, GrafanaLogo as n, GreptimeLogo as o, GroundcoverLogo as p, HyperDxLogo as q, LightstepLogo as r, LogzioLogo as s, LokiLogo as t, LumigoLogo as u, ObserveLogo as v, OneUptimeLogo as w, OpenObserveLogo as x, OpsVerseLogo as y, OracleLogo as z };

package/lib/{index-e4e75973.js → index-6cc9ec6b.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { a6 as WarningModal } from './index-192794e8.js';
+import { a6 as WarningModal } from './index-8b8d8883.js';
 import { StatusType, EntityTypes } from './types.js';
-import './index-90ccd949.js';
+import './index-86030474.js';
 import 'styled-components';
 
 const CancelWarning = ({ isOpen, noOverlay, name, onApprove, onDeny }) => {

package/lib/{index-19b8f8bc.js → index-72089d6e.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-90ccd949.js';
+import { T as Theme } from './index-86030474.js';
 
 const CodeIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
     const theme = Theme.useTheme();

package/lib/{index-90ccd949.js → index-86030474.js}

@@ -1915,4 +1915,4 @@ var animations = /*#__PURE__*/Object.freeze({
 
 const Theme = { Provider, useTheme, opacity, animations };
 
-export { useSelectedStore as $, ACTION_OPTIONS as A, BUTTON_TEXTS as B, CodeAttributesIcon as C, DISPLAY_LANGUAGES as D, ElixirLogo as E, FORM_ALERTS as F, GoLogo as G, HeadersCollectionIcon as H, INSTRUMENTATION_RULE_OPTIONS as I, JavaLogo as J, K8sLogo as K, LANGUAGE_OPTIONS as L, MONITORS_OPTIONS as M, NginxLogo as N, useDrawerStore as O, PiiMaskingIcon as P, useActiveNodeStore as Q, RenameAttributeIcon as R, STORAGE_KEYS as S, Theme as T, usePendingStore as U, useNotificationStore as V, useEntityStore as W, useFilterStore as X, useDataStreamStore as Y, useInstrumentStore as Z, useSetupStore as _, DEFAULT_DATA_STREAM_NAME as a, useDarkMode as a0, styleInject as a1, DISPLAY_TITLES as b, getEntityId as c, getInstrumentationRuleIcon as d, getProgrammingLanguageIcon as e, AddClusterInfoIcon as f, getActionIcon as g, DeleteAttributeIcon as h, SamplerIcon as i, ImageErrorIcon as j, KafkaLogo as k, CustomInstrumentationIcon as l, PayloadCollectionIcon as m, CPlusPlusLogo as n, CSharpLogo as o, DotnetLogo as p, MysqlLogo as q, NodejsLogo as r, PhpLogo as s, PostgresLogo as t, PythonLogo as u, RedisLogo as v, RubyLogo as w, RustLogo as x, SwiftLogo as y, useModalStore as z };
+export { useSelectedStore as $, ACTION_OPTIONS as A, BUTTON_TEXTS as B, CodeAttributesIcon as C, DISPLAY_LANGUAGES as D, ElixirLogo as E, FORM_ALERTS as F, GoLogo as G, HeadersCollectionIcon as H, INSTRUMENTATION_RULE_OPTIONS as I, JavaLogo as J, K8sLogo as K, LANGUAGE_OPTIONS as L, MONITORS_OPTIONS as M, NginxLogo as N, useDrawerStore as O, PiiMaskingIcon as P, useActiveNodeStore as Q, RenameAttributeIcon as R, STORAGE_KEYS as S, Theme as T, usePendingStore as U, useNotificationStore as V, useEntityStore as W, useFilterStore as X, useDataStreamStore as Y, useInstrumentStore as Z, useSetupStore as _, DEFAULT_DATA_STREAM_NAME as a, useDarkMode as a0, styleInject as a1, DISPLAY_TITLES as b, getEntityId as c, getInstrumentationRuleIcon as d, getProgrammingLanguageIcon as e, KafkaLogo as f, getActionIcon as g, AddClusterInfoIcon as h, DeleteAttributeIcon as i, SamplerIcon as j, ImageErrorIcon as k, CustomInstrumentationIcon as l, PayloadCollectionIcon as m, CPlusPlusLogo as n, CSharpLogo as o, DotnetLogo as p, MysqlLogo as q, NodejsLogo as r, PhpLogo as s, PostgresLogo as t, PythonLogo as u, RedisLogo as v, RubyLogo as w, RustLogo as x, SwiftLogo as y, useModalStore as z };

package/lib/{index-ba4f9a19.js → index-8b736e84.js}

@@ -1,9 +1,8 @@
-import { StatusType, DestinationTypes, EntityTypes, PlatformType } from './types.js';
-import { a as DEFAULT_DATA_STREAM_NAME, e as getProgrammingLanguageIcon, k as KafkaLogo, K as K8sLogo } from './index-90ccd949.js';
+import { StatusType, DestinationTypes, EntityTypes } from './types.js';
+import { a as DEFAULT_DATA_STREAM_NAME, e as getProgrammingLanguageIcon, f as KafkaLogo } from './index-86030474.js';
 import 'react';
 import 'styled-components';
-import { A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, f as AxiomLogo, g as BlobStorageLogo, B as BetterStackLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, c as AwsCloudwatchLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, F as OpenTelemetryLogo, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, G as GigapipeLogo, T as QuickwitLogo, d as AwsS3Logo, U as SeqLogo, W as SignozLogo, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, e as AwsXrayLogo, a5 as NamespacesIcon, a7 as SourcesIcon, a4 as DestinationsIcon, a3 as ActionsIcon, a6 as RulesIcon, V as VmLogo } from './index-b9d7a992.js';
-import { O as OdigosLogo } from './index-6034549d.js';
+import { A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AxiomLogo, B as BlobStorageLogo, d as BetterStackLogo, e as BonreeLogo, C as CauselyLogo, f as ChecklyLogo, g as ChronosphereLogo, h as ClickhouseLogo, i as AwsCloudwatchLogo, j as CoralogixLogo, D as Dash0Logo, k as DatadogLogo, O as OpenTelemetryLogo, l as DynatraceLogo, E as ElasticApmLogo, m as ElasticSearchLogo, G as GoogleCloudPlatformLogo, n as GrafanaLogo, o as GreptimeLogo, p as GroundcoverLogo, H as HoneycombLogo, q as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, r as LightstepLogo, s as LogzioLogo, t as LokiLogo, u as LumigoLogo, M as MiddlewareLogo, N as NewRelicLogo, v as ObserveLogo, w as OneUptimeLogo, x as OpenObserveLogo, y as OpsVerseLogo, z as OracleLogo, P as PrometheusLogo, Q as QrynLogo, F as GigapipeLogo, R as QuickwitLogo, S as AwsS3Logo, T as SeqLogo, U as SignozLogo, V as SplunkLogo, W as SumoLogicLogo, X as TelemetryHubLogo, Y as TempoLogo, Z as TingyunLogo, _ as TraceloopLogo, $ as UptraceLogo, a0 as VictoriaMetricsLogo, a1 as AwsXrayLogo, a2 as NamespacesIcon, a3 as SourcesIcon, a4 as DestinationsIcon, a5 as ActionsIcon, a6 as RulesIcon } from './index-6bb0eb56.js';
 import { s as safeJsonParse } from './index-5e5f7bda.js';
 
 const compareCondition = (renderCondition, fields) => {
@@ -235,26 +234,6 @@ const getMetricForEntity = (metrics, entityType, entityId) => {
     return metric || { throughput: 0 };
 };
 
-const getPlatformIcon = (type) => {
-    if (!type)
-        return OdigosLogo;
-    const LOGOS = {
-        [PlatformType.K8s]: K8sLogo,
-        [PlatformType.Vm]: VmLogo,
-    };
-    return LOGOS[type];
-};
-
-const getPlatformLabel = (type) => {
-    if (!type)
-        return 'Unknown';
-    const LABELS = {
-        [PlatformType.K8s]: 'Kubernetes Cluster',
-        [PlatformType.Vm]: 'Virtual Machine',
-    };
-    return LABELS[type];
-};
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const getValueForRange = (current, matrix) => {
     // CURRENT: represents the current value (such as window width)
@@ -322,4 +301,4 @@ const mapDestinationFieldsForDisplay = (destination, yamlFields) => {
 
 const sleep = async (ms = 1000) => new Promise((resolve) => setTimeout(resolve, ms));
 
-export { filterDestinations as a, filterDestinationsByStream as b, compareCondition as c, filterSources as d, filterSourcesByStream as e, filterActions as f, formatBytes as g, getContainersInstrumentedCount as h, getContainersIcons as i, getDestinationIcon as j, getEntityIcon as k, getEntityLabel as l, getMetricForEntity as m, getPlatformIcon as n, getPlatformLabel as o, getValueForRange as p, getWorkloadId as q, getYamlFieldsForDestination as r, hasUnhealthyInstances as s, isOverTime as t, mapDestinationFieldsForDisplay as u, sleep as v };
+export { filterDestinations as a, filterDestinationsByStream as b, compareCondition as c, filterSources as d, filterSourcesByStream as e, filterActions as f, formatBytes as g, getContainersInstrumentedCount as h, getContainersIcons as i, getDestinationIcon as j, getEntityIcon as k, getEntityLabel as l, getMetricForEntity as m, getValueForRange as n, getWorkloadId as o, getYamlFieldsForDestination as p, hasUnhealthyInstances as q, isOverTime as r, mapDestinationFieldsForDisplay as s, sleep as t };

package/lib/{index-192794e8.js → index-8b8d8883.js}

@@ -1,13 +1,13 @@
 import React, { Fragment, useMemo, useState, useEffect, useRef, forwardRef, createElement, useCallback, createContext, memo, useContext, useLayoutEffect } from 'react';
-import { T as Theme, B as BUTTON_TEXTS, j as ImageErrorIcon, M as MONITORS_OPTIONS, a1 as styleInject, U as usePendingStore, $ as useSelectedStore, Z as useInstrumentStore, Q as useActiveNodeStore, V as useNotificationStore, b as DISPLAY_TITLES, L as LANGUAGE_OPTIONS, F as FORM_ALERTS, D as DISPLAY_LANGUAGES, e as getProgrammingLanguageIcon } from './index-90ccd949.js';
+import { T as Theme, B as BUTTON_TEXTS, k as ImageErrorIcon, M as MONITORS_OPTIONS, a1 as styleInject, U as usePendingStore, $ as useSelectedStore, Z as useInstrumentStore, Q as useActiveNodeStore, V as useNotificationStore, b as DISPLAY_TITLES, L as LANGUAGE_OPTIONS, F as FORM_ALERTS, D as DISPLAY_LANGUAGES, e as getProgrammingLanguageIcon } from './index-86030474.js';
 import styled, { css } from 'styled-components';
-import { M as MinusIcon$1, h as CheckIcon, L as ListIcon, C as CodeIcon, c as ExtendArrowIcon, P as PlusIcon$1, a as CopyIcon, E as EditIcon, b as EditedIcon, e as SortArrowsIcon, d as NotebookIcon, X as XIcon, f as EyeClosedIcon, g as EyeOpenIcon, N as NoDataIcon, i as CrossIcon, S as SearchIcon, T as TrashIcon } from './index-19b8f8bc.js';
+import { M as MinusIcon$1, h as CheckIcon, L as ListIcon, C as CodeIcon, c as ExtendArrowIcon, P as PlusIcon$1, a as CopyIcon, E as EditIcon, b as EditedIcon, e as SortArrowsIcon, d as NotebookIcon, X as XIcon, f as EyeClosedIcon, g as EyeOpenIcon, N as NoDataIcon, i as CrossIcon, S as SearchIcon, T as TrashIcon } from './index-72089d6e.js';
 import { StatusType, OtherStatus, EntityTypes, NodeTypes, AddNodeTypes, EdgeTypes, ProgrammingLanguages, IntrumentationStatus, SortDirection, InputTypes, FieldTypes } from './types.js';
 import { s as safeJsonParse, i as isEmpty } from './index-5e5f7bda.js';
-import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, g as getConditionsBooleans, c as capitalizeFirstLetter, a as getMonitorIcon, i as isStringABoolean, p as parseBooleanFromString, d as isValidVersion, h as splitCamelString, e as parseJsonStringToPrettyString, n as numbersOnly } from './index-a067d6e9.js';
+import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, g as getConditionsBooleans, c as capitalizeFirstLetter, a as getMonitorIcon, i as isStringABoolean, p as parseBooleanFromString, d as isValidVersion, h as splitCamelString, e as parseJsonStringToPrettyString, n as numbersOnly } from './index-f22371cb.js';
 import ReactDOM, { createPortal } from 'react-dom';
-import { d as usePopup, h as useCopy, c as useClickNode, i as useGenericForm, b as useContainerSize, f as useTransition, u as useKeyDown, a as useOnClickOutside } from './useTransition-807be8bc.js';
-import { I as InfoIcon } from './index-6034549d.js';
+import { c as usePopup, h as useCopy, b as useClickNode, i as useGenericForm, a as useContainerSize, f as useTransition, u as useKeyDown, d as useOnClickOutside } from './useTransition-cac1649d.js';
+import { I as InfoIcon } from './index-4dfaeaab.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};
@@ -83,9 +83,11 @@ const Text = ({ children, color, size, weight, align, family, opacity, decoratio
                 : '';
         return str.split('\n');
     }, [children]);
-    return (React.createElement(TextWrapper$2, { "$color": color, "$size": size, "$weight": weight, "$align": align, "$family": family, "$opacity": opacity, "$decoration": decoration, ...props }, textArray.map((str, i) => (React.createElement(Fragment, { key: `text-${i}-${str}` },
-        renderText(str, theme),
-        i !== textArray.length - 1 ? React.createElement("br", null) : null)))));
+    return (React.createElement(TextWrapper$2, { "$color": color, "$size": size, "$weight": weight, "$align": align, "$family": family, "$opacity": opacity, "$decoration": decoration, ...props }, textArray.length
+        ? textArray.map((str, i) => (React.createElement(Fragment, { key: `text-${i}-${str}` },
+            renderText(str, theme),
+            i !== textArray.length - 1 ? React.createElement("br", null) : null)))
+        : children));
 };
 
 const ErrorWrapper = styled.div `

package/lib/{index-c8aab9c4.js → index-c1a8e92c.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-90ccd949.js';
+import { T as Theme } from './index-86030474.js';
 
 const OdigosLogoText = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();

package/lib/{index-a067d6e9.js → index-f22371cb.js}

@@ -1,8 +1,8 @@
 import { StatusType, OtherStatus, SignalType } from './types.js';
 import 'react';
-import './index-90ccd949.js';
+import './index-86030474.js';
 import 'styled-components';
-import { L as LogsIcon, M as MetricsIcon, T as TracesIcon, C as CheckCircledIcon, E as ErrorTriangleIcon, W as WarningTriangleIcon, I as InfoIcon, O as OdigosLogo } from './index-6034549d.js';
+import { L as LogsIcon, M as MetricsIcon, T as TracesIcon, C as CheckCircledIcon, E as ErrorTriangleIcon, W as WarningTriangleIcon, I as InfoIcon, O as OdigosLogo } from './index-4dfaeaab.js';
 
 const capitalizeFirstLetter = (string) => {
     return string.charAt(0).toUpperCase() + string.slice(1);

package/lib/snippets.js

@@ -1,15 +1,15 @@
-import { B as Button, _ as Text, L as NotificationNote } from './index-192794e8.js';
-export { al as AddButton, aq as AddNode, ar as BaseNode, an as CopyText, as as EdgedNode, aj as Flow, at as FrameNode, au as HeaderNode, az as LabeledEdge, av as MapItemNode, aw as NoDataNode, ao as PodContainer, ax as ScrollNode, ay as SkeletonNode, ap as SourceContainer, ag as nodeConfig } from './index-192794e8.js';
+import { B as Button, _ as Text, L as NotificationNote } from './index-8b8d8883.js';
+export { al as AddButton, aq as AddNode, ar as BaseNode, an as CopyText, as as EdgedNode, aj as Flow, at as FrameNode, au as HeaderNode, az as LabeledEdge, av as MapItemNode, aw as NoDataNode, ao as PodContainer, ax as ScrollNode, ay as SkeletonNode, ap as SourceContainer, ag as nodeConfig } from './index-8b8d8883.js';
 import React from 'react';
-import { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-90ccd949.js';
-import { E as EditIcon } from './index-19b8f8bc.js';
+import { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-86030474.js';
+import { E as EditIcon } from './index-72089d6e.js';
 import { StatusType } from './types.js';
 import 'styled-components';
-import { I as InfoIcon } from './index-6034549d.js';
+import { I as InfoIcon } from './index-4dfaeaab.js';
 import './index-5e5f7bda.js';
-import './index-a067d6e9.js';
+import './index-f22371cb.js';
 import 'react-dom';
-import './useTransition-807be8bc.js';
+import './useTransition-cac1649d.js';
 
 const EditButton = ({ label, onClick, variant = 'tertiary', ...props }) => {
     const theme = Theme.useTheme();

package/lib/store.js

@@ -1,4 +1,4 @@
-export { Q as useActiveNodeStore, a0 as useDarkMode, Y as useDataStreamStore, O as useDrawerStore, W as useEntityStore, X as useFilterStore, Z as useInstrumentStore, z as useModalStore, V as useNotificationStore, U as usePendingStore, $ as useSelectedStore, _ as useSetupStore } from './index-90ccd949.js';
+export { Q as useActiveNodeStore, a0 as useDarkMode, Y as useDataStreamStore, O as useDrawerStore, W as useEntityStore, X as useFilterStore, Z as useInstrumentStore, z as useModalStore, V as useNotificationStore, U as usePendingStore, $ as useSelectedStore, _ as useSetupStore } from './index-86030474.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/theme.js

@@ -1,4 +1,4 @@
-export { T as default } from './index-90ccd949.js';
+export { T as default } from './index-86030474.js';
 import 'styled-components';
 import 'react';
 import './types.js';

package/lib/types/index.d.ts

@@ -1,7 +1,6 @@
 export * from './actions';
 export * from './common';
 export * from './config';
-export * from './connection';
 export * from './data-flow';
 export * from './data-streams';
 export * from './describe';

package/lib/{useTransition-807be8bc.js → useTransition-cac1649d.js}

@@ -1,4 +1,4 @@
-import { z as useModalStore, O as useDrawerStore, Q as useActiveNodeStore } from './index-90ccd949.js';
+import { z as useModalStore, O as useDrawerStore, Q as useActiveNodeStore } from './index-86030474.js';
 import { AddNodeTypes, EntityTypes, PayloadCollectionKeyTypes, CodeAttributesKeyTypes, CustomInstrumentationsKeyTypes } from './types.js';
 import React, { useState, useMemo, useEffect, useRef, useCallback } from 'react';
 import styled from 'styled-components';
@@ -3595,4 +3595,4 @@ const useTransition = ({ container, animateIn, animateOut, duration = 300 }) =>
     return Transition;
 };
 
-export { useOnClickOutside as a, useContainerSize as b, useClickNode as c, usePopup as d, useInstrumentationRuleFormData as e, useTransition as f, useTimeAgo as g, useCopy as h, useGenericForm as i, useKeyDown as u };
+export { useContainerSize as a, useClickNode as b, usePopup as c, useOnClickOutside as d, useInstrumentationRuleFormData as e, useTransition as f, useTimeAgo as g, useCopy as h, useGenericForm as i, useKeyDown as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.80",
+  "version": "0.0.82",
   "author": "Odigos",
   "repository": {
     "type": "git",

package/lib/containers/compute-platform-select/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { type Connection } from '@/types';
-interface ComputePlatformSelectProps {
-    connections: Connection[];
-    selected?: Connection;
-    onSelect: (payload: Connection) => void;
-    onViewAll: () => void;
-}
-declare const ComputePlatformSelect: React.FC<ComputePlatformSelectProps>;
-export { ComputePlatformSelect, type ComputePlatformSelectProps };

package/lib/containers/compute-platforms/index.d.ts

@@ -1,8 +0,0 @@
-import { type FC } from 'react';
-import { type Connection } from '@/types';
-interface ComputePlatformsProps {
-    connections: Connection[];
-    onSelect: (payload: Connection) => void;
-}
-declare const ComputePlatforms: FC<ComputePlatformsProps>;
-export { ComputePlatforms, type ComputePlatformsProps };

package/lib/containers/compute-platforms-actions-menu/index.d.ts

@@ -1,7 +0,0 @@
-import { type FC } from 'react';
-import type { Connection } from '@/types';
-interface ComputePlatformsActionsMenuProps {
-    connections: Connection[];
-}
-declare const ComputePlatformsActionsMenu: FC<ComputePlatformsActionsMenuProps>;
-export { ComputePlatformsActionsMenu, type ComputePlatformsActionsMenuProps };

package/lib/containers/dropdowns/connection-status-dropdown/index.d.ts

@@ -1,15 +0,0 @@
-import { type FC } from 'react';
-import type { Connection } from '@/types';
-import { type DropdownProps } from '@/components';
-interface ConnectionStatusDropdownProps {
-    connections: Connection[];
-    title?: string;
-    value?: DropdownProps['options'];
-    onSelect: (val: DropdownProps['options'][0]) => void;
-    onDeselect: (val: DropdownProps['options'][0]) => void;
-    isMulti?: boolean;
-    required?: boolean;
-    showSearch?: boolean;
-}
-declare const ConnectionStatusDropdown: FC<ConnectionStatusDropdownProps>;
-export { ConnectionStatusDropdown, type ConnectionStatusDropdownProps };

package/lib/containers/dropdowns/connection-type-dropdown/index.d.ts

@@ -1,15 +0,0 @@
-import { type FC } from 'react';
-import type { Connection } from '@/types';
-import { type DropdownProps } from '@/components';
-interface ConnectionTypeDropdownProps {
-    connections: Connection[];
-    title?: string;
-    value?: DropdownProps['options'];
-    onSelect: (val: DropdownProps['options'][0]) => void;
-    onDeselect: (val: DropdownProps['options'][0]) => void;
-    isMulti?: boolean;
-    required?: boolean;
-    showSearch?: boolean;
-}
-declare const ConnectionTypeDropdown: FC<ConnectionTypeDropdownProps>;
-export { ConnectionTypeDropdown, type ConnectionTypeDropdownProps };

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

@@ -1,7 +0,0 @@
-import { StatusType, PlatformType } from '../common';
-export interface Connection {
-    id: string;
-    type?: PlatformType;
-    name?: string;
-    status: StatusType;
-}