@odigos/ui-kit 0.0.52 → 0.0.55

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # Changelog
 
+## [0.0.55](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.54...ui-kit-v0.0.55) (2025-07-14)
+
+
+### Features
+
+* add conditions to filters ([#232](https://github.com/odigos-io/ui-kit/issues/232)) ([9fe5718](https://github.com/odigos-io/ui-kit/commit/9fe5718d22b5c8ac917107121840b58afa9bd6d1))
+
+
+### Bug Fixes
+
+* add ignore patterns to linter ([#230](https://github.com/odigos-io/ui-kit/issues/230)) ([b42e6c2](https://github.com/odigos-io/ui-kit/commit/b42e6c2086684ebf1d2fd58e10931f2f010e02e0))
+
+## [0.0.54](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.53...ui-kit-v0.0.54) (2025-07-13)
+
+
+### Features
+
+* add callback for copy completion in CopyText component ([#225](https://github.com/odigos-io/ui-kit/issues/225)) ([bca1d94](https://github.com/odigos-io/ui-kit/commit/bca1d946739532b4d1aa827aaf6f52b31f2530dd))
+* add strokeWidth prop to various icon components ([#228](https://github.com/odigos-io/ui-kit/issues/228)) ([a41df31](https://github.com/odigos-io/ui-kit/commit/a41df3117a2d1ea252fca034ab8966f6ae50c710))
+
+## [0.0.53](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.52...ui-kit-v0.0.53) (2025-07-13)
+
+
+### Features
+
+* add UserSettingsIcon component ([#222](https://github.com/odigos-io/ui-kit/issues/222)) ([e0b3d77](https://github.com/odigos-io/ui-kit/commit/e0b3d77b439e6a91b3a3aff7027d3137bc9c0422))
+
+
+### Bug Fixes
+
+* lint error ([92c4a12](https://github.com/odigos-io/ui-kit/commit/92c4a1290eead068ea56845de0cbda7cf993cff1))
+* notification manager popup positioning ([#223](https://github.com/odigos-io/ui-kit/issues/223)) ([eb7e1a4](https://github.com/odigos-io/ui-kit/commit/eb7e1a47e0c5088eade7a6d0f010bb8c7a387e83))
+
 ## [0.0.52](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.51...ui-kit-v0.0.52) (2025-07-13)
 
 

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

@@ -7,4 +7,4 @@ interface CodeProps {
 }
 declare const Code: FC<CodeProps>;
 export { Code, type CodeProps };
-export * from './toggle-code-component/index';
+export * from './toggle-code-component';

package/lib/components/index.d.ts

@@ -1,56 +1,56 @@
-export * from './auto-complete-input/index';
-export * from './badge/index';
-export * from './button/index';
-export * from './cancel-warning/index';
-export * from './checkbox/index';
-export * from './code/index';
-export * from './condition-details/index';
-export * from './data-card/index';
-export * from './data-finger/index';
-export * from './data-tab/index';
-export * from './delete-warning/index';
-export * from './describe-row/index';
-export * from './divider/index';
-export * from './docs-button/index';
-export * from './drawer/index';
-export * from './dropdown/index';
-export * from './error-boundary/index';
-export * from './extend-arrow/index';
-export * from './fade-loader/index';
-export * from './field-error/index';
-export * from './field-label/index';
-export * from './header/index';
-export * from './icon-button/index';
-export * from './icon-group/index';
-export * from './icon-title-badge/index';
-export * from './icon-wrapped/index';
-export * from './icons-nav/index';
-export * from './image-controlled/index';
-export * from './input/index';
-export * from './input-list/index';
-export * from './input-table/index';
-export * from './interactive-table/index';
-export * from './key-value-input-list/index';
-export * from './modal/index';
-export * from './monitors-checkboxes/index';
-export * from './monitors-icons/index';
-export * from './navigation-buttons/index';
-export * from './no-data-found/index';
-export * from './notification-note/index';
-export * from './popup/index';
-export * from './popup-form/index';
-export * from './scroll-x/index';
-export * from './section-title/index';
-export * from './segment/index';
-export * from './selection-button/index';
-export * from './skeleton-loader/index';
-export * from './status/index';
-export * from './stepper/index';
-export * from './tag/index';
-export * from './text/index';
-export * from './textarea/index';
-export * from './toggle/index';
-export * from './tooltip/index';
-export * from './trace-loader/index';
-export * from './warning-modal/index';
+export * from './auto-complete-input';
+export * from './badge';
+export * from './button';
+export * from './cancel-warning';
+export * from './checkbox';
+export * from './code';
+export * from './condition-details';
+export * from './data-card';
+export * from './data-finger';
+export * from './data-tab';
+export * from './delete-warning';
+export * from './describe-row';
+export * from './divider';
+export * from './docs-button';
+export * from './drawer';
+export * from './dropdown';
+export * from './error-boundary';
+export * from './extend-arrow';
+export * from './fade-loader';
+export * from './field-error';
+export * from './field-label';
+export * from './header';
+export * from './icon-button';
+export * from './icon-group';
+export * from './icon-title-badge';
+export * from './icon-wrapped';
+export * from './icons-nav';
+export * from './image-controlled';
+export * from './input';
+export * from './input-list';
+export * from './input-table';
+export * from './interactive-table';
+export * from './key-value-input-list';
+export * from './modal';
+export * from './monitors-checkboxes';
+export * from './monitors-icons';
+export * from './navigation-buttons';
+export * from './no-data-found';
+export * from './notification-note';
+export * from './popup';
+export * from './popup-form';
+export * from './scroll-x';
+export * from './section-title';
+export * from './segment';
+export * from './selection-button';
+export * from './skeleton-loader';
+export * from './status';
+export * from './stepper';
+export * from './tag';
+export * from './text';
+export * from './textarea';
+export * from './toggle';
+export * from './tooltip';
+export * from './trace-loader';
+export * from './warning-modal';
 export * from './styled';

package/lib/components.js

@@ -1,16 +1,16 @@
-import { B as Button } from './index-4dd6a1ce.js';
-export { A as AutocompleteInput, a as Badge, a5 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, a4 as FlexColumn, a3 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, a8 as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, a7 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, a9 as TableContainer, aa as TableTitleWrap, ab as TableWrap, Y as Tag, Z as Text, _ as TextArea, $ as Toggle, T as ToggleCodeComponent, a0 as Tooltip, a1 as TraceLoader, a6 as VerticalScroll, a2 as WarningModal } from './index-4dd6a1ce.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-1b057bd1.js';
+import { B as Button } from './index-cd2972ab.js';
+export { A as AutocompleteInput, a as Badge, a5 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, a4 as FlexColumn, a3 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, a8 as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, a7 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, a9 as TableContainer, aa as TableTitleWrap, ab as TableWrap, Y as Tag, Z as Text, _ as TextArea, $ as Toggle, T as ToggleCodeComponent, a0 as Tooltip, a1 as TraceLoader, a6 as VerticalScroll, a2 as WarningModal } from './index-cd2972ab.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-d0c9f285.js';
 import React, { createContext, Component, createElement } from 'react';
-import { T as Theme } from './index-118aa476.js';
+import { T as Theme } from './index-cccea570.js';
 import './types.js';
-import './index-f40b593d.js';
-import './index-4c55824c.js';
+import './index-b08f2a91.js';
+import './index-ff710eae.js';
 import 'styled-components';
-import './index-974c5344.js';
+import './index-ad99c5fe.js';
 import './index-ec555530.js';
 import 'react-dom';
-import './useTransition-53e46214.js';
+import './useTransition-d4c82b6e.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-118aa476.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-cccea570.js';
 export { D as DESTINATION_CATEGORIES } from './index-1cb4f9e2.js';
 import 'react';
 import './types.js';

package/lib/containers/dropdowns/condition-dropdown/index.d.ts

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

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

@@ -1,7 +1,8 @@
-export * from './connection-status-dropdown/index';
-export * from './connection-type-dropdown/index';
-export * from './error-dropdown/index';
-export * from './language-dropdown/index';
-export * from './monitor-dropdown/index';
-export * from './namespace-dropdown/index';
-export * from './kind-dropdown/index';
+export * from './condition-dropdown';
+export * from './connection-status-dropdown';
+export * from './connection-type-dropdown';
+export * from './error-dropdown';
+export * from './language-dropdown';
+export * from './monitor-dropdown';
+export * from './namespace-dropdown';
+export * from './kind-dropdown';

package/lib/containers/index.d.ts

@@ -1,39 +1,39 @@
-export * from './action-drawer/index';
-export * from './action-form/index';
-export * from './action-modal/index';
-export * from './action-table/index';
-export * from './await-pipeline/index';
-export * from './compute-platform-select/index';
-export * from './compute-platforms/index';
-export * from './compute-platforms-actions-menu/index';
-export * from './data-flow/index';
-export * from './data-flow-actions-menu/index';
-export * from './data-stream-drawer/index';
-export * from './data-stream-form/index';
-export * from './data-stream-selection-form/index';
-export * from './destination-drawer/index';
-export * from './destination-form/index';
-export * from './destination-modal/index';
-export * from './destination-selection-form/index';
-export * from './destination-table/index';
-export * from './dropdowns/index';
-export * from './instrumentation-rule-drawer/index';
-export * from './instrumentation-rule-form/index';
-export * from './instrumentation-rule-modal/index';
-export * from './instrumentation-rule-table/index';
-export * from './multi-source-control/index';
-export * from './notification-manager/index';
-export * from './overview-drawer/index';
-export * from './service-map/index';
-export * from './setup-summary/index';
-export * from './side-nav/index';
-export * from './slack-invite/index';
-export * from './source-drawer/index';
-export * from './source-form/index';
-export * from './source-modal/index';
-export * from './source-selection-form/index';
-export * from './source-table/index';
-export * from './system-overview/index';
-export * from './table-cell-conditions/index';
-export * from './toast-list/index';
-export * from './toggle-dark-mode/index';
+export * from './action-drawer';
+export * from './action-form';
+export * from './action-modal';
+export * from './action-table';
+export * from './await-pipeline';
+export * from './compute-platform-select';
+export * from './compute-platforms';
+export * from './compute-platforms-actions-menu';
+export * from './data-flow';
+export * from './data-flow-actions-menu';
+export * from './data-stream-drawer';
+export * from './data-stream-form';
+export * from './data-stream-selection-form';
+export * from './destination-drawer';
+export * from './destination-form';
+export * from './destination-modal';
+export * from './destination-selection-form';
+export * from './destination-table';
+export * from './dropdowns';
+export * from './instrumentation-rule-drawer';
+export * from './instrumentation-rule-form';
+export * from './instrumentation-rule-modal';
+export * from './instrumentation-rule-table';
+export * from './multi-source-control';
+export * from './notification-manager';
+export * from './overview-drawer';
+export * from './service-map';
+export * from './setup-summary';
+export * from './side-nav';
+export * from './slack-invite';
+export * from './source-drawer';
+export * from './source-form';
+export * from './source-modal';
+export * from './source-selection-form';
+export * from './source-table';
+export * from './system-overview';
+export * from './table-cell-conditions';
+export * from './toast-list';
+export * from './toggle-dark-mode';

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, M as MONITORS_OPTIONS, d as getInstrumentationRuleIcon, Y as useDataStreamStore, Z as useInstrumentStore, c as getEntityId, S as STORAGE_KEYS, a as DEFAULT_DATA_STREAM_NAME, _ as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, $ as useSelectedStore, j as ImageErrorIcon, a0 as useDarkMode } from './index-118aa476.js';
+import { b as DISPLAY_TITLES, T as Theme, U as usePendingStore, V as useNotificationStore, O as useDrawerStore, B as BUTTON_TEXTS, W as useEntityStore, A as ACTION_OPTIONS, g as getActionIcon, z as useModalStore, F as FORM_ALERTS, X as useFilterStore, D as DISPLAY_LANGUAGES, M as MONITORS_OPTIONS, d as getInstrumentationRuleIcon, Y as useDataStreamStore, Z as useInstrumentStore, c as getEntityId, S as STORAGE_KEYS, a as DEFAULT_DATA_STREAM_NAME, _ as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, $ as useSelectedStore, j as ImageErrorIcon, a0 as useDarkMode } from './index-cccea570.js';
 import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, EdgeTypes, AddNodeTypes, SignalType, HeadersCollectionKeyTypes, CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType, K8sResourceKind } from './types.js';
-import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, K as KeyValueInputsList, w as InputList, Z as Text, R as Segment, Q as SectionTitle, j as DocsButton, z as MonitorsCheckboxes, _ as TextArea, k as Drawer, c as ConditionDetails, D as DataCard, a4 as FlexColumn, M as Modal, N as NavigationButtons, a8 as ModalBody, L as NotificationNote, A as AutocompleteInput, i as Divider, W as Status, a3 as FlexRow, a0 as Tooltip, s as IconWrapped, G as MonitorsIcons, a9 as TableContainer, aa as TableTitleWrap, r as IconTitleBadge, ab as TableWrap, y as InteractiveTable, a5 as CenterThis, J as NoDataFound, a1 as TraceLoader, a as Badge, E as ExtendArrow, a6 as VerticalScroll, U as SelectionButton, B as Button, n as Dropdown, ac as nodeConfig, ad as useNodesState, ae as useEdgesState, af as Flow, ag as applyNodeChanges, P as Popup, $ as Toggle, I as IconButton, ah as AddButton, F as FadeLoader, g as DataTab, X as Stepper, d as DataCardFields, ai as MarkerType, t as IconsNav, aj as CopyText, h as DescribeRow, ak as PodContainer, al as SourceContainer, q as IconGroup, O as PopupForm } from './index-4dd6a1ce.js';
+import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, K as KeyValueInputsList, w as InputList, Z as Text, R as Segment, Q as SectionTitle, j as DocsButton, z as MonitorsCheckboxes, _ as TextArea, k as Drawer, c as ConditionDetails, D as DataCard, a4 as FlexColumn, M as Modal, N as NavigationButtons, a8 as ModalBody, L as NotificationNote, A as AutocompleteInput, i as Divider, W as Status, a3 as FlexRow, a0 as Tooltip, s as IconWrapped, G as MonitorsIcons, a9 as TableContainer, aa as TableTitleWrap, r as IconTitleBadge, ab as TableWrap, y as InteractiveTable, a5 as CenterThis, J as NoDataFound, a1 as TraceLoader, a as Badge, E as ExtendArrow, a6 as VerticalScroll, U as SelectionButton, B as Button, n as Dropdown, ac as nodeConfig, ad as useNodesState, ae as useEdgesState, af as Flow, ag as applyNodeChanges, P as Popup, $ as Toggle, I as IconButton, ah as AddButton, F as FadeLoader, g as DataTab, X as Stepper, d as DataCardFields, ai as MarkerType, t as IconsNav, aj as CopyText, h as DescribeRow, ak as PodContainer, al as SourceContainer, q as IconGroup, O as PopupForm } from './index-cd2972ab.js';
 import { i as isEmpty, s as safeJsonParse } from './index-ec555530.js';
-import { C as CheckCircledIcon, O as OdigosLogo } from './index-974c5344.js';
-import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, R as RetryIcon, N as NotificationIcon, U as UserIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-f64b0a7d.js';
+import { C as CheckCircledIcon, O as OdigosLogo } from './index-ad99c5fe.js';
+import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, R as RetryIcon, N as NotificationIcon, U as UserIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-59f6374b.js';
 import { useActionFormData, useSessionStorage, useDataStreamFormData, useDestinationFormData, useClickNotification, useSourceFormData, useSourceSelectionFormData } from './hooks.js';
-import { u as useKeyDown, a as useOnClickOutside, b as useContainerSize, c as useClickNode, d as usePopup, e as useInstrumentationRuleFormData, f as useTransition, g as useTimeAgo, h as useCopy, i as useGenericForm } from './useTransition-53e46214.js';
-import { E as EditIcon, T as TrashIcon, S as SearchIcon, h as CheckIcon, A as ArrowIcon, P as PlusIcon, a as CopyIcon } from './index-f40b593d.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-1b057bd1.js';
-import { g as getConditionsBooleans, m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter, p as parseBooleanFromString } from './index-4c55824c.js';
-import { f as filterActions, m as getEntityLabel, l as getEntityIcon, w as sleep, 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, v as mapDestinationFieldsForDisplay, c as compareCondition, s as getYamlFieldsForDestination, d as deepClone, n as getMetricForEntity, r as getWorkloadId, t as hasUnhealthyInstances, i as getContainersInstrumentedCount, u as isOverTime } from './index-159d94f2.js';
+import { u as useKeyDown, a as useOnClickOutside, b as useContainerSize, c as useClickNode, d as usePopup, e as useInstrumentationRuleFormData, f as useTransition, g as useTimeAgo, h as useCopy, i as useGenericForm } from './useTransition-d4c82b6e.js';
+import { E as EditIcon, T as TrashIcon, S as SearchIcon, h as CheckIcon, A as ArrowIcon, P as PlusIcon, a as CopyIcon } from './index-b08f2a91.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-d0c9f285.js';
+import { g as getConditionsBooleans, m as mapConditions, b as getStatusIcon, e as splitCamelString, c as capitalizeFirstLetter, p as parseBooleanFromString } from './index-ff710eae.js';
+import { f as filterActions, m as getEntityLabel, l as getEntityIcon, w as sleep, 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, v as mapDestinationFieldsForDisplay, c as compareCondition, s as getYamlFieldsForDestination, d as deepClone, n as getMetricForEntity, r as getWorkloadId, t as hasUnhealthyInstances, i as getContainersInstrumentedCount, u as isOverTime } from './index-016ca5d0.js';
 import { m as mapExportedSignals } from './index-6a6bea6e.js';
 import { NoteBackToSummary, EditButton } from './snippets.js';
 import { D as DESTINATION_CATEGORIES } from './index-1cb4f9e2.js';
-import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-b833b336.js';
+import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-dc3c54b0.js';
 import 'react-dom';
 
 const buildCard$3 = (action) => {
@@ -1122,6 +1122,21 @@ const ComputePlatforms = ({ connections, onSelect }) => {
             React.createElement(NoDataFound, null)))));
 };
 
+const ConditionDropdown = ({ sources, title = 'Condition', value, onSelect, onDeselect, ...props }) => {
+    const options = useMemo(() => {
+        const payload = [];
+        sources.forEach(({ conditions }) => {
+            conditions?.forEach(({ type, reason }) => {
+                if (!payload.find((opt) => opt.id === `${type}#${reason}`)) {
+                    payload.push({ id: `${type}#${reason}`, value: `${splitCamelString(type)} - ${splitCamelString(reason)}` });
+                }
+            });
+        });
+        return payload.sort((a, b) => a.id?.localeCompare(b.id || '') || 0);
+    }, [sources]);
+    return React.createElement(Dropdown, { disabled: !options?.length, title: title, placeholder: 'All', options: options, value: value, onSelect: onSelect, onDeselect: onDeselect, ...props });
+};
+
 const ConnectionStatusDropdown = ({ connections, title = '', value, onSelect, onDeselect, ...props }) => {
     const options = useMemo(() => {
         const payload = [];
@@ -1179,7 +1194,7 @@ const LanguageDropdown = ({ sources, title = 'Programming Language', value, onSe
         sources.forEach(({ containers }) => {
             containers?.forEach(({ language }) => {
                 if (!payload.find((opt) => opt.id === language)) {
-                    payload.push({ id: language, value: language });
+                    payload.push({ id: language, value: DISPLAY_LANGUAGES[language] || language });
                 }
             });
         });
@@ -2033,11 +2048,11 @@ const Filters$1 = () => {
     const { namespaces, sources } = useEntityStore();
     const { selectedStreamName } = useDataStreamStore();
     const { getItemSS, setItemSS, removeItemSS } = useSessionStorage();
-    const { namespaces: namespaceFilters, kinds, monitors, languages, errors, onlyErrors, setAll, clearAll, getEmptyState } = useFilterStore();
     const { popupRef, popupOpen, setPopupOpen, popupPosition, handlePosition } = usePopup();
+    const { namespaces: namespaceFilters, kinds, monitors, languages, conditions, errors, onlyErrors, setAll, clearAll, getEmptyState } = useFilterStore();
     const sourcesByStream = useMemo(() => filterSourcesByStream(sources, selectedStreamName), [sources, selectedStreamName]);
     // We need local state, because we want to keep the filters in the store only when the user clicks on apply
-    const [filters, setFilters] = useState({ namespaces: namespaceFilters, kinds, monitors, languages, errors, onlyErrors });
+    const [filters, setFilters] = useState({ namespaces: namespaceFilters, kinds, monitors, languages, conditions, errors, onlyErrors });
     const [filterCount, setFilterCount] = useState(getFilterCount(filters));
     useEffect(() => {
         const storedFilters = getItemSS(STORAGE_KEYS.OVERVIEW_FILTERS, getEmptyState());
@@ -2045,11 +2060,11 @@ const Filters$1 = () => {
     }, []);
     useEffect(() => {
         if (!popupOpen) {
-            const payload = { namespaces: namespaceFilters, kinds, monitors, languages, errors, onlyErrors };
+            const payload = { namespaces: namespaceFilters, kinds, monitors, languages, conditions, errors, onlyErrors };
             setFilters(payload);
             setFilterCount(getFilterCount(payload));
         }
-    }, [popupOpen, namespaceFilters, kinds, monitors, errors, onlyErrors]);
+    }, [popupOpen, namespaceFilters, kinds, monitors, languages, conditions, errors, onlyErrors]);
     const onApply = () => {
         setItemSS(STORAGE_KEYS.OVERVIEW_FILTERS, filters);
         setAll(filters);
@@ -2084,6 +2099,7 @@ const Filters$1 = () => {
                 React.createElement(KindDropdown, { sources: sourcesByStream, value: filters['kinds'], onSelect: (val) => setFilters((prev) => ({ ...prev, kinds: [...(prev.kinds || []), val] })), onDeselect: (val) => setFilters((prev) => ({ ...prev, kinds: (prev.kinds || []).filter((opt) => opt.id !== val.id) })), showSearch: true, required: true, isMulti: true }),
                 React.createElement(LanguageDropdown, { sources: sourcesByStream, value: filters['languages'], onSelect: (val) => setFilters((prev) => ({ ...prev, languages: [...(prev.languages || []), val] })), onDeselect: (val) => setFilters((prev) => ({ ...prev, languages: (prev.languages || []).filter((opt) => opt.id !== val.id) })), showSearch: true, required: true, isMulti: true }),
                 React.createElement(MonitorDropdown, { value: filters['monitors'], onSelect: (val) => setFilters((prev) => ({ ...prev, monitors: [...(prev.monitors || []), val] })), onDeselect: (val) => setFilters((prev) => ({ ...prev, monitors: (prev.monitors || []).filter((opt) => opt.id !== val.id) })), showSearch: true, required: true, isMulti: true }),
+                React.createElement(ConditionDropdown, { sources: sourcesByStream, value: filters['conditions'], onSelect: (val) => setFilters((prev) => ({ ...prev, conditions: [...(prev.conditions || []), val] })), onDeselect: (val) => setFilters((prev) => ({ ...prev, conditions: (prev.conditions || []).filter((opt) => opt.id !== val.id) })), showSearch: true, required: true, isMulti: true }),
                 React.createElement(ToggleWrapper, null,
                     React.createElement(Toggle, { title: 'Show only sources with errors', initialValue: filters['onlyErrors'], onChange: (bool) => setFilters((prev) => ({ ...prev, errors: [], onlyErrors: bool })) })),
                 React.createElement(ErrorDropdown, { sources: sourcesByStream, value: filters['errors'], onSelect: (val) => setFilters((prev) => ({ ...prev, errors: [...(prev.errors || []), val] })), onDeselect: (val) => setFilters((prev) => ({ ...prev, errors: (prev.errors || []).filter((opt) => opt.id !== val.id) })), disabled: !filters['onlyErrors'], showSearch: true, required: true, isMulti: true })))));
@@ -3636,15 +3652,14 @@ const NotificationManager = () => {
                 unseen.forEach(({ id }) => markAsSeen(id));
         },
     });
-    const toggleOpen = (e) => {
-        const { clientX, clientY } = e;
-        handlePosition(clientX, clientY);
+    const toggleOpen = () => {
+        handlePosition(0, 0);
         setPopupOpen((prev) => !prev);
     };
     return (React.createElement(RelativeContainer, null,
         React.createElement(IconButton, { onClick: toggleOpen, tooltip: 'Notifications', withPing: !!unseenCount, pingColor: theme.colors.orange_og },
             React.createElement(NotificationIcon, { size: 18 })),
-        React.createElement(Popup, { ref: popupRef, isOpen: popupOpen, asPortal: true, left: popupPosition.left, maxWidth: '400px', header: React.createElement(PopupHeader, null,
+        React.createElement(Popup, { ref: popupRef, isOpen: popupOpen, right: popupPosition.left, maxWidth: '400px', header: React.createElement(PopupHeader, null,
                 React.createElement(Text, { size: 20 }, "Notifications"),
                 !!unseenCount && (React.createElement(NewCount, { size: 12, family: 'secondary' },
                     unseenCount,
@@ -4785,4 +4800,4 @@ const ToggleDarkMode = () => {
         React.createElement(Background, { "$darkMode": darkMode })));
 };
 
-export { ActionDrawer, ActionForm, ActionModal, ActionTable, AwaitPipeline, ComputePlatformSelect, ComputePlatforms, ComputePlatformsActionsMenu, ConnectionStatusDropdown, ConnectionTypeDropdown, DataFlow, DataFlowActionsMenu, DataStreamDrawer, DataStreamForm, DataStreamSelectionForm, DestinationDrawer, DestinationForm, DestinationModal, DestinationSelectionForm, DestinationTable, ErrorDropdown, InstrumentationRuleDrawer, InstrumentationRuleForm, InstrumentationRuleModal, InstrumentationRuleTable, KindDropdown, LanguageDropdown, MonitorDropdown, MultiSourceControl, NamespaceDropdown, NavIconIds, NotificationManager, OverviewDrawer, ServiceMap, SetupSummary, SideNav, SlackInvite, SourceDrawer, SourceForm, SourceModal, SourceSelectionForm, SourceTable, SystemOverview, TableCellConditions, ToastList, ToggleDarkMode };
+export { ActionDrawer, ActionForm, ActionModal, ActionTable, AwaitPipeline, ComputePlatformSelect, ComputePlatforms, ComputePlatformsActionsMenu, ConditionDropdown, ConnectionStatusDropdown, ConnectionTypeDropdown, DataFlow, DataFlowActionsMenu, DataStreamDrawer, DataStreamForm, DataStreamSelectionForm, DestinationDrawer, DestinationForm, DestinationModal, DestinationSelectionForm, DestinationTable, ErrorDropdown, InstrumentationRuleDrawer, InstrumentationRuleForm, InstrumentationRuleModal, InstrumentationRuleTable, KindDropdown, LanguageDropdown, MonitorDropdown, MultiSourceControl, NamespaceDropdown, NavIconIds, NotificationManager, OverviewDrawer, ServiceMap, SetupSummary, SideNav, SlackInvite, SourceDrawer, SourceForm, SourceModal, SourceSelectionForm, SourceTable, SystemOverview, TableCellConditions, ToastList, ToggleDarkMode };

package/lib/functions/split-camel-string/index.d.ts

@@ -1 +1 @@
-export declare const splitCamelString: (str: string) => string;
+export declare const splitCamelString: (str?: string | null) => string;

package/lib/functions.js

@@ -1,13 +1,13 @@
-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-4c55824c.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 hasUnhealthyInstances, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index-159d94f2.js';
-export { g as getActionIcon, c as getEntityId, d as getInstrumentationRuleIcon, e as getProgrammingLanguageIcon } from './index-118aa476.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-ff710eae.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 hasUnhealthyInstances, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index-016ca5d0.js';
+export { g as getActionIcon, c as getEntityId, d as getInstrumentationRuleIcon, e as getProgrammingLanguageIcon } from './index-cccea570.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-6a6bea6e.js';
 import { ProgrammingLanguages, EntityTypes } from './types.js';
 export { i as isEmpty, s as safeJsonParse } from './index-ec555530.js';
 import 'react';
 import 'styled-components';
-import './index-974c5344.js';
-import './index-b833b336.js';
+import './index-ad99c5fe.js';
+import './index-dc3c54b0.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/lib/hooks.js

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

package/lib/icons/actions/index.d.ts

@@ -1,5 +1,5 @@
-export * from './add-cluster-info-icon/index';
-export * from './delete-attribute-icon/index';
-export * from './pii-masking-icon/index';
-export * from './rename-attribute-icon/index';
-export * from './sampler-icon/index';
+export * from './add-cluster-info-icon';
+export * from './delete-attribute-icon';
+export * from './pii-masking-icon';
+export * from './rename-attribute-icon';
+export * from './sampler-icon';

package/lib/icons/brand/index.d.ts

@@ -1,2 +1,2 @@
-export * from './odigos-logo/index';
-export * from './odigos-logo-text/index';
+export * from './odigos-logo';
+export * from './odigos-logo-text';

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

@@ -1,25 +1,26 @@
-export * from './arrow-icon/index';
-export * from './avatar-icon/index';
-export * from './code-brackets-icon/index';
-export * from './code-icon/index';
-export * from './command-icon/index';
-export * from './copy-icon/index';
-export * from './edit-icon/index';
-export * from './edited-icon/index';
-export * from './extend-arrow-icon/index';
-export * from './filter-icon/index';
-export * from './folder-icon/index';
-export * from './image-error-icon/index';
-export * from './key-icon/index';
-export * from './list-icon/index';
-export * from './no-data-icon/index';
-export * from './notebook-icon/index';
-export * from './notification-icon/index';
-export * from './retry-icon/index';
-export * from './search-icon/index';
-export * from './sort-arrows-icon/index';
-export * from './terminal-icon/index';
-export * from './trash-icon/index';
-export * from './user-group-icon/index';
-export * from './user-icon/index';
-export * from './x-icon/index';
+export * from './arrow-icon';
+export * from './avatar-icon';
+export * from './code-brackets-icon';
+export * from './code-icon';
+export * from './command-icon';
+export * from './copy-icon';
+export * from './edit-icon';
+export * from './edited-icon';
+export * from './extend-arrow-icon';
+export * from './filter-icon';
+export * from './folder-icon';
+export * from './image-error-icon';
+export * from './key-icon';
+export * from './list-icon';
+export * from './no-data-icon';
+export * from './notebook-icon';
+export * from './notification-icon';
+export * from './retry-icon';
+export * from './search-icon';
+export * from './sort-arrows-icon';
+export * from './terminal-icon';
+export * from './trash-icon';
+export * from './user-group-icon';
+export * from './user-settings-icon';
+export * from './user-icon';
+export * from './x-icon';

package/lib/icons/common/user-settings-icon/index.d.ts

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

package/lib/icons/compute-platform/index.d.ts

@@ -1,2 +1,2 @@
-export * from './k8s-logo/index';
-export * from './vm-logo/index';
+export * from './k8s-logo';
+export * from './vm-logo';