@odigos/ui-kit 0.0.31 → 0.0.33

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [0.0.33](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.32...ui-kit-v0.0.33) (2025-05-27)
+
+
+### Bug Fixes
+
+* Data Stream bugs ([#140](https://github.com/odigos-io/ui-kit/issues/140)) ([1af6a2f](https://github.com/odigos-io/ui-kit/commit/1af6a2f66720aca790d6179a3df47585362884c9))
+
+## [0.0.32](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.31...ui-kit-v0.0.32) (2025-05-25)
+
+
+### Features
+
+* add HTTP Headers instrumentation rule ([#133](https://github.com/odigos-io/ui-kit/issues/133)) ([4caa7d2](https://github.com/odigos-io/ui-kit/commit/4caa7d28615398828ed66514b285bcb9968dda26))
+* enhance filterSourcesByStream to handle default data stream case ([#136](https://github.com/odigos-io/ui-kit/issues/136)) ([b034330](https://github.com/odigos-io/ui-kit/commit/b03433061e72102940075cb9edbe29b2ad145471))
+
 ## [0.0.31](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.30...ui-kit-v0.0.31) (2025-05-20)
 
 

package/lib/components.js

@@ -1,19 +1,16 @@
-import { B as Button } from './index-nltUpkWT.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-nltUpkWT.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-BGK1nMOD.js';
+import { B as Button } from './index-BedCNcwV.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-BedCNcwV.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-CaAOgaiC.js';
 import React, { Component, createElement, createContext } from 'react';
-import Theme from './theme.js';
+import { T as Theme } from './index-CVH8Q8Sl.js';
 import 'styled-components';
-import './index-BJxaoI0G.js';
+import './index-CNfdJ1X8.js';
 import './types.js';
-import './index-BZS1ijMm.js';
-import './index-DGuOxbBR.js';
-import './index-CFnxjzaW.js';
-import './index-DGel4E-Z.js';
-import './index-DMXaEyAB.js';
-import './index-CJs4RDHU.js';
-import './index-IKusBlIE.js';
-import './useTransition-B65KBqdK.js';
+import './index-BV85P9UP.js';
+import './index-mOgS3e5E.js';
+import './index-B_Gl6Qa6.js';
+import './index-Do3CYz7N.js';
+import './useTransition-B0eagOib.js';
 import 'react-dom';
 
 const ErrorBoundaryContext = createContext(null);

package/lib/constants/strings/index.d.ts

@@ -9,6 +9,7 @@ export declare const FORM_ALERTS: {
     CANNOT_DELETE_RULE: string;
     LATENCY_HTTP_ROUTE: string;
     READONLY_WARNING: string;
+    ILLEGAL_K8S_LABEL: string;
 };
 export declare const DISPLAY_TITLES: {
     NAMESPACE: string;

package/lib/constants.js

@@ -1,11 +1,8 @@
-export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, D as DEFAULT_DATA_STREAM_NAME, a as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS } from './index-DGuOxbBR.js';
+export { A as ACTION_OPTIONS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS } from './index-CVH8Q8Sl.js';
 export { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
-import './types.js';
-import './index-CFnxjzaW.js';
-import './index-DGel4E-Z.js';
+export { B as BUTTON_TEXTS, D as DEFAULT_DATA_STREAM_NAME, a as DISPLAY_TITLES, F as FORM_ALERTS } from './index-mOgS3e5E.js';
 import 'react';
-import './theme.js';
-import './index-DMXaEyAB.js';
+import './types.js';
 import 'styled-components';
 
 const TOKEN_ABOUT_TO_EXPIRE = 604800000; // 7 days in milliseconds

package/lib/containers/data-stream-drawer/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { DataStream } from '@/types';
+import { type DataStream } from '@/types';
 interface DataStreamDrawerProps {
     isOpen: boolean;
     onClose: () => void;

package/lib/containers/data-stream-form/index.d.ts

@@ -3,6 +3,7 @@ import type { DataStream } from '@/types';
 interface DataStreamFormProps {
     formData: DataStream;
     handleFormChange: (key: keyof DataStream, val: any) => void;
+    formErrors: Partial<Record<'name', string>>;
 }
 declare const DataStreamForm: FC<DataStreamFormProps>;
 export { DataStreamForm, type DataStreamFormProps };

package/lib/containers/destination-selection-form/destination-list/index.d.ts

@@ -1,5 +1,7 @@
 import { type FC } from 'react';
+import { type DestinationCategories } from '@/types';
 interface DestinationListProps {
+    categories: DestinationCategories;
     withDelete?: boolean;
 }
 declare const DestinationList: FC<DestinationListProps>;

package/lib/containers/instrumentation-rule-form/custom-fields/headers-collection.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { type CustomFieldProps, type InstrumentationRuleFormData } from '@/types';
+type HeadersCollectionProps = CustomFieldProps<InstrumentationRuleFormData>;
+declare const HeadersCollection: FC<HeadersCollectionProps>;
+export { HeadersCollection, type HeadersCollectionProps };

package/lib/containers/setup-summary/index.d.ts

@@ -1,8 +1,10 @@
 import { type FC } from 'react';
+import type { DestinationCategories } from '@/types';
 interface SetupSummaryProps {
     onEditStream: () => void;
     onEditSources: () => void;
     onEditDestinations: () => void;
+    categories: DestinationCategories;
 }
 declare const SetupSummary: FC<SetupSummaryProps>;
 export { SetupSummary, type SetupSummaryProps };

package/lib/containers.js

@@ -1,27 +1,24 @@
 import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, memo, useContext, createContext, useCallback, useLayoutEffect, Fragment } from 'react';
 import styled, { css } from 'styled-components';
-import { a as DISPLAY_TITLES, B as BUTTON_TEXTS, A as ACTION_OPTIONS, F as FORM_ALERTS, M as MONITORS_OPTIONS, D as DEFAULT_DATA_STREAM_NAME, I as INSTRUMENTATION_RULE_OPTIONS } from './index-DGuOxbBR.js';
-import { ActionType, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, AddNodeTypes, EdgeTypes, FieldTypes, SignalType, 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, I as IconButton, A as AddButton$1, U as Stepper, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-nltUpkWT.js';
-import { h as usePendingStore, g as useNotificationStore, b as useDrawerStore, c as useEntityStore, f as useModalStore, d as useFilterStore, s as styleInject, i as useSelectedStore, e as useInstrumentStore, a as useDataStreamStore, k as getEntityId, j as useSetupStore, u as useDarkMode } from './index-DMXaEyAB.js';
-import Theme from './theme.js';
-import { i as isEmpty, s as safeJsonParse } from './index-BZS1ijMm.js';
-import { i as CheckCircledIcon, O as OdigosLogo } from './index-IKusBlIE.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-CamnKrev.js';
-import { g as getActionIcon, a as getInstrumentationRuleIcon } from './index-CFnxjzaW.js';
-import { u as useActionFormData, a as useClickNode, c as useDataStreamFormData, d as useDestinationFormData, b as useClickNotification, e as useSourceFormData, f as useSourceSelectionFormData } from './useSourceSelectionFormData-BWz8fTJr.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-B65KBqdK.js';
-import { E as EditIcon } from './index-CWbxXTof.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-BJxaoI0G.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-BGK1nMOD.js';
-import { m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-CJs4RDHU.js';
-import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, v as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, u as mapExportedSignals, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, c as compareCondition, d as deepClone, o as getMetricForEntity, s as getWorkloadId, j as getContainersInstrumentedCount, t as isOverTime } from './index-DYNMhZMX.js';
+import { T as Theme, h as usePendingStore, g as useNotificationStore, b as useDrawerStore, c as useEntityStore, A as ACTION_OPTIONS, k as getActionIcon, f as useModalStore, d as useFilterStore, M as MONITORS_OPTIONS, s as styleInject, i as useSelectedStore, e as useInstrumentStore, m as getInstrumentationRuleIcon, a as useDataStreamStore, l as getEntityId, j as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, u as useDarkMode } from './index-CVH8Q8Sl.js';
+import { a as DISPLAY_TITLES, B as BUTTON_TEXTS, F as FORM_ALERTS } from './index-mOgS3e5E.js';
+import { ActionType, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, AddNodeTypes, EdgeTypes, FieldTypes, SignalType, CodeAttributesKeyTypes, HeadersCollectionKeyTypes, 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-BedCNcwV.js';
+import { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
+import { i as CheckCircledIcon, O as OdigosLogo } from './index-Do3CYz7N.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-f8FRaVkE.js';
+import { u as useActionFormData, a as useClickNode, c as useDataStreamFormData, d as useDestinationFormData, b as useClickNotification, e as useSourceFormData, f as useSourceSelectionFormData } from './useSourceSelectionFormData-DiwzViqL.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-B0eagOib.js';
+import { E as EditIcon } from './index-BQQZyvRz.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-CNfdJ1X8.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-CaAOgaiC.js';
+import { m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-B_Gl6Qa6.js';
+import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, x as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, w as mapExportedSignals, 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-Iq7U_fzb.js';
 import { createPortal } from 'react-dom';
-import { N as NoteBackToSummary, E as EditButton } from './index-B46Mcu9H.js';
+import { N as NoteBackToSummary, E as EditButton } from './index-BjVl4-os.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-BbbCCewR.js';
-import './index-DGel4E-Z.js';
-import './index-7-KCQK-x.js';
+import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-1N9wymEq.js';
+import './index-CnZlllYu.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, }, } = action;
@@ -13943,9 +13940,9 @@ const Container$d = styled.div `
   gap: 24px;
   padding: 4px;
 `;
-const DataStreamForm = ({ formData, handleFormChange }) => {
+const DataStreamForm = ({ formData, handleFormChange, formErrors }) => {
     return (React.createElement(Container$d, null,
-        React.createElement(Input, { name: 'name', title: DISPLAY_TITLES.STREAM_NAME, required: true, value: formData.name, onChange: ({ target: { value } }) => handleFormChange('name', value) })));
+        React.createElement(Input, { name: 'name', title: DISPLAY_TITLES.STREAM_NAME, placeholder: DISPLAY_TITLES.NAME_YOUR_STREAM_PLACEHOLDER, required: true, value: formData.name, onChange: ({ target: { value } }) => handleFormChange('name', value), errorMessage: formErrors['name'] })));
 };
 
 const FormContainer$3 = styled.div `
@@ -13959,7 +13956,7 @@ const DataStreamDrawer = ({ isOpen, onClose, dataStreamName, updateDataStream })
     const { dataStreams } = useDataStreamStore();
     const drawerRef = useRef(null);
     const [isFormDirty, setIsFormDirty] = useState(false);
-    const { formData, handleFormChange, resetFormData, loadFormWithDrawerItem } = useDataStreamFormData({ name: dataStreamName });
+    const { formData, handleFormChange, formErrors, validateForm, resetFormData, loadFormWithDrawerItem } = useDataStreamFormData({ name: dataStreamName });
     const thisItem = useMemo(() => {
         if (!isOpen)
             return null;
@@ -13980,13 +13977,15 @@ const DataStreamDrawer = ({ isOpen, onClose, dataStreamName, updateDataStream })
         onClose();
     };
     const handleSave = () => {
-        updateDataStream(dataStreamName, formData);
-        setIsFormDirty(false);
-        onClose();
+        if (validateForm({ withAlert: true, alertTitle: Crud.Update })) {
+            updateDataStream(dataStreamName, formData);
+            setIsFormDirty(false);
+            onClose();
+        }
     };
     return (React.createElement(OverviewDrawer, { ref: drawerRef, title: thisItem.name, icons: [DataStreamsIcon], hideEditTitleFromEdit: true, isEdit: true, isFormDirty: isFormDirty, onSave: handleSave, onCancel: handleCancel },
         React.createElement(FormContainer$3, null,
-            React.createElement(DataStreamForm, { formData: formData, handleFormChange: memoizedHandleFormChange }))));
+            React.createElement(DataStreamForm, { formData: formData, handleFormChange: memoizedHandleFormChange, formErrors: formErrors }))));
 };
 
 const RelativeContainer$1 = styled.div `
@@ -14026,7 +14025,9 @@ const SelectionRow = styled(FlexRow) `
 const Stretch = styled.div `
   width: 100%;
 `;
-const DataStreamSelect = ({ onClickNewDataStream, updateDataStream, deleteDataStream }) => {
+const DataStreamSelect = ({ 
+// onClickNewDataStream,
+updateDataStream, deleteDataStream, }) => {
     const theme = Theme.useTheme();
     const { dataStreams, selectedStreamName, setSelectedStreamName } = useDataStreamStore();
     const [popupOpen, setPopupOpen] = useState(false);
@@ -14041,11 +14042,7 @@ const DataStreamSelect = ({ onClickNewDataStream, updateDataStream, deleteDataSt
             React.createElement(SelectionButton, { label: name, isSelected: selectedStreamName === name, onClick: () => {
                     setSelectedStreamName(name);
                     setPopupOpen(false);
-                }, color: 'transparent', style: { width: '100%', justifyContent: 'flex-start' } })),
-        name !== DEFAULT_DATA_STREAM_NAME && (React.createElement(IconButton, { onClick: () => setDeleteOpenForDataStreamName(name), tooltip: BUTTON_TEXTS.DELETE },
-            React.createElement(TrashIcon, null))),
-        React.createElement(IconButton, { onClick: () => setEditOpenForDataStreamName(name), tooltip: BUTTON_TEXTS.EDIT },
-            React.createElement(EditIcon, null))))), [filteredDataStreams, selectedStreamName]);
+                }, color: 'transparent', style: { width: '100%', justifyContent: 'flex-start' } }))))), [filteredDataStreams, selectedStreamName]);
     return (React.createElement(React.Fragment, null,
         React.createElement(RelativeContainer$1, null,
             React.createElement(Container$c, { "$gap": 0 },
@@ -14055,9 +14052,7 @@ const DataStreamSelect = ({ onClickNewDataStream, updateDataStream, deleteDataSt
                         "Data Stream: ",
                         selectedStreamName),
                     React.createElement(ExtendArrow, { extend: popupOpen }),
-                    React.createElement(Badge, { label: dataStreams.length })),
-                React.createElement(Divider, { orientation: 'vertical', length: '32px', thickness: 2, margin: '0' }),
-                React.createElement(AddButton$1, { onClick: onClickNewDataStream, label: BUTTON_TEXTS.NEW })),
+                    React.createElement(Badge, { label: dataStreams.length }))),
             popupOpen && (React.createElement(AbsoluteContainer$1, { ref: containerRef },
                 React.createElement(SelectionMenuHeader, null,
                     React.createElement(Input, { placeholder: 'Search...', icon: SearchIcon, value: searchText, onChange: (e) => setSearchText(e.target.value) })),
@@ -14095,8 +14090,7 @@ const DataFlowActionsMenu = ({ addEntity, onClickNewDataStream, updateDataStream
 };
 
 const DataStreamSelectionForm = forwardRef(({ isModal, onClickSummary }, ref) => {
-    const { dataStreams, selectedStreamName } = useDataStreamStore();
-    const dataStreamOptions = useMemo(() => dataStreams.map(({ name }) => ({ label: name })), [dataStreams]);
+    const { selectedStreamName } = useDataStreamStore();
     const { formData, handleFormChange, formErrors, validateForm } = useDataStreamFormData({ name: selectedStreamName });
     useImperativeHandle(ref, () => ({
         validateForm,
@@ -14106,7 +14100,7 @@ const DataStreamSelectionForm = forwardRef(({ isModal, onClickSummary }, ref) =>
         React.createElement(FlexColumn, { "$gap": 24 },
             onClickSummary && React.createElement(NoteBackToSummary, { onClick: onClickSummary }),
             React.createElement(SectionTitle, { title: DISPLAY_TITLES.NAME_YOUR_STREAM, description: DISPLAY_TITLES.STREAM_DESCRIPTION }),
-            React.createElement(AutocompleteInput, { placeholder: DISPLAY_TITLES.NAME_YOUR_STREAM_PLACEHOLDER, required: true, autoFocus: true, options: dataStreamOptions, defaultText: formData['name'], onTextChange: (v) => handleFormChange('name', v), errorMessage: formErrors['name'] }))));
+            React.createElement(DataStreamForm, { formData: formData, handleFormChange: handleFormChange, formErrors: formErrors }))));
 });
 
 const buildMonitorsList = (exportedSignals) => Object.keys(exportedSignals)
@@ -14119,17 +14113,14 @@ const buildCard$2 = (destination, yamlFields) => {
         { title: DISPLAY_TITLES.TYPE, value: destinationType.type },
         { type: DataCardFieldTypes.Monitors, title: DISPLAY_TITLES.MONITORS, value: buildMonitorsList(exportedSignals) },
     ];
-    const parsedFields = safeJsonParse(fields, {});
-    const sortedParsedFields = yamlFields.map((field) => ({ key: field.name, value: parsedFields[field.name] ?? null })).filter((item) => item.value !== null) ||
-        Object.entries(parsedFields).map(([key, value]) => ({ key, value }));
-    sortedParsedFields.map(({ key, value }) => {
-        const { displayName, secret, componentProperties, hideFromReadData, customReadDataLabels } = yamlFields.find((field) => field.name === key) || {};
-        const shouldHide = !!hideFromReadData?.length
-            ? compareCondition(hideFromReadData, yamlFields.map((field) => ({ name: field.name, value: parsedFields[field.name] ?? null })))
-            : false;
+    const mappedFields = mapDestinationFieldsForDisplay(destination, yamlFields);
+    const mappedFieldsForConditionCompare = mappedFields.map((field) => ({ name: field.key, value: field.value }));
+    mappedFields.map(({ key, name, value }) => {
+        const { secret, componentProperties, hideFromReadData, customReadDataLabels } = yamlFields.find((field) => field.name === key) || {};
+        const shouldHide = !!hideFromReadData?.length ? compareCondition(hideFromReadData, mappedFieldsForConditionCompare) : false;
         if (!shouldHide) {
             const { type } = safeJsonParse(componentProperties, { type: '' });
-            const isSecret = (secret || type === 'password') && !!value.length ? new Array(10).fill('•').join('') : '';
+            const secretPlaceholder = (secret || type === 'password') && !!value.length ? new Array(10).fill('•').join('') : '';
             arr.push({ type: DataCardFieldTypes.Divider });
             if (!!customReadDataLabels?.length) {
                 customReadDataLabels.forEach(({ condition, ...custom }) => {
@@ -14143,8 +14134,8 @@ const buildCard$2 = (destination, yamlFields) => {
             }
             else {
                 arr.push({
-                    title: displayName || key,
-                    value: isSecret || value,
+                    title: name,
+                    value: secretPlaceholder || value,
                 });
             }
         }
@@ -14345,7 +14336,6 @@ const DestinationDrawer = ({ categories, updateDestination, deleteDestination, t
     const isOpen = drawerType !== EntityTypes.Destination;
     const [isEditing, setIsEditing] = useState(false);
     const [isFormDirty, setIsFormDirty] = useState(false);
-    // const [thisItem, setThisItem] = useState<Destination | undefined>(undefined)
     const { formData, formErrors, handleFormChange, resetFormData, validateForm, loadFormWithDrawerItem, yamlFields, setYamlFields, dynamicFields, setDynamicFields } = useDestinationFormData({
     // preLoadedFields: thisItem?.fields,
     // TODO: supportedSignals: thisDestination?.supportedSignals,
@@ -14357,19 +14347,7 @@ const DestinationDrawer = ({ categories, updateDestination, deleteDestination, t
         const found = destinationsByStream?.find((x) => x.id === drawerEntityId);
         if (!!found) {
             loadFormWithDrawerItem(found);
-            const fields = [];
-            const parsedCategories = JSON.parse(JSON.stringify(categories));
-            for (const category of parsedCategories) {
-                const autoFilledFields = safeJsonParse(found.fields, {});
-                const idx = category.items.findIndex((item) => item.type === found.destinationType.type);
-                if (idx !== -1) {
-                    fields.push(...category.items[idx].fields.map((field) => ({
-                        ...field,
-                        initialValue: autoFilledFields[field.name],
-                    })));
-                }
-            }
-            setYamlFields(fields);
+            setYamlFields(getYamlFieldsForDestination(categories, found));
         }
         return found;
     }, [isOpen, drawerEntityId, destinationsByStream]);
@@ -14692,21 +14670,21 @@ const Container$7 = styled.div `
   height: fit-content;
   overflow-y: scroll;
 `;
-const DestinationList = ({ withDelete }) => {
+const DestinationList = ({ categories, withDelete }) => {
     const { configuredDestinations, configuredDestinationsUpdateOnly } = useSetupStore();
     if (!configuredDestinations.length && !configuredDestinationsUpdateOnly.length) {
         return (React.createElement(CenterThis, null,
             React.createElement(NoDataFound, { title: 'No destinations', subTitle: 'Please add a destination' })));
     }
-    return (React.createElement(Container$7, null, configuredDestinations.concat(configuredDestinationsUpdateOnly).map((dest, idx) => (React.createElement(ListItem, { key: `configured-destination-${dest.destinationType.type}-${idx}`, "data-id": `configured-destination-${dest.destinationType.type}`, item: dest, isLastItem: configuredDestinations.length + configuredDestinationsUpdateOnly.length === 1, withDelete: withDelete })))));
+    return (React.createElement(Container$7, null, configuredDestinations.concat(configuredDestinationsUpdateOnly).map((dest, idx) => (React.createElement(ListItem, { key: `configured-destination-${dest.destinationType.type}-${idx}`, "data-id": `configured-destination-${dest.destinationType.type}`, item: dest, yamlFields: getYamlFieldsForDestination(categories, dest), isLastItem: configuredDestinations.length + configuredDestinationsUpdateOnly.length === 1, withDelete: withDelete })))));
 };
-const ListItem = ({ item, isLastItem, withDelete }) => {
+const ListItem = ({ item, yamlFields, isLastItem, withDelete }) => {
     const [deleteWarning, setDeleteWarning] = useState(false);
     const { icon, iconSrc } = getDestinationIcon(item.destinationType.type);
     const { removeConfiguredDestination, removeConfiguredDestinationUpdateOnly } = useSetupStore();
-    const mappedFields = useMemo(() => Object.entries(safeJsonParse(item.fields, {})).map(([k, v]) => ({ title: k, value: v })) || [], [item.fields]);
+    const mappedFields = useMemo(() => mapDestinationFieldsForDisplay(item, yamlFields).map((f) => ({ title: f.name, value: f.value })), [item, yamlFields]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(DataTab, { title: item.destinationType.displayName || item.name, subTitle: item.destinationType.type, iconProps: { icon, iconSrc }, visualProps: {
+        React.createElement(DataTab, { title: item.name || item.destinationType.displayName, subTitle: item.destinationType.type, iconProps: { icon, iconSrc }, visualProps: {
                 monitors: mapExportedSignals(item.exportedSignals),
                 monitorsWithLabels: true,
             }, extendableProps: {
@@ -14754,7 +14732,7 @@ const DestinationSelectionForm = ({ isSourcesListEmpty, goToSources, categories,
                     React.createElement(LargeAndWideAddButton, { variant: 'secondary', onClick: onOpen },
                         React.createElement(PlusIcon$1, null),
                         React.createElement(Text, { color: theme.colors.secondary, size: 14, decoration: 'underline', family: 'secondary' }, DISPLAY_TITLES.ADD_DESTINATION))),
-                React.createElement(DestinationList, { withDelete: true }))),
+                React.createElement(DestinationList, { categories: categories, withDelete: true }))),
         React.createElement(DestinationModal, { isOnboarding: true, categories: categories, potentialDestinations: potentialDestinations, updateDestination: () => { }, createDestination: () => { }, testConnection: testConnection })));
 };
 
@@ -14954,6 +14932,23 @@ const CodeAttributes = ({ value, setValue, formErrors }) => {
             !!errorMessage && React.createElement(FieldError, null, errorMessage))));
 };
 
+const ALL_HEADERS = ['*'];
+const HeadersCollection = ({ value, setValue, formErrors }) => {
+    const errorMessage = formErrors['headersCollection'];
+    const mappedValue = useMemo(() => value?.['headersCollection']?.[HeadersCollectionKeyTypes.HeaderKeys] || [], [value]);
+    const handleChange = (arr) => {
+        const payload = {
+            [HeadersCollectionKeyTypes.HeaderKeys]: arr,
+        };
+        setValue('headersCollection', payload);
+    };
+    useEffect(() => {
+        if (!mappedValue.length)
+            handleChange(ALL_HEADERS);
+    }, [mappedValue]);
+    return (React.createElement("div", null, mappedValue.length > 0 && (React.createElement(InputList, { title: 'Header Keys', tooltip: 'Specify which headers you want to collect, asterisk (*) will collect all headers.', value: mappedValue, onChange: (arr) => handleChange(arr), errorMessage: errorMessage }))));
+};
+
 const ListContainer = styled.div `
   display: flex;
   flex-direction: column;
@@ -15021,8 +15016,9 @@ const PayloadCollection = ({ value, setValue, formErrors }) => {
 };
 
 const componentsMap = {
-    [InstrumentationRuleType.PayloadCollection]: PayloadCollection,
     [InstrumentationRuleType.CodeAttributes]: CodeAttributes,
+    [InstrumentationRuleType.HeadersCollection]: HeadersCollection,
+    [InstrumentationRuleType.PayloadCollection]: PayloadCollection,
     [InstrumentationRuleType.UnknownType]: null,
 };
 const CustomFields = ({ ruleType, value, setValue, formErrors }) => {
@@ -15561,7 +15557,7 @@ const SourceList = ({ isModal = false, withInstances = true, filteredNamespacesA
             (isNamespaceSelected || !onSelectNamespace) &&
                 (hasSources ? (React.createElement(RelativeWrapper, { "$addPadding": !onSelectSource },
                     React.createElement(AbsoluteWrapper, null,
-                        React.createElement(Divider, { orientation: 'vertical', length: `${onlyOneSource ? 24 : (sources.length) * 34}px` })),
+                        React.createElement(Divider, { orientation: 'vertical', length: `${onlyOneSource ? 24 : sources.length * 34}px` })),
                     sources.map((source) => {
                         const isSourceSelected = onlySelectedSources.some(({ name }) => name === source.name);
                         return React.createElement(SourceRow, { key: `source-${source.name}`, withInstances: withInstances, source: source, namespace: namespace, isSelected: isSourceSelected, onSelect: onSelectSource });
@@ -15589,19 +15585,20 @@ const Container$3 = styled.div `
   height: fit-content;
   overflow-y: scroll;
 `;
-const SetupSummary = ({ onEditStream, onEditSources, onEditDestinations }) => {
-    const { selectedStreamName } = useDataStreamStore();
+const SetupSummary = ({ 
+// onEditStream,
+onEditSources, onEditDestinations, categories, }) => {
+    // const { selectedStreamName } = useDataStreamStore();
     const { configuredSources, configuredDestinations, configuredDestinationsUpdateOnly } = useSetupStore();
     const sourceCount = useMemo(() => Object.values(configuredSources).reduce((total, sourceList) => total + sourceList.filter((s) => s.selected).length, 0), [configuredSources]);
     return (React.createElement(ModalBody, { "$isNotModal": true },
         React.createElement(FlexColumn, { "$gap": 12 },
             React.createElement(SectionTitle, { title: DISPLAY_TITLES.SUMMARY, description: DISPLAY_TITLES.STREAM_CONFIRM }),
             React.createElement(Container$3, null,
-                React.createElement(DataCard, { title: DISPLAY_TITLES.STREAM_NAME, action: () => React.createElement(EditButton, { onClick: onEditStream }), data: [{ title: '', value: selectedStreamName }] }),
                 React.createElement(DataCard, { title: DISPLAY_TITLES.SELECTED_SOURCES, titleBadge: sourceCount, action: () => React.createElement(EditButton, { onClick: onEditSources }) },
                     React.createElement(SourceList, { filteredNamespacesAndSources: configuredSources, withInstances: false })),
                 React.createElement(DataCard, { title: DISPLAY_TITLES.SELECTED_DESTINATIONS, titleBadge: configuredDestinations.length + configuredDestinationsUpdateOnly.length, action: () => React.createElement(EditButton, { onClick: onEditDestinations }) },
-                    React.createElement(DestinationList, null))))));
+                    React.createElement(DestinationList, { categories: categories }))))));
 };
 
 var NavIconIds;

package/lib/functions/get-yaml-fields-for-destination/index.d.ts

@@ -0,0 +1,2 @@
+import { Destination, DestinationCategories, DestinationYamlProperties } from '@/types';
+export declare const getYamlFieldsForDestination: (categories: DestinationCategories, destination: Destination) => DestinationYamlProperties[];

package/lib/functions/index.d.ts

@@ -28,10 +28,13 @@ export * from './get-sse-target-from-id';
 export * from './get-status-icon';
 export * from './get-value-for-range';
 export * from './get-workload-id';
+export * from './get-yaml-fields-for-destination';
 export * from './is-emtpy';
+export * from './is-legal-k8s-label';
 export * from './is-over-time';
 export * from './is-time-elapsed';
 export * from './map-conditions';
+export * from './map-destination-fields-for-display';
 export * from './map-exported-signals';
 export * from './parse-json-string-to-pretty-string';
 export * from './remove-empty-values-from-object';

package/lib/functions/is-legal-k8s-label/index.d.ts

@@ -0,0 +1 @@
+export declare const isLegalK8sLabel: (name: string) => boolean;

package/lib/functions/map-destination-fields-for-display/index.d.ts

@@ -0,0 +1,6 @@
+import { Destination, DestinationYamlProperties } from '@/types';
+export declare const mapDestinationFieldsForDisplay: (destination: Destination, yamlFields: DestinationYamlProperties[]) => {
+    key: string;
+    name: string;
+    value: any;
+}[];

package/lib/functions.js

@@ -1,16 +1,14 @@
-export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getProgrammingLanguageIcon, b as getStatusIcon, m as mapConditions, p as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-CJs4RDHU.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 isOverTime, u as mapExportedSignals, v as sleep } from './index-DYNMhZMX.js';
-export { g as getActionIcon, a as getInstrumentationRuleIcon } from './index-CFnxjzaW.js';
-export { k as getEntityId } from './index-DMXaEyAB.js';
-export { g as getIdFromSseTarget } from './index-7-KCQK-x.js';
+export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getProgrammingLanguageIcon, b as getStatusIcon, m as mapConditions, p as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-B_Gl6Qa6.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 mapExportedSignals, x as sleep } from './index-Iq7U_fzb.js';
+export { k as getActionIcon, l as getEntityId, m as getInstrumentationRuleIcon } from './index-CVH8Q8Sl.js';
+export { g as getIdFromSseTarget, i as isLegalK8sLabel } from './index-CnZlllYu.js';
 import { EntityTypes } from './types.js';
-export { i as isEmpty, s as safeJsonParse } from './index-BZS1ijMm.js';
+export { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
 import 'react';
 import 'styled-components';
-import './index-DGel4E-Z.js';
-import './theme.js';
-import './index-IKusBlIE.js';
-import './index-BbbCCewR.js';
+import './index-Do3CYz7N.js';
+import './index-mOgS3e5E.js';
+import './index-1N9wymEq.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {
     const cleanArray = (arr) => arr.filter((item) => {

package/lib/hooks/useInstrumentationRuleFormData.d.ts

@@ -1,7 +1,7 @@
 import { type InstrumentationRule, type InstrumentationRuleFormData } from '@/types';
 export declare const useInstrumentationRuleFormData: () => {
     formData: InstrumentationRuleFormData;
-    formErrors: Partial<Record<"ruleName" | "notes" | "disabled" | "workloads" | "instrumentationLibraries" | "payloadCollection" | "codeAttributes", string>>;
+    formErrors: Partial<Record<"ruleName" | "notes" | "disabled" | "workloads" | "instrumentationLibraries" | "codeAttributes" | "headersCollection" | "payloadCollection", string>>;
     handleFormChange: (key?: string | undefined, val?: any, obj?: InstrumentationRuleFormData | undefined) => void;
     resetFormData: () => void;
     validateForm: (params?: {

package/lib/hooks.js

@@ -1,12 +1,9 @@
-export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDataStreamFormData, d as useDestinationFormData, e as useSourceFormData, f as useSourceSelectionFormData } from './useSourceSelectionFormData-BWz8fTJr.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-B65KBqdK.js';
+export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDataStreamFormData, d as useDestinationFormData, e as useSourceFormData, f as useSourceSelectionFormData } from './useSourceSelectionFormData-DiwzViqL.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-B0eagOib.js';
 import './types.js';
+import './index-CVH8Q8Sl.js';
 import 'react';
-import './index-DMXaEyAB.js';
 import 'styled-components';
-import './index-BZS1ijMm.js';
-import './index-DGuOxbBR.js';
-import './index-CFnxjzaW.js';
-import './index-DGel4E-Z.js';
-import './theme.js';
-import './index-7-KCQK-x.js';
+import './index-mOgS3e5E.js';
+import './index-BV85P9UP.js';
+import './index-CnZlllYu.js';

package/lib/icons/instrumentation-rules/headers-collection-icon/headers-collection-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/instrumentation-rules/headers-collection-icon/index.d.ts

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

package/lib/icons/instrumentation-rules/index.d.ts

@@ -1,2 +1,3 @@
 export * from './code-attributes-icon/index';
+export * from './headers-collection-icon/index';
 export * from './payload-collection-icon/index';

package/lib/icons.js

@@ -1,12 +1,11 @@
-export { A as AddClusterInfoIcon, C as CodeAttributesIcon, D as DeleteAttributeIcon, I as ImageErrorIcon, K as K8sLogo, a as PayloadCollectionIcon, P as PiiMaskingIcon, R as RenameAttributeIcon, S as SamplerIcon } from './index-DGel4E-Z.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-IKusBlIE.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-CamnKrev.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-BJxaoI0G.js';
+import { T as Theme } from './index-CVH8Q8Sl.js';
+export { o as AddClusterInfoIcon, C as CodeAttributesIcon, D as DeleteAttributeIcon, H as HeadersCollectionIcon, n as ImageErrorIcon, K as K8sLogo, p as PayloadCollectionIcon, P as PiiMaskingIcon, R as RenameAttributeIcon, S as SamplerIcon } from './index-CVH8Q8Sl.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-Do3CYz7N.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-f8FRaVkE.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-CNfdJ1X8.js';
 import React from 'react';
-import Theme from './theme.js';
-export { E as EditIcon } from './index-CWbxXTof.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-BbbCCewR.js';
-import './index-DMXaEyAB.js';
+export { E as EditIcon } from './index-BQQZyvRz.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-1N9wymEq.js';
 import './types.js';
 import 'styled-components';
 

package/lib/{index-BbbCCewR.js → index-1N9wymEq.js}

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

package/lib/{index-CWbxXTof.js → index-BQQZyvRz.js}

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