@odigos/ui-kit 0.0.36 → 0.0.38

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## [0.0.38](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.37...ui-kit-v0.0.38) (2025-06-11)
+
+
+### Features
+
+* add buttons to rollout-restart workloads ([#168](https://github.com/odigos-io/ui-kit/issues/168)) ([bd303bb](https://github.com/odigos-io/ui-kit/commit/bd303bb1e4161a2b9a50923d91ff8e9569e20a35))
+* search for sources in source selection form ([#169](https://github.com/odigos-io/ui-kit/issues/169)) ([195f8b8](https://github.com/odigos-io/ui-kit/commit/195f8b85410d46062dc9929b08e371f4d06468d5))
+
+## [0.0.37](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.36...ui-kit-v0.0.37) (2025-06-08)
+
+
+### Features
+
+* add 2 Splunk dest types ([#161](https://github.com/odigos-io/ui-kit/issues/161)) ([a634f14](https://github.com/odigos-io/ui-kit/commit/a634f143b99e479b4e956324157e5d540209fb53))
+
+
+### Bug Fixes
+
+* test connection ([#162](https://github.com/odigos-io/ui-kit/issues/162)) ([d62a3d5](https://github.com/odigos-io/ui-kit/commit/d62a3d506bd9f36175ceba982221ac9e2b44d6f9))
+
 ## [0.0.36](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.35...ui-kit-v0.0.36) (2025-06-05)
 
 

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

@@ -7,6 +7,7 @@ interface SegmentProps {
         label?: string;
         value: SelectedValue;
         selectedBgColor?: CSSProperties['backgroundColor'];
+        selectedTextColor?: CSSProperties['color'];
     }[];
     selected: SelectedValue;
     setSelected: (value: SelectedValue) => void;

package/lib/components.js

@@ -1,15 +1,15 @@
-import { B as Button } from './index-Be0m3TUg.js';
-export { a as AutocompleteInput, b as Badge, a1 as CenterThis, C as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, e as DataCardFields, g as DataTab, h as Divider, i as DocsButton, j as Drawer, l as DrawerFooter, k as DrawerHeader, m as Dropdown, E as ExtendArrow, F as FadeLoader, n as FieldError, o as FieldLabel, a0 as FlexColumn, $ as FlexRow, H as Header, I as IconButton, p as IconGroup, q as IconTitleBadge, r as IconWrapped, s as IconsNav, t as ImageControlled, u as Input, v as InputList, w as InputTable, x as InteractiveTable, K as KeyValueInputsList, M as Modal, a4 as ModalBody, y as MonitorsCheckboxes, z as MonitorsIcons, N as NavigationButtons, G as NoDataFound, J as NotificationNote, a3 as Overlay, S as ScrollX, L as SectionTitle, O as Segment, P as SelectionButton, Q as SkeletonLoader, R as Status, U as Stepper, a5 as TableContainer, a6 as TableTitleWrap, a7 as TableWrap, V as Text, W as TextArea, X as Toggle, T as ToggleCodeComponent, Y as Tooltip, Z as TraceLoader, a2 as VerticalScroll, _ as WarningModal } from './index-Be0m3TUg.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-CNbTSsNJ.js';
+import { B as Button } from './index-BsDmE-1M.js';
+export { a as AutocompleteInput, b as Badge, a1 as CenterThis, C as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, e as DataCardFields, g as DataTab, h as Divider, i as DocsButton, j as Drawer, l as DrawerFooter, k as DrawerHeader, m as Dropdown, E as ExtendArrow, F as FadeLoader, n as FieldError, o as FieldLabel, a0 as FlexColumn, $ as FlexRow, H as Header, I as IconButton, p as IconGroup, q as IconTitleBadge, r as IconWrapped, s as IconsNav, t as ImageControlled, u as Input, v as InputList, w as InputTable, x as InteractiveTable, K as KeyValueInputsList, M as Modal, a4 as ModalBody, y as MonitorsCheckboxes, z as MonitorsIcons, N as NavigationButtons, G as NoDataFound, J as NotificationNote, a3 as Overlay, S as ScrollX, L as SectionTitle, O as Segment, P as SelectionButton, Q as SkeletonLoader, R as Status, U as Stepper, a5 as TableContainer, a6 as TableTitleWrap, a7 as TableWrap, V as Text, W as TextArea, X as Toggle, T as ToggleCodeComponent, Y as Tooltip, Z as TraceLoader, a2 as VerticalScroll, _ as WarningModal } from './index-BsDmE-1M.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-CEBMbbOj.js';
 import React, { Component, createElement, createContext } from 'react';
-import { T as Theme } from './index-aRNtyuuU.js';
+import { T as Theme } from './index-di3Hlzql.js';
 import './types.js';
-import './index-D8AnbGCE.js';
-import './index-BbEmZ4Wj.js';
+import './index-jnB_opsW.js';
+import './index-CMWGlHc6.js';
 import 'styled-components';
-import './index-7YZOplrB.js';
+import './index-Dd01kW5v.js';
 import './index-BV85P9UP.js';
-import './useTransition-0Rz0QKmh.js';
+import './useTransition-DE4VdDIO.js';
 import 'react-dom';
 
 const ErrorBoundaryContext = createContext(null);

package/lib/constants.js

@@ -1,4 +1,4 @@
-export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, D as DEFAULT_DATA_STREAM_NAME, k as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-aRNtyuuU.js';
+export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, D as DEFAULT_DATA_STREAM_NAME, k as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-di3Hlzql.js';
 export { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
 import 'react';
 import './types.js';

package/lib/containers/destination-form/test-connection/index.d.ts

@@ -2,7 +2,6 @@ import { type FC } from 'react';
 import { DestinationFormData, StatusType, TestConnectionFunc, TestConnectionResponse } from '@/types';
 interface TestConnectionProps {
     destination: DestinationFormData;
-    disabled: boolean;
     validateForm: () => boolean;
     status?: StatusType;
     testConnection: TestConnectionFunc;

package/lib/containers/multi-source-control/index.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
+import { WorkloadId } from '@/types';
 import { type SelectedState } from '@/store';
 interface MultiSourceControlProps {
     totalSourceCount: number;
     uninstrumentSources: (payload: SelectedState['selectedSources']) => void;
+    restartWorkloads: (sourceIds: WorkloadId[]) => Promise<void>;
 }
 declare const MultiSourceControl: React.FC<MultiSourceControlProps>;
 export { MultiSourceControl, type MultiSourceControlProps };

package/lib/containers/overview-drawer/index.d.ts

@@ -16,6 +16,7 @@ interface OverviewDrawerProps extends PropsWithChildren {
     onDelete?: () => void;
     onCancel?: () => void;
     tabs?: DrawerProps['header']['tabs'];
+    headerActionButtons?: DrawerProps['header']['actionButtons'];
 }
 interface OverviewDrawerRef {
     closeDrawer: () => void;

package/lib/containers/source-drawer/index.d.ts

@@ -10,6 +10,7 @@ interface SourceDrawerProps {
             describeSource: DescribeSource;
         };
     }>;
+    restartWorkloads: (sourceIds: WorkloadId[]) => Promise<void>;
 }
 declare const SourceDrawer: FC<SourceDrawerProps>;
 export { SourceDrawer, type SourceDrawerProps };

package/lib/containers/source-selection-form/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FetchSingleNamespace } from '@/types';
+import { type FetchSingleNamespace } from '@/types';
 import { type AvailableSourcesByNamespace, type NamespaceSelectionFormData, type SourceSelectionFormData } from '@/store';
 interface SourceSelectionFormProps {
     isModal?: boolean;

package/lib/containers.js

@@ -1,23 +1,23 @@
 import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, memo, useContext, createContext, useCallback, useLayoutEffect, Fragment } from 'react';
 import styled, { css } from 'styled-components';
-import { k as DISPLAY_TITLES, T as Theme, h as usePendingStore, g as useNotificationStore, b as useDrawerStore, B as BUTTON_TEXTS, c as useEntityStore, A as ACTION_OPTIONS, l as getActionIcon, f as useModalStore, F as FORM_ALERTS, d as useFilterStore, M as MONITORS_OPTIONS, t as styleInject, i as useSelectedStore, e as useInstrumentStore, n as getInstrumentationRuleIcon, a as useDataStreamStore, m as getEntityId, S as STORAGE_KEYS, j as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, u as useDarkMode } from './index-aRNtyuuU.js';
+import { k as DISPLAY_TITLES, T as Theme, h as usePendingStore, g as useNotificationStore, b as useDrawerStore, B as BUTTON_TEXTS, c as useEntityStore, A as ACTION_OPTIONS, l as getActionIcon, f as useModalStore, F as FORM_ALERTS, d as useFilterStore, M as MONITORS_OPTIONS, t as styleInject, i as useSelectedStore, e as useInstrumentStore, n as getInstrumentationRuleIcon, a as useDataStreamStore, m as getEntityId, S as STORAGE_KEYS, j as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, u as useDarkMode } from './index-di3Hlzql.js';
 import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, AddNodeTypes, EdgeTypes, SignalType, HeadersCollectionKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType } from './types.js';
-import { f as DataCardFieldTypes, o as FieldLabel, C as Checkbox, n as FieldError, u as Input, w as InputTable, K as KeyValueInputsList, v as InputList, V as Text, O as Segment, L as SectionTitle, i as DocsButton, y as MonitorsCheckboxes, W as TextArea, j as Drawer, d as ConditionDetails, D as DataCard, a0 as FlexColumn, M as Modal, N as NavigationButtons, a4 as ModalBody, J as NotificationNote, a as AutocompleteInput, h as Divider, R as Status, $ as FlexRow, Y as Tooltip, r as IconWrapped, z as MonitorsIcons, a5 as TableContainer, a6 as TableTitleWrap, q as IconTitleBadge, a7 as TableWrap, x as InteractiveTable, a1 as CenterThis, G as NoDataFound, Z as TraceLoader, b as Badge, E as ExtendArrow, a2 as VerticalScroll, P as SelectionButton, B as Button, m as Dropdown, a8 as getDefaultExportFromCjs, F as FadeLoader, g as DataTab, Q as SkeletonLoader, X as Toggle, A as AddButton$1, U as Stepper, I as IconButton, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-Be0m3TUg.js';
+import { f as DataCardFieldTypes, o as FieldLabel, C as Checkbox, n as FieldError, u as Input, w as InputTable, K as KeyValueInputsList, v as InputList, V as Text, O as Segment, L as SectionTitle, i as DocsButton, y as MonitorsCheckboxes, W as TextArea, j as Drawer, d as ConditionDetails, D as DataCard, a0 as FlexColumn, M as Modal, N as NavigationButtons, a4 as ModalBody, J as NotificationNote, a as AutocompleteInput, h as Divider, R as Status, $ as FlexRow, Y as Tooltip, r as IconWrapped, z as MonitorsIcons, a5 as TableContainer, a6 as TableTitleWrap, q as IconTitleBadge, a7 as TableWrap, x as InteractiveTable, a1 as CenterThis, G as NoDataFound, Z as TraceLoader, b as Badge, E as ExtendArrow, a2 as VerticalScroll, P as SelectionButton, B as Button, m as Dropdown, a8 as getDefaultExportFromCjs, F as FadeLoader, g as DataTab, Q as SkeletonLoader, X as Toggle, A as AddButton$1, U as Stepper, I as IconButton, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-BsDmE-1M.js';
 import { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
-import { i as CheckCircledIcon, O as OdigosLogo } from './index-7YZOplrB.js';
-import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, N as NotificationIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-DJpBLpwG.js';
-import { u as useActionFormData, a as useClickNode, e as useSessionStorage, c as useDataStreamFormData, d as useDestinationFormData, b as useClickNotification, f as useSourceFormData, g as useSourceSelectionFormData } from './useSourceSelectionFormData-CH2xUOpu.js';
-import { d as useKeyDown, e as useOnClickOutside, u as useContainerSize, c as useInstrumentationRuleFormData, g as useTransition, f as useTimeAgo, a as useCopy } from './useTransition-0Rz0QKmh.js';
-import { E as EditIcon } from './index-t3OxxFsp.js';
-import { T as TrashIcon, S as SearchIcon, P as PlusIcon$1, f as CheckIcon, A as ArrowIcon, a as CopyIcon, g as CrossIcon } from './index-D8AnbGCE.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-CNbTSsNJ.js';
-import { m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-BbEmZ4Wj.js';
-import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, w as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, v as mapDestinationFieldsForDisplay, c as compareCondition, t as getYamlFieldsForDestination, d as deepClone, o as getMetricForEntity, s as getWorkloadId, j as getContainersInstrumentedCount, u as isOverTime } from './index-CrethNg6.js';
+import { i as CheckCircledIcon, O as OdigosLogo } from './index-Dd01kW5v.js';
+import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, R as RetryIcon, N as NotificationIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-Cn0s9o5b.js';
+import { u as useActionFormData, a as useClickNode, e as useSessionStorage, c as useDataStreamFormData, d as useDestinationFormData, b as useClickNotification, f as useSourceFormData, g as useSourceSelectionFormData } from './useSourceSelectionFormData-KKJLbIoW.js';
+import { d as useKeyDown, e as useOnClickOutside, u as useContainerSize, c as useInstrumentationRuleFormData, g as useTransition, f as useTimeAgo, a as useCopy } from './useTransition-DE4VdDIO.js';
+import { E as EditIcon } from './index-E-5xGoYC.js';
+import { T as TrashIcon, S as SearchIcon, P as PlusIcon$1, f as CheckIcon, A as ArrowIcon, a as CopyIcon, g as CrossIcon } from './index-jnB_opsW.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-CEBMbbOj.js';
+import { m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-CMWGlHc6.js';
+import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, w as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, v as mapDestinationFieldsForDisplay, c as compareCondition, t as getYamlFieldsForDestination, d as deepClone, o as getMetricForEntity, s as getWorkloadId, j as getContainersInstrumentedCount, u as isOverTime } from './index-DtCiWUAb.js';
 import { createPortal } from 'react-dom';
 import { m as mapExportedSignals } from './index-BlZKWuxe.js';
-import { N as NoteBackToSummary, E as EditButton } from './index-oEjS7cX3.js';
+import { N as NoteBackToSummary, E as EditButton } from './index-McgJMLSC.js';
 import { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
-import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-BGzxan6E.js';
+import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-BcuXR1ve.js';
 
 const buildCard$3 = (action) => {
     const { type, spec: { actionName, notes, signals, disabled, collectContainerAttributes, collectReplicaSetAttributes, collectWorkloadId, collectClusterId, labelsAttributes, annotationsAttributes, clusterAttributes, attributeNamesToDelete, renames, piiCategories, fallbackSamplingRatio, samplingPercentage, endpointsFilters, servicesNameFilters, attributeFilters, }, } = action;
@@ -529,7 +529,7 @@ const ActionForm = ({ isUpdate, action, formData, formErrors, handleFormChange }
         React.createElement(TextArea, { title: 'Notes', value: formData['notes'], onChange: ({ target: { value } }) => handleFormChange('notes', value), errorMessage: formErrors['notes'] })));
 };
 
-const OverviewDrawer = forwardRef(({ children, width = 640, title, titleTooltip, hideEditTitleFromEdit, icons, iconSrcs, isEdit = false, isFormDirty = false, isLastItem = false, onEdit, onSave, onDelete, onCancel, tabs }, drawerRef) => {
+const OverviewDrawer = forwardRef(({ children, width = 640, title, titleTooltip, hideEditTitleFromEdit, icons, iconSrcs, isEdit = false, isFormDirty = false, isLastItem = false, onEdit, onSave, onDelete, onCancel, tabs, headerActionButtons, }, drawerRef) => {
     const theme = Theme.useTheme();
     const { isThisPending } = usePendingStore();
     const { addNotification } = useNotificationStore();
@@ -596,7 +596,7 @@ const OverviewDrawer = forwardRef(({ children, width = 640, title, titleTooltip,
             hideFromHistory: true,
         });
     };
-    const actionButtons = [];
+    const actionButtons = headerActionButtons || [];
     if (!!onEdit && !isEdit)
         actionButtons.push({
             'data-id': 'drawer-edit',
@@ -668,6 +668,8 @@ const EditTitle = forwardRef(({ title }, ref) => {
     }));
     return React.createElement(Input, { "data-id": 'title', value: inputValue, onChange: (e) => setInputValue(e.target.value) });
 });
+EditTitle.displayName = EditTitle.name;
+OverviewDrawer.displayName = OverviewDrawer.name;
 
 const FormContainer$4 = styled.div `
   width: 100%;
@@ -13406,7 +13408,7 @@ const createEdge = (edgeId, params) => {
 const buildEdges = ({ theme, nodes, metrics, containerHeight }) => {
     const edges = [];
     const actionNodeId = nodes.find(({ id: nodeId }) => [`${EntityTypes.Action}-${NodeTypes.Frame}`, `${EntityTypes.Action}-${NodeTypes.Add}`].includes(nodeId))?.id;
-    const scrollTopLimit = -80 / 2 + framePadding$4;
+    const scrollTopLimit = -nodeHeight$5 / 2 + framePadding$4;
     const scrollBottomLimit = Math.floor(containerHeight / nodeHeight$5) * nodeHeight$5 - (nodeHeight$5 / 2 + framePadding$4);
     const isBaseNode = (nodeType) => nodeType === NodeTypes.Base || nodeType === NodeTypes.Edged;
     nodes.forEach(({ type: nodeType, id: nodeId, data: { type: entityType, id: entityId, status }, position }) => {
@@ -14475,13 +14477,17 @@ const ActionButton = styled(Button) `
           background-color: transparent;
         `}
 `;
-const TestConnection = ({ destination, disabled, validateForm, status, testConnection, onSuccess, onError }) => {
+const TestConnection = ({ destination, validateForm, status, testConnection, onSuccess, onError }) => {
     const theme = Theme.useTheme();
+    const { selectedStreamName } = useDataStreamStore();
     const [loading, setLoading] = useState(false);
     const onClick = async () => {
         if (validateForm()) {
             setLoading(true);
-            const testResult = await testConnection(destination);
+            const testResult = await testConnection({
+                ...destination,
+                currentStreamName: selectedStreamName,
+            });
             // 1st if - check if we got a response (if undefined, then Apollo Client caught an error)
             if (testResult) {
                 // 2nd if - check if the test was successful or not
@@ -14496,7 +14502,7 @@ const TestConnection = ({ destination, disabled, validateForm, status, testConne
         }
     };
     const Icon = !!status ? getStatusIcon(status, theme) : undefined;
-    return (React.createElement(ActionButton, { "$status": status, variant: 'secondary', disabled: disabled, onClick: onClick },
+    return (React.createElement(ActionButton, { "$status": status, variant: 'secondary', onClick: onClick },
         loading ? React.createElement(FadeLoader, null) : Icon ? React.createElement(Icon, null) : null,
         React.createElement(Text, { family: 'secondary', decoration: 'underline', size: 14, color: !!status ? theme.text[status] : undefined }, loading ? 'Checking' : status === StatusType.Success ? 'Connection OK' : status === 'error' ? 'Connection Failed' : 'Test Connection')));
 };
@@ -14591,7 +14597,7 @@ const DestinationForm = ({ isUpdate, categoryItem, formData, formErrors, validat
     };
     return (React.createElement(Container$a, { "$gap": 24 },
         React.createElement(Container$a, { "$gap": 12 },
-            React.createElement(SectionTitle, { title: isUpdate ? 'Update destination' : 'Create destination', description: `Connect ${displayName} with Odigos.`, actionButton: testConnectionSupported && (React.createElement(TestConnection, { destination: formData, disabled: !isFormDirty && !autoFilled, validateForm: validateForm, status: connection?.type, testConnection: testConnection, onError: onTestConnectionError, onSuccess: onTestConnectionSuccess })) }),
+            React.createElement(SectionTitle, { title: isUpdate ? 'Update destination' : 'Create destination', description: `Connect ${displayName} with Odigos.`, actionButton: testConnectionSupported && (React.createElement(TestConnection, { destination: formData, validateForm: validateForm, status: connection?.type, testConnection: testConnection, onError: onTestConnectionError, onSuccess: onTestConnectionSuccess })) }),
             React.createElement(NotesWrapper, null,
                 testConnectionSupported && connection && React.createElement(NotificationNote, { type: connection.type, title: connection.title, message: connection.message }),
                 autoFilled && !connection && !isUpdate && React.createElement(NotificationNote, { type: StatusType.Default, message: `Odigos autocompleted ${displayName} destination details.` })),
@@ -15600,7 +15606,7 @@ const Container$5 = styled.div `
   border: 1px solid ${({ theme }) => theme.colors.border};
   background-color: ${({ theme }) => theme.colors.dropdown_bg};
 `;
-const MultiSourceControl = ({ totalSourceCount, uninstrumentSources }) => {
+const MultiSourceControl = ({ totalSourceCount, uninstrumentSources, restartWorkloads }) => {
     const theme = Theme.useTheme();
     const Transition = useTransition({
         container: Container$5,
@@ -15619,6 +15625,14 @@ const MultiSourceControl = ({ totalSourceCount, uninstrumentSources }) => {
     const onDeselect = () => {
         setSelectedSources({});
     };
+    const onRestart = () => {
+        const payload = [];
+        Object.values(selectedSources).forEach((sources) => {
+            payload.push(...sources.map((source) => getWorkloadId(source)));
+        });
+        restartWorkloads(payload);
+        onDeselect();
+    };
     const onDelete = () => {
         const payload = {};
         Object.entries(selectedSources).forEach(([ns, sources]) => {
@@ -15638,6 +15652,9 @@ const MultiSourceControl = ({ totalSourceCount, uninstrumentSources }) => {
             React.createElement(Divider, { orientation: 'vertical', length: '16px' }),
             React.createElement(Button, { variant: 'tertiary', onClick: onDeselect },
                 React.createElement(Text, { family: 'secondary', decoration: 'underline' }, "Deselect")),
+            React.createElement(Button, { variant: 'tertiary', onClick: onRestart },
+                React.createElement(RetryIcon, null),
+                React.createElement(Text, { family: 'secondary', decoration: 'underline' }, "Restart")),
             React.createElement(Button, { variant: 'tertiary', onClick: () => setIsWarnModalOpen(true) },
                 React.createElement(TrashIcon, null),
                 React.createElement(Text, { family: 'secondary', decoration: 'underline', color: theme.text.error }, "Uninstrument"))),
@@ -16117,7 +16134,7 @@ const DataContainer$1 = styled.div `
   flex-direction: column;
   gap: 12px;
 `;
-const SourceDrawer = ({ persistSources, updateSource, fetchDescribeSource }) => {
+const SourceDrawer = ({ persistSources, updateSource, fetchDescribeSource, restartWorkloads }) => {
     const { sources } = useEntityStore();
     const { selectedStreamName } = useDataStreamStore();
     const { drawerType, drawerEntityId } = useDrawerStore();
@@ -16192,6 +16209,15 @@ const SourceDrawer = ({ persistSources, updateSource, fetchDescribeSource }) =>
                 onClick: () => setSelectedTab(Tabs.Pods),
                 selected: selectedTab === Tabs.Pods,
             },
+        ], headerActionButtons: [
+            {
+                'data-id': 'rollout-restart',
+                variant: 'tertiary',
+                onClick: () => restartWorkloads([drawerEntityId]),
+                children: (React.createElement(React.Fragment, null,
+                    React.createElement(RetryIcon, null),
+                    React.createElement(Text, { size: 14, family: 'secondary', decoration: 'underline' }, "Restart"))),
+            },
         ] }, selectedTab === Tabs.Overview ? (isEditing ? (React.createElement(FormContainer, null,
         React.createElement(SourceForm, { formData: formData, handleFormChange: (...params) => {
                 setIsFormDirty(true);
@@ -16207,11 +16233,12 @@ const ActionsRow = styled(FlexRow) `
   justify-content: space-between;
 `;
 const SearchWrapper = styled.div `
-  width: 420px;
+  max-width: 350px;
 `;
 const SourceSelectionForm = forwardRef(({ isModal, fetchSingleNamespace, onClickSummary }, ref) => {
+    const theme = Theme.useTheme();
     const formState = useSourceSelectionFormData({ fetchSingleNamespace });
-    const { availableSources, selectedSources, getApiSourcesPayload, getApiFutureAppsPayload, searchText, setSearchText, showSelectedOnly, setShowSelectedOnly } = formState;
+    const { availableSources, selectedSources, getApiSourcesPayload, getApiFutureAppsPayload, searchText, setSearchText, searchBy, setSearchBy, showSelectedOnly, setShowSelectedOnly } = formState;
     useImperativeHandle(ref, () => ({
         getFormValues: () => ({
             initial: availableSources,
@@ -16228,10 +16255,15 @@ const SourceSelectionForm = forwardRef(({ isModal, fetchSingleNamespace, onClick
                 React.createElement(ActionsRow, null,
                     React.createElement(SearchWrapper, null,
                         React.createElement(Input, { placeholder: DISPLAY_TITLES.SEARCH_NAMESPACES, icon: SearchIcon, value: searchText, onChange: (e) => setSearchText(e.target.value.toLowerCase()) })),
+                    React.createElement(Segment, { options: [
+                            { label: DISPLAY_TITLES.SOURCE, value: EntityTypes.Source, selectedBgColor: theme.text.secondary, selectedTextColor: theme.text.primary },
+                            { label: DISPLAY_TITLES.NAMESPACE, value: EntityTypes.Namespace, selectedBgColor: theme.text.secondary, selectedTextColor: theme.text.primary },
+                        ], selected: searchBy, setSelected: setSearchBy }),
                     React.createElement(Toggle, { title: DISPLAY_TITLES.SHOW_SELECTED_ONLY, initialValue: showSelectedOnly, onChange: setShowSelectedOnly }))),
             React.createElement(Divider, null),
             React.createElement(SourceList, { isModal: isModal, ...formState }))));
 });
+SourceSelectionForm.displayName = SourceSelectionForm.name;
 
 const SourceModal = ({ fetchSingleNamespace, persistSources }) => {
     const { currentModal, setCurrentModal } = useModalStore();

package/lib/functions.js

@@ -1,13 +1,13 @@
-export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getProgrammingLanguageIcon, b as getStatusIcon, m as mapConditions, n as numbersOnly, p as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-BbEmZ4Wj.js';
-export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, i as getConditionsBooleans, k as getContainersIcons, j as getContainersInstrumentedCount, l as getDestinationIcon, m as getEntityIcon, n as getEntityLabel, o as getMetricForEntity, p as getPlatformIcon, q as getPlatformLabel, r as getValueForRange, s as getWorkloadId, t as getYamlFieldsForDestination, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index-CrethNg6.js';
-export { l as getActionIcon, m as getEntityId, n as getInstrumentationRuleIcon } from './index-aRNtyuuU.js';
+export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getProgrammingLanguageIcon, b as getStatusIcon, m as mapConditions, n as numbersOnly, p as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-CMWGlHc6.js';
+export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, i as getConditionsBooleans, k as getContainersIcons, j as getContainersInstrumentedCount, l as getDestinationIcon, m as getEntityIcon, n as getEntityLabel, o as getMetricForEntity, p as getPlatformIcon, q as getPlatformLabel, r as getValueForRange, s as getWorkloadId, t as getYamlFieldsForDestination, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index-DtCiWUAb.js';
+export { l as getActionIcon, m as getEntityId, n as getInstrumentationRuleIcon } from './index-di3Hlzql.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 import { EntityTypes } from './types.js';
 export { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
 import 'react';
 import 'styled-components';
-import './index-7YZOplrB.js';
-import './index-BGzxan6E.js';
+import './index-Dd01kW5v.js';
+import './index-BcuXR1ve.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {
     const cleanArray = (arr) => arr.filter((item) => {

package/lib/hooks/useSourceSelectionFormData.d.ts

@@ -1,5 +1,5 @@
 import { type Dispatch, type SetStateAction } from 'react';
-import type { FetchSingleNamespace } from '@/types';
+import { EntityTypes, type FetchSingleNamespace } from '@/types';
 import { type AvailableSource, type AvailableSourcesByNamespace, type NamespaceSelectionFormData, type SourceSelectionFormData } from '@/store';
 export type SelectedNamespace = string;
 interface UseSourceFormDataParams {
@@ -18,6 +18,8 @@ export interface UseSourceSelectionFormData {
     onSelectFutureApps: (bool: boolean, namespace?: SelectedNamespace) => void;
     searchText: string;
     setSearchText: Dispatch<SetStateAction<string>>;
+    searchBy: EntityTypes;
+    setSearchBy: Dispatch<SetStateAction<EntityTypes>>;
     showSelectedOnly: boolean;
     setShowSelectedOnly: Dispatch<SetStateAction<boolean>>;
 }

package/lib/hooks.js

@@ -1,7 +1,7 @@
-export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDataStreamFormData, d as useDestinationFormData, e as useSessionStorage, f as useSourceFormData, g as useSourceSelectionFormData } from './useSourceSelectionFormData-CH2xUOpu.js';
-export { u as useContainerSize, a as useCopy, b as useGenericForm, c as useInstrumentationRuleFormData, d as useKeyDown, e as useOnClickOutside, f as useTimeAgo, g as useTransition } from './useTransition-0Rz0QKmh.js';
+export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDataStreamFormData, d as useDestinationFormData, e as useSessionStorage, f as useSourceFormData, g as useSourceSelectionFormData } from './useSourceSelectionFormData-KKJLbIoW.js';
+export { u as useContainerSize, a as useCopy, b as useGenericForm, c as useInstrumentationRuleFormData, d as useKeyDown, e as useOnClickOutside, f as useTimeAgo, g as useTransition } from './useTransition-DE4VdDIO.js';
 import './types.js';
-import './index-aRNtyuuU.js';
+import './index-di3Hlzql.js';
 import 'react';
 import 'styled-components';
 import './index-BV85P9UP.js';

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

@@ -13,6 +13,7 @@ export * from './list-icon/index';
 export * from './no-data-icon/index';
 export * from './notebook-icon/index';
 export * from './notification-icon/index';
+export * from './retry-icon/index';
 export * from './search-icon/index';
 export * from './sort-arrows-icon/index';
 export * from './terminal-icon/index';

package/lib/icons/common/retry-icon/index.d.ts

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

package/lib/icons/common/retry-icon/retry-icon.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons.js

@@ -1,11 +1,11 @@
-import { T as Theme } from './index-aRNtyuuU.js';
-export { p as AddClusterInfoIcon, C as CodeAttributesIcon, q as DeleteAttributeIcon, H as HeadersCollectionIcon, o as ImageErrorIcon, K as K8sLogo, s as PayloadCollectionIcon, P as PiiMaskingIcon, R as RenameAttributeIcon, r as SamplerIcon } from './index-aRNtyuuU.js';
-export { C as CPlusPlusLogo, d as CSharpLogo, i as CheckCircledIcon, D as DotnetLogo, E as ElixirLogo, h as ErrorTriangleIcon, G as GoLogo, I as InfoIcon, J as JavaLogo, K as KafkaLogo, L as LogsIcon, g as MetricsIcon, M as MysqlLogo, N as NginxLogo, f as NodejsLogo, O as OdigosLogo, c as PhpLogo, P as PostgresLogo, e as PythonLogo, R as RedisLogo, b as RubyLogo, a as RustLogo, S as SwiftLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-7YZOplrB.js';
-export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, S as SlackLogo, T as TerminalIcon } from './index-DJpBLpwG.js';
-export { A as ArrowIcon, f as CheckIcon, C as CodeIcon, a as CopyIcon, g as CrossIcon, E as ExtendArrowIcon, d as EyeClosedIcon, e as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, b as NotebookIcon, P as PlusIcon, S as SearchIcon, c as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-D8AnbGCE.js';
+import { T as Theme } from './index-di3Hlzql.js';
+export { p as AddClusterInfoIcon, C as CodeAttributesIcon, q as DeleteAttributeIcon, H as HeadersCollectionIcon, o as ImageErrorIcon, K as K8sLogo, s as PayloadCollectionIcon, P as PiiMaskingIcon, R as RenameAttributeIcon, r as SamplerIcon } from './index-di3Hlzql.js';
+export { C as CPlusPlusLogo, d as CSharpLogo, i as CheckCircledIcon, D as DotnetLogo, E as ElixirLogo, h as ErrorTriangleIcon, G as GoLogo, I as InfoIcon, J as JavaLogo, K as KafkaLogo, L as LogsIcon, g as MetricsIcon, M as MysqlLogo, N as NginxLogo, f as NodejsLogo, O as OdigosLogo, c as PhpLogo, P as PostgresLogo, e as PythonLogo, R as RedisLogo, b as RubyLogo, a as RustLogo, S as SwiftLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-Dd01kW5v.js';
+export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RetryIcon, S as SlackLogo, T as TerminalIcon } from './index-Cn0s9o5b.js';
+export { A as ArrowIcon, f as CheckIcon, C as CodeIcon, a as CopyIcon, g as CrossIcon, E as ExtendArrowIcon, d as EyeClosedIcon, e as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, b as NotebookIcon, P as PlusIcon, S as SearchIcon, c as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-jnB_opsW.js';
 import React from 'react';
-export { E as EditIcon } from './index-t3OxxFsp.js';
-export { a3 as ActionsIcon, A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AwsCloudwatchLogo, d as AwsS3Logo, e as AwsXrayLogo, f as AxiomLogo, B as BetterStackLogo, g as BlobStorageLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, a4 as DestinationsIcon, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, G as GigapipeLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, a5 as NamespacesIcon, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, F as OpenTelemetryLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, T as QuickwitLogo, a6 as RulesIcon, U as SeqLogo, W as SignozLogo, a7 as SourcesIcon, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, V as VmLogo } from './index-BGzxan6E.js';
+export { E as EditIcon } from './index-E-5xGoYC.js';
+export { a3 as ActionsIcon, A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AwsCloudwatchLogo, d as AwsS3Logo, e as AwsXrayLogo, f as AxiomLogo, B as BetterStackLogo, g as BlobStorageLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, a4 as DestinationsIcon, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, G as GigapipeLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, a5 as NamespacesIcon, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, F as OpenTelemetryLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, T as QuickwitLogo, a6 as RulesIcon, U as SeqLogo, W as SignozLogo, a7 as SourcesIcon, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, V as VmLogo } from './index-BcuXR1ve.js';
 import './types.js';
 import 'styled-components';
 

package/lib/{index-BGzxan6E.js → index-BcuXR1ve.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 VmLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();