@odigos/ui-kit 0.0.36 → 0.0.38

package/lib/{index-CNbTSsNJ.js → index-CEBMbbOj.js}

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

package/lib/{index-BbEmZ4Wj.js → index-CMWGlHc6.js}

@@ -1,8 +1,8 @@
 import { ProgrammingLanguages, SignalType, StatusType } from './types.js';
 import 'react';
-import { o as ImageErrorIcon } from './index-aRNtyuuU.js';
+import { o as ImageErrorIcon } from './index-di3Hlzql.js';
 import 'styled-components';
-import { K as KafkaLogo, R as RedisLogo, P as PostgresLogo, N as NginxLogo, M as MysqlLogo, E as ElixirLogo, S as SwiftLogo, a as RustLogo, b as RubyLogo, c as PhpLogo, C as CPlusPlusLogo, d as CSharpLogo, D as DotnetLogo, e as PythonLogo, f as NodejsLogo, G as GoLogo, J as JavaLogo, T as TracesIcon, g as MetricsIcon, L as LogsIcon, O as OdigosLogo, I as InfoIcon, W as WarningTriangleIcon, h as ErrorTriangleIcon, i as CheckCircledIcon } from './index-7YZOplrB.js';
+import { K as KafkaLogo, R as RedisLogo, P as PostgresLogo, N as NginxLogo, M as MysqlLogo, E as ElixirLogo, S as SwiftLogo, a as RustLogo, b as RubyLogo, c as PhpLogo, C as CPlusPlusLogo, d as CSharpLogo, D as DotnetLogo, e as PythonLogo, f as NodejsLogo, G as GoLogo, J as JavaLogo, T as TracesIcon, g as MetricsIcon, L as LogsIcon, O as OdigosLogo, I as InfoIcon, W as WarningTriangleIcon, h as ErrorTriangleIcon, i as CheckCircledIcon } from './index-Dd01kW5v.js';
 
 const capitalizeFirstLetter = (string) => {
     return string.charAt(0).toUpperCase() + string.slice(1);

package/lib/{index-DJpBLpwG.js → index-Cn0s9o5b.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-aRNtyuuU.js';
+import { T as Theme } from './index-di3Hlzql.js';
 
 const OdigosLogoText = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
@@ -42,6 +42,13 @@ const NotificationIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.10569 12.3626C5.27488 12.3229 4.44501 12.2571 3.61736 12.1651C2.94777 12.0907 2.51712 11.4179 2.73017 10.7787C2.83819 10.4547 2.94697 10.1359 2.97558 9.79265L3.21224 6.95266C3.41977 4.46237 5.50153 2.54688 8.00045 2.54688C10.4994 2.54688 12.5811 4.46237 12.7886 6.95266L13.0254 9.79425C13.054 10.1373 13.1627 10.456 13.2703 10.78C13.4824 11.4188 13.052 12.0906 12.383 12.165C11.5555 12.257 10.7258 12.3228 9.89517 12.3625M6.10569 12.3626C7.36812 12.4229 8.63275 12.4229 9.89517 12.3625M6.10569 12.3626L6.10571 12.6522C6.10571 13.6986 6.95401 14.5469 8.00045 14.5469C9.04688 14.5469 9.89519 13.6986 9.89519 12.6522L9.89517 12.3625' })));
 };
 
+const RetryIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.71458 2.66992C6.20537 3.86202 5.85304 5.11461 5.66601 6.39629C5.61717 6.73098 5.88094 6.88085 6.14457 6.9818C6.17589 6.9938 6.20724 7.00568 6.23864 7.01746M6.23864 7.01746C7.70439 5.17853 9.96355 4 12.498 4C16.9162 4 20.498 7.58172 20.498 12C20.498 16.4183 16.9162 20 12.498 20C8.77029 20 5.63809 17.4505 4.75 14M6.23864 7.01746C7.35852 7.43772 8.52543 7.72281 9.71458 7.86607' })));
+};
+
 const TerminalIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
@@ -82,4 +89,4 @@ const CrossCircledIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.75049 10.0005L8.75049 8.00049M8.75049 8.00049L10.7505 6.00049M8.75049 8.00049L6.75049 6.00049M8.75049 8.00049L10.7505 10.0005M8.75039 14.1004C5.38145 14.1004 2.65039 11.3693 2.65039 8.00039C2.65039 4.63145 5.38145 1.90039 8.75039 1.90039C12.1193 1.90039 14.8504 4.63145 14.8504 8.00039C14.8504 11.3693 12.1193 14.1004 8.75039 14.1004Z' })));
 };
 
-export { CrossCircledIcon as C, DataStreamsIcon as D, FilterIcon as F, KeyIcon as K, NotificationIcon as N, OdigosLogoText as O, SlackLogo as S, TerminalIcon as T, OverviewIcon as a };
+export { CrossCircledIcon as C, DataStreamsIcon as D, FilterIcon as F, KeyIcon as K, NotificationIcon as N, OdigosLogoText as O, RetryIcon as R, SlackLogo as S, TerminalIcon as T, OverviewIcon as a };

package/lib/{index-7YZOplrB.js → index-Dd01kW5v.js}

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

package/lib/{index-CrethNg6.js → index-DtCiWUAb.js}

@@ -1,10 +1,10 @@
 import { StatusType, OtherStatus, DestinationTypes, EntityTypes, PlatformType } from './types.js';
-import { D as DEFAULT_DATA_STREAM_NAME, K as K8sLogo } from './index-aRNtyuuU.js';
-import { a as getProgrammingLanguageIcon } from './index-BbEmZ4Wj.js';
+import { D as DEFAULT_DATA_STREAM_NAME, K as K8sLogo } from './index-di3Hlzql.js';
+import { a as getProgrammingLanguageIcon } from './index-CMWGlHc6.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-BGzxan6E.js';
-import { K as KafkaLogo, O as OdigosLogo } from './index-7YZOplrB.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-BcuXR1ve.js';
+import { K as KafkaLogo, O as OdigosLogo } from './index-Dd01kW5v.js';
 import { s as safeJsonParse } from './index-BV85P9UP.js';
 
 const compareCondition = (renderCondition, fields) => {
@@ -177,6 +177,8 @@ const getDestinationIcon = (type, forceFromUrl) => {
         [DestinationTypes.Seq]: SeqLogo,
         [DestinationTypes.Signoz]: SignozLogo,
         [DestinationTypes.Splunk]: SplunkLogo,
+        [DestinationTypes.SplunkSapm]: SplunkLogo,
+        [DestinationTypes.SplunkOtlp]: SplunkLogo,
         [DestinationTypes.SumoLogic]: SumoLogicLogo,
         [DestinationTypes.TelemetryHub]: TelemetryHubLogo,
         [DestinationTypes.Tempo]: TempoLogo,

package/lib/{index-t3OxxFsp.js → index-E-5xGoYC.js}

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

package/lib/{index-oEjS7cX3.js → index-McgJMLSC.js}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { T as Theme, B as BUTTON_TEXTS, k as DISPLAY_TITLES } from './index-aRNtyuuU.js';
-import { E as EditIcon } from './index-t3OxxFsp.js';
-import { B as Button, V as Text, J as NotificationNote } from './index-Be0m3TUg.js';
+import { T as Theme, B as BUTTON_TEXTS, k as DISPLAY_TITLES } from './index-di3Hlzql.js';
+import { E as EditIcon } from './index-E-5xGoYC.js';
+import { B as Button, V as Text, J as NotificationNote } from './index-BsDmE-1M.js';
 import { StatusType } from './types.js';
 import 'styled-components';
-import { I as InfoIcon } from './index-7YZOplrB.js';
+import { I as InfoIcon } from './index-Dd01kW5v.js';
 
 const EditButton = ({ label, onClick, variant = 'tertiary', ...props }) => {
     const theme = Theme.useTheme();

package/lib/{index-aRNtyuuU.js → index-di3Hlzql.js}

@@ -346,7 +346,7 @@ const DISPLAY_TITLES = {
     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.',
+    SELECT_SOURCES_DESCRIPTION: 'Choose which sources to monitor in your pipeline by searching by source name or namespace.',
     NO_SOURCES: 'No sources',
     NO_SOURCES_GO_BACK: 'No sources selected. Please go back to select sources.',
     PLEASE_ADD_SOURCE: 'Please add a source',

package/lib/{index-D8AnbGCE.js → index-jnB_opsW.js}

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

package/lib/snippets.js

@@ -1,13 +1,13 @@
-export { A as AddButton } from './index-Be0m3TUg.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-oEjS7cX3.js';
+export { A as AddButton } from './index-BsDmE-1M.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-McgJMLSC.js';
 import 'react';
-import './index-aRNtyuuU.js';
+import './index-di3Hlzql.js';
 import './types.js';
 import 'styled-components';
-import './index-D8AnbGCE.js';
-import './index-BbEmZ4Wj.js';
-import './index-7YZOplrB.js';
+import './index-jnB_opsW.js';
+import './index-CMWGlHc6.js';
+import './index-Dd01kW5v.js';
 import './index-BV85P9UP.js';
-import './useTransition-0Rz0QKmh.js';
+import './useTransition-DE4VdDIO.js';
 import 'react-dom';
-import './index-t3OxxFsp.js';
+import './index-E-5xGoYC.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-aRNtyuuU.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-di3Hlzql.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/theme.js

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

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

@@ -55,6 +55,8 @@ export declare enum DestinationTypes {
     Seq = "seq",
     Signoz = "signoz",
     Splunk = "splunk",
+    SplunkSapm = "splunksapm",
+    SplunkOtlp = "splunkotlp",
     SumoLogic = "sumologic",
     TelemetryHub = "telemetryhub",
     Tempo = "tempo",

package/lib/types.js

@@ -251,6 +251,8 @@ var DestinationTypes;
     DestinationTypes["Seq"] = "seq";
     DestinationTypes["Signoz"] = "signoz";
     DestinationTypes["Splunk"] = "splunk";
+    DestinationTypes["SplunkSapm"] = "splunksapm";
+    DestinationTypes["SplunkOtlp"] = "splunkotlp";
     DestinationTypes["SumoLogic"] = "sumologic";
     DestinationTypes["TelemetryHub"] = "telemetryhub";
     DestinationTypes["Tempo"] = "tempo";

package/lib/{useSourceSelectionFormData-CH2xUOpu.js → useSourceSelectionFormData-KKJLbIoW.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-aRNtyuuU.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-di3Hlzql.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-0Rz0QKmh.js';
+import { b as useGenericForm } from './useTransition-DE4VdDIO.js';
 import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 
 const INITIAL$2 = {
@@ -540,6 +540,7 @@ const useSourceSelectionFormData = (params) => {
     }, [namespaces]);
     // form filters
     const [searchText, setSearchText] = useState('');
+    const [searchBy, setSearchBy] = useState(EntityTypes.Source);
     const [showSelectedOnly, setShowSelectedOnly] = useState(false);
     const onSelectNamespace = (ns, selectAll) => {
         setSelectedNamespace((prev) => (prev === ns && typeof selectAll !== 'boolean' ? '' : ns));
@@ -568,16 +569,17 @@ const useSourceSelectionFormData = (params) => {
         setSelectedFutureApps((prev) => ({ ...prev, [id]: bool }));
     };
     const filteredNamespacesAndSources = useMemo(() => {
-        const isSearchOk = (targetText) => !searchText || targetText.toLowerCase().includes(searchText);
+        const isSearchOk = (targetText, entityType) => !searchText || searchBy !== entityType || (searchBy === entityType && targetText.toLowerCase().includes(searchText));
         const isOnlySelectedOk = (source) => !showSelectedOnly || source.selected;
         const payload = {};
-        const filteredNamespacesMatrix = Object.entries(selectedSources).filter(([ns]) => isSearchOk(ns));
+        const filteredNamespacesMatrix = Object.entries(selectedSources).filter(([ns]) => {
+            return isSearchOk(ns, EntityTypes.Namespace);
+        });
         filteredNamespacesMatrix.forEach(([ns, srcs]) => {
-            const filteredSources = srcs.filter((src) => isOnlySelectedOk(src));
-            payload[ns] = filteredSources;
+            payload[ns] = srcs.filter((src) => isSearchOk(src.name, EntityTypes.Source) && isOnlySelectedOk(src));
         });
         return payload;
-    }, [selectedSources, searchText, showSelectedOnly]);
+    }, [selectedSources, searchText, searchBy, showSelectedOnly]);
     // This is to filter the user-specific-selections, therebey minimizing the amount of data sent to the API on "persist sources".
     const getApiSourcesPayload = () => {
         const payload = {};
@@ -617,6 +619,8 @@ const useSourceSelectionFormData = (params) => {
         onSelectFutureApps,
         searchText,
         setSearchText,
+        searchBy,
+        setSearchBy,
         showSelectedOnly,
         setShowSelectedOnly,
     };

package/lib/{useTransition-0Rz0QKmh.js → useTransition-DE4VdDIO.js}

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { g as useNotificationStore } from './index-aRNtyuuU.js';
+import { g as useNotificationStore } from './index-di3Hlzql.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.36",
+  "version": "0.0.38",
   "author": "Odigos",
   "repository": {
     "type": "git",
@@ -105,9 +105,9 @@
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-    "@storybook/react": "^9.0.4",
-    "@storybook/react-webpack5": "^9.0.4",
-    "@types/node": "^22.15.29",
+    "@storybook/react": "8.6.14",
+    "@storybook/react-webpack5": "8.6.14",
+    "@types/node": "^24.0.0",
     "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.6",
     "babel-loader": "^10.0.0",
@@ -116,10 +116,10 @@
     "eslint-config-next": "^15.3.3",
     "next": "^15.3.3",
     "postcss": "^8.5.4",
-    "rollup": "^4.41.1",
+    "rollup": "^4.43.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "storybook": "^9.0.4",
+    "storybook": "8.6.14",
     "typescript": "^5.8.3"
   }
 }