@odigos/ui-kit 0.0.47 → 0.0.48

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.0.48](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.47...ui-kit-v0.0.48) (2025-06-26)
+
+
+### Features
+
+* add new instrumentation rule - `CustomInstrumentation` ([#197](https://github.com/odigos-io/ui-kit/issues/197)) ([88e1615](https://github.com/odigos-io/ui-kit/commit/88e161528dff2bfc452398e8cbca373d153e0c08))
+
 ## [0.0.47](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.46...ui-kit-v0.0.47) (2025-06-26)
 
 

package/lib/components/key-value-input-list/index.d.ts

@@ -11,6 +11,8 @@ interface KeyValueInputsListProps {
     tooltip?: string;
     required?: boolean;
     errorMessage?: string;
+    keyPlaceholder?: string;
+    valuePlaceholder?: string;
 }
 declare const KeyValueInputsList: FC<KeyValueInputsListProps>;
 export { KeyValueInputsList, type KeyValueInputsListProps };

package/lib/components/key-value-input-list/key-value-input-list.stories.d.ts

@@ -7,3 +7,5 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: StoryFn<KeyValueInputsListProps>;
+export declare const CustomPlaceholders: StoryFn<KeyValueInputsListProps>;
+export declare const CustomInstrumentationExample: StoryFn<KeyValueInputsListProps>;

package/lib/components.js

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

package/lib/constants.js

@@ -1,4 +1,4 @@
-export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, k as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, l as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, L as LANGUAGE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-BRGQ84pJ.js';
+export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, k as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, l as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, L as LANGUAGE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-Bw7RE2T2.js';
 export { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
 import 'react';
 import './types.js';

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

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

package/lib/containers.js

@@ -1,22 +1,22 @@
 import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, memo, useContext, createContext, useCallback, useLayoutEffect, Fragment } from 'react';
 import styled, { css } from 'styled-components';
-import { l as DISPLAY_TITLES, T as Theme, h as usePendingStore, g as useNotificationStore, b as useDrawerStore, B as BUTTON_TEXTS, c as useEntityStore, A as ACTION_OPTIONS, m as getActionIcon, f as useModalStore, F as FORM_ALERTS, d as useFilterStore, M as MONITORS_OPTIONS, $ as styleInject, i as useSelectedStore, e as useInstrumentStore, o as getInstrumentationRuleIcon, a as useDataStreamStore, n as getEntityId, S as STORAGE_KEYS, k as DEFAULT_DATA_STREAM_NAME, j as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, u as useDarkMode } from './index-BRGQ84pJ.js';
-import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, AddNodeTypes, EdgeTypes, SignalType, HeadersCollectionKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType, K8sResourceKind } from './types.js';
-import { f as DataCardFieldTypes, o as FieldLabel, C as Checkbox, n as FieldError, u as Input, w as InputTable, K as KeyValueInputsList, v as InputList, V as Text, O as Segment, L as SectionTitle, i as DocsButton, y as MonitorsCheckboxes, W as TextArea, j as Drawer, d as ConditionDetails, D as DataCard, a0 as FlexColumn, M as Modal, N as NavigationButtons, a4 as ModalBody, J as NotificationNote, a as AutocompleteInput, h as Divider, R as Status, $ as FlexRow, Y as Tooltip, r as IconWrapped, z as MonitorsIcons, a5 as TableContainer, a6 as TableTitleWrap, q as IconTitleBadge, a7 as TableWrap, x as InteractiveTable, a1 as CenterThis, G as NoDataFound, Z as TraceLoader, b as Badge, E as ExtendArrow, a2 as VerticalScroll, P as SelectionButton, B as Button, m as Dropdown, a8 as getDefaultExportFromCjs, F as FadeLoader, g as DataTab, Q as SkeletonLoader, X as Toggle, I as IconButton, A as AddButton$1, U as Stepper, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-B1IScVBT.js';
+import { l as DISPLAY_TITLES, T as Theme, h as usePendingStore, g as useNotificationStore, b as useDrawerStore, B as BUTTON_TEXTS, c as useEntityStore, A as ACTION_OPTIONS, m as getActionIcon, f as useModalStore, F as FORM_ALERTS, d as useFilterStore, M as MONITORS_OPTIONS, a0 as styleInject, i as useSelectedStore, e as useInstrumentStore, o as getInstrumentationRuleIcon, a as useDataStreamStore, n as getEntityId, S as STORAGE_KEYS, k as DEFAULT_DATA_STREAM_NAME, j as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, u as useDarkMode } from './index-Bw7RE2T2.js';
+import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, AddNodeTypes, EdgeTypes, SignalType, HeadersCollectionKeyTypes, CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType, K8sResourceKind } from './types.js';
+import { f as DataCardFieldTypes, o as FieldLabel, C as Checkbox, n as FieldError, u as Input, w as InputTable, K as KeyValueInputsList, v as InputList, V as Text, O as Segment, L as SectionTitle, i as DocsButton, y as MonitorsCheckboxes, W as TextArea, j as Drawer, d as ConditionDetails, D as DataCard, a0 as FlexColumn, M as Modal, N as NavigationButtons, a4 as ModalBody, J as NotificationNote, a as AutocompleteInput, h as Divider, R as Status, $ as FlexRow, Y as Tooltip, r as IconWrapped, z as MonitorsIcons, a5 as TableContainer, a6 as TableTitleWrap, q as IconTitleBadge, a7 as TableWrap, x as InteractiveTable, a1 as CenterThis, G as NoDataFound, Z as TraceLoader, b as Badge, E as ExtendArrow, a2 as VerticalScroll, P as SelectionButton, B as Button, m as Dropdown, a8 as getDefaultExportFromCjs, F as FadeLoader, g as DataTab, Q as SkeletonLoader, X as Toggle, I as IconButton, A as AddButton$1, U as Stepper, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-DXBePB-r.js';
 import { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
-import { C as CheckCircledIcon, O as OdigosLogo } from './index-CeHgnkLY.js';
-import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, R as RetryIcon, N as NotificationIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-C4aVlsHh.js';
-import { u as useActionFormData, a as useClickNode, e as useSessionStorage, c as useDataStreamFormData, d as useDestinationFormData, b as useClickNotification, f as useSourceFormData, g as useSourceSelectionFormData } from './useSourceSelectionFormData-CMXqoHZs.js';
-import { d as useKeyDown, e as useOnClickOutside, u as useContainerSize, c as useInstrumentationRuleFormData, g as useTransition, f as useTimeAgo, a as useCopy } from './useTransition-DsrDiKOV.js';
-import { E as EditIcon, T as TrashIcon, S as SearchIcon, P as PlusIcon$1, h as CheckIcon, A as ArrowIcon, a as CopyIcon, i as CrossIcon } from './index-BUCure0Q.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-C8vqcUbP.js';
-import { g as getConditionsBooleans, m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-BJpPcCBm.js';
-import { f as filterActions, m as getEntityLabel, l as getEntityIcon, v as sleep$1, o as getPlatformIcon, p as getPlatformLabel, h as formatBytes, j as getContainersIcons, q as getValueForRange, k as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, u as mapDestinationFieldsForDisplay, c as compareCondition, s as getYamlFieldsForDestination, d as deepClone, n as getMetricForEntity, r as getWorkloadId, i as getContainersInstrumentedCount, t as isOverTime } from './index-CpT8LSxY.js';
+import { C as CheckCircledIcon, O as OdigosLogo } from './index-DxR7e2Cq.js';
+import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, R as RetryIcon, N as NotificationIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-BIYXaOIt.js';
+import { u as useActionFormData, a as useClickNode, e as useSessionStorage, c as useDataStreamFormData, d as useDestinationFormData, b as useClickNotification, f as useSourceFormData, g as useSourceSelectionFormData } from './useSourceSelectionFormData-BP-O55O3.js';
+import { d as useKeyDown, e as useOnClickOutside, u as useContainerSize, c as useInstrumentationRuleFormData, g as useTransition, f as useTimeAgo, a as useCopy } from './useTransition-DanOnTji.js';
+import { E as EditIcon, T as TrashIcon, S as SearchIcon, P as PlusIcon$1, h as CheckIcon, A as ArrowIcon, a as CopyIcon, i as CrossIcon } from './index-CkTdd3MS.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-DHHUJe_a.js';
+import { g as getConditionsBooleans, m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-CrXEzEGw.js';
+import { f as filterActions, m as getEntityLabel, l as getEntityIcon, v as sleep$1, o as getPlatformIcon, p as getPlatformLabel, h as formatBytes, j as getContainersIcons, q as getValueForRange, k as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, u as mapDestinationFieldsForDisplay, c as compareCondition, s as getYamlFieldsForDestination, d as deepClone, n as getMetricForEntity, r as getWorkloadId, i as getContainersInstrumentedCount, t as isOverTime } from './index-D_SG1Qp0.js';
 import { createPortal } from 'react-dom';
 import { m as mapExportedSignals } from './index-BlZKWuxe.js';
-import { N as NoteBackToSummary, E as EditButton } from './index-fEP_guwb.js';
+import { N as NoteBackToSummary, E as EditButton } from './index-BWIOWlkS.js';
 import { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
-import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-DypjdLnz.js';
+import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-ZTzxu5fz.js';
 
 const buildCard$3 = (action) => {
     const { type, spec: { actionName, notes, signals, disabled, collectContainerAttributes, collectReplicaSetAttributes, collectWorkloadId, collectClusterId, labelsAttributes, annotationsAttributes, clusterAttributes, attributeNamesToDelete, renames, piiCategories, fallbackSamplingRatio, samplingPercentage, endpointsFilters, servicesNameFilters, attributeFilters, }, } = action;
@@ -15300,7 +15300,7 @@ const DestinationTable = ({ metrics, maxHeight, maxWidth }) => {
 };
 
 const buildCard$1 = (rule) => {
-    const { type, ruleName, notes, disabled, profileName, payloadCollection, codeAttributes, headersCollection } = rule;
+    const { type, ruleName, notes, disabled, profileName, payloadCollection, codeAttributes, headersCollection, customInstrumentations } = rule;
     const arr = [
         { title: DISPLAY_TITLES.TYPE, value: type },
         { type: DataCardFieldTypes.ActiveStatus, title: DISPLAY_TITLES.STATUS, value: String(!disabled) },
@@ -15330,6 +15330,15 @@ const buildCard$1 = (rule) => {
         if (str)
             arr.push({ title: 'Collect', value: str });
     }
+    if (customInstrumentations) {
+        const probes = customInstrumentations[CustomInstrumentationsKeyTypes.Probes] || [];
+        const str = probes
+            .filter(probe => probe.className && probe.methodName)
+            .map(probe => `${probe.className}.${probe.methodName}`)
+            .join(', ');
+        if (str)
+            arr.push({ title: 'Instrumented Methods', value: str });
+    }
     return arr;
 };
 
@@ -15423,6 +15432,38 @@ const CodeAttributes = ({ value, setValue, formErrors }) => {
             !!errorMessage && React.createElement(FieldError, null, errorMessage))));
 };
 
+const INITIAL_PROBE = {
+    className: '',
+    methodName: '',
+};
+const CustomInstrumentation = ({ value, setValue, formErrors }) => {
+    const errorMessage = formErrors['customInstrumentations'];
+    const mappedValue = useMemo(() => {
+        const probes = value?.['customInstrumentations']?.[CustomInstrumentationsKeyTypes.Probes] || [];
+        return probes.map(probe => ({
+            key: probe.className,
+            value: probe.methodName,
+        }));
+    }, [value]);
+    const handleChange = (keyValuePairs) => {
+        const probes = keyValuePairs.map(pair => ({
+            className: pair.key,
+            methodName: pair.value,
+        }));
+        const payload = {
+            [CustomInstrumentationsKeyTypes.Probes]: probes,
+        };
+        setValue('customInstrumentations', payload);
+    };
+    useEffect(() => {
+        if (!mappedValue.length) {
+            handleChange([{ key: INITIAL_PROBE.className, value: INITIAL_PROBE.methodName }]);
+        }
+    }, [mappedValue]);
+    return (React.createElement("div", null,
+        React.createElement(KeyValueInputsList, { title: 'Class and Method Pairs', tooltip: 'Specify class name and method name pairs to instrument. Class name should be fully qualified (e.g., com.example.service.UserService) and method name should be exact (e.g., createUser).', value: mappedValue, onChange: handleChange, errorMessage: errorMessage, required: true, keyPlaceholder: 'Class name', valuePlaceholder: 'Method name' })));
+};
+
 const ALL_HEADERS = ['*'];
 const HeadersCollection = ({ value, setValue, formErrors }) => {
     const errorMessage = formErrors['headersCollection'];
@@ -15508,6 +15549,7 @@ const PayloadCollection = ({ value, setValue, formErrors }) => {
 
 const componentsMap = {
     [InstrumentationRuleType.CodeAttributes]: CodeAttributes,
+    [InstrumentationRuleType.CustomInstrumentation]: CustomInstrumentation,
     [InstrumentationRuleType.HeadersCollection]: HeadersCollection,
     [InstrumentationRuleType.PayloadCollection]: PayloadCollection,
     [InstrumentationRuleType.UnknownType]: null,
@@ -15672,7 +15714,7 @@ const InstrumentationRuleModal = ({ isEnterprise, createInstrumentationRule }) =
 };
 
 const buildSpecCell = (rule) => {
-    const { payloadCollection, codeAttributes } = rule;
+    const { payloadCollection, codeAttributes, customInstrumentations } = rule;
     let str = '';
     if (!!payloadCollection) {
         str += Object.entries(payloadCollection)
@@ -15686,6 +15728,16 @@ const buildSpecCell = (rule) => {
             .map(([key, val]) => key)
             .join(', ');
     }
+    if (!!customInstrumentations) {
+        const probes = customInstrumentations[CustomInstrumentationsKeyTypes.Probes] || [];
+        const customStr = probes
+            .filter(probe => probe.className && probe.methodName)
+            .map(probe => `${probe.className}.${probe.methodName}`)
+            .join(', ');
+        if (customStr) {
+            str += str ? `, ${customStr}` : customStr;
+        }
+    }
     return str;
 };
 

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-BJpPcCBm.js';
-export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, j as getContainersIcons, i as getContainersInstrumentedCount, k as getDestinationIcon, l as getEntityIcon, m as getEntityLabel, n as getMetricForEntity, o as getPlatformIcon, p as getPlatformLabel, q as getValueForRange, r as getWorkloadId, s as getYamlFieldsForDestination, t as isOverTime, u as mapDestinationFieldsForDisplay, v as sleep } from './index-CpT8LSxY.js';
-export { m as getActionIcon, n as getEntityId, o as getInstrumentationRuleIcon, p as getProgrammingLanguageIcon } from './index-BRGQ84pJ.js';
+export { 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-CrXEzEGw.js';
+export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, j as getContainersIcons, i as getContainersInstrumentedCount, k as getDestinationIcon, l as getEntityIcon, m as getEntityLabel, n as getMetricForEntity, o as getPlatformIcon, p as getPlatformLabel, q as getValueForRange, r as getWorkloadId, s as getYamlFieldsForDestination, t as isOverTime, u as mapDestinationFieldsForDisplay, v as sleep } from './index-D_SG1Qp0.js';
+export { m as getActionIcon, n as getEntityId, o as getInstrumentationRuleIcon, p as getProgrammingLanguageIcon } from './index-Bw7RE2T2.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 import { EntityTypes } from './types.js';
 export { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
 import 'react';
 import 'styled-components';
-import './index-CeHgnkLY.js';
-import './index-DypjdLnz.js';
+import './index-DxR7e2Cq.js';
+import './index-ZTzxu5fz.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {
     const cleanArray = (arr) => arr.filter((item) => {

package/lib/hooks/useInstrumentationRuleFormData.d.ts

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

package/lib/hooks.js

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

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

@@ -0,0 +1,7 @@
+import type { StoryFn } from '@storybook/react-webpack5';
+declare const _default: {
+    title: string;
+    component: import("../../../types").SVG;
+};
+export default _default;
+export declare const Default: StoryFn;

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

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

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

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

package/lib/icons.js

@@ -1,10 +1,10 @@
-import { T as Theme } from './index-BRGQ84pJ.js';
-export { q as AddClusterInfoIcon, x as CPlusPlusLogo, y as CSharpLogo, C as CodeAttributesIcon, r as DeleteAttributeIcon, z as DotnetLogo, E as ElixirLogo, G as GoLogo, H as HeadersCollectionIcon, t as ImageErrorIcon, J as JavaLogo, K as K8sLogo, v as KafkaLogo, N as MysqlLogo, O as NginxLogo, Q as NodejsLogo, w as PayloadCollectionIcon, U as PhpLogo, P as PiiMaskingIcon, V as PostgresLogo, W as PythonLogo, X as RedisLogo, R as RenameAttributeIcon, Y as RubyLogo, Z as RustLogo, s as SamplerIcon, _ as SwiftLogo } from './index-BRGQ84pJ.js';
-export { C as CheckCircledIcon, E as ErrorTriangleIcon, I as InfoIcon, L as LogsIcon, M as MetricsIcon, O as OdigosLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-CeHgnkLY.js';
-export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RetryIcon, S as SlackLogo, T as TerminalIcon } from './index-C4aVlsHh.js';
-export { A as ArrowIcon, h as CheckIcon, C as CodeIcon, a as CopyIcon, i as CrossIcon, E as EditIcon, b as EditedIcon, c as ExtendArrowIcon, f as EyeClosedIcon, g as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, d as NotebookIcon, P as PlusIcon, S as SearchIcon, e as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-BUCure0Q.js';
+import { T as Theme } from './index-Bw7RE2T2.js';
+export { q as AddClusterInfoIcon, y as CPlusPlusLogo, z as CSharpLogo, C as CodeAttributesIcon, w as CustomInstrumentationIcon, r as DeleteAttributeIcon, E as DotnetLogo, G as ElixirLogo, J as GoLogo, H as HeadersCollectionIcon, t as ImageErrorIcon, N as JavaLogo, K as K8sLogo, v as KafkaLogo, O as MysqlLogo, Q as NginxLogo, U as NodejsLogo, x as PayloadCollectionIcon, V as PhpLogo, P as PiiMaskingIcon, W as PostgresLogo, X as PythonLogo, Y as RedisLogo, R as RenameAttributeIcon, Z as RubyLogo, _ as RustLogo, s as SamplerIcon, $ as SwiftLogo } from './index-Bw7RE2T2.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-DxR7e2Cq.js';
+export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RetryIcon, S as SlackLogo, T as TerminalIcon } from './index-BIYXaOIt.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-CkTdd3MS.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-DypjdLnz.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-ZTzxu5fz.js';
 import './types.js';
 import 'styled-components';
 

package/lib/{index-C4aVlsHh.js → index-BIYXaOIt.js}

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

package/lib/{index-fEP_guwb.js → index-BWIOWlkS.js}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { T as Theme, B as BUTTON_TEXTS, l as DISPLAY_TITLES } from './index-BRGQ84pJ.js';
-import { E as EditIcon } from './index-BUCure0Q.js';
-import { B as Button, V as Text, J as NotificationNote } from './index-B1IScVBT.js';
+import { T as Theme, B as BUTTON_TEXTS, l as DISPLAY_TITLES } from './index-Bw7RE2T2.js';
+import { E as EditIcon } from './index-CkTdd3MS.js';
+import { B as Button, V as Text, J as NotificationNote } from './index-DXBePB-r.js';
 import { StatusType } from './types.js';
 import 'styled-components';
-import { I as InfoIcon } from './index-CeHgnkLY.js';
+import { I as InfoIcon } from './index-DxR7e2Cq.js';
 
 const EditButton = ({ label, onClick, variant = 'tertiary', ...props }) => {
     const theme = Theme.useTheme();

package/lib/{index-BRGQ84pJ.js → index-Bw7RE2T2.js}

@@ -104,6 +104,14 @@ const CodeAttributesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         React.createElement("path", { stroke: fill, strokeWidth: '1.5', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 4C6.34315 4 5 5.19391 5 6.66667V9.33333C5 10.8061 3.65685 12 2 12C3.65685 12 5 13.1939 5 14.6667V17.3333C5 18.8061 6.34315 20 8 20M16 4C17.6569 4 19 5.19391 19 6.66667V9.33333C19 10.8061 20.3431 12 22 12C20.3431 12 19 13.1939 19 14.6667V17.3333C19 18.8061 17.6569 20 16 20M12.001 12H12M15.001 12H15M9.001 12H9' })));
 };
 
+const CustomInstrumentationIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.5', d: 'M8 9H16M8 13H12M8 17H16M3 5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5Z' }),
+        React.createElement("circle", { cx: '17', cy: '7', r: '2', stroke: fill, strokeWidth: '1.5', fill: 'none' })));
+};
+
 const HeadersCollectionIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
@@ -695,6 +703,7 @@ const ACTION_OPTIONS = [
 const getInstrumentationRuleIcon = (type) => {
     const LOGOS = {
         [InstrumentationRuleType.CodeAttributes]: CodeAttributesIcon,
+        [InstrumentationRuleType.CustomInstrumentation]: CustomInstrumentationIcon,
         [InstrumentationRuleType.HeadersCollection]: HeadersCollectionIcon,
         [InstrumentationRuleType.PayloadCollection]: PayloadCollectionIcon,
         [InstrumentationRuleType.UnknownType]: ImageErrorIcon,
@@ -709,7 +718,15 @@ const INSTRUMENTATION_RULE_OPTIONS = [
         label: 'Code Attributes',
         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.',
+        docsDescription: 'The "Code Attributes" Rule can be used to add code attributes containing payload data to traces.',
+    },
+    {
+        type: InstrumentationRuleType.CustomInstrumentation,
+        icon: getInstrumentationRuleIcon(InstrumentationRuleType.CustomInstrumentation),
+        label: 'Custom Instrumentation',
+        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.',
     },
     {
         type: InstrumentationRuleType.HeadersCollection,
@@ -717,7 +734,7 @@ const INSTRUMENTATION_RULE_OPTIONS = [
         label: 'Headers Collection',
         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.',
+        docsDescription: 'The "Headers Collection" Rule can be used to add span attributes containing HTTP Headers data to traces.',
     },
     {
         type: InstrumentationRuleType.PayloadCollection,
@@ -725,7 +742,7 @@ const INSTRUMENTATION_RULE_OPTIONS = [
         label: 'Payload Collection',
         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.',
+        docsDescription: 'The "Payload Collection" Rule can be used to add span attributes containing payload data to traces.',
     },
 ];
 
@@ -1871,4 +1888,4 @@ var animations = /*#__PURE__*/Object.freeze({
 
 const Theme = { Provider, useTheme, opacity, animations };
 
-export { styleInject as $, ACTION_OPTIONS as A, BUTTON_TEXTS as B, CodeAttributesIcon as C, DISPLAY_LANGUAGES as D, ElixirLogo as E, FORM_ALERTS as F, GoLogo as G, HeadersCollectionIcon as H, INSTRUMENTATION_RULE_OPTIONS as I, JavaLogo as J, K8sLogo as K, LANGUAGE_OPTIONS as L, MONITORS_OPTIONS as M, MysqlLogo as N, NginxLogo as O, PiiMaskingIcon as P, NodejsLogo as Q, RenameAttributeIcon as R, STORAGE_KEYS as S, Theme as T, PhpLogo as U, PostgresLogo as V, PythonLogo as W, RedisLogo as X, RubyLogo as Y, RustLogo as Z, SwiftLogo as _, useDataStreamStore as a, useDrawerStore as b, useEntityStore as c, useFilterStore as d, useInstrumentStore as e, useModalStore as f, useNotificationStore as g, usePendingStore as h, useSelectedStore as i, useSetupStore as j, DEFAULT_DATA_STREAM_NAME as k, DISPLAY_TITLES as l, getActionIcon as m, getEntityId as n, getInstrumentationRuleIcon as o, getProgrammingLanguageIcon as p, AddClusterInfoIcon as q, DeleteAttributeIcon as r, SamplerIcon as s, ImageErrorIcon as t, useDarkMode as u, KafkaLogo as v, PayloadCollectionIcon as w, CPlusPlusLogo as x, CSharpLogo as y, DotnetLogo as z };
+export { SwiftLogo as $, ACTION_OPTIONS as A, BUTTON_TEXTS as B, CodeAttributesIcon as C, DISPLAY_LANGUAGES as D, DotnetLogo as E, FORM_ALERTS as F, ElixirLogo as G, HeadersCollectionIcon as H, INSTRUMENTATION_RULE_OPTIONS as I, GoLogo as J, K8sLogo as K, LANGUAGE_OPTIONS as L, MONITORS_OPTIONS as M, JavaLogo as N, MysqlLogo as O, PiiMaskingIcon as P, NginxLogo as Q, RenameAttributeIcon as R, STORAGE_KEYS as S, Theme as T, NodejsLogo as U, PhpLogo as V, PostgresLogo as W, PythonLogo as X, RedisLogo as Y, RubyLogo as Z, RustLogo as _, useDataStreamStore as a, styleInject as a0, useDrawerStore as b, useEntityStore as c, useFilterStore as d, useInstrumentStore as e, useModalStore as f, useNotificationStore as g, usePendingStore as h, useSelectedStore as i, useSetupStore as j, DEFAULT_DATA_STREAM_NAME as k, DISPLAY_TITLES as l, getActionIcon as m, getEntityId as n, getInstrumentationRuleIcon as o, getProgrammingLanguageIcon as p, AddClusterInfoIcon as q, DeleteAttributeIcon as r, SamplerIcon as s, ImageErrorIcon as t, useDarkMode as u, KafkaLogo as v, CustomInstrumentationIcon as w, PayloadCollectionIcon as x, CPlusPlusLogo as y, CSharpLogo as z };

package/lib/{index-BUCure0Q.js → index-CkTdd3MS.js}

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

package/lib/{index-BJpPcCBm.js → index-CrXEzEGw.js}

@@ -1,8 +1,8 @@
 import { StatusType, OtherStatus, SignalType } from './types.js';
 import 'react';
-import './index-BRGQ84pJ.js';
+import './index-Bw7RE2T2.js';
 import 'styled-components';
-import { T as TracesIcon, M as MetricsIcon, L as LogsIcon, O as OdigosLogo, I as InfoIcon, W as WarningTriangleIcon, E as ErrorTriangleIcon, C as CheckCircledIcon } from './index-CeHgnkLY.js';
+import { T as TracesIcon, M as MetricsIcon, L as LogsIcon, O as OdigosLogo, I as InfoIcon, W as WarningTriangleIcon, E as ErrorTriangleIcon, C as CheckCircledIcon } from './index-DxR7e2Cq.js';
 
 const capitalizeFirstLetter = (string) => {
     return string.charAt(0).toUpperCase() + string.slice(1);

package/lib/{index-C8vqcUbP.js → index-DHHUJe_a.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { _ as WarningModal } from './index-B1IScVBT.js';
+import { _ as WarningModal } from './index-DXBePB-r.js';
 import { StatusType, EntityTypes } from './types.js';
-import './index-BRGQ84pJ.js';
+import './index-Bw7RE2T2.js';
 import 'styled-components';
 
 const CancelWarning = ({ isOpen, noOverlay, name, onApprove, onDeny }) => {

package/lib/{index-B1IScVBT.js → index-DXBePB-r.js}

@@ -1,13 +1,13 @@
 import React, { useState, useEffect, useRef, forwardRef, createElement, useCallback, useMemo, Fragment } from 'react';
-import { T as Theme, t as ImageErrorIcon, M as MONITORS_OPTIONS, g as useNotificationStore, l as DISPLAY_TITLES, L as LANGUAGE_OPTIONS, F as FORM_ALERTS, p as getProgrammingLanguageIcon, D as DISPLAY_LANGUAGES, B as BUTTON_TEXTS } from './index-BRGQ84pJ.js';
+import { T as Theme, t as ImageErrorIcon, M as MONITORS_OPTIONS, g as useNotificationStore, l as DISPLAY_TITLES, L as LANGUAGE_OPTIONS, F as FORM_ALERTS, p as getProgrammingLanguageIcon, D as DISPLAY_LANGUAGES, B as BUTTON_TEXTS } from './index-Bw7RE2T2.js';
 import { StatusType, OtherStatus, ProgrammingLanguages, SortDirection, IntrumentationStatus, InputTypes, FieldTypes } from './types.js';
-import { M as MinusIcon, h as CheckIcon, L as ListIcon, C as CodeIcon, c as ExtendArrowIcon, E as EditIcon, i as CrossIcon, T as TrashIcon, e as SortArrowsIcon, b as EditedIcon, a as CopyIcon, d as NotebookIcon, X as XIcon, f as EyeClosedIcon, g as EyeOpenIcon, N as NoDataIcon, S as SearchIcon, P as PlusIcon, A as ArrowIcon } from './index-BUCure0Q.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 isValidVersion, d as parseJsonStringToPrettyString, e as splitCamelString, p as parseBooleanFromString, n as numbersOnly } from './index-BJpPcCBm.js';
+import { M as MinusIcon, h as CheckIcon, L as ListIcon, C as CodeIcon, c as ExtendArrowIcon, E as EditIcon, i as CrossIcon, T as TrashIcon, e as SortArrowsIcon, b as EditedIcon, a as CopyIcon, d as NotebookIcon, X as XIcon, f as EyeClosedIcon, g as EyeOpenIcon, N as NoDataIcon, S as SearchIcon, P as PlusIcon, A as ArrowIcon } from './index-CkTdd3MS.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 isValidVersion, d as parseJsonStringToPrettyString, e as splitCamelString, p as parseBooleanFromString, n as numbersOnly } from './index-CrXEzEGw.js';
 import styled, { css } from 'styled-components';
 import { s as safeJsonParse, i as isEmpty } from './index-BV85P9UP.js';
-import { b as useGenericForm, e as useOnClickOutside, d as useKeyDown, u as useContainerSize, a as useCopy, g as useTransition } from './useTransition-DsrDiKOV.js';
+import { b as useGenericForm, e as useOnClickOutside, d as useKeyDown, u as useContainerSize, a as useCopy, g as useTransition } from './useTransition-DanOnTji.js';
 import ReactDOM from 'react-dom';
-import { I as InfoIcon } from './index-CeHgnkLY.js';
+import { I as InfoIcon } from './index-DxR7e2Cq.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};
@@ -5631,7 +5631,7 @@ const INITIAL_ROW = {
     key: '',
     value: '',
 };
-const KeyValueInputsList = ({ initialKeyValuePairs = [], value, onChange, title, tooltip, required, errorMessage }) => {
+const KeyValueInputsList = ({ initialKeyValuePairs = [], value, onChange, title, tooltip, required, errorMessage, keyPlaceholder = 'Attribute name', valuePlaceholder = 'Attribute value' }) => {
     const theme = Theme.useTheme();
     const [rows, setRows] = useState(value || initialKeyValuePairs);
     useEffect(() => {
@@ -5674,10 +5674,10 @@ const KeyValueInputsList = ({ initialKeyValuePairs = [], value, onChange, title,
     return (React.createElement(Container$a, null,
         React.createElement(FieldLabel, { title: title, required: required, tooltip: tooltip }),
         React.createElement(ListContainer$1, null, rows.map(({ key, value }, idx) => (React.createElement(RowWrapper, { key: `key-value-input-list-${idx}` },
-            React.createElement(Input, { placeholder: 'Attribute name', value: key, onChange: (e) => handleChange('key', e.target.value, idx), hasError: !!errorMessage && (!required || (required && !key)), autoFocus: isEmpty(value) && !isMinRows && idx === rows.length - 1 }),
+            React.createElement(Input, { placeholder: keyPlaceholder, value: key, onChange: (e) => handleChange('key', e.target.value, idx), hasError: !!errorMessage && (!required || (required && !key)), autoFocus: isEmpty(value) && !isMinRows && idx === rows.length - 1 }),
             React.createElement("div", null,
                 React.createElement(ArrowIcon, { rotate: 180, fill: theme.text.darker_grey })),
-            React.createElement(Input, { placeholder: 'Attribute value', value: value, onChange: (e) => handleChange('value', e.target.value, idx), hasError: !!errorMessage && (!required || (required && isEmpty(value))), autoFocus: false }),
+            React.createElement(Input, { placeholder: valuePlaceholder, value: value, onChange: (e) => handleChange('value', e.target.value, idx), hasError: !!errorMessage && (!required || (required && isEmpty(value))), autoFocus: false }),
             React.createElement(DeleteButton, { disabled: isDelButtonDisabled, onClick: () => {
                     if (isMinRows) {
                         handleChange('key', '', idx);

package/lib/{index-CpT8LSxY.js → index-D_SG1Qp0.js}

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

package/lib/{index-CeHgnkLY.js → index-DxR7e2Cq.js}

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

package/lib/{index-DypjdLnz.js → index-ZTzxu5fz.js}

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

package/lib/snippets.js

@@ -1,12 +1,12 @@
-export { A as AddButton } from './index-B1IScVBT.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-fEP_guwb.js';
+export { A as AddButton } from './index-DXBePB-r.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-BWIOWlkS.js';
 import 'react';
-import './index-BRGQ84pJ.js';
+import './index-Bw7RE2T2.js';
 import './types.js';
 import 'styled-components';
-import './index-BUCure0Q.js';
-import './index-BJpPcCBm.js';
-import './index-CeHgnkLY.js';
+import './index-CkTdd3MS.js';
+import './index-CrXEzEGw.js';
+import './index-DxR7e2Cq.js';
 import './index-BV85P9UP.js';
-import './useTransition-DsrDiKOV.js';
+import './useTransition-DanOnTji.js';
 import 'react-dom';

package/lib/store.js

@@ -1,4 +1,4 @@
-export { u as useDarkMode, a as useDataStreamStore, b as useDrawerStore, c as useEntityStore, d as useFilterStore, e as useInstrumentStore, f as useModalStore, g as useNotificationStore, h as usePendingStore, i as useSelectedStore, j as useSetupStore } from './index-BRGQ84pJ.js';
+export { u as useDarkMode, a as useDataStreamStore, b as useDrawerStore, c as useEntityStore, d as useFilterStore, e as useInstrumentStore, f as useModalStore, g as useNotificationStore, h as usePendingStore, i as useSelectedStore, j as useSetupStore } from './index-Bw7RE2T2.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/theme.js

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

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

@@ -4,6 +4,7 @@ export declare enum InstrumentationRuleType {
     CodeAttributes = "CodeAttributes",
     HeadersCollection = "HeadersCollection",
     PayloadCollection = "PayloadCollection",
+    CustomInstrumentation = "CustomInstrumentation",
     UnknownType = "UnknownType"
 }
 export interface InstrumentationRule {
@@ -22,6 +23,7 @@ export interface InstrumentationRule {
     codeAttributes?: CodeAttributes | null;
     headersCollection?: HeadersCollection | null;
     payloadCollection?: PayloadCollection | null;
+    customInstrumentations?: CustomInstrumentations | null;
 }
 export declare enum CodeAttributesKeyTypes {
     Column = "column",
@@ -45,6 +47,16 @@ export declare enum HeadersCollectionKeyTypes {
 export interface HeadersCollection {
     [HeadersCollectionKeyTypes.HeaderKeys]?: string[] | null;
 }
+export declare enum CustomInstrumentationsKeyTypes {
+    Probes = "probes"
+}
+export interface CustomInstrumentationProbe {
+    className: string;
+    methodName: string;
+}
+export interface CustomInstrumentations {
+    [CustomInstrumentationsKeyTypes.Probes]?: CustomInstrumentationProbe[] | null;
+}
 interface HttpPayloadCollection {
     mimeTypes?: string[] | null;
     maxPayloadLength?: number | null;

package/lib/types.js

@@ -273,6 +273,7 @@ var InstrumentationRuleType;
     InstrumentationRuleType["CodeAttributes"] = "CodeAttributes";
     InstrumentationRuleType["HeadersCollection"] = "HeadersCollection";
     InstrumentationRuleType["PayloadCollection"] = "PayloadCollection";
+    InstrumentationRuleType["CustomInstrumentation"] = "CustomInstrumentation";
     InstrumentationRuleType["UnknownType"] = "UnknownType";
 })(InstrumentationRuleType || (InstrumentationRuleType = {}));
 // Code Attributes for Instrumentation Rules
@@ -285,11 +286,16 @@ var CodeAttributesKeyTypes;
     CodeAttributesKeyTypes["Namespace"] = "namespace";
     CodeAttributesKeyTypes["StackTrace"] = "stacktrace";
 })(CodeAttributesKeyTypes || (CodeAttributesKeyTypes = {}));
-// Code Attributes for Instrumentation Rules
+// Headers Collection for Instrumentation Rules
 var HeadersCollectionKeyTypes;
 (function (HeadersCollectionKeyTypes) {
     HeadersCollectionKeyTypes["HeaderKeys"] = "headerKeys";
 })(HeadersCollectionKeyTypes || (HeadersCollectionKeyTypes = {}));
+// Custom Instrumentations for Instrumentation Rules
+var CustomInstrumentationsKeyTypes;
+(function (CustomInstrumentationsKeyTypes) {
+    CustomInstrumentationsKeyTypes["Probes"] = "probes";
+})(CustomInstrumentationsKeyTypes || (CustomInstrumentationsKeyTypes = {}));
 var PayloadCollectionKeyTypes;
 (function (PayloadCollectionKeyTypes) {
     PayloadCollectionKeyTypes["HttpRequest"] = "httpRequest";
@@ -313,4 +319,4 @@ var K8sResourceKind;
     K8sResourceKind["CronJob"] = "CronJob";
 })(K8sResourceKind || (K8sResourceKind = {}));
 
-export { ActionCategory, ActionKeyTypes, ActionType, AddNodeTypes, BooleanOperation, CodeAttributesKeyTypes, Crud, DestinationTypes, EdgeTypes, EntityTypes, FieldTypes, HeadersCollectionKeyTypes, InputTypes, InstrumentationRuleType, IntrumentationStatus, JsonOperation, K8sResourceKind, NodeTypes, NumberOperation, OtherEntityTypes, OtherStatus, PayloadCollectionKeyTypes, PlatformType, ProgrammingLanguages, SignalType, SortDirection, StatusType, StringOperation, Tier };
+export { ActionCategory, ActionKeyTypes, ActionType, AddNodeTypes, BooleanOperation, CodeAttributesKeyTypes, Crud, CustomInstrumentationsKeyTypes, DestinationTypes, EdgeTypes, EntityTypes, FieldTypes, HeadersCollectionKeyTypes, InputTypes, InstrumentationRuleType, IntrumentationStatus, JsonOperation, K8sResourceKind, NodeTypes, NumberOperation, OtherEntityTypes, OtherStatus, PayloadCollectionKeyTypes, PlatformType, ProgrammingLanguages, SignalType, SortDirection, StatusType, StringOperation, Tier };

package/lib/{useSourceSelectionFormData-CMXqoHZs.js → useSourceSelectionFormData-BP-O55O3.js}

@@ -1,9 +1,9 @@
 import { ActionKeyTypes, ActionType, StatusType, AddNodeTypes, EntityTypes, FieldTypes } from './types.js';
-import { g as useNotificationStore, F as FORM_ALERTS, f as useModalStore, b as useDrawerStore, c as useEntityStore, a as useDataStreamStore, j as useSetupStore } from './index-BRGQ84pJ.js';
+import { g as useNotificationStore, F as FORM_ALERTS, f as useModalStore, b as useDrawerStore, c as useEntityStore, a as useDataStreamStore, j as useSetupStore } from './index-Bw7RE2T2.js';
 import { useState, useEffect, useMemo } from 'react';
 import 'styled-components';
 import { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
-import { b as useGenericForm } from './useTransition-DsrDiKOV.js';
+import { b as useGenericForm } from './useTransition-DanOnTji.js';
 import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 
 const INITIAL$2 = {

package/lib/{useTransition-DsrDiKOV.js → useTransition-DanOnTji.js}

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { g as useNotificationStore } from './index-BRGQ84pJ.js';
-import { CodeAttributesKeyTypes, PayloadCollectionKeyTypes } from './types.js';
+import { g as useNotificationStore } from './index-Bw7RE2T2.js';
+import { CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes } from './types.js';
 import styled from 'styled-components';
 
 const useGenericForm = (initialFormData) => {
@@ -142,6 +142,10 @@ const INITIAL = {
         [CodeAttributesKeyTypes.Namespace]: null,
         [CodeAttributesKeyTypes.StackTrace]: null,
     },
+    headersCollection: null,
+    customInstrumentations: {
+        [CustomInstrumentationsKeyTypes.Probes]: null,
+    },
 };
 const useInstrumentationRuleFormData = () => {
     const { addNotification } = useNotificationStore();
@@ -152,7 +156,7 @@ const useInstrumentationRuleFormData = () => {
         handleErrorChange(undefined, undefined, errors);
         return ok;
     };
-    const loadFormWithDrawerItem = ({ ruleName, notes, disabled, payloadCollection, codeAttributes }) => {
+    const loadFormWithDrawerItem = ({ ruleName, notes, disabled, payloadCollection, codeAttributes, headersCollection, customInstrumentations }) => {
         const updatedData = {
             ...INITIAL,
             ruleName,
@@ -177,6 +181,14 @@ const useInstrumentationRuleFormData = () => {
                 [CodeAttributesKeyTypes.StackTrace]: codeAttributes[CodeAttributesKeyTypes.StackTrace] || null,
             };
         }
+        if (headersCollection) {
+            updatedData['headersCollection'] = headersCollection;
+        }
+        if (customInstrumentations) {
+            updatedData['customInstrumentations'] = {
+                [CustomInstrumentationsKeyTypes.Probes]: customInstrumentations[CustomInstrumentationsKeyTypes.Probes] || null,
+            };
+        }
         handleFormChange(undefined, undefined, updatedData);
     };
     return {

package/package.json

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