@odigos/ui-kit 0.0.86 → 0.0.88

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [0.0.88](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.87...ui-kit-v0.0.88) (2025-08-20)
+
+
+### Features
+
+* enhance condition handling for dynamic fields and exported signals in destination forms ([#332](https://github.com/odigos-io/ui-kit/issues/332)) ([9938e0b](https://github.com/odigos-io/ui-kit/commit/9938e0be4f9b42ac62f64630f9fe05b0fd5910af))
+
+## [0.0.87](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.86...ui-kit-v0.0.87) (2025-08-19)
+
+
+### Bug Fixes
+
+* odigos logos ([#330](https://github.com/odigos-io/ui-kit/issues/330)) ([77424e5](https://github.com/odigos-io/ui-kit/commit/77424e5adfd2507ad3aa8dc68c30504fe412f408))
+
 ## [0.0.86](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.85...ui-kit-v0.0.86) (2025-08-19)
 
 

package/lib/components.js

@@ -1,16 +1,16 @@
-import { B as Button } from './index-4010222c.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-4010222c.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-806238da.js';
+import { B as Button } from './index-ff2e118e.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-ff2e118e.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-ff2ca759.js';
 import React, { createContext, Component, createElement } from 'react';
-import { T as Theme } from './index-86030474.js';
+import { T as Theme } from './index-9436f4a7.js';
 import 'styled-components';
-import './index-72089d6e.js';
+import './index-430be181.js';
 import './types.js';
 import './index-5e5f7bda.js';
-import './index-d87a2c69.js';
-import './index-d30e26c2.js';
+import './index-ddf36942.js';
+import './index-2b6ae9c8.js';
 import 'react-dom';
-import './useTransition-cac1649d.js';
+import './useTransition-0f2cccf3.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-86030474.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-9436f4a7.js';
 export { D as DESTINATION_CATEGORIES } from './index-1cb4f9e2.js';
 import 'react';
 import './types.js';

package/lib/containers/destination-form/dynamic-fields/index.d.ts

@@ -1,6 +1,7 @@
 import { type FC } from 'react';
-import { type DestinationDynamicField } from '@/types';
+import { type DestinationDynamicField, SignalType } from '@/types';
 interface DynamicFieldsProps {
+    signals: SignalType[];
     fields: DestinationDynamicField[];
     onChange: (name: string, value: any) => void;
     formErrors: Record<string, string>;

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 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 { b as DISPLAY_TITLES, T as Theme, V as usePendingStore, W as useNotificationStore, Q as useDrawerStore, B as BUTTON_TEXTS, X as useEntityStore, A as ACTION_OPTIONS, g as getActionIcon, O as useModalStore, F as FORM_ALERTS, Y as useFilterStore, e as getInstrumentationRuleIcon, Z as useDataStreamStore, _ as useInstrumentStore, d as getEntityId, D as DISPLAY_LANGUAGES, M as MONITORS_OPTIONS, S as STORAGE_KEYS, a as DEFAULT_DATA_STREAM_NAME, c as compareCondition, $ as useSetupStore, f as getProgrammingLanguageIcon, I as INSTRUMENTATION_RULE_OPTIONS, a0 as useSelectedStore, l as ImageErrorIcon, a1 as useDarkMode } from './index-9436f4a7.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, a3 as Toggle, 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, 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-4010222c.js';
+import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, a3 as Toggle, 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, 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-ff2e118e.js';
 import { i as isEmpty, s as safeJsonParse, d as deepClone } from './index-5e5f7bda.js';
-import { C as CheckCircledIcon, O as OdigosLogo } from './index-d30e26c2.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-7c675ed2.js';
+import { C as CheckCircledIcon, O as OdigosLogo } from './index-2b6ae9c8.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-75412865.js';
 import { useActionFormData, useSessionStorage, useDataStreamFormData, useDestinationFormData, useClickNotification, useSourceFormData, useSourceSelectionFormData } from './hooks.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-806238da.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-d87a2c69.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 { 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-0f2cccf3.js';
+import { E as EditIcon, T as TrashIcon, S as SearchIcon, h as CheckIcon, P as PlusIcon, a as CopyIcon } from './index-430be181.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-ff2ca759.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-ddf36942.js';
+import { f as filterActions, k as getEntityLabel, j as getEntityIcon, s as sleep, e as formatBytes, h as getContainersIcons, m as getValueForRange, i as getDestinationIcon, d as filterSourcesByStream, c as filterSources, b as filterDestinationsByStream, a as filterDestinations, r as mapDestinationFieldsForDisplay, o as getYamlFieldsForDestination, l as getMetricForEntity, n as getWorkloadId, p as hasUnhealthyInstances, g as getContainersInstrumentedCount, q as isOverTime } from './index-5fb023f6.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, a3 as SourcesIcon, a5 as ActionsIcon, a4 as DestinationsIcon } from './index-6bb0eb56.js';
+import { a6 as RulesIcon, a3 as SourcesIcon, a5 as ActionsIcon, a4 as DestinationsIcon } from './index-968d01e8.js';
 import 'react-dom';
 
 const buildCard$3 = (action) => {
@@ -2140,7 +2140,7 @@ const buildCard$2 = (destination, yamlFields) => {
     const mappedFieldsForConditionCompare = mappedFields.map((field) => ({ name: field.key, value: field.value }));
     mappedFields.map(({ key, name, value }) => {
         const { secret, componentProperties, hideFromReadData, customReadDataLabels } = yamlFields.find((field) => field.name === key) || {};
-        const shouldHide = !!hideFromReadData?.length ? compareCondition(hideFromReadData, mappedFieldsForConditionCompare) : false;
+        const shouldHide = !!hideFromReadData?.length ? compareCondition(hideFromReadData, mapExportedSignals(exportedSignals), mappedFieldsForConditionCompare) : false;
         if (!shouldHide) {
             const { type } = safeJsonParse(componentProperties, { type: '' });
             const secretPlaceholder = (secret || type === 'password') && !!value.length ? new Array(10).fill('•').join('') : '';
@@ -2166,10 +2166,10 @@ const buildCard$2 = (destination, yamlFields) => {
     return arr;
 };
 
-const DynamicFields = ({ fields, onChange, formErrors }) => {
+const DynamicFields = ({ signals, fields, onChange, formErrors }) => {
     return fields?.map((field) => {
         const { componentType, renderCondition, ...rest } = field;
-        const shouldRender = renderCondition ? compareCondition(renderCondition, fields) : true;
+        const shouldRender = renderCondition ? compareCondition(renderCondition, signals, fields) : true;
         if (!shouldRender)
             return null;
         switch (componentType) {
@@ -2293,7 +2293,7 @@ const DestinationForm = ({ isUpdate, categoryItem, formData, formErrors, validat
         return arr;
     }, [supportedSignals]);
     const selectedMonitors = useMemo(() => {
-        const { logs, metrics, traces } = formData['exportedSignals'] || {};
+        const { logs, metrics, traces } = formData.exportedSignals || {};
         const arr = [];
         if (logs)
             arr.push(SignalType.Logs);
@@ -2302,7 +2302,7 @@ const DestinationForm = ({ isUpdate, categoryItem, formData, formErrors, validat
         if (traces)
             arr.push(SignalType.Traces);
         return arr;
-    }, [formData]);
+    }, [formData.exportedSignals]);
     const dirtyForm = () => {
         setAutoFilled(false);
         setIsFormDirty(true);
@@ -2352,7 +2352,7 @@ const DestinationForm = ({ isUpdate, categoryItem, formData, formErrors, validat
                 dirtyForm();
                 handleFormChange('name', e.target.value);
             }, errorMessage: formErrors['name'] })),
-        React.createElement(DynamicFields, { fields: dynamicFields, onChange: (name, value) => {
+        React.createElement(DynamicFields, { signals: selectedMonitors, fields: dynamicFields, onChange: (name, value) => {
                 dirtyForm();
                 setDynamicFields((prev) => {
                     const payload = [...prev];

package/lib/functions/compare-condition/index.d.ts

@@ -1,5 +1,11 @@
-export type Comparison = '===' | '==' | '!==' | '!=' | '>' | '<' | '>=' | '<=';
-export declare const compareCondition: (renderCondition: [string, Comparison, string] | ["true" | "false"], fields: {
+import { SignalType } from '@/types';
+declare enum KeyType {
+    SIGNALS = "SIGNALS"
+}
+export type ComparisonStrings = '===' | '==' | '!==' | '!=' | '>' | '<' | '>=' | '<=';
+export type ComparisonArrays = 'INCLUDES' | 'EXCLUDES';
+export declare const compareCondition: (renderCondition: [string | KeyType, ComparisonStrings | ComparisonArrays, string] | ["true" | "false"], signals: SignalType[], fields: {
     name: string;
     value?: string;
 }[]) => boolean;
+export {};

package/lib/functions.js

@@ -1,15 +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-d87a2c69.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 { 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-ddf36942.js';
+import { K as K8sLogo } from './index-9436f4a7.js';
+export { c as compareCondition, g as getActionIcon, d as getEntityId, e as getInstrumentationRuleIcon, f as getProgrammingLanguageIcon } from './index-9436f4a7.js';
 export { d as deepClone, i as isEmpty, s as safeJsonParse } from './index-5e5f7bda.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 { f as filterActions, a as filterDestinations, b as filterDestinationsByStream, c as filterSources, d as filterSourcesByStream, e as formatBytes, h as getContainersIcons, g as getContainersInstrumentedCount, i as getDestinationIcon, j as getEntityIcon, k as getEntityLabel, l as getMetricForEntity, m as getValueForRange, n as getWorkloadId, o as getYamlFieldsForDestination, p as hasUnhealthyInstances, q as isOverTime, r as mapDestinationFieldsForDisplay, s as sleep } from './index-5fb023f6.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-6a6bea6e.js';
 import { ProgrammingLanguages, PlatformType, EntityTypes } from './types.js';
 import 'react';
 import 'styled-components';
-import { O as OdigosLogo } from './index-d30e26c2.js';
-import { V as VmLogo } from './index-1b05e560.js';
-import './index-6bb0eb56.js';
+import { O as OdigosLogo } from './index-2b6ae9c8.js';
+import { V as VmLogo } from './index-6344746d.js';
+import './index-968d01e8.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/lib/hooks.js

@@ -1,10 +1,10 @@
+import { W as useNotificationStore, F as FORM_ALERTS, Q as useDrawerStore, X as useEntityStore, Z as useDataStreamStore, $ as useSetupStore } from './index-9436f4a7.js';
 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-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-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 { i as useGenericForm } from './useTransition-0f2cccf3.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-0f2cccf3.js';
 import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-6a6bea6e.js';
 
 const INITIAL$2 = {

package/lib/icons.js

@@ -1,11 +1,11 @@
-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-d30e26c2.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-7c675ed2.js';
+import { T as Theme } from './index-9436f4a7.js';
+export { i as AddClusterInfoIcon, o as CPlusPlusLogo, p as CSharpLogo, C as CodeAttributesIcon, m as CustomInstrumentationIcon, j as DeleteAttributeIcon, q as DotnetLogo, E as ElixirLogo, G as GoLogo, H as HeadersCollectionIcon, l as ImageErrorIcon, J as JavaLogo, K as K8sLogo, h as KafkaLogo, r as MysqlLogo, N as NginxLogo, s as NodejsLogo, n as PayloadCollectionIcon, t as PhpLogo, P as PiiMaskingIcon, u as PostgresLogo, v as PythonLogo, w as RedisLogo, R as RenameAttributeIcon, x as RubyLogo, y as RustLogo, k as SamplerIcon, z as SwiftLogo } from './index-9436f4a7.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-2b6ae9c8.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-75412865.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-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';
+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-430be181.js';
+export { V as VmLogo } from './index-6344746d.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-968d01e8.js';
 import './types.js';
 import 'styled-components';
 

package/lib/{index-d30e26c2.js → index-2b6ae9c8.js}

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

package/lib/{index-72089d6e.js → index-430be181.js}

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

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

@@ -1,42 +1,10 @@
 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 { a as DEFAULT_DATA_STREAM_NAME, f as getProgrammingLanguageIcon, h as KafkaLogo } from './index-9436f4a7.js';
 import 'react';
 import 'styled-components';
-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 { 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-968d01e8.js';
 import { s as safeJsonParse } from './index-5e5f7bda.js';
 
-const compareCondition = (renderCondition, fields) => {
-    if (!renderCondition || !renderCondition.length)
-        return true;
-    if (renderCondition.length === 1)
-        return renderCondition[0] == 'true';
-    const [key, cond, val] = renderCondition;
-    const field = fields.find((field) => field.name === key);
-    if (!field) {
-        console.warn(`Field with name ${key} not found, condition will be skipped`);
-        return true;
-    }
-    switch (cond) {
-        case '===':
-        case '==':
-            return field.value === val;
-        case '!==':
-        case '!=':
-            return field.value !== val;
-        case '>':
-            return Number(field.value) > Number(val);
-        case '<':
-            return Number(field.value) < Number(val);
-        case '>=':
-            return Number(field.value) >= Number(val);
-        case '<=':
-            return Number(field.value) <= Number(val);
-        default:
-            console.warn(`Invalid condition ${cond}, condition will be skipped`);
-            return true;
-    }
-};
-
 const filterActions = (actions, filters) => {
     let filtered = [...actions];
     if (!!filters.monitors?.length)
@@ -301,4 +269,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, getValueForRange as n, getWorkloadId as o, getYamlFieldsForDestination as p, hasUnhealthyInstances as q, isOverTime as r, mapDestinationFieldsForDisplay as s, sleep as t };
+export { filterDestinations as a, filterDestinationsByStream as b, filterSources as c, filterSourcesByStream as d, formatBytes as e, filterActions as f, getContainersInstrumentedCount as g, getContainersIcons as h, getDestinationIcon as i, getEntityIcon as j, getEntityLabel as k, getMetricForEntity as l, getValueForRange as m, getWorkloadId as n, getYamlFieldsForDestination as o, hasUnhealthyInstances as p, isOverTime as q, mapDestinationFieldsForDisplay as r, sleep as s };

package/lib/{index-1b05e560.js → index-6344746d.js}

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

package/lib/{index-7c675ed2.js → index-75412865.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-86030474.js';
+import { T as Theme } from './index-9436f4a7.js';
 
 const OdigosLogoText = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
@@ -7,8 +7,8 @@ const OdigosLogoText = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     return (React.createElement("svg", { width: size, height: size * (32 / 143), viewBox: '0 0 143 32', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("defs", null,
             React.createElement("clipPath", { id: 'clip0_6008_4278' },
-                React.createElement("rect", { fill: fill, width: size, height: size * (32 / 143) }))),
-        React.createElement("g", { "clip-path": 'url(#clip0_6008_4278)' },
+                React.createElement("rect", { fill: fill, width: '143', height: '32' }))),
+        React.createElement("g", { clipPath: 'url(#clip0_6008_4278)' },
             React.createElement("path", { fill: fill, d: 'M121.59 10.9688H119.354C119.158 10.9688 118.982 10.8888 118.854 10.7609C118.727 10.6329 118.647 10.4569 118.647 10.2614V8.02531C118.647 7.82979 118.567 7.65382 118.439 7.52584C118.311 7.39786 118.135 7.31787 117.939 7.31787H107.439C107.32 7.31787 107.203 7.34098 107.093 7.38186C106.968 7.42985 106.855 7.50273 106.759 7.60049L103.702 10.6578C103.611 10.7484 103.542 10.8533 103.494 10.9688C103.446 11.0844 103.419 11.2106 103.419 11.3403V21.7866C103.419 21.9448 103.471 22.0905 103.558 22.2078C103.686 22.382 103.894 22.494 104.127 22.494H106.362C106.531 22.494 106.684 22.5527 106.807 22.6504C106.967 22.7802 107.07 22.9793 107.07 23.2014V25.4375C107.07 25.633 107.15 25.809 107.278 25.937C107.406 26.065 107.581 26.145 107.777 26.145H118.263C118.391 26.145 118.515 26.1201 118.632 26.0721C118.75 26.0241 118.854 25.953 118.945 25.8623L122.018 22.7891C122.103 22.7038 122.171 22.6042 122.219 22.494C122.272 22.3731 122.301 22.2416 122.301 22.1065V11.6763C122.301 11.5163 122.247 11.3688 122.158 11.2514C122.029 11.0808 121.824 10.9688 121.593 10.9688H121.59ZM118.647 21.7848C118.647 21.959 118.583 22.119 118.478 22.2434C118.348 22.3962 118.154 22.4922 117.939 22.4922H107.773C107.578 22.4922 107.402 22.4122 107.274 22.2843C107.146 22.1563 107.066 21.9803 107.066 21.7848V11.6745C107.066 11.479 107.146 11.303 107.274 11.175C107.402 11.047 107.578 10.967 107.773 10.967H117.939C118.135 10.967 118.311 11.047 118.439 11.175C118.567 11.303 118.647 11.479 118.647 11.6745V21.7848Z' }),
             React.createElement("path", { fill: fill, d: 'M80.1801 26.1432H77.9266C77.7311 26.1432 77.5551 26.0632 77.4272 25.9352C77.2992 25.8072 77.2192 25.6313 77.2192 25.4357V8.02531C77.2192 7.83867 77.2903 7.66981 77.4076 7.54361C77.5374 7.40497 77.7204 7.31787 77.9266 7.31787H80.1801C80.349 7.31787 80.5036 7.37653 80.6244 7.47429C80.7844 7.60405 80.8875 7.80135 80.8875 8.02531V25.4357C80.8875 25.6313 80.8075 25.8072 80.6795 25.9352C80.5516 26.0632 80.3756 26.1432 80.1801 26.1432Z' }),
             React.createElement("path", { fill: fill, d: 'M80.1801 3.66872H77.9266C77.7524 3.66872 77.5925 3.60473 77.4681 3.49986C77.3152 3.37011 77.2192 3.17636 77.2192 2.96128V0.707438C77.2192 0.519025 77.2921 0.348386 77.4112 0.222185C77.5409 0.0853191 77.7222 0 77.9266 0H80.1801C80.3756 0 80.5516 0.0799867 80.6795 0.207965C80.8075 0.335944 80.8875 0.511915 80.8875 0.707438V2.96128C80.8875 3.15681 80.8075 3.33278 80.6795 3.46076C80.5516 3.58874 80.3756 3.66872 80.1801 3.66872Z' }),

package/lib/{index-86030474.js → index-9436f4a7.js}

@@ -774,6 +774,53 @@ const MONITORS_OPTIONS = [
     },
 ];
 
+var KeyType;
+(function (KeyType) {
+    KeyType["SIGNALS"] = "SIGNALS";
+})(KeyType || (KeyType = {}));
+const compareCondition = (renderCondition, signals, fields) => {
+    if (!renderCondition || !renderCondition.length)
+        return true;
+    if (renderCondition.length === 1)
+        return renderCondition[0] == 'true';
+    const [key, cond, val] = renderCondition;
+    if (key === KeyType.SIGNALS) {
+        switch (cond) {
+            case 'INCLUDES':
+                return signals?.includes(val);
+            case 'EXCLUDES':
+                return !signals?.includes(val);
+            default:
+                console.warn(`Invalid condition ${cond}, condition will be skipped`);
+                return true;
+        }
+    }
+    const field = fields.find((field) => field.name === key);
+    if (!field) {
+        console.warn(`Field with name ${key} not found, condition will be skipped`);
+        return true;
+    }
+    switch (cond) {
+        case '===':
+        case '==':
+            return field.value === val;
+        case '!==':
+        case '!=':
+            return field.value !== val;
+        case '>':
+            return Number(field.value) > Number(val);
+        case '<':
+            return Number(field.value) < Number(val);
+        case '>=':
+            return Number(field.value) >= Number(val);
+        case '<=':
+            return Number(field.value) <= Number(val);
+        default:
+            console.warn(`Invalid condition ${cond}, condition will be skipped`);
+            return true;
+    }
+};
+
 const getProgrammingLanguageIcon = (language) => {
     const LOGOS = {
         [ProgrammingLanguages.Java]: JavaLogo,
@@ -1915,4 +1962,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, 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 };
+export { useSetupStore 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, useModalStore as O, PiiMaskingIcon as P, useDrawerStore as Q, RenameAttributeIcon as R, STORAGE_KEYS as S, Theme as T, useActiveNodeStore as U, usePendingStore as V, useNotificationStore as W, useEntityStore as X, useFilterStore as Y, useDataStreamStore as Z, useInstrumentStore as _, DEFAULT_DATA_STREAM_NAME as a, useSelectedStore as a0, useDarkMode as a1, styleInject as a2, DISPLAY_TITLES as b, compareCondition as c, getEntityId as d, getInstrumentationRuleIcon as e, getProgrammingLanguageIcon as f, getActionIcon as g, KafkaLogo as h, AddClusterInfoIcon as i, DeleteAttributeIcon as j, SamplerIcon as k, ImageErrorIcon as l, CustomInstrumentationIcon as m, PayloadCollectionIcon as n, CPlusPlusLogo as o, CSharpLogo as p, DotnetLogo as q, MysqlLogo as r, NodejsLogo as s, PhpLogo as t, PostgresLogo as u, PythonLogo as v, RedisLogo as w, RubyLogo as x, RustLogo as y, SwiftLogo as z };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-86030474.js';
+import { T as Theme } from './index-9436f4a7.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 },

package/lib/{index-d87a2c69.js → index-ddf36942.js}

@@ -1,8 +1,8 @@
 import { StatusType, OtherStatus, SignalType } from './types.js';
 import 'react';
-import './index-86030474.js';
+import './index-9436f4a7.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-d30e26c2.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-2b6ae9c8.js';
 
 const capitalizeFirstLetter = (string) => {
     return string.charAt(0).toUpperCase() + string.slice(1);

package/lib/{index-806238da.js → index-ff2ca759.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { a6 as WarningModal } from './index-4010222c.js';
+import { a6 as WarningModal } from './index-ff2e118e.js';
 import { StatusType, EntityTypes } from './types.js';
-import './index-86030474.js';
+import './index-9436f4a7.js';
 import 'styled-components';
 
 const CancelWarning = ({ isOpen, noOverlay, name, onApprove, onDeny }) => {

package/lib/{index-4010222c.js → index-ff2e118e.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, 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 { T as Theme, B as BUTTON_TEXTS, l as ImageErrorIcon, M as MONITORS_OPTIONS, a2 as styleInject, V as usePendingStore, a0 as useSelectedStore, _ as useInstrumentStore, U as useActiveNodeStore, W as useNotificationStore, b as DISPLAY_TITLES, L as LANGUAGE_OPTIONS, F as FORM_ALERTS, D as DISPLAY_LANGUAGES, f as getProgrammingLanguageIcon } from './index-9436f4a7.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-72089d6e.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-430be181.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-d87a2c69.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-ddf36942.js';
 import ReactDOM, { createPortal } from 'react-dom';
-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-d30e26c2.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-0f2cccf3.js';
+import { I as InfoIcon } from './index-2b6ae9c8.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};
@@ -72,15 +72,17 @@ const renderText = (text, theme) => {
 const Text = ({ children, color, size, weight, align, family, opacity, decoration, ...props }) => {
     const theme = Theme.useTheme();
     const textArray = useMemo(() => {
-        const str = typeof children === 'string'
-            ? children
-            : Array.isArray(children)
-                ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    children
-                        .map((x) => (typeof x === 'object' && Object.hasOwn(x, 'props') ? x.props.children : x))
-                        .filter((x) => x && typeof x === 'string')
-                        .join(' ')
-                : '';
+        const str = !children
+            ? ''
+            : ['string', 'number'].includes(typeof children)
+                ? children.toString()
+                : Array.isArray(children)
+                    ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        children
+                            .map((x) => (typeof x === 'object' && Object.hasOwn(x, 'props') ? x.props.children : x))
+                            .filter((x) => x && ['string', 'number'].includes(typeof x))
+                            .join(' ')
+                    : '';
         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.length

package/lib/snippets.js

@@ -1,15 +1,15 @@
-import { B as Button, _ as Text, L as NotificationNote } from './index-4010222c.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-4010222c.js';
+import { B as Button, _ as Text, L as NotificationNote } from './index-ff2e118e.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-ff2e118e.js';
 import React from 'react';
-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 { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-9436f4a7.js';
+import { E as EditIcon } from './index-430be181.js';
 import { StatusType } from './types.js';
 import 'styled-components';
-import { I as InfoIcon } from './index-d30e26c2.js';
+import { I as InfoIcon } from './index-2b6ae9c8.js';
 import './index-5e5f7bda.js';
-import './index-d87a2c69.js';
+import './index-ddf36942.js';
 import 'react-dom';
-import './useTransition-cac1649d.js';
+import './useTransition-0f2cccf3.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-86030474.js';
+export { U as useActiveNodeStore, a1 as useDarkMode, Z as useDataStreamStore, Q as useDrawerStore, X as useEntityStore, Y as useFilterStore, _ as useInstrumentStore, O as useModalStore, W as useNotificationStore, V as usePendingStore, a0 as useSelectedStore, $ as useSetupStore } from './index-9436f4a7.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/theme.js

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

package/lib/{useTransition-cac1649d.js → useTransition-0f2cccf3.js}

@@ -1,4 +1,4 @@
-import { z as useModalStore, O as useDrawerStore, Q as useActiveNodeStore } from './index-86030474.js';
+import { O as useModalStore, Q as useDrawerStore, U as useActiveNodeStore } from './index-9436f4a7.js';
 import { AddNodeTypes, EntityTypes, PayloadCollectionKeyTypes, CodeAttributesKeyTypes, CustomInstrumentationsKeyTypes } from './types.js';
 import React, { useState, useMemo, useEffect, useRef, useCallback } from 'react';
 import styled from 'styled-components';

package/package.json

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