@odigos/ui-kit 0.0.49 → 0.0.50

package/lib/functions/has-unhealthy-instances/index.d.ts

@@ -0,0 +1,2 @@
+import { type InstrumentationInstanceAnalyze, type PodContainerAnalyze } from '@/types';
+export declare const hasUnhealthyInstances: (containers?: PodContainerAnalyze[], instances?: InstrumentationInstanceAnalyze[]) => boolean;

package/lib/functions/index.d.ts

@@ -30,6 +30,7 @@ export * from './get-status-icon';
 export * from './get-value-for-range';
 export * from './get-workload-id';
 export * from './get-yaml-fields-for-destination';
+export * from './has-unhealthy-instances';
 export * from './is-emtpy';
 export * from './is-legal-k8s-label';
 export * from './is-over-time';

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 isValidVersion, m as mapConditions, n as numbersOnly, p as parseBooleanFromString, d as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, e as splitCamelString } from './index-DsEoqSQn.js';
-export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, j as getContainersIcons, i as getContainersInstrumentedCount, k as getDestinationIcon, l as getEntityIcon, m as getEntityLabel, n as getMetricForEntity, o as getPlatformIcon, p as getPlatformLabel, q as getValueForRange, r as getWorkloadId, s as getYamlFieldsForDestination, t as isOverTime, u as mapDestinationFieldsForDisplay, v as sleep } from './index-w9lkC6fb.js';
-export { m as getActionIcon, n as getEntityId, o as getInstrumentationRuleIcon, p as getProgrammingLanguageIcon } from './index-Bw7RE2T2.js';
+export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getConditionsBooleans, a as getMonitorIcon, b as getStatusIcon, i as isValidVersion, m as mapConditions, n as numbersOnly, p as parseBooleanFromString, d as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, e as splitCamelString } from './index-Dbs7YARA.js';
+export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, j as getContainersIcons, i as getContainersInstrumentedCount, k as getDestinationIcon, l as getEntityIcon, m as getEntityLabel, n as getMetricForEntity, o as getPlatformIcon, p as getPlatformLabel, q as getValueForRange, r as getWorkloadId, s as getYamlFieldsForDestination, t as hasUnhealthyInstances, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index-CPMIZB66.js';
+export { n as getActionIcon, o as getEntityId, p as getInstrumentationRuleIcon, q as getProgrammingLanguageIcon } from './index-BC03UmY5.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 import { ProgrammingLanguages, EntityTypes } from './types.js';
 export { i as isEmpty, s as safeJsonParse } from './index-BnvrwbRB.js';
 import 'react';
 import 'styled-components';
-import './index-DxR7e2Cq.js';
-import './index-ZTzxu5fz.js';
+import './index-H8TwBQHm.js';
+import './index-CMsBAVAn.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/lib/hooks/index.d.ts

@@ -9,6 +9,7 @@ export * from './useGenericForm';
 export * from './useInstrumentationRuleFormData';
 export * from './useKeyDown';
 export * from './useOnClickOutside';
+export * from './usePopup';
 export * from './useSessionStorage';
 export * from './useSourceFormData';
 export * from './useSourceSelectionFormData';

package/lib/hooks/usePopup.d.ts

@@ -0,0 +1,17 @@
+interface UsePopupProps {
+    defaultClientHeight?: number;
+    defaultClientwidth?: number;
+    onClickOutside?: () => void;
+}
+interface Position {
+    top: number;
+    left: number;
+}
+declare const usePopup: ({ defaultClientHeight, defaultClientwidth, onClickOutside }?: UsePopupProps) => {
+    popupRef: import("react").RefObject<HTMLDivElement | null>;
+    popupOpen: boolean;
+    setPopupOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    popupPosition: Position;
+    handlePosition: (clientX: number, clientY: number) => void;
+};
+export { usePopup };

package/lib/hooks.js

@@ -1,7 +1,7 @@
-export { u as useActionFormData, a as useClickNotification, b as useDataStreamFormData, c as useDestinationFormData, d as useSessionStorage, e as useSourceFormData, f as useSourceSelectionFormData } from './useSourceSelectionFormData-C5VMfWEf.js';
-export { u as useClickNode, a as useContainerSize, b as useCopy, c as useGenericForm, d as useInstrumentationRuleFormData, e as useKeyDown, f as useOnClickOutside, g as useTimeAgo, h as useTransition } from './useTransition-mupXsbop.js';
+export { u as useActionFormData, a as useClickNotification, b as useDataStreamFormData, c as useDestinationFormData, d as useSessionStorage, e as useSourceFormData, f as useSourceSelectionFormData } from './useSourceSelectionFormData-CwggurLH.js';
+export { u as useClickNode, a as useContainerSize, b as useCopy, c as useGenericForm, d as useInstrumentationRuleFormData, e as useKeyDown, f as useOnClickOutside, g as usePopup, h as useTimeAgo, i as useTransition } from './useTransition-DmHfJSEP.js';
 import './types.js';
-import './index-Bw7RE2T2.js';
+import './index-BC03UmY5.js';
 import 'react';
 import 'styled-components';
 import './index-BnvrwbRB.js';

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

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

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

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

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

@@ -1,4 +1,5 @@
 export * from './arrow-icon/index';
+export * from './avatar-icon/index';
 export * from './code-brackets-icon/index';
 export * from './code-icon/index';
 export * from './command-icon/index';
@@ -19,5 +20,6 @@ export * from './search-icon/index';
 export * from './sort-arrows-icon/index';
 export * from './terminal-icon/index';
 export * from './trash-icon/index';
+export * from './user-group-icon/index';
 export * from './user-icon/index';
 export * from './x-icon/index';

package/lib/icons/common/user-group-icon/index.d.ts

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

package/lib/icons/common/user-group-icon/user-group-icon.stories.d.ts

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

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

@@ -1,2 +1,4 @@
+export * from './minus-circled-icon/index';
 export * from './minus-icon/index';
+export * from './plus-circled-icon/index';
 export * from './plus-icon/index';

package/lib/icons/math/minus-circled-icon/index.d.ts

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

package/lib/icons/math/minus-circled-icon/minus-circled-icon.stories.d.ts

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

package/lib/icons/math/plus-circled-icon/index.d.ts

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

package/lib/icons/math/plus-circled-icon/plus-circled-icon.stories.d.ts

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

package/lib/icons.js

@@ -1,13 +1,20 @@
-import { T as Theme } from './index-Bw7RE2T2.js';
-export { q as AddClusterInfoIcon, y as CPlusPlusLogo, z as CSharpLogo, C as CodeAttributesIcon, w as CustomInstrumentationIcon, r as DeleteAttributeIcon, E as DotnetLogo, G as ElixirLogo, J as GoLogo, H as HeadersCollectionIcon, t as ImageErrorIcon, N as JavaLogo, K as K8sLogo, v as KafkaLogo, O as MysqlLogo, Q as NginxLogo, U as NodejsLogo, x as PayloadCollectionIcon, V as PhpLogo, P as PiiMaskingIcon, W as PostgresLogo, X as PythonLogo, Y as RedisLogo, R as RenameAttributeIcon, Z as RubyLogo, _ as RustLogo, s as SamplerIcon, $ as SwiftLogo } from './index-Bw7RE2T2.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-DxR7e2Cq.js';
-export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RetryIcon, S as SlackLogo, T as TerminalIcon, U as UserIcon } from './index-CeDmxXUE.js';
-export { A as ArrowIcon, h as CheckIcon, C as CodeIcon, a as CopyIcon, i as CrossIcon, E as EditIcon, b as EditedIcon, c as ExtendArrowIcon, f as EyeClosedIcon, g as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, d as NotebookIcon, P as PlusIcon, S as SearchIcon, e as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-CkTdd3MS.js';
+import { T as Theme } from './index-BC03UmY5.js';
+export { r as AddClusterInfoIcon, z as CPlusPlusLogo, E as CSharpLogo, C as CodeAttributesIcon, x as CustomInstrumentationIcon, s as DeleteAttributeIcon, G as DotnetLogo, J as ElixirLogo, N as GoLogo, H as HeadersCollectionIcon, v as ImageErrorIcon, O as JavaLogo, K as K8sLogo, w as KafkaLogo, Q as MysqlLogo, U as NginxLogo, V as NodejsLogo, y as PayloadCollectionIcon, W as PhpLogo, P as PiiMaskingIcon, X as PostgresLogo, Y as PythonLogo, Z as RedisLogo, R as RenameAttributeIcon, _ as RubyLogo, $ as RustLogo, t as SamplerIcon, a0 as SwiftLogo } from './index-BC03UmY5.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-H8TwBQHm.js';
+export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RetryIcon, S as SlackLogo, T as TerminalIcon, U as UserIcon } from './index-LgzkJ05H.js';
+export { A as ArrowIcon, h as CheckIcon, C as CodeIcon, a as CopyIcon, i as CrossIcon, E as EditIcon, b as EditedIcon, c as ExtendArrowIcon, f as EyeClosedIcon, g as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, d as NotebookIcon, P as PlusIcon, S as SearchIcon, e as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-CyHOJpMl.js';
 import React from 'react';
-export { a3 as ActionsIcon, A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AwsCloudwatchLogo, d as AwsS3Logo, e as AwsXrayLogo, f as AxiomLogo, B as BetterStackLogo, g as BlobStorageLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, a4 as DestinationsIcon, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, G as GigapipeLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, a5 as NamespacesIcon, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, F as OpenTelemetryLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, T as QuickwitLogo, a6 as RulesIcon, U as SeqLogo, W as SignozLogo, a7 as SourcesIcon, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, V as VmLogo } from './index-ZTzxu5fz.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-CMsBAVAn.js';
 import './types.js';
 import 'styled-components';
 
+const AvatarIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeWidth: '1', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M18.9946 19.1467C18.893 17.3926 17.3672 16 15.5 16H8.5C6.63276 16 5.10703 17.3926 5.00539 19.1467M18.9946 19.1467C20.8491 17.3314 22 14.8001 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 14.8001 3.15087 17.3314 5.00539 19.1467M18.9946 19.1467C17.1913 20.9119 14.7227 22 12 22C9.27726 22 6.80867 20.9119 5.00539 19.1467M15 10C15 11.6569 13.6569 13 12 13C10.3431 13 9 11.6569 9 10C9 8.34315 10.3431 7 12 7C13.6569 7 15 8.34315 15 10Z' })));
+};
+
 const CodeBracketsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
@@ -29,6 +36,13 @@ const FolderIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M1.5 7.96504C1.5 6.28488 1.5 5.4448 1.82698 4.80307C2.1146 4.23858 2.57354 3.77964 3.13803 3.49202C3.77976 3.16504 4.61984 3.16504 6.3 3.16504H6.53667C6.88887 3.16504 7.06498 3.16504 7.22483 3.21358C7.36634 3.25656 7.49799 3.32702 7.61225 3.42093C7.74131 3.527 7.83899 3.67353 8.03436 3.96658L8.46564 4.6135C8.66101 4.90655 8.75869 5.05308 8.88775 5.15915C9.00201 5.25306 9.13366 5.32352 9.27517 5.36649C9.43502 5.41504 9.61113 5.41504 9.96333 5.41504H11.7C13.3802 5.41504 14.2202 5.41504 14.862 5.74202C15.4265 6.02964 15.8854 6.48858 16.173 7.05307C16.5 7.6948 16.5 8.53488 16.5 10.215V11.865C16.5 13.5452 16.5 14.3853 16.173 15.027C15.8854 15.5915 15.4265 16.0504 14.862 16.3381C14.2202 16.665 13.3802 16.665 11.7 16.665H6.3C4.61984 16.665 3.77976 16.665 3.13803 16.3381C2.57354 16.0504 2.1146 15.5915 1.82698 15.027C1.5 14.3853 1.5 13.5452 1.5 11.865V7.96504Z' })));
 };
 
+const UserGroupIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeWidth: '1', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5.09178 10.5161C3.84575 9.83853 3 8.51792 3 6.99978C3 5.48163 3.84576 4.16101 5.09182 3.4834M3.02937 15.4169C1.82391 16.0405 1 17.2989 1 18.7498C1 19.7863 1.70087 20.6591 2.65456 20.9201M21.3454 20.9201C22.2991 20.6591 23 19.7863 23 18.7498C23 17.2989 22.1761 16.0406 20.9706 15.417M18.9082 10.5161C20.1543 9.83853 21 8.51792 21 6.99978C21 5.48162 20.1542 4.16101 18.9082 3.4834M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7ZM8.25 21H15.75C16.9926 21 18 19.9926 18 18.75C18 16.6789 16.3211 15 14.25 15H9.75C7.67893 15 6 16.6789 6 18.75C6 19.9926 7.00736 21 8.25 21Z' })));
+};
+
 const GoogleCloudStorageLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
     return (React.createElement("svg", { width: size, height: size * (65 / 81), viewBox: '0 0 81 65', xmlns: 'http://www.w3.org/2000/svg', fill: '#ffffff', fillRule: 'evenodd', stroke: '#000000', strokeLinecap: 'round', strokeLinejoin: 'round', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("defs", null,
@@ -53,6 +67,20 @@ const SentryLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
         React.createElement("path", { fill: fill || '#362D59', d: 'M148.367708,12.4025287 C144.036807,5.21480737 136.258026,0.820118864 127.866362,0.820118864 C119.474697,0.820118864 111.695916,5.21480737 107.365016,12.4025287 L73.6403017,70.165071 C126.066153,96.3390588 160.689085,148.341727 164.615024,206.806542 L140.93597,206.806542 C137.017513,156.694333 106.874845,112.396698 61.6982677,90.3588968 L30.4849684,144.32869 C55.8497707,155.704426 73.6778379,179.211206 77.7918243,206.704035 L23.4120041,206.704035 C22.1018479,206.611361 20.9266153,205.864669 20.2861278,204.71799 C19.6456403,203.571311 19.6261529,202.179068 20.2342955,201.014912 L35.3027847,175.388229 C30.1976229,171.128798 24.3630321,167.829476 18.0816541,165.65009 L3.16692493,191.276772 C0.0305635285,196.656417 -0.818661742,203.068719 0.809210488,209.079324 C2.43708272,215.08993 6.40620885,220.197261 11.8287436,223.258872 C15.3657216,225.251729 19.3523095,226.310116 23.4120041,226.334074 L97.8831433,226.334074 C100.696274,191.620878 85.1423372,157.966047 56.8804514,137.614499 L68.7199787,117.113153 C104.398813,141.618242 124.473737,183.151896 121.510945,226.334074 L184.603837,226.334074 C187.593899,160.904124 155.557278,98.8221906 100.497065,63.3483734 L124.432386,22.3456815 C125.542508,20.4856859 127.944329,19.8680747 129.81399,20.9618406 C132.530418,22.4481882 233.807067,199.169791 235.703442,201.219925 C236.383476,202.439289 236.358897,203.929352 235.639016,205.125624 C234.919136,206.321896 233.614065,207.041397 232.218213,207.011555 L207.821611,207.011555 C208.129131,213.537817 208.129131,220.046994 207.821611,226.539592 L232.32072,226.539592 C238.604421,226.580218 244.643414,224.105731 249.091568,219.667205 C253.539722,215.228679 256.027289,209.195062 256,202.911286 C256.002825,198.802186 254.905596,194.767215 252.822066,191.225519 L148.367708,12.4025287 Z' })));
 };
 
+const MinusCircledIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8.99963 12H14.9996M21.1496 12.0001C21.1496 17.0535 17.053 21.1501 11.9996 21.1501C6.9462 21.1501 2.84961 17.0535 2.84961 12.0001C2.84961 6.94669 6.9462 2.8501 11.9996 2.8501C17.053 2.8501 21.1496 6.94669 21.1496 12.0001Z' })));
+};
+
+const PlusCircledIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M11.9996 15V12M11.9996 12V9M11.9996 12H8.99963M11.9996 12H14.9996M21.1496 12.0001C21.1496 17.0535 17.053 21.1501 11.9996 21.1501C6.9462 21.1501 2.84961 17.0535 2.84961 12.0001C2.84961 6.94669 6.9462 2.8501 11.9996 2.8501C17.053 2.8501 21.1496 6.94669 21.1496 12.0001Z' })));
+};
+
 const LightOffIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
@@ -109,4 +137,4 @@ const ErrorRoundIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 8.33673V6.00339M7 10.3055V10.3061M12.25 7.97266C12.25 10.8722 9.89949 13.2227 7 13.2227C4.1005 13.2227 1.75 10.8721 1.75 7.97265C1.75 5.07316 4.10051 2.72266 7 2.72266C9.8995 2.72266 12.25 5.07316 12.25 7.97266Z' })));
 };
 
-export { CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, FolderIcon, GoogleCloudStorageLogo, LightOffIcon, LightOnIcon, MoonIcon, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon };
+export { AvatarIcon, CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, FolderIcon, GoogleCloudStorageLogo, LightOffIcon, LightOnIcon, MinusCircledIcon, MoonIcon, PlusCircledIcon, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon, UserGroupIcon };

package/lib/{index-Bw7RE2T2.js → index-BC03UmY5.js}

@@ -43,6 +43,13 @@ const createImpl = (createState) => {
 };
 const create = (createState) => createState ? createImpl(createState) : createImpl;
 
+const useActiveNodeStore = create((set) => ({
+    activeNodeType: null,
+    activeNodeId: null,
+    setActiveNodeType: (value) => set({ activeNodeType: value }),
+    setActiveNodeId: (value) => set({ activeNodeId: value }),
+}));
+
 const AddClusterInfoIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
@@ -1888,4 +1895,4 @@ var animations = /*#__PURE__*/Object.freeze({
 
 const Theme = { Provider, useTheme, opacity, animations };
 
-export { SwiftLogo as $, ACTION_OPTIONS as A, BUTTON_TEXTS as B, CodeAttributesIcon as C, DISPLAY_LANGUAGES as D, DotnetLogo as E, FORM_ALERTS as F, ElixirLogo as G, HeadersCollectionIcon as H, INSTRUMENTATION_RULE_OPTIONS as I, GoLogo as J, K8sLogo as K, LANGUAGE_OPTIONS as L, MONITORS_OPTIONS as M, JavaLogo as N, MysqlLogo as O, PiiMaskingIcon as P, NginxLogo as Q, RenameAttributeIcon as R, STORAGE_KEYS as S, Theme as T, NodejsLogo as U, PhpLogo as V, PostgresLogo as W, PythonLogo as X, RedisLogo as Y, RubyLogo as Z, RustLogo as _, useDataStreamStore as a, styleInject as a0, useDrawerStore as b, useEntityStore as c, useFilterStore as d, useInstrumentStore as e, useModalStore as f, useNotificationStore as g, usePendingStore as h, useSelectedStore as i, useSetupStore as j, DEFAULT_DATA_STREAM_NAME as k, DISPLAY_TITLES as l, getActionIcon as m, getEntityId as n, getInstrumentationRuleIcon as o, getProgrammingLanguageIcon as p, AddClusterInfoIcon as q, DeleteAttributeIcon as r, SamplerIcon as s, ImageErrorIcon as t, useDarkMode as u, KafkaLogo as v, CustomInstrumentationIcon as w, PayloadCollectionIcon as x, CPlusPlusLogo as y, CSharpLogo as z };
+export { RustLogo as $, ACTION_OPTIONS as A, BUTTON_TEXTS as B, CodeAttributesIcon as C, DISPLAY_LANGUAGES as D, CSharpLogo as E, FORM_ALERTS as F, DotnetLogo as G, HeadersCollectionIcon as H, INSTRUMENTATION_RULE_OPTIONS as I, ElixirLogo as J, K8sLogo as K, LANGUAGE_OPTIONS as L, MONITORS_OPTIONS as M, GoLogo as N, JavaLogo as O, PiiMaskingIcon as P, MysqlLogo as Q, RenameAttributeIcon as R, STORAGE_KEYS as S, Theme as T, NginxLogo as U, NodejsLogo as V, PhpLogo as W, PostgresLogo as X, PythonLogo as Y, RedisLogo as Z, RubyLogo as _, useDarkMode as a, SwiftLogo as a0, styleInject as a1, useDataStreamStore as b, useDrawerStore as c, useEntityStore as d, useFilterStore as e, useInstrumentStore as f, useModalStore as g, useNotificationStore as h, usePendingStore as i, useSelectedStore as j, useSetupStore as k, DEFAULT_DATA_STREAM_NAME as l, DISPLAY_TITLES as m, getActionIcon as n, getEntityId as o, getInstrumentationRuleIcon as p, getProgrammingLanguageIcon as q, AddClusterInfoIcon as r, DeleteAttributeIcon as s, SamplerIcon as t, useActiveNodeStore as u, ImageErrorIcon as v, KafkaLogo as w, CustomInstrumentationIcon as x, PayloadCollectionIcon as y, CPlusPlusLogo as z };

package/lib/{index-ZTzxu5fz.js → index-CMsBAVAn.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-Bw7RE2T2.js';
+import { T as Theme } from './index-BC03UmY5.js';
 
 const VmLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
@@ -376,7 +376,7 @@ const MiddlewareLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
     return (React.createElement("svg", { width: size, height: size * (19 / 37), viewBox: '0 0 37 19', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("g", null,
             React.createElement("path", { fill: fill || '#E95E5F', d: 'M27.174 10.508c.21-.322.377-.558.531-.808 1.152-1.888 2.283-3.79 3.49-5.67.22-.383.55-.686.945-.868a2.048 2.048 0 0 1 1.26-.148c.412.063.791.266 1.077.576.286.31.462.708.501 1.133a2.686 2.686 0 0 1-.307 1.48 482.459 482.459 0 0 1-5.78 9.532c-.935 1.502-2.791 1.43-3.699-.143-1.11-1.852-2.164-3.74-3.245-5.606-.147-.258-.308-.5-.524-.858l-.768 1.244c-1.033 1.723-2.094 3.447-3.127 5.177-1.033 1.73-3.001 1.76-4.055-.079-1.187-2.059-2.367-4.126-3.595-6.264-.181.28-.335.5-.468.715-1.158 1.888-2.303 3.783-3.49 5.664a2.127 2.127 0 0 1-.555.621 2.07 2.07 0 0 1-1.569.387 2.062 2.062 0 0 1-.77-.294 2.115 2.115 0 0 1-.601-.576 2.17 2.17 0 0 1-.36-1.611c.046-.28.147-.547.295-.787a661.831 661.831 0 0 1 5.675-9.217c.192-.376.483-.69.84-.905a2.179 2.179 0 0 1 2.341.055c.347.232.623.558.798.943 1.054 1.823 2.094 3.661 3.134 5.484.146.258.307.501.51.83l3.545-5.807c.154-.25.3-.514.482-.758.207-.332.495-.603.837-.786a2.163 2.163 0 0 1 2.192.087c.326.209.594.502.775.85 1.082 1.837 2.094 3.697 3.183 5.549.14.264.293.514.502.858z' }),
-            React.createElement("path", { stroke: fill || '#E95E5F', strokeOpacity: '.2', strokeWidth: '2', d: 'm27.7 7.783-.49.806c-.422-.73-.837-1.46-1.253-2.196l-.009-.016a192.02 192.02 0 0 0-1.585-2.764 3.238 3.238 0 0 0-1.11-1.204 3.169 3.169 0 0 0-3.204-.126c-.484.26-.893.64-1.19 1.102-.161.221-.308.466-.42.654l-.088.146-.001.002-2.682 4.392-.49-.86c-.754-1.325-1.512-2.657-2.276-3.98a3.258 3.258 0 0 0-1.13-1.312 3.182 3.182 0 0 0-3.415-.08 3.25 3.25 0 0 0-1.19 1.264 662.652 662.652 0 0 0-5.66 9.193 3.177 3.177 0 0 0-.396 2.368c.09.403.258.785.494 1.123.236.338.536.627.884.848a3.064 3.064 0 0 0 2.369.389 3.07 3.07 0 0 0 1.106-.525c.326-.245.6-.55.81-.9a345.117 345.117 0 0 0 2.57-4.163l.492-.803.684 1.195c.7 1.222 1.393 2.43 2.086 3.633.663 1.155 1.711 1.869 2.894 1.879 1.179.01 2.228-.683 2.887-1.786.558-.935 1.112-1.848 1.668-2.764.45-.74.9-1.484 1.355-2.241.258.447.516.898.775 1.35a213.215 213.215 0 0 0 2.145 3.692c.602 1.038 1.582 1.675 2.663 1.717 1.09.042 2.11-.53 2.747-1.552a483.087 483.087 0 0 0 5.792-9.552l.01-.019.011-.019a3.685 3.685 0 0 0 .422-2.031l-.001-.012a2.93 2.93 0 0 0-.762-1.72 2.85 2.85 0 0 0-1.636-.882 3.048 3.048 0 0 0-1.854.225 3.111 3.111 0 0 0-1.38 1.253c-.912 1.42-1.782 2.856-2.643 4.276z' }))));
+            React.createElement("path", { stroke: fill || '#E95E5F', strokeOpacity: '.2', d: 'm27.7 7.783-.49.806c-.422-.73-.837-1.46-1.253-2.196l-.009-.016a192.02 192.02 0 0 0-1.585-2.764 3.238 3.238 0 0 0-1.11-1.204 3.169 3.169 0 0 0-3.204-.126c-.484.26-.893.64-1.19 1.102-.161.221-.308.466-.42.654l-.088.146-.001.002-2.682 4.392-.49-.86c-.754-1.325-1.512-2.657-2.276-3.98a3.258 3.258 0 0 0-1.13-1.312 3.182 3.182 0 0 0-3.415-.08 3.25 3.25 0 0 0-1.19 1.264 662.652 662.652 0 0 0-5.66 9.193 3.177 3.177 0 0 0-.396 2.368c.09.403.258.785.494 1.123.236.338.536.627.884.848a3.064 3.064 0 0 0 2.369.389 3.07 3.07 0 0 0 1.106-.525c.326-.245.6-.55.81-.9a345.117 345.117 0 0 0 2.57-4.163l.492-.803.684 1.195c.7 1.222 1.393 2.43 2.086 3.633.663 1.155 1.711 1.869 2.894 1.879 1.179.01 2.228-.683 2.887-1.786.558-.935 1.112-1.848 1.668-2.764.45-.74.9-1.484 1.355-2.241.258.447.516.898.775 1.35a213.215 213.215 0 0 0 2.145 3.692c.602 1.038 1.582 1.675 2.663 1.717 1.09.042 2.11-.53 2.747-1.552a483.087 483.087 0 0 0 5.792-9.552l.01-.019.011-.019a3.685 3.685 0 0 0 .422-2.031l-.001-.012a2.93 2.93 0 0 0-.762-1.72 2.85 2.85 0 0 0-1.636-.882 3.048 3.048 0 0 0-1.854.225 3.111 3.111 0 0 0-1.38 1.253c-.912 1.42-1.782 2.856-2.643 4.276z' }))));
 };
 
 const NewRelicLogo = ({ size = 16, fill, rotate = 0, onClick }) => {

package/lib/{index-w9lkC6fb.js → index-CPMIZB66.js}

@@ -1,9 +1,9 @@
 import { StatusType, DestinationTypes, EntityTypes, PlatformType } from './types.js';
-import { k as DEFAULT_DATA_STREAM_NAME, p as getProgrammingLanguageIcon, v as KafkaLogo, K as K8sLogo } from './index-Bw7RE2T2.js';
+import { l as DEFAULT_DATA_STREAM_NAME, q as getProgrammingLanguageIcon, w as KafkaLogo, K as K8sLogo } from './index-BC03UmY5.js';
 import 'react';
 import 'styled-components';
-import { e as AwsXrayLogo, a2 as VictoriaMetricsLogo, a1 as UptraceLogo, a0 as TraceloopLogo, $ as TingyunLogo, _ as TempoLogo, Z as TelemetryHubLogo, Y as SumoLogicLogo, X as SplunkLogo, W as SignozLogo, U as SeqLogo, d as AwsS3Logo, T as QuickwitLogo, G as GigapipeLogo, S as QrynLogo, R as PrometheusLogo, F as OpenTelemetryLogo, Q as OracleLogo, P as OpsVerseLogo, z as OpenObserveLogo, y as OneUptimeLogo, O as ObserveLogo, N as NewRelicLogo, M as MiddlewareLogo, x as LumigoLogo, w as LokiLogo, v as LogzioLogo, u as LightstepLogo, L as Last9Logo, K as KloudmateLogo, J as JaegerLogo, I as InstanaLogo, t as HyperDxLogo, H as HoneycombLogo, s as GroundcoverLogo, r as GreptimeLogo, q as GrafanaLogo, p as GoogleCloudPlatformLogo, o as ElasticSearchLogo, E as ElasticApmLogo, n as DynatraceLogo, m as DatadogLogo, D as Dash0Logo, l as CoralogixLogo, c as AwsCloudwatchLogo, k as ClickhouseLogo, j as ChronosphereLogo, i as ChecklyLogo, C as CauselyLogo, h as BonreeLogo, B as BetterStackLogo, g as BlobStorageLogo, f as AxiomLogo, b as AppDynamicsLogo, a as AlibabaCloudLogo, A as AlaudaLogo, a6 as RulesIcon, a3 as ActionsIcon, a4 as DestinationsIcon, a7 as SourcesIcon, a5 as NamespacesIcon, V as VmLogo } from './index-ZTzxu5fz.js';
-import { O as OdigosLogo } from './index-DxR7e2Cq.js';
+import { e as AwsXrayLogo, a2 as VictoriaMetricsLogo, a1 as UptraceLogo, a0 as TraceloopLogo, $ as TingyunLogo, _ as TempoLogo, Z as TelemetryHubLogo, Y as SumoLogicLogo, X as SplunkLogo, W as SignozLogo, U as SeqLogo, d as AwsS3Logo, T as QuickwitLogo, G as GigapipeLogo, S as QrynLogo, R as PrometheusLogo, F as OpenTelemetryLogo, Q as OracleLogo, P as OpsVerseLogo, z as OpenObserveLogo, y as OneUptimeLogo, O as ObserveLogo, N as NewRelicLogo, M as MiddlewareLogo, x as LumigoLogo, w as LokiLogo, v as LogzioLogo, u as LightstepLogo, L as Last9Logo, K as KloudmateLogo, J as JaegerLogo, I as InstanaLogo, t as HyperDxLogo, H as HoneycombLogo, s as GroundcoverLogo, r as GreptimeLogo, q as GrafanaLogo, p as GoogleCloudPlatformLogo, o as ElasticSearchLogo, E as ElasticApmLogo, n as DynatraceLogo, m as DatadogLogo, D as Dash0Logo, l as CoralogixLogo, c as AwsCloudwatchLogo, k as ClickhouseLogo, j as ChronosphereLogo, i as ChecklyLogo, C as CauselyLogo, h as BonreeLogo, B as BetterStackLogo, g as BlobStorageLogo, f as AxiomLogo, b as AppDynamicsLogo, a as AlibabaCloudLogo, A as AlaudaLogo, a6 as RulesIcon, a3 as ActionsIcon, a4 as DestinationsIcon, a7 as SourcesIcon, a5 as NamespacesIcon, V as VmLogo } from './index-CMsBAVAn.js';
+import { O as OdigosLogo } from './index-H8TwBQHm.js';
 import { s as safeJsonParse } from './index-BnvrwbRB.js';
 
 const compareCondition = (renderCondition, fields) => {
@@ -291,6 +291,14 @@ const getYamlFieldsForDestination = (categories, destination) => {
     return fields;
 };
 
+const hasUnhealthyInstances = (containers, instances) => {
+    const hasUnhealthy = (list) => list?.some(({ healthy }) => healthy.status !== StatusType.Success);
+    if (containers?.length) {
+        return containers.some(({ instrumentationInstances }) => hasUnhealthy(instrumentationInstances));
+    }
+    return hasUnhealthy(instances) ?? false;
+};
+
 const isOverTime = (originDate, difference = 0) => {
     const now = new Date().getTime();
     const compareWith = new Date(originDate).getTime();
@@ -317,4 +325,4 @@ const mapDestinationFieldsForDisplay = (destination, yamlFields) => {
 
 const sleep = async (ms = 1000) => new Promise((resolve) => setTimeout(resolve, ms));
 
-export { filterDestinations as a, filterDestinationsByStream as b, compareCondition as c, deepClone as d, filterSources as e, filterActions as f, filterSourcesByStream as g, formatBytes as h, getContainersInstrumentedCount as i, getContainersIcons as j, getDestinationIcon as k, getEntityIcon as l, getEntityLabel as m, getMetricForEntity as n, getPlatformIcon as o, getPlatformLabel as p, getValueForRange as q, getWorkloadId as r, getYamlFieldsForDestination as s, isOverTime as t, mapDestinationFieldsForDisplay as u, sleep as v };
+export { filterDestinations as a, filterDestinationsByStream as b, compareCondition as c, deepClone as d, filterSources as e, filterActions as f, filterSourcesByStream as g, formatBytes as h, getContainersInstrumentedCount as i, getContainersIcons as j, getDestinationIcon as k, getEntityIcon as l, getEntityLabel as m, getMetricForEntity as n, getPlatformIcon as o, getPlatformLabel as p, getValueForRange as q, getWorkloadId as r, getYamlFieldsForDestination as s, hasUnhealthyInstances as t, isOverTime as u, mapDestinationFieldsForDisplay as v, sleep as w };