@assistant-ui/react 0.0.6 → 0.0.8

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as react from 'react';
-import { FC, PropsWithChildren } from 'react';
+import { FC, PropsWithChildren, ReactNode, ComponentType } from 'react';
 import { TextareaAutosizeProps } from 'react-textarea-autosize';
-import { UseChatHelpers } from 'ai/react';
+import { UseChatHelpers, UseAssistantHelpers } from 'ai/react';
 import { UseBoundStore, StoreApi } from 'zustand';
 
 declare const ThreadRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -30,7 +30,9 @@ declare const ThreadViewport: react.ForwardRefExoticComponent<Pick<Omit<react.De
     ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    autoScroll?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
 
 type ThreadMessagesProps = {
     components: {
@@ -47,8 +49,14 @@ type ThreadMessagesProps = {
 };
 declare const ThreadMessages: FC<ThreadMessagesProps>;
 
+declare const ThreadScrollToBottom: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & react.RefAttributes<HTMLButtonElement>>;
+
 declare namespace index$4 {
-  export { ThreadEmpty as Empty, ThreadIf as If, ThreadMessages as Messages, ThreadRoot as Root, ThreadViewport as Viewport };
+  export { ThreadEmpty as Empty, ThreadIf as If, ThreadMessages as Messages, ThreadRoot as Root, ThreadScrollToBottom as ScrollToBottom, ThreadViewport as Viewport };
 }
 
 declare const ComposerRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & {
@@ -101,16 +109,26 @@ type ComposerStore = {
     useComposer: UseBoundStore<StoreApi<ComposerState>>;
 };
 
-type TextContent = {
+type ThreadMessageTextPart = {
     type: "text";
     text: string;
 };
-type ImageContent = {
+type ThreadMessageImagePart = {
     type: "image";
     image: string;
 };
-type ThreadUserMessageContent = TextContent | ImageContent;
-type ThreadAssistantMessageContent = TextContent | ImageContent;
+type ThreadMessageUIPart = {
+    type: "ui";
+    display: ReactNode;
+};
+type ThreadMessageToolCallPart = {
+    type: "tool-call";
+    name: string;
+    args: object;
+    result?: object;
+};
+type ThreadUserMessageContent = ThreadMessageTextPart | ThreadMessageImagePart | ThreadMessageUIPart;
+type ThreadAssistantMessageContent = ThreadMessageTextPart | ThreadMessageImagePart | ThreadMessageUIPart | ThreadMessageToolCallPart;
 type ThreadUserMessage = {
     id: string;
     role: "user";
@@ -122,6 +140,7 @@ type ThreadAssistantMessage = {
     content: ThreadAssistantMessageContent[];
 };
 type ThreadMessage = ThreadUserMessage | ThreadAssistantMessage;
+type CreateThreadMessage = Omit<ThreadUserMessage, "id">;
 
 type MessageProviderProps = {
     children?: React.ReactNode;
@@ -147,7 +166,28 @@ type MessageIfProps = RequireAtLeastOne<MessageIfFilters> & {
 };
 declare const MessageIf: FC<MessageIfProps>;
 
-declare const MessageContent: FC;
+type MessageContentProps = {
+    components?: {
+        Text?: ComponentType<{
+            part: ThreadMessageTextPart;
+        }>;
+        Image?: ComponentType<{
+            part: ThreadMessageImagePart;
+        }>;
+        UI?: ComponentType<{
+            part: ThreadMessageUIPart;
+        }>;
+        tools?: {
+            by_name?: Record<string, ComponentType<{
+                part: ThreadMessageToolCallPart;
+            }>>;
+            Fallback?: ComponentType<{
+                part: ThreadMessageToolCallPart;
+            }>;
+        };
+    };
+};
+declare const MessageContent: FC<MessageContentProps>;
 
 declare namespace index$2 {
   export { MessageContent as Content, MessageIf as If, MessageProvider as Provider, MessageRoot as Root };
@@ -216,11 +256,23 @@ declare namespace index {
   export { ActionBarCopy as Copy, ActionBarEdit as Edit, ActionBarReload as Reload, ActionBarRoot as Root };
 }
 
-type VercelAIChatAssistantProviderProps = {
+type VercelAIAssistantProviderProps$1 = PropsWithChildren<{
     chat: UseChatHelpers;
-    children: React.ReactNode;
+} | {
+    assistant: UseAssistantHelpers;
+}>;
+declare const VercelAIAssistantProvider: FC<VercelAIAssistantProviderProps$1>;
+
+type RSCMessage = {
+    id: string;
+    role: "user" | "assistant";
+    display: ReactNode;
 };
-declare const VercelAIChatAssistantProvider: FC<VercelAIChatAssistantProviderProps>;
+type VercelAIAssistantProviderProps = PropsWithChildren<{
+    messages: RSCMessage[];
+    append: (message: CreateThreadMessage) => Promise<void>;
+}>;
+declare const VercelRSCAssistantProvider: FC<VercelAIAssistantProviderProps>;
 
 type MessageState = {
     message: ThreadMessage;
@@ -234,6 +286,7 @@ type MessageState = {
 type MessageStore = ComposerStore & {
     useMessage: UseBoundStore<StoreApi<MessageState>>;
 };
+
 declare const useMessageContext: () => MessageStore;
 
 declare const useCopyMessage: ({ copiedDuration }: {
@@ -248,4 +301,4 @@ declare const useGoToNextBranch: () => (() => void) | null;
 
 declare const useGoToPreviousBranch: () => (() => void) | null;
 
-export { index as ActionBarPrimitive, index$1 as BranchPickerPrimitive, index$3 as ComposerPrimitive, index$2 as MessagePrimitive, index$4 as ThreadPrimitive, VercelAIChatAssistantProvider as VercelAIAssistantProvider, useMessageContext as unstable_useMessageContext, useBeginMessageEdit, useCopyMessage, useGoToNextBranch, useGoToPreviousBranch, useReloadMessage };
+export { index as ActionBarPrimitive, index$1 as BranchPickerPrimitive, index$3 as ComposerPrimitive, index$2 as MessagePrimitive, index$4 as ThreadPrimitive, VercelAIAssistantProvider, VercelRSCAssistantProvider as unstable_VercelRSCAssistantProvider, useMessageContext as unstable_useMessageContext, useBeginMessageEdit, useCopyMessage, useGoToNextBranch, useGoToPreviousBranch, useReloadMessage };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
-import { FC, PropsWithChildren } from 'react';
+import { FC, PropsWithChildren, ReactNode, ComponentType } from 'react';
 import { TextareaAutosizeProps } from 'react-textarea-autosize';
-import { UseChatHelpers } from 'ai/react';
+import { UseChatHelpers, UseAssistantHelpers } from 'ai/react';
 import { UseBoundStore, StoreApi } from 'zustand';
 
 declare const ThreadRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -30,7 +30,9 @@ declare const ThreadViewport: react.ForwardRefExoticComponent<Pick<Omit<react.De
     ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    autoScroll?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
 
 type ThreadMessagesProps = {
     components: {
@@ -47,8 +49,14 @@ type ThreadMessagesProps = {
 };
 declare const ThreadMessages: FC<ThreadMessagesProps>;
 
+declare const ThreadScrollToBottom: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & react.RefAttributes<HTMLButtonElement>>;
+
 declare namespace index$4 {
-  export { ThreadEmpty as Empty, ThreadIf as If, ThreadMessages as Messages, ThreadRoot as Root, ThreadViewport as Viewport };
+  export { ThreadEmpty as Empty, ThreadIf as If, ThreadMessages as Messages, ThreadRoot as Root, ThreadScrollToBottom as ScrollToBottom, ThreadViewport as Viewport };
 }
 
 declare const ComposerRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & {
@@ -101,16 +109,26 @@ type ComposerStore = {
     useComposer: UseBoundStore<StoreApi<ComposerState>>;
 };
 
-type TextContent = {
+type ThreadMessageTextPart = {
     type: "text";
     text: string;
 };
-type ImageContent = {
+type ThreadMessageImagePart = {
     type: "image";
     image: string;
 };
-type ThreadUserMessageContent = TextContent | ImageContent;
-type ThreadAssistantMessageContent = TextContent | ImageContent;
+type ThreadMessageUIPart = {
+    type: "ui";
+    display: ReactNode;
+};
+type ThreadMessageToolCallPart = {
+    type: "tool-call";
+    name: string;
+    args: object;
+    result?: object;
+};
+type ThreadUserMessageContent = ThreadMessageTextPart | ThreadMessageImagePart | ThreadMessageUIPart;
+type ThreadAssistantMessageContent = ThreadMessageTextPart | ThreadMessageImagePart | ThreadMessageUIPart | ThreadMessageToolCallPart;
 type ThreadUserMessage = {
     id: string;
     role: "user";
@@ -122,6 +140,7 @@ type ThreadAssistantMessage = {
     content: ThreadAssistantMessageContent[];
 };
 type ThreadMessage = ThreadUserMessage | ThreadAssistantMessage;
+type CreateThreadMessage = Omit<ThreadUserMessage, "id">;
 
 type MessageProviderProps = {
     children?: React.ReactNode;
@@ -147,7 +166,28 @@ type MessageIfProps = RequireAtLeastOne<MessageIfFilters> & {
 };
 declare const MessageIf: FC<MessageIfProps>;
 
-declare const MessageContent: FC;
+type MessageContentProps = {
+    components?: {
+        Text?: ComponentType<{
+            part: ThreadMessageTextPart;
+        }>;
+        Image?: ComponentType<{
+            part: ThreadMessageImagePart;
+        }>;
+        UI?: ComponentType<{
+            part: ThreadMessageUIPart;
+        }>;
+        tools?: {
+            by_name?: Record<string, ComponentType<{
+                part: ThreadMessageToolCallPart;
+            }>>;
+            Fallback?: ComponentType<{
+                part: ThreadMessageToolCallPart;
+            }>;
+        };
+    };
+};
+declare const MessageContent: FC<MessageContentProps>;
 
 declare namespace index$2 {
   export { MessageContent as Content, MessageIf as If, MessageProvider as Provider, MessageRoot as Root };
@@ -216,11 +256,23 @@ declare namespace index {
   export { ActionBarCopy as Copy, ActionBarEdit as Edit, ActionBarReload as Reload, ActionBarRoot as Root };
 }
 
-type VercelAIChatAssistantProviderProps = {
+type VercelAIAssistantProviderProps$1 = PropsWithChildren<{
     chat: UseChatHelpers;
-    children: React.ReactNode;
+} | {
+    assistant: UseAssistantHelpers;
+}>;
+declare const VercelAIAssistantProvider: FC<VercelAIAssistantProviderProps$1>;
+
+type RSCMessage = {
+    id: string;
+    role: "user" | "assistant";
+    display: ReactNode;
 };
-declare const VercelAIChatAssistantProvider: FC<VercelAIChatAssistantProviderProps>;
+type VercelAIAssistantProviderProps = PropsWithChildren<{
+    messages: RSCMessage[];
+    append: (message: CreateThreadMessage) => Promise<void>;
+}>;
+declare const VercelRSCAssistantProvider: FC<VercelAIAssistantProviderProps>;
 
 type MessageState = {
     message: ThreadMessage;
@@ -234,6 +286,7 @@ type MessageState = {
 type MessageStore = ComposerStore & {
     useMessage: UseBoundStore<StoreApi<MessageState>>;
 };
+
 declare const useMessageContext: () => MessageStore;
 
 declare const useCopyMessage: ({ copiedDuration }: {
@@ -248,4 +301,4 @@ declare const useGoToNextBranch: () => (() => void) | null;
 
 declare const useGoToPreviousBranch: () => (() => void) | null;
 
-export { index as ActionBarPrimitive, index$1 as BranchPickerPrimitive, index$3 as ComposerPrimitive, index$2 as MessagePrimitive, index$4 as ThreadPrimitive, VercelAIChatAssistantProvider as VercelAIAssistantProvider, useMessageContext as unstable_useMessageContext, useBeginMessageEdit, useCopyMessage, useGoToNextBranch, useGoToPreviousBranch, useReloadMessage };
+export { index as ActionBarPrimitive, index$1 as BranchPickerPrimitive, index$3 as ComposerPrimitive, index$2 as MessagePrimitive, index$4 as ThreadPrimitive, VercelAIAssistantProvider, VercelRSCAssistantProvider as unstable_VercelRSCAssistantProvider, useMessageContext as unstable_useMessageContext, useBeginMessageEdit, useCopyMessage, useGoToNextBranch, useGoToPreviousBranch, useReloadMessage };