@ash-cloud/ash-ui 0.2.3 → 0.2.5

package/dist/index.d.cts

@@ -18,6 +18,10 @@ interface ConversationContextValue {
     autoScroll: boolean;
     /** Set auto-scroll state */
     setAutoScroll: (value: boolean) => void;
+    /** Whether more messages exist above */
+    hasMore: boolean;
+    /** Whether older messages are currently being fetched */
+    isLoadingMore: boolean;
 }
 declare function useConversation(): ConversationContextValue;
 interface ConversationProps {
@@ -29,8 +33,16 @@ interface ConversationProps {
     autoScroll?: boolean;
     /** Threshold in pixels to consider "at bottom" */
     scrollThreshold?: number;
-}
-declare function Conversation({ children, className, autoScroll: initialAutoScroll, scrollThreshold, }: ConversationProps): react_jsx_runtime.JSX.Element;
+    /** Called when user scrolls near the top to load older messages */
+    onLoadMore?: () => void;
+    /** Whether more messages exist above */
+    hasMore?: boolean;
+    /** Whether older messages are currently being fetched */
+    isLoadingMore?: boolean;
+    /** Pixels from top to trigger onLoadMore (default: 100) */
+    loadMoreThreshold?: number;
+}
+declare function Conversation({ children, className, autoScroll: initialAutoScroll, scrollThreshold, onLoadMore, hasMore, isLoadingMore, loadMoreThreshold, }: ConversationProps): react_jsx_runtime.JSX.Element;
 interface ConversationContentProps {
     /** Child elements */
     children: ReactNode;
@@ -52,6 +64,11 @@ interface ConversationScrollButtonProps {
     label?: string;
 }
 declare function ConversationScrollButton({ className, label, }: ConversationScrollButtonProps): react_jsx_runtime.JSX.Element | null;
+interface ConversationLoadMoreProps {
+    /** Additional class name */
+    className?: string;
+}
+declare function ConversationLoadMore({ className, }: ConversationLoadMoreProps): react_jsx_runtime.JSX.Element | null;
 
 interface MessageContextValue {
     /** Message role */
@@ -1042,6 +1059,7 @@ interface StreamEvent {
     text?: string;
     /** Message content array (for 'message' events) */
     content?: unknown;
+    requestId?: string;
     toolId?: string;
     toolName?: string;
     input?: unknown;
@@ -1054,6 +1072,8 @@ interface StreamEvent {
     result?: string;
     totalCost?: number;
     totalTokens?: number;
+    stop_reason?: string;
+    stop_sequence?: string;
     /** SSE event ID (sequence number from relay) for reconnection */
     id?: string;
     entry?: {
@@ -1064,6 +1084,12 @@ interface StreamEvent {
         data?: Record<string, unknown>;
     };
 }
+interface ToolPermissionRequest {
+    requestId: string;
+    sessionId: string;
+    toolName: string;
+    input?: unknown;
+}
 /**
  * Async generator that yields StreamEvent objects
  */
@@ -1187,6 +1213,15 @@ interface UseAgentChatOptions {
      * Callback for sandbox log events
      */
     onSandboxLog?: (entry: NonNullable<StreamEvent['entry']>) => void;
+    /**
+     * Callback to approve/deny tool usage requests.
+     * When provided, tool permission events will be resolved automatically.
+     */
+    canUseTool?: (request: ToolPermissionRequest) => boolean | Promise<boolean>;
+    /**
+     * Function to resolve a tool permission request (sends the decision to the server).
+     */
+    resolveToolPermission?: (request: ToolPermissionRequest, allow: boolean) => Promise<void>;
     /**
      * Callback when reconnection is attempted
      */
@@ -1392,6 +1427,15 @@ interface UseChatOptions {
      * Callback when a tool is called
      */
     onToolCall?: (handler: ToolCallHandler) => void;
+    /**
+     * Callback to approve/deny tool usage requests.
+     * When provided, tool permission events will be resolved automatically.
+     */
+    canUseTool?: (request: ToolPermissionRequest) => boolean | Promise<boolean>;
+    /**
+     * Function to resolve a tool permission request (sends the decision to the server).
+     */
+    resolveToolPermission?: (request: ToolPermissionRequest, allow: boolean) => Promise<void>;
     /**
      * Callback when streaming finishes
      */
@@ -1564,4 +1608,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, 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 };
+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, ConversationLoadMore, type ConversationLoadMoreProps, 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

@@ -18,6 +18,10 @@ interface ConversationContextValue {
     autoScroll: boolean;
     /** Set auto-scroll state */
     setAutoScroll: (value: boolean) => void;
+    /** Whether more messages exist above */
+    hasMore: boolean;
+    /** Whether older messages are currently being fetched */
+    isLoadingMore: boolean;
 }
 declare function useConversation(): ConversationContextValue;
 interface ConversationProps {
@@ -29,8 +33,16 @@ interface ConversationProps {
     autoScroll?: boolean;
     /** Threshold in pixels to consider "at bottom" */
     scrollThreshold?: number;
-}
-declare function Conversation({ children, className, autoScroll: initialAutoScroll, scrollThreshold, }: ConversationProps): react_jsx_runtime.JSX.Element;
+    /** Called when user scrolls near the top to load older messages */
+    onLoadMore?: () => void;
+    /** Whether more messages exist above */
+    hasMore?: boolean;
+    /** Whether older messages are currently being fetched */
+    isLoadingMore?: boolean;
+    /** Pixels from top to trigger onLoadMore (default: 100) */
+    loadMoreThreshold?: number;
+}
+declare function Conversation({ children, className, autoScroll: initialAutoScroll, scrollThreshold, onLoadMore, hasMore, isLoadingMore, loadMoreThreshold, }: ConversationProps): react_jsx_runtime.JSX.Element;
 interface ConversationContentProps {
     /** Child elements */
     children: ReactNode;
@@ -52,6 +64,11 @@ interface ConversationScrollButtonProps {
     label?: string;
 }
 declare function ConversationScrollButton({ className, label, }: ConversationScrollButtonProps): react_jsx_runtime.JSX.Element | null;
+interface ConversationLoadMoreProps {
+    /** Additional class name */
+    className?: string;
+}
+declare function ConversationLoadMore({ className, }: ConversationLoadMoreProps): react_jsx_runtime.JSX.Element | null;
 
 interface MessageContextValue {
     /** Message role */
@@ -1042,6 +1059,7 @@ interface StreamEvent {
     text?: string;
     /** Message content array (for 'message' events) */
     content?: unknown;
+    requestId?: string;
     toolId?: string;
     toolName?: string;
     input?: unknown;
@@ -1054,6 +1072,8 @@ interface StreamEvent {
     result?: string;
     totalCost?: number;
     totalTokens?: number;
+    stop_reason?: string;
+    stop_sequence?: string;
     /** SSE event ID (sequence number from relay) for reconnection */
     id?: string;
     entry?: {
@@ -1064,6 +1084,12 @@ interface StreamEvent {
         data?: Record<string, unknown>;
     };
 }
+interface ToolPermissionRequest {
+    requestId: string;
+    sessionId: string;
+    toolName: string;
+    input?: unknown;
+}
 /**
  * Async generator that yields StreamEvent objects
  */
@@ -1187,6 +1213,15 @@ interface UseAgentChatOptions {
      * Callback for sandbox log events
      */
     onSandboxLog?: (entry: NonNullable<StreamEvent['entry']>) => void;
+    /**
+     * Callback to approve/deny tool usage requests.
+     * When provided, tool permission events will be resolved automatically.
+     */
+    canUseTool?: (request: ToolPermissionRequest) => boolean | Promise<boolean>;
+    /**
+     * Function to resolve a tool permission request (sends the decision to the server).
+     */
+    resolveToolPermission?: (request: ToolPermissionRequest, allow: boolean) => Promise<void>;
     /**
      * Callback when reconnection is attempted
      */
@@ -1392,6 +1427,15 @@ interface UseChatOptions {
      * Callback when a tool is called
      */
     onToolCall?: (handler: ToolCallHandler) => void;
+    /**
+     * Callback to approve/deny tool usage requests.
+     * When provided, tool permission events will be resolved automatically.
+     */
+    canUseTool?: (request: ToolPermissionRequest) => boolean | Promise<boolean>;
+    /**
+     * Function to resolve a tool permission request (sends the decision to the server).
+     */
+    resolveToolPermission?: (request: ToolPermissionRequest, allow: boolean) => Promise<void>;
     /**
      * Callback when streaming finishes
      */
@@ -1564,4 +1608,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, 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 };
+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, ConversationLoadMore, type ConversationLoadMoreProps, 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

@@ -1,4 +1,4 @@
-import { createContext, lazy, useContext, useRef, useState, useCallback, useEffect, useMemo, Suspense } from 'react';
+import { createContext, lazy, useContext, useRef, useState, useCallback, useEffect, useLayoutEffect, useMemo, Suspense } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/components/Conversation.tsx
@@ -421,11 +421,17 @@ function Conversation({
   children,
   className,
   autoScroll: initialAutoScroll = true,
-  scrollThreshold = 100
+  scrollThreshold = 100,
+  onLoadMore,
+  hasMore = false,
+  isLoadingMore = false,
+  loadMoreThreshold = 100
 }) {
   const containerRef = useRef(null);
   const [isScrolledUp, setIsScrolledUp] = useState(false);
   const [autoScroll, setAutoScroll] = useState(initialAutoScroll);
+  const prevScrollHeightRef = useRef(0);
+  const wasLoadingMoreRef = useRef(false);
   const scrollToBottom = useCallback((behavior = "smooth") => {
     if (containerRef.current) {
       containerRef.current.scrollTo({
@@ -443,7 +449,26 @@ function Conversation({
     if (isAtBottom && !autoScroll) {
       setAutoScroll(true);
     }
-  }, [scrollThreshold, autoScroll]);
+    if (scrollTop < loadMoreThreshold && hasMore && !isLoadingMore && onLoadMore) {
+      onLoadMore();
+    }
+  }, [scrollThreshold, autoScroll, loadMoreThreshold, hasMore, isLoadingMore, onLoadMore]);
+  useEffect(() => {
+    if (isLoadingMore && !wasLoadingMoreRef.current && containerRef.current) {
+      prevScrollHeightRef.current = containerRef.current.scrollHeight;
+    }
+    wasLoadingMoreRef.current = isLoadingMore;
+  }, [isLoadingMore]);
+  useLayoutEffect(() => {
+    if (!isLoadingMore && prevScrollHeightRef.current > 0 && containerRef.current) {
+      const newScrollHeight = containerRef.current.scrollHeight;
+      const scrollDelta = newScrollHeight - prevScrollHeightRef.current;
+      if (scrollDelta > 0) {
+        containerRef.current.scrollTop += scrollDelta;
+      }
+      prevScrollHeightRef.current = 0;
+    }
+  }, [isLoadingMore]);
   useEffect(() => {
     if (autoScroll && !isScrolledUp) {
       scrollToBottom("instant");
@@ -454,7 +479,9 @@ function Conversation({
     scrollToBottom,
     isScrolledUp,
     autoScroll,
-    setAutoScroll
+    setAutoScroll,
+    hasMore,
+    isLoadingMore
   };
   return /* @__PURE__ */ jsx(ConversationContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
     "div",
@@ -552,6 +579,50 @@ function ConversationScrollButton({
     }
   );
 }
+function ConversationLoadMore({
+  className
+}) {
+  const { hasMore, isLoadingMore } = useConversation();
+  if (!hasMore && !isLoadingMore) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "ash-conversation-load-more flex items-center justify-center py-3",
+        className
+      ),
+      children: isLoadingMore && /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          className: "w-5 h-5 animate-spin text-[var(--ash-text-muted,rgba(255,255,255,0.5))]",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          children: [
+            /* @__PURE__ */ jsx(
+              "circle",
+              {
+                className: "opacity-25",
+                cx: "12",
+                cy: "12",
+                r: "10",
+                stroke: "currentColor",
+                strokeWidth: "4"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                className: "opacity-75",
+                fill: "currentColor",
+                d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
 var ReactMarkdown = lazy(() => import('react-markdown'));
 function LazyMarkdown({ children, fallback, components, className }) {
   const [mounted, setMounted] = useState(false);
@@ -3593,6 +3664,8 @@ function useAgentChat(options) {
     onSessionEnd,
     onError,
     onSandboxLog,
+    canUseTool,
+    resolveToolPermission,
     onReconnect,
     maxReconnectAttempts = 3,
     reconnectBaseDelay = 1e3,
@@ -3626,6 +3699,23 @@ function useAgentChat(options) {
   const emitStreamingEntries = useCallback((newEntries) => {
     setStreamingEntries([...newEntries]);
   }, []);
+  const handleToolPermission = useCallback(async (event) => {
+    if (event.type !== "tool_permission") return;
+    if (!canUseTool) return;
+    if (!event.requestId || !event.sessionId || !event.toolName) return;
+    const request = {
+      requestId: event.requestId,
+      sessionId: event.sessionId,
+      toolName: event.toolName,
+      input: event.input
+    };
+    const allow = await canUseTool(request);
+    if (!resolveToolPermission) {
+      console.warn("[useAgentChat] resolveToolPermission not provided for tool permission response");
+      return;
+    }
+    await resolveToolPermission(request, allow);
+  }, [canUseTool, resolveToolPermission]);
   const createTextEntry = useCallback((id, content) => ({
     id,
     timestamp: (/* @__PURE__ */ new Date()).toISOString(),
@@ -3784,6 +3874,7 @@ function useAgentChat(options) {
       for await (const event of stream) {
         if (controller.signal.aborted) break;
         eventCountRef.current++;
+        await handleToolPermission(event);
         localStreamingEntries = processEvent(event, localStreamingEntries);
         emitStreamingEntries(localStreamingEntries);
         if (event.type === "complete" || event.type === "session_end" || event.type === "error") {
@@ -3817,7 +3908,7 @@ function useAgentChat(options) {
       }
       return false;
     }
-  }, [subscribeToSession, maxReconnectAttempts, reconnectBaseDelay, onReconnect, processEvent, emitStreamingEntries]);
+  }, [subscribeToSession, maxReconnectAttempts, reconnectBaseDelay, onReconnect, processEvent, emitStreamingEntries, handleToolPermission]);
   const send = useCallback(async (prompt) => {
     if (isStreaming) return;
     let finalPrompt = prompt;
@@ -3896,6 +3987,7 @@ function useAgentChat(options) {
             console.error("[useAgentChat] onEvent error:", err);
           }
         }
+        await handleToolPermission(event);
         let processedEvent = event;
         if (middleware?.length) {
           processedEvent = await applyEventMiddleware(middleware, event);
@@ -3945,7 +4037,7 @@ function useAgentChat(options) {
       abortControllerRef.current = null;
       resetStreamingState();
     }
-  }, [isStreaming, sessionId, historyEntries, streamingEntries, createStream, subscribeToSession, processEvent, emitStreamingEntries, resetStreamingState, onError, attemptReconnect, onBeforeSend, onEvent, middleware]);
+  }, [isStreaming, sessionId, historyEntries, streamingEntries, createStream, subscribeToSession, processEvent, emitStreamingEntries, resetStreamingState, onError, attemptReconnect, onBeforeSend, onEvent, middleware, handleToolPermission]);
   const stop = useCallback(() => {
     reconnectAttemptsRef.current = maxReconnectAttempts + 1;
     setIsReconnecting(false);
@@ -3996,6 +4088,8 @@ function useChat(options) {
     initialSessionId,
     initialMessages = [],
     onToolCall,
+    canUseTool,
+    resolveToolPermission,
     onFinish,
     onError,
     onSessionStart,
@@ -4030,6 +4124,23 @@ function useChat(options) {
       return prev;
     });
   }, []);
+  const handleToolPermission = useCallback(async (event) => {
+    if (event.type !== "tool_permission") return;
+    if (!canUseTool) return;
+    if (!event.requestId || !event.sessionId || !event.toolName) return;
+    const request = {
+      requestId: event.requestId,
+      sessionId: event.sessionId,
+      toolName: event.toolName,
+      input: event.input
+    };
+    const allow = await canUseTool(request);
+    if (!resolveToolPermission) {
+      console.warn("[useChat] resolveToolPermission not provided for tool permission response");
+      return;
+    }
+    await resolveToolPermission(request, allow);
+  }, [canUseTool, resolveToolPermission]);
   const processEvent = useCallback((event) => {
     switch (event.type) {
       case "session_start":
@@ -4149,6 +4260,7 @@ function useChat(options) {
       const stream = createStream(finalPrompt, sessionIdRef.current || void 0, streamOptions);
       for await (const event of stream) {
         if (controller.signal.aborted) break;
+        await handleToolPermission(event);
         let processedEvent = event;
         if (middleware?.length) {
           processedEvent = await applyEventMiddleware(middleware, event);
@@ -4178,7 +4290,7 @@ function useChat(options) {
       abortControllerRef.current = null;
       currentAssistantMessageRef.current = null;
     }
-  }, [isLoading, createStream, processEvent, middleware, onError]);
+  }, [isLoading, createStream, processEvent, middleware, onError, handleToolPermission]);
   const stop = useCallback(() => {
     reconnectAttemptsRef.current = maxReconnectAttempts + 1;
     setIsReconnecting(false);
@@ -4307,6 +4419,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, 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 };
+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, ConversationLoadMore, 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