@assistant-ui/react 0.7.69 → 0.7.71

package/dist/types/ContentPartComponentTypes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/ContentPartComponentTypes.tsx"],"sourcesContent":["import type { ComponentType } from \"react\";\nimport type {\n  ContentPartStatus,\n  FileContentPart,\n  ImageContentPart,\n  TextContentPart,\n  ToolCallContentPart,\n  UIContentPart,\n  Unstable_AudioContentPart,\n} from \"./AssistantTypes\";\nimport { ContentPartState } from \"../api/ContentPartRuntime\";\nimport { ReadonlyJSONObject } from \"../utils/json/json-value\";\n\nexport type EmptyContentPartProps = {\n  status: ContentPartStatus;\n};\nexport type EmptyContentPartComponent = ComponentType<EmptyContentPartProps>;\n\nexport type TextContentPartProps = ContentPartState & TextContentPart;\nexport type TextContentPartComponent = ComponentType<TextContentPartProps>;\n\nexport type ImageContentPartProps = ContentPartState & ImageContentPart;\nexport type ImageContentPartComponent = ComponentType<ImageContentPartProps>;\n\nexport type FileContentPartProps = ContentPartState & FileContentPart;\nexport type FileContentPartComponent = ComponentType<FileContentPartProps>;\n\nexport type Unstable_AudioContentPartProps = ContentPartState &\n  Unstable_AudioContentPart;\nexport type Unstable_AudioContentPartComponent =\n  ComponentType<Unstable_AudioContentPartProps>;\n\nexport type UIContentPartProps = ContentPartState & UIContentPart;\nexport type UIContentPartComponent = ComponentType<UIContentPartProps>;\n\nexport type ToolCallContentPartProps<\n  TArgs extends ReadonlyJSONObject = any,\n  TResult = unknown,\n> = ContentPartState &\n  ToolCallContentPart<TArgs, TResult> & {\n    addResult: (result: any) => void;\n  };\n\nexport type ToolCallContentPartComponent<\n  TArgs extends ReadonlyJSONObject = any,\n  TResult = any,\n> = ComponentType<ToolCallContentPartProps<TArgs, TResult>>;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../src/types/ContentPartComponentTypes.tsx"],"sourcesContent":["import type { ComponentType } from \"react\";\nimport type {\n  ContentPartStatus,\n  FileContentPart,\n  ImageContentPart,\n  ReasoningContentPart,\n  TextContentPart,\n  ToolCallContentPart,\n  UIContentPart,\n  Unstable_AudioContentPart,\n} from \"./AssistantTypes\";\nimport { ContentPartState } from \"../api/ContentPartRuntime\";\nimport { ReadonlyJSONObject } from \"../utils/json/json-value\";\n\nexport type EmptyContentPartProps = {\n  status: ContentPartStatus;\n};\nexport type EmptyContentPartComponent = ComponentType<EmptyContentPartProps>;\n\nexport type TextContentPartProps = ContentPartState & TextContentPart;\nexport type TextContentPartComponent = ComponentType<TextContentPartProps>;\n\nexport type ReasoningContentPartProps = ContentPartState & ReasoningContentPart;\nexport type ReasoningContentPartComponent = ComponentType<ReasoningContentPartProps>;\n\nexport type ImageContentPartProps = ContentPartState & ImageContentPart;\nexport type ImageContentPartComponent = ComponentType<ImageContentPartProps>;\n\nexport type FileContentPartProps = ContentPartState & FileContentPart;\nexport type FileContentPartComponent = ComponentType<FileContentPartProps>;\n\nexport type Unstable_AudioContentPartProps = ContentPartState &\n  Unstable_AudioContentPart;\nexport type Unstable_AudioContentPartComponent =\n  ComponentType<Unstable_AudioContentPartProps>;\n\nexport type UIContentPartProps = ContentPartState & UIContentPart;\nexport type UIContentPartComponent = ComponentType<UIContentPartProps>;\n\nexport type ToolCallContentPartProps<\n  TArgs extends ReadonlyJSONObject = any,\n  TResult = unknown,\n> = ContentPartState &\n  ToolCallContentPart<TArgs, TResult> & {\n    addResult: (result: any) => void;\n  };\n\nexport type ToolCallContentPartComponent<\n  TArgs extends ReadonlyJSONObject = any,\n  TResult = any,\n> = ComponentType<ToolCallContentPartProps<TArgs, TResult>>;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export type { Attachment, PendingAttachment, CompleteAttachment, AttachmentStatus, } from "./AttachmentTypes";
-export type { AppendMessage, TextContentPart, ImageContentPart, FileContentPart, Unstable_AudioContentPart, ToolCallContentPart, UIContentPart, MessageStatus, ThreadUserContentPart, ThreadAssistantContentPart, ThreadSystemMessage, ThreadAssistantMessage, ThreadUserMessage, ThreadMessage, CoreUserContentPart, CoreAssistantContentPart, CoreSystemMessage, CoreUserMessage, CoreAssistantMessage, CoreMessage, } from "./AssistantTypes";
-export type { EmptyContentPartProps, EmptyContentPartComponent, TextContentPartProps, TextContentPartComponent, ImageContentPartProps, ImageContentPartComponent, FileContentPartProps, FileContentPartComponent, Unstable_AudioContentPartProps, Unstable_AudioContentPartComponent, UIContentPartProps, UIContentPartComponent, ToolCallContentPartProps, ToolCallContentPartComponent, } from "./ContentPartComponentTypes";
+export type { AppendMessage, TextContentPart, ReasoningContentPart, ImageContentPart, FileContentPart, Unstable_AudioContentPart, ToolCallContentPart, UIContentPart, MessageStatus, ThreadUserContentPart, ThreadAssistantContentPart, ThreadSystemMessage, ThreadAssistantMessage, ThreadUserMessage, ThreadMessage, CoreUserContentPart, CoreAssistantContentPart, CoreSystemMessage, CoreUserMessage, CoreAssistantMessage, CoreMessage, } from "./AssistantTypes";
+export type { EmptyContentPartProps, EmptyContentPartComponent, TextContentPartProps, TextContentPartComponent, ReasoningContentPartProps, ReasoningContentPartComponent, ImageContentPartProps, ImageContentPartComponent, FileContentPartProps, FileContentPartComponent, Unstable_AudioContentPartProps, Unstable_AudioContentPartComponent, UIContentPartProps, UIContentPartComponent, ToolCallContentPartProps, ToolCallContentPartComponent, } from "./ContentPartComponentTypes";
 export type { Unsubscribe } from "./Unsubscribe";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EACV,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,yBAAyB,EACzB,mBAAmB,EACnB,aAAa,EACb,aAAa,EAGb,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EAGb,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EACV,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,wBAAwB,EACxB,8BAA8B,EAC9B,kCAAkC,EAClC,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,6BAA6B,CAAC;AAErC,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EACV,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,yBAAyB,EACzB,mBAAmB,EACnB,aAAa,EACb,aAAa,EAGb,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EAGb,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EACV,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,wBAAwB,EACxB,yBAAyB,EACzB,6BAA6B,EAC7B,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,wBAAwB,EACxB,8BAA8B,EAC9B,kCAAkC,EAClC,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,6BAA6B,CAAC;AAErC,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export type {\n  Attachment,\n  PendingAttachment,\n  CompleteAttachment,\n  AttachmentStatus,\n} from \"./AttachmentTypes\";\n\nexport type {\n  AppendMessage,\n  TextContentPart,\n  ImageContentPart,\n  FileContentPart,\n  Unstable_AudioContentPart,\n  ToolCallContentPart,\n  UIContentPart,\n  MessageStatus,\n\n  // thread message types\n  ThreadUserContentPart,\n  ThreadAssistantContentPart,\n  ThreadSystemMessage,\n  ThreadAssistantMessage,\n  ThreadUserMessage,\n  ThreadMessage,\n\n  // core message types\n  CoreUserContentPart,\n  CoreAssistantContentPart,\n  CoreSystemMessage,\n  CoreUserMessage,\n  CoreAssistantMessage,\n  CoreMessage,\n} from \"./AssistantTypes\";\n\nexport type {\n  EmptyContentPartProps,\n  EmptyContentPartComponent,\n  TextContentPartProps,\n  TextContentPartComponent,\n  ImageContentPartProps,\n  ImageContentPartComponent,\n  FileContentPartProps,\n  FileContentPartComponent,\n  Unstable_AudioContentPartProps,\n  Unstable_AudioContentPartComponent,\n  UIContentPartProps,\n  UIContentPartComponent,\n  ToolCallContentPartProps,\n  ToolCallContentPartComponent,\n} from \"./ContentPartComponentTypes\";\n\nexport type { Unsubscribe } from \"./Unsubscribe\";\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export type {\n  Attachment,\n  PendingAttachment,\n  CompleteAttachment,\n  AttachmentStatus,\n} from \"./AttachmentTypes\";\n\nexport type {\n  AppendMessage,\n  TextContentPart,\n  ReasoningContentPart,\n  ImageContentPart,\n  FileContentPart,\n  Unstable_AudioContentPart,\n  ToolCallContentPart,\n  UIContentPart,\n  MessageStatus,\n\n  // thread message types\n  ThreadUserContentPart,\n  ThreadAssistantContentPart,\n  ThreadSystemMessage,\n  ThreadAssistantMessage,\n  ThreadUserMessage,\n  ThreadMessage,\n\n  // core message types\n  CoreUserContentPart,\n  CoreAssistantContentPart,\n  CoreSystemMessage,\n  CoreUserMessage,\n  CoreAssistantMessage,\n  CoreMessage,\n} from \"./AssistantTypes\";\n\nexport type {\n  EmptyContentPartProps,\n  EmptyContentPartComponent,\n  TextContentPartProps,\n  TextContentPartComponent,\n  ReasoningContentPartProps,\n  ReasoningContentPartComponent,\n  ImageContentPartProps,\n  ImageContentPartComponent,\n  FileContentPartProps,\n  FileContentPartComponent,\n  Unstable_AudioContentPartProps,\n  Unstable_AudioContentPartComponent,\n  UIContentPartProps,\n  UIContentPartComponent,\n  ToolCallContentPartProps,\n  ToolCallContentPartComponent,\n} from \"./ContentPartComponentTypes\";\n\nexport type { Unsubscribe } from \"./Unsubscribe\";\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/utils/hooks/useOnScrollToBottom.js

@@ -26,10 +26,10 @@ __export(useOnScrollToBottom_exports, {
 module.exports = __toCommonJS(useOnScrollToBottom_exports);
 var import_react_use_callback_ref = require("@radix-ui/react-use-callback-ref");
 var import_react = require("react");
-var import_ThreadContext = require("../../context/react/ThreadContext.js");
+var import_ThreadViewportContext = require("../../context/react/ThreadViewportContext.js");
 var useOnScrollToBottom = (callback) => {
   const callbackRef = (0, import_react_use_callback_ref.useCallbackRef)(callback);
-  const onScrollToBottom = (0, import_ThreadContext.useThreadViewport)((vp) => vp.onScrollToBottom);
+  const onScrollToBottom = (0, import_ThreadViewportContext.useThreadViewport)((vp) => vp.onScrollToBottom);
   (0, import_react.useEffect)(() => {
     return onScrollToBottom(callbackRef);
   }, [onScrollToBottom, callbackRef]);

package/dist/utils/hooks/useOnScrollToBottom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/hooks/useOnScrollToBottom.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useEffect } from \"react\";\nimport { useThreadViewport } from \"../../context/react/ThreadContext\";\n\nexport const useOnScrollToBottom = (callback: () => void) => {\n  const callbackRef = useCallbackRef(callback);\n  const onScrollToBottom = useThreadViewport((vp) => vp.onScrollToBottom);\n\n  useEffect(() => {\n    return onScrollToBottom(callbackRef);\n  }, [onScrollToBottom, callbackRef]);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oCAA+B;AAC/B,mBAA0B;AAC1B,2BAAkC;AAE3B,IAAM,sBAAsB,CAAC,aAAyB;AAC3D,QAAM,kBAAc,8CAAe,QAAQ;AAC3C,QAAM,uBAAmB,wCAAkB,CAAC,OAAO,GAAG,gBAAgB;AAEtE,8BAAU,MAAM;AACd,WAAO,iBAAiB,WAAW;AAAA,EACrC,GAAG,CAAC,kBAAkB,WAAW,CAAC;AACpC;","names":[]}
+{"version":3,"sources":["../../../src/utils/hooks/useOnScrollToBottom.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useEffect } from \"react\";\nimport { useThreadViewport } from \"../../context/react/ThreadViewportContext\";\n\nexport const useOnScrollToBottom = (callback: () => void) => {\n  const callbackRef = useCallbackRef(callback);\n  const onScrollToBottom = useThreadViewport((vp) => vp.onScrollToBottom);\n\n  useEffect(() => {\n    return onScrollToBottom(callbackRef);\n  }, [onScrollToBottom, callbackRef]);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oCAA+B;AAC/B,mBAA0B;AAC1B,mCAAkC;AAE3B,IAAM,sBAAsB,CAAC,aAAyB;AAC3D,QAAM,kBAAc,8CAAe,QAAQ;AAC3C,QAAM,uBAAmB,gDAAkB,CAAC,OAAO,GAAG,gBAAgB;AAEtE,8BAAU,MAAM;AACd,WAAO,iBAAiB,WAAW;AAAA,EACrC,GAAG,CAAC,kBAAkB,WAAW,CAAC;AACpC;","names":[]}

package/dist/utils/hooks/useOnScrollToBottom.mjs

@@ -3,7 +3,7 @@
 // src/utils/hooks/useOnScrollToBottom.tsx
 import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
 import { useEffect } from "react";
-import { useThreadViewport } from "../../context/react/ThreadContext.mjs";
+import { useThreadViewport } from "../../context/react/ThreadViewportContext.mjs";
 var useOnScrollToBottom = (callback) => {
   const callbackRef = useCallbackRef(callback);
   const onScrollToBottom = useThreadViewport((vp) => vp.onScrollToBottom);

package/dist/utils/hooks/useOnScrollToBottom.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/hooks/useOnScrollToBottom.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useEffect } from \"react\";\nimport { useThreadViewport } from \"../../context/react/ThreadContext\";\n\nexport const useOnScrollToBottom = (callback: () => void) => {\n  const callbackRef = useCallbackRef(callback);\n  const onScrollToBottom = useThreadViewport((vp) => vp.onScrollToBottom);\n\n  useEffect(() => {\n    return onScrollToBottom(callbackRef);\n  }, [onScrollToBottom, callbackRef]);\n};\n"],"mappings":";;;AAEA,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAE3B,IAAM,sBAAsB,CAAC,aAAyB;AAC3D,QAAM,cAAc,eAAe,QAAQ;AAC3C,QAAM,mBAAmB,kBAAkB,CAAC,OAAO,GAAG,gBAAgB;AAEtE,YAAU,MAAM;AACd,WAAO,iBAAiB,WAAW;AAAA,EACrC,GAAG,CAAC,kBAAkB,WAAW,CAAC;AACpC;","names":[]}
+{"version":3,"sources":["../../../src/utils/hooks/useOnScrollToBottom.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useEffect } from \"react\";\nimport { useThreadViewport } from \"../../context/react/ThreadViewportContext\";\n\nexport const useOnScrollToBottom = (callback: () => void) => {\n  const callbackRef = useCallbackRef(callback);\n  const onScrollToBottom = useThreadViewport((vp) => vp.onScrollToBottom);\n\n  useEffect(() => {\n    return onScrollToBottom(callbackRef);\n  }, [onScrollToBottom, callbackRef]);\n};\n"],"mappings":";;;AAEA,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAE3B,IAAM,sBAAsB,CAAC,aAAyB;AAC3D,QAAM,cAAc,eAAe,QAAQ;AAC3C,QAAM,mBAAmB,kBAAkB,CAAC,OAAO,GAAG,gBAAgB;AAEtE,YAAU,MAAM;AACd,WAAO,iBAAiB,WAAW;AAAA,EACrC,GAAG,CAAC,kBAAkB,WAAW,CAAC;AACpC;","names":[]}

package/package.json

@@ -29,7 +29,7 @@
     "conversational-ui",
     "conversational-ai"
   ],
-  "version": "0.7.69",
+  "version": "0.7.71",
   "license": "MIT",
   "exports": {
     ".": {
@@ -65,29 +65,29 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@ai-sdk/provider": "^1.0.4",
+    "@ai-sdk/provider": "^1.0.7",
     "@radix-ui/primitive": "^1.1.1",
-    "@radix-ui/react-avatar": "^1.1.2",
+    "@radix-ui/react-avatar": "^1.1.3",
     "@radix-ui/react-compose-refs": "^1.1.1",
     "@radix-ui/react-context": "^1.1.1",
-    "@radix-ui/react-dialog": "^1.1.4",
-    "@radix-ui/react-popover": "^1.1.4",
-    "@radix-ui/react-primitive": "^2.0.1",
-    "@radix-ui/react-slot": "^1.1.1",
-    "@radix-ui/react-tooltip": "^1.1.6",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-primitive": "^2.0.2",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.1.8",
     "@radix-ui/react-use-callback-ref": "^1.1.0",
     "@radix-ui/react-use-escape-keydown": "^1.1.0",
     "class-variance-authority": "^0.7.1",
     "classnames": "^2.5.1",
     "json-schema": "^0.4.0",
-    "lucide-react": "^0.473.0",
+    "lucide-react": "^0.475.0",
     "nanoid": "^5.0.9",
     "react-textarea-autosize": "^8.5.7",
     "secure-json-parse": "^3.0.2",
     "zod": "^3.24.1",
     "zod-to-json-schema": "^3.24.1",
     "zustand": "^5.0.3",
-    "assistant-stream": "^0.0.18"
+    "assistant-stream": "^0.0.19"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -109,17 +109,17 @@
   },
   "devDependencies": {
     "@types/json-schema": "^7.0.15",
-    "@types/node": "^22.10.7",
+    "@types/node": "^22.13.1",
     "autoprefixer": "^10.4.20",
     "eslint": "^9",
-    "eslint-config-next": "15.1.5",
+    "eslint-config-next": "15.1.6",
     "postcss": "^8.5.1",
     "tailwindcss": "^3.4.17",
     "tailwindcss-animate": "^1.0.7",
     "tsx": "^4.19.2",
+    "@assistant-ui/tsbuildutils": "^0.0.1",
     "@assistant-ui/tailwindcss-transformer": "0.1.0",
-    "@assistant-ui/tsconfig": "0.0.0",
-    "@assistant-ui/tsbuildutils": "^0.0.1"
+    "@assistant-ui/tsconfig": "0.0.0"
   },
   "publishConfig": {
     "access": "public",

package/src/api/MessageRuntime.ts

@@ -150,10 +150,7 @@ export class MessageRuntimeImpl implements MessageRuntime {
           ref: this.path.ref + `${this.path.ref}.composer`,
           composerSource: "edit",
         },
-        getState: () =>
-          this._threadBinding
-            .getState()
-            .getEditComposer(this._core.getState().id),
+        getState: this._getEditComposerRuntimeCore,
         subscribe: (callback) => this._threadBinding.subscribe(callback),
       }),
       () => this._threadBinding.getState().beginEdit(this._core.getState().id),
@@ -177,11 +174,23 @@ export class MessageRuntimeImpl implements MessageRuntime {
 
   public readonly composer;
 
+  private _getEditComposerRuntimeCore = () => {
+    return this._threadBinding
+      .getState()
+      .getEditComposer(this._core.getState().id);
+  };
+
   public getState() {
     return this._core.getState();
   }
 
-  public reload({ runConfig = {} }: ReloadConfig = {}) {
+  public reload(reloadConfig: ReloadConfig = {}) {
+    const editComposerRuntimeCore = this._getEditComposerRuntimeCore();
+    const composerRuntimeCore =
+      editComposerRuntimeCore ?? this._threadBinding.getState().composer;
+    const composer = editComposerRuntimeCore ?? composerRuntimeCore;
+
+    const { runConfig = composer.runConfig } = reloadConfig;
     const state = this._core.getState();
     if (state.role !== "assistant")
       throw new Error("Can only reload assistant messages");

package/src/cloud/auiV0.ts

@@ -15,6 +15,10 @@ type AuiV0MessageContentPart =
       readonly type: "text";
       readonly text: string;
     }
+  | {
+      readonly type: "reasoning";
+      readonly text: string;
+    }
   | {
       readonly type: "tool-call";
       readonly toolCallId: string;
@@ -64,6 +68,13 @@ export const auiV0Encode = (message: ThreadMessage): AuiV0Message => {
           };
         }
 
+        case "reasoning": {
+          return {
+            type: "reasoning",
+            text: part.text,
+          };
+        }
+
         case "tool-call": {
           if (!isJSONValue(part.result)) {
             console.warn(

package/src/context/providers/ThreadRuntimeProvider.tsx

@@ -4,13 +4,13 @@ import type { FC, PropsWithChildren } from "react";
 import { useEffect, useState } from "react";
 import type { ThreadContextValue } from "../react/ThreadContext";
 import { ThreadContext } from "../react/ThreadContext";
-import { makeThreadViewportStore } from "../stores/ThreadViewport";
 import { writableStore } from "../ReadonlyStore";
 import { ThreadRuntime } from "../../api/ThreadRuntime";
 import { create } from "zustand";
 import { ThreadListItemRuntime } from "../../api/ThreadListItemRuntime";
 import { ThreadListItemRuntimeProvider } from "./ThreadListItemRuntimeProvider";
 import { ensureBinding } from "../react/utils/ensureBinding";
+import { ThreadViewportProvider } from "./ThreadViewportProvider";
 
 type ThreadProviderProps = {
   listItemRuntime: ThreadListItemRuntime;
@@ -36,18 +36,17 @@ export const ThreadRuntimeProvider: FC<
   const useThreadRuntime = useThreadRuntimeStore(runtime);
 
   const [context] = useState<ThreadContextValue>(() => {
-    const useViewport = makeThreadViewportStore();
-
     return {
       useThreadRuntime,
-      useViewport,
     };
   });
 
   return (
     <ThreadListItemRuntimeProvider runtime={threadListItemRuntime}>
       <ThreadContext.Provider value={context}>
-        {children}
+        {/* TODO temporarily allow accessing viewport state from outside the viewport */}
+        {/* TODO figure out if this behavior should be deprecated, since it is quite hacky */}
+        <ThreadViewportProvider>{children}</ThreadViewportProvider>
       </ThreadContext.Provider>
     </ThreadListItemRuntimeProvider>
   );

package/src/context/providers/ThreadViewportProvider.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import type { FC, PropsWithChildren } from "react";
+import { useEffect, useState } from "react";
+import { makeThreadViewportStore } from "../stores/ThreadViewport";
+import {
+  ThreadViewportContext,
+  ThreadViewportContextValue,
+  useThreadViewportStore,
+} from "../react/ThreadViewportContext";
+import { writableStore } from "../ReadonlyStore";
+
+const useThreadViewportStoreValue = () => {
+  const outerViewport = useThreadViewportStore({ optional: true });
+  const [store] = useState(() => makeThreadViewportStore());
+
+  useEffect(() => {
+    return outerViewport?.getState().onScrollToBottom(() => {
+      store.getState().scrollToBottom();
+    });
+  }, [outerViewport, store]);
+
+  useEffect(() => {
+    if (!outerViewport) return;
+    return store.subscribe((state) => {
+      if (outerViewport.getState().isAtBottom !== state.isAtBottom) {
+        writableStore(outerViewport).setState({ isAtBottom: state.isAtBottom });
+      }
+    });
+  }, [store, outerViewport]);
+
+  return store;
+};
+
+export const ThreadViewportProvider: FC<PropsWithChildren> = ({ children }) => {
+  const useThreadViewport = useThreadViewportStoreValue();
+
+  const [context] = useState<ThreadViewportContextValue>(() => {
+    return {
+      useThreadViewport,
+    };
+  });
+
+  return (
+    <ThreadViewportContext.Provider value={context}>
+      {children}
+    </ThreadViewportContext.Provider>
+  );
+};

package/src/context/react/ThreadContext.ts

@@ -1,11 +1,9 @@
 "use client";
 
 import { createContext, useEffect, useState } from "react";
-import type { ThreadViewportState } from "../stores/ThreadViewport";
 import { ReadonlyStore } from "../ReadonlyStore";
 import { UseBoundStore } from "zustand";
 import { createContextHook } from "./utils/createContextHook";
-import { createContextStoreHook } from "./utils/createContextStoreHook";
 import { ThreadRuntime } from "../../api/ThreadRuntime";
 import { ModelContext } from "../../model-context";
 import { createStateHookForRuntime } from "./utils/createStateHookForRuntime";
@@ -13,7 +11,6 @@ import { ThreadComposerRuntime } from "../../api";
 
 export type ThreadContextValue = {
   useThreadRuntime: UseBoundStore<ReadonlyStore<ThreadRuntime>>;
-  useViewport: UseBoundStore<ReadonlyStore<ThreadViewportState>>;
 };
 
 export const ThreadContext = createContext<ThreadContextValue | null>(null);
@@ -44,11 +41,6 @@ export const useThreadComposer = createStateHookForRuntime(
   useThreadComposerRuntime,
 );
 
-export const {
-  useViewport: useThreadViewport,
-  useViewportStore: useThreadViewportStore,
-} = createContextStoreHook(useThreadContext, "useViewport");
-
 export function useThreadModelContext(options?: {
   optional?: false | undefined;
 }): ModelContext;

package/src/context/react/ThreadViewportContext.ts

@@ -0,0 +1,23 @@
+"use client";
+
+import { createContext } from "react";
+import { ReadonlyStore } from "../ReadonlyStore";
+import { UseBoundStore } from "zustand";
+import { createContextHook } from "./utils/createContextHook";
+import { createContextStoreHook } from "./utils/createContextStoreHook";
+import { ThreadViewportState } from "../stores";
+
+export type ThreadViewportContextValue = {
+  useThreadViewport: UseBoundStore<ReadonlyStore<ThreadViewportState>>;
+};
+
+export const ThreadViewportContext =
+  createContext<ThreadViewportContextValue | null>(null);
+
+const useThreadViewportContext = createContextHook(
+  ThreadViewportContext,
+  "ThreadPrimitive.Viewport",
+);
+
+export const { useThreadViewport, useThreadViewportStore } =
+  createContextStoreHook(useThreadViewportContext, "useThreadViewport");

package/src/context/react/index.ts

@@ -18,9 +18,12 @@ export {
    * @deprecated This method was renamed to `useThreadModelContext`.
    */
   useThreadModelContext as useThreadModelConfig,
+} from "./ThreadContext";
+
+export {
   useThreadViewport,
   useThreadViewportStore,
-} from "./ThreadContext";
+} from "./ThreadViewportContext";
 
 export {
   useThreadListItemRuntime,

package/src/context/stores/ThreadViewport.tsx

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

package/src/model-context/ModelContextTypes.ts

@@ -27,10 +27,16 @@ export type LanguageModelConfig = z.infer<typeof LanguageModelConfigSchema>;
 type ToolExecuteFunction<TArgs, TResult> = (
   args: TArgs,
   context: {
+    toolCallId: string;
     abortSignal: AbortSignal;
   },
 ) => TResult | Promise<TResult>;
 
+type OnSchemaValidationErrorFunction<TResult> = ToolExecuteFunction<
+  unknown,
+  TResult
+>;
+
 export type Tool<
   TArgs extends Record<string, unknown> = Record<string | number, unknown>,
   TResult = unknown,
@@ -38,6 +44,7 @@ export type Tool<
   description?: string | undefined;
   parameters: z.ZodSchema<TArgs> | JSONSchema7;
   execute?: ToolExecuteFunction<TArgs, TResult>;
+  experimental_onSchemaValidationError?: OnSchemaValidationErrorFunction<TResult>;
 };
 
 export type ModelContext = {

package/src/primitives/contentPart/useContentPartReasoning.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { ContentPartState } from "../../api/ContentPartRuntime";
+import { useContentPart } from "../../context/react/ContentPartContext";
+import { ReasoningContentPart } from "../../types";
+
+export const useContentPartReasoning = () => {
+  const text = useContentPart((c) => {
+    if (c.type !== "reasoning")
+      throw new Error(
+        "ContentPartReasoning can only be used inside reasoning content parts.",
+      );
+
+    return c as ContentPartState & ReasoningContentPart;
+  });
+
+  return text;
+};

package/src/primitives/index.ts

@@ -12,4 +12,5 @@ export * as ThreadListItemPrimitive from "./threadListItem";
 export { useContentPartDisplay } from "./contentPart/useContentPartDisplay";
 export { useContentPartImage } from "./contentPart/useContentPartImage";
 export { useContentPartText } from "./contentPart/useContentPartText";
+export { useContentPartReasoning } from "./contentPart/useContentPartReasoning";
 export { useThreadViewportAutoScroll } from "./thread/useThreadViewportAutoScroll";

package/src/primitives/message/MessageContent.tsx

@@ -24,6 +24,7 @@ import type {
   ToolCallContentPartProps,
   UIContentPartComponent,
   FileContentPartComponent,
+  ReasoningContentPartComponent,
 } from "../../types/ContentPartComponentTypes";
 import { ContentPartPrimitiveInProgress } from "../contentPart/ContentPartInProgress";
 import { ContentPartStatus } from "../../types/AssistantTypes";
@@ -33,6 +34,7 @@ export namespace MessagePrimitiveContent {
     components?:
       | {
           Empty?: EmptyContentPartComponent | undefined;
+          Reasoning?: ReasoningContentPartComponent | undefined;
           Text?: TextContentPartComponent | undefined;
           Image?: ImageContentPartComponent | undefined;
           File?: FileContentPartComponent | undefined;
@@ -74,6 +76,7 @@ const defaultComponents = {
       </ContentPartPrimitiveInProgress>
     </p>
   ),
+  Reasoning: () => null,
   Image: () => <ContentPartPrimitiveImage />,
   File: () => null,
   Unstable_Audio: () => null,
@@ -87,6 +90,7 @@ type MessageContentPartComponentProps = {
 const MessageContentPartComponent: FC<MessageContentPartComponentProps> = ({
   components: {
     Text = defaultComponents.Text,
+    Reasoning = defaultComponents.Reasoning,
     Image = defaultComponents.Image,
     File = defaultComponents.File,
     Unstable_Audio: Audio = defaultComponents.Unstable_Audio,
@@ -114,6 +118,9 @@ const MessageContentPartComponent: FC<MessageContentPartComponentProps> = ({
     case "text":
       return <Text {...part} />;
 
+    case "reasoning":
+      return <Reasoning {...part} />;
+
     case "image":
       // eslint-disable-next-line jsx-a11y/alt-text
       return <Image {...part} />;
@@ -160,6 +167,7 @@ const MessageContentPart = memo(
   (prev, next) =>
     prev.partIndex === next.partIndex &&
     prev.components?.Text === next.components?.Text &&
+    prev.components?.Reasoning === next.components?.Reasoning &&
     prev.components?.Image === next.components?.Image &&
     prev.components?.File === next.components?.File &&
     prev.components?.Unstable_Audio === next.components?.Unstable_Audio &&

package/src/primitives/thread/ThreadScrollToBottom.tsx

@@ -6,8 +6,7 @@ import {
   createActionButton,
 } from "../../utils/createActionButton";
 import { useCallback } from "react";
-import { useThreadViewport } from "../../context";
-import { useThreadViewportStore } from "../../context/react/ThreadContext";
+import { useThreadViewport, useThreadViewportStore } from "../../context/react/ThreadViewportContext";
 
 const useThreadScrollToBottom = () => {
   const isAtBottom = useThreadViewport((s) => s.isAtBottom);

package/src/primitives/thread/ThreadViewport.tsx

@@ -4,6 +4,7 @@ import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import { Primitive } from "@radix-ui/react-primitive";
 import { type ComponentRef, forwardRef, ComponentPropsWithoutRef } from "react";
 import { useThreadViewportAutoScroll } from "./useThreadViewportAutoScroll";
+import { ThreadViewportProvider } from "../../context/providers/ThreadViewportProvider";
 
 export namespace ThreadPrimitiveViewport {
   export type Element = ComponentRef<typeof Primitive.div>;
@@ -12,7 +13,7 @@ export namespace ThreadPrimitiveViewport {
   };
 }
 
-export const ThreadPrimitiveViewport = forwardRef<
+const ThreadPrimitiveViewportScrollable = forwardRef<
   ThreadPrimitiveViewport.Element,
   ThreadPrimitiveViewport.Props
 >(({ autoScroll, children, ...rest }, forwardedRef) => {
@@ -29,4 +30,15 @@ export const ThreadPrimitiveViewport = forwardRef<
   );
 });
 
+export const ThreadPrimitiveViewport = forwardRef<
+  ThreadPrimitiveViewport.Element,
+  ThreadPrimitiveViewport.Props
+>((props, ref) => {
+  return (
+    <ThreadViewportProvider>
+      <ThreadPrimitiveViewportScrollable {...props} ref={ref} />
+    </ThreadViewportProvider>
+  );
+});
+
 ThreadPrimitiveViewport.displayName = "ThreadPrimitive.Viewport";

package/src/primitives/thread/useThreadViewportAutoScroll.tsx

@@ -2,14 +2,12 @@
 
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import { RefCallback, useEffect, useRef } from "react";
-import {
-  useThreadRuntime,
-  useThreadViewportStore,
-} from "../../context/react/ThreadContext";
+import { useThreadRuntime } from "../../context/react/ThreadContext";
 import { useOnResizeContent } from "../../utils/hooks/useOnResizeContent";
 import { useOnScrollToBottom } from "../../utils/hooks/useOnScrollToBottom";
 import { useManagedRef } from "../../utils/hooks/useManagedRef";
 import { writableStore } from "../../context/ReadonlyStore";
+import { useThreadViewportStore } from "../../context/react/ThreadViewportContext";
 
 export namespace useThreadViewportAutoScroll {
   export type Options = {

package/src/runtimes/composer/DefaultEditComposerRuntimeCore.tsx

@@ -18,7 +18,7 @@ export class DefaultEditComposerRuntimeCore extends BaseComposerRuntimeCore {
   private _parentId;
   private _sourceId;
   constructor(
-    private runtime: Omit<ThreadRuntimeCore, "composer"> & {
+    private runtime: ThreadRuntimeCore & {
       adapters?: { attachments?: AttachmentAdapter | undefined } | undefined;
     },
     private endEditCallback: () => void,
@@ -36,6 +36,9 @@ export class DefaultEditComposerRuntimeCore extends BaseComposerRuntimeCore {
     this._nonTextParts = message.content.filter(
       (part) => part.type !== "text" && part.type !== "ui",
     );
+
+    // Use the runConfig from the regular (non-edit) composer as the initial runConfig for the edit composer
+    this.setRunConfig({ ...runtime.composer.runConfig });
   }
 
   public async handleSend(

package/src/runtimes/edge/converters/toCoreMessages.ts

@@ -22,13 +22,14 @@ export const toCoreMessage = <T extends boolean = false>(
       return {
         role,
         content: message.content.map((part) => {
+          if (part.type === "reasoning") return null; // reasoning parts are omitted
           if (part.type === "ui") throw new Error("UI parts are not supported");
           if (part.type === "tool-call") {
             const { argsText, ...rest } = part;
             return rest;
           }
           return part;
-        }),
+        }).filter(c => !!c),
         ...(includeId ? { unstable_id: message.id } : {}),
       };
 

package/src/runtimes/edge/converters/toLanguageModelMessages.ts

@@ -147,6 +147,10 @@ export function toLanguageModelMessages(
         for (const part of message.content) {
           const type = part.type;
           switch (type) {
+            case "reasoning": {
+              break; // reasoning parts are omitted
+            }
+
             case "text": {
               splitter.addTextContentPart(part);
               break;

package/src/runtimes/edge/createEdgeRuntimeAPI.ts

@@ -5,7 +5,7 @@ import {
   LanguageModelV1Prompt,
   LanguageModelV1CallOptions,
 } from "@ai-sdk/provider";
-import { CoreMessage, ThreadStep } from "../../types/AssistantTypes";
+import { CoreMessage, ThreadMessage, ThreadStep } from "../../types/AssistantTypes";
 import { assistantEncoderStream } from "./streams/assistantEncoderStream";
 import { EdgeRuntimeRequestOptionsSchema } from "./EdgeRuntimeRequestOptions";
 import { toLanguageModelMessages } from "./converters/toLanguageModelMessages";
@@ -26,7 +26,7 @@ import { streamPartEncoderStream } from "./streams/utils/streamPartEncoderStream
 import { z } from "zod";
 
 type FinishResult = {
-  messages: readonly CoreMessage[];
+  messages: readonly (CoreMessage | ThreadMessage)[];
   metadata: {
     steps: readonly ThreadStep[];
   };
@@ -143,9 +143,18 @@ export const getEdgeRuntimeStream = async ({
             const resultingMessages = [
               ...messages,
               {
+                id: "DEFAULT",
+                createdAt: new Date(),
                 role: "assistant",
                 content: lastChunk.content,
-              } satisfies CoreMessage,
+                status: lastChunk.status,
+                metadata: {
+                  unstable_data: lastChunk.metadata?.unstable_data ?? [],
+                  unstable_annotations: lastChunk.metadata?.unstable_annotations ?? [],
+                  steps: lastChunk.metadata?.steps ?? [],
+                  custom: lastChunk.metadata?.custom ?? {},
+                }
+              } satisfies ThreadMessage,
             ];
             onFinish({
               messages: resultingMessages,

package/src/runtimes/edge/streams/assistantEncoderStream.ts

@@ -14,6 +14,14 @@ export function assistantEncoderStream() {
     transform(chunk, controller) {
       const chunkType = chunk.type;
       switch (chunkType) {
+        case "reasoning": {
+          controller.enqueue({
+            type: AssistantStreamChunkType.ReasoningDelta,
+            value: chunk.textDelta,
+          });
+          break;
+        }
+
         case "text-delta": {
           if (!chunk.textDelta) break; // ignore empty text deltas
           controller.enqueue({