@odigos/ui-kit 0.0.230 → 0.0.232

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

@@ -10,8 +10,19 @@ export interface SectionCardProps {
     id?: string;
     size?: SectionCardSize;
     fullHeight?: boolean;
+    /**
+     * Static title rendered via `<RichTitle />`. Use `customTitle` instead when the
+     * title needs interactivity (e.g. a dropdown trigger). When both are passed,
+     * `customTitle` wins.
+     */
     richTitle?: RichTitleProps;
+    /** Custom node rendered in the title slot. Overrides `richTitle` when provided. */
+    customTitle?: ReactNode;
     search?: SearchProps;
+    /** Custom node rendered in the search slot. Overrides `search` when provided (e.g. a Search with custom popup). */
+    customSearch?: ReactNode;
+    /** Optional filters node rendered next to the search (e.g. a popover with filter controls). */
+    filters?: ReactNode;
     actions?: ActionsProps['actions'];
     children?: ReactNode;
 }

package/lib/components/_v2/drop-down/index.d.ts

@@ -2,7 +2,7 @@ import { type FC } from 'react';
 import { type InputProps } from '../input';
 import { type DropDataProps, type DropDataOption } from '../drop-data';
 export interface DropDownProps extends Omit<InputProps, 'rightIcon' | 'value' | 'onChange' | 'onClick'>, Pick<DropDataProps, 'withMultiSelect' | 'withSearch'> {
-    options: Pick<DropDataOption, 'id' | 'label'>[];
+    options: DropDataOption[];
     values: string[];
     setValues: (values: string[]) => void;
 }

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

@@ -4,6 +4,8 @@ export interface SearchProps {
     'data-id'?: string;
     value: string;
     onChange: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
     placeholder?: string;
     width?: CSSProperties['width'];
     segment?: Pick<SegmentProps, 'data-id' | 'options' | 'selected' | 'setSelected'>;

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

@@ -14,6 +14,7 @@ interface Option<T> {
     icon?: SVG;
     tooltip?: string;
     selectedBgColor?: CSSProperties['backgroundColor'];
+    selectedBorderColor?: CSSProperties['borderColor'];
     disabled?: boolean;
 }
 export interface SegmentProps<T = any> {

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

@@ -1,7 +1,7 @@
 import { type FC, type CSSProperties } from 'react';
 import { HoverAction } from '../hover-actions';
 import { type NoDataProps } from '../no-data';
-import { type TableColumn, type TableRow, TableVariant } from './types';
+import { type TableColumn, type TableRow, TableVariant, TableRowCell } from './types';
 export * from './types';
 export interface TableProps {
     variant: TableVariant;
@@ -16,5 +16,12 @@ export interface TableProps {
     rowActionsPushRightPosition?: CSSProperties['right'];
     rowActionsPushLeftPosition?: CSSProperties['left'];
     withCheckboxes?: boolean;
+    /** Controlled column filters (option ids per column key). Provide together with `onFiltersChange` to lift filter state out of the table. */
+    filters?: {
+        [key: string]: TableRowCell['rawValue'][];
+    };
+    onFiltersChange?: (filters: {
+        [key: string]: TableRowCell['rawValue'][];
+    }) => void;
 }
 export declare const Table: FC<TableProps>;

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

@@ -20,10 +20,29 @@ export declare enum TypographySize {
     XXL = "xxl",
     XXXL = "xxxl"
 }
+/**
+ * Semantic color variants that resolve to design-system tokens at render time.
+ * Prefer these over passing raw theme colors so consumers don't need `useTheme()`
+ * just to color text.
+ */
+export declare enum TypographyColor {
+    Primary = "primary",
+    Secondary = "secondary",
+    Tertiary = "tertiary",
+    Disable = "disable",
+    Error = "error",
+    Mandatory = "mandatory",
+    Link = "link",
+    Success = "success"
+}
 export interface TypographyProps {
     children: React.ReactNode;
     variant?: TypographyVariants;
-    color?: CSSProperties['color'];
+    /**
+     * Either a `TypographyColor` semantic variant (resolved from the theme) or any
+     * raw CSS color string for ad-hoc overrides.
+     */
+    color?: TypographyColor | CSSProperties['color'];
     size?: TypographySize;
     weight?: CSSProperties['fontWeight'];
     opacity?: CSSProperties['opacity'];

package/lib/components/_v2/warning-modal/index.d.ts

@@ -1,13 +1,13 @@
-import { type FC } from 'react';
+import React, { type FC } from 'react';
 import { type ModalProps } from '../modal';
+import { type ButtonProps } from '../button';
 export interface WarningModalProps extends Omit<ModalProps, 'onBack' | 'onClose' | 'children'> {
     visual?: FC;
     title: string;
     description: string;
     onClose: () => void;
-    onDeny?: () => void;
-    denyLabel?: string;
-    onApprove?: () => void;
-    approveLabel?: string;
+    denyButton?: ButtonProps;
+    approveButton?: ButtonProps;
+    children?: React.ReactNode;
 }
 export declare const WarningModal: FC<WarningModalProps>;

package/lib/components/v2.js

@@ -1 +1 @@
-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";
+export{f7 as Autocomplete,x as Badge,m as Button,B as ButtonSize,gp as ButtonTab,gq as ButtonTabList,a as ButtonVariants,ag as Checkbox,gr as CheckboxList,c8 as CheckboxSize,cu as CliCommand,gs as Condition,bm as Conditions,gt as DEFAULT_TIME_UNITS,D as DataCard,bk as Drawer,bQ as DropData,bS as DropDataAlignX,bR as DropDataAlignY,b0 as DropDown,ah as FieldMessage,af as FieldTitle,cx as GaugeChart,gu as GaugeChartVariant,gv as Header,_ as HoverActions,b1 as IconButton,b2 as IconButtonSize,ai as Input,an as InputList,al as InputTable,bZ as Island,L as Loader,gw as Modal,gx as Navbar,N as NoData,av as Note,eq as Radio,gy as RadioGroup,gz as RadioSize,w as Search,aW as SectionCard,gA as SectionCardSize,S as Segment,s as SegmentSize,r as SegmentVariant,cw as StatusCard,b_ as Stepper,t as Table,v as TableVariant,bu as Tag,as as TextArea,cy as TextCard,ee as TimeInput,j as Toggle,l as ToggleLabelAlign,gB as ToggleList,k as ToggleSize,gC as ToggleVariant,ca as TruncatableTypography,n as Typography,o as TypographyColor,p as TypographySize,bb as TypographyVariants,aL as WarningModal}from"../chunks/ui-components-of0mjGMv.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{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";
+export{dt as AutocompleteInput,dE as Badge,dG as Button,i as CancelWarning,b as CenterThis,d9 as Checkbox,C as Code,aa as ConditionDetails,Z as DataCard,G as DataCardFieldTypes,dV as DataCardFields,gd as DataFinger,dH as DataTab,h as DeleteWarning,X as DescribeRow,W as Divider,dj as DocsButton,f as Drawer,ge as DrawerFooter,gf as DrawerHeader,dM as Dropdown,gg as ErrorBoundary,dO as ExtendArrow,M as FadeLoader,da as FieldError,d8 as FieldLabel,y as FlexColumn,F as FlexRow,gh as Header,df as IconButton,e6 as IconGroup,dA as IconTitleBadge,dw as IconWrapped,e4 as IconsNav,gi as ImageControlled,I as Input,de as InputList,db as InputTable,dC as InteractiveTable,dd as KeyValueInputsList,gj as LoadingText,dr as Modal,ds as ModalBody,dk as MonitorsCheckboxes,dx as MonitorsIcons,du as NavigationButtons,Q as NoDataFound,a0 as NotificationNote,gk as Overlay,bl as Padding,bU as PageContent,dJ as Popup,e8 as PopupForm,ed as ScrollX,ce as ScrollY,di as SectionTitle,dh as Segment,dL as SelectionButton,cf as SkeletonLoader,J as Status,dU as Stepper,gl as TabList,dy as TableContainer,dz as TableTitleWrap,dB as TableWrap,dX as Tag,T as Text,dl as TextArea,dc as Toggle,eb as ToggleCodeComponent,q as Tooltip,dD as TraceLoader,cz as UpgradeRequiredWrapper,dK as VerticalScroll,ac as WarningModal,gm as getLinksFromText,gn as getStrongsFromText,go as renderText}from"./chunks/ui-components-of0mjGMv.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/sampling/index.d.ts

@@ -6,10 +6,17 @@ export declare const BTN_EDIT_AUTO_RULE = "Edit auto rule";
 export declare const BTN_CREATE_RULE = "Create rule";
 export declare const BTN_DELETE_RULE = "Delete rule";
 export declare const BTN_SAVE_RULE = "Save";
+export declare const BTN_CREATE_FIRST_RULE = "Create your first rule";
+export declare const TITLE_NO_RULES = "No Rules Exist";
+export declare const TITLE_NO_RESULTS = "No Results";
+export declare const getNoResultsSubTitle: (search: string) => string;
 export declare const LABEL_RULE_NAME = "Rule name";
 export declare const LABEL_RULE_TYPE = "Rule type";
+export declare const DESC_RULE_TYPE = "Select the type of condition that makes a trace highly relevant.";
 export declare const LABEL_RULE_ENABLED = "Rule Enabled";
 export declare const LABEL_RULE_DISABLED = "Rule Disabled";
+export declare const LABEL_ENABLED = "Enabled";
+export declare const LABEL_DISABLED = "Disabled";
 export declare const LABEL_NOTE = "Note";
 export declare const LABEL_HTTP_ROUTE = "HTTP route";
 export declare const LABEL_METHOD = "Method";

package/lib/constants/strings/index.d.ts

@@ -34,7 +34,9 @@ export declare const DISPLAY_TITLES: {
     NAME_YOUR_STREAM_PLACEHOLDER: string;
     STREAM_DESCRIPTION: string;
     STREAM_CONFIRM: string;
+    RENAME_STREAM: (name: string) => string;
     DATA_STREAM_EXISTS_WARNING: (curr: string, next: string) => string;
+    DATA_STREAM_MERGE_WARNING: (editingName: string | undefined, existingName: string) => string;
     ACTION: string;
     ACTIONS: string;
     ADD_ACTION: string;
@@ -108,6 +110,10 @@ export declare const DISPLAY_TITLES: {
     TO_COLLECT_OTEL_DATA: string;
     TO_MONITOR_OTEL_DATA: string;
     TO_MODIFY_OTEL_DATA: string;
+    NO_DATA_INSTRUMENTATION_RULES: string;
+    NO_DATA_SOURCES: string;
+    NO_DATA_ACTIONS: string;
+    NO_DATA_DESTINATIONS: string;
     QUICK_BACK_TO_SUMMARY: string;
     GO_TO_SUMMARY: string;
     FUTURE_APPS_TITLE: string;

package/lib/constants.js

@@ -1 +1 @@
-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";
+export{aZ as ACTION_ATTRIBUTE_OPTIONS,dn as ACTION_OPTIONS,a_ as ACTION_SAMPLER_OPTIONS,fT as ALL_SOURCES,bw as BTN_CANCEL,cE as BTN_CREATE_FIRST_RULE,bE as BTN_CREATE_RULE,bz as BTN_DELETE_RULE,eW as BTN_EDIT_AUTO_RULE,by as BTN_EDIT_RULE,bM as BTN_SAVE,bx as BTN_SAVE_RULE,e as BUTTON_TEXTS,bB as CATEGORY_DESCRIPTIONS,eT as CATEGORY_LABELS,bF as CATEGORY_TITLES,fU as CREATE_COST_REDUCTION_AUTO_RULE_DRAWER_TITLE,fV as CREATE_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_TITLE,fW as CREATE_NOISY_AUTO_RULE_DRAWER_TITLE,bi as DEFAULT_CLUSTER_ID,bh as DEFAULT_CLUSTER_NAME,cq as DEFAULT_DATA_STREAM_NAME,aQ as DESC_DROP_PERCENTAGE,ek as DESC_DURATION,ej as DESC_ERRORS,eF as DESC_KEEP_PERCENTAGE,en as DESC_OPERATION,eU as DESC_RULE_TYPE,f5 as DESC_SOURCE_SCOPE,b3 as DESTINATION_CATEGORIES,aI as DISPLAY_LANGUAGES,z as DISPLAY_TITLES,ar as DOCS_BASE_URL,a$ as DestinationCategoryTypes,bI as EDIT_COST_REDUCTION_AUTO_RULE_DRAWER_SUBTITLE,bJ as EDIT_COST_REDUCTION_AUTO_RULE_DRAWER_TITLE,bG as EDIT_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_SUBTITLE,bH as EDIT_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_TITLE,bK as EDIT_NOISY_AUTO_RULE_DRAWER_SUBTITLE,bL as EDIT_NOISY_AUTO_RULE_DRAWER_TITLE,bC as EDIT_TITLES,eA as EMPTY_VALUE,cC as FILTER_TYPE_ALL,bt as FORM_ALERTS,b6 as INSTRUMENTATION_RULE_OPTIONS,el as LABEL_CUSTOM_DURATION,aX as LABEL_CUSTOM_PERCENTAGE,aV as LABEL_DISABLED,cB as LABEL_DISABLED_RULE,eL as LABEL_DROP_ALL,aP as LABEL_DROP_AT_MOST,eH as LABEL_DROP_PERCENTAGE,aU as LABEL_ENABLED,et as LABEL_HTTP_ROUTE,ev as LABEL_HTTP_ROUTE_PREFIX,ex as LABEL_KAFKA_TOPIC,eM as LABEL_KEEP_ALL,eI as LABEL_KEEP_AT_LEAST,eJ as LABEL_KEEP_AT_MOST,eG as LABEL_KEEP_PERCENTAGE,ei as LABEL_KEEP_TRACES_DURATION,eg as LABEL_KEEP_TRACES_ERRORS,ew as LABEL_METHOD,eP as LABEL_NOTE,f2 as LABEL_NO_PREVIEW,ez as LABEL_OPERATION_TYPE,fX as LABEL_RULE_DISABLED,fY as LABEL_RULE_ENABLED,eN as LABEL_RULE_NAME,eO as LABEL_RULE_TYPE,eK as LABEL_SAMPLE,ep as LABEL_SERVER_ADDRESS,es as LABEL_TEMPLATED_PATH,eu as LABEL_TEMPLATED_PATH_PREFIX,fZ as LANGUAGE_OPTIONS,c2 as MONITORS_OPTIONS,f4 as NOTE_ENTIRE_CLUSTER,f6 as NOTE_SOURCE_SCOPE_LOGIC,f_ as OPENTELEMETRY_EBPF_DISTRO_OPTION,eC as OPERATION_ALL,eB as OPERATION_HTTP_CLIENT,ey as OPERATION_HTTP_SERVER,eD as OPERATION_KAFKA_CONSUMER,eE as OPERATION_KAFKA_PRODUCER,f$ as OTEL_DISTRO_NAME_OPTIONS,eR as PLACEHOLDER_NOTE,er as PLACEHOLDER_ROUTE,eQ as PLACEHOLDER_RULE_NAME,f8 as PLACEHOLDER_SEARCH_SOURCE,eo as PLACEHOLDER_SERVER_ADDRESS,aT as SAMPLING_AUTO_RULE_TITLE,cZ as SAMPLING_BTN_CREATE_RULE,cX as SAMPLING_BTN_DOCS,cY as SAMPLING_BTN_REFRESH,aS as SAMPLING_COST_REDUCTION_AUTO_RULE_TITLE,d3 as SAMPLING_DELETE_MODAL_APPROVE,d4 as SAMPLING_DELETE_MODAL_CANCEL,d5 as SAMPLING_DELETE_MODAL_DESCRIPTION,d6 as SAMPLING_DELETE_MODAL_TITLE,bN as SAMPLING_DRAWER_WIDTH,cW as SAMPLING_DUPLICATE_RULE_WARNING,aO as SAMPLING_HIGHLY_RELEVANT_AUTO_RULE_TITLE,c_ as SAMPLING_PAGE_DESCRIPTION,c$ as SAMPLING_PAGE_TITLE,aR as SECTION_DROP_PERCENTAGE,eh as SECTION_DURATION,ef as SECTION_ERRORS,g0 as SECTION_KEEP_PERCENTAGE,em as SECTION_OPERATION,f1 as SECTION_SAMPLING_PREVIEW,f3 as SECTION_SOURCE_SCOPE,c0 as STORAGE_KEYS,cD as TITLE_NO_RESULTS,cF as TITLE_NO_RULES,g1 as TOKEN_ABOUT_TO_EXPIRE,eS as TOOLTIP_NOTE,bD as UNNAMED_RULE,cG as getNoResultsSubTitle}from"./chunks/ui-components-of0mjGMv.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/form-column/index.d.ts

@@ -3,4 +3,4 @@ import { AddDestinationFormProps } from '@/containers/_v2/_forms/add-destination
 export interface FormColumnProps {
     testConnection: AddDestinationFormProps['testConnection'];
 }
-export declare const formColumn: ({ testConnection }: FormColumnProps) => WideDrawerProps["leftColumn"];
+export declare const useFormColumn: ({ testConnection }: FormColumnProps) => WideDrawerProps["rightColumn"];

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

@@ -8,4 +8,4 @@ export interface ListsColumnProps {
     searchText: string;
     filters: Filters;
 }
-export declare const listsColumn: ({ isFetching, destinationsByCategory, searchText, filters }: ListsColumnProps) => WideDrawerProps["leftColumn"];
+export declare const useListsColumn: ({ isFetching, destinationsByCategory, searchText, filters }: ListsColumnProps) => WideDrawerProps["leftColumn"];

package/lib/containers/_v2/_drawers/add-source-drawer/namespaces-column/index.d.ts

@@ -12,4 +12,4 @@ export interface NamespacesColumnProps {
     searchBy: string;
     filters: Filters;
 }
-export declare const namespacesColumn: ({ isFetching, formData, handleSourceChange, handleSelectAll, selectedArea, setSelectedArea, searchText, searchBy, filters, }: NamespacesColumnProps) => WideDrawerProps["leftColumn"];
+export declare const useNamespacesColumn: ({ isFetching, formData, handleSourceChange, handleSelectAll, selectedArea, setSelectedArea, searchText, searchBy, filters, }: NamespacesColumnProps) => WideDrawerProps["leftColumn"];

package/lib/containers/_v2/_drawers/add-source-drawer/workloads-column/index.d.ts

@@ -13,4 +13,4 @@ export interface WorkloadsColumnProps {
     searchBy: string;
     filters: Filters;
 }
-export declare const workloadsColumn: ({ formData, handleSourceChange, handleSelectAll, selectedArea, searchText, searchBy, filters }: WorkloadsColumnProps) => WideDrawerProps["rightColumn"];
+export declare const useWorkloadsColumn: ({ formData, handleSourceChange, handleSelectAll, selectedArea, searchText, searchBy, filters }: WorkloadsColumnProps) => WideDrawerProps["rightColumn"];

package/lib/containers/_v2/_forms/data-stream-form/index.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+export * from './merge-warning';
+export interface DataStreamFormProps {
+    autoFocus?: boolean;
+}
+export declare const DataStreamForm: FC<DataStreamFormProps>;

package/lib/containers/_v2/_forms/data-stream-form/merge-warning.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+/**
+ * Confirmation prompt shown when the user tries to save a Data Stream form whose
+ * name collides with another existing stream. Driven entirely by
+ * `DataStreamFormContext` (read `pendingMerge`, dispatch `confirmMerge` / `cancelMerge`)
+ * so consumers just need to drop this component anywhere within the provider scope.
+ *
+ * Pair with `requestSubmit(onConfirmed)` instead of calling the API directly so the
+ * gate fires before the actual mutation.
+ */
+export declare const DataStreamMergeWarning: FC;

package/lib/containers/_v2/_forms/index.d.ts

@@ -1,4 +1,5 @@
 export * from './add-action-form';
 export * from './add-destination-form';
 export * from './add-rule-form';
+export * from './data-stream-form';
 export * from './sampling-rule-form';

package/lib/containers/_v2/_modals/add-data-stream-modal/index.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+import { type DataStream } from '@/types';
+export interface AddDataStreamModalProps {
+    onClose: () => void;
+    /** When omitted, the modal just adds the new stream to the local store and selects it. */
+    createDataStream?: (dataStream: DataStream) => void | Promise<void>;
+}
+export declare const AddDataStreamModal: FC<AddDataStreamModalProps>;

package/lib/containers/_v2/_modals/edit-data-stream-modal/index.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+import { type DataStream } from '@/types';
+export interface EditDataStreamModalProps {
+    onClose: () => void;
+    dataStreamName: string;
+    updateDataStream: (dataStreamName: string, dataStream: DataStream) => void | Promise<void>;
+}
+export declare const EditDataStreamModal: FC<EditDataStreamModalProps>;

package/lib/containers/_v2/_modals/index.d.ts

@@ -0,0 +1,2 @@
+export * from './add-data-stream-modal';
+export * from './edit-data-stream-modal';

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

@@ -1,7 +1,9 @@
 export * from './_drawers';
 export * from './_forms';
+export * from './_modals';
 export * from './central-connections';
 export * from './onboarding';
+export * from './overview';
 export * from './pipeline-collectors';
 export * from './sampling-rules';
 export * from './settings';

package/lib/containers/_v2/overview/columns/column/empty-add.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+import { EntityTypes } from '@/types';
+export interface EmptyAddProps {
+    entityType: EntityTypes;
+    description: string;
+}
+export declare const EmptyAdd: FC<EmptyAddProps>;

package/lib/containers/_v2/overview/columns/column/head.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+import { EntityTypes } from '@/types';
+export interface HeadProps {
+    entityType: EntityTypes;
+    badge: string | number;
+    badgeTooltip?: string;
+    isLoading?: boolean;
+    refetch: () => void;
+    partiallySelected?: boolean;
+    allSelected?: boolean;
+    onSelectAll?: (bool: boolean) => void;
+    progressPercent?: number;
+}
+export declare const Head: FC<HeadProps>;

package/lib/containers/_v2/overview/columns/column/index.d.ts

@@ -0,0 +1,12 @@
+import { type FC } from 'react';
+import { type Action, type Destination, EntityTypes, type InstrumentationRule, type Source, type Metrics } from '@/types';
+export interface ColumnProps {
+    entityType: EntityTypes;
+    entities: Source[] | Destination[] | Action[] | InstrumentationRule[];
+    unfilteredCount: number;
+    metrics?: Metrics;
+    loading: boolean;
+    maxHeight: number;
+    refetch: () => void;
+}
+export declare const Column: FC<ColumnProps>;

package/lib/containers/_v2/overview/columns/column/list-item.d.ts

@@ -0,0 +1,17 @@
+import { type FC } from 'react';
+import { type Action, type Destination, EntityTypes, type InstrumentationRule, type Source, StatusType, type SVG, type WorkloadId } from '@/types';
+export interface ListItemProps {
+    entityId: string | WorkloadId;
+    entityType: EntityTypes;
+    title: string;
+    status?: StatusType;
+    faded?: boolean;
+    tooltip?: string;
+    throughput?: string;
+    icon?: SVG;
+    icons?: SVG[];
+    iconSrc?: string;
+    isActive?: boolean;
+    raw: Source | Destination | Action | InstrumentationRule;
+}
+export declare const ListItem: FC<ListItemProps>;

package/lib/containers/_v2/overview/columns/column/namespace-divider.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+interface NamespaceProps {
+    namespace: string;
+}
+export declare const StickyNamespaceHeader: FC<NamespaceProps>;
+export declare const NamespaceDividerRow: FC<NamespaceProps>;
+export {};

package/lib/containers/_v2/overview/columns/column/source-visual-state.d.ts

@@ -0,0 +1,9 @@
+import { type Source, StatusType } from '@/types';
+interface SourceVisualState {
+    status?: StatusType;
+    faded: boolean;
+    tooltip?: string;
+    displaySource: Source;
+}
+export declare function getSourceVisualState(source: Source): SourceVisualState;
+export {};

package/lib/containers/_v2/overview/columns/index.d.ts

@@ -0,0 +1,11 @@
+import { type CSSProperties, type FC } from 'react';
+import { type Metrics } from '@/types';
+export interface ColumnsProps {
+    height?: CSSProperties['height'];
+    metrics: Metrics;
+    refetchSources: () => void;
+    refetchDestinations: () => void;
+    refetchActions: () => void;
+    refetchInstrumentationRules: () => void;
+}
+export declare const Columns: FC<ColumnsProps>;

package/lib/containers/_v2/overview/data-stream-select/index.d.ts

@@ -0,0 +1,12 @@
+import { type FC } from 'react';
+import { type DataStream } from '@/types';
+export interface DataStreamSelectProps {
+    updateDataStream: (dataStreamName: string, dataStream: DataStream) => void | Promise<void>;
+    deleteDataStream: (dataStreamName: string) => void | Promise<void>;
+    /**
+     * Optional. When omitted, "create" just appends to the local data-streams store
+     * and selects the new stream. Provide this when there's a remote create mutation.
+     */
+    createDataStream?: (dataStream: DataStream) => void | Promise<void>;
+}
+export declare const DataStreamSelect: FC<DataStreamSelectProps>;

package/lib/containers/_v2/overview/drawers/index.d.ts

@@ -0,0 +1,31 @@
+import { type FC } from 'react';
+import { type CreateActionFunc, type CreateDestinationFunc, type CreateInstrumentationRuleFunc, type DeleteActionFunc, type DeleteDestinationFunc, type DeleteInstrumentationRuleFunc, type EffectiveConfig, type EnableProfilingFunc, type FetchNamespacesWithWorkloads, type FetchPeerSourcesFunc, type FetchProfilingSlotsFunc, type FetchSourceByIdFunc, type FetchSourceDescribeFunc, type FetchSourceLibrariesFunc, type FetchSourceProfilingFunc, type GetDestinationCategoriesFunc, type GetPotentialDestinationsFunc, type PersistSourcesFunc, type RecoverFromRollbackFunc, type RestartPodFunc, type RestartWorkloadsFunc, type TestConnectionFunc, type UpdateActionFunc, type UpdateDestinationFunc, type UpdateInstrumentationRuleFunc, type UpdateSourceFunc } from '@/types';
+export interface DrawersProps {
+    effectiveConfig: EffectiveConfig;
+    fetchNamespacesWithWorkloads: FetchNamespacesWithWorkloads;
+    persistSources: PersistSourcesFunc;
+    restartWorkloads: RestartWorkloadsFunc;
+    restartPod: RestartPodFunc;
+    recoverFromRollback: RecoverFromRollbackFunc;
+    updateSource: UpdateSourceFunc;
+    fetchSourceById: FetchSourceByIdFunc;
+    fetchSourceDescribe: FetchSourceDescribeFunc;
+    fetchSourceLibraries: FetchSourceLibrariesFunc;
+    fetchPeerSources: FetchPeerSourcesFunc;
+    enableProfiling: EnableProfilingFunc;
+    fetchProfilingSlots: FetchProfilingSlotsFunc;
+    fetchSourceProfiling: FetchSourceProfilingFunc;
+    getDestinationCategories: GetDestinationCategoriesFunc;
+    getPotentialDestinations: GetPotentialDestinationsFunc;
+    testConnection: TestConnectionFunc;
+    createDestination: CreateDestinationFunc;
+    updateDestination: UpdateDestinationFunc;
+    deleteDestination: DeleteDestinationFunc;
+    createInstrumentationRule: CreateInstrumentationRuleFunc;
+    updateInstrumentationRule: UpdateInstrumentationRuleFunc;
+    deleteInstrumentationRule: DeleteInstrumentationRuleFunc;
+    createAction: CreateActionFunc;
+    updateAction: UpdateActionFunc;
+    deleteAction: DeleteActionFunc;
+}
+export declare const Drawers: FC<DrawersProps>;

package/lib/containers/_v2/overview/filters/index.d.ts

@@ -0,0 +1,2 @@
+import { type FC } from 'react';
+export declare const Filters: FC;

package/lib/containers/_v2/overview/index.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+import { type ColumnsProps } from './columns';
+import { type DrawersProps } from './drawers';
+import { CSSProperties } from 'styled-components';
+import { type DataStreamSelectProps } from './data-stream-select';
+export interface OverviewProps extends DrawersProps, DataStreamSelectProps {
+    columnsMaxHeight: CSSProperties['maxHeight'];
+    metrics: ColumnsProps['metrics'];
+    refetchSources: ColumnsProps['refetchSources'];
+    refetchDestinations: ColumnsProps['refetchDestinations'];
+    refetchActions: ColumnsProps['refetchActions'];
+    refetchInstrumentationRules: ColumnsProps['refetchInstrumentationRules'];
+}
+export declare const Overview: FC<OverviewProps>;

package/lib/containers/_v2/overview/multi-source-control/index.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+import { type PersistSourcesFunc, type RestartWorkloadsFunc } from '@/types';
+export interface MultiSourceControlProps {
+    restartWorkloads: RestartWorkloadsFunc;
+    persistSources: PersistSourcesFunc;
+}
+export declare const MultiSourceControl: FC<MultiSourceControlProps>;

package/lib/containers/_v2/overview/search/builder.d.ts

@@ -0,0 +1,25 @@
+import { type Action, type Destination, EntityTypes, type InstrumentationRule, type Source } from '@/types';
+export type Category = 'all' | EntityTypes;
+interface Params {
+    searchText: string;
+    selectedCategory: Category;
+    sources: Source[];
+    destinations: Destination[];
+    actions: Action[];
+    instrumentationRules: InstrumentationRule[];
+}
+export declare const buildSearchResults: ({ instrumentationRules, sources, actions, destinations, searchText, selectedCategory }: Params) => {
+    categories: {
+        category: Category;
+        label: string;
+        count: number;
+        entities: InstrumentationRule[] | Source[] | Action[] | Destination[];
+    }[];
+    searchResults: {
+        entities: Action[] | Destination[] | Source[] | InstrumentationRule[];
+        category: Category;
+        label: string;
+        count: number;
+    }[];
+};
+export {};

package/lib/containers/_v2/overview/search/index.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+export interface OverviewSearchProps {
+    width?: string;
+    /** When true, the results popup is suppressed (e.g. when the parent already renders results inline). */
+    preventPopup?: boolean;
+}
+export declare const OverviewSearch: FC<OverviewSearchProps>;

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

@@ -3,9 +3,9 @@ import { type ProfilingProps } from './profiling';
 import { type DescribeProps } from './describe';
 import { type LibrariesProps } from './libraries';
 import { type PeerSourcesProps } from './peers';
-import { type PersistSources, type SourceFormData, type WorkloadId, type Source } from '@/types';
+import { type PersistSourcesFunc, type SourceFormData, type WorkloadId, type Source } from '@/types';
 interface SourceDrawerProps {
-    persistSources: PersistSources;
+    persistSources: PersistSourcesFunc;
     updateSource: (sourceId: WorkloadId, payload: SourceFormData) => Promise<void>;
     restartWorkloads: (sourceIds: WorkloadId[]) => Promise<void>;
     restartPod: (namespace: string, name: string) => Promise<void>;

package/lib/containers/source-drawer/profiling/flame-graph-canvas.d.ts

@@ -1,12 +1,24 @@
 import { type FC } from 'react';
 import type { Flamebearer } from './flamebearer';
+export interface ProfilingSlots {
+    activeKeys: string[];
+    keysWithData: string[];
+    totalBytesUsed: number;
+    slotMaxBytes: number;
+    maxSlots: number;
+    maxTotalBytesBudget: number;
+    slotTtlSeconds: number;
+}
 export interface FlameGraphCanvasProps {
     flamebearer: Flamebearer;
     maxRowPx?: number;
     /** Non-empty: only stack frames whose name contains the query are drawn (case-insensitive). */
     searchQuery?: string;
+    /** Symbol-name predicate driven by the table's column filters. Frames whose name returns false are dropped from the layout entirely (not just dimmed), so the remaining stacks rise to fill the space. */
+    shouldKeepName?: (name: string) => boolean;
     minHostHeight?: number;
     /** Notifies the parent whenever the user toggles fullscreen, so the parent can react (e.g. widen the surrounding drawer). */
     onFullscreenChange?: (isFullscreen: boolean) => void;
+    profilingSlots: ProfilingSlots | null;
 }
 export declare const FlameGraphCanvas: FC<FlameGraphCanvasProps>;

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

@@ -67,10 +67,29 @@ export type FlameLayoutBar = {
     name: string;
     matchesSearch: boolean;
 };
+export interface ComputeFlameLayoutOptions {
+    /** When set, layout only that frame’s subtree and scale the X axis to its cumulative size (click-to-zoom, same idea as pprof’s pivot). */
+    zoomRoot?: FlameRect | null;
+    /** Drop frames whose `name` returns false. Used by the table-driven filter (e.g. "filter out void" in Java). */
+    shouldKeepName?: (name: string) => boolean;
+    /** Merge straight-line recursion (parent → single same-name child of equal width) into a single bar — pyroscope's "collapse recursive frames". */
+    collapseRecursive?: boolean;
+}
+/**
+ * Compute the on-canvas layout. See `ComputeFlameLayoutOptions` for the toggles.
+ *
+ * Note: when `shouldKeepName` removes a frame mid-stack, the children below it visually "rise" by one row because we shrink the
+ * level count, but their absolute X offsets are kept (they still align with the parent above the dropped frame). This matches
+ * how pprof/pyroscope behave when you suppress frames — siblings stay anchored, the stack just gets shorter.
+ */
+export declare function computeFlameLayout(fb: Flamebearer, cw: number, ch: number, maxRowPx: number | undefined, searchQuery: string, options?: ComputeFlameLayoutOptions): FlameLayoutBar[] | null;
 /**
- * @param zoomRoot When set, layout only that frame’s subtree and scale the X axis to its cumulative size (click-to-zoom, same idea as pprof’s pivot).
+ * Pyroscope-style "collapse recursive frames": when a frame has exactly one child that shares its name and full width
+ * (i.e. straight-line A → A → A recursion), drop the deeper duplicates and lift the descendants up. Diamond shapes,
+ * mutual recursion patterns where the same frame reappears via a different path, or a parent with multiple children
+ * are left untouched on purpose — collapsing those would change the meaning of the graph.
  */
-export declare function computeFlameLayout(fb: Flamebearer, cw: number, ch: number, maxRowPx: number | undefined, searchQuery: string, zoomRoot?: FlameRect | null): FlameLayoutBar[] | null;
+export declare function collapseRecursiveRects(fb: Pick<Flamebearer, 'names'>, rects: FlameRect[]): FlameRect[];
 /** Deepest stack frames first so hit tests prefer narrow children over parents. */
 export declare function sortFlameBarsDeepestFirst<T extends {
     level: number;

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

@@ -1,14 +1,6 @@
 import { type FC } from 'react';
+import { type ProfilingSlots } from './flame-graph-canvas';
 import { type WorkloadId, type Source } from '@/types';
-interface ProfilingSlots {
-    activeKeys: string[];
-    keysWithData: string[];
-    totalBytesUsed: number;
-    slotMaxBytes: number;
-    maxSlots: number;
-    maxTotalBytesBudget: number;
-    slotTtlSeconds: number;
-}
 interface SourceProfilingResult {
     profileJson: string;
 }

package/lib/containers/source-drawer/profiling/symbol-table.d.ts

@@ -1,8 +1,21 @@
 import { type FC } from 'react';
 import { ProgrammingLanguages } from '@/types';
 import { type SymbolTableRow } from './flamebearer';
+import { type TableRowCell } from '@/components/_v2';
+/** Shape of `Table`'s controlled filters map (columnKey → selected option ids). Re-exported so callers can hold the lifted state. */
+export type SymbolTableFilters = {
+    [columnKey: string]: TableRowCell['rawValue'][];
+};
 export interface SymbolTableProps {
     rows: SymbolTableRow[];
     languages?: ProgrammingLanguages[] | null;
+    /** Controlled column filters. Provide together with `onFiltersChange` to share the table's filters with the flame graph (PLAT-1001 #1). */
+    filters?: SymbolTableFilters;
+    onFiltersChange?: (filters: SymbolTableFilters) => void;
 }
+/**
+ * Build a flame-graph-friendly name predicate from the table's lifted column filters. Returns `undefined` when no
+ * filtering is needed so callers can pass it straight through to `FlameGraphCanvas` without an unnecessary identity churn.
+ */
+export declare function buildJavaSymbolNamePredicate(filters: SymbolTableFilters | undefined, languages: ProgrammingLanguages[] | null | undefined): ((name: string) => boolean) | undefined;
 export declare const SymbolTable: FC<SymbolTableProps>;