@odigos/ui-kit 0.0.226 → 0.0.228

package/lib/components/_v2/cards/data-card/index.d.ts

@@ -15,7 +15,8 @@ export interface DataCardProps {
     cellsPerRow?: number;
     items?: {
         id: string;
-        title: string;
+        /** Optional. When omitted/empty the small grey title row is not rendered. */
+        title?: string;
         label?: string;
         withCopy?: boolean;
         badge?: BadgeProps;

package/lib/components/_v2/charts/gauge-chart/index.d.ts

@@ -0,0 +1,18 @@
+import { type FC, type CSSProperties } from 'react';
+export declare enum GaugeChartVariant {
+    CurrentOfMax = "currentOfMax",
+    GoodAgainstBad = "goodAgainstBad"
+}
+export interface GaugeChartProps {
+    variant?: GaugeChartVariant;
+    gaugeWidth?: CSSProperties['width'];
+    min?: number | string;
+    max: number | string;
+    current: number | string;
+    title?: string;
+    primaryLabel: string;
+    primaryColor?: string;
+    secondaryLabel: string;
+    secondaryColor?: string;
+}
+export declare const GaugeChart: FC<GaugeChartProps>;

package/lib/components/_v2/charts/index.d.ts

@@ -0,0 +1 @@
+export * from './gauge-chart';

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

@@ -3,6 +3,7 @@ export * from './badge';
 export * from './button';
 export * from './button-tab';
 export * from './cards';
+export * from './charts';
 export * from './checkbox';
 export * from './cli-command';
 export * from './condition';
@@ -34,4 +35,5 @@ export * from './textarea';
 export * from './time-input';
 export * from './toggle';
 export * from './typography';
+export * from './typography-truncatable';
 export * from './warning-modal';

package/lib/components/_v2/typography/index.d.ts

@@ -1,4 +1,4 @@
-import React, { type FC, type CSSProperties } from 'react';
+import React, { type CSSProperties } from 'react';
 export declare enum TypographyVariants {
     H1 = "h1",
     H2 = "h2",
@@ -35,4 +35,4 @@ export interface TypographyProps {
     onClick?: () => void;
     disabled?: boolean;
 }
-export declare const Typography: FC<TypographyProps>;
+export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;

package/lib/components/_v2/typography-truncatable/index.d.ts

@@ -0,0 +1,21 @@
+import { type FC } from 'react';
+import { TypographyProps } from '../typography';
+/**
+ * Renders a `Typography` and, if its content overflows the available width
+ * (single-line ellipsis), reveals the full text in a `Tooltip` on hover.
+ *
+ * Implementation notes:
+ * - We ALWAYS wrap in `Tooltip` with `keepAlive` so the DOM structure is stable across
+ *   renders. Toggling between two different parent component types based on truncation
+ *   would unmount and remount `Typography`, resetting the ref/`ResizeObserver` and
+ *   risking a flicker loop when the two wrappers report different available widths.
+ *   `Tooltip` only opens the popup when `text` is non-empty (`isOpen && !!text`), so
+ *   passing an empty `text` is the no-tooltip state.
+ * - Detection runs in `useLayoutEffect` and via `ResizeObserver`, so we react to drawer
+ *   resize, collapse, and any other layout change without needing explicit invalidation.
+ */
+export interface TruncatableTypographyProps extends TypographyProps {
+    /** The full text used for the tooltip; defaults to `String(children)`. */
+    fullText?: string;
+}
+export declare const TruncatableTypography: FC<TruncatableTypographyProps>;

package/lib/components/v2.js

@@ -1 +1 @@
-export{e$ as Autocomplete,Y as Badge,n as Button,B as ButtonSize,gd as ButtonTab,ge as ButtonTabList,a as ButtonVariants,e as Checkbox,gf as CheckboxList,f1 as CheckboxSize,by as CliCommand,gg as Condition,aL as Conditions,gh as DEFAULT_TIME_UNITS,aK as DataCard,aH as Drawer,bj as DropData,bl as DropDataAlignX,bk as DropDataAlignY,al as DropDown,f as FieldMessage,d as FieldTitle,gi as Header,dV as HoverActions,af as IconButton,ag as IconButtonSize,I as Input,l as InputList,j as InputTable,bu as Island,ai as Loader,gj as Modal,gk as Navbar,N as NoData,z as Note,el as Radio,gl as RadioGroup,gm as RadioSize,dP as Search,S as SectionCard,gn as SectionCardSize,v as Segment,am as SegmentSize,c3 as SegmentVariant,bC as StatusCard,bv as Stepper,bo as Table,bp as TableVariant,aV as Tag,w as TextArea,bD as TextCard,e9 as TimeInput,T as Toggle,k as ToggleLabelAlign,go as ToggleList,aw as ToggleSize,bf as ToggleVariant,r as Typography,s as TypographySize,ax as TypographyVariants,c6 as WarningModal}from"../chunks/ui-components-B4LvruCJ.js";import"react/jsx-runtime";import"styled-components";import"../icons.js";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{e$ as Autocomplete,Y as Badge,o as Button,B as ButtonSize,gd as ButtonTab,ge as ButtonTabList,a as ButtonVariants,e as Checkbox,gf as CheckboxList,f1 as CheckboxSize,bz as CliCommand,gg as Condition,aL as Conditions,gh as DEFAULT_TIME_UNITS,D as DataCard,aI as Drawer,bj as DropData,bl as DropDataAlignX,bk as DropDataAlignY,am as DropDown,f as FieldMessage,d as FieldTitle,bC as GaugeChart,gi as GaugeChartVariant,gj as Header,dV as HoverActions,ag as IconButton,ah as IconButtonSize,I as Input,l as InputList,j as InputTable,bu as Island,aj as Loader,gk as Modal,gl as Navbar,N as NoData,z as Note,el as Radio,gm as RadioGroup,gn as RadioSize,dP as Search,aa as SectionCard,go as SectionCardSize,S as Segment,an as SegmentSize,bF as SegmentVariant,bB as StatusCard,bv as Stepper,bo as Table,bp as TableVariant,aV as Tag,w as TextArea,bD as TextCard,e9 as TimeInput,T as Toggle,k as ToggleLabelAlign,gp as ToggleList,ax as ToggleSize,bf as ToggleVariant,gq as TruncatableTypography,s as Typography,t as TypographySize,ay as TypographyVariants,c5 as WarningModal}from"../chunks/ui-components-B4xHrszQ.js";import"react/jsx-runtime";import"styled-components";import"../icons.js";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/components.js

@@ -1 +1 @@
-export{cH as AutocompleteInput,c$ as Badge,d1 as Button,cw as CancelWarning,b as CenterThis,ce as Checkbox,C as Code,cz as ConditionDetails,cA as DataCard,cc as DataCardFieldTypes,dA as DataCardFields,g1 as DataFinger,d3 as DataTab,cv as DeleteWarning,dT as DescribeRow,D as Divider,cp as DocsButton,cu as Drawer,g2 as DrawerFooter,g3 as DrawerHeader,dl as Dropdown,g4 as ErrorBoundary,dt as ExtendArrow,bx as FadeLoader,cf as FieldError,cd as FieldLabel,F as FlexColumn,m as FlexRow,g5 as Header,cl as IconButton,e1 as IconGroup,cV as IconTitleBadge,cQ as IconWrapped,dN as IconsNav,g6 as ImageControlled,cg as Input,ck as InputList,ch as InputTable,cY as InteractiveTable,cj as KeyValueInputsList,g7 as LoadingText,cE as Modal,cF as ModalBody,cq as MonitorsCheckboxes,cS as MonitorsIcons,cI as NavigationButtons,cZ as NoDataFound,cG as NotificationNote,g8 as Overlay,aJ as Padding,bn as PageContent,dh as Popup,e3 as PopupForm,e8 as ScrollX,d7 as ScrollY,co as SectionTitle,cn as Segment,dj as SelectionButton,da as SkeletonLoader,cK as Status,dz as Stepper,g9 as TabList,cT as TableContainer,cU as TableTitleWrap,cX as TableWrap,dC as Tag,cs as Text,cr as TextArea,ci as Toggle,e6 as ToggleCodeComponent,O as Tooltip,c_ as TraceLoader,bF as UpgradeRequiredWrapper,di as VerticalScroll,dE as WarningModal,ga as getLinksFromText,gb as getStrongsFromText,gc as renderText}from"./chunks/ui-components-B4LvruCJ.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{cG as AutocompleteInput,c_ as Badge,d1 as Button,cv as CancelWarning,b as CenterThis,cd as Checkbox,C as Code,cy as ConditionDetails,cz as DataCard,cb as DataCardFieldTypes,dA as DataCardFields,g1 as DataFinger,d3 as DataTab,cu as DeleteWarning,dT as DescribeRow,m as Divider,co as DocsButton,ct as Drawer,g2 as DrawerFooter,g3 as DrawerHeader,dl as Dropdown,g4 as ErrorBoundary,dt as ExtendArrow,d0 as FadeLoader,ce as FieldError,cc as FieldLabel,F as FlexColumn,n as FlexRow,g5 as Header,ck as IconButton,e1 as IconGroup,cU as IconTitleBadge,cP as IconWrapped,dN as IconsNav,g6 as ImageControlled,cf as Input,cj as InputList,cg as InputTable,cX as InteractiveTable,ci as KeyValueInputsList,g7 as LoadingText,cD as Modal,cE as ModalBody,cp as MonitorsCheckboxes,cR as MonitorsIcons,cH as NavigationButtons,cY as NoDataFound,cF as NotificationNote,g8 as Overlay,aK as Padding,bn as PageContent,dh as Popup,e3 as PopupForm,e8 as ScrollX,d7 as ScrollY,cn as SectionTitle,cm as Segment,dj as SelectionButton,da as SkeletonLoader,cJ as Status,dz as Stepper,g9 as TabList,cS as TableContainer,cT as TableTitleWrap,cW as TableWrap,dC as Tag,cr as Text,cq as TextArea,ch as Toggle,e6 as ToggleCodeComponent,O as Tooltip,cZ as TraceLoader,bE as UpgradeRequiredWrapper,di as VerticalScroll,dE as WarningModal,ga as getLinksFromText,gb as getStrongsFromText,gc as renderText}from"./chunks/ui-components-B4xHrszQ.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/constants.js

@@ -1 +1 @@
-export{ac as ACTION_ATTRIBUTE_OPTIONS,cy as ACTION_OPTIONS,ad as ACTION_SAMPLER_OPTIONS,fL as ALL_SOURCES,aX as BTN_CANCEL,b3 as BTN_CREATE_RULE,a_ as BTN_DELETE_RULE,eO as BTN_EDIT_AUTO_RULE,aZ as BTN_EDIT_RULE,bb as BTN_SAVE,aY as BTN_SAVE_RULE,aI as BUTTON_TEXTS,b0 as CATEGORY_DESCRIPTIONS,eM as CATEGORY_LABELS,b4 as CATEGORY_TITLES,fM as CREATE_COST_REDUCTION_AUTO_RULE_DRAWER_TITLE,fN as CREATE_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_TITLE,fO as CREATE_NOISY_AUTO_RULE_DRAWER_TITLE,aF as DEFAULT_CLUSTER_ID,aE as DEFAULT_CLUSTER_NAME,ds as DEFAULT_DATA_STREAM_NAME,a3 as DESC_DROP_PERCENTAGE,ef as DESC_DURATION,ee as DESC_ERRORS,a7 as DESC_KEEP_PERCENTAGE,ei as DESC_OPERATION,eZ as DESC_SOURCE_SCOPE,aj as DESTINATION_CATEGORIES,Z as DISPLAY_LANGUAGES,ae as DISPLAY_TITLES,t as DOCS_BASE_URL,ah as DestinationCategoryTypes,b7 as EDIT_COST_REDUCTION_AUTO_RULE_DRAWER_SUBTITLE,b8 as EDIT_COST_REDUCTION_AUTO_RULE_DRAWER_TITLE,b5 as EDIT_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_SUBTITLE,b6 as EDIT_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_TITLE,b9 as EDIT_NOISY_AUTO_RULE_DRAWER_SUBTITLE,ba as EDIT_NOISY_AUTO_RULE_DRAWER_TITLE,b1 as EDIT_TITLES,ev as EMPTY_VALUE,bI as FILTER_TYPE_ALL,aU as FORM_ALERTS,aq as INSTRUMENTATION_RULE_OPTIONS,eg as LABEL_CUSTOM_DURATION,aa as LABEL_CUSTOM_PERCENTAGE,bH as LABEL_DISABLED_RULE,eE as LABEL_DROP_ALL,a2 as LABEL_DROP_AT_MOST,eB as LABEL_DROP_PERCENTAGE,eo as LABEL_HTTP_ROUTE,eq as LABEL_HTTP_ROUTE_PREFIX,es as LABEL_KAFKA_TOPIC,eF as LABEL_KEEP_ALL,a6 as LABEL_KEEP_AT_LEAST,eC as LABEL_KEEP_AT_MOST,eA as LABEL_KEEP_PERCENTAGE,ed as LABEL_KEEP_TRACES_DURATION,eb as LABEL_KEEP_TRACES_ERRORS,er as LABEL_METHOD,eI as LABEL_NOTE,eW as LABEL_NO_PREVIEW,eu as LABEL_OPERATION_TYPE,be as LABEL_RULE_DISABLED,bd as LABEL_RULE_ENABLED,eG as LABEL_RULE_NAME,eH as LABEL_RULE_TYPE,eD as LABEL_SAMPLE,ek as LABEL_SERVER_ADDRESS,en as LABEL_TEMPLATED_PATH,ep as LABEL_TEMPLATED_PATH_PREFIX,fP as LANGUAGE_OPTIONS,dm as MONITORS_OPTIONS,eY as NOTE_ENTIRE_CLUSTER,e_ as NOTE_SOURCE_SCOPE_LOGIC,fQ as OPENTELEMETRY_EBPF_DISTRO_OPTION,ex as OPERATION_ALL,ew as OPERATION_HTTP_CLIENT,et as OPERATION_HTTP_SERVER,ey as OPERATION_KAFKA_CONSUMER,ez as OPERATION_KAFKA_PRODUCER,fR as OTEL_DISTRO_NAME_OPTIONS,eK as PLACEHOLDER_NOTE,em as PLACEHOLDER_ROUTE,eJ as PLACEHOLDER_RULE_NAME,f0 as PLACEHOLDER_SEARCH_SOURCE,ej as PLACEHOLDER_SERVER_ADDRESS,a9 as SAMPLING_AUTO_RULE_TITLE,b$ as SAMPLING_BTN_CREATE_RULE,bZ as SAMPLING_BTN_DOCS,b_ as SAMPLING_BTN_REFRESH,a5 as SAMPLING_COST_REDUCTION_AUTO_RULE_TITLE,c8 as SAMPLING_DELETE_MODAL_APPROVE,c7 as SAMPLING_DELETE_MODAL_CANCEL,c9 as SAMPLING_DELETE_MODAL_DESCRIPTION,ca as SAMPLING_DELETE_MODAL_TITLE,bc as SAMPLING_DRAWER_WIDTH,bY as SAMPLING_DUPLICATE_RULE_WARNING,a1 as SAMPLING_HIGHLY_RELEVANT_AUTO_RULE_TITLE,c0 as SAMPLING_PAGE_DESCRIPTION,c1 as SAMPLING_PAGE_TITLE,a4 as SECTION_DROP_PERCENTAGE,ec as SECTION_DURATION,ea as SECTION_ERRORS,a8 as SECTION_KEEP_PERCENTAGE,eh as SECTION_OPERATION,eV as SECTION_SAMPLING_PREVIEW,eX as SECTION_SOURCE_SCOPE,dn as STORAGE_KEYS,fS as TOKEN_ABOUT_TO_EXPIRE,eL as TOOLTIP_NOTE,b2 as UNNAMED_RULE}from"./chunks/ui-components-B4LvruCJ.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{ad as ACTION_ATTRIBUTE_OPTIONS,cx as ACTION_OPTIONS,ae as ACTION_SAMPLER_OPTIONS,fL as ALL_SOURCES,aX as BTN_CANCEL,b3 as BTN_CREATE_RULE,a_ as BTN_DELETE_RULE,eO as BTN_EDIT_AUTO_RULE,aZ as BTN_EDIT_RULE,bb as BTN_SAVE,aY as BTN_SAVE_RULE,aJ as BUTTON_TEXTS,b0 as CATEGORY_DESCRIPTIONS,eM as CATEGORY_LABELS,b4 as CATEGORY_TITLES,fM as CREATE_COST_REDUCTION_AUTO_RULE_DRAWER_TITLE,fN as CREATE_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_TITLE,fO as CREATE_NOISY_AUTO_RULE_DRAWER_TITLE,aG as DEFAULT_CLUSTER_ID,aF as DEFAULT_CLUSTER_NAME,ds as DEFAULT_DATA_STREAM_NAME,a3 as DESC_DROP_PERCENTAGE,ef as DESC_DURATION,ee as DESC_ERRORS,a7 as DESC_KEEP_PERCENTAGE,ei as DESC_OPERATION,eZ as DESC_SOURCE_SCOPE,ak as DESTINATION_CATEGORIES,Z as DISPLAY_LANGUAGES,af as DISPLAY_TITLES,v as DOCS_BASE_URL,ai as DestinationCategoryTypes,b7 as EDIT_COST_REDUCTION_AUTO_RULE_DRAWER_SUBTITLE,b8 as EDIT_COST_REDUCTION_AUTO_RULE_DRAWER_TITLE,b5 as EDIT_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_SUBTITLE,b6 as EDIT_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_TITLE,b9 as EDIT_NOISY_AUTO_RULE_DRAWER_SUBTITLE,ba as EDIT_NOISY_AUTO_RULE_DRAWER_TITLE,b1 as EDIT_TITLES,ev as EMPTY_VALUE,bI as FILTER_TYPE_ALL,aU as FORM_ALERTS,ar as INSTRUMENTATION_RULE_OPTIONS,eg as LABEL_CUSTOM_DURATION,ab as LABEL_CUSTOM_PERCENTAGE,bH as LABEL_DISABLED_RULE,eE as LABEL_DROP_ALL,a2 as LABEL_DROP_AT_MOST,eB as LABEL_DROP_PERCENTAGE,eo as LABEL_HTTP_ROUTE,eq as LABEL_HTTP_ROUTE_PREFIX,es as LABEL_KAFKA_TOPIC,eF as LABEL_KEEP_ALL,a6 as LABEL_KEEP_AT_LEAST,eC as LABEL_KEEP_AT_MOST,eA as LABEL_KEEP_PERCENTAGE,ed as LABEL_KEEP_TRACES_DURATION,eb as LABEL_KEEP_TRACES_ERRORS,er as LABEL_METHOD,eI as LABEL_NOTE,eW as LABEL_NO_PREVIEW,eu as LABEL_OPERATION_TYPE,be as LABEL_RULE_DISABLED,bd as LABEL_RULE_ENABLED,eG as LABEL_RULE_NAME,eH as LABEL_RULE_TYPE,eD as LABEL_SAMPLE,ek as LABEL_SERVER_ADDRESS,en as LABEL_TEMPLATED_PATH,ep as LABEL_TEMPLATED_PATH_PREFIX,fP as LANGUAGE_OPTIONS,dm as MONITORS_OPTIONS,eY as NOTE_ENTIRE_CLUSTER,e_ as NOTE_SOURCE_SCOPE_LOGIC,fQ as OPENTELEMETRY_EBPF_DISTRO_OPTION,ex as OPERATION_ALL,ew as OPERATION_HTTP_CLIENT,et as OPERATION_HTTP_SERVER,ey as OPERATION_KAFKA_CONSUMER,ez as OPERATION_KAFKA_PRODUCER,fR as OTEL_DISTRO_NAME_OPTIONS,eK as PLACEHOLDER_NOTE,em as PLACEHOLDER_ROUTE,eJ as PLACEHOLDER_RULE_NAME,f0 as PLACEHOLDER_SEARCH_SOURCE,ej as PLACEHOLDER_SERVER_ADDRESS,a9 as SAMPLING_AUTO_RULE_TITLE,b$ as SAMPLING_BTN_CREATE_RULE,bZ as SAMPLING_BTN_DOCS,b_ as SAMPLING_BTN_REFRESH,a5 as SAMPLING_COST_REDUCTION_AUTO_RULE_TITLE,c7 as SAMPLING_DELETE_MODAL_APPROVE,c6 as SAMPLING_DELETE_MODAL_CANCEL,c8 as SAMPLING_DELETE_MODAL_DESCRIPTION,c9 as SAMPLING_DELETE_MODAL_TITLE,bc as SAMPLING_DRAWER_WIDTH,bY as SAMPLING_DUPLICATE_RULE_WARNING,a1 as SAMPLING_HIGHLY_RELEVANT_AUTO_RULE_TITLE,c0 as SAMPLING_PAGE_DESCRIPTION,c1 as SAMPLING_PAGE_TITLE,a4 as SECTION_DROP_PERCENTAGE,ec as SECTION_DURATION,ea as SECTION_ERRORS,a8 as SECTION_KEEP_PERCENTAGE,eh as SECTION_OPERATION,eV as SECTION_SAMPLING_PREVIEW,eX as SECTION_SOURCE_SCOPE,dn as STORAGE_KEYS,fS as TOKEN_ABOUT_TO_EXPIRE,eL as TOOLTIP_NOTE,b2 as UNNAMED_RULE}from"./chunks/ui-components-B4xHrszQ.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/containers/_v2/_drawers/add-destination-drawer/helpers.d.ts

@@ -1,6 +1,7 @@
+import { DestinationCategoryTypes } from '@/constants';
 import type { DestinationOption, GetDestinationCategoriesResult, GetPotentialDestinationsResult } from '@/types';
 export declare const getOptionsFromResults: (categoriesResult?: GetDestinationCategoriesResult, detectedResult?: GetPotentialDestinationsResult) => {
-    detectedDestinations: DestinationOption[];
-    selfHostedDestinations: DestinationOption[];
-    managedDestinations: DestinationOption[];
+    [DestinationCategoryTypes.DETECTED]: DestinationOption[];
+    [DestinationCategoryTypes.SELF_HOSTED]: DestinationOption[];
+    [DestinationCategoryTypes.MANAGED]: DestinationOption[];
 };

package/lib/containers/_v2/_drawers/add-destination-drawer/lists-column/index.d.ts

@@ -3,10 +3,9 @@ import { WideDrawerProps } from '@/snippets/_v2';
 import { DestinationCategoryTypes } from '@/constants';
 import { type DestinationOption } from '@/types';
 export interface ListsColumnProps {
-    isFetchingCategories: boolean;
-    isFetchingPotentialDestinations: boolean;
+    isFetching: boolean;
     destinationsByCategory: Record<DestinationCategoryTypes, DestinationOption[]>;
     searchText: string;
     filters: Filters;
 }
-export declare const listsColumn: ({ isFetchingCategories, isFetchingPotentialDestinations, destinationsByCategory, searchText, filters }: ListsColumnProps) => WideDrawerProps["leftColumn"];
+export declare const listsColumn: ({ isFetching, destinationsByCategory, searchText, filters }: ListsColumnProps) => WideDrawerProps["leftColumn"];

package/lib/containers/_v2/_drawers/edit-destination-drawer/helpers.d.ts

@@ -5,7 +5,34 @@ import { type Destination, type DestinationYamlProperties } from '@/types';
  */
 export declare const buildDataCard: (destination: Destination) => DataCardProps["items"];
 /**
- * Build the items shown in the dynamic-fields `DataCard` (the destination's stored field values).
- * Mirrors the legacy `build-card.ts` behaviour for visibility, secret masking and custom labels.
+ * View-mode field segments. The drawer renders one nested `DataCard` per segment so
+ * complex values (arrays, key/value pairs) get the room they need instead of being
+ * crammed into a single ellipsised cell next to scalar fields.
+ *
+ * - `cells`  — group of scalar fields shown together in one DataCard with `cellsPerRow=2`.
+ * - `list`   — a `MultiInput` field; each array entry becomes its own cell in a dedicated card.
+ * - `pairs`  — a `KeyValuePair` field; each `{ key, value }` row becomes its own cell.
  */
-export declare const buildFieldsDataCard: (destination: Destination, yamlFields: DestinationYamlProperties[]) => DataCardProps["items"];
+export type FieldSegment = {
+    kind: 'cells';
+    id: string;
+    items: NonNullable<DataCardProps['items']>;
+} | {
+    kind: 'list';
+    id: string;
+    title: string;
+    items: NonNullable<DataCardProps['items']>;
+} | {
+    kind: 'pairs';
+    id: string;
+    title: string;
+    items: NonNullable<DataCardProps['items']>;
+};
+/**
+ * Build the segmented configuration view for the view-mode drawer.
+ *
+ * Mirrors the legacy `build-card.ts` rules for visibility, secret masking and custom labels,
+ * but additionally splits `MultiInput`/`KeyValuePair` fields into their own sub-cards so
+ * their values are fully readable rather than truncated as comma-joined strings.
+ */
+export declare const buildFieldsSegments: (destination: Destination, yamlFields: DestinationYamlProperties[]) => FieldSegment[];

package/lib/containers/_v2/pipeline-collectors/enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum Tabs {
+    Gateway = "gateway",
+    Node = "node"
+}

package/lib/containers/_v2/pipeline-collectors/{helpers → general-info/helpers}/get-general-badge.d.ts

@@ -1,4 +1,4 @@
-import { Tabs } from '../toolbar';
+import { Tabs } from '../../enum';
 import { type FormatTimeAgo } from '@/hooks';
 import { type BadgeProps } from '@/components/_v2';
 import { type GatewayInfo, type NodeCollectoInfo } from '@/types';

package/lib/containers/_v2/pipeline-collectors/general-info/helpers/get-general-gauge-cards.d.ts

@@ -0,0 +1,4 @@
+import { Tabs } from '../../enum';
+import { type GaugeChartProps } from '@/components/_v2';
+import { type GatewayInfo, type NodeCollectoInfo } from '@/types';
+export declare const getGeneralGaugeCards: (selectedTab: Tabs, gatewayInfo: GatewayInfo | null, nodeCollectorInfo: NodeCollectoInfo | null) => GaugeChartProps[];

package/lib/containers/_v2/pipeline-collectors/{helpers → general-info/helpers}/get-general-status-card.d.ts

@@ -1,4 +1,4 @@
-import { Tabs } from '../toolbar';
+import { Tabs } from '../../enum';
 import { type StatusCardProps } from '@/components/_v2';
 import { type GatewayInfo, type NodeCollectoInfo } from '@/types';
 export declare const getGeneralStatusCard: (selectedTab: Tabs, gatewayInfo: GatewayInfo | null, nodeCollectorInfo: NodeCollectoInfo | null, isLoading: boolean) => StatusCardProps;

package/lib/containers/_v2/pipeline-collectors/{helpers → general-info/helpers}/get-general-text-cards.d.ts

@@ -1,4 +1,4 @@
-import { Tabs } from '../toolbar';
+import { Tabs } from '../../enum';
 import { type TextCardProps } from '@/components/_v2';
 import { type GatewayInfo, type NodeCollectoInfo } from '@/types';
 export declare const getGeneralTextCards: (selectedTab: Tabs, gatewayInfo: GatewayInfo | null, nodeCollectorInfo: NodeCollectoInfo | null, isLoading: boolean) => TextCardProps[];

package/lib/containers/_v2/pipeline-collectors/{helpers → general-info/helpers}/get-general-title.d.ts

@@ -1,2 +1,2 @@
-import { Tabs } from '../toolbar';
+import { Tabs } from '../../enum';
 export declare const getGeneralTitle: (selectedTab: Tabs) => string;

package/lib/containers/_v2/pipeline-collectors/{helpers → general-info/helpers}/index.d.ts

@@ -1,4 +1,5 @@
-export * from './get-general-title';
 export * from './get-general-badge';
+export * from './get-general-gauge-cards';
 export * from './get-general-status-card';
 export * from './get-general-text-cards';
+export * from './get-general-title';

package/lib/containers/_v2/pipeline-collectors/general-info/index.d.ts

@@ -1,9 +1,10 @@
 import { type FC } from 'react';
-import { type SectionCardProps, type StatusCardProps, type TextCardProps } from '@/components/_v2';
-export interface GeneralInfoProps extends SectionCardProps {
-    statusCard: StatusCardProps;
-    textCards: TextCardProps[];
-    manifestYaml: string;
-    configMapYaml: string;
+import { Tabs } from '../enum';
+import { type GatewayInfo, type NodeCollectoInfo } from '@/types';
+export interface GeneralInfoProps {
+    selectedTab: Tabs;
+    gatewayInfo: GatewayInfo | null;
+    nodeCollectorInfo: NodeCollectoInfo | null;
+    isLoading: boolean;
 }
 export declare const GeneralInfo: FC<GeneralInfoProps>;

package/lib/containers/_v2/pipeline-collectors/index.d.ts

@@ -1,4 +1,5 @@
 import { type FC, type CSSProperties } from 'react';
+import { Tabs } from './enum';
 import { type GetExtendedPodInfo, type GetGatewayInfo, type GetGatewayPods, type GetNodeCollectorInfo, type GetNodeCollectorPods } from '@/types';
 export interface PipelineCollectorsProps {
     minSupportedVersion?: number;
@@ -9,4 +10,8 @@ export interface PipelineCollectorsProps {
     getNodeCollectorPods: GetNodeCollectorPods;
     getExtendedPodInfo: GetExtendedPodInfo;
 }
+export declare const TABS: {
+    value: Tabs;
+    label: string;
+}[];
 export declare const PipelineCollectors: FC<PipelineCollectorsProps>;

package/lib/containers/_v2/pipeline-collectors/toolbar/index.d.ts

@@ -1,18 +1,8 @@
-import { type Dispatch, type SetStateAction, type FC } from 'react';
-export declare enum Tabs {
-    Gateway = "gateway",
-    Node = "node"
-}
+import { type FC } from 'react';
 export interface ToolbarProps {
     disabled?: boolean;
     loading?: boolean;
-    selectedTab: Tabs;
-    setSelectedTab: Dispatch<SetStateAction<Tabs>>;
     onClickDownloadDiagnose?: () => void;
     onClickRefresh?: () => void;
 }
-export declare const TABS: {
-    value: Tabs;
-    label: string;
-}[];
 export declare const Toolbar: FC<ToolbarProps>;

package/lib/containers/source-drawer/index.d.ts

@@ -14,6 +14,7 @@ interface SourceDrawerProps {
     fetchSourceDescribe: DescribeProps['fetchSourceDescribe'];
     fetchSourceLibraries: LibrariesProps['fetchSourceLibraries'];
     fetchPeerSources: PeerSourcesProps['fetchPeerSources'];
+    profilingEnabled?: boolean;
     fetchProfilingSlots?: ProfilingProps['fetchProfilingSlots'];
     enableProfiling?: ProfilingProps['enableProfiling'];
     releaseProfiling?: ProfilingProps['releaseProfiling'];

package/lib/containers/source-drawer/profiling/flamebearer.d.ts

@@ -29,6 +29,11 @@ export interface FlameRect {
     self: number;
     nameIndex: number;
 }
+/**
+ * Expand Pyroscope / Grafana flamebearer **delta-encoded** x offsets per row to absolute offsets.
+ * Matches `TreeToFlamebearer` in Odigos (`frontend/services/profiles/flamegraph/flamebearer.go`):
+ * without this, `self > 0` leaves bogus gaps ("holes") under parent bars.
+ */
 export declare function flattenFlameRects(fb: Flamebearer): FlameRect[];
 /** Stable identity for a frame in the raw flamebearer (for zoom stack + hit-test). */
 export declare function flameRectKey(r: Pick<FlameRect, 'level' | 'offset' | 'size' | 'nameIndex'>): string;