@odigos/ui-kit 0.0.44 → 0.0.46

package/lib/{index-AM8c03-E.js → index-B1IScVBT.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 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 { 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-BRGQ84pJ.js';
 import { StatusType, OtherStatus, ProgrammingLanguages, SortDirection, IntrumentationStatus, InputTypes, FieldTypes } from './types.js';
-import { M as MinusIcon, h as CheckIcon, L as ListIcon, C as CodeIcon, c as ExtendArrowIcon, E as EditIcon, i as CrossIcon, T as TrashIcon, e as SortArrowsIcon, b as EditedIcon, a as CopyIcon, d as NotebookIcon, X as XIcon, f as EyeClosedIcon, g as EyeOpenIcon, N as NoDataIcon, S as SearchIcon, P as PlusIcon, A as ArrowIcon } from './index-CY3kjYr3.js';
-import { a as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, i as isValidVersion, b as parseJsonStringToPrettyString, d as splitCamelString, p as parseBooleanFromString, n as numbersOnly } from './index-b8zuk7ta.js';
+import { 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-BUCure0Q.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-BJpPcCBm.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-BWC_F-Pl.js';
+import { b as useGenericForm, e as useOnClickOutside, d as useKeyDown, u as useContainerSize, a as useCopy, g as useTransition } from './useTransition-DsrDiKOV.js';
 import ReactDOM from 'react-dom';
-import { I as InfoIcon } from './index-DZWbhK14.js';
+import { I as InfoIcon } from './index-CeHgnkLY.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;
@@ -4310,7 +4303,7 @@ const SubText = styled(Text) `
   font-size: 10px;
   color: ${({ theme }) => theme.text.grey};
 `;
-const DataTab = ({ title, subTitle, hoverText, onClick, renderActions, iconProps: { icon, icons, iconSrc, iconSrcs } = {}, visualProps: { status, faded, bgColor, bgColorHover, monitors, monitorsWithLabels, componentsUnderTitles } = {}, checkboxProps: { withCheckbox, isCheckboxDisabled, isChecked, onCheckboxChange } = {}, extendableProps: { withExtend, isExtended, renderExtended } = {}, ...props }) => {
+const DataTab = ({ title, subTitle, hoverText, onClick, renderActions, iconProps: { icon, icons, iconSrc, iconSrcs } = {}, visualProps: { status, faded, bgColor, bgColorHover, monitors, monitorsWithLabels, componentsUnderTitles } = {}, checkboxProps: { withCheckbox, isCheckboxDisabled, isChecked, isLoading: isCheckboxLoading, onCheckboxChange } = {}, extendableProps: { withExtend, isExtended, renderExtended } = {}, ...props }) => {
     const theme = Theme.useTheme();
     const [extend, setExtend] = useState(isExtended || false);
     const [textMaxWidth, setTextMaxWidth] = useState(0);
@@ -4331,7 +4324,7 @@ const DataTab = ({ title, subTitle, hoverText, onClick, renderActions, iconProps
     return (React.createElement(Container$m, { ref: containerRef, "$status": status, "$faded": faded, "$bgColor": bgColor, "$bgColorHover": bgColorHover, "$withClick": !!onClick, onClick: onClick, ...props },
         React.createElement(FlexRow, { "$gap": 8 },
             React.createElement(FlexRow, { "$gap": 16 },
-                withCheckbox && React.createElement(Checkbox, { value: isChecked, onChange: onCheckboxChange, disabled: isCheckboxDisabled }),
+                isCheckboxLoading ? React.createElement(FadeLoader, null) : withCheckbox ? React.createElement(Checkbox, { value: isChecked, onChange: onCheckboxChange, disabled: isCheckboxDisabled }) : null,
                 !!icons?.length || !!iconSrcs?.length ? (React.createElement(IconGroup, { icons: icons, iconSrcs: iconSrcs, status: status, id: `${title}-${subTitle}` })) : !!icon || !!iconSrc ? (React.createElement(IconWrapped, { icon: icon, src: iconSrc, status: status })) : null),
             React.createElement(FlexColumn, { "$gap": 4 },
                 title && React.createElement(ScrollX, { maxWidth: textMaxWidth, text: title, textSize: 14 }),
@@ -4806,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) },
@@ -6321,7 +6314,7 @@ const ToggleSwitch = styled.div `
     transition: background-color 0.3s, transform 0.3s;
   }
 `;
-const Toggle = ({ title, tooltip, initialValue = false, onChange, disabled, allowPropagation = false }) => {
+const Toggle = ({ title, tooltip, initialValue = false, onChange, disabled, allowPropagation = false, flipHorizontally }) => {
     const [isActive, setIsActive] = useState(initialValue);
     useEffect(() => setIsActive(initialValue), [initialValue]);
     const handleToggle = (e) => {
@@ -6335,9 +6328,10 @@ const Toggle = ({ title, tooltip, initialValue = false, onChange, disabled, allo
             setIsActive((prev) => !prev);
     };
     return (React.createElement(Container$2, { "$disabled": disabled, onClick: handleToggle },
-        React.createElement(ToggleSwitch, { "$disabled": disabled, "$isActive": isActive }),
+        !flipHorizontally && React.createElement(ToggleSwitch, { "$disabled": disabled, "$isActive": isActive }),
         React.createElement(Tooltip, { text: tooltip, withIcon: true },
-            React.createElement(Text, { size: 14 }, title))));
+            React.createElement(Text, { size: 14 }, title)),
+        flipHorizontally && React.createElement(ToggleSwitch, { "$disabled": disabled, "$isActive": isActive })));
 };
 
 function getDefaultExportFromCjs (x) {

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

@@ -1,8 +1,8 @@
-import { SignalType, StatusType } from './types.js';
+import { StatusType, OtherStatus, SignalType } from './types.js';
 import 'react';
-import './index-BD7meETN.js';
+import './index-BRGQ84pJ.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-DZWbhK14.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-CeHgnkLY.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/{index-BD7meETN.js → index-BRGQ84pJ.js}

@@ -917,6 +917,7 @@ const DISPLAY_TITLES = {
     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',
+    DATA_STREAM_EXISTS_WARNING: (curr, next) => `A Data Stream with this name already exists, you can still rename the current "${curr}", but it will merge into the existing "${next}".`,
     ACTION: 'Action',
     ACTIONS: 'Actions',
     ADD_ACTION: 'Add Action',
@@ -974,6 +975,8 @@ 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',
+    FUTURE_APPS_TITLE: 'Auto-instrument new apps',
+    FUTURE_APPS_DESCRIPTION: 'When enabled, new applications will be instrumented automatically and included in the current data stream.',
     OVERIDE: 'Override',
     OVERIDDEN: 'Overridden',
     OVERRIDE_RUNTIME_DETAILS: 'Override Runtime Details',

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

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

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

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

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

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

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

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

package/lib/{index-Bup9Thvg.js → index-CpT8LSxY.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-BD7meETN.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-BRGQ84pJ.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-C3BU6Xe-.js';
-import { O as OdigosLogo } from './index-DZWbhK14.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-DypjdLnz.js';
+import { O as OdigosLogo } from './index-CeHgnkLY.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-C3BU6Xe-.js → index-DypjdLnz.js}

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

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

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

package/lib/snippets.js

@@ -1,12 +1,12 @@
-export { A as AddButton } from './index-AM8c03-E.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-BDBeg2A7.js';
+export { A as AddButton } from './index-B1IScVBT.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-fEP_guwb.js';
 import 'react';
-import './index-BD7meETN.js';
+import './index-BRGQ84pJ.js';
 import './types.js';
 import 'styled-components';
-import './index-CY3kjYr3.js';
-import './index-b8zuk7ta.js';
-import './index-DZWbhK14.js';
+import './index-BUCure0Q.js';
+import './index-BJpPcCBm.js';
+import './index-CeHgnkLY.js';
 import './index-BV85P9UP.js';
-import './useTransition-BWC_F-Pl.js';
+import './useTransition-DsrDiKOV.js';
 import 'react-dom';

package/lib/store/useSetupStore.d.ts

@@ -1,5 +1,5 @@
 import type { Destination, Source } from '@/types';
-export type AvailableSource = Pick<Source, 'name' | 'kind' | 'selected' | 'numberOfInstances'>;
+export type AvailableSource = Pick<Source, 'namespace' | 'name' | 'kind' | 'selected' | 'numberOfInstances'>;
 export interface AvailableSourcesByNamespace {
     [namespace: string]: AvailableSource[];
 }
@@ -9,8 +9,13 @@ export type SelectedSource = AvailableSource & {
 export interface SourceSelectionFormData {
     [namespace: string]: SelectedSource[];
 }
+export type SelectedNamespace = {
+    namespace: string;
+    selected: boolean;
+    currentStreamName: string;
+};
 export interface NamespaceSelectionFormData {
-    [namespace: string]: boolean;
+    [namespace: string]: SelectedNamespace;
 }
 export interface ISetupState {
     availableSources: AvailableSourcesByNamespace;

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

package/lib/theme.js

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

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

@@ -63,6 +63,9 @@ export declare enum EntityTypes {
     Action = "Action",
     InstrumentationRule = "InstrumentationRule"
 }
+export declare enum OtherEntityTypes {
+    DataStream = "DataStream"
+}
 export declare enum FieldTypes {
     Input = "input",
     MultiInput = "multiInput",

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

@@ -2,6 +2,7 @@ import type { Source } from '../sources';
 export interface Namespace {
     name: string;
     selected: boolean;
+    dataStreamNames: string[];
     sources?: Source[];
 }
 export type FetchSingleNamespace = (payload: {

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

@@ -1,5 +1,5 @@
-import { SelectedSource } from '@/store';
 import { type Condition, ProgrammingLanguages } from '../common';
+import type { NamespaceSelectionFormData, SourceSelectionFormData } from '@/store';
 export declare enum K8sResourceKind {
     Deployment = "Deployment",
     DaemonSet = "DaemonSet",
@@ -34,8 +34,4 @@ export interface SourceFormData {
     language?: ProgrammingLanguages | null;
     version?: string;
 }
-export type PersistSources = (selectAppsList: {
-    [namespace: string]: SelectedSource[];
-}, futureSelectAppsList: {
-    [namespace: string]: boolean;
-}) => void;
+export type PersistSources = (selectAppsList: SourceSelectionFormData, futureSelectAppsList: NamespaceSelectionFormData) => void;

package/lib/types.js

@@ -131,6 +131,10 @@ var EntityTypes;
     EntityTypes["Action"] = "Action";
     EntityTypes["InstrumentationRule"] = "InstrumentationRule";
 })(EntityTypes || (EntityTypes = {}));
+var OtherEntityTypes;
+(function (OtherEntityTypes) {
+    OtherEntityTypes["DataStream"] = "DataStream";
+})(OtherEntityTypes || (OtherEntityTypes = {}));
 var FieldTypes;
 (function (FieldTypes) {
     FieldTypes["Input"] = "input";
@@ -309,4 +313,4 @@ var K8sResourceKind;
     K8sResourceKind["CronJob"] = "CronJob";
 })(K8sResourceKind || (K8sResourceKind = {}));
 
-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 };
+export { ActionCategory, ActionKeyTypes, ActionType, AddNodeTypes, BooleanOperation, CodeAttributesKeyTypes, Crud, DestinationTypes, EdgeTypes, EntityTypes, FieldTypes, HeadersCollectionKeyTypes, InputTypes, InstrumentationRuleType, IntrumentationStatus, JsonOperation, K8sResourceKind, NodeTypes, NumberOperation, OtherEntityTypes, OtherStatus, PayloadCollectionKeyTypes, PlatformType, ProgrammingLanguages, SignalType, SortDirection, StatusType, StringOperation, Tier };

package/lib/{useSourceSelectionFormData-DmZnRueA.js → useSourceSelectionFormData-CMXqoHZs.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-BD7meETN.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-BRGQ84pJ.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-BWC_F-Pl.js';
+import { b as useGenericForm } from './useTransition-DsrDiKOV.js';
 import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 
 const INITIAL$2 = {
@@ -454,31 +454,43 @@ const useSourceFormData = () => {
     };
 };
 
-const mapSourceToAvailableSource = (source, selectedStreamName, selectAll) => {
-    const sourceIsInCurrentStream = source.dataStreamNames?.includes(selectedStreamName) || source.currentStreamName === selectedStreamName;
-    const selected = typeof selectAll === 'boolean' ? selectAll : sourceIsInCurrentStream ? source.selected : false;
+const mapToAvailableSource = (source, selectedStreamName, selectAll) => {
+    const isBooleanOverride = typeof selectAll === 'boolean';
+    const isInCurrentStream = source.dataStreamNames?.includes(selectedStreamName) || source.currentStreamName === selectedStreamName;
+    const selected = (isBooleanOverride ? selectAll : source.selected) || false;
     return {
+        namespace: source.namespace,
         name: source.name,
         kind: source.kind,
-        selected,
+        selected: isInCurrentStream || isBooleanOverride ? selected : false,
         numberOfInstances: source.numberOfInstances,
     };
 };
-const mapSourceToSelectedSource = (source, selectedStreamName, selectAll) => {
+const mapToSelectedSource = (source, selectedStreamName, selectAll) => {
     return {
-        ...mapSourceToAvailableSource(source, selectedStreamName, selectAll),
+        ...mapToAvailableSource(source, selectedStreamName, selectAll),
+        currentStreamName: selectedStreamName,
+    };
+};
+const mapToSelectedNamespace = (ns, selectedStreamName, selectAll) => {
+    const isBooleanOverride = typeof selectAll === 'boolean';
+    const isInCurrentStream = ns.dataStreamNames?.includes(selectedStreamName);
+    const selected = (isBooleanOverride ? selectAll : ns.selected) || false;
+    return {
+        namespace: ns.name,
+        selected: isInCurrentStream || isBooleanOverride ? selected : false,
         currentStreamName: selectedStreamName,
     };
 };
 const mergeAvailableAndSelectedSources = (available, selected, currentStreamName) => {
     const payload = {};
     Object.entries(available).forEach(([namespace, sources]) => {
-        payload[namespace] = sources.map((s) => mapSourceToSelectedSource(s, currentStreamName));
+        payload[namespace] = sources.map((s) => mapToSelectedSource(s, currentStreamName));
     });
     Object.entries(selected).forEach(([namespace, sources]) => {
         sources.forEach((s) => {
             const foundIdx = payload[namespace].findIndex((src) => src.name === s.name && src.kind === s.kind);
-            const mapped = mapSourceToSelectedSource(s, currentStreamName);
+            const mapped = mapToSelectedSource(s, currentStreamName);
             if (foundIdx !== -1) {
                 payload[namespace][foundIdx] = mapped;
             }
@@ -501,25 +513,25 @@ const useSourceSelectionFormData = (params) => {
     const [selectedNamespace, setSelectedNamespace] = useState('');
     const [selectedFutureApps, setSelectedFutureApps] = useState(configuredFutureApps);
     const [selectedSources, setSelectedSources] = useState(mergeAvailableAndSelectedSources(availableSourcesFromStore, configuredSources, selectedStreamName));
-    const fetchAndSetThisNamespace = (ns, selectAll) => {
-        fetchSingleNamespace?.({ variables: { namespaceName: ns } }).then(({ data }) => {
+    const fetchAndSetThisNamespace = async (ns, selectAll) => {
+        if (fetchSingleNamespace) {
+            const { data } = await fetchSingleNamespace({ variables: { namespaceName: ns.name } });
             const { name, sources = [] } = data?.computePlatform?.k8sActualNamespace || {};
             if (!name)
                 return;
-            // initialize sources for this namespace
             setRecordedInitialSources((prev) => ({
                 ...prev,
-                [name]: sources.map((s) => mapSourceToAvailableSource(s, selectedStreamName)),
+                [name]: sources.map((s) => mapToAvailableSource(s, selectedStreamName)),
             }));
             setSelectedSources((prev) => ({
                 ...prev,
-                [name]: typeof selectAll !== 'boolean' && prev[name]?.length ? prev[name] : sources.map((s) => mapSourceToSelectedSource(s, selectedStreamName, selectAll)),
+                [name]: typeof selectAll !== 'boolean' && prev[name]?.length ? prev[name] : sources.map((s) => mapToSelectedSource(s, selectedStreamName, selectAll)),
             }));
-        });
+        }
     };
     useEffect(() => {
         if (!!namespaces?.length) {
-            // initialize all states (to avoid undefined errors)
+            // initialize empty states to avoid undefined errors
             setRecordedInitialSources((prev) => {
                 const payload = { ...prev };
                 namespaces.forEach(({ name }) => (payload[name] = payload[name] || []));
@@ -532,22 +544,28 @@ const useSourceSelectionFormData = (params) => {
             });
             setSelectedFutureApps((prev) => {
                 const payload = { ...prev };
-                namespaces.forEach(({ name, selected }) => (payload[name] = payload[name] || selected || false));
+                namespaces.forEach((ns) => (payload[ns.name] = payload[ns.name] || mapToSelectedNamespace(ns, selectedStreamName)));
                 return payload;
             });
-            namespaces.forEach(({ name }) => fetchAndSetThisNamespace(name));
+            (async () => {
+                for await (const ns of namespaces)
+                    await fetchAndSetThisNamespace(ns);
+            })();
         }
-    }, [namespaces]);
+    }, [namespaces, selectedStreamName]);
     // 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));
-        fetchAndSetThisNamespace(ns, selectAll);
+    const onSelectNamespace = (nsName, selectAll) => {
+        const ns = namespaces.find((namespace) => namespace.name === nsName);
+        if (ns) {
+            setSelectedNamespace((prev) => (prev === nsName && typeof selectAll !== 'boolean' ? '' : nsName));
+            fetchAndSetThisNamespace(ns, selectAll);
+        }
     };
-    const onSelectSource = (source, namespace) => {
-        const id = namespace || selectedNamespace;
+    const onSelectSource = (source, nsName) => {
+        const id = nsName || selectedNamespace;
         if (!id)
             return;
         const arr = [...(selectedSources[id] || [])];
@@ -562,11 +580,13 @@ const useSourceSelectionFormData = (params) => {
         }
         setSelectedSources((prev) => ({ ...prev, [id]: arr }));
     };
-    const onSelectFutureApps = (bool, namespace) => {
-        const id = namespace || selectedNamespace;
+    const onSelectFutureApps = (bool, nsName) => {
+        const id = nsName || selectedNamespace;
         if (!id)
             return;
-        setSelectedFutureApps((prev) => ({ ...prev, [id]: bool }));
+        const ns = namespaces.find((namespace) => namespace.name === nsName);
+        if (ns)
+            setSelectedFutureApps((prev) => ({ ...prev, [id]: mapToSelectedNamespace(ns, selectedStreamName, bool) }));
     };
     const filteredNamespacesAndSources = useMemo(() => {
         const isSearchOk = (targetText, entityType) => !searchText || searchBy !== entityType || (searchBy === entityType && targetText.toLowerCase().includes(searchText));
@@ -585,7 +605,7 @@ const useSourceSelectionFormData = (params) => {
         const payload = {};
         Object.entries(selectedSources).forEach(([namespace, sources]) => {
             sources.forEach((source) => {
-                const foundInitial = availableSources[namespace]?.find((initialSource) => initialSource.name === source.name && initialSource.kind === source.kind);
+                const foundInitial = availableSources[namespace]?.find((src) => src.name === source.name && src.kind === source.kind);
                 if (foundInitial?.selected !== source.selected) {
                     if (!payload[namespace])
                         payload[namespace] = [];
@@ -598,10 +618,10 @@ const useSourceSelectionFormData = (params) => {
     // This is to filter the user-specific-selections, therebey minimizing the amount of data sent to the API on "persist namespaces".
     const getApiFutureAppsPayload = () => {
         const payload = {};
-        Object.entries(selectedFutureApps).forEach(([namespace, selected]) => {
+        Object.entries(selectedFutureApps).forEach(([namespace, obj]) => {
             const foundInitial = namespaces?.find((ns) => ns.name === namespace);
-            if (foundInitial?.selected !== selected) {
-                payload[namespace] = selected;
+            if ((obj.selected && !foundInitial?.dataStreamNames?.includes(selectedStreamName)) || (!obj.selected && foundInitial?.dataStreamNames?.includes(selectedStreamName))) {
+                payload[namespace] = obj;
             }
         });
         return payload;

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

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { g as useNotificationStore } from './index-BD7meETN.js';
+import { g as useNotificationStore } from './index-BRGQ84pJ.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.44",
+  "version": "0.0.46",
   "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"
   }
 }