@odigos/ui-kit 0.0.92 → 0.0.94

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [0.0.94](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.93...ui-kit-v0.0.94) (2025-08-25)
+
+
+### Features
+
+* **destinations:** add Odigos destination type and logo, update mock data ([#352](https://github.com/odigos-io/ui-kit/issues/352)) ([3167dd1](https://github.com/odigos-io/ui-kit/commit/3167dd1b6220cc3caaaad9bd7f7be71434722d4e))
+
+## [0.0.93](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.92...ui-kit-v0.0.93) (2025-08-25)
+
+
+### Bug Fixes
+
+* **overview-drawer:** add onClose prop to OverviewDrawer and update SourceDrawer to handle close action ([#349](https://github.com/odigos-io/ui-kit/issues/349)) ([ea12dc2](https://github.com/odigos-io/ui-kit/commit/ea12dc23a74779ae45c8efca1aeec32ad08935eb))
+* **tooltip:** comment out cursor style in TooltipContainer ([#351](https://github.com/odigos-io/ui-kit/issues/351)) ([a86cb47](https://github.com/odigos-io/ui-kit/commit/a86cb47ae89966b7300b65953a724b1188d0b01b))
+
 ## [0.0.92](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.91...ui-kit-v0.0.92) (2025-08-25)
 
 

package/lib/components.js

@@ -1,6 +1,6 @@
-import { B as Button } from './index-c616d2a7.js';
-export { A as AutocompleteInput, a as Badge, a9 as CenterThis, C as Checkbox, b as Code, c as ConditionDetails, D as DataCard, e as DataCardFieldTypes, d as DataCardFields, f as DataFinger, g as DataTab, h as DescribeRow, i as Divider, j as DocsButton, k as Drawer, m as DrawerFooter, l as DrawerHeader, n as Dropdown, E as ExtendArrow, F as FadeLoader, o as FieldError, p as FieldLabel, a8 as FlexColumn, a7 as FlexRow, H as Header, I as IconButton, q as IconGroup, r as IconTitleBadge, s as IconWrapped, t as IconsNav, u as ImageControlled, v as Input, w as InputList, x as InputTable, y as InteractiveTable, K as KeyValueInputsList, M as Modal, ac as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, ab as Overlay, P as Popup, O as PopupForm, S as ScrollX, Q as SectionTitle, R as Segment, U as SelectionButton, V as SkeletonLoader, W as Status, X as Stepper, Y as TabList, ad as TableContainer, ae as TableTitleWrap, af as TableWrap, Z as Tag, _ as Text, a2 as TextArea, a3 as Toggle, T as ToggleCodeComponent, a4 as Tooltip, a5 as TraceLoader, aa as VerticalScroll, a6 as WarningModal, $ as getLinksFromText, a0 as getStrongsFromText, a1 as renderText } from './index-c616d2a7.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-941ea41c.js';
+import { B as Button } from './index-c529b896.js';
+export { A as AutocompleteInput, a as Badge, a9 as CenterThis, C as Checkbox, b as Code, c as ConditionDetails, D as DataCard, e as DataCardFieldTypes, d as DataCardFields, f as DataFinger, g as DataTab, h as DescribeRow, i as Divider, j as DocsButton, k as Drawer, m as DrawerFooter, l as DrawerHeader, n as Dropdown, E as ExtendArrow, F as FadeLoader, o as FieldError, p as FieldLabel, a8 as FlexColumn, a7 as FlexRow, H as Header, I as IconButton, q as IconGroup, r as IconTitleBadge, s as IconWrapped, t as IconsNav, u as ImageControlled, v as Input, w as InputList, x as InputTable, y as InteractiveTable, K as KeyValueInputsList, M as Modal, ac as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, ab as Overlay, P as Popup, O as PopupForm, S as ScrollX, Q as SectionTitle, R as Segment, U as SelectionButton, V as SkeletonLoader, W as Status, X as Stepper, Y as TabList, ad as TableContainer, ae as TableTitleWrap, af as TableWrap, Z as Tag, _ as Text, a2 as TextArea, a3 as Toggle, T as ToggleCodeComponent, a4 as Tooltip, a5 as TraceLoader, aa as VerticalScroll, a6 as WarningModal, $ as getLinksFromText, a0 as getStrongsFromText, a1 as renderText } from './index-c529b896.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-9a7beddb.js';
 import React, { createContext, Component, createElement } from 'react';
 import { T as Theme } from './index-40dfa720.js';
 import 'styled-components';

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

@@ -11,6 +11,7 @@ interface OverviewDrawerProps extends PropsWithChildren {
     isEdit?: boolean;
     isFormDirty?: boolean;
     isLastItem?: boolean;
+    onClose?: () => void;
     onEdit?: (bool?: boolean) => void;
     onSave?: (newTitle: string) => void;
     onDelete?: () => void;

package/lib/containers.js

@@ -2,16 +2,16 @@ import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, us
 import styled, { css } from 'styled-components';
 import { b as DISPLAY_TITLES, T as Theme, V as usePendingStore, W as useNotificationStore, Q as useDrawerStore, B as BUTTON_TEXTS, X as useEntityStore, A as ACTION_OPTIONS, g as getActionIcon, O as useModalStore, F as FORM_ALERTS, Y as useFilterStore, e as getInstrumentationRuleIcon, Z as useDataStreamStore, _ as useInstrumentStore, d as getEntityId, D as DISPLAY_LANGUAGES, M as MONITORS_OPTIONS, S as STORAGE_KEYS, a as DEFAULT_DATA_STREAM_NAME, c as compareCondition, $ as useSetupStore, f as getProgrammingLanguageIcon, I as INSTRUMENTATION_RULE_OPTIONS, a0 as useSelectedStore, l as ImageErrorIcon, a1 as useDarkMode } from './index-40dfa720.js';
 import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, EdgeTypes, AddNodeTypes, SignalType, HeadersCollectionKeyTypes, CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType, K8sResourceKind, ProgrammingLanguages, MountMethod, AgentEnvVarsInjectionMethod, Profile, InstallationMethod } from './types.js';
-import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, a3 as Toggle, K as KeyValueInputsList, w as InputList, _ as Text, R as Segment, Q as SectionTitle, j as DocsButton, z as MonitorsCheckboxes, a2 as TextArea, k as Drawer, c as ConditionDetails, D as DataCard, a8 as FlexColumn, M as Modal, N as NavigationButtons, ac as ModalBody, L as NotificationNote, A as AutocompleteInput, i as Divider, W as Status, a7 as FlexRow, a4 as Tooltip, s as IconWrapped, G as MonitorsIcons, ad as TableContainer, ae as TableTitleWrap, r as IconTitleBadge, af as TableWrap, y as InteractiveTable, a9 as CenterThis, J as NoDataFound, a5 as TraceLoader, a as Badge, ag as nodeConfig, ah as useNodesState, ai as useEdgesState, aj as Flow, ak as applyNodeChanges, P as Popup, U as SelectionButton, aa as VerticalScroll, n as Dropdown, B as Button, I as IconButton, E as ExtendArrow, al as AddButton, F as FadeLoader, g as DataTab, X as Stepper, d as DataCardFields, Z as Tag, am as MarkerType, t as IconsNav, an as CopyText, h as DescribeRow, ao as PodContainer, ap as SourceContainer, q as IconGroup, O as PopupForm, S as ScrollX } from './index-c616d2a7.js';
+import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, a3 as Toggle, K as KeyValueInputsList, w as InputList, _ as Text, R as Segment, Q as SectionTitle, j as DocsButton, z as MonitorsCheckboxes, a2 as TextArea, k as Drawer, c as ConditionDetails, D as DataCard, a8 as FlexColumn, M as Modal, N as NavigationButtons, ac as ModalBody, L as NotificationNote, A as AutocompleteInput, i as Divider, W as Status, a7 as FlexRow, a4 as Tooltip, s as IconWrapped, G as MonitorsIcons, ad as TableContainer, ae as TableTitleWrap, r as IconTitleBadge, af as TableWrap, y as InteractiveTable, a9 as CenterThis, J as NoDataFound, a5 as TraceLoader, a as Badge, ag as nodeConfig, ah as useNodesState, ai as useEdgesState, aj as Flow, ak as applyNodeChanges, P as Popup, U as SelectionButton, aa as VerticalScroll, n as Dropdown, B as Button, I as IconButton, E as ExtendArrow, al as AddButton, F as FadeLoader, g as DataTab, X as Stepper, d as DataCardFields, Z as Tag, am as MarkerType, t as IconsNav, an as CopyText, h as DescribeRow, ao as PodContainer, ap as SourceContainer, q as IconGroup, O as PopupForm, S as ScrollX } from './index-c529b896.js';
 import { i as isEmpty, s as safeJsonParse, d as deepClone } from './index-5e5f7bda.js';
 import { C as CheckCircledIcon, O as OdigosLogo, E as ErrorTriangleIcon } from './index-eff01b3d.js';
 import { C as CrossCircledIcon, O as OdigosLogoText, F as FilterIcon, D as DataStreamsIcon, A as ArrowIcon, R as RefreshLeftArrowIcon, N as NotificationIcon, U as UserIcon, a as OverviewIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon, G as GearIcon } from './index-a53852b3.js';
 import { useActionFormData, useSessionStorage, useDataStreamFormData, useDestinationFormData, useClickNotification, useSourceFormData, useSourceSelectionFormData } from './hooks.js';
 import { u as useKeyDown, a as useContainerSize, b as useClickNode, c as usePopup, d as useOnClickOutside, e as useInstrumentationRuleFormData, f as useTransition, g as useTimeAgo, h as useCopy, i as useGenericForm } from './useTransition-2df374a9.js';
 import { E as EditIcon, T as TrashIcon, S as SearchIcon, h as CheckIcon, P as PlusIcon, a as CopyIcon } from './index-1bc2b507.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-941ea41c.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-9a7beddb.js';
 import { g as getConditionsBooleans, m as mapConditions, b as getStatusIcon, h as splitCamelString, c as capitalizeFirstLetter, i as isStringABoolean, p as parseBooleanFromString } from './index-d92ef50b.js';
-import { f as filterActions, l as getEntityLabel, k as getEntityIcon, u as sleep, e as formatBytes, i as getContainersIcons, o as getValueForRange, j as getDestinationIcon, d as filterSourcesByStream, c as filterSources, b as filterDestinationsByStream, a as filterDestinations, t as mapDestinationFieldsForDisplay, q as getYamlFieldsForDestination, m as getMetricForEntity, p as getWorkloadId, r as hasUnhealthyInstances, h as getContainersInstrumentedCount, s as isOverTime, n as getRecursiveValues, g as formatDuration } from './index-9e75254d.js';
+import { f as filterActions, l as getEntityLabel, k as getEntityIcon, u as sleep, e as formatBytes, i as getContainersIcons, o as getValueForRange, j as getDestinationIcon, d as filterSourcesByStream, c as filterSources, b as filterDestinationsByStream, a as filterDestinations, t as mapDestinationFieldsForDisplay, q as getYamlFieldsForDestination, m as getMetricForEntity, p as getWorkloadId, r as hasUnhealthyInstances, h as getContainersInstrumentedCount, s as isOverTime, n as getRecursiveValues, g as formatDuration } from './index-bf427e64.js';
 import { m as mapExportedSignals } from './index-6a6bea6e.js';
 import { NoteBackToSummary, EditButton } from './snippets.js';
 import { D as DESTINATION_CATEGORIES } from './index-1cb4f9e2.js';
@@ -527,7 +527,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, headerActionButtons, }, drawerRef) => {
+const OverviewDrawer = forwardRef(({ children, width = 640, title, titleTooltip, hideEditTitleFromEdit, icons, iconSrcs, isEdit = false, isFormDirty = false, isLastItem = false, onClose, onEdit, onSave, onDelete, onCancel, tabs, headerActionButtons, }, drawerRef) => {
     const theme = Theme.useTheme();
     const { isThisPending } = usePendingStore();
     const { addNotification } = useNotificationStore();
@@ -547,6 +547,7 @@ const OverviewDrawer = forwardRef(({ children, width = 640, title, titleTooltip,
             onEdit(false);
         setDrawerType(null);
         setDrawerEntityId(null);
+        onClose?.();
     };
     useImperativeHandle(drawerRef, () => ({
         closeDrawer,
@@ -4267,7 +4268,7 @@ const SourceDrawer = ({ persistSources, updateSource, restartWorkloads, fetchSou
     const [fetchedSource, setFetchedSource] = useState(null);
     // this is used to fetch the source on drawer open, so we ensure we have the latest data
     useEffect(() => {
-        if (!isOpen || !drawerEntityId || !!fetchedSource)
+        if (!isOpen || !drawerEntityId)
             return;
         fetchSourceById(drawerEntityId).then((source) => setFetchedSource(source || null));
     }, [isOpen, drawerEntityId, fetchedSource]);
@@ -4275,7 +4276,7 @@ const SourceDrawer = ({ persistSources, updateSource, restartWorkloads, fetchSou
     const thisItem = useMemo(() => {
         if (!isOpen)
             return null;
-        const found = fetchedSource ||
+        const found = (!!fetchedSource && JSON.stringify(getWorkloadId(fetchedSource)) === JSON.stringify(getWorkloadId(drawerEntityId)) ? fetchedSource : null) ||
             sourcesByStream?.find((x) => x.namespace === drawerEntityId.namespace && x.name === drawerEntityId.name && x.kind === drawerEntityId.kind);
         if (!!found)
             loadFormWithDrawerItem(found);
@@ -4341,7 +4342,10 @@ const SourceDrawer = ({ persistSources, updateSource, restartWorkloads, fetchSou
         setIsFormDirty(false);
         setIsEditing(false);
     };
-    return (React.createElement(OverviewDrawer, { ref: drawerRef, title: thisItem.otelServiceName || thisItem.name, titleTooltip: 'This attribute is used to identify the name of the service (service.name) that is generating telemetry data.', hideEditTitleFromEdit: true, icons: getContainersIcons(thisItem.containers), isEdit: isEditing, isFormDirty: isFormDirty, onEdit: selectedTab === Tabs.Overview ? handleEdit : undefined, onSave: handleSave, onDelete: selectedTab === Tabs.Overview ? handleDelete : undefined, onCancel: handleCancel, isLastItem: sourcesByStream.length === 1, tabs: tabs, headerActionButtons: [
+    return (React.createElement(OverviewDrawer, { ref: drawerRef, onClose: () => {
+            setSelectedTab(Tabs.Overview);
+            setFetchedSource(null);
+        }, title: thisItem.otelServiceName || thisItem.name, titleTooltip: 'This attribute is used to identify the name of the service (service.name) that is generating telemetry data.', hideEditTitleFromEdit: true, icons: getContainersIcons(thisItem.containers), isEdit: isEditing, isFormDirty: isFormDirty, onEdit: selectedTab === Tabs.Overview ? handleEdit : undefined, onSave: handleSave, onDelete: selectedTab === Tabs.Overview ? handleDelete : undefined, onCancel: handleCancel, isLastItem: sourcesByStream.length === 1, tabs: tabs, headerActionButtons: [
             {
                 'data-id': 'rollout-restart',
                 variant: 'tertiary',

package/lib/functions.js

@@ -2,7 +2,7 @@ export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getConditionsB
 import { K as K8sLogo } from './index-40dfa720.js';
 export { c as compareCondition, g as getActionIcon, d as getEntityId, e as getInstrumentationRuleIcon, f as getProgrammingLanguageIcon } from './index-40dfa720.js';
 export { d as deepClone, i as isEmpty, s as safeJsonParse } from './index-5e5f7bda.js';
-export { f as filterActions, a as filterDestinations, b as filterDestinationsByStream, c as filterSources, d as filterSourcesByStream, e as formatBytes, g as formatDuration, i as getContainersIcons, h as getContainersInstrumentedCount, j as getDestinationIcon, k as getEntityIcon, l as getEntityLabel, m as getMetricForEntity, n as getRecursiveValues, o as getValueForRange, p as getWorkloadId, q as getYamlFieldsForDestination, r as hasUnhealthyInstances, s as isOverTime, t as mapDestinationFieldsForDisplay, u as sleep } from './index-9e75254d.js';
+export { f as filterActions, a as filterDestinations, b as filterDestinationsByStream, c as filterSources, d as filterSourcesByStream, e as formatBytes, g as formatDuration, i as getContainersIcons, h as getContainersInstrumentedCount, j as getDestinationIcon, k as getEntityIcon, l as getEntityLabel, m as getMetricForEntity, n as getRecursiveValues, o as getValueForRange, p as getWorkloadId, q as getYamlFieldsForDestination, r as hasUnhealthyInstances, s as isOverTime, t as mapDestinationFieldsForDisplay, u as sleep } from './index-bf427e64.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-6a6bea6e.js';
 import { ProgrammingLanguages, PlatformType, EntityTypes } from './types.js';
 import 'react';

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

@@ -38,6 +38,7 @@ export * from './lumigo-logo';
 export * from './middleware-logo';
 export * from './new-relic-logo';
 export * from './observe-logo';
+export * from './odigos-destination-logo';
 export * from './one-uptime-logo';
 export * from './open-observe-logo';
 export * from './open-telemetry-logo';

package/lib/icons/destinations/odigos-destination-logo/index.d.ts

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

package/lib/icons.js

@@ -91,6 +91,29 @@ const GoogleCloudStorageLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
             React.createElement("use", { xlinkHref: '#gcs-1', y: '36' }))));
 };
 
+const OdigosDestinationLogo = ({ size = 16, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '14 14 227 227', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("rect", { fill: 'none', width: '255.71', height: '255.71' }),
+            React.createElement("g", null,
+                React.createElement("rect", { fill: '#121212', x: '18.46', y: '18.46', width: '218.79', height: '218.79', rx: '36.65', ry: '36.65' }),
+                React.createElement("g", null,
+                    React.createElement("path", { fill: '#FFF', d: 'M101.85,120.59l-21.59,21.59c-.56.56-1.31.82-2.04.79-.77-.03-1.52-.38-2.03-1.05-3.49-4.53-6.31-9.41-8.44-14.51-.35-.84-.43-1.75-.26-2.61s.6-1.67,1.24-2.32l16.87-16.87c.88-.88,1.32-2.03,1.32-3.19s-.44-2.32-1.32-3.2l-16.99-16.99c-.89-.89-1.35-2.08-1.33-3.29.01-.55.12-1.09.34-1.62,2.12-5.12,4.91-10.03,8.39-14.58.5-.65,1.23-1.01,1.98-1.05s1.52.21,2.1.79l21.77,21.77c.71.71,1.06,1.63,1.06,2.56s-.35,1.85-1.06,2.56l-9.86,9.86c-.88.88-1.32,2.04-1.32,3.2s.44,2.31,1.32,3.2l9.86,9.86c.71.71,1.06,1.63,1.06,2.56s-.35,1.85-1.06,2.56Z' }),
+                    React.createElement("path", { fill: '#FFF', d: 'M167.79,54.65l-22.7,22.7c-.49.49-1.07.88-1.7,1.15-.67.29-1.4.44-2.14.44h-26.62c-.72,0-1.42-.14-2.08-.41s-1.25-.67-1.76-1.18l-22.81-22.81c-.58-.58-.84-1.35-.79-2.1s.4-1.48,1.05-1.98c4.54-3.48,9.44-6.29,14.55-8.41.78-.33,1.62-.41,2.42-.28.93.15,1.8.58,2.49,1.27l17.03,17.03c.85.85,1.96,1.29,3.07,1.32,1.2.03,2.41-.41,3.32-1.32l16.96-16.96c.65-.65,1.46-1.07,2.32-1.24s1.77-.1,2.61.26c5.1,2.14,9.98,4.95,14.51,8.44,1.29,1,1.41,2.91.25,4.07Z' }),
+                    React.createElement("circle", { fill: '#FFF', cx: '127.82', cy: '102.43', r: '14.21' }),
+                    React.createElement("path", { fill: '#FFF', d: 'M87.99,150.01l22.7-22.7c.44-.44.95-.8,1.51-1.06.72-.34,1.51-.52,2.33-.52h26.62c.72,0,1.42.14,2.08.41s1.25.67,1.76,1.18l22.81,22.81c.52.52.78,1.19.8,1.87.02.83-.34,1.66-1.05,2.2-4.54,3.48-9.44,6.29-14.55,8.41-.84.35-1.75.43-2.61.25s-1.67-.6-2.31-1.24l-17.03-17.03c-.88-.88-2.04-1.32-3.2-1.32s-2.31.44-3.2,1.32l-16.96,16.96c-.59.59-1.33,1-2.11,1.2-.92.23-1.91.17-2.82-.21-5.1-2.14-9.98-4.95-14.51-8.44-.65-.5-1-1.23-1.04-1.98s.21-1.52.79-2.09Z' }),
+                    React.createElement("path", { fill: '#FFF', d: 'M153.86,84.07l21.59-21.59c.58-.58,1.35-.84,2.09-.79s1.48.4,1.98,1.04c3.49,4.53,6.31,9.41,8.44,14.51.18.42.28.86.33,1.3.13,1.32-.34,2.66-1.31,3.63l-16.87,16.87c-.88.88-1.32,2.04-1.32,3.2s.44,2.31,1.32,3.2l16.99,16.99c.64.64,1.07,1.45,1.24,2.31s.1,1.76-.25,2.6c-2.12,5.12-4.91,10.03-8.39,14.58-.44.58-1.07.92-1.73,1.03-.83.13-1.71-.12-2.35-.76l-21.77-21.77c-.71-.71-1.06-1.63-1.06-2.56s.35-1.85,1.06-2.56l9.86-9.86c.86-.86,1.3-1.98,1.32-3.1.02-1.19-.42-2.38-1.32-3.29l-9.86-9.86c-.71-.71-1.06-1.63-1.06-2.56s.35-1.85,1.06-2.56Z' })),
+                React.createElement("g", null,
+                    React.createElement("path", { fill: '#FFF', d: 'M174.81,188.08h-3.26c-.57,0-1.03-.46-1.03-1.03v-3.26c0-.57-.46-1.03-1.03-1.03h-15.32c-.37,0-.73.15-.99.41l-4.46,4.46c-.26.26-.41.62-.41.99v15.24c0,.57.46,1.03,1.03,1.03h3.26c.57,0,1.03.46,1.03,1.03v3.26c0,.57.46,1.03,1.03,1.03h15.3c.37,0,.73-.15.99-.41l4.48-4.48c.26-.26.41-.62.41-.99v-15.21c0-.57-.46-1.03-1.03-1.03ZM170.51,203.86c0,.57-.46,1.03-1.03,1.03h-14.83c-.57,0-1.03-.46-1.03-1.03v-14.75c0-.57.46-1.03,1.03-1.03h14.83c.57,0,1.03.46,1.03,1.03v14.75Z' }),
+                    React.createElement("g", null,
+                        React.createElement("rect", { fill: '#FFF', x: '110.08', y: '182.76', width: '5.35', height: '27.46', rx: '1.03', ry: '1.03' }),
+                        React.createElement("rect", { fill: '#FFF', x: '110.08', y: '172.08', width: '5.35', height: '5.35', rx: '1.03', ry: '1.03' })),
+                    React.createElement("path", { fill: '#FFF', d: 'M201.75,193.68h3.26c.57,0,1.03-.46,1.03-1.03v-3.49c0-.59-.48-1.07-1.07-1.07h-3.15c-.61,0-1.1-.49-1.1-1.1v-3.15c0-.59-.48-1.07-1.07-1.07h-15.28c-.37,0-.73.15-.99.41l-4.46,4.46c-.26.26-.41.62-.41.99v3.05c0,.51.3.98.76,1.19l20.85,9.59c.37.17.6.53.6.94v.47c0,.57-.46,1.03-1.03,1.03h-14.83c-.57,0-1.03-.46-1.03-1.03v-3.67c0-.57-.46-1.03-1.03-1.03h-3.26c-.57,0-1.03.46-1.03,1.03v3.67c0,.57.46,1.03,1.03,1.03h3.26c.57,0,1.03.46,1.03,1.03v3.22c0,.59.48,1.07,1.07,1.07h15.25c.37,0,.73-.15.99-.41l4.48-4.48c.26-.26.41-.62.41-1v-3.06c0-.51-.3-.98-.76-1.19l-20.85-9.59c-.37-.17-.6-.53-.6-.94v-.44c0-.57.46-1.03,1.03-1.03h14.76c.61,0,1.1.49,1.1,1.1v3.47c0,.57.46,1.03,1.03,1.03Z' }),
+                    React.createElement("path", { fill: '#FFF', d: 'M107.42,173.12c0-.57-.46-1.03-1.03-1.03h-3.29c-.57,0-1.03.46-1.03,1.03v10.66c0-.57-.46-1.03-1.03-1.03h-15.32c-.37,0-.73.15-.99.41l-4.46,4.46c-.26.26-.41.62-.41.99v15.24c0,.57.46,1.03,1.03,1.03h3.26c.57,0,1.03.46,1.03,1.03v3.26c0,.57.46,1.03,1.03,1.03h15.3c.37,0,.73-.15.99-.41l4.48-4.48c.26-.26.41-.62.41-.99v-5.09c.02-.07.03-.15.03-.23v-25.87ZM102.07,203.84c0,.57-.46,1.03-1.03,1.03h-14.83c-.57,0-1.03-.46-1.03-1.03v-14.75c0-.57.46-1.03,1.03-1.03h14.83c.57,0,1.03.46,1.03,1.03v14.75Z' }),
+                    React.createElement("path", { fill: '#FFF', d: 'M144.61,188.08h-3.26c-.57,0-1.03-.46-1.03-1.03v-3.26c0-.57-.46-1.03-1.03-1.03h-15.32c-.37,0-.73.15-.99.41l-4.46,4.46c-.26.26-.41.62-.41.99v15.24c0,.57.46,1.03,1.03,1.03h3.26c.57,0,1.03.46,1.03,1.03v3.26c0,.57.46,1.03,1.03,1.03h15.3c.2,0,.39-.04.56-.12v1.73c0,.57-.46,1.03-1.03,1.03h-14.83c-.57,0-1.03.46-1.03,1.03v3.26c0,.57.46,1.03,1.03,1.03h15.3c.37,0,.73-.15.99-.41l4.48-4.48c.26-.26.41-.62.41-.99v-23.18c0-.57-.46-1.03-1.03-1.03ZM140.31,200.98v2.88c0,.57-.46,1.03-1.03,1.03h-14.83c-.57,0-1.03-.46-1.03-1.03v-14.75c0-.57.46-1.03,1.03-1.03h14.83c.57,0,1.03.46,1.03,1.03v11.87h0Z' }),
+                    React.createElement("path", { fill: '#FFF', d: 'M76.18,188.08h-3.26c-.57,0-1.03-.46-1.03-1.03v-3.26c0-.57-.46-1.03-1.03-1.03h-15.32c-.37,0-.73.15-.99.41l-4.46,4.46c-.26.26-.41.62-.41.99v15.24c0,.57.46,1.03,1.03,1.03h3.26c.57,0,1.03.46,1.03,1.03v3.26c0,.57.46,1.03,1.03,1.03h15.3c.37,0,.73-.15.99-.41l4.48-4.48c.26-.26.41-.62.41-.99v-15.21c0-.57-.46-1.03-1.03-1.03ZM71.88,203.86c0,.57-.46,1.03-1.03,1.03h-14.83c-.57,0-1.03-.46-1.03-1.03v-14.75c0-.57.46-1.03,1.03-1.03h14.83c.57,0,1.03.46,1.03,1.03v14.75Z' }))))));
+};
+
 const SentryLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
@@ -168,4 +191,4 @@ const ErrorRoundIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth =
         React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 8.33673V6.00339M7 10.3055V10.3061M12.25 7.97266C12.25 10.8722 9.89949 13.2227 7 13.2227C4.1005 13.2227 1.75 10.8721 1.75 7.97265C1.75 5.07316 4.10051 2.72266 7 2.72266C9.8995 2.72266 12.25 5.07316 12.25 7.97266Z' })));
 };
 
-export { AvatarIcon, CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, FolderIcon, GoogleCloudStorageLogo, LightOffIcon, LightOnIcon, MinusCircledIcon, MoonIcon, PlusCircledIcon, RefreshArrowsIcon, RefreshRightArrowIcon, RotateArrowsIcon, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon, UserGroupIcon, UserSettingsIcon };
+export { AvatarIcon, CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, FolderIcon, GoogleCloudStorageLogo, LightOffIcon, LightOnIcon, MinusCircledIcon, MoonIcon, OdigosDestinationLogo, PlusCircledIcon, RefreshArrowsIcon, RefreshRightArrowIcon, RotateArrowsIcon, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon, UserGroupIcon, UserSettingsIcon };

package/lib/{index-941ea41c.js → index-9a7beddb.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a6 as WarningModal } from './index-c616d2a7.js';
+import { a6 as WarningModal } from './index-c529b896.js';
 import { StatusType, EntityTypes } from './types.js';
 import './index-40dfa720.js';
 import 'styled-components';

package/lib/{index-9e75254d.js → index-bf427e64.js}

@@ -2,6 +2,7 @@ import { StatusType, DestinationTypes, EntityTypes } from './types.js';
 import { a as DEFAULT_DATA_STREAM_NAME, f as getProgrammingLanguageIcon, h as KafkaLogo } from './index-40dfa720.js';
 import 'react';
 import 'styled-components';
+import { O as OdigosLogo } from './index-eff01b3d.js';
 import { A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AxiomLogo, B as BlobStorageLogo, d as BetterStackLogo, e as BonreeLogo, C as CauselyLogo, f as ChecklyLogo, g as ChronosphereLogo, h as ClickhouseLogo, i as AwsCloudwatchLogo, j as CoralogixLogo, D as Dash0Logo, k as DatadogLogo, O as OpenTelemetryLogo, l as DynatraceLogo, E as ElasticApmLogo, m as ElasticSearchLogo, G as GoogleCloudPlatformLogo, n as GrafanaLogo, o as GreptimeLogo, p as GroundcoverLogo, H as HoneycombLogo, q as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, r as LightstepLogo, s as LogzioLogo, t as LokiLogo, u as LumigoLogo, M as MiddlewareLogo, N as NewRelicLogo, v as ObserveLogo, w as OneUptimeLogo, x as OpenObserveLogo, y as OpsVerseLogo, z as OracleLogo, P as PrometheusLogo, Q as QrynLogo, F as GigapipeLogo, R as QuickwitLogo, S as AwsS3Logo, T as SeqLogo, U as SignozLogo, V as SplunkLogo, W as SumoLogicLogo, X as TelemetryHubLogo, Y as TempoLogo, Z as TingyunLogo, _ as TraceloopLogo, $ as UptraceLogo, a0 as VictoriaMetricsLogo, a1 as AwsXrayLogo, a2 as NamespacesIcon, a3 as SourcesIcon, a4 as DestinationsIcon, a5 as ActionsIcon, a6 as RulesIcon } from './index-b0883db6.js';
 import { s as safeJsonParse } from './index-5e5f7bda.js';
 
@@ -160,6 +161,7 @@ const getDestinationIcon = (type, forceFromUrl) => {
         [DestinationTypes.Middleware]: MiddlewareLogo,
         [DestinationTypes.NewRelic]: NewRelicLogo,
         [DestinationTypes.Observe]: ObserveLogo,
+        [DestinationTypes.Odigos]: OdigosLogo,
         [DestinationTypes.OneUptime]: OneUptimeLogo,
         [DestinationTypes.OpenObserve]: OpenObserveLogo,
         [DestinationTypes.Opsverse]: OpsVerseLogo,

package/lib/{index-c616d2a7.js → index-c529b896.js}

@@ -527,7 +527,7 @@ const TooltipContainer = styled.div `
   display: flex;
   align-items: center;
   gap: 4px;
-  cursor: help;
+  // cursor: help;
 `;
 const TextBreakWord = styled(Text) `
   word-break: break-word;

package/lib/snippets.js

@@ -1,5 +1,5 @@
-import { B as Button, _ as Text, L as NotificationNote } from './index-c616d2a7.js';
-export { al as AddButton, aq as AddNode, ar as BaseNode, an as CopyText, as as EdgedNode, aj as Flow, at as FrameNode, au as HeaderNode, az as LabeledEdge, av as MapItemNode, aw as NoDataNode, ao as PodContainer, ax as ScrollNode, ay as SkeletonNode, ap as SourceContainer, ag as nodeConfig } from './index-c616d2a7.js';
+import { B as Button, _ as Text, L as NotificationNote } from './index-c529b896.js';
+export { al as AddButton, aq as AddNode, ar as BaseNode, an as CopyText, as as EdgedNode, aj as Flow, at as FrameNode, au as HeaderNode, az as LabeledEdge, av as MapItemNode, aw as NoDataNode, ao as PodContainer, ax as ScrollNode, ay as SkeletonNode, ap as SourceContainer, ag as nodeConfig } from './index-c529b896.js';
 import React from 'react';
 import { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-40dfa720.js';
 import { E as EditIcon } from './index-1bc2b507.js';

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

@@ -40,6 +40,7 @@ export declare enum DestinationTypes {
     Middleware = "middleware",
     NewRelic = "newrelic",
     Observe = "observe",
+    Odigos = "odigos",
     OneUptime = "oneuptime",
     OpenObserve = "openobserve",
     Opsverse = "opsverse",

package/lib/types.js

@@ -287,6 +287,7 @@ var DestinationTypes;
     DestinationTypes["Middleware"] = "middleware";
     DestinationTypes["NewRelic"] = "newrelic";
     DestinationTypes["Observe"] = "observe";
+    DestinationTypes["Odigos"] = "odigos";
     DestinationTypes["OneUptime"] = "oneuptime";
     DestinationTypes["OpenObserve"] = "openobserve";
     DestinationTypes["Opsverse"] = "opsverse";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.92",
+  "version": "0.0.94",
   "author": "Odigos",
   "repository": {
     "type": "git",