@assistant-ui/react 0.7.35 → 0.7.37

package/src/styles/tailwindcss/thread.css

@@ -93,7 +93,7 @@
 }
 
 .aui-attachment-name {
-  @apply text-aui-muted-foreground line-clamp-1 text-ellipsis text-xs font-bold;
+  @apply text-aui-muted-foreground line-clamp-1 text-ellipsis break-all text-xs font-bold;
 }
 
 .aui-attachment-type {

package/src/types/AssistantTypes.ts

@@ -13,6 +13,12 @@ export type ImageContentPart = {
   readonly image: string;
 };
 
+export type FileContentPart = {
+  readonly type: "file";
+  readonly data: string;
+  readonly mimeType: string;
+};
+
 export type Unstable_AudioContentPart = {
   readonly type: "audio";
   readonly audio: {
@@ -21,6 +27,43 @@ export type Unstable_AudioContentPart = {
   };
 };
 
+/**
+ * @deprecated UI content parts are deprecated and will be removed in v0.8.0.
+ * Migration guide for external-store users using UI content parts:
+ * If you must, store UI elements on your external store messages, update your
+ * external store converter:
+ * ```ts
+ * const UI_PLACEHOLDER = Object.freeze({ type: "text", text: "UI content placeholder" });
+ * const convertMessage = (message: TMessage): ThreadMessageLike => ({
+ *   content: [
+ *     // other content parts,
+ *     UI_PLACEHOLDER
+ *   ],
+ * });
+ * ```
+ *
+ * Then, define a custom `TextContentPartComponent`:
+ *
+ * ```tsx
+ * const MyText: FC = () => {
+ *   const isUIPlaceholder = useContentPart(p => p === UI_PLACEHOLDER);
+ *
+ *   // this assumes that you have a `display` field on your original message objects before conversion.
+ *   const ui = useMessage(m => isUIPlaceholder ? getExternalStoreMessage(m).display : undefined);
+ *   if (ui) {
+ *     return ui;
+ *   }
+ *
+ *   return <MarkdownText />; // your default text component
+ * }
+ * ```
+ *
+ *  Pass this component to your Thread:
+ *
+ * ```tsx
+ * <Thread assistantMessage={{ components: { Text: MyText } }} userMessage={{ components: { Text: MyText } }} />
+ * ```
+ */
 export type UIContentPart = {
   readonly type: "ui";
   readonly display: ReactNode;
@@ -48,6 +91,7 @@ export type ToolCallContentPart<
 export type ThreadUserContentPart =
   | TextContentPart
   | ImageContentPart
+  | FileContentPart
   | Unstable_AudioContentPart
   | UIContentPart;
 
@@ -154,10 +198,13 @@ export type RunConfig = {
 
 export type AppendMessage = CoreMessage & {
   parentId: string | null;
+
+  /** The ID of the message that was edited or undefined. */
+  sourceId: string | null;
+  runConfig: RunConfig | undefined;
+
   attachments: readonly CompleteAttachment[];
   startRun?: boolean | undefined;
-  /** TODO: make required in 0.8.0 */
-  runConfig?: RunConfig | undefined;
 };
 
 type BaseThreadMessage = {
@@ -178,6 +225,7 @@ export type ThreadMessage = BaseThreadMessage &
 export type CoreUserContentPart =
   | TextContentPart
   | ImageContentPart
+  | FileContentPart
   | Unstable_AudioContentPart;
 export type CoreAssistantContentPart =
   | TextContentPart

package/src/types/ContentPartComponentTypes.tsx

@@ -1,6 +1,7 @@
 import type { ComponentType } from "react";
 import type {
   ContentPartStatus,
+  FileContentPart,
   ImageContentPart,
   TextContentPart,
   ToolCallContentPart,
@@ -20,6 +21,9 @@ export type TextContentPartComponent = ComponentType<TextContentPartProps>;
 export type ImageContentPartProps = ContentPartState & ImageContentPart;
 export type ImageContentPartComponent = ComponentType<ImageContentPartProps>;
 
+export type FileContentPartProps = ContentPartState & FileContentPart;
+export type FileContentPartComponent = ComponentType<FileContentPartProps>;
+
 export type Unstable_AudioContentPartProps = ContentPartState &
   Unstable_AudioContentPart;
 export type Unstable_AudioContentPartComponent =

package/src/types/index.ts

@@ -9,6 +9,8 @@ export type {
   AppendMessage,
   TextContentPart,
   ImageContentPart,
+  FileContentPart,
+  Unstable_AudioContentPart,
   ToolCallContentPart,
   UIContentPart,
   MessageStatus,
@@ -28,9 +30,6 @@ export type {
   CoreUserMessage,
   CoreAssistantMessage,
   CoreMessage,
-
-  // TODO
-  Unstable_AudioContentPart,
 } from "./AssistantTypes";
 
 export type {
@@ -40,12 +39,14 @@ export type {
   TextContentPartComponent,
   ImageContentPartProps,
   ImageContentPartComponent,
+  FileContentPartProps,
+  FileContentPartComponent,
+  Unstable_AudioContentPartProps,
+  Unstable_AudioContentPartComponent,
   UIContentPartProps,
   UIContentPartComponent,
   ToolCallContentPartProps,
   ToolCallContentPartComponent,
-  Unstable_AudioContentPartProps,
-  Unstable_AudioContentPartComponent,
 } from "./ContentPartComponentTypes";
 
 export type {