@ash-cloud/ash-ui 0.0.5 → 0.0.6

package/dist/index.d.cts

@@ -898,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, WidgetAction, WidgetRenderFunction, 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

@@ -898,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, WidgetAction, WidgetRenderFunction, 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.js

@@ -2967,7 +2967,213 @@ function useFileUpload({
     openFilePicker
   };
 }
+function useAgentChat(options) {
+  const {
+    createStream,
+    initialSessionId,
+    initialEntries = [],
+    onSessionStart,
+    onSessionEnd,
+    onError,
+    onSandboxLog
+  } = options;
+  const [historyEntries, setHistoryEntries] = useState(initialEntries);
+  const [streamingEntries, setStreamingEntries] = useState([]);
+  const [isStreaming, setIsStreaming] = useState(false);
+  const [error, setError] = useState(null);
+  const [sessionId, setSessionId] = useState(initialSessionId || null);
+  const abortControllerRef = useRef(null);
+  const currentTextRef = useRef("");
+  const currentTextIdRef = useRef(null);
+  const pendingToolCallsRef = useRef(/* @__PURE__ */ new Map());
+  const hadToolCallSinceTextRef = useRef(false);
+  const entries = [...historyEntries, ...streamingEntries];
+  const emitStreamingEntries = useCallback((newEntries) => {
+    setStreamingEntries([...newEntries]);
+  }, []);
+  const createTextEntry = useCallback((id, content) => ({
+    id,
+    timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+    entryType: { type: "assistant_message" },
+    content
+  }), []);
+  const resetStreamingState = useCallback(() => {
+    currentTextRef.current = "";
+    currentTextIdRef.current = null;
+    pendingToolCallsRef.current.clear();
+    hadToolCallSinceTextRef.current = false;
+    setStreamingEntries([]);
+  }, []);
+  const processEvent = useCallback((event, streamEntries) => {
+    const newEntries = [...streamEntries];
+    switch (event.type) {
+      case "session_start":
+        if (event.sessionId) {
+          setSessionId(event.sessionId);
+          onSessionStart?.(event.sessionId);
+        }
+        break;
+      case "text_delta":
+        if (event.delta) {
+          if (hadToolCallSinceTextRef.current && currentTextIdRef.current) {
+            currentTextRef.current = "";
+            currentTextIdRef.current = null;
+            hadToolCallSinceTextRef.current = false;
+          }
+          currentTextRef.current += event.delta;
+          if (!currentTextIdRef.current) {
+            currentTextIdRef.current = `text-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+            newEntries.push(createTextEntry(currentTextIdRef.current, currentTextRef.current));
+          } else {
+            const entryIndex = newEntries.findIndex((e) => e.id === currentTextIdRef.current);
+            if (entryIndex !== -1) {
+              newEntries[entryIndex] = createTextEntry(currentTextIdRef.current, currentTextRef.current);
+            }
+          }
+        }
+        break;
+      case "tool_use":
+        if (event.toolId && event.toolName) {
+          currentTextRef.current = "";
+          currentTextIdRef.current = null;
+          hadToolCallSinceTextRef.current = true;
+          const toolCall = createToolCall({
+            id: event.toolId,
+            name: event.toolName,
+            input: event.input
+          });
+          const entry = {
+            id: event.toolId,
+            timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+            entryType: { type: "tool_call", toolCall },
+            content: toolCall.summary
+          };
+          const entryIndex = newEntries.length;
+          newEntries.push(entry);
+          pendingToolCallsRef.current.set(event.toolId, { entryIndex, toolCall });
+        }
+        break;
+      case "tool_result":
+        if (event.toolId) {
+          const pending = pendingToolCallsRef.current.get(event.toolId);
+          if (pending) {
+            const updatedToolCall = updateToolCallWithResult(
+              pending.toolCall,
+              event.toolResult,
+              event.isError
+            );
+            const existingEntry = newEntries[pending.entryIndex];
+            if (existingEntry && existingEntry.entryType.type === "tool_call") {
+              newEntries[pending.entryIndex] = {
+                ...existingEntry,
+                entryType: { type: "tool_call", toolCall: updatedToolCall }
+              };
+            }
+            pendingToolCallsRef.current.delete(event.toolId);
+          }
+        }
+        break;
+      case "sandbox_log":
+        if (event.entry) {
+          onSandboxLog?.(event.entry);
+        }
+        break;
+      case "error":
+        if (event.error) {
+          setError(event.error);
+          onError?.(event.error);
+          newEntries.push({
+            id: `error-${Date.now()}`,
+            timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+            entryType: { type: "error", message: event.error, code: event.code },
+            content: event.error
+          });
+        }
+        break;
+      case "session_end":
+        onSessionEnd?.(event.sessionId || sessionId || "", event.status || "completed");
+        break;
+      case "complete":
+        if (newEntries.length > 0) {
+          setHistoryEntries((prev) => [...prev, ...newEntries]);
+        }
+        resetStreamingState();
+        return [];
+    }
+    return newEntries;
+  }, [sessionId, onSessionStart, onSessionEnd, onError, onSandboxLog, createTextEntry, resetStreamingState]);
+  const send = useCallback(async (prompt) => {
+    if (isStreaming) return;
+    setIsStreaming(true);
+    setError(null);
+    const userEntry = {
+      id: `user-${Date.now()}`,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      entryType: { type: "user_message" },
+      content: prompt
+    };
+    setHistoryEntries((prev) => [...prev, userEntry]);
+    resetStreamingState();
+    const controller = new AbortController();
+    abortControllerRef.current = controller;
+    let localStreamingEntries = [];
+    try {
+      const stream = createStream(prompt, sessionId || void 0);
+      for await (const event of stream) {
+        if (controller.signal.aborted) break;
+        localStreamingEntries = processEvent(event, localStreamingEntries);
+        emitStreamingEntries(localStreamingEntries);
+      }
+      if (localStreamingEntries.length > 0) {
+        setHistoryEntries((prev) => [...prev, ...localStreamingEntries]);
+        setStreamingEntries([]);
+      }
+    } catch (err) {
+      if (err.name !== "AbortError") {
+        const errorMessage = err instanceof Error ? err.message : "Unknown error";
+        setError(errorMessage);
+        onError?.(errorMessage);
+      }
+    } finally {
+      setIsStreaming(false);
+      abortControllerRef.current = null;
+      resetStreamingState();
+    }
+  }, [isStreaming, sessionId, createStream, processEvent, emitStreamingEntries, resetStreamingState, onError]);
+  const stop = useCallback(() => {
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+    }
+  }, []);
+  const clear = useCallback(() => {
+    setHistoryEntries([]);
+    resetStreamingState();
+    setSessionId(initialSessionId || null);
+    setError(null);
+  }, [initialSessionId, resetStreamingState]);
+  const setEntries = useCallback((newEntries) => {
+    resetStreamingState();
+    setHistoryEntries(newEntries);
+  }, [resetStreamingState]);
+  useEffect(() => {
+    return () => {
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+      }
+    };
+  }, []);
+  return {
+    entries,
+    isStreaming,
+    error,
+    sessionId,
+    send,
+    stop,
+    clear,
+    setEntries
+  };
+}
 
-export { ActionIcon, AlertCircleIcon, AlertTriangleIcon, AssistantMessage, BotIcon, BrainIcon, BugIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardListIcon, CodeBlock, CodeIcon, CompactToolStatusLine, CopyIcon, DEFAULT_DISPLAY_CONFIG, DisplayModeProvider, DisplayModeToggle, EditIcon, EnvVarsPanel, ErrorIcon, ErrorMessage, FileIcon, FilePlusIcon, FolderSearchIcon, GlobeIcon, InfoIcon, JsonDisplay, ListChecksIcon, LoaderIcon, LoadingIndicator, LogsPanel, MessageEntry, MessageList, MessageSquareIcon, MoonIcon, OptionCards, PaperclipIcon, PlugIcon, SearchIcon, SendIcon, SparklesIcon, SpinnerIcon, StatusIndicator, StepAccordion, StopCircleIcon, StreamingText, SunIcon, TerminalIcon, ThemeProvider, ThinkingMessage, TodoPanel, ToolCallCard, ToolCallMessage, ToolExecutionGroup, ToolIcon, TypewriterText, UserIcon, UserMessage, XCircleIcon, XIcon, allKeyframesCss, borderRadius, cn, colors, createToolCall, extractTextContent, extractToolCallsFromGroup, formatFileSize, formatTimestamp, formatToolName, generateToolSummary, getActionIcon, getActionLabel, groupEntriesForCompactMode, inlineStyles, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, isWidgetEntry, keyframes, keyframesCss, mapToolToActionType, normalizeToolResult, parseCommandResult, parseMcpToolName, parseOptionsFromContent, shadows, spacing, tokensToCssVariables, transitions, truncate, typography, updateToolCallWithResult, useDisplayConfig, useDisplayMode, useFileUpload, useMessageQueue, useStopExecution, useTheme, widget, zIndex };
+export { ActionIcon, AlertCircleIcon, AlertTriangleIcon, AssistantMessage, BotIcon, BrainIcon, BugIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardListIcon, CodeBlock, CodeIcon, CompactToolStatusLine, CopyIcon, DEFAULT_DISPLAY_CONFIG, DisplayModeProvider, DisplayModeToggle, EditIcon, EnvVarsPanel, ErrorIcon, ErrorMessage, FileIcon, FilePlusIcon, FolderSearchIcon, GlobeIcon, InfoIcon, JsonDisplay, ListChecksIcon, LoaderIcon, LoadingIndicator, LogsPanel, MessageEntry, MessageList, MessageSquareIcon, MoonIcon, OptionCards, PaperclipIcon, PlugIcon, SearchIcon, SendIcon, SparklesIcon, SpinnerIcon, StatusIndicator, StepAccordion, StopCircleIcon, StreamingText, SunIcon, TerminalIcon, ThemeProvider, ThinkingMessage, TodoPanel, ToolCallCard, ToolCallMessage, ToolExecutionGroup, ToolIcon, TypewriterText, UserIcon, UserMessage, XCircleIcon, XIcon, allKeyframesCss, borderRadius, cn, colors, createToolCall, extractTextContent, extractToolCallsFromGroup, formatFileSize, formatTimestamp, formatToolName, generateToolSummary, getActionIcon, getActionLabel, groupEntriesForCompactMode, inlineStyles, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, isWidgetEntry, keyframes, keyframesCss, mapToolToActionType, normalizeToolResult, parseCommandResult, parseMcpToolName, parseOptionsFromContent, shadows, spacing, tokensToCssVariables, transitions, truncate, typography, updateToolCallWithResult, useAgentChat, useDisplayConfig, useDisplayMode, useFileUpload, useMessageQueue, useStopExecution, useTheme, widget, zIndex };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map