@assistant-ui/react 0.7.34 → 0.7.36

package/dist/utils/smooth/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/smooth/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/smooth/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/utils/smooth/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -22,12 +23,11 @@ var smooth_exports = {};
 __export(smooth_exports, {
   useSmooth: () => import_useSmooth.useSmooth,
   useSmoothStatus: () => import_SmoothContext.useSmoothStatus,
-  withSmoothContextProvider: () => import_SmoothContext2.withSmoothContextProvider
+  withSmoothContextProvider: () => import_SmoothContext.withSmoothContextProvider
 });
 module.exports = __toCommonJS(smooth_exports);
 var import_useSmooth = require("./useSmooth.js");
 var import_SmoothContext = require("./SmoothContext.js");
-var import_SmoothContext2 = require("./SmoothContext.js");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useSmooth,

package/dist/utils/smooth/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/smooth/index.ts"],"sourcesContent":["export { useSmooth } from \"./useSmooth\";\nexport { useSmoothStatus } from \"./SmoothContext\";\nexport { withSmoothContextProvider } from \"./SmoothContext\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0B;AAC1B,2BAAgC;AAChC,IAAAA,wBAA0C;","names":["import_SmoothContext"]}
+{"version":3,"sources":["../../../src/utils/smooth/index.ts"],"sourcesContent":["\"use client\";\n// TODO createContextStoreHook does not work well with server-side nextjs bundler\n// use client necessary here for now\n\nexport { useSmooth } from \"./useSmooth\";\nexport { useSmoothStatus, withSmoothContextProvider } from \"./SmoothContext\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,uBAA0B;AAC1B,2BAA2D;","names":[]}

package/dist/utils/smooth/index.mjs

@@ -1,7 +1,8 @@
+"use client";
+
 // src/utils/smooth/index.ts
 import { useSmooth } from "./useSmooth.mjs";
-import { useSmoothStatus } from "./SmoothContext.mjs";
-import { withSmoothContextProvider } from "./SmoothContext.mjs";
+import { useSmoothStatus, withSmoothContextProvider } from "./SmoothContext.mjs";
 export {
   useSmooth,
   useSmoothStatus,

package/dist/utils/smooth/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/smooth/index.ts"],"sourcesContent":["export { useSmooth } from \"./useSmooth\";\nexport { useSmoothStatus } from \"./SmoothContext\";\nexport { withSmoothContextProvider } from \"./SmoothContext\";\n"],"mappings":";AAAA,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,iCAAiC;","names":[]}
+{"version":3,"sources":["../../../src/utils/smooth/index.ts"],"sourcesContent":["\"use client\";\n// TODO createContextStoreHook does not work well with server-side nextjs bundler\n// use client necessary here for now\n\nexport { useSmooth } from \"./useSmooth\";\nexport { useSmoothStatus, withSmoothContextProvider } from \"./SmoothContext\";\n"],"mappings":";;;AAIA,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB,iCAAiC;","names":[]}

package/package.json

@@ -29,7 +29,7 @@
     "conversational-ui",
     "conversational-ai"
   ],
-  "version": "0.7.34",
+  "version": "0.7.36",
   "license": "MIT",
   "exports": {
     ".": {
@@ -80,9 +80,9 @@
     "class-variance-authority": "^0.7.1",
     "classnames": "^2.5.1",
     "json-schema": "^0.4.0",
-    "lucide-react": "^0.469.0",
+    "lucide-react": "^0.471.0",
     "nanoid": "^5.0.9",
-    "react-textarea-autosize": "^8.5.6",
+    "react-textarea-autosize": "^8.5.7",
     "secure-json-parse": "^3.0.2",
     "zod": "^3.24.1",
     "zod-to-json-schema": "^3.24.1",

package/src/context/providers/AssistantRuntimeProvider.tsx

@@ -1,7 +1,13 @@
 "use client";
 
-import type { FC, PropsWithChildren } from "react";
-import { memo, useEffect, useMemo, useState } from "react";
+import {
+  FC,
+  PropsWithChildren,
+  memo,
+  useEffect,
+  useMemo,
+  useState,
+} from "react";
 import { AssistantContext } from "../react/AssistantContext";
 import { makeAssistantToolUIsStore } from "../stores/AssistantToolUIs";
 import { ThreadRuntimeProvider } from "./ThreadRuntimeProvider";

package/src/context/providers/TextContentPartProvider.tsx

@@ -1,7 +1,6 @@
 "use client";
 
-import type { FC, PropsWithChildren } from "react";
-import { useEffect, useState } from "react";
+import { FC, PropsWithChildren, useEffect, useState } from "react";
 import { create } from "zustand";
 import {
   ContentPartContext,

package/src/context/providers/ThreadRuntimeProvider.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import type { FC, PropsWithChildren } from "react";
 import { useEffect, useMemo, useState } from "react";
 import type { ThreadContextValue } from "../react/ThreadContext";

package/src/context/react/ComposerContext.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { useMemo } from "react";
 import { useMessageContext, useMessageRuntime } from "./MessageContext";
 import { useThreadContext, useThreadRuntime } from "./ThreadContext";

package/src/context/react/index.ts

@@ -1,3 +1,7 @@
+"use client";
+// TODO createContextStoreHook does not work well with server-side nextjs bundler
+// use client necessary here for now
+
 export {
   useAssistantRuntime,
   useThreadList,

package/src/context/react/utils/createContextHook.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { useContext, Context } from "react";
 
 /**

package/src/context/stores/AssistantToolUIs.ts

@@ -1,5 +1,3 @@
-"use client";
-
 import { create } from "zustand";
 import type { ToolCallContentPartComponent } from "../../types/ContentPartComponentTypes";
 import { Unsubscribe } from "../../types";

package/src/internal.ts

@@ -12,5 +12,7 @@ export {
   type ThreadRuntimeCoreBinding,
   type ThreadListItemRuntimeBinding,
 } from "./api/ThreadRuntime";
+export { fromThreadMessageLike } from "./runtimes/external-store/ThreadMessageLike";
+export { getAutoStatus } from "./runtimes/external-store/auto-status";
 
 export * from "./utils/smooth";

package/src/model-config/makeAssistantTool.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import { FC } from "react";
 import { type AssistantToolProps, useAssistantTool } from "./useAssistantTool";
 

package/src/model-config/makeAssistantToolUI.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import { FC } from "react";
 import {
   type AssistantToolUIProps,

package/src/model-config/useInlineRender.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, useCallback, useEffect, useState } from "react";
 import { ToolCallContentPartProps } from "../types";
 import { create } from "zustand";

package/src/primitive-hooks/actionBar/useActionBarCopy.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback } from "react";
 import {
   useMessage,
@@ -6,13 +8,15 @@ import {
 } from "../../context/react/MessageContext";
 import { useComposerRuntime } from "../../context";
 
-export type UseActionBarCopyProps = {
-  copiedDuration?: number | undefined;
-};
+export namespace useActionBarCopy {
+  export interface Options {
+    copiedDuration?: number | undefined;
+  }
+}
 
 export const useActionBarCopy = ({
   copiedDuration = 3000,
-}: UseActionBarCopyProps = {}) => {
+}: useActionBarCopy.Options = {}) => {
   const messageRuntime = useMessageRuntime();
   const composerRuntime = useComposerRuntime();
   const setIsCopied = useMessageUtils((s) => s.setIsCopied);

package/src/primitive-hooks/actionBar/useActionBarEdit.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback } from "react";
 import { useEditComposer, useMessageRuntime } from "../../context";
 

package/src/primitive-hooks/actionBar/useActionBarFeedbackNegative.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback } from "react";
 import { useMessageRuntime } from "../../context";
 

package/src/primitive-hooks/actionBar/useActionBarFeedbackPositive.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback } from "react";
 import { useMessageRuntime } from "../../context";
 

package/src/primitive-hooks/actionBar/useActionBarReload.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback } from "react";
 import { useMessageRuntime } from "../../context/react/MessageContext";
 import { useThreadRuntime } from "../../context/react/ThreadContext";

package/src/primitive-hooks/actionBar/useActionBarSpeak.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback } from "react";
 
 import { useMessage, useMessageRuntime } from "../../context";

package/src/primitive-hooks/actionBar/useActionBarStopSpeaking.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback } from "react";
 import {
   useMessage,

package/src/primitive-hooks/attachment/useAttachmentRemove.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback } from "react";
 import { useAttachmentRuntime } from "../../context/react/AttachmentContext";
 

package/src/primitive-hooks/branchPicker/useBranchPickerCount.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import { useMessage } from "../../context/react/MessageContext";
 
 export const useBranchPickerCount = () => {

package/src/primitive-hooks/branchPicker/useBranchPickerNext.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback } from "react";
 import {
   useMessage,

package/src/primitive-hooks/branchPicker/useBranchPickerPrevious.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback } from "react";
 import {
   useMessage,

package/src/primitive-hooks/composer/useComposerAddAttachment.tsx

@@ -1,13 +1,25 @@
+"use client";
+
 import { useCallback } from "react";
 import { useComposer, useComposerRuntime } from "../../context";
 
-export const useComposerAddAttachment = () => {
+export namespace useComposerAddAttachment {
+  export interface Options {
+    /** allow selecting multiple files */
+    multiple?: boolean | undefined;
+  }
+}
+
+export const useComposerAddAttachment = ({
+  multiple = true,
+}: useComposerAddAttachment.Options = {}) => {
   const disabled = useComposer((c) => !c.isEditing);
 
   const composerRuntime = useComposerRuntime();
   const callback = useCallback(() => {
     const input = document.createElement("input");
     input.type = "file";
+    input.multiple = multiple;
 
     const attachmentAccept = composerRuntime.getAttachmentAccept();
     if (attachmentAccept !== "*") {
@@ -15,9 +27,11 @@ export const useComposerAddAttachment = () => {
     }
 
     input.onchange = (e) => {
-      const file = (e.target as HTMLInputElement).files?.[0];
-      if (!file) return;
-      composerRuntime.addAttachment(file);
+      const fileList = (e.target as HTMLInputElement).files;
+      if (!fileList) return;
+      for (const file of fileList) {
+        composerRuntime.addAttachment(file);
+      }
     };
 
     input.click();

package/src/primitive-hooks/composer/useComposerCancel.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback } from "react";
 import { useComposer, useComposerRuntime } from "../../context";
 

package/src/primitive-hooks/composer/useComposerSend.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback } from "react";
 import { useCombinedStore } from "../../utils/combined/useCombinedStore";
 import { useThreadRuntime } from "../../context/react/ThreadContext";

package/src/primitive-hooks/contentPart/useContentPartDisplay.tsx

@@ -1,7 +1,12 @@
+"use client";
+
 import { ContentPartState } from "../../api/ContentPartRuntime";
 import { useContentPart } from "../../context/react/ContentPartContext";
 import { UIContentPart } from "../../types";
 
+/**
+ * @deprecated UI content parts are deprecated and will be removed in v0.8.0.
+ */
 export const useContentPartDisplay = () => {
   const display = useContentPart((c) => {
     if (c.type !== "ui")

package/src/primitive-hooks/contentPart/useContentPartImage.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { ContentPartState } from "../../api/ContentPartRuntime";
 import { useContentPart } from "../../context/react/ContentPartContext";
 import { ImageContentPart } from "../../types";

package/src/primitive-hooks/contentPart/useContentPartText.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { ContentPartState } from "../../api/ContentPartRuntime";
 import { useContentPart } from "../../context/react/ContentPartContext";
 import { TextContentPart } from "../../types";

package/src/primitive-hooks/message/useMessageIf.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import {
   useMessageRuntime,
   useMessageUtilsStore,

package/src/primitive-hooks/thread/useThreadEmpty.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useThreadIf } from "./useThreadIf";
 
 export const useThreadEmpty = () => {

package/src/primitive-hooks/thread/useThreadScrollToBottom.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback } from "react";
 import { useThreadViewport } from "../../context";
 import { useThreadViewportStore } from "../../context/react/ThreadContext";

package/src/primitive-hooks/thread/useThreadSuggestion.tsx

@@ -1,17 +1,21 @@
+"use client";
+
 import { useCallback } from "react";
 import { useThread } from "../../context";
 import { useThreadRuntime } from "../../context/react/ThreadContext";
 
-export type UseApplyThreadSuggestionProps = {
-  prompt: string;
-  method: "replace";
-  autoSend?: boolean | undefined;
-};
+export namespace useThreadSuggestion {
+  export interface Options {
+    prompt: string;
+    method: "replace";
+    autoSend?: boolean | undefined;
+  }
+}
 
 export const useThreadSuggestion = ({
   prompt,
   autoSend,
-}: UseApplyThreadSuggestionProps) => {
+}: useThreadSuggestion.Options) => {
   const threadRuntime = useThreadRuntime();
 
   const disabled = useThread((t) => t.isDisabled);

package/src/primitive-hooks/thread/useThreadViewportAutoScroll.tsx

@@ -1,6 +1,7 @@
 "use client";
+
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import { useEffect, useRef } from "react";
+import { RefCallback, useEffect, useRef } from "react";
 import {
   useThreadRuntime,
   useThreadViewportStore,
@@ -10,15 +11,17 @@ import { useOnScrollToBottom } from "../../utils/hooks/useOnScrollToBottom";
 import { useManagedRef } from "../../utils/hooks/useManagedRef";
 import { writableStore } from "../../context/ReadonlyStore";
 
-export type UseThreadViewportAutoScrollProps = {
-  autoScroll?: boolean | undefined;
-  unstable_scrollToBottomOnRunStart?: boolean | undefined;
-};
+export namespace useThreadViewportAutoScroll {
+  export type Options = {
+    autoScroll?: boolean | undefined;
+    unstable_scrollToBottomOnRunStart?: boolean | undefined;
+  };
+}
 
 export const useThreadViewportAutoScroll = <TElement extends HTMLElement>({
   autoScroll = true,
   unstable_scrollToBottomOnRunStart = true,
-}: UseThreadViewportAutoScrollProps): React.RefCallback<TElement> => {
+}: useThreadViewportAutoScroll.Options): RefCallback<TElement> => {
   const divRef = useRef<TElement>(null);
 
   const threadViewportStore = useThreadViewportStore();

package/src/primitives/actionBar/useActionBarFloatStatus.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import {
   useMessageRuntime,
   useMessageUtilsStore,

package/src/primitives/assistantModal/AssistantModalAnchor.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import { ComponentPropsWithoutRef, ElementRef, forwardRef } from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { ScopedProps, usePopoverScope } from "./scope";

package/src/primitives/assistantModal/AssistantModalTrigger.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { ComponentPropsWithoutRef, ElementRef, forwardRef } from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { ScopedProps, usePopoverScope } from "./scope";

package/src/primitives/branchPicker/BranchPickerRoot.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Primitive } from "@radix-ui/react-primitive";
 import { type ElementRef, forwardRef, ComponentPropsWithoutRef } from "react";
 import { If } from "../message";

package/src/primitives/composer/ComposerAddAttachment.tsx

@@ -15,4 +15,5 @@ export namespace ComposerPrimitiveAddAttachment {
 export const ComposerPrimitiveAddAttachment = createActionButton(
   "ComposerPrimitive.AddAttachment",
   useComposerAddAttachment,
+  ["multiple"],
 );

package/src/primitives/contentPart/ContentPartDisplay.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import type { FC } from "react";
 import { useContentPartDisplay } from "../../primitive-hooks/contentPart/useContentPartDisplay";
 

package/src/primitives/contentPart/ContentPartImage.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Primitive } from "@radix-ui/react-primitive";
 import { type ElementRef, forwardRef, ComponentPropsWithoutRef } from "react";
 import { useContentPartImage } from "../../primitive-hooks/contentPart/useContentPartImage";

package/src/primitives/contentPart/ContentPartInProgress.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, PropsWithChildren } from "react";
 import { useContentPart } from "../../context";
 

package/src/primitives/message/MessageContent.tsx

@@ -22,6 +22,7 @@ import type {
   ToolCallContentPartComponent,
   ToolCallContentPartProps,
   UIContentPartComponent,
+  FileContentPartComponent,
 } from "../../types/ContentPartComponentTypes";
 import { ContentPartPrimitiveInProgress } from "../contentPart/ContentPartInProgress";
 import { EMPTY_CONTENT_SYMBOL } from "../../api/MessageRuntime";
@@ -33,6 +34,7 @@ export namespace MessagePrimitiveContent {
           Empty?: EmptyContentPartComponent | undefined;
           Text?: TextContentPartComponent | undefined;
           Image?: ImageContentPartComponent | undefined;
+          File?: FileContentPartComponent | undefined;
           Unstable_Audio?: Unstable_AudioContentPartComponent | undefined;
           UI?: UIContentPartComponent | undefined;
           tools?:
@@ -72,6 +74,7 @@ const defaultComponents = {
     </p>
   ),
   Image: () => <ContentPartPrimitiveImage />,
+  File: () => null,
   Unstable_Audio: () => null,
   UI: () => <ContentPartPrimitiveDisplay />,
 } satisfies MessagePrimitiveContent.Props["components"];
@@ -85,8 +88,9 @@ const MessageContentPartComponent: FC<MessageContentPartComponentProps> = ({
     Text = defaultComponents.Text,
     Empty,
     Image = defaultComponents.Image,
-    UI = defaultComponents.UI,
+    File = defaultComponents.File,
     Unstable_Audio: Audio = defaultComponents.Unstable_Audio,
+    UI = defaultComponents.UI,
     tools = {},
   } = {},
 }) => {
@@ -118,6 +122,9 @@ const MessageContentPartComponent: FC<MessageContentPartComponentProps> = ({
       // eslint-disable-next-line jsx-a11y/alt-text
       return <Image {...part} />;
 
+    case "file":
+      return <File {...part} />;
+
     case "audio":
       return <Audio {...part} />;
 
@@ -158,6 +165,7 @@ const MessageContentPart = memo(
     prev.partIndex === next.partIndex &&
     prev.components?.Text === next.components?.Text &&
     prev.components?.Image === next.components?.Image &&
+    prev.components?.File === next.components?.File &&
     prev.components?.Unstable_Audio === next.components?.Unstable_Audio &&
     prev.components?.UI === next.components?.UI &&
     prev.components?.tools === next.components?.tools,

package/src/primitives/thread/ThreadRoot.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Primitive } from "@radix-ui/react-primitive";
 import { type ElementRef, forwardRef, ComponentPropsWithoutRef } from "react";
 

package/src/primitives/thread/ThreadViewport.tsx

@@ -3,15 +3,12 @@
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import { Primitive } from "@radix-ui/react-primitive";
 import { type ElementRef, forwardRef, ComponentPropsWithoutRef } from "react";
-import {
-  UseThreadViewportAutoScrollProps,
-  useThreadViewportAutoScroll,
-} from "../../primitive-hooks/thread/useThreadViewportAutoScroll";
+import { useThreadViewportAutoScroll } from "../../primitive-hooks/thread/useThreadViewportAutoScroll";
 
 export namespace ThreadPrimitiveViewport {
   export type Element = ElementRef<typeof Primitive.div>;
   export type Props = ComponentPropsWithoutRef<typeof Primitive.div> &
-    UseThreadViewportAutoScrollProps;
+    useThreadViewportAutoScroll.Options;
 }
 
 export const ThreadPrimitiveViewport = forwardRef<

package/src/primitives/threadListItem/ThreadListItemTitle.tsx

@@ -1,11 +1,11 @@
 "use client";
 
-import type { FC } from "react";
+import type { FC, ReactNode } from "react";
 import { useThreadListItem } from "../../context/react/ThreadListItemContext";
 
 export namespace ThreadListItemPrimitiveTitle {
   export type Props = {
-    fallback?: React.ReactNode;
+    fallback?: ReactNode;
   };
 }
 

package/src/runtimes/composer/BaseComposerRuntimeCore.tsx

@@ -159,6 +159,7 @@ export abstract class BaseComposerRuntimeCore
     const attachment = await adapter.add({ file });
 
     this._attachments = [...this._attachments, attachment as PendingAttachment];
+    this._notifyEventSubscribers("attachment_add");
     this._notifySubscribers();
   }
 

package/src/runtimes/core/ComposerRuntimeCore.tsx

@@ -1,7 +1,7 @@
 import type { Attachment, PendingAttachment, Unsubscribe } from "../../types";
 import { MessageRole, RunConfig } from "../../types/AssistantTypes";
 
-export type ComposerRuntimeEventType = "send";
+export type ComposerRuntimeEventType = "send" | "attachment_add";
 
 export type ComposerRuntimeCore = Readonly<{
   isEditing: boolean;

package/src/runtimes/dangerous-in-browser/useDangerousInBrowserRuntime.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { LocalRuntimeOptions, useLocalRuntime } from "..";
 import { useState } from "react";
 import {

package/src/runtimes/edge/EdgeRuntimeRequestOptions.ts

@@ -24,6 +24,12 @@ const ImageContentPartSchema = z.object({
   image: z.string(),
 });
 
+const FileContentPartSchema = z.object({
+  type: z.literal("file"),
+  data: z.string(),
+  mimeType: z.string(),
+});
+
 const Unstable_AudioContentPart = z.object({
   type: z.literal("audio"),
   audio: z.object({
@@ -49,6 +55,7 @@ const CoreUserMessageSchema = z.object({
       z.discriminatedUnion("type", [
         TextContentPartSchema,
         ImageContentPartSchema,
+        FileContentPartSchema,
         Unstable_AudioContentPart,
       ]),
     )