@odigos/ui-kit 0.0.42 → 0.0.43

package/lib/{index-Biu8ddMV.js → index-BHJkDHqL.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 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 { 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, 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 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-DfzjoAze.js';
 import ReactDOM from 'react-dom';
-import { I as InfoIcon } from './index-DtSbC1Cl.js';
+import { I as InfoIcon } from './index-BjrdHhNI.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};
@@ -4398,6 +4398,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,13 +4417,18 @@ 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);
@@ -4433,12 +4439,14 @@ const OverrideRuntime = ({ defaultLanguage = ProgrammingLanguages.Unknown, defau
             React.createElement(Text, { size: 14, style: { lineHeight: '20px', display: 'flex' } }, "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))))))));
 };
 
 const Tr = styled.tr `
@@ -4747,9 +4755,9 @@ const RenderValue = ({ type, value, callback }) => {
                 : instrumented
                     ? IntrumentationStatus.INSTRUMNETED
                     : awaitingInstrumentation
-                        ? `${IntrumentationStatus.INSTRUMENTING}...`
+                        ? IntrumentationStatus.INSTRUMENTING
                         : IntrumentationStatus.UNINSTRUMENTED;
-            return (React.createElement(DataTab, { title: containerName, subTitle: `${DISPLAY_LANGUAGES[language]}` + (runtimeVersion ? ` • Runtime Version: ${runtimeVersion}` : ''), iconProps: { icon: getProgrammingLanguageIcon(language) }, extendableProps: {
+            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) }))),

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

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

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

@@ -857,11 +857,6 @@ const LANGUAGE_OPTIONS = [
         value: DISPLAY_LANGUAGES[ProgrammingLanguages.Ruby],
         icon: getProgrammingLanguageIcon(ProgrammingLanguages.Ruby),
     },
-    {
-        id: ProgrammingLanguages.Unknown,
-        value: DISPLAY_LANGUAGES[ProgrammingLanguages.Unknown],
-        icon: getProgrammingLanguageIcon(ProgrammingLanguages.Unknown),
-    },
 ];
 
 const DEFAULT_DATA_STREAM_NAME = 'default';
@@ -933,6 +928,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',

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

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

package/lib/{index-CN-rJ_ZV.js → index-DeWFbFU-.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-CFcAM49k.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-OD60p3iQ.js';
+import { O as OdigosLogo } from './index-BjrdHhNI.js';
 import { s as safeJsonParse } from './index-BV85P9UP.js';
 
 const compareCondition = (renderCondition, fields) => {

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

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

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

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

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

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

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-BHJkDHqL.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-BDivLGyc.js';
 import 'react';
-import './index-BvZgTeSU.js';
+import './index-CFcAM49k.js';
 import './types.js';
 import 'styled-components';
-import './index-CS6xAoTK.js';
-import './index-BMkvXaM3.js';
-import './index-DtSbC1Cl.js';
+import './index-DJfTCJxF.js';
+import './index-DeYAfvCA.js';
+import './index-BjrdHhNI.js';
 import './index-BV85P9UP.js';
-import './useTransition-BOwXSp5e.js';
+import './useTransition-DfzjoAze.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-CFcAM49k.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-CFcAM49k.js';
 import 'styled-components';
 import 'react';
 import './types.js';

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

@@ -24,16 +24,13 @@ export interface Source extends WorkloadId {
         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/{useSourceSelectionFormData-xhTNmN-P.js → useSourceSelectionFormData-KsupxR2K.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-CFcAM49k.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-DfzjoAze.js';
 import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 
 const INITIAL$2 = {

package/lib/{useTransition-BOwXSp5e.js → useTransition-DfzjoAze.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-CFcAM49k.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.43",
   "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"
   }
 }