@odigos/ui-kit 0.0.44 → 0.0.46

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## [0.0.46](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.45...ui-kit-v0.0.46) (2025-06-24)
+
+
+### Features
+
+* turn on data streams ([#164](https://github.com/odigos-io/ui-kit/issues/164)) ([f7956f4](https://github.com/odigos-io/ui-kit/commit/f7956f4d9a444aa7c88d62ab9fbeeee3c523e855))
+
+## [0.0.45](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.44...ui-kit-v0.0.45) (2025-06-23)
+
+
+### Features
+
+* re-use getConditionsBooleans function ([#188](https://github.com/odigos-io/ui-kit/issues/188)) ([e602132](https://github.com/odigos-io/ui-kit/commit/e60213239340354d44c4855abf8a39da44acdeee))
+
+
+### Bug Fixes
+
+* initialize extend state with initialExtended prop in DataCard component ([#189](https://github.com/odigos-io/ui-kit/issues/189)) ([31604ca](https://github.com/odigos-io/ui-kit/commit/31604cabee2587c647354601fca37d3816a4807d))
+
 ## [0.0.44](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.43...ui-kit-v0.0.44) (2025-06-19)
 
 

package/lib/components/data-tab/index.d.ts

@@ -20,6 +20,7 @@ interface CheckboxProps {
     withCheckbox?: boolean;
     isCheckboxDisabled?: boolean;
     isChecked?: boolean;
+    isLoading?: boolean;
     onCheckboxChange?: (value: boolean) => void;
 }
 interface ExtendableProps {

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

@@ -6,6 +6,7 @@ interface ToggleProps {
     onChange?: (value: boolean) => void;
     disabled?: boolean;
     allowPropagation?: boolean;
+    flipHorizontally?: boolean;
 }
 declare const Toggle: FC<ToggleProps>;
 export { Toggle, type ToggleProps };

package/lib/components.js

@@ -1,15 +1,15 @@
-import { B as Button } from './index-AM8c03-E.js';
-export { a as AutocompleteInput, b as Badge, a1 as CenterThis, C as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, e as DataCardFields, g as DataTab, h as Divider, i as DocsButton, j as Drawer, l as DrawerFooter, k as DrawerHeader, m as Dropdown, E as ExtendArrow, F as FadeLoader, n as FieldError, o as FieldLabel, a0 as FlexColumn, $ as FlexRow, H as Header, I as IconButton, p as IconGroup, q as IconTitleBadge, r as IconWrapped, s as IconsNav, t as ImageControlled, u as Input, v as InputList, w as InputTable, x as InteractiveTable, K as KeyValueInputsList, M as Modal, a4 as ModalBody, y as MonitorsCheckboxes, z as MonitorsIcons, N as NavigationButtons, G as NoDataFound, J as NotificationNote, a3 as Overlay, S as ScrollX, L as SectionTitle, O as Segment, P as SelectionButton, Q as SkeletonLoader, R as Status, U as Stepper, a5 as TableContainer, a6 as TableTitleWrap, a7 as TableWrap, V as Text, W as TextArea, X as Toggle, T as ToggleCodeComponent, Y as Tooltip, Z as TraceLoader, a2 as VerticalScroll, _ as WarningModal } from './index-AM8c03-E.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-Dxj04GUZ.js';
+import { B as Button } from './index-B1IScVBT.js';
+export { a as AutocompleteInput, b as Badge, a1 as CenterThis, C as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, e as DataCardFields, g as DataTab, h as Divider, i as DocsButton, j as Drawer, l as DrawerFooter, k as DrawerHeader, m as Dropdown, E as ExtendArrow, F as FadeLoader, n as FieldError, o as FieldLabel, a0 as FlexColumn, $ as FlexRow, H as Header, I as IconButton, p as IconGroup, q as IconTitleBadge, r as IconWrapped, s as IconsNav, t as ImageControlled, u as Input, v as InputList, w as InputTable, x as InteractiveTable, K as KeyValueInputsList, M as Modal, a4 as ModalBody, y as MonitorsCheckboxes, z as MonitorsIcons, N as NavigationButtons, G as NoDataFound, J as NotificationNote, a3 as Overlay, S as ScrollX, L as SectionTitle, O as Segment, P as SelectionButton, Q as SkeletonLoader, R as Status, U as Stepper, a5 as TableContainer, a6 as TableTitleWrap, a7 as TableWrap, V as Text, W as TextArea, X as Toggle, T as ToggleCodeComponent, Y as Tooltip, Z as TraceLoader, a2 as VerticalScroll, _ as WarningModal } from './index-B1IScVBT.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-C8vqcUbP.js';
 import React, { Component, createElement, createContext } from 'react';
-import { T as Theme } from './index-BD7meETN.js';
+import { T as Theme } from './index-BRGQ84pJ.js';
 import './types.js';
-import './index-CY3kjYr3.js';
-import './index-b8zuk7ta.js';
+import './index-BUCure0Q.js';
+import './index-BJpPcCBm.js';
 import 'styled-components';
-import './index-DZWbhK14.js';
+import './index-CeHgnkLY.js';
 import './index-BV85P9UP.js';
-import './useTransition-BWC_F-Pl.js';
+import './useTransition-DsrDiKOV.js';
 import 'react-dom';
 
 const ErrorBoundaryContext = createContext(null);

package/lib/constants/strings/index.d.ts

@@ -31,6 +31,7 @@ export declare const DISPLAY_TITLES: {
     NAME_YOUR_STREAM_PLACEHOLDER: string;
     STREAM_DESCRIPTION: string;
     STREAM_CONFIRM: string;
+    DATA_STREAM_EXISTS_WARNING: (curr: string, next: string) => string;
     ACTION: string;
     ACTIONS: string;
     ADD_ACTION: string;
@@ -88,6 +89,8 @@ export declare const DISPLAY_TITLES: {
     TO_MODIFY_OTEL_DATA: string;
     QUICK_BACK_TO_SUMMARY: string;
     GO_TO_SUMMARY: string;
+    FUTURE_APPS_TITLE: string;
+    FUTURE_APPS_DESCRIPTION: string;
     OVERIDE: string;
     OVERIDDEN: string;
     OVERRIDE_RUNTIME_DETAILS: string;

package/lib/constants.js

@@ -1,4 +1,4 @@
-export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, k as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, l 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-BD7meETN.js';
+export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, k as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, l 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-BRGQ84pJ.js';
 export { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
 import 'react';
 import './types.js';

package/lib/containers/data-stream-form/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { DataStream } from '@/types';
+import { type DataStream } from '@/types';
 interface DataStreamFormProps {
     formData: DataStream;
     handleFormChange: (key: keyof DataStream, val: any) => void;

package/lib/containers/data-stream-modal/data-stream-modal.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type DataStreamModalProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DataStreamModalProps>;
+};
+export default _default;
+export declare const Default: StoryFn<DataStreamModalProps>;

package/lib/containers/data-stream-modal/index.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+interface DataStreamModalProps {
+}
+declare const DataStreamModal: FC<DataStreamModalProps>;
+export { DataStreamModal, type DataStreamModalProps };

package/lib/containers/destination-modal/choose-destination/destinations-list/index.d.ts

@@ -4,6 +4,7 @@ interface DestinationsListProps {
     items: DestinationCategories;
     onSelectNew: (item: DestinationOption) => void;
     onSelectConfigured: (id: string) => void;
+    isLoadingForDestinationIds: string[];
 }
 declare const DestinationsList: FC<DestinationsListProps>;
 export { DestinationsList, type DestinationsListProps };

package/lib/containers/destination-modal/choose-destination/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
+import { DestinationsListProps } from './destinations-list';
 import { type DestinationCategories, type DestinationOption, SignalType } from '@/types';
-interface Props {
+interface Props extends Pick<DestinationsListProps, 'onSelectConfigured' | 'isLoadingForDestinationIds'> {
     hidden?: boolean;
     categories: DestinationCategories;
     potentialDestinations: DestinationOption[];
     onSelectNew: (item: DestinationOption, selectedMonitors: SignalType[]) => void;
-    onSelectConfigured: (id: string) => void;
 }
 export declare const ChooseDestinationBody: React.FC<Props>;
 export {};

package/lib/containers/destination-modal/index.d.ts

@@ -4,8 +4,9 @@ interface DestinationModalProps {
     isOnboarding?: boolean;
     categories: DestinationCategories;
     potentialDestinations: DestinationOption[];
-    createDestination: (destination: DestinationFormData) => void;
-    updateDestination: (id: string, destination: DestinationFormData) => void;
+    createDestination: (destination: DestinationFormData) => Promise<void>;
+    updateDestination: (id: string, destination: DestinationFormData) => Promise<void>;
+    deleteDestination: (id: string) => Promise<void>;
     testConnection: TestConnectionFunc;
 }
 declare const DestinationModal: FC<DestinationModalProps>;

package/lib/containers.js

@@ -1,22 +1,22 @@
 import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, memo, useContext, createContext, useCallback, useLayoutEffect, Fragment } from 'react';
 import styled, { css } from 'styled-components';
-import { l as DISPLAY_TITLES, T as Theme, h as usePendingStore, g as useNotificationStore, b as useDrawerStore, B as BUTTON_TEXTS, c as useEntityStore, A as ACTION_OPTIONS, m as getActionIcon, f as useModalStore, F as FORM_ALERTS, d as useFilterStore, M as MONITORS_OPTIONS, $ as styleInject, i as useSelectedStore, e as useInstrumentStore, o as getInstrumentationRuleIcon, a as useDataStreamStore, n as getEntityId, S as STORAGE_KEYS, j as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, u as useDarkMode } from './index-BD7meETN.js';
+import { l as DISPLAY_TITLES, T as Theme, h as usePendingStore, g as useNotificationStore, b as useDrawerStore, B as BUTTON_TEXTS, c as useEntityStore, A as ACTION_OPTIONS, m as getActionIcon, f as useModalStore, F as FORM_ALERTS, d as useFilterStore, M as MONITORS_OPTIONS, $ as styleInject, i as useSelectedStore, e as useInstrumentStore, o as getInstrumentationRuleIcon, a as useDataStreamStore, n as getEntityId, S as STORAGE_KEYS, k as DEFAULT_DATA_STREAM_NAME, j as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, u as useDarkMode } from './index-BRGQ84pJ.js';
 import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, AddNodeTypes, EdgeTypes, SignalType, HeadersCollectionKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType, K8sResourceKind } from './types.js';
-import { f as DataCardFieldTypes, o as FieldLabel, C as Checkbox, n as FieldError, u as Input, w as InputTable, K as KeyValueInputsList, v as InputList, V as Text, O as Segment, L as SectionTitle, i as DocsButton, y as MonitorsCheckboxes, W as TextArea, j as Drawer, d as ConditionDetails, D as DataCard, a0 as FlexColumn, M as Modal, N as NavigationButtons, a4 as ModalBody, J as NotificationNote, a as AutocompleteInput, h as Divider, R as Status, $ as FlexRow, Y as Tooltip, r as IconWrapped, z as MonitorsIcons, a5 as TableContainer, a6 as TableTitleWrap, q as IconTitleBadge, a7 as TableWrap, x as InteractiveTable, a1 as CenterThis, G as NoDataFound, Z as TraceLoader, b as Badge, E as ExtendArrow, a2 as VerticalScroll, P as SelectionButton, B as Button, m as Dropdown, a8 as getDefaultExportFromCjs, F as FadeLoader, g as DataTab, Q as SkeletonLoader, X as Toggle, A as AddButton$1, U as Stepper, I as IconButton, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-AM8c03-E.js';
+import { f as DataCardFieldTypes, o as FieldLabel, C as Checkbox, n as FieldError, u as Input, w as InputTable, K as KeyValueInputsList, v as InputList, V as Text, O as Segment, L as SectionTitle, i as DocsButton, y as MonitorsCheckboxes, W as TextArea, j as Drawer, d as ConditionDetails, D as DataCard, a0 as FlexColumn, M as Modal, N as NavigationButtons, a4 as ModalBody, J as NotificationNote, a as AutocompleteInput, h as Divider, R as Status, $ as FlexRow, Y as Tooltip, r as IconWrapped, z as MonitorsIcons, a5 as TableContainer, a6 as TableTitleWrap, q as IconTitleBadge, a7 as TableWrap, x as InteractiveTable, a1 as CenterThis, G as NoDataFound, Z as TraceLoader, b as Badge, E as ExtendArrow, a2 as VerticalScroll, P as SelectionButton, B as Button, m as Dropdown, a8 as getDefaultExportFromCjs, F as FadeLoader, g as DataTab, Q as SkeletonLoader, X as Toggle, I as IconButton, A as AddButton$1, U as Stepper, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-B1IScVBT.js';
 import { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
-import { C as CheckCircledIcon, O as OdigosLogo } from './index-DZWbhK14.js';
-import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, R as RetryIcon, N as NotificationIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-BL1s2-bo.js';
-import { u as useActionFormData, a as useClickNode, e as useSessionStorage, c as useDataStreamFormData, d as useDestinationFormData, b as useClickNotification, f as useSourceFormData, g as useSourceSelectionFormData } from './useSourceSelectionFormData-DmZnRueA.js';
-import { d as useKeyDown, e as useOnClickOutside, u as useContainerSize, c as useInstrumentationRuleFormData, g as useTransition, f as useTimeAgo, a as useCopy } from './useTransition-BWC_F-Pl.js';
-import { E as EditIcon, T as TrashIcon, S as SearchIcon, P as PlusIcon$1, h as CheckIcon, A as ArrowIcon, a as CopyIcon, i as CrossIcon } from './index-CY3kjYr3.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-Dxj04GUZ.js';
-import { m as mapConditions, a as getStatusIcon, c as capitalizeFirstLetter } from './index-b8zuk7ta.js';
-import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, w as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, v as mapDestinationFieldsForDisplay, c as compareCondition, t as getYamlFieldsForDestination, d as deepClone, o as getMetricForEntity, s as getWorkloadId, j as getContainersInstrumentedCount, u as isOverTime } from './index-Bup9Thvg.js';
+import { C as CheckCircledIcon, O as OdigosLogo } from './index-CeHgnkLY.js';
+import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, R as RetryIcon, N as NotificationIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-C4aVlsHh.js';
+import { u as useActionFormData, a as useClickNode, e as useSessionStorage, c as useDataStreamFormData, d as useDestinationFormData, b as useClickNotification, f as useSourceFormData, g as useSourceSelectionFormData } from './useSourceSelectionFormData-CMXqoHZs.js';
+import { d as useKeyDown, e as useOnClickOutside, u as useContainerSize, c as useInstrumentationRuleFormData, g as useTransition, f as useTimeAgo, a as useCopy } from './useTransition-DsrDiKOV.js';
+import { E as EditIcon, T as TrashIcon, S as SearchIcon, P as PlusIcon$1, h as CheckIcon, A as ArrowIcon, a as CopyIcon, i as CrossIcon } from './index-BUCure0Q.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-C8vqcUbP.js';
+import { g as getConditionsBooleans, m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-BJpPcCBm.js';
+import { f as filterActions, m as getEntityLabel, l as getEntityIcon, v as sleep$1, o as getPlatformIcon, p as getPlatformLabel, h as formatBytes, j as getContainersIcons, q as getValueForRange, k as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, u as mapDestinationFieldsForDisplay, c as compareCondition, s as getYamlFieldsForDestination, d as deepClone, n as getMetricForEntity, r as getWorkloadId, i as getContainersInstrumentedCount, t as isOverTime } from './index-CpT8LSxY.js';
 import { createPortal } from 'react-dom';
 import { m as mapExportedSignals } from './index-BlZKWuxe.js';
-import { N as NoteBackToSummary, E as EditButton } from './index-BDBeg2A7.js';
+import { N as NoteBackToSummary, E as EditButton } from './index-fEP_guwb.js';
 import { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
-import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-C3BU6Xe-.js';
+import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-DypjdLnz.js';
 
 const buildCard$3 = (action) => {
     const { type, spec: { actionName, notes, signals, disabled, collectContainerAttributes, collectReplicaSetAttributes, collectWorkloadId, collectClusterId, labelsAttributes, annotationsAttributes, clusterAttributes, attributeNamesToDelete, renames, piiCategories, fallbackSamplingRatio, samplingPercentage, endpointsFilters, servicesNameFilters, attributeFilters, }, } = action;
@@ -852,16 +852,13 @@ const buildSpecCell$1 = (action) => {
 };
 
 const TableCellConditions = ({ conditions, id }) => {
-    const errors = useMemo(() => conditions?.filter(({ status }) => status === StatusType.Error) || [], [conditions]);
-    const warnings = useMemo(() => conditions?.filter(({ status }) => status === StatusType.Warning) || [], [conditions]);
-    const disableds = useMemo(() => conditions?.filter(({ status }) => status === OtherStatus.Disabled) || [], [conditions]);
-    const isLoading = useMemo(() => !conditions?.length || !!conditions?.find(({ status }) => status === OtherStatus.Loading), [conditions]);
+    const { errors, warnings, disableds, hasLoadings } = useMemo(() => getConditionsBooleans(conditions), [conditions]);
     const conditionsToShow = errors.length > 0 ? errors : warnings.length > 0 ? warnings : disableds.length > 0 ? disableds : [];
     if (conditionsToShow.length > 0) {
         return (React.createElement("div", { style: { lineHeight: 1 } },
             React.createElement(ConditionsStatuses, { conditions: conditionsToShow, id: id })));
     }
-    const elseStatus = isLoading ? OtherStatus.Loading : StatusType.Success;
+    const elseStatus = hasLoadings ? OtherStatus.Loading : StatusType.Success;
     return (React.createElement("div", { style: { lineHeight: 1 } },
         React.createElement(Status, { status: elseStatus, title: elseStatus, withBorder: true, withIcon: true })));
 };
@@ -7028,6 +7025,7 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
     let dragStarted = false;
     let d3Selection = null;
     let abortDrag = false; // prevents unintentional dragging on multitouch
+    let nodePositionsChanged = false;
     // public functions
     function update({ noDragClassName, handleSelector, domNode, isSelectable, nodeId, nodeClickDistance = 0, }) {
         d3Selection = select(domNode);
@@ -7084,6 +7082,7 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
                 dragItem.position = position;
                 dragItem.internals.positionAbsolute = positionAbsolute;
             }
+            nodePositionsChanged = nodePositionsChanged || hasChange;
             if (!hasChange) {
                 return;
             }
@@ -7155,6 +7154,7 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
             const { domNode, nodeDragThreshold, transform, snapGrid, snapToGrid } = getStoreItems();
             containerBounds = domNode?.getBoundingClientRect() || null;
             abortDrag = false;
+            nodePositionsChanged = false;
             if (nodeDragThreshold === 0) {
                 startDrag(event);
             }
@@ -7201,7 +7201,10 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
             cancelAnimationFrame(autoPanId);
             if (dragItems.size > 0) {
                 const { nodeLookup, updateNodePositions, onNodeDragStop, onSelectionDragStop } = getStoreItems();
-                updateNodePositions(dragItems, false);
+                if (nodePositionsChanged) {
+                    updateNodePositions(dragItems, false);
+                    nodePositionsChanged = false;
+                }
                 if (onDragStop || onNodeDragStop || (!nodeId && onSelectionDragStop)) {
                     const [currentNode, currentNodes] = getEventHandlerParams({
                         nodeId,
@@ -14373,8 +14376,11 @@ const Container$d = styled.div `
   padding: 4px;
 `;
 const DataStreamForm = ({ formData, handleFormChange, formErrors }) => {
+    const { dataStreams, selectedStreamName } = useDataStreamStore();
+    const existingDS = useMemo(() => dataStreams.find((s) => s.name === formData.name && s.name !== selectedStreamName), [dataStreams, formData.name, selectedStreamName]);
     return (React.createElement(Container$d, null,
-        React.createElement(Input, { name: 'name', title: DISPLAY_TITLES.STREAM_NAME, placeholder: DISPLAY_TITLES.NAME_YOUR_STREAM_PLACEHOLDER, required: true, value: formData.name, onChange: ({ target: { value } }) => handleFormChange('name', value), errorMessage: formErrors['name'] })));
+        React.createElement(Input, { name: 'name', title: DISPLAY_TITLES.STREAM_NAME, placeholder: DISPLAY_TITLES.NAME_YOUR_STREAM_PLACEHOLDER, required: true, value: formData.name, onChange: ({ target: { value } }) => handleFormChange('name', value), errorMessage: formErrors['name'] }),
+        existingDS && React.createElement(NotificationNote, { type: StatusType.Warning, message: DISPLAY_TITLES.DATA_STREAM_EXISTS_WARNING(selectedStreamName, existingDS.name) })));
 };
 
 const FormContainer$3 = styled.div `
@@ -14457,9 +14463,7 @@ const SelectionRow = styled(FlexRow) `
 const Stretch = styled.div `
   width: 100%;
 `;
-const DataStreamSelect = ({ 
-// onClickNewDataStream,
-updateDataStream, deleteDataStream, }) => {
+const DataStreamSelect = ({ onClickNewDataStream, updateDataStream, deleteDataStream }) => {
     const theme = Theme.useTheme();
     const { dataStreams, selectedStreamName, setSelectedStreamName } = useDataStreamStore();
     const [popupOpen, setPopupOpen] = useState(false);
@@ -14468,13 +14472,18 @@ updateDataStream, deleteDataStream, }) => {
     const [editOpenForDataStreamName, setEditOpenForDataStreamName] = useState('');
     const [deleteOpenForDataStreamName, setDeleteOpenForDataStreamName] = useState('');
     const [searchText, setSearchText] = useState('');
-    const filteredDataStreams = useMemo(() => dataStreams.filter(({ name }) => !searchText || name.toLowerCase().includes(searchText.toLowerCase())), [dataStreams, searchText]);
-    const rows = useMemo(() => filteredDataStreams.map(({ name }) => (React.createElement(SelectionRow, { key: `stream-${name}` },
+    const rows = useMemo(() => dataStreams
+        .filter(({ name }) => !searchText || name.toLowerCase().includes(searchText.toLowerCase()))
+        .map(({ name }) => (React.createElement(SelectionRow, { key: `stream-${name}` },
         React.createElement(Stretch, null,
             React.createElement(SelectionButton, { label: name, isSelected: selectedStreamName === name, onClick: () => {
                     setSelectedStreamName(name);
                     setPopupOpen(false);
-                }, color: 'transparent', style: { width: '100%', justifyContent: 'flex-start' } }))))), [filteredDataStreams, selectedStreamName]);
+                }, color: 'transparent', style: { width: '100%', justifyContent: 'flex-start' } })),
+        name !== DEFAULT_DATA_STREAM_NAME && (React.createElement(IconButton, { onClick: () => setDeleteOpenForDataStreamName(name), tooltip: BUTTON_TEXTS.DELETE },
+            React.createElement(TrashIcon, null))),
+        React.createElement(IconButton, { onClick: () => setEditOpenForDataStreamName(name), tooltip: BUTTON_TEXTS.EDIT },
+            React.createElement(EditIcon, null))))), [dataStreams, selectedStreamName, searchText]);
     return (React.createElement(React.Fragment, null,
         React.createElement(RelativeContainer$1, null,
             React.createElement(Container$c, { "$gap": 0 },
@@ -14484,7 +14493,12 @@ updateDataStream, deleteDataStream, }) => {
                         "Data Stream: ",
                         selectedStreamName),
                     React.createElement(ExtendArrow, { extend: popupOpen }),
-                    React.createElement(Badge, { label: dataStreams.length }))),
+                    React.createElement(Badge, { label: dataStreams.length })),
+                React.createElement(Divider, { orientation: 'vertical', length: '32px', thickness: 2, margin: '0' }),
+                React.createElement(AddButton$1, { onClick: () => {
+                        setSelectedStreamName('');
+                        onClickNewDataStream();
+                    }, label: BUTTON_TEXTS.NEW })),
             popupOpen && (React.createElement(AbsoluteContainer$1, { ref: containerRef },
                 React.createElement(SelectionMenuHeader, null,
                     React.createElement(Input, { placeholder: 'Search...', icon: SearchIcon, value: searchText, onChange: (e) => setSearchText(e.target.value) })),
@@ -14528,7 +14542,7 @@ const DataStreamSelectionForm = forwardRef(({ isModal, onClickSummary }, ref) =>
         validateForm,
         getFormValues: () => formData,
     }));
-    return (React.createElement(ModalBody, { "$isNotModal": !isModal, "$minHeight": '70vh' },
+    return (React.createElement(ModalBody, { "$isNotModal": !isModal },
         React.createElement(FlexColumn, { "$gap": 24 },
             onClickSummary && React.createElement(NoteBackToSummary, { onClick: onClickSummary }),
             React.createElement(SectionTitle, { title: DISPLAY_TITLES.NAME_YOUR_STREAM, description: DISPLAY_TITLES.STREAM_DESCRIPTION }),
@@ -14846,7 +14860,7 @@ const ListsWrapper = styled.div `
   flex-direction: column;
   gap: 12px;
 `;
-const DestinationsList = ({ items, onSelectNew, onSelectConfigured }) => {
+const DestinationsList = ({ items, onSelectNew, onSelectConfigured, isLoadingForDestinationIds }) => {
     const { configuredDestinationsUpdateOnly } = useSetupStore();
     return items.map((category) => {
         const isAlreadyExisting = category.name === DESTINATION_CATEGORIES['EXISTS']['TITLE'];
@@ -14855,13 +14869,15 @@ const DestinationsList = ({ items, onSelectNew, onSelectConfigured }) => {
             category.items.map((item) => {
                 // Following replaceAll() is to create a "legal" data-id (no spaces) for Cypress testing
                 const key = `select-${category.name.replaceAll(' ', '')}-destination-${item.type}`;
-                const isChecked = item.selected || configuredDestinationsUpdateOnly.some((dest) => dest.id === item.id);
                 const monitors = Object.keys(item.supportedSignals).filter((signal) => item.supportedSignals[signal].supported);
-                const onClick = isAlreadyExisting ? () => onSelectConfigured(item.id) : () => onSelectNew(item);
                 const { icon, iconSrc } = getDestinationIcon(item.type);
+                const isChecked = item.selected || configuredDestinationsUpdateOnly.some((dest) => dest.id === item.id);
+                const isLoading = !!isLoadingForDestinationIds.find((id) => id === item.id);
+                const onClick = isAlreadyExisting ? () => onSelectConfigured(item.id) : () => onSelectNew(item);
                 return (React.createElement(DataTab, { key: key, "data-id": key, title: item.displayName, hoverText: BUTTON_TEXTS.SELECT, onClick: onClick, iconProps: { icon, iconSrc }, visualProps: { monitors, monitorsWithLabels: true }, checkboxProps: {
                         withCheckbox: isAlreadyExisting,
                         isChecked,
+                        isLoading,
                         onCheckboxChange: () => onSelectConfigured(item.id),
                     } }));
             })));
@@ -14925,7 +14941,7 @@ const createConfiguredItems = (destinations, selectedStreamName, configuredDesti
         },
     };
 });
-const ChooseDestinationBody = ({ hidden, categories, potentialDestinations, onSelectNew, onSelectConfigured }) => {
+const ChooseDestinationBody = ({ hidden, categories, potentialDestinations, onSelectNew, onSelectConfigured, isLoadingForDestinationIds }) => {
     const { destinations } = useEntityStore();
     const { selectedStreamName } = useDataStreamStore();
     const { configuredDestinations, configuredDestinationsUpdateOnly } = useSetupStore();
@@ -14972,7 +14988,7 @@ const ChooseDestinationBody = ({ hidden, categories, potentialDestinations, onSe
         React.createElement(Divider, null),
         !filteredDestinations.length ? (React.createElement(NoDataFoundWrapper, null,
             React.createElement(NoDataFound, { title: 'No destinations found' }))) : (React.createElement(ListsContainer, null,
-            React.createElement(DestinationsList, { items: filteredDestinations, onSelectNew: (dest) => onSelectNew(dest, selectedMonitors), onSelectConfigured: onSelectConfigured })))));
+            React.createElement(DestinationsList, { items: filteredDestinations, onSelectNew: (dest) => onSelectNew(dest, selectedMonitors), onSelectConfigured: onSelectConfigured, isLoadingForDestinationIds: isLoadingForDestinationIds })))));
 };
 
 const Container$8 = styled.div `
@@ -14986,17 +15002,18 @@ const SideMenuWrapper = styled.div `
     display: none;
   }
 `;
-const DestinationModal = ({ isOnboarding, categories, potentialDestinations, createDestination, updateDestination, testConnection }) => {
+const DestinationModal = ({ isOnboarding, categories, potentialDestinations, createDestination, updateDestination, deleteDestination, testConnection }) => {
     const { destinations } = useEntityStore();
     const { selectedStreamName } = useDataStreamStore();
     const { currentModal, setCurrentModal } = useModalStore();
-    const { addConfiguredDestination, addConfiguredDestinationUpdateOnly } = useSetupStore();
+    const { addConfiguredDestination, addConfiguredDestinationUpdateOnly, removeConfiguredDestinationUpdateOnly, configuredDestinationsUpdateOnly } = useSetupStore();
     const isOpen = currentModal === EntityTypes.Destination;
     const [selectedItem, setSelectedItem] = useState(undefined);
     const { formData, formErrors, handleFormChange, resetFormData, validateForm, setYamlFields, dynamicFields, setDynamicFields, loadFormWithDrawerItem } = useDestinationFormData({
         supportedSignals: selectedItem?.supportedSignals,
         preLoadedFields: selectedItem?.fields,
     });
+    const [isLoadingForDestinationIds, setIsLoadingForDestinationIds] = useState([]);
     const getDestPayload = (alreadyConfigDest) => {
         const fields = {};
         if (!alreadyConfigDest) {
@@ -15022,7 +15039,7 @@ const DestinationModal = ({ isOnboarding, categories, potentialDestinations, cre
             },
         };
     };
-    const handleAdd = (alreadyConfigDest) => {
+    const handleAdd = async (alreadyConfigDest) => {
         // Handle new cases from onboarding
         if (isOnboarding && !alreadyConfigDest) {
             const payload = getDestPayload();
@@ -15031,7 +15048,13 @@ const DestinationModal = ({ isOnboarding, categories, potentialDestinations, cre
         // Handle already configured cases from onboarding
         else if (isOnboarding && alreadyConfigDest) {
             const payload = getDestPayload(alreadyConfigDest);
-            addConfiguredDestinationUpdateOnly(payload);
+            const alreadyAdded = configuredDestinationsUpdateOnly.some((dest) => dest.id === alreadyConfigDest.id);
+            if (alreadyAdded) {
+                removeConfiguredDestinationUpdateOnly(alreadyConfigDest);
+            }
+            else {
+                addConfiguredDestinationUpdateOnly(payload);
+            }
         }
         // Handle new cases from overview
         else if (!isOnboarding && !alreadyConfigDest) {
@@ -15040,8 +15063,15 @@ const DestinationModal = ({ isOnboarding, categories, potentialDestinations, cre
         // Handle already configured cases from overview
         else if (!isOnboarding && alreadyConfigDest) {
             const payload = getDestPayload(alreadyConfigDest);
-            const payloadForm = loadFormWithDrawerItem(payload);
-            updateDestination(alreadyConfigDest.id, payloadForm);
+            const alreadyAdded = payload.dataStreamNames.some((streamName) => streamName === selectedStreamName);
+            setIsLoadingForDestinationIds((prev) => [...prev, alreadyConfigDest.id]);
+            if (alreadyAdded) {
+                await deleteDestination(alreadyConfigDest.id);
+            }
+            else {
+                await updateDestination(alreadyConfigDest.id, loadFormWithDrawerItem(payload));
+            }
+            setIsLoadingForDestinationIds((prev) => prev.filter((id) => id !== alreadyConfigDest.id));
         }
         else {
             console.warn('DestinationModal: handleAdd: No action taken, no destination or already configured destination found');
@@ -15112,7 +15142,7 @@ const DestinationModal = ({ isOnboarding, categories, potentialDestinations, cre
                         { stepNumber: 2, title: DISPLAY_TITLES.CONNECTION },
                     ] })),
             React.createElement(ModalBody, { style: { margin: '32px 24px 12px 24px' } },
-                React.createElement(ChooseDestinationBody, { hidden: selectedItem !== undefined, categories: categories, potentialDestinations: potentialDestinations, onSelectNew: handleSelectNew, onSelectConfigured: handleSelectConfigured }),
+                React.createElement(ChooseDestinationBody, { hidden: selectedItem !== undefined, categories: categories, potentialDestinations: potentialDestinations, onSelectNew: handleSelectNew, onSelectConfigured: handleSelectConfigured, isLoadingForDestinationIds: isLoadingForDestinationIds }),
                 selectedItem && (React.createElement(DestinationForm, { categoryItem: selectedItem, formData: formData, formErrors: formErrors, handleFormChange: handleFormChange, dynamicFields: dynamicFields, setDynamicFields: setDynamicFields, validateForm: validateForm, testConnection: testConnection }))))));
 };
 
@@ -15189,7 +15219,7 @@ const DestinationSelectionForm = ({ isSourcesListEmpty, goToSources, categories,
                         React.createElement(PlusIcon$1, null),
                         React.createElement(Text, { color: theme.colors.secondary, size: 14, decoration: 'underline', family: 'secondary' }, DISPLAY_TITLES.ADD_DESTINATION))),
                 React.createElement(DestinationList, { categories: categories, withDelete: true }))),
-        React.createElement(DestinationModal, { isOnboarding: true, categories: categories, potentialDestinations: potentialDestinations, updateDestination: () => { }, createDestination: () => { }, testConnection: testConnection })));
+        React.createElement(DestinationModal, { isOnboarding: true, categories: categories, potentialDestinations: potentialDestinations, updateDestination: async () => { }, createDestination: async () => { }, deleteDestination: async () => { }, testConnection: testConnection })));
 };
 
 const columns$2 = [
@@ -15998,7 +16028,7 @@ const NotSourcesWrapper = styled(CenterThis) `
 const SelectionCount = styled(Text) `
   width: 18px;
 `;
-const SourceList = ({ isModal = false, withInstances = true, filteredNamespacesAndSources, selectedNamespace, onSelectNamespace, selectedSources, onSelectSource }) => {
+const SourceList = ({ isModal = false, withInstances = true, filteredNamespacesAndSources, selectedNamespace, onSelectNamespace, selectedSources, onSelectSource, selectedFutureApps, onSelectFutureApps, }) => {
     const theme = Theme.useTheme();
     const { namespacesLoading } = useEntityStore();
     const matrix = Object.entries(filteredNamespacesAndSources || {});
@@ -16008,6 +16038,7 @@ const SourceList = ({ isModal = false, withInstances = true, filteredNamespacesA
     const NamespaceIcon = getEntityIcon(EntityTypes.Namespace);
     return (React.createElement(Container$4, { "$isModal": isModal }, matrix.map(([namespace, sources]) => {
         const sourcesForNamespace = selectedSources?.[namespace] || [];
+        const futureAppsForNamespace = selectedFutureApps?.[namespace]?.selected || false;
         const onlySelectedSources = sourcesForNamespace.filter(({ selected }) => selected);
         const isNamespaceLoaded = sourcesForNamespace.length > 0;
         const isNamespaceSelected = selectedNamespace === namespace;
@@ -16024,6 +16055,9 @@ const SourceList = ({ isModal = false, withInstances = true, filteredNamespacesA
                     React.createElement(NamespaceIcon, null),
                     React.createElement(Text, null, namespace)),
                 React.createElement(FlexRow, { "$gap": 12 },
+                    onSelectFutureApps && (React.createElement(React.Fragment, null,
+                        React.createElement(Toggle, { title: DISPLAY_TITLES.FUTURE_APPS_TITLE, tooltip: DISPLAY_TITLES.FUTURE_APPS_DESCRIPTION, initialValue: futureAppsForNamespace, onChange: (bool) => onSelectFutureApps(bool, namespace), flipHorizontally: true }),
+                        React.createElement(Divider, { orientation: 'vertical', length: '12px', margin: '0' }))),
                     React.createElement(SelectionCount, { size: 10, color: theme.text.grey }, isNamespaceLoaded ? `${onlySelectedSources.length}/${sources.length}` : null),
                     onSelectNamespace && React.createElement(ExtendArrow, { extend: isNamespaceSelected }))),
             (isNamespaceSelected || !onSelectNamespace) &&
@@ -16057,16 +16091,15 @@ const Container$3 = styled.div `
   height: fit-content;
   overflow-y: scroll;
 `;
-const SetupSummary = ({ 
-// onEditStream,
-onEditSources, onEditDestinations, categories, }) => {
-    // const { selectedStreamName } = useDataStreamStore();
+const SetupSummary = ({ onEditStream, onEditSources, onEditDestinations, categories }) => {
+    const { selectedStreamName } = useDataStreamStore();
     const { configuredSources, configuredDestinations, configuredDestinationsUpdateOnly } = useSetupStore();
     const sourceCount = useMemo(() => Object.values(configuredSources).reduce((total, sourceList) => total + sourceList.filter((s) => s.selected).length, 0), [configuredSources]);
     return (React.createElement(ModalBody, { "$isNotModal": true },
         React.createElement(FlexColumn, { "$gap": 12 },
             React.createElement(SectionTitle, { title: DISPLAY_TITLES.SUMMARY, description: DISPLAY_TITLES.STREAM_CONFIRM }),
             React.createElement(Container$3, null,
+                React.createElement(DataCard, { title: DISPLAY_TITLES.STREAM_NAME, action: () => React.createElement(EditButton, { onClick: onEditStream }), data: [{ title: '', value: selectedStreamName }] }),
                 React.createElement(DataCard, { title: DISPLAY_TITLES.SELECTED_SOURCES, titleBadge: sourceCount, action: () => React.createElement(EditButton, { onClick: onEditSources }) },
                     React.createElement(SourceList, { filteredNamespacesAndSources: configuredSources, withInstances: false })),
                 React.createElement(DataCard, { title: DISPLAY_TITLES.SELECTED_DESTINATIONS, titleBadge: configuredDestinations.length + configuredDestinationsUpdateOnly.length, action: () => React.createElement(EditButton, { onClick: onEditDestinations }) },

package/lib/functions/get-conditions-booleans/index.d.ts

@@ -1,8 +1,12 @@
 import { StatusType, type Condition } from '@/types';
 export declare const getConditionsBooleans: (conditions: Condition[]) => {
+    errors: Condition[];
     hasErrors: boolean;
+    warnings: Condition[];
     hasWarnings: boolean;
+    disableds: Condition[];
     hasDisableds: boolean;
+    loadings: Condition[];
     hasLoadings: boolean;
     priorotizedStatus: StatusType | undefined;
 };

package/lib/functions.js

@@ -1,13 +1,13 @@
-export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getStatusIcon, i as isValidVersion, m as mapConditions, n as numbersOnly, p as parseBooleanFromString, b as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-b8zuk7ta.js';
-export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, i as getConditionsBooleans, k as getContainersIcons, j as getContainersInstrumentedCount, l as getDestinationIcon, m as getEntityIcon, n as getEntityLabel, o as getMetricForEntity, p as getPlatformIcon, q as getPlatformLabel, r as getValueForRange, s as getWorkloadId, t as getYamlFieldsForDestination, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index-Bup9Thvg.js';
-export { m as getActionIcon, n as getEntityId, o as getInstrumentationRuleIcon, p as getProgrammingLanguageIcon } from './index-BD7meETN.js';
+export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getConditionsBooleans, a as getMonitorIcon, b as getStatusIcon, i as isValidVersion, m as mapConditions, n as numbersOnly, p as parseBooleanFromString, d as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, e as splitCamelString } from './index-BJpPcCBm.js';
+export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, j as getContainersIcons, i as getContainersInstrumentedCount, k as getDestinationIcon, l as getEntityIcon, m as getEntityLabel, n as getMetricForEntity, o as getPlatformIcon, p as getPlatformLabel, q as getValueForRange, r as getWorkloadId, s as getYamlFieldsForDestination, t as isOverTime, u as mapDestinationFieldsForDisplay, v as sleep } from './index-CpT8LSxY.js';
+export { m as getActionIcon, n as getEntityId, o as getInstrumentationRuleIcon, p as getProgrammingLanguageIcon } from './index-BRGQ84pJ.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 import { EntityTypes } from './types.js';
 export { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
 import 'react';
 import 'styled-components';
-import './index-DZWbhK14.js';
-import './index-C3BU6Xe-.js';
+import './index-CeHgnkLY.js';
+import './index-DypjdLnz.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {
     const cleanArray = (arr) => arr.filter((item) => {

package/lib/hooks/useSourceSelectionFormData.d.ts

@@ -1,7 +1,7 @@
 import { type Dispatch, type SetStateAction } from 'react';
 import { EntityTypes, type FetchSingleNamespace } from '@/types';
 import { type AvailableSource, type AvailableSourcesByNamespace, type NamespaceSelectionFormData, type SourceSelectionFormData } from '@/store';
-export type SelectedNamespace = string;
+export type NamespaceName = string;
 interface UseSourceFormDataParams {
     fetchSingleNamespace: FetchSingleNamespace;
 }
@@ -11,11 +11,11 @@ export interface UseSourceSelectionFormData {
     getApiSourcesPayload: () => SourceSelectionFormData;
     getApiFutureAppsPayload: () => NamespaceSelectionFormData;
     selectedNamespace: string;
-    onSelectNamespace: (namespace: SelectedNamespace, selectAll?: boolean) => void;
+    onSelectNamespace: (namespace: NamespaceName, selectAll?: boolean) => void;
     selectedSources: SourceSelectionFormData;
-    onSelectSource: (source: AvailableSource, namespace?: SelectedNamespace) => void;
+    onSelectSource: (source: AvailableSource, namespace?: NamespaceName) => void;
     selectedFutureApps: NamespaceSelectionFormData;
-    onSelectFutureApps: (bool: boolean, namespace?: SelectedNamespace) => void;
+    onSelectFutureApps: (bool: boolean, namespace?: NamespaceName) => void;
     searchText: string;
     setSearchText: Dispatch<SetStateAction<string>>;
     searchBy: EntityTypes;

package/lib/hooks.js

@@ -1,7 +1,7 @@
-export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDataStreamFormData, d as useDestinationFormData, e as useSessionStorage, f as useSourceFormData, g as useSourceSelectionFormData } from './useSourceSelectionFormData-DmZnRueA.js';
-export { u as useContainerSize, a as useCopy, b as useGenericForm, c as useInstrumentationRuleFormData, d as useKeyDown, e as useOnClickOutside, f as useTimeAgo, g as useTransition } from './useTransition-BWC_F-Pl.js';
+export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDataStreamFormData, d as useDestinationFormData, e as useSessionStorage, f as useSourceFormData, g as useSourceSelectionFormData } from './useSourceSelectionFormData-CMXqoHZs.js';
+export { u as useContainerSize, a as useCopy, b as useGenericForm, c as useInstrumentationRuleFormData, d as useKeyDown, e as useOnClickOutside, f as useTimeAgo, g as useTransition } from './useTransition-DsrDiKOV.js';
 import './types.js';
-import './index-BD7meETN.js';
+import './index-BRGQ84pJ.js';
 import 'react';
 import 'styled-components';
 import './index-BV85P9UP.js';

package/lib/icons.js

@@ -1,10 +1,10 @@
-import { T as Theme } from './index-BD7meETN.js';
-export { q as AddClusterInfoIcon, x as CPlusPlusLogo, y as CSharpLogo, C as CodeAttributesIcon, r as DeleteAttributeIcon, z as DotnetLogo, E as ElixirLogo, G as GoLogo, H as HeadersCollectionIcon, t as ImageErrorIcon, J as JavaLogo, K as K8sLogo, v as KafkaLogo, N as MysqlLogo, O as NginxLogo, Q as NodejsLogo, w as PayloadCollectionIcon, U as PhpLogo, P as PiiMaskingIcon, V as PostgresLogo, W as PythonLogo, X as RedisLogo, R as RenameAttributeIcon, Y as RubyLogo, Z as RustLogo, s as SamplerIcon, _ as SwiftLogo } from './index-BD7meETN.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-DZWbhK14.js';
-export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RetryIcon, S as SlackLogo, T as TerminalIcon } from './index-BL1s2-bo.js';
-export { A as ArrowIcon, 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-CY3kjYr3.js';
+import { T as Theme } from './index-BRGQ84pJ.js';
+export { q as AddClusterInfoIcon, x as CPlusPlusLogo, y as CSharpLogo, C as CodeAttributesIcon, r as DeleteAttributeIcon, z as DotnetLogo, E as ElixirLogo, G as GoLogo, H as HeadersCollectionIcon, t as ImageErrorIcon, J as JavaLogo, K as K8sLogo, v as KafkaLogo, N as MysqlLogo, O as NginxLogo, Q as NodejsLogo, w as PayloadCollectionIcon, U as PhpLogo, P as PiiMaskingIcon, V as PostgresLogo, W as PythonLogo, X as RedisLogo, R as RenameAttributeIcon, Y as RubyLogo, Z as RustLogo, s as SamplerIcon, _ as SwiftLogo } from './index-BRGQ84pJ.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-CeHgnkLY.js';
+export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RetryIcon, S as SlackLogo, T as TerminalIcon } from './index-C4aVlsHh.js';
+export { A as ArrowIcon, 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-BUCure0Q.js';
 import React from 'react';
-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-C3BU6Xe-.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-DypjdLnz.js';
 import './types.js';
 import 'styled-components';