@odigos/ui-kit 0.0.42 → 0.0.44

package/lib/{index-Biu8ddMV.js → index-AM8c03-E.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 LANGUAGE_OPTIONS, l as DISPLAY_TITLES, F as FORM_ALERTS, p as getProgrammingLanguageIcon, D as DISPLAY_LANGUAGES, B as BUTTON_TEXTS } from './index-BvZgTeSU.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-BD7meETN.js';
 import { StatusType, OtherStatus, ProgrammingLanguages, SortDirection, IntrumentationStatus, InputTypes, FieldTypes } from './types.js';
-import { M as MinusIcon, g as CheckIcon, L as ListIcon, C as CodeIcon, b as ExtendArrowIcon, E as EditIcon, h as CrossIcon, d as SortArrowsIcon, a as CopyIcon, c as NotebookIcon, X as XIcon, e as EyeClosedIcon, f as EyeOpenIcon, N as NoDataIcon, S as SearchIcon, P as PlusIcon, T as TrashIcon, A as ArrowIcon } from './index-CS6xAoTK.js';
-import { a as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, i as isValidVersion, b as parseJsonStringToPrettyString, d as splitCamelString, p as parseBooleanFromString, n as numbersOnly } from './index-BMkvXaM3.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-CY3kjYr3.js';
+import { a as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, i as isValidVersion, b as parseJsonStringToPrettyString, d as splitCamelString, p as parseBooleanFromString, n as numbersOnly } from './index-b8zuk7ta.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-BOwXSp5e.js';
+import { b as useGenericForm, e as useOnClickOutside, d as useKeyDown, u as useContainerSize, a as useCopy, g as useTransition } from './useTransition-BWC_F-Pl.js';
 import ReactDOM from 'react-dom';
-import { I as InfoIcon } from './index-DtSbC1Cl.js';
+import { I as InfoIcon } from './index-DZWbhK14.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};
@@ -4059,7 +4059,7 @@ const Container$p = styled.div `
   align-items: center;
   gap: ${({ $size }) => $size / 3}px;
   padding: ${({ $size, $withBorder, $withBackground }) => ($withBorder || $withBackground ? `${$size / ($withBorder ? 3 : 2)}px ${$size / ($withBorder ? 1.5 : 1)}px` : '0')};
-  width: fit-content;
+  width: ${({ $width }) => $width || 'fit-content'};
   border-radius: 360px;
   border: ${({ $withBorder, $status, theme }) => ($withBorder ? `1px solid ${theme.text[$status] + Theme.opacity.hex['050']}` : 'none')};
   background: ${({ $withBackground, $status, theme }) => ($withBackground ? `linear-gradient(90deg, transparent 0%, ${theme.text[$status] + Theme.opacity.hex['030']} 100%)` : 'transparent')};
@@ -4075,11 +4075,15 @@ const TextWrapper$1 = styled.div `
 const TextNoWrap = styled(Text) `
   text-wrap: nowrap;
 `;
-const Status = ({ title, subtitle, size = 12, family = 'secondary', status = StatusType.Default, withIcon, withBorder, withBackground }) => {
+const Status = ({ title, subtitle, status = StatusType.Default, forceIcon: ForceIcon, withIcon, withBorder, withBackground, width, size = 12, family = 'secondary' }) => {
     const theme = Theme.useTheme();
     const statusType = status === OtherStatus.Loading ? StatusType.Info : status;
-    const StatusIcon = status === OtherStatus.Loading ? () => React.createElement(FadeLoader, { scale: 0.8 }) : () => getStatusIcon(statusType, theme)({ size: size + 2 });
-    return (React.createElement(Container$p, { "$size": size, "$status": statusType, "$withIcon": withIcon, "$withBorder": withBorder, "$withBackground": withBackground },
+    const StatusIcon = ForceIcon
+        ? () => React.createElement(ForceIcon, { size: size + 2, fill: theme.text[statusType] })
+        : status === OtherStatus.Loading
+            ? () => React.createElement(FadeLoader, { scale: 0.8 })
+            : () => getStatusIcon(statusType, theme)({ size: size + 2 });
+    return (React.createElement(Container$p, { "$status": statusType, "$width": width, "$size": size, "$withIcon": withIcon, "$withBorder": withBorder, "$withBackground": withBackground },
         withIcon && (React.createElement(IconWrapper$4, null,
             React.createElement(StatusIcon, null))),
         (!!title || !!subtitle) && (React.createElement(TextWrapper$1, null,
@@ -4398,6 +4402,7 @@ const Form = styled(FlexColumn) `
 const PopoverFormWrapper = styled(FlexRow) `
   width: 100%;
   gap: 12px;
+  align-items: flex-end;
 `;
 const PopoverFormButton = styled(Button$4) `
   width: 36px;
@@ -4416,29 +4421,39 @@ const OverrideRuntime = ({ defaultLanguage = ProgrammingLanguages.Unknown, defau
         resetFormData();
     };
     const onSave = () => {
-        if (!isValidVersion(formData.version)) {
+        // we want to allow empty version, but if provided, it should be valid
+        if (formData.version && !isValidVersion(formData.version)) {
             addNotification({ type: StatusType.Warning, message: FORM_ALERTS.INVALID_VERSION, hideFromHistory: true });
             return;
         }
         handleSave(formData);
         onClose();
     };
+    const onDelete = () => {
+        handleSave({ language: null, version: '' });
+        onClose();
+    };
     const popupRef = useRef(null);
     useOnClickOutside(popupRef, onClose);
     useKeyDown({ key: 'Enter', active: isOpen }, onSave);
     return (React.createElement(Relative, null,
-        React.createElement(IconButton, { tooltip: 'Override Runtime Details', size: 32, onClick: onOpen },
+        React.createElement(IconButton, { tooltip: DISPLAY_TITLES.OVERRIDE_RUNTIME_DETAILS, size: 32, onClick: onOpen },
             React.createElement(EditIcon, null)),
         isOpen && (React.createElement(Form, { ref: popupRef },
-            React.createElement(Text, { size: 14, style: { lineHeight: '20px', display: 'flex' } }, "Override Runtime Details:"),
+            React.createElement(Text, { size: 14, style: { lineHeight: '20px', display: 'flex' } },
+                DISPLAY_TITLES.OVERRIDE_RUNTIME_DETAILS,
+                ":"),
             React.createElement(PopoverFormWrapper, null,
                 React.createElement(Dropdown, { title: DISPLAY_TITLES.LANGUAGE, options: LANGUAGE_OPTIONS, value: LANGUAGE_OPTIONS.find((opt) => opt.id === formData.language), onSelect: (opt) => handleFormChange('language', opt.id), required: true }),
-                React.createElement(Input, { title: DISPLAY_TITLES.VERSION, placeholder: DISPLAY_TITLES.VERSION_PLACEHOLDER, value: formData.version, onChange: (e) => handleFormChange('version', e.target.value), required: true }),
+                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 }),
                 React.createElement(FlexRow, null,
                     React.createElement(PopoverFormButton, { variant: 'secondary', onClick: onClose },
                         React.createElement(CrossIcon, null)),
                     React.createElement(PopoverFormButton, { variant: 'primary', onClick: onSave },
-                        React.createElement(CheckIcon, { fill: theme.text.primary }))))))));
+                        React.createElement(CheckIcon, { fill: theme.text.primary })),
+                    React.createElement(PopoverFormButton, { variant: 'tertiary', onClick: onDelete },
+                        React.createElement(TrashIcon, null)))),
+            React.createElement(NotificationNote, { type: StatusType.Warning, message: DISPLAY_TITLES.OVERRIDE_RUNTIME_WARNING })))));
 };
 
 const Tr = styled.tr `
@@ -4731,30 +4746,24 @@ const RenderValue = ({ type, value, callback }) => {
                 } }));
         }
         case DataCardFieldTypes.SourceContainer: {
-            const { containerName, language, runtimeVersion, instrumented, instrumentationMessage, otelDistroName, isDisabled } = safeJsonParse(value, {
+            const { containerName, language, runtimeVersion, overriden, instrumented, instrumentationMessage, otelDistroName } = safeJsonParse(value, {
                 containerName: '',
                 language: ProgrammingLanguages.Unknown,
                 runtimeVersion: '',
+                overriden: false,
                 instrumented: false,
                 instrumentationMessage: '',
                 otelDistroName: '',
-                isDisabled: false,
             });
-            const awaitingInstrumentation = !instrumented && !instrumentationMessage;
-            const statusType = isDisabled ? StatusType.Info : instrumented ? StatusType.Success : awaitingInstrumentation ? StatusType.Warning : StatusType.Error;
-            const statusTitle = isDisabled
-                ? IntrumentationStatus.NOT_INSTRUMENTED
-                : instrumented
-                    ? IntrumentationStatus.INSTRUMNETED
-                    : awaitingInstrumentation
-                        ? `${IntrumentationStatus.INSTRUMENTING}...`
-                        : IntrumentationStatus.UNINSTRUMENTED;
-            return (React.createElement(DataTab, { title: containerName, subTitle: `${DISPLAY_LANGUAGES[language]}` + (runtimeVersion ? ` • Runtime Version: ${runtimeVersion}` : ''), iconProps: { icon: getProgrammingLanguageIcon(language) }, extendableProps: {
+            const instruStatusType = instrumented ? StatusType.Success : !instrumentationMessage ? StatusType.Warning : StatusType.Info;
+            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,
-                        React.createElement(Status, { status: StatusType.Info, title: splitCamelString(instrumentationMessage) }))),
+                        React.createElement(Text, { size: 12, family: 'secondary', color: theme.text.info }, splitCamelString(instrumentationMessage)))),
                 }, renderActions: () => (React.createElement(React.Fragment, null,
-                    React.createElement(Status, { status: statusType, title: statusTitle, subtitle: otelDistroName, withIcon: true, withBorder: true }),
+                    React.createElement(Status, { status: instruStatusType, title: instruStatusTitle, subtitle: otelDistroName, withIcon: true, withBorder: true }),
+                    overriden && React.createElement(Status, { status: StatusType.Default, forceIcon: EditedIcon, title: DISPLAY_TITLES.OVERIDDEN, withIcon: true, withBorder: true }),
                     callback && React.createElement(OverrideRuntime, { defaultLanguage: language, defaultVersion: runtimeVersion, handleSave: (payload) => callback({ ...payload, containerName }) }))) }));
         }
         default: {

package/lib/{index-BvZgTeSU.js → index-BD7meETN.js}

@@ -842,11 +842,6 @@ const LANGUAGE_OPTIONS = [
         value: DISPLAY_LANGUAGES[ProgrammingLanguages.Python],
         icon: getProgrammingLanguageIcon(ProgrammingLanguages.Python),
     },
-    {
-        id: ProgrammingLanguages.DotNet,
-        value: DISPLAY_LANGUAGES[ProgrammingLanguages.DotNet],
-        icon: getProgrammingLanguageIcon(ProgrammingLanguages.DotNet),
-    },
     {
         id: ProgrammingLanguages.Php,
         value: DISPLAY_LANGUAGES[ProgrammingLanguages.Php],
@@ -858,9 +853,34 @@ const LANGUAGE_OPTIONS = [
         icon: getProgrammingLanguageIcon(ProgrammingLanguages.Ruby),
     },
     {
-        id: ProgrammingLanguages.Unknown,
-        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Unknown],
-        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Unknown),
+        id: ProgrammingLanguages.Rust,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Rust],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Rust),
+    },
+    {
+        id: ProgrammingLanguages.DotNet,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.DotNet],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.DotNet),
+    },
+    {
+        id: ProgrammingLanguages.CSharp,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.CSharp],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.CSharp),
+    },
+    {
+        id: ProgrammingLanguages.CPlusPlus,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.CPlusPlus],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.CPlusPlus),
+    },
+    {
+        id: ProgrammingLanguages.Swift,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Swift],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Swift),
+    },
+    {
+        id: ProgrammingLanguages.Elixir,
+        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Elixir],
+        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Elixir),
     },
 ];
 
@@ -933,6 +953,7 @@ const DISPLAY_TITLES = {
     READONLY: 'Readonly',
     LANGUAGE: 'Language',
     VERSION: 'Version',
+    RUNTIME_VERSION: 'Runtime Version',
     VERSION_PLACEHOLDER: '1.0.0',
     MONITORS: 'Monitors',
     SIGNALS_FOR_PROCESSING: 'Signals for Processing',
@@ -953,6 +974,10 @@ const DISPLAY_TITLES = {
     TO_MODIFY_OTEL_DATA: 'To modify OpenTelemetry data',
     QUICK_BACK_TO_SUMMARY: 'When you finish editing you can quickly go back to the summary.',
     GO_TO_SUMMARY: 'Go to summary',
+    OVERIDE: 'Override',
+    OVERIDDEN: 'Overridden',
+    OVERRIDE_RUNTIME_DETAILS: 'Override Runtime Details',
+    OVERRIDE_RUNTIME_WARNING: 'This is an advanced configuration. If the selected programming language is incorrect, data collection may be incomplete or may not occur at all.',
 };
 const BUTTON_TEXTS = {
     ADD: 'Add',

package/lib/{index-VLuOq8HF.js → index-BDBeg2A7.js}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { T as Theme, B as BUTTON_TEXTS, l as DISPLAY_TITLES } from './index-BvZgTeSU.js';
-import { E as EditIcon } from './index-CS6xAoTK.js';
-import { B as Button, V as Text, J as NotificationNote } from './index-Biu8ddMV.js';
+import { T as Theme, B as BUTTON_TEXTS, l as DISPLAY_TITLES } from './index-BD7meETN.js';
+import { E as EditIcon } from './index-CY3kjYr3.js';
+import { B as Button, V as Text, J as NotificationNote } from './index-AM8c03-E.js';
 import { StatusType } from './types.js';
 import 'styled-components';
-import { I as InfoIcon } from './index-DtSbC1Cl.js';
+import { I as InfoIcon } from './index-DZWbhK14.js';
 
 const EditButton = ({ label, onClick, variant = 'tertiary', ...props }) => {
     const theme = Theme.useTheme();

package/lib/{index-CQ2z02Y8.js → index-BL1s2-bo.js}

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

package/lib/{index-CN-rJ_ZV.js → index-Bup9Thvg.js}

@@ -1,9 +1,9 @@
 import { StatusType, OtherStatus, DestinationTypes, EntityTypes, PlatformType } from './types.js';
-import { k as DEFAULT_DATA_STREAM_NAME, p as getProgrammingLanguageIcon, v as KafkaLogo, K as K8sLogo } from './index-BvZgTeSU.js';
+import { k as DEFAULT_DATA_STREAM_NAME, p as getProgrammingLanguageIcon, v as KafkaLogo, K as K8sLogo } from './index-BD7meETN.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-CmGKwhgi.js';
-import { O as OdigosLogo } from './index-DtSbC1Cl.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-C3BU6Xe-.js';
+import { O as OdigosLogo } from './index-DZWbhK14.js';
 import { s as safeJsonParse } from './index-BV85P9UP.js';
 
 const compareCondition = (renderCondition, fields) => {

package/lib/{index-CmGKwhgi.js → index-C3BU6Xe-.js}

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

package/lib/{index-CS6xAoTK.js → index-CY3kjYr3.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-BvZgTeSU.js';
+import { T as Theme } from './index-BD7meETN.js';
 
 const ArrowIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
@@ -29,6 +29,13 @@ const EditIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 14C10.6787 11.8171 10.7261 16.2383 14 12.6667M2 13.997L3.81777 13.9999C4.07739 14.0003 4.2072 14.0005 4.32937 13.9712C4.43769 13.9452 4.54125 13.9022 4.63623 13.8438C4.74337 13.778 4.83516 13.6858 5.01874 13.5014L13.6676 4.81451C14.021 4.4596 14.1088 3.91087 13.8396 3.47722C13.5142 2.95298 13.0691 2.50221 12.5511 2.16754C12.136 1.8993 11.5908 1.95805 11.2417 2.30864L2.53993 11.0487C2.36296 11.2264 2.27447 11.3153 2.21029 11.4188C2.15338 11.5105 2.11072 11.6104 2.08378 11.7151C2.05341 11.8331 2.05031 11.9588 2.04411 12.2101L2 13.997Z' })));
 };
 
+const EditedIcon = ({ 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 12 12', 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', d: 'M10 7C10 8.40015 10 9.1002 9.7275 9.635C9.48785 10.1054 9.1054 10.4878 8.635 10.7275C8.1002 11 7.40015 11 6 11H5C3.59987 11 2.89981 11 2.36503 10.7275C1.89462 10.4878 1.51217 10.1054 1.27249 9.635C1 9.1002 1 8.40015 1 7V6C1 4.59987 1 3.8998 1.27249 3.36502C1.51217 2.89462 1.89462 2.51216 2.36503 2.27248C2.89981 2 3.59987 2 5 2M4.03078 6.75075C4.03511 6.5754 4.03728 6.4877 4.05848 6.4053C4.07728 6.33225 4.10705 6.26255 4.14677 6.1985C4.19156 6.1263 4.25332 6.06425 4.37683 5.9402L9.07495 1.21541C9.31855 0.970724 9.69905 0.929724 9.9888 1.11693C10.3323 1.33886 10.6258 1.6305 10.8504 1.97311C10.863 1.99235 10.876 2.01143 10.8881 2.03098C11.076 2.33363 11.0146 2.7166 10.768 2.9643L6.10685 7.652C5.9787 7.7807 5.91465 7.84505 5.8399 7.891C5.7736 7.93175 5.7013 7.96175 5.6257 7.9799C5.54045 8.00035 5.44985 8.00025 5.26865 7.99995L4 7.9979L4.03078 6.75075Z' })));
+};
+
 const ExtendArrowIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
@@ -135,4 +142,4 @@ const CrossIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4 12L8 8M8 8L12 4M8 8L4 4M8 8L12 12' })));
 };
 
-export { ArrowIcon as A, CodeIcon as C, EditIcon as E, ListIcon as L, MinusIcon as M, NoDataIcon as N, PlusIcon as P, SearchIcon as S, TrashIcon as T, XIcon as X, CopyIcon as a, ExtendArrowIcon as b, NotebookIcon as c, SortArrowsIcon as d, EyeClosedIcon as e, EyeOpenIcon as f, CheckIcon as g, CrossIcon as h };
+export { ArrowIcon as A, CodeIcon as C, EditIcon as E, ListIcon as L, MinusIcon as M, NoDataIcon as N, PlusIcon as P, SearchIcon as S, TrashIcon as T, XIcon as X, CopyIcon as a, EditedIcon as b, ExtendArrowIcon as c, NotebookIcon as d, SortArrowsIcon as e, EyeClosedIcon as f, EyeOpenIcon as g, CheckIcon as h, CrossIcon as i };

package/lib/{index-DtSbC1Cl.js → index-DZWbhK14.js}

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

package/lib/{index-BJn6pgjP.js → index-Dxj04GUZ.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { _ as WarningModal } from './index-Biu8ddMV.js';
+import { _ as WarningModal } from './index-AM8c03-E.js';
 import { StatusType, EntityTypes } from './types.js';
-import './index-BvZgTeSU.js';
+import './index-BD7meETN.js';
 import 'styled-components';
 
 const CancelWarning = ({ isOpen, noOverlay, name, onApprove, onDeny }) => {

package/lib/{index-BMkvXaM3.js → index-b8zuk7ta.js}

@@ -1,8 +1,8 @@
 import { SignalType, StatusType } from './types.js';
 import 'react';
-import './index-BvZgTeSU.js';
+import './index-BD7meETN.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-DtSbC1Cl.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-DZWbhK14.js';
 
 const capitalizeFirstLetter = (string) => {
     return string.charAt(0).toUpperCase() + string.slice(1);

package/lib/snippets/note-back-to-summary/note-back-to-summary.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type NoteBackToSummaryProps } from '.';
 declare const _default: {
     title: string;

package/lib/snippets.js

@@ -1,12 +1,12 @@
-export { A as AddButton } from './index-Biu8ddMV.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-VLuOq8HF.js';
+export { A as AddButton } from './index-AM8c03-E.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-BDBeg2A7.js';
 import 'react';
-import './index-BvZgTeSU.js';
+import './index-BD7meETN.js';
 import './types.js';
 import 'styled-components';
-import './index-CS6xAoTK.js';
-import './index-BMkvXaM3.js';
-import './index-DtSbC1Cl.js';
+import './index-CY3kjYr3.js';
+import './index-b8zuk7ta.js';
+import './index-DZWbhK14.js';
 import './index-BV85P9UP.js';
-import './useTransition-BOwXSp5e.js';
+import './useTransition-BWC_F-Pl.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-BvZgTeSU.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-BD7meETN.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/theme.js

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

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

@@ -86,7 +86,7 @@ export declare enum StatusType {
     Default = "default"
 }
 export declare enum IntrumentationStatus {
-    INSTRUMNETED = "Instrumented",
+    INSTRUMENTED = "Instrumented",
     INSTRUMENTING = "Instrumenting",
     UNINSTRUMENTED = "Uninstrumented",
     NOT_INSTRUMENTED = "Not Instrumented"

package/lib/types/sources/index.d.ts

@@ -20,20 +20,18 @@ export interface Source extends WorkloadId {
         containerName: string;
         language: ProgrammingLanguages;
         runtimeVersion: string;
+        overriden?: boolean;
         instrumented: boolean;
         instrumentationMessage: string;
         otelDistroName: string | null;
     }[] | null;
-    containersOverrides?: {
-        containerName: string;
-    }[] | null;
     conditions: Condition[] | null;
 }
 export interface SourceFormData {
     otelServiceName?: string;
     currentStreamName?: string;
     containerName?: string;
-    language?: ProgrammingLanguages;
+    language?: ProgrammingLanguages | null;
     version?: string;
 }
 export type PersistSources = (selectAppsList: {

package/lib/types.js

@@ -158,7 +158,7 @@ var StatusType;
 })(StatusType || (StatusType = {}));
 var IntrumentationStatus;
 (function (IntrumentationStatus) {
-    IntrumentationStatus["INSTRUMNETED"] = "Instrumented";
+    IntrumentationStatus["INSTRUMENTED"] = "Instrumented";
     IntrumentationStatus["INSTRUMENTING"] = "Instrumenting";
     IntrumentationStatus["UNINSTRUMENTED"] = "Uninstrumented";
     IntrumentationStatus["NOT_INSTRUMENTED"] = "Not Instrumented";

package/lib/{useSourceSelectionFormData-xhTNmN-P.js → useSourceSelectionFormData-DmZnRueA.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-BvZgTeSU.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-BD7meETN.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-BOwXSp5e.js';
+import { b as useGenericForm } from './useTransition-BWC_F-Pl.js';
 import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 
 const INITIAL$2 = {

package/lib/{useTransition-BOwXSp5e.js → useTransition-BWC_F-Pl.js}

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { g as useNotificationStore } from './index-BvZgTeSU.js';
+import { g as useNotificationStore } from './index-BD7meETN.js';
 import { CodeAttributesKeyTypes, PayloadCollectionKeyTypes } from './types.js';
 import styled from 'styled-components';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "author": "Odigos",
   "repository": {
     "type": "git",
@@ -73,25 +73,25 @@
     }
   },
   "peerDependencies": {
-    "@xyflow/react": "^12.6.4",
+    "@xyflow/react": "^12.7.0",
     "javascript-time-ago": "^2.5.11",
     "lottie-react": "^2.4.1",
     "prism-react-renderer": "^2.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-error-boundary": "^6.0.0",
-    "styled-components": "6.1.18",
+    "styled-components": "6.1.19",
     "zustand": "^5.0.5"
   },
   "dependencies": {
-    "@xyflow/react": "^12.6.4",
+    "@xyflow/react": "^12.7.0",
     "javascript-time-ago": "^2.5.11",
     "lottie-react": "^2.4.1",
     "prism-react-renderer": "^2.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-error-boundary": "^6.0.0",
-    "styled-components": "6.1.18",
+    "styled-components": "6.1.19",
     "zustand": "^5.0.5"
   },
   "devDependencies": {
@@ -100,26 +100,26 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@eslint/eslintrc": "^3.3.1",
-    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
-    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-docs": "^9.0.11",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-    "@storybook/react": "8.6.14",
-    "@storybook/react-webpack5": "8.6.14",
-    "@types/node": "^24.0.0",
-    "@types/react": "^19.1.6",
+    "@storybook/react-webpack5": "9.0.11",
+    "@types/node": "^24.0.3",
+    "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "babel-loader": "^10.0.0",
     "babel-plugin-styled-components": "^2.1.4",
-    "eslint": "^9.28.0",
+    "eslint": "^9.29.0",
     "eslint-config-next": "^15.3.3",
+    "eslint-plugin-storybook": "9.0.11",
     "next": "^15.3.3",
-    "postcss": "^8.5.4",
+    "postcss": "^8.5.6",
     "rollup": "^4.43.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "storybook": "8.6.14",
+    "storybook": "9.0.11",
     "typescript": "^5.8.3"
   }
 }