@agentxjs/ui 1.7.0 → 1.8.0

package/dist/index.d.ts

@@ -1039,6 +1039,10 @@ interface ListPaneProps {
 	*/
 	onSelect?: (id: string) => void;
 	/**
+	* Callback when edit is clicked on an item
+	*/
+	onEdit?: (id: string, currentTitle: string) => void;
+	/**
 	* Callback when delete is clicked on an item
 	*/
 	onDelete?: (id: string) => void;
@@ -1204,7 +1208,7 @@ interface InputPaneProps {
 	maxAttachments?: number;
 	/**
 	* Maximum file size in bytes
-	* @default 5242880 (5MB)
+	* @default 104857600 (100MB)
 	*/
 	maxFileSize?: number;
 	/**
@@ -1541,7 +1545,7 @@ interface StatusBarProps extends React31.HTMLAttributes<HTMLDivElement> {
 * ```
 */
 declare const StatusBar: React31.ForwardRefExoticComponent<StatusBarProps & React31.RefAttributes<HTMLDivElement>>;
-import * as React33 from "react";
+import * as React40 from "react";
 import * as React32 from "react";
 import { VariantProps } from "class-variance-authority";
 declare const buttonVariants: unknown;
@@ -1549,55 +1553,95 @@ interface ButtonProps extends React32.ButtonHTMLAttributes<HTMLButtonElement>, V
 	asChild?: boolean;
 }
 declare const Button: React32.ForwardRefExoticComponent<ButtonProps & React32.RefAttributes<HTMLButtonElement>>;
+import * as React33 from "react";
+type InputProps = React33.ComponentProps<"input">;
+declare const Input: React33.ForwardRefExoticComponent<InputProps & React33.RefAttributes<HTMLInputElement>>;
+import * as React34 from "react";
 import { VariantProps as VariantProps2 } from "class-variance-authority";
-interface ActionBarProps extends React33.HTMLAttributes<HTMLDivElement> {
+declare const badgeVariants: unknown;
+interface BadgeProps extends React34.HTMLAttributes<HTMLDivElement>, VariantProps2<typeof badgeVariants> {}
+declare function Badge({ className, variant,...props }: BadgeProps): React34.ReactElement;
+import * as React35 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const Dialog: typeof DialogPrimitive.Root;
+declare const DialogTrigger: typeof DialogPrimitive.Trigger;
+declare const DialogPortal: typeof DialogPrimitive.Portal;
+declare const DialogClose: typeof DialogPrimitive.Close;
+declare const DialogOverlay: React35.ForwardRefExoticComponent<React35.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & React35.RefAttributes<React35.ElementRef<typeof DialogPrimitive.Overlay>>>;
+declare const DialogContent: React35.ForwardRefExoticComponent<React35.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & React35.RefAttributes<React35.ElementRef<typeof DialogPrimitive.Content>>>;
+declare function DialogHeader({ className,...props }: React35.HTMLAttributes<HTMLDivElement>): React35.ReactElement;
+declare function DialogFooter({ className,...props }: React35.HTMLAttributes<HTMLDivElement>): React35.ReactElement;
+declare const DialogTitle: React35.ForwardRefExoticComponent<React35.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> & React35.RefAttributes<React35.ElementRef<typeof DialogPrimitive.Title>>>;
+declare const DialogDescription: React35.ForwardRefExoticComponent<React35.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> & React35.RefAttributes<React35.ElementRef<typeof DialogPrimitive.Description>>>;
+import * as React36 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare const Popover: typeof PopoverPrimitive.Root;
+declare const PopoverTrigger: typeof PopoverPrimitive.Trigger;
+declare const PopoverAnchor: typeof PopoverPrimitive.Anchor;
+declare const PopoverContent: React36.ForwardRefExoticComponent<React36.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & React36.RefAttributes<React36.ElementRef<typeof PopoverPrimitive.Content>>>;
+import * as React37 from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+declare const ScrollBar: React37.ForwardRefExoticComponent<React37.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> & React37.RefAttributes<React37.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>>>;
+declare const ScrollArea: React37.ForwardRefExoticComponent<React37.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & React37.RefAttributes<React37.ElementRef<typeof ScrollAreaPrimitive.Root>>>;
+import * as React38 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare const Tabs: typeof TabsPrimitive.Root;
+declare const TabsList: React38.ForwardRefExoticComponent<React38.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & React38.RefAttributes<React38.ElementRef<typeof TabsPrimitive.List>>>;
+declare const TabsTrigger: React38.ForwardRefExoticComponent<React38.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & React38.RefAttributes<React38.ElementRef<typeof TabsPrimitive.Trigger>>>;
+declare const TabsContent: React38.ForwardRefExoticComponent<React38.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> & React38.RefAttributes<React38.ElementRef<typeof TabsPrimitive.Content>>>;
+import * as React39 from "react";
+import { Toaster as Sonner } from "sonner";
+type ToasterProps = React39.ComponentProps<typeof Sonner>;
+declare const Toaster: ({ ...props }: ToasterProps) => React39.ReactElement;
+import { VariantProps as VariantProps3 } from "class-variance-authority";
+interface ActionBarProps extends React40.HTMLAttributes<HTMLDivElement> {
 	/**
 	* Children (ActionBar.Primary, ActionBar.Icon, ActionBar.Group)
 	*/
-	children: React33.ReactNode;
+	children: React40.ReactNode;
 }
-interface ActionBarPrimaryProps extends React33.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps2<typeof buttonVariants> {
+interface ActionBarPrimaryProps extends React40.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps3<typeof buttonVariants> {
 	/**
 	* Button content
 	*/
-	children: React33.ReactNode;
+	children: React40.ReactNode;
 	/**
 	* Show loading state
 	*/
 	loading?: boolean;
 }
-interface ActionBarIconProps extends React33.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps2<typeof buttonVariants> {
+interface ActionBarIconProps extends React40.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps3<typeof buttonVariants> {
 	/**
 	* Icon element
 	*/
-	children: React33.ReactNode;
+	children: React40.ReactNode;
 	/**
 	* Show loading state
 	*/
 	loading?: boolean;
 }
-interface ActionBarGroupProps extends React33.HTMLAttributes<HTMLDivElement> {
+interface ActionBarGroupProps extends React40.HTMLAttributes<HTMLDivElement> {
 	/**
 	* Group children
 	*/
-	children: React33.ReactNode;
+	children: React40.ReactNode;
 }
 /**
 * ActionBar.Primary - Primary action button (takes flex-1)
 */
-declare const ActionBarPrimary: React33.ForwardRefExoticComponent<ActionBarPrimaryProps & React33.RefAttributes<HTMLButtonElement>>;
+declare const ActionBarPrimary: React40.ForwardRefExoticComponent<ActionBarPrimaryProps & React40.RefAttributes<HTMLButtonElement>>;
 /**
 * ActionBar.Icon - Icon-only action button (square)
 */
-declare const ActionBarIcon: React33.ForwardRefExoticComponent<ActionBarIconProps & React33.RefAttributes<HTMLButtonElement>>;
+declare const ActionBarIcon: React40.ForwardRefExoticComponent<ActionBarIconProps & React40.RefAttributes<HTMLButtonElement>>;
 /**
 * ActionBar.Group - Group buttons together
 */
-declare const ActionBarGroup: React33.ForwardRefExoticComponent<ActionBarGroupProps & React33.RefAttributes<HTMLDivElement>>;
+declare const ActionBarGroup: React40.ForwardRefExoticComponent<ActionBarGroupProps & React40.RefAttributes<HTMLDivElement>>;
 /**
 * ActionBar compound component type
 */
-type ActionBarComponent = React33.ForwardRefExoticComponent<ActionBarProps & React33.RefAttributes<HTMLDivElement>> & {
+type ActionBarComponent = React40.ForwardRefExoticComponent<ActionBarProps & React40.RefAttributes<HTMLDivElement>> & {
 	Primary: typeof ActionBarPrimary
 	Icon: typeof ActionBarIcon
 	Group: typeof ActionBarGroup
@@ -1605,8 +1649,8 @@ type ActionBarComponent = React33.ForwardRefExoticComponent<ActionBarProps & Rea
 /**
 * Compound component */
 declare const ActionBar: ActionBarComponent;
-import * as React34 from "react";
-interface AgentLogoProps extends React34.ImgHTMLAttributes<HTMLImageElement> {
+import * as React41 from "react";
+interface AgentLogoProps extends React41.ImgHTMLAttributes<HTMLImageElement> {
 	/**
 	* Custom icon source URL. Defaults to "/icons/agent-ai-icon.svg"
 	*/
@@ -1624,13 +1668,13 @@ interface AgentLogoProps extends React34.ImgHTMLAttributes<HTMLImageElement> {
 * <AgentLogo src="/custom-logo.svg" />
 * ```
 */
-declare const AgentLogo: React34.ForwardRefExoticComponent<AgentLogoProps & React34.RefAttributes<HTMLImageElement>>;
-import * as React35 from "react";
-interface AppHeaderProps extends React35.HTMLAttributes<HTMLDivElement> {
+declare const AgentLogo: React41.ForwardRefExoticComponent<AgentLogoProps & React41.RefAttributes<HTMLImageElement>>;
+import * as React42 from "react";
+interface AppHeaderProps extends React42.HTMLAttributes<HTMLDivElement> {
 	/**
 	* Logo element (icon or image)
 	*/
-	logo?: React35.ReactNode;
+	logo?: React42.ReactNode;
 	/**
 	* Application title
 	*/
@@ -1642,7 +1686,7 @@ interface AppHeaderProps extends React35.HTMLAttributes<HTMLDivElement> {
 	/**
 	* Additional actions on the right side
 	*/
-	actions?: React35.ReactNode;
+	actions?: React42.ReactNode;
 	/**
 	* Whether to show border at bottom
 	* @default true
@@ -1708,13 +1752,8 @@ interface AppHeaderProps extends React35.HTMLAttributes<HTMLDivElement> {
 * />
 * ```
 */
-declare const AppHeader: React35.ForwardRefExoticComponent<AppHeaderProps & React35.RefAttributes<HTMLDivElement>>;
-import * as React36 from "react";
-import { VariantProps as VariantProps3 } from "class-variance-authority";
-declare const badgeVariants: unknown;
-interface BadgeProps extends React36.HTMLAttributes<HTMLDivElement>, VariantProps3<typeof badgeVariants> {}
-declare function Badge({ className, variant,...props }: BadgeProps): React36.ReactElement;
-import * as React37 from "react";
+declare const AppHeader: React42.ForwardRefExoticComponent<AppHeaderProps & React42.RefAttributes<HTMLDivElement>>;
+import * as React43 from "react";
 interface Emoji {
 	id: string;
 	name: string;
@@ -1767,13 +1806,13 @@ interface EmojiPickerProps {
 /**
 * EmojiPicker component
 */
-declare const EmojiPicker: React37.FC<EmojiPickerProps>;
-import * as React38 from "react";
-interface EmptyStateProps extends React38.HTMLAttributes<HTMLDivElement> {
+declare const EmojiPicker: React43.FC<EmojiPickerProps>;
+import * as React44 from "react";
+interface EmptyStateProps extends React44.HTMLAttributes<HTMLDivElement> {
 	/**
 	* Icon element to display
 	*/
-	icon?: React38.ReactNode;
+	icon?: React44.ReactNode;
 	/**
 	* Title text
 	*/
@@ -1785,7 +1824,7 @@ interface EmptyStateProps extends React38.HTMLAttributes<HTMLDivElement> {
 	/**
 	* Action button or element
 	*/
-	action?: React38.ReactNode;
+	action?: React44.ReactNode;
 	/**
 	* Vertical spacing size
 	*/
@@ -1823,8 +1862,8 @@ interface EmptyStateProps extends React38.HTMLAttributes<HTMLDivElement> {
 * />
 * ```
 */
-declare const EmptyState: React38.ForwardRefExoticComponent<EmptyStateProps & React38.RefAttributes<HTMLDivElement>>;
-import * as React39 from "react";
+declare const EmptyState: React44.ForwardRefExoticComponent<EmptyStateProps & React44.RefAttributes<HTMLDivElement>>;
+import * as React45 from "react";
 interface ImageAttachmentProps {
 	/**
 	* The image file to display
@@ -1874,12 +1913,9 @@ interface ImageAttachmentProps {
 * />
 * ```
 */
-declare function ImageAttachment({ file, onRemove, uploadProgress, error, className }: ImageAttachmentProps): React39.ReactElement;
-import * as React40 from "react";
-interface InputProps extends React40.InputHTMLAttributes<HTMLInputElement> {}
-declare const Input: React40.ForwardRefExoticComponent<InputProps & React40.RefAttributes<HTMLInputElement>>;
-import * as React41 from "react";
-interface ListItemProps extends Omit<React41.HTMLAttributes<HTMLDivElement>, "title"> {
+declare function ImageAttachment({ file, onRemove, uploadProgress, error, className }: ImageAttachmentProps): React45.ReactElement;
+import * as React46 from "react";
+interface ListItemProps extends Omit<React46.HTMLAttributes<HTMLDivElement>, "title"> {
 	/**
 	* Whether the item is selected
 	*/
@@ -1895,23 +1931,23 @@ interface ListItemProps extends Omit<React41.HTMLAttributes<HTMLDivElement>, "ti
 	/**
 	* Left side content (icon, avatar, logo, etc.)
 	*/
-	leading?: React41.ReactNode;
+	leading?: React46.ReactNode;
 	/**
 	* Main title content
 	*/
-	title: React41.ReactNode;
+	title: React46.ReactNode;
 	/**
 	* Subtitle content (timestamp, description, etc.)
 	*/
-	subtitle?: React41.ReactNode;
+	subtitle?: React46.ReactNode;
 	/**
 	* Trailing content (badge, actions, etc.)
 	*/
-	trailing?: React41.ReactNode;
+	trailing?: React46.ReactNode;
 	/**
 	* Action buttons (show on hover for desktop)
 	*/
-	actions?: React41.ReactNode;
+	actions?: React46.ReactNode;
 	/**
 	* Layout variant
 	*/
@@ -1983,13 +2019,13 @@ interface ListItemProps extends Omit<React41.HTMLAttributes<HTMLDivElement>, "ti
 * />
 * ```
 */
-declare const ListItem: React41.ForwardRefExoticComponent<ListItemProps & React41.RefAttributes<HTMLDivElement>>;
-import * as React42 from "react";
-interface LoadingStateProps extends React42.HTMLAttributes<HTMLDivElement> {
+declare const ListItem: React46.ForwardRefExoticComponent<ListItemProps & React46.RefAttributes<HTMLDivElement>>;
+import * as React47 from "react";
+interface LoadingStateProps extends React47.HTMLAttributes<HTMLDivElement> {
 	/**
 	* Icon or spinner element to display
 	*/
-	icon?: React42.ReactNode;
+	icon?: React47.ReactNode;
 	/**
 	* Title text
 	*/
@@ -2034,9 +2070,9 @@ interface LoadingStateProps extends React42.HTMLAttributes<HTMLDivElement> {
 * <LoadingState showSpinner />
 * ```
 */
-declare const LoadingState: React42.ForwardRefExoticComponent<LoadingStateProps & React42.RefAttributes<HTMLDivElement>>;
-import * as React43 from "react";
-interface PageHeaderProps extends React43.HTMLAttributes<HTMLDivElement> {
+declare const LoadingState: React47.ForwardRefExoticComponent<LoadingStateProps & React47.RefAttributes<HTMLDivElement>>;
+import * as React48 from "react";
+interface PageHeaderProps extends React48.HTMLAttributes<HTMLDivElement> {
 	/**
 	* Main title text
 	*/
@@ -2048,11 +2084,11 @@ interface PageHeaderProps extends React43.HTMLAttributes<HTMLDivElement> {
 	/**
 	* Optional leading element (e.g., menu button, back button)
 	*/
-	leading?: React43.ReactNode;
+	leading?: React48.ReactNode;
 	/**
 	* Optional trailing element (e.g., actions, tabs)
 	*/
-	trailing?: React43.ReactNode;
+	trailing?: React48.ReactNode;
 	/**
 	* Whether to show border at bottom
 	* @default true
@@ -2124,21 +2160,9 @@ interface PageHeaderProps extends React43.HTMLAttributes<HTMLDivElement> {
 * />
 * ```
 */
-declare const PageHeader: React43.ForwardRefExoticComponent<PageHeaderProps & React43.RefAttributes<HTMLDivElement>>;
-import * as React44 from "react";
-interface PopoverProps {
-	children: React44.ReactNode;
-	open?: boolean;
-	onOpenChange?: (open: boolean) => void;
-}
-declare function Popover({ children, open: controlledOpen, onOpenChange }: PopoverProps): React44.ReactElement;
-import * as React45 from "react";
-interface ScrollAreaProps extends React45.HTMLAttributes<HTMLDivElement> {
-	children?: React45.ReactNode;
-}
-declare const ScrollArea: React45.ForwardRefExoticComponent<ScrollAreaProps & React45.RefAttributes<HTMLDivElement>>;
-import * as React46 from "react";
-interface SearchInputProps extends Omit<React46.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> {
+declare const PageHeader: React48.ForwardRefExoticComponent<PageHeaderProps & React48.RefAttributes<HTMLDivElement>>;
+import * as React49 from "react";
+interface SearchInputProps extends Omit<React49.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> {
 	/**
 	* Current search value (controlled)
 	*/
@@ -2164,11 +2188,11 @@ interface SearchInputProps extends Omit<React46.InputHTMLAttributes<HTMLInputEle
 	/**
 	* Custom search icon element
 	*/
-	searchIcon?: React46.ReactNode;
+	searchIcon?: React49.ReactNode;
 	/**
 	* Custom clear icon element
 	*/
-	clearIcon?: React46.ReactNode;
+	clearIcon?: React49.ReactNode;
 }
 /**
 * SearchInput - Input field with search icon and clear button
@@ -2211,8 +2235,8 @@ interface SearchInputProps extends Omit<React46.InputHTMLAttributes<HTMLInputEle
 * />
 * ```
 */
-declare const SearchInput: React46.ForwardRefExoticComponent<SearchInputProps & React46.RefAttributes<HTMLInputElement>>;
-import * as React47 from "react";
+declare const SearchInput: React49.ForwardRefExoticComponent<SearchInputProps & React49.RefAttributes<HTMLInputElement>>;
+import * as React50 from "react";
 import { VariantProps as VariantProps4 } from "class-variance-authority";
 declare const tabNavigationVariants: unknown;
 interface Tab {
@@ -2227,13 +2251,13 @@ interface Tab {
 	/**
 	* Optional icon element
 	*/
-	icon?: React47.ReactNode;
+	icon?: React50.ReactNode;
 	/**
 	* Whether the tab is disabled
 	*/
 	disabled?: boolean;
 }
-interface TabNavigationProps extends Omit<React47.HTMLAttributes<HTMLDivElement>, "onChange">, VariantProps4<typeof tabNavigationVariants> {
+interface TabNavigationProps extends Omit<React50.HTMLAttributes<HTMLDivElement>, "onChange">, VariantProps4<typeof tabNavigationVariants> {
 	/**
 	* Array of tab items
 	*/
@@ -2299,9 +2323,9 @@ interface TabNavigationProps extends Omit<React47.HTMLAttributes<HTMLDivElement>
 * />
 * ```
 */
-declare const TabNavigation: React47.ForwardRefExoticComponent<TabNavigationProps & React47.RefAttributes<HTMLDivElement>>;
-import * as React48 from "react";
-interface TimeAgoProps extends React48.HTMLAttributes<HTMLSpanElement> {
+declare const TabNavigation: React50.ForwardRefExoticComponent<TabNavigationProps & React50.RefAttributes<HTMLDivElement>>;
+import * as React51 from "react";
+interface TimeAgoProps extends React51.HTMLAttributes<HTMLSpanElement> {
 	/**
 	* Date to display (ISO string or Date object)
 	*/
@@ -2345,8 +2369,8 @@ interface TimeAgoProps extends React48.HTMLAttributes<HTMLSpanElement> {
 * <TimeAgo date={date} showTooltip={false} />
 * ```
 */
-declare const TimeAgo: React48.ForwardRefExoticComponent<TimeAgoProps & React48.RefAttributes<HTMLSpanElement>>;
-import * as React49 from "react";
+declare const TimeAgo: React51.ForwardRefExoticComponent<TimeAgoProps & React51.RefAttributes<HTMLSpanElement>>;
+import * as React52 from "react";
 interface TokenUsagePieProps {
 	/**
 	* Number of tokens used
@@ -2379,8 +2403,8 @@ interface TokenUsagePieProps {
 * <TokenUsagePie used={120000} total={200000} />
 * ```
 */
-declare function TokenUsagePie({ used, total, className }: TokenUsagePieProps): React49.ReactElement | null;
-import * as React50 from "react";
+declare function TokenUsagePie({ used, total, className }: TokenUsagePieProps): React52.ReactElement | null;
+import * as React53 from "react";
 type ToastSeverity = "info" | "warn" | "error" | "fatal";
 interface ToastProps {
 	/**
@@ -2410,7 +2434,7 @@ interface ToastProps {
 /**
 * Toast component - Single toast notification
 */
-declare const Toast: React50.FC<ToastProps>;
+declare const Toast: React53.FC<ToastProps>;
 /**
 * ToastContainer - Container for managing multiple toasts
 */
@@ -2434,7 +2458,7 @@ interface ToastContainerProps {
 	*/
 	onDismiss?: (id: string) => void;
 }
-declare const ToastContainer: React50.FC<ToastContainerProps>;
+declare const ToastContainer: React53.FC<ToastContainerProps>;
 /**
 * useToast hook - Manage toasts state
 */
@@ -2445,7 +2469,7 @@ interface UseToastReturn {
 	clearToasts: () => void;
 }
 declare const useToast: () => UseToastReturn;
-import * as React51 from "react";
+import * as React54 from "react";
 interface MobileDrawerProps {
 	/**
 	* Whether the drawer is open
@@ -2458,7 +2482,7 @@ interface MobileDrawerProps {
 	/**
 	* Drawer content
 	*/
-	children: React51.ReactNode;
+	children: React54.ReactNode;
 	/**
 	* Additional class name for drawer content
 	*/
@@ -2476,8 +2500,8 @@ interface MobileDrawerProps {
 *
 * Uses a local portal container to avoid z-index conflicts with host applications.
 */
-declare const MobileDrawer: React51.FC<MobileDrawerProps>;
-import * as React52 from "react";
+declare const MobileDrawer: React54.FC<MobileDrawerProps>;
+import * as React55 from "react";
 interface MobileHeaderProps {
 	/**
 	* Header title
@@ -2494,7 +2518,7 @@ interface MobileHeaderProps {
 	/**
 	* Custom action icon
 	*/
-	actionIcon?: React52.ReactNode;
+	actionIcon?: React55.ReactNode;
 	/**
 	* Whether to show action button
 	*/
@@ -2509,18 +2533,18 @@ interface MobileHeaderProps {
 *
 * A simple, minimalist header with hamburger menu and optional action.
 */
-declare const MobileHeader: React52.FC<MobileHeaderProps>;
-import * as React53 from "react";
+declare const MobileHeader: React55.FC<MobileHeaderProps>;
+import * as React56 from "react";
 interface MobileMessagePaneProps {
 	/**
 	* Message content (children)
 	*/
-	children?: React53.ReactNode;
+	children?: React56.ReactNode;
 	/**
 	* Empty state configuration
 	*/
 	emptyState?: {
-		icon?: React53.ReactNode
+		icon?: React56.ReactNode
 		title: string
 		description?: string
 	};
@@ -2534,8 +2558,8 @@ interface MobileMessagePaneProps {
 *
 * A mobile-optimized message container with auto-scroll and hidden scrollbar.
 */
-declare const MobileMessagePane: React53.ForwardRefExoticComponent<MobileMessagePaneProps & React53.RefAttributes<HTMLDivElement>>;
-import * as React54 from "react";
+declare const MobileMessagePane: React56.ForwardRefExoticComponent<MobileMessagePaneProps & React56.RefAttributes<HTMLDivElement>>;
+import * as React57 from "react";
 interface MobileInputPaneProps {
 	/**
 	* Callback when user sends a message
@@ -2567,8 +2591,8 @@ interface MobileInputPaneProps {
 *
 * A mobile-optimized input area with clean, minimal design.
 */
-declare const MobileInputPane: React54.ForwardRefExoticComponent<MobileInputPaneProps & React54.RefAttributes<HTMLDivElement>>;
-import * as React55 from "react";
+declare const MobileInputPane: React57.ForwardRefExoticComponent<MobileInputPaneProps & React57.RefAttributes<HTMLDivElement>>;
+import * as React58 from "react";
 import { AgentX as AgentX9 } from "agentxjs";
 interface MobileChatProps {
 	/**
@@ -2605,8 +2629,8 @@ interface MobileChatProps {
 *
 * A full-screen mobile chat interface.
 */
-declare const MobileChat: React55.FC<MobileChatProps>;
-import * as React56 from "react";
+declare const MobileChat: React58.FC<MobileChatProps>;
+import * as React59 from "react";
 import { AgentX as AgentX10 } from "agentxjs";
 interface MobileAgentListProps {
 	/**
@@ -2647,8 +2671,8 @@ interface MobileAgentListProps {
 *
 * A mobile-optimized conversation list for the drawer.
 */
-declare const MobileAgentList: React56.FC<MobileAgentListProps>;
-import * as React57 from "react";
+declare const MobileAgentList: React59.FC<MobileAgentListProps>;
+import * as React60 from "react";
 interface DiffViewerProps {
 	/**
 	* Diff content in unified diff format
@@ -2690,8 +2714,8 @@ interface DiffViewerProps {
 * />
 * ```
 */
-declare function DiffViewer({ diff, fileName: _fileName, isMobile, wrapText, className }: DiffViewerProps): React57.ReactElement;
-import * as React58 from "react";
+declare function DiffViewer({ diff, fileName: _fileName, isMobile, wrapText, className }: DiffViewerProps): React60.ReactElement;
+import * as React61 from "react";
 interface JSONRendererProps {
 	/**
 	* JSON string to parse and display
@@ -2714,8 +2738,8 @@ interface JSONRendererProps {
 * <JSONRenderer content='{"name": "Agent", "version": "1.0"}' />
 * ```
 */
-declare function JSONRenderer({ content, className }: JSONRendererProps): React58.ReactElement | null;
-import * as React59 from "react";
+declare function JSONRenderer({ content, className }: JSONRendererProps): React61.ReactElement | null;
+import * as React62 from "react";
 interface MarkdownTextProps {
 	/**
 	* Markdown content to render
@@ -2737,7 +2761,7 @@ interface MarkdownTextProps {
 * </MarkdownText>
 * ```
 */
-declare function MarkdownText({ children, className }: MarkdownTextProps): React59.ReactElement;
+declare function MarkdownText({ children, className }: MarkdownTextProps): React62.ReactElement;
 /**
 * Application Events
 * Define all possible events with their payload types
@@ -2853,4 +2877,4 @@ declare function decodeHtmlEntities(text: string): string;
 * Format "Agent AI usage limit reached|<epoch>" into a local time string
 */
 declare function formatUsageLimitText(text: string): string;
-export { useToast, useIsMobile, useImages, useAgentX, useAgent, isUserConversation, isToolBlock, isTextBlock, isImageBlock, isErrorConversation, isAssistantConversation, formatUsageLimitText, formatTimeAgo, eventBus, decodeHtmlEntities, cn, UserMessageProps, UserMessage, UserEntryProps, UserEntry, UserConversationStatus, UserConversationData, UseToastReturn, UseImagesResult, UseImagesOptions, UseAgentResult, UseAgentOptions, UIError, ToolStatus, ToolMessageProps, ToolMessage, ToolCardProps, ToolCard, ToolBlockStatus, ToolBlockProps, ToolBlockData, ToolBlock, ToolBarItem, TokenUsagePie, ToastSeverity, ToastProps, ToastContainerProps, ToastContainer, Toast, TimeAgo, TextBlockStatus, TextBlockProps, TextBlockData, TextBlock, TabNavigation, StudioProps, Studio, StatusBarSection, StatusBarItem, StatusBar, Sidebar, SearchInput, ScrollArea, RightSidebar, ResponsiveStudioProps, ResponsiveStudio, Popover, Panel, PageHeader, NavBarProps, NavBarItem, NavBar, MobileStudioProps, MobileStudio, MobileMessagePaneProps, MobileMessagePane, MobileInputPaneProps, MobileInputPane, MobileHeaderProps, MobileHeader, MobileDrawerProps, MobileDrawer, MobileChatProps, MobileChat, MobileAgentListProps, MobileAgentList, MessagePaneProps, MessagePane, MessageContentProps, MessageContent, MessageAvatarProps, MessageAvatar, MarkdownText, MainContent, MOBILE_BREAKPOINT, LoadingState, ListPaneProps, ListPaneItem, ListPane, ListItem, JSONRenderer, InputToolBarProps, InputToolBar, InputPaneProps, InputPane, Input, ImageBlockProps, ImageBlockData, ImageBlock, ImageAttachment, Header, FileBlockProps, FileBlock, ErrorMessageProps, ErrorMessage, ErrorEntryProps, ErrorEntry, ErrorConversationData, EmptyState, EmojiPickerProps, EmojiPicker, Emoji, DiffViewer, ConversationData, ChatProps, ChatHeaderProps, ChatHeader, Chat, Button, BlockData, Badge, AssistantMessageStatus, AssistantMessageProps, AssistantMessage, AssistantEntryProps, AssistantEntry, AssistantConversationStatus, AssistantConversationData, AppHeader, AppEvents, AgentStatus, AgentLogo, AgentListProps, AgentList, ActivityBar, ActionBar };
+export { useToast, useIsMobile, useImages, useAgentX, useAgent, isUserConversation, isToolBlock, isTextBlock, isImageBlock, isErrorConversation, isAssistantConversation, formatUsageLimitText, formatTimeAgo, eventBus, decodeHtmlEntities, cn, buttonVariants, badgeVariants, UserMessageProps, UserMessage, UserEntryProps, UserEntry, UserConversationStatus, UserConversationData, UseToastReturn, UseImagesResult, UseImagesOptions, UseAgentResult, UseAgentOptions, UIError, ToolStatus, ToolMessageProps, ToolMessage, ToolCardProps, ToolCard, ToolBlockStatus, ToolBlockProps, ToolBlockData, ToolBlock, ToolBarItem, TokenUsagePie, Toaster, ToastSeverity, ToastProps, ToastContainerProps, ToastContainer, Toast, TimeAgo, TextBlockStatus, TextBlockProps, TextBlockData, TextBlock, TabsTrigger, TabsList, TabsContent, Tabs, TabNavigation, StudioProps, Studio, StatusBarSection, StatusBarItem, StatusBar, Sidebar, SearchInput, ScrollBar, ScrollArea, RightSidebar, ResponsiveStudioProps, ResponsiveStudio, PopoverTrigger, PopoverContent, PopoverAnchor, Popover, Panel, PageHeader, NavBarProps, NavBarItem, NavBar, MobileStudioProps, MobileStudio, MobileMessagePaneProps, MobileMessagePane, MobileInputPaneProps, MobileInputPane, MobileHeaderProps, MobileHeader, MobileDrawerProps, MobileDrawer, MobileChatProps, MobileChat, MobileAgentListProps, MobileAgentList, MessagePaneProps, MessagePane, MessageContentProps, MessageContent, MessageAvatarProps, MessageAvatar, MarkdownText, MainContent, MOBILE_BREAKPOINT, LoadingState, ListPaneProps, ListPaneItem, ListPane, ListItem, JSONRenderer, InputToolBarProps, InputToolBar, InputPaneProps, InputPane, Input, ImageBlockProps, ImageBlockData, ImageBlock, ImageAttachment, Header, FileBlockProps, FileBlock, ErrorMessageProps, ErrorMessage, ErrorEntryProps, ErrorEntry, ErrorConversationData, EmptyState, EmojiPickerProps, EmojiPicker, Emoji, DiffViewer, DialogTrigger, DialogTitle, DialogPortal, DialogOverlay, DialogHeader, DialogFooter, DialogDescription, DialogContent, DialogClose, Dialog, ConversationData, ChatProps, ChatHeaderProps, ChatHeader, Chat, ButtonProps, Button, BlockData, BadgeProps, Badge, AssistantMessageStatus, AssistantMessageProps, AssistantMessage, AssistantEntryProps, AssistantEntry, AssistantConversationStatus, AssistantConversationData, AppHeader, AppEvents, AgentStatus, AgentLogo, AgentListProps, AgentList, ActivityBar, ActionBar };