@odigos/ui-kit 0.0.34 → 0.0.35

package/lib/{index-BWZT-ipR.js → index-DqaI44fJ.js}

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

package/lib/{index-BZq0yNL-.js → index-THrvNIPj.js}

@@ -1,14 +1,13 @@
 import React, { useState, useEffect, useRef, forwardRef, createElement, useCallback, useMemo, Fragment } from 'react';
-import { T as Theme, n as ImageErrorIcon, M as MONITORS_OPTIONS } from './index-DJGe2YeC.js';
-import { StatusType, OtherStatus, SortDirection, ProgrammingLanguages, InputTypes, FieldTypes } from './types.js';
-import { M as MinusIcon, f as CheckIcon, L as ListIcon, C as CodeIcon, E as ExtendArrowIcon, c as SortArrowsIcon, a as CopyIcon, b as NotebookIcon, X as XIcon, d as EyeClosedIcon, e as EyeOpenIcon, N as NoDataIcon, g as CrossIcon, S as SearchIcon, P as PlusIcon, T as TrashIcon, A as ArrowIcon } from './index-CIKkezVt.js';
-import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, p as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, d as splitCamelString, n as numbersOnly } from './index-ChYtqgBW.js';
+import { T as Theme, o as ImageErrorIcon, M as MONITORS_OPTIONS, B as BUTTON_TEXTS } from './index-CKOBXat_.js';
+import { StatusType, OtherStatus, SortDirection, ProgrammingLanguages, IntrumentationStatus, InputTypes, FieldTypes } from './types.js';
+import { M as MinusIcon, f as CheckIcon, L as ListIcon, C as CodeIcon, E as ExtendArrowIcon, c as SortArrowsIcon, a as CopyIcon, b as NotebookIcon, X as XIcon, d as EyeClosedIcon, e as EyeOpenIcon, N as NoDataIcon, g as CrossIcon, S as SearchIcon, P as PlusIcon, T as TrashIcon, A as ArrowIcon } from './index-CEWs8CTN.js';
+import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, p as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, d as splitCamelString, n as numbersOnly } from './index-CCX1HLUr.js';
 import styled, { css } from 'styled-components';
 import { s as safeJsonParse, i as isEmpty } from './index-BV85P9UP.js';
-import { B as BUTTON_TEXTS } from './index-mOgS3e5E.js';
-import { u as useContainerSize, a as useCopy, g as useTransition, d as useKeyDown, e as useOnClickOutside } from './useTransition-dZ92VxT2.js';
+import { u as useContainerSize, a as useCopy, g as useTransition, d as useKeyDown, e as useOnClickOutside } from './useTransition-D9f1CP9n.js';
 import ReactDOM from 'react-dom';
-import { I as InfoIcon } from './index-Bd8ZAEvq.js';
+import { I as InfoIcon } from './index-BVj4fOL3.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};
@@ -3992,6 +3991,9 @@ const Row = styled.div `
 const TextNoWrap = styled(Text) `
   white-space: nowrap;
 `;
+const IconWrap$1 = styled(FlexColumn) `
+  width: 16px;
+`;
 const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed', headerLabelWarning = "Something isn't right", headerLabelSuccess = 'Everything Successful', }) => {
     const theme = Theme.useTheme();
     const [extend, setExtend] = useState(false);
@@ -4022,9 +4024,9 @@ const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed'
             React.createElement(Text, { color: headerSubTextColor, size: 12, family: 'secondary' }, headerSubText),
             React.createElement(ExtendArrow, { extend: extend, align: 'right' })),
         extend && (React.createElement(Body, null, conditions.map(({ status, type, reason, message, lastTransitionTime }, idx) => {
-            const Icon = status === 'loading' ? () => React.createElement(FadeLoader, { scale: 0.8 }) : status === 'disabled' ? getStatusIcon(StatusType.Info, theme) : getStatusIcon(status, theme);
-            const color = status === 'disabled' ? theme.text.info : status === StatusType.Error ? theme.text.error : status === StatusType.Warning ? theme.text.warning : theme.text.info;
-            const boldColor = status === 'disabled'
+            const Icon = status === OtherStatus.Loading ? () => React.createElement(FadeLoader, { scale: 0.8 }) : status === OtherStatus.Disabled ? getStatusIcon(StatusType.Info, theme) : getStatusIcon(status, theme);
+            const color = status === OtherStatus.Disabled ? theme.text.info : status === StatusType.Error ? theme.text.error : status === StatusType.Warning ? theme.text.warning : theme.text.info;
+            const boldColor = status === OtherStatus.Disabled
                 ? theme.text.info_secondary
                 : status === StatusType.Error
                     ? theme.text.error_secondary
@@ -4032,7 +4034,8 @@ const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed'
                         ? theme.text.warning_secondary
                         : theme.text.info_secondary;
             return (React.createElement(Row, { key: `condition-${idx}` },
-                React.createElement(Icon, null),
+                React.createElement(IconWrap$1, null,
+                    React.createElement(Icon, null)),
                 React.createElement(FlexRow, { "$gap": 12, style: { width: '100%', justifyContent: 'space-between' } },
                     React.createElement(Text, { color: color, size: 12 },
                         React.createElement(TextNoWrap, { color: boldColor, size: 12, weight: 700 }, type),
@@ -4640,7 +4643,7 @@ const RenderValue = ({ type, value }) => {
                 actualDevice: { title: '', subTitle: '', tooltip: '' },
                 processes: [{ health: StatusType.Info, message: '', identifyingAttributes: [] }],
             });
-            return (React.createElement(DataTab, { title: containerName, subTitle: `${processes.length} Instrumented Processes`, renderActions: () => {
+            return (React.createElement(DataTab, { title: containerName, subTitle: processes.length ? `${processes.length} Instrumented Processes` : undefined, renderActions: () => {
                     return React.createElement(Status, { status: StatusType.Info, title: 'Instrumentation Device', subtitle: !actualDevice.subTitle || actualDevice.subTitle === '[]' ? 'none' : actualDevice.subTitle, withBorder: true });
                 }, extendableProps: {
                     isExtended: !!processes.length,
@@ -4655,29 +4658,29 @@ const RenderValue = ({ type, value }) => {
                 } }));
         }
         case DataCardFieldTypes.SourceContainer: {
-            const { containerName, language, runtimeVersion, instrumented, instrumentationMessage, otelDistroName } = safeJsonParse(value, {
+            const { containerName, language, runtimeVersion, instrumented, instrumentationMessage, otelDistroName, isDisabled } = safeJsonParse(value, {
                 containerName: '',
                 language: ProgrammingLanguages.Unknown,
                 runtimeVersion: '',
                 instrumented: false,
                 instrumentationMessage: '',
                 otelDistroName: '',
+                isDisabled: false,
             });
             const awaitingInstrumentation = !instrumented && !instrumentationMessage;
-            return (React.createElement(DataTab, { title: containerName, subTitle: `${language === ProgrammingLanguages.JavaScript ? 'Node.js' : capitalizeFirstLetter(language)}` + (!!runtimeVersion ? ` • Runtime Version: ${runtimeVersion}` : ''), iconProps: {
-                    icon: getProgrammingLanguageIcon(language),
-                }, extendableProps: {
+            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: `${language === ProgrammingLanguages.JavaScript ? 'Node.js' : capitalizeFirstLetter(language)}` + (runtimeVersion ? ` • Runtime Version: ${runtimeVersion}` : ''), iconProps: { icon: getProgrammingLanguageIcon(language) }, extendableProps: {
                     isExtended: !!instrumentationMessage,
-                    renderExtended: () => {
-                        if (!!instrumentationMessage) {
-                            return (React.createElement(AlignCenter, null,
-                                React.createElement(Status, { status: StatusType.Info, title: splitCamelString(instrumentationMessage) })));
-                        }
-                        return null;
-                    },
-                }, renderActions: () => {
-                    return (React.createElement(Status, { status: instrumented ? StatusType.Success : awaitingInstrumentation ? StatusType.Warning : StatusType.Error, title: instrumented ? 'Instrumented' : awaitingInstrumentation ? 'Instrumenting...' : 'Uninstrumented', subtitle: otelDistroName, withIcon: true, withBorder: true }));
-                } }));
+                    renderExtended: () => (React.createElement(AlignCenter, null,
+                        React.createElement(Status, { status: StatusType.Info, title: splitCamelString(instrumentationMessage) }))),
+                }, renderActions: () => React.createElement(Status, { status: statusType, title: statusTitle, subtitle: otelDistroName, withIcon: true, withBorder: true }) }));
         }
         default: {
             return React.createElement(PreWrap, null, parseJsonStringToPrettyString(typeof value === 'string' ? value || '-' : ''));
@@ -4726,7 +4729,7 @@ const DataCard = ({ title = 'Details', titleBadge, description, action: Action,
         !!title || !!description || !!Action ? (React.createElement(Header$1, { "$clickable": withExtend || false, onClick: () => withExtend && setExtend((prev) => !prev), onMouseEnter: () => withExtend && setHovered(true), onMouseLeave: () => withExtend && setHovered(false) },
             (!!title || !!Action) && (React.createElement(Title$8, null,
                 title,
-                titleBadge !== undefined && React.createElement(Badge, { label: titleBadge }),
+                titleBadge === OtherStatus.Loading ? React.createElement(FadeLoader, null) : titleBadge !== undefined && React.createElement(Badge, { label: titleBadge }),
                 React.createElement(ActionWrapper, null,
                     typeof Action === 'function' ? React.createElement(Action, null) : Action,
                     withExtend && React.createElement(ExtendArrow, { extend: false })))),

package/lib/{index-BBjwRlta.js → index-dLZvpGw3.js}

@@ -1,11 +1,10 @@
 import { StatusType, OtherStatus, DestinationTypes, EntityTypes, PlatformType } from './types.js';
-import { K as K8sLogo } from './index-DJGe2YeC.js';
-import { D as DEFAULT_DATA_STREAM_NAME } from './index-mOgS3e5E.js';
-import { a as getProgrammingLanguageIcon } from './index-ChYtqgBW.js';
+import { D as DEFAULT_DATA_STREAM_NAME, K as K8sLogo } from './index-CKOBXat_.js';
+import { a as getProgrammingLanguageIcon } from './index-CCX1HLUr.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-Cq8NT9Hr.js';
-import { K as KafkaLogo, O as OdigosLogo } from './index-Bd8ZAEvq.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-9R2N835W.js';
+import { K as KafkaLogo, O as OdigosLogo } from './index-BVj4fOL3.js';
 import { s as safeJsonParse } from './index-BV85P9UP.js';
 
 const compareCondition = (renderCondition, fields) => {
@@ -328,12 +327,6 @@ const mapDestinationFieldsForDisplay = (destination, yamlFields) => {
         .filter((item) => item.value !== null);
 };
 
-const mapExportedSignals = (exportedSignals) => {
-    if (!exportedSignals)
-        return [];
-    return Object.keys(exportedSignals).filter((signal) => exportedSignals[signal]);
-};
-
 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, mapExportedSignals as w, sleep as x };
+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 };

package/lib/mock-data/sources/index.d.ts

@@ -1,4 +1,6 @@
 import { K8sResourceKind, ProgrammingLanguages, type Source } from '@/types';
+export declare const MOCK_SOURCES_SIMPLE_DEMO: Source[];
+export declare const MOCK_SOURCES_GOOGLE: Source[];
 export declare const MOCK_SOURCES: Source[];
 export declare const MOCK_SOURCE_JAEGER: {
     namespace: string;

package/lib/snippets.js

@@ -1,14 +1,13 @@
-export { A as AddButton } from './index-BZq0yNL-.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-ovjVbVQq.js';
+export { A as AddButton } from './index-THrvNIPj.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-DmCjUtBQ.js';
 import 'react';
-import './index-DJGe2YeC.js';
+import './index-CKOBXat_.js';
 import './types.js';
 import 'styled-components';
-import './index-CIKkezVt.js';
-import './index-ChYtqgBW.js';
-import './index-Bd8ZAEvq.js';
+import './index-CEWs8CTN.js';
+import './index-CCX1HLUr.js';
+import './index-BVj4fOL3.js';
 import './index-BV85P9UP.js';
-import './index-mOgS3e5E.js';
-import './useTransition-dZ92VxT2.js';
+import './useTransition-D9f1CP9n.js';
 import 'react-dom';
-import './index-BWZT-ipR.js';
+import './index-DqaI44fJ.js';

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-DJGe2YeC.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-CKOBXat_.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/theme.js

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

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

@@ -85,6 +85,12 @@ export declare enum StatusType {
     Info = "info",
     Default = "default"
 }
+export declare enum IntrumentationStatus {
+    INSTRUMNETED = "Instrumented",
+    INSTRUMENTING = "Instrumenting",
+    UNINSTRUMENTED = "Uninstrumented",
+    NOT_INSTRUMENTED = "Not Instrumented"
+}
 export declare enum OtherStatus {
     Loading = "loading",
     Disabled = "disabled"

package/lib/types.js

@@ -156,6 +156,13 @@ var StatusType;
     StatusType["Info"] = "info";
     StatusType["Default"] = "default";
 })(StatusType || (StatusType = {}));
+var IntrumentationStatus;
+(function (IntrumentationStatus) {
+    IntrumentationStatus["INSTRUMNETED"] = "Instrumented";
+    IntrumentationStatus["INSTRUMENTING"] = "Instrumenting";
+    IntrumentationStatus["UNINSTRUMENTED"] = "Uninstrumented";
+    IntrumentationStatus["NOT_INSTRUMENTED"] = "Not Instrumented";
+})(IntrumentationStatus || (IntrumentationStatus = {}));
 var OtherStatus;
 (function (OtherStatus) {
     OtherStatus["Loading"] = "loading";
@@ -299,4 +306,4 @@ var K8sResourceKind;
     K8sResourceKind["StatefulSet"] = "StatefulSet";
 })(K8sResourceKind || (K8sResourceKind = {}));
 
-export { ActionCategory, ActionKeyTypes, ActionType, AddNodeTypes, BooleanOperation, CodeAttributesKeyTypes, Crud, DestinationTypes, EdgeTypes, EntityTypes, FieldTypes, HeadersCollectionKeyTypes, InputTypes, InstrumentationRuleType, JsonOperation, K8sResourceKind, NodeTypes, NumberOperation, OtherStatus, PayloadCollectionKeyTypes, PlatformType, ProgrammingLanguages, SignalType, SortDirection, StatusType, StringOperation, Tier };
+export { ActionCategory, ActionKeyTypes, ActionType, AddNodeTypes, BooleanOperation, CodeAttributesKeyTypes, Crud, DestinationTypes, EdgeTypes, EntityTypes, FieldTypes, HeadersCollectionKeyTypes, InputTypes, InstrumentationRuleType, IntrumentationStatus, JsonOperation, K8sResourceKind, NodeTypes, NumberOperation, OtherStatus, PayloadCollectionKeyTypes, PlatformType, ProgrammingLanguages, SignalType, SortDirection, StatusType, StringOperation, Tier };

package/lib/{useSourceSelectionFormData-DBNf1uEe.js → useSourceSelectionFormData-DqSNROtZ.js}

@@ -1,11 +1,10 @@
 import { ActionKeyTypes, ActionType, StatusType, AddNodeTypes, EntityTypes, FieldTypes } from './types.js';
-import { g as useNotificationStore, f as useModalStore, b as useDrawerStore, c as useEntityStore, a as useDataStreamStore, j as useSetupStore } from './index-DJGe2YeC.js';
-import { F as FORM_ALERTS } from './index-mOgS3e5E.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-CKOBXat_.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-dZ92VxT2.js';
-import { g as getIdFromSseTarget, i as isLegalK8sLabel } from './index-CnZlllYu.js';
+import { b as useGenericForm } from './useTransition-D9f1CP9n.js';
+import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 
 const INITIAL$2 = {
     // @ts-ignore (TS complains about empty string because we expect an "ActionsType", but it's fine)
@@ -348,19 +347,24 @@ const useDestinationFormData = (params) => {
         }
     }, [yamlFields, preLoadedFields]);
     useEffect(() => {
-        handleFormChange('fields', dynamicFields.map((field) => ({
-            key: field.name,
-            value: field.value,
-        })));
+        if (dynamicFields) {
+            const mapped = dynamicFields.map((field) => ({
+                key: field.name,
+                value: field.value,
+            }));
+            handleFormChange('fields', mapped);
+        }
     }, [dynamicFields]);
     useEffect(() => {
-        const { logs, metrics, traces } = supportedSignals || {};
-        handleFormChange('exportedSignals', {
-            logs: logs?.supported || false,
-            metrics: metrics?.supported || false,
-            traces: traces?.supported || false,
-        });
-    }, [supportedSignals]);
+        if (supportedSignals && mapExportedSignals(formData.exportedSignals).length === 0) {
+            const { logs, metrics, traces } = supportedSignals;
+            handleFormChange('exportedSignals', {
+                logs: logs.supported,
+                metrics: metrics.supported,
+                traces: traces.supported,
+            });
+        }
+    }, [supportedSignals, formData]);
     const validateForm = (params) => {
         const errors = {};
         let ok = true;
@@ -406,6 +410,20 @@ const useDestinationFormData = (params) => {
     };
 };
 
+const useSessionStorage = () => {
+    const getItemSS = (key, defaultValue) => {
+        const item = sessionStorage.getItem(key);
+        return item ? safeJsonParse(item, defaultValue) : defaultValue;
+    };
+    const setItemSS = (key, value) => {
+        sessionStorage.setItem(key, JSON.stringify(value));
+    };
+    const removeItemSS = (key) => {
+        sessionStorage.removeItem(key);
+    };
+    return { getItemSS, setItemSS, removeItemSS };
+};
+
 const INITIAL = {
     otelServiceName: '',
     currentStreamName: '',
@@ -604,4 +622,4 @@ const useSourceSelectionFormData = (params) => {
     };
 };
 
-export { useClickNode as a, useClickNotification as b, useDataStreamFormData as c, useDestinationFormData as d, useSourceFormData as e, useSourceSelectionFormData as f, useActionFormData as u };
+export { useClickNode as a, useClickNotification as b, useDataStreamFormData as c, useDestinationFormData as d, useSessionStorage as e, useSourceFormData as f, useSourceSelectionFormData as g, useActionFormData as u };

package/lib/{useTransition-dZ92VxT2.js → useTransition-D9f1CP9n.js}

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { g as useNotificationStore } from './index-DJGe2YeC.js';
+import { g as useNotificationStore } from './index-CKOBXat_.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.34",
+  "version": "0.0.35",
   "author": "Odigos",
   "repository": {
     "type": "git",
@@ -73,15 +73,15 @@
     }
   },
   "peerDependencies": {
-    "@xyflow/react": "^12.5.5",
+    "@xyflow/react": "^12.6.4",
     "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": "^5.0.0",
+    "react-error-boundary": "^6.0.0",
     "styled-components": "6.1.15",
-    "zustand": "^5.0.3"
+    "zustand": "^5.0.5"
   },
   "dependencies": {
     "@xyflow/react": "^12.6.4",
@@ -95,10 +95,11 @@
     "zustand": "^5.0.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.27.1",
+    "@babel/core": "^7.27.3",
     "@babel/preset-env": "^7.27.2",
     "@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-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
@@ -106,19 +107,15 @@
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
     "@storybook/react": "^8.6.14",
     "@storybook/react-webpack5": "^8.6.14",
-    "@types/node": "^22.15.21",
-    "@types/react": "^19.1.5",
+    "@types/node": "^22.15.24",
+    "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.5",
-    "@types/react-lottie": "^1.2.10",
-    "@typescript-eslint/eslint-plugin": "^8.32.1",
-    "@typescript-eslint/parser": "^8.32.1",
     "babel-loader": "^10.0.0",
     "babel-plugin-styled-components": "^2.1.4",
     "eslint": "^9.27.0",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "^0.12.0",
-    "html-webpack-plugin": "^5.6.3",
-    "postcss": "^8.5.3",
+    "eslint-config-next": "^15.3.2",
+    "next": "^15.3.2",
+    "postcss": "^8.5.4",
     "rollup": "^4.41.1",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",

package/lib/index-mOgS3e5E.js

@@ -1,101 +0,0 @@
-const DEFAULT_DATA_STREAM_NAME = 'default';
-const FORM_ALERTS = {
-    REQUIRED_FIELDS: 'Required fields are missing',
-    FIELD_IS_REQUIRED: 'This field is required',
-    FORBIDDEN: 'Forbidden',
-    ENTERPRISE_ONLY: (str = 'This') => `${str} is an Enterprise feature. Please upgrade your plan.`,
-    DEFINED_FOR_ALL_STREAMS: (str) => `${str} are defined for all Data Streams.`,
-    CANNOT_EDIT_RULE: 'Cannot edit a system-managed instrumentation rule',
-    CANNOT_DELETE_RULE: 'Cannot delete a system-managed instrumentation rule',
-    LATENCY_HTTP_ROUTE: 'HTTP route must start with a forward slash "/"',
-    READONLY_WARNING: "You're not allowed to create/update/delete in readonly mode",
-    ILLEGAL_K8S_LABEL: 'Must be 63 characters or less, must consist of alphanumeric characters, "-", "_", or ".", and must start & end with an alphanumeric character (e.g., my-name, 123.abc).',
-};
-const DISPLAY_TITLES = {
-    NAMESPACE: 'Namespace',
-    NAME: 'Name',
-    KIND: 'Kind',
-    CONNECTION: 'Connection',
-    CONNECTIONS: 'Connections',
-    DATA_STREAM: 'Data Stream',
-    DATA_STREAMS: 'Data Streams',
-    STREAM_NAME: 'Data Stream Name',
-    NAME_YOUR_STREAM: 'Name your Data Stream',
-    NAME_YOUR_STREAM_PLACEHOLDER: 'e.g. Highest priority',
-    STREAM_DESCRIPTION: 'Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.',
-    STREAM_CONFIRM: 'Confirm your new Data Stream',
-    ACTION: 'Action',
-    ACTIONS: 'Actions',
-    ADD_ACTION: 'Add Action',
-    ACTION_DETAILS: 'Action Details',
-    INSTRUMENTATION_RULE: 'Instrumentation Rule',
-    INSTRUMENTATION_RULES: 'Instrumentation Rules',
-    ADD_INSTRUMENTATION_RULE: 'Add Instrumentation Rule',
-    INSTRUMENTATION_RULE_DETAILS: 'Instrumentation Rule Details',
-    DESTINATION: 'Destination',
-    DESTINATIONS: 'Destinations',
-    ADD_DESTINATION: 'Add Destination',
-    ADD_DESTINATIONS: 'Add Destinations',
-    ADD_DESTINATION_DESCRIPTION: 'Add a destination to send your telemetry data to. You can add multiple destinations.',
-    DESTINATION_DETAILS: 'Destination Details',
-    SELECTED_DESTINATIONS: 'Selected Destinations',
-    SOURCE: 'Source',
-    SOURCES: 'Sources',
-    ADD_SOURCE: 'Add Source',
-    SOURCE_DETAILS: 'Source Details',
-    SELECT_SOURCES: 'Select Sources',
-    SELECTED_SOURCES: 'Selected Sources',
-    SELECT_SOURCES_DESCRIPTION: 'Select apps to monitor in each namespace. Odigos will instrument them and send telemetry data to your destinations.',
-    NO_SOURCES: 'No sources',
-    NO_SOURCES_GO_BACK: 'No sources selected. Please go back to select sources.',
-    PLEASE_ADD_SOURCE: 'Please add a source',
-    NO_SOURCES_NAMESPACE: 'No sources available in this namespace',
-    TRY_SEARCH_OR_OTHER_NAMESPACE: 'Try searching again or select another namespace.',
-    PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES: 'Please make sure your cluster has unignored namespaces',
-    INSTALLATION: 'Installation',
-    SUMMARY: 'Summary',
-    TYPE: 'Type',
-    NOTES: 'Notes',
-    STATUS: 'Status',
-    READONLY: 'Readonly',
-    LANGUAGE: 'Language',
-    MONITORS: 'Monitors',
-    SIGNALS_FOR_PROCESSING: 'Signals for Processing',
-    MANAGED_BY_PROFILE: 'Managed by Profile',
-    API_TOKEN: 'API Token',
-    API_TOKENS: 'API Tokens',
-    DESCRIBE_ODIGOS: 'Describe Odigos',
-    DESCRIBE_SOURCE: 'Describe Source',
-    DETECTED_CONTAINERS: 'Detected Containers',
-    DETECTED_CONTAINERS_DESCRIPTION: 'The system automatically instruments the containers it detects with a supported programming language.',
-    CONTAINER_NAME: 'Container Name',
-    FILTERED_COUNT_TOOLTIP: 'Represents filtered amount, out of total amount',
-    SEARCH_NAMESPACES: 'Search Namespaces',
-    SHOW_SELECTED_ONLY: 'Show selected only',
-    TO_COLLECT_OTEL_DATA: 'To collect OpenTelemetry data',
-    TO_MONITOR_OTEL_DATA: 'To monitor OpenTelemetry data',
-    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',
-};
-const BUTTON_TEXTS = {
-    ADD: 'Add',
-    ADD_NEW: 'Add New',
-    NEW: 'New',
-    SELECT: 'Select',
-    CREATE: 'Create',
-    UPDATE: 'Update',
-    EDIT: 'Edit',
-    DELETE: 'Delete',
-    CANCEL: 'Cancel',
-    DONE: 'Done',
-    SAVE: 'Save',
-    BACK: 'Back',
-    NEXT: 'Next',
-    TEST: 'Test',
-    TEST_CONNECTION: 'Test Connection',
-    INSTRUMENT: 'Instrument',
-    UNINSTRUMENT: 'Uninstrument',
-};
-
-export { BUTTON_TEXTS as B, DEFAULT_DATA_STREAM_NAME as D, FORM_ALERTS as F, DISPLAY_TITLES as a };