@ash-cloud/ash-ui 0.0.4 → 0.0.6

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NormalizedToolCall, NormalizedEntry, ToolDisplayConfig, LogEntry, ToolDisplayMode, TodoItem, ToolStatus, ActionType } from './types.cjs';
-export { AssistantMessageEntry, CommandRunAction, CommandRunResult, DEFAULT_DISPLAY_CONFIG, ErrorEntry, FileAttachment, FileEditAction, FileReadAction, FileWriteAction, GenericToolAction, GlobAction, LogCategory, LogLevel, McpToolAction, NormalizedEntryType, SearchAction, ThinkingEntry, TodoStatus, TodoWriteAction, ToolCallEntry, ToolExecutionGroup as ToolExecutionGroupType, ToolResult, UserMessageEntry, WebFetchAction, WebSearchAction, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction } from './types.cjs';
+import { NormalizedToolCall, NormalizedEntry, ToolDisplayConfig, WidgetRenderFunction, WidgetAction, LogEntry, ToolDisplayMode, TodoItem, ToolStatus, ActionType } from './types.cjs';
+export { AssistantMessageEntry, CommandRunAction, CommandRunResult, DEFAULT_DISPLAY_CONFIG, ErrorEntry, FileAttachment, FileEditAction, FileReadAction, FileWriteAction, GenericToolAction, GlobAction, LogCategory, LogLevel, McpToolAction, NormalizedEntryType, SearchAction, ThinkingEntry, TodoStatus, TodoWriteAction, ToolCallEntry, ToolExecutionGroup as ToolExecutionGroupType, ToolResult, UserMessageEntry, WebFetchAction, WebSearchAction, WidgetEntry, WidgetRenderProps, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, isWidgetEntry } from './types.cjs';
 import { ReactNode, DragEvent, ChangeEvent } from 'react';
 import { ParsedOption } from './utils.cjs';
 export { GroupedEntry, ParsedOptionsResult, ToolUseInput, cn, createToolCall, extractTextContent, extractToolCallsFromGroup, formatFileSize, formatTimestamp, formatToolName, generateToolSummary, getActionIcon, getActionLabel, groupEntriesForCompactMode, mapToolToActionType, normalizeToolResult, parseCommandResult, parseMcpToolName, parseOptionsFromContent, truncate, updateToolCallWithResult } from './utils.cjs';
@@ -41,6 +41,29 @@ interface MessageListProps {
     displayConfig?: ToolDisplayConfig;
     /** Callback when user selects an option from assistant message */
     onOptionSelect?: (optionText: string) => void;
+    /**
+     * Custom render function for widget entries.
+     * When provided, widget entries will be rendered using this function.
+     *
+     * @example
+     * ```tsx
+     * <MessageList
+     *   entries={entries}
+     *   renderWidget={({ widgetType, widgetData, onAction }) => {
+     *     if (widgetType === 'image-grid') {
+     *       return <ImageGrid data={widgetData} onSelect={onAction} />;
+     *     }
+     *     return null;
+     *   }}
+     * />
+     * ```
+     */
+    renderWidget?: WidgetRenderFunction;
+    /**
+     * Callback for widget interactions (e.g., selection, submit).
+     * Called when widgets dispatch actions via their onAction callback.
+     */
+    onWidgetAction?: (action: WidgetAction) => void;
     /** Additional class names */
     className?: string;
 }
@@ -64,7 +87,7 @@ interface MessageListProps {
  * <MessageList entries={entries} displayConfig={{ mode: 'compact' }} />
  * ```
  */
-declare function MessageList({ entries, loading, streamingContent, displayConfig: displayConfigProp, onOptionSelect, className, }: MessageListProps): react_jsx_runtime.JSX.Element;
+declare function MessageList({ entries, loading, streamingContent, displayConfig: displayConfigProp, onOptionSelect, renderWidget, onWidgetAction, className, }: MessageListProps): react_jsx_runtime.JSX.Element;
 
 interface UserMessageProps {
     entry: NormalizedEntry;
@@ -875,4 +898,166 @@ interface UseFileUploadReturn {
 declare function useFileUpload({ maxFileSize, // 100MB
 maxFiles, onValidationError, }?: UseFileUploadOptions): UseFileUploadReturn;
 
-export { ActionIcon, type ActionIconProps, ActionType, AssistantMessage, type AssistantMessageProps, type FileAttachment as ChatFileAttachment, CodeBlock, type CodeBlockProps, CompactToolStatusLine, type CompactToolStatusLineProps, type DisplayModeContextType, DisplayModeProvider, type DisplayModeProviderProps, DisplayModeToggle, type DisplayModeToggleProps, EnvVarsPanel, type EnvVarsPanelProps, ErrorMessage, type ErrorMessageProps, JsonDisplay, type JsonDisplayProps, LoadingIndicator, type LoadingIndicatorProps, LogEntry, LogsPanel, type LogsPanelProps, MessageEntry, type MessageEntryProps, MessageList, type MessageListProps, NormalizedEntry, NormalizedToolCall, OptionCards, type OptionCardsProps, ParsedOption, type QueuedMessage, StatusIndicator, type StatusIndicatorProps, StepAccordion, type StepAccordionProps, type StepStatus, StreamingText, type StreamingTextProps, type Theme, type ThemeContextType, ThemeProvider, type ThemeProviderProps, ThinkingMessage, type ThinkingMessageProps, TodoItem, TodoPanel, type TodoPanelProps, ToolCallCard, type ToolCallCardProps, ToolCallMessage, type ToolCallMessageProps, ToolDisplayConfig, ToolDisplayMode, ToolExecutionGroup, type ToolExecutionGroupProps, ToolStatus, TypewriterText, type TypewriterTextProps, type UseFileUploadOptions, type UseFileUploadReturn, type UseMessageQueueOptions, type UseMessageQueueReturn, type UseStopExecutionOptions, type UseStopExecutionReturn, UserMessage, type UserMessageProps, useDisplayConfig, useDisplayMode, useFileUpload, useMessageQueue, useStopExecution, useTheme };
+/**
+ * useAgentChat - A React hook for streaming agent conversations
+ *
+ * This hook handles all the complexity of streaming agent responses:
+ * - Real-time text streaming via text_delta events
+ * - Tool call tracking and correlation
+ * - Proper deduplication (no duplicate messages)
+ * - Seamless transition from streaming to finalized state
+ *
+ * @example
+ * ```tsx
+ * import { useAgentChat } from '@ash-cloud/ash-ui';
+ * import { AgentCloudClient } from '@ash-cloud/client';
+ *
+ * const client = new AgentCloudClient({ apiKey: '...' });
+ *
+ * function Chat() {
+ *   const {
+ *     entries,
+ *     isStreaming,
+ *     error,
+ *     sessionId,
+ *     send,
+ *     stop,
+ *   } = useAgentChat({
+ *     client,
+ *     agentId: 'my-agent-id',
+ *   });
+ *
+ *   return (
+ *     <div>
+ *       <MessageList entries={entries} loading={isStreaming} />
+ *       <input onSubmit={(e) => send(e.target.value)} />
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+
+/**
+ * Stream event type - matches @ash-cloud/client StreamEvent
+ * We define it here to avoid a hard dependency on the client package
+ */
+interface StreamEvent {
+    type: string;
+    sessionId?: string;
+    claudeSessionId?: string;
+    delta?: string;
+    text?: string;
+    toolId?: string;
+    toolName?: string;
+    input?: unknown;
+    toolResult?: unknown;
+    isError?: boolean;
+    error?: string;
+    code?: string;
+    status?: string;
+    result?: string;
+    totalCost?: number;
+    totalTokens?: number;
+    entry?: {
+        timestamp: string;
+        level: string;
+        category: string;
+        message: string;
+        data?: Record<string, unknown>;
+    };
+}
+/**
+ * Async generator that yields StreamEvent objects
+ */
+type StreamGenerator = AsyncGenerator<StreamEvent, void, unknown>;
+/**
+ * Function that creates a stream of events
+ * This matches the signature of client.agents.run() and client.sessions.send()
+ */
+type CreateStreamFn = (prompt: string, sessionId?: string) => StreamGenerator;
+/**
+ * Options for useAgentChat
+ */
+interface UseAgentChatOptions {
+    /**
+     * Function to create a stream of events.
+     * Can wrap client.agents.run() or client.sessions.send()
+     *
+     * @example
+     * ```tsx
+     * createStream: (prompt, sessionId) => {
+     *   if (sessionId) {
+     *     return client.sessions.send(sessionId, prompt);
+     *   }
+     *   return client.agents.run(agentId, prompt);
+     * }
+     * ```
+     */
+    createStream: CreateStreamFn;
+    /**
+     * Initial session ID (for resuming a conversation)
+     */
+    initialSessionId?: string;
+    /**
+     * Initial entries to display (e.g., from loading history)
+     */
+    initialEntries?: NormalizedEntry[];
+    /**
+     * Callback when session starts
+     */
+    onSessionStart?: (sessionId: string) => void;
+    /**
+     * Callback when session ends
+     */
+    onSessionEnd?: (sessionId: string, status: string) => void;
+    /**
+     * Callback when an error occurs
+     */
+    onError?: (error: string) => void;
+    /**
+     * Callback for sandbox log events
+     */
+    onSandboxLog?: (entry: NonNullable<StreamEvent['entry']>) => void;
+}
+/**
+ * Return type for useAgentChat
+ */
+interface UseAgentChatReturn {
+    /**
+     * All entries to display (history + streaming content)
+     * This is the single source of truth for rendering
+     */
+    entries: NormalizedEntry[];
+    /**
+     * Whether a message is currently being streamed
+     */
+    isStreaming: boolean;
+    /**
+     * Current error message (if any)
+     */
+    error: string | null;
+    /**
+     * Current session ID
+     */
+    sessionId: string | null;
+    /**
+     * Send a message to the agent
+     */
+    send: (prompt: string) => Promise<void>;
+    /**
+     * Stop the current streaming request
+     */
+    stop: () => void;
+    /**
+     * Clear all entries and start fresh
+     */
+    clear: () => void;
+    /**
+     * Set entries from external source (e.g., loading from server)
+     * This replaces all entries and clears streaming state
+     */
+    setEntries: (entries: NormalizedEntry[]) => void;
+}
+declare function useAgentChat(options: UseAgentChatOptions): UseAgentChatReturn;
+
+export { ActionIcon, type ActionIconProps, ActionType, type StreamEvent as AgentStreamEvent, AssistantMessage, type AssistantMessageProps, type FileAttachment as ChatFileAttachment, CodeBlock, type CodeBlockProps, CompactToolStatusLine, type CompactToolStatusLineProps, type CreateStreamFn, type DisplayModeContextType, DisplayModeProvider, type DisplayModeProviderProps, DisplayModeToggle, type DisplayModeToggleProps, EnvVarsPanel, type EnvVarsPanelProps, ErrorMessage, type ErrorMessageProps, JsonDisplay, type JsonDisplayProps, LoadingIndicator, type LoadingIndicatorProps, LogEntry, LogsPanel, type LogsPanelProps, MessageEntry, type MessageEntryProps, MessageList, type MessageListProps, NormalizedEntry, NormalizedToolCall, OptionCards, type OptionCardsProps, ParsedOption, type QueuedMessage, StatusIndicator, type StatusIndicatorProps, StepAccordion, type StepAccordionProps, type StepStatus, type StreamGenerator, StreamingText, type StreamingTextProps, type Theme, type ThemeContextType, ThemeProvider, type ThemeProviderProps, ThinkingMessage, type ThinkingMessageProps, TodoItem, TodoPanel, type TodoPanelProps, ToolCallCard, type ToolCallCardProps, ToolCallMessage, type ToolCallMessageProps, ToolDisplayConfig, ToolDisplayMode, ToolExecutionGroup, type ToolExecutionGroupProps, ToolStatus, TypewriterText, type TypewriterTextProps, type UseAgentChatOptions, type UseAgentChatReturn, type UseFileUploadOptions, type UseFileUploadReturn, type UseMessageQueueOptions, type UseMessageQueueReturn, type UseStopExecutionOptions, type UseStopExecutionReturn, UserMessage, type UserMessageProps, WidgetAction, WidgetRenderFunction, useAgentChat, useDisplayConfig, useDisplayMode, useFileUpload, useMessageQueue, useStopExecution, useTheme };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NormalizedToolCall, NormalizedEntry, ToolDisplayConfig, LogEntry, ToolDisplayMode, TodoItem, ToolStatus, ActionType } from './types.js';
-export { AssistantMessageEntry, CommandRunAction, CommandRunResult, DEFAULT_DISPLAY_CONFIG, ErrorEntry, FileAttachment, FileEditAction, FileReadAction, FileWriteAction, GenericToolAction, GlobAction, LogCategory, LogLevel, McpToolAction, NormalizedEntryType, SearchAction, ThinkingEntry, TodoStatus, TodoWriteAction, ToolCallEntry, ToolExecutionGroup as ToolExecutionGroupType, ToolResult, UserMessageEntry, WebFetchAction, WebSearchAction, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction } from './types.js';
+import { NormalizedToolCall, NormalizedEntry, ToolDisplayConfig, WidgetRenderFunction, WidgetAction, LogEntry, ToolDisplayMode, TodoItem, ToolStatus, ActionType } from './types.js';
+export { AssistantMessageEntry, CommandRunAction, CommandRunResult, DEFAULT_DISPLAY_CONFIG, ErrorEntry, FileAttachment, FileEditAction, FileReadAction, FileWriteAction, GenericToolAction, GlobAction, LogCategory, LogLevel, McpToolAction, NormalizedEntryType, SearchAction, ThinkingEntry, TodoStatus, TodoWriteAction, ToolCallEntry, ToolExecutionGroup as ToolExecutionGroupType, ToolResult, UserMessageEntry, WebFetchAction, WebSearchAction, WidgetEntry, WidgetRenderProps, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, isWidgetEntry } from './types.js';
 import { ReactNode, DragEvent, ChangeEvent } from 'react';
 import { ParsedOption } from './utils.js';
 export { GroupedEntry, ParsedOptionsResult, ToolUseInput, cn, createToolCall, extractTextContent, extractToolCallsFromGroup, formatFileSize, formatTimestamp, formatToolName, generateToolSummary, getActionIcon, getActionLabel, groupEntriesForCompactMode, mapToolToActionType, normalizeToolResult, parseCommandResult, parseMcpToolName, parseOptionsFromContent, truncate, updateToolCallWithResult } from './utils.js';
@@ -41,6 +41,29 @@ interface MessageListProps {
     displayConfig?: ToolDisplayConfig;
     /** Callback when user selects an option from assistant message */
     onOptionSelect?: (optionText: string) => void;
+    /**
+     * Custom render function for widget entries.
+     * When provided, widget entries will be rendered using this function.
+     *
+     * @example
+     * ```tsx
+     * <MessageList
+     *   entries={entries}
+     *   renderWidget={({ widgetType, widgetData, onAction }) => {
+     *     if (widgetType === 'image-grid') {
+     *       return <ImageGrid data={widgetData} onSelect={onAction} />;
+     *     }
+     *     return null;
+     *   }}
+     * />
+     * ```
+     */
+    renderWidget?: WidgetRenderFunction;
+    /**
+     * Callback for widget interactions (e.g., selection, submit).
+     * Called when widgets dispatch actions via their onAction callback.
+     */
+    onWidgetAction?: (action: WidgetAction) => void;
     /** Additional class names */
     className?: string;
 }
@@ -64,7 +87,7 @@ interface MessageListProps {
  * <MessageList entries={entries} displayConfig={{ mode: 'compact' }} />
  * ```
  */
-declare function MessageList({ entries, loading, streamingContent, displayConfig: displayConfigProp, onOptionSelect, className, }: MessageListProps): react_jsx_runtime.JSX.Element;
+declare function MessageList({ entries, loading, streamingContent, displayConfig: displayConfigProp, onOptionSelect, renderWidget, onWidgetAction, className, }: MessageListProps): react_jsx_runtime.JSX.Element;
 
 interface UserMessageProps {
     entry: NormalizedEntry;
@@ -875,4 +898,166 @@ interface UseFileUploadReturn {
 declare function useFileUpload({ maxFileSize, // 100MB
 maxFiles, onValidationError, }?: UseFileUploadOptions): UseFileUploadReturn;
 
-export { ActionIcon, type ActionIconProps, ActionType, AssistantMessage, type AssistantMessageProps, type FileAttachment as ChatFileAttachment, CodeBlock, type CodeBlockProps, CompactToolStatusLine, type CompactToolStatusLineProps, type DisplayModeContextType, DisplayModeProvider, type DisplayModeProviderProps, DisplayModeToggle, type DisplayModeToggleProps, EnvVarsPanel, type EnvVarsPanelProps, ErrorMessage, type ErrorMessageProps, JsonDisplay, type JsonDisplayProps, LoadingIndicator, type LoadingIndicatorProps, LogEntry, LogsPanel, type LogsPanelProps, MessageEntry, type MessageEntryProps, MessageList, type MessageListProps, NormalizedEntry, NormalizedToolCall, OptionCards, type OptionCardsProps, ParsedOption, type QueuedMessage, StatusIndicator, type StatusIndicatorProps, StepAccordion, type StepAccordionProps, type StepStatus, StreamingText, type StreamingTextProps, type Theme, type ThemeContextType, ThemeProvider, type ThemeProviderProps, ThinkingMessage, type ThinkingMessageProps, TodoItem, TodoPanel, type TodoPanelProps, ToolCallCard, type ToolCallCardProps, ToolCallMessage, type ToolCallMessageProps, ToolDisplayConfig, ToolDisplayMode, ToolExecutionGroup, type ToolExecutionGroupProps, ToolStatus, TypewriterText, type TypewriterTextProps, type UseFileUploadOptions, type UseFileUploadReturn, type UseMessageQueueOptions, type UseMessageQueueReturn, type UseStopExecutionOptions, type UseStopExecutionReturn, UserMessage, type UserMessageProps, useDisplayConfig, useDisplayMode, useFileUpload, useMessageQueue, useStopExecution, useTheme };
+/**
+ * useAgentChat - A React hook for streaming agent conversations
+ *
+ * This hook handles all the complexity of streaming agent responses:
+ * - Real-time text streaming via text_delta events
+ * - Tool call tracking and correlation
+ * - Proper deduplication (no duplicate messages)
+ * - Seamless transition from streaming to finalized state
+ *
+ * @example
+ * ```tsx
+ * import { useAgentChat } from '@ash-cloud/ash-ui';
+ * import { AgentCloudClient } from '@ash-cloud/client';
+ *
+ * const client = new AgentCloudClient({ apiKey: '...' });
+ *
+ * function Chat() {
+ *   const {
+ *     entries,
+ *     isStreaming,
+ *     error,
+ *     sessionId,
+ *     send,
+ *     stop,
+ *   } = useAgentChat({
+ *     client,
+ *     agentId: 'my-agent-id',
+ *   });
+ *
+ *   return (
+ *     <div>
+ *       <MessageList entries={entries} loading={isStreaming} />
+ *       <input onSubmit={(e) => send(e.target.value)} />
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+
+/**
+ * Stream event type - matches @ash-cloud/client StreamEvent
+ * We define it here to avoid a hard dependency on the client package
+ */
+interface StreamEvent {
+    type: string;
+    sessionId?: string;
+    claudeSessionId?: string;
+    delta?: string;
+    text?: string;
+    toolId?: string;
+    toolName?: string;
+    input?: unknown;
+    toolResult?: unknown;
+    isError?: boolean;
+    error?: string;
+    code?: string;
+    status?: string;
+    result?: string;
+    totalCost?: number;
+    totalTokens?: number;
+    entry?: {
+        timestamp: string;
+        level: string;
+        category: string;
+        message: string;
+        data?: Record<string, unknown>;
+    };
+}
+/**
+ * Async generator that yields StreamEvent objects
+ */
+type StreamGenerator = AsyncGenerator<StreamEvent, void, unknown>;
+/**
+ * Function that creates a stream of events
+ * This matches the signature of client.agents.run() and client.sessions.send()
+ */
+type CreateStreamFn = (prompt: string, sessionId?: string) => StreamGenerator;
+/**
+ * Options for useAgentChat
+ */
+interface UseAgentChatOptions {
+    /**
+     * Function to create a stream of events.
+     * Can wrap client.agents.run() or client.sessions.send()
+     *
+     * @example
+     * ```tsx
+     * createStream: (prompt, sessionId) => {
+     *   if (sessionId) {
+     *     return client.sessions.send(sessionId, prompt);
+     *   }
+     *   return client.agents.run(agentId, prompt);
+     * }
+     * ```
+     */
+    createStream: CreateStreamFn;
+    /**
+     * Initial session ID (for resuming a conversation)
+     */
+    initialSessionId?: string;
+    /**
+     * Initial entries to display (e.g., from loading history)
+     */
+    initialEntries?: NormalizedEntry[];
+    /**
+     * Callback when session starts
+     */
+    onSessionStart?: (sessionId: string) => void;
+    /**
+     * Callback when session ends
+     */
+    onSessionEnd?: (sessionId: string, status: string) => void;
+    /**
+     * Callback when an error occurs
+     */
+    onError?: (error: string) => void;
+    /**
+     * Callback for sandbox log events
+     */
+    onSandboxLog?: (entry: NonNullable<StreamEvent['entry']>) => void;
+}
+/**
+ * Return type for useAgentChat
+ */
+interface UseAgentChatReturn {
+    /**
+     * All entries to display (history + streaming content)
+     * This is the single source of truth for rendering
+     */
+    entries: NormalizedEntry[];
+    /**
+     * Whether a message is currently being streamed
+     */
+    isStreaming: boolean;
+    /**
+     * Current error message (if any)
+     */
+    error: string | null;
+    /**
+     * Current session ID
+     */
+    sessionId: string | null;
+    /**
+     * Send a message to the agent
+     */
+    send: (prompt: string) => Promise<void>;
+    /**
+     * Stop the current streaming request
+     */
+    stop: () => void;
+    /**
+     * Clear all entries and start fresh
+     */
+    clear: () => void;
+    /**
+     * Set entries from external source (e.g., loading from server)
+     * This replaces all entries and clears streaming state
+     */
+    setEntries: (entries: NormalizedEntry[]) => void;
+}
+declare function useAgentChat(options: UseAgentChatOptions): UseAgentChatReturn;
+
+export { ActionIcon, type ActionIconProps, ActionType, type StreamEvent as AgentStreamEvent, AssistantMessage, type AssistantMessageProps, type FileAttachment as ChatFileAttachment, CodeBlock, type CodeBlockProps, CompactToolStatusLine, type CompactToolStatusLineProps, type CreateStreamFn, type DisplayModeContextType, DisplayModeProvider, type DisplayModeProviderProps, DisplayModeToggle, type DisplayModeToggleProps, EnvVarsPanel, type EnvVarsPanelProps, ErrorMessage, type ErrorMessageProps, JsonDisplay, type JsonDisplayProps, LoadingIndicator, type LoadingIndicatorProps, LogEntry, LogsPanel, type LogsPanelProps, MessageEntry, type MessageEntryProps, MessageList, type MessageListProps, NormalizedEntry, NormalizedToolCall, OptionCards, type OptionCardsProps, ParsedOption, type QueuedMessage, StatusIndicator, type StatusIndicatorProps, StepAccordion, type StepAccordionProps, type StepStatus, type StreamGenerator, StreamingText, type StreamingTextProps, type Theme, type ThemeContextType, ThemeProvider, type ThemeProviderProps, ThinkingMessage, type ThinkingMessageProps, TodoItem, TodoPanel, type TodoPanelProps, ToolCallCard, type ToolCallCardProps, ToolCallMessage, type ToolCallMessageProps, ToolDisplayConfig, ToolDisplayMode, ToolExecutionGroup, type ToolExecutionGroupProps, ToolStatus, TypewriterText, type TypewriterTextProps, type UseAgentChatOptions, type UseAgentChatReturn, type UseFileUploadOptions, type UseFileUploadReturn, type UseMessageQueueOptions, type UseMessageQueueReturn, type UseStopExecutionOptions, type UseStopExecutionReturn, UserMessage, type UserMessageProps, WidgetAction, WidgetRenderFunction, useAgentChat, useDisplayConfig, useDisplayMode, useFileUpload, useMessageQueue, useStopExecution, useTheme };