@odigos/ui-kit 0.0.286 → 0.0.287

package/lib/components/_cards/data-card/index.d.ts

@@ -1,6 +1,7 @@
 import { type ReactNode, type FC, type CSSProperties } from 'react';
-import { DefaultTheme } from 'styled-components';
+import { type TagProps } from '../../tag';
 import { type BadgeProps } from '../../badge';
+import { DefaultTheme } from 'styled-components';
 import { type ActionsProps } from '../../../snippets/actions';
 import { type DropDataProps } from '../../drop-data';
 import { type RichTitleProps } from '../../../snippets/rich-title';
@@ -10,6 +11,7 @@ export interface DataCardProps {
     width?: CSSProperties['width'];
     fullHeight?: boolean;
     moreSpacing?: boolean;
+    overflow?: CSSProperties['overflow'];
     richTitle?: RichTitleProps;
     withCollapse?: boolean;
     collapseIsDefaultOpen?: boolean;
@@ -32,8 +34,11 @@ export interface DataCardProps {
         labelTooltip?: string;
         withCopy?: boolean;
         badge?: BadgeProps;
+        tag?: TagProps;
     }[];
     children?: ReactNode;
+    onClick?: () => void;
+    clickStylesRemainActive?: boolean;
 }
 export declare const DataCard: FC<DataCardProps>;
 export {};

package/lib/components/_cards/text-card/index.d.ts

@@ -1,12 +1,15 @@
 import { type FC } from 'react';
+import { type DefaultTheme } from 'styled-components';
 interface Cell {
     value: string;
     label?: string;
     isLoading?: boolean;
 }
+type BgTint = keyof DefaultTheme['v2']['colors']['silver'];
 export interface TextCardProps {
     title: string;
     cells: Cell[];
+    bgTint?: BgTint;
 }
 export declare const TextCard: FC<TextCardProps>;
 export {};

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

@@ -1,4 +1,4 @@
-import React, { type ButtonHTMLAttributes, type MouseEvent } from 'react';
+import React, { type ButtonHTMLAttributes, type MouseEvent, type CSSProperties } from 'react';
 import type { SVG, SVGProps } from '../../types';
 export declare enum ButtonVariants {
     Primary = "primary",
@@ -19,11 +19,13 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     rightIcon?: SVG;
     variant?: ButtonVariants;
     size?: ButtonSize;
+    isSelected?: boolean;
     iconSize?: SVGProps['size'];
     loading?: boolean;
     fullWidth?: boolean;
     withShadow?: boolean;
     textColor?: string;
+    textAlign?: CSSProperties['textAlign'];
     onClick?: (e: MouseEvent<HTMLButtonElement>) => unknown | ((e: MouseEvent<HTMLButtonElement>) => Promise<unknown>);
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,5 +1,6 @@
 import { type FC } from 'react';
 import type { SVG } from '../../../types';
+import { type TagProps } from '../../tag';
 import { type BadgeProps } from '../../badge';
 import { type ToggleProps } from '../../toggle';
 import { type DropDataProps } from '../../drop-data';
@@ -9,6 +10,7 @@ export interface HeaderProps {
     title?: string;
     titleBadges?: BadgeProps[];
     subTitle?: string;
+    subTitleTags?: TagProps[];
     toggleProps?: ToggleProps;
     actions?: (DropDataProps['items'][number] & {
         active?: boolean;

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

@@ -1,14 +1,8 @@
 import { type FC, type CSSProperties, type ReactNode, type MouseEvent } from 'react';
 import type { SVG } from '../../types';
 import { type ButtonProps } from '../button';
-export declare enum DropDataAlignX {
-    Left = "left",
-    Right = "right"
-}
-export declare enum DropDataAlignY {
-    Top = "top",
-    Bottom = "bottom"
-}
+import { PopupAlignX, PopupAlignY } from '../../hooks';
+export { PopupAlignX as DropDataAlignX, PopupAlignY as DropDataAlignY };
 export interface DropDataOption<T = string> {
     id: T;
     label: string;
@@ -22,8 +16,8 @@ export interface DropDataProps {
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-    alignX?: DropDataAlignX;
-    alignY?: DropDataAlignY;
+    alignX?: PopupAlignX;
+    alignY?: PopupAlignY;
     items: (DropDataOption | null)[];
     selectedIds: DropDataOption['id'][];
     setSelectedIds: (ids: DropDataOption['id'][]) => void;

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

@@ -1,6 +1,6 @@
 import { type CSSProperties, type FC } from 'react';
 import { type ButtonProps } from '../button';
-export interface HoverAction extends Pick<ButtonProps, 'label' | 'leftIcon' | 'rightIcon' | 'loading' | 'disabled'> {
+export interface HoverAction extends Pick<ButtonProps, 'label' | 'leftIcon' | 'rightIcon' | 'loading' | 'disabled' | 'variant'> {
     id: string;
     'data-id'?: string;
     onClick: () => void;

package/lib/components/index.d.ts

@@ -20,6 +20,7 @@ export * from './header';
 export * from './hover-actions';
 export * from './icon-button';
 export * from './icon-group';
+export * from './info-row';
 export * from './input';
 export * from './input-list';
 export * from './input-table';
@@ -29,11 +30,13 @@ export * from './modal';
 export * from './navbar';
 export * from './no-data';
 export * from './note';
+export * from './popup';
 export * from './radio';
 export * from './radio-card';
 export * from './scroll-y';
 export * from './search';
 export * from './segment';
+export * from './select-window-hours';
 export * from './skeleton-loader';
 export * from './stepper';
 export * from './table';
@@ -42,6 +45,7 @@ export * from './textarea';
 export * from './time-input';
 export * from './toggle';
 export * from './tooltip';
+export * from './trace-view';
 export * from './typography';
 export * from './typography-truncatable';
 export * from './warning-modal';

package/lib/components/info-row/index.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+export interface InfoRowProps {
+    label: string;
+    value?: string | null;
+    isStandardLibrary?: boolean | null;
+    healthy?: boolean | null;
+    message?: string | null;
+}
+/** Single-line row height: 8px padding × 2 + XXS line-height (12+2). */
+export declare const INFO_ROW_HEIGHT_PX = 30;
+export declare const InfoRow: FC<InfoRowProps>;

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

@@ -9,6 +9,8 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     badge?: BadgeProps;
     leftIcon?: SVG;
     rightIcon?: SVG;
+    /** Static text rendered inside the control, after the value (e.g. a unit). */
+    suffix?: string;
     hasError?: boolean;
     maxWidth?: CSSProperties['maxWidth'];
     width?: CSSProperties['width'];

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

@@ -0,0 +1,17 @@
+import { type FC, type ReactNode } from 'react';
+import { type ButtonProps } from '../button';
+import { PopupAlignX, PopupAlignY } from '../../hooks';
+export { PopupAlignX, PopupAlignY };
+export interface PopupProps {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    alignX?: PopupAlignX;
+    alignY?: PopupAlignY;
+    buttonProps?: Omit<ButtonProps, 'onClick'>;
+    fullWidth?: boolean;
+    children?: ReactNode | ((props: {
+        close: () => void;
+    }) => ReactNode);
+}
+export declare const Popup: FC<PopupProps>;

package/lib/components/select-window-hours/index.d.ts

@@ -0,0 +1,17 @@
+import { type FC } from 'react';
+import { type ButtonProps } from '../button';
+declare const OPTIONS: {
+    label: string;
+    value: number;
+}[];
+export declare const TIME_WINDOW_DEFAULT_VALUE: number;
+export declare const getWindowHoursButtonProps: (selectedHours?: number) => Omit<ButtonProps, "onClick">;
+export interface SelectWindowHoursProps {
+    options?: typeof OPTIONS;
+    maxAllowedValue?: number;
+    defaultValue?: number;
+    onApply: (hours: number) => void;
+    onClose?: () => void;
+}
+export declare const SelectWindowHours: FC<SelectWindowHoursProps>;
+export {};

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

@@ -6,6 +6,13 @@ export * from './types';
 export interface TableProps {
     variant: TableVariant;
     maxHeight?: CSSProperties['maxHeight'];
+    /**
+     * Prefer content height over filling the parent. With `maxHeight`, small lists
+     * (under 100 rows) size to content under the cap; larger lists use a fixed
+     * virtua viewport at `maxHeight`. Without `maxHeight`, rows always render at
+     * natural height (no virtualization).
+     */
+    fitContent?: boolean;
     headerBackgroundColor?: CSSProperties['backgroundColor'];
     hideHeader?: boolean;
     isLoading?: boolean;
@@ -27,5 +34,8 @@ export interface TableProps {
     activeRowId?: string | null;
     /** Bump to (re)trigger a scroll to `activeRowId` even when it's unchanged (e.g. the same row was re-selected externally). */
     scrollSignal?: number;
+    /** Controlled accordion: id of the expanded row (`TableRow.id`). Pass with `onExpandedRowIdChange`. */
+    expandedRowId?: string | null;
+    onExpandedRowIdChange?: (id: string | null) => void;
 }
 export declare const Table: FC<TableProps>;

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

@@ -4,6 +4,9 @@ import { type IStyledComponent } from 'styled-components';
 type DivProps<P = object> = P & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>;
 interface ContainerProps {
     $maxHeight?: CSSProperties['maxHeight'];
+    $fitContent?: boolean;
+    /** With `$fitContent` + `$maxHeight`: fixed viewport for virtua. Without it: content height capped by maxHeight. */
+    $virtualize?: boolean;
 }
 export declare const Container: IStyledComponent<'web', DivProps<ContainerProps>>;
 interface TableRootProps {
@@ -11,7 +14,14 @@ interface TableRootProps {
 }
 export declare const TableRoot: IStyledComponent<'web', DivProps<TableRootProps>>;
 export declare const THead: IStyledComponent<'web', DivProps>;
+export declare const TBody: IStyledComponent<'web', DivProps>;
 export declare const Row: IStyledComponent<'web', DivProps>;
+export declare const ExpandableRowItem: IStyledComponent<'web', DivProps>;
+interface ExpandedContentProps {
+    $maxHeight?: CSSProperties['maxHeight'];
+}
+/** Caps accordion panel height when the outer body viewport has been measured. */
+export declare const ExpandedContent: IStyledComponent<'web', DivProps<ExpandedContentProps>>;
 interface ThProps {
     $variant: TableVariant;
     $backgroundColor?: CSSProperties['backgroundColor'];
@@ -26,6 +36,7 @@ export declare const Th: IStyledComponent<'web', DivProps<ThProps>>;
 export declare const ThBorder: IStyledComponent<'web', DivProps>;
 interface TdProps {
     $variant: TableVariant;
+    $index?: number;
     $withClick: boolean;
     $hovered: boolean;
     $selected: boolean;

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

@@ -1,6 +1,6 @@
 import { type FC, type CSSProperties } from 'react';
-import { TableColumn, TableRow, TableVariant } from '../types';
 import { HoverAction } from '../../hover-actions';
+import { TableColumn, TableRow, TableVariant } from '../types';
 interface TableRowsProps {
     variant: TableVariant;
     columns: TableColumn[];
@@ -17,6 +17,11 @@ interface TableRowsProps {
     scrollToIndex?: number | null;
     /** Bump to (re)trigger the scroll even when the index is unchanged. */
     scrollSignal?: number;
+    /** When false, render rows at natural height (no ScrollY/virtua). */
+    useVirtua?: boolean;
+    expandedRowId?: string | null;
+    onToggleExpand?: (rowId: string) => void;
+    expandedMaxHeight?: CSSProperties['maxHeight'];
 }
 export declare const TableRows: FC<TableRowsProps>;
 export {};

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

@@ -1,7 +1,11 @@
-import { type CSSProperties, type FC } from 'react';
+import { type CSSProperties, type FC, type ReactNode } from 'react';
 export declare enum TableVariant {
+    Pretty = "pretty",
     Data = "data",
-    Pretty = "pretty"
+    DataSecondary = "dataSecondary"
+}
+export interface TableRowExpandedContentContext {
+    maxHeight?: CSSProperties['maxHeight'];
 }
 export interface TableColumnFilterOption {
     id: string;
@@ -40,6 +44,11 @@ export interface TableRow {
     id?: string;
     cells: TableRowCell[];
     onClick?: () => void;
+    /**
+     * When set, the row becomes an accordion trigger. Content renders below the row when expanded.
+     * Prefer a function form to receive the table body `maxHeight` for nested scrollable content.
+     */
+    expandedContent?: ReactNode | ((ctx: TableRowExpandedContentContext) => ReactNode);
     isSelected?: boolean;
     onSelect?: () => void;
     onDeselect?: () => void;

package/lib/components/trace-view/index.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import type { TraceViewProps } from './types';
+export type { TraceViewAttribute, TraceViewCorner, TraceViewHeaderBadge, TraceViewMetaChip as TraceViewMetaChipType, TraceViewProps, TraceViewRow, TraceViewRowBadge, TraceViewRowVariant, } from './types';
+export declare const TraceView: FC<TraceViewProps>;

package/lib/components/trace-view/styled.d.ts

@@ -0,0 +1,43 @@
+import type { TraceViewCorner, TraceViewRowVariant } from './types';
+export declare const TraceViewRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const TraceViewHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$corner"> & {
+    $corner: TraceViewCorner;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$corner"> & {
+    $corner: TraceViewCorner;
+}, never>>> & string;
+export declare const TraceViewHeaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const TraceViewMetaChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const TraceViewBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$corner" | "$hasHeader"> & {
+    $corner: TraceViewCorner;
+    $hasHeader: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$corner" | "$hasHeader"> & {
+    $corner: TraceViewCorner;
+    $hasHeader: boolean;
+}, never>>> & string;
+export declare const TraceViewRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant" | "$selected" | "$interactive"> & {
+    $variant: TraceViewRowVariant;
+    $selected: boolean;
+    $interactive: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant" | "$selected" | "$interactive"> & {
+    $variant: TraceViewRowVariant;
+    $selected: boolean;
+    $interactive: boolean;
+}, never>>> & string;
+export declare const TraceViewRowMain: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$depth"> & {
+    $depth: number;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$depth"> & {
+    $depth: number;
+}, never>>> & string;
+export declare const TraceViewIndex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../typography").TypographyProps & import("react").RefAttributes<HTMLElement>, never> & Partial<Pick<import("../typography").TypographyProps & import("react").RefAttributes<HTMLElement>, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const TraceViewRowContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const TraceViewServiceTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const TraceViewServiceTagText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../typography").TypographyProps & import("react").RefAttributes<HTMLElement>, never> & Partial<Pick<import("../typography").TypographyProps & import("react").RefAttributes<HTMLElement>, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const TraceViewNameGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const TraceViewDuration: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../typography").TypographyProps & import("react").RefAttributes<HTMLElement>, never> & Partial<Pick<import("../typography").TypographyProps & import("react").RefAttributes<HTMLElement>, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const TraceViewInlineBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$tone"> & {
+    $tone: "warning" | "danger" | "success";
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$tone"> & {
+    $tone: "warning" | "danger" | "success";
+}, never>>> & string;
+export declare const TraceViewPlaceholderBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const TraceViewDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/lib/components/trace-view/types.d.ts

@@ -0,0 +1,46 @@
+import type { SVG } from '../../types';
+export type TraceViewRowVariant = 'default' | 'timing' | 'new' | 'placeholder';
+export type TraceViewCorner = 'left' | 'right' | 'both' | 'none';
+export interface TraceViewAttribute {
+    key?: string | null;
+    value?: string | null;
+}
+export interface TraceViewRowBadge {
+    label?: string | null;
+    tone?: 'warning' | 'danger' | 'success' | null;
+    icon?: SVG | null;
+}
+export interface TraceViewRow {
+    /** Stable id used for selection / expand sync across paired views. */
+    id: string;
+    /** 1-based display index; omit/null for placeholder rows. */
+    index?: number | null;
+    service?: string | null;
+    name?: string | null;
+    durationLabel?: string | null;
+    depth?: number | null;
+    variant?: TraceViewRowVariant | null;
+    badge?: TraceViewRowBadge | null;
+    scope?: string | null;
+    attributes?: TraceViewAttribute[] | null;
+}
+export interface TraceViewMetaChip {
+    label: string;
+}
+export interface TraceViewHeaderBadge {
+    label: string;
+    tone?: 'success' | 'danger' | 'neutral' | null;
+}
+export interface TraceViewProps {
+    title?: string;
+    titleIcon?: SVG;
+    headerBadge?: TraceViewHeaderBadge | null;
+    meta?: TraceViewMetaChip[] | null;
+    rows?: TraceViewRow[] | null;
+    /** Ids of expanded span rows (multi-expand). */
+    expandedRowIds?: string[] | null;
+    /** Toggle a row id in the expanded set. */
+    onToggleRow?: (rowId: string) => void;
+    /** Rounding for split/compare layouts. */
+    corner?: TraceViewCorner | null;
+}

package/lib/components.js

@@ -1 +1 @@
-export{Z as Autocomplete,bH as Badge,B as Button,i as ButtonSize,gZ as ButtonTab,g_ as ButtonTabList,j as ButtonVariants,b0 as CenterThis,C as Checkbox,g$ as CheckboxList,$ as CheckboxSize,cu as CliCommand,b7 as Code,cd as Condition,cf as Conditions,h0 as DEFAULT_TIME_UNITS,z as DataCard,a4 as Divider,D as Drawer,ay as DropData,dG as DropDataAlignX,dF as DropDataAlignY,s as DropDown,h1 as ErrorBoundary,k as FieldMessage,d as FieldTitle,F as FlexColumn,h as FlexRow,fg as GaugeChart,h2 as GaugeChartVariant,h3 as Header,h4 as HoverActions,c4 as IconButton,b6 as IconButtonSize,cz as IconGroup,x as Input,a5 as InputCardTable,w as InputList,I as InputTable,cR as Island,b2 as Loader,dH as Modal,h5 as ModalBody,h6 as Navbar,b1 as NoData,N as Note,h7 as Overlay,bE as Padding,eV as PageContent,as as Radio,cb as RadioCard,h8 as RadioGroup,bM as RadioSize,a$ as ScrollY,b3 as Search,Q as SectionCard,h9 as SectionCardSize,Y as Segment,a6 as SegmentSize,cO as SegmentVariant,bF as SkeletonLoader,ff as StatusCard,eW as Stepper,cP as Table,ha as TableContainer,hb as TableTitleWrap,cQ as TableVariant,hc as TableWrap,H as Tag,ct as TagVariants,u as TextArea,fh as TextCard,r as TimeInput,o as Toggle,hd as ToggleCodeComponent,p as ToggleLabelAlign,he as ToggleList,q as ToggleSize,hf as ToggleVariant,T as Tooltip,bN as TruncatableTypography,e as Typography,f as TypographyColor,g as TypographySize,c7 as TypographyVariants,fi as UpgradeRequiredWrapper,hg as VerticalScroll,W as WarningModal,hh as resolveTypographyColor}from"./chunks/ui-components-Ci-Vq1Dl.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"prism-react-renderer";import"zustand/middleware";import"react-error-boundary";import"virtua";
+export{a3 as Autocomplete,bL as Badge,B as Button,i as ButtonSize,iU as ButtonTab,iV as ButtonTabList,j as ButtonVariants,b6 as CenterThis,w as Checkbox,iW as CheckboxList,a5 as CheckboxSize,cy as CliCommand,C as Code,cg as Condition,ci as Conditions,iX as DEFAULT_TIME_UNITS,m as DataCard,aa as Divider,D as Drawer,aE as DropData,eL as DropDataAlignX,eK as DropDataAlignY,x as DropDown,iY as ErrorBoundary,k as FieldMessage,d as FieldTitle,F as FlexColumn,h as FlexRow,gj as GaugeChart,gk as GaugeChartVariant,iZ as Header,i_ as HoverActions,i$ as INFO_ROW_HEIGHT_PX,I as IconButton,l as IconButtonSize,cD as IconGroup,cv as InfoRow,H as Input,ab as InputCardTable,G as InputList,z as InputTable,cV as Island,b7 as Loader,M as Modal,j0 as ModalBody,j1 as Navbar,N as NoData,K as Note,j2 as Overlay,bI as Padding,fZ as PageContent,j3 as Popup,eL as PopupAlignX,eK as PopupAlignY,ay as Radio,ce as RadioCard,j4 as RadioGroup,bQ as RadioSize,b5 as ScrollY,b8 as Search,a0 as SectionCard,j5 as SectionCardSize,a2 as Segment,ac as SegmentSize,cS as SegmentVariant,g6 as SelectWindowHours,bJ as SkeletonLoader,gI as StatusCard,gn as Stepper,g5 as TIME_WINDOW_DEFAULT_VALUE,cT as Table,j6 as TableContainer,j7 as TableTitleWrap,cU as TableVariant,j8 as TableWrap,Q as Tag,cx as TagVariants,y as TextArea,f_ as TextCard,v as TimeInput,q as Toggle,j9 as ToggleCodeComponent,r as ToggleLabelAlign,ja as ToggleList,s as ToggleSize,ek as ToggleVariant,T as Tooltip,g9 as TraceView,bR as TruncatableTypography,e as Typography,f as TypographyColor,g as TypographySize,cb as TypographyVariants,gm as UpgradeRequiredWrapper,jb as VerticalScroll,W as WarningModal,g7 as getWindowHoursButtonProps,jc as resolveTypographyColor}from"./chunks/ui-components-CjgsN17j.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"prism-react-renderer";import"zustand/middleware";import"react-error-boundary";import"virtua";

package/lib/constants/index.d.ts

@@ -8,3 +8,4 @@ export * from './signals';
 export * from './sources';
 export * from './strings';
 export * from './tokens';
+export * from './url-templatization';

package/lib/constants/instrumentation-rules/index.d.ts

@@ -1,4 +1,4 @@
-import { type GetInstrumentationRuleTypesResult, type InstrumentationRuleOption, PlatformType } from '../../types';
+import { type GetInstrumentationRuleTypesResult, InstrumentationRuleType, type InstrumentationRuleOption, PlatformType } from '../../types';
 export * from './supported-languages';
 /**
  * Whether the rule source-scope editor can be offered for the running agent.
@@ -18,5 +18,6 @@ export * from './supported-languages';
  * version-drift convention in central-ui's adapter (`if (!(v > 0)) return`).
  */
 export declare const isRuleSourceScopeSupported: (platformType: PlatformType, currentVersion: string) => boolean;
+export declare const ruleTypeRequiresConfiguration: (type: InstrumentationRuleType) => boolean;
 export declare const INSTRUMENTATION_RULE_OPTIONS: InstrumentationRuleOption[];
 export declare const mapRuleTypesToOptions: (result?: GetInstrumentationRuleTypesResult | null) => InstrumentationRuleOption[];

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

@@ -31,6 +31,19 @@ export declare const DISPLAY_TITLES: {
     CONNECTION: string;
     CONNECTIONS: string;
     NO_CONNECTIONS: string;
+    DELETE_CONNECTION: string;
+    ODIGOS_VERSION: string;
+    CONNECTED_SINCE: string;
+    LAST_ACTIVITY: string;
+    MANAGE_CONFIGURATIONS: string;
+    EDIT_CONFIGURATION: string;
+    UPGRADE_REQUIRED: string;
+    UPGRADE_TO_USE_FEATURE: (version: string | number) => string;
+    CURRENT_VERSION: (version: string) => string;
+    CONNECTION_LIVE: string;
+    CONNECTION_LOST: string;
+    SEARCH_BY_CLUSTER_NAME: string;
+    SELECTED_CLUSTERS: string;
     CLOUD_CONNECTOR: string;
     CREATE_CLOUD_CONNECTOR: string;
     CLOUD_CONNECTOR_SELECT_PROVIDER_TITLE: string;
@@ -119,6 +132,7 @@ export declare const DISPLAY_TITLES: {
     SOURCE: string;
     SOURCES: string;
     ADD_SOURCE: string;
+    ADD_SOURCES: string;
     SOURCE_DETAILS: string;
     SELECT_SOURCES: string;
     SELECTED_SOURCES: string;

package/lib/constants/url-templatization/index.d.ts

@@ -0,0 +1,90 @@
+export declare const URL_TEMPLATIZATION_PAGE_TITLE = "URL templatization";
+export declare const URL_TEMPLATIZATION_PAGE_DESCRIPTION = "Replace dynamic URL path segments with named placeholders to reduce cardinality in span names and http.route.";
+export declare const URL_TEMPLATIZATION_SECTION_DEFAULT = "Default templatization";
+export declare const URL_TEMPLATIZATION_DEFAULT_SECTION_SUBTITLE = "Custom and default URL templatization scopes across URL templatization actions.";
+export declare const URL_TEMPLATIZATION_DEFAULT_EMPTY_TITLE = "Default templatization is not enabled";
+export declare const URL_TEMPLATIZATION_DEFAULT_EMPTY_SUBTITLE = "Automatically detect and normalize dynamic URL segments when no custom template matches.";
+export declare const URL_TEMPLATIZATION_BTN_ENABLE_DEFAULT = "Enable for entire cluster";
+export declare const URL_TEMPLATIZATION_SECTION_CUSTOM = "Custom URL templates";
+export declare const URL_TEMPLATIZATION_CUSTOM_SECTION_SUBTITLE = "Define exact URL patterns and control where each template group applies.";
+export declare const URL_TEMPLATIZATION_VIEW_BY = "View by:";
+export declare const URL_TEMPLATIZATION_VIEW_GROUPS = "Groups";
+export declare const URL_TEMPLATIZATION_VIEW_TREE = "Tree";
+export declare const URL_TEMPLATIZATION_VIEW_LIST = "List";
+export declare const URL_TEMPLATIZATION_BTN_CREATE_TEMPLATE_GROUP = "Create template group";
+export declare const URL_TEMPLATIZATION_BTN_EDIT_GROUP = "Edit group";
+export declare const URL_TEMPLATIZATION_BTN_ADD_TEMPLATE = "Add template";
+export declare const URL_TEMPLATIZATION_CUSTOM_EMPTY_TITLE = "No custom URL templates";
+export declare const URL_TEMPLATIZATION_CUSTOM_EMPTY_SUBTITLE = "Define exact route patterns for your application. Custom templates are matched before default templatization.";
+export declare const URL_TEMPLATIZATION_BTN_CREATE = "Create custom template";
+export declare const URL_TEMPLATIZATION_BTN_DOCS = "Docs";
+export declare const URL_TEMPLATIZATION_DOCS_URL = "https://docs.odigos.io/pipeline/actions/attributes/urltemplatization";
+export declare const URL_TEMPLATIZATION_DEFAULT_CONFIGURED_PLACEHOLDER = "Default templatization is enabled \u2014 editor coming next.";
+export declare const URL_TEMPLATIZATION_DRAWER_WIDTH = "746px";
+export declare const URL_TEMPLATIZATION_DEFAULT_RULE_DRAWER_TITLE = "Add default templatization rule";
+export declare const URL_TEMPLATIZATION_EDIT_DEFAULT_RULE_DRAWER_TITLE = "Edit default templatization rule";
+export declare const URL_TEMPLATIZATION_DEFAULT_RULE_DRAWER_SUBTITLE = "UI template rules";
+export declare const URL_TEMPLATIZATION_SECTION_SOURCE_SCOPE = "Source Scope";
+export declare const URL_TEMPLATIZATION_DESC_SOURCE_SCOPE = "Choose where this rule applies.";
+export declare const URL_TEMPLATIZATION_NOTE_ENTIRE_CLUSTER = "This rule will apply to all sources in the cluster.";
+export declare const URL_TEMPLATIZATION_SECTION_DEFAULT_TEMPLATIZATION = "Default templatization";
+export declare const URL_TEMPLATIZATION_DESC_DEFAULT_TEMPLATIZATION = "Automatically normalize dynamic URL segments when no custom template matches.";
+export declare const URL_TEMPLATIZATION_TOGGLE_ENABLE_NORMALIZATION = "Enable automatic URL normalization for this scope";
+export declare const URL_TEMPLATIZATION_SECTION_SKIP_POLICY = "Skip policy";
+export declare const URL_TEMPLATIZATION_BADGE_ADVANCED = "Advanced";
+export declare const URL_TEMPLATIZATION_DESC_SKIP_POLICY = "Prevent selected error responses from being normalized by the default heuristic. Custom templates still match first.";
+export declare const URL_TEMPLATIZATION_TOGGLE_SKIP_NON_2XX = "Skip for non-2xx responses";
+export declare const URL_TEMPLATIZATION_TOGGLE_SKIP_STATUS_CODES = "Skip selected HTTP status codes";
+export declare const URL_TEMPLATIZATION_PLACEHOLDER_STATUS_CODES = "Example: 404, 401";
+export declare const URL_TEMPLATIZATION_HELPER_STATUS_CODES = "Use comma-separated HTTP status codes between 100 and 599.";
+export declare const URL_TEMPLATIZATION_FOOTER_IMMEDIATE_EFFECT = "This rule will take effect in the cluster immediately after it is added.";
+export declare const URL_TEMPLATIZATION_FOOTER_SAVE_EFFECT = "This rule will take effect in the cluster immediately after it is saved.";
+export declare const URL_TEMPLATIZATION_BTN_ADD_RULE = "Add rule";
+export declare const URL_TEMPLATIZATION_BTN_SAVE = "Save";
+export declare const URL_TEMPLATIZATION_BTN_CANCEL = "Cancel";
+export declare const URL_TEMPLATIZATION_ERROR_INVALID_STATUS_CODES = "Enter valid HTTP status codes between 100 and 599, separated by commas.";
+export declare const URL_TEMPLATIZATION_CUSTOM_DRAWER_TITLE = "Create custom template";
+export declare const URL_TEMPLATIZATION_CUSTOM_DRAWER_SUBTITLE = "UI template rules";
+export declare const URL_TEMPLATIZATION_CHOOSE_DESTINATION = "Choose where to add the template";
+export declare const URL_TEMPLATIZATION_DESTINATION_TEMPLATE_GROUP = "Template group";
+export declare const URL_TEMPLATIZATION_DESTINATION_ENTIRE_CLUSTER = "Entire Cluster";
+export declare const URL_TEMPLATIZATION_DESTINATION_GROUP_HINT = "Add the template to an existing group or create a new group with its own scope.";
+export declare const URL_TEMPLATIZATION_DESTINATION_CLUSTER_HINT = "This template will apply to all sources in the cluster.";
+export declare const URL_TEMPLATIZATION_ADD_EXISTING_GROUP = "Add to existing template group";
+export declare const URL_TEMPLATIZATION_ADD_NEW_GROUP = "Add to New template group";
+export declare const URL_TEMPLATIZATION_NEW_GROUP_DEFAULT_HINT = "Template group will be added to the default action";
+export declare const URL_TEMPLATIZATION_ADVANCED_CONFIGURATION = "Advanced Configuration";
+export declare const URL_TEMPLATIZATION_SEARCH_GROUPS_PLACEHOLDER = "Search template group by type action name or scope (languages, namespaces, sources)";
+export declare const URL_TEMPLATIZATION_SELECTED_GROUP = "Selected Template group:";
+export declare const URL_TEMPLATIZATION_ACTION_FIELD_LABEL = "URL templatization action";
+export declare const URL_TEMPLATIZATION_NEW_ACTION_NAME_LABEL = "New action name";
+export declare const URL_TEMPLATIZATION_NEW_ACTION_PLACEHOLDER = "New action group";
+export declare const URL_TEMPLATIZATION_NEW_ACTION_HINT = "Defaults to 'UI template rules'. Actions can help keep templating rules organized, but they are optional - advanced users can create a separate action when useful.";
+export declare const URL_TEMPLATIZATION_BTN_CREATE_GROUP = "Create new template group";
+export declare const URL_TEMPLATIZATION_BTN_NEXT = "Next";
+export declare const URL_TEMPLATIZATION_BTN_BACK = "Back";
+export declare const URL_TEMPLATIZATION_ACTION_NAME_LABEL = "Action name";
+export declare const URL_TEMPLATIZATION_DEFAULT_ACTION_NAME = "URL Templatization";
+export declare const URL_TEMPLATIZATION_BADGE_UI = "UI";
+export declare const URL_TEMPLATIZATION_SECTION_TEMPLATES = "Templates";
+export declare const URL_TEMPLATIZATION_PLACEHOLDER_TEMPLATE = "e.g. /api/users/{id}";
+export declare const URL_TEMPLATIZATION_SCOPE_LANGUAGE = "Language:";
+export declare const URL_TEMPLATIZATION_SCOPE_NAMESPACE = "Namespace:";
+export declare const URL_TEMPLATIZATION_SCOPE_SOURCE = "Deployment/";
+export declare const URL_TEMPLATIZATION_SCOPE_AND = "AND";
+export declare const URL_TEMPLATIZATION_SCOPE_ENTIRE_CLUSTER = "Entire cluster";
+export declare const URL_TEMPLATIZATION_VIEW_DRAWER_TITLE = "URL template";
+export declare const URL_TEMPLATIZATION_DETAIL_TEMPLATE = "Template";
+export declare const URL_TEMPLATIZATION_DETAIL_ORIGIN = "Origin";
+export declare const URL_TEMPLATIZATION_DETAIL_DISPLAY_NAME = "Display name";
+export declare const URL_TEMPLATIZATION_DETAIL_RESOURCE_NAME = "Resource name";
+export declare const URL_TEMPLATIZATION_TRY_A_URL = "Try a URL";
+export declare const URL_TEMPLATIZATION_TRY_A_URL_PLACEHOLDER = "/users/12/orders/345685335358";
+export declare const URL_TEMPLATIZATION_BTN_TEST_URL = "Test URL";
+export declare const URL_TEMPLATIZATION_BTN_CLOSE = "Close";
+export declare const URL_TEMPLATIZATION_RESULT = "Result";
+export declare const URL_TEMPLATIZATION_MATCH_FOUND = "Match found";
+export declare const URL_TEMPLATIZATION_MATCH_FOUND_HINT = "This URL matches the template.";
+export declare const URL_TEMPLATIZATION_NO_MATCH = "No match";
+export declare const URL_TEMPLATIZATION_NO_MATCH_HINT = "This URL doesn't match the template.";
+export declare const URL_TEMPLATIZATION_NO_MATCH_HELP = "Check the URL structure and parameter positions, then try again.";