@odigos/ui-kit 0.0.57 → 0.0.59

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [0.0.59](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.58...ui-kit-v0.0.59) (2025-07-16)
+
+
+### Features
+
+* add support for center buttons in DrawerFooter component ([#245](https://github.com/odigos-io/ui-kit/issues/245)) ([3b95eb4](https://github.com/odigos-io/ui-kit/commit/3b95eb420a028d43e666f75f60bc546a6d75c85d))
+
+## [0.0.58](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.57...ui-kit-v0.0.58) (2025-07-16)
+
+
+### Features
+
+* add supported languages for instrumentation rules ([#243](https://github.com/odigos-io/ui-kit/issues/243)) ([534e196](https://github.com/odigos-io/ui-kit/commit/534e196f9118bcdff5a72f05e5e42e0d5c841a6b))
+* enhance useGenericForm hook with isFormDirty state ([#240](https://github.com/odigos-io/ui-kit/issues/240)) ([3cc2f2b](https://github.com/odigos-io/ui-kit/commit/3cc2f2ba0092ac8ea7652c977c564221a7c714ab))
+* filter by running instances for source selection form ([#244](https://github.com/odigos-io/ui-kit/issues/244)) ([1122570](https://github.com/odigos-io/ui-kit/commit/1122570267ecb3158a944c3215d2adceea229e08))
+
+
+### Bug Fixes
+
+* dropdown values for destination during onboarding ([#242](https://github.com/odigos-io/ui-kit/issues/242)) ([bd528dd](https://github.com/odigos-io/ui-kit/commit/bd528ddb06cda7824d9960abb1e7341b352cbc64))
+
 ## [0.0.57](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.56...ui-kit-v0.0.57) (2025-07-15)
 
 

package/lib/components/drawer/drawer-footer/index.d.ts

@@ -5,6 +5,9 @@ interface DrawerFooterProps {
     leftButtons?: (ButtonProps & {
         'data-id': string;
     })[];
+    centerButtons?: (ButtonProps & {
+        'data-id': string;
+    })[];
     rightButtons?: (ButtonProps & {
         'data-id': string;
     })[];

package/lib/components/styled.d.ts

@@ -3,12 +3,19 @@ export declare const FlexRow: import("styled-components/dist/types").IStyledComp
     $gap?: number;
     $alignItems?: CSSProperties["alignItems"];
     $justifyContent?: CSSProperties["justifyContent"];
+    $wrap?: CSSProperties["flexWrap"];
 }>> & string;
 export declare const FlexColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $gap?: number;
+    $alignItems?: CSSProperties["alignItems"];
+    $justifyContent?: CSSProperties["justifyContent"];
+    $wrap?: CSSProperties["flexWrap"];
 }>> & string;
-export declare const CenterThis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap"> & {
+export declare const CenterThis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$alignItems" | "$justifyContent" | "$wrap"> & {
     $gap?: number;
+    $alignItems?: CSSProperties["alignItems"];
+    $justifyContent?: CSSProperties["justifyContent"];
+    $wrap?: CSSProperties["flexWrap"];
 }, never>> & string;
 export declare const VerticalScroll: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -16,15 +23,19 @@ export declare const ModalBody: import("styled-components/dist/types").IStyledCo
     $isNotModal?: boolean;
     $minHeight?: CSSProperties["minHeight"];
 }>> & string;
-export declare const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap"> & {
+export declare const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$alignItems" | "$justifyContent" | "$wrap"> & {
     $gap?: number;
+    $alignItems?: CSSProperties["alignItems"];
+    $justifyContent?: CSSProperties["justifyContent"];
+    $wrap?: CSSProperties["flexWrap"];
 }, {
     $maxWidth: CSSProperties["maxWidth"];
 }>> & string;
-export declare const TableTitleWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$alignItems" | "$justifyContent"> & {
+export declare const TableTitleWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$alignItems" | "$justifyContent" | "$wrap"> & {
     $gap?: number;
     $alignItems?: CSSProperties["alignItems"];
     $justifyContent?: CSSProperties["justifyContent"];
+    $wrap?: CSSProperties["flexWrap"];
 }, never>> & string;
 export declare const TableWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $maxHeight: CSSProperties["maxHeight"];

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

@@ -1,8 +1,9 @@
 import { type FC } from 'react';
-import { StatusType } from '@/types';
 import { TextProps } from '../text';
+import { type SVG, StatusType } from '@/types';
 interface TagProps extends TextProps {
-    type: StatusType;
+    type?: StatusType;
+    icon?: SVG;
 }
 declare const Tag: FC<TagProps>;
 export { Tag, type TagProps };

package/lib/components.js

@@ -1,16 +1,16 @@
-import { B as Button } from './index-9d7ee546.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-9d7ee546.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-2ca06346.js';
+import { B as Button } from './index-e6385bb5.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-e6385bb5.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-bb79aa09.js';
 import React, { createContext, Component, createElement } from 'react';
-import { T as Theme } from './index-a4a96604.js';
+import { T as Theme } from './index-e9b26c29.js';
 import './types.js';
-import './index-3f1cbe2e.js';
-import './index-ebd8218b.js';
+import './index-0001f711.js';
+import './index-355d023b.js';
 import 'styled-components';
-import './index-15342ca8.js';
+import './index-630dec93.js';
 import './index-ec555530.js';
 import 'react-dom';
-import './useTransition-7826f3d7.js';
+import './useTransition-242df96b.js';
 
 const ErrorBoundaryContext = createContext(null);
 

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

@@ -88,7 +88,8 @@ export declare const DISPLAY_TITLES: {
     FILTERED_COUNT_TOOLTIP: string;
     SEARCH_NAMESPACES: string;
     SEARCH_SOURCES: string;
-    SHOW_SELECTED_ONLY: string;
+    ONLY_SELECTED: string;
+    ONLY_RUNNING_INSTANCES: string;
     TO_COLLECT_OTEL_DATA: string;
     TO_MONITOR_OTEL_DATA: string;
     TO_MODIFY_OTEL_DATA: string;

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-a4a96604.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-e9b26c29.js';
 export { D as DESTINATION_CATEGORIES } from './index-1cb4f9e2.js';
 import 'react';
 import './types.js';

package/lib/containers/instrumentation-rule-form/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { InstrumentationRuleFormData, InstrumentationRuleOption } from '@/types';
+import { type InstrumentationRuleFormData, type InstrumentationRuleOption } from '@/types';
 interface InstrumentationRuleFormProps {
     isUpdate?: boolean;
     rule: InstrumentationRuleOption;

package/lib/containers.js

@@ -1,21 +1,21 @@
 import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, Fragment, useCallback, Children } from 'react';
 import styled, { css } from 'styled-components';
-import { b as DISPLAY_TITLES, T as Theme, U as usePendingStore, V as useNotificationStore, O as useDrawerStore, B as BUTTON_TEXTS, W as useEntityStore, A as ACTION_OPTIONS, g as getActionIcon, z as useModalStore, F as FORM_ALERTS, X as useFilterStore, D as DISPLAY_LANGUAGES, M as MONITORS_OPTIONS, d as getInstrumentationRuleIcon, Y as useDataStreamStore, Z as useInstrumentStore, c as getEntityId, S as STORAGE_KEYS, a as DEFAULT_DATA_STREAM_NAME, _ as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, $ as useSelectedStore, j as ImageErrorIcon, a0 as useDarkMode } from './index-a4a96604.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, e as getProgrammingLanguageIcon, I as INSTRUMENTATION_RULE_OPTIONS, $ as useSelectedStore, j as ImageErrorIcon, a0 as useDarkMode } from './index-e9b26c29.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-9d7ee546.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, Y as Tag, 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-e6385bb5.js';
 import { i as isEmpty, s as safeJsonParse } from './index-ec555530.js';
-import { C as CheckCircledIcon, O as OdigosLogo } from './index-15342ca8.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-1f42dc81.js';
+import { C as CheckCircledIcon, O as OdigosLogo } from './index-630dec93.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-3de83c73.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-7826f3d7.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-3f1cbe2e.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-2ca06346.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-ebd8218b.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-746078ec.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-242df96b.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-0001f711.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-bb79aa09.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-355d023b.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-f2c2de35.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-7d331ab3.js';
+import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-27fc9053.js';
 import 'react-dom';
 
 const buildCard$3 = (action) => {
@@ -2322,7 +2322,7 @@ const DynamicFields = ({ fields, onChange, formErrors }) => {
             case FieldTypes.Input:
                 return React.createElement(Input, { key: field.name, ...rest, onChange: (e) => onChange(field.name, e.target.value), errorMessage: formErrors[field.name] });
             case FieldTypes.Dropdown:
-                return (React.createElement(Dropdown, { key: field.name, ...rest, showSearch: true, value: { id: rest.value || '', value: rest.value || '' }, options: rest.options || [], onSelect: (option) => onChange(field.name, option.value), errorMessage: formErrors[field.name] }));
+                return (React.createElement(Dropdown, { key: field.name, ...rest, showSearch: true, value: { id: rest.value || '', value: rest.value || '' }, options: rest.options || [], onSelect: (option) => onChange(field.name, option.id), errorMessage: formErrors[field.name] }));
             case FieldTypes.MultiInput:
                 return (React.createElement(InputList, { key: field.name, ...rest, value: typeof rest.value === 'string' ? safeJsonParse(rest.value, []) : rest.value, onChange: (value) => onChange(field.name, JSON.stringify(value)), errorMessage: formErrors[field.name] }));
             case FieldTypes.KeyValuePair:
@@ -2740,9 +2740,7 @@ const DestinationModal = ({ isOnboarding, categories, potentialDestinations, cre
     const getDestPayload = (alreadyConfigDest) => {
         const fields = {};
         if (!alreadyConfigDest) {
-            dynamicFields.forEach((f) => {
-                fields[f.name] = (f.componentType === FieldTypes.Dropdown ? f.value?.value || '' : f.value);
-            });
+            dynamicFields.forEach((f) => (fields[f.name] = f.value));
         }
         return {
             id: alreadyConfigDest?.id || '',
@@ -3296,14 +3294,15 @@ const FieldTitle = styled(Text) `
 const InstrumentationRuleForm = ({ isUpdate, rule, formData, formErrors, handleFormChange }) => {
     const theme = Theme.useTheme();
     return (React.createElement(Container$7, null,
-        isUpdate && (React.createElement("div", null,
+        React.createElement(FlexRow, null, rule.supportedLanguages.map((lang) => (React.createElement(Tag, { key: lang, icon: getProgrammingLanguageIcon(lang), type: StatusType.Info }, lang)))),
+        isUpdate ? (React.createElement("div", null,
             React.createElement(FieldTitle, null, "Status"),
             React.createElement(Segment, { options: [
                     { icon: CheckCircledIcon, label: 'active', value: false, selectedBgColor: theme.text.success + Theme.opacity.hex['050'] },
                     { icon: CrossCircledIcon, label: 'inactive', value: true, selectedBgColor: theme.text.error + Theme.opacity.hex['050'] },
-                ], selected: formData.disabled, setSelected: (bool) => handleFormChange('disabled', bool) }))),
-        !isUpdate && React.createElement(SectionTitle, { title: '', description: rule.docsDescription, actionButton: React.createElement(DocsButton, { endpoint: rule.docsEndpoint }) }),
-        !isUpdate && (React.createElement(Input, { title: 'Rule name', placeholder: 'Use a name that describes the rule', value: formData['ruleName'], onChange: ({ target: { value } }) => handleFormChange('ruleName', value), errorMessage: formErrors['ruleName'] })),
+                ], selected: formData.disabled, setSelected: (bool) => handleFormChange('disabled', bool) }))) : (React.createElement(React.Fragment, null,
+            React.createElement(SectionTitle, { title: '', description: rule.docsDescription, actionButton: React.createElement(DocsButton, { endpoint: rule.docsEndpoint }) }),
+            React.createElement(Input, { title: 'Rule name', placeholder: 'Use a name that describes the rule', value: formData['ruleName'], onChange: ({ target: { value } }) => handleFormChange('ruleName', value), errorMessage: formErrors['ruleName'] }))),
         React.createElement(CustomFields, { ruleType: rule.type, value: formData, setValue: (key, val) => handleFormChange(key, val), formErrors: formErrors }),
         React.createElement(TextArea, { title: 'Notes', value: formData['notes'], onChange: ({ target: { value } }) => handleFormChange('notes', value), errorMessage: formErrors['notes'] })));
 };
@@ -4380,16 +4379,14 @@ const SourceDrawer = ({ persistSources, updateSource, fetchDescribeSource, resta
         React.createElement(DataCard, { title: DISPLAY_TITLES.DETECTED_CONTAINERS, titleBadge: containersData.isLoading ? OtherStatus.Loading : containersData.containers.length, description: containersData.description || DISPLAY_TITLES.DETECTED_CONTAINERS_DESCRIPTION }, containersData.containers.map((container) => (React.createElement(SourceContainer, { key: `source-container-${container.containerName}`, ...container, callbackRuntimeOverride: async (payload) => await updateSource(drawerEntityId, payload) }))))))) : (React.createElement(Describe$1, { source: thisItem, fetchDescribeSource: fetchDescribeSource }))));
 };
 
-const ActionsRow = styled(FlexRow) `
-  justify-content: space-between;
-`;
 const SearchWrapper = styled.div `
-  max-width: 350px;
+  max-width: 420px;
+  width: 100%;
 `;
 const SourceSelectionForm = forwardRef(({ isModal, fetchSingleNamespace, onClickSummary }, ref) => {
     const theme = Theme.useTheme();
     const formState = useSourceSelectionFormData({ fetchSingleNamespace });
-    const { availableSources, selectedSources, getApiSourcesPayload, getApiFutureAppsPayload, searchText, setSearchText, searchBy, setSearchBy, showSelectedOnly, setShowSelectedOnly } = formState;
+    const { availableSources, selectedSources, getApiSourcesPayload, getApiFutureAppsPayload, searchText, setSearchText, searchBy, setSearchBy, showSelectedOnly, setShowSelectedOnly, showRunningOnly, setShowRunningOnly, } = formState;
     useImperativeHandle(ref, () => ({
         getFormValues: () => ({
             initial: availableSources,
@@ -4403,14 +4400,16 @@ const SourceSelectionForm = forwardRef(({ isModal, fetchSingleNamespace, onClick
             React.createElement(FlexColumn, { "$gap": 24 },
                 onClickSummary && React.createElement(NoteBackToSummary, { onClick: onClickSummary }),
                 React.createElement(SectionTitle, { title: DISPLAY_TITLES.SELECT_SOURCES, badgeLabel: selectedCount, description: DISPLAY_TITLES.SELECT_SOURCES_DESCRIPTION }),
-                React.createElement(ActionsRow, null,
+                React.createElement(FlexRow, { "$justifyContent": 'space-between' },
                     React.createElement(SearchWrapper, null,
                         React.createElement(Input, { placeholder: searchBy === EntityTypes.Source ? DISPLAY_TITLES.SEARCH_SOURCES : DISPLAY_TITLES.SEARCH_NAMESPACES, icon: SearchIcon, value: searchText, onChange: (e) => setSearchText(e.target.value.toLowerCase()) })),
                     React.createElement(Segment, { options: [
                             { label: DISPLAY_TITLES.SOURCE, value: EntityTypes.Source, selectedBgColor: theme.text.secondary, selectedTextColor: theme.text.primary },
                             { label: DISPLAY_TITLES.NAMESPACE, value: EntityTypes.Namespace, selectedBgColor: theme.text.secondary, selectedTextColor: theme.text.primary },
-                        ], selected: searchBy, setSelected: setSearchBy }),
-                    React.createElement(Toggle, { title: DISPLAY_TITLES.SHOW_SELECTED_ONLY, initialValue: showSelectedOnly, onChange: setShowSelectedOnly }))),
+                        ], selected: searchBy, setSelected: setSearchBy })),
+                React.createElement(FlexRow, { "$gap": 36 },
+                    React.createElement(Toggle, { title: DISPLAY_TITLES.ONLY_SELECTED, initialValue: showSelectedOnly, onChange: setShowSelectedOnly }),
+                    React.createElement(Toggle, { title: DISPLAY_TITLES.ONLY_RUNNING_INSTANCES, initialValue: showRunningOnly, onChange: setShowRunningOnly }))),
             React.createElement(Divider, null),
             React.createElement(SourceList, { isModal: isModal, ...formState }))));
 });

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 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-ebd8218b.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-746078ec.js';
-export { g as getActionIcon, c as getEntityId, d as getInstrumentationRuleIcon, e as getProgrammingLanguageIcon } from './index-a4a96604.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-355d023b.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-f2c2de35.js';
+export { g as getActionIcon, c as getEntityId, d as getInstrumentationRuleIcon, e as getProgrammingLanguageIcon } from './index-e9b26c29.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-15342ca8.js';
-import './index-7d331ab3.js';
+import './index-630dec93.js';
+import './index-27fc9053.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/lib/hooks/useGenericForm.d.ts

@@ -2,6 +2,7 @@ import type { AnyObj } from '@/types';
 export declare const useGenericForm: <Form extends AnyObj>(initialFormData: Form) => {
     formData: Form;
     formErrors: Partial<Record<keyof Form, string>>;
+    isFormDirty: boolean;
     handleFormChange: (key?: keyof Form | string, val?: any, obj?: Form) => void;
     handleErrorChange: (key?: keyof Form | string, val?: string, obj?: Partial<Record<keyof Form, string>>) => void;
     resetFormData: () => void;

package/lib/hooks/useSourceSelectionFormData.d.ts

@@ -22,6 +22,8 @@ export interface UseSourceSelectionFormData {
     setSearchBy: Dispatch<SetStateAction<EntityTypes>>;
     showSelectedOnly: boolean;
     setShowSelectedOnly: Dispatch<SetStateAction<boolean>>;
+    showRunningOnly: boolean;
+    setShowRunningOnly: Dispatch<SetStateAction<boolean>>;
 }
 export declare const useSourceSelectionFormData: (params?: UseSourceFormDataParams) => UseSourceSelectionFormData;
 export {};

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-a4a96604.js';
+import { V as useNotificationStore, F as FORM_ALERTS, O as useDrawerStore, W as useEntityStore, Y as useDataStreamStore, _ as useSetupStore } from './index-e9b26c29.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-7826f3d7.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-7826f3d7.js';
+import { i as useGenericForm } from './useTransition-242df96b.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-242df96b.js';
 import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-6a6bea6e.js';
 
 const INITIAL$2 = {
@@ -253,14 +253,8 @@ const buildFormDynamicFields = (fields) => {
             case FieldTypes.Dropdown: {
                 const componentPropertiesJson = safeJsonParse(componentProperties, {});
                 const options = Array.isArray(componentPropertiesJson.values)
-                    ? componentPropertiesJson.values.map((value) => ({
-                        id: value,
-                        value,
-                    }))
-                    : Object.entries(componentPropertiesJson.values).map(([key, value]) => ({
-                        id: key,
-                        value,
-                    }));
+                    ? componentPropertiesJson.values.map((value) => ({ id: value, value }))
+                    : Object.entries(componentPropertiesJson.values).map(([key, value]) => ({ id: key, value }));
                 return {
                     name,
                     componentType: componentType,
@@ -523,6 +517,7 @@ const useSourceSelectionFormData = (params) => {
     const [searchText, setSearchText] = useState('');
     const [searchBy, setSearchBy] = useState(EntityTypes.Source);
     const [showSelectedOnly, setShowSelectedOnly] = useState(false);
+    const [showRunningOnly, setShowRunningOnly] = useState(false);
     const onSelectNamespace = (nsName, selectAll) => {
         const ns = namespaces.find((namespace) => namespace.name === nsName);
         if (ns) {
@@ -557,15 +552,16 @@ const useSourceSelectionFormData = (params) => {
     const filteredNamespacesAndSources = useMemo(() => {
         const isSearchOk = (targetText, entityType) => !searchText || searchBy !== entityType || (searchBy === entityType && targetText.toLowerCase().includes(searchText));
         const isOnlySelectedOk = (source) => !showSelectedOnly || source.selected;
+        const isRunningOnlyOk = (source) => !showRunningOnly || (source.numberOfInstances || 0) > 0;
         const payload = {};
-        const filteredNamespacesMatrix = Object.entries(selectedSources).filter(([ns]) => {
-            return isSearchOk(ns, EntityTypes.Namespace);
-        });
+        const filteredNamespacesMatrix = Object.entries(selectedSources).filter(([ns]) => isSearchOk(ns, EntityTypes.Namespace));
         filteredNamespacesMatrix.forEach(([ns, srcs]) => {
-            payload[ns] = srcs.filter((src) => isSearchOk(src.name, EntityTypes.Source) && isOnlySelectedOk(src));
+            const filteredSources = srcs.filter((src) => isSearchOk(src.name, EntityTypes.Source) && isOnlySelectedOk(src) && isRunningOnlyOk(src));
+            if (filteredSources.length)
+                payload[ns] = filteredSources;
         });
         return payload;
-    }, [selectedSources, searchText, searchBy, showSelectedOnly]);
+    }, [selectedSources, searchText, searchBy, showSelectedOnly, showRunningOnly]);
     // This is to filter the user-specific-selections, therebey minimizing the amount of data sent to the API on "persist sources".
     const getApiSourcesPayload = () => {
         const payload = {};
@@ -609,6 +605,8 @@ const useSourceSelectionFormData = (params) => {
         setSearchBy,
         showSelectedOnly,
         setShowSelectedOnly,
+        showRunningOnly,
+        setShowRunningOnly,
     };
 };
 

package/lib/icons.js

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

package/lib/{index-3f1cbe2e.js → index-0001f711.js}

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

package/lib/{index-7d331ab3.js → index-27fc9053.js}

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

package/lib/{index-ebd8218b.js → index-355d023b.js}

@@ -1,8 +1,8 @@
 import { StatusType, OtherStatus, SignalType } from './types.js';
 import 'react';
-import './index-a4a96604.js';
+import './index-e9b26c29.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-15342ca8.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-630dec93.js';
 
 const capitalizeFirstLetter = (string) => {
     return string.charAt(0).toUpperCase() + string.slice(1);

package/lib/{index-1f42dc81.js → index-3de83c73.js}

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

package/lib/{index-15342ca8.js → index-630dec93.js}

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

package/lib/{index-2ca06346.js → index-bb79aa09.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { a2 as WarningModal } from './index-9d7ee546.js';
+import { a2 as WarningModal } from './index-e6385bb5.js';
 import { StatusType, EntityTypes } from './types.js';
-import './index-a4a96604.js';
+import './index-e9b26c29.js';
 import 'styled-components';
 
 const CancelWarning = ({ isOpen, noOverlay, name, onApprove, onDeny }) => {

package/lib/{index-9d7ee546.js → index-e6385bb5.js}

@@ -1,13 +1,13 @@
 import React, { useState, useEffect, useRef, forwardRef, useMemo, createElement, useCallback, Fragment, createContext, memo, useContext, useLayoutEffect } from 'react';
-import { T as Theme, B as BUTTON_TEXTS, j as ImageErrorIcon, M as MONITORS_OPTIONS, a1 as styleInject, U as usePendingStore, $ as useSelectedStore, Z as useInstrumentStore, Q as useActiveNodeStore, V as useNotificationStore, b as DISPLAY_TITLES, L as LANGUAGE_OPTIONS, F as FORM_ALERTS, D as DISPLAY_LANGUAGES, e as getProgrammingLanguageIcon } from './index-a4a96604.js';
+import { T as Theme, B as BUTTON_TEXTS, j as ImageErrorIcon, M as MONITORS_OPTIONS, a1 as styleInject, U as usePendingStore, $ as useSelectedStore, Z as useInstrumentStore, Q as useActiveNodeStore, V as useNotificationStore, b as DISPLAY_TITLES, L as LANGUAGE_OPTIONS, F as FORM_ALERTS, D as DISPLAY_LANGUAGES, e as getProgrammingLanguageIcon } from './index-e9b26c29.js';
 import { StatusType, OtherStatus, EntityTypes, NodeTypes, AddNodeTypes, EdgeTypes, ProgrammingLanguages, IntrumentationStatus, SortDirection, InputTypes, FieldTypes } from './types.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, A as ArrowIcon } from './index-3f1cbe2e.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-ebd8218b.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, A as ArrowIcon } from './index-0001f711.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-355d023b.js';
 import styled, { css } from 'styled-components';
 import { s as safeJsonParse, i as isEmpty } from './index-ec555530.js';
 import ReactDOM, { createPortal } from 'react-dom';
-import { d as usePopup, h as useCopy, c as useClickNode, i as useGenericForm, b as useContainerSize, f as useTransition, u as useKeyDown, a as useOnClickOutside } from './useTransition-7826f3d7.js';
-import { I as InfoIcon } from './index-15342ca8.js';
+import { d as usePopup, h as useCopy, c as useClickNode, i as useGenericForm, b as useContainerSize, f as useTransition, u as useKeyDown, a as useOnClickOutside } from './useTransition-242df96b.js';
+import { I as InfoIcon } from './index-630dec93.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};
@@ -394,6 +394,7 @@ Popup.displayName = Popup.name;
 const FlexRow = styled.div `
   display: flex;
   flex-direction: row;
+  flex-wrap: ${({ $wrap = 'unset' }) => $wrap};
   align-items: ${({ $alignItems = 'center' }) => $alignItems};
   justify-content: ${({ $justifyContent = 'unset' }) => $justifyContent};
   gap: ${({ $gap = 2 }) => $gap}px;
@@ -401,6 +402,9 @@ const FlexRow = styled.div `
 const FlexColumn = styled.div `
   display: flex;
   flex-direction: column;
+  flex-wrap: ${({ $wrap = 'unset' }) => $wrap};
+  align-items: ${({ $alignItems = 'unset' }) => $alignItems};
+  justify-content: ${({ $justifyContent = 'unset' }) => $justifyContent};
   gap: ${({ $gap = 2 }) => $gap}px;
 `;
 const CenterThis = styled(FlexColumn) `
@@ -16963,7 +16967,7 @@ const OverrideRuntime = ({ defaultLanguage = ProgrammingLanguages.Unknown, defau
             React.createElement(Input, { title: DISPLAY_TITLES.RUNTIME_VERSION, placeholder: DISPLAY_TITLES.VERSION_PLACEHOLDER, value: formData.version, onChange: (e) => handleFormChange('version', e.target.value), required: false }))));
 };
 
-const AlignCenter = styled(FlexRow) `
+const AlignCenter$1 = styled(FlexRow) `
   width: 100%;
   justify-content: center;
 `;
@@ -16973,7 +16977,7 @@ const SourceContainer = ({ containerName, language, runtimeVersion, overriden, i
     const instruStatusTitle = instrumented ? IntrumentationStatus.INSTRUMENTED : !instrumentationMessage ? IntrumentationStatus.INSTRUMENTING : IntrumentationStatus.NOT_INSTRUMENTED;
     return (React.createElement(DataTab, { title: containerName, subTitle: `${language ? DISPLAY_LANGUAGES[language] : 'no runtime info'}` + (runtimeVersion ? ` • Runtime Version: ${runtimeVersion}` : ''), iconProps: { icon: getProgrammingLanguageIcon(language) }, extendableProps: {
             isExtended: !!instrumentationMessage,
-            renderExtended: () => (React.createElement(AlignCenter, null,
+            renderExtended: () => (React.createElement(AlignCenter$1, null,
                 React.createElement(Text, { size: 12, family: 'secondary', color: theme.text.info }, splitCamelString(instrumentationMessage)))),
         }, renderActions: () => (React.createElement(React.Fragment, null,
             React.createElement(Status, { status: instruStatusType, title: instruStatusTitle, subtitle: otelDistroName || undefined, withIcon: true, withBorder: true }),
@@ -17408,6 +17412,9 @@ const Container$i = styled.div `
 const AlignLeft$1 = styled(FlexRow) `
   margin-right: auto;
 `;
+const AlignCenter = styled(FlexRow) `
+  margin: 0 auto;
+`;
 const AlignRight$1 = styled(FlexRow) `
   margin-left: auto;
 `;
@@ -17415,7 +17422,7 @@ const FooterButton$1 = styled(Button$4) `
   min-width: 140px;
   font-size: 14px;
 `;
-const DrawerFooter = ({ isOpen, leftButtons = [], rightButtons = [] }) => {
+const DrawerFooter = ({ isOpen, leftButtons = [], centerButtons = [], rightButtons = [] }) => {
     const Transition = useTransition({
         container: Container$i,
         animateIn: Theme.animations.slide.in['bottom'],
@@ -17423,6 +17430,7 @@ const DrawerFooter = ({ isOpen, leftButtons = [], rightButtons = [] }) => {
     });
     return (React.createElement(Transition, { enter: isOpen },
         React.createElement(AlignLeft$1, null, leftButtons.map((btn, i) => (React.createElement(FooterButton$1, { key: `footer-left-button-${i}`, ...btn })))),
+        React.createElement(AlignCenter, null, centerButtons.map((btn, i) => (React.createElement(FooterButton$1, { key: `footer-center-button-${i}`, ...btn })))),
         React.createElement(AlignRight$1, null, rightButtons.map((btn, i) => (React.createElement(FooterButton$1, { key: `footer-right-button-${i}`, ...btn }))))));
 };
 
@@ -18672,15 +18680,20 @@ const Stepper = ({ data, currentStep = 0 }) => {
             step.subtitle && (React.createElement(Subtitle, { size: 10, weight: 300 }, step.subtitle))))))));
 };
 
-const Container$4 = styled(Text) `
+const Container$4 = styled(FlexRow) `
   width: fit-content;
+  gap: 6px;
   padding: 6px 12px;
   border-radius: 360px;
   background-color: ${({ $type, theme }) => theme.colors[$type]};
+`;
+const Typography = styled(Text) `
   color: ${({ $type, theme }) => theme.text[$type]};
 `;
-const Tag = ({ type, children, title, size, family, ...props }) => {
-    return (React.createElement(Container$4, { "$type": type, size: size || 12, family: family || 'secondary', ...props }, children || title));
+const Tag = ({ type = StatusType.Info, icon: Icon, title, size, family, children, ...props }) => {
+    return (React.createElement(Container$4, { "$type": type },
+        Icon && React.createElement(Icon, null),
+        React.createElement(Typography, { "$type": type, size: size || 12, family: family || 'secondary', ...props }, children || title)));
 };
 
 const Container$3 = styled.div `

package/lib/{index-a4a96604.js → index-e9b26c29.js}

@@ -726,6 +726,7 @@ const INSTRUMENTATION_RULE_OPTIONS = [
         description: 'Collect code attributes containing payload data to traces.',
         docsEndpoint: '/pipeline/rules/codeattributes',
         docsDescription: 'The "Code Attributes" Rule can be used to add code attributes containing payload data to traces.',
+        supportedLanguages: [ProgrammingLanguages.Go, ProgrammingLanguages.Python],
     },
     {
         type: InstrumentationRuleType.CustomInstrumentation,
@@ -734,6 +735,7 @@ const INSTRUMENTATION_RULE_OPTIONS = [
         description: 'Define custom instrumentation for specific class and method combinations.',
         docsEndpoint: '/pipeline/rules/custominstrumentation',
         docsDescription: 'The "Custom Instrumentation" Rule can be used to instrument specific class and method combinations for detailed tracing.',
+        supportedLanguages: [ProgrammingLanguages.Java],
     },
     {
         type: InstrumentationRuleType.HeadersCollection,
@@ -742,6 +744,7 @@ const INSTRUMENTATION_RULE_OPTIONS = [
         description: 'Collect span attributes containing HTTP Headers data to traces.',
         docsEndpoint: '/pipeline/rules/headerscollection',
         docsDescription: 'The "Headers Collection" Rule can be used to add span attributes containing HTTP Headers data to traces.',
+        supportedLanguages: [ProgrammingLanguages.Go, ProgrammingLanguages.Java],
     },
     {
         type: InstrumentationRuleType.PayloadCollection,
@@ -750,6 +753,7 @@ const INSTRUMENTATION_RULE_OPTIONS = [
         description: 'Collect span attributes containing payload data to traces.',
         docsEndpoint: '/pipeline/rules/payloadcollection',
         docsDescription: 'The "Payload Collection" Rule can be used to add span attributes containing payload data to traces.',
+        supportedLanguages: [ProgrammingLanguages.Go],
     },
 ];
 
@@ -998,7 +1002,8 @@ const DISPLAY_TITLES = {
     FILTERED_COUNT_TOOLTIP: 'Represents filtered amount, out of total amount',
     SEARCH_NAMESPACES: 'Search Namespaces',
     SEARCH_SOURCES: 'Search Sources',
-    SHOW_SELECTED_ONLY: 'Show selected only',
+    ONLY_SELECTED: 'Only selected',
+    ONLY_RUNNING_INSTANCES: 'Only running instances',
     TO_COLLECT_OTEL_DATA: 'To collect OpenTelemetry data',
     TO_MONITOR_OTEL_DATA: 'To monitor OpenTelemetry data',
     TO_MODIFY_OTEL_DATA: 'To modify OpenTelemetry data',

package/lib/{index-746078ec.js → index-f2c2de35.js}

@@ -1,9 +1,9 @@
 import { StatusType, DestinationTypes, EntityTypes, PlatformType } from './types.js';
-import { a as DEFAULT_DATA_STREAM_NAME, e as getProgrammingLanguageIcon, k as KafkaLogo, K as K8sLogo } from './index-a4a96604.js';
+import { a as DEFAULT_DATA_STREAM_NAME, e as getProgrammingLanguageIcon, k as KafkaLogo, K as K8sLogo } from './index-e9b26c29.js';
 import 'react';
 import 'styled-components';
-import { A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, f as AxiomLogo, g as BlobStorageLogo, B as BetterStackLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, c as AwsCloudwatchLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, F as OpenTelemetryLogo, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, G as GigapipeLogo, T as QuickwitLogo, d as AwsS3Logo, U as SeqLogo, W as SignozLogo, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, e as AwsXrayLogo, a5 as NamespacesIcon, a7 as SourcesIcon, a4 as DestinationsIcon, a3 as ActionsIcon, a6 as RulesIcon, V as VmLogo } from './index-7d331ab3.js';
-import { O as OdigosLogo } from './index-15342ca8.js';
+import { A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, f as AxiomLogo, g as BlobStorageLogo, B as BetterStackLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, c as AwsCloudwatchLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, F as OpenTelemetryLogo, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, G as GigapipeLogo, T as QuickwitLogo, d as AwsS3Logo, U as SeqLogo, W as SignozLogo, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, e as AwsXrayLogo, a5 as NamespacesIcon, a7 as SourcesIcon, a4 as DestinationsIcon, a3 as ActionsIcon, a6 as RulesIcon, V as VmLogo } from './index-27fc9053.js';
+import { O as OdigosLogo } from './index-630dec93.js';
 import { s as safeJsonParse } from './index-ec555530.js';
 
 const compareCondition = (renderCondition, fields) => {

package/lib/mock-data/sources/index.d.ts

@@ -2,7 +2,6 @@ import { K8sResourceKind, ProgrammingLanguages, type Source } from '@/types';
 export declare const MOCK_SOURCES_OTHER: Source[];
 export declare const MOCK_SOURCES_SIMPLE_DEMO: Source[];
 export declare const MOCK_SOURCES_GOOGLE: Source[];
-export declare const MOCK_SOURCES: Source[];
 export declare const MOCK_SOURCE_JAEGER: {
     namespace: string;
     name: string;
@@ -21,3 +20,4 @@ export declare const MOCK_SOURCE_JAEGER: {
     }[];
     conditions: never[];
 };
+export declare const MOCK_SOURCES: Source[];

package/lib/snippets.js

@@ -1,15 +1,15 @@
-import { B as Button, Z as Text, L as NotificationNote } from './index-9d7ee546.js';
-export { ah as AddButton, am as AddNode, an as BaseNode, aj as CopyText, ao as EdgedNode, af as Flow, ap as FrameNode, aq as HeaderNode, av as LabeledEdge, ar as MapItemNode, as as NoDataNode, ak as PodContainer, at as ScrollNode, au as SkeletonNode, al as SourceContainer, ac as nodeConfig } from './index-9d7ee546.js';
+import { B as Button, Z as Text, L as NotificationNote } from './index-e6385bb5.js';
+export { ah as AddButton, am as AddNode, an as BaseNode, aj as CopyText, ao as EdgedNode, af as Flow, ap as FrameNode, aq as HeaderNode, av as LabeledEdge, ar as MapItemNode, as as NoDataNode, ak as PodContainer, at as ScrollNode, au as SkeletonNode, al as SourceContainer, ac as nodeConfig } from './index-e6385bb5.js';
 import React from 'react';
-import { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-a4a96604.js';
-import { E as EditIcon } from './index-3f1cbe2e.js';
+import { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-e9b26c29.js';
+import { E as EditIcon } from './index-0001f711.js';
 import { StatusType } from './types.js';
 import 'styled-components';
-import { I as InfoIcon } from './index-15342ca8.js';
-import './index-ebd8218b.js';
+import { I as InfoIcon } from './index-630dec93.js';
+import './index-355d023b.js';
 import './index-ec555530.js';
 import 'react-dom';
-import './useTransition-7826f3d7.js';
+import './useTransition-242df96b.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-a4a96604.js';
+export { Q as useActiveNodeStore, a0 as useDarkMode, Y as useDataStreamStore, O as useDrawerStore, W as useEntityStore, X as useFilterStore, Z as useInstrumentStore, z as useModalStore, V as useNotificationStore, U as usePendingStore, $ as useSelectedStore, _ as useSetupStore } from './index-e9b26c29.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/theme.js

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

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

@@ -1,5 +1,5 @@
-import type { SVG } from '../common';
 import type { WorkloadId } from '../sources';
+import type { ProgrammingLanguages, SVG } from '../common';
 export declare enum InstrumentationRuleType {
     CodeAttributes = "CodeAttributes",
     HeadersCollection = "HeadersCollection",
@@ -86,9 +86,10 @@ export interface InstrumentationRuleOption {
     type: InstrumentationRuleType;
     icon: SVG;
     label: string;
-    description?: string;
-    docsEndpoint?: string;
-    docsDescription?: string;
+    description: string;
+    docsEndpoint: string;
+    docsDescription: string;
+    supportedLanguages: ProgrammingLanguages[];
 }
 export type InstrumentationRuleFormData = Omit<InstrumentationRule, 'ruleId' | 'type' | 'mutable' | 'profileName'>;
 export {};

package/lib/{useTransition-7826f3d7.js → useTransition-242df96b.js}

@@ -1,6 +1,6 @@
-import { z as useModalStore, O as useDrawerStore, Q as useActiveNodeStore } from './index-a4a96604.js';
+import { z as useModalStore, O as useDrawerStore, Q as useActiveNodeStore } from './index-e9b26c29.js';
 import { AddNodeTypes, EntityTypes, PayloadCollectionKeyTypes, CodeAttributesKeyTypes, CustomInstrumentationsKeyTypes } from './types.js';
-import React, { useState, useRef, useEffect, useCallback } from 'react';
+import React, { useState, useMemo, useRef, useEffect, useCallback } from 'react';
 import styled from 'styled-components';
 
 const useGenericForm = (initialFormData) => {
@@ -16,25 +16,17 @@ const useGenericForm = (initialFormData) => {
     const handleFormChange = (key, val, obj) => {
         if (key) {
             // this is for cases where the form contains objects such as "exportedSignals",
-            // the object's child is targeted with a ".dot" for example: "exportedSignals.logs"
+            // the object's child is targeted with a "." for example: "exportedSignals.logs"
             const [parentKey, childKey] = key.toString().split('.');
-            setFormData((prev) => {
-                if (childKey) {
-                    return {
-                        ...prev,
-                        [parentKey]: {
-                            ...prev[parentKey],
-                            [childKey]: val,
-                        },
-                    };
-                }
-                else {
-                    return {
-                        ...prev,
-                        [parentKey]: val,
-                    };
-                }
-            });
+            setFormData((prev) => ({
+                ...prev,
+                [parentKey]: childKey
+                    ? {
+                        ...prev[parentKey],
+                        [childKey]: val,
+                    }
+                    : val,
+            }));
         }
         else if (obj) {
             setFormData({ ...obj });
@@ -52,9 +44,13 @@ const useGenericForm = (initialFormData) => {
         setFormData(copyInitial());
         setFormErrors({});
     };
+    const isFormDirty = useMemo(() => {
+        return JSON.stringify(formData) !== JSON.stringify(initialFormData);
+    }, [formData, initialFormData]);
     return {
         formData,
         formErrors,
+        isFormDirty,
         handleFormChange,
         handleErrorChange,
         resetFormData,

package/package.json

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