@lukeashford/aurelius 3.8.0 → 3.9.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React$1 from 'react';
+import React$1, { ReactNode } from 'react';
 import { Config } from 'dompurify';
 
 type ButtonVariant = 'primary' | 'important' | 'elevated' | 'outlined' | 'featured' | 'ghost' | 'danger';
@@ -737,6 +737,158 @@ interface MarkdownContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const MarkdownContent: React$1.ForwardRefExoticComponent<MarkdownContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Conversation Tree Types
+ *
+ * These types support branching conversations where users can:
+ * - Edit their messages (creating a new branch)
+ * - Retry assistant responses (creating a new branch)
+ * - Navigate between different conversation branches
+ */
+
+/**
+ * A node in the conversation tree
+ */
+interface MessageNode {
+    /**
+     * Unique identifier for this message
+     */
+    id: string;
+    /**
+     * The role of the message author
+     */
+    role: 'user' | 'assistant';
+    /**
+     * The message content (may include HTML/markdown or React components)
+     */
+    content: ReactNode;
+    /**
+     * ID of the parent message (null for root messages)
+     */
+    parentId: string | null;
+    /**
+     * IDs of child messages (branches/continuations)
+     */
+    children: string[];
+    /**
+     * Which sibling branch this message is (0, 1, 2...)
+     * Used for UI display like "1/3"
+     */
+    branchIndex?: number;
+    /**
+     * Whether this message is currently being streamed
+     */
+    isStreaming?: boolean;
+    /**
+     * Timestamp when the message was created
+     */
+    createdAt?: number;
+}
+/**
+ * The full conversation tree structure
+ */
+interface ConversationTree {
+    /**
+     * All nodes indexed by their ID
+     */
+    nodes: Record<string, MessageNode>;
+    /**
+     * IDs of root-level messages (messages with no parent)
+     */
+    rootIds: string[];
+    /**
+     * The current "head" of the viewed branch
+     * This is the leaf node that determines which path we're viewing
+     */
+    activeLeafId: string | null;
+}
+/**
+ * Attachment types for file uploads
+ */
+type AttachmentStatus = 'pending' | 'uploading' | 'complete' | 'error';
+interface Attachment {
+    /**
+     * Unique identifier for the attachment
+     */
+    id: string;
+    /**
+     * The File object
+     */
+    file: File;
+    /**
+     * Blob URL for image previews
+     */
+    previewUrl?: string;
+    /**
+     * Current upload status
+     */
+    status: AttachmentStatus;
+    /**
+     * Error message if status is 'error'
+     */
+    error?: string;
+    /**
+     * Upload progress (0-100)
+     */
+    progress?: number;
+}
+/**
+ * Helper to check if a file is an image
+ */
+declare function isImageFile(file: File): boolean;
+/**
+ * Helper to create a preview URL for an image file
+ */
+declare function createPreviewUrl(file: File): string | undefined;
+/**
+ * Helper to revoke a preview URL when no longer needed
+ */
+declare function revokePreviewUrl(url: string | undefined): void;
+/**
+ * Generate a unique ID
+ */
+declare function generateId(): string;
+/**
+ * Create an empty conversation tree
+ */
+declare function createEmptyTree(): ConversationTree;
+/**
+ * Add a message to the tree
+ */
+declare function addMessageToTree(tree: ConversationTree, message: Omit<MessageNode, 'children' | 'branchIndex'>, parentId?: string | null): ConversationTree;
+/**
+ * Get the linear path from root to the active leaf
+ */
+declare function getActivePathMessages(tree: ConversationTree): MessageNode[];
+/**
+ * Get sibling count and current index for a node
+ */
+declare function getSiblingInfo(tree: ConversationTree, nodeId: string): {
+    total: number;
+    current: number;
+};
+/**
+ * Switch to a different branch at a given node
+ */
+declare function switchBranch(tree: ConversationTree, nodeId: string, direction: 'prev' | 'next'): ConversationTree;
+/**
+ * Update a node's content (e.g., during streaming)
+ */
+declare function updateNodeContent(tree: ConversationTree, nodeId: string, content: ReactNode, isStreaming?: boolean): ConversationTree;
+/**
+ * Convert a flat message array to a conversation tree
+ */
+declare function messagesToTree(messages: Array<{
+    id: string;
+    role: 'user' | 'assistant';
+    content: ReactNode;
+    isStreaming?: boolean;
+}>): ConversationTree;
+/**
+ * Check if a node has multiple children (is a branch point)
+ */
+declare function isBranchPoint(tree: ConversationTree, nodeId: string): boolean;
+
 interface ChatInputNotice {
     /**
      * Visual severity: 'warning' shows a dismissible amber notice, 'error' shows a persistent red
@@ -757,15 +909,6 @@ interface ChatInputNotice {
     onDismiss?: () => void;
 }
 type ChatInputPosition = 'centered' | 'bottom';
-type AttachmentStatus = 'pending' | 'uploading' | 'complete' | 'error';
-interface Attachment {
-    id: string;
-    file: File;
-    previewUrl?: string;
-    status: AttachmentStatus;
-    error?: string;
-    progress?: number;
-}
 interface ChatInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
     /**
      * Position of the input: 'centered' for empty state, 'bottom' for conversation mode
@@ -807,6 +950,10 @@ interface ChatInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'o
      * Called when attachments change (controlled mode)
      */
     onAttachmentsChange?: (attachments: Attachment[]) => void;
+    /**
+     * Called when an attachment is removed by the user (clicking the "x")
+     */
+    onAttachmentRemove?: (attachment: Attachment) => void;
     /**
      * Whether to show the attachment button
      */
@@ -1177,145 +1324,6 @@ interface ArtifactNode {
     children: ArtifactNode[];
 }
 
-/**
- * Conversation Tree Types
- *
- * These types support branching conversations where users can:
- * - Edit their messages (creating a new branch)
- * - Retry assistant responses (creating a new branch)
- * - Navigate between different conversation branches
- */
-/**
- * A node in the conversation tree
- */
-interface MessageNode {
-    /**
-     * Unique identifier for this message
-     */
-    id: string;
-    /**
-     * The role of the message author
-     */
-    role: 'user' | 'assistant';
-    /**
-     * The message content (may include HTML/markdown)
-     */
-    content: string;
-    /**
-     * ID of the parent message (null for root messages)
-     */
-    parentId: string | null;
-    /**
-     * IDs of child messages (branches/continuations)
-     */
-    children: string[];
-    /**
-     * Which sibling branch this message is (0, 1, 2...)
-     * Used for UI display like "1/3"
-     */
-    branchIndex?: number;
-    /**
-     * Whether this message is currently being streamed
-     */
-    isStreaming?: boolean;
-    /**
-     * Timestamp when the message was created
-     */
-    createdAt?: number;
-}
-/**
- * The full conversation tree structure
- */
-interface ConversationTree {
-    /**
-     * All nodes indexed by their ID
-     */
-    nodes: Record<string, MessageNode>;
-    /**
-     * IDs of root-level messages (messages with no parent)
-     */
-    rootIds: string[];
-    /**
-     * The current "head" of the viewed branch
-     * This is the leaf node that determines which path we're viewing
-     */
-    activeLeafId: string | null;
-}
-/**
- * Helper to check if a file is an image
- */
-declare function isImageFile(file: File): boolean;
-/**
- * Helper to create a preview URL for an image file
- */
-declare function createPreviewUrl(file: File): string | undefined;
-/**
- * Helper to revoke a preview URL when no longer needed
- */
-declare function revokePreviewUrl(url: string | undefined): void;
-/**
- * Generate a unique ID
- */
-declare function generateId(): string;
-/**
- * Create an empty conversation tree
- */
-declare function createEmptyTree(): ConversationTree;
-/**
- * Add a message to the tree
- */
-declare function addMessageToTree(tree: ConversationTree, message: Omit<MessageNode, 'children' | 'branchIndex'>, parentId?: string | null): ConversationTree;
-/**
- * Get the linear path from root to the active leaf
- */
-declare function getActivePathMessages(tree: ConversationTree): MessageNode[];
-/**
- * Get sibling count and current index for a node
- */
-declare function getSiblingInfo(tree: ConversationTree, nodeId: string): {
-    total: number;
-    current: number;
-};
-/**
- * Switch to a different branch at a given node
- */
-declare function switchBranch(tree: ConversationTree, nodeId: string, direction: 'prev' | 'next'): ConversationTree;
-/**
- * Update a node's content (e.g., during streaming)
- */
-declare function updateNodeContent(tree: ConversationTree, nodeId: string, content: string, isStreaming?: boolean): ConversationTree;
-/**
- * Convert a flat message array to a conversation tree
- */
-declare function messagesToTree(messages: Array<{
-    id: string;
-    role: 'user' | 'assistant';
-    content: string;
-    isStreaming?: boolean;
-}>): ConversationTree;
-/**
- * Check if a node has multiple children (is a branch point)
- */
-declare function isBranchPoint(tree: ConversationTree, nodeId: string): boolean;
-
-interface ChatMessage {
-    /**
-     * Unique identifier for the message
-     */
-    id: string;
-    /**
-     * Whether the message is from the user or the assistant
-     */
-    variant: 'user' | 'assistant';
-    /**
-     * Message content (Markdown supported)
-     */
-    content: string;
-    /**
-     * Whether the message is currently streaming
-     */
-    isStreaming?: boolean;
-}
 interface Conversation {
     /**
      * Unique identifier for the conversation
@@ -1345,7 +1353,7 @@ interface ChatInterfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
      * Array of messages in the conversation (flat mode)
      * Use this OR conversationTree, not both
      */
-    messages?: ChatMessage[];
+    messages?: MessageNode[];
     /**
      * Conversation tree for branching support
      * Use this OR messages, not both
@@ -1430,6 +1438,10 @@ interface ChatInterfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
      * Called when attachments are added or removed in the chat input.
      */
     onAttachmentsChange?: (attachments: Attachment[]) => void;
+    /**
+     * Called when an attachment is removed by the user (clicking the "x")
+     */
+    onAttachmentRemove?: (attachment: Attachment) => void;
     /**
      * Top-level artifact tree nodes for the artifacts panel.
      */
@@ -2042,4 +2054,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 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, HistoryPanel, type HistoryPanelProps, 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, 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, HistoryPanel, type HistoryPanelProps, 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

@@ -4658,14 +4658,13 @@ function addMessageToTree(tree, message, parentId = null) {
   } else if (!parentId) {
     branchIndex = newRootIds.length;
   }
-  const newNode = {
+  newNodes[message.id] = {
     ...message,
     parentId,
     children: [],
     branchIndex,
     createdAt: message.createdAt ?? Date.now()
   };
-  newNodes[message.id] = newNode;
   if (parentId && newNodes[parentId]) {
     newNodes[parentId] = {
       ...newNodes[parentId],
@@ -4741,8 +4740,7 @@ function switchBranch(tree, nodeId, direction) {
     return tree;
   }
   const newIndex = direction === "next" ? (currentIndex + 1) % siblings.length : (currentIndex - 1 + siblings.length) % siblings.length;
-  const newNodeId = siblings[newIndex];
-  let leafId = newNodeId;
+  let leafId = siblings[newIndex];
   let currentNode = tree.nodes[leafId];
   while (currentNode && currentNode.children.length > 0) {
     leafId = currentNode.children[0];
@@ -4802,6 +4800,7 @@ var ChatInput = import_react61.default.forwardRef(
     onStop,
     attachments: controlledAttachments,
     onAttachmentsChange,
+    onAttachmentRemove,
     showAttachmentButton = true,
     acceptedFileTypes,
     notice,
@@ -4888,15 +4887,19 @@ var ChatInput = import_react61.default.forwardRef(
     );
     const handleRemoveAttachment = (0, import_react61.useCallback)(
       (id) => {
+        const attachment = attachments.find((a) => a.id === id);
+        if (attachment && onAttachmentRemove) {
+          onAttachmentRemove(attachment);
+        }
         setAttachments((prev) => {
-          const attachment = prev.find((a) => a.id === id);
-          if (attachment?.previewUrl) {
-            URL.revokeObjectURL(attachment.previewUrl);
+          const attachmentToRemove = prev.find((a) => a.id === id);
+          if (attachmentToRemove?.previewUrl) {
+            URL.revokeObjectURL(attachmentToRemove.previewUrl);
           }
           return prev.filter((a) => a.id !== id);
         });
       },
-      [setAttachments]
+      [attachments, onAttachmentRemove, setAttachments]
     );
     const handleDragEnter = (0, import_react61.useCallback)((e) => {
       e.preventDefault();
@@ -4928,7 +4931,8 @@ var ChatInput = import_react61.default.forwardRef(
     );
     const isCentered = position === "centered";
     const hasAttachments = attachments.length > 0;
-    const canSubmit = value.trim() && !disabled && !isStreaming;
+    const isUploading = attachments.some((a) => a.status === "uploading");
+    const canSubmit = value.trim() && !disabled && !isStreaming && !isUploading;
     return /* @__PURE__ */ import_react61.default.createElement(
       "div",
       {
@@ -6842,6 +6846,7 @@ var ChatInterface = import_react78.default.forwardRef(
     enableMessageActions = true,
     attachments: propsAttachments,
     onAttachmentsChange,
+    onAttachmentRemove,
     artifactNodes,
     isArtifactsPanelOpen,
     onArtifactsPanelOpenChange,
@@ -6942,19 +6947,13 @@ var ChatInterface = import_react78.default.forwardRef(
     const isTreeMode = !!conversationTree;
     const effectiveMessages = (0, import_react78.useMemo)(() => {
       if (isTreeMode && conversationTree) {
-        const pathNodes = getActivePathMessages(conversationTree);
-        return pathNodes.map((node) => ({
-          id: node.id,
-          variant: node.role,
-          content: node.content,
-          isStreaming: node.isStreaming
-        }));
+        return getActivePathMessages(conversationTree);
       }
-      return messages;
+      return messages || [];
     }, [isTreeMode, conversationTree, messages]);
     const latestUserMessageIndex = (0, import_react78.useMemo)(() => {
       for (let i = effectiveMessages.length - 1; i >= 0; i--) {
-        if (effectiveMessages[i].variant === "user") {
+        if (effectiveMessages[i].role === "user") {
           return i;
         }
       }
@@ -7011,10 +7010,23 @@ var ChatInterface = import_react78.default.forwardRef(
         }
         const actions = enableMessageActions ? {
           showCopy: true,
-          onEdit: msg.variant === "user" && onEditMessage ? (newContent) => onEditMessage(msg.id, newContent) : void 0,
-          onRetry: msg.variant === "assistant" && onRetryMessage ? () => onRetryMessage(msg.id) : void 0
+          onEdit: msg.role === "user" && onEditMessage ? (newContent) => onEditMessage(msg.id, newContent) : void 0,
+          onRetry: msg.role === "assistant" && onRetryMessage ? () => onRetryMessage(msg.id) : void 0
         } : void 0;
-        return { ...msg, branchInfo, actions };
+        const {
+          role,
+          parentId,
+          children,
+          branchIndex,
+          createdAt,
+          ...rest2
+        } = msg;
+        return {
+          ...rest2,
+          variant: role,
+          branchInfo,
+          actions
+        };
       });
     }, [
       effectiveMessages,
@@ -7144,6 +7156,7 @@ var ChatInterface = import_react78.default.forwardRef(
           showAttachmentButton,
           attachments: propsAttachments,
           onAttachmentsChange,
+          onAttachmentRemove,
           notice: inputNotice,
           onInputChange,
           initialInputValue,