@nurix/ui-component-library 1.1.4-stage.119 → 1.1.4-stage.121

package/dist/index.d.mts

@@ -30,6 +30,11 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
      */
     button_border_radius?: ButtonBorderRadius;
     asChild?: boolean;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"btn"` if omitted.
+     * By convention pass a descriptive name like `"btn-create-agent"`.
+     */
+    "data-testid"?: string;
 }
 
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -117,6 +122,11 @@ interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>,
      * Note: `supportingTextType="error"` will also style the field as invalid.
      */
     invalid?: boolean;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"input"` if omitted.
+     * By convention pass a descriptive name like `"input-agent-name"`.
+     */
+    "data-testid"?: string;
 }
 interface FileInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> {
     label?: string;
@@ -127,6 +137,10 @@ interface FileInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
     input_border_radius?: InputBorderRadius;
     inputVariant?: InputVariant;
     onFileChange?: (file: File | null) => void;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"input"` if omitted.
+     */
+    "data-testid"?: string;
 }
 
 declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
@@ -179,6 +193,10 @@ interface InputGroupProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElem
      * @default "grey"
      */
     inputVariant?: InputVariant;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"input"` if omitted.
+     */
+    "data-testid"?: string;
 }
 
 declare const InputGroup: React$1.ForwardRefExoticComponent<InputGroupProps & React$1.RefAttributes<HTMLInputElement>>;
@@ -231,6 +249,11 @@ interface TextareaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextArea
      */
     resize?: "none" | "vertical" | "horizontal" | "both";
     style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"input"` if omitted.
+     * By convention pass a descriptive name like `"input-description"`.
+     */
+    "data-testid"?: string;
 }
 
 /**
@@ -274,23 +297,169 @@ interface SwitchProps {
     id?: string;
     className?: string;
     style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"toggle"` if omitted
+     * (Switch uses the same prefix as Toggle since they're the same control family).
+     * By convention pass a descriptive name like `"toggle-streaming"`.
+     */
+    "data-testid"?: string;
 }
 
 declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Toggle (segmented pill / card) — Figma references:
+ *   - 4960:33812 — IconToggleSetRegular (size = "regular", 36×36 pills)
+ *   - 4960:33890 — ToggleIconSmall      (size = "small",  24×24 pills + card)
+ *
+ * A segmented control rendered inside a grey rounded container. The
+ * selected option is filled white with a 1px xlight border and a
+ * shadow-xs drop.
+ *
+ * Two shapes:
+ *   - `pill`  — single-line option (icon, icon + text, or text only)
+ *   - `card`  — square option with title row + subtext below (only valid
+ *               for `size="small"`).
+ */
+type ToggleType = "iconText" | "iconOnly" | "textOnly";
+type ToggleShape = "pill" | "card";
+type ToggleSize = "regular" | "small";
+interface ToggleProps {
+    /**
+     * Controlled selected value. When set, the parent owns state.
+     */
+    value?: string;
+    /**
+     * Initial selected value when uncontrolled.
+     */
+    defaultValue?: string;
+    /**
+     * Called when the user picks a different option.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Layout for items inside the pill. Ignored when `shape="card"`.
+     * @default "iconText"
+     */
+    type?: ToggleType;
+    /**
+     * Item shape.
+     *   - "pill" — single-line rounded-full option
+     *   - "card" — square option with stacked title + subtext (small size)
+     * @default "pill"
+     */
+    shape?: ToggleShape;
+    /**
+     * Size of items.
+     *   - "regular" — 36×36 pills, 16×16 icons, 14px semibold label
+     *   - "small"   — 24h pills, 12×12 icons, 12px medium label; required
+     *                 for `shape="card"`
+     * @default "regular"
+     */
+    size?: ToggleSize;
+    /**
+     * Disable the entire toggle.
+     */
+    disabled?: boolean;
+    /**
+     * Toggle items — one or more `<ToggleItem>` children.
+     */
+    children?: React$1.ReactNode;
+    className?: string;
+    style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"toggle"` if omitted.
+     */
+    "data-testid"?: string;
+}
+interface ToggleItemProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "onClick" | "type" | "role" | "aria-checked" | "children"> {
+    /**
+     * Stable value for this item. Compared against the parent's `value`.
+     */
+    value: string;
+    /**
+     * Optional leading icon. Rendered when the parent type is `iconText`
+     * or `iconOnly` (or for `shape="card"`).
+     */
+    icon?: React$1.ReactNode;
+    /**
+     * Optional secondary line below the title — only rendered when the
+     * parent's `shape="card"`.
+     */
+    subtext?: React$1.ReactNode;
+    /**
+     * Label content. Rendered when the parent type is `iconText` or `textOnly`,
+     * and always for `shape="card"`.
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"toggle"` if omitted.
+     */
+    "data-testid"?: string;
+}
+
+/**
+ * Toggle — segmented pill / card control.
+ * Figma: 4960:33812 (regular) and 4960:33890 (small + card).
+ *
+ * @example
+ *   // Pill (default)
+ *   <Toggle value={direction} onValueChange={setDirection}>
+ *     <ToggleItem value="inbound" icon={<PhoneIncoming />}>Inbound</ToggleItem>
+ *     <ToggleItem value="outbound" icon={<PhoneOutgoing />}>Outbound</ToggleItem>
+ *   </Toggle>
+ *
+ *   // Square card with subtext
+ *   <Toggle value={mode} onValueChange={setMode} shape="card" size="small">
+ *     <ToggleItem value="single" icon={<File />} subtext="Natural-language prompt only.">
+ *       Single Prompt
+ *     </ToggleItem>
+ *     <ToggleItem value="flow" icon={<Workflow />} subtext="Structured map of nodes.">
+ *       Conversation Flow
+ *     </ToggleItem>
+ *   </Toggle>
+ */
+declare const Toggle: React$1.ForwardRefExoticComponent<ToggleProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * ToggleItem — single segment inside a `<Toggle>`. Pulls active value
+ * from context and signals selection back via `setValue`.
+ */
+declare const ToggleItem: React$1.ForwardRefExoticComponent<ToggleItemProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    "data-testid"?: string;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 
 /**
  * shadcn-style Checkbox props (Radix primitive props).
  * Note: Radix supports `checked: boolean | "indeterminate"`. Figma uses boolean.
  */
-type CheckboxProps = React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
+type CheckboxProps = React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"checkbox"` if omitted.
+     */
+    "data-testid"?: string;
+};
 
-declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    "data-testid"?: string;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    "data-testid"?: string;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 
-type RadioGroupProps = React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
-type RadioGroupItemProps = React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
+type RadioGroupProps = React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"radio-group"` if omitted.
+     */
+    "data-testid"?: string;
+};
+type RadioGroupItemProps = React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"radio"` if omitted.
+     */
+    "data-testid"?: string;
+};
 
 type DialogHeaderNavigationVariant = "primary" | "inner";
 type BackButtonPosition = "left" | "right";
@@ -306,6 +475,10 @@ interface DialogHeaderNavigationProps extends React$1.HTMLAttributes<HTMLDivElem
     backButtonAriaLabel?: string;
     backButtonPosition?: BackButtonPosition;
     disabled?: boolean;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"dialog-header"` if omitted.
+     */
+    "data-testid"?: string;
 }
 type TabVariant = "top" | "side" | "section";
 interface ListNavItemProps {
@@ -318,13 +491,17 @@ interface ListNavItemProps {
     /** Trailing content (badges, icons, etc.) */
     trailing?: React$1.ReactNode;
 }
-interface ListNavigationProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+interface ListNavigationProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
     /** List of items */
     items: ListNavItemProps[];
     /** Currently selected item id */
     selectedId?: string | null;
     /** Callback when an item is clicked */
     onSelect?: (id: string) => void;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"nav"` if omitted.
+     */
+    "data-testid"?: string;
 }
 interface TabsProps extends React$1.HTMLAttributes<HTMLDivElement> {
     value?: string;
@@ -339,6 +516,11 @@ interface TabsTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
     value: string;
     variant?: TabVariant;
     iconLeft?: React$1.ReactNode;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"tab"` if omitted.
+     * By convention pass a descriptive name like `"tab-configure"`.
+     */
+    "data-testid"?: string;
 }
 interface TabsContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
     value: string;
@@ -385,6 +567,10 @@ interface AccordionTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonE
      * Note: click events are stopped from toggling the accordion.
      */
     action?: React$1.ReactNode;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"accordion"` if omitted.
+     */
+    "data-testid"?: string;
 }
 interface AccordionContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
@@ -393,6 +579,10 @@ interface AccordionSectionTriggerProps extends React$1.ButtonHTMLAttributes<HTML
      * Label shown inside the pill (Figma: "Summary"). Children override.
      */
     label?: React$1.ReactNode;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"accordion"` if omitted.
+     */
+    "data-testid"?: string;
 }
 
 declare function Accordion<TType extends AccordionType = "single">({ className, type, collapsible, value, defaultValue, onValueChange, disabled, ...props }: AccordionProps<TType>): react_jsx_runtime.JSX.Element;
@@ -438,6 +628,10 @@ interface AvatarProps {
     shape?: AvatarShape;
     className?: string;
     style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"avatar"` if omitted.
+     */
+    "data-testid"?: string;
 }
 interface AvatarGroupProps {
     /**
@@ -461,6 +655,10 @@ interface AvatarGroupProps {
     children: React$1.ReactNode;
     className?: string;
     style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"avatar-group"` if omitted.
+     */
+    "data-testid"?: string;
 }
 
 /**
@@ -531,6 +729,10 @@ interface BadgeProps {
     interactive?: boolean;
     className?: string;
     style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"badge"` if omitted.
+     */
+    "data-testid"?: string;
 }
 /**
  * Props for TagBadge - an interactive badge that opens a dropdown to select a tag.
@@ -551,6 +753,10 @@ interface TagBadgeProps {
     defaultVariant?: BadgeVariant;
     className?: string;
     style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"badge"` if omitted.
+     */
+    "data-testid"?: string;
 }
 type NumberBadgeVariant = "default" | "destructive" | "secondary";
 interface NumberBadgeProps {
@@ -575,6 +781,10 @@ interface NumberBadgeProps {
     showZero?: boolean;
     className?: string;
     style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"badge"` if omitted.
+     */
+    "data-testid"?: string;
 }
 
 /**
@@ -652,6 +862,11 @@ declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimit
     size?: "small" | "regular" | "large";
     /** Background variant. "default" = input grey, "white" = card white */
     bg?: "default" | "white";
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"select"` if omitted.
+     * By convention pass a descriptive name like `"select-timezone"`.
+     */
+    "data-testid"?: string;
 } & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -668,6 +883,10 @@ declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive
     leadIcon?: React$1.ReactNode;
     /** Size of leadIcon area. "xs" = 16px, "sm" = 24px, "md" = 36px (for playback controls) */
     leadIconSize?: "xs" | "sm" | "md";
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"select-item"` if omitted.
+     */
+    "data-testid"?: string;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare function SelectFormLabel({ className, label, mandatory, }: SelectLabelProps): react_jsx_runtime.JSX.Element;
@@ -732,7 +951,7 @@ interface UseSelectProps {
     defaultValue?: string;
     onValueChange?: (value: string) => void;
 }
-declare function useSelect({ value, defaultValue, onValueChange }: UseSelectProps): {
+declare function useSelect({ value, defaultValue, onValueChange, }: UseSelectProps): {
     value: string | undefined;
     setValue: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
     handleValueChange: (newValue: string) => void;
@@ -782,6 +1001,11 @@ interface EmptyStateProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "
     description?: string | React$1.ReactNode;
     /** Action element(s) displayed below the text. Single button or array of buttons. */
     action?: React$1.ReactNode | React$1.ReactNode[];
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"empty-state"` if omitted.
+     * By convention pass a descriptive name like `"empty-state-no-agents"`.
+     */
+    "data-testid"?: string;
 }
 
 /**
@@ -815,6 +1039,11 @@ interface ListProps extends React$1.HTMLAttributes<HTMLDivElement> {
      */
     list_border_radius?: ListBorderRadius;
     children?: React$1.ReactNode;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"card"` if omitted.
+     * By convention pass a descriptive name like `"card-agent-${id}"`.
+     */
+    "data-testid"?: string;
 }
 
 /**
@@ -898,6 +1127,11 @@ interface SidePanelProps extends React$1.HTMLAttributes<HTMLDivElement> {
     side?: "left" | "right";
     /** Panel content */
     children?: React$1.ReactNode;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"side-panel"` if omitted.
+     * By convention pass a descriptive name like `"side-panel-create-campaign"`.
+     */
+    "data-testid"?: string;
 }
 
 /**
@@ -1001,10 +1235,14 @@ interface ThemeContextType {
 declare const ThemeProvider: React$1.FC<{
     children: React$1.ReactNode;
     defaultTheme?: Theme;
+    /** See `LegoLandWrapper.fill` — opt the wrapper into `display: contents`. */
+    fill?: boolean;
 }>;
 declare const NurixThemeProvider: React$1.FC<{
     children: React$1.ReactNode;
     defaultTheme?: Theme;
+    /** See `LegoLandWrapper.fill` — opt the wrapper into `display: contents`. */
+    fill?: boolean;
 }>;
 declare const useTheme: () => ThemeContextType;
 
@@ -1013,6 +1251,13 @@ interface LegoLandWrapperProps {
     theme: "light" | "dark";
     className?: string;
     style?: React$1.CSSProperties;
+    /**
+     * Opt-in: render the wrapper with `display: contents` (via a `data-fill`
+     * attribute the host app can target) so it doesn't form its own layout
+     * box. Use when a child needs height/flex propagation from the wrapper's
+     * parent (e.g. `h-full` on a Surface inside).
+     */
+    fill?: boolean;
 }
 declare const LegoLandWrapper: React$1.FC<LegoLandWrapperProps>;
 
@@ -1594,6 +1839,12 @@ interface DialogProps {
     confirmVariant?: ButtonVariant;
     /** Disable the confirm button. */
     confirmDisabled?: boolean;
+    /**
+     * Base data-testid. Forwarded to the dialog container, with
+     * `${value}-close`, `${value}-cancel`, and `${value}-confirm` auto-derived
+     * onto the close (×), cancel, and confirm buttons.
+     */
+    "data-testid"?: string;
     className?: string;
 }
 interface DialogIconProps {
@@ -1604,6 +1855,11 @@ interface DialogHeaderProps {
     title: string;
     showClose?: boolean;
     showDivider?: boolean;
+    /**
+     * Base data-testid. Forwarded to the header container, with
+     * `${value}-close` auto-derived onto the close (×) button.
+     */
+    "data-testid"?: string;
     className?: string;
 }
 interface DialogBodyProps {
@@ -1625,6 +1881,12 @@ interface DialogFooterProps {
     confirmVariant?: ButtonVariant;
     /** Disable the confirm button. */
     confirmDisabled?: boolean;
+    /**
+     * Base data-testid. Forwarded to the footer container, with
+     * `${value}-cancel` and `${value}-confirm` auto-derived onto the cancel
+     * and confirm buttons.
+     */
+    "data-testid"?: string;
     showDivider?: boolean;
     className?: string;
 }
@@ -1695,6 +1957,11 @@ interface ToastProps {
     progress?: number;
     className?: string;
     style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"toast"` if omitted.
+     * By convention pass a descriptive name like `"toast-success"`.
+     */
+    "data-testid"?: string;
 }
 /** Options passed to `showToast()`. */
 interface ShowToastOptions extends Omit<ToastProps, "onCancel"> {
@@ -1751,6 +2018,11 @@ interface StepperProps {
     steps: StepItem[];
     className?: string;
     style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"stepper"` if omitted.
+     * By convention pass a descriptive name like `"stepper-onboarding"`.
+     */
+    "data-testid"?: string;
 }
 interface StepperBarProps {
     /**
@@ -1764,6 +2036,11 @@ interface StepperBarProps {
     currentStep: number;
     className?: string;
     style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"stepper-bar"` if omitted.
+     * By convention pass a descriptive name like `"stepper-bar-create-agent"`.
+     */
+    "data-testid"?: string;
 }
 interface ProgressBarProps {
     /**
@@ -1777,6 +2054,11 @@ interface ProgressBarProps {
     max?: number;
     className?: string;
     style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"progress-bar"` if omitted.
+     * By convention pass a descriptive name like `"progress-bar-upload"`.
+     */
+    "data-testid"?: string;
 }
 
 /**
@@ -1885,6 +2167,11 @@ interface IconPickerProps {
     placeholder?: string;
     className?: string;
     style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"btn"` (the trigger
+     * is a button) if omitted.
+     */
+    "data-testid"?: string;
 }
 
 /**
@@ -2013,6 +2300,12 @@ interface TableAction<TRow> {
      * Called when the action button is clicked.
      */
     onClick: (row: TRow) => void;
+    /**
+     * data-testid for the action button. Static string, or a function that
+     * receives the row so consumers can build per-row testids
+     * (e.g. `(row) => `btn-delete-${row.id}``).
+     */
+    "data-testid"?: string | ((row: TRow) => string);
 }
 interface PaginationProps {
     handlePageChange: (page: number) => void;
@@ -2021,6 +2314,10 @@ interface PaginationProps {
     currentPage: number;
     total: number;
     entityName?: string;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"pagination"` if omitted.
+     */
+    "data-testid"?: string;
 }
 interface DataTableProps<TRow> {
     /**
@@ -2095,6 +2392,11 @@ interface DataTableProps<TRow> {
      * Called when a data row is clicked. Receives the row data.
      */
     onRowClick?: (row: TRow) => void;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"table"` if omitted.
+     * Each data row also gets `data-testid={`row-${id}`}` automatically.
+     */
+    "data-testid"?: string;
 }
 
 /**
@@ -2103,7 +2405,7 @@ interface DataTableProps<TRow> {
  *
  * Figma reference node: 3338:6396
  */
-declare function Pagination({ handlePageChange, rowsPerPage, setRowsPerPage, currentPage, total, entityName, }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare function Pagination({ handlePageChange, rowsPerPage, setRowsPerPage, currentPage, total, entityName, "data-testid": dataTestId, }: PaginationProps): react_jsx_runtime.JSX.Element;
 declare namespace Pagination {
     var displayName: string;
 }
@@ -2119,11 +2421,22 @@ declare namespace Pagination {
  *
  * Figma reference node: 3338:6396
  */
-declare function DataTable<TRow>({ columns, data, pinnedColumns, showCheckbox, actions, getRowId, selectedRows, onSelectionChange, onSortChange, showPagination, currentPage, rowsPerPage, total, onPageChange, onRowsPerPageChange, entityName, showBorder, stickyHeader, headerAction, className, loading, onRowClick, }: DataTableProps<TRow>): react_jsx_runtime.JSX.Element;
+declare function DataTable<TRow>({ columns, data, pinnedColumns, showCheckbox, actions, getRowId, selectedRows, onSelectionChange, onSortChange, showPagination, currentPage, rowsPerPage, total, onPageChange, onRowsPerPageChange, entityName, showBorder, stickyHeader, headerAction, className, loading, onRowClick, "data-testid": dataTestId, }: DataTableProps<TRow>): react_jsx_runtime.JSX.Element;
 declare namespace DataTable {
     var displayName: string;
 }
 
+/**
+ * Optional per-item trailing action button. Rendered before the
+ * selected-tick slot, visible only on row hover (so the row stays calm when
+ * idle). Use for destructive or secondary actions like "delete this saved
+ * view" without making them part of the row's primary click.
+ */
+interface FilterItemAction {
+    icon: React$1.ReactNode;
+    ariaLabel: string;
+    onClick: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
+}
 /**
  * Filter item structure
  */
@@ -2138,6 +2451,8 @@ interface FilterItem<T = string> {
     loading?: boolean;
     /** Optional custom display node to render instead of plain label */
     labelNode?: React$1.ReactNode;
+    /** Optional trailing hover-action (e.g. delete) */
+    action?: FilterItemAction;
 }
 /**
  * Filter item with section grouping
@@ -2260,6 +2575,17 @@ interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTML
     datePresets?: boolean | DatePreset[];
     /** Show time picker in date filter (default: true) */
     showTime?: boolean;
+    /**
+     * Allow selecting dates in the future. Defaults to `false` because the
+     * date filter is typically used to filter past data (logs, conversations,
+     * etc.). Enable for use cases like scheduling.
+     */
+    allowFutureDates?: boolean;
+    /**
+     * Disable selecting dates before today. Useful for scheduling flows where
+     * the start date must be today or later. Combines with `allowFutureDates`.
+     */
+    disablePastDates?: boolean;
     /** Empty state label when no items available */
     emptyStateLabel?: string;
     /** Additional className for the trigger button */
@@ -2272,6 +2598,11 @@ interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTML
      * paints the label in `text-fg-brand` (Subtext/xs) — see Figma 5427:32334.
      */
     labelClassName?: string;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"select"` if omitted.
+     * By convention pass a descriptive name like `"select-language"`.
+     */
+    "data-testid"?: string;
 }
 /** Date preset: label and function to compute the range */
 interface DatePreset {
@@ -2308,6 +2639,8 @@ interface FilterListItemProps<T = string> {
     hover?: boolean;
     /** Additional className */
     className?: string;
+    /** Optional trailing hover-action (e.g. delete) */
+    action?: FilterItemAction;
 }
 
 declare const FilterSelect: React$1.ForwardRefExoticComponent<FilterSelectProps<string> & React$1.RefAttributes<HTMLDivElement>>;
@@ -2392,6 +2725,11 @@ interface ButtonListProps {
     onOpenChange?: (open: boolean) => void;
     className?: string;
     dropdownClassName?: string;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"btn"` if omitted.
+     * By convention pass a descriptive name like `"btn-actions"`.
+     */
+    "data-testid"?: string;
 }
 
 declare const ButtonList: React$1.ForwardRefExoticComponent<ButtonListProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -2432,9 +2770,13 @@ interface JsonEditorProps {
     showExpandButton?: boolean;
     /** When true, hide the header/toolbar (for embedding in KeyValueJsonEditor). */
     hideHeader?: boolean;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"input"` if omitted.
+     */
+    "data-testid"?: string;
 }
 
-declare function JsonEditor({ value, onChange, onParsedObject, height, label, schema, nodeId, language, showExpandButton, hideHeader, }: JsonEditorProps): react_jsx_runtime.JSX.Element;
+declare function JsonEditor({ value, onChange, onParsedObject, height, label, schema, nodeId, language, showExpandButton, hideHeader, "data-testid": dataTestId, }: JsonEditorProps): react_jsx_runtime.JSX.Element;
 
 interface UseJsonEditorParams {
     value: string;
@@ -2583,6 +2925,10 @@ interface KeyValueEditorProps {
     valueLeadingIcon?: React$1.ReactNode;
     className?: string;
     style?: React$1.CSSProperties;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"input"` if omitted.
+     */
+    "data-testid"?: string;
 }
 
 /**
@@ -2622,6 +2968,11 @@ interface AudioPlayerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>,
     onRateChange?: (rate: number) => void;
     /** Custom formatter for times. Defaults to `m:ss`. */
     formatTime?: (seconds: number) => string;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"player"` if omitted.
+     * By convention pass a descriptive name like `"player-call-recording"`.
+     */
+    "data-testid"?: string;
 }
 
 /**
@@ -2644,6 +2995,11 @@ interface ChatBubbleBaseProps extends Omit<React$1.HTMLAttributes<HTMLDivElement
     alwaysShowTimestamp?: boolean;
     /** Override for the 16px avatar slot. */
     avatar?: React$1.ReactNode;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"chat-bubble"` if omitted.
+     * By convention pass a descriptive name like `"chat-bubble-agent-greeting"`.
+     */
+    "data-testid"?: string;
 }
 interface ChatBubbleAgentProps extends ChatBubbleBaseProps {
     /** Shown below the bubble (e.g. a "Tool Call" tag). */
@@ -2737,6 +3093,11 @@ interface PopoverProps {
     closeOnOutsideClick?: boolean;
     /** Close popover on Escape key. @default true */
     closeOnEscape?: boolean;
+    /**
+     * Optional `data-testid` for Playwright. Defaults to `"popover"` if omitted.
+     * Applied to the floating popover content container (the `role="dialog"` element).
+     */
+    "data-testid"?: string;
 }
 
 /**
@@ -2767,4 +3128,4 @@ interface PopoverProps {
  */
 declare const Popover: React$1.ForwardRefExoticComponent<PopoverProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_THEME, DataTable, type DataTableProps, type DatePreset, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };
+export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_THEME, DataTable, type DataTableProps, type DatePreset, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Toggle, ToggleItem, type ToggleItemProps, type ToggleProps, type ToggleType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };