@odigos/ui-kit 0.0.213 → 0.0.215

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

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+export interface AutocompleteOption {
+    id: string;
+    label: string;
+}
+export interface AutocompleteProps {
+    options: AutocompleteOption[];
+    value: string;
+    onSelect: (option: AutocompleteOption | null) => void;
+    placeholder?: string;
+    isLoading?: boolean;
+}
+export declare const Autocomplete: FC<AutocompleteProps>;

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

@@ -18,6 +18,8 @@ export interface DropDataOption {
 }
 export interface DropDataProps {
     defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
     alignX?: DropDataAlignX;
     alignY?: DropDataAlignY;
     items: (DropDataOption | null)[];
@@ -29,6 +31,8 @@ export interface DropDataProps {
     maxHeight?: CSSProperties['maxHeight'];
     buttonProps?: Omit<ButtonProps, 'fullWidth'>;
     iconButtonProps?: IconButtonProps;
+    isLoading?: boolean;
+    emptyMessage?: string;
     children?: ReactNode | ((props: {
         ChevronIcon: SVG;
         handleClick: (e: MouseEvent<HTMLElement>) => void;

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

@@ -1,3 +1,4 @@
+export * from './autocomplete';
 export * from './badge';
 export * from './button';
 export * from './button-tab';

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

@@ -4,18 +4,25 @@ export declare enum SegmentSize {
     S = "s",
     L = "l"
 }
+export declare enum SegmentVariant {
+    Filled = "filled",
+    Underline = "underline"
+}
 interface Option<T> {
     value: T;
     label?: string;
     icon?: SVG;
+    tooltip?: string;
     selectedBgColor?: CSSProperties['backgroundColor'];
+    disabled?: boolean;
 }
 export interface SegmentProps<T = any> {
     size?: SegmentSize;
+    variant?: SegmentVariant;
     options: Option<T>[];
     selected: T;
     setSelected: (value: T) => void;
     disabled?: boolean;
 }
-export declare const Segment: <T>({ size, options, selected, setSelected, disabled }: SegmentProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Segment: <T>({ size, variant, options, selected, setSelected, disabled }: SegmentProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/v2.js

@@ -1 +1 @@
-export{a4 as Badge,B as Button,t as ButtonSize,d_ as ButtonTab,d$ as ButtonTabList,j as ButtonVariants,C as Checkbox,e0 as CheckboxList,e1 as CheckboxSize,aO as CliCommand,aC as DataCard,D as Drawer,az as DropData,aB as DropDataAlignX,aA as DropDataAlignY,H as DropDown,c as FieldMessage,a as FieldTitle,e2 as Header,cC as HoverActions,ag as IconButton,ah as IconButtonSize,I as Input,r as InputList,o as InputTable,aK as Island,L as Loader,e3 as Modal,e4 as Navbar,N as NoData,h as Note,e5 as Radio,e6 as RadioGroup,e7 as RadioSize,g as Search,ax as SectionCard,e8 as SectionCardSize,z as Segment,al as SegmentSize,aR as StatusCard,aL as Stepper,aI as Table,aJ as TableVariant,e9 as Tag,E as TextArea,aS as TextCard,p as Toggle,q as ToggleLabelAlign,ea as ToggleList,ao as ToggleSize,eb as ToggleVariant,k as Typography,f as TypographySize,ap as TypographyVariants,W as WarningModal}from"../chunks/ui-components-BliHHDta.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{at as Autocomplete,a4 as Badge,B as Button,t as ButtonSize,e2 as ButtonTab,e3 as ButtonTabList,j as ButtonVariants,C as Checkbox,e4 as CheckboxList,au as CheckboxSize,aS as CliCommand,aG as DataCard,D as Drawer,ax as DropData,aF as DropDataAlignX,aE as DropDataAlignY,H as DropDown,c as FieldMessage,a as FieldTitle,e5 as Header,aZ as HoverActions,ag as IconButton,ah as IconButtonSize,I as Input,r as InputList,o as InputTable,aO as Island,L as Loader,e6 as Modal,e7 as Navbar,N as NoData,h as Note,aw as Radio,e8 as RadioGroup,e9 as RadioSize,g as Search,aC as SectionCard,ea as SectionCardSize,z as Segment,al as SegmentSize,eb as SegmentVariant,aV as StatusCard,aP as Stepper,aM as Table,aN as TableVariant,ec as Tag,E as TextArea,aW as TextCard,p as Toggle,q as ToggleLabelAlign,ed as ToggleList,ao as ToggleSize,ee as ToggleVariant,k as Typography,f as TypographySize,ap as TypographyVariants,W as WarningModal}from"../chunks/ui-components-CICeYnUU.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{bq as AutocompleteInput,bK as Badge,bM as Button,bd as CancelWarning,e as CenterThis,aX as Checkbox,cT as Code,bh as ConditionDetails,bi as DataCard,aV as DataCardFieldTypes,cj as DataCardFields,dL as DataFinger,bO as DataTab,bc as DeleteWarning,cA as DescribeRow,s as Divider,b6 as DocsButton,bb as Drawer,dM as DrawerFooter,dN as DrawerHeader,c4 as Dropdown,dO as ErrorBoundary,ca as ExtendArrow,aN as FadeLoader,aY as FieldError,aW as FieldLabel,F as FlexColumn,b as FlexRow,dP as Header,b2 as IconButton,cL as IconGroup,bE as IconTitleBadge,bz as IconWrapped,cw as IconsNav,dQ as ImageControlled,aZ as Input,b1 as InputList,a_ as InputTable,bH as InteractiveTable,b0 as KeyValueInputsList,dR as LoadingText,bn as Modal,bo as ModalBody,b7 as MonitorsCheckboxes,bB as MonitorsIcons,br as NavigationButtons,bI as NoDataFound,bp as NotificationNote,dS as Overlay,aH as PageContent,b$ as Popup,cN as PopupForm,cS as ScrollX,S as ScrollY,b5 as SectionTitle,b4 as Segment,c1 as SelectionButton,bT as SkeletonLoader,bt as Status,ci as Stepper,dT as TabList,bC as TableContainer,bD as TableTitleWrap,bG as TableWrap,cl as Tag,b9 as Text,b8 as TextArea,a$ as Toggle,cQ as ToggleCodeComponent,Z as Tooltip,bJ as TraceLoader,aU as UpgradeRequiredWrapper,c0 as VerticalScroll,co as WarningModal,dU as getLinksFromText,dV as getStrongsFromText,dW as renderText}from"./chunks/ui-components-BliHHDta.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{bv as AutocompleteInput,bP as Badge,bR as Button,bi as CancelWarning,e as CenterThis,b0 as Checkbox,cX as Code,bm as ConditionDetails,bn as DataCard,a_ as DataCardFieldTypes,co as DataCardFields,dP as DataFinger,bT as DataTab,bh as DeleteWarning,cG as DescribeRow,s as Divider,bb as DocsButton,bg as Drawer,dQ as DrawerFooter,dR as DrawerHeader,c9 as Dropdown,dS as ErrorBoundary,cf as ExtendArrow,aR as FadeLoader,b1 as FieldError,a$ as FieldLabel,F as FlexColumn,b as FlexRow,dT as Header,b7 as IconButton,cP as IconGroup,bJ as IconTitleBadge,bE as IconWrapped,cC as IconsNav,dU as ImageControlled,b2 as Input,b6 as InputList,b3 as InputTable,bM as InteractiveTable,b5 as KeyValueInputsList,dV as LoadingText,bs as Modal,bt as ModalBody,bc as MonitorsCheckboxes,bG as MonitorsIcons,bw as NavigationButtons,bN as NoDataFound,bu as NotificationNote,dW as Overlay,aL as PageContent,c4 as Popup,cR as PopupForm,cW as ScrollX,S as ScrollY,ba as SectionTitle,b9 as Segment,c6 as SelectionButton,bY as SkeletonLoader,by as Status,cn as Stepper,dX as TabList,bH as TableContainer,bI as TableTitleWrap,bL as TableWrap,cq as Tag,be as Text,bd as TextArea,b4 as Toggle,cU as ToggleCodeComponent,Z as Tooltip,bO as TraceLoader,aY as UpgradeRequiredWrapper,c5 as VerticalScroll,ct as WarningModal,dY as getLinksFromText,dZ as getStrongsFromText,d_ as renderText}from"./chunks/ui-components-CICeYnUU.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.js

@@ -1 +1 @@
-export{ad as ACTION_ATTRIBUTE_OPTIONS,bg as ACTION_OPTIONS,ae as ACTION_SAMPLER_OPTIONS,aG as BUTTON_TEXTS,a8 as DEFAULT_CLUSTER_ID,a7 as DEFAULT_CLUSTER_NAME,c9 as DEFAULT_DATA_STREAM_NAME,aj as DESTINATION_CATEGORIES,a5 as DISPLAY_LANGUAGES,af as DISPLAY_TITLES,y as DOCS_BASE_URL,ai as DestinationCategoryTypes,X as FORM_ALERTS,am as INSTRUMENTATION_RULE_OPTIONS,dy as LANGUAGE_OPTIONS,M as MONITORS_OPTIONS,dz as OTEL_DISTRO_NAME_OPTIONS,c5 as STORAGE_KEYS,dA as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-BliHHDta.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 ACTION_ATTRIBUTE_OPTIONS,bl as ACTION_OPTIONS,ae as ACTION_SAMPLER_OPTIONS,aK as BUTTON_TEXTS,a8 as DEFAULT_CLUSTER_ID,a7 as DEFAULT_CLUSTER_NAME,ce as DEFAULT_DATA_STREAM_NAME,aj as DESTINATION_CATEGORIES,a5 as DISPLAY_LANGUAGES,af as DISPLAY_TITLES,y as DOCS_BASE_URL,ai as DestinationCategoryTypes,X as FORM_ALERTS,am as INSTRUMENTATION_RULE_OPTIONS,dC as LANGUAGE_OPTIONS,M as MONITORS_OPTIONS,dD as OTEL_DISTRO_NAME_OPTIONS,ca as STORAGE_KEYS,dE as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-CICeYnUU.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/constants.d.ts

@@ -0,0 +1,26 @@
+import type { SamplingRuleCategory } from '../../sampling-rules-list/types';
+export { BTN_CANCEL, SECTION_SAMPLING_PREVIEW, SECTION_SOURCE_SCOPE, SECTION_OPERATION, SECTION_DURATION, SECTION_ERRORS, LABEL_RULE_NAME, LABEL_RULE_TYPE, LABEL_NOTE, LABEL_HTTP_ROUTE, LABEL_METHOD, LABEL_KEEP_PERCENTAGE, LABEL_DROP_PERCENTAGE, LABEL_KEEP_TRACES_DURATION, LABEL_KEEP_TRACES_ERRORS, LABEL_KEEP_AT_LEAST, LABEL_KEEP_AT_MOST, CATEGORY_DESCRIPTIONS, } from '../../sampling-rules-list/constants';
+export declare const SAMPLING_DRAWER_WIDTH = "60vw";
+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_CUSTOM_PERCENTAGE = "Custom percentage";
+export declare const LABEL_NO_PREVIEW = "No preview available";
+export declare const LABEL_SERVER_ADDRESS = "Server address";
+export declare const PLACEHOLDER_SERVER_ADDRESS = "e.g. collector.my.vendor.com";
+export declare const PLACEHOLDER_RULE_NAME = "Type rule name";
+export declare const PLACEHOLDER_NOTE = "Add note here...";
+export declare const TOOLTIP_NOTE = "Optional notes (not used by the system). Add any context or details for this sampling rule.";
+export declare const PLACEHOLDER_ROUTE = "Type here";
+export declare const PLACEHOLDER_SEARCH_SOURCE = "Search source name";
+export declare const NOTE_ENTIRE_CLUSTER = "Rule will apply to all sources in the cluster";
+export declare const BTN_CREATE_RULE = "Create rule";
+export declare const DESC_SOURCE_SCOPE = "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_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 CATEGORY_TITLES: Record<SamplingRuleCategory, string>;

package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/converters.d.ts

@@ -0,0 +1,5 @@
+import type { NoisyOperationRuleInput, HighlyRelevantOperationRuleInput, CostReductionRuleInput } from '@/types';
+import type { SamplingRuleFormState } from './types';
+export declare function formStateToNoisyInput(state: SamplingRuleFormState): NoisyOperationRuleInput;
+export declare function formStateToHighlyRelevantInput(state: SamplingRuleFormState): HighlyRelevantOperationRuleInput;
+export declare function formStateToCostReductionInput(state: SamplingRuleFormState): CostReductionRuleInput;

package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/form-helpers.d.ts

@@ -0,0 +1,5 @@
+import type { NoisyOperationRule, HighlyRelevantOperationRule, CostReductionRule } from '@/types';
+import type { SamplingRuleFormState } from './types';
+export declare function formStateToPartialNoisy(state: SamplingRuleFormState): NoisyOperationRule;
+export declare function formStateToPartialHighlyRelevant(state: SamplingRuleFormState): HighlyRelevantOperationRule;
+export declare function formStateToPartialCostReduction(state: SamplingRuleFormState): CostReductionRule;

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

@@ -0,0 +1,6 @@
+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';
+export declare const CreateSamplingRuleDrawer: FC<CreateSamplingRuleDrawerProps>;

package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/sections/duration-errors.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import type { HighlyRelevantBadgeType } from '../../../sampling-rules-list/types';
+import type { SamplingRuleFormState } from '../types';
+export interface FormDurationErrorsProps {
+    ruleType: HighlyRelevantBadgeType;
+    formState: SamplingRuleFormState;
+    onChange: (updates: Partial<SamplingRuleFormState>) => void;
+}
+export declare const FormDurationErrors: FC<FormDurationErrorsProps>;

package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/sections/operation.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import type { SamplingRuleFormState } from '../types';
+import type { SamplingRuleCategory } from '../../../sampling-rules-list/types';
+export interface FormOperationProps {
+    category: SamplingRuleCategory;
+    formState: SamplingRuleFormState;
+    onChange: (updates: Partial<SamplingRuleFormState>) => void;
+}
+export declare const FormOperation: FC<FormOperationProps>;

package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/sections/percentage.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import type { SamplingRuleFormState } from '../types';
+import type { SamplingRuleCategory } from '../../../sampling-rules-list/types';
+export interface FormPercentageProps {
+    category: SamplingRuleCategory;
+    formState: SamplingRuleFormState;
+    onChange: (updates: Partial<SamplingRuleFormState>) => void;
+}
+export declare const FormPercentage: FC<FormPercentageProps>;

package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/sections/rule-info.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import type { SamplingRuleFormState } from '../types';
+import type { SamplingRuleCategory } from '../../../sampling-rules-list/types';
+export interface FormRuleInfoProps {
+    category: SamplingRuleCategory;
+    formState: SamplingRuleFormState;
+    onChange: (updates: Partial<SamplingRuleFormState>) => void;
+}
+export declare const FormRuleInfo: FC<FormRuleInfoProps>;

package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/sections/sampling-preview.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import type { SamplingRuleCategory } from '../../../sampling-rules-list/types';
+import type { SamplingRuleFormState } from '../types';
+export interface FormSamplingPreviewProps {
+    category: SamplingRuleCategory;
+    formState: SamplingRuleFormState;
+    onChange?: (updates: Partial<SamplingRuleFormState>) => void;
+}
+export declare const FormSamplingPreview: FC<FormSamplingPreviewProps>;

package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/sections/source-scope.d.ts

@@ -0,0 +1,10 @@
+import { type FC } from 'react';
+import { type AutocompleteOption } from '@/components/_v2';
+import type { SamplingRuleFormState } from '../types';
+export interface FormSourceScopeProps {
+    formState: SamplingRuleFormState;
+    onChange: (updates: Partial<SamplingRuleFormState>) => void;
+    sourceOptions?: AutocompleteOption[];
+    namespaceOptions?: AutocompleteOption[];
+}
+export declare const FormSourceScope: FC<FormSourceScopeProps>;

package/lib/containers/_v2/_drawers/create-sampling-rule-drawer/types.d.ts

@@ -0,0 +1,54 @@
+import type { SamplingRuleCategory, HighlyRelevantBadgeType } from '../../sampling-rules-list/types';
+export type ScopeType = 'all' | 'source' | 'namespace' | 'language';
+export type OperationType = 'all' | 'httpServer' | 'httpClient' | 'kafkaConsumer' | 'kafkaProducer';
+export type PercentageMode = 'all' | 'sample';
+export type RouteType = 'route' | 'routePrefix';
+export type DurationPreset = '5000' | '1000' | '500' | '100' | '50' | 'custom';
+export type PercentagePreset = '50' | '25' | '10' | '1' | '0.5' | '0.1' | 'custom';
+export interface SourceScopeEntry {
+    scopeType: ScopeType;
+    workloadName: string;
+    workloadKind: string;
+    workloadNamespace: string;
+    workloadLanguage: string;
+}
+export interface SamplingRuleFormState {
+    name: string;
+    notes: string;
+    disabled: boolean;
+    ruleType: HighlyRelevantBadgeType;
+    sourceScopes: SourceScopeEntry[];
+    operationType: OperationType;
+    routeType: RouteType;
+    route: string;
+    serverAddress: string;
+    method: string;
+    kafkaTopic: string;
+    durationPreset: DurationPreset;
+    customDurationMs: string;
+    keepErrors: boolean;
+    percentageMode: PercentageMode;
+    percentagePreset: PercentagePreset;
+    customPercentage: string;
+}
+export declare function getDefaultFormState(category?: SamplingRuleCategory): SamplingRuleFormState;
+export interface DuplicateValidationResult {
+    message: string;
+    ruleId: string;
+}
+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;
+}

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

@@ -0,0 +1,10 @@
+export declare const DRAWER_TITLE = "Edit 'Noisy Operation' auto rule";
+export declare const DRAWER_SUBTITLE = "Automatically detect and sample health probe traces across the cluster.";
+export declare const SECTION_TITLE = "Auto rule - Kubernetes Health Probes";
+export declare const LABEL_RULE_ENABLED = "Rule Enabled";
+export declare const SECTION_KEEP_PERCENTAGE = "Keep Percentage";
+export declare const DESC_KEEP_PERCENTAGE = "Specify the exact percentage of matching traces to keep";
+export declare const LABEL_KEEP_AT_LEAST = "Keep at least this percentage of matching traces";
+export declare const LABEL_CUSTOM_PERCENTAGE = "Custom percentage";
+export declare const BTN_CANCEL = "Cancel";
+export declare const BTN_SAVE = "Save";

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

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import type { EditAutoRuleDrawerProps } from './types';
+export type { EditAutoRuleDrawerProps } from './types';
+export declare const EditAutoRuleDrawer: FC<EditAutoRuleDrawerProps>;

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

@@ -0,0 +1,8 @@
+export type PercentagePreset = '50' | '25' | '10' | '1' | 'custom';
+export interface EditAutoRuleDrawerProps {
+    isOpen: boolean;
+    enabled: boolean;
+    keepPercentage: number;
+    onClose: () => void;
+    onSave: (enabled: boolean, keepPercentage: number) => void;
+}

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

@@ -0,0 +1,10 @@
+export declare const DRAWER_TITLE = "Edit 'Cost Reduction' auto rule";
+export declare const DRAWER_SUBTITLE = "Automatically drop a percentage of traces across the entire cluster.";
+export declare const SECTION_TITLE = "Auto rule - Drop Traces Cluster-Wide";
+export declare const LABEL_RULE_ENABLED = "Rule Enabled";
+export declare const SECTION_DROP_PERCENTAGE = "Drop Percentage";
+export declare const DESC_DROP_PERCENTAGE = "Specify the exact percentage of matching traces to drop";
+export declare const LABEL_DROP_AT_MOST = "Drop at most this percentage of matching traces";
+export declare const LABEL_CUSTOM_PERCENTAGE = "Custom percentage";
+export declare const BTN_CANCEL = "Cancel";
+export declare const BTN_SAVE = "Save";

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

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import type { EditCostReductionAutoRuleDrawerProps } from './types';
+export type { EditCostReductionAutoRuleDrawerProps } from './types';
+export declare const EditCostReductionAutoRuleDrawer: FC<EditCostReductionAutoRuleDrawerProps>;

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

@@ -0,0 +1,8 @@
+export type PercentagePreset = '50' | '25' | '10' | '1' | 'custom';
+export interface EditCostReductionAutoRuleDrawerProps {
+    isOpen: boolean;
+    enabled: boolean;
+    dropPercentage: number;
+    onClose: () => void;
+    onSave: (enabled: boolean, dropPercentage: number) => void;
+}

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

@@ -0,0 +1,6 @@
+export declare const DRAWER_TITLE = "Edit 'Highly Relevant' auto rule";
+export declare const DRAWER_SUBTITLE = "Automatically keep all error traces across the entire cluster.";
+export declare const SECTION_TITLE = "Auto rule - Keep All Error Traces";
+export declare const LABEL_RULE_ENABLED = "Rule Enabled";
+export declare const BTN_CANCEL = "Cancel";
+export declare const BTN_SAVE = "Save";

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

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import type { EditHighlyRelevantAutoRuleDrawerProps } from './types';
+export type { EditHighlyRelevantAutoRuleDrawerProps } from './types';
+export declare const EditHighlyRelevantAutoRuleDrawer: FC<EditHighlyRelevantAutoRuleDrawerProps>;

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

@@ -0,0 +1,6 @@
+export interface EditHighlyRelevantAutoRuleDrawerProps {
+    isOpen: boolean;
+    enabled: boolean;
+    onClose: () => void;
+    onSave: (enabled: boolean) => void;
+}

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

@@ -2,5 +2,10 @@ export * from './add-action-drawer';
 export * from './add-destination-drawer';
 export * from './add-rule-drawer';
 export * from './add-source-drawer';
+export * from './create-sampling-rule-drawer';
+export * from './edit-auto-rule-drawer';
+export * from './edit-highly-relevant-auto-rule-drawer';
+export * from './edit-cost-reduction-auto-rule-drawer';
 export * from './edit-config-drawer';
 export * from './system-drawer';
+export * from './view-sampling-rule-drawer';

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

@@ -0,0 +1,19 @@
+import type { ViewRuleData } from './types';
+export { SAMPLING_DRAWER_WIDTH } from '../create-sampling-rule-drawer/constants';
+export { UNNAMED_RULE, LABEL_DISABLED_RULE, BTN_EDIT_RULE, BTN_CANCEL, SECTION_SAMPLING_PREVIEW, SECTION_SOURCE_SCOPE, SECTION_OPERATION, SECTION_DURATION, SECTION_ERRORS, LABEL_RULE_NAME, LABEL_RULE_TYPE, LABEL_NOTE, LABEL_HTTP_ROUTE, LABEL_METHOD, LABEL_KEEP_PERCENTAGE, LABEL_DROP_PERCENTAGE, LABEL_KEEP_TRACES_DURATION, LABEL_KEEP_TRACES_ERRORS, LABEL_KEEP_AT_LEAST, LABEL_KEEP_AT_MOST, CATEGORY_DESCRIPTIONS, } from '../../sampling-rules-list/constants';
+export declare const ALL_SOURCES = "All sources";
+export declare const EMPTY_VALUE = "-";
+export declare const LABEL_RULE_ENABLED = "Rule Enabled";
+export declare const LABEL_OPERATION_TYPE = "Operation type";
+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 BTN_DELETE_RULE = "Delete rule";
+export declare const BTN_SAVE_RULE = "Save";
+export declare const EDIT_TITLES: Record<ViewRuleData['category'], string>;
+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 CATEGORY_LABELS: Record<ViewRuleData['category'], string>;

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

@@ -0,0 +1,21 @@
+import { type FC } from 'react';
+interface ViewFooterProps {
+    isEditing: false;
+    onDelete: () => void;
+    onCancel: () => void;
+    onEdit: () => void;
+}
+interface DuplicateWarningInfo {
+    message: string;
+    onViewRule?: () => void;
+}
+interface EditFooterProps {
+    isEditing: true;
+    onCancelEdit: () => void;
+    onSave: () => void;
+    onDelete: () => void;
+    duplicateWarning?: DuplicateWarningInfo | null;
+}
+export type DrawerFooterProps = ViewFooterProps | EditFooterProps;
+export declare const DrawerFooter: FC<DrawerFooterProps>;
+export {};

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

@@ -0,0 +1,23 @@
+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';
+export interface ViewSamplingRuleDrawerProps {
+    data: ViewRuleData | null;
+    defaultEditMode?: boolean;
+    onClose: () => void;
+    onDelete: (ruleId: string, samplingId: string) => void;
+    onSaveEdit: (formState: SamplingRuleFormState, ruleId: string, samplingId: string) => void;
+    sourceOptions?: {
+        id: string;
+        label: string;
+    }[];
+    namespaceOptions?: {
+        id: string;
+        label: string;
+    }[];
+    validateForm?: (formState: SamplingRuleFormState) => DuplicateValidationResult | null;
+    onNavigateToDuplicate?: (ruleId: string) => void;
+}
+export declare const ViewSamplingRuleDrawer: FC<ViewSamplingRuleDrawerProps>;

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

@@ -0,0 +1,3 @@
+import type { ViewRuleData } from './types';
+import type { SamplingRuleFormState } from '../create-sampling-rule-drawer/types';
+export declare function viewRuleDataToFormState(data: ViewRuleData): SamplingRuleFormState;

package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/sections/duration-errors.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+import type { HighlyRelevantOperationRule } from '@/types';
+export interface DurationErrorsProps {
+    rule: HighlyRelevantOperationRule;
+}
+export declare const DurationErrors: FC<DurationErrorsProps>;

package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/sections/operation-details.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+import type { ViewRuleData } from '../types';
+export interface OperationDetailsProps {
+    data: ViewRuleData;
+}
+export declare const OperationDetails: FC<OperationDetailsProps>;

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

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+import type { ViewRuleData } from '../types';
+export interface PercentageProps {
+    data: ViewRuleData;
+}
+export declare const Percentage: FC<PercentageProps>;

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

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+import type { ViewRuleData } from '../types';
+export interface RuleInfoProps {
+    data: ViewRuleData;
+}
+export declare const RuleInfo: FC<RuleInfoProps>;

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

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+import type { SummaryPart } from '../../../sampling-rules-list/types';
+export interface SamplingPreviewProps {
+    summary: SummaryPart[];
+}
+export declare const SamplingPreview: FC<SamplingPreviewProps>;

package/lib/containers/_v2/_drawers/view-sampling-rule-drawer/sections/source-scopes.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+import type { SourcesScope } from '@/types';
+export interface SourceScopesProps {
+    scopes: SourcesScope[];
+}
+export declare const SourceScopes: FC<SourceScopesProps>;

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

@@ -0,0 +1,4 @@
+export declare const SectionCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexSectionCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
+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;

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

@@ -0,0 +1 @@
+export type { ViewRuleData } from '../../sampling-rules-list/types';

package/lib/containers/_v2/auto-rule-card/constants.d.ts

@@ -0,0 +1 @@
+export declare const BTN_EDIT_AUTO_RULE = "Edit auto rule";

package/lib/containers/_v2/auto-rule-card/helpers.d.ts

@@ -0,0 +1,19 @@
+import type { HighlyRelevantOperationRule, CostReductionRule, SamplingRules } from '@/types';
+import type { SummaryPart } from '../sampling-rules-list/types';
+export interface K8sHealthProbesConfig {
+    enabled: boolean | null;
+    keepPercentage: number | null;
+}
+export declare function buildAutoRuleSummary(config: K8sHealthProbesConfig | null): SummaryPart[];
+export interface HighlyRelevantAutoRuleMatch {
+    rule: HighlyRelevantOperationRule;
+    samplingId: string;
+}
+export declare function findHighlyRelevantAutoRule(groups: SamplingRules[]): HighlyRelevantAutoRuleMatch | null;
+export declare function buildHighlyRelevantAutoRuleSummary(rule: HighlyRelevantOperationRule | null): SummaryPart[];
+export interface CostReductionAutoRuleMatch {
+    rule: CostReductionRule;
+    samplingId: string;
+}
+export declare function findCostReductionAutoRule(groups: SamplingRules[]): CostReductionAutoRuleMatch | null;
+export declare function buildCostReductionAutoRuleSummary(rule: CostReductionRule | null): SummaryPart[];

package/lib/containers/_v2/auto-rule-card/index.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import type { AutoRuleCardProps } from './types';
+export type { AutoRuleCardProps } from './types';
+export { buildAutoRuleSummary, type K8sHealthProbesConfig, findHighlyRelevantAutoRule, buildHighlyRelevantAutoRuleSummary, type HighlyRelevantAutoRuleMatch, findCostReductionAutoRule, buildCostReductionAutoRuleSummary, type CostReductionAutoRuleMatch, } from './helpers';
+export declare const AutoRuleCard: FC<AutoRuleCardProps>;

package/lib/containers/_v2/auto-rule-card/types.d.ts

@@ -0,0 +1,6 @@
+import type { SummaryPart } from '../sampling-rules-list/types';
+export interface AutoRuleCardProps {
+    title: string;
+    summary: SummaryPart[];
+    onEdit: () => void;
+}

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

@@ -1,5 +1,8 @@
 export * from './_drawers';
 export * from './_forms';
+export * from './auto-rule-card';
 export * from './central-connections';
 export * from './onboarding';
 export * from './pipeline-collectors';
+export * from './sampling-rules-list';
+export { RichTitle, type RichTitleProps } from '@/snippets/_v2/rich-title';

package/lib/containers/_v2/sampling-rules-list/constants.d.ts

@@ -0,0 +1,23 @@
+import type { SamplingRuleCategory } from './types';
+export declare const UNNAMED_RULE = "Unnamed rule";
+export declare const LABEL_DISABLED_RULE = "Disabled rule";
+export declare const BTN_EDIT_RULE = "Edit rule";
+export declare const BTN_CANCEL = "Cancel";
+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 LABEL_RULE_NAME = "Rule name";
+export declare const LABEL_RULE_TYPE = "Rule type";
+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 FILTER_TYPE_ALL = "All";
+export declare const CATEGORY_DESCRIPTIONS: Record<SamplingRuleCategory, string>;

package/lib/containers/_v2/sampling-rules-list/helpers.d.ts

@@ -0,0 +1,30 @@
+import type { NoisyOperationRule, HighlyRelevantOperationRule, CostReductionRule, SourcesScopeInput, HeadSamplingOperationMatcher, TailSamplingOperationMatcher, SamplingRules } from '@/types';
+import type { SamplingRuleItem, SamplingRuleCategory, SummaryPart, HighlyRelevantBadgeType, ViewRuleData } from './types';
+export declare enum SamplingCategory {
+    Noisy = "noisy",
+    HighlyRelevant = "highly-relevant",
+    CostReduction = "cost-reduction"
+}
+export declare const SAMPLING_SEGMENT_OPTIONS: {
+    value: SamplingCategory;
+    label: string;
+    tooltip: string;
+}[];
+export declare const SAMPLING_CATEGORY_NOTES: Record<SamplingCategory, string>;
+export declare const SAMPLING_CATEGORY_LIST_TITLES: Record<SamplingCategory, string>;
+export declare const CATEGORY_TO_RULE_CATEGORY: Record<SamplingCategory, SamplingRuleCategory>;
+export declare function buildNoisySummary(rule: NoisyOperationRule): SummaryPart[];
+export declare function buildHighlyRelevantSummary(rule: HighlyRelevantOperationRule): SummaryPart[];
+export declare function buildCostReductionSummary(rule: CostReductionRule): SummaryPart[];
+export declare function getHighlyRelevantTypeBadge(rule: HighlyRelevantOperationRule): HighlyRelevantBadgeType;
+export declare function buildSamplingRuleItems(groups: SamplingRules[], category: SamplingCategory, excludeRuleIds?: Set<string>): SamplingRuleItem[];
+export declare function buildSummaryForRule(category: SamplingRuleCategory, rule: NoisyOperationRule | HighlyRelevantOperationRule | CostReductionRule): SummaryPart[];
+export declare function refreshViewRuleData(groups: SamplingRules[], current: ViewRuleData): ViewRuleData | null;
+export declare function lookupViewRuleData(groups: SamplingRules[], item: SamplingRuleItem): ViewRuleData | null;
+export interface DuplicateCheckInput {
+    sourceScopes?: SourcesScopeInput[] | null;
+    operation?: HeadSamplingOperationMatcher | TailSamplingOperationMatcher | null;
+    error?: boolean;
+    durationAtLeastMs?: number | null;
+}
+export declare function findDuplicateRuleId(groups: SamplingRules[], category: SamplingRuleCategory, input: DuplicateCheckInput, excludeRuleId?: string): string | null;

package/lib/containers/_v2/sampling-rules-list/index.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+import type { SamplingRulesListProps } from './types';
+export type { SamplingRuleItem, SamplingRuleCategory, SamplingRulesListProps, SummaryPart, SummaryPartVariant, HighlyRelevantBadgeType, ViewRuleData, TypeFilter } from './types';
+export type { DuplicateCheckInput } from './helpers';
+export { SamplingCategory, SAMPLING_SEGMENT_OPTIONS, SAMPLING_CATEGORY_NOTES, SAMPLING_CATEGORY_LIST_TITLES, CATEGORY_TO_RULE_CATEGORY, buildNoisySummary, buildHighlyRelevantSummary, buildCostReductionSummary, getHighlyRelevantTypeBadge, buildSummaryForRule, buildSamplingRuleItems, refreshViewRuleData, lookupViewRuleData, findDuplicateRuleId, } from './helpers';
+export declare const SamplingRulesList: FC<SamplingRulesListProps>;