@odigos/ui-kit 0.0.74 → 0.0.76

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [0.0.76](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.75...ui-kit-v0.0.76) (2025-08-06)
+
+
+### Features
+
+* limit source-drawer tabs ([#296](https://github.com/odigos-io/ui-kit/issues/296)) ([7526675](https://github.com/odigos-io/ui-kit/commit/7526675c8de778ecc7e98a3881e9cd185b988077))
+
+## [0.0.75](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.74...ui-kit-v0.0.75) (2025-08-06)
+
+
+### Bug Fixes
+
+* crash when opening libraries in source drawer ([#294](https://github.com/odigos-io/ui-kit/issues/294)) ([f24fc55](https://github.com/odigos-io/ui-kit/commit/f24fc5572fdda0fbdf6e16049ef18f4249c7ca63))
+
 ## [0.0.74](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.73...ui-kit-v0.0.74) (2025-08-06)
 
 

package/lib/containers.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, Fragment, useCallback, Children } from 'react';
 import styled, { css } from 'styled-components';
 import { b as DISPLAY_TITLES, T as Theme, U as usePendingStore, V as useNotificationStore, O as useDrawerStore, B as BUTTON_TEXTS, W as useEntityStore, A as ACTION_OPTIONS, g as getActionIcon, z as useModalStore, F as FORM_ALERTS, X as useFilterStore, D as DISPLAY_LANGUAGES, M as MONITORS_OPTIONS, d as getInstrumentationRuleIcon, Y as useDataStreamStore, Z as useInstrumentStore, c as getEntityId, S as STORAGE_KEYS, a as DEFAULT_DATA_STREAM_NAME, _ as useSetupStore, e as getProgrammingLanguageIcon, I as INSTRUMENTATION_RULE_OPTIONS, $ as useSelectedStore, j as ImageErrorIcon, a0 as useDarkMode } from './index-fdf3a268.js';
-import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, EdgeTypes, AddNodeTypes, SignalType, HeadersCollectionKeyTypes, CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType, MountMethod, AgentEnvVarsInjectionMethod, Profile, InstallationMethod } from './types.js';
+import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, EdgeTypes, AddNodeTypes, SignalType, HeadersCollectionKeyTypes, CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType, K8sResourceKind, ProgrammingLanguages, MountMethod, AgentEnvVarsInjectionMethod, Profile, InstallationMethod } from './types.js';
 import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, K as KeyValueInputsList, w as InputList, _ as Text, R as Segment, Q as SectionTitle, j as DocsButton, z as MonitorsCheckboxes, $ as TextArea, k as Drawer, c as ConditionDetails, D as DataCard, a5 as FlexColumn, M as Modal, N as NavigationButtons, a9 as ModalBody, L as NotificationNote, A as AutocompleteInput, i as Divider, W as Status, a4 as FlexRow, a1 as Tooltip, s as IconWrapped, G as MonitorsIcons, aa as TableContainer, ab as TableTitleWrap, r as IconTitleBadge, ac as TableWrap, y as InteractiveTable, a6 as CenterThis, J as NoDataFound, a2 as TraceLoader, a as Badge, E as ExtendArrow, a7 as VerticalScroll, U as SelectionButton, B as Button, n as Dropdown, ad as nodeConfig, ae as useNodesState, af as useEdgesState, ag as Flow, ah as applyNodeChanges, P as Popup, a0 as Toggle, I as IconButton, ai as AddButton, F as FadeLoader, g as DataTab, X as Stepper, d as DataCardFields, Z as Tag, aj as MarkerType, t as IconsNav, ak as CopyText, h as DescribeRow, al as PodContainer, am as SourceContainer, q as IconGroup, O as PopupForm } from './index-a1b59a38.js';
 import { i as isEmpty, s as safeJsonParse, d as deepClone } from './index-5e5f7bda.js';
 import { C as CheckCircledIcon, O as OdigosLogo } from './index-1d5c06a0.js';
@@ -4301,7 +4301,7 @@ const Libraries = ({ source, fetchSourceLibraries }) => {
             },
         }).then(({ data }) => {
             if (data?.instrumentationInstanceComponents) {
-                setLibraries(data.instrumentationInstanceComponents.sort((a, b) => a.name.localeCompare(b.name)));
+                setLibraries(deepClone(data.instrumentationInstanceComponents).sort((a, b) => a.name.localeCompare(b.name)));
             }
             else {
                 setFailed(true);
@@ -4339,6 +4339,8 @@ var Tabs;
     Tabs["Pods"] = "Pods";
     Tabs["Libraries"] = "Libraries";
 })(Tabs || (Tabs = {}));
+const SUPPORTED_KINDS_FOR_DESCRIBE = [K8sResourceKind.Deployment, K8sResourceKind.StatefulSet, K8sResourceKind.DaemonSet];
+const SUPPORTED_LANGUAGES_FOR_LIBRARIES = [ProgrammingLanguages.Python];
 const FormContainer = styled.div `
   width: 100%;
   height: 100%;
@@ -4386,6 +4388,30 @@ const SourceDrawer = ({ persistSources, updateSource, restartWorkloads, fetchSou
             containers: thisItem?.containers || [],
         };
     }, [thisItem]);
+    const tabs = useMemo(() => {
+        const arr = [
+            {
+                label: Tabs.Overview,
+                onClick: () => setSelectedTab(Tabs.Overview),
+                selected: selectedTab === Tabs.Overview,
+            },
+        ];
+        if (SUPPORTED_KINDS_FOR_DESCRIBE.includes(thisItem?.kind)) {
+            arr.push({
+                label: Tabs.Pods,
+                onClick: () => setSelectedTab(Tabs.Pods),
+                selected: selectedTab === Tabs.Pods,
+            });
+        }
+        if (thisItem?.containers?.some(({ language }) => SUPPORTED_LANGUAGES_FOR_LIBRARIES.includes(language))) {
+            arr.push({
+                label: Tabs.Libraries,
+                onClick: () => setSelectedTab(Tabs.Libraries),
+                selected: selectedTab === Tabs.Libraries,
+            });
+        }
+        return arr;
+    }, [selectedTab, thisItem]);
     if (!thisItem)
         return null;
     const handleEdit = (bool) => {
@@ -4412,23 +4438,7 @@ const SourceDrawer = ({ persistSources, updateSource, restartWorkloads, fetchSou
         setIsFormDirty(false);
         setIsEditing(false);
     };
-    return (React.createElement(OverviewDrawer, { ref: drawerRef, title: thisItem.otelServiceName || thisItem.name, titleTooltip: 'This attribute is used to identify the name of the service (service.name) that is generating telemetry data.', hideEditTitleFromEdit: true, icons: getContainersIcons(thisItem.containers), isEdit: isEditing, isFormDirty: isFormDirty, onEdit: selectedTab === Tabs.Overview ? handleEdit : undefined, onSave: handleSave, onDelete: selectedTab === Tabs.Overview ? handleDelete : undefined, onCancel: handleCancel, isLastItem: sourcesByStream.length === 1, tabs: [
-            {
-                label: Tabs.Overview,
-                onClick: () => setSelectedTab(Tabs.Overview),
-                selected: selectedTab === Tabs.Overview,
-            },
-            {
-                label: Tabs.Pods,
-                onClick: () => setSelectedTab(Tabs.Pods),
-                selected: selectedTab === Tabs.Pods,
-            },
-            {
-                label: Tabs.Libraries,
-                onClick: () => setSelectedTab(Tabs.Libraries),
-                selected: selectedTab === Tabs.Libraries,
-            },
-        ], headerActionButtons: [
+    return (React.createElement(OverviewDrawer, { ref: drawerRef, title: thisItem.otelServiceName || thisItem.name, titleTooltip: 'This attribute is used to identify the name of the service (service.name) that is generating telemetry data.', hideEditTitleFromEdit: true, icons: getContainersIcons(thisItem.containers), isEdit: isEditing, isFormDirty: isFormDirty, onEdit: selectedTab === Tabs.Overview ? handleEdit : undefined, onSave: handleSave, onDelete: selectedTab === Tabs.Overview ? handleDelete : undefined, onCancel: handleCancel, isLastItem: sourcesByStream.length === 1, tabs: tabs, headerActionButtons: [
             {
                 'data-id': 'rollout-restart',
                 variant: 'tertiary',

package/package.json

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