@odigos/ui-kit 0.0.218 → 0.0.219

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

@@ -4,6 +4,7 @@ export interface AutocompleteOption {
     label: string;
 }
 export interface AutocompleteProps {
+    'data-id'?: string;
     options: AutocompleteOption[];
     value: string;
     onSelect: (option: AutocompleteOption | null) => void;

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

@@ -11,6 +11,7 @@ export declare enum ButtonSize {
     L = "large"
 }
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    'data-id'?: string;
     label?: string;
     tooltip?: string;
     leftIcon?: SVG;

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

@@ -9,7 +9,7 @@ export declare enum SectionCardSize {
 export interface SectionCardProps {
     size?: SectionCardSize;
     fullHeight?: boolean;
-    richTitle: RichTitleProps;
+    richTitle?: RichTitleProps;
     search?: SearchProps;
     actions?: ActionsProps['actions'];
     children?: ReactNode;

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

@@ -0,0 +1,9 @@
+import { type ReactNode, type FC } from 'react';
+import { type NoteProps } from '../../note';
+import { type ButtonProps } from '../../button';
+export interface FooterProps {
+    note?: NoteProps;
+    actions?: ButtonProps[];
+    children?: ReactNode;
+}
+export declare const Footer: FC<FooterProps>;

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

@@ -1,5 +1,6 @@
 import { type CSSProperties, type ReactNode, type FC } from 'react';
 import { HeaderProps } from './header';
+import { type FooterProps } from './footer';
 export interface DrawerProps {
     isOpen: boolean;
     hideOverlay?: boolean;
@@ -7,6 +8,7 @@ export interface DrawerProps {
     position?: 'left' | 'right';
     width?: CSSProperties['width'];
     header?: HeaderProps;
+    footer?: FooterProps;
     children: ReactNode;
 }
 export declare const Drawer: FC<DrawerProps>;

package/lib/components/_v2/hover-actions/index.d.ts

@@ -2,6 +2,7 @@ import { type CSSProperties, type FC } from 'react';
 import { type ButtonProps } from '../button';
 export interface HoverAction extends Pick<ButtonProps, 'label' | 'leftIcon' | 'rightIcon' | 'loading' | 'disabled'> {
     id: string;
+    'data-id'?: string;
     onClick: () => void;
     tooltip?: string;
 }
@@ -9,5 +10,6 @@ export interface HoverActionsProps {
     isOpen: boolean;
     actions: (HoverAction | null)[];
     positionRight?: CSSProperties['right'];
+    positionLeft?: CSSProperties['left'];
 }
 export declare const HoverActions: FC<HoverActionsProps>;

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

@@ -1,6 +1,7 @@
 import { type FC } from 'react';
 import { StatusType } from '@/types';
 interface NoteAction {
+    'data-id'?: string;
     label: string;
     onClick: () => void;
 }

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

@@ -5,6 +5,7 @@ export declare enum RadioSize {
     L = "large"
 }
 export interface RadioProps {
+    'data-id'?: string;
     label?: string;
     size?: RadioSize;
     disabled?: boolean;

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

@@ -1,11 +1,12 @@
 import { type FC, CSSProperties } from 'react';
 import { type SegmentProps } from '../segment';
 export interface SearchProps {
+    'data-id'?: string;
     value: string;
     onChange: (value: string) => void;
     placeholder?: string;
     width?: CSSProperties['width'];
-    segment?: Pick<SegmentProps, 'options' | 'selected' | 'setSelected'>;
+    segment?: Pick<SegmentProps, 'data-id' | 'options' | 'selected' | 'setSelected'>;
     /** Replaces default idle background (`silver[800]`). */
     idleBackgroundColor?: CSSProperties['backgroundColor'];
     /** Replaces default hover / focus background (`silver[700]`). */

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

@@ -17,6 +17,7 @@ interface Option<T> {
     disabled?: boolean;
 }
 export interface SegmentProps<T = any> {
+    'data-id'?: string;
     size?: SegmentSize;
     variant?: SegmentVariant;
     options: Option<T>[];
@@ -24,5 +25,5 @@ export interface SegmentProps<T = any> {
     setSelected: (value: T) => void;
     disabled?: boolean;
 }
-export declare const Segment: <T>({ size, variant, options, selected, setSelected, disabled }: SegmentProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Segment: <T>({ "data-id": dataId, size, variant, options, selected, setSelected, disabled }: SegmentProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,11 +6,13 @@ export interface TableProps {
     variant: TableVariant;
     maxHeight?: CSSProperties['maxHeight'];
     headerBackgroundColor?: CSSProperties['backgroundColor'];
+    hideHeader?: boolean;
     isLoading?: boolean;
     columns: TableColumn[];
     rows: TableRow[];
     getRowActions?: (row: TableRow) => (HoverAction | null)[];
-    rowActionsPushRightPosition?: CSSProperties['width'];
+    rowActionsPushRightPosition?: CSSProperties['right'];
+    rowActionsPushLeftPosition?: CSSProperties['left'];
     withCheckboxes?: boolean;
 }
 export declare const Table: FC<TableProps>;

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

@@ -15,6 +15,7 @@ export declare const Row: IStyledComponent<'web', DivProps>;
 interface ThProps {
     $variant: TableVariant;
     $backgroundColor?: CSSProperties['backgroundColor'];
+    $flex?: TableColumn['flex'];
     $minWidth?: TableColumn['minWidth'];
     $isFirst: boolean;
     $isLast: boolean;
@@ -29,6 +30,7 @@ interface TdProps {
     $isLastRow: boolean;
     $isFirstCell: boolean;
     $isLastCell: boolean;
+    $flex?: TableColumn['flex'];
     $minWidth?: TableColumn['minWidth'];
 }
 export declare const Td: IStyledComponent<'web', DivProps<TdProps>>;

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

@@ -6,7 +6,8 @@ interface TableRowsProps {
     columns: TableColumn[];
     rows: TableRow[];
     getRowActions: (row: TableRow) => (HoverAction | null)[];
-    rowActionsPushRightPosition?: CSSProperties['width'];
+    rowActionsPushRightPosition?: CSSProperties['right'];
+    rowActionsPushLeftPosition?: CSSProperties['left'];
     withCheckboxes?: boolean;
 }
 export declare const TableRows: FC<TableRowsProps>;

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

@@ -6,8 +6,10 @@ export declare enum TableVariant {
 export interface TableColumn {
     key: string;
     label: string;
+    withTooltip?: boolean;
     noSort?: boolean;
     noFilter?: boolean;
+    flex?: CSSProperties['flex'];
     minWidth?: CSSProperties['minWidth'];
     textAlign?: CSSProperties['textAlign'];
 }

package/lib/components/styled.d.ts

@@ -5,6 +5,9 @@ export declare const PageContent: IStyledComponent<'web', DivProps<{
     $heightOffset?: number;
 }>>;
 export declare const UpgradeRequiredWrapper: IStyledComponent<'web', DivProps>;
+export declare const Padding: IStyledComponent<'web', DivProps<{
+    $padding?: CSSProperties['padding'];
+}>>;
 interface FlexRowProps {
     $gap?: number;
     $alignItems?: CSSProperties['alignItems'];

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

@@ -12,6 +12,8 @@ interface TooltipProps extends PropsWithChildren {
      * (e.g. hit-tested canvas). The popup only opens when `text` is non-empty.
      */
     keepAlive?: boolean;
+    /** Truncate the tooltip text with an ellipsis when it overflows. */
+    ellipsis?: boolean;
 }
 declare const Tooltip: FC<TooltipProps>;
 export { Tooltip, type TooltipProps };

package/lib/components/v2.js

@@ -1 +1 @@
-export{as as Autocomplete,$ as Badge,q as Button,B as ButtonSize,e3 as ButtonTab,e4 as ButtonTabList,a as ButtonVariants,d as Checkbox,e5 as CheckboxList,at as CheckboxSize,aN as CliCommand,aD as DataCard,ax as Drawer,aw as DropData,aC as DropDataAlignX,aB as DropDataAlignY,ai as DropDown,j as FieldMessage,i as FieldTitle,e6 as Header,aW as HoverActions,ad as IconButton,ae as IconButtonSize,I as Input,p as InputList,m as InputTable,aJ as Island,af as Loader,e7 as Modal,e8 as Navbar,N as NoData,P as Note,av as Radio,e9 as RadioGroup,ea as RadioSize,aV as Search,S as SectionCard,eb as SectionCardSize,x as Segment,aj as SegmentSize,cC as SegmentVariant,aR as StatusCard,aK as Stepper,aH as Table,aI as TableVariant,ec as Tag,y as TextArea,aS as TextCard,n as Toggle,o as ToggleLabelAlign,ed as ToggleList,an as ToggleSize,ee as ToggleVariant,T as Typography,e as TypographySize,ao as TypographyVariants,cX as WarningModal}from"../chunks/ui-components-CzlBPbLD.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";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 Autocomplete,$ as Badge,q as Button,B as ButtonSize,fq as ButtonTab,fr as ButtonTabList,a as ButtonVariants,d as Checkbox,fs as CheckboxList,aF as CheckboxSize,bW as CliCommand,bI as DataCard,bp as Drawer,ar as DropData,bH as DropDataAlignX,bG as DropDataAlignY,bh as DropDown,j as FieldMessage,i as FieldTitle,ft as Header,e3 as HoverActions,bc as IconButton,bd as IconButtonSize,I as Input,p as InputList,m as InputTable,bS as Island,be as Loader,fu as Modal,fv as Navbar,N as NoData,P as Note,al as Radio,fw as RadioGroup,fx as RadioSize,dZ as Search,S as SectionCard,fy as SectionCardSize,x as Segment,ad as SegmentSize,cb as SegmentVariant,b_ as StatusCard,bT as Stepper,bQ as Table,bR as TableVariant,fz as Tag,y as TextArea,b$ as TextCard,n as Toggle,o as ToggleLabelAlign,fA as ToggleList,aO as ToggleSize,fB as ToggleVariant,T as Typography,e as TypographySize,bl as TypographyVariants,cc as WarningModal}from"../chunks/ui-components-Dj10kYlT.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";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{bs as AutocompleteInput,bM as Badge,bO as Button,bf as CancelWarning,b as CenterThis,aZ as Checkbox,C as Code,bj as ConditionDetails,bk as DataCard,aX as DataCardFieldTypes,cn as DataCardFields,dQ as DataFinger,bQ as DataTab,be as DeleteWarning,cG as DescribeRow,D as Divider,b8 as DocsButton,bd as Drawer,dR as DrawerFooter,dS as DrawerHeader,c7 as Dropdown,dT as ErrorBoundary,ce as ExtendArrow,aM as FadeLoader,a_ as FieldError,aY as FieldLabel,F as FlexColumn,c as FlexRow,dU as Header,b4 as IconButton,cP as IconGroup,bG as IconTitleBadge,bB as IconWrapped,cB as IconsNav,dV as ImageControlled,a$ as Input,b3 as InputList,b0 as InputTable,bJ as InteractiveTable,b2 as KeyValueInputsList,dW as LoadingText,bp as Modal,bq as ModalBody,b9 as MonitorsCheckboxes,bD as MonitorsIcons,bt as NavigationButtons,bK as NoDataFound,br as NotificationNote,dX as Overlay,aG as PageContent,c2 as Popup,cR as PopupForm,cW as ScrollX,bS as ScrollY,b7 as SectionTitle,b6 as Segment,c4 as SelectionButton,bW as SkeletonLoader,bv as Status,cm as Stepper,dY as TabList,bE as TableContainer,bF as TableTitleWrap,bI as TableWrap,cp as Tag,bb as Text,ba as TextArea,b1 as Toggle,cU as ToggleCodeComponent,U as Tooltip,bL as TraceLoader,aU as UpgradeRequiredWrapper,c3 as VerticalScroll,cs as WarningModal,dZ as getLinksFromText,d_ as getStrongsFromText,d$ as renderText}from"./chunks/ui-components-CzlBPbLD.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";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{cO as AutocompleteInput,d6 as Badge,d8 as Button,cB as CancelWarning,b as CenterThis,cj as Checkbox,C as Code,cF as ConditionDetails,cG as DataCard,ch as DataCardFieldTypes,dK as DataCardFields,fb as DataFinger,da as DataTab,cA as DeleteWarning,e1 as DescribeRow,D as Divider,cu as DocsButton,cz as Drawer,fc as DrawerFooter,fd as DrawerHeader,du as Dropdown,fe as ErrorBoundary,dB as ExtendArrow,bV as FadeLoader,ck as FieldError,ci as FieldLabel,F as FlexColumn,c as FlexRow,ff as Header,cq as IconButton,eb as IconGroup,d0 as IconTitleBadge,cX as IconWrapped,dY as IconsNav,fg as ImageControlled,cl as Input,cp as InputList,cm as InputTable,d3 as InteractiveTable,co as KeyValueInputsList,fh as LoadingText,cL as Modal,cM as ModalBody,cv as MonitorsCheckboxes,cZ as MonitorsIcons,cP as NavigationButtons,d4 as NoDataFound,cN as NotificationNote,fi as Overlay,bv as Padding,bP as PageContent,dp as Popup,ed as PopupForm,ei as ScrollX,dc as ScrollY,ct as SectionTitle,cs as Segment,dr as SelectionButton,dg as SkeletonLoader,cR as Status,dJ as Stepper,fj as TabList,c_ as TableContainer,c$ as TableTitleWrap,d2 as TableWrap,dM as Tag,cx as Text,cw as TextArea,cn as Toggle,eg as ToggleCodeComponent,U as Tooltip,d5 as TraceLoader,c1 as UpgradeRequiredWrapper,dq as VerticalScroll,dP as WarningModal,fk as getLinksFromText,fl as getStrongsFromText,fm as renderText}from"./chunks/ui-components-Dj10kYlT.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";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/index.d.ts

@@ -1,6 +1,7 @@
 export * from './actions';
 export * from './destinations';
 export * from './instrumentation-rules';
+export * from './sampling';
 export * from './signals';
 export * from './sources';
 export * from './strings';

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

@@ -0,0 +1,87 @@
+import type { SamplingRuleCategory } from '@/containers/_v2/sampling-rules/types';
+export declare const BTN_CANCEL = "Cancel";
+export declare const BTN_SAVE = "Save";
+export declare const BTN_EDIT_RULE = "Edit rule";
+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 LABEL_RULE_NAME = "Rule name";
+export declare const LABEL_RULE_TYPE = "Rule type";
+export declare const LABEL_RULE_ENABLED = "Rule Enabled";
+export declare const LABEL_NOTE = "Note";
+export declare const LABEL_HTTP_ROUTE = "HTTP route";
+export declare const LABEL_METHOD = "Method";
+export declare const LABEL_KEEP_PERCENTAGE = "Keep Percentage";
+export declare const LABEL_DROP_PERCENTAGE = "Drop Percentage";
+export declare const LABEL_KEEP_TRACES_DURATION = "Keep traces with duration larger than";
+export declare const LABEL_KEEP_TRACES_ERRORS = "Keep traces with errors";
+export declare const LABEL_KEEP_AT_LEAST = "Keep at least this percentage of matching traces";
+export declare const LABEL_KEEP_AT_MOST = "Keep at most this percentage of matching traces";
+export declare const LABEL_CUSTOM_PERCENTAGE = "Custom percentage";
+export declare const LABEL_DISABLED_RULE = "Disabled rule";
+export declare const LABEL_SAMPLE = "Sample";
+export declare const LABEL_KEEP_ALL = "Keep all";
+export declare const LABEL_DROP_ALL = "Drop all";
+export declare const LABEL_OPERATION_TYPE = "Operation type";
+export declare const LABEL_HTTP_ROUTE_PREFIX = "HTTP route prefix";
+export declare const LABEL_TEMPLATED_PATH = "Templated path";
+export declare const LABEL_TEMPLATED_PATH_PREFIX = "Templated path prefix";
+export declare const LABEL_KAFKA_TOPIC = "Kafka topic";
+export declare const LABEL_CUSTOM_DURATION = "Custom duration (ms)";
+export declare const LABEL_NO_PREVIEW = "No preview available";
+export declare const LABEL_SERVER_ADDRESS = "Server address";
+export declare const LABEL_DROP_AT_MOST = "Drop at most this percentage of matching traces";
+export declare const UNNAMED_RULE = "Unnamed rule";
+export declare const SECTION_SAMPLING_PREVIEW = "Sampling Preview";
+export declare const SECTION_SOURCE_SCOPE = "Source Scope";
+export declare const SECTION_OPERATION = "Operation";
+export declare const SECTION_DURATION = "Duration";
+export declare const SECTION_ERRORS = "Errors";
+export declare const SECTION_KEEP_PERCENTAGE = "Keep Percentage";
+export declare const SECTION_DROP_PERCENTAGE = "Drop Percentage";
+export declare const DESC_SOURCE_SCOPE = "Define which sources this rule applies to. You can target specific services, namespaces, or apply the rule to the entire cluster.";
+export declare const DESC_OPERATION = "Define which operations this rule applies to. You can target specific endpoints or requests, or apply the rule to all operations in the selected services.";
+export declare const DESC_DURATION = "Define a duration threshold for this rule. Traces with a duration longer than the specified value will be considered important and retained.";
+export declare const DESC_ERRORS = "Retain traces with errors from the selected services and operations.";
+export declare const DESC_KEEP_PERCENTAGE = "Specify the exact percentage of matching traces to keep";
+export declare const DESC_DROP_PERCENTAGE = "Specify the exact percentage of matching traces to drop";
+export declare const PLACEHOLDER_RULE_NAME = "Type rule name";
+export declare const PLACEHOLDER_NOTE = "Add note here...";
+export declare const PLACEHOLDER_ROUTE = "Type here";
+export declare const PLACEHOLDER_SEARCH_SOURCE = "Search source name";
+export declare const PLACEHOLDER_SERVER_ADDRESS = "e.g. collector.my.vendor.com";
+export declare const TOOLTIP_NOTE = "Optional notes (not used by the system). Add any context or details for this sampling rule.";
+export declare const NOTE_ENTIRE_CLUSTER = "Rule will apply to all sources in the cluster";
+export declare const ALL_SOURCES = "All sources";
+export declare const EMPTY_VALUE = "-";
+export declare const FILTER_TYPE_ALL = "All";
+export declare const OPERATION_ALL = "All operations";
+export declare const OPERATION_HTTP_SERVER = "HTTP server endpoint";
+export declare const OPERATION_HTTP_CLIENT = "HTTP client endpoint";
+export declare const OPERATION_KAFKA_CONSUMER = "Kafka consumer";
+export declare const OPERATION_KAFKA_PRODUCER = "Kafka producer";
+export declare const SAMPLING_PAGE_TITLE = "Sampling Rules";
+export declare const SAMPLING_PAGE_DESCRIPTION = "Control how traces are categorized based on \"Importance\" and potential value, for fine grain control of what is kept and what is dropped.";
+export declare const SAMPLING_BTN_REFRESH = "Refresh";
+export declare const SAMPLING_BTN_CREATE_RULE = "Create rule";
+export declare const SAMPLING_BTN_DOCS = "Sampling docs";
+export declare const SAMPLING_DRAWER_WIDTH = "75vw";
+export declare const SAMPLING_DELETE_MODAL_TITLE = "Delete rule?";
+export declare const SAMPLING_DELETE_MODAL_DESCRIPTION = "Are you sure you want to delete this sampling rule?";
+export declare const SAMPLING_DELETE_MODAL_APPROVE = "Delete";
+export declare const SAMPLING_DELETE_MODAL_CANCEL = "Cancel";
+export declare const SAMPLING_AUTO_RULE_TITLE = "Auto rule - Kubernetes Health Probes";
+export declare const SAMPLING_HIGHLY_RELEVANT_AUTO_RULE_TITLE = "Auto rule - Keep All Error Traces";
+export declare const SAMPLING_COST_REDUCTION_AUTO_RULE_TITLE = "Auto rule - Drop Traces Cluster-Wide";
+export declare const SAMPLING_DUPLICATE_RULE_WARNING = "A rule with the same matching conditions already exists.";
+export declare const EDIT_NOISY_AUTO_RULE_DRAWER_TITLE = "Edit 'Noisy Operation' auto rule";
+export declare const EDIT_NOISY_AUTO_RULE_DRAWER_SUBTITLE = "Automatically detect and sample health probe traces across the cluster.";
+export declare const EDIT_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_TITLE = "Edit 'Highly Relevant' auto rule";
+export declare const EDIT_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_SUBTITLE = "Automatically keep all error traces across the entire cluster.";
+export declare const EDIT_COST_REDUCTION_AUTO_RULE_DRAWER_TITLE = "Edit 'Cost Reduction' auto rule";
+export declare const EDIT_COST_REDUCTION_AUTO_RULE_DRAWER_SUBTITLE = "Automatically drop a percentage of traces across the entire cluster.";
+export declare const CATEGORY_DESCRIPTIONS: Record<SamplingRuleCategory, string>;
+export declare const CATEGORY_TITLES: Record<SamplingRuleCategory, string>;
+export declare const EDIT_TITLES: Record<SamplingRuleCategory, string>;
+export declare const CATEGORY_LABELS: Record<SamplingRuleCategory, string>;

package/lib/constants.js

@@ -1 +1 @@
-export{aa as ACTION_ATTRIBUTE_OPTIONS,bi as ACTION_OPTIONS,ab as ACTION_SAMPLER_OPTIONS,aF as BUTTON_TEXTS,a4 as DEFAULT_CLUSTER_ID,a3 as DEFAULT_CLUSTER_NAME,cd as DEFAULT_DATA_STREAM_NAME,ag as DESTINATION_CATEGORIES,a0 as DISPLAY_LANGUAGES,ac as DISPLAY_TITLES,w as DOCS_BASE_URL,G as DestinationCategoryTypes,O as FORM_ALERTS,al as INSTRUMENTATION_RULE_OPTIONS,dD as LANGUAGE_OPTIONS,c8 as MONITORS_OPTIONS,dE as OTEL_DISTRO_NAME_OPTIONS,c9 as STORAGE_KEYS,dF as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-CzlBPbLD.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";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{b9 as ACTION_ATTRIBUTE_OPTIONS,cE as ACTION_OPTIONS,ba as ACTION_SAMPLER_OPTIONS,eZ as ALL_SOURCES,bq as BTN_CANCEL,br as BTN_CREATE_RULE,bL as BTN_DELETE_RULE,c4 as BTN_EDIT_AUTO_RULE,bK as BTN_EDIT_RULE,bw as BTN_SAVE,bJ as BTN_SAVE_RULE,bO as BUTTON_TEXTS,bs as CATEGORY_DESCRIPTIONS,aT as CATEGORY_LABELS,bt as CATEGORY_TITLES,a4 as DEFAULT_CLUSTER_ID,a3 as DEFAULT_CLUSTER_NAME,dA as DEFAULT_DATA_STREAM_NAME,au as DESC_DROP_PERCENTAGE,aH as DESC_DURATION,aL as DESC_ERRORS,at as DESC_KEEP_PERCENTAGE,ah as DESC_OPERATION,aA as DESC_SOURCE_SCOPE,bf as DESTINATION_CATEGORIES,a0 as DISPLAY_LANGUAGES,bb as DISPLAY_TITLES,w as DOCS_BASE_URL,G as DestinationCategoryTypes,bB as EDIT_COST_REDUCTION_AUTO_RULE_DRAWER_SUBTITLE,bC as EDIT_COST_REDUCTION_AUTO_RULE_DRAWER_TITLE,bz as EDIT_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_SUBTITLE,bA as EDIT_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_TITLE,bx as EDIT_NOISY_AUTO_RULE_DRAWER_SUBTITLE,by as EDIT_NOISY_AUTO_RULE_DRAWER_TITLE,bM as EDIT_TITLES,aS as EMPTY_VALUE,c3 as FILTER_TYPE_ALL,O as FORM_ALERTS,bj as INSTRUMENTATION_RULE_OPTIONS,aK as LABEL_CUSTOM_DURATION,az as LABEL_CUSTOM_PERCENTAGE,c2 as LABEL_DISABLED_RULE,aW as LABEL_DROP_ALL,b8 as LABEL_DROP_AT_MOST,aw as LABEL_DROP_PERCENTAGE,ao as LABEL_HTTP_ROUTE,aq as LABEL_HTTP_ROUTE_PREFIX,as as LABEL_KAFKA_TOPIC,aX as LABEL_KEEP_ALL,ax as LABEL_KEEP_AT_LEAST,ay as LABEL_KEEP_AT_MOST,av as LABEL_KEEP_PERCENTAGE,aJ as LABEL_KEEP_TRACES_DURATION,aN as LABEL_KEEP_TRACES_ERRORS,aU as LABEL_METHOD,ag as LABEL_NOTE,aQ as LABEL_NO_PREVIEW,aZ as LABEL_OPERATION_TYPE,b3 as LABEL_RULE_ENABLED,ab as LABEL_RULE_NAME,ac as LABEL_RULE_TYPE,aV as LABEL_SAMPLE,ak as LABEL_SERVER_ADDRESS,an as LABEL_TEMPLATED_PATH,ap as LABEL_TEMPLATED_PATH_PREFIX,e_ as LANGUAGE_OPTIONS,dv as MONITORS_OPTIONS,aC as NOTE_ENTIRE_CLUSTER,a$ as OPERATION_ALL,a_ as OPERATION_HTTP_CLIENT,aY as OPERATION_HTTP_SERVER,b0 as OPERATION_KAFKA_CONSUMER,b1 as OPERATION_KAFKA_PRODUCER,e$ as OTEL_DISTRO_NAME_OPTIONS,ae as PLACEHOLDER_NOTE,am as PLACEHOLDER_ROUTE,aa as PLACEHOLDER_RULE_NAME,aE as PLACEHOLDER_SEARCH_SOURCE,aj as PLACEHOLDER_SERVER_ADDRESS,b2 as SAMPLING_AUTO_RULE_TITLE,c8 as SAMPLING_BTN_CREATE_RULE,c6 as SAMPLING_BTN_DOCS,c7 as SAMPLING_BTN_REFRESH,b6 as SAMPLING_COST_REDUCTION_AUTO_RULE_TITLE,ce as SAMPLING_DELETE_MODAL_APPROVE,cd as SAMPLING_DELETE_MODAL_CANCEL,cf as SAMPLING_DELETE_MODAL_DESCRIPTION,cg as SAMPLING_DELETE_MODAL_TITLE,bu as SAMPLING_DRAWER_WIDTH,c5 as SAMPLING_DUPLICATE_RULE_WARNING,b5 as SAMPLING_HIGHLY_RELEVANT_AUTO_RULE_TITLE,c9 as SAMPLING_PAGE_DESCRIPTION,ca as SAMPLING_PAGE_TITLE,b7 as SECTION_DROP_PERCENTAGE,aI as SECTION_DURATION,aM as SECTION_ERRORS,b4 as SECTION_KEEP_PERCENTAGE,ai as SECTION_OPERATION,aP as SECTION_SAMPLING_PREVIEW,aB as SECTION_SOURCE_SCOPE,dw as STORAGE_KEYS,f0 as TOKEN_ABOUT_TO_EXPIRE,af as TOOLTIP_NOTE,aR as UNNAMED_RULE}from"./chunks/ui-components-Dj10kYlT.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";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/create-sampling-rule-drawer/index.d.ts

@@ -1,6 +1,20 @@
 import { type FC } from 'react';
-import type { CreateSamplingRuleDrawerProps } from './types';
-export type { SamplingRuleFormState, CreateSamplingRuleDrawerProps, DuplicateValidationResult, ScopeType, OperationType, PercentageMode, RouteType, DurationPreset, PercentagePreset } from './types';
-export { getDefaultFormState } from './types';
-export { formStateToNoisyInput, formStateToHighlyRelevantInput, formStateToCostReductionInput } from './converters';
+import type { SamplingRuleCategory } from '../../sampling-rules/types';
+import type { SamplingRuleFormState, DuplicateValidationResult } from '../../_forms/create-sampling-rule-form/types';
+export interface CreateSamplingRuleDrawerProps {
+    isOpen: boolean;
+    category: SamplingRuleCategory;
+    onClose: () => void;
+    onSubmit: (state: SamplingRuleFormState) => void;
+    sourceOptions?: {
+        id: string;
+        label: string;
+    }[];
+    namespaceOptions?: {
+        id: string;
+        label: string;
+    }[];
+    validateForm?: (formState: SamplingRuleFormState) => DuplicateValidationResult | null;
+    onNavigateToDuplicate?: (ruleId: string) => void;
+}
 export declare const CreateSamplingRuleDrawer: FC<CreateSamplingRuleDrawerProps>;

package/lib/containers/_v2/_drawers/edit-auto-rule-drawer/index.d.ts

@@ -1,4 +1,9 @@
 import { type FC } from 'react';
-import type { EditAutoRuleDrawerProps } from './types';
-export type { EditAutoRuleDrawerProps } from './types';
+export interface EditAutoRuleDrawerProps {
+    isOpen: boolean;
+    enabled: boolean;
+    keepPercentage: number;
+    onClose: () => void;
+    onSave: (enabled: boolean, keepPercentage: number) => void;
+}
 export declare const EditAutoRuleDrawer: FC<EditAutoRuleDrawerProps>;

package/lib/containers/_v2/_drawers/edit-cost-reduction-auto-rule-drawer/index.d.ts

@@ -1,4 +1,9 @@
 import { type FC } from 'react';
-import type { EditCostReductionAutoRuleDrawerProps } from './types';
-export type { EditCostReductionAutoRuleDrawerProps } from './types';
+export interface EditCostReductionAutoRuleDrawerProps {
+    isOpen: boolean;
+    enabled: boolean;
+    dropPercentage: number;
+    onClose: () => void;
+    onSave: (enabled: boolean, dropPercentage: number) => void;
+}
 export declare const EditCostReductionAutoRuleDrawer: FC<EditCostReductionAutoRuleDrawerProps>;

package/lib/containers/_v2/_drawers/edit-highly-relevant-auto-rule-drawer/index.d.ts

@@ -1,4 +1,8 @@
 import { type FC } from 'react';
-import type { EditHighlyRelevantAutoRuleDrawerProps } from './types';
-export type { EditHighlyRelevantAutoRuleDrawerProps } from './types';
+export interface EditHighlyRelevantAutoRuleDrawerProps {
+    isOpen: boolean;
+    enabled: boolean;
+    onClose: () => void;
+    onSave: (enabled: boolean) => void;
+}
 export declare const EditHighlyRelevantAutoRuleDrawer: FC<EditHighlyRelevantAutoRuleDrawerProps>;

package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/index.d.ts

@@ -1,8 +1,6 @@
 import { type FC } from 'react';
-import type { ViewRuleData } from './types';
-import type { SamplingRuleFormState, DuplicateValidationResult } from '../create-sampling-rule-drawer/types';
-export type { ViewRuleData } from './types';
-export { viewRuleDataToFormState } from './reverse-converters';
+import type { ViewRuleData } from '../../sampling-rules/types';
+import type { SamplingRuleFormState, DuplicateValidationResult } from '../../_forms/create-sampling-rule-form/types';
 export interface ViewSamplingRuleDrawerProps {
     data: ViewRuleData | null;
     defaultEditMode?: boolean;

package/lib/containers/_v2/_forms/create-sampling-rule-form/context.d.ts

@@ -0,0 +1,34 @@
+import React, { type FC } from 'react';
+import type { SamplingRuleCategory } from '../../sampling-rules/types';
+import type { SamplingRuleFormState, DuplicateValidationResult } from './types';
+interface CreateSamplingRuleFormContextType {
+    category: SamplingRuleCategory;
+    formData: SamplingRuleFormState;
+    handleChange: (updates: Partial<SamplingRuleFormState>) => void;
+    resetForm: () => void;
+    duplicateWarning: DuplicateValidationResult | null;
+    setDuplicateWarning: (warning: DuplicateValidationResult | null) => void;
+    sourceOptions: {
+        id: string;
+        label: string;
+    }[];
+    namespaceOptions: {
+        id: string;
+        label: string;
+    }[];
+}
+export interface CreateSamplingRuleFormContextProviderProps {
+    category: SamplingRuleCategory;
+    sourceOptions?: {
+        id: string;
+        label: string;
+    }[];
+    namespaceOptions?: {
+        id: string;
+        label: string;
+    }[];
+    children: React.ReactNode;
+}
+export declare const CreateSamplingRuleFormContextProvider: FC<CreateSamplingRuleFormContextProviderProps>;
+export declare const useCreateSamplingRuleFormContext: () => CreateSamplingRuleFormContextType;
+export {};

package/lib/containers/_v2/_forms/create-sampling-rule-form/index.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+export * from './context';
+export declare const CreateSamplingRuleForm: FC;

package/lib/containers/_v2/{_drawers/create-sampling-rule-drawer → _forms/create-sampling-rule-form}/sections/duration-errors.d.ts

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
-import type { HighlyRelevantBadgeType } from '../../../sampling-rules-list/types';
 import type { SamplingRuleFormState } from '../types';
+import type { HighlyRelevantBadgeType } from '../../../sampling-rules/types';
 export interface FormDurationErrorsProps {
     ruleType: HighlyRelevantBadgeType;
     formState: SamplingRuleFormState;

package/lib/containers/_v2/{_drawers/create-sampling-rule-drawer → _forms/create-sampling-rule-form}/sections/operation.d.ts

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
+import type { SamplingRuleCategory } from '../../../sampling-rules/types';
 import type { SamplingRuleFormState } from '../types';
-import type { SamplingRuleCategory } from '../../../sampling-rules-list/types';
 export interface FormOperationProps {
     category: SamplingRuleCategory;
     formState: SamplingRuleFormState;

package/lib/containers/_v2/{_drawers/create-sampling-rule-drawer → _forms/create-sampling-rule-form}/sections/percentage.d.ts

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
+import type { SamplingRuleCategory } from '../../../sampling-rules/types';
 import type { SamplingRuleFormState } from '../types';
-import type { SamplingRuleCategory } from '../../../sampling-rules-list/types';
 export interface FormPercentageProps {
     category: SamplingRuleCategory;
     formState: SamplingRuleFormState;

package/lib/containers/_v2/{_drawers/create-sampling-rule-drawer → _forms/create-sampling-rule-form}/sections/rule-info.d.ts

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
 import type { SamplingRuleFormState } from '../types';
-import type { SamplingRuleCategory } from '../../../sampling-rules-list/types';
+import type { SamplingRuleCategory } from '../../../sampling-rules/types';
 export interface FormRuleInfoProps {
     category: SamplingRuleCategory;
     formState: SamplingRuleFormState;

package/lib/containers/_v2/{_drawers/create-sampling-rule-drawer → _forms/create-sampling-rule-form}/sections/sampling-preview.d.ts

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
-import type { SamplingRuleCategory } from '../../../sampling-rules-list/types';
 import type { SamplingRuleFormState } from '../types';
+import type { SamplingRuleCategory } from '../../../sampling-rules/types';
 export interface FormSamplingPreviewProps {
     category: SamplingRuleCategory;
     formState: SamplingRuleFormState;

package/lib/containers/_v2/_forms/create-sampling-rule-form/styled.d.ts

@@ -0,0 +1,5 @@
+export declare const CellsRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Cell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PreviewSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SummaryBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PresetsRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/containers/_v2/{_drawers/create-sampling-rule-drawer → _forms/create-sampling-rule-form}/types.d.ts

@@ -1,4 +1,4 @@
-import type { SamplingRuleCategory, HighlyRelevantBadgeType } from '../../sampling-rules-list/types';
+import type { SamplingRuleCategory, HighlyRelevantBadgeType } from '../../sampling-rules/types';
 export type ScopeType = 'all' | 'source' | 'namespace' | 'language';
 export type OperationType = 'all' | 'httpServer' | 'httpClient' | 'kafkaConsumer' | 'kafkaProducer';
 export type PercentageMode = 'all' | 'sample';

package/lib/containers/_v2/_forms/edit-auto-rule-form/context.d.ts

@@ -0,0 +1,21 @@
+import React, { type FC } from 'react';
+import type { ColoredSpanPart } from '@/snippets/_v2/colored-span';
+type PercentagePreset = '50' | '25' | '10' | '1' | 'custom';
+interface EditAutoRuleFormContextType {
+    localEnabled: boolean;
+    setLocalEnabled: (value: boolean) => void;
+    percentagePreset: PercentagePreset;
+    setPercentagePreset: (value: PercentagePreset) => void;
+    customPercentage: string;
+    setCustomPercentage: (value: string) => void;
+    resolvedPercentage: number;
+    summary: ColoredSpanPart[];
+}
+export interface EditAutoRuleFormContextProviderProps {
+    enabled: boolean;
+    keepPercentage: number;
+    children: React.ReactNode;
+}
+export declare const EditAutoRuleFormContextProvider: FC<EditAutoRuleFormContextProviderProps>;
+export declare const useEditAutoRuleFormContext: () => EditAutoRuleFormContextType;
+export {};

package/lib/containers/_v2/_forms/edit-auto-rule-form/index.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+export * from './context';
+export declare const EditAutoRuleForm: FC;

package/lib/containers/_v2/_forms/edit-cost-reduction-auto-rule-form/context.d.ts

@@ -0,0 +1,21 @@
+import React, { type FC } from 'react';
+import type { ColoredSpanPart } from '@/snippets/_v2/colored-span';
+type PercentagePreset = '50' | '25' | '10' | '1' | 'custom';
+interface EditCostReductionAutoRuleFormContextType {
+    localEnabled: boolean;
+    setLocalEnabled: (value: boolean) => void;
+    percentagePreset: PercentagePreset;
+    setPercentagePreset: (value: PercentagePreset) => void;
+    customPercentage: string;
+    setCustomPercentage: (value: string) => void;
+    resolvedPercentage: number;
+    summary: ColoredSpanPart[];
+}
+export interface EditCostReductionAutoRuleFormContextProviderProps {
+    enabled: boolean;
+    dropPercentage: number;
+    children: React.ReactNode;
+}
+export declare const EditCostReductionAutoRuleFormContextProvider: FC<EditCostReductionAutoRuleFormContextProviderProps>;
+export declare const useEditCostReductionAutoRuleFormContext: () => EditCostReductionAutoRuleFormContextType;
+export {};

package/lib/containers/_v2/_forms/edit-cost-reduction-auto-rule-form/index.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+export * from './context';
+export declare const EditCostReductionAutoRuleForm: FC;

package/lib/containers/_v2/_forms/edit-highly-relevant-auto-rule-form/context.d.ts

@@ -0,0 +1,14 @@
+import React, { type FC } from 'react';
+import type { ColoredSpanPart } from '@/snippets/_v2/colored-span';
+interface EditHighlyRelevantAutoRuleFormContextType {
+    localEnabled: boolean;
+    setLocalEnabled: (value: boolean) => void;
+    summary: ColoredSpanPart[];
+}
+export interface EditHighlyRelevantAutoRuleFormContextProviderProps {
+    enabled: boolean;
+    children: React.ReactNode;
+}
+export declare const EditHighlyRelevantAutoRuleFormContextProvider: FC<EditHighlyRelevantAutoRuleFormContextProviderProps>;
+export declare const useEditHighlyRelevantAutoRuleFormContext: () => EditHighlyRelevantAutoRuleFormContextType;
+export {};

package/lib/containers/_v2/_forms/edit-highly-relevant-auto-rule-form/index.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+export * from './context';
+export declare const EditHighlyRelevantAutoRuleForm: FC;

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

@@ -2,3 +2,8 @@ export * from './add-action-form';
 export * from './add-destination-form';
 export * from './add-rule-form';
 export * from './add-source-form';
+export * from './create-sampling-rule-form';
+export * from './view-sampling-rule-form';
+export * from './edit-auto-rule-form';
+export * from './edit-highly-relevant-auto-rule-form';
+export * from './edit-cost-reduction-auto-rule-form';