@odigos/ui-kit 0.0.31 → 0.0.32

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [0.0.32](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.31...ui-kit-v0.0.32) (2025-05-25)
+
+
+### Features
+
+* add HTTP Headers instrumentation rule ([#133](https://github.com/odigos-io/ui-kit/issues/133)) ([4caa7d2](https://github.com/odigos-io/ui-kit/commit/4caa7d28615398828ed66514b285bcb9968dda26))
+* enhance filterSourcesByStream to handle default data stream case ([#136](https://github.com/odigos-io/ui-kit/issues/136)) ([b034330](https://github.com/odigos-io/ui-kit/commit/b03433061e72102940075cb9edbe29b2ad145471))
+
 ## [0.0.31](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.30...ui-kit-v0.0.31) (2025-05-20)
 
 

package/lib/components.js

@@ -1,19 +1,16 @@
-import { B as Button } from './index-nltUpkWT.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-nltUpkWT.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-BGK1nMOD.js';
+import { B as Button } from './index-BxckQJom.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-BxckQJom.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-rbphz5kH.js';
 import React, { Component, createElement, createContext } from 'react';
-import Theme from './theme.js';
+import { T as Theme } from './index-ivnS3eWW.js';
 import 'styled-components';
-import './index-BJxaoI0G.js';
+import './index-DAbcw-wM.js';
 import './types.js';
 import './index-BZS1ijMm.js';
-import './index-DGuOxbBR.js';
-import './index-CFnxjzaW.js';
-import './index-DGel4E-Z.js';
-import './index-DMXaEyAB.js';
-import './index-CJs4RDHU.js';
-import './index-IKusBlIE.js';
-import './useTransition-B65KBqdK.js';
+import './index-B9cvsYnj.js';
+import './index-C7YDojNh.js';
+import './index-DuSmjoDs.js';
+import './useTransition-9tDdAS9s.js';
 import 'react-dom';
 
 const ErrorBoundaryContext = createContext(null);

package/lib/constants.js

@@ -1,11 +1,8 @@
-export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, D as DEFAULT_DATA_STREAM_NAME, a as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS } from './index-DGuOxbBR.js';
+export { A as ACTION_OPTIONS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS } from './index-ivnS3eWW.js';
 export { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
-import './types.js';
-import './index-CFnxjzaW.js';
-import './index-DGel4E-Z.js';
+export { B as BUTTON_TEXTS, D as DEFAULT_DATA_STREAM_NAME, a as DISPLAY_TITLES, F as FORM_ALERTS } from './index-B9cvsYnj.js';
 import 'react';
-import './theme.js';
-import './index-DMXaEyAB.js';
+import './types.js';
 import 'styled-components';
 
 const TOKEN_ABOUT_TO_EXPIRE = 604800000; // 7 days in milliseconds

package/lib/containers/instrumentation-rule-form/custom-fields/headers-collection.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { type CustomFieldProps, type InstrumentationRuleFormData } from '@/types';
+type HeadersCollectionProps = CustomFieldProps<InstrumentationRuleFormData>;
+declare const HeadersCollection: FC<HeadersCollectionProps>;
+export { HeadersCollection, type HeadersCollectionProps };

package/lib/containers.js

@@ -1,26 +1,23 @@
 import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, memo, useContext, createContext, useCallback, useLayoutEffect, Fragment } from 'react';
 import styled, { css } from 'styled-components';
-import { a as DISPLAY_TITLES, B as BUTTON_TEXTS, A as ACTION_OPTIONS, F as FORM_ALERTS, M as MONITORS_OPTIONS, D as DEFAULT_DATA_STREAM_NAME, I as INSTRUMENTATION_RULE_OPTIONS } from './index-DGuOxbBR.js';
-import { ActionType, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, AddNodeTypes, EdgeTypes, FieldTypes, SignalType, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType } 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, I as IconButton, A as AddButton$1, U as Stepper, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-nltUpkWT.js';
-import { h as usePendingStore, g as useNotificationStore, b as useDrawerStore, c as useEntityStore, f as useModalStore, d as useFilterStore, s as styleInject, i as useSelectedStore, e as useInstrumentStore, a as useDataStreamStore, k as getEntityId, j as useSetupStore, u as useDarkMode } from './index-DMXaEyAB.js';
-import Theme from './theme.js';
+import { T as Theme, h as usePendingStore, g as useNotificationStore, b as useDrawerStore, c as useEntityStore, A as ACTION_OPTIONS, k as getActionIcon, f as useModalStore, d as useFilterStore, M as MONITORS_OPTIONS, s as styleInject, i as useSelectedStore, e as useInstrumentStore, m as getInstrumentationRuleIcon, a as useDataStreamStore, l as getEntityId, j as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, u as useDarkMode } from './index-ivnS3eWW.js';
+import { a as DISPLAY_TITLES, B as BUTTON_TEXTS, F as FORM_ALERTS, D as DEFAULT_DATA_STREAM_NAME } from './index-B9cvsYnj.js';
+import { ActionType, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, AddNodeTypes, EdgeTypes, FieldTypes, SignalType, CodeAttributesKeyTypes, HeadersCollectionKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType } 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, I as IconButton, A as AddButton$1, U as Stepper, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-BxckQJom.js';
 import { i as isEmpty, s as safeJsonParse } from './index-BZS1ijMm.js';
-import { i as CheckCircledIcon, O as OdigosLogo } from './index-IKusBlIE.js';
-import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, N as NotificationIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-CamnKrev.js';
-import { g as getActionIcon, a as getInstrumentationRuleIcon } from './index-CFnxjzaW.js';
-import { u as useActionFormData, a as useClickNode, c as useDataStreamFormData, d as useDestinationFormData, b as useClickNotification, e as useSourceFormData, f as useSourceSelectionFormData } from './useSourceSelectionFormData-BWz8fTJr.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-B65KBqdK.js';
-import { E as EditIcon } from './index-CWbxXTof.js';
-import { T as TrashIcon, S as SearchIcon, P as PlusIcon$1, f as CheckIcon, A as ArrowIcon, a as CopyIcon, g as CrossIcon } from './index-BJxaoI0G.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-BGK1nMOD.js';
-import { m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-CJs4RDHU.js';
-import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, v as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, u as mapExportedSignals, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, c as compareCondition, d as deepClone, o as getMetricForEntity, s as getWorkloadId, j as getContainersInstrumentedCount, t as isOverTime } from './index-DYNMhZMX.js';
+import { i as CheckCircledIcon, O as OdigosLogo } from './index-DuSmjoDs.js';
+import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, N as NotificationIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-DR5ryS5d.js';
+import { u as useActionFormData, a as useClickNode, c as useDataStreamFormData, d as useDestinationFormData, b as useClickNotification, e as useSourceFormData, f as useSourceSelectionFormData } from './useSourceSelectionFormData-A5_zhn1C.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-9tDdAS9s.js';
+import { E as EditIcon } from './index-B3j_QWzh.js';
+import { T as TrashIcon, S as SearchIcon, P as PlusIcon$1, f as CheckIcon, A as ArrowIcon, a as CopyIcon, g as CrossIcon } from './index-DAbcw-wM.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-rbphz5kH.js';
+import { m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-C7YDojNh.js';
+import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, v as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, u as mapExportedSignals, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, c as compareCondition, d as deepClone, o as getMetricForEntity, s as getWorkloadId, j as getContainersInstrumentedCount, t as isOverTime } from './index-cG2lNgzz.js';
 import { createPortal } from 'react-dom';
-import { N as NoteBackToSummary, E as EditButton } from './index-B46Mcu9H.js';
+import { N as NoteBackToSummary, E as EditButton } from './index-DeD-SIlN.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-BbbCCewR.js';
-import './index-DGel4E-Z.js';
+import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-PfG5pvFK.js';
 import './index-7-KCQK-x.js';
 
 const buildCard$3 = (action) => {
@@ -14954,6 +14951,23 @@ const CodeAttributes = ({ value, setValue, formErrors }) => {
             !!errorMessage && React.createElement(FieldError, null, errorMessage))));
 };
 
+const ALL_HEADERS = ['*'];
+const HeadersCollection = ({ value, setValue, formErrors }) => {
+    const errorMessage = formErrors['headersCollection'];
+    const mappedValue = useMemo(() => value?.['headersCollection']?.[HeadersCollectionKeyTypes.HeaderKeys] || [], [value]);
+    const handleChange = (arr) => {
+        const payload = {
+            [HeadersCollectionKeyTypes.HeaderKeys]: arr,
+        };
+        setValue('headersCollection', payload);
+    };
+    useEffect(() => {
+        if (!mappedValue.length)
+            handleChange(ALL_HEADERS);
+    }, [mappedValue]);
+    return (React.createElement("div", null, mappedValue.length > 0 && (React.createElement(InputList, { title: 'Header Keys', tooltip: 'Specify which headers you want to collect, asterisk (*) will collect all headers.', value: mappedValue, onChange: (arr) => handleChange(arr), errorMessage: errorMessage }))));
+};
+
 const ListContainer = styled.div `
   display: flex;
   flex-direction: column;
@@ -15021,8 +15035,9 @@ const PayloadCollection = ({ value, setValue, formErrors }) => {
 };
 
 const componentsMap = {
-    [InstrumentationRuleType.PayloadCollection]: PayloadCollection,
     [InstrumentationRuleType.CodeAttributes]: CodeAttributes,
+    [InstrumentationRuleType.HeadersCollection]: HeadersCollection,
+    [InstrumentationRuleType.PayloadCollection]: PayloadCollection,
     [InstrumentationRuleType.UnknownType]: null,
 };
 const CustomFields = ({ ruleType, value, setValue, formErrors }) => {

package/lib/functions.js

@@ -1,16 +1,14 @@
-export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getProgrammingLanguageIcon, b as getStatusIcon, m as mapConditions, p as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-CJs4RDHU.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 isOverTime, u as mapExportedSignals, v as sleep } from './index-DYNMhZMX.js';
-export { g as getActionIcon, a as getInstrumentationRuleIcon } from './index-CFnxjzaW.js';
-export { k as getEntityId } from './index-DMXaEyAB.js';
+export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getProgrammingLanguageIcon, b as getStatusIcon, m as mapConditions, p as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-C7YDojNh.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 isOverTime, u as mapExportedSignals, v as sleep } from './index-cG2lNgzz.js';
+export { k as getActionIcon, l as getEntityId, m as getInstrumentationRuleIcon } from './index-ivnS3eWW.js';
 export { g as getIdFromSseTarget } from './index-7-KCQK-x.js';
 import { EntityTypes } from './types.js';
 export { i as isEmpty, s as safeJsonParse } from './index-BZS1ijMm.js';
 import 'react';
 import 'styled-components';
-import './index-DGel4E-Z.js';
-import './theme.js';
-import './index-IKusBlIE.js';
-import './index-BbbCCewR.js';
+import './index-DuSmjoDs.js';
+import './index-B9cvsYnj.js';
+import './index-PfG5pvFK.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {
     const cleanArray = (arr) => arr.filter((item) => {

package/lib/hooks/useInstrumentationRuleFormData.d.ts

@@ -1,7 +1,7 @@
 import { type InstrumentationRule, type InstrumentationRuleFormData } from '@/types';
 export declare const useInstrumentationRuleFormData: () => {
     formData: InstrumentationRuleFormData;
-    formErrors: Partial<Record<"ruleName" | "notes" | "disabled" | "workloads" | "instrumentationLibraries" | "payloadCollection" | "codeAttributes", string>>;
+    formErrors: Partial<Record<"ruleName" | "notes" | "disabled" | "workloads" | "instrumentationLibraries" | "codeAttributes" | "headersCollection" | "payloadCollection", string>>;
     handleFormChange: (key?: string | undefined, val?: any, obj?: InstrumentationRuleFormData | undefined) => void;
     resetFormData: () => void;
     validateForm: (params?: {

package/lib/hooks.js

@@ -1,12 +1,9 @@
-export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDataStreamFormData, d as useDestinationFormData, e as useSourceFormData, f as useSourceSelectionFormData } from './useSourceSelectionFormData-BWz8fTJr.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-B65KBqdK.js';
+export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDataStreamFormData, d as useDestinationFormData, e as useSourceFormData, f as useSourceSelectionFormData } from './useSourceSelectionFormData-A5_zhn1C.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-9tDdAS9s.js';
 import './types.js';
+import './index-ivnS3eWW.js';
 import 'react';
-import './index-DMXaEyAB.js';
 import 'styled-components';
+import './index-B9cvsYnj.js';
 import './index-BZS1ijMm.js';
-import './index-DGuOxbBR.js';
-import './index-CFnxjzaW.js';
-import './index-DGel4E-Z.js';
-import './theme.js';
 import './index-7-KCQK-x.js';

package/lib/icons/instrumentation-rules/headers-collection-icon/headers-collection-icon.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/instrumentation-rules/headers-collection-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const HeadersCollectionIcon: SVG;

package/lib/icons/instrumentation-rules/index.d.ts

@@ -1,2 +1,3 @@
 export * from './code-attributes-icon/index';
+export * from './headers-collection-icon/index';
 export * from './payload-collection-icon/index';

package/lib/icons.js

@@ -1,12 +1,11 @@
-export { A as AddClusterInfoIcon, C as CodeAttributesIcon, D as DeleteAttributeIcon, I as ImageErrorIcon, K as K8sLogo, a as PayloadCollectionIcon, P as PiiMaskingIcon, R as RenameAttributeIcon, S as SamplerIcon } from './index-DGel4E-Z.js';
-export { C as CPlusPlusLogo, d as CSharpLogo, i as CheckCircledIcon, D as DotnetLogo, E as ElixirLogo, h as ErrorTriangleIcon, G as GoLogo, I as InfoIcon, J as JavaLogo, K as KafkaLogo, L as LogsIcon, g as MetricsIcon, M as MysqlLogo, N as NginxLogo, f as NodejsLogo, O as OdigosLogo, c as PhpLogo, P as PostgresLogo, e as PythonLogo, R as RedisLogo, b as RubyLogo, a as RustLogo, S as SwiftLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-IKusBlIE.js';
-export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, S as SlackLogo, T as TerminalIcon } from './index-CamnKrev.js';
-export { A as ArrowIcon, f as CheckIcon, C as CodeIcon, a as CopyIcon, g as CrossIcon, E as ExtendArrowIcon, d as EyeClosedIcon, e as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, b as NotebookIcon, P as PlusIcon, S as SearchIcon, c as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-BJxaoI0G.js';
+import { T as Theme } from './index-ivnS3eWW.js';
+export { o as AddClusterInfoIcon, C as CodeAttributesIcon, D as DeleteAttributeIcon, H as HeadersCollectionIcon, n as ImageErrorIcon, K as K8sLogo, p as PayloadCollectionIcon, P as PiiMaskingIcon, R as RenameAttributeIcon, S as SamplerIcon } from './index-ivnS3eWW.js';
+export { C as CPlusPlusLogo, d as CSharpLogo, i as CheckCircledIcon, D as DotnetLogo, E as ElixirLogo, h as ErrorTriangleIcon, G as GoLogo, I as InfoIcon, J as JavaLogo, K as KafkaLogo, L as LogsIcon, g as MetricsIcon, M as MysqlLogo, N as NginxLogo, f as NodejsLogo, O as OdigosLogo, c as PhpLogo, P as PostgresLogo, e as PythonLogo, R as RedisLogo, b as RubyLogo, a as RustLogo, S as SwiftLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-DuSmjoDs.js';
+export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, S as SlackLogo, T as TerminalIcon } from './index-DR5ryS5d.js';
+export { A as ArrowIcon, f as CheckIcon, C as CodeIcon, a as CopyIcon, g as CrossIcon, E as ExtendArrowIcon, d as EyeClosedIcon, e as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, b as NotebookIcon, P as PlusIcon, S as SearchIcon, c as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-DAbcw-wM.js';
 import React from 'react';
-import Theme from './theme.js';
-export { E as EditIcon } from './index-CWbxXTof.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-BbbCCewR.js';
-import './index-DMXaEyAB.js';
+export { E as EditIcon } from './index-B3j_QWzh.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-PfG5pvFK.js';
 import './types.js';
 import 'styled-components';
 

package/lib/{index-CWbxXTof.js → index-B3j_QWzh.js}

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

package/lib/index-B9cvsYnj.js

@@ -0,0 +1,100 @@
+const DEFAULT_DATA_STREAM_NAME = 'default';
+const FORM_ALERTS = {
+    REQUIRED_FIELDS: 'Required fields are missing',
+    FIELD_IS_REQUIRED: 'This field is required',
+    FORBIDDEN: 'Forbidden',
+    ENTERPRISE_ONLY: (str = 'This') => `${str} is an Enterprise feature. Please upgrade your plan.`,
+    DEFINED_FOR_ALL_STREAMS: (str) => `${str} are defined for all Data Streams.`,
+    CANNOT_EDIT_RULE: 'Cannot edit a system-managed instrumentation rule',
+    CANNOT_DELETE_RULE: 'Cannot delete a system-managed instrumentation rule',
+    LATENCY_HTTP_ROUTE: 'HTTP route must start with a forward slash "/"',
+    READONLY_WARNING: "You're not allowed to create/update/delete in readonly mode",
+};
+const DISPLAY_TITLES = {
+    NAMESPACE: 'Namespace',
+    NAME: 'Name',
+    KIND: 'Kind',
+    CONNECTION: 'Connection',
+    CONNECTIONS: 'Connections',
+    DATA_STREAM: 'Data Stream',
+    DATA_STREAMS: 'Data Streams',
+    STREAM_NAME: 'Data Stream Name',
+    NAME_YOUR_STREAM: 'Name your Data Stream',
+    NAME_YOUR_STREAM_PLACEHOLDER: 'e.g. Highest priority',
+    STREAM_DESCRIPTION: 'Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.',
+    STREAM_CONFIRM: 'Confirm your new Data Stream',
+    ACTION: 'Action',
+    ACTIONS: 'Actions',
+    ADD_ACTION: 'Add Action',
+    ACTION_DETAILS: 'Action Details',
+    INSTRUMENTATION_RULE: 'Instrumentation Rule',
+    INSTRUMENTATION_RULES: 'Instrumentation Rules',
+    ADD_INSTRUMENTATION_RULE: 'Add Instrumentation Rule',
+    INSTRUMENTATION_RULE_DETAILS: 'Instrumentation Rule Details',
+    DESTINATION: 'Destination',
+    DESTINATIONS: 'Destinations',
+    ADD_DESTINATION: 'Add Destination',
+    ADD_DESTINATIONS: 'Add Destinations',
+    ADD_DESTINATION_DESCRIPTION: 'Add a destination to send your telemetry data to. You can add multiple destinations.',
+    DESTINATION_DETAILS: 'Destination Details',
+    SELECTED_DESTINATIONS: 'Selected Destinations',
+    SOURCE: 'Source',
+    SOURCES: 'Sources',
+    ADD_SOURCE: 'Add Source',
+    SOURCE_DETAILS: 'Source Details',
+    SELECT_SOURCES: 'Select Sources',
+    SELECTED_SOURCES: 'Selected Sources',
+    SELECT_SOURCES_DESCRIPTION: 'Select apps to monitor in each namespace. Odigos will instrument them and send telemetry data to your destinations.',
+    NO_SOURCES: 'No sources',
+    NO_SOURCES_GO_BACK: 'No sources selected. Please go back to select sources.',
+    PLEASE_ADD_SOURCE: 'Please add a source',
+    NO_SOURCES_NAMESPACE: 'No sources available in this namespace',
+    TRY_SEARCH_OR_OTHER_NAMESPACE: 'Try searching again or select another namespace.',
+    PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES: 'Please make sure your cluster has unignored namespaces',
+    INSTALLATION: 'Installation',
+    SUMMARY: 'Summary',
+    TYPE: 'Type',
+    NOTES: 'Notes',
+    STATUS: 'Status',
+    READONLY: 'Readonly',
+    LANGUAGE: 'Language',
+    MONITORS: 'Monitors',
+    SIGNALS_FOR_PROCESSING: 'Signals for Processing',
+    MANAGED_BY_PROFILE: 'Managed by Profile',
+    API_TOKEN: 'API Token',
+    API_TOKENS: 'API Tokens',
+    DESCRIBE_ODIGOS: 'Describe Odigos',
+    DESCRIBE_SOURCE: 'Describe Source',
+    DETECTED_CONTAINERS: 'Detected Containers',
+    DETECTED_CONTAINERS_DESCRIPTION: 'The system automatically instruments the containers it detects with a supported programming language.',
+    CONTAINER_NAME: 'Container Name',
+    FILTERED_COUNT_TOOLTIP: 'Represents filtered amount, out of total amount',
+    SEARCH_NAMESPACES: 'Search Namespaces',
+    SHOW_SELECTED_ONLY: 'Show selected only',
+    TO_COLLECT_OTEL_DATA: 'To collect OpenTelemetry data',
+    TO_MONITOR_OTEL_DATA: 'To monitor OpenTelemetry data',
+    TO_MODIFY_OTEL_DATA: 'To modify OpenTelemetry data',
+    QUICK_BACK_TO_SUMMARY: 'When you finish editing you can quickly go back to the summary.',
+    GO_TO_SUMMARY: 'Go to summary',
+};
+const BUTTON_TEXTS = {
+    ADD: 'Add',
+    ADD_NEW: 'Add New',
+    NEW: 'New',
+    SELECT: 'Select',
+    CREATE: 'Create',
+    UPDATE: 'Update',
+    EDIT: 'Edit',
+    DELETE: 'Delete',
+    CANCEL: 'Cancel',
+    DONE: 'Done',
+    SAVE: 'Save',
+    BACK: 'Back',
+    NEXT: 'Next',
+    TEST: 'Test',
+    TEST_CONNECTION: 'Test Connection',
+    INSTRUMENT: 'Instrument',
+    UNINSTRUMENT: 'Uninstrument',
+};
+
+export { BUTTON_TEXTS as B, DEFAULT_DATA_STREAM_NAME as D, FORM_ALERTS as F, DISPLAY_TITLES as a };

package/lib/{index-nltUpkWT.js → index-BxckQJom.js}

@@ -1,16 +1,14 @@
 import React, { useState, useEffect, useRef, forwardRef, createElement, useCallback, useMemo, Fragment } from 'react';
-import Theme from './theme.js';
+import { T as Theme, n as ImageErrorIcon, M as MONITORS_OPTIONS } from './index-ivnS3eWW.js';
 import styled, { css } from 'styled-components';
-import { M as MinusIcon, f as CheckIcon, L as ListIcon, C as CodeIcon, E as ExtendArrowIcon, c as SortArrowsIcon, a as CopyIcon, b as NotebookIcon, X as XIcon, d as EyeClosedIcon, e as EyeOpenIcon, N as NoDataIcon, g as CrossIcon, S as SearchIcon, P as PlusIcon, T as TrashIcon, A as ArrowIcon } from './index-BJxaoI0G.js';
+import { M as MinusIcon, f as CheckIcon, L as ListIcon, C as CodeIcon, E as ExtendArrowIcon, c as SortArrowsIcon, a as CopyIcon, b as NotebookIcon, X as XIcon, d as EyeClosedIcon, e as EyeOpenIcon, N as NoDataIcon, g as CrossIcon, S as SearchIcon, P as PlusIcon, T as TrashIcon, A as ArrowIcon } from './index-DAbcw-wM.js';
 import { StatusType, OtherStatus, SortDirection, ProgrammingLanguages } from './types.js';
 import { s as safeJsonParse, i as isEmpty } from './index-BZS1ijMm.js';
-import { M as MONITORS_OPTIONS, B as BUTTON_TEXTS } from './index-DGuOxbBR.js';
-import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, p as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, d as splitCamelString } from './index-CJs4RDHU.js';
-import './index-DMXaEyAB.js';
-import { u as useContainerSize, a as useCopy, g as useTransition, d as useKeyDown, e as useOnClickOutside } from './useTransition-B65KBqdK.js';
-import { I as ImageErrorIcon } from './index-DGel4E-Z.js';
+import { B as BUTTON_TEXTS } from './index-B9cvsYnj.js';
+import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, p as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, d as splitCamelString } from './index-C7YDojNh.js';
+import { u as useContainerSize, a as useCopy, g as useTransition, d as useKeyDown, e as useOnClickOutside } from './useTransition-9tDdAS9s.js';
 import ReactDOM from 'react-dom';
-import { I as InfoIcon } from './index-IKusBlIE.js';
+import { I as InfoIcon } from './index-DuSmjoDs.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};

package/lib/{index-CJs4RDHU.js → index-C7YDojNh.js}

@@ -1,9 +1,8 @@
 import { ProgrammingLanguages, SignalType, StatusType } from './types.js';
 import 'react';
-import './index-DMXaEyAB.js';
+import { n as ImageErrorIcon } from './index-ivnS3eWW.js';
 import 'styled-components';
-import { I as ImageErrorIcon } from './index-DGel4E-Z.js';
-import { K as KafkaLogo, R as RedisLogo, P as PostgresLogo, N as NginxLogo, M as MysqlLogo, E as ElixirLogo, S as SwiftLogo, a as RustLogo, b as RubyLogo, c as PhpLogo, C as CPlusPlusLogo, d as CSharpLogo, D as DotnetLogo, e as PythonLogo, f as NodejsLogo, G as GoLogo, J as JavaLogo, T as TracesIcon, g as MetricsIcon, L as LogsIcon, O as OdigosLogo, I as InfoIcon, W as WarningTriangleIcon, h as ErrorTriangleIcon, i as CheckCircledIcon } from './index-IKusBlIE.js';
+import { K as KafkaLogo, R as RedisLogo, P as PostgresLogo, N as NginxLogo, M as MysqlLogo, E as ElixirLogo, S as SwiftLogo, a as RustLogo, b as RubyLogo, c as PhpLogo, C as CPlusPlusLogo, d as CSharpLogo, D as DotnetLogo, e as PythonLogo, f as NodejsLogo, G as GoLogo, J as JavaLogo, T as TracesIcon, g as MetricsIcon, L as LogsIcon, O as OdigosLogo, I as InfoIcon, W as WarningTriangleIcon, h as ErrorTriangleIcon, i as CheckCircledIcon } from './index-DuSmjoDs.js';
 
 const capitalizeFirstLetter = (string) => {
     return string.charAt(0).toUpperCase() + string.slice(1);

package/lib/{index-BJxaoI0G.js → index-DAbcw-wM.js}

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

package/lib/{index-CamnKrev.js → index-DR5ryS5d.js}

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

package/lib/{index-B46Mcu9H.js → index-DeD-SIlN.js}

@@ -1,12 +1,11 @@
 import React from 'react';
-import Theme from './theme.js';
-import { E as EditIcon } from './index-CWbxXTof.js';
-import { B as BUTTON_TEXTS, a as DISPLAY_TITLES } from './index-DGuOxbBR.js';
-import { B as Button, V as Text, J as NotificationNote } from './index-nltUpkWT.js';
+import { T as Theme } from './index-ivnS3eWW.js';
+import { E as EditIcon } from './index-B3j_QWzh.js';
+import { B as BUTTON_TEXTS, a as DISPLAY_TITLES } from './index-B9cvsYnj.js';
+import { B as Button, V as Text, J as NotificationNote } from './index-BxckQJom.js';
 import { StatusType } from './types.js';
-import './index-DMXaEyAB.js';
 import 'styled-components';
-import { I as InfoIcon } from './index-IKusBlIE.js';
+import { I as InfoIcon } from './index-DuSmjoDs.js';
 
 const EditButton = ({ label, onClick, variant = 'tertiary', ...props }) => {
     const theme = Theme.useTheme();

package/lib/{index-IKusBlIE.js → index-DuSmjoDs.js}

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

package/lib/{index-BbbCCewR.js → index-PfG5pvFK.js}

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

package/lib/{index-DYNMhZMX.js → index-cG2lNgzz.js}

@@ -1,11 +1,11 @@
 import { StatusType, OtherStatus, DestinationTypes, EntityTypes, PlatformType } from './types.js';
-import { a as getProgrammingLanguageIcon } from './index-CJs4RDHU.js';
+import { K as K8sLogo } from './index-ivnS3eWW.js';
+import { D as DEFAULT_DATA_STREAM_NAME } from './index-B9cvsYnj.js';
+import { a as getProgrammingLanguageIcon } from './index-C7YDojNh.js';
 import 'react';
-import './index-DMXaEyAB.js';
 import 'styled-components';
-import { e as AwsXrayLogo, a2 as VictoriaMetricsLogo, a1 as UptraceLogo, a0 as TraceloopLogo, $ as TingyunLogo, _ as TempoLogo, Z as TelemetryHubLogo, Y as SumoLogicLogo, X as SplunkLogo, W as SignozLogo, U as SeqLogo, d as AwsS3Logo, T as QuickwitLogo, G as GigapipeLogo, S as QrynLogo, R as PrometheusLogo, F as OpenTelemetryLogo, Q as OracleLogo, P as OpsVerseLogo, z as OpenObserveLogo, y as OneUptimeLogo, O as ObserveLogo, N as NewRelicLogo, M as MiddlewareLogo, x as LumigoLogo, w as LokiLogo, v as LogzioLogo, u as LightstepLogo, L as Last9Logo, K as KloudmateLogo, J as JaegerLogo, I as InstanaLogo, t as HyperDxLogo, H as HoneycombLogo, s as GroundcoverLogo, r as GreptimeLogo, q as GrafanaLogo, p as GoogleCloudPlatformLogo, o as ElasticSearchLogo, E as ElasticApmLogo, n as DynatraceLogo, m as DatadogLogo, D as Dash0Logo, l as CoralogixLogo, c as AwsCloudwatchLogo, k as ClickhouseLogo, j as ChronosphereLogo, i as ChecklyLogo, C as CauselyLogo, h as BonreeLogo, B as BetterStackLogo, g as BlobStorageLogo, f as AxiomLogo, b as AppDynamicsLogo, a as AlibabaCloudLogo, A as AlaudaLogo, a6 as RulesIcon, a3 as ActionsIcon, a4 as DestinationsIcon, a7 as SourcesIcon, a5 as NamespacesIcon, V as VmLogo } from './index-BbbCCewR.js';
-import { K as KafkaLogo, O as OdigosLogo } from './index-IKusBlIE.js';
-import { K as K8sLogo } from './index-DGel4E-Z.js';
+import { e as AwsXrayLogo, a2 as VictoriaMetricsLogo, a1 as UptraceLogo, a0 as TraceloopLogo, $ as TingyunLogo, _ as TempoLogo, Z as TelemetryHubLogo, Y as SumoLogicLogo, X as SplunkLogo, W as SignozLogo, U as SeqLogo, d as AwsS3Logo, T as QuickwitLogo, G as GigapipeLogo, S as QrynLogo, R as PrometheusLogo, F as OpenTelemetryLogo, Q as OracleLogo, P as OpsVerseLogo, z as OpenObserveLogo, y as OneUptimeLogo, O as ObserveLogo, N as NewRelicLogo, M as MiddlewareLogo, x as LumigoLogo, w as LokiLogo, v as LogzioLogo, u as LightstepLogo, L as Last9Logo, K as KloudmateLogo, J as JaegerLogo, I as InstanaLogo, t as HyperDxLogo, H as HoneycombLogo, s as GroundcoverLogo, r as GreptimeLogo, q as GrafanaLogo, p as GoogleCloudPlatformLogo, o as ElasticSearchLogo, E as ElasticApmLogo, n as DynatraceLogo, m as DatadogLogo, D as Dash0Logo, l as CoralogixLogo, c as AwsCloudwatchLogo, k as ClickhouseLogo, j as ChronosphereLogo, i as ChecklyLogo, C as CauselyLogo, h as BonreeLogo, B as BetterStackLogo, g as BlobStorageLogo, f as AxiomLogo, b as AppDynamicsLogo, a as AlibabaCloudLogo, A as AlaudaLogo, a6 as RulesIcon, a3 as ActionsIcon, a4 as DestinationsIcon, a7 as SourcesIcon, a5 as NamespacesIcon, V as VmLogo } from './index-PfG5pvFK.js';
+import { K as KafkaLogo, O as OdigosLogo } from './index-DuSmjoDs.js';
 
 const compareCondition = (renderCondition, fields) => {
     if (!renderCondition || !renderCondition.length)
@@ -84,7 +84,7 @@ const filterSourcesByStream = (sources, streamName) => {
     // if no stream is selected, return nothing (to prevent glitchy rendering)
     if (!streamName)
         return [];
-    return sources.filter((source) => source.dataStreamNames.includes(streamName));
+    return sources.filter((source) => source.dataStreamNames.includes(streamName) || (streamName === DEFAULT_DATA_STREAM_NAME && !source.dataStreamNames.length));
 };
 
 const formatBytes = (bytes) => {