@assistant-ui/react 0.7.1 → 0.7.3

package/src/runtimes/external-store/ThreadMessageLike.tsx

@@ -14,6 +14,7 @@ import {
 } from "../../types";
 import {
   CoreToolCallContentPart,
+  ThreadStep,
   Unstable_AudioContentPart,
 } from "../../types/AssistantTypes";
 
@@ -33,7 +34,10 @@ export type ThreadMessageLike = {
   createdAt?: Date | undefined;
   status?: MessageStatus | undefined;
   attachments?: CompleteAttachment[] | undefined;
-  // TODO metadata
+  metadata?: {
+    steps?: ThreadStep[] | undefined;
+    custom?: Record<string, unknown> | undefined;
+  };
 };
 
 export const fromThreadMessageLike = (
@@ -41,7 +45,7 @@ export const fromThreadMessageLike = (
   fallbackId: string,
   fallbackStatus: MessageStatus,
 ): ThreadMessage => {
-  const { role, id, createdAt, attachments, status } = like;
+  const { role, id, createdAt, attachments, status, metadata } = like;
   const common = {
     id: id ?? fallbackId,
     createdAt: createdAt ?? new Date(),
@@ -53,10 +57,13 @@ export const fromThreadMessageLike = (
       : like.content;
 
   if (role !== "user" && attachments)
-    throw new Error("Attachments are only supported for user messages");
+    throw new Error("attachments are only supported for user messages");
 
   if (role !== "assistant" && status)
-    throw new Error("Status is only supported for assistant messages");
+    throw new Error("status is only supported for assistant messages");
+
+  if (role !== "assistant" && metadata?.steps)
+    throw new Error("metadata.steps is only supported for assistant messages");
 
   switch (role) {
     case "assistant":
@@ -90,6 +97,10 @@ export const fromThreadMessageLike = (
           })
           .filter((c) => !!c),
         status: status ?? fallbackStatus,
+        metadata: {
+          custom: metadata?.custom ?? {},
+          steps: metadata?.steps ?? [],
+        },
       } satisfies ThreadAssistantMessage;
 
     case "user":
@@ -112,6 +123,9 @@ export const fromThreadMessageLike = (
           }
         }),
         attachments: attachments ?? [],
+        metadata: {
+          custom: metadata?.custom ?? {},
+        },
       } satisfies ThreadUserMessage;
 
     case "system":
@@ -124,6 +138,9 @@ export const fromThreadMessageLike = (
         ...common,
         role,
         content: content as [TextContentPart],
+        metadata: {
+          custom: metadata?.custom ?? {},
+        },
       } satisfies ThreadSystemMessage;
 
     default: {

package/src/runtimes/local/ChatModelAdapter.tsx

@@ -14,11 +14,11 @@ export type ChatModelRunUpdate = {
 };
 
 export type ChatModelRunResult = {
-  content?: ThreadAssistantContentPart[];
-  status?: MessageStatus;
+  content?: ThreadAssistantContentPart[] | undefined;
+  status?: MessageStatus | undefined;
   metadata?: {
-    steps?: ThreadStep[];
-    custom?: Record<string, unknown>;
+    steps?: ThreadStep[] | undefined;
+    custom?: Record<string, unknown> | undefined;
   };
 };
 

package/src/runtimes/local/LocalThreadRuntimeCore.tsx

@@ -118,6 +118,7 @@ export class LocalThreadRuntimeCore
       role: "assistant",
       status: { type: "running" },
       content: [],
+      metadata: { steps: [], custom: {} },
       createdAt: new Date(),
     };
 

package/src/types/AssistantTypes.ts

@@ -4,45 +4,45 @@ import { CompleteAttachment } from "./AttachmentTypes";
 export type MessageRole = "user" | "assistant" | "system";
 
 export type TextContentPart = {
-  type: "text";
-  text: string;
+  readonly type: "text";
+  readonly text: string;
 };
 
 export type ImageContentPart = {
-  type: "image";
-  image: string;
+  readonly type: "image";
+  readonly image: string;
 };
 
 export type Unstable_AudioContentPart = {
-  type: "audio";
-  audio: {
-    data: string;
-    format: "mp3" | "wav";
+  readonly type: "audio";
+  readonly audio: {
+    readonly data: string;
+    readonly format: "mp3" | "wav";
   };
 };
 
 export type UIContentPart = {
-  type: "ui";
-  display: ReactNode;
+  readonly type: "ui";
+  readonly display: ReactNode;
 };
 
 export type CoreToolCallContentPart<
   TArgs extends Record<string, unknown> = Record<string | number, unknown>,
   TResult = unknown,
 > = {
-  type: "tool-call";
-  toolCallId: string;
-  toolName: string;
-  args: TArgs;
-  result?: TResult | undefined;
-  isError?: boolean | undefined;
+  readonly type: "tool-call";
+  readonly toolCallId: string;
+  readonly toolName: string;
+  readonly args: TArgs;
+  readonly result?: TResult | undefined;
+  readonly isError?: boolean | undefined;
 };
 
 export type ToolCallContentPart<
   TArgs extends Record<string, unknown> = Record<string | number, unknown>,
   TResult = unknown,
 > = CoreToolCallContentPart<TArgs, TResult> & {
-  argsText: string;
+  readonly argsText: string;
 };
 
 export type ThreadUserContentPart =
@@ -57,82 +57,92 @@ export type ThreadAssistantContentPart =
   | UIContentPart;
 
 type MessageCommonProps = {
-  id: string;
-  createdAt: Date;
+  readonly id: string;
+  readonly createdAt: Date;
 };
 
 export type ThreadStep = {
-  usage?:
+  readonly usage?:
     | {
-        promptTokens: number;
-        completionTokens: number;
+        readonly promptTokens: number;
+        readonly completionTokens: number;
       }
     | undefined;
 };
 
 export type ContentPartStatus =
   | {
-      type: "running";
+      readonly type: "running";
     }
   | {
-      type: "complete";
+      readonly type: "complete";
     }
   | {
-      type: "incomplete";
-      reason: "cancelled" | "length" | "content-filter" | "other" | "error";
-      error?: unknown;
+      readonly type: "incomplete";
+      readonly reason:
+        | "cancelled"
+        | "length"
+        | "content-filter"
+        | "other"
+        | "error";
+      readonly error?: unknown;
     };
 
 export type ToolCallContentPartStatus =
   | {
-      type: "requires-action";
-      reason: "tool-calls";
+      readonly type: "requires-action";
+      readonly reason: "tool-calls";
     }
   | ContentPartStatus;
 
 export type MessageStatus =
   | {
-      type: "running";
+      readonly type: "running";
     }
   | {
-      type: "requires-action";
-      reason: "tool-calls";
+      readonly type: "requires-action";
+      readonly reason: "tool-calls";
     }
   | {
-      type: "complete";
-      reason: "stop" | "unknown";
+      readonly type: "complete";
+      readonly reason: "stop" | "unknown";
     }
   | {
-      type: "incomplete";
-      reason:
+      readonly type: "incomplete";
+      readonly reason:
         | "cancelled"
         | "tool-calls"
         | "length"
         | "content-filter"
         | "other"
         | "error";
-      error?: unknown;
+      readonly error?: unknown;
     };
 
 export type ThreadSystemMessage = MessageCommonProps & {
-  role: "system";
-  content: [TextContentPart];
+  readonly role: "system";
+  readonly content: [TextContentPart];
+  readonly metadata: {
+    readonly custom: Record<string, unknown>;
+  };
 };
 
 export type ThreadUserMessage = MessageCommonProps & {
-  role: "user";
-  content: ThreadUserContentPart[];
-  attachments: readonly CompleteAttachment[];
-  // TODO metadata
+  readonly role: "user";
+  readonly content: ThreadUserContentPart[];
+  readonly attachments: readonly CompleteAttachment[];
+  readonly metadata: {
+    readonly custom: Record<string, unknown>;
+  };
 };
 
 export type ThreadAssistantMessage = MessageCommonProps & {
-  role: "assistant";
-  content: ThreadAssistantContentPart[];
-  status: MessageStatus;
-  metadata?: {
-    steps?: ThreadStep[] | undefined;
-    custom?: Record<string, unknown> | undefined;
+  readonly role: "assistant";
+  readonly content: ThreadAssistantContentPart[];
+  readonly status: MessageStatus;
+  readonly metadata: {
+    readonly steps: ThreadStep[];
+    readonly custom: Record<string, unknown>;
   };
 };
 
@@ -143,9 +153,12 @@ export type AppendMessage = CoreMessage & {
 };
 
 type BaseThreadMessage = {
-  status?: ThreadAssistantMessage["status"];
-  metadata?: ThreadAssistantMessage["metadata"];
-  attachments?: ThreadUserMessage["attachments"];
+  readonly status?: ThreadAssistantMessage["status"];
+  readonly metadata: {
+    readonly steps?: ThreadStep[];
+    readonly custom: Record<string, unknown>;
+  };
+  readonly attachments?: ThreadUserMessage["attachments"];
 };
 
 export type ThreadMessage = BaseThreadMessage &

package/src/ui/{attachment.tsx → attachment-ui.tsx}

@@ -126,7 +126,7 @@ const AttachmentThumb: FC = () => {
   );
 };
 
-const Attachment: FC = () => {
+const AttachmentUI: FC = () => {
   const canRemove = useAttachment((a) => a.source !== "message");
   const typeLabel = useAttachment((a) => {
     const type = a.type;
@@ -165,7 +165,7 @@ const Attachment: FC = () => {
   );
 };
 
-Attachment.displayName = "Attachment";
+AttachmentUI.displayName = "Attachment";
 
 namespace AttachmentRemove {
   export type Element = HTMLButtonElement;
@@ -204,5 +204,5 @@ const exports = {
   Remove: AttachmentRemove,
 };
 
-export default Object.assign(Attachment, exports) as typeof Attachment &
+export default Object.assign(AttachmentUI, exports) as typeof AttachmentUI &
   typeof exports;

package/src/ui/composer.tsx

@@ -12,7 +12,7 @@ import {
 import { CircleStopIcon } from "./base/CircleStopIcon";
 import { ComposerPrimitive, ThreadPrimitive } from "../primitives";
 import { useThread } from "../context/react/ThreadContext";
-import Attachment from "./attachment";
+import Attachment from "./attachment-ui";
 
 const useAllowAttachments = (ensureCapability = false) => {
   const { composer: { allowAttachments = true } = {} } = useThreadConfig();

package/src/ui/index.ts

@@ -22,7 +22,7 @@ export { default as Composer } from "./composer";
 
 export {
   default as AttachmentUI, // TODO name collision with Attachment
-} from "./attachment";
+} from "./attachment-ui";
 
 export { default as EditComposer } from "./edit-composer";
 

package/src/ui/user-message.tsx

@@ -7,7 +7,7 @@ import { withDefaults } from "./utils/withDefaults";
 import UserActionBar from "./user-action-bar";
 import ContentPart from "./content-part";
 import { MessagePrimitive } from "../primitives";
-import Attachment from "./attachment";
+import Attachment from "./attachment-ui";
 
 const UserMessage: FC = () => {
   return (

package/dist/ui/attachment.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../src/ui/attachment.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAiHpC,QAAA,MAAM,UAAU,EAAE,EAqCjB,CAAC;AAoCF,QAAA,MAAM,OAAO;;;;;;;CAGZ,CAAC;wBAEmD,OAAO,UAAU,GACpE,OAAO,OAAO;AADhB,wBACiB"}

package/dist/ui/attachment.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ui/attachment.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  PropsWithChildren,\n  useEffect,\n  useState,\n  type FC,\n} from \"react\";\nimport { CircleXIcon, FileIcon } from \"lucide-react\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { useThreadConfig } from \"./thread-config\";\nimport {\n  TooltipIconButton,\n  TooltipIconButtonProps,\n} from \"./base/tooltip-icon-button\";\nimport { AttachmentPrimitive } from \"../primitives\";\nimport { useAttachment } from \"../context/react/AttachmentContext\";\nimport {\n  AvatarImage,\n  AvatarRoot,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"./base\";\nimport { Dialog, DialogTrigger, DialogContent } from \"./base/dialog\";\nimport { AvatarFallback } from \"@radix-ui/react-avatar\";\nimport { useShallow } from \"zustand/shallow\";\nimport { DialogTitle } from \"@radix-ui/react-dialog\";\n\nconst AttachmentRoot = withDefaults(AttachmentPrimitive.Root, {\n  className: \"aui-attachment-root\",\n});\n\nAttachmentRoot.displayName = \"AttachmentRoot\";\n\nconst useFileSrc = (file: File | undefined) => {\n  const [src, setSrc] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (!file) {\n      setSrc(undefined);\n      return;\n    }\n\n    const objectUrl = URL.createObjectURL(file);\n    setSrc(objectUrl);\n\n    return () => {\n      URL.revokeObjectURL(objectUrl);\n    };\n  }, [file]);\n\n  return src;\n};\n\nconst useAttachmentSrc = () => {\n  const { file, src } = useAttachment(\n    useShallow((a): { file?: File; src?: string } => {\n      if (a.type !== \"image\") return {};\n      if (a.file) return { file: a.file };\n      const src = a.content?.filter((c) => c.type === \"image\")[0]?.image;\n      if (!src) return {};\n      return { src };\n    }),\n  );\n\n  return useFileSrc(file) ?? src;\n};\n\ntype AttachmentPreviewProps = {\n  src: string;\n};\n\nconst AttachmentPreview: FC<AttachmentPreviewProps> = ({ src }) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  return (\n    // eslint-disable-next-line @next/next/no-img-element\n    <img\n      src={src}\n      style={{\n        width: \"auto\",\n        height: \"auto\",\n        maxWidth: \"75dvh\",\n        maxHeight: \"75dvh\",\n        display: isLoaded ? \"block\" : \"none\",\n        overflow: \"clip\",\n      }}\n      onLoad={() => setIsLoaded(true)}\n      alt=\"Image Preview\"\n    />\n  );\n};\n\nconst AttachmentPreviewDialog: FC<PropsWithChildren> = ({ children }) => {\n  const src = useAttachmentSrc();\n\n  if (!src) return children;\n\n  return (\n    <Dialog>\n      <DialogTrigger className=\"aui-attachment-preview-trigger\" asChild>\n        {children}\n      </DialogTrigger>\n      <DialogContent>\n        <DialogTitle className=\"aui-sr-only\">\n          Image Attachment Preview\n        </DialogTitle>\n        <AttachmentPreview src={src} />\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst AttachmentThumb: FC = () => {\n  const isImage = useAttachment((a) => a.type === \"image\");\n  const src = useAttachmentSrc();\n  return (\n    <AvatarRoot className=\"aui-attachment-thumb\">\n      <AvatarFallback delayMs={isImage ? 200 : 0}>\n        <FileIcon />\n      </AvatarFallback>\n      <AvatarImage src={src}></AvatarImage>\n    </AvatarRoot>\n  );\n};\n\nconst Attachment: FC = () => {\n  const canRemove = useAttachment((a) => a.source !== \"message\");\n  const typeLabel = useAttachment((a) => {\n    const type = a.type;\n    switch (type) {\n      case \"image\":\n        return \"Image\";\n      case \"document\":\n        return \"Document\";\n      case \"file\":\n        return \"File\";\n      default:\n        const _exhaustiveCheck: never = type;\n        throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);\n    }\n  });\n  return (\n    <Tooltip>\n      <AttachmentPreviewDialog>\n        <TooltipTrigger asChild>\n          <AttachmentRoot>\n            <AttachmentThumb />\n            <div className=\"aui-attachment-text\">\n              <p className=\"aui-attachment-name\">\n                <AttachmentPrimitive.Name />\n              </p>\n              <p className=\"aui-attachment-type\">{typeLabel}</p>\n            </div>\n            {canRemove && <AttachmentRemove />}\n          </AttachmentRoot>\n        </TooltipTrigger>\n      </AttachmentPreviewDialog>\n      <TooltipContent side=\"top\">\n        <AttachmentPrimitive.Name />\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n\nAttachment.displayName = \"Attachment\";\n\nnamespace AttachmentRemove {\n  export type Element = HTMLButtonElement;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AttachmentRemove = forwardRef<\n  AttachmentRemove.Element,\n  AttachmentRemove.Props\n>((props, ref) => {\n  const {\n    strings: {\n      composer: { removeAttachment: { tooltip = \"Remove file\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n\n  return (\n    <AttachmentPrimitive.Remove asChild>\n      <TooltipIconButton\n        tooltip={tooltip}\n        className=\"aui-attachment-remove\"\n        side=\"top\"\n        {...props}\n        ref={ref}\n      >\n        {props.children ?? <CircleXIcon />}\n      </TooltipIconButton>\n    </AttachmentPrimitive.Remove>\n  );\n});\n\nAttachmentRemove.displayName = \"AttachmentRemove\";\n\nconst exports = {\n  Root: AttachmentRoot,\n  Remove: AttachmentRemove,\n};\n\nexport default Object.assign(Attachment, exports) as typeof Attachment &\n  typeof exports;\n"],"mappings":"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","names":["src","exports"]}

package/dist/ui/attachment.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ui/attachment.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  PropsWithChildren,\n  useEffect,\n  useState,\n  type FC,\n} from \"react\";\nimport { CircleXIcon, FileIcon } from \"lucide-react\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { useThreadConfig } from \"./thread-config\";\nimport {\n  TooltipIconButton,\n  TooltipIconButtonProps,\n} from \"./base/tooltip-icon-button\";\nimport { AttachmentPrimitive } from \"../primitives\";\nimport { useAttachment } from \"../context/react/AttachmentContext\";\nimport {\n  AvatarImage,\n  AvatarRoot,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"./base\";\nimport { Dialog, DialogTrigger, DialogContent } from \"./base/dialog\";\nimport { AvatarFallback } from \"@radix-ui/react-avatar\";\nimport { useShallow } from \"zustand/shallow\";\nimport { DialogTitle } from \"@radix-ui/react-dialog\";\n\nconst AttachmentRoot = withDefaults(AttachmentPrimitive.Root, {\n  className: \"aui-attachment-root\",\n});\n\nAttachmentRoot.displayName = \"AttachmentRoot\";\n\nconst useFileSrc = (file: File | undefined) => {\n  const [src, setSrc] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (!file) {\n      setSrc(undefined);\n      return;\n    }\n\n    const objectUrl = URL.createObjectURL(file);\n    setSrc(objectUrl);\n\n    return () => {\n      URL.revokeObjectURL(objectUrl);\n    };\n  }, [file]);\n\n  return src;\n};\n\nconst useAttachmentSrc = () => {\n  const { file, src } = useAttachment(\n    useShallow((a): { file?: File; src?: string } => {\n      if (a.type !== \"image\") return {};\n      if (a.file) return { file: a.file };\n      const src = a.content?.filter((c) => c.type === \"image\")[0]?.image;\n      if (!src) return {};\n      return { src };\n    }),\n  );\n\n  return useFileSrc(file) ?? src;\n};\n\ntype AttachmentPreviewProps = {\n  src: string;\n};\n\nconst AttachmentPreview: FC<AttachmentPreviewProps> = ({ src }) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  return (\n    // eslint-disable-next-line @next/next/no-img-element\n    <img\n      src={src}\n      style={{\n        width: \"auto\",\n        height: \"auto\",\n        maxWidth: \"75dvh\",\n        maxHeight: \"75dvh\",\n        display: isLoaded ? \"block\" : \"none\",\n        overflow: \"clip\",\n      }}\n      onLoad={() => setIsLoaded(true)}\n      alt=\"Image Preview\"\n    />\n  );\n};\n\nconst AttachmentPreviewDialog: FC<PropsWithChildren> = ({ children }) => {\n  const src = useAttachmentSrc();\n\n  if (!src) return children;\n\n  return (\n    <Dialog>\n      <DialogTrigger className=\"aui-attachment-preview-trigger\" asChild>\n        {children}\n      </DialogTrigger>\n      <DialogContent>\n        <DialogTitle className=\"aui-sr-only\">\n          Image Attachment Preview\n        </DialogTitle>\n        <AttachmentPreview src={src} />\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst AttachmentThumb: FC = () => {\n  const isImage = useAttachment((a) => a.type === \"image\");\n  const src = useAttachmentSrc();\n  return (\n    <AvatarRoot className=\"aui-attachment-thumb\">\n      <AvatarFallback delayMs={isImage ? 200 : 0}>\n        <FileIcon />\n      </AvatarFallback>\n      <AvatarImage src={src}></AvatarImage>\n    </AvatarRoot>\n  );\n};\n\nconst Attachment: FC = () => {\n  const canRemove = useAttachment((a) => a.source !== \"message\");\n  const typeLabel = useAttachment((a) => {\n    const type = a.type;\n    switch (type) {\n      case \"image\":\n        return \"Image\";\n      case \"document\":\n        return \"Document\";\n      case \"file\":\n        return \"File\";\n      default:\n        const _exhaustiveCheck: never = type;\n        throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);\n    }\n  });\n  return (\n    <Tooltip>\n      <AttachmentPreviewDialog>\n        <TooltipTrigger asChild>\n          <AttachmentRoot>\n            <AttachmentThumb />\n            <div className=\"aui-attachment-text\">\n              <p className=\"aui-attachment-name\">\n                <AttachmentPrimitive.Name />\n              </p>\n              <p className=\"aui-attachment-type\">{typeLabel}</p>\n            </div>\n            {canRemove && <AttachmentRemove />}\n          </AttachmentRoot>\n        </TooltipTrigger>\n      </AttachmentPreviewDialog>\n      <TooltipContent side=\"top\">\n        <AttachmentPrimitive.Name />\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n\nAttachment.displayName = \"Attachment\";\n\nnamespace AttachmentRemove {\n  export type Element = HTMLButtonElement;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AttachmentRemove = forwardRef<\n  AttachmentRemove.Element,\n  AttachmentRemove.Props\n>((props, ref) => {\n  const {\n    strings: {\n      composer: { removeAttachment: { tooltip = \"Remove file\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n\n  return (\n    <AttachmentPrimitive.Remove asChild>\n      <TooltipIconButton\n        tooltip={tooltip}\n        className=\"aui-attachment-remove\"\n        side=\"top\"\n        {...props}\n        ref={ref}\n      >\n        {props.children ?? <CircleXIcon />}\n      </TooltipIconButton>\n    </AttachmentPrimitive.Remove>\n  );\n});\n\nAttachmentRemove.displayName = \"AttachmentRemove\";\n\nconst exports = {\n  Root: AttachmentRoot,\n  Remove: AttachmentRemove,\n};\n\nexport default Object.assign(Attachment, exports) as typeof Attachment &\n  typeof exports;\n"],"mappings":"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","names":["src"]}