@odigos/ui-kit 0.0.43 → 0.0.45

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## [0.0.45](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.44...ui-kit-v0.0.45) (2025-06-23)
+
+
+### Features
+
+* re-use getConditionsBooleans function ([#188](https://github.com/odigos-io/ui-kit/issues/188)) ([e602132](https://github.com/odigos-io/ui-kit/commit/e60213239340354d44c4855abf8a39da44acdeee))
+
+
+### Bug Fixes
+
+* initialize extend state with initialExtended prop in DataCard component ([#189](https://github.com/odigos-io/ui-kit/issues/189)) ([31604ca](https://github.com/odigos-io/ui-kit/commit/31604cabee2587c647354601fca37d3816a4807d))
+
+## [0.0.44](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.43...ui-kit-v0.0.44) (2025-06-19)
+
+
+### Features
+
+* runtime override warning & indication ([#187](https://github.com/odigos-io/ui-kit/issues/187)) ([02e4f09](https://github.com/odigos-io/ui-kit/commit/02e4f09210bf755220e3d3cb4cf1890e1298ae9c))
+
 ## [0.0.43](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.42...ui-kit-v0.0.43) (2025-06-18)
 
 

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

@@ -1,14 +1,16 @@
-import { type FC } from 'react';
-import { StatusType, OtherStatus } from '@/types';
+import { CSSProperties, type FC } from 'react';
+import { StatusType, OtherStatus, type SVG } from '@/types';
 interface StatusProps {
     title?: string;
     subtitle?: string;
-    size?: number;
-    family?: 'primary' | 'secondary';
     status?: StatusType | OtherStatus.Loading;
+    forceIcon?: SVG;
     withIcon?: boolean;
     withBorder?: boolean;
     withBackground?: boolean;
+    width?: CSSProperties['width'];
+    size?: number;
+    family?: 'primary' | 'secondary';
 }
 declare const Status: FC<StatusProps>;
 export { Status, type StatusProps };

package/lib/components.js

@@ -1,15 +1,15 @@
-import { B as Button } from './index-BHJkDHqL.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-BHJkDHqL.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-JW9d8KBI.js';
+import { B as Button } from './index-C4uhvIMP.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-C4uhvIMP.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-CnbEaeQS.js';
 import React, { Component, createElement, createContext } from 'react';
-import { T as Theme } from './index-CFcAM49k.js';
+import { T as Theme } from './index-BD7meETN.js';
 import './types.js';
-import './index-DJfTCJxF.js';
-import './index-DeYAfvCA.js';
+import './index-CY3kjYr3.js';
+import './index-qnmhJI4d.js';
 import 'styled-components';
-import './index-BjrdHhNI.js';
+import './index-DZWbhK14.js';
 import './index-BV85P9UP.js';
-import './useTransition-DfzjoAze.js';
+import './useTransition-BWC_F-Pl.js';
 import 'react-dom';
 
 const ErrorBoundaryContext = createContext(null);

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

@@ -88,6 +88,10 @@ export declare const DISPLAY_TITLES: {
     TO_MODIFY_OTEL_DATA: string;
     QUICK_BACK_TO_SUMMARY: string;
     GO_TO_SUMMARY: string;
+    OVERIDE: string;
+    OVERIDDEN: string;
+    OVERRIDE_RUNTIME_DETAILS: string;
+    OVERRIDE_RUNTIME_WARNING: string;
 };
 export declare const BUTTON_TEXTS: {
     ADD: string;

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-CFcAM49k.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-BD7meETN.js';
 export { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
 import 'react';
 import './types.js';

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, j as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, u as useDarkMode } from './index-CFcAM49k.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, $ as styleInject, i as useSelectedStore, e as useInstrumentStore, o as getInstrumentationRuleIcon, a as useDataStreamStore, n as getEntityId, S as STORAGE_KEYS, j as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, u as useDarkMode } from './index-BD7meETN.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, A as AddButton$1, U as Stepper, I as IconButton, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-BHJkDHqL.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, A as AddButton$1, U as Stepper, I as IconButton, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-C4uhvIMP.js';
 import { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
-import { C as CheckCircledIcon, O as OdigosLogo } from './index-BjrdHhNI.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--yr-0Yb_.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-KsupxR2K.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-DfzjoAze.js';
-import { E as EditIcon, T as TrashIcon, S as SearchIcon, P as PlusIcon$1, g as CheckIcon, A as ArrowIcon, a as CopyIcon, h as CrossIcon } from './index-DJfTCJxF.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-JW9d8KBI.js';
-import { m as mapConditions, a as getStatusIcon, c as capitalizeFirstLetter } from './index-DeYAfvCA.js';
-import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, w as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, v as mapDestinationFieldsForDisplay, c as compareCondition, t as getYamlFieldsForDestination, d as deepClone, o as getMetricForEntity, s as getWorkloadId, j as getContainersInstrumentedCount, u as isOverTime } from './index-DeWFbFU-.js';
+import { C as CheckCircledIcon, O as OdigosLogo } from './index-DZWbhK14.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-BL1s2-bo.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-DmZnRueA.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-BWC_F-Pl.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-CY3kjYr3.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-CnbEaeQS.js';
+import { g as getConditionsBooleans, m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-qnmhJI4d.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-BSjQAYib.js';
 import { createPortal } from 'react-dom';
 import { m as mapExportedSignals } from './index-BlZKWuxe.js';
-import { N as NoteBackToSummary, E as EditButton } from './index-BDivLGyc.js';
+import { N as NoteBackToSummary, E as EditButton } from './index-lkkeQEOt.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-OD60p3iQ.js';
+import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-C3BU6Xe-.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;
@@ -852,16 +852,13 @@ const buildSpecCell$1 = (action) => {
 };
 
 const TableCellConditions = ({ conditions, id }) => {
-    const errors = useMemo(() => conditions?.filter(({ status }) => status === StatusType.Error) || [], [conditions]);
-    const warnings = useMemo(() => conditions?.filter(({ status }) => status === StatusType.Warning) || [], [conditions]);
-    const disableds = useMemo(() => conditions?.filter(({ status }) => status === OtherStatus.Disabled) || [], [conditions]);
-    const isLoading = useMemo(() => !conditions?.length || !!conditions?.find(({ status }) => status === OtherStatus.Loading), [conditions]);
+    const { errors, warnings, disableds, hasLoadings } = useMemo(() => getConditionsBooleans(conditions), [conditions]);
     const conditionsToShow = errors.length > 0 ? errors : warnings.length > 0 ? warnings : disableds.length > 0 ? disableds : [];
     if (conditionsToShow.length > 0) {
         return (React.createElement("div", { style: { lineHeight: 1 } },
             React.createElement(ConditionsStatuses, { conditions: conditionsToShow, id: id })));
     }
-    const elseStatus = isLoading ? OtherStatus.Loading : StatusType.Success;
+    const elseStatus = hasLoadings ? OtherStatus.Loading : StatusType.Success;
     return (React.createElement("div", { style: { lineHeight: 1 } },
         React.createElement(Status, { status: elseStatus, title: elseStatus, withBorder: true, withIcon: true })));
 };
@@ -7028,6 +7025,7 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
     let dragStarted = false;
     let d3Selection = null;
     let abortDrag = false; // prevents unintentional dragging on multitouch
+    let nodePositionsChanged = false;
     // public functions
     function update({ noDragClassName, handleSelector, domNode, isSelectable, nodeId, nodeClickDistance = 0, }) {
         d3Selection = select(domNode);
@@ -7084,6 +7082,7 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
                 dragItem.position = position;
                 dragItem.internals.positionAbsolute = positionAbsolute;
             }
+            nodePositionsChanged = nodePositionsChanged || hasChange;
             if (!hasChange) {
                 return;
             }
@@ -7155,6 +7154,7 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
             const { domNode, nodeDragThreshold, transform, snapGrid, snapToGrid } = getStoreItems();
             containerBounds = domNode?.getBoundingClientRect() || null;
             abortDrag = false;
+            nodePositionsChanged = false;
             if (nodeDragThreshold === 0) {
                 startDrag(event);
             }
@@ -7201,7 +7201,10 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
             cancelAnimationFrame(autoPanId);
             if (dragItems.size > 0) {
                 const { nodeLookup, updateNodePositions, onNodeDragStop, onSelectionDragStop } = getStoreItems();
-                updateNodePositions(dragItems, false);
+                if (nodePositionsChanged) {
+                    updateNodePositions(dragItems, false);
+                    nodePositionsChanged = false;
+                }
                 if (onDragStop || onNodeDragStop || (!nodeId && onSelectionDragStop)) {
                     const [currentNode, currentNodes] = getEventHandlerParams({
                         nodeId,
@@ -16332,19 +16335,12 @@ const SourceDrawer = ({ persistSources, updateSource, fetchDescribeSource, resta
         return found;
     }, [isOpen, drawerEntityId, sourcesByStream]);
     const containersData = useMemo(() => {
-        const isDisabled = thisItem?.conditions?.some(({ status }) => status === OtherStatus.Disabled);
+        const mappedContainers = thisItem?.containers?.map((container) => ({
+            type: DataCardFieldTypes.SourceContainer,
+            value: JSON.stringify(container),
+            callback: async (payload) => await updateSource(drawerEntityId, payload),
+        })) || [];
         const runtimeCondition = thisItem?.conditions?.find(({ type }) => type === 'RuntimeDetection');
-        const mappedContainers = thisItem?.containers?.map((container) => {
-            const value = {
-                ...container,
-                isDisabled,
-            };
-            return {
-                type: DataCardFieldTypes.SourceContainer,
-                value: JSON.stringify(value),
-                callback: async (payload) => await updateSource(drawerEntityId, payload),
-            };
-        }) || [];
         return {
             description: runtimeCondition?.message,
             isLoading: runtimeCondition?.status === OtherStatus.Loading,

package/lib/functions/get-conditions-booleans/index.d.ts

@@ -1,8 +1,12 @@
 import { StatusType, type Condition } from '@/types';
 export declare const getConditionsBooleans: (conditions: Condition[]) => {
+    errors: Condition[];
     hasErrors: boolean;
+    warnings: Condition[];
     hasWarnings: boolean;
+    disableds: Condition[];
     hasDisableds: boolean;
+    loadings: Condition[];
     hasLoadings: boolean;
     priorotizedStatus: StatusType | undefined;
 };

package/lib/functions.js

@@ -1,13 +1,13 @@
-export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getStatusIcon, i as isValidVersion, m as mapConditions, n as numbersOnly, p as parseBooleanFromString, b as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-DeYAfvCA.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, i as getConditionsBooleans, k as getContainersIcons, j as getContainersInstrumentedCount, l as getDestinationIcon, m as getEntityIcon, n as getEntityLabel, o as getMetricForEntity, p as getPlatformIcon, q as getPlatformLabel, r as getValueForRange, s as getWorkloadId, t as getYamlFieldsForDestination, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index-DeWFbFU-.js';
-export { m as getActionIcon, n as getEntityId, o as getInstrumentationRuleIcon, p as getProgrammingLanguageIcon } from './index-CFcAM49k.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-qnmhJI4d.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-BSjQAYib.js';
+export { m as getActionIcon, n as getEntityId, o as getInstrumentationRuleIcon, p as getProgrammingLanguageIcon } from './index-BD7meETN.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-BjrdHhNI.js';
-import './index-OD60p3iQ.js';
+import './index-DZWbhK14.js';
+import './index-C3BU6Xe-.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {
     const cleanArray = (arr) => arr.filter((item) => {

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-KsupxR2K.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-DfzjoAze.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-DmZnRueA.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-BWC_F-Pl.js';
 import './types.js';
-import './index-CFcAM49k.js';
+import './index-BD7meETN.js';
 import 'react';
 import 'styled-components';
 import './index-BV85P9UP.js';

package/lib/icons/common/edited-icon/edited-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/common/edited-icon/index.d.ts

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

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

@@ -4,6 +4,7 @@ export * from './code-icon/index';
 export * from './command-icon/index';
 export * from './copy-icon/index';
 export * from './edit-icon/index';
+export * from './edited-icon/index';
 export * from './extend-arrow-icon/index';
 export * from './filter-icon/index';
 export * from './folder-icon/index';

package/lib/icons.js

@@ -1,10 +1,10 @@
-import { T as Theme } from './index-CFcAM49k.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-CFcAM49k.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-BjrdHhNI.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--yr-0Yb_.js';
-export { A as ArrowIcon, g as CheckIcon, C as CodeIcon, a as CopyIcon, h as CrossIcon, E as EditIcon, b as ExtendArrowIcon, e as EyeClosedIcon, f as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, c as NotebookIcon, P as PlusIcon, S as SearchIcon, d as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-DJfTCJxF.js';
+import { T as Theme } from './index-BD7meETN.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-BD7meETN.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-DZWbhK14.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-BL1s2-bo.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-CY3kjYr3.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-OD60p3iQ.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-C3BU6Xe-.js';
 import './types.js';
 import 'styled-components';
 

package/lib/{index-CFcAM49k.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],
@@ -857,6 +852,36 @@ const LANGUAGE_OPTIONS = [
         value: DISPLAY_LANGUAGES[ProgrammingLanguages.Ruby],
         icon: getProgrammingLanguageIcon(ProgrammingLanguages.Ruby),
     },
+    {
+        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),
+    },
 ];
 
 const DEFAULT_DATA_STREAM_NAME = 'default';
@@ -949,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--yr-0Yb_.js → index-BL1s2-bo.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-CFcAM49k.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-DeWFbFU-.js → index-BSjQAYib.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-CFcAM49k.js';
+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-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-OD60p3iQ.js';
-import { O as OdigosLogo } from './index-BjrdHhNI.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) => {
@@ -95,21 +95,6 @@ const formatBytes = (bytes) => {
     return `${value.toFixed(i === 0 ? 0 : 1)} ${sizes[i]}`;
 };
 
-const getConditionsBooleans = (conditions) => {
-    const hasErrors = !!conditions?.find(({ status }) => status === StatusType.Error);
-    const hasWarnings = !!conditions?.find(({ status }) => status === StatusType.Warning);
-    const hasDisableds = !!conditions?.find(({ status }) => status === OtherStatus.Disabled);
-    const hasLoadings = !!conditions?.find(({ status }) => status === OtherStatus.Loading);
-    const priorotizedStatus = hasErrors ? StatusType.Error : hasWarnings ? StatusType.Warning : hasDisableds ? StatusType.Info : undefined;
-    return {
-        hasErrors,
-        hasWarnings,
-        hasDisableds,
-        hasLoadings,
-        priorotizedStatus,
-    };
-};
-
 const getContainersInstrumentedCount = (containers) => {
     const instrumentedCount = containers?.reduce((prev, curr) => (curr.instrumented ? prev + 1 : prev), 0);
     const totalCount = containers?.length || 0;
@@ -330,4 +315,4 @@ const mapDestinationFieldsForDisplay = (destination, yamlFields) => {
 
 const sleep = async (ms = 1000) => new Promise((resolve) => setTimeout(resolve, ms));
 
-export { filterDestinations as a, filterDestinationsByStream as b, compareCondition as c, deepClone as d, filterSources as e, filterActions as f, filterSourcesByStream as g, formatBytes as h, getConditionsBooleans as i, getContainersInstrumentedCount as j, getContainersIcons as k, getDestinationIcon as l, getEntityIcon as m, getEntityLabel as n, getMetricForEntity as o, getPlatformIcon as p, getPlatformLabel as q, getValueForRange as r, getWorkloadId as s, getYamlFieldsForDestination as t, isOverTime as u, mapDestinationFieldsForDisplay as v, sleep as w };
+export { filterDestinations as a, filterDestinationsByStream as b, compareCondition as c, deepClone as d, filterSources as e, filterActions as f, filterSourcesByStream as g, formatBytes as h, getContainersInstrumentedCount as i, getContainersIcons as j, getDestinationIcon as k, getEntityIcon as l, getEntityLabel as m, getMetricForEntity as n, getPlatformIcon as o, getPlatformLabel as p, getValueForRange as q, getWorkloadId as r, getYamlFieldsForDestination as s, isOverTime as t, mapDestinationFieldsForDisplay as u, sleep as v };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-CFcAM49k.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-BHJkDHqL.js → index-C4uhvIMP.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-CFcAM49k.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, T as TrashIcon, 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, A as ArrowIcon } from './index-DJfTCJxF.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-DeYAfvCA.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 { 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-qnmhJI4d.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-DfzjoAze.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-BjrdHhNI.js';
+import { I as InfoIcon } from './index-DZWbhK14.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};
@@ -3997,19 +3997,12 @@ const IconWrap$1 = styled(FlexColumn) `
 const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed', headerLabelWarning = "Something isn't right", headerLabelSuccess = 'Everything Successful', }) => {
     const theme = Theme.useTheme();
     const [extend, setExtend] = useState(false);
-    const conditions = mapConditions(c);
-    const errors = useMemo(() => conditions.filter(({ status }) => status === StatusType.Error), [conditions]);
-    const hasErrors = !!errors.length;
-    const warnings = useMemo(() => conditions.filter(({ status }) => status === StatusType.Warning), [conditions]);
-    const hasWarnings = !!warnings.length;
-    const disableds = useMemo(() => conditions.filter(({ status }) => status === OtherStatus.Disabled), [conditions]);
-    const hasDisableds = !!disableds.length;
-    const loadings = useMemo(() => conditions.filter(({ status }) => status === OtherStatus.Loading), [conditions]);
-    const hasLoadings = !!loadings.length;
-    const loading = (!conditions.length || hasLoadings) && !hasErrors && !hasWarnings && !hasDisableds;
+    const conditions = useMemo(() => mapConditions(c), [c]);
+    const { errors, hasErrors, warnings, hasWarnings, hasDisableds, hasLoadings } = useMemo(() => getConditionsBooleans(conditions), [conditions]);
     useEffect(() => {
         setExtend(hasErrors || hasWarnings || hasDisableds || hasLoadings);
     }, [hasErrors, hasWarnings, hasDisableds, hasLoadings]);
+    const loading = (!conditions.length || hasLoadings) && !hasErrors && !hasWarnings && !hasDisableds;
     const overallStatus = hasErrors ? StatusType.Error : hasWarnings ? StatusType.Warning : hasDisableds ? StatusType.Info : StatusType.Success;
     const HeaderIcon = getStatusIcon(overallStatus, theme);
     const headerText = hasErrors ? headerLabelError : hasWarnings ? headerLabelWarning : hasDisableds ? headerLabelWarning : loading ? 'Loading...' : headerLabelSuccess;
@@ -4059,7 +4052,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 +4068,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,
@@ -4433,10 +4430,12 @@ const OverrideRuntime = ({ defaultLanguage = ProgrammingLanguages.Unknown, defau
     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.RUNTIME_VERSION, placeholder: DISPLAY_TITLES.VERSION_PLACEHOLDER, value: formData.version, onChange: (e) => handleFormChange('version', e.target.value), required: false }),
@@ -4446,7 +4445,8 @@ const OverrideRuntime = ({ defaultLanguage = ProgrammingLanguages.Unknown, defau
                     React.createElement(PopoverFormButton, { variant: 'primary', onClick: onSave },
                         React.createElement(CheckIcon, { fill: theme.text.primary })),
                     React.createElement(PopoverFormButton, { variant: 'tertiary', onClick: onDelete },
-                        React.createElement(TrashIcon, null))))))));
+                        React.createElement(TrashIcon, null)))),
+            React.createElement(NotificationNote, { type: StatusType.Warning, message: DISPLAY_TITLES.OVERRIDE_RUNTIME_WARNING })))));
 };
 
 const Tr = styled.tr `
@@ -4739,30 +4739,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;
+            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: {
@@ -4805,8 +4799,8 @@ const ActionWrapper = styled(FlexRow) `
   margin-left: auto;
   gap: 8px;
 `;
-const DataCard = ({ title = 'Details', titleBadge, description, action: Action, withExtend, data, children }) => {
-    const [extend, setExtend] = useState(false);
+const DataCard = ({ title = 'Details', titleBadge, description, action: Action, withExtend, initialExtended = false, data, children }) => {
+    const [extend, setExtend] = useState(initialExtended);
     const [hovered, setHovered] = useState(false);
     return (React.createElement(CardContainer, { "$hovered": hovered },
         !!title || !!description || !!Action ? (React.createElement(Header$1, { "$clickable": withExtend || false, onClick: () => withExtend && setExtend((prev) => !prev), onMouseEnter: () => withExtend && setHovered(true), onMouseLeave: () => withExtend && setHovered(false) },

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-CFcAM49k.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-JW9d8KBI.js → index-CnbEaeQS.js}

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-CFcAM49k.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-BDivLGyc.js → index-lkkeQEOt.js}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { T as Theme, B as BUTTON_TEXTS, l as DISPLAY_TITLES } from './index-CFcAM49k.js';
-import { E as EditIcon } from './index-DJfTCJxF.js';
-import { B as Button, V as Text, J as NotificationNote } from './index-BHJkDHqL.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-C4uhvIMP.js';
 import { StatusType } from './types.js';
 import 'styled-components';
-import { I as InfoIcon } from './index-BjrdHhNI.js';
+import { I as InfoIcon } from './index-DZWbhK14.js';
 
 const EditButton = ({ label, onClick, variant = 'tertiary', ...props }) => {
     const theme = Theme.useTheme();

package/lib/{index-DeYAfvCA.js → index-qnmhJI4d.js}

@@ -1,8 +1,8 @@
-import { SignalType, StatusType } from './types.js';
+import { StatusType, OtherStatus, SignalType } from './types.js';
 import 'react';
-import './index-CFcAM49k.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-BjrdHhNI.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);
@@ -70,6 +70,29 @@ const flattenObjectKeys = (obj, prefix = '', result = {}) => {
     return result;
 };
 
+const getConditionsBooleans = (conditions) => {
+    const errors = conditions?.filter(({ status }) => status === StatusType.Error);
+    const warnings = conditions?.filter(({ status }) => status === StatusType.Warning);
+    const disableds = conditions?.filter(({ status }) => status === OtherStatus.Disabled);
+    const loadings = conditions?.filter(({ status }) => status === OtherStatus.Loading);
+    const hasErrors = errors.length > 0;
+    const hasWarnings = warnings.length > 0;
+    const hasDisableds = disableds.length > 0;
+    const hasLoadings = loadings.length > 0;
+    const priorotizedStatus = hasErrors ? StatusType.Error : hasWarnings ? StatusType.Warning : hasDisableds ? StatusType.Info : undefined;
+    return {
+        errors,
+        hasErrors,
+        warnings,
+        hasWarnings,
+        disableds,
+        hasDisableds,
+        loadings,
+        hasLoadings,
+        priorotizedStatus,
+    };
+};
+
 const getMonitorIcon = (type) => {
     const LOGOS = {
         [SignalType.Logs]: LogsIcon,
@@ -192,4 +215,4 @@ const safeJsonStringify = (obj, indent = 2) => {
     return JSON.stringify(obj || {}, null, indent);
 };
 
-export { getStatusIcon as a, parseJsonStringToPrettyString as b, capitalizeFirstLetter as c, splitCamelString as d, flattenObjectKeys as f, getMonitorIcon as g, isValidVersion as i, mapConditions as m, numbersOnly as n, parseBooleanFromString as p, removeEmptyValuesFromObject as r, safeJsonStringify as s };
+export { getMonitorIcon as a, getStatusIcon as b, capitalizeFirstLetter as c, parseJsonStringToPrettyString as d, splitCamelString as e, flattenObjectKeys as f, getConditionsBooleans as g, isValidVersion as i, mapConditions as m, numbersOnly as n, parseBooleanFromString as p, removeEmptyValuesFromObject as r, safeJsonStringify as s };

package/lib/snippets.js

@@ -1,12 +1,12 @@
-export { A as AddButton } from './index-BHJkDHqL.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-BDivLGyc.js';
+export { A as AddButton } from './index-C4uhvIMP.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-lkkeQEOt.js';
 import 'react';
-import './index-CFcAM49k.js';
+import './index-BD7meETN.js';
 import './types.js';
 import 'styled-components';
-import './index-DJfTCJxF.js';
-import './index-DeYAfvCA.js';
-import './index-BjrdHhNI.js';
+import './index-CY3kjYr3.js';
+import './index-qnmhJI4d.js';
+import './index-DZWbhK14.js';
 import './index-BV85P9UP.js';
-import './useTransition-DfzjoAze.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-CFcAM49k.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-CFcAM49k.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,6 +20,7 @@ export interface Source extends WorkloadId {
         containerName: string;
         language: ProgrammingLanguages;
         runtimeVersion: string;
+        overriden?: boolean;
         instrumented: boolean;
         instrumentationMessage: string;
         otelDistroName: string | null;

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-KsupxR2K.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-CFcAM49k.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-DfzjoAze.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-DfzjoAze.js → useTransition-BWC_F-Pl.js}

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { g as useNotificationStore } from './index-CFcAM49k.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.43",
+  "version": "0.0.45",
   "author": "Odigos",
   "repository": {
     "type": "git",
@@ -114,12 +114,12 @@
     "eslint": "^9.29.0",
     "eslint-config-next": "^15.3.3",
     "eslint-plugin-storybook": "9.0.11",
-    "next": "^15.3.3",
+    "next": "^15.3.4",
     "postcss": "^8.5.6",
     "rollup": "^4.43.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "storybook": "9.0.11",
+    "storybook": "9.0.12",
     "typescript": "^5.8.3"
   }
 }