@odigos/ui-kit 0.0.68 → 0.0.70

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [0.0.70](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.69...ui-kit-v0.0.70) (2025-08-05)
+
+
+### Features
+
+* use local font files ([#283](https://github.com/odigos-io/ui-kit/issues/283)) ([72f12f1](https://github.com/odigos-io/ui-kit/commit/72f12f167a117bc8e5e83f49bea8875c402afe1a))
+
+## [0.0.69](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.68...ui-kit-v0.0.69) (2025-08-04)
+
+
+### Features
+
+* better tooltips for all fields (system settings) ([#281](https://github.com/odigos-io/ui-kit/issues/281)) ([8b19a2f](https://github.com/odigos-io/ui-kit/commit/8b19a2f081f77a52ec08ce91134e1eb4ca6ae15b))
+
 ## [0.0.68](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.67...ui-kit-v0.0.68) (2025-07-23)
 
 

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

@@ -1,9 +1,10 @@
-import React, { CSSProperties, PropsWithChildren, ReactNode } from 'react';
-interface PopupProps extends PropsWithChildren {
+import React, { type CSSProperties, type HTMLAttributes, type PropsWithChildren, type ReactNode } from 'react';
+interface PopupProps extends PropsWithChildren, HTMLAttributes<HTMLDivElement> {
     header?: ReactNode;
     footer?: ReactNode;
     isOpen: boolean;
     asPortal?: boolean;
+    withPointerEvents?: boolean;
     top?: number;
     bottom?: number;
     left?: number;

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

@@ -1,6 +1,6 @@
 import { type DetailedHTMLProps, type FC, type HTMLAttributes, type ReactNode } from 'react';
 interface TextProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    children: ReactNode;
+    children?: ReactNode;
     color?: string;
     size?: number;
     weight?: number;

package/lib/components.js

@@ -1,16 +1,16 @@
-import { B as Button } from './index-5772129e.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-5772129e.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-847d188f.js';
+import { B as Button } from './index-958de655.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-958de655.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-95f27198.js';
 import React, { createContext, Component, createElement } from 'react';
-import { T as Theme } from './index-bd48e6e2.js';
+import { T as Theme } from './index-d18bbc0d.js';
 import 'styled-components';
-import './index-391844c6.js';
+import './index-e1972534.js';
 import './types.js';
 import './index-5e5f7bda.js';
-import './index-58440c5c.js';
-import './index-50101bec.js';
+import './index-a828ab0b.js';
+import './index-e158c72f.js';
 import 'react-dom';
-import './useTransition-c2aef0e4.js';
+import './useTransition-806627a1.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-bd48e6e2.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-d18bbc0d.js';
 export { D as DESTINATION_CATEGORIES } from './index-1cb4f9e2.js';
 import 'react';
 import './types.js';

package/lib/containers/system-settings/settings/options.d.ts

@@ -1,4 +1,5 @@
 import type { DropdownOption } from '@/components';
-import { AgentEnvVarsInjectionMethod, MountMethod } from '@/types';
+import { AgentEnvVarsInjectionMethod, MountMethod, Profile } from '@/types';
 export declare const MOUNT_METHOD_OPTIONS: DropdownOption<MountMethod>[];
 export declare const AGENT_ENV_VARS_INJECTION_METHOD_OPTIONS: DropdownOption<AgentEnvVarsInjectionMethod>[];
+export declare const PROFILE_OPTIONS: DropdownOption<Profile>[];

package/lib/containers/system-settings/settings/types.d.ts

@@ -7,6 +7,7 @@ export declare enum SettingsTabs {
     CollectorGateway = "Collector Gateway"
 }
 export interface SettingsProps {
+    isAdvanced: boolean;
     formData: OdigosConfig;
     handleFormChange: (key: keyof OdigosConfig | string, value: any) => void;
 }

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-bd48e6e2.js';
-import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, EdgeTypes, AddNodeTypes, SignalType, HeadersCollectionKeyTypes, CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType, K8sResourceKind, MountMethod, AgentEnvVarsInjectionMethod, InstallationMethod } 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-5772129e.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-d18bbc0d.js';
+import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, EdgeTypes, AddNodeTypes, SignalType, HeadersCollectionKeyTypes, CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType, K8sResourceKind, MountMethod, AgentEnvVarsInjectionMethod, Profile, InstallationMethod } from './types.js';
+import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, 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-958de655.js';
 import { i as isEmpty, s as safeJsonParse, d as deepClone } from './index-5e5f7bda.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, A as ArrowIcon, R as RefreshLeftArrowIcon, N as NotificationIcon, U as UserIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon, G as GearIcon } from './index-c1df4281.js';
+import { C as CheckCircledIcon, O as OdigosLogo } from './index-e158c72f.js';
+import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, A as ArrowIcon, R as RefreshLeftArrowIcon, N as NotificationIcon, U as UserIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon, G as GearIcon } from './index-a9a62385.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-c2aef0e4.js';
-import { E as EditIcon, T as TrashIcon, S as SearchIcon, h as CheckIcon, P as PlusIcon, a as CopyIcon } from './index-391844c6.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-847d188f.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, l as getEntityLabel, k as getEntityIcon, v as sleep, n as getPlatformIcon, o as getPlatformLabel, g as formatBytes, i as getContainersIcons, p as getValueForRange, j as getDestinationIcon, e as filterSourcesByStream, d as filterSources, b as filterDestinationsByStream, a as filterDestinations, u as mapDestinationFieldsForDisplay, c as compareCondition, r as getYamlFieldsForDestination, m as getMetricForEntity, q as getWorkloadId, s as hasUnhealthyInstances, h as getContainersInstrumentedCount, t as isOverTime } from './index-42f40e7c.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-806627a1.js';
+import { E as EditIcon, T as TrashIcon, S as SearchIcon, h as CheckIcon, P as PlusIcon, a as CopyIcon } from './index-e1972534.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-95f27198.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-a828ab0b.js';
+import { f as filterActions, l as getEntityLabel, k as getEntityIcon, v as sleep, n as getPlatformIcon, o as getPlatformLabel, g as formatBytes, i as getContainersIcons, p as getValueForRange, j as getDestinationIcon, e as filterSourcesByStream, d as filterSources, b as filterDestinationsByStream, a as filterDestinations, u as mapDestinationFieldsForDisplay, c as compareCondition, r as getYamlFieldsForDestination, m as getMetricForEntity, q as getWorkloadId, s as hasUnhealthyInstances, h as getContainersInstrumentedCount, t as isOverTime } from './index-a2b6aeb6.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-acc7c7dd.js';
+import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-29e4a4e8.js';
 import 'react-dom';
 
 const buildCard$3 = (action) => {
@@ -4605,7 +4605,7 @@ const ExpiresAt = ({ expiresAt }) => {
         ")"));
 };
 
-const Relative = styled.div `
+const Relative$1 = styled.div `
   position: relative;
 `;
 const TokenActions = ({ token, saveToken }) => {
@@ -4627,7 +4627,7 @@ const TokenActions = ({ token, saveToken }) => {
     return (React.createElement(FlexRow, { "$gap": 0 },
         React.createElement(IconButton, { size: 32, onClick: () => clickCopy(token) }, isCopied ? React.createElement(SuccessIcon, null) : React.createElement(CopyIcon, null)),
         React.createElement(Divider, { orientation: 'vertical', length: '12px' }),
-        React.createElement(Relative, null,
+        React.createElement(Relative$1, null,
             React.createElement(IconButton, { size: 32, onClick: onOpenEdit },
                 React.createElement(EditIcon, null)),
             isEdit && (React.createElement(PopupForm, { flipX: true, clientX: 36, isOpen: isEdit, onClose: onCloseEdit, onSave: onSave, title: 'Enter a new API Token', titleTooltip: 'Contact us to generate a new one' },
@@ -4755,32 +4755,30 @@ const RowOfFields = styled(FlexRow) `
   justify-content: space-between;
 `;
 
-const UiSettings = forwardRef(({ formData, handleFormChange }, ref) => {
-    const [isAdvanced, setIsAdvanced] = useState(false);
+const UiSettings = forwardRef(({ isAdvanced, formData, handleFormChange }, ref) => {
     return (React.createElement(Card, { ref: ref, id: SettingsTabs.Ui },
         React.createElement(RowOfFields, null,
-            React.createElement(CardTitle, null, "UI"),
-            React.createElement(Toggle, { title: 'Advanced Settings', tooltip: 'Show advanced settings. Note: these are not recommended to be changed unless you know what you are doing.', initialValue: isAdvanced, onChange: () => setIsAdvanced((prev) => !prev), flipHorizontally: true })),
-        isAdvanced && (React.createElement(Input, { status: StatusType.Warning, title: 'UI Pagination Limit (Advanced)', tooltip: 'Pagination limit for fetching data from the UI backend, bigger limit means more data will be fetched at once, and less requests will be made to the backend', type: 'number', required: true, value: formData.uiPaginationLimit?.toString() || '', onChange: (e) => {
-                const { value } = e.target;
-                handleFormChange('uiPaginationLimit', value === '' ? null : Number(value));
-            } })),
-        React.createElement(Input, { title: 'Central Backend URL', tooltip: 'URL of the central backend', required: true, value: formData.centralBackendURL || '', onChange: (e) => {
+            React.createElement(CardTitle, null, "UI")),
+        React.createElement(Input, { title: 'Central Backend URL', tooltip: 'When running the Centralized UI, you need to specify the URL of the central backend. <a href="https://docs.odigos.io/features/central">Learn more</a>.', required: true, value: formData.centralBackendURL || '', onChange: (e) => {
                 const { value } = e.target;
                 handleFormChange('centralBackendURL', value || null);
             } }),
-        React.createElement(Input, { title: 'OIDC Tenant URL', tooltip: 'URL of the OIDC tenant', required: true, value: formData.oidc?.tenantUrl || '', onChange: (e) => {
+        React.createElement(Input, { title: 'OIDC Tenant URL', tooltip: 'If you need to restrict access to the Community UI, you can setup an OIDC provider. To do so you need to specify the URL of the OIDC tenant. <a href="https://docs.odigos.io/features/oidc">Learn more</a>.', required: true, value: formData.oidc?.tenantUrl || '', onChange: (e) => {
                 const { value } = e.target;
                 handleFormChange('oidc.tenantUrl', value || null);
             } }),
-        React.createElement(Input, { title: 'OIDC Client ID', tooltip: 'Client ID of the OIDC application', required: true, value: formData.oidc?.clientId || '', onChange: (e) => {
+        React.createElement(Input, { title: 'OIDC Client ID', tooltip: 'If you need to restrict access to the Community UI, you can setup an OIDC provider. To do so you need to specify the Client ID of the OIDC application. <a href="https://docs.odigos.io/features/oidc">Learn more</a>.', required: true, value: formData.oidc?.clientId || '', onChange: (e) => {
                 const { value } = e.target;
                 handleFormChange('oidc.clientId', value || null);
             } }),
-        React.createElement(Input, { title: 'OIDC Client Secret', tooltip: 'Client Secret of the OIDC application', type: 'password', required: true, value: formData.oidc?.clientSecret || '', onChange: (e) => {
+        React.createElement(Input, { title: 'OIDC Client Secret', tooltip: 'If you need to restrict access to the Community UI, you can setup an OIDC provider. To do so you need to specify the Client Secret of the OIDC application. <a href="https://docs.odigos.io/features/oidc">Learn more</a>.', type: 'password', required: true, value: formData.oidc?.clientSecret || '', onChange: (e) => {
                 const { value } = e.target;
                 handleFormChange('oidc.clientSecret', value || null);
-            } })));
+            } }),
+        isAdvanced && (React.createElement(Input, { status: StatusType.Warning, title: '(Advanced) UI Pagination Limit', tooltip: 'The pagination limit for fetching data from the UI backend. A larger limit means more data will be fetched at once, reducing the number of requests to the backend. This might increase or decrease the performance of the UI - depending on your environment.', type: 'number', required: true, value: formData.uiPaginationLimit?.toString() || '', onChange: (e) => {
+                const { value } = e.target;
+                handleFormChange('uiPaginationLimit', value === '' ? null : Number(value));
+            } }))));
 });
 UiSettings.displayName = UiSettings.name;
 
@@ -4794,39 +4792,61 @@ const AGENT_ENV_VARS_INJECTION_METHOD_OPTIONS = [
     { id: AgentEnvVarsInjectionMethod.PodManifest, value: 'Pod Manifest' },
     { id: AgentEnvVarsInjectionMethod.LoaderFallbackToPodManifest, value: 'Loader Fallback to Pod Manifest' },
 ];
+const PROFILE_OPTIONS = [
+    // { id: Profile.CategoryAttributes, value: 'Category Attributes' },
+    { id: Profile.CodeAttributes, value: 'Code Attributes' },
+    // { id: Profile.CopyScope, value: 'Copy Scope' },
+    // { id: Profile.HostnameAsPodname, value: 'Hostname as Podname' },
+    { id: Profile.FullPayloadCollection, value: 'Full Payload Collection' },
+    { id: Profile.DbPayloadCollection, value: 'DB Payload Collection' },
+    { id: Profile.QueryOperationDetector, value: 'Query Operation Detector' },
+    // { id: Profile.Semconv, value: 'Semconv' },
+    // { id: Profile.ReduceSpanNameCardinality, value: 'Reduce Span Name Cardinality' },
+    { id: Profile.AllowConcurrentAgents, value: 'Allow Concurrent Agents' },
+    { id: Profile.JavaEbpfInstrumentations, value: 'Java EBPF Instrumentations' },
+    { id: Profile.JavaNativeInstrumentations, value: 'Java Native Instrumentations' },
+    // { id: Profile.LegacyDotnetInstrumentation, value: 'Legacy .NET Instrumentation' },
+    // { id: Profile.MountMethodK8sHostPath, value: 'Mount Method K8s Host Path' },
+    // { id: Profile.MountMethodK8sVirtualDevice, value: 'Mount Method K8s Virtual Device' },
+    // { id: Profile.PodManifestEnvVarInjection, value: 'Pod Manifest Env Var Injection' },
+    // { id: Profile.DisableGin, value: 'Disable Gin' },
+    // { id: Profile.SmallBatches, value: 'Small Batches' },
+    { id: Profile.SizeS, value: 'Size S' },
+    { id: Profile.SizeM, value: 'Size M' },
+    { id: Profile.SizeL, value: 'Size L' },
+];
 
-const GeneralSettings = forwardRef(({ formData, handleFormChange }, ref) => {
-    const [isAdvanced, setIsAdvanced] = useState(false);
+const GeneralSettings = forwardRef(({ isAdvanced, formData, handleFormChange }, ref) => {
     return (React.createElement(Card, { ref: ref, id: SettingsTabs.General },
         React.createElement(RowOfFields, null,
-            React.createElement(CardTitle, null, "General"),
-            React.createElement(Toggle, { title: 'Advanced Settings', tooltip: 'Show advanced settings. Note: these are not recommended to be changed unless you know what you are doing.', initialValue: isAdvanced, onChange: () => setIsAdvanced((prev) => !prev), flipHorizontally: true })),
-        isAdvanced && (React.createElement(React.Fragment, null,
-            React.createElement(Dropdown, { status: StatusType.Warning, title: 'Mount Method (Advanced)', tooltip: 'Method used to mount volume', options: MOUNT_METHOD_OPTIONS, required: true, value: MOUNT_METHOD_OPTIONS.find((option) => option.id === formData.mountMethod) || undefined, onSelect: (option) => handleFormChange('mountMethod', option.id) }),
-            React.createElement(Dropdown, { status: StatusType.Warning, title: 'Agent Envs Injection Method (Advanced)', tooltip: 'How to inject environment variables into agents', options: AGENT_ENV_VARS_INJECTION_METHOD_OPTIONS, required: true, value: AGENT_ENV_VARS_INJECTION_METHOD_OPTIONS.find((option) => option.id === formData.agentEnvVarsInjectionMethod) || undefined, onSelect: (option) => handleFormChange('agentEnvVarsInjectionMethod', option.id) }),
-            React.createElement(Input, { status: StatusType.Warning, title: 'Odiglet Health Probe Bind Port (Advanced)', tooltip: 'Port to bind the health probe', type: 'number', required: true, value: formData.odigletHealthProbeBindPort?.toString() || '', onChange: (e) => {
-                    const { value } = e.target;
-                    handleFormChange('odigletHealthProbeBindPort', value === '' ? null : Number(value));
-                } }),
-            React.createElement(Input, { status: StatusType.Warning, title: 'Custom Container Runtime Socket Path (Advanced)', tooltip: 'Path to the custom container runtime socket', required: true, value: formData.customContainerRuntimeSocketPath || '', onChange: (e) => {
-                    const { value } = e.target;
-                    handleFormChange('customContainerRuntimeSocketPath', value || null);
-                } }))),
-        React.createElement(Toggle, { title: 'Karpenter Enabled', tooltip: 'Enable Karpenter support', initialValue: formData.karpenterEnabled || false, onChange: (bool) => handleFormChange('karpenterEnabled', bool) }),
-        React.createElement(Toggle, { title: 'Allow Concurrent Agents', tooltip: 'Allow concurrent running agents', initialValue: formData.allowConcurrentAgents || false, onChange: (bool) => handleFormChange('allowConcurrentAgents', bool) }),
-        React.createElement(Toggle, { title: 'Automatic Rollout Disabled', tooltip: 'Disable automatic rollout of pods after instrumentation', initialValue: formData.rollout?.automaticRolloutDisabled || false, onChange: (bool) => handleFormChange('rollout.automaticRolloutDisabled', bool) }),
-        React.createElement(Input, { title: 'Cluster Name', tooltip: 'Name of the cluster', required: true, value: formData.clusterName || '', onChange: (e) => {
+            React.createElement(CardTitle, null, "General")),
+        React.createElement(Input, { title: 'Cluster Name', tooltip: 'Name of the cluster, this is optional, but required in the Centralized UI. <a href="https://docs.odigos.io/features/central">Learn more</a>.', required: true, value: formData.clusterName || '', onChange: (e) => {
                 const { value } = e.target;
                 handleFormChange('clusterName', value || null);
             } }),
-        React.createElement(Input, { title: 'Image Prefix', tooltip: 'Docker image prefix for all Odigos components', disabled: true, required: true, value: formData.imagePrefix || '', onChange: (e) => {
+        React.createElement(Toggle, { title: 'Enable the Karpenter Integration', tooltip: '<a href="https://docs.odigos.io/setup/odigos-with-karpenter">Learn how to configure Karpenter</a>. Once the Karpenter tainting setup is complete, inform Odigos to disable node affinity and rely on the taint mechanism.', initialValue: formData.karpenterEnabled || false, onChange: (bool) => handleFormChange('karpenterEnabled', bool) }),
+        React.createElement(Toggle, { title: 'Allow Odigos Alongisde Other Agents', tooltip: 'By default Odigos does not instrument applications that are already instrumented by other agents. If you want to allow Odigos to instrument applications that are already instrumented by other agents, enable this option. Note: this is not recommended and should be used only if you know what you are doing.', initialValue: formData.allowConcurrentAgents || false, onChange: (bool) => handleFormChange('allowConcurrentAgents', bool) }),
+        React.createElement(Toggle, { title: 'Disable Automatic Rollout', tooltip: 'By default, Odigos automatically rolls out the pods after the instrumentation is complete. If you want to disable rollouts and do it manually, toggle this option.', initialValue: formData.rollout?.automaticRolloutDisabled || false, onChange: (bool) => handleFormChange('rollout.automaticRolloutDisabled', bool) }),
+        React.createElement(Input, { title: 'Image Prefix', tooltip: 'Docker image prefix for all Odigos components. This is disabled because this setting requires a CLI update.', disabled: true, required: true, value: formData.imagePrefix || '', onChange: (e) => {
                 const { value } = e.target;
                 handleFormChange('imagePrefix', value || null);
             } }),
         React.createElement(KeyValueInputsList, { title: 'Node Selector', tooltip: 'NodeSelector is a map of key-value Kubernetes NodeSelector labels to apply to all Odigos components. Note that Odigos will only be able to instrument applications on the same node. This setting can be applied only via the CLI.', disabled: true, required: true, value: Object.entries(formData.nodeSelector || {}).map(([key, value]) => ({ key, value })) }),
+        React.createElement(Dropdown, { title: 'Profiles', tooltip: 'Enable custom profiles to customize the Odigos instrumentation.', isMulti: true, options: PROFILE_OPTIONS, value: PROFILE_OPTIONS.filter((option) => formData.profiles?.includes(option.id)), onSelect: (option) => handleFormChange('profiles', [...(formData.profiles || []), option.id]), onDeselect: (option) => handleFormChange('profiles', formData.profiles?.filter((p) => p !== option.id) || []) }),
         React.createElement(RowOfFields, null,
-            React.createElement(InputList, { title: 'Ignored Namespaces', tooltip: 'List of namespaces to exclude from instrumentation', required: true, value: formData.ignoredNamespaces || [], onChange: (arr) => handleFormChange('ignoredNamespaces', arr) }),
-            React.createElement(InputList, { title: 'Ignored Containers', tooltip: 'List of container names to exclude from instrumentation, this is a global setting and will be applied to all applications', required: true, value: formData.ignoredContainers || [], onChange: (arr) => handleFormChange('ignoredContainers', arr) }))));
+            React.createElement(InputList, { title: 'Ignored Namespaces', tooltip: 'List of namespaces to exclude from instrumentation. Note: you cannot remove the default namespaces from the list, but you are able to add more namespaces.', required: true, value: formData.ignoredNamespaces || [], onChange: (arr) => handleFormChange('ignoredNamespaces', arr) }),
+            React.createElement(InputList, { title: 'Ignored Containers', tooltip: 'List of container names to exclude from instrumentation, this is a global setting and will be applied to all applications', required: true, value: formData.ignoredContainers || [], onChange: (arr) => handleFormChange('ignoredContainers', arr) })),
+        isAdvanced && (React.createElement(React.Fragment, null,
+            React.createElement(Dropdown, { status: StatusType.Warning, title: '(Advanced) Mount Method', tooltip: 'For Odigos agents to run inside instrumented pod containers, certain files must be mounted into the container. In Kubernetes, these files are mounted under `/var/odigos` directory, with subdirectories for each agent. <a href="https://docs.odigos.io/instrumentations/configuration/mount-method#agent-mount-method">Learn more</a>.', options: MOUNT_METHOD_OPTIONS, required: true, value: MOUNT_METHOD_OPTIONS.find((option) => option.id === formData.mountMethod) || undefined, onSelect: (option) => handleFormChange('mountMethod', option.id) }),
+            React.createElement(Dropdown, { status: StatusType.Warning, title: '(Advanced) Agent Envs Injection Method', tooltip: 'In order for Odigos to instrument applications, it needs to inject environment variables into the application. This setting controls how Odigos injects these environment variables.', options: AGENT_ENV_VARS_INJECTION_METHOD_OPTIONS, required: true, value: AGENT_ENV_VARS_INJECTION_METHOD_OPTIONS.find((option) => option.id === formData.agentEnvVarsInjectionMethod) || undefined, onSelect: (option) => handleFormChange('agentEnvVarsInjectionMethod', option.id) }),
+            React.createElement(Input, { status: StatusType.Warning, title: '(Advanced) Odiglet Health Probe Port', tooltip: 'If the Odiglet is running with a host network, it may conflict with the port of other processes. This setting allows you to specify a different port for the health probe.', type: 'number', required: true, value: formData.odigletHealthProbeBindPort?.toString() || '', onChange: (e) => {
+                    const { value } = e.target;
+                    handleFormChange('odigletHealthProbeBindPort', value === '' ? null : Number(value));
+                } }),
+            React.createElement(Input, { status: StatusType.Warning, title: '(Advanced) Custom Container Runtime Socket Path', tooltip: 'If containerd is located in a different path than the default supported path by Odigos, then you can specify the socket path here.', required: true, value: formData.customContainerRuntimeSocketPath || '', onChange: (e) => {
+                    const { value } = e.target;
+                    handleFormChange('customContainerRuntimeSocketPath', value || null);
+                } })))));
 });
 GeneralSettings.displayName = GeneralSettings.name;
 
@@ -4835,113 +4855,109 @@ const RollbackSettings = forwardRef(({ formData, handleFormChange }, ref) => {
         React.createElement(CardTitle, null, "Rollback"),
         React.createElement(Toggle, { title: 'Rollback Disabled', tooltip: 'Disable rollback', initialValue: formData.rollbackDisabled || false, onChange: (bool) => handleFormChange('rollbackDisabled', bool) }),
         React.createElement(RowOfFields, null,
-            React.createElement(Input, { title: 'Rollback Grace Time', tooltip: 'Grace time for rollback', required: true, value: formData.rollbackGraceTime || '', onChange: (e) => {
+            React.createElement(Input, { title: 'Rollback Grace Time', tooltip: 'This is the amount of time that a pod should be in the `CrashLoopBackoff` state before it is rolled back. Pods that are in the `CrashLoopBackoff` state for longer than this time will be rolled back.', required: true, value: formData.rollbackGraceTime || '', onChange: (e) => {
                     const { value } = e.target;
                     handleFormChange('rollbackGraceTime', value || null);
                 } }),
-            React.createElement(Input, { title: 'Rollback Stability Window', tooltip: 'Stability window for rollback', required: true, value: formData.rollbackStabilityWindow || '', onChange: (e) => {
+            React.createElement(Input, { title: 'Rollback Stability Window', tooltip: 'This is the time-window in which the pod should be in the `CrashLoopBackoff` state before it is rolled back. Pods that are in the `CrashLoopBackoff` state after this window will not be rolled back.', required: true, value: formData.rollbackStabilityWindow || '', onChange: (e) => {
                     const { value } = e.target;
                     handleFormChange('rollbackStabilityWindow', value || null);
                 } }))));
 });
 RollbackSettings.displayName = RollbackSettings.name;
 
-const CollectorNodeSettings = forwardRef(({ formData, handleFormChange }, ref) => {
-    const [isAdvanced, setIsAdvanced] = useState(false);
+const CollectorNodeSettings = forwardRef(({ isAdvanced, formData, handleFormChange }, ref) => {
     return (React.createElement(Card, { ref: ref, id: SettingsTabs.CollectorNode },
         React.createElement(RowOfFields, null,
-            React.createElement(CardTitle, null, "Collector Node"),
-            React.createElement(Toggle, { title: 'Advanced Settings', tooltip: 'Show advanced settings. Note: these are not recommended to be changed unless you know what you are doing.', initialValue: isAdvanced, onChange: () => setIsAdvanced((prev) => !prev), flipHorizontally: true })),
+            React.createElement(CardTitle, null, "Collector Node")),
+        React.createElement(RowOfFields, null,
+            React.createElement(Input, { title: 'Request Memory', tooltip: 'You can optionally specify how much memory the collector node should request (in megabytes).', type: 'number', required: true, value: formData.collectorNode?.requestMemoryMiB?.toString() || '', onChange: (e) => {
+                    const { value } = e.target;
+                    handleFormChange('collectorNode.requestMemoryMiB', value === '' ? null : Number(value));
+                } }),
+            React.createElement(Input, { title: 'Limit Memory', tooltip: 'You can optionally specify how much memory the collector node should limit (in megabytes).', type: 'number', required: true, value: formData.collectorNode?.limitMemoryMiB?.toString() || '', onChange: (e) => {
+                    const { value } = e.target;
+                    handleFormChange('collectorNode.limitMemoryMiB', value === '' ? null : Number(value));
+                } })),
+        React.createElement(RowOfFields, null,
+            React.createElement(Input, { title: 'Request CPU', tooltip: 'You can optionally specify how much CPU the collector node should request (in millicores).', type: 'number', required: true, value: formData.collectorNode?.requestCPUm?.toString() || '', onChange: (e) => {
+                    const { value } = e.target;
+                    handleFormChange('collectorNode.requestCPUm', value === '' ? null : Number(value));
+                } }),
+            React.createElement(Input, { title: 'Limit CPU', tooltip: 'You can optionally specify how much CPU the collector node should limit (in millicores).', type: 'number', required: true, value: formData.collectorNode?.limitCPUm?.toString() || '', onChange: (e) => {
+                    const { value } = e.target;
+                    handleFormChange('collectorNode.limitCPUm', value === '' ? null : Number(value));
+                } })),
         isAdvanced && (React.createElement(React.Fragment, null,
-            React.createElement(Input, { status: StatusType.Warning, title: 'K8s Node Logs Directory', tooltip: 'Target directory for K8s logs if `/var/log` is a symlink', required: true, value: formData.collectorNode?.k8sNodeLogsDirectory || '', onChange: (e) => {
+            React.createElement(Input, { status: StatusType.Warning, title: '(Advanced) K8s Node Logs Directory', tooltip: 'If `/var/log` is a symlink, you can specify the target directory for Kubernetes logs here.', required: true, value: formData.collectorNode?.k8sNodeLogsDirectory || '', onChange: (e) => {
                     const { value } = e.target;
                     handleFormChange('collectorNode.k8sNodeLogsDirectory', value || null);
                 } }),
-            React.createElement(Input, { status: StatusType.Warning, title: 'Coll. Node Own Metrics Port', tooltip: "Port for the collector node's own Prometheus metrics", type: 'number', required: true, value: formData.collectorNode?.collectorOwnMetricsPort?.toString() || '', onChange: (e) => {
+            React.createElement(Input, { status: StatusType.Warning, title: '(Advanced) Own Metrics Port', tooltip: 'If the collector node is running with a host network, it may conflict with the port of other processes. This setting allows you to specify a different port for the own metrics.', type: 'number', required: true, value: formData.collectorNode?.collectorOwnMetricsPort?.toString() || '', onChange: (e) => {
                     const { value } = e.target;
                     handleFormChange('collectorNode.collectorOwnMetricsPort', value === '' ? null : Number(value));
                 } }),
             React.createElement(RowOfFields, null,
-                React.createElement(Input, { status: StatusType.Warning, title: 'Coll. Node Memory Limiter Limit (MB)', tooltip: 'Memory limiter limit for the collector node in Megabytes', type: 'number', required: true, value: formData.collectorNode?.memoryLimiterLimitMiB?.toString() || '', onChange: (e) => {
+                React.createElement(Input, { status: StatusType.Warning, title: '(Advanced) Memory Limiter Limit', tooltip: 'You can optionally specify how much memory the collector node should limit (in megabytes).', type: 'number', required: true, value: formData.collectorNode?.memoryLimiterLimitMiB?.toString() || '', onChange: (e) => {
                         const { value } = e.target;
                         handleFormChange('collectorNode.memoryLimiterLimitMiB', value === '' ? null : Number(value));
                     } }),
-                React.createElement(Input, { status: StatusType.Warning, title: 'Coll. Node Memory Limiter Spike Limit (MB)', tooltip: 'Memory limiter spike limit for the collector node in Megabytes', type: 'number', required: true, value: formData.collectorNode?.memoryLimiterSpikeLimitMiB?.toString() || '', onChange: (e) => {
+                React.createElement(Input, { status: StatusType.Warning, title: '(Advanced) Memory Limiter Spike Limit', tooltip: 'You can optionally specify how much memory the collector node should limit (in megabytes).', type: 'number', required: true, value: formData.collectorNode?.memoryLimiterSpikeLimitMiB?.toString() || '', onChange: (e) => {
                         const { value } = e.target;
                         handleFormChange('collectorNode.memoryLimiterSpikeLimitMiB', value === '' ? null : Number(value));
                     } })),
-            React.createElement(Input, { status: StatusType.Warning, title: 'Coll. Node Go Memory Limit (MB)', tooltip: 'Go memory limit for the collector node in Megabytes', type: 'number', required: true, value: formData.collectorNode?.goMemLimitMiB?.toString() || '', onChange: (e) => {
+            React.createElement(Input, { status: StatusType.Warning, title: '(Advanced) Go Memory Limit', tooltip: 'Sets the GOMEMLIMIT environment variable to control Go runtime memory usage. This soft memory limit helps the garbage collector prevent out-of-memory conditions in Kubernetes by triggering more aggressive garbage collection as memory usage approaches the limit (in megabytes).', type: 'number', required: true, value: formData.collectorNode?.goMemLimitMiB?.toString() || '', onChange: (e) => {
                     const { value } = e.target;
                     handleFormChange('collectorNode.goMemLimitMiB', value === '' ? null : Number(value));
-                } }))),
-        React.createElement(RowOfFields, null,
-            React.createElement(Input, { title: 'Request Memory (MB)', tooltip: 'Request memory for the collector node in Megabytes', type: 'number', required: true, value: formData.collectorNode?.requestMemoryMiB?.toString() || '', onChange: (e) => {
-                    const { value } = e.target;
-                    handleFormChange('collectorNode.requestMemoryMiB', value === '' ? null : Number(value));
-                } }),
-            React.createElement(Input, { title: 'Limit Memory (MB)', tooltip: 'Limit memory for the collector node in Megabytes', type: 'number', required: true, value: formData.collectorNode?.limitMemoryMiB?.toString() || '', onChange: (e) => {
-                    const { value } = e.target;
-                    handleFormChange('collectorNode.limitMemoryMiB', value === '' ? null : Number(value));
-                } })),
-        React.createElement(RowOfFields, null,
-            React.createElement(Input, { title: 'Request CPU (m)', tooltip: 'Request CPU for the collector node in Millicores', type: 'number', required: true, value: formData.collectorNode?.requestCPUm?.toString() || '', onChange: (e) => {
-                    const { value } = e.target;
-                    handleFormChange('collectorNode.requestCPUm', value === '' ? null : Number(value));
-                } }),
-            React.createElement(Input, { title: 'Limit CPU (m)', tooltip: 'Limit CPU for the collector node in Millicores', type: 'number', required: true, value: formData.collectorNode?.limitCPUm?.toString() || '', onChange: (e) => {
-                    const { value } = e.target;
-                    handleFormChange('collectorNode.limitCPUm', value === '' ? null : Number(value));
-                } }))));
+                } })))));
 });
 CollectorNodeSettings.displayName = CollectorNodeSettings.name;
 
-const CollectorGatewaySettings = forwardRef(({ formData, handleFormChange }, ref) => {
-    const [isAdvanced, setIsAdvanced] = useState(false);
+const CollectorGatewaySettings = forwardRef(({ isAdvanced, formData, handleFormChange }, ref) => {
     return (React.createElement(Card, { ref: ref, id: SettingsTabs.CollectorGateway },
         React.createElement(RowOfFields, null,
-            React.createElement(CardTitle, null, "Collector Gateway"),
-            React.createElement(Toggle, { title: 'Advanced Settings', tooltip: 'Show advanced settings. Note: these are not recommended to be changed unless you know what you are doing.', initialValue: isAdvanced, onChange: () => setIsAdvanced((prev) => !prev), flipHorizontally: true })),
-        isAdvanced && (React.createElement(React.Fragment, null,
-            React.createElement(RowOfFields, null,
-                React.createElement(Input, { status: StatusType.Warning, title: 'Coll. Gateway Memory Limiter Limit (MB)', tooltip: 'Memory limiter limit for the collector gateway in Megabytes', type: 'number', required: true, value: formData.collectorGateway?.memoryLimiterLimitMiB?.toString() || '', onChange: (e) => {
-                        const { value } = e.target;
-                        handleFormChange('collectorGateway.memoryLimiterLimitMiB', value === '' ? null : Number(value));
-                    } }),
-                React.createElement(Input, { status: StatusType.Warning, title: 'Coll. Gateway Memory Limiter Spike Limit (MB)', tooltip: 'Memory limiter spike limit for the collector gateway in Megabytes', type: 'number', required: true, value: formData.collectorGateway?.memoryLimiterSpikeLimitMiB?.toString() || '', onChange: (e) => {
-                        const { value } = e.target;
-                        handleFormChange('collectorGateway.memoryLimiterSpikeLimitMiB', value === '' ? null : Number(value));
-                    } })),
-            React.createElement(Input, { status: StatusType.Warning, title: 'Coll. Gateway Go Memory Limit (MB)', tooltip: 'Go memory limit for the collector gateway in Megabytes', type: 'number', required: true, value: formData.collectorGateway?.goMemLimitMiB?.toString() || '', onChange: (e) => {
-                    const { value } = e.target;
-                    handleFormChange('collectorGateway.goMemLimitMiB', value === '' ? null : Number(value));
-                } }))),
+            React.createElement(CardTitle, null, "Collector Gateway")),
         React.createElement(RowOfFields, null,
-            React.createElement(Input, { title: 'Autoscaler Min. Replicas', tooltip: 'Minimum number of replicas for the collector gateway', type: 'number', required: true, value: formData.collectorGateway?.minReplicas?.toString() || '', onChange: (e) => {
+            React.createElement(Input, { title: 'Autoscaler Min. Replicas', tooltip: 'You can optionally specify the minimum number of replicas for the collector gateway.', type: 'number', required: true, value: formData.collectorGateway?.minReplicas?.toString() || '', onChange: (e) => {
                     const { value } = e.target;
                     handleFormChange('collectorGateway.minReplicas', value === '' ? null : Number(value));
                 } }),
-            React.createElement(Input, { title: 'Autoscaler Max. Replicas', tooltip: 'Maximum number of replicas for the collector gateway', type: 'number', required: true, value: formData.collectorGateway?.maxReplicas?.toString() || '', onChange: (e) => {
+            React.createElement(Input, { title: 'Autoscaler Max. Replicas', tooltip: 'You can optionally specify the maximum number of replicas for the collector gateway.', type: 'number', required: true, value: formData.collectorGateway?.maxReplicas?.toString() || '', onChange: (e) => {
                     const { value } = e.target;
                     handleFormChange('collectorGateway.maxReplicas', value === '' ? null : Number(value));
                 } })),
         React.createElement(RowOfFields, null,
-            React.createElement(Input, { title: 'Request Memory (MB)', tooltip: 'Request memory for the collector gateway in Megabytes', type: 'number', required: true, value: formData.collectorGateway?.requestMemoryMiB?.toString() || '', onChange: (e) => {
+            React.createElement(Input, { title: 'Request Memory', tooltip: 'You can optionally specify how much memory the collector gateway should request (in megabytes).', type: 'number', required: true, value: formData.collectorGateway?.requestMemoryMiB?.toString() || '', onChange: (e) => {
                     const { value } = e.target;
                     handleFormChange('collectorGateway.requestMemoryMiB', value === '' ? null : Number(value));
                 } }),
-            React.createElement(Input, { title: 'Limit Memory (MB)', tooltip: 'Limit memory for the collector gateway in Megabytes', type: 'number', required: true, value: formData.collectorGateway?.limitMemoryMiB?.toString() || '', onChange: (e) => {
+            React.createElement(Input, { title: 'Limit Memory', tooltip: 'You can optionally specify how much memory the collector gateway should limit (in megabytes).', type: 'number', required: true, value: formData.collectorGateway?.limitMemoryMiB?.toString() || '', onChange: (e) => {
                     const { value } = e.target;
                     handleFormChange('collectorGateway.limitMemoryMiB', value === '' ? null : Number(value));
                 } })),
         React.createElement(RowOfFields, null,
-            React.createElement(Input, { title: 'Request CPU (m)', tooltip: 'Request CPU for the collector gateway in Millicores', type: 'number', required: true, value: formData.collectorGateway?.requestCPUm?.toString() || '', onChange: (e) => {
+            React.createElement(Input, { title: 'Request CPU', tooltip: 'You can optionally specify how much CPU the collector gateway should request (in millicores).', type: 'number', required: true, value: formData.collectorGateway?.requestCPUm?.toString() || '', onChange: (e) => {
                     const { value } = e.target;
                     handleFormChange('collectorGateway.requestCPUm', value === '' ? null : Number(value));
                 } }),
-            React.createElement(Input, { title: 'Limit CPU (m)', tooltip: 'Limit CPU for the collector gateway in Millicores', type: 'number', required: true, value: formData.collectorGateway?.limitCPUm?.toString() || '', onChange: (e) => {
+            React.createElement(Input, { title: 'Limit CPU', tooltip: 'You can optionally specify how much CPU the collector gateway should limit (in millicores).', type: 'number', required: true, value: formData.collectorGateway?.limitCPUm?.toString() || '', onChange: (e) => {
                     const { value } = e.target;
                     handleFormChange('collectorGateway.limitCPUm', value === '' ? null : Number(value));
-                } }))));
+                } })),
+        isAdvanced && (React.createElement(React.Fragment, null,
+            React.createElement(RowOfFields, null,
+                React.createElement(Input, { status: StatusType.Warning, title: '(Advanced) Memory Limiter Limit', tooltip: 'You can optionally specify how much memory the collector gateway should limit (in megabytes).', type: 'number', required: true, value: formData.collectorGateway?.memoryLimiterLimitMiB?.toString() || '', onChange: (e) => {
+                        const { value } = e.target;
+                        handleFormChange('collectorGateway.memoryLimiterLimitMiB', value === '' ? null : Number(value));
+                    } }),
+                React.createElement(Input, { status: StatusType.Warning, title: '(Advanced) Memory Limiter Spike Limit', tooltip: 'You can optionally specify how much memory the collector gateway should limit (in megabytes).', type: 'number', required: true, value: formData.collectorGateway?.memoryLimiterSpikeLimitMiB?.toString() || '', onChange: (e) => {
+                        const { value } = e.target;
+                        handleFormChange('collectorGateway.memoryLimiterSpikeLimitMiB', value === '' ? null : Number(value));
+                    } })),
+            React.createElement(Input, { status: StatusType.Warning, title: '(Advanced) Go Memory Limit', tooltip: 'Sets the GOMEMLIMIT environment variable to control Go runtime memory usage. This soft memory limit helps the garbage collector prevent out-of-memory conditions in Kubernetes by triggering more aggressive garbage collection as memory usage approaches the limit (in megabytes).', type: 'number', required: true, value: formData.collectorGateway?.goMemLimitMiB?.toString() || '', onChange: (e) => {
+                    const { value } = e.target;
+                    handleFormChange('collectorGateway.goMemLimitMiB', value === '' ? null : Number(value));
+                } })))));
 });
 CollectorGatewaySettings.displayName = CollectorGatewaySettings.name;
 
@@ -4952,14 +4968,19 @@ const DataContainer = styled.div `
   max-height: 100vh;
   overflow-y: auto;
 `;
+const Relative = styled.div `
+  position: relative;
+`;
 const DRAWER_WIDTH = '750px';
 const TITLE_TEXT = 'System Settings';
 const SystemSettings = ({ installationMethod, fetchSettings, onSave }) => {
-    const [isSaving, setIsSaving] = useState(false);
     const [settings, setSettings] = useState(undefined);
-    const { formData, handleFormChange, resetFormData, isFormDirty } = useGenericForm(settings);
+    const [isSaving, setIsSaving] = useState(false);
+    const [isAdvanced, setIsAdvanced] = useState(false);
     const [isOpen, setIsOpen] = useState(false);
     const toggleOpen = () => setIsOpen((prev) => !prev);
+    const { popupRef, popupOpen, setPopupOpen } = usePopup();
+    const { formData, handleFormChange, resetFormData, isFormDirty } = useGenericForm(settings);
     useEffect(() => {
         if (isOpen)
             fetchSettings().then(setSettings);
@@ -4983,6 +5004,7 @@ const SystemSettings = ({ installationMethod, fetchSettings, onSave }) => {
         await onSave(formData);
         setSettings(await fetchSettings());
         setIsSaving(false);
+        resetFormData();
         toggleOpen();
     };
     const [selectedTab, setSelectedTab] = useState(SettingsTabs.General);
@@ -5013,22 +5035,21 @@ const SystemSettings = ({ installationMethod, fetchSettings, onSave }) => {
             behavior: 'smooth',
         });
     };
-    const onScroll = (e) => {
-        const scrollContainer = scrollContainerRef.current;
-        if (!scrollContainer)
-            return;
-        const scrollTop = e.currentTarget.scrollTop;
-        for (let i = 0; i < refsArray.length; i++) {
-            const curr = refsArray[i].current;
-            if (curr) {
-                const containerRect = scrollContainer.getBoundingClientRect();
-                const targetRect = curr.getBoundingClientRect();
-                const relativeTop = targetRect.top - containerRect.top + scrollContainer.scrollTop;
-                if (relativeTop <= scrollTop)
-                    setSelectedTab(tabsArray[i]);
-            }
-        }
-    };
+    // Note: this is commented out because the different sections are too small (they don't cover the entire drawer height), due to this the "selected tab" logic is not working as expected
+    // const onScroll = (e: React.UIEvent<HTMLDivElement>) => {
+    //   const scrollContainer = scrollContainerRef.current;
+    //   if (!scrollContainer) return;
+    //   const scrollTop = e.currentTarget.scrollTop;
+    //   for (let i = 0; i < refsArray.length; i++) {
+    //     const curr = refsArray[i].current;
+    //     if (curr) {
+    //       const containerRect = scrollContainer.getBoundingClientRect();
+    //       const targetRect = curr.getBoundingClientRect();
+    //       const relativeTop = targetRect.top - containerRect.top + scrollContainer.scrollTop;
+    //       if (relativeTop <= scrollTop) setSelectedTab(tabsArray[i]);
+    //     }
+    //   }
+    // };
     const handleTabChange = (tab) => {
         setSelectedTab(tab);
         scrollTo(tab);
@@ -5039,32 +5060,17 @@ const SystemSettings = ({ installationMethod, fetchSettings, onSave }) => {
         React.createElement(Drawer, { width: DRAWER_WIDTH, isOpen: isOpen, onClose: () => handleWithCancelWarning(toggleOpen), header: {
                 icons: [GearIcon],
                 title: TITLE_TEXT,
-                tabs: [
-                    {
-                        label: SettingsTabs.General,
-                        onClick: () => handleTabChange(SettingsTabs.General),
-                        selected: selectedTab === SettingsTabs.General,
-                    },
-                    {
-                        label: SettingsTabs.Ui,
-                        onClick: () => handleTabChange(SettingsTabs.Ui),
-                        selected: selectedTab === SettingsTabs.Ui,
-                    },
-                    {
-                        label: SettingsTabs.Rollback,
-                        onClick: () => handleTabChange(SettingsTabs.Rollback),
-                        selected: selectedTab === SettingsTabs.Rollback,
-                    },
-                    {
-                        label: SettingsTabs.CollectorNode,
-                        onClick: () => handleTabChange(SettingsTabs.CollectorNode),
-                        selected: selectedTab === SettingsTabs.CollectorNode,
-                    },
-                    {
-                        label: SettingsTabs.CollectorGateway,
-                        onClick: () => handleTabChange(SettingsTabs.CollectorGateway),
-                        selected: selectedTab === SettingsTabs.CollectorGateway,
-                    },
+                tabs: tabsArray.map((tab) => ({
+                    label: tab,
+                    onClick: () => handleTabChange(tab),
+                    selected: selectedTab === tab,
+                })),
+                actions: [
+                    React.createElement(Relative, { key: 'actions' },
+                        React.createElement(IconButton, { withBorder: true, onClick: () => setPopupOpen((prev) => !prev) },
+                            React.createElement(Text, { size: 10 }, "\u2022\u2022\u2022")),
+                        React.createElement(Popup, { ref: popupRef, isOpen: popupOpen, top: 36, right: 0, padding: '24px', width: '270px' },
+                            React.createElement(Toggle, { title: 'Enable Advanced Mode', tooltip: 'Show advanced settings. Note: these are not recommended to be changed unless you know what you are doing.', initialValue: isAdvanced, onChange: () => setIsAdvanced((prev) => !prev), flipHorizontally: true }))),
                 ],
             }, footer: {
                 isOpen: isFormDirty,
@@ -5082,13 +5088,13 @@ const SystemSettings = ({ installationMethod, fetchSettings, onSave }) => {
                         children: BUTTON_TEXTS.SAVE,
                     },
                 ],
-            } }, formData?.imagePrefix !== undefined && !isSaving ? (React.createElement(DataContainer, { ref: scrollContainerRef, onScroll: onScroll },
+            } }, formData?.imagePrefix !== undefined && !isSaving ? (React.createElement(DataContainer, { ref: scrollContainerRef },
             installationMethod === InstallationMethod.Helm && React.createElement(NotificationNote, { type: StatusType.Warning, title: 'Helm', message: "Changes won't persist unless you update the `values.yaml` file" }),
-            React.createElement(GeneralSettings, { ref: generalRef, formData: formData, handleFormChange: handleFormChange }),
-            React.createElement(UiSettings, { ref: uiRef, formData: formData, handleFormChange: handleFormChange }),
-            React.createElement(RollbackSettings, { ref: rollbackRef, formData: formData, handleFormChange: handleFormChange }),
-            React.createElement(CollectorNodeSettings, { ref: collectorNodeRef, formData: formData, handleFormChange: handleFormChange }),
-            React.createElement(CollectorGatewaySettings, { ref: collectorGatewayRef, formData: formData, handleFormChange: handleFormChange }))) : (React.createElement(CenterThis, null,
+            React.createElement(GeneralSettings, { ref: generalRef, isAdvanced: isAdvanced, formData: formData, handleFormChange: handleFormChange }),
+            React.createElement(UiSettings, { ref: uiRef, isAdvanced: isAdvanced, formData: formData, handleFormChange: handleFormChange }),
+            React.createElement(RollbackSettings, { ref: rollbackRef, isAdvanced: isAdvanced, formData: formData, handleFormChange: handleFormChange }),
+            React.createElement(CollectorNodeSettings, { ref: collectorNodeRef, isAdvanced: isAdvanced, formData: formData, handleFormChange: handleFormChange }),
+            React.createElement(CollectorGatewaySettings, { ref: collectorGatewayRef, isAdvanced: isAdvanced, formData: formData, handleFormChange: handleFormChange }))) : (React.createElement(CenterThis, null,
             React.createElement(FadeLoader, { scale: 1.2 })))),
         React.createElement(CancelWarning, { isOpen: cancelWarningOpen, name: TITLE_TEXT, onApprove: () => {
                 cancelApproveCallback?.();

package/lib/functions/get-status-icon/index.d.ts

@@ -1,2 +1,3 @@
 import { StatusType, type SVG } from '@/types';
-export declare const getStatusIcon: (type: StatusType, theme: Record<"text", Record<StatusType, string>>) => SVG;
+import type { DefaultTheme } from 'styled-components';
+export declare const getStatusIcon: (type: StatusType, theme: DefaultTheme) => SVG;

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-58440c5c.js';
-export { c as compareCondition, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, d as filterSources, e as filterSourcesByStream, g as formatBytes, i as getContainersIcons, h as getContainersInstrumentedCount, j as getDestinationIcon, k as getEntityIcon, l as getEntityLabel, m as getMetricForEntity, n as getPlatformIcon, o as getPlatformLabel, p as getValueForRange, q as getWorkloadId, r as getYamlFieldsForDestination, s as hasUnhealthyInstances, t as isOverTime, u as mapDestinationFieldsForDisplay, v as sleep } from './index-42f40e7c.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-a828ab0b.js';
+export { c as compareCondition, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, d as filterSources, e as filterSourcesByStream, g as formatBytes, i as getContainersIcons, h as getContainersInstrumentedCount, j as getDestinationIcon, k as getEntityIcon, l as getEntityLabel, m as getMetricForEntity, n as getPlatformIcon, o as getPlatformLabel, p as getValueForRange, q as getWorkloadId, r as getYamlFieldsForDestination, s as hasUnhealthyInstances, t as isOverTime, u as mapDestinationFieldsForDisplay, v as sleep } from './index-a2b6aeb6.js';
 export { d as deepClone, i as isEmpty, s as safeJsonParse } from './index-5e5f7bda.js';
-export { g as getActionIcon, c as getEntityId, d as getInstrumentationRuleIcon, e as getProgrammingLanguageIcon } from './index-bd48e6e2.js';
+export { g as getActionIcon, c as getEntityId, d as getInstrumentationRuleIcon, e as getProgrammingLanguageIcon } from './index-d18bbc0d.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-6a6bea6e.js';
 import { ProgrammingLanguages, EntityTypes } from './types.js';
 import 'react';
 import 'styled-components';
-import './index-50101bec.js';
-import './index-acc7c7dd.js';
+import './index-e158c72f.js';
+import './index-29e4a4e8.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-bd48e6e2.js';
+import { V as useNotificationStore, F as FORM_ALERTS, O as useDrawerStore, W as useEntityStore, Y as useDataStreamStore, _ as useSetupStore } from './index-d18bbc0d.js';
 import { useState, useEffect, useMemo } from 'react';
 import 'styled-components';
 import { i as isEmpty, s as safeJsonParse } from './index-5e5f7bda.js';
-import { i as useGenericForm } from './useTransition-c2aef0e4.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-c2aef0e4.js';
+import { i as useGenericForm } from './useTransition-806627a1.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-806627a1.js';
 import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-6a6bea6e.js';
 
 const INITIAL$2 = {

package/lib/icons.js

@@ -1,10 +1,10 @@
-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 { A as ArrowIcon, C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, G as GearIcon, 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-c1df4281.js';
+import { T as Theme } from './index-d18bbc0d.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-d18bbc0d.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-e158c72f.js';
+export { A as ArrowIcon, C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, G as GearIcon, 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-a9a62385.js';
 import React from 'react';
-export { 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-391844c6.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';
+export { 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-e1972534.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-29e4a4e8.js';
 import './types.js';
 import 'styled-components';
 

package/lib/{index-acc7c7dd.js → index-29e4a4e8.js}

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

package/lib/{index-5772129e.js → index-958de655.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-bd48e6e2.js';
+import React, { useState, useEffect, useRef, forwardRef, useMemo, Fragment, createElement, useCallback, 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-d18bbc0d.js';
 import styled, { css } from 'styled-components';
-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 } from './index-391844c6.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 } from './index-e1972534.js';
 import { StatusType, OtherStatus, EntityTypes, NodeTypes, AddNodeTypes, EdgeTypes, ProgrammingLanguages, IntrumentationStatus, SortDirection, InputTypes, FieldTypes } from './types.js';
 import { s as safeJsonParse, i as isEmpty } from './index-5e5f7bda.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 { 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-a828ab0b.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-c2aef0e4.js';
-import { I as InfoIcon } from './index-50101bec.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-806627a1.js';
+import { I as InfoIcon } from './index-e158c72f.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};
@@ -362,7 +362,7 @@ const Container$G = styled.div `
   max-width: ${({ $maxWidth }) => ($maxWidth !== undefined ? $maxWidth : 'unset')};
   width: ${({ $width }) => ($width !== undefined ? $width : 'unset')};
 
-  ${({ $asPortal }) => $asPortal && `pointer-events: none;`}
+  ${({ $asPortal, $withPointerEvents }) => $asPortal && !$withPointerEvents && `pointer-events: none;`}
 `;
 const Header$3 = styled.div `
   padding: ${({ $padding }) => ($padding !== undefined ? $padding : '12px')};
@@ -377,8 +377,8 @@ const Footer$1 = styled.div `
 `;
 const Popup = forwardRef(({ isOpen, asPortal, ...props }, ref) => {
     const Element = useMemo(() => {
-        const { children, top, bottom, left, right, borderRadius, padding, maxWidth, width, header, footer } = props;
-        return (React.createElement(Container$G, { ref: ref, "$top": top, "$bottom": bottom, "$left": left, "$right": right, "$borderRadius": borderRadius, "$padding": padding, "$maxWidth": maxWidth, "$width": width, "$asPortal": asPortal },
+        const { children, top, bottom, left, right, borderRadius, padding, maxWidth, width, header, footer, withPointerEvents, ...rest } = props;
+        return (React.createElement(Container$G, { ref: ref, "$top": top, "$bottom": bottom, "$left": left, "$right": right, "$borderRadius": borderRadius, "$padding": padding, "$maxWidth": maxWidth, "$width": width, "$asPortal": asPortal, "$withPointerEvents": withPointerEvents, ...rest },
             header && React.createElement(Header$3, { "$padding": padding }, header),
             React.createElement(Body$1, { "$padding": padding }, children),
             footer && React.createElement(Footer$1, { "$padding": padding }, footer)));
@@ -463,15 +463,50 @@ const TextBreakWord = styled(Text) `
   word-break: break-word;
   white-space: pre-wrap;
 `;
+const getLinksFromText = (text) => {
+    const links = text.match(/<a[^>]*href="([^"]*)"[^>]*>(.*?)<\/a>/g);
+    return links?.map((link) => {
+        const [_, href, label] = link.split('"');
+        const labelWithoutTags = label.replace('</a>', '').replace('>', '');
+        return {
+            original: link,
+            href,
+            label: labelWithoutTags,
+        };
+    });
+};
+const renderText = (text, theme) => {
+    const links = getLinksFromText(text);
+    links?.forEach((link, i) => {
+        text = text.replace(link.original, `LINK-${i}###`);
+    });
+    const mappedText = text.split(' ').map((word) => {
+        if (word.includes('LINK-')) {
+            const [linkId, postLabel] = word.split('###');
+            const entry = links?.[parseInt(linkId.replace('LINK-', ''))];
+            return (React.createElement(Fragment, { key: word },
+                React.createElement("a", { href: entry?.href, target: '_blank', style: { color: theme.colors.majestic_blue_soft } }, entry?.label),
+                postLabel ? `${postLabel} ` : ''));
+        }
+        return word + ' ';
+    });
+    return { mappedText, hasLinks: !!links?.length };
+};
 const Tooltip = ({ withIcon, titleIcon: TitleIcon, title, text, timestamp, children }) => {
     const theme = Theme.useTheme();
     const { popupRef, popupOpen, setPopupOpen, popupPosition, handlePosition } = usePopup({
         defaultClientHeight: 40,
         defaultClientwidth: Math.min((text?.length || 0) * 7.5, 300),
     });
+    const { mappedText, hasLinks } = useMemo(() => renderText(text || '', theme), [text, theme]);
     const handleMouseEvent = (e) => {
         const { type, clientX, clientY } = e;
-        handlePosition(clientX, clientY);
+        if (hasLinks) {
+            handlePosition(popupPosition.left || clientX, popupPosition.top || clientY);
+        }
+        else {
+            handlePosition(clientX, clientY);
+        }
         setPopupOpen(type !== 'mouseleave');
     };
     if (!text)
@@ -479,14 +514,14 @@ const Tooltip = ({ withIcon, titleIcon: TitleIcon, title, text, timestamp, child
     return (React.createElement(TooltipContainer, { onMouseEnter: handleMouseEvent, onMouseMove: handleMouseEvent, onMouseLeave: handleMouseEvent },
         children,
         withIcon && React.createElement(InfoIcon, null),
-        React.createElement(Popup, { ref: popupRef, isOpen: popupOpen, top: popupPosition.top, left: popupPosition.left, asPortal: true, maxWidth: '270px', borderRadius: '16px', padding: '8px 12px' },
+        React.createElement(Popup, { ref: popupRef, isOpen: popupOpen, top: popupPosition.top, left: popupPosition.left, asPortal: true, withPointerEvents: hasLinks, onMouseEnter: hasLinks ? handleMouseEvent : undefined, maxWidth: '270px', borderRadius: '16px', padding: '8px 12px' },
             React.createElement(Text, { size: 12, color: theme.text.secondary },
                 (!!TitleIcon || !!title) && (React.createElement(FlexRow, { style: { marginBottom: '4px' }, "$gap": 4 },
                     TitleIcon && React.createElement(TitleIcon, { fill: theme.text.secondary, size: 12 }),
                     title && React.createElement(React.Fragment, null,
                         title,
                         "\u00A0-\u00A0"))),
-                React.createElement(TextBreakWord, { size: 12, color: theme.text.info }, text),
+                React.createElement(TextBreakWord, { size: 12, color: theme.text.info }, mappedText),
                 !!timestamp && (React.createElement(Text, { size: 10, color: theme.text.darker_grey, family: 'secondary', style: { marginTop: '8px' } }, new Date(timestamp).toLocaleString()))))));
 };
 
@@ -4844,13 +4879,13 @@ function requireReactJsxRuntime_development () {
 	            return null;
 	          };
 	    React$1 = {
-	      "react-stack-bottom-frame": function (callStackForError) {
+	      react_stack_bottom_frame: function (callStackForError) {
 	        return callStackForError();
 	      }
 	    };
 	    var specialPropKeyWarningShown;
 	    var didWarnAboutElementRef = {};
-	    var unknownOwnerDebugStack = React$1["react-stack-bottom-frame"].bind(
+	    var unknownOwnerDebugStack = React$1.react_stack_bottom_frame.bind(
 	      React$1,
 	      UnknownOwner
 	    )();

package/lib/{index-847d188f.js → index-95f27198.js}

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

package/lib/{index-42f40e7c.js → index-a2b6aeb6.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-bd48e6e2.js';
+import { a as DEFAULT_DATA_STREAM_NAME, e as getProgrammingLanguageIcon, k as KafkaLogo, K as K8sLogo } from './index-d18bbc0d.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-acc7c7dd.js';
-import { O as OdigosLogo } from './index-50101bec.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-29e4a4e8.js';
+import { O as OdigosLogo } from './index-e158c72f.js';
 import { s as safeJsonParse } from './index-5e5f7bda.js';
 
 const compareCondition = (renderCondition, fields) => {

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

@@ -1,8 +1,8 @@
 import { StatusType, OtherStatus, SignalType } from './types.js';
 import 'react';
-import './index-bd48e6e2.js';
+import './index-d18bbc0d.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-50101bec.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-e158c72f.js';
 
 const capitalizeFirstLetter = (string) => {
     return string.charAt(0).toUpperCase() + string.slice(1);

package/lib/{index-c1df4281.js → index-a9a62385.js}

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

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

@@ -29,8 +29,8 @@ const identity = (arg) => arg;
 function useStore(api, selector = identity) {
   const slice = React.useSyncExternalStore(
     api.subscribe,
-    () => selector(api.getState()),
-    () => selector(api.getInitialState())
+    React.useCallback(() => selector(api.getState()), [api, selector]),
+    React.useCallback(() => selector(api.getInitialState()), [api, selector])
   );
   React.useDebugValue(slice);
   return slice;
@@ -1709,7 +1709,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "/* Preload key fonts in your global CSS */\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Kode+Mono:wght@100;200;300;400;500;600;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');\n\n* {\n  -ms-overflow-style: none; /* IE, Edge */\n  scrollbar-width: none; /* Firefox */\n}\n*::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n}\n\nsvg {\n  transition: all 0.3s;\n}\n\n/*\n  The input styles below are to override the browser \":-webkit-autofill\" default style declarations.\n  The issue is when someone autocompletes an input field, the browser will apply its own styles (and the browser applies \"!important\" preventing direct overrides).\n  With the following, we're able to delay the browser styles to be applied for 50000s (13.8 hours), so the user will not see the browser styles applied.\n*/\n\ninput {\n  all: unset;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-transition: all 50000s ease-in-out 0s;\n  transition: all 50000s ease-in-out 0s;\n}\n";
+var css_248z = "/* Inter Font */\n@font-face {\n  font-family: 'Inter';\n  src: url('/src/theme/fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');\n  font-weight: 100 200 300 400 500 600 700 800 900;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: 'Inter';\n  src: url('/src/theme/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');\n  font-weight: 100 200 300 400 500 600 700 800 900;\n  font-style: italic;\n  font-display: swap;\n}\n\n/* Kode Mono Font */\n@font-face {\n  font-family: 'Kode Mono';\n  src: url('/src/theme/fonts/Kode_Mono/KodeMono-VariableFont_wght.ttf') format('truetype');\n  font-weight: 100 200 300 400 500 600 700 800 900;\n  font-style: normal;\n  font-display: swap;\n}\n\n/* IBM Plex Mono Font */\n@font-face {\n  font-family: 'IBM Plex Mono';\n  src: url('/src/theme/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf') format('truetype');\n  font-weight: 100 200 300 400 500 600 700 800 900;\n  font-style: normal;\n  font-display: swap;\n}\n\n* {\n  -ms-overflow-style: none; /* IE, Edge */\n  scrollbar-width: none; /* Firefox */\n}\n*::-webkit-scrollbar {\n  display: none; /* Chrome, Safari, Opera */\n}\n\nsvg {\n  transition: all 0.3s;\n}\n\n/*\n  The input styles below are to override the browser \":-webkit-autofill\" default style declarations.\n  The issue is when someone autocompletes an input field, the browser will apply its own styles (and the browser applies \"!important\" preventing direct overrides).\n  With the following, we're able to delay the browser styles to be applied for 50000s (13.8 hours), so the user will not see the browser styles applied.\n*/\n\ninput {\n  all: unset;\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-transition: all 50000s ease-in-out 0s;\n  transition: all 50000s ease-in-out 0s;\n}\n";
 styleInject(css_248z);
 
 const Provider = ({ children }) => {

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

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

package/lib/{index-391844c6.js → index-e1972534.js}

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

package/lib/snippets.js

@@ -1,15 +1,15 @@
-import { B as Button, _ as Text, L as NotificationNote } from './index-5772129e.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-5772129e.js';
+import { B as Button, _ as Text, L as NotificationNote } from './index-958de655.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-958de655.js';
 import React from 'react';
-import { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-bd48e6e2.js';
-import { E as EditIcon } from './index-391844c6.js';
+import { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-d18bbc0d.js';
+import { E as EditIcon } from './index-e1972534.js';
 import { StatusType } from './types.js';
 import 'styled-components';
-import { I as InfoIcon } from './index-50101bec.js';
+import { I as InfoIcon } from './index-e158c72f.js';
 import './index-5e5f7bda.js';
-import './index-58440c5c.js';
+import './index-a828ab0b.js';
 import 'react-dom';
-import './useTransition-c2aef0e4.js';
+import './useTransition-806627a1.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-bd48e6e2.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-d18bbc0d.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/theme.js

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

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

@@ -1,4 +1,16 @@
 import { ProgrammingLanguages } from '..';
+export declare enum Profile {
+    CodeAttributes = "code-attributes",
+    FullPayloadCollection = "full-payload-collection",
+    DbPayloadCollection = "db-payload-collection",
+    QueryOperationDetector = "query-operation-detector",
+    AllowConcurrentAgents = "allow_concurrent_agents",
+    JavaEbpfInstrumentations = "java-ebpf-instrumentations",
+    JavaNativeInstrumentations = "java-native-instrumentations",
+    SizeS = "size_s",
+    SizeM = "size_m",
+    SizeL = "size_l"
+}
 export declare enum MountMethod {
     VirtualDevice = "VirtualDevice",
     HostPath = "HostPath",
@@ -53,6 +65,7 @@ export interface OdigosConfig {
     imagePrefix: string | null;
     ignoredNamespaces: string[] | null;
     ignoredContainers: string[] | null;
+    profiles: Profile[] | null;
     mountMethod: MountMethod | null;
     agentEnvVarsInjectionMethod: AgentEnvVarsInjectionMethod | null;
     customContainerRuntimeSocketPath: string | null;

package/lib/types.js

@@ -184,6 +184,30 @@ var SortDirection;
     SortDirection["Descending"] = "desc";
 })(SortDirection || (SortDirection = {}));
 
+var Profile;
+(function (Profile) {
+    // CategoryAttributes = 'category-attributes',
+    Profile["CodeAttributes"] = "code-attributes";
+    // CopyScope = 'copy-scope',
+    // HostnameAsPodname = 'hostname-as-podname',
+    Profile["FullPayloadCollection"] = "full-payload-collection";
+    Profile["DbPayloadCollection"] = "db-payload-collection";
+    Profile["QueryOperationDetector"] = "query-operation-detector";
+    // Semconv = 'semconv',
+    // ReduceSpanNameCardinality = 'reduce-span-name-cardinality',
+    Profile["AllowConcurrentAgents"] = "allow_concurrent_agents";
+    Profile["JavaEbpfInstrumentations"] = "java-ebpf-instrumentations";
+    Profile["JavaNativeInstrumentations"] = "java-native-instrumentations";
+    // LegacyDotnetInstrumentation = 'legacy-dotnet-instrumentation',
+    // MountMethodK8sHostPath = 'mount-method-k8s-host-path',
+    // MountMethodK8sVirtualDevice = 'mount-method-k8s-virtual-device',
+    // PodManifestEnvVarInjection = 'pod-manifest-env-var-injection',
+    // DisableGin = 'disable-gin',
+    // SmallBatches = 'small-batches',
+    Profile["SizeS"] = "size_s";
+    Profile["SizeM"] = "size_m";
+    Profile["SizeL"] = "size_l";
+})(Profile || (Profile = {}));
 var MountMethod;
 (function (MountMethod) {
     MountMethod["VirtualDevice"] = "VirtualDevice";
@@ -340,4 +364,4 @@ var K8sResourceKind;
     K8sResourceKind["CronJob"] = "CronJob";
 })(K8sResourceKind || (K8sResourceKind = {}));
 
-export { ActionCategory, ActionKeyTypes, ActionType, AddNodeTypes, AgentEnvVarsInjectionMethod, BooleanOperation, CodeAttributesKeyTypes, Crud, CustomInstrumentationsKeyTypes, DestinationTypes, EdgeTypes, EntityTypes, FieldTypes, HeadersCollectionKeyTypes, InputTypes, InstallationMethod, InstrumentationRuleType, IntrumentationStatus, JsonOperation, K8sResourceKind, MountMethod, NodeTypes, NumberOperation, OtherEntityTypes, OtherStatus, PayloadCollectionKeyTypes, PlatformType, ProgrammingLanguages, SignalType, SortDirection, StatusType, StringOperation, Tier };
+export { ActionCategory, ActionKeyTypes, ActionType, AddNodeTypes, AgentEnvVarsInjectionMethod, BooleanOperation, CodeAttributesKeyTypes, Crud, CustomInstrumentationsKeyTypes, DestinationTypes, EdgeTypes, EntityTypes, FieldTypes, HeadersCollectionKeyTypes, InputTypes, InstallationMethod, InstrumentationRuleType, IntrumentationStatus, JsonOperation, K8sResourceKind, MountMethod, NodeTypes, NumberOperation, OtherEntityTypes, OtherStatus, PayloadCollectionKeyTypes, PlatformType, Profile, ProgrammingLanguages, SignalType, SortDirection, StatusType, StringOperation, Tier };

package/lib/{useTransition-c2aef0e4.js → useTransition-806627a1.js}

@@ -1,4 +1,4 @@
-import { z as useModalStore, O as useDrawerStore, Q as useActiveNodeStore } from './index-bd48e6e2.js';
+import { z as useModalStore, O as useDrawerStore, Q as useActiveNodeStore } from './index-d18bbc0d.js';
 import { AddNodeTypes, EntityTypes, PayloadCollectionKeyTypes, CodeAttributesKeyTypes, CustomInstrumentationsKeyTypes } from './types.js';
 import React, { useState, useMemo, useEffect, useRef, useCallback } from 'react';
 import styled from 'styled-components';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.68",
+  "version": "0.0.70",
   "author": "Odigos",
   "repository": {
     "type": "git",
@@ -89,11 +89,11 @@
     "javascript-time-ago": "^2.5.11",
     "lottie-react": "^2.4.1",
     "prism-react-renderer": "^2.4.1",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "react-error-boundary": "^6.0.0",
     "styled-components": "^6.1.19",
-    "zustand": "^5.0.6"
+    "zustand": "^5.0.7"
   },
   "devDependencies": {
     "@babel/core": "^7.28.0",
@@ -105,22 +105,22 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-typescript": "^12.1.4",
-    "@storybook/addon-docs": "^9.0.18",
+    "@storybook/addon-docs": "^9.1.1",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-    "@storybook/react-webpack5": "9.0.18",
-    "@types/node": "^24.1.0",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
+    "@storybook/react-webpack5": "9.1.1",
+    "@types/node": "^24.2.0",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
     "babel-loader": "^10.0.0",
     "babel-plugin-styled-components": "^2.1.4",
-    "eslint": "^9.31.0",
-    "eslint-config-next": "^15.4.3",
-    "eslint-plugin-storybook": "9.0.18",
-    "next": "^15.4.3",
+    "eslint": "^9.32.0",
+    "eslint-config-next": "^15.4.5",
+    "eslint-plugin-storybook": "9.1.1",
+    "next": "^15.4.5",
     "postcss": "^8.5.6",
     "rollup": "^3.29.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "9.0.18",
-    "typescript": "^5.8.3"
+    "storybook": "9.1.1",
+    "typescript": "^5.9.2"
   }
 }