@assistant-ui/react 0.0.12 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.mts +48 -30
  2. package/dist/index.d.ts +48 -30
  3. package/dist/index.js +311 -228
  4. package/dist/index.mjs +293 -208
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -2,6 +2,7 @@ import * as react from 'react';
2
2
  import { FC, ReactNode, PropsWithChildren, ComponentType } from 'react';
3
3
  import { TextareaAutosizeProps } from 'react-textarea-autosize';
4
4
  import { UseChatHelpers, UseAssistantHelpers } from 'ai/react';
5
+ import * as react_jsx_runtime from 'react/jsx-runtime';
5
6
  import { UseBoundStore, StoreApi } from 'zustand';
6
7
 
7
8
  declare const ThreadRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -55,8 +56,18 @@ declare const ThreadScrollToBottom: react.ForwardRefExoticComponent<Pick<Omit<re
55
56
  asChild?: boolean;
56
57
  }, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & react.RefAttributes<HTMLButtonElement>>;
57
58
 
59
+ declare const ThreadSuggestion: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
60
+ ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
61
+ } & {
62
+ asChild?: boolean;
63
+ }, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & {
64
+ prompt: string;
65
+ method: "replace";
66
+ autoSend?: boolean;
67
+ } & react.RefAttributes<HTMLButtonElement>>;
68
+
58
69
  declare namespace index$4 {
59
- export { ThreadEmpty as Empty, ThreadIf as If, ThreadMessages as Messages, ThreadRoot as Root, ThreadScrollToBottom as ScrollToBottom, ThreadViewport as Viewport };
70
+ export { ThreadEmpty as Empty, ThreadIf as If, ThreadMessages as Messages, ThreadRoot as Root, ThreadScrollToBottom as ScrollToBottom, ThreadSuggestion as Suggestion, ThreadViewport as Viewport };
60
71
  }
61
72
 
62
73
  declare const ComposerRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & {
@@ -102,50 +113,49 @@ type MessageComposerState = BaseComposerState & {
102
113
  cancel: () => boolean;
103
114
  };
104
115
 
105
- type ThreadMessageTextPart = {
116
+ type TextContentPart = {
106
117
  type: "text";
107
118
  text: string;
108
119
  };
109
- type ThreadMessageImagePart = {
120
+ type ImageContentPart = {
110
121
  type: "image";
111
122
  image: string;
112
123
  };
113
- type ThreadMessageUIPart = {
124
+ type UIContentPart = {
114
125
  type: "ui";
115
126
  display: ReactNode;
116
127
  };
117
- type ThreadMessageToolCallPart = {
128
+ type ToolCallContentPart = {
118
129
  type: "tool-call";
119
130
  name: string;
120
131
  args: object;
121
132
  result?: object;
122
133
  };
123
- type CreateThreadUserMessageContent = ThreadMessageTextPart | ThreadMessageImagePart;
124
- type ThreadUserMessageContent = ThreadMessageTextPart | ThreadMessageImagePart | ThreadMessageUIPart;
125
- type ThreadAssistantMessageContent = ThreadMessageTextPart | ThreadMessageImagePart | ThreadMessageUIPart | ThreadMessageToolCallPart;
126
- type ThreadMessageBase = {
134
+ type UserContentPart = TextContentPart | ImageContentPart | UIContentPart;
135
+ type AssistantContentPart = TextContentPart | ImageContentPart | UIContentPart | ToolCallContentPart;
136
+ type AppendContentPart = TextContentPart | ImageContentPart;
137
+ type BaseMessage = {
127
138
  id: string;
128
- parentId: string | null;
129
139
  createdAt: Date;
130
140
  };
131
- type ThreadUserMessage = ThreadMessageBase & {
141
+ type UserMessage = BaseMessage & {
132
142
  role: "user";
133
- content: ThreadUserMessageContent[];
143
+ content: UserContentPart[];
134
144
  };
135
- type ThreadAssistantMessage = ThreadMessageBase & {
145
+ type AssistantMessage = BaseMessage & {
136
146
  role: "assistant";
137
- content: ThreadAssistantMessageContent[];
147
+ content: AssistantContentPart[];
138
148
  };
139
- type CreateThreadMessage = {
149
+ type AppendMessage = {
140
150
  parentId: string | null;
141
- content: CreateThreadUserMessageContent[];
151
+ content: AppendContentPart[];
142
152
  };
143
- type ThreadMessage = ThreadUserMessage | ThreadAssistantMessage;
153
+ type ThreadMessage = UserMessage | AssistantMessage;
144
154
 
145
- type MessageProviderProps = {
146
- children?: ReactNode;
155
+ type MessageProviderProps = PropsWithChildren<{
147
156
  message: ThreadMessage;
148
- };
157
+ parentId: string | null;
158
+ }>;
149
159
  declare const MessageProvider: FC<MessageProviderProps>;
150
160
 
151
161
  declare const MessageRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -169,20 +179,20 @@ declare const MessageIf: FC<MessageIfProps>;
169
179
  type MessageContentProps = {
170
180
  components?: {
171
181
  Text?: ComponentType<{
172
- part: ThreadMessageTextPart;
182
+ part: TextContentPart;
173
183
  }>;
174
184
  Image?: ComponentType<{
175
- part: ThreadMessageImagePart;
185
+ part: ImageContentPart;
176
186
  }>;
177
187
  UI?: ComponentType<{
178
- part: ThreadMessageUIPart;
188
+ part: UIContentPart;
179
189
  }>;
180
190
  tools?: {
181
191
  by_name?: Record<string, ComponentType<{
182
- part: ThreadMessageToolCallPart;
192
+ part: ToolCallContentPart;
183
193
  }>>;
184
194
  Fallback?: ComponentType<{
185
- part: ThreadMessageToolCallPart;
195
+ part: ToolCallContentPart;
186
196
  }>;
187
197
  };
188
198
  };
@@ -269,14 +279,22 @@ type VercelRSCMessage = {
269
279
  display: ReactNode;
270
280
  createdAt?: Date;
271
281
  };
272
- type VercelRSCAssistantProviderProps = PropsWithChildren<{
273
- messages: VercelRSCMessage[];
274
- append: (message: CreateThreadMessage) => Promise<void>;
282
+ type VercelRSCAssistantProviderBaseProps<T> = PropsWithChildren<{
283
+ messages: T[];
284
+ append: (message: AppendMessage) => Promise<void>;
285
+ edit?: (message: AppendMessage) => Promise<void>;
286
+ reload?: (parentId: string | null) => Promise<void>;
287
+ convertMessage?: (message: T) => VercelRSCMessage;
275
288
  }>;
276
- declare const VercelRSCAssistantProvider: FC<VercelRSCAssistantProviderProps>;
289
+ type RSCMessageConverter<T> = {
290
+ convertMessage: (message: T) => VercelRSCMessage;
291
+ };
292
+ type VercelRSCAssistantProviderProps<T = VercelRSCMessage> = VercelRSCAssistantProviderBaseProps<T> & (T extends VercelRSCMessage ? object : RSCMessageConverter<T>);
293
+ declare const VercelRSCAssistantProvider: <T extends WeakKey = VercelRSCMessage>({ children, convertMessage, messages: vercelMessages, append: appendCallback, edit, reload, }: VercelRSCAssistantProviderProps<T>) => react_jsx_runtime.JSX.Element;
277
294
 
278
295
  type MessageState = {
279
296
  message: ThreadMessage;
297
+ parentId: string | null;
280
298
  branches: string[];
281
299
  isLast: boolean;
282
300
  isCopied: boolean;
@@ -303,4 +321,4 @@ declare const useGoToNextBranch: () => (() => void) | null;
303
321
 
304
322
  declare const useGoToPreviousBranch: () => (() => void) | null;
305
323
 
306
- export { index as ActionBarPrimitive, index$1 as BranchPickerPrimitive, index$3 as ComposerPrimitive, type CreateThreadMessage, type CreateThreadUserMessageContent, index$2 as MessagePrimitive, type VercelRSCMessage as RSCMessage, type ThreadMessageImagePart, type ThreadMessageTextPart, index$4 as ThreadPrimitive, VercelAIAssistantProvider, type VercelAIAssistantProviderProps, VercelRSCAssistantProvider, type VercelRSCAssistantProviderProps, useMessageContext as unstable_useMessageContext, useBeginMessageEdit, useCopyMessage, useGoToNextBranch, useGoToPreviousBranch, useReloadMessage };
324
+ export { index as ActionBarPrimitive, type AppendContentPart, type AppendMessage, index$1 as BranchPickerPrimitive, index$3 as ComposerPrimitive, type ImageContentPart, index$2 as MessagePrimitive, type VercelRSCMessage as RSCMessage, type TextContentPart, index$4 as ThreadPrimitive, VercelAIAssistantProvider, type VercelAIAssistantProviderProps, VercelRSCAssistantProvider, type VercelRSCAssistantProviderProps, useMessageContext as unstable_useMessageContext, useBeginMessageEdit, useCopyMessage, useGoToNextBranch, useGoToPreviousBranch, useReloadMessage };
package/dist/index.d.ts CHANGED
@@ -2,6 +2,7 @@ import * as react from 'react';
2
2
  import { FC, ReactNode, PropsWithChildren, ComponentType } from 'react';
3
3
  import { TextareaAutosizeProps } from 'react-textarea-autosize';
4
4
  import { UseChatHelpers, UseAssistantHelpers } from 'ai/react';
5
+ import * as react_jsx_runtime from 'react/jsx-runtime';
5
6
  import { UseBoundStore, StoreApi } from 'zustand';
6
7
 
7
8
  declare const ThreadRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -55,8 +56,18 @@ declare const ThreadScrollToBottom: react.ForwardRefExoticComponent<Pick<Omit<re
55
56
  asChild?: boolean;
56
57
  }, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & react.RefAttributes<HTMLButtonElement>>;
57
58
 
59
+ declare const ThreadSuggestion: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
60
+ ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
61
+ } & {
62
+ asChild?: boolean;
63
+ }, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & {
64
+ prompt: string;
65
+ method: "replace";
66
+ autoSend?: boolean;
67
+ } & react.RefAttributes<HTMLButtonElement>>;
68
+
58
69
  declare namespace index$4 {
59
- export { ThreadEmpty as Empty, ThreadIf as If, ThreadMessages as Messages, ThreadRoot as Root, ThreadScrollToBottom as ScrollToBottom, ThreadViewport as Viewport };
70
+ export { ThreadEmpty as Empty, ThreadIf as If, ThreadMessages as Messages, ThreadRoot as Root, ThreadScrollToBottom as ScrollToBottom, ThreadSuggestion as Suggestion, ThreadViewport as Viewport };
60
71
  }
61
72
 
62
73
  declare const ComposerRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & {
@@ -102,50 +113,49 @@ type MessageComposerState = BaseComposerState & {
102
113
  cancel: () => boolean;
103
114
  };
104
115
 
105
- type ThreadMessageTextPart = {
116
+ type TextContentPart = {
106
117
  type: "text";
107
118
  text: string;
108
119
  };
109
- type ThreadMessageImagePart = {
120
+ type ImageContentPart = {
110
121
  type: "image";
111
122
  image: string;
112
123
  };
113
- type ThreadMessageUIPart = {
124
+ type UIContentPart = {
114
125
  type: "ui";
115
126
  display: ReactNode;
116
127
  };
117
- type ThreadMessageToolCallPart = {
128
+ type ToolCallContentPart = {
118
129
  type: "tool-call";
119
130
  name: string;
120
131
  args: object;
121
132
  result?: object;
122
133
  };
123
- type CreateThreadUserMessageContent = ThreadMessageTextPart | ThreadMessageImagePart;
124
- type ThreadUserMessageContent = ThreadMessageTextPart | ThreadMessageImagePart | ThreadMessageUIPart;
125
- type ThreadAssistantMessageContent = ThreadMessageTextPart | ThreadMessageImagePart | ThreadMessageUIPart | ThreadMessageToolCallPart;
126
- type ThreadMessageBase = {
134
+ type UserContentPart = TextContentPart | ImageContentPart | UIContentPart;
135
+ type AssistantContentPart = TextContentPart | ImageContentPart | UIContentPart | ToolCallContentPart;
136
+ type AppendContentPart = TextContentPart | ImageContentPart;
137
+ type BaseMessage = {
127
138
  id: string;
128
- parentId: string | null;
129
139
  createdAt: Date;
130
140
  };
131
- type ThreadUserMessage = ThreadMessageBase & {
141
+ type UserMessage = BaseMessage & {
132
142
  role: "user";
133
- content: ThreadUserMessageContent[];
143
+ content: UserContentPart[];
134
144
  };
135
- type ThreadAssistantMessage = ThreadMessageBase & {
145
+ type AssistantMessage = BaseMessage & {
136
146
  role: "assistant";
137
- content: ThreadAssistantMessageContent[];
147
+ content: AssistantContentPart[];
138
148
  };
139
- type CreateThreadMessage = {
149
+ type AppendMessage = {
140
150
  parentId: string | null;
141
- content: CreateThreadUserMessageContent[];
151
+ content: AppendContentPart[];
142
152
  };
143
- type ThreadMessage = ThreadUserMessage | ThreadAssistantMessage;
153
+ type ThreadMessage = UserMessage | AssistantMessage;
144
154
 
145
- type MessageProviderProps = {
146
- children?: ReactNode;
155
+ type MessageProviderProps = PropsWithChildren<{
147
156
  message: ThreadMessage;
148
- };
157
+ parentId: string | null;
158
+ }>;
149
159
  declare const MessageProvider: FC<MessageProviderProps>;
150
160
 
151
161
  declare const MessageRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -169,20 +179,20 @@ declare const MessageIf: FC<MessageIfProps>;
169
179
  type MessageContentProps = {
170
180
  components?: {
171
181
  Text?: ComponentType<{
172
- part: ThreadMessageTextPart;
182
+ part: TextContentPart;
173
183
  }>;
174
184
  Image?: ComponentType<{
175
- part: ThreadMessageImagePart;
185
+ part: ImageContentPart;
176
186
  }>;
177
187
  UI?: ComponentType<{
178
- part: ThreadMessageUIPart;
188
+ part: UIContentPart;
179
189
  }>;
180
190
  tools?: {
181
191
  by_name?: Record<string, ComponentType<{
182
- part: ThreadMessageToolCallPart;
192
+ part: ToolCallContentPart;
183
193
  }>>;
184
194
  Fallback?: ComponentType<{
185
- part: ThreadMessageToolCallPart;
195
+ part: ToolCallContentPart;
186
196
  }>;
187
197
  };
188
198
  };
@@ -269,14 +279,22 @@ type VercelRSCMessage = {
269
279
  display: ReactNode;
270
280
  createdAt?: Date;
271
281
  };
272
- type VercelRSCAssistantProviderProps = PropsWithChildren<{
273
- messages: VercelRSCMessage[];
274
- append: (message: CreateThreadMessage) => Promise<void>;
282
+ type VercelRSCAssistantProviderBaseProps<T> = PropsWithChildren<{
283
+ messages: T[];
284
+ append: (message: AppendMessage) => Promise<void>;
285
+ edit?: (message: AppendMessage) => Promise<void>;
286
+ reload?: (parentId: string | null) => Promise<void>;
287
+ convertMessage?: (message: T) => VercelRSCMessage;
275
288
  }>;
276
- declare const VercelRSCAssistantProvider: FC<VercelRSCAssistantProviderProps>;
289
+ type RSCMessageConverter<T> = {
290
+ convertMessage: (message: T) => VercelRSCMessage;
291
+ };
292
+ type VercelRSCAssistantProviderProps<T = VercelRSCMessage> = VercelRSCAssistantProviderBaseProps<T> & (T extends VercelRSCMessage ? object : RSCMessageConverter<T>);
293
+ declare const VercelRSCAssistantProvider: <T extends WeakKey = VercelRSCMessage>({ children, convertMessage, messages: vercelMessages, append: appendCallback, edit, reload, }: VercelRSCAssistantProviderProps<T>) => react_jsx_runtime.JSX.Element;
277
294
 
278
295
  type MessageState = {
279
296
  message: ThreadMessage;
297
+ parentId: string | null;
280
298
  branches: string[];
281
299
  isLast: boolean;
282
300
  isCopied: boolean;
@@ -303,4 +321,4 @@ declare const useGoToNextBranch: () => (() => void) | null;
303
321
 
304
322
  declare const useGoToPreviousBranch: () => (() => void) | null;
305
323
 
306
- export { index as ActionBarPrimitive, index$1 as BranchPickerPrimitive, index$3 as ComposerPrimitive, type CreateThreadMessage, type CreateThreadUserMessageContent, index$2 as MessagePrimitive, type VercelRSCMessage as RSCMessage, type ThreadMessageImagePart, type ThreadMessageTextPart, index$4 as ThreadPrimitive, VercelAIAssistantProvider, type VercelAIAssistantProviderProps, VercelRSCAssistantProvider, type VercelRSCAssistantProviderProps, useMessageContext as unstable_useMessageContext, useBeginMessageEdit, useCopyMessage, useGoToNextBranch, useGoToPreviousBranch, useReloadMessage };
324
+ export { index as ActionBarPrimitive, type AppendContentPart, type AppendMessage, index$1 as BranchPickerPrimitive, index$3 as ComposerPrimitive, type ImageContentPart, index$2 as MessagePrimitive, type VercelRSCMessage as RSCMessage, type TextContentPart, index$4 as ThreadPrimitive, VercelAIAssistantProvider, type VercelAIAssistantProviderProps, VercelRSCAssistantProvider, type VercelRSCAssistantProviderProps, useMessageContext as unstable_useMessageContext, useBeginMessageEdit, useCopyMessage, useGoToNextBranch, useGoToPreviousBranch, useReloadMessage };