@lukeashford/aurelius 3.8.1 → 3.9.0

package/dist/index.d.mts

@@ -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,128 +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 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;
-}
-/**
- * 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 Conversation {
     /**
      * Unique identifier for the conversation
@@ -1413,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.
      */

package/dist/index.d.ts

@@ -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,128 +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 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;
-}
-/**
- * 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 Conversation {
     /**
      * Unique identifier for the conversation
@@ -1413,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.
      */

package/dist/index.js

@@ -4800,6 +4800,7 @@ var ChatInput = import_react61.default.forwardRef(
     onStop,
     attachments: controlledAttachments,
     onAttachmentsChange,
+    onAttachmentRemove,
     showAttachmentButton = true,
     acceptedFileTypes,
     notice,
@@ -4886,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();
@@ -4926,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",
       {
@@ -6840,6 +6846,7 @@ var ChatInterface = import_react78.default.forwardRef(
     enableMessageActions = true,
     attachments: propsAttachments,
     onAttachmentsChange,
+    onAttachmentRemove,
     artifactNodes,
     isArtifactsPanelOpen,
     onArtifactsPanelOpenChange,
@@ -7149,6 +7156,7 @@ var ChatInterface = import_react78.default.forwardRef(
           showAttachmentButton,
           attachments: propsAttachments,
           onAttachmentsChange,
+          onAttachmentRemove,
           notice: inputNotice,
           onInputChange,
           initialInputValue,