@lukeashford/aurelius 3.3.0 → 3.5.0

package/dist/index.d.mts

@@ -737,6 +737,24 @@ interface MarkdownContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const MarkdownContent: React$1.ForwardRefExoticComponent<MarkdownContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
+interface ChatInputNotice {
+    /**
+     * Visual severity: 'warning' shows a dismissible amber notice, 'error' shows a persistent red notice
+     */
+    variant: 'warning' | 'error';
+    /**
+     * Content to render — plain text or any React node (e.g. text + button for error state)
+     */
+    content: React$1.ReactNode;
+    /**
+     * Whether to show a dismiss (×) button. Defaults to true for warning, ignored for error.
+     */
+    dismissible?: boolean;
+    /**
+     * Called when the dismiss button is clicked. Consumer controls whether the notice disappears.
+     */
+    onDismiss?: () => void;
+}
 type ChatInputPosition = 'centered' | 'bottom';
 type AttachmentStatus = 'pending' | 'uploading' | 'complete' | 'error';
 interface Attachment {
@@ -796,6 +814,14 @@ interface ChatInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'o
      * Accepted file types for attachments
      */
     acceptedFileTypes?: string;
+    /**
+     * Optional notice displayed above the input (e.g. credit warnings or exhaustion messages)
+     */
+    notice?: ChatInputNotice;
+    /**
+     * Called whenever the input value changes, giving the consumer access to the current text
+     */
+    onInputChange?: (value: string) => void;
 }
 /**
  * ChatInput is a context-aware input component that can transition between
@@ -850,8 +876,12 @@ interface TodosListProps extends React$1.HTMLAttributes<HTMLDivElement> {
      * Called when the "Stop All Tasks" button is clicked.
      * Only shown when at least one task is in_progress.
      * The consumer decides what stopping means (cancel API calls, mark cancelled, etc.).
+     *
+     * May return a Promise. While the Promise is pending, the button becomes
+     * disabled and displays a spinner with "Stopping tasks" to give the user
+     * feedback that the stop request is in flight.
      */
-    onStopAllTasks?: () => void;
+    onStopAllTasks?: () => void | Promise<void>;
 }
 declare const TodosList: React$1.ForwardRefExoticComponent<TodosListProps & React$1.RefAttributes<HTMLDivElement>>;
 /**
@@ -1396,8 +1426,22 @@ interface ChatInterfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
      * Called when the "Stop All Tasks" button is clicked in the tasks panel.
      * Only shown when at least one task has in_progress status.
      * The consumer app decides what stopping means (cancel API calls, mark tasks cancelled, etc.).
+     *
+     * May return a Promise. While the Promise is pending, the button becomes
+     * disabled and displays a spinner with "Stopping tasks" so the user knows
+     * the stop request is in flight.
+     */
+    onStopAllTasks?: () => void | Promise<void>;
+    /**
+     * Optional notice displayed above the chat input (e.g. credit warnings or exhaustion messages).
+     * Pass `{ variant: 'warning', content: '...', dismissible: true, onDismiss: () => ... }` for
+     * soft warnings, or `{ variant: 'error', content: <ReactNode> }` for hard blocks.
+     */
+    inputNotice?: ChatInputNotice;
+    /**
+     * Called whenever the chat input value changes, giving the consumer access to the current text.
      */
-    onStopAllTasks?: () => void;
+    onInputChange?: (value: string) => void;
     /**
      * Additional tools to add to the tool sidebars. Each ExternalToolDefinition provides
      * an id, icon, label, group ('top-left' | 'bottom-left' | 'top-right' | 'bottom-right'),
@@ -1525,6 +1569,11 @@ interface ToolPanelContainerProps extends React$1.HTMLAttributes<HTMLDivElement>
      * Panel width as CSS value (e.g., "50vw")
      */
     width?: string;
+    /**
+     * Default top panel height percentage (0-100).
+     * @default 60
+     */
+    initialTopPercent?: number;
     /**
      * Callback to start horizontal resizing (width dragger)
      */
@@ -1927,4 +1976,4 @@ declare const ArtifactVariantStack: React$1.ForwardRefExoticComponent<ArtifactVa
 
 declare const version = "2.0.0";
 
-export { ARTIFACT_TYPES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDialog, type AlertDialogProps, type AlertProps, type AlertVariant, type Artifact, ArtifactCard, type ArtifactCardProps, ArtifactGroup, type ArtifactGroupProps, type ArtifactNode, type ArtifactType, ArtifactVariantStack, type ArtifactVariantStackProps, ArtifactsPanel, type ArtifactsPanelProps, ArtifactsPanelToggle, type ArtifactsPanelToggleProps, type AspectRatio, type AspectRatioPreset, type Attachment, type AttachmentItem, AttachmentPreview, type AttachmentPreviewProps, type AttachmentStatus, AudioCard, type AudioCardProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, BranchNavigator, type BranchNavigatorProps, BrandIcon, type BrandIconProps, type BrandIconSize, type BrandIconVariant, Breadcrumb, type BreadcrumbEntry, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, type BreadcrumbProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardProps, type CardVariant, ChatBubbleIcon, ChatInput, type ChatInputPosition, type ChatInputProps, ChatInterface, type ChatInterfaceProps, type ChatMessage, ChatView, type ChatViewItem, type ChatViewProps, CheckSquareIcon, Checkbox, type CheckboxProps, ChevronLeftIcon, ChevronRightIcon, CloseIcon, Col, type ColOffset, type ColOrder, type ColProps, type ColSpan, ColorSwatch, type ColorSwatchProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type ContainerSize, type Conversation, type ConversationTree, CrossSquareIcon, Divider, type DividerProps, Drawer, type DrawerPosition, type DrawerProps, EmptySquareIcon, ExpandIcon, type ExternalToolDefinition, FileChip, type FileChipProps, type FileChipStatus, HelperText, type HelperTextProps, HistoryIcon, type IconProps, ImageCard, type ImageCardProps, Input, type InputAddonProps, type InputElementProps, InputGroup, type InputGroupProps, InputLeftAddon, InputLeftElement, type InputProps, InputRightAddon, InputRightElement, InputWrapper, type InputWrapperProps, Label, type LabelProps, LayersIcon, List, ListItem, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, MarkdownContent, type MarkdownContentProps, MediaIcon, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, MenuSeparator, MenuTrigger, type MenuTriggerProps, Message, MessageActions, type MessageActionsConfig, type MessageActionsProps, type MessageActionsVariant, type MessageBranchInfo, type MessageNode, type MessageProps, type MessageVariant, Modal, type ModalProps, NODE_TYPES, Navbar, NavbarBrand, type NavbarBrandProps, NavbarContent, type NavbarContentProps, NavbarDivider, NavbarItem, type NavbarItemProps, NavbarLink, type NavbarLinkProps, type NavbarProps, type NodeType, Pagination, type PaginationProps, PdfCard, type PdfCardProps, PlusIcon, Popover, type PopoverAlign, type PopoverPosition, type PopoverProps, Progress, type ProgressProps, PromptDialog, type PromptDialogProps, Radio, type RadioProps, Row, type RowAlign, type RowGutter, type RowJustify, type RowProps, SCRIPT_ELEMENT_TYPES, ScriptCard, type ScriptCardProps, type ScriptElement, type ScriptElementType, SectionHeading, type SectionHeadingLevel, type SectionHeadingProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, SquareLoaderIcon, Stack, type StackDirection, type StackGap, type StackProps, type Step, type StepStatus, Stepper, type StepperProps, StreamingCursor, type StreamingCursorProps, Switch, type SwitchProps, TASK_STATUSES, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type Task, type TaskStatus, TextCard, type TextCardProps, Textarea, type TextareaProps, ThinkingIndicator, type ThinkingIndicatorProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, TodosList, type TodosListProps, type ToolDefinition, type ToolGroup, ToolPanelContainer, type ToolPanelContainerProps, type ToolPanelState, ToolSidebar, type ToolSidebarProps, Tooltip, type TooltipProps, type UseArtifactTreeNavigationReturn, type UseScrollAnchorOptions, type UseScrollAnchorReturn, type VideoAspectRatio, type VideoAspectRatioPreset, VideoCard, type VideoCardProps, addMessageToTree, areAllTasksSettled, createEmptyTree, createPreviewUrl, generateId, getActivePathMessages, getSiblingInfo, isBranchPoint, isImageFile, messagesToTree, revokePreviewUrl, switchBranch, updateNodeContent, useArtifactTreeNavigation, useResizable, useScrollAnchor, useToast, version };
+export { ARTIFACT_TYPES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDialog, type AlertDialogProps, type AlertProps, type AlertVariant, type Artifact, ArtifactCard, type ArtifactCardProps, ArtifactGroup, type ArtifactGroupProps, type ArtifactNode, type ArtifactType, ArtifactVariantStack, type ArtifactVariantStackProps, ArtifactsPanel, type ArtifactsPanelProps, ArtifactsPanelToggle, type ArtifactsPanelToggleProps, type AspectRatio, type AspectRatioPreset, type Attachment, type AttachmentItem, AttachmentPreview, type AttachmentPreviewProps, type AttachmentStatus, AudioCard, type AudioCardProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, BranchNavigator, type BranchNavigatorProps, BrandIcon, type BrandIconProps, type BrandIconSize, type BrandIconVariant, Breadcrumb, type BreadcrumbEntry, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, type BreadcrumbProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardProps, type CardVariant, ChatBubbleIcon, ChatInput, type ChatInputNotice, type ChatInputPosition, type ChatInputProps, ChatInterface, type ChatInterfaceProps, type ChatMessage, ChatView, type ChatViewItem, type ChatViewProps, CheckSquareIcon, Checkbox, type CheckboxProps, ChevronLeftIcon, ChevronRightIcon, CloseIcon, Col, type ColOffset, type ColOrder, type ColProps, type ColSpan, ColorSwatch, type ColorSwatchProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type ContainerSize, type Conversation, type ConversationTree, CrossSquareIcon, Divider, type DividerProps, Drawer, type DrawerPosition, type DrawerProps, EmptySquareIcon, ExpandIcon, type ExternalToolDefinition, FileChip, type FileChipProps, type FileChipStatus, HelperText, type HelperTextProps, HistoryIcon, type IconProps, ImageCard, type ImageCardProps, Input, type InputAddonProps, type InputElementProps, InputGroup, type InputGroupProps, InputLeftAddon, InputLeftElement, type InputProps, InputRightAddon, InputRightElement, InputWrapper, type InputWrapperProps, Label, type LabelProps, LayersIcon, List, ListItem, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, MarkdownContent, type MarkdownContentProps, MediaIcon, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, MenuSeparator, MenuTrigger, type MenuTriggerProps, Message, MessageActions, type MessageActionsConfig, type MessageActionsProps, type MessageActionsVariant, type MessageBranchInfo, type MessageNode, type MessageProps, type MessageVariant, Modal, type ModalProps, NODE_TYPES, Navbar, NavbarBrand, type NavbarBrandProps, NavbarContent, type NavbarContentProps, NavbarDivider, NavbarItem, type NavbarItemProps, NavbarLink, type NavbarLinkProps, type NavbarProps, type NodeType, Pagination, type PaginationProps, PdfCard, type PdfCardProps, PlusIcon, Popover, type PopoverAlign, type PopoverPosition, type PopoverProps, Progress, type ProgressProps, PromptDialog, type PromptDialogProps, Radio, type RadioProps, Row, type RowAlign, type RowGutter, type RowJustify, type RowProps, SCRIPT_ELEMENT_TYPES, ScriptCard, type ScriptCardProps, type ScriptElement, type ScriptElementType, SectionHeading, type SectionHeadingLevel, type SectionHeadingProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, SquareLoaderIcon, Stack, type StackDirection, type StackGap, type StackProps, type Step, type StepStatus, Stepper, type StepperProps, StreamingCursor, type StreamingCursorProps, Switch, type SwitchProps, TASK_STATUSES, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type Task, type TaskStatus, TextCard, type TextCardProps, Textarea, type TextareaProps, ThinkingIndicator, type ThinkingIndicatorProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, TodosList, type TodosListProps, type ToolDefinition, type ToolGroup, ToolPanelContainer, type ToolPanelContainerProps, type ToolPanelState, ToolSidebar, type ToolSidebarProps, Tooltip, type TooltipProps, type UseArtifactTreeNavigationReturn, type UseScrollAnchorOptions, type UseScrollAnchorReturn, type VideoAspectRatio, type VideoAspectRatioPreset, VideoCard, type VideoCardProps, addMessageToTree, areAllTasksSettled, createEmptyTree, createPreviewUrl, generateId, getActivePathMessages, getSiblingInfo, isBranchPoint, isImageFile, messagesToTree, revokePreviewUrl, switchBranch, updateNodeContent, useArtifactTreeNavigation, useResizable, useScrollAnchor, useToast, version };

package/dist/index.d.ts

@@ -737,6 +737,24 @@ interface MarkdownContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const MarkdownContent: React$1.ForwardRefExoticComponent<MarkdownContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
+interface ChatInputNotice {
+    /**
+     * Visual severity: 'warning' shows a dismissible amber notice, 'error' shows a persistent red notice
+     */
+    variant: 'warning' | 'error';
+    /**
+     * Content to render — plain text or any React node (e.g. text + button for error state)
+     */
+    content: React$1.ReactNode;
+    /**
+     * Whether to show a dismiss (×) button. Defaults to true for warning, ignored for error.
+     */
+    dismissible?: boolean;
+    /**
+     * Called when the dismiss button is clicked. Consumer controls whether the notice disappears.
+     */
+    onDismiss?: () => void;
+}
 type ChatInputPosition = 'centered' | 'bottom';
 type AttachmentStatus = 'pending' | 'uploading' | 'complete' | 'error';
 interface Attachment {
@@ -796,6 +814,14 @@ interface ChatInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'o
      * Accepted file types for attachments
      */
     acceptedFileTypes?: string;
+    /**
+     * Optional notice displayed above the input (e.g. credit warnings or exhaustion messages)
+     */
+    notice?: ChatInputNotice;
+    /**
+     * Called whenever the input value changes, giving the consumer access to the current text
+     */
+    onInputChange?: (value: string) => void;
 }
 /**
  * ChatInput is a context-aware input component that can transition between
@@ -850,8 +876,12 @@ interface TodosListProps extends React$1.HTMLAttributes<HTMLDivElement> {
      * Called when the "Stop All Tasks" button is clicked.
      * Only shown when at least one task is in_progress.
      * The consumer decides what stopping means (cancel API calls, mark cancelled, etc.).
+     *
+     * May return a Promise. While the Promise is pending, the button becomes
+     * disabled and displays a spinner with "Stopping tasks" to give the user
+     * feedback that the stop request is in flight.
      */
-    onStopAllTasks?: () => void;
+    onStopAllTasks?: () => void | Promise<void>;
 }
 declare const TodosList: React$1.ForwardRefExoticComponent<TodosListProps & React$1.RefAttributes<HTMLDivElement>>;
 /**
@@ -1396,8 +1426,22 @@ interface ChatInterfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
      * Called when the "Stop All Tasks" button is clicked in the tasks panel.
      * Only shown when at least one task has in_progress status.
      * The consumer app decides what stopping means (cancel API calls, mark tasks cancelled, etc.).
+     *
+     * May return a Promise. While the Promise is pending, the button becomes
+     * disabled and displays a spinner with "Stopping tasks" so the user knows
+     * the stop request is in flight.
+     */
+    onStopAllTasks?: () => void | Promise<void>;
+    /**
+     * Optional notice displayed above the chat input (e.g. credit warnings or exhaustion messages).
+     * Pass `{ variant: 'warning', content: '...', dismissible: true, onDismiss: () => ... }` for
+     * soft warnings, or `{ variant: 'error', content: <ReactNode> }` for hard blocks.
+     */
+    inputNotice?: ChatInputNotice;
+    /**
+     * Called whenever the chat input value changes, giving the consumer access to the current text.
      */
-    onStopAllTasks?: () => void;
+    onInputChange?: (value: string) => void;
     /**
      * Additional tools to add to the tool sidebars. Each ExternalToolDefinition provides
      * an id, icon, label, group ('top-left' | 'bottom-left' | 'top-right' | 'bottom-right'),
@@ -1525,6 +1569,11 @@ interface ToolPanelContainerProps extends React$1.HTMLAttributes<HTMLDivElement>
      * Panel width as CSS value (e.g., "50vw")
      */
     width?: string;
+    /**
+     * Default top panel height percentage (0-100).
+     * @default 60
+     */
+    initialTopPercent?: number;
     /**
      * Callback to start horizontal resizing (width dragger)
      */
@@ -1927,4 +1976,4 @@ declare const ArtifactVariantStack: React$1.ForwardRefExoticComponent<ArtifactVa
 
 declare const version = "2.0.0";
 
-export { ARTIFACT_TYPES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDialog, type AlertDialogProps, type AlertProps, type AlertVariant, type Artifact, ArtifactCard, type ArtifactCardProps, ArtifactGroup, type ArtifactGroupProps, type ArtifactNode, type ArtifactType, ArtifactVariantStack, type ArtifactVariantStackProps, ArtifactsPanel, type ArtifactsPanelProps, ArtifactsPanelToggle, type ArtifactsPanelToggleProps, type AspectRatio, type AspectRatioPreset, type Attachment, type AttachmentItem, AttachmentPreview, type AttachmentPreviewProps, type AttachmentStatus, AudioCard, type AudioCardProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, BranchNavigator, type BranchNavigatorProps, BrandIcon, type BrandIconProps, type BrandIconSize, type BrandIconVariant, Breadcrumb, type BreadcrumbEntry, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, type BreadcrumbProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardProps, type CardVariant, ChatBubbleIcon, ChatInput, type ChatInputPosition, type ChatInputProps, ChatInterface, type ChatInterfaceProps, type ChatMessage, ChatView, type ChatViewItem, type ChatViewProps, CheckSquareIcon, Checkbox, type CheckboxProps, ChevronLeftIcon, ChevronRightIcon, CloseIcon, Col, type ColOffset, type ColOrder, type ColProps, type ColSpan, ColorSwatch, type ColorSwatchProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type ContainerSize, type Conversation, type ConversationTree, CrossSquareIcon, Divider, type DividerProps, Drawer, type DrawerPosition, type DrawerProps, EmptySquareIcon, ExpandIcon, type ExternalToolDefinition, FileChip, type FileChipProps, type FileChipStatus, HelperText, type HelperTextProps, HistoryIcon, type IconProps, ImageCard, type ImageCardProps, Input, type InputAddonProps, type InputElementProps, InputGroup, type InputGroupProps, InputLeftAddon, InputLeftElement, type InputProps, InputRightAddon, InputRightElement, InputWrapper, type InputWrapperProps, Label, type LabelProps, LayersIcon, List, ListItem, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, MarkdownContent, type MarkdownContentProps, MediaIcon, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, MenuSeparator, MenuTrigger, type MenuTriggerProps, Message, MessageActions, type MessageActionsConfig, type MessageActionsProps, type MessageActionsVariant, type MessageBranchInfo, type MessageNode, type MessageProps, type MessageVariant, Modal, type ModalProps, NODE_TYPES, Navbar, NavbarBrand, type NavbarBrandProps, NavbarContent, type NavbarContentProps, NavbarDivider, NavbarItem, type NavbarItemProps, NavbarLink, type NavbarLinkProps, type NavbarProps, type NodeType, Pagination, type PaginationProps, PdfCard, type PdfCardProps, PlusIcon, Popover, type PopoverAlign, type PopoverPosition, type PopoverProps, Progress, type ProgressProps, PromptDialog, type PromptDialogProps, Radio, type RadioProps, Row, type RowAlign, type RowGutter, type RowJustify, type RowProps, SCRIPT_ELEMENT_TYPES, ScriptCard, type ScriptCardProps, type ScriptElement, type ScriptElementType, SectionHeading, type SectionHeadingLevel, type SectionHeadingProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, SquareLoaderIcon, Stack, type StackDirection, type StackGap, type StackProps, type Step, type StepStatus, Stepper, type StepperProps, StreamingCursor, type StreamingCursorProps, Switch, type SwitchProps, TASK_STATUSES, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type Task, type TaskStatus, TextCard, type TextCardProps, Textarea, type TextareaProps, ThinkingIndicator, type ThinkingIndicatorProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, TodosList, type TodosListProps, type ToolDefinition, type ToolGroup, ToolPanelContainer, type ToolPanelContainerProps, type ToolPanelState, ToolSidebar, type ToolSidebarProps, Tooltip, type TooltipProps, type UseArtifactTreeNavigationReturn, type UseScrollAnchorOptions, type UseScrollAnchorReturn, type VideoAspectRatio, type VideoAspectRatioPreset, VideoCard, type VideoCardProps, addMessageToTree, areAllTasksSettled, createEmptyTree, createPreviewUrl, generateId, getActivePathMessages, getSiblingInfo, isBranchPoint, isImageFile, messagesToTree, revokePreviewUrl, switchBranch, updateNodeContent, useArtifactTreeNavigation, useResizable, useScrollAnchor, useToast, version };
+export { ARTIFACT_TYPES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDialog, type AlertDialogProps, type AlertProps, type AlertVariant, type Artifact, ArtifactCard, type ArtifactCardProps, ArtifactGroup, type ArtifactGroupProps, type ArtifactNode, type ArtifactType, ArtifactVariantStack, type ArtifactVariantStackProps, ArtifactsPanel, type ArtifactsPanelProps, ArtifactsPanelToggle, type ArtifactsPanelToggleProps, type AspectRatio, type AspectRatioPreset, type Attachment, type AttachmentItem, AttachmentPreview, type AttachmentPreviewProps, type AttachmentStatus, AudioCard, type AudioCardProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, BranchNavigator, type BranchNavigatorProps, BrandIcon, type BrandIconProps, type BrandIconSize, type BrandIconVariant, Breadcrumb, type BreadcrumbEntry, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, type BreadcrumbProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardProps, type CardVariant, ChatBubbleIcon, ChatInput, type ChatInputNotice, type ChatInputPosition, type ChatInputProps, ChatInterface, type ChatInterfaceProps, type ChatMessage, ChatView, type ChatViewItem, type ChatViewProps, CheckSquareIcon, Checkbox, type CheckboxProps, ChevronLeftIcon, ChevronRightIcon, CloseIcon, Col, type ColOffset, type ColOrder, type ColProps, type ColSpan, ColorSwatch, type ColorSwatchProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type ContainerSize, type Conversation, type ConversationTree, CrossSquareIcon, Divider, type DividerProps, Drawer, type DrawerPosition, type DrawerProps, EmptySquareIcon, ExpandIcon, type ExternalToolDefinition, FileChip, type FileChipProps, type FileChipStatus, HelperText, type HelperTextProps, HistoryIcon, type IconProps, ImageCard, type ImageCardProps, Input, type InputAddonProps, type InputElementProps, InputGroup, type InputGroupProps, InputLeftAddon, InputLeftElement, type InputProps, InputRightAddon, InputRightElement, InputWrapper, type InputWrapperProps, Label, type LabelProps, LayersIcon, List, ListItem, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, MarkdownContent, type MarkdownContentProps, MediaIcon, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, MenuSeparator, MenuTrigger, type MenuTriggerProps, Message, MessageActions, type MessageActionsConfig, type MessageActionsProps, type MessageActionsVariant, type MessageBranchInfo, type MessageNode, type MessageProps, type MessageVariant, Modal, type ModalProps, NODE_TYPES, Navbar, NavbarBrand, type NavbarBrandProps, NavbarContent, type NavbarContentProps, NavbarDivider, NavbarItem, type NavbarItemProps, NavbarLink, type NavbarLinkProps, type NavbarProps, type NodeType, Pagination, type PaginationProps, PdfCard, type PdfCardProps, PlusIcon, Popover, type PopoverAlign, type PopoverPosition, type PopoverProps, Progress, type ProgressProps, PromptDialog, type PromptDialogProps, Radio, type RadioProps, Row, type RowAlign, type RowGutter, type RowJustify, type RowProps, SCRIPT_ELEMENT_TYPES, ScriptCard, type ScriptCardProps, type ScriptElement, type ScriptElementType, SectionHeading, type SectionHeadingLevel, type SectionHeadingProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, SquareLoaderIcon, Stack, type StackDirection, type StackGap, type StackProps, type Step, type StepStatus, Stepper, type StepperProps, StreamingCursor, type StreamingCursorProps, Switch, type SwitchProps, TASK_STATUSES, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type Task, type TaskStatus, TextCard, type TextCardProps, Textarea, type TextareaProps, ThinkingIndicator, type ThinkingIndicatorProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, TodosList, type TodosListProps, type ToolDefinition, type ToolGroup, ToolPanelContainer, type ToolPanelContainerProps, type ToolPanelState, ToolSidebar, type ToolSidebarProps, Tooltip, type TooltipProps, type UseArtifactTreeNavigationReturn, type UseScrollAnchorOptions, type UseScrollAnchorReturn, type VideoAspectRatio, type VideoAspectRatioPreset, VideoCard, type VideoCardProps, addMessageToTree, areAllTasksSettled, createEmptyTree, createPreviewUrl, generateId, getActivePathMessages, getSiblingInfo, isBranchPoint, isImageFile, messagesToTree, revokePreviewUrl, switchBranch, updateNodeContent, useArtifactTreeNavigation, useResizable, useScrollAnchor, useToast, version };

package/dist/index.js

@@ -4796,6 +4796,8 @@ var ChatInput = import_react61.default.forwardRef(
     onAttachmentsChange,
     showAttachmentButton = true,
     acceptedFileTypes,
+    notice,
+    onInputChange,
     className,
     ...rest
   }, ref) => {
@@ -4842,10 +4844,11 @@ var ChatInput = import_react61.default.forwardRef(
     );
     const handleChange = (0, import_react61.useCallback)((e) => {
       setValue(e.target.value);
+      onInputChange?.(e.target.value);
       const textarea = e.target;
       textarea.style.height = "auto";
       textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`;
-    }, []);
+    }, [onInputChange]);
     (0, import_react61.useEffect)(() => {
       if (!disabled && !isStreaming && textareaRef.current) {
         textareaRef.current.focus();
@@ -4929,6 +4932,23 @@ var ChatInput = import_react61.default.forwardRef(
         ...rest
       },
       isCentered && helperText && /* @__PURE__ */ import_react61.default.createElement("p", { className: "text-silver text-sm mb-4 text-center" }, helperText),
+      notice && /* @__PURE__ */ import_react61.default.createElement("div", { className: cx(
+        "w-full flex items-start gap-2 px-3 py-2 mb-1 text-xs",
+        isCentered && "max-w-lg",
+        notice.variant === "warning" ? "bg-gold/5 border border-gold/20 text-gold/80" : "bg-error/10 border border-error/30 text-error"
+      ) }, /* @__PURE__ */ import_react61.default.createElement("span", { className: "flex-1" }, notice.content), (notice.dismissible ?? notice.variant === "warning") && notice.onDismiss && /* @__PURE__ */ import_react61.default.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: notice.onDismiss,
+          "aria-label": "Dismiss",
+          className: cx(
+            "shrink-0 opacity-60 hover:opacity-100 transition-opacity",
+            notice.variant === "warning" ? "text-gold" : "text-error"
+          )
+        },
+        /* @__PURE__ */ import_react61.default.createElement(import_lucide_react11.X, { className: "w-3 h-3" })
+      )),
       /* @__PURE__ */ import_react61.default.createElement(
         "div",
         {
@@ -6137,6 +6157,16 @@ function hasInProgressTask(tasks) {
 var TodosList = import_react73.default.forwardRef(
   ({ tasks, title = "Tasks", onStopAllTasks, className, ...rest }, ref) => {
     const sortedTasks = (0, import_react73.useMemo)(() => sortTasks(tasks), [tasks]);
+    const [isStopping, setIsStopping] = (0, import_react73.useState)(false);
+    const handleStopClick = (0, import_react73.useCallback)(async () => {
+      if (!onStopAllTasks || isStopping) return;
+      try {
+        setIsStopping(true);
+        await onStopAllTasks();
+      } finally {
+        setIsStopping(false);
+      }
+    }, [onStopAllTasks, isStopping]);
     const countCompleted = (taskList) => {
       let count = 0;
       for (const task of taskList) {
@@ -6158,7 +6188,7 @@ var TodosList = import_react73.default.forwardRef(
       }
       return count;
     };
-    const showStopButton = !!onStopAllTasks && hasInProgressTask(tasks);
+    const showStopButton = !!onStopAllTasks && (hasInProgressTask(tasks) || isStopping);
     if (tasks.length === 0) {
       return null;
     }
@@ -6186,17 +6216,20 @@ var TodosList = import_react73.default.forwardRef(
         "button",
         {
           type: "button",
-          onClick: onStopAllTasks,
+          onClick: handleStopClick,
+          disabled: isStopping,
+          "aria-busy": isStopping,
+          "aria-label": isStopping ? "Stopping tasks" : "Stop all tasks",
           className: cx(
             "w-full flex items-center justify-center gap-2 px-3 py-1.5",
-            "bg-error/10 hover:bg-error/20 text-error",
+            "bg-error/10 text-error",
             "border border-error/30",
             "text-xs font-medium",
-            "transition-colors duration-200"
+            "transition-colors duration-200",
+            isStopping ? "cursor-not-allowed opacity-70" : "hover:bg-error/20"
           )
         },
-        /* @__PURE__ */ import_react73.default.createElement(import_lucide_react14.Square, { className: "w-3 h-3 fill-current" }),
-        "Stop All Tasks"
+        isStopping ? /* @__PURE__ */ import_react73.default.createElement(import_react73.default.Fragment, null, /* @__PURE__ */ import_react73.default.createElement(import_lucide_react14.Loader2, { className: "w-3 h-3 animate-spin" }), "Stopping tasks") : /* @__PURE__ */ import_react73.default.createElement(import_react73.default.Fragment, null, /* @__PURE__ */ import_react73.default.createElement(import_lucide_react14.Square, { className: "w-3 h-3 fill-current" }), "Stop All Tasks")
       ))
     );
   }
@@ -6261,8 +6294,17 @@ ToolSidebar.displayName = "ToolSidebar";
 // src/components/chat/ToolPanelContainer.tsx
 var import_react75 = __toESM(require("react"));
 var ToolPanelContainer = import_react75.default.forwardRef(
-  ({ topContent, bottomContent, width, onResizeStart, side = "right", className, ...rest }, ref) => {
-    const [topPercent, setTopPercent] = (0, import_react75.useState)(60);
+  ({
+    topContent,
+    bottomContent,
+    width,
+    onResizeStart,
+    side = "right",
+    className,
+    initialTopPercent = 60,
+    ...rest
+  }, ref) => {
+    const [topPercent, setTopPercent] = (0, import_react75.useState)(initialTopPercent);
     const [isResizingHeight, setIsResizingHeight] = (0, import_react75.useState)(false);
     const containerRef = (0, import_react75.useRef)(null);
     const lastY = (0, import_react75.useRef)(null);
@@ -6464,6 +6506,8 @@ var ChatInterface = import_react77.default.forwardRef(
     tasks = [],
     tasksTitle,
     onStopAllTasks,
+    inputNotice,
+    onInputChange,
     tools: externalTools = [],
     className,
     ...rest
@@ -6493,9 +6537,9 @@ var ChatInterface = import_react77.default.forwardRef(
       width: rightToolsWidth,
       startResizing: startResizingRightTools
     } = useResizable({
-      initialWidthPercent: 50,
-      minWidthPercent: 25,
-      maxWidthPercent: 70,
+      initialWidthPercent: 40,
+      minWidthPercent: 30,
+      maxWidthPercent: 80,
       direction: "left"
     });
     const {
@@ -6588,10 +6632,7 @@ var ChatInterface = import_react77.default.forwardRef(
           if (c.status !== p.status || c.label !== p.label) {
             return true;
           }
-          if (c.subtasks && hasNewOrUpdatedTask(c.subtasks, p?.subtasks || [])) {
-            return true;
-          }
-          return false;
+          return !!(c.subtasks && hasNewOrUpdatedTask(c.subtasks, p?.subtasks || []));
         });
       };
       if (hasNewOrUpdatedTask(tasks, prevTasksRef.current) && !dismissedToolsRef.current.has("todos")) {
@@ -6724,7 +6765,15 @@ var ChatInterface = import_react77.default.forwardRef(
             }
           );
         case "todos":
-          return tasks.length > 0 ? /* @__PURE__ */ import_react77.default.createElement(TodosList, { tasks, title: tasksTitle, onStopAllTasks, className: "h-full" }) : /* @__PURE__ */ import_react77.default.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center p-4 border-b border-ash/40 shrink-0" }, /* @__PURE__ */ import_react77.default.createElement("h3", { className: "text-xs font-medium text-white" }, "Tasks")), /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ import_react77.default.createElement("p", { className: "text-xs text-silver/60" }, "No tasks")));
+          return tasks.length > 0 ? /* @__PURE__ */ import_react77.default.createElement(
+            TodosList,
+            {
+              tasks,
+              title: tasksTitle,
+              onStopAllTasks,
+              className: "h-full"
+            }
+          ) : /* @__PURE__ */ import_react77.default.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center p-4 border-b border-ash/40 shrink-0" }, /* @__PURE__ */ import_react77.default.createElement("h3", { className: "text-xs font-medium text-white" }, "Tasks")), /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ import_react77.default.createElement("p", { className: "text-xs text-silver/60" }, "No tasks")));
         default: {
           const externalTool = externalTools.find((t) => t.id === toolId);
           return externalTool?.content ?? null;
@@ -6754,7 +6803,8 @@ var ChatInterface = import_react77.default.forwardRef(
           bottomContent: renderToolContent(activeTools["bottom-left"]),
           width: leftToolsWidth,
           onResizeStart: startResizingLeftTools,
-          side: "left"
+          side: "left",
+          initialTopPercent: 30
         }
       ),
       /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: cx(
@@ -6790,7 +6840,9 @@ var ChatInterface = import_react77.default.forwardRef(
           onStop,
           showAttachmentButton,
           attachments: propsAttachments,
-          onAttachmentsChange
+          onAttachmentsChange,
+          notice: inputNotice,
+          onInputChange
         }
       )), /* @__PURE__ */ import_react77.default.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
@@ -6803,7 +6855,8 @@ var ChatInterface = import_react77.default.forwardRef(
           bottomContent: renderToolContent(activeTools["bottom-right"]),
           width: rightToolsWidth,
           onResizeStart: startResizingRightTools,
-          side: "right"
+          side: "right",
+          initialTopPercent: 70
         }
       ),
       hasRightTools && /* @__PURE__ */ import_react77.default.createElement(