@odigos/ui-kit 0.0.47 → 0.0.49

package/lib/functions/clean-object-empty-strings-values/index.d.ts

@@ -1 +1,2 @@
-export declare const cleanObjectEmptyStringsValues: (obj: Record<string, any>) => Record<string, any>;
+import type { AnyObj } from '@/types';
+export declare const cleanObjectEmptyStringsValues: (obj: AnyObj) => AnyObj;

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

@@ -1,5 +1,5 @@
 export type Comparison = '===' | '==' | '!==' | '!=' | '>' | '<' | '>=' | '<=';
 export declare const compareCondition: (renderCondition: [string, Comparison, string] | ["true" | "false"], fields: {
     name: string;
-    value: any;
+    value?: string;
 }[]) => boolean;

package/lib/functions/flatten-object-keys/index.d.ts

@@ -29,4 +29,5 @@
  *   'name.explain': '...',
  * }
  */
-export declare const flattenObjectKeys: (obj: Record<string, any>, prefix?: string, result?: Record<string, any>) => Record<string, any>;
+import type { AnyObj } from '@/types';
+export declare const flattenObjectKeys: (obj: AnyObj, prefix?: string, result?: AnyObj) => AnyObj;

package/lib/functions/get-entity-id/index.d.ts

@@ -1,2 +1,2 @@
-import type { WorkloadId } from '@/types';
-export declare const getEntityId: (item: Record<string, any>) => string | WorkloadId | undefined;
+import type { AnyObj, WorkloadId } from '@/types';
+export declare const getEntityId: (item: AnyObj) => string | WorkloadId | undefined;

package/lib/functions/get-entity-label/index.d.ts

@@ -1,5 +1,5 @@
-import { EntityTypes } from '@/types';
-export declare const getEntityLabel: (entity: Record<string, any>, entityType: EntityTypes, options?: {
+import { type AnyObj, EntityTypes } from '@/types';
+export declare const getEntityLabel: (entity: AnyObj, entityType: EntityTypes, options?: {
     extended?: boolean;
     prioritizeDisplayName?: boolean;
 }) => string;

package/lib/functions/index.d.ts

@@ -19,6 +19,7 @@ export * from './get-entity-id';
 export * from './get-entity-label';
 export * from './get-id-from-sse-target';
 export * from './get-instrumentation-rule-icon';
+export * from './get-main-container-language';
 export * from './get-metric-for-entity';
 export * from './get-monitor-icon';
 export * from './get-platform-icon';

package/lib/functions/map-destination-fields-for-display/index.d.ts

@@ -2,5 +2,5 @@ import { Destination, DestinationYamlProperties } from '@/types';
 export declare const mapDestinationFieldsForDisplay: (destination: Destination, yamlFields: DestinationYamlProperties[]) => {
     key: string;
     name: string;
-    value: any;
+    value: string;
 }[];

package/lib/functions/remove-empty-values-from-object/index.d.ts

@@ -1 +1,2 @@
-export declare const removeEmptyValuesFromObject: (obj: Record<string, any>) => Record<string, any>;
+import type { AnyObj } from '@/types';
+export declare const removeEmptyValuesFromObject: (obj: AnyObj) => AnyObj;

package/lib/functions/safe-json-parse/index.d.ts

@@ -1 +1,2 @@
-export declare function safeJsonParse<T>(val: string | Record<any, any> | undefined, fallback: T): T;
+import type { AnyObj } from '@/types';
+export declare function safeJsonParse<T = AnyObj>(val: T | string | undefined, fallback: T): T;

package/lib/functions/safe-json-stringify/index.d.ts

@@ -1 +1,2 @@
-export declare const safeJsonStringify: (obj?: Record<any, any>, indent?: number) => string;
+import type { AnyObj } from '@/types';
+export declare const safeJsonStringify: (obj?: AnyObj, indent?: number) => string;

package/lib/functions/stringify-non-string-values/index.d.ts

@@ -1 +1,2 @@
-export declare const stringifyNonStringValues: (obj: Record<string, any>) => Record<string, string>;
+import type { AnyObj } from '@/types';
+export declare const stringifyNonStringValues: (obj: AnyObj) => Record<string, string>;

package/lib/functions.js

@@ -1,15 +1,16 @@
-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-DsEoqSQn.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-w9lkC6fb.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 { ProgrammingLanguages, EntityTypes } from './types.js';
+export { i as isEmpty, s as safeJsonParse } from './index-BnvrwbRB.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) => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const cleanArray = (arr) => arr.filter((item) => {
         if (typeof item === 'object' && item !== null) {
             return item.key !== '' && item.value !== '';
@@ -38,7 +39,7 @@ const cleanObjectEmptyStringsValues = (obj) => {
                 acc[key] = value;
             }
         }
-        catch (error) {
+        catch (_) {
             // Handle non-stringified objects or arrays directly
             if (typeof value === 'object' && value !== null) {
                 if (Array.isArray(value))
@@ -55,6 +56,31 @@ const cleanObjectEmptyStringsValues = (obj) => {
     }, {});
 };
 
+// while odigos lists language per container, we want to aggregate one single language for the workload.
+// the process is mostly heuristic, we iterate over the containers and return the first valid language we find.
+// there are additional cases for when the workload programming language is not available.
+const getMainContainerLanguage = (source) => {
+    const { numberOfInstances, containers } = source;
+    if (!containers) {
+        if (!!numberOfInstances && numberOfInstances > 0) {
+            return ProgrammingLanguages.Processing;
+        }
+        else {
+            return ProgrammingLanguages.NoRunningPods;
+        }
+    }
+    // we will filter out the ignored languages as we don't want to account them in the main language
+    const noneIgnoredLanguages = containers?.filter((container) => container.language !== ProgrammingLanguages.Ignored);
+    if (!noneIgnoredLanguages.length)
+        return ProgrammingLanguages.NoContainers;
+    // find the first container with valid language
+    const mainContainer = noneIgnoredLanguages.find((container) => container.language !== ProgrammingLanguages.Unknown);
+    // no valid language found, return the first one
+    if (!mainContainer)
+        return ProgrammingLanguages.Unknown;
+    return mainContainer.language;
+};
+
 const getSseTargetFromId = (id, type) => {
     switch (type) {
         case EntityTypes.Source: {
@@ -90,4 +116,4 @@ const stringifyNonStringValues = (obj) => {
     }, {});
 };
 
-export { cleanObjectEmptyStringsValues, getSseTargetFromId, isTimeElapsed, stringifyNonStringValues };
+export { cleanObjectEmptyStringsValues, getMainContainerLanguage, getSseTargetFromId, isTimeElapsed, stringifyNonStringValues };

package/lib/hooks/useGenericForm.d.ts

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

package/lib/hooks/useInstrumentationRuleFormData.d.ts

@@ -1,12 +1,9 @@
 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;
+    validateForm: () => boolean;
+    loadFormWithDrawerItem: ({ ruleName, notes, disabled, payloadCollection, codeAttributes, headersCollection, customInstrumentations }: InstrumentationRule) => void;
 };

package/lib/hooks/useSessionStorage.d.ts

@@ -1,5 +1,5 @@
 export declare const useSessionStorage: () => {
-    getItemSS: (key: string, defaultValue: any) => any;
-    setItemSS: (key: string, value: any) => void;
+    getItemSS: <T>(key: string, defaultValue: T) => T;
+    setItemSS: <T>(key: string, value: T) => void;
     removeItemSS: (key: string) => void;
 };

package/lib/hooks/useSourceFormData.d.ts

@@ -4,9 +4,6 @@ export declare const useSourceFormData: () => {
     formErrors: Partial<Record<keyof SourceFormData, string>>;
     handleFormChange: (key?: string | undefined, val?: any, obj?: SourceFormData | undefined) => void;
     resetFormData: () => void;
-    validateForm: (params?: {
-        withAlert?: boolean;
-        alertTitle?: string;
-    }) => boolean;
+    validateForm: () => boolean;
     loadFormWithDrawerItem: ({ otelServiceName, name }: Source) => void;
 };

package/lib/hooks.js

@@ -1,8 +1,8 @@
-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 useClickNotification, b as useDataStreamFormData, c as useDestinationFormData, d as useSessionStorage, e as useSourceFormData, f as useSourceSelectionFormData } from './useSourceSelectionFormData-C5VMfWEf.js';
+export { u as useClickNode, a as useContainerSize, b as useCopy, c as useGenericForm, d as useInstrumentationRuleFormData, e as useKeyDown, f as useOnClickOutside, g as useTimeAgo, h as useTransition } from './useTransition-mupXsbop.js';
 import './types.js';
-import './index-BRGQ84pJ.js';
+import './index-Bw7RE2T2.js';
 import 'react';
 import 'styled-components';
-import './index-BV85P9UP.js';
+import './index-BnvrwbRB.js';
 import './index-BlZKWuxe.js';

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

@@ -19,4 +19,5 @@ export * from './search-icon/index';
 export * from './sort-arrows-icon/index';
 export * from './terminal-icon/index';
 export * from './trash-icon/index';
+export * from './user-icon/index';
 export * from './x-icon/index';

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

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

package/lib/icons/common/user-icon/user-icon.stories.d.ts

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

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, U as UserIcon } from './index-CeDmxXUE.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-BV85P9UP.js → index-BnvrwbRB.js}

@@ -15,14 +15,18 @@ function safeJsonParse(val, fallback) {
 
 // Sometimes we need to allow "zero" values, and a simple "!val" check would result in false positives.
 // This function is a strict check for empty values, permitting values like "0" and "false".
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const isEmpty = (val) => {
     if (Array.isArray(val)) {
+        // empty
         return !val?.length;
     }
     else if (typeof val === 'object') {
+        // empty
         return !Object.keys(val || {}).length;
     }
     else {
+        // empty if included
         return [undefined, null, ''].includes(val);
     }
 };

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 };