@ash-cloud/ash-ui 0.2.0 → 0.2.2

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1, { ReactNode, ComponentType, DragEvent, ChangeEvent, ClipboardEvent } from 'react';
-import { ToolInvocation, TodoStatus, TodoItem, FileAttachment as FileAttachment$2, LogEntry, ToolStatus, ActionType, MarkdownComponents, NormalizedEntry, Message as Message$1 } from './types.cjs';
-export { MessageAttachment as AIMessageAttachment, AIMessageRole, AgentToolAction, AssistantMessageEntry, CommandRunAction, CommandRunResult, DEFAULT_STYLE_CONFIG, ErrorEntry, FileEditAction, FileReadAction, FileWriteAction, GenericToolAction, GlobAction, LogCategory, LogLevel, McpToolAction, MessageMetadata, MessageStyleConfig, MessageVariant, NormalizedEntryType, NormalizedToolCall, RenderMetadataFunction, SearchAction, ThinkingEntry, TodoWriteAction, ToolCallEntry, ToolInvocationState, ToolResult, TypographyScale, UserMessageEntry, WebFetchAction, WebSearchAction, WidgetAction, WidgetEntry, WidgetRenderFunction, WidgetRenderProps, isAgentToolAction, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, isWidgetEntry, messageToNormalizedEntry, messagesToNormalizedEntries, normalizedEntriesToMessages, normalizedEntryToMessage } from './types.cjs';
+import { ToolInvocation, RichContent, MarkdownComponents, MentionProps, TodoStatus, TodoItem, FileAttachment as FileAttachment$2, LogEntry, ToolStatus, ActionType, NormalizedEntry, Message as Message$1 } from './types.cjs';
+export { MessageAttachment as AIMessageAttachment, AIMessageRole, AgentToolAction, AssistantMessageEntry, CommandRunAction, CommandRunResult, DEFAULT_STYLE_CONFIG, ErrorEntry, FileEditAction, FileReadAction, FileWriteAction, GenericToolAction, GlobAction, LogCategory, LogLevel, McpToolAction, MessageMetadata, MessageStyleConfig, MessageVariant, NormalizedEntryType, NormalizedToolCall, RenderMetadataFunction, RichContentSegment, RichMentionSegment, RichTextSegment, SearchAction, ThinkingEntry, TodoWriteAction, ToolCallEntry, ToolInvocationState, ToolResult, TypographyScale, UserMessageEntry, WebFetchAction, WebSearchAction, WidgetAction, WidgetEntry, WidgetRenderFunction, WidgetRenderProps, isAgentToolAction, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, isWidgetEntry, messageToNormalizedEntry, messagesToNormalizedEntries, normalizedEntriesToMessages, normalizedEntryToMessage } from './types.cjs';
 import { ParsedOption } from './utils.cjs';
 export { ParsedOptionsResult, ToolUseInput, cn, createToolCall, extractTextContent, formatElapsedTime, formatFileSize, formatTimestamp, formatToolName, generateToolSummary, getActionIcon, getActionLabel, mapToolToActionType, normalizeToolResult, parseCommandResult, parseMcpToolName, parseOptionsFromContent, truncate, updateToolCallWithResult } from './utils.cjs';
 export { AlertCircleIcon, AlertTriangleIcon, ArrowUpIcon, BotIcon, BrainIcon, BugIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardListIcon, ClockIcon, CodeIcon, CopyIcon, EditIcon, ErrorIcon, FileIcon, FilePlusIcon, FolderSearchIcon, GlobeIcon, HomeIcon, IconProps, InfoIcon, ListChecksIcon, LoaderIcon, MessageSquareIcon, MicrophoneIcon, MoonIcon, PaperclipIcon, PlugIcon, SearchIcon, SendIcon, SparklesIcon, SpinnerIcon, StopCircleIcon, SunIcon, TerminalIcon, ToolIcon, UserIcon, XCircleIcon, XIcon } from './icons.cjs';
@@ -94,19 +94,21 @@ interface MessageContentProps {
 }
 declare function MessageContent({ children, className }: MessageContentProps): react_jsx_runtime.JSX.Element;
 interface MessageResponseProps {
-    /** Text content to render as markdown */
-    content: string;
+    /** Plain markdown content */
+    content?: string;
+    /** Pre-parsed rich content segments (alternative to content) */
+    richContent?: RichContent;
     /** Whether content is still streaming */
     isStreaming?: boolean;
     /** Additional class name */
     className?: string;
-    /** Custom markdown components */
-    components?: Record<string, ComponentType<{
-        children?: ReactNode;
-        [key: string]: unknown;
-    }>>;
+    /** Custom markdown components and mention renderer */
+    components?: MarkdownComponents & {
+        /** Custom mention renderer for rich content */
+        mention?: ComponentType<MentionProps>;
+    };
 }
-declare function MessageResponse({ content, isStreaming, className, components, }: MessageResponseProps): react_jsx_runtime.JSX.Element | null;
+declare function MessageResponse({ content, richContent, isStreaming, className, components, }: MessageResponseProps): react_jsx_runtime.JSX.Element | null;
 interface MessageActionsProps {
     /** Child elements (action buttons) */
     children: ReactNode;
@@ -133,6 +135,27 @@ interface MessageTimestampProps {
 }
 declare function MessageTimestamp({ timestamp, className }: MessageTimestampProps): react_jsx_runtime.JSX.Element;
 
+declare function Mention({ name, color, url }: MentionProps): react_jsx_runtime.JSX.Element;
+
+interface RichContentProps {
+    /** Pre-parsed rich content segments */
+    content: RichContent;
+    /** Custom components for rendering */
+    components?: MarkdownComponents & {
+        /** Custom mention renderer */
+        mention?: ComponentType<MentionProps>;
+    };
+    /** Additional class name */
+    className?: string;
+}
+declare function RichContentRenderer({ content, components, className, }: RichContentProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Tool display variant
+ * - 'default': Full-sized with expand/collapse
+ * - 'compact': Smaller with minimal padding, no expand/collapse
+ */
+type ToolVariant = 'default' | 'compact';
 interface ToolContextValue {
     /** The tool invocation data */
     toolInvocation: ToolInvocation;
@@ -140,6 +163,8 @@ interface ToolContextValue {
     isExpanded: boolean;
     /** Toggle expansion state */
     toggleExpanded: () => void;
+    /** Display variant */
+    variant: ToolVariant;
 }
 declare function useTool(): ToolContextValue;
 interface ToolProps {
@@ -151,8 +176,10 @@ interface ToolProps {
     className?: string;
     /** Whether to start expanded */
     defaultExpanded?: boolean;
+    /** Display variant: 'default' or 'compact' */
+    variant?: ToolVariant;
 }
-declare function Tool({ toolInvocation, children, className, defaultExpanded, }: ToolProps): react_jsx_runtime.JSX.Element;
+declare function Tool({ toolInvocation, children, className, defaultExpanded, variant, }: ToolProps): react_jsx_runtime.JSX.Element;
 interface ToolHeaderProps {
     /** Additional class name */
     className?: string;
@@ -183,8 +210,10 @@ interface ToolListProps {
     className?: string;
     /** Whether to show tools expanded by default */
     defaultExpanded?: boolean;
+    /** Display variant: 'default' or 'compact' */
+    variant?: ToolVariant;
 }
-declare function ToolList({ toolInvocations, className, defaultExpanded, }: ToolListProps): react_jsx_runtime.JSX.Element | null;
+declare function ToolList({ toolInvocations, className, defaultExpanded, variant, }: ToolListProps): react_jsx_runtime.JSX.Element | null;
 
 interface ReasoningContextValue {
     /** Whether the reasoning panel is open */
@@ -516,7 +545,7 @@ declare function OptionCards({ options, onSelect, className }: OptionCardsProps)
 
 interface StatusIndicatorProps {
     status: ToolStatus;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
     className?: string;
 }
 /**
@@ -1024,6 +1053,8 @@ interface StreamEvent {
     result?: string;
     totalCost?: number;
     totalTokens?: number;
+    /** SSE event ID (sequence number from relay) for reconnection */
+    id?: string;
     entry?: {
         timestamp: string;
         level: string;
@@ -1263,6 +1294,11 @@ interface UseAgentChatReturn {
      * This replaces all entries and clears streaming state
      */
     setEntries: (entries: NormalizedEntry[]) => void;
+    /**
+     * Last seen SSE sequence number.
+     * Use this for reconnection via the relay endpoint: GET /sessions/:id/stream?after=lastSequence
+     */
+    lastSequence: number;
 }
 declare function useAgentChat(options: UseAgentChatOptions): UseAgentChatReturn;
 
@@ -1527,4 +1563,4 @@ interface UseLongTextConversionReturn {
  */
 declare function useLongTextConversion({ threshold, filenameTemplate, onConversion, }?: LongTextConversionOptions): UseLongTextConversionReturn;
 
-export { Message$1 as AIMessage, ActionIcon, type ActionIconProps, ActionType, type StreamEvent as AgentStreamEvent, Attachment, type AttachmentFile, AttachmentInfo, type AttachmentInfoProps, AttachmentPreview, type AttachmentPreviewProps, type AttachmentProps, AttachmentRemove, type AttachmentRemoveProps, Attachments, type AttachmentsProps, type BeforeSendContext, type BeforeSendResult, type FileAttachment as ChatFileAttachment, type ChatMiddleware, type ChatRequestOptions, CodeBlock, type CodeBlockProps, Conversation, ConversationContent, type ConversationContentProps, ConversationEmptyState, type ConversationEmptyStateProps, type ConversationProps, ConversationScrollButton, type ConversationScrollButtonProps, type ConversionInfo, type CreateMessage, type CreateStreamFn, type CreateStreamOptions, EnvVarsPanel, type EnvVarsPanelProps, FileAttachment$2 as FileAttachment, FileBadgeCompact, type FileBadgeProps, type FileAttachment as HookFileAttachment, JsonDisplay, type JsonDisplayProps, LazyMarkdown, type LazyMarkdownProps, LoadingDots, type LoadingDotsProps, LoadingSpinner, type LoadingSpinnerProps, LogEntry, LogsPanel, type LogsPanelProps, type LongTextConversionOptions, MarkdownComponents, Message, MessageAction, type MessageActionProps, MessageActions, type MessageActionsProps, MessageAvatar, type MessageAvatarProps, MessageContent, type MessageContentProps, type MessageProps, MessageResponse, type MessageResponseProps, MessageShimmer, type MessageShimmerProps, MessageTimestamp, type MessageTimestampProps, type MiddlewareRequest, type MiddlewareRequestResult, NormalizedEntry, OptionCards, type OptionCardsProps, ParsedOption, type QueuedMessage, Reasoning, ReasoningContent, type ReasoningContentProps, type ReasoningProps, ReasoningTrigger, type ReasoningTriggerProps, Shimmer, ShimmerBlock, type ShimmerBlockProps, ShimmerLine, type ShimmerLineProps, type ShimmerProps, ShimmerText, type ShimmerTextProps, StatusIndicator, type StatusIndicatorProps, type StreamGenerator, Task, TaskContent, type TaskContentProps, TaskItem, type TaskItemProps, TaskList, type TaskListProps, type TaskProps, TaskTrigger, type TaskTriggerProps, type TextAttachment, ThinkingIndicator, type ThinkingIndicatorProps, TodoItem, TodoStatus, Tool, type ToolCallHandler, ToolHeader, type ToolHeaderProps, ToolInput, type ToolInputProps, ToolInvocation, ToolList, type ToolListProps, ToolOutput, type ToolOutputProps, type ToolProps, ToolStatus, type UseAgentChatOptions, type UseAgentChatReturn, type UseChatOptions, type UseChatReturn, type UseFileUploadOptions, type UseFileUploadReturn, type UseLongTextConversionReturn, type UseMessageQueueOptions, type UseMessageQueueReturn, type UseStopExecutionOptions, type UseStopExecutionReturn, applyEventMiddleware, applyRequestMiddleware, callMiddlewareComplete, callMiddlewareError, formatFileSize as formatFileSizeHook, useAgentChat, useAttachment, useChat, useConversation, useFileUpload, useLongTextConversion, useMessage, useMessageQueue, useReasoning, useStopExecution, useTask, useTool };
+export { Message$1 as AIMessage, ActionIcon, type ActionIconProps, ActionType, type StreamEvent as AgentStreamEvent, Attachment, type AttachmentFile, AttachmentInfo, type AttachmentInfoProps, AttachmentPreview, type AttachmentPreviewProps, type AttachmentProps, AttachmentRemove, type AttachmentRemoveProps, Attachments, type AttachmentsProps, type BeforeSendContext, type BeforeSendResult, type FileAttachment as ChatFileAttachment, type ChatMiddleware, type ChatRequestOptions, CodeBlock, type CodeBlockProps, Conversation, ConversationContent, type ConversationContentProps, ConversationEmptyState, type ConversationEmptyStateProps, type ConversationProps, ConversationScrollButton, type ConversationScrollButtonProps, type ConversionInfo, type CreateMessage, type CreateStreamFn, type CreateStreamOptions, EnvVarsPanel, type EnvVarsPanelProps, FileAttachment$2 as FileAttachment, FileBadgeCompact, type FileBadgeProps, type FileAttachment as HookFileAttachment, JsonDisplay, type JsonDisplayProps, LazyMarkdown, type LazyMarkdownProps, LoadingDots, type LoadingDotsProps, LoadingSpinner, type LoadingSpinnerProps, LogEntry, LogsPanel, type LogsPanelProps, type LongTextConversionOptions, MarkdownComponents, Mention, MentionProps, Message, MessageAction, type MessageActionProps, MessageActions, type MessageActionsProps, MessageAvatar, type MessageAvatarProps, MessageContent, type MessageContentProps, type MessageProps, MessageResponse, type MessageResponseProps, MessageShimmer, type MessageShimmerProps, MessageTimestamp, type MessageTimestampProps, type MiddlewareRequest, type MiddlewareRequestResult, NormalizedEntry, OptionCards, type OptionCardsProps, ParsedOption, type QueuedMessage, Reasoning, ReasoningContent, type ReasoningContentProps, type ReasoningProps, ReasoningTrigger, type ReasoningTriggerProps, RichContent, type RichContentProps, RichContentRenderer, Shimmer, ShimmerBlock, type ShimmerBlockProps, ShimmerLine, type ShimmerLineProps, type ShimmerProps, ShimmerText, type ShimmerTextProps, StatusIndicator, type StatusIndicatorProps, type StreamGenerator, Task, TaskContent, type TaskContentProps, TaskItem, type TaskItemProps, TaskList, type TaskListProps, type TaskProps, TaskTrigger, type TaskTriggerProps, type TextAttachment, ThinkingIndicator, type ThinkingIndicatorProps, TodoItem, TodoStatus, Tool, type ToolCallHandler, ToolHeader, type ToolHeaderProps, ToolInput, type ToolInputProps, ToolInvocation, ToolList, type ToolListProps, ToolOutput, type ToolOutputProps, type ToolProps, ToolStatus, type ToolVariant, type UseAgentChatOptions, type UseAgentChatReturn, type UseChatOptions, type UseChatReturn, type UseFileUploadOptions, type UseFileUploadReturn, type UseLongTextConversionReturn, type UseMessageQueueOptions, type UseMessageQueueReturn, type UseStopExecutionOptions, type UseStopExecutionReturn, applyEventMiddleware, applyRequestMiddleware, callMiddlewareComplete, callMiddlewareError, formatFileSize as formatFileSizeHook, useAgentChat, useAttachment, useChat, useConversation, useFileUpload, useLongTextConversion, useMessage, useMessageQueue, useReasoning, useStopExecution, useTask, useTool };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1, { ReactNode, ComponentType, DragEvent, ChangeEvent, ClipboardEvent } from 'react';
-import { ToolInvocation, TodoStatus, TodoItem, FileAttachment as FileAttachment$2, LogEntry, ToolStatus, ActionType, MarkdownComponents, NormalizedEntry, Message as Message$1 } from './types.js';
-export { MessageAttachment as AIMessageAttachment, AIMessageRole, AgentToolAction, AssistantMessageEntry, CommandRunAction, CommandRunResult, DEFAULT_STYLE_CONFIG, ErrorEntry, FileEditAction, FileReadAction, FileWriteAction, GenericToolAction, GlobAction, LogCategory, LogLevel, McpToolAction, MessageMetadata, MessageStyleConfig, MessageVariant, NormalizedEntryType, NormalizedToolCall, RenderMetadataFunction, SearchAction, ThinkingEntry, TodoWriteAction, ToolCallEntry, ToolInvocationState, ToolResult, TypographyScale, UserMessageEntry, WebFetchAction, WebSearchAction, WidgetAction, WidgetEntry, WidgetRenderFunction, WidgetRenderProps, isAgentToolAction, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, isWidgetEntry, messageToNormalizedEntry, messagesToNormalizedEntries, normalizedEntriesToMessages, normalizedEntryToMessage } from './types.js';
+import { ToolInvocation, RichContent, MarkdownComponents, MentionProps, TodoStatus, TodoItem, FileAttachment as FileAttachment$2, LogEntry, ToolStatus, ActionType, NormalizedEntry, Message as Message$1 } from './types.js';
+export { MessageAttachment as AIMessageAttachment, AIMessageRole, AgentToolAction, AssistantMessageEntry, CommandRunAction, CommandRunResult, DEFAULT_STYLE_CONFIG, ErrorEntry, FileEditAction, FileReadAction, FileWriteAction, GenericToolAction, GlobAction, LogCategory, LogLevel, McpToolAction, MessageMetadata, MessageStyleConfig, MessageVariant, NormalizedEntryType, NormalizedToolCall, RenderMetadataFunction, RichContentSegment, RichMentionSegment, RichTextSegment, SearchAction, ThinkingEntry, TodoWriteAction, ToolCallEntry, ToolInvocationState, ToolResult, TypographyScale, UserMessageEntry, WebFetchAction, WebSearchAction, WidgetAction, WidgetEntry, WidgetRenderFunction, WidgetRenderProps, isAgentToolAction, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, isWidgetEntry, messageToNormalizedEntry, messagesToNormalizedEntries, normalizedEntriesToMessages, normalizedEntryToMessage } from './types.js';
 import { ParsedOption } from './utils.js';
 export { ParsedOptionsResult, ToolUseInput, cn, createToolCall, extractTextContent, formatElapsedTime, formatFileSize, formatTimestamp, formatToolName, generateToolSummary, getActionIcon, getActionLabel, mapToolToActionType, normalizeToolResult, parseCommandResult, parseMcpToolName, parseOptionsFromContent, truncate, updateToolCallWithResult } from './utils.js';
 export { AlertCircleIcon, AlertTriangleIcon, ArrowUpIcon, BotIcon, BrainIcon, BugIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardListIcon, ClockIcon, CodeIcon, CopyIcon, EditIcon, ErrorIcon, FileIcon, FilePlusIcon, FolderSearchIcon, GlobeIcon, HomeIcon, IconProps, InfoIcon, ListChecksIcon, LoaderIcon, MessageSquareIcon, MicrophoneIcon, MoonIcon, PaperclipIcon, PlugIcon, SearchIcon, SendIcon, SparklesIcon, SpinnerIcon, StopCircleIcon, SunIcon, TerminalIcon, ToolIcon, UserIcon, XCircleIcon, XIcon } from './icons.js';
@@ -94,19 +94,21 @@ interface MessageContentProps {
 }
 declare function MessageContent({ children, className }: MessageContentProps): react_jsx_runtime.JSX.Element;
 interface MessageResponseProps {
-    /** Text content to render as markdown */
-    content: string;
+    /** Plain markdown content */
+    content?: string;
+    /** Pre-parsed rich content segments (alternative to content) */
+    richContent?: RichContent;
     /** Whether content is still streaming */
     isStreaming?: boolean;
     /** Additional class name */
     className?: string;
-    /** Custom markdown components */
-    components?: Record<string, ComponentType<{
-        children?: ReactNode;
-        [key: string]: unknown;
-    }>>;
+    /** Custom markdown components and mention renderer */
+    components?: MarkdownComponents & {
+        /** Custom mention renderer for rich content */
+        mention?: ComponentType<MentionProps>;
+    };
 }
-declare function MessageResponse({ content, isStreaming, className, components, }: MessageResponseProps): react_jsx_runtime.JSX.Element | null;
+declare function MessageResponse({ content, richContent, isStreaming, className, components, }: MessageResponseProps): react_jsx_runtime.JSX.Element | null;
 interface MessageActionsProps {
     /** Child elements (action buttons) */
     children: ReactNode;
@@ -133,6 +135,27 @@ interface MessageTimestampProps {
 }
 declare function MessageTimestamp({ timestamp, className }: MessageTimestampProps): react_jsx_runtime.JSX.Element;
 
+declare function Mention({ name, color, url }: MentionProps): react_jsx_runtime.JSX.Element;
+
+interface RichContentProps {
+    /** Pre-parsed rich content segments */
+    content: RichContent;
+    /** Custom components for rendering */
+    components?: MarkdownComponents & {
+        /** Custom mention renderer */
+        mention?: ComponentType<MentionProps>;
+    };
+    /** Additional class name */
+    className?: string;
+}
+declare function RichContentRenderer({ content, components, className, }: RichContentProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Tool display variant
+ * - 'default': Full-sized with expand/collapse
+ * - 'compact': Smaller with minimal padding, no expand/collapse
+ */
+type ToolVariant = 'default' | 'compact';
 interface ToolContextValue {
     /** The tool invocation data */
     toolInvocation: ToolInvocation;
@@ -140,6 +163,8 @@ interface ToolContextValue {
     isExpanded: boolean;
     /** Toggle expansion state */
     toggleExpanded: () => void;
+    /** Display variant */
+    variant: ToolVariant;
 }
 declare function useTool(): ToolContextValue;
 interface ToolProps {
@@ -151,8 +176,10 @@ interface ToolProps {
     className?: string;
     /** Whether to start expanded */
     defaultExpanded?: boolean;
+    /** Display variant: 'default' or 'compact' */
+    variant?: ToolVariant;
 }
-declare function Tool({ toolInvocation, children, className, defaultExpanded, }: ToolProps): react_jsx_runtime.JSX.Element;
+declare function Tool({ toolInvocation, children, className, defaultExpanded, variant, }: ToolProps): react_jsx_runtime.JSX.Element;
 interface ToolHeaderProps {
     /** Additional class name */
     className?: string;
@@ -183,8 +210,10 @@ interface ToolListProps {
     className?: string;
     /** Whether to show tools expanded by default */
     defaultExpanded?: boolean;
+    /** Display variant: 'default' or 'compact' */
+    variant?: ToolVariant;
 }
-declare function ToolList({ toolInvocations, className, defaultExpanded, }: ToolListProps): react_jsx_runtime.JSX.Element | null;
+declare function ToolList({ toolInvocations, className, defaultExpanded, variant, }: ToolListProps): react_jsx_runtime.JSX.Element | null;
 
 interface ReasoningContextValue {
     /** Whether the reasoning panel is open */
@@ -516,7 +545,7 @@ declare function OptionCards({ options, onSelect, className }: OptionCardsProps)
 
 interface StatusIndicatorProps {
     status: ToolStatus;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
     className?: string;
 }
 /**
@@ -1024,6 +1053,8 @@ interface StreamEvent {
     result?: string;
     totalCost?: number;
     totalTokens?: number;
+    /** SSE event ID (sequence number from relay) for reconnection */
+    id?: string;
     entry?: {
         timestamp: string;
         level: string;
@@ -1263,6 +1294,11 @@ interface UseAgentChatReturn {
      * This replaces all entries and clears streaming state
      */
     setEntries: (entries: NormalizedEntry[]) => void;
+    /**
+     * Last seen SSE sequence number.
+     * Use this for reconnection via the relay endpoint: GET /sessions/:id/stream?after=lastSequence
+     */
+    lastSequence: number;
 }
 declare function useAgentChat(options: UseAgentChatOptions): UseAgentChatReturn;
 
@@ -1527,4 +1563,4 @@ interface UseLongTextConversionReturn {
  */
 declare function useLongTextConversion({ threshold, filenameTemplate, onConversion, }?: LongTextConversionOptions): UseLongTextConversionReturn;
 
-export { Message$1 as AIMessage, ActionIcon, type ActionIconProps, ActionType, type StreamEvent as AgentStreamEvent, Attachment, type AttachmentFile, AttachmentInfo, type AttachmentInfoProps, AttachmentPreview, type AttachmentPreviewProps, type AttachmentProps, AttachmentRemove, type AttachmentRemoveProps, Attachments, type AttachmentsProps, type BeforeSendContext, type BeforeSendResult, type FileAttachment as ChatFileAttachment, type ChatMiddleware, type ChatRequestOptions, CodeBlock, type CodeBlockProps, Conversation, ConversationContent, type ConversationContentProps, ConversationEmptyState, type ConversationEmptyStateProps, type ConversationProps, ConversationScrollButton, type ConversationScrollButtonProps, type ConversionInfo, type CreateMessage, type CreateStreamFn, type CreateStreamOptions, EnvVarsPanel, type EnvVarsPanelProps, FileAttachment$2 as FileAttachment, FileBadgeCompact, type FileBadgeProps, type FileAttachment as HookFileAttachment, JsonDisplay, type JsonDisplayProps, LazyMarkdown, type LazyMarkdownProps, LoadingDots, type LoadingDotsProps, LoadingSpinner, type LoadingSpinnerProps, LogEntry, LogsPanel, type LogsPanelProps, type LongTextConversionOptions, MarkdownComponents, Message, MessageAction, type MessageActionProps, MessageActions, type MessageActionsProps, MessageAvatar, type MessageAvatarProps, MessageContent, type MessageContentProps, type MessageProps, MessageResponse, type MessageResponseProps, MessageShimmer, type MessageShimmerProps, MessageTimestamp, type MessageTimestampProps, type MiddlewareRequest, type MiddlewareRequestResult, NormalizedEntry, OptionCards, type OptionCardsProps, ParsedOption, type QueuedMessage, Reasoning, ReasoningContent, type ReasoningContentProps, type ReasoningProps, ReasoningTrigger, type ReasoningTriggerProps, Shimmer, ShimmerBlock, type ShimmerBlockProps, ShimmerLine, type ShimmerLineProps, type ShimmerProps, ShimmerText, type ShimmerTextProps, StatusIndicator, type StatusIndicatorProps, type StreamGenerator, Task, TaskContent, type TaskContentProps, TaskItem, type TaskItemProps, TaskList, type TaskListProps, type TaskProps, TaskTrigger, type TaskTriggerProps, type TextAttachment, ThinkingIndicator, type ThinkingIndicatorProps, TodoItem, TodoStatus, Tool, type ToolCallHandler, ToolHeader, type ToolHeaderProps, ToolInput, type ToolInputProps, ToolInvocation, ToolList, type ToolListProps, ToolOutput, type ToolOutputProps, type ToolProps, ToolStatus, type UseAgentChatOptions, type UseAgentChatReturn, type UseChatOptions, type UseChatReturn, type UseFileUploadOptions, type UseFileUploadReturn, type UseLongTextConversionReturn, type UseMessageQueueOptions, type UseMessageQueueReturn, type UseStopExecutionOptions, type UseStopExecutionReturn, applyEventMiddleware, applyRequestMiddleware, callMiddlewareComplete, callMiddlewareError, formatFileSize as formatFileSizeHook, useAgentChat, useAttachment, useChat, useConversation, useFileUpload, useLongTextConversion, useMessage, useMessageQueue, useReasoning, useStopExecution, useTask, useTool };
+export { Message$1 as AIMessage, ActionIcon, type ActionIconProps, ActionType, type StreamEvent as AgentStreamEvent, Attachment, type AttachmentFile, AttachmentInfo, type AttachmentInfoProps, AttachmentPreview, type AttachmentPreviewProps, type AttachmentProps, AttachmentRemove, type AttachmentRemoveProps, Attachments, type AttachmentsProps, type BeforeSendContext, type BeforeSendResult, type FileAttachment as ChatFileAttachment, type ChatMiddleware, type ChatRequestOptions, CodeBlock, type CodeBlockProps, Conversation, ConversationContent, type ConversationContentProps, ConversationEmptyState, type ConversationEmptyStateProps, type ConversationProps, ConversationScrollButton, type ConversationScrollButtonProps, type ConversionInfo, type CreateMessage, type CreateStreamFn, type CreateStreamOptions, EnvVarsPanel, type EnvVarsPanelProps, FileAttachment$2 as FileAttachment, FileBadgeCompact, type FileBadgeProps, type FileAttachment as HookFileAttachment, JsonDisplay, type JsonDisplayProps, LazyMarkdown, type LazyMarkdownProps, LoadingDots, type LoadingDotsProps, LoadingSpinner, type LoadingSpinnerProps, LogEntry, LogsPanel, type LogsPanelProps, type LongTextConversionOptions, MarkdownComponents, Mention, MentionProps, Message, MessageAction, type MessageActionProps, MessageActions, type MessageActionsProps, MessageAvatar, type MessageAvatarProps, MessageContent, type MessageContentProps, type MessageProps, MessageResponse, type MessageResponseProps, MessageShimmer, type MessageShimmerProps, MessageTimestamp, type MessageTimestampProps, type MiddlewareRequest, type MiddlewareRequestResult, NormalizedEntry, OptionCards, type OptionCardsProps, ParsedOption, type QueuedMessage, Reasoning, ReasoningContent, type ReasoningContentProps, type ReasoningProps, ReasoningTrigger, type ReasoningTriggerProps, RichContent, type RichContentProps, RichContentRenderer, Shimmer, ShimmerBlock, type ShimmerBlockProps, ShimmerLine, type ShimmerLineProps, type ShimmerProps, ShimmerText, type ShimmerTextProps, StatusIndicator, type StatusIndicatorProps, type StreamGenerator, Task, TaskContent, type TaskContentProps, TaskItem, type TaskItemProps, TaskList, type TaskListProps, type TaskProps, TaskTrigger, type TaskTriggerProps, type TextAttachment, ThinkingIndicator, type ThinkingIndicatorProps, TodoItem, TodoStatus, Tool, type ToolCallHandler, ToolHeader, type ToolHeaderProps, ToolInput, type ToolInputProps, ToolInvocation, ToolList, type ToolListProps, ToolOutput, type ToolOutputProps, type ToolProps, ToolStatus, type ToolVariant, type UseAgentChatOptions, type UseAgentChatReturn, type UseChatOptions, type UseChatReturn, type UseFileUploadOptions, type UseFileUploadReturn, type UseLongTextConversionReturn, type UseMessageQueueOptions, type UseMessageQueueReturn, type UseStopExecutionOptions, type UseStopExecutionReturn, applyEventMiddleware, applyRequestMiddleware, callMiddlewareComplete, callMiddlewareError, formatFileSize as formatFileSizeHook, useAgentChat, useAttachment, useChat, useConversation, useFileUpload, useLongTextConversion, useMessage, useMessageQueue, useReasoning, useStopExecution, useTask, useTool };

package/dist/index.js

@@ -567,6 +567,61 @@ function LazyMarkdown({ children, fallback, components, className }) {
   }
   return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("span", { className, children: fallback ?? children }), children: /* @__PURE__ */ jsx(ReactMarkdown, { components: markdownComponents, children }) });
 }
+function Mention({ name, color, url }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "ash-mention",
+        "inline-flex items-center",
+        "px-1.5 py-0.5 rounded",
+        "text-[var(--ash-font-size-sm,12px)]",
+        "font-medium"
+      ),
+      style: {
+        backgroundColor: color ? `${color}20` : "var(--ash-mention-bg,rgba(255,255,255,0.1))",
+        color: color || "var(--ash-mention-text,inherit)"
+      },
+      children: [
+        url && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: url,
+            alt: "",
+            className: "w-4 h-4 rounded mr-1 object-cover"
+          }
+        ),
+        "@",
+        name
+      ]
+    }
+  );
+}
+function RichContentRenderer({
+  content,
+  components,
+  className
+}) {
+  const MentionComponent = components?.mention || Mention;
+  return /* @__PURE__ */ jsx("span", { className: cn("ash-rich-content", className), children: content.map((segment, index) => {
+    if (segment.type === "text") {
+      return /* @__PURE__ */ jsx(LazyMarkdown, { components, children: segment.content }, index);
+    }
+    if (segment.type === "mention") {
+      return /* @__PURE__ */ jsx(
+        MentionComponent,
+        {
+          name: segment.name,
+          color: segment.color,
+          url: segment.url,
+          data: segment.data
+        },
+        index
+      );
+    }
+    return null;
+  }) });
+}
 var MessageContext = createContext(null);
 function useMessage() {
   const context = useContext(MessageContext);
@@ -679,10 +734,26 @@ function MessageContent({ children, className }) {
 }
 function MessageResponse({
   content,
+  richContent,
   isStreaming,
   className,
   components
 }) {
+  if (richContent && richContent.length > 0) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "ash-message-response",
+          "font-[var(--ash-font-size-base,13px)]",
+          "leading-relaxed",
+          isStreaming && "animate-pulse",
+          className
+        ),
+        children: /* @__PURE__ */ jsx(RichContentRenderer, { content: richContent, components })
+      }
+    );
+  }
   if (!content) return null;
   return /* @__PURE__ */ jsx(
     "div",
@@ -758,6 +829,7 @@ function MessageTimestamp({ timestamp, className }) {
 }
 function StatusIndicator({ status, size = "sm", className }) {
   const sizeClasses = {
+    xs: "w-1.5 h-1.5",
     sm: "w-2 h-2",
     md: "w-3 h-3",
     lg: "w-4 h-4"
@@ -1136,14 +1208,16 @@ function Tool({
   toolInvocation,
   children,
   className,
-  defaultExpanded = false
+  defaultExpanded = false,
+  variant = "default"
 }) {
   const [isExpanded, setIsExpanded] = useState(defaultExpanded);
   const toggleExpanded = () => setIsExpanded((prev) => !prev);
   const contextValue = {
     toolInvocation,
     isExpanded,
-    toggleExpanded
+    toggleExpanded,
+    variant
   };
   const status = toolInvocation.state === "result" ? "success" : "pending";
   const isErrorResult = Boolean(
@@ -1179,25 +1253,28 @@ function ToolHeader({
   icon,
   showToggle = true
 }) {
-  const { toolInvocation, isExpanded, toggleExpanded } = useTool();
+  const { toolInvocation, isExpanded, toggleExpanded, variant } = useTool();
+  const isCompact = variant === "compact";
   const status = toolInvocation.state === "result" ? "success" : "pending";
   const formattedName = formatToolName(toolInvocation.toolName);
   const toolIcon = icon;
+  const canToggle = showToggle && !isCompact;
   return /* @__PURE__ */ jsxs(
     "button",
     {
-      onClick: showToggle ? toggleExpanded : void 0,
+      onClick: canToggle ? toggleExpanded : void 0,
       className: cn(
         "ash-tool-header",
         "w-full flex items-center gap-2",
-        "px-3 py-2",
+        isCompact ? "px-2 py-1.5" : "px-3 py-2",
         "text-left",
-        showToggle && "cursor-pointer hover:bg-white/[0.03] transition-colors",
+        canToggle && "cursor-pointer hover:bg-white/[0.03] transition-colors",
+        !canToggle && "cursor-default",
         className
       ),
       children: [
-        /* @__PURE__ */ jsx(StatusIndicator, { status, size: "sm" }),
-        toolIcon ? /* @__PURE__ */ jsx("span", { className: "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]", children: toolIcon }) : /* @__PURE__ */ jsx("span", { className: "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]", children: /* @__PURE__ */ jsxs("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ jsx(StatusIndicator, { status, size: isCompact ? "xs" : "sm" }),
+        toolIcon ? /* @__PURE__ */ jsx("span", { className: "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]", children: toolIcon }) : /* @__PURE__ */ jsx("span", { className: "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]", children: /* @__PURE__ */ jsxs("svg", { className: isCompact ? "w-3 h-3" : "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
           /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }),
           /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
         ] }) }),
@@ -1206,7 +1283,7 @@ function ToolHeader({
           {
             className: cn(
               "flex-1 font-medium",
-              "text-[var(--ash-font-size-sm,12px)]",
+              isCompact ? "text-[var(--ash-font-size-xs,10px)]" : "text-[var(--ash-font-size-sm,12px)]",
               "text-[var(--ash-text-primary,rgba(255,255,255,0.9))]"
             ),
             children: formattedName
@@ -1216,14 +1293,14 @@ function ToolHeader({
           "span",
           {
             className: cn(
-              "text-[var(--ash-font-size-xs,10px)]",
+              isCompact ? "text-[9px]" : "text-[var(--ash-font-size-xs,10px)]",
               "text-[var(--ash-text-muted,rgba(255,255,255,0.5))]",
               "truncate max-w-[200px]"
             ),
             children: Object.keys(toolInvocation.args).length > 0 && `(${Object.keys(toolInvocation.args).join(", ")})`
           }
         ),
-        showToggle && /* @__PURE__ */ jsx(
+        canToggle && /* @__PURE__ */ jsx(
           "svg",
           {
             className: cn(
@@ -1319,24 +1396,28 @@ function ToolOutput({ className, maxHeight = 300 }) {
 function ToolList({
   toolInvocations,
   className,
-  defaultExpanded = false
+  defaultExpanded = false,
+  variant = "default"
 }) {
   if (!toolInvocations || toolInvocations.length === 0) {
     return null;
   }
+  const isCompact = variant === "compact";
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
         "ash-tool-list",
-        "flex flex-col gap-2",
+        "flex flex-col",
+        isCompact ? "gap-1" : "gap-2",
         className
       ),
       children: toolInvocations.map((inv) => /* @__PURE__ */ jsx(
         Tool,
         {
           toolInvocation: inv,
-          defaultExpanded
+          defaultExpanded,
+          variant
         },
         inv.toolCallId
       ))
@@ -3534,6 +3615,7 @@ function useAgentChat(options) {
   const eventCountRef = useRef(0);
   const sessionIdRef = useRef(sessionId);
   const streamingEntriesRef = useRef([]);
+  const lastSequenceRef = useRef(0);
   useEffect(() => {
     sessionIdRef.current = sessionId;
   }, [sessionId]);
@@ -3558,6 +3640,12 @@ function useAgentChat(options) {
     setStreamingEntries([]);
   }, []);
   const processEvent = useCallback((event, streamEntries) => {
+    if (event.id) {
+      const seq = parseInt(event.id, 10);
+      if (!isNaN(seq)) {
+        lastSequenceRef.current = seq;
+      }
+    }
     const newEntries = [...streamEntries];
     switch (event.type) {
       case "session_start":
@@ -3894,7 +3982,8 @@ function useAgentChat(options) {
     send,
     stop,
     clear,
-    setEntries
+    setEntries,
+    lastSequence: lastSequenceRef.current
   };
 }
 function generateId() {
@@ -4218,6 +4307,6 @@ function useLongTextConversion({
   };
 }
 
-export { ActionIcon, AlertCircleIcon, AlertTriangleIcon, ArrowUpIcon, Attachment, AttachmentInfo, AttachmentPreview, AttachmentRemove, Attachments, BotIcon, BrainIcon, BugIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardListIcon, ClockIcon, CodeBlock, CodeIcon, Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton, CopyIcon, DEFAULT_STYLE_CONFIG, EditIcon, EnvVarsPanel, ErrorIcon, FileBadgeCompact, FileIcon, FilePlusIcon, FolderSearchIcon, GlobeIcon, HomeIcon, InfoIcon, JsonDisplay, LazyMarkdown, ListChecksIcon, LoaderIcon, LoadingDots, LoadingSpinner, LogsPanel, Message, MessageAction, MessageActions, MessageAvatar, MessageContent, MessageResponse, MessageShimmer, MessageSquareIcon, MessageTimestamp, MicrophoneIcon, MoonIcon, OptionCards, PaperclipIcon, PlugIcon, Reasoning, ReasoningContent, ReasoningTrigger, SearchIcon, SendIcon, Shimmer, ShimmerBlock, ShimmerLine, ShimmerText, SparklesIcon, SpinnerIcon, StatusIndicator, StopCircleIcon, SunIcon, Task, TaskContent, TaskItem, TaskList, TaskTrigger, TerminalIcon, ThinkingIndicator, Tool, ToolHeader, ToolIcon, ToolInput, ToolList, ToolOutput, UserIcon, XCircleIcon, XIcon, allKeyframesCss, applyEventMiddleware, applyRequestMiddleware, borderRadius, callMiddlewareComplete, callMiddlewareError, cn, colors, createToolCall, cssVars, extractTextContent, formatElapsedTime, formatFileSize, formatFileSize2 as formatFileSizeHook, formatTimestamp, formatToolName, generateToolSummary, getActionIcon, getActionLabel, inlineStyles, isAgentToolAction, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, isWidgetEntry, keyframes, keyframesCss, mapToolToActionType, messageToNormalizedEntry, messagesToNormalizedEntries, normalizeToolResult, normalizedEntriesToMessages, normalizedEntryToMessage, parseCommandResult, parseMcpToolName, parseOptionsFromContent, shadows, spacing, tokensToCssVariables, transitions, truncate, typography, updateToolCallWithResult, useAgentChat, useAttachment, useChat, useConversation, useFileUpload, useLongTextConversion, useMessage, useMessageQueue, useReasoning, useStopExecution, useTask, useTool, widget, zIndex };
+export { ActionIcon, AlertCircleIcon, AlertTriangleIcon, ArrowUpIcon, Attachment, AttachmentInfo, AttachmentPreview, AttachmentRemove, Attachments, BotIcon, BrainIcon, BugIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardListIcon, ClockIcon, CodeBlock, CodeIcon, Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton, CopyIcon, DEFAULT_STYLE_CONFIG, EditIcon, EnvVarsPanel, ErrorIcon, FileBadgeCompact, FileIcon, FilePlusIcon, FolderSearchIcon, GlobeIcon, HomeIcon, InfoIcon, JsonDisplay, LazyMarkdown, ListChecksIcon, LoaderIcon, LoadingDots, LoadingSpinner, LogsPanel, Mention, Message, MessageAction, MessageActions, MessageAvatar, MessageContent, MessageResponse, MessageShimmer, MessageSquareIcon, MessageTimestamp, MicrophoneIcon, MoonIcon, OptionCards, PaperclipIcon, PlugIcon, Reasoning, ReasoningContent, ReasoningTrigger, RichContentRenderer, SearchIcon, SendIcon, Shimmer, ShimmerBlock, ShimmerLine, ShimmerText, SparklesIcon, SpinnerIcon, StatusIndicator, StopCircleIcon, SunIcon, Task, TaskContent, TaskItem, TaskList, TaskTrigger, TerminalIcon, ThinkingIndicator, Tool, ToolHeader, ToolIcon, ToolInput, ToolList, ToolOutput, UserIcon, XCircleIcon, XIcon, allKeyframesCss, applyEventMiddleware, applyRequestMiddleware, borderRadius, callMiddlewareComplete, callMiddlewareError, cn, colors, createToolCall, cssVars, extractTextContent, formatElapsedTime, formatFileSize, formatFileSize2 as formatFileSizeHook, formatTimestamp, formatToolName, generateToolSummary, getActionIcon, getActionLabel, inlineStyles, isAgentToolAction, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, isWidgetEntry, keyframes, keyframesCss, mapToolToActionType, messageToNormalizedEntry, messagesToNormalizedEntries, normalizeToolResult, normalizedEntriesToMessages, normalizedEntryToMessage, parseCommandResult, parseMcpToolName, parseOptionsFromContent, shadows, spacing, tokensToCssVariables, transitions, truncate, typography, updateToolCallWithResult, useAgentChat, useAttachment, useChat, useConversation, useFileUpload, useLongTextConversion, useMessage, useMessageQueue, useReasoning, useStopExecution, useTask, useTool, widget, zIndex };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map