@odigos/ui-kit 0.0.39 → 0.0.41

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [0.0.41](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.40...ui-kit-v0.0.41) (2025-06-15)
+
+
+### Bug Fixes
+
+* add parseBooleanFromString function and integrate into Source Describe ([#176](https://github.com/odigos-io/ui-kit/issues/176)) ([7652a17](https://github.com/odigos-io/ui-kit/commit/7652a17ce8e9947511323bf58f8b5969eb69b9dc))
+
+## [0.0.40](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.39...ui-kit-v0.0.40) (2025-06-15)
+
+
+### Features
+
+* add fields to Describe Source ([#174](https://github.com/odigos-io/ui-kit/issues/174)) ([ae72399](https://github.com/odigos-io/ui-kit/commit/ae7239975090f9e666c6ea196d1e3b8dbd6ee772))
+
 ## [0.0.39](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.38...ui-kit-v0.0.39) (2025-06-15)
 
 

package/lib/components/data-tab/index.d.ts

@@ -14,6 +14,7 @@ interface VisualProps {
     bgColorHover?: CSSProperties['backgroundColor'];
     monitors?: SignalType[];
     monitorsWithLabels?: boolean;
+    componentsUnderTitles?: ReactNode[];
 }
 interface CheckboxProps {
     withCheckbox?: boolean;

package/lib/components.js

@@ -1,11 +1,11 @@
-import { B as Button } from './index-1BlMhN86.js';
-export { a as AutocompleteInput, b as Badge, a1 as CenterThis, C as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, e as DataCardFields, g as DataTab, h as Divider, i as DocsButton, j as Drawer, l as DrawerFooter, k as DrawerHeader, m as Dropdown, E as ExtendArrow, F as FadeLoader, n as FieldError, o as FieldLabel, a0 as FlexColumn, $ as FlexRow, H as Header, I as IconButton, p as IconGroup, q as IconTitleBadge, r as IconWrapped, s as IconsNav, t as ImageControlled, u as Input, v as InputList, w as InputTable, x as InteractiveTable, K as KeyValueInputsList, M as Modal, a4 as ModalBody, y as MonitorsCheckboxes, z as MonitorsIcons, N as NavigationButtons, G as NoDataFound, J as NotificationNote, a3 as Overlay, S as ScrollX, L as SectionTitle, O as Segment, P as SelectionButton, Q as SkeletonLoader, R as Status, U as Stepper, a5 as TableContainer, a6 as TableTitleWrap, a7 as TableWrap, V as Text, W as TextArea, X as Toggle, T as ToggleCodeComponent, Y as Tooltip, Z as TraceLoader, a2 as VerticalScroll, _ as WarningModal } from './index-1BlMhN86.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-B2poxiOR.js';
+import { B as Button } from './index-C-84NaCL.js';
+export { a as AutocompleteInput, b as Badge, a1 as CenterThis, C as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, e as DataCardFields, g as DataTab, h as Divider, i as DocsButton, j as Drawer, l as DrawerFooter, k as DrawerHeader, m as Dropdown, E as ExtendArrow, F as FadeLoader, n as FieldError, o as FieldLabel, a0 as FlexColumn, $ as FlexRow, H as Header, I as IconButton, p as IconGroup, q as IconTitleBadge, r as IconWrapped, s as IconsNav, t as ImageControlled, u as Input, v as InputList, w as InputTable, x as InteractiveTable, K as KeyValueInputsList, M as Modal, a4 as ModalBody, y as MonitorsCheckboxes, z as MonitorsIcons, N as NavigationButtons, G as NoDataFound, J as NotificationNote, a3 as Overlay, S as ScrollX, L as SectionTitle, O as Segment, P as SelectionButton, Q as SkeletonLoader, R as Status, U as Stepper, a5 as TableContainer, a6 as TableTitleWrap, a7 as TableWrap, V as Text, W as TextArea, X as Toggle, T as ToggleCodeComponent, Y as Tooltip, Z as TraceLoader, a2 as VerticalScroll, _ as WarningModal } from './index-C-84NaCL.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-DLH1IvyS.js';
 import React, { Component, createElement, createContext } from 'react';
 import { T as Theme } from './index-BdZq2vdJ.js';
 import './types.js';
 import './index-Cau7bWmr.js';
-import './index-DnKXoQhy.js';
+import './index-B1h5g0Hl.js';
 import 'styled-components';
 import './index-BeVb1H9n.js';
 import './index-BV85P9UP.js';

package/lib/containers.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, us
 import styled, { css } from 'styled-components';
 import { k as DISPLAY_TITLES, T as Theme, h as usePendingStore, g as useNotificationStore, b as useDrawerStore, B as BUTTON_TEXTS, c as useEntityStore, A as ACTION_OPTIONS, l as getActionIcon, f as useModalStore, F as FORM_ALERTS, d as useFilterStore, M as MONITORS_OPTIONS, t as styleInject, i as useSelectedStore, e as useInstrumentStore, n as getInstrumentationRuleIcon, a as useDataStreamStore, m as getEntityId, S as STORAGE_KEYS, j as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, u as useDarkMode } from './index-BdZq2vdJ.js';
 import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, AddNodeTypes, EdgeTypes, SignalType, HeadersCollectionKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType } from './types.js';
-import { f as DataCardFieldTypes, o as FieldLabel, C as Checkbox, n as FieldError, u as Input, w as InputTable, K as KeyValueInputsList, v as InputList, V as Text, O as Segment, L as SectionTitle, i as DocsButton, y as MonitorsCheckboxes, W as TextArea, j as Drawer, d as ConditionDetails, D as DataCard, a0 as FlexColumn, M as Modal, N as NavigationButtons, a4 as ModalBody, J as NotificationNote, a as AutocompleteInput, h as Divider, R as Status, $ as FlexRow, Y as Tooltip, r as IconWrapped, z as MonitorsIcons, a5 as TableContainer, a6 as TableTitleWrap, q as IconTitleBadge, a7 as TableWrap, x as InteractiveTable, a1 as CenterThis, G as NoDataFound, Z as TraceLoader, b as Badge, E as ExtendArrow, a2 as VerticalScroll, P as SelectionButton, B as Button, m as Dropdown, a8 as getDefaultExportFromCjs, F as FadeLoader, g as DataTab, Q as SkeletonLoader, X as Toggle, A as AddButton$1, U as Stepper, I as IconButton, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-1BlMhN86.js';
+import { f as DataCardFieldTypes, o as FieldLabel, C as Checkbox, n as FieldError, u as Input, w as InputTable, K as KeyValueInputsList, v as InputList, V as Text, O as Segment, L as SectionTitle, i as DocsButton, y as MonitorsCheckboxes, W as TextArea, j as Drawer, d as ConditionDetails, D as DataCard, a0 as FlexColumn, M as Modal, N as NavigationButtons, a4 as ModalBody, J as NotificationNote, a as AutocompleteInput, h as Divider, R as Status, $ as FlexRow, Y as Tooltip, r as IconWrapped, z as MonitorsIcons, a5 as TableContainer, a6 as TableTitleWrap, q as IconTitleBadge, a7 as TableWrap, x as InteractiveTable, a1 as CenterThis, G as NoDataFound, Z as TraceLoader, b as Badge, E as ExtendArrow, a2 as VerticalScroll, P as SelectionButton, B as Button, m as Dropdown, a8 as getDefaultExportFromCjs, F as FadeLoader, g as DataTab, Q as SkeletonLoader, X as Toggle, A as AddButton$1, U as Stepper, I as IconButton, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-C-84NaCL.js';
 import { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
 import { i as CheckCircledIcon, O as OdigosLogo } from './index-BeVb1H9n.js';
 import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, R as RetryIcon, N as NotificationIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-zXCdgpRU.js';
@@ -10,12 +10,12 @@ import { u as useActionFormData, a as useClickNode, e as useSessionStorage, c as
 import { d as useKeyDown, e as useOnClickOutside, u as useContainerSize, c as useInstrumentationRuleFormData, g as useTransition, f as useTimeAgo, a as useCopy } from './useTransition-BumZECD3.js';
 import { E as EditIcon } from './index-CDHYBh8C.js';
 import { T as TrashIcon, S as SearchIcon, P as PlusIcon$1, f as CheckIcon, A as ArrowIcon, a as CopyIcon, g as CrossIcon } from './index-Cau7bWmr.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-B2poxiOR.js';
-import { m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-DnKXoQhy.js';
-import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, w as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, v as mapDestinationFieldsForDisplay, c as compareCondition, t as getYamlFieldsForDestination, d as deepClone, o as getMetricForEntity, s as getWorkloadId, j as getContainersInstrumentedCount, u as isOverTime } from './index-Quqq11nF.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-DLH1IvyS.js';
+import { m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-B1h5g0Hl.js';
+import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, w as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, v as mapDestinationFieldsForDisplay, c as compareCondition, t as getYamlFieldsForDestination, d as deepClone, o as getMetricForEntity, s as getWorkloadId, j as getContainersInstrumentedCount, u as isOverTime } from './index-BrriZrlp.js';
 import { createPortal } from 'react-dom';
 import { m as mapExportedSignals } from './index-BlZKWuxe.js';
-import { N as NoteBackToSummary, E as EditButton } from './index-0AME5hOa.js';
+import { N as NoteBackToSummary, E as EditButton } from './index-Cph4pNkb.js';
 import { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
 import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-CBgnxpkW.js';
 
@@ -16034,60 +16034,96 @@ const Describe$1 = ({ source, fetchDescribeSource }) => {
             React.createElement(FadeLoader, null)));
     }
     return (React.createElement(FlexColumn, { "$gap": 12 }, !describe.pods?.length ? (React.createElement(CenterThis, null,
-        React.createElement(NoDataFound, { subTitle: 'Check if you have any running pods and try again' }))) : (describe.pods.map(({ podName, nodeName, phase, containers }) => {
+        React.createElement(NoDataFound, { subTitle: 'Check if you have any running pods and try again' }))) : (describe.pods.map(({ podName, nodeName, phase, agentInjected, runningLatestWorkloadRevision, containers }) => {
         const podHasErrors = phase.status !== StatusType.Success ||
             containers.findIndex(({ instrumentationInstances }) => instrumentationInstances.findIndex(({ healthy }) => healthy.status !== StatusType.Success) !== -1) !== -1;
         const podStatus = podHasErrors ? StatusType.Error : StatusType.Success;
         const divider = { type: DataCardFieldTypes.Divider };
-        return (React.createElement(DataCard, { key: `pod-${podName.value}`, title: `Pod: ${podName.value}`, withExtend: true, action: () => React.createElement(Status, { status: podStatus, title: podStatus, withIcon: true, withBorder: true }), data: [
-                {
-                    type: DataCardFieldTypes.CopyText,
-                    value: `kubectl get pod ${podName.value} -n ${describe?.namespace?.value || source.namespace}`,
+        const data = [];
+        data.push({
+            type: DataCardFieldTypes.CopyText,
+            value: `kubectl get pod ${podName.value} -n ${describe?.namespace?.value || source.namespace}`,
+        });
+        data.push(divider);
+        data.push({
+            type: DataCardFieldTypes.DescribeRow,
+            value: JSON.stringify({
+                title: nodeName.name,
+                tooltip: nodeName.explain,
+                value: {
+                    text: nodeName.value,
+                    status: undefined,
                 },
-                divider,
-                {
-                    type: DataCardFieldTypes.DescribeRow,
-                    value: JSON.stringify({
-                        title: nodeName.name,
-                        tooltip: nodeName.explain,
-                        value: {
-                            text: nodeName.value,
-                            status: undefined,
-                        },
-                    }),
+            }),
+        });
+        data.push(divider);
+        data.push({
+            type: DataCardFieldTypes.DescribeRow,
+            value: JSON.stringify({
+                title: phase.name,
+                tooltip: phase.explain,
+                value: {
+                    text: phase.value,
+                    status: phase.status,
                 },
-                divider,
-                {
-                    type: DataCardFieldTypes.DescribeRow,
-                    value: JSON.stringify({
-                        title: phase.name,
-                        tooltip: phase.explain,
-                        value: {
-                            text: phase.value,
-                            status: phase.status,
-                        },
-                    }),
+            }),
+        });
+        data.push(divider);
+        data.push({
+            type: DataCardFieldTypes.DescribeRow,
+            value: JSON.stringify({
+                title: agentInjected.name,
+                tooltip: agentInjected.explain,
+                value: {
+                    text: agentInjected.value,
+                    status: agentInjected.status,
                 },
-                divider,
-                ...containers.map((container) => {
-                    return {
-                        type: DataCardFieldTypes.PodContainer,
-                        value: JSON.stringify({
-                            containerName: container.containerName.value,
-                            actualDevice: {
-                                title: container.actualDevices.name,
-                                subTitle: container.actualDevices.value,
-                                tooltip: container.actualDevices.explain,
-                            },
-                            processes: container.instrumentationInstances.map((instance) => ({
-                                health: instance.healthy.status,
-                                message: instance.message?.value || '',
-                                identifyingAttributes: instance.identifyingAttributes || [],
-                            })),
-                        }),
-                    };
+            }),
+        });
+        data.push(divider);
+        if (runningLatestWorkloadRevision?.name) {
+            data.push({
+                type: DataCardFieldTypes.DescribeRow,
+                value: JSON.stringify({
+                    title: runningLatestWorkloadRevision?.name || '',
+                    tooltip: runningLatestWorkloadRevision?.explain || '',
+                    value: {
+                        text: runningLatestWorkloadRevision?.value || '',
+                        status: runningLatestWorkloadRevision?.status || '',
+                    },
                 }),
-            ] }));
+            });
+            data.push(divider);
+        }
+        data.push(...containers.map((container) => {
+            return {
+                type: DataCardFieldTypes.PodContainer,
+                value: JSON.stringify({
+                    containerName: container.containerName.value,
+                    actualDevice: {
+                        title: container.actualDevices.name,
+                        subTitle: container.actualDevices.value,
+                        tooltip: container.actualDevices.explain,
+                    },
+                    started: {
+                        title: container.started?.name || '',
+                        subTitle: container.started?.value || '',
+                        tooltip: container.started?.explain || '',
+                    },
+                    ready: {
+                        title: container.ready?.name || '',
+                        subTitle: container.ready?.value || '',
+                        tooltip: container.ready?.explain || '',
+                    },
+                    processes: container.instrumentationInstances.map((instance) => ({
+                        health: instance.healthy.status,
+                        message: instance.message?.value || '',
+                        identifyingAttributes: instance.identifyingAttributes || [],
+                    })),
+                }),
+            };
+        }));
+        return React.createElement(DataCard, { key: `pod-${podName.value}`, title: `Pod: ${podName.value}`, withExtend: true, action: () => React.createElement(Status, { status: podStatus, title: podStatus, withIcon: true, withBorder: true }), data: data });
     }))));
 };
 

package/lib/functions/index.d.ts

@@ -37,6 +37,7 @@ export * from './map-conditions';
 export * from './map-destination-fields-for-display';
 export * from './map-exported-signals';
 export * from './numbers-only';
+export * from './parse-boolean-from-string';
 export * from './parse-json-string-to-pretty-string';
 export * from './remove-empty-values-from-object';
 export * from './safe-json-parse';

package/lib/functions/parse-boolean-from-string/index.d.ts

@@ -0,0 +1 @@
+export declare const parseBooleanFromString: (value: boolean | string | number) => boolean;

package/lib/functions.js

@@ -1,5 +1,5 @@
-export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getProgrammingLanguageIcon, b as getStatusIcon, m as mapConditions, n as numbersOnly, p as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-DnKXoQhy.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, i as getConditionsBooleans, k as getContainersIcons, j as getContainersInstrumentedCount, l as getDestinationIcon, m as getEntityIcon, n as getEntityLabel, o as getMetricForEntity, p as getPlatformIcon, q as getPlatformLabel, r as getValueForRange, s as getWorkloadId, t as getYamlFieldsForDestination, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index-Quqq11nF.js';
+export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getProgrammingLanguageIcon, b as getStatusIcon, m as mapConditions, n as numbersOnly, p as parseBooleanFromString, d as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, e as splitCamelString } from './index-B1h5g0Hl.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, i as getConditionsBooleans, k as getContainersIcons, j as getContainersInstrumentedCount, l as getDestinationIcon, m as getEntityIcon, n as getEntityLabel, o as getMetricForEntity, p as getPlatformIcon, q as getPlatformLabel, r as getValueForRange, s as getWorkloadId, t as getYamlFieldsForDestination, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index-BrriZrlp.js';
 export { l as getActionIcon, m as getEntityId, n as getInstrumentationRuleIcon } from './index-BdZq2vdJ.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 import { EntityTypes } from './types.js';

package/lib/{index-DnKXoQhy.js → index-B1h5g0Hl.js}

@@ -142,6 +142,19 @@ const numbersOnly = (value) => {
     return cleaned;
 };
 
+const parseBooleanFromString = (value) => {
+    const normalizedValue = String(value).trim().toLowerCase();
+    if (normalizedValue === 'true' || normalizedValue === '1') {
+        return true;
+    }
+    else if (normalizedValue === 'false' || normalizedValue === '0') {
+        return false;
+    }
+    else {
+        throw new Error(`Cannot parse boolean from string: "${value}"`);
+    }
+};
+
 const parseJsonStringToPrettyString = (value) => {
     let str = '';
     try {
@@ -204,4 +217,4 @@ const safeJsonStringify = (obj, indent = 2) => {
     return JSON.stringify(obj || {}, null, indent);
 };
 
-export { getProgrammingLanguageIcon as a, getStatusIcon as b, capitalizeFirstLetter as c, splitCamelString as d, flattenObjectKeys as f, getMonitorIcon as g, mapConditions as m, numbersOnly as n, parseJsonStringToPrettyString as p, removeEmptyValuesFromObject as r, safeJsonStringify as s };
+export { getProgrammingLanguageIcon as a, getStatusIcon as b, capitalizeFirstLetter as c, parseJsonStringToPrettyString as d, splitCamelString as e, flattenObjectKeys as f, getMonitorIcon as g, mapConditions as m, numbersOnly as n, parseBooleanFromString as p, removeEmptyValuesFromObject as r, safeJsonStringify as s };

package/lib/{index-Quqq11nF.js → index-BrriZrlp.js}

@@ -1,6 +1,6 @@
 import { StatusType, OtherStatus, DestinationTypes, EntityTypes, PlatformType } from './types.js';
 import { D as DEFAULT_DATA_STREAM_NAME, K as K8sLogo } from './index-BdZq2vdJ.js';
-import { a as getProgrammingLanguageIcon } from './index-DnKXoQhy.js';
+import { a as getProgrammingLanguageIcon } from './index-B1h5g0Hl.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-CBgnxpkW.js';

package/lib/{index-1BlMhN86.js → index-C-84NaCL.js}

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef, forwardRef, createElement, useCallb
 import { T as Theme, o as ImageErrorIcon, M as MONITORS_OPTIONS, B as BUTTON_TEXTS } from './index-BdZq2vdJ.js';
 import { StatusType, OtherStatus, SortDirection, ProgrammingLanguages, IntrumentationStatus, InputTypes, FieldTypes } from './types.js';
 import { M as MinusIcon, f as CheckIcon, L as ListIcon, C as CodeIcon, E as ExtendArrowIcon, c as SortArrowsIcon, a as CopyIcon, b as NotebookIcon, X as XIcon, d as EyeClosedIcon, e as EyeOpenIcon, N as NoDataIcon, g as CrossIcon, S as SearchIcon, P as PlusIcon, T as TrashIcon, A as ArrowIcon } from './index-Cau7bWmr.js';
-import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, p as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, d as splitCamelString, n as numbersOnly } from './index-DnKXoQhy.js';
+import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, d as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, e as splitCamelString, p as parseBooleanFromString, n as numbersOnly } from './index-B1h5g0Hl.js';
 import styled, { css } from 'styled-components';
 import { s as safeJsonParse, i as isEmpty } from './index-BV85P9UP.js';
 import { u as useContainerSize, a as useCopy, g as useTransition, d as useKeyDown, e as useOnClickOutside } from './useTransition-BumZECD3.js';
@@ -3988,7 +3988,7 @@ const Row = styled.div `
   align-items: center;
   gap: 12px;
 `;
-const TextNoWrap = styled(Text) `
+const TextNoWrap$1 = styled(Text) `
   white-space: nowrap;
 `;
 const IconWrap$1 = styled(FlexColumn) `
@@ -4038,9 +4038,9 @@ const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed'
                     React.createElement(Icon, null)),
                 React.createElement(FlexRow, { "$gap": 12, style: { width: '100%', justifyContent: 'space-between' } },
                     React.createElement(Text, { color: color, size: 12 },
-                        React.createElement(TextNoWrap, { color: boldColor, size: 12, weight: 700 }, type),
+                        React.createElement(TextNoWrap$1, { color: boldColor, size: 12, weight: 700 }, type),
                         message || reason),
-                    React.createElement(TextNoWrap, { color: color, size: 12 }, new Date(lastTransitionTime).toLocaleString()))));
+                    React.createElement(TextNoWrap$1, { color: color, size: 12 }, new Date(lastTransitionTime).toLocaleString()))));
         })))));
 };
 
@@ -4072,6 +4072,9 @@ const TextWrapper$1 = styled.div `
   display: flex;
   align-items: center;
 `;
+const TextNoWrap = styled(Text) `
+  text-wrap: nowrap;
+`;
 const Status = ({ title, subtitle, size = 12, family = 'secondary', status = StatusType.Default, withIcon, withBorder, withBackground }) => {
     const theme = Theme.useTheme();
     const statusType = status === OtherStatus.Loading ? StatusType.Info : status;
@@ -4080,9 +4083,9 @@ const Status = ({ title, subtitle, size = 12, family = 'secondary', status = Sta
         withIcon && (React.createElement(IconWrapper$4, null,
             React.createElement(StatusIcon, null))),
         (!!title || !!subtitle) && (React.createElement(TextWrapper$1, null,
-            !!title && (React.createElement(Text, { size: size, family: family, color: theme.text[statusType] }, title)),
+            !!title && (React.createElement(TextNoWrap, { size: size, family: family, color: theme.text[statusType] }, title)),
             !!title && !!subtitle && React.createElement(Divider, { orientation: 'vertical', length: `${size - 2}px`, type: statusType }),
-            !!subtitle && (React.createElement(Text, { size: size - 2, family: family, color: theme.text[`${statusType}_secondary`] }, subtitle))))));
+            !!subtitle && (React.createElement(TextNoWrap, { size: size - 2, family: family, color: theme.text[`${statusType}_secondary`] }, subtitle))))));
 };
 
 const LimitedText = styled(Text) `
@@ -4303,7 +4306,7 @@ const SubText = styled(Text) `
   font-size: 10px;
   color: ${({ theme }) => theme.text.grey};
 `;
-const DataTab = ({ title, subTitle, hoverText, onClick, renderActions, iconProps: { icon, icons, iconSrc, iconSrcs } = {}, visualProps: { status, faded, bgColor, bgColorHover, monitors, monitorsWithLabels } = {}, checkboxProps: { withCheckbox, isCheckboxDisabled, isChecked, onCheckboxChange } = {}, extendableProps: { withExtend, isExtended, renderExtended } = {}, ...props }) => {
+const DataTab = ({ title, subTitle, hoverText, onClick, renderActions, iconProps: { icon, icons, iconSrc, iconSrcs } = {}, visualProps: { status, faded, bgColor, bgColorHover, monitors, monitorsWithLabels, componentsUnderTitles } = {}, checkboxProps: { withCheckbox, isCheckboxDisabled, isChecked, onCheckboxChange } = {}, extendableProps: { withExtend, isExtended, renderExtended } = {}, ...props }) => {
     const theme = Theme.useTheme();
     const [extend, setExtend] = useState(isExtended || false);
     const [textMaxWidth, setTextMaxWidth] = useState(0);
@@ -4332,7 +4335,8 @@ const DataTab = ({ title, subTitle, hoverText, onClick, renderActions, iconProps
                     subTitle && React.createElement(ScrollX, { maxWidth: textMaxWidth - (monitorsRef.current?.clientWidth || 0), text: subTitle, textSize: 10, textColor: theme.text.grey }),
                     monitors && monitors.length > 0 && (React.createElement(FlexRow, { "$gap": 4, ref: monitorsRef },
                         subTitle && React.createElement(SubText, null, "\u2022"),
-                        React.createElement(MonitorsIcons, { monitors: monitors, withLabels: monitorsWithLabels, size: 10 }))))),
+                        React.createElement(MonitorsIcons, { monitors: monitors, withLabels: monitorsWithLabels, size: 10 })))),
+                componentsUnderTitles && (React.createElement(FlexRow, { "$gap": 4 }, componentsUnderTitles?.map((component, i) => (React.createElement(Fragment, { key: `componentsUnderTitles-${i}` }, component)))))),
             React.createElement(ActionsWrapper, { ref: actionsRef },
                 !!hoverText && (React.createElement(ControlledVisibility, null,
                     React.createElement(HoverText, { size: 14, family: 'secondary' }, hoverText))),
@@ -4638,12 +4642,23 @@ const RenderValue = ({ type, value }) => {
                 React.createElement("pre", null, str)));
         }
         case DataCardFieldTypes.PodContainer: {
-            const { containerName, actualDevice, processes } = safeJsonParse(value, {
+            const { containerName, actualDevice, started, ready, processes } = safeJsonParse(value, {
                 containerName: '',
                 actualDevice: { title: '', subTitle: '', tooltip: '' },
+                started: { title: '', subTitle: '', tooltip: '' },
+                ready: { title: '', subTitle: '', tooltip: '' },
                 processes: [{ health: StatusType.Info, message: '', identifyingAttributes: [] }],
             });
-            return (React.createElement(DataTab, { title: containerName, subTitle: processes.length ? `${processes.length} Instrumented Processes` : undefined, renderActions: () => {
+            const componentsUnderTitles = [];
+            if (started?.title) {
+                componentsUnderTitles.push(React.createElement(Status, { status: parseBooleanFromString(started.subTitle) ? StatusType.Success : StatusType.Error, title: started.title, withIcon: true, withBorder: true, size: 8 }));
+            }
+            if (ready?.title) {
+                componentsUnderTitles.push(React.createElement(Status, { status: parseBooleanFromString(ready.subTitle) ? StatusType.Success : StatusType.Error, title: ready.title, withIcon: true, withBorder: true, size: 8 }));
+            }
+            return (React.createElement(DataTab, { title: containerName, subTitle: processes.length ? `${processes.length} Instrumented Processes` : undefined, visualProps: {
+                    componentsUnderTitles: componentsUnderTitles.length ? componentsUnderTitles : undefined,
+                }, renderActions: () => {
                     return React.createElement(Status, { status: StatusType.Info, title: 'Instrumentation Device', subtitle: !actualDevice.subTitle || actualDevice.subTitle === '[]' ? 'none' : actualDevice.subTitle, withBorder: true });
                 }, extendableProps: {
                     isExtended: !!processes.length,

package/lib/{index-0AME5hOa.js → index-Cph4pNkb.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { T as Theme, B as BUTTON_TEXTS, k as DISPLAY_TITLES } from './index-BdZq2vdJ.js';
 import { E as EditIcon } from './index-CDHYBh8C.js';
-import { B as Button, V as Text, J as NotificationNote } from './index-1BlMhN86.js';
+import { B as Button, V as Text, J as NotificationNote } from './index-C-84NaCL.js';
 import { StatusType } from './types.js';
 import 'styled-components';
 import { I as InfoIcon } from './index-BeVb1H9n.js';

package/lib/{index-B2poxiOR.js → index-DLH1IvyS.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { _ as WarningModal } from './index-1BlMhN86.js';
+import { _ as WarningModal } from './index-C-84NaCL.js';
 import { StatusType, EntityTypes } from './types.js';
 import './index-BdZq2vdJ.js';
 import 'styled-components';

package/lib/snippets.js

@@ -1,11 +1,11 @@
-export { A as AddButton } from './index-1BlMhN86.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-0AME5hOa.js';
+export { A as AddButton } from './index-C-84NaCL.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-Cph4pNkb.js';
 import 'react';
 import './index-BdZq2vdJ.js';
 import './types.js';
 import 'styled-components';
 import './index-Cau7bWmr.js';
-import './index-DnKXoQhy.js';
+import './index-B1h5g0Hl.js';
 import './index-BeVb1H9n.js';
 import './index-BV85P9UP.js';
 import './useTransition-BumZECD3.js';

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

@@ -76,12 +76,16 @@ interface InstrumentationInstanceAnalyze {
 interface PodContainerAnalyze {
     containerName: EntityProperty;
     actualDevices: EntityProperty;
+    started?: EntityProperty | null;
+    ready?: EntityProperty | null;
     instrumentationInstances: InstrumentationInstanceAnalyze[];
 }
 interface PodAnalyze {
     podName: EntityProperty;
     nodeName: EntityProperty;
     phase: EntityProperty;
+    agentInjected: EntityProperty;
+    runningLatestWorkloadRevision?: EntityProperty | null;
     containers: PodContainerAnalyze[];
 }
 export interface DescribeSource {

package/package.json

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