@odigos/ui-kit 0.0.60 → 0.0.62

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## [0.0.62](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.61...ui-kit-v0.0.62) (2025-07-20)
+
+
+### Features
+
+* update destination icons to adjust based on dark/light mode ([#251](https://github.com/odigos-io/ui-kit/issues/251)) ([8aea17f](https://github.com/odigos-io/ui-kit/commit/8aea17f1fdafe32cb7a262b6bdd593b36140cd86))
+
+
+### Bug Fixes
+
+* service map edits ([#253](https://github.com/odigos-io/ui-kit/issues/253)) ([73a346d](https://github.com/odigos-io/ui-kit/commit/73a346d47922d438a3edaa135a53fefcb1804f1d))
+
+## [0.0.61](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.60...ui-kit-v0.0.61) (2025-07-16)
+
+
+### Features
+
+* add new arrow icons ([#249](https://github.com/odigos-io/ui-kit/issues/249)) ([78ce04b](https://github.com/odigos-io/ui-kit/commit/78ce04bbda601d31703224eae025d60317397f68))
+
 ## [0.0.60](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.59...ui-kit-v0.0.60) (2025-07-16)
 
 

package/lib/components.js

@@ -1,16 +1,16 @@
-import { B as Button } from './index-eb5688cd.js';
-export { A as AutocompleteInput, a as Badge, a6 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, a5 as FlexColumn, a4 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, a9 as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, a8 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, aa as TableContainer, ab as TableTitleWrap, ac as TableWrap, Z as Tag, _ as Text, $ as TextArea, a0 as Toggle, T as ToggleCodeComponent, a1 as Tooltip, a2 as TraceLoader, a7 as VerticalScroll, a3 as WarningModal } from './index-eb5688cd.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-1a165096.js';
+import { B as Button } from './index-61caa474.js';
+export { A as AutocompleteInput, a as Badge, a6 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, a5 as FlexColumn, a4 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, a9 as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, a8 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, aa as TableContainer, ab as TableTitleWrap, ac as TableWrap, Z as Tag, _ as Text, $ as TextArea, a0 as Toggle, T as ToggleCodeComponent, a1 as Tooltip, a2 as TraceLoader, a7 as VerticalScroll, a3 as WarningModal } from './index-61caa474.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-eb03f43f.js';
 import React, { createContext, Component, createElement } from 'react';
-import { T as Theme } from './index-e9b26c29.js';
+import { T as Theme } from './index-bd48e6e2.js';
 import './types.js';
-import './index-0001f711.js';
-import './index-355d023b.js';
+import './index-1fcb0269.js';
+import './index-58440c5c.js';
 import 'styled-components';
-import './index-630dec93.js';
+import './index-50101bec.js';
 import './index-ec555530.js';
 import 'react-dom';
-import './useTransition-242df96b.js';
+import './useTransition-750816e0.js';
 
 const ErrorBoundaryContext = createContext(null);
 

package/lib/constants.js

@@ -1,4 +1,4 @@
-export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, a as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, b as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, L as LANGUAGE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-e9b26c29.js';
+export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, a as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, b as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, L as LANGUAGE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-bd48e6e2.js';
 export { D as DESTINATION_CATEGORIES } from './index-1cb4f9e2.js';
 import 'react';
 import './types.js';

package/lib/containers/service-map/helpers/generate-dag-positions.d.ts

@@ -1,5 +1,5 @@
 import type { XYPosition } from '@xyflow/react';
 import type { ServiceMapSources } from '@/types';
 type PositionMap = Map<string, XYPosition>;
-export declare const generateDAGPositions: (serviceMap: ServiceMapSources, containerWidth: number, containerHeight: number) => PositionMap;
+export declare const generateDAGPositions: (serviceMap: ServiceMapSources, containerWidth: number, _containerHeight: number) => PositionMap;
 export {};

package/lib/containers.js

@@ -1,21 +1,21 @@
 import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, Fragment, useCallback, Children } from 'react';
 import styled, { css } from 'styled-components';
-import { b as DISPLAY_TITLES, T as Theme, U as usePendingStore, V as useNotificationStore, O as useDrawerStore, B as BUTTON_TEXTS, W as useEntityStore, A as ACTION_OPTIONS, g as getActionIcon, z as useModalStore, F as FORM_ALERTS, X as useFilterStore, D as DISPLAY_LANGUAGES, M as MONITORS_OPTIONS, d as getInstrumentationRuleIcon, Y as useDataStreamStore, Z as useInstrumentStore, c as getEntityId, S as STORAGE_KEYS, a as DEFAULT_DATA_STREAM_NAME, _ as useSetupStore, e as getProgrammingLanguageIcon, I as INSTRUMENTATION_RULE_OPTIONS, $ as useSelectedStore, j as ImageErrorIcon, a0 as useDarkMode } from './index-e9b26c29.js';
+import { b as DISPLAY_TITLES, T as Theme, U as usePendingStore, V as useNotificationStore, O as useDrawerStore, B as BUTTON_TEXTS, W as useEntityStore, A as ACTION_OPTIONS, g as getActionIcon, z as useModalStore, F as FORM_ALERTS, X as useFilterStore, D as DISPLAY_LANGUAGES, M as MONITORS_OPTIONS, d as getInstrumentationRuleIcon, Y as useDataStreamStore, Z as useInstrumentStore, c as getEntityId, S as STORAGE_KEYS, a as DEFAULT_DATA_STREAM_NAME, _ as useSetupStore, e as getProgrammingLanguageIcon, I as INSTRUMENTATION_RULE_OPTIONS, $ as useSelectedStore, j as ImageErrorIcon, a0 as useDarkMode } from './index-bd48e6e2.js';
 import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, EdgeTypes, AddNodeTypes, SignalType, HeadersCollectionKeyTypes, CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType, K8sResourceKind } from './types.js';
-import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, K as KeyValueInputsList, w as InputList, _ as Text, R as Segment, Q as SectionTitle, j as DocsButton, z as MonitorsCheckboxes, $ as TextArea, k as Drawer, c as ConditionDetails, D as DataCard, a5 as FlexColumn, M as Modal, N as NavigationButtons, a9 as ModalBody, L as NotificationNote, A as AutocompleteInput, i as Divider, W as Status, a4 as FlexRow, a1 as Tooltip, s as IconWrapped, G as MonitorsIcons, aa as TableContainer, ab as TableTitleWrap, r as IconTitleBadge, ac as TableWrap, y as InteractiveTable, a6 as CenterThis, J as NoDataFound, a2 as TraceLoader, a as Badge, E as ExtendArrow, a7 as VerticalScroll, U as SelectionButton, B as Button, n as Dropdown, ad as nodeConfig, ae as useNodesState, af as useEdgesState, ag as Flow, ah as applyNodeChanges, P as Popup, a0 as Toggle, I as IconButton, ai as AddButton, F as FadeLoader, g as DataTab, X as Stepper, d as DataCardFields, Z as Tag, aj as MarkerType, t as IconsNav, ak as CopyText, h as DescribeRow, al as PodContainer, am as SourceContainer, q as IconGroup, O as PopupForm } from './index-eb5688cd.js';
+import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, K as KeyValueInputsList, w as InputList, _ as Text, R as Segment, Q as SectionTitle, j as DocsButton, z as MonitorsCheckboxes, $ as TextArea, k as Drawer, c as ConditionDetails, D as DataCard, a5 as FlexColumn, M as Modal, N as NavigationButtons, a9 as ModalBody, L as NotificationNote, A as AutocompleteInput, i as Divider, W as Status, a4 as FlexRow, a1 as Tooltip, s as IconWrapped, G as MonitorsIcons, aa as TableContainer, ab as TableTitleWrap, r as IconTitleBadge, ac as TableWrap, y as InteractiveTable, a6 as CenterThis, J as NoDataFound, a2 as TraceLoader, a as Badge, E as ExtendArrow, a7 as VerticalScroll, U as SelectionButton, B as Button, n as Dropdown, ad as nodeConfig, ae as useNodesState, af as useEdgesState, ag as Flow, ah as applyNodeChanges, P as Popup, a0 as Toggle, I as IconButton, ai as AddButton, F as FadeLoader, g as DataTab, X as Stepper, d as DataCardFields, Z as Tag, aj as MarkerType, t as IconsNav, ak as CopyText, h as DescribeRow, al as PodContainer, am as SourceContainer, q as IconGroup, O as PopupForm } from './index-61caa474.js';
 import { i as isEmpty, s as safeJsonParse } from './index-ec555530.js';
-import { C as CheckCircledIcon, O as OdigosLogo } from './index-630dec93.js';
-import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, R as RetryIcon, N as NotificationIcon, U as UserIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-3de83c73.js';
+import { C as CheckCircledIcon, O as OdigosLogo } from './index-50101bec.js';
+import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, R as RefreshLeftArrowIcon, N as NotificationIcon, U as UserIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-56ab40b8.js';
 import { useActionFormData, useSessionStorage, useDataStreamFormData, useDestinationFormData, useClickNotification, useSourceFormData, useSourceSelectionFormData } from './hooks.js';
-import { u as useKeyDown, a as useOnClickOutside, b as useContainerSize, c as useClickNode, d as usePopup, e as useInstrumentationRuleFormData, f as useTransition, g as useTimeAgo, h as useCopy, i as useGenericForm } from './useTransition-242df96b.js';
-import { E as EditIcon, T as TrashIcon, S as SearchIcon, h as CheckIcon, A as ArrowIcon, P as PlusIcon, a as CopyIcon } from './index-0001f711.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-1a165096.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-355d023b.js';
-import { f as filterActions, m as getEntityLabel, l as getEntityIcon, w as sleep, o as getPlatformIcon, p as getPlatformLabel, h as formatBytes, j as getContainersIcons, q as getValueForRange, k as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, v as mapDestinationFieldsForDisplay, c as compareCondition, s as getYamlFieldsForDestination, d as deepClone, n as getMetricForEntity, r as getWorkloadId, t as hasUnhealthyInstances, i as getContainersInstrumentedCount, u as isOverTime } from './index-f2c2de35.js';
+import { u as useKeyDown, a as useOnClickOutside, b as useContainerSize, c as useClickNode, d as usePopup, e as useInstrumentationRuleFormData, f as useTransition, g as useTimeAgo, h as useCopy, i as useGenericForm } from './useTransition-750816e0.js';
+import { E as EditIcon, T as TrashIcon, S as SearchIcon, h as CheckIcon, A as ArrowIcon, P as PlusIcon, a as CopyIcon } from './index-1fcb0269.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-eb03f43f.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-58440c5c.js';
+import { f as filterActions, m as getEntityLabel, l as getEntityIcon, w as sleep, o as getPlatformIcon, p as getPlatformLabel, h as formatBytes, j as getContainersIcons, q as getValueForRange, k as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, v as mapDestinationFieldsForDisplay, c as compareCondition, s as getYamlFieldsForDestination, d as deepClone, n as getMetricForEntity, r as getWorkloadId, t as hasUnhealthyInstances, i as getContainersInstrumentedCount, u as isOverTime } from './index-9e56485b.js';
 import { m as mapExportedSignals } from './index-6a6bea6e.js';
 import { NoteBackToSummary, EditButton } from './snippets.js';
 import { D as DESTINATION_CATEGORIES } from './index-1cb4f9e2.js';
-import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-27fc9053.js';
+import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-acc7c7dd.js';
 import 'react-dom';
 
 const buildCard$3 = (action) => {
@@ -3599,7 +3599,7 @@ const MultiSourceControl = ({ totalSourceCount, uninstrumentSources, restartWork
             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(RefreshLeftArrowIcon, null),
                 React.createElement(Text, { family: 'secondary', decoration: 'underline' }, "Restart")),
             React.createElement(Button, { variant: 'tertiary', onClick: () => setIsWarnModalOpen(true) },
                 React.createElement(TrashIcon, null),
@@ -3751,10 +3751,10 @@ const buildEdges = ({ theme, nodes, serviceMap }) => {
     return edges;
 };
 
-const generateDAGPositions = (serviceMap, containerWidth, containerHeight) => {
+const generateDAGPositions = (serviceMap, containerWidth, _containerHeight) => {
     const positions = new Map();
-    const nodeSpacing = 150; // Vertical spacing between nodes
-    const layerSpacing = 200; // Horizontal spacing between layers
+    const nodeSpacing = 150; // Horizontal spacing between nodes within a layer
+    const layerSpacing = 150; // Vertical spacing between layers
     const padding = 100; // Padding from container edges
     // Build adjacency list and calculate in-degrees for topological sorting
     const adjacencyList = new Map();
@@ -3820,14 +3820,14 @@ const generateDAGPositions = (serviceMap, containerWidth, containerHeight) => {
             }
         }
     });
-    // Calculate positions for each layer
+    // Calculate positions for each layer (top-to-bottom flow)
     layers.forEach((layer, layerIndex) => {
-        const layerX = padding + layerIndex * layerSpacing;
-        const layerHeight = (layer.length - 1) * nodeSpacing;
-        const layerStartY = (containerHeight - layerHeight) / 2;
+        const layerY = padding + layerIndex * layerSpacing;
+        const layerWidth = (layer.length - 1) * nodeSpacing;
+        const layerStartX = (containerWidth - layerWidth) / 2;
         layer.forEach((service, serviceIndex) => {
-            const x = layerX;
-            const y = layerStartY + serviceIndex * nodeSpacing;
+            const x = layerStartX + serviceIndex * nodeSpacing;
+            const y = layerY;
             positions.set(service, { x, y });
         });
     });
@@ -3852,7 +3852,7 @@ const isUserSource = (source) => {
 const buildMapNodes = ({ sources, serviceMap, containerHeight, containerWidth }) => {
     const nodes = [];
     const services = new Map();
-    const dagPositions = generateDAGPositions(serviceMap, containerWidth, containerHeight);
+    const dagPositions = generateDAGPositions(serviceMap, containerWidth);
     if (serviceMap.length && sources.length) {
         // first we map the service map nodes (to include services traced, but not instrumented by Odigos)
         serviceMap.forEach((serviceMapEntry) => {
@@ -4365,7 +4365,7 @@ const SourceDrawer = ({ persistSources, updateSource, fetchDescribeSource, resta
                 variant: 'tertiary',
                 onClick: () => restartWorkloads([drawerEntityId]),
                 children: (React.createElement(React.Fragment, null,
-                    React.createElement(RetryIcon, null),
+                    React.createElement(RefreshLeftArrowIcon, null),
                     React.createElement(Text, { size: 14, family: 'secondary', decoration: 'underline' }, "Restart"))),
             },
         ] }, selectedTab === Tabs.Overview ? (isEditing ? (React.createElement(FormContainer, null,

package/lib/functions.js

@@ -1,13 +1,13 @@
-export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getConditionsBooleans, a as getMonitorIcon, b as getStatusIcon, i as isStringABoolean, d as isValidVersion, m as mapConditions, n as numbersOnly, p as parseBooleanFromString, e as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, h as splitCamelString } from './index-355d023b.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, j as getContainersIcons, i as getContainersInstrumentedCount, k as getDestinationIcon, l as getEntityIcon, m as getEntityLabel, n as getMetricForEntity, o as getPlatformIcon, p as getPlatformLabel, q as getValueForRange, r as getWorkloadId, s as getYamlFieldsForDestination, t as hasUnhealthyInstances, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index-f2c2de35.js';
-export { g as getActionIcon, c as getEntityId, d as getInstrumentationRuleIcon, e as getProgrammingLanguageIcon } from './index-e9b26c29.js';
+export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getConditionsBooleans, a as getMonitorIcon, b as getStatusIcon, i as isStringABoolean, d as isValidVersion, m as mapConditions, n as numbersOnly, p as parseBooleanFromString, e as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, h as splitCamelString } from './index-58440c5c.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, j as getContainersIcons, i as getContainersInstrumentedCount, k as getDestinationIcon, l as getEntityIcon, m as getEntityLabel, n as getMetricForEntity, o as getPlatformIcon, p as getPlatformLabel, q as getValueForRange, r as getWorkloadId, s as getYamlFieldsForDestination, t as hasUnhealthyInstances, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index-9e56485b.js';
+export { g as getActionIcon, c as getEntityId, d as getInstrumentationRuleIcon, e as getProgrammingLanguageIcon } from './index-bd48e6e2.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-6a6bea6e.js';
 import { ProgrammingLanguages, EntityTypes } from './types.js';
 export { i as isEmpty, s as safeJsonParse } from './index-ec555530.js';
 import 'react';
 import 'styled-components';
-import './index-630dec93.js';
-import './index-27fc9053.js';
+import './index-50101bec.js';
+import './index-acc7c7dd.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/lib/hooks.js

@@ -1,10 +1,10 @@
 import { ActionKeyTypes, ActionType, StatusType, EntityTypes, FieldTypes } from './types.js';
-import { V as useNotificationStore, F as FORM_ALERTS, O as useDrawerStore, W as useEntityStore, Y as useDataStreamStore, _ as useSetupStore } from './index-e9b26c29.js';
+import { V as useNotificationStore, F as FORM_ALERTS, O as useDrawerStore, W as useEntityStore, Y as useDataStreamStore, _ as useSetupStore } from './index-bd48e6e2.js';
 import { useState, useEffect, useMemo } from 'react';
 import 'styled-components';
 import { i as isEmpty, s as safeJsonParse } from './index-ec555530.js';
-import { i as useGenericForm } from './useTransition-242df96b.js';
-export { c as useClickNode, b as useContainerSize, h as useCopy, e as useInstrumentationRuleFormData, u as useKeyDown, a as useOnClickOutside, d as usePopup, g as useTimeAgo, f as useTransition } from './useTransition-242df96b.js';
+import { i as useGenericForm } from './useTransition-750816e0.js';
+export { c as useClickNode, b as useContainerSize, h as useCopy, e as useInstrumentationRuleFormData, u as useKeyDown, a as useOnClickOutside, d as usePopup, g as useTimeAgo, f as useTransition } from './useTransition-750816e0.js';
 import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-6a6bea6e.js';
 
 const INITIAL$2 = {

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

@@ -15,7 +15,10 @@ export * from './list-icon';
 export * from './no-data-icon';
 export * from './notebook-icon';
 export * from './notification-icon';
-export * from './retry-icon';
+export * from './refresh-arrows-icon';
+export * from './refresh-left-arrow-icon';
+export * from './refresh-right-arrow-icon';
+export * from './rotate-arrows-icon';
 export * from './search-icon';
 export * from './sort-arrows-icon';
 export * from './terminal-icon';

package/lib/icons/common/refresh-arrows-icon/index.d.ts

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

package/lib/icons/common/refresh-left-arrow-icon/index.d.ts

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

package/lib/icons/common/refresh-right-arrow-icon/index.d.ts

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

package/lib/icons/common/rotate-arrows-icon/index.d.ts

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

package/lib/icons.js

@@ -1,10 +1,10 @@
-import { T as Theme } from './index-e9b26c29.js';
-export { f as AddClusterInfoIcon, n as CPlusPlusLogo, o as CSharpLogo, C as CodeAttributesIcon, l as CustomInstrumentationIcon, h as DeleteAttributeIcon, p as DotnetLogo, E as ElixirLogo, G as GoLogo, H as HeadersCollectionIcon, j as ImageErrorIcon, J as JavaLogo, K as K8sLogo, k as KafkaLogo, q as MysqlLogo, N as NginxLogo, r as NodejsLogo, m as PayloadCollectionIcon, s as PhpLogo, P as PiiMaskingIcon, t as PostgresLogo, u as PythonLogo, v as RedisLogo, R as RenameAttributeIcon, w as RubyLogo, x as RustLogo, i as SamplerIcon, y as SwiftLogo } from './index-e9b26c29.js';
-export { C as CheckCircledIcon, E as ErrorTriangleIcon, I as InfoIcon, L as LogsIcon, M as MetricsIcon, O as OdigosLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-630dec93.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, U as UserIcon } from './index-3de83c73.js';
-export { A as ArrowIcon, h as CheckIcon, C as CodeIcon, a as CopyIcon, i as CrossIcon, E as EditIcon, b as EditedIcon, c as ExtendArrowIcon, f as EyeClosedIcon, g as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, d as NotebookIcon, P as PlusIcon, S as SearchIcon, e as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-0001f711.js';
+import { T as Theme } from './index-bd48e6e2.js';
+export { f as AddClusterInfoIcon, n as CPlusPlusLogo, o as CSharpLogo, C as CodeAttributesIcon, l as CustomInstrumentationIcon, h as DeleteAttributeIcon, p as DotnetLogo, E as ElixirLogo, G as GoLogo, H as HeadersCollectionIcon, j as ImageErrorIcon, J as JavaLogo, K as K8sLogo, k as KafkaLogo, q as MysqlLogo, N as NginxLogo, r as NodejsLogo, m as PayloadCollectionIcon, s as PhpLogo, P as PiiMaskingIcon, t as PostgresLogo, u as PythonLogo, v as RedisLogo, R as RenameAttributeIcon, w as RubyLogo, x as RustLogo, i as SamplerIcon, y as SwiftLogo } from './index-bd48e6e2.js';
+export { C as CheckCircledIcon, E as ErrorTriangleIcon, I as InfoIcon, L as LogsIcon, M as MetricsIcon, O as OdigosLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-50101bec.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 RefreshLeftArrowIcon, S as SlackLogo, T as TerminalIcon, U as UserIcon } from './index-56ab40b8.js';
+export { A as ArrowIcon, h as CheckIcon, C as CodeIcon, a as CopyIcon, i as CrossIcon, E as EditIcon, b as EditedIcon, c as ExtendArrowIcon, f as EyeClosedIcon, g as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, d as NotebookIcon, P as PlusIcon, S as SearchIcon, e as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-1fcb0269.js';
 import React from 'react';
-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-27fc9053.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-acc7c7dd.js';
 import './types.js';
 import 'styled-components';
 
@@ -36,6 +36,27 @@ const FolderIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }
         React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M1.5 7.96504C1.5 6.28488 1.5 5.4448 1.82698 4.80307C2.1146 4.23858 2.57354 3.77964 3.13803 3.49202C3.77976 3.16504 4.61984 3.16504 6.3 3.16504H6.53667C6.88887 3.16504 7.06498 3.16504 7.22483 3.21358C7.36634 3.25656 7.49799 3.32702 7.61225 3.42093C7.74131 3.527 7.83899 3.67353 8.03436 3.96658L8.46564 4.6135C8.66101 4.90655 8.75869 5.05308 8.88775 5.15915C9.00201 5.25306 9.13366 5.32352 9.27517 5.36649C9.43502 5.41504 9.61113 5.41504 9.96333 5.41504H11.7C13.3802 5.41504 14.2202 5.41504 14.862 5.74202C15.4265 6.02964 15.8854 6.48858 16.173 7.05307C16.5 7.6948 16.5 8.53488 16.5 10.215V11.865C16.5 13.5452 16.5 14.3853 16.173 15.027C15.8854 15.5915 15.4265 16.0504 14.862 16.3381C14.2202 16.665 13.3802 16.665 11.7 16.665H6.3C4.61984 16.665 3.77976 16.665 3.13803 16.3381C2.57354 16.0504 2.1146 15.5915 1.82698 15.027C1.5 14.3853 1.5 13.5452 1.5 11.865V7.96504Z' })));
 };
 
+const RefreshArrowsIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size * (24 / 25), viewBox: '0 0 25 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M17.9999 2.47363C18.5091 3.66573 18.8614 4.91832 19.0484 6.2C19.0805 6.41989 18.9578 6.63253 18.7513 6.71469C18.691 6.7387 18.6305 6.7623 18.5699 6.78551M6.99987 21.5262C6.49066 20.3341 6.13833 19.0815 5.9513 17.7998C5.91921 17.5799 6.04198 17.3673 6.24846 17.2851C6.30879 17.2611 6.36926 17.2375 6.42987 17.2143M14.9999 7.66979C16.2224 7.5225 17.4213 7.22534 18.5699 6.78551M18.5699 6.78551C17.9972 6.11891 17.3041 5.53603 16.4999 5.07171C12.6735 2.86257 7.78081 4.17357 5.57167 7.99991C4.55722 9.75698 4.28506 11.7389 4.65789 13.5826M20.4085 10.7925C20.6745 12.5275 20.374 14.3615 19.4281 15.9999C17.2189 19.8263 12.3262 21.1373 8.49987 18.9281C7.69564 18.4638 7.00253 17.8809 6.42987 17.2143M9.99987 16.33C8.77739 16.4773 7.57842 16.7745 6.42987 17.2143' })));
+};
+
+const RefreshRightArrowIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size * (24 / 25), viewBox: '0 0 25 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M18.2834 2.66992C18.7926 3.86202 19.1449 5.11461 19.332 6.39629C19.3808 6.73098 19.117 6.88085 18.8534 6.9818C18.8221 6.9938 18.7907 7.00568 18.7593 7.01746M18.7593 7.01746C17.2936 5.17853 15.0344 4 12.5 4C8.08172 4 4.5 7.58172 4.5 12C4.5 16.4183 8.08172 20 12.5 20C16.2277 20 19.3599 17.4505 20.248 14M18.7593 7.01746C17.6394 7.43772 16.4725 7.72281 15.2834 7.86607' })));
+};
+
+const RotateArrowsIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size * (24 / 25), viewBox: '0 0 25 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M12.5 2C13.5964 2.79655 14.5785 3.73031 15.4207 4.77659C15.474 4.84283 15.5004 4.92241 15.5 5.00189M12.5 8C13.5964 7.20345 14.5785 6.26969 15.4207 5.22341C15.4731 5.15821 15.4996 5.0801 15.5 5.00189M12.5 16C11.4036 16.7965 10.4215 17.7303 9.57935 18.7766C9.52687 18.8418 9.50042 18.9199 9.5 18.9981M12.5 22C11.4036 21.2035 10.4215 20.2697 9.57935 19.2234C9.52603 19.1572 9.49958 19.0776 9.5 18.9981M15.5 5.00189C15.1991 5 14.8677 5 14.5 5H10.5C8.63872 5 7.70808 5 6.95492 5.24472C5.43273 5.73931 4.23931 6.93273 3.74472 8.45492C3.5 9.20808 3.5 10.1387 3.5 12C3.5 13.8613 3.5 14.7919 3.74472 15.5451C4.06708 16.5372 4.68631 17.3897 5.49995 18M9.5 18.9981C9.80088 19 10.1323 19 10.5 19H14.5C16.3613 19 17.2919 19 18.0451 18.7553C19.5673 18.2607 20.7607 17.0673 21.2553 15.5451C21.5 14.7919 21.5 13.8613 21.5 12C21.5 10.1387 21.5 9.20808 21.2553 8.45492C20.9329 7.46279 20.3137 6.61033 19.5001 6' })));
+};
+
 const UserGroupIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
@@ -69,7 +90,9 @@ const GoogleCloudStorageLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
             React.createElement("use", { xlinkHref: '#gcs-1', y: '36' }))));
 };
 
-const SentryLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const SentryLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size * (227 / 256), viewBox: '0 0 256 227', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("path", { fill: fill || '#362D59', d: 'M148.367708,12.4025287 C144.036807,5.21480737 136.258026,0.820118864 127.866362,0.820118864 C119.474697,0.820118864 111.695916,5.21480737 107.365016,12.4025287 L73.6403017,70.165071 C126.066153,96.3390588 160.689085,148.341727 164.615024,206.806542 L140.93597,206.806542 C137.017513,156.694333 106.874845,112.396698 61.6982677,90.3588968 L30.4849684,144.32869 C55.8497707,155.704426 73.6778379,179.211206 77.7918243,206.704035 L23.4120041,206.704035 C22.1018479,206.611361 20.9266153,205.864669 20.2861278,204.71799 C19.6456403,203.571311 19.6261529,202.179068 20.2342955,201.014912 L35.3027847,175.388229 C30.1976229,171.128798 24.3630321,167.829476 18.0816541,165.65009 L3.16692493,191.276772 C0.0305635285,196.656417 -0.818661742,203.068719 0.809210488,209.079324 C2.43708272,215.08993 6.40620885,220.197261 11.8287436,223.258872 C15.3657216,225.251729 19.3523095,226.310116 23.4120041,226.334074 L97.8831433,226.334074 C100.696274,191.620878 85.1423372,157.966047 56.8804514,137.614499 L68.7199787,117.113153 C104.398813,141.618242 124.473737,183.151896 121.510945,226.334074 L184.603837,226.334074 C187.593899,160.904124 155.557278,98.8221906 100.497065,63.3483734 L124.432386,22.3456815 C125.542508,20.4856859 127.944329,19.8680747 129.81399,20.9618406 C132.530418,22.4481882 233.807067,199.169791 235.703442,201.219925 C236.383476,202.439289 236.358897,203.929352 235.639016,205.125624 C234.919136,206.321896 233.614065,207.041397 232.218213,207.011555 L207.821611,207.011555 C208.129131,213.537817 208.129131,220.046994 207.821611,226.539592 L232.32072,226.539592 C238.604421,226.580218 244.643414,224.105731 249.091568,219.667205 C253.539722,215.228679 256.027289,209.195062 256,202.911286 C256.002825,198.802186 254.905596,194.767215 252.822066,191.225519 L148.367708,12.4025287 Z' })));
 };
@@ -144,4 +167,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, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon, UserGroupIcon, UserSettingsIcon };
+export { AvatarIcon, CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, FolderIcon, GoogleCloudStorageLogo, LightOffIcon, LightOnIcon, MinusCircledIcon, MoonIcon, PlusCircledIcon, RefreshArrowsIcon, RefreshRightArrowIcon, RotateArrowsIcon, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon, UserGroupIcon, UserSettingsIcon };

package/lib/{index-0001f711.js → index-1fcb0269.js}

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

package/lib/{index-630dec93.js → index-50101bec.js}

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

package/lib/{index-3de83c73.js → index-56ab40b8.js}

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

package/lib/{index-355d023b.js → index-58440c5c.js}

@@ -1,8 +1,8 @@
 import { StatusType, OtherStatus, SignalType } from './types.js';
 import 'react';
-import './index-e9b26c29.js';
+import './index-bd48e6e2.js';
 import 'styled-components';
-import { L as LogsIcon, M as MetricsIcon, T as TracesIcon, C as CheckCircledIcon, E as ErrorTriangleIcon, W as WarningTriangleIcon, I as InfoIcon, O as OdigosLogo } from './index-630dec93.js';
+import { L as LogsIcon, M as MetricsIcon, T as TracesIcon, C as CheckCircledIcon, E as ErrorTriangleIcon, W as WarningTriangleIcon, I as InfoIcon, O as OdigosLogo } from './index-50101bec.js';
 
 const capitalizeFirstLetter = (string) => {
     return string.charAt(0).toUpperCase() + string.slice(1);

package/lib/{index-eb5688cd.js → index-61caa474.js}

@@ -1,13 +1,13 @@
 import React, { useState, useEffect, useRef, forwardRef, useMemo, createElement, useCallback, Fragment, createContext, memo, useContext, useLayoutEffect } from 'react';
-import { T as Theme, B as BUTTON_TEXTS, j as ImageErrorIcon, M as MONITORS_OPTIONS, a1 as styleInject, U as usePendingStore, $ as useSelectedStore, Z as useInstrumentStore, Q as useActiveNodeStore, V as useNotificationStore, b as DISPLAY_TITLES, L as LANGUAGE_OPTIONS, F as FORM_ALERTS, D as DISPLAY_LANGUAGES, e as getProgrammingLanguageIcon } from './index-e9b26c29.js';
+import { T as Theme, B as BUTTON_TEXTS, j as ImageErrorIcon, M as MONITORS_OPTIONS, a1 as styleInject, U as usePendingStore, $ as useSelectedStore, Z as useInstrumentStore, Q as useActiveNodeStore, V as useNotificationStore, b as DISPLAY_TITLES, L as LANGUAGE_OPTIONS, F as FORM_ALERTS, D as DISPLAY_LANGUAGES, e as getProgrammingLanguageIcon } from './index-bd48e6e2.js';
 import { StatusType, OtherStatus, EntityTypes, NodeTypes, AddNodeTypes, EdgeTypes, ProgrammingLanguages, IntrumentationStatus, SortDirection, InputTypes, FieldTypes } from './types.js';
-import { M as MinusIcon$1, h as CheckIcon, L as ListIcon, C as CodeIcon, c as ExtendArrowIcon, P as PlusIcon$1, a as CopyIcon, E as EditIcon, b as EditedIcon, e as SortArrowsIcon, d as NotebookIcon, X as XIcon, f as EyeClosedIcon, g as EyeOpenIcon, N as NoDataIcon, i as CrossIcon, S as SearchIcon, T as TrashIcon, A as ArrowIcon } from './index-0001f711.js';
-import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, g as getConditionsBooleans, c as capitalizeFirstLetter, a as getMonitorIcon, i as isStringABoolean, p as parseBooleanFromString, d as isValidVersion, h as splitCamelString, e as parseJsonStringToPrettyString, n as numbersOnly } from './index-355d023b.js';
+import { M as MinusIcon$1, h as CheckIcon, L as ListIcon, C as CodeIcon, c as ExtendArrowIcon, P as PlusIcon$1, a as CopyIcon, E as EditIcon, b as EditedIcon, e as SortArrowsIcon, d as NotebookIcon, X as XIcon, f as EyeClosedIcon, g as EyeOpenIcon, N as NoDataIcon, i as CrossIcon, S as SearchIcon, T as TrashIcon, A as ArrowIcon } from './index-1fcb0269.js';
+import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, g as getConditionsBooleans, c as capitalizeFirstLetter, a as getMonitorIcon, i as isStringABoolean, p as parseBooleanFromString, d as isValidVersion, h as splitCamelString, e as parseJsonStringToPrettyString, n as numbersOnly } from './index-58440c5c.js';
 import styled, { css } from 'styled-components';
 import { s as safeJsonParse, i as isEmpty } from './index-ec555530.js';
 import ReactDOM, { createPortal } from 'react-dom';
-import { d as usePopup, h as useCopy, c as useClickNode, i as useGenericForm, b as useContainerSize, f as useTransition, u as useKeyDown, a as useOnClickOutside } from './useTransition-242df96b.js';
-import { I as InfoIcon } from './index-630dec93.js';
+import { d as usePopup, h as useCopy, c as useClickNode, i as useGenericForm, b as useContainerSize, f as useTransition, u as useKeyDown, a as useOnClickOutside } from './useTransition-750816e0.js';
+import { I as InfoIcon } from './index-50101bec.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};
@@ -16795,7 +16795,6 @@ const AbsoluteInfo = styled.div `
   position: absolute;
   bottom: 100%;
   left: 100%;
-  z-index: 99999;
   width: 300px;
   padding: 12px;
   border-radius: 16px;
@@ -16814,8 +16813,8 @@ const MapItemNode = memo(({ id: nodeId, data }) => {
     const theme = Theme.useTheme();
     const StatusIcon = status === StatusType.Error ? getStatusIcon(status, theme) : null;
     return (React.createElement(React.Fragment, null,
-        React.createElement(Handle, { type: 'source', position: Position.Right, style: { visibility: 'hidden' } }),
-        React.createElement(Handle, { type: 'target', position: Position.Left, style: { visibility: 'hidden' } }),
+        React.createElement(Handle, { type: 'source', position: Position.Bottom, style: { visibility: 'hidden' } }),
+        React.createElement(Handle, { type: 'target', position: Position.Top, style: { visibility: 'hidden' } }),
         React.createElement(Relative$1, { "data-id": nodeId },
             React.createElement(Container$p, null,
                 React.createElement(IconGroup, { id: serviceId, icons: icons, status: status })),
@@ -16922,8 +16921,18 @@ const edgeTypes = {
 };
 const Flow = ({ nodes, edges, onNodesChange, onEdgesChange, fitView = false, zoomOnScroll = false }) => {
     const { onClickNode } = useClickNode();
+    const { setActiveNodeType, setActiveNodeId } = useActiveNodeStore();
     return (React.createElement(FlowWrapper, null,
-        React.createElement(index, { fitView: fitView, zoomOnScroll: zoomOnScroll, nodes: nodes, nodeTypes: nodeTypes, edges: edges, edgeTypes: edgeTypes, onNodeClick: onClickNode, onNodesChange: (changes) => setTimeout(() => onNodesChange(changes), 0), onEdgesChange: (changes) => setTimeout(() => onEdgesChange(changes), 0) },
+        React.createElement(index, { fitView: fitView, zoomOnScroll: zoomOnScroll, nodes: nodes, nodeTypes: nodeTypes, edges: edges, edgeTypes: edgeTypes, onNodeClick: onClickNode, onNodesChange: (changes) => {
+                // Timeout to prevent "ResizeObserver loop completed with undelivered notifications" error log
+                setTimeout(() => onNodesChange(changes), 0);
+            }, onEdgesChange: (changes) => {
+                // Timeout to prevent "ResizeObserver loop completed with undelivered notifications" error log
+                setTimeout(() => onEdgesChange(changes), 0);
+            }, onBlur: () => {
+                setActiveNodeType(null);
+                setActiveNodeId(null);
+            } },
             React.createElement(ControllerWrapper, null,
                 React.createElement(Controls, { position: 'bottom-right', orientation: 'horizontal', showInteractive: false, showZoom: true, showFitView: true, fitViewOptions: {
                         duration: 300,

package/lib/{index-f2c2de35.js → index-9e56485b.js}

@@ -1,9 +1,9 @@
 import { StatusType, DestinationTypes, EntityTypes, PlatformType } from './types.js';
-import { a as DEFAULT_DATA_STREAM_NAME, e as getProgrammingLanguageIcon, k as KafkaLogo, K as K8sLogo } from './index-e9b26c29.js';
+import { a as DEFAULT_DATA_STREAM_NAME, e as getProgrammingLanguageIcon, k as KafkaLogo, K as K8sLogo } from './index-bd48e6e2.js';
 import 'react';
 import 'styled-components';
-import { A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, f as AxiomLogo, g as BlobStorageLogo, B as BetterStackLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, c as AwsCloudwatchLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, F as OpenTelemetryLogo, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, 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, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, G as GigapipeLogo, T as QuickwitLogo, d as AwsS3Logo, U as SeqLogo, W as SignozLogo, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, e as AwsXrayLogo, a5 as NamespacesIcon, a7 as SourcesIcon, a4 as DestinationsIcon, a3 as ActionsIcon, a6 as RulesIcon, V as VmLogo } from './index-27fc9053.js';
-import { O as OdigosLogo } from './index-630dec93.js';
+import { A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, f as AxiomLogo, g as BlobStorageLogo, B as BetterStackLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, c as AwsCloudwatchLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, F as OpenTelemetryLogo, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, 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, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, G as GigapipeLogo, T as QuickwitLogo, d as AwsS3Logo, U as SeqLogo, W as SignozLogo, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, e as AwsXrayLogo, a5 as NamespacesIcon, a7 as SourcesIcon, a4 as DestinationsIcon, a3 as ActionsIcon, a6 as RulesIcon, V as VmLogo } from './index-acc7c7dd.js';
+import { O as OdigosLogo } from './index-50101bec.js';
 import { s as safeJsonParse } from './index-ec555530.js';
 
 const compareCondition = (renderCondition, fields) => {

package/lib/{index-27fc9053.js → index-acc7c7dd.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-e9b26c29.js';
+import { T as Theme } from './index-bd48e6e2.js';
 
 const VmLogo = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
     const theme = Theme.useTheme();
@@ -23,7 +23,9 @@ const AlibabaCloudLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
             React.createElement("path", { fill: fill || '#ff791a', d: 'M10,0H23.14L20,4.5l-9.61,3a4.16,4.16,0,0,0-2.91,4V25.84h0a4.18,4.18,0,0,0,2.91,4L20,32.78l3.18,4.5H10a10,10,0,0,1-10-10V10A10,10,0,0,1,10,0Z' }))));
 };
 
-const AppDynamicsLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const AppDynamicsLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 220 220', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("g", null,
             React.createElement("path", { fill: fill || '#242736', d: 'M99.4,186.4l-51.8-108C35,89.9,27.1,106.2,27.1,124.6c0,34.5,28.1,62.6,62.6,62.6C93,187.1,96.1,186.9,99.4,186.4' }),
@@ -45,12 +47,16 @@ const AwsXrayLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
         React.createElement("path", { fill: fill || '#527fff', d: 'M15.055 13.147h-.873v6.058h-1.746v-4.327h-.872v4.327H9.818v-3.029h-.873v3.03h-.872v.865h7.854v-.866h-.872zm3.49 3.246c0-3.46-2.838-6.275-6.327-6.275s-6.327 2.815-6.327 6.275c0 3.46 2.838 6.274 6.327 6.274s6.327-2.815 6.327-6.275zm.873 0c0 3.937-3.23 7.14-7.2 7.14s-7.2-3.203-7.2-7.14 3.23-7.14 7.2-7.14 7.2 3.203 7.2 7.14zM24 11.62c0 2.468-1.367 4.074-3.749 4.404l-.12-.858c1.367-.189 2.996-.958 2.996-3.546 0-2.43-1.853-3.31-3.407-3.619a.432.432 0 0 1-.35-.4c-.102-1.777-1.154-2.572-2.152-2.572-.627 0-1.212.293-1.604.804a.439.439 0 0 1-.412.165.435.435 0 0 1-.344-.277c-.354-.947-.877-1.772-1.514-2.387-1.675-1.62-3.967-2.06-6.13-1.176-1.797.731-3.205 2.834-3.205 4.789 0 .22.014.437.04.649a.432.432 0 0 1-.328.473C2.657 8.332.873 9.136.873 11.587c0 .093.005.176.009.264.08 1.436 1.33 2.755 3.04 3.207l-.225.837C1.627 15.347.11 13.704.01 11.896a5.51 5.51 0 0 1-.01-.31c0-2.832 1.98-3.882 3.149-4.255a5.921 5.921 0 0 1-.012-.384c0-2.318 1.61-4.72 3.744-5.59 2.496-1.017 5.14-.51 7.072 1.36A7.06 7.06 0 0 1 15.415 4.8a2.861 2.861 0 0 1 1.803-.637c1.34 0 2.747.95 2.994 3.06C22.66 7.814 24 9.364 24 11.621Z' })));
 };
 
-const AxiomLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const AxiomLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size * (24 / 25), viewBox: '0 0 25 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("path", { fill: fill || '#09101F', d: 'M24.8172 16.3508L19.4768 7.25452C19.2319 6.83646 18.6285 6.49438 18.1358 6.49438H14.8018C14.0268 6.49438 13.709 5.95705 14.0957 5.30028L15.924 2.19416C16.0691 1.94761 16.0688 1.64416 15.9232 1.39791C15.7776 1.15167 15.5088 1 15.2179 1H10.5668C10.0741 1 9.46936 1.3413 9.22284 1.7584L0.185002 17.0513C-0.0615144 17.4684 -0.0616976 18.1511 0.184635 18.5683L2.51012 22.5073C2.89759 23.1636 3.53305 23.1643 3.92217 22.509L5.73928 19.4489C6.1284 18.7935 6.76386 18.7943 7.15133 19.4506L8.7987 22.2409C9.04497 22.6582 9.64968 22.9995 10.1423 22.9995H20.89C21.3826 22.9995 21.9873 22.6582 22.2336 22.2409L24.8145 17.8696C25.0608 17.4524 25.062 16.7689 24.8172 16.3508ZM17.605 15.913C17.99 16.5707 17.671 17.1087 16.8961 17.1087H8.53623C7.76129 17.1087 7.44424 16.5718 7.83171 15.9155L12.015 8.83009C12.4024 8.17379 13.0364 8.17379 13.4238 8.83015L17.605 15.913Z' })));
 };
 
-const BetterStackLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const BetterStackLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size * (21 / 26), viewBox: '0 0 26 21', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("g", null,
             React.createElement("path", { fill: fill || '#C9D3EE', d: 'm25.4694 17.0768-8.5583-16.04826c-.7466-1.399958-2.7607-1.362955-3.4559.06307l-2.1046 4.23601c-.2543.52158-.1364.70773.0751 1.01048.1696.24283.5633.26199.7236.01287.1575-.24493.5226-.22237.6488.04011l5.5023 11.44492c.4147.9326 1.2832 1.5824 2.2935 1.7153l2.9111.3722c1.5665.206 2.7093-1.4499 1.9644-2.8467z' }),
@@ -130,7 +136,9 @@ const CoralogixLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
             React.createElement("path", { fill: fill || '#AEFFDC', d: 'M69.6,139.1C31.2,139.1,0,107.9,0,69.6C0,31.2,31.2,0,69.6,0s69.6,31.2,69.6,69.6 C139.1,107.9,107.9,139.1,69.6,139.1z M69.6,13.8c-30.7,0-55.7,25-55.7,55.7c0,30.7,25,55.7,55.7,55.7s55.7-25,55.7-55.7 C125.3,38.8,100.3,13.8,69.6,13.8z' }))));
 };
 
-const Dash0Logo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const Dash0Logo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size * (20 / 30.5), viewBox: '0 0 30.5 20', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("g", null,
             React.createElement("path", { fill: fill || '#ffffff', d: 'm 20.5,20 c 5.5234,0 10,-4.4771 10,-10 0,-5.52295 -4.4766,-10 -10,-10 -5.5234,0 -10,4.47705 -10,10 0,5.5229 4.4766,10 10,10 z' }),
@@ -198,19 +206,23 @@ const GreptimeLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
         React.createElement("path", { fill: fill || '#8322FF', d: 'M52.1640501,46.9001134 L46.2837315,46.9001134 C43.8664391,49.1344085 40.6282139,50.500567 37.0696246,50.500567 C29.5847554,50.500567 23.5169511,44.4562681 23.5169511,37.0004536 C23.5169511,29.544639 29.5847554,23.5003402 37.0696246,23.5003402 C43.785438,23.5003402 49.3599545,28.3653521 50.4357224,34.7498299 L55,34.7498299 C53.8887372,25.8707068 46.2846416,19 37.0696246,19 C27.0901024,19 19,27.0590651 19,37.0004536 C19,46.9409349 27.0901024,55 37.0696246,55 C43.3786121,55 48.9321957,51.7805468 52.1640501,46.9001134 L52.1640501,46.9001134 Z M62.2173153,46.9001965 C58.2614443,56.9142406 48.4834684,64 37.0463153,64 C22.109179,64 10,51.9122079 10,37.0004536 C10,22.0886992 22.109179,10 37.0463153,10 C51.2251522,10 62.8548317,20.8912594 64,34.749811 L59.4738152,34.749811 C58.3431772,23.3795757 48.7341159,14.4994708 37.0463153,14.4994708 C24.5993071,14.4994708 14.5080219,24.5733869 14.5080219,37.0004536 C14.5080219,49.4266131 24.5993071,59.5005292 37.0463153,59.5005292 C45.9361273,59.5005292 53.6235579,54.3633309 57.2915475,46.9001965 L62.2173153,46.9001965 Z M37.0217715,73 C56.3121834,73 72.0620134,57.8452564 73,38.7997732 L41.1501827,38.7997732 C40.4553106,40.3890891 38.8687161,41.499433 37.0217715,41.499433 C34.5352904,41.499433 32.519617,39.4846668 32.519617,37 C32.519617,34.5144261 34.5352904,32.4996598 37.0217715,32.4996598 C38.6891017,32.4996598 40.1441603,33.4049893 40.9224896,34.7493763 L45.7439587,34.7493763 C44.7442863,30.8677082 41.2182185,27.9993196 37.0217715,27.9993196 C32.0488094,27.9993196 28.0165554,32.0288522 28.0165554,37 C28.0165554,41.9702406 32.0488094,45.9997732 37.0217715,45.9997732 C39.7613456,45.9997732 42.2142623,44.7778506 43.8661711,42.8492629 L67.9989165,42.8492629 C65.2548066,57.451556 52.4296082,68.4996598 37.0217715,68.4996598 C19.6145899,68.4996598 5.50306161,54.3962958 5.50306161,37 C5.50306161,19.602797 19.6145899,5.49943304 37.0217715,5.49943304 C53.6723951,5.49943304 67.3076729,18.4026458 68.4624669,34.7493763 L72.9746,34.7493763 C71.813456,15.9152577 56.1606904,1 37.0217715,1 C17.1272017,1 1,17.1172231 1,37 C1,56.8818697 17.1272017,73 37.0217715,73 L37.0217715,73 Z' })));
 };
 
-const GroundcoverLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const GroundcoverLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size, viewBox: '-6 3 41 41', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("path", { fill: fill || '#ffffff', d: 'M12.3899 12.7148C16.0627 12.7148 17.8467 14.2351 17.8467 16.8038C17.8467 19.3202 16.3251 20.8404 12.4423 20.8404C8.55961 20.8404 7.14293 19.2677 7.14293 16.8038C7.14293 14.3399 8.61208 12.7148 12.3899 12.7148ZM12.8096 36.3577C6.5133 36.3577 5.04415 35.6762 5.04415 33.789C5.04415 32.5833 6.19848 31.3775 8.76949 31.3775H18.214C20.2603 31.3775 20.9424 32.3211 20.9424 33.422C20.9424 35.4141 19.5257 36.3577 12.8096 36.3577ZM12.9146 40.5516C22.2541 40.604 25.4548 38.0353 25.4548 33.422C25.4548 29.5951 23.2511 27.2885 18.0041 27.2885C15.2757 27.2885 12.1275 27.4458 9.18924 27.4458C7.7201 27.4458 7.03799 27.0788 7.03799 26.1352C7.03799 25.7158 7.30034 25.4013 7.61516 24.877L8.13985 24.0383C9.39912 24.4052 10.8158 24.5625 12.3899 24.5625C19.106 24.5625 22.7264 22.3083 22.7264 17.9572C22.7264 14.6545 20.4177 13.3439 17.3745 12.7672V12.7148C19.106 12.8197 20.3128 12.8197 21.5196 12.8197H24.7202V8.04915H12.6522C5.9886 8.04915 2.05339 11.0897 2.05339 16.4893C2.05339 20.1589 4.04723 22.7801 7.7201 23.9334L5.8312 24.7722C3.83736 25.4537 2.7355 26.7643 2.7355 28.0224C2.7355 29.8572 4.0997 31.0106 6.5133 31.3251C2.68303 31.7969 0.636719 33.422 0.636719 35.519C0.636719 38.6119 3.31266 40.604 12.9146 40.5516Z' })));
 };
 
-const HoneycombLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const HoneycombLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size * (102 / 108), viewBox: '0 0 108 102', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("g", null,
             React.createElement("path", { fill: fill || '#25303e', d: 'M87,61.37H80.45a6.45,6.45,0,0,0-2.88.57,6.15,6.15,0,0,0-2.19,1.26V52.79H72.73V85H75.5V70.17a6.52,6.52,0,0,1,1.84-4.46,6.34,6.34,0,0,1,4.38-1.83h3.92A6.14,6.14,0,0,1,90,65.71a6.3,6.3,0,0,1,1.84,4.46V84.92h2.77v-16a7.21,7.21,0,0,0-2.31-5.37A6.81,6.81,0,0,0,87,61.37Z' }),
-            React.createElement("path", { fill: fill || '#ffb000', d: 'M55.31,69.49l9.28,16.25L55.31,102H36.86L27.59,85.74l9.27-16.25Z' }),
-            React.createElement("path", { fill: fill || '#64ba00', d: 'M55.31,30.26l9.28,16.25L55.31,62.77H36.86L27.59,46.51l9.27-16.25Z' }),
-            React.createElement("path", { fill: fill || '#f96e10', d: 'M22.65,52.68l7.56,13.44L22.65,79.58H7.56L0,66.12,7.56,52.68Z' }),
-            React.createElement("path", { fill: fill || '#0298ec', d: 'M95.47,0l12,21.28-12,21.31H71.35l-12-21.31L71.35,0Z' }))));
+            React.createElement("path", { fill: f || '#ffb000', d: 'M55.31,69.49l9.28,16.25L55.31,102H36.86L27.59,85.74l9.27-16.25Z' }),
+            React.createElement("path", { fill: f || '#64ba00', d: 'M55.31,30.26l9.28,16.25L55.31,62.77H36.86L27.59,46.51l9.27-16.25Z' }),
+            React.createElement("path", { fill: f || '#f96e10', d: 'M22.65,52.68l7.56,13.44L22.65,79.58H7.56L0,66.12,7.56,52.68Z' }),
+            React.createElement("path", { fill: f || '#0298ec', d: 'M95.47,0l12,21.28-12,21.31H71.35l-12-21.31L71.35,0Z' }))));
 };
 
 const HyperDxLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
@@ -278,14 +290,18 @@ const Last9Logo = ({ size = 16, fill, rotate = 0, onClick }) => {
             React.createElement("path", { fill: fill || '#10b981', d: 'M7.8 10.4751C7.8 13.4358 9.83461 15.4873 12.7012 15.4873C13.1324 15.4873 13.5408 15.4121 13.919 15.3144L10.1674 20.8H13.4576L17.0427 15.5249C18.3739 13.5561 19.0169 12.0306 19.032 10.4075C19.0395 7.10116 16.4377 5.2 13.3593 5.2C10.1296 5.2 7.8 7.31156 7.8 10.4751ZM10.9465 10.3624C10.9465 8.83699 11.9449 7.73988 13.3744 7.73988C14.8115 7.73988 15.825 8.83699 15.825 10.3775C15.825 11.9029 14.8115 12.985 13.3744 12.985C11.9449 12.985 10.9465 11.9029 10.9465 10.3624Z' }))));
 };
 
-const LightstepLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const LightstepLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size * (193 / 256), viewBox: '0 0 256 193', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("g", null,
-            React.createElement("path", { fill: fill || '#039C49', d: 'M128.423484,127.761131 C145.771669,127.761131 159.835329,113.697471 159.835329,96.3489441 C159.835329,79.0007584 145.771669,64.9370988 128.423484,64.9370988 C111.075298,64.9370988 97.0116385,79.0007584 97.0116385,96.3489441 C97.0116385,113.697471 111.075298,127.761131 128.423484,127.761131 Z' }),
+            React.createElement("path", { fill: f || '#039C49', d: 'M128.423484,127.761131 C145.771669,127.761131 159.835329,113.697471 159.835329,96.3489441 C159.835329,79.0007584 145.771669,64.9370988 128.423484,64.9370988 C111.075298,64.9370988 97.0116385,79.0007584 97.0116385,96.3489441 C97.0116385,113.697471 111.075298,127.761131 128.423484,127.761131 Z' }),
             React.createElement("path", { fill: fill || '#121C21', d: 'M119.418616,0.437715939 L17.8534332,54.8850897 C16.8063603,55.5131695 15.9687157,56.5603107 15.7593216,57.6074519 L0.0533647992,127.760448 C-0.156046364,128.807589 0.262779378,129.64537 1.10042745,130.06409 L133.867867,192.678421 C134.915008,193.097141 136.171509,193.097141 137.42801,192.678421 L222.239958,154.14663 C223.496459,153.518209 224.334241,152.471409 224.5436,151.214908 L255.955446,10.4894791 C256.164806,9.44244036 255.536726,8.18600753 254.280225,7.97657929 C254.070865,7.97657929 254.070865,7.97657929 253.861505,7.97657929 L121.303197,0.228291114 C120.884477,-0.190533945 120.046696,0.018891324 119.418616,0.437715939 Z M134.915008,187.233696 L13.8745699,130.27345 L57.0136452,130.27345 L158.159766,144.723042 L134.915008,187.233696 Z M163.604491,145.351122 L213.444792,152.471409 L141.825593,185.139755 L163.604491,145.351122 Z M61.2018685,125.666507 L99.5242992,50.2778051 L217.633015,36.6659941 L160.882129,139.906398 L61.2018685,125.666507 Z M221.193158,31.221338 L102.037301,45.0424406 L122.350338,5.0447547 L246.322498,12.3741966 L221.193158,31.221338 Z M96.1738572,45.6708619 L31.255816,53.2095272 L115.230393,8.39536747 L96.1738572,45.6708619 Z M20.3663672,59.4920329 L93.451495,51.1155863 L55.7571441,125.247787 L5.70748329,125.247787 L20.3663672,59.4920329 Z M220.146017,148.492546 L166.117493,140.744179 L224.124881,35.4094929 L249.673282,16.3530941 L220.146017,148.492546 Z' }))));
 };
 
-const LogzioLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const LogzioLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size, viewBox: '10 -2 30 30', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("path", { fill: fill || '#fff', fillRule: 'evenodd', clipRule: 'evenodd', d: 'M14.0557 18.9557L25.0003 25.275L35.945 18.9568V6.31933L25.0003 0L14.6023 6.00221C14.3924 6.1233 14.2621 6.34932 14.2621 6.59148C14.2621 6.83364 14.3924 7.05851 14.6023 7.17959L24.5275 12.9097V17.9167L14.0557 11.8707V18.9557ZM25.0003 24.183L15.0013 18.4102V13.5116L19.723 16.2376L24.9646 19.3039L30.7339 15.9725V9.31179L24.9657 5.98146L19.6902 9.0271L15.4741 6.59263L25.0003 1.09205L34.9994 6.86478V18.4102L25.0003 24.183ZM20.6357 9.57302L25.0003 12.0932L29.3297 9.59358L24.9657 7.0735L20.6357 9.57302ZM29.7883 10.4205L25.4731 12.912V17.9185L29.7883 15.427V10.4205Z' })));
 };
@@ -379,22 +395,28 @@ const MiddlewareLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
             React.createElement("path", { stroke: fill || '#E95E5F', strokeOpacity: '0.2', d: 'm27.7 7.783-.49.806c-.422-.73-.837-1.46-1.253-2.196l-.009-.016a192.02 192.02 0 0 0-1.585-2.764 3.238 3.238 0 0 0-1.11-1.204 3.169 3.169 0 0 0-3.204-.126c-.484.26-.893.64-1.19 1.102-.161.221-.308.466-.42.654l-.088.146-.001.002-2.682 4.392-.49-.86c-.754-1.325-1.512-2.657-2.276-3.98a3.258 3.258 0 0 0-1.13-1.312 3.182 3.182 0 0 0-3.415-.08 3.25 3.25 0 0 0-1.19 1.264 662.652 662.652 0 0 0-5.66 9.193 3.177 3.177 0 0 0-.396 2.368c.09.403.258.785.494 1.123.236.338.536.627.884.848a3.064 3.064 0 0 0 2.369.389 3.07 3.07 0 0 0 1.106-.525c.326-.245.6-.55.81-.9a345.117 345.117 0 0 0 2.57-4.163l.492-.803.684 1.195c.7 1.222 1.393 2.43 2.086 3.633.663 1.155 1.711 1.869 2.894 1.879 1.179.01 2.228-.683 2.887-1.786.558-.935 1.112-1.848 1.668-2.764.45-.74.9-1.484 1.355-2.241.258.447.516.898.775 1.35a213.215 213.215 0 0 0 2.145 3.692c.602 1.038 1.582 1.675 2.663 1.717 1.09.042 2.11-.53 2.747-1.552a483.087 483.087 0 0 0 5.792-9.552l.01-.019.011-.019a3.685 3.685 0 0 0 .422-2.031l-.001-.012a2.93 2.93 0 0 0-.762-1.72 2.85 2.85 0 0 0-1.636-.882 3.048 3.048 0 0 0-1.854.225 3.111 3.111 0 0 0-1.38 1.253c-.912 1.42-1.782 2.856-2.643 4.276z' }))));
 };
 
-const NewRelicLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const NewRelicLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size * (256 / 296), height: size, viewBox: '0 0 256 296', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("g", null,
-            React.createElement("polygon", { fill: fill || '#00AC69', points: '206.744916 102.321906 206.744916 193.264381 128 238.744916 128 295.586287 256 221.694364 256 73.8919233' }),
-            React.createElement("polygon", { fill: fill || '#1CE783', points: '128 56.8599651 206.744916 102.321906 256 73.8919233 256 73.8919233 128 0 0 73.8919233 0 73.8919233 49.2364904 102.321906' }),
+            React.createElement("polygon", { fill: f || '#00AC69', points: '206.744916 102.321906 206.744916 193.264381 128 238.744916 128 295.586287 256 221.694364 256 73.8919233' }),
+            React.createElement("polygon", { fill: f || '#1CE783', points: '128 56.8599651 206.744916 102.321906 256 73.8919233 256 73.8919233 128 0 0 73.8919233 0 73.8919233 49.2364904 102.321906' }),
             React.createElement("polygon", { fill: fill || '#1D252C', points: '78.7635096 176.232423 78.7635096 267.174898 128 295.586287 128 147.80244 -5.2846874e-14 73.8919233 -5.2846874e-14 130.751888' }))));
 };
 
-const ObserveLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const ObserveLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size * (61 / 69), height: size, viewBox: '0 0 61 69', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("g", null,
             React.createElement("path", { fill: fill || '#ffffff', d: 'm 12.198,36.147798 a 21.716,21.716 0 0 1 7.608,-7.932 19.864,19.864 0 0 1 20.88,0 22.119,22.119 0 0 1 7.662,7.961 21.708,21.708 0 0 1 -7.634,29.4 20.345,20.345 0 0 1 -20.908,0.031 21.127,21.127 0 0 1 -7.608,-7.816 22.279,22.279 0 0 1 0,-21.646 z m 5.838,18.333 a 14.75,14.75 0 0 0 5.193,5.461 13.409,13.409 0 0 0 7.21,2.035 13.073,13.073 0 0 0 7.075,-2 14.464,14.464 0 0 0 5.079,-5.463 16.188,16.188 0 0 0 -0.028,-15.2 14.709,14.709 0 0 0 -5.163,-5.521 13.562,13.562 0 0 0 -14.286,0 14.573,14.573 0 0 0 -5.108,5.521 15.777,15.777 0 0 0 -1.88,7.614 15.258,15.258 0 0 0 1.905,7.552 z' }),
-            React.createElement("path", { fill: fill || '#00a259', d: 'm 0.001,12.377798 6.5,6.5 a 34.971,34.971 0 0 1 48.21,0.211 l 6.27,-6.723 A 43.753,43.753 0 0 0 0,12.381798 Z' }))));
+            React.createElement("path", { fill: f || '#00a259', d: 'm 0.001,12.377798 6.5,6.5 a 34.971,34.971 0 0 1 48.21,0.211 l 6.27,-6.723 A 43.753,43.753 0 0 0 0,12.381798 Z' }))));
 };
 
-const OneUptimeLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const OneUptimeLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size * (125 / 250), viewBox: '125 -50 250 125', xmlns: 'http://www.w3.org/2000/svg', fill: fill || 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("defs", null,
             React.createElement("clipPath", { id: 'OneUptime-clipPath-01' },
@@ -403,7 +425,7 @@ const OneUptimeLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
                 React.createElement("path", { d: 'M 366.480469 51.03125 L 352.816406 51.03125 C 352.253906 51.03125 351.792969 50.574219 351.792969 50.007812 L 351.792969 36.347656 C 351.792969 35.785156 352.253906 35.324219 352.816406 35.324219 L 366.480469 35.324219 C 367.042969 35.324219 367.5 35.785156 367.5 36.347656 L 367.5 50.007812 C 367.5 50.574219 367.042969 51.03125 366.480469 51.03125 ' }))),
         React.createElement("g", { clipPath: 'url(#OneUptime-clipPath-01)' },
             React.createElement("g", { clipPath: 'url(#OneUptime-clipPath-02)' },
-                React.createElement("path", { fill: fill || '#7ed957', d: 'M 351.792969 35.324219 L 367.53125 35.324219 L 367.53125 51.0625 L 351.792969 51.0625 Z M 351.792969 35.324219 ' }))),
+                React.createElement("path", { fill: f || '#7ed957', d: 'M 351.792969 35.324219 L 367.53125 35.324219 L 367.53125 51.0625 L 351.792969 51.0625 Z M 351.792969 35.324219 ' }))),
         React.createElement("g", null,
             React.createElement("path", { fill: fill || '#121212', transform: 'translate(125, 0)', d: 'M 1.5625 -21.828125 C 1.5625 -25.191406 2.054688 -28.320312 3.046875 -31.21875 C 4.046875 -34.164062 5.5 -36.71875 7.40625 -38.875 C 9.3125 -41.070312 11.632812 -42.773438 14.375 -43.984375 C 15.738281 -44.597656 17.195312 -45.0625 18.75 -45.375 C 20.3125 -45.6875 21.941406 -45.84375 23.640625 -45.84375 C 25.335938 -45.84375 26.960938 -45.6875 28.515625 -45.375 C 30.078125 -45.0625 31.539062 -44.578125 32.90625 -43.921875 C 34.269531 -43.296875 35.53125 -42.546875 36.6875 -41.671875 C 37.851562 -40.804688 38.914062 -39.8125 39.875 -38.6875 C 41.78125 -36.53125 43.25 -34.003906 44.28125 -31.109375 C 45.28125 -28.203125 45.78125 -25.109375 45.78125 -21.828125 C 45.78125 -18.554688 45.28125 -15.46875 44.28125 -12.5625 C 43.957031 -11.613281 43.578125 -10.679688 43.140625 -9.765625 C 42.703125 -8.847656 42.210938 -7.984375 41.671875 -7.171875 C 41.140625 -6.367188 40.5625 -5.597656 39.9375 -4.859375 C 38.976562 -3.734375 37.90625 -2.734375 36.71875 -1.859375 C 35.539062 -0.992188 34.289062 -0.25 32.96875 0.375 C 30.226562 1.65625 27.113281 2.296875 23.625 2.296875 C 20.144531 2.296875 17.039062 1.65625 14.3125 0.375 C 13.644531 0.0390625 13 -0.3125 12.375 -0.6875 C 11.757812 -1.0625 11.160156 -1.460938 10.578125 -1.890625 C 9.992188 -2.328125 9.429688 -2.796875 8.890625 -3.296875 C 8.359375 -3.796875 7.863281 -4.316406 7.40625 -4.859375 C 5.5 -7.054688 4.046875 -9.625 3.046875 -12.5625 C 2.054688 -15.46875 1.5625 -18.554688 1.5625 -21.828125 Z M 10.703125 -21.828125 C 10.703125 -20.796875 10.773438 -19.769531 10.921875 -18.75 C 11.066406 -17.738281 11.28125 -16.734375 11.5625 -15.734375 C 11.894531 -14.785156 12.269531 -13.882812 12.6875 -13.03125 C 13.101562 -12.175781 13.601562 -11.378906 14.1875 -10.640625 C 14.351562 -10.390625 14.535156 -10.160156 14.734375 -9.953125 C 14.941406 -9.742188 15.148438 -9.535156 15.359375 -9.328125 C 15.566406 -9.117188 15.785156 -8.910156 16.015625 -8.703125 C 16.242188 -8.492188 16.484375 -8.304688 16.734375 -8.140625 C 16.984375 -7.984375 17.234375 -7.820312 17.484375 -7.65625 C 17.734375 -7.488281 17.976562 -7.320312 18.21875 -7.15625 C 19.800781 -6.320312 21.609375 -5.90625 23.640625 -5.90625 C 24.378906 -5.90625 25.082031 -5.945312 25.75 -6.03125 C 26.414062 -6.113281 27.035156 -6.25 27.609375 -6.4375 C 28.191406 -6.625 28.734375 -6.84375 29.234375 -7.09375 C 30.847656 -7.875 32.195312 -8.953125 33.28125 -10.328125 C 33.65625 -10.785156 33.984375 -11.269531 34.265625 -11.78125 C 34.554688 -12.300781 34.828125 -12.863281 35.078125 -13.46875 C 35.328125 -14.070312 35.554688 -14.679688 35.765625 -15.296875 C 36.347656 -17.328125 36.640625 -19.503906 36.640625 -21.828125 C 36.640625 -23.898438 36.328125 -25.894531 35.703125 -27.8125 C 35.117188 -29.71875 34.25 -31.414062 33.09375 -32.90625 C 31.96875 -34.351562 30.617188 -35.515625 29.046875 -36.390625 C 27.472656 -37.222656 25.671875 -37.640625 23.640625 -37.640625 C 23.140625 -37.640625 22.640625 -37.617188 22.140625 -37.578125 C 21.640625 -37.535156 21.160156 -37.460938 20.703125 -37.359375 C 20.253906 -37.253906 19.820312 -37.128906 19.40625 -36.984375 C 18.988281 -36.835938 18.59375 -36.660156 18.21875 -36.453125 C 17.394531 -36.078125 16.648438 -35.617188 15.984375 -35.078125 C 15.316406 -34.546875 14.71875 -33.925781 14.1875 -33.21875 C 13.0625 -31.8125 12.1875 -30.148438 11.5625 -28.234375 C 10.988281 -26.242188 10.703125 -24.109375 10.703125 -21.828125 Z M 10.703125 -21.828125 ' }),
             React.createElement("path", { fill: fill || '#121212', transform: 'translate(170, 0)', d: 'M 11.9375 -31.046875 C 12.269531 -31.367188 12.601562 -31.65625 12.9375 -31.90625 C 13.269531 -32.15625 13.625 -32.382812 14 -32.59375 C 16.070312 -33.957031 18.5 -34.640625 21.28125 -34.640625 C 23.3125 -34.640625 25.113281 -34.316406 26.6875 -33.671875 C 28.257812 -33.035156 29.585938 -32.078125 30.671875 -30.796875 C 32.703125 -28.304688 33.71875 -25.070312 33.71875 -21.09375 L 33.71875 1.5625 L 25 1.5625 L 25 -20.46875 C 25 -21.164062 24.945312 -21.804688 24.84375 -22.390625 C 24.738281 -22.972656 24.59375 -23.488281 24.40625 -23.9375 C 24.226562 -24.394531 23.992188 -24.789062 23.703125 -25.125 C 23.453125 -25.457031 23.171875 -25.738281 22.859375 -25.96875 C 22.546875 -26.195312 22.179688 -26.363281 21.765625 -26.46875 C 21.359375 -26.570312 20.882812 -26.625 20.34375 -26.625 C 19.59375 -26.625 18.84375 -26.476562 18.09375 -26.1875 C 17.3125 -25.894531 16.546875 -25.476562 15.796875 -24.9375 C 15.054688 -24.363281 14.351562 -23.722656 13.6875 -23.015625 C 13.4375 -22.679688 13.164062 -22.335938 12.875 -21.984375 C 12.582031 -21.628906 12.332031 -21.289062 12.125 -20.96875 L 12.125 1.5625 L 3.421875 1.5625 L 3.421875 -33.90625 L 11.9375 -33.90625 Z M 11.9375 -31.046875 ' }),
@@ -417,7 +439,9 @@ const OneUptimeLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
             React.createElement("path", { fill: fill || '#121212', transform: 'translate(305, 55)', d: 'M 10.390625 -12.3125 C 10.847656 -10.488281 11.632812 -9.019531 12.75 -7.90625 C 14.195312 -6.488281 16.144531 -5.78125 18.59375 -5.78125 C 19.175781 -5.78125 19.738281 -5.800781 20.28125 -5.84375 C 20.820312 -5.882812 21.335938 -5.945312 21.828125 -6.03125 C 22.328125 -6.113281 22.804688 -6.21875 23.265625 -6.34375 C 23.722656 -6.46875 24.175781 -6.601562 24.625 -6.75 C 25.082031 -6.894531 25.53125 -7.050781 25.96875 -7.21875 C 26.40625 -7.382812 26.851562 -7.570312 27.3125 -7.78125 L 28.921875 -8.515625 L 29.421875 -6.78125 L 30.734375 -1.984375 L 31.109375 -0.6875 L 29.921875 -0.125 C 28.304688 0.625 26.503906 1.207031 24.515625 1.625 C 23.515625 1.863281 22.460938 2.035156 21.359375 2.140625 C 20.265625 2.242188 19.117188 2.296875 17.921875 2.296875 C 15.390625 2.296875 13.085938 1.882812 11.015625 1.0625 C 8.941406 0.1875 7.175781 -1.054688 5.71875 -2.671875 C 4.269531 -4.242188 3.148438 -6.191406 2.359375 -8.515625 C 1.617188 -10.753906 1.25 -13.304688 1.25 -16.171875 C 1.25 -18.742188 1.617188 -21.148438 2.359375 -23.390625 C 2.773438 -24.503906 3.253906 -25.554688 3.796875 -26.546875 C 4.335938 -27.546875 4.957031 -28.460938 5.65625 -29.296875 C 7.070312 -30.953125 8.773438 -32.257812 10.765625 -33.21875 C 12.753906 -34.164062 14.972656 -34.640625 17.421875 -34.640625 C 18.242188 -34.640625 19.039062 -34.585938 19.8125 -34.484375 C 20.582031 -34.390625 21.328125 -34.25 22.046875 -34.0625 C 22.773438 -33.875 23.472656 -33.632812 24.140625 -33.34375 C 25.128906 -32.882812 26.023438 -32.351562 26.828125 -31.75 C 27.640625 -31.15625 28.378906 -30.460938 29.046875 -29.671875 C 30.335938 -28.140625 31.3125 -26.378906 31.96875 -24.390625 C 32.257812 -23.390625 32.488281 -22.359375 32.65625 -21.296875 C 32.820312 -20.242188 32.90625 -19.175781 32.90625 -18.09375 C 32.90625 -17.8125 32.90625 -17.523438 32.90625 -17.234375 C 32.90625 -16.941406 32.894531 -16.640625 32.875 -16.328125 C 32.851562 -16.015625 32.84375 -15.710938 32.84375 -15.421875 C 32.84375 -15.128906 32.832031 -14.847656 32.8125 -14.578125 C 32.789062 -14.316406 32.757812 -14.039062 32.71875 -13.75 L 32.59375 -12.3125 Z M 17.296875 -26.6875 C 15.304688 -26.6875 13.6875 -26.019531 12.4375 -24.6875 C 11.9375 -24.15625 11.5 -23.492188 11.125 -22.703125 C 10.757812 -21.910156 10.472656 -21 10.265625 -19.96875 L 24.5625 -19.96875 C 24.363281 -21.957031 23.742188 -23.507812 22.703125 -24.625 C 21.421875 -26 19.617188 -26.6875 17.296875 -26.6875 Z M 17.296875 -26.6875 ' }))));
 };
 
-const OpenObserveLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const OpenObserveLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 48 48', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("defs", null,
             React.createElement("linearGradient", { id: 'openobserve_gradient_1', x1: '23.916', y1: '13.3756', x2: '47.8276', y2: '13.3756', gradientUnits: 'userSpaceOnUse' },
@@ -448,10 +472,10 @@ const OpenObserveLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
                 React.createElement("stop", { offset: '1', stopColor: '#F6DF65' }))),
         React.createElement("g", null,
             React.createElement("path", { fill: fill || '#FFFFFF', d: 'M39.5095 23.9998C39.5095 24.4818 39.4855 24.9595 39.4443 25.4328H30.5464L29.8671 24.0542L25.0341 33.7049L21.0342 22.1675L18.3084 31.1755L14.6646 25.4328H8.38834C8.34711 24.9595 8.32324 24.4818 8.32324 23.9998C8.32324 23.5179 8.34711 23.038 8.38834 22.5647H16.2467L17.3839 24.3581L20.8607 12.8857L25.5158 26.3468L29.8888 17.608L32.3195 22.5647H39.4378C39.4811 23.038 39.5095 23.5244 39.5095 23.9998Z' }),
-            React.createElement("path", { fill: fill || 'url(#openobserve_gradient_1)', d: 'M47.8276 23.999C47.5501 24.7849 47.0358 25.4654 46.3556 25.9466C45.6754 26.4278 44.8629 26.6864 44.0298 26.6864C43.1966 26.6864 42.3841 26.4278 41.7039 25.9466C41.0237 25.4654 40.5093 24.7849 40.2319 23.999C40.2307 19.6702 38.5115 15.5189 35.452 12.4577C32.3925 9.39648 28.2431 7.67592 23.916 7.67421C24.7017 7.39657 25.3817 6.88207 25.8629 6.2016C26.3439 5.52114 26.6023 4.70816 26.6023 3.87469C26.6023 3.04122 26.3439 2.22826 25.8629 1.54779C25.3817 0.867324 24.7017 0.352833 23.916 0.0751953C27.0564 0.0751953 30.1659 0.694019 33.0671 1.89633C35.9684 3.09864 38.6045 4.86089 40.8249 7.08246C43.0453 9.30403 44.8065 11.9414 46.008 14.8439C47.2097 17.7465 47.8279 20.8574 47.8276 23.999Z' }),
-            React.createElement("path", { fill: fill || 'url(#openobserve_gradient_2)', d: 'M47.8273 23.9995C47.8275 27.1409 47.2093 30.2517 46.0078 33.1541C44.8061 36.0565 43.0449 38.6939 40.8245 40.9152C38.6039 43.1367 35.9678 44.8987 33.0666 46.1007C30.1655 47.3029 27.056 47.9213 23.9158 47.9211C23.1301 47.6434 22.4501 47.129 21.9689 46.4484C21.4879 45.7681 21.2295 44.955 21.2295 44.1215C21.2295 43.2882 21.4879 42.4751 21.9689 41.7947C22.4501 41.1142 23.1301 40.5997 23.9158 40.322C26.0591 40.3224 28.1816 39.9002 30.1619 39.0799C32.1422 38.2594 33.9415 37.0569 35.4572 35.5408C36.9728 34.0246 38.1752 32.2248 38.9955 30.2436C39.8158 28.2626 40.238 26.1393 40.238 23.9951C40.5155 24.7809 41.0298 25.4613 41.71 25.9427C42.3902 26.4239 43.2029 26.6825 44.036 26.6825C44.869 26.6825 45.6817 26.4239 46.3619 25.9427C47.0421 25.4613 47.5563 24.7809 47.8338 23.9951L47.8273 23.9995Z' }),
-            React.createElement("path", { fill: fill || 'url(#openobserve_gradient_3)', d: 'M26.5941 3.92897C26.5802 4.75134 26.3165 5.55003 25.8382 6.21898C25.3599 6.88792 24.6894 7.39545 23.9159 7.67421C21.7726 7.67421 19.6502 8.09659 17.67 8.91722C15.6898 9.73787 13.8906 10.9407 12.3751 12.457C10.8596 13.9734 9.65751 15.7735 8.83747 17.7546C8.01744 19.7357 7.59551 21.8592 7.5958 24.0034C7.31829 23.2176 6.804 22.537 6.12383 22.0558C5.44364 21.5744 4.63102 21.316 3.79791 21.316C2.96478 21.316 2.15216 21.5744 1.47198 22.0558C0.791794 22.537 0.277522 23.2176 8.86561e-07 24.0034C-0.000854409 20.861 0.617148 17.7493 1.81871 14.8459C3.02027 11.9426 4.78183 9.30453 7.00277 7.08246C9.2237 4.86038 11.8605 3.09783 14.7625 1.8955C17.6645 0.693172 20.775 0.0746257 23.9159 0.0751957C24.7068 0.36028 25.3893 0.884375 25.8693 1.57487C26.349 2.26537 26.6024 3.08806 26.5941 3.92897Z' }),
-            React.createElement("path", { fill: fill || 'url(#openobserve_gradient_4)', d: 'M23.9154 47.9206C17.5737 47.9206 11.4917 45.4002 7.00744 40.9141C2.52315 36.4279 0.00390625 30.3434 0.00390625 23.9989C0.281427 23.2131 0.795699 22.5325 1.47588 22.0513C2.15606 21.5701 2.96868 21.3115 3.80181 21.3115C4.63492 21.3115 5.44755 21.5701 6.12773 22.0513C6.80792 22.5325 7.32219 23.2131 7.5997 23.9989C7.5997 28.329 9.31913 32.4819 12.3798 35.5439C13.8952 37.0599 15.6943 38.2627 17.6744 39.0831C19.6544 39.9036 21.7766 40.326 23.9197 40.326C23.1343 40.6035 22.4541 41.1181 21.9731 41.7985C21.492 42.479 21.2336 43.2919 21.2336 44.1254C21.2336 44.9589 21.492 45.7718 21.9731 46.4524C22.4541 47.1328 23.1343 47.6474 23.9197 47.9249L23.9154 47.9206Z' }))));
+            React.createElement("path", { fill: f || 'url(#openobserve_gradient_1)', d: 'M47.8276 23.999C47.5501 24.7849 47.0358 25.4654 46.3556 25.9466C45.6754 26.4278 44.8629 26.6864 44.0298 26.6864C43.1966 26.6864 42.3841 26.4278 41.7039 25.9466C41.0237 25.4654 40.5093 24.7849 40.2319 23.999C40.2307 19.6702 38.5115 15.5189 35.452 12.4577C32.3925 9.39648 28.2431 7.67592 23.916 7.67421C24.7017 7.39657 25.3817 6.88207 25.8629 6.2016C26.3439 5.52114 26.6023 4.70816 26.6023 3.87469C26.6023 3.04122 26.3439 2.22826 25.8629 1.54779C25.3817 0.867324 24.7017 0.352833 23.916 0.0751953C27.0564 0.0751953 30.1659 0.694019 33.0671 1.89633C35.9684 3.09864 38.6045 4.86089 40.8249 7.08246C43.0453 9.30403 44.8065 11.9414 46.008 14.8439C47.2097 17.7465 47.8279 20.8574 47.8276 23.999Z' }),
+            React.createElement("path", { fill: f || 'url(#openobserve_gradient_2)', d: 'M47.8273 23.9995C47.8275 27.1409 47.2093 30.2517 46.0078 33.1541C44.8061 36.0565 43.0449 38.6939 40.8245 40.9152C38.6039 43.1367 35.9678 44.8987 33.0666 46.1007C30.1655 47.3029 27.056 47.9213 23.9158 47.9211C23.1301 47.6434 22.4501 47.129 21.9689 46.4484C21.4879 45.7681 21.2295 44.955 21.2295 44.1215C21.2295 43.2882 21.4879 42.4751 21.9689 41.7947C22.4501 41.1142 23.1301 40.5997 23.9158 40.322C26.0591 40.3224 28.1816 39.9002 30.1619 39.0799C32.1422 38.2594 33.9415 37.0569 35.4572 35.5408C36.9728 34.0246 38.1752 32.2248 38.9955 30.2436C39.8158 28.2626 40.238 26.1393 40.238 23.9951C40.5155 24.7809 41.0298 25.4613 41.71 25.9427C42.3902 26.4239 43.2029 26.6825 44.036 26.6825C44.869 26.6825 45.6817 26.4239 46.3619 25.9427C47.0421 25.4613 47.5563 24.7809 47.8338 23.9951L47.8273 23.9995Z' }),
+            React.createElement("path", { fill: f || 'url(#openobserve_gradient_3)', d: 'M26.5941 3.92897C26.5802 4.75134 26.3165 5.55003 25.8382 6.21898C25.3599 6.88792 24.6894 7.39545 23.9159 7.67421C21.7726 7.67421 19.6502 8.09659 17.67 8.91722C15.6898 9.73787 13.8906 10.9407 12.3751 12.457C10.8596 13.9734 9.65751 15.7735 8.83747 17.7546C8.01744 19.7357 7.59551 21.8592 7.5958 24.0034C7.31829 23.2176 6.804 22.537 6.12383 22.0558C5.44364 21.5744 4.63102 21.316 3.79791 21.316C2.96478 21.316 2.15216 21.5744 1.47198 22.0558C0.791794 22.537 0.277522 23.2176 8.86561e-07 24.0034C-0.000854409 20.861 0.617148 17.7493 1.81871 14.8459C3.02027 11.9426 4.78183 9.30453 7.00277 7.08246C9.2237 4.86038 11.8605 3.09783 14.7625 1.8955C17.6645 0.693172 20.775 0.0746257 23.9159 0.0751957C24.7068 0.36028 25.3893 0.884375 25.8693 1.57487C26.349 2.26537 26.6024 3.08806 26.5941 3.92897Z' }),
+            React.createElement("path", { fill: f || 'url(#openobserve_gradient_4)', d: 'M23.9154 47.9206C17.5737 47.9206 11.4917 45.4002 7.00744 40.9141C2.52315 36.4279 0.00390625 30.3434 0.00390625 23.9989C0.281427 23.2131 0.795699 22.5325 1.47588 22.0513C2.15606 21.5701 2.96868 21.3115 3.80181 21.3115C4.63492 21.3115 5.44755 21.5701 6.12773 22.0513C6.80792 22.5325 7.32219 23.2131 7.5997 23.9989C7.5997 28.329 9.31913 32.4819 12.3798 35.5439C13.8952 37.0599 15.6943 38.2627 17.6744 39.0831C19.6544 39.9036 21.7766 40.326 23.9197 40.326C23.1343 40.6035 22.4541 41.1181 21.9731 41.7985C21.492 42.479 21.2336 43.2919 21.2336 44.1254C21.2336 44.9589 21.492 45.7718 21.9731 46.4524C22.4541 47.1328 23.1343 47.6474 23.9197 47.9249L23.9154 47.9206Z' }))));
 };
 
 const OpenTelemetryLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
@@ -461,7 +485,9 @@ const OpenTelemetryLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
             React.createElement("path", { fill: fill || '#425CC7', d: 'M145.100153,51.637507 L107.083666,89.6499823 C103.707885,93.025407 103.707885,98.5818754 107.083666,101.9573 L130.558328,125.429484 C147.151589,113.485674 170.41851,114.965668 185.349849,129.895431 L204.358092,110.889194 C207.733873,107.513769 207.733873,101.9573 204.358092,98.5818754 L157.40877,51.637507 C154.032989,48.2361175 148.475934,48.2361175 145.100153,51.637507 Z M120.69066,135.322075 L106.823991,121.45687 C103.578048,118.211268 98.2547008,118.211268 95.0087576,121.45687 L46.1118692,170.374563 C42.865926,173.620164 42.865926,178.942949 46.1118692,182.188549 L73.8192404,209.892997 C77.0651836,213.138597 82.3885304,213.138597 85.6344736,209.892997 L117.081171,178.397687 C110.43348,164.662306 111.627987,148.070795 120.69066,135.322075 Z' }))));
 };
 
-const OpsVerseLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const OpsVerseLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size * (258.318 / 266.44), viewBox: '0 0 266.44 258.318', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("g", { transform: 'matrix(0.1, 0, 0, -0.1, -63.800472, 318.957611)' },
             React.createElement("path", { fill: fill || '#002a4b', d: 'M1832 3129 c-218 -21 -422 -92 -600 -209 l-53 -35 39 -3 38 -3 78 -189 78 -188 60 48 c164 132 384 195 595 170 52 -6 119 -20 148 -30 81 -28 203 -94 259 -140 26 -22 51 -40 55 -40 3 0 40 82 82 183 75 181 75 182 110 187 l34 5 -48 33 c-61 43 -189 106 -286 142 -103 37 -204 58 -341 70 -126 11 -129 11 -248 -1z' }),
@@ -501,15 +527,17 @@ const QuickwitLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
             React.createElement("path", { fill: fill || '#ff0026', d: 'M21.0118 1.55273L17.2109 1.55273L17.2109 11.9614L21.0118 11.9614L21.0118 1.55273Z' }))));
 };
 
-const SeqLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const SeqLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size * (250 / 600), viewBox: '50 50 600 250', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("g", null,
             React.createElement("path", { fill: fill || '#FFFFFF', d: 'M467.7,121.7v168.8h-31.6v-65.3c-8.7,9.8-22.9,14.9-38,14.9c-33.1-0.5-55.8-24.9-55.8-61.4  c0-36.8,23.6-60.9,56.5-60.9c17.5,0,32.6,6.9,40.3,18.5l2.1-14.6L467.7,121.7z M435.5,179.3c0-19.8-12.6-32.6-30.6-32.6  s-30.1,13.1-30.1,32.3s11.8,32.4,30.3,32.4C423,211.4,435.5,199.1,435.5,179.3L435.5,179.3z' }),
             React.createElement("path", { fill: fill || '#FFFFFF', d: 'M132.3,68.8c35.5,0,59.9,19.5,60.1,49.6H158c-0.3-13.1-11.6-21.3-27.5-21.3c-14.6,0-24.2,7.4-24.2,18.8  c0,12.3,10.5,16.2,21.6,18.8l26.4,6.4c26.5,5.9,42.4,22.4,42.4,47c0,32.1-25.2,52.2-63.5,52.2c-37.8,0-63.5-19.5-65.5-51.4h34.4  c0.8,14.6,13.1,23.1,31.4,23.1c17.7,0,28-7.7,28-20.3c0-11.6-9-15.9-18.8-18.5l-27.2-6.7c-28.8-6.7-43.7-22.9-43.7-46.5  C71.9,88.6,96,68.8,132.3,68.8z' }),
             React.createElement("path", { fill: fill || '#FFFFFF', d: 'M271.9,240.2c-36.5,0-60.6-24.9-60.6-61.4c0-37.3,24.9-60.9,59.9-60.9c34.4,0,57.3,23.1,57.3,55.2  c0,5-0.4,10-1.3,14.9h-84.3c0.8,15.7,12.1,26.2,29,26.2c12.3,0,22.1-5.4,25.7-13.9h31.1C323.6,224.3,300.7,240.2,271.9,240.2z   M295.8,166.7c-0.5-14.1-11-22.6-25.7-22.6c-15.2,0-26.2,8.7-27,22.6H295.8z' }),
-            React.createElement("polygon", { fill: fill || '#FBA018', points: '535.5,121.8 585.8,108.4 603.2,154.5 554,168.6 ' }),
-            React.createElement("polygon", { fill: fill || '#E84100', points: '603.2,154.5 535.5,208.5 535.5,121.8 561.5,154.5 ' }),
-            React.createElement("polygon", { fill: fill || '#AAEACD', points: '603.2,154.5 603.2,67.8 535.5,121.8 577.2,121.8 ' }))));
+            React.createElement("polygon", { fill: f || '#FBA018', points: '535.5,121.8 585.8,108.4 603.2,154.5 554,168.6 ' }),
+            React.createElement("polygon", { fill: f || '#E84100', points: '603.2,154.5 535.5,208.5 535.5,121.8 561.5,154.5 ' }),
+            React.createElement("polygon", { fill: f || '#AAEACD', points: '603.2,154.5 603.2,67.8 535.5,121.8 577.2,121.8 ' }))));
 };
 
 const SignozLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
@@ -606,7 +634,9 @@ const UptraceLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
             React.createElement("path", { fill: fill || '#1976d2', d: 'M12.001 22.651a1 1 0 0 1-.95-.68l-1.77-5.33h-5.75a1 1 0 0 1 0-2h6.47a1 1 0 0 1 .95.69l1.05 3.16 3.05-9.17a1 1 0 0 1 1.9 0l1.82 5.32h5.67a1 1 0 0 1 0 2h-6.43a1 1 0 0 1-.95-.68l-1.06-3.16-3.05 9.17a1 1 0 0 1-.95.68z' }))));
 };
 
-const VictoriaMetricsLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const VictoriaMetricsLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 32 32', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("g", null,
             React.createElement("path", { fill: fill || '#ffffff', transform: 'translate(2, 0)', d: 'm 30.94,11.139 h 1.721 c 0.188,0 0.336,0.039 0.455,0.128 0.119,0.089 0.208,0.197 0.257,0.335 l 1.79,4.925 c 0.079,0.217 0.158,0.443 0.247,0.699 0.079,0.256 0.158,0.522 0.227,0.798 0.059,-0.276 0.129,-0.542 0.208,-0.798 0.079,-0.256 0.158,-0.483 0.227,-0.699 l 1.77,-4.925 c 0.04,-0.118 0.129,-0.227 0.247,-0.315 0.119,-0.098 0.277,-0.138 0.445,-0.138 h 1.73 l -3.698,9.189 H 34.628 L 30.93,11.149 Z m 12.35,0.857 c 0,0.158 -0.03,0.305 -0.099,0.433 -0.059,0.138 -0.148,0.256 -0.257,0.364 -0.109,0.098 -0.237,0.187 -0.386,0.246 -0.149,0.059 -0.297,0.089 -0.465,0.089 -0.168,0 -0.307,-0.03 -0.455,-0.089 -0.138,-0.059 -0.267,-0.148 -0.366,-0.246 -0.109,-0.098 -0.188,-0.227 -0.257,-0.364 -0.059,-0.138 -0.089,-0.286 -0.089,-0.433 0,-0.147 0.03,-0.305 0.089,-0.453 0.059,-0.138 0.148,-0.256 0.257,-0.364 0.109,-0.108 0.227,-0.187 0.366,-0.246 0.138,-0.059 0.287,-0.089 0.455,-0.089 0.168,0 0.316,0.03 0.465,0.089 0.148,0.059 0.277,0.138 0.386,0.246 0.109,0.108 0.198,0.227 0.257,0.364 0.059,0.137 0.099,0.286 0.099,0.453 z m -0.227,1.793 v 6.54 h -1.968 v -6.54 z m 6.318,1.556 c -0.059,0.069 -0.119,0.128 -0.168,0.167 -0.059,0.039 -0.128,0.059 -0.237,0.059 -0.109,0 -0.188,-0.02 -0.267,-0.069 -0.079,-0.049 -0.168,-0.098 -0.267,-0.158 -0.099,-0.06 -0.208,-0.108 -0.346,-0.158 -0.129,-0.049 -0.297,-0.069 -0.485,-0.069 -0.237,0 -0.445,0.039 -0.623,0.128 -0.178,0.089 -0.316,0.217 -0.435,0.374 -0.119,0.158 -0.198,0.364 -0.257,0.601 -0.059,0.237 -0.079,0.502 -0.079,0.808 0,0.63 0.119,1.103 0.366,1.448 0.247,0.335 0.574,0.502 1.009,0.502 0.228,0 0.405,-0.03 0.544,-0.089 0.128,-0.059 0.247,-0.118 0.336,-0.187 0.089,-0.069 0.178,-0.138 0.257,-0.197 0.079,-0.059 0.178,-0.089 0.297,-0.089 0.158,0 0.277,0.059 0.356,0.167 l 0.574,0.699 c -0.208,0.227 -0.416,0.424 -0.643,0.561 -0.227,0.148 -0.455,0.256 -0.692,0.345 -0.237,0.079 -0.465,0.138 -0.702,0.167 -0.237,0.029 -0.465,0.049 -0.692,0.049 -0.405,0 -0.781,-0.079 -1.147,-0.227 -0.366,-0.148 -0.682,-0.374 -0.959,-0.66 -0.277,-0.286 -0.494,-0.64 -0.663,-1.064 -0.158,-0.424 -0.247,-0.896 -0.247,-1.438 0,-0.473 0.069,-0.916 0.208,-1.32 0.138,-0.414 0.346,-0.768 0.623,-1.064 0.277,-0.296 0.623,-0.542 1.028,-0.709 0.405,-0.167 0.88,-0.256 1.414,-0.256 0.534,0 0.969,0.079 1.355,0.246 0.386,0.167 0.742,0.404 1.048,0.719 l -0.524,0.689 0.02,0.02 z m 3.728,5.092 c -0.316,0 -0.583,-0.049 -0.831,-0.138 C 52.03,20.21 51.843,20.082 51.675,19.915 51.517,19.748 51.388,19.551 51.309,19.314 51.22,19.078 51.181,18.812 51.181,18.526 v -3.378 h -0.554 c -0.099,0 -0.188,-0.03 -0.257,-0.098 -0.069,-0.068 -0.108,-0.158 -0.108,-0.286 v -0.758 l 1.048,-0.207 0.385,-1.596 c 0.05,-0.197 0.198,-0.305 0.435,-0.305 h 1.029 v 1.911 h 1.592 v 1.339 h -1.592 v 3.25 c 0,0.148 0.039,0.276 0.108,0.374 0.069,0.098 0.178,0.148 0.317,0.148 0.069,0 0.128,0 0.178,-0.02 0.05,-0.02 0.089,-0.03 0.129,-0.049 0.039,-0.02 0.069,-0.039 0.099,-0.049 0.03,-0.02 0.069,-0.02 0.108,-0.02 0.06,0 0.109,0.01 0.139,0.039 0.04,0.03 0.069,0.069 0.109,0.128 l 0.593,0.926 c -0.257,0.187 -0.534,0.335 -0.85,0.424 -0.317,0.098 -0.643,0.138 -0.979,0.138 z m 5.685,-6.747 c 0.495,0 0.95,0.079 1.365,0.236 0.406,0.158 0.762,0.374 1.058,0.67 0.297,0.286 0.524,0.64 0.682,1.054 0.158,0.414 0.247,0.877 0.247,1.399 0,0.522 -0.079,0.995 -0.247,1.408 -0.158,0.414 -0.395,0.778 -0.682,1.064 -0.287,0.286 -0.643,0.522 -1.058,0.68 -0.405,0.158 -0.86,0.236 -1.365,0.236 -0.505,0 -0.959,-0.079 -1.374,-0.236 -0.416,-0.158 -0.761,-0.384 -1.068,-0.68 -0.297,-0.296 -0.524,-0.65 -0.693,-1.064 -0.158,-0.424 -0.247,-0.886 -0.247,-1.408 0,-0.522 0.079,-0.985 0.247,-1.399 0.159,-0.414 0.396,-0.768 0.693,-1.054 0.297,-0.286 0.652,-0.512 1.068,-0.67 0.415,-0.158 0.87,-0.236 1.374,-0.236 z m 0,5.289 c 0.455,0 0.781,-0.158 0.999,-0.473 0.218,-0.315 0.317,-0.798 0.317,-1.448 0,-0.65 -0.109,-1.133 -0.317,-1.448 -0.217,-0.315 -0.544,-0.473 -0.999,-0.473 -0.455,0 -0.801,0.158 -1.018,0.473 -0.217,0.315 -0.326,0.798 -0.326,1.448 0,0.65 0.109,1.133 0.326,1.448 0.217,0.315 0.554,0.473 1.018,0.473 z m 4.421,1.35 v -6.54 h 1.167 c 0.099,0 0.178,0 0.247,0.03 0.069,0.02 0.119,0.039 0.168,0.079 0.04,0.039 0.079,0.079 0.099,0.138 0.02,0.059 0.04,0.128 0.06,0.217 l 0.108,0.611 c 0.237,-0.374 0.514,-0.66 0.811,-0.877 0.297,-0.217 0.623,-0.325 0.979,-0.325 0.297,0 0.544,0.069 0.722,0.217 l -0.257,1.438 c -0.02,0.089 -0.05,0.148 -0.099,0.187 -0.049,0.039 -0.119,0.049 -0.198,0.049 -0.069,0 -0.159,0 -0.257,-0.03 -0.098,-0.03 -0.217,-0.03 -0.366,-0.03 -0.514,0 -0.919,0.276 -1.216,0.817 v 4.009 H 63.215 Z M 70.7,11.996 c 0,0.158 -0.03,0.305 -0.099,0.433 -0.059,0.138 -0.148,0.256 -0.257,0.364 -0.109,0.098 -0.237,0.187 -0.386,0.246 -0.149,0.059 -0.297,0.089 -0.465,0.089 -0.168,0 -0.306,-0.03 -0.455,-0.089 -0.138,-0.059 -0.267,-0.148 -0.366,-0.246 -0.109,-0.098 -0.188,-0.227 -0.257,-0.364 -0.06,-0.138 -0.089,-0.286 -0.089,-0.433 0,-0.147 0.03,-0.305 0.089,-0.453 0.059,-0.138 0.148,-0.256 0.257,-0.364 0.109,-0.108 0.227,-0.187 0.366,-0.246 0.138,-0.059 0.287,-0.089 0.455,-0.089 0.168,0 0.317,0.03 0.465,0.089 0.149,0.059 0.277,0.138 0.386,0.246 0.109,0.108 0.198,0.227 0.257,0.364 0.059,0.137 0.099,0.286 0.099,0.453 z m -0.227,1.793 v 6.54 h -1.968 v -6.54 z m 6.12,6.54 c -0.188,0 -0.326,-0.03 -0.425,-0.079 -0.099,-0.049 -0.178,-0.158 -0.237,-0.315 l -0.138,-0.364 c -0.168,0.138 -0.326,0.256 -0.474,0.364 -0.148,0.108 -0.307,0.197 -0.475,0.266 -0.158,0.069 -0.336,0.128 -0.514,0.167 -0.188,0.039 -0.385,0.049 -0.613,0.049 -0.297,0 -0.574,-0.039 -0.821,-0.118 C 72.649,20.22 72.441,20.102 72.273,19.954 72.105,19.806 71.966,19.609 71.878,19.383 71.789,19.156 71.74,18.9 71.74,18.605 c 0,-0.236 0.059,-0.473 0.178,-0.719 0.119,-0.246 0.326,-0.463 0.613,-0.67 0.287,-0.197 0.683,-0.364 1.177,-0.502 0.494,-0.138 1.117,-0.207 1.869,-0.207 v -0.276 c 0,-0.384 -0.079,-0.67 -0.237,-0.837 -0.158,-0.167 -0.385,-0.256 -0.672,-0.256 -0.237,0 -0.425,0.03 -0.574,0.079 -0.149,0.049 -0.277,0.108 -0.395,0.167 -0.118,0.059 -0.227,0.118 -0.336,0.167 -0.109,0.049 -0.237,0.079 -0.395,0.079 -0.138,0 -0.247,-0.03 -0.346,-0.098 -0.099,-0.068 -0.168,-0.148 -0.228,-0.246 l -0.356,-0.611 c 0.395,-0.345 0.841,-0.611 1.325,-0.778 0.484,-0.167 0.999,-0.256 1.553,-0.256 0.395,0 0.751,0.059 1.078,0.197 0.317,0.128 0.594,0.305 0.811,0.532 0.217,0.227 0.395,0.502 0.514,0.817 0.118,0.315 0.178,0.66 0.178,1.034 v 4.087 h -0.9 v 0.02 z m -2.254,-1.192 c 0.257,0 0.475,-0.039 0.662,-0.128 0.187,-0.089 0.385,-0.227 0.574,-0.433 V 17.68 c -0.395,0 -0.712,0.03 -0.969,0.079 -0.257,0.049 -0.455,0.118 -0.603,0.187 -0.149,0.079 -0.247,0.167 -0.307,0.266 -0.06,0.099 -0.089,0.207 -0.089,0.315 0,0.227 0.059,0.384 0.188,0.473 0.119,0.089 0.307,0.138 0.534,0.138 h 0.01 z m 9.512,-1.753 c 0.04,0.108 0.089,0.227 0.129,0.335 0.039,-0.118 0.089,-0.227 0.128,-0.335 0.039,-0.108 0.099,-0.217 0.158,-0.325 l 3.075,-5.555 c 0.059,-0.098 0.108,-0.158 0.168,-0.177 0.06,-0.019 0.148,-0.03 0.257,-0.03 h 0.91 v 9.042 h -1.078 v -6.638 c 0,-0.089 0,-0.187 0,-0.286 0,-0.099 0.01,-0.207 0.02,-0.305 l -3.115,5.653 c -0.109,0.187 -0.257,0.286 -0.445,0.286 H 83.88 c -0.188,0 -0.336,-0.098 -0.445,-0.286 L 80.251,13.09 c 0.01,0.108 0.02,0.217 0.03,0.325 0.01,0.108 0,0.207 0,0.286 v 6.638 h -1.078 v -9.042 h 0.91 c 0.108,0 0.198,0.01 0.257,0.03 0.059,0.02 0.118,0.079 0.168,0.177 l 3.135,5.565 c 0.059,0.098 0.109,0.207 0.158,0.315 z m 9.394,-3.546 c 0.385,0 0.741,0.069 1.068,0.197 0.327,0.128 0.603,0.315 0.84,0.552 0.237,0.246 0.426,0.542 0.554,0.896 0.128,0.354 0.198,0.758 0.198,1.211 0,0.177 -0.02,0.296 -0.059,0.355 -0.039,0.059 -0.109,0.089 -0.218,0.089 h -4.272 c 0,0.404 0.059,0.758 0.168,1.054 0.099,0.296 0.237,0.552 0.416,0.749 0.179,0.197 0.385,0.345 0.633,0.443 0.247,0.098 0.524,0.148 0.821,0.148 0.287,0 0.524,-0.03 0.732,-0.098 0.208,-0.068 0.386,-0.138 0.534,-0.207 0.149,-0.079 0.267,-0.148 0.366,-0.207 0.099,-0.069 0.188,-0.099 0.257,-0.099 0.089,0 0.168,0.039 0.218,0.108 l 0.316,0.414 c -0.138,0.167 -0.306,0.315 -0.504,0.443 -0.198,0.128 -0.406,0.227 -0.623,0.305 -0.217,0.079 -0.455,0.138 -0.682,0.177 -0.237,0.039 -0.475,0.059 -0.702,0.059 -0.445,0 -0.851,-0.079 -1.226,-0.227 -0.375,-0.148 -0.693,-0.364 -0.969,-0.66 -0.277,-0.295 -0.485,-0.64 -0.633,-1.074 -0.149,-0.424 -0.228,-0.916 -0.228,-1.468 0,-0.443 0.069,-0.867 0.208,-1.251 0.139,-0.384 0.336,-0.719 0.593,-1.005 0.257,-0.286 0.574,-0.502 0.939,-0.67 0.376,-0.158 0.791,-0.246 1.256,-0.246 v 0.01 z m 0.03,0.827 c -0.544,0 -0.969,0.158 -1.286,0.473 -0.317,0.315 -0.504,0.748 -0.583,1.3 h 3.49 c 0,-0.256 -0.04,-0.502 -0.109,-0.719 C 94.718,15.502 94.609,15.315 94.471,15.158 94.333,15 94.164,14.882 93.957,14.794 93.759,14.705 93.532,14.666 93.275,14.666 Z m 6.011,5.762 c -0.504,0 -0.9,-0.138 -1.167,-0.424 -0.267,-0.286 -0.406,-0.689 -0.406,-1.221 v -3.91 h -0.771 c -0.069,0 -0.129,-0.02 -0.168,-0.059 -0.05,-0.039 -0.069,-0.098 -0.069,-0.187 v -0.443 l 1.048,-0.128 0.257,-1.97 c 0,-0.059 0.039,-0.118 0.079,-0.158 0.04,-0.04 0.109,-0.059 0.178,-0.059 h 0.574 v 2.206 h 1.839 v 0.817 h -1.839 v 3.831 c 0,0.266 0.069,0.473 0.198,0.601 0.129,0.128 0.297,0.197 0.504,0.197 0.118,0 0.217,-0.02 0.306,-0.049 0.089,-0.029 0.159,-0.069 0.228,-0.108 0.069,-0.039 0.118,-0.069 0.158,-0.108 0.04,-0.03 0.079,-0.049 0.118,-0.049 0.059,0 0.109,0.039 0.158,0.108 l 0.327,0.532 c -0.198,0.177 -0.426,0.325 -0.702,0.424 -0.276,0.099 -0.554,0.158 -0.851,0.158 z m 2.779,-0.098 v -6.392 h 0.643 c 0.118,0 0.207,0.02 0.257,0.069 0.05,0.049 0.079,0.128 0.099,0.236 l 0.079,0.995 c 0.217,-0.443 0.494,-0.798 0.811,-1.044 0.326,-0.246 0.702,-0.374 1.137,-0.374 0.178,0 0.336,0.02 0.485,0.059 0.149,0.039 0.277,0.098 0.395,0.167 l -0.149,0.837 c -0.03,0.108 -0.099,0.158 -0.198,0.158 -0.059,0 -0.149,-0.02 -0.277,-0.059 -0.128,-0.039 -0.297,-0.059 -0.514,-0.059 -0.395,0 -0.722,0.118 -0.989,0.345 -0.267,0.227 -0.484,0.561 -0.662,0.995 v 4.068 h -1.117 z m 6.615,-8.392 c 0,0.108 -0.02,0.207 -0.069,0.305 -0.039,0.098 -0.099,0.177 -0.178,0.256 -0.069,0.079 -0.158,0.128 -0.257,0.177 -0.099,0.039 -0.198,0.059 -0.306,0.059 -0.108,0 -0.208,-0.02 -0.307,-0.059 -0.099,-0.039 -0.178,-0.099 -0.257,-0.177 -0.069,-0.069 -0.129,-0.158 -0.178,-0.256 -0.04,-0.098 -0.059,-0.197 -0.059,-0.305 0,-0.108 0.02,-0.217 0.059,-0.315 0.04,-0.098 0.099,-0.187 0.178,-0.256 0.069,-0.069 0.158,-0.128 0.257,-0.177 0.099,-0.039 0.198,-0.059 0.307,-0.059 0.109,0 0.217,0.02 0.306,0.059 0.099,0.039 0.178,0.098 0.257,0.177 0.069,0.079 0.128,0.158 0.178,0.256 0.04,0.099 0.069,0.207 0.069,0.315 z m -0.257,2.009 v 6.392 h -1.127 v -6.392 z m 6.368,1.133 c 0,0 -0.069,0.079 -0.099,0.108 -0.03,0.029 -0.079,0.039 -0.149,0.039 -0.069,0 -0.128,-0.03 -0.207,-0.079 -0.079,-0.049 -0.168,-0.108 -0.287,-0.177 -0.118,-0.069 -0.247,-0.118 -0.415,-0.177 -0.159,-0.049 -0.366,-0.079 -0.603,-0.079 -0.317,0 -0.584,0.059 -0.831,0.167 -0.237,0.108 -0.445,0.276 -0.603,0.483 -0.158,0.207 -0.287,0.463 -0.366,0.758 -0.079,0.295 -0.119,0.63 -0.119,1.005 0,0.375 0.04,0.729 0.128,1.034 0.089,0.305 0.218,0.552 0.376,0.758 0.158,0.206 0.356,0.364 0.584,0.463 0.227,0.098 0.484,0.158 0.771,0.158 0.287,0 0.504,-0.03 0.682,-0.098 0.178,-0.069 0.326,-0.138 0.445,-0.217 0.119,-0.079 0.217,-0.148 0.287,-0.217 0.079,-0.069 0.149,-0.098 0.227,-0.098 0.099,0 0.168,0.039 0.218,0.108 l 0.316,0.414 c -0.277,0.345 -0.623,0.591 -1.048,0.748 -0.425,0.157 -0.86,0.236 -1.325,0.236 -0.405,0 -0.771,-0.069 -1.117,-0.217 -0.346,-0.148 -0.643,-0.364 -0.9,-0.64 -0.257,-0.276 -0.455,-0.62 -0.593,-1.034 -0.149,-0.404 -0.218,-0.877 -0.218,-1.399 0,-0.473 0.069,-0.916 0.198,-1.32 0.129,-0.404 0.327,-0.749 0.584,-1.044 0.257,-0.296 0.574,-0.522 0.949,-0.68 0.375,-0.158 0.811,-0.246 1.296,-0.246 0.445,0 0.84,0.069 1.186,0.217 0.346,0.148 0.652,0.355 0.919,0.611 l -0.297,0.404 0.01,0.01 z M 120.002,15 c -0.05,0.089 -0.129,0.138 -0.237,0.138 -0.06,0 -0.138,-0.02 -0.218,-0.069 -0.08,-0.049 -0.178,-0.098 -0.297,-0.158 -0.118,-0.059 -0.257,-0.108 -0.415,-0.158 -0.158,-0.05 -0.346,-0.069 -0.574,-0.069 -0.188,0 -0.366,0.02 -0.514,0.069 -0.148,0.049 -0.287,0.118 -0.385,0.197 -0.109,0.089 -0.188,0.177 -0.247,0.295 -0.059,0.118 -0.089,0.236 -0.089,0.364 0,0.167 0.049,0.305 0.138,0.414 0.099,0.108 0.217,0.207 0.375,0.286 0.158,0.079 0.336,0.148 0.534,0.207 0.198,0.059 0.406,0.128 0.613,0.197 0.207,0.069 0.416,0.148 0.613,0.227 0.198,0.089 0.375,0.187 0.534,0.315 0.159,0.128 0.287,0.276 0.375,0.463 0.099,0.187 0.138,0.404 0.138,0.66 0,0.296 -0.049,0.571 -0.158,0.817 -0.109,0.246 -0.267,0.463 -0.465,0.65 -0.208,0.187 -0.455,0.325 -0.761,0.433 -0.297,0.108 -0.643,0.158 -1.038,0.158 -0.445,0 -0.851,-0.069 -1.216,-0.217 -0.365,-0.148 -0.672,-0.335 -0.919,-0.561 l 0.267,-0.433 c 0.03,-0.059 0.079,-0.098 0.118,-0.128 0.039,-0.03 0.109,-0.039 0.188,-0.039 0.079,0 0.158,0.03 0.237,0.089 0.089,0.059 0.188,0.128 0.306,0.197 0.118,0.069 0.267,0.138 0.435,0.197 0.168,0.059 0.386,0.089 0.643,0.089 0.218,0 0.416,-0.03 0.574,-0.089 0.168,-0.059 0.307,-0.138 0.415,-0.227 0.109,-0.098 0.188,-0.207 0.247,-0.335 0.05,-0.128 0.079,-0.256 0.079,-0.404 0,-0.177 -0.05,-0.325 -0.138,-0.433 -0.099,-0.118 -0.218,-0.217 -0.376,-0.295 -0.158,-0.078 -0.336,-0.158 -0.534,-0.217 -0.198,-0.059 -0.406,-0.128 -0.613,-0.197 -0.207,-0.069 -0.415,-0.148 -0.613,-0.227 -0.198,-0.089 -0.376,-0.197 -0.534,-0.325 -0.158,-0.128 -0.287,-0.295 -0.376,-0.483 -0.099,-0.187 -0.138,-0.424 -0.138,-0.699 0,-0.246 0.05,-0.483 0.149,-0.699 0.099,-0.216 0.247,-0.424 0.445,-0.591 0.198,-0.167 0.435,-0.305 0.712,-0.404 0.277,-0.099 0.603,-0.148 0.969,-0.148 0.425,0 0.801,0.069 1.137,0.197 0.336,0.128 0.623,0.315 0.87,0.542 l -0.257,0.414 V 15 Z M 11.579,14.075 c 0.554,0.463 1.454,0.798 2.363,0.817 h 0.089 c 0.91,-0.02 1.819,-0.355 2.363,-0.817 C 19.242,11.652 27.498,4.108 27.498,4.108 29.733,2.059 23.563,0.021 14.05,0.001 H 13.961 C 4.419,0.021 -1.771,2.059 0.454,4.098 c 0,0 8.276,7.544 11.124,9.967 v 0.01 z m 4.835,4.077 C 15.86,18.615 14.96,18.95 14.051,18.969 H 13.962 C 13.052,18.949 12.143,18.614 11.599,18.152 9.611,16.468 2.65,10.174 0.03,7.801 v 3.634 c 0,0.404 0.148,0.926 0.425,1.182 1.77,1.615 8.652,7.909 11.144,10.007 0.554,0.463 1.454,0.798 2.363,0.817 h 0.089 c 0.91,-0.02 1.819,-0.355 2.363,-0.817 2.472,-2.108 9.354,-8.372 11.144,-10.007 0.277,-0.256 0.425,-0.778 0.425,-1.182 V 7.801 c -2.64,2.374 -9.601,8.687 -11.569,10.342 v 0.01 z m 0,8.559 c -0.554,0.463 -1.454,0.798 -2.363,0.817 H 13.962 C 13.052,27.508 12.143,27.173 11.599,26.711 9.611,25.027 2.65,18.733 0.03,16.36 v 3.634 c 0,0.404 0.148,0.926 0.425,1.182 1.77,1.615 8.652,7.909 11.144,10.007 0.554,0.463 1.454,0.798 2.363,0.817 h 0.089 c 0.91,-0.02 1.819,-0.355 2.363,-0.817 2.472,-2.108 9.354,-8.372 11.144,-10.007 0.277,-0.256 0.425,-0.778 0.425,-1.182 V 16.36 c -2.64,2.374 -9.601,8.687 -11.569,10.342 v 0.01 z' }))));

package/lib/{index-e9b26c29.js → index-bd48e6e2.js}

@@ -99,7 +99,9 @@ const K8sLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         React.createElement("path", { fill: fill, d: 'M18.3862 11.574C18.3689 11.574 18.3689 11.574 18.3862 11.574H18.3689C18.3516 11.574 18.3343 11.574 18.3343 11.5562C18.2997 11.5562 18.2651 11.5384 18.2305 11.5384C18.1093 11.5206 18.0055 11.5028 17.9017 11.5028C17.8498 11.5028 17.7979 11.5028 17.7286 11.485H17.7113C17.3479 11.4494 17.0537 11.4138 16.7769 11.3248C16.6557 11.2714 16.6211 11.2002 16.5865 11.129C16.5865 11.1113 16.5692 11.1113 16.5692 11.0935L16.3442 11.0223C16.4481 10.2036 16.4135 9.3493 16.2231 8.51281C16.0328 7.67633 15.704 6.89324 15.254 6.18134L15.4271 6.02116V5.98556C15.4271 5.89658 15.4444 5.80759 15.5136 5.7186C15.7213 5.52283 15.9808 5.36265 16.2923 5.16688C16.3442 5.13128 16.3962 5.11349 16.4481 5.07789C16.5519 5.0245 16.6384 4.97111 16.7423 4.89992C16.7596 4.88212 16.7942 4.86432 16.8288 4.82873C16.8461 4.81093 16.8634 4.81093 16.8634 4.79313C17.1057 4.57956 17.1576 4.22361 16.9845 3.99224C16.898 3.86766 16.7423 3.79647 16.5865 3.79647C16.4481 3.79647 16.3269 3.84986 16.2058 3.93885C16.1885 3.95665 16.1885 3.95665 16.1712 3.97444C16.1366 3.99224 16.1193 4.02784 16.0847 4.04563C15.9981 4.13462 15.9289 4.20581 15.8597 4.2948C15.8251 4.33039 15.7905 4.38379 15.7386 4.41938C15.4963 4.68635 15.2713 4.89992 15.0464 5.06009C14.9945 5.09569 14.9425 5.11349 14.8906 5.11349C14.856 5.11349 14.8214 5.11349 14.7868 5.09569H14.7522L14.5445 5.23807C14.3196 4.9889 14.0773 4.77533 13.835 4.56176C12.7967 3.72528 11.5335 3.20915 10.2183 3.08457L10.201 2.8532C10.1837 2.8354 10.1837 2.8354 10.1664 2.81761C10.1145 2.76421 10.0452 2.71082 10.0279 2.58624C10.0106 2.30148 10.0452 1.98112 10.0799 1.62517V1.60737C10.0799 1.55398 10.0972 1.48279 10.1145 1.4294C10.1318 1.32261 10.1491 1.21583 10.1664 1.09125V0.984461V0.931068C10.1664 0.610713 9.92412 0.34375 9.62993 0.34375C9.49149 0.34375 9.35305 0.41494 9.24922 0.521725C9.1454 0.62851 9.09348 0.77089 9.09348 0.931068V0.966663V1.07345C9.09348 1.19803 9.11079 1.30482 9.1454 1.4116C9.1627 1.46499 9.1627 1.51839 9.18001 1.58958V1.60737C9.21461 1.96332 9.26653 2.28368 9.23192 2.56844C9.21461 2.69302 9.14539 2.74642 9.09348 2.79981C9.07617 2.81761 9.07617 2.81761 9.05887 2.8354L9.04156 3.06677C8.73008 3.10237 8.41859 3.13796 8.1071 3.20915C6.77462 3.51171 5.59789 4.20581 4.68073 5.20247L4.50768 5.07789H4.47307C4.43846 5.07789 4.40385 5.09569 4.36924 5.09569C4.31732 5.09569 4.26541 5.07789 4.21349 5.0423C3.98853 4.88212 3.76357 4.65075 3.5213 4.38379C3.48669 4.34819 3.45208 4.2948 3.40016 4.2592C3.33094 4.17022 3.26172 4.09903 3.1752 4.01004C3.15789 3.99224 3.12328 3.97444 3.08867 3.93885C3.07137 3.92105 3.05406 3.92105 3.05406 3.90325C2.95024 3.81427 2.8118 3.76087 2.67336 3.76087C2.51761 3.76087 2.36187 3.83206 2.27534 3.95665C2.10229 4.18801 2.15421 4.54397 2.39648 4.75754C2.41378 4.75754 2.41378 4.77533 2.43109 4.77533C2.4657 4.79313 2.483 4.82873 2.51761 4.84652C2.62144 4.91771 2.70797 4.97111 2.8118 5.0245C2.86371 5.0423 2.91563 5.07789 2.96754 5.11349C3.27903 5.30926 3.5386 5.46944 3.74626 5.66521C3.83279 5.7542 3.83279 5.84318 3.83279 5.93217V5.96777L4.00583 6.12794C3.97123 6.18134 3.93662 6.21693 3.91931 6.27033C3.05406 7.67633 2.72527 9.3315 2.95024 10.9689L2.72527 11.0401C2.72527 11.0579 2.70797 11.0579 2.70797 11.0757C2.67336 11.1468 2.62144 11.218 2.51761 11.2714C2.25804 11.3604 1.94655 11.396 1.58315 11.4316H1.56584C1.51393 11.4316 1.44471 11.4316 1.39279 11.4494C1.28896 11.4494 1.18513 11.4672 1.064 11.485C1.02939 11.485 0.99478 11.5028 0.96017 11.5028C0.942865 11.5028 0.925561 11.5028 0.908256 11.5206C0.596767 11.5918 0.406413 11.8943 0.458328 12.1791C0.510243 12.4283 0.735207 12.5884 1.01209 12.5884C1.064 12.5884 1.09861 12.5884 1.15052 12.5706C1.16783 12.5706 1.18513 12.5706 1.18513 12.5529C1.21974 12.5529 1.25435 12.5351 1.28896 12.5351C1.4101 12.4995 1.49662 12.4639 1.60045 12.4105C1.65237 12.3927 1.70428 12.3571 1.7562 12.3393H1.7735C2.10229 12.2147 2.39648 12.1079 2.67336 12.0723H2.70797C2.8118 12.0723 2.88102 12.1257 2.93293 12.1613C2.95024 12.1613 2.95024 12.1791 2.96754 12.1791L3.20981 12.1435C3.62513 13.4605 4.42115 14.6352 5.47675 15.4894C5.71902 15.6852 5.96129 15.8454 6.22086 16.0056L6.11703 16.2369C6.11703 16.2547 6.13434 16.2547 6.13434 16.2725C6.16895 16.3437 6.20356 16.4327 6.16895 16.5573C6.06512 16.8243 5.90938 17.0912 5.71902 17.3938V17.4116C5.68441 17.465 5.6498 17.5006 5.61519 17.554C5.54597 17.6429 5.49406 17.7319 5.42484 17.8387C5.40753 17.8565 5.39023 17.8921 5.37292 17.9277C5.37292 17.9455 5.35562 17.9633 5.35562 17.9633C5.21718 18.2659 5.32101 18.604 5.58058 18.7286C5.6498 18.7642 5.71902 18.782 5.78824 18.782C5.9959 18.782 6.20356 18.6396 6.30739 18.4438C6.30739 18.426 6.32469 18.4082 6.32469 18.4082C6.342 18.3726 6.3593 18.337 6.37661 18.3192C6.42852 18.1947 6.44583 18.1057 6.48044 17.9989C6.49774 17.9455 6.51505 17.8921 6.53235 17.8387C6.65349 17.4828 6.74001 17.198 6.89576 16.9488C6.96498 16.8421 7.0515 16.8243 7.12072 16.7887C7.13802 16.7887 7.13802 16.7887 7.15533 16.7709L7.27646 16.5395C8.03788 16.8421 8.86852 17.0022 9.69915 17.0022C10.201 17.0022 10.7201 16.9488 11.2047 16.8243C11.5162 16.7531 11.8104 16.6641 12.1045 16.5573L12.2084 16.7531C12.2257 16.7531 12.2257 16.7531 12.243 16.7709C12.3295 16.7887 12.3987 16.8243 12.4679 16.931C12.6064 17.1802 12.7102 17.4828 12.8313 17.8209V17.8387C12.8486 17.8921 12.866 17.9455 12.8833 17.9989C12.9179 18.1057 12.9352 18.2125 12.9871 18.3192C13.0044 18.3548 13.0217 18.3726 13.039 18.4082C13.039 18.426 13.0563 18.4438 13.0563 18.4438C13.1601 18.6574 13.3678 18.782 13.5755 18.782C13.6447 18.782 13.7139 18.7642 13.7831 18.7286C13.9042 18.6574 14.0081 18.5506 14.0427 18.4082C14.0773 18.2659 14.0773 18.1057 14.0081 17.9633C14.0081 17.9455 13.9908 17.9455 13.9908 17.9277C13.9735 17.8921 13.9562 17.8565 13.9389 17.8387C13.8869 17.7319 13.8177 17.6429 13.7485 17.554C13.7139 17.5006 13.6793 17.465 13.6447 17.4116V17.3938C13.4543 17.0912 13.2813 16.8243 13.1947 16.5573C13.1601 16.4327 13.1947 16.3615 13.212 16.2725C13.212 16.2547 13.2294 16.2547 13.2294 16.2369L13.1428 16.0234C14.06 15.4716 14.8387 14.6886 15.4271 13.7275C15.7386 13.2292 15.9808 12.6774 16.1539 12.1257L16.3615 12.1613C16.3788 12.1613 16.3788 12.1435 16.3962 12.1435C16.4654 12.1079 16.5173 12.0545 16.6211 12.0545H16.6557C16.9326 12.0901 17.2268 12.1969 17.5556 12.3215H17.5729C17.6248 12.3393 17.6767 12.3749 17.7286 12.3927C17.8325 12.4461 17.919 12.4817 18.0401 12.5173C18.0747 12.5173 18.1093 12.5351 18.1439 12.5351C18.1613 12.5351 18.1786 12.5351 18.1959 12.5529C18.2478 12.5706 18.2824 12.5706 18.3343 12.5706C18.5939 12.5706 18.8188 12.3927 18.8881 12.1613C18.8881 11.9477 18.6977 11.663 18.3862 11.574ZM10.374 10.7019L9.61263 11.0757L8.85121 10.7019L8.66086 9.86543L9.18001 9.18912H10.0279L10.5471 9.86543L10.374 10.7019ZM14.8906 8.85097C15.0291 9.45608 15.0637 10.0612 15.0118 10.6485L12.3641 9.86543C12.1218 9.79423 11.9834 9.54507 12.0353 9.2959C12.0526 9.22471 12.0872 9.15352 12.1391 9.10013L14.233 7.1602C14.5272 7.65853 14.7522 8.22805 14.8906 8.85097ZM13.4024 6.09235L11.1355 7.74752C10.9451 7.8721 10.6855 7.83651 10.5298 7.64073C10.4779 7.58734 10.4606 7.51615 10.4433 7.44496L10.2875 4.54397C11.4816 4.68635 12.5718 5.23807 13.4024 6.09235ZM8.38398 4.63295C8.57433 4.59736 8.74738 4.56176 8.93774 4.52617L8.78199 7.37377C8.76469 7.62294 8.57433 7.83651 8.31476 7.83651C8.24554 7.83651 8.15901 7.81871 8.1071 7.78311L5.80555 6.09235C6.51505 5.36265 7.3976 4.86432 8.38398 4.63295ZM4.97491 7.1602L7.03419 9.04674C7.22455 9.20692 7.24185 9.50947 7.08611 9.70525C7.03419 9.77644 6.96498 9.82983 6.87845 9.84763L4.19619 10.6485C4.09236 9.43828 4.35193 8.21026 4.97491 7.1602ZM4.50768 11.9833L7.25916 11.5028C7.48412 11.485 7.69178 11.6452 7.7437 11.8765C7.761 11.9833 7.761 12.0723 7.72639 12.1613L6.67079 14.7775C5.70172 14.1368 4.923 13.158 4.50768 11.9833ZM10.824 15.525C10.426 15.614 10.0279 15.6674 9.61263 15.6674C9.00696 15.6674 8.41859 15.5606 7.86483 15.3827L9.23192 12.8376C9.37036 12.6774 9.59532 12.6062 9.78568 12.713C9.8722 12.7664 9.94142 12.8376 9.99334 12.9088L11.3258 15.3827C11.1701 15.436 10.997 15.4716 10.824 15.525ZM14.1984 13.0512C13.7658 13.7631 13.1947 14.3326 12.5372 14.7775L11.4469 12.0901C11.395 11.8765 11.4816 11.6452 11.6892 11.5384C11.7584 11.5028 11.845 11.485 11.9315 11.485L14.7003 11.9655C14.5964 12.3571 14.4234 12.713 14.1984 13.0512Z' })));
 };
 
-const KafkaLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+const KafkaLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
     return (React.createElement("svg", { width: size * (256 / 416), height: size, viewBox: '0 0 256 416', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("path", { fill: fill || '#231f20', d: 'M201.816 230.216c-16.186 0-30.697 7.171-40.634 18.461l-25.463-18.026c2.703-7.442 4.255-15.433 4.255-23.797 0-8.219-1.498-16.076-4.112-23.408l25.406-17.835c9.936 11.233 24.409 18.365 40.548 18.365 29.875 0 54.184-24.305 54.184-54.184 0-29.879-24.309-54.184-54.184-54.184-29.875 0-54.184 24.305-54.184 54.184 0 5.348.808 10.505 2.258 15.389l-25.423 17.844c-10.62-13.175-25.911-22.374-43.333-25.182v-30.64c24.544-5.155 43.037-26.962 43.037-53.019C124.171 24.305 99.862 0 69.987 0 40.112 0 15.803 24.305 15.803 54.184c0 25.708 18.014 47.246 42.067 52.769v31.038C25.044 143.753 0 172.401 0 206.854c0 34.621 25.292 63.374 58.355 68.94v32.774c-24.299 5.341-42.552 27.011-42.552 52.894 0 29.879 24.309 54.184 54.184 54.184 29.875 0 54.184-24.305 54.184-54.184 0-25.883-18.253-47.553-42.552-52.894v-32.775a69.965 69.965 0 0 0 42.6-24.776l25.633 18.143c-1.423 4.84-2.22 9.946-2.22 15.24 0 29.879 24.309 54.184 54.184 54.184 29.875 0 54.184-24.305 54.184-54.184 0-29.879-24.309-54.184-54.184-54.184zm0-126.695c14.487 0 26.27 11.788 26.27 26.271s-11.783 26.27-26.27 26.27-26.27-11.787-26.27-26.27c0-14.483 11.783-26.271 26.27-26.271zm-158.1-49.337c0-14.483 11.784-26.27 26.271-26.27s26.27 11.787 26.27 26.27c0 14.483-11.783 26.27-26.27 26.27s-26.271-11.787-26.271-26.27zm52.541 307.278c0 14.483-11.783 26.27-26.27 26.27s-26.271-11.787-26.271-26.27c0-14.483 11.784-26.27 26.271-26.27s26.27 11.787 26.27 26.27zm-26.272-117.97c-20.205 0-36.642-16.434-36.642-36.638 0-20.205 16.437-36.642 36.642-36.642 20.204 0 36.641 16.437 36.641 36.642 0 20.204-16.437 36.638-36.641 36.638zm131.831 67.179c-14.487 0-26.27-11.788-26.27-26.271s11.783-26.27 26.27-26.27 26.27 11.787 26.27 26.27c0 14.483-11.783 26.271-26.27 26.271z' })));
 };

package/lib/{index-1a165096.js → index-eb03f43f.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { a3 as WarningModal } from './index-eb5688cd.js';
+import { a3 as WarningModal } from './index-61caa474.js';
 import { StatusType, EntityTypes } from './types.js';
-import './index-e9b26c29.js';
+import './index-bd48e6e2.js';
 import 'styled-components';
 
 const CancelWarning = ({ isOpen, noOverlay, name, onApprove, onDeny }) => {

package/lib/snippets.js

@@ -1,15 +1,15 @@
-import { B as Button, _ as Text, L as NotificationNote } from './index-eb5688cd.js';
-export { ai as AddButton, an as AddNode, ao as BaseNode, ak as CopyText, ap as EdgedNode, ag as Flow, aq as FrameNode, ar as HeaderNode, aw as LabeledEdge, as as MapItemNode, at as NoDataNode, al as PodContainer, au as ScrollNode, av as SkeletonNode, am as SourceContainer, ad as nodeConfig } from './index-eb5688cd.js';
+import { B as Button, _ as Text, L as NotificationNote } from './index-61caa474.js';
+export { ai as AddButton, an as AddNode, ao as BaseNode, ak as CopyText, ap as EdgedNode, ag as Flow, aq as FrameNode, ar as HeaderNode, aw as LabeledEdge, as as MapItemNode, at as NoDataNode, al as PodContainer, au as ScrollNode, av as SkeletonNode, am as SourceContainer, ad as nodeConfig } from './index-61caa474.js';
 import React from 'react';
-import { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-e9b26c29.js';
-import { E as EditIcon } from './index-0001f711.js';
+import { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-bd48e6e2.js';
+import { E as EditIcon } from './index-1fcb0269.js';
 import { StatusType } from './types.js';
 import 'styled-components';
-import { I as InfoIcon } from './index-630dec93.js';
-import './index-355d023b.js';
+import { I as InfoIcon } from './index-50101bec.js';
+import './index-58440c5c.js';
 import './index-ec555530.js';
 import 'react-dom';
-import './useTransition-242df96b.js';
+import './useTransition-750816e0.js';
 
 const EditButton = ({ label, onClick, variant = 'tertiary', ...props }) => {
     const theme = Theme.useTheme();

package/lib/store.js

@@ -1,4 +1,4 @@
-export { Q as useActiveNodeStore, a0 as useDarkMode, Y as useDataStreamStore, O as useDrawerStore, W as useEntityStore, X as useFilterStore, Z as useInstrumentStore, z as useModalStore, V as useNotificationStore, U as usePendingStore, $ as useSelectedStore, _ as useSetupStore } from './index-e9b26c29.js';
+export { Q as useActiveNodeStore, a0 as useDarkMode, Y as useDataStreamStore, O as useDrawerStore, W as useEntityStore, X as useFilterStore, Z as useInstrumentStore, z as useModalStore, V as useNotificationStore, U as usePendingStore, $ as useSelectedStore, _ as useSetupStore } from './index-bd48e6e2.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/theme.js

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

package/lib/{useTransition-242df96b.js → useTransition-750816e0.js}

@@ -1,4 +1,4 @@
-import { z as useModalStore, O as useDrawerStore, Q as useActiveNodeStore } from './index-e9b26c29.js';
+import { z as useModalStore, O as useDrawerStore, Q as useActiveNodeStore } from './index-bd48e6e2.js';
 import { AddNodeTypes, EntityTypes, PayloadCollectionKeyTypes, CodeAttributesKeyTypes, CustomInstrumentationsKeyTypes } from './types.js';
 import React, { useState, useMemo, useRef, useEffect, useCallback } from 'react';
 import styled from 'styled-components';
@@ -60,11 +60,17 @@ const useGenericForm = (initialFormData) => {
 const useClickNode = () => {
     const { setCurrentModal } = useModalStore();
     const { setDrawerType, setDrawerEntityId } = useDrawerStore();
-    const { setActiveNodeType, setActiveNodeId } = useActiveNodeStore();
+    const { setActiveNodeType, setActiveNodeId, activeNodeId } = useActiveNodeStore();
     const onClickNode = (_, object) => {
         const { id: nodeId, type: nodeType, data: { id: entityId, type: entityType }, } = object;
-        setActiveNodeType(nodeType);
-        setActiveNodeId(nodeId);
+        if (activeNodeId === nodeId) {
+            setActiveNodeType(null);
+            setActiveNodeId(null);
+        }
+        else {
+            setActiveNodeType(nodeType);
+            setActiveNodeId(nodeId);
+        }
         switch (entityType) {
             case EntityTypes.Source:
             case EntityTypes.Destination:

package/package.json

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

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

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