@odigos/ui-kit 0.0.49 → 0.0.51

package/lib/{index-CeBxw8J4.js → index-4BmryHdH.js}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { T as Theme, B as BUTTON_TEXTS, l as DISPLAY_TITLES } from './index-Bw7RE2T2.js';
-import { E as EditIcon } from './index-CkTdd3MS.js';
-import { d as Button, a5 as Text, Z as NotificationNote } from './index-C1V7D2ey.js';
+import { T as Theme, B as BUTTON_TEXTS, m as DISPLAY_TITLES } from './index-BC03UmY5.js';
+import { E as EditIcon } from './index-CyHOJpMl.js';
+import { e as Button, ad as Text, a2 as NotificationNote } from './index-1-F2f04H.js';
 import { StatusType } from './types.js';
 import 'styled-components';
-import { I as InfoIcon } from './index-DxR7e2Cq.js';
+import { I as InfoIcon } from './index-H8TwBQHm.js';
 
 const EditButton = ({ label, onClick, variant = 'tertiary', ...props }) => {
     const theme = Theme.useTheme();

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 };

package/lib/{index-DOU0EdZP.js → index-Coq_Nro0.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { aa as WarningModal } from './index-C1V7D2ey.js';
+import { ai as WarningModal } from './index-1-F2f04H.js';
 import { StatusType, EntityTypes } from './types.js';
-import './index-Bw7RE2T2.js';
+import './index-BC03UmY5.js';
 import 'styled-components';
 
 const CancelWarning = ({ isOpen, noOverlay, name, onApprove, onDeny }) => {

package/lib/{index-CkTdd3MS.js → index-CyHOJpMl.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 ArrowIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();

package/lib/{index-DsEoqSQn.js → index-Dbs7YARA.js}

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

package/lib/{index-DxR7e2Cq.js → index-H8TwBQHm.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 OdigosLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();

package/lib/{index-CeDmxXUE.js → index-LgzkJ05H.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 OdigosLogoText = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
@@ -61,7 +61,7 @@ const UserIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     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: 'M16 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 7Z' }),
-        React.createElement("path", { stroke: fill, strokeWidth: '1', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M16 15H8C5.79086 15 4 16.7909 4 19C4 20.1046 4.89543 21 6 21H18C19.1046 21 20 20.1046 20 19C20 16.7909 18.2091 15 16 15Z' })));
+        React.createElement("path", { stroke: fill, strokeWidth: '1', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.27466 21H16.7253C18.5339 21 20 19.5339 20 17.7253C20 15.4389 17.7163 13.8564 15.5755 14.6592L13.6502 15.3812C12.5862 15.7802 11.4138 15.7802 10.3498 15.3812L8.42447 14.6592C6.28366 13.8564 4 15.4389 4 17.7253C4 19.5339 5.46612 21 7.27466 21Z' })));
 };
 
 const OverviewIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {

package/lib/snippets/copy-text/index.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+interface CopyTextProps {
+    value: string;
+}
+declare const CopyText: FC<CopyTextProps>;
+export { CopyText, type CopyTextProps };

package/lib/snippets/index.d.ts

@@ -1,4 +1,7 @@
-export * from './add-button/index';
-export * from './edit-button/index';
+export * from './add-button';
+export * from './copy-text';
+export * from './edit-button';
 export * from './note-back-to-summary/index';
+export * from './pod-container';
 export * from './react-flow';
+export * from './source-container';

package/lib/snippets/pod-container/index.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { type PodContainerAnalyze } from '@/types';
+type PodContainerProps = PodContainerAnalyze;
+export declare const PodContainer: FC<PodContainerProps>;
+export {};

package/lib/snippets/source-container/index.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+import { SourceContainer as SourceContainerType, SourceFormData } from '@/types';
+interface SourceContainerProps extends SourceContainerType {
+    callbackRuntimeOverride?: (payload: Pick<SourceFormData, 'containerName' | 'language' | 'version'>) => Promise<void>;
+}
+export declare const SourceContainer: FC<SourceContainerProps>;
+export {};

package/lib/snippets.js

@@ -1,12 +1,12 @@
-export { A as AddButton, a as AddNode, B as BaseNode, E as EdgedNode, F as Flow, b as FrameNode, H as HeaderNode, L as LabeledEdge, M as MapItemNode, N as NoDataNode, S as ScrollNode, c as SkeletonNode, n as nodeConfig } from './index-C1V7D2ey.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-CeBxw8J4.js';
+export { A as AddButton, a as AddNode, B as BaseNode, C as CopyText, E as EdgedNode, F as Flow, b as FrameNode, H as HeaderNode, L as LabeledEdge, M as MapItemNode, N as NoDataNode, P as PodContainer, S as ScrollNode, c as SkeletonNode, d as SourceContainer, n as nodeConfig } from './index-1-F2f04H.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-4BmryHdH.js';
 import 'react';
-import './index-Bw7RE2T2.js';
+import './index-BC03UmY5.js';
 import './types.js';
 import 'styled-components';
-import './index-CkTdd3MS.js';
-import './index-DsEoqSQn.js';
-import './index-DxR7e2Cq.js';
+import './index-CyHOJpMl.js';
+import './index-Dbs7YARA.js';
+import './index-H8TwBQHm.js';
 import './index-BnvrwbRB.js';
-import './useTransition-mupXsbop.js';
 import 'react-dom';
+import './useTransition-DmHfJSEP.js';

package/lib/store/index.d.ts

@@ -1,3 +1,4 @@
+export * from './useActiveNodeStore';
 export * from './useDarkMode';
 export * from './useDataStreamStore';
 export * from './useDrawerStore';

package/lib/store/useActiveNodeStore.d.ts

@@ -0,0 +1,11 @@
+import { NodeTypes } from '@/types';
+export interface ActiveNodeStoreState {
+    activeNodeType: NodeTypes | null;
+    activeNodeId: string | null;
+}
+interface ActiveNodeStoreStateSetters {
+    setActiveNodeType: (value: ActiveNodeStoreState['activeNodeType']) => void;
+    setActiveNodeId: (value: ActiveNodeStoreState['activeNodeId']) => void;
+}
+export declare const useActiveNodeStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ActiveNodeStoreState & ActiveNodeStoreStateSetters>>;
+export {};

package/lib/store.js

@@ -1,4 +1,4 @@
-export { u as useDarkMode, a as useDataStreamStore, b as useDrawerStore, c as useEntityStore, d as useFilterStore, e as useInstrumentStore, f as useModalStore, g as useNotificationStore, h as usePendingStore, i as useSelectedStore, j as useSetupStore } from './index-Bw7RE2T2.js';
+export { u as useActiveNodeStore, a as useDarkMode, b as useDataStreamStore, c as useDrawerStore, d as useEntityStore, e as useFilterStore, f as useInstrumentStore, g as useModalStore, h as useNotificationStore, i as usePendingStore, j as useSelectedStore, k as useSetupStore } from './index-BC03UmY5.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/theme.js

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

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

@@ -68,12 +68,12 @@ interface OtelAgentsAnalyze {
     createTime?: EntityProperty | null;
     containers: ContainerAgentConfigAnalyze[];
 }
-interface InstrumentationInstanceAnalyze {
+export interface InstrumentationInstanceAnalyze {
     healthy: EntityProperty;
     message?: EntityProperty | null;
     identifyingAttributes?: EntityProperty[];
 }
-interface PodContainerAnalyze {
+export interface PodContainerAnalyze {
     containerName: EntityProperty;
     actualDevices: EntityProperty;
     started?: EntityProperty | null;

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

@@ -11,20 +11,21 @@ export interface WorkloadId {
     name: string;
     kind: K8sResourceKind | '';
 }
+export interface SourceContainer {
+    containerName: string;
+    language: ProgrammingLanguages;
+    runtimeVersion: string;
+    overriden?: boolean;
+    instrumented: boolean;
+    instrumentationMessage: string;
+    otelDistroName: string | null;
+}
 export interface Source extends WorkloadId {
     selected: boolean;
     otelServiceName: string;
     numberOfInstances?: number;
     dataStreamNames: string[];
-    containers: {
-        containerName: string;
-        language: ProgrammingLanguages;
-        runtimeVersion: string;
-        overriden?: boolean;
-        instrumented: boolean;
-        instrumentationMessage: string;
-        otelDistroName: string | null;
-    }[] | null;
+    containers: SourceContainer[] | null;
     conditions: Condition[] | null;
 }
 export interface SourceFormData {

package/lib/{useSourceSelectionFormData-C5VMfWEf.js → useSourceSelectionFormData-CwggurLH.js}

@@ -1,9 +1,9 @@
 import { ActionKeyTypes, ActionType, StatusType, EntityTypes, FieldTypes } from './types.js';
-import { g as useNotificationStore, F as FORM_ALERTS, b as useDrawerStore, c as useEntityStore, a as useDataStreamStore, j as useSetupStore } from './index-Bw7RE2T2.js';
+import { h as useNotificationStore, F as FORM_ALERTS, c as useDrawerStore, d as useEntityStore, b as useDataStreamStore, k as useSetupStore } from './index-BC03UmY5.js';
 import { useState, useEffect, useMemo } from 'react';
 import 'styled-components';
 import { i as isEmpty, s as safeJsonParse } from './index-BnvrwbRB.js';
-import { c as useGenericForm } from './useTransition-mupXsbop.js';
+import { c as useGenericForm } from './useTransition-DmHfJSEP.js';
 import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 
 const INITIAL$2 = {

package/lib/{useTransition-mupXsbop.js → useTransition-DmHfJSEP.js}

@@ -1,4 +1,4 @@
-import { f as useModalStore, b as useDrawerStore } from './index-Bw7RE2T2.js';
+import { g as useModalStore, c as useDrawerStore, u as useActiveNodeStore } from './index-BC03UmY5.js';
 import { AddNodeTypes, EntityTypes, CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes } from './types.js';
 import React, { useState, useRef, useEffect, useCallback } from 'react';
 import styled from 'styled-components';
@@ -64,15 +64,18 @@ const useGenericForm = (initialFormData) => {
 const useClickNode = () => {
     const { setCurrentModal } = useModalStore();
     const { setDrawerType, setDrawerEntityId } = useDrawerStore();
+    const { setActiveNodeType, setActiveNodeId } = useActiveNodeStore();
     const onClickNode = (_, object) => {
-        const { data: { id, type }, } = object;
-        switch (type) {
+        const { id: nodeId, type: nodeType, data: { id: entityId, type: entityType }, } = object;
+        setActiveNodeType(nodeType);
+        setActiveNodeId(nodeId);
+        switch (entityType) {
             case EntityTypes.Source:
             case EntityTypes.Destination:
             case EntityTypes.Action:
             case EntityTypes.InstrumentationRule:
-                setDrawerType(type);
-                setDrawerEntityId(id);
+                setDrawerType(entityType);
+                setDrawerEntityId(entityId);
                 break;
             case AddNodeTypes.AddSource:
                 setCurrentModal(EntityTypes.Source);
@@ -273,6 +276,35 @@ const useOnClickOutside = (ref, handler) => {
     }, [ref, handler]);
 };
 
+const usePopup = ({ defaultClientHeight = 0, defaultClientwidth = 0, onClickOutside } = {}) => {
+    const popupRef = useRef(null);
+    const [popupOpen, setPopupOpen] = useState(false);
+    const [popupPosition, setPopupPosition] = useState({ top: 0, left: 0 });
+    useOnClickOutside(popupRef, () => {
+        if (popupOpen) {
+            setPopupOpen(false);
+            onClickOutside?.();
+        }
+    });
+    const handlePosition = (clientX, clientY) => {
+        const { innerWidth, innerHeight } = window;
+        let top = clientY;
+        let left = clientX;
+        if (top >= innerHeight / 2)
+            top += -(popupRef.current?.clientHeight || defaultClientHeight);
+        if (left >= innerWidth / 2)
+            left += -(popupRef.current?.clientWidth || defaultClientwidth);
+        setPopupPosition({ top, left });
+    };
+    return {
+        popupRef,
+        popupOpen,
+        setPopupOpen,
+        popupPosition,
+        handlePosition,
+    };
+};
+
 // Fallback locale.
 // (when not a single one of the supplied "preferred" locales is available)
 var defaultLocale$1 = 'en'; // For all locales added
@@ -3535,4 +3567,4 @@ const useTransition = ({ container, animateIn, animateOut, duration = 300 }) =>
     return Transition;
 };
 
-export { useContainerSize as a, useCopy as b, useGenericForm as c, useInstrumentationRuleFormData as d, useKeyDown as e, useOnClickOutside as f, useTimeAgo as g, useTransition as h, useClickNode as u };
+export { useContainerSize as a, useCopy as b, useGenericForm as c, useInstrumentationRuleFormData as d, useKeyDown as e, useOnClickOutside as f, usePopup as g, useTimeAgo as h, useTransition as i, useClickNode as u };

package/package.json

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

package/lib/containers/data-flow-actions-menu/search/recent-searches/index.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const RecentSearches: () => React.JSX.Element;