@assistant-ui/react-native 0.1.29 → 0.1.30

package/dist/primitives/thread/ThreadSuggestion.d.ts

@@ -1,9 +1,9 @@
 import { PressableProps } from "react-native";
 import { ReactNode } from "react";
-
 //#region src/primitives/thread/ThreadSuggestion.d.ts
 type ThreadSuggestionProps = Omit<PressableProps, "onPress"> & {
-  children: ReactNode; /** The suggestion prompt. */
+  children: ReactNode;
+  /** The suggestion prompt. */
   prompt: string;
   /**
    * When true, automatically sends the message.
@@ -17,14 +17,7 @@ type ThreadSuggestionProps = Omit<PressableProps, "onPress"> & {
    */
   clearComposer?: boolean | undefined;
 };
-declare const ThreadSuggestion: ({
-  children,
-  prompt,
-  send,
-  clearComposer,
-  disabled: disabledProp,
-  ...pressableProps
-}: ThreadSuggestionProps) => import("react").JSX.Element;
+declare const ThreadSuggestion: ({ children, prompt, send, clearComposer, disabled: disabledProp, ...pressableProps }: ThreadSuggestionProps) => import("react").JSX.Element;
 //#endregion
 export { ThreadSuggestion, ThreadSuggestionProps };
 //# sourceMappingURL=ThreadSuggestion.d.ts.map

package/dist/primitives/thread/ThreadSuggestion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadSuggestion.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadSuggestion.tsx"],"mappings":";;;;KAIY,qBAAA,GAAwB,IAAA,CAAK,cAAA;EACvC,QAAA,EAAU,SAAA,EADA;EAGV,MAAA;;;;;EAKA,IAAA;EAPmB;;;;;EAanB,aAAA;AAAA;AAAA,cAGW,gBAAA;EAAoB,QAAA;EAAA,MAAA;EAAA,IAAA;EAAA,aAAA;EAAA,QAAA,EAAA,YAAA;EAAA,GAAA;AAAA,GAO9B,qBAAA,qBAAqB,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ThreadSuggestion.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadSuggestion.tsx"],"mappings":";;;KAIY,wBAAwB,KAAK;EACvC,UAAU;;EAEV;;;;;EAKA;;;;;;EAMA;;cAGW,qBAAoB,UAAA,QAAA,MAAA,eAAA,UAAA,iBAAA,kBAO9B,0CAAqB,IAAA"}

package/dist/primitives/thread.d.ts

@@ -4,8 +4,6 @@ import { ThreadEmpty, ThreadEmptyProps } from "./thread/ThreadEmpty.js";
 import { ThreadIf, ThreadIfProps } from "./thread/ThreadIf.js";
 import { ThreadSuggestion, ThreadSuggestionProps } from "./thread/ThreadSuggestion.js";
 import { ThreadPrimitiveMessageByIndex as MessageByIndex, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveUnstable_MessageById as Unstable_MessageById } from "@assistant-ui/core/react";
-
-//#region src/primitives/thread.d.ts
 declare namespace thread_d_exports {
   export { ThreadEmpty as Empty, ThreadEmptyProps as EmptyProps, ThreadIf as If, ThreadIfProps as IfProps, MessageByIndex, ThreadMessages as Messages, ThreadMessagesProps as MessagesProps, ThreadRoot as Root, ThreadRootProps as RootProps, ThreadSuggestion as Suggestion, SuggestionByIndex, ThreadSuggestionProps as SuggestionProps, Suggestions, Unstable_MessageById };
 }

package/dist/primitives/threadList/ThreadListItems.d.ts

@@ -1,6 +1,5 @@
 import { FlatListProps } from "react-native";
 import { ReactElement } from "react";
-
 //#region src/primitives/threadList/ThreadListItems.d.ts
 type ThreadListItemsProps = Omit<FlatListProps<string>, "data" | "renderItem"> & {
   renderItem: (props: {
@@ -8,10 +7,7 @@ type ThreadListItemsProps = Omit<FlatListProps<string>, "data" | "renderItem"> &
     index: number;
   }) => ReactElement;
 };
-declare const ThreadListItems: ({
-  renderItem,
-  ...flatListProps
-}: ThreadListItemsProps) => import("react").JSX.Element;
+declare const ThreadListItems: ({ renderItem, ...flatListProps }: ThreadListItemsProps) => import("react").JSX.Element;
 //#endregion
 export { ThreadListItems, ThreadListItemsProps };
 //# sourceMappingURL=ThreadListItems.d.ts.map

package/dist/primitives/threadList/ThreadListItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItems.d.ts","names":[],"sources":["../../../src/primitives/threadList/ThreadListItems.tsx"],"mappings":";;;;KAIY,oBAAA,GAAuB,IAAA,CACjC,aAAA;EAGA,UAAA,GAAa,KAAA;IAAS,QAAA;IAAkB,KAAA;EAAA,MAAoB,YAAA;AAAA;AAAA,cAGjD,eAAA;EAAmB,UAAA;EAAA,GAAA;AAAA,GAG7B,oBAAoB,qBAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ThreadListItems.d.ts","names":[],"sources":["../../../src/primitives/threadList/ThreadListItems.tsx"],"mappings":";;;KAIY,uBAAuB,KACjC;EAGA,aAAa;IAAS;IAAkB;QAAoB;;cAGjD,oBAAmB,eAAA,iBAG7B,yCAAoB,IAAA"}

package/dist/primitives/threadList/ThreadListNew.d.ts

@@ -1,14 +1,10 @@
 import { PressableProps } from "react-native";
 import { ReactNode } from "react";
-
 //#region src/primitives/threadList/ThreadListNew.d.ts
 type ThreadListNewProps = Omit<PressableProps, "onPress"> & {
   children: ReactNode;
 };
-declare const ThreadListNew: ({
-  children,
-  ...pressableProps
-}: ThreadListNewProps) => import("react").JSX.Element;
+declare const ThreadListNew: ({ children, ...pressableProps }: ThreadListNewProps) => import("react").JSX.Element;
 //#endregion
 export { ThreadListNew, ThreadListNewProps };
 //# sourceMappingURL=ThreadListNew.d.ts.map

package/dist/primitives/threadList/ThreadListNew.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListNew.d.ts","names":[],"sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"mappings":";;;;KAIY,kBAAA,GAAqB,IAAA,CAAK,cAAA;EACpC,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,aAAA;EAAiB,QAAA;EAAA,GAAA;AAAA,GAG3B,kBAAkB,qBAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ThreadListNew.d.ts","names":[],"sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"mappings":";;;KAIY,qBAAqB,KAAK;EACpC,UAAU;;cAGC,kBAAiB,aAAA,kBAG3B,uCAAkB,IAAA"}

package/dist/primitives/threadList/ThreadListRoot.d.ts

@@ -1,14 +1,10 @@
 import { ViewProps } from "react-native";
 import { ReactNode } from "react";
-
 //#region src/primitives/threadList/ThreadListRoot.d.ts
 type ThreadListRootProps = ViewProps & {
   children: ReactNode;
 };
-declare const ThreadListRoot: ({
-  children,
-  ...viewProps
-}: ThreadListRootProps) => import("react").JSX.Element;
+declare const ThreadListRoot: ({ children, ...viewProps }: ThreadListRootProps) => import("react").JSX.Element;
 //#endregion
 export { ThreadListRoot, ThreadListRootProps };
 //# sourceMappingURL=ThreadListRoot.d.ts.map

package/dist/primitives/threadList/ThreadListRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListRoot.d.ts","names":[],"sources":["../../../src/primitives/threadList/ThreadListRoot.tsx"],"mappings":";;;;KAGY,mBAAA,GAAsB,SAAA;EAChC,QAAA,EAAU,SAAS;AAAA;AAAA,cAGR,cAAA;EAAkB,QAAA;EAAA,GAAA;AAAA,GAG5B,mBAAmB,qBAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ThreadListRoot.d.ts","names":[],"sources":["../../../src/primitives/threadList/ThreadListRoot.tsx"],"mappings":";;;KAGY,sBAAsB;EAChC,UAAU;;cAGC,mBAAkB,aAAA,aAG5B,wCAAmB,IAAA"}

package/dist/primitives/threadList.d.ts

@@ -1,8 +1,6 @@
 import { ThreadListRoot, ThreadListRootProps } from "./threadList/ThreadListRoot.js";
 import { ThreadListItems, ThreadListItemsProps } from "./threadList/ThreadListItems.js";
 import { ThreadListNew, ThreadListNewProps } from "./threadList/ThreadListNew.js";
-
-//#region src/primitives/threadList.d.ts
 declare namespace threadList_d_exports {
   export { ThreadListItems as Items, ThreadListItemsProps as ItemsProps, ThreadListNew as New, ThreadListNewProps as NewProps, ThreadListRoot as Root, ThreadListRootProps as RootProps };
 }

package/dist/primitives/threadListItem/ThreadListItemArchive.d.ts

@@ -1,14 +1,10 @@
 import { PressableProps } from "react-native";
 import { ReactNode } from "react";
-
 //#region src/primitives/threadListItem/ThreadListItemArchive.d.ts
 type ThreadListItemArchiveProps = Omit<PressableProps, "onPress"> & {
   children: ReactNode;
 };
-declare const ThreadListItemArchive: ({
-  children,
-  ...pressableProps
-}: ThreadListItemArchiveProps) => import("react").JSX.Element;
+declare const ThreadListItemArchive: ({ children, ...pressableProps }: ThreadListItemArchiveProps) => import("react").JSX.Element;
 //#endregion
 export { ThreadListItemArchive, ThreadListItemArchiveProps };
 //# sourceMappingURL=ThreadListItemArchive.d.ts.map

package/dist/primitives/threadListItem/ThreadListItemArchive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemArchive.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemArchive.tsx"],"mappings":";;;;KAIY,0BAAA,GAA6B,IAAA,CAAK,cAAA;EAC5C,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,qBAAA;EAAyB,QAAA;EAAA,GAAA;AAAA,GAGnC,0BAA0B,qBAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ThreadListItemArchive.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemArchive.tsx"],"mappings":";;;KAIY,6BAA6B,KAAK;EAC5C,UAAU;;cAGC,0BAAyB,aAAA,kBAGnC,+CAA0B,IAAA"}

package/dist/primitives/threadListItem/ThreadListItemDelete.d.ts

@@ -1,14 +1,10 @@
 import { PressableProps } from "react-native";
 import { ReactNode } from "react";
-
 //#region src/primitives/threadListItem/ThreadListItemDelete.d.ts
 type ThreadListItemDeleteProps = Omit<PressableProps, "onPress"> & {
   children: ReactNode;
 };
-declare const ThreadListItemDelete: ({
-  children,
-  ...pressableProps
-}: ThreadListItemDeleteProps) => import("react").JSX.Element;
+declare const ThreadListItemDelete: ({ children, ...pressableProps }: ThreadListItemDeleteProps) => import("react").JSX.Element;
 //#endregion
 export { ThreadListItemDelete, ThreadListItemDeleteProps };
 //# sourceMappingURL=ThreadListItemDelete.d.ts.map

package/dist/primitives/threadListItem/ThreadListItemDelete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemDelete.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemDelete.tsx"],"mappings":";;;;KAIY,yBAAA,GAA4B,IAAA,CAAK,cAAA;EAC3C,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,oBAAA;EAAwB,QAAA;EAAA,GAAA;AAAA,GAGlC,yBAAyB,qBAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ThreadListItemDelete.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemDelete.tsx"],"mappings":";;;KAIY,4BAA4B,KAAK;EAC3C,UAAU;;cAGC,yBAAwB,aAAA,kBAGlC,8CAAyB,IAAA"}

package/dist/primitives/threadListItem/ThreadListItemRoot.d.ts

@@ -1,14 +1,10 @@
 import { ViewProps } from "react-native";
 import { ReactNode } from "react";
-
 //#region src/primitives/threadListItem/ThreadListItemRoot.d.ts
 type ThreadListItemRootProps = ViewProps & {
   children: ReactNode;
 };
-declare const ThreadListItemRoot: ({
-  children,
-  ...viewProps
-}: ThreadListItemRootProps) => import("react").JSX.Element;
+declare const ThreadListItemRoot: ({ children, ...viewProps }: ThreadListItemRootProps) => import("react").JSX.Element;
 //#endregion
 export { ThreadListItemRoot, ThreadListItemRootProps };
 //# sourceMappingURL=ThreadListItemRoot.d.ts.map

package/dist/primitives/threadListItem/ThreadListItemRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemRoot.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemRoot.tsx"],"mappings":";;;;KAGY,uBAAA,GAA0B,SAAA;EACpC,QAAA,EAAU,SAAS;AAAA;AAAA,cAGR,kBAAA;EAAsB,QAAA;EAAA,GAAA;AAAA,GAGhC,uBAAuB,qBAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ThreadListItemRoot.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemRoot.tsx"],"mappings":";;;KAGY,0BAA0B;EACpC,UAAU;;cAGC,uBAAsB,aAAA,aAGhC,4CAAuB,IAAA"}

package/dist/primitives/threadListItem/ThreadListItemTrigger.d.ts

@@ -1,14 +1,10 @@
 import { PressableProps } from "react-native";
 import { ReactNode } from "react";
-
 //#region src/primitives/threadListItem/ThreadListItemTrigger.d.ts
 type ThreadListItemTriggerProps = Omit<PressableProps, "onPress"> & {
   children: ReactNode;
 };
-declare const ThreadListItemTrigger: ({
-  children,
-  ...pressableProps
-}: ThreadListItemTriggerProps) => import("react").JSX.Element;
+declare const ThreadListItemTrigger: ({ children, ...pressableProps }: ThreadListItemTriggerProps) => import("react").JSX.Element;
 //#endregion
 export { ThreadListItemTrigger, ThreadListItemTriggerProps };
 //# sourceMappingURL=ThreadListItemTrigger.d.ts.map

package/dist/primitives/threadListItem/ThreadListItemTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemTrigger.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemTrigger.tsx"],"mappings":";;;;KAIY,0BAAA,GAA6B,IAAA,CAAK,cAAA;EAC5C,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,qBAAA;EAAyB,QAAA;EAAA,GAAA;AAAA,GAGnC,0BAA0B,qBAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ThreadListItemTrigger.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemTrigger.tsx"],"mappings":";;;KAIY,6BAA6B,KAAK;EAC5C,UAAU;;cAGC,0BAAyB,aAAA,kBAGnC,+CAA0B,IAAA"}

package/dist/primitives/threadListItem/ThreadListItemUnarchive.d.ts

@@ -1,14 +1,10 @@
 import { PressableProps } from "react-native";
 import { ReactNode } from "react";
-
 //#region src/primitives/threadListItem/ThreadListItemUnarchive.d.ts
 type ThreadListItemUnarchiveProps = Omit<PressableProps, "onPress"> & {
   children: ReactNode;
 };
-declare const ThreadListItemUnarchive: ({
-  children,
-  ...pressableProps
-}: ThreadListItemUnarchiveProps) => import("react").JSX.Element;
+declare const ThreadListItemUnarchive: ({ children, ...pressableProps }: ThreadListItemUnarchiveProps) => import("react").JSX.Element;
 //#endregion
 export { ThreadListItemUnarchive, ThreadListItemUnarchiveProps };
 //# sourceMappingURL=ThreadListItemUnarchive.d.ts.map

package/dist/primitives/threadListItem/ThreadListItemUnarchive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemUnarchive.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemUnarchive.tsx"],"mappings":";;;;KAIY,4BAAA,GAA+B,IAAA,CAAK,cAAA;EAC9C,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,uBAAA;EAA2B,QAAA;EAAA,GAAA;AAAA,GAGrC,4BAA4B,qBAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ThreadListItemUnarchive.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemUnarchive.tsx"],"mappings":";;;KAIY,+BAA+B,KAAK;EAC9C,UAAU;;cAGC,4BAA2B,aAAA,kBAGrC,iDAA4B,IAAA"}

package/dist/primitives/threadListItem.d.ts

@@ -4,8 +4,6 @@ import { ThreadListItemDelete, ThreadListItemDeleteProps } from "./threadListIte
 import { ThreadListItemArchive, ThreadListItemArchiveProps } from "./threadListItem/ThreadListItemArchive.js";
 import { ThreadListItemUnarchive, ThreadListItemUnarchiveProps } from "./threadListItem/ThreadListItemUnarchive.js";
 import { ThreadListItemPrimitiveTitle as Title } from "@assistant-ui/core/react";
-
-//#region src/primitives/threadListItem.d.ts
 declare namespace threadListItem_d_exports {
   export { ThreadListItemArchive as Archive, ThreadListItemArchiveProps as ArchiveProps, ThreadListItemDelete as Delete, ThreadListItemDeleteProps as DeleteProps, ThreadListItemRoot as Root, ThreadListItemRootProps as RootProps, Title, ThreadListItemTrigger as Trigger, ThreadListItemTriggerProps as TriggerProps, ThreadListItemUnarchive as Unarchive, ThreadListItemUnarchiveProps as UnarchiveProps };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-native",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "description": "React Native bindings for assistant-ui",
   "keywords": [
     "assistant",
@@ -31,10 +31,10 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@assistant-ui/core": "^0.2.19",
-    "@assistant-ui/store": "^0.2.19",
-    "@assistant-ui/tap": "^0.9.3",
-    "assistant-stream": "^0.3.24",
+    "@assistant-ui/core": "^0.2.21",
+    "@assistant-ui/store": "^0.2.20",
+    "@assistant-ui/tap": "^0.9.4",
+    "assistant-stream": "^0.3.26",
     "zustand": "^5.0.14"
   },
   "peerDependencies": {
@@ -55,8 +55,8 @@
     "react-dom": "^19.2.7",
     "react-native": "^0.86.0",
     "react-native-web": "^0.21.2",
-    "vitest": "^4.1.9",
-    "@assistant-ui/x-buildutils": "0.0.17"
+    "vitest": "^4.1.10",
+    "@assistant-ui/x-buildutils": "0.0.18"
   },
   "publishConfig": {
     "access": "public",

package/src/index.ts

@@ -181,7 +181,9 @@ export {
   providerTool,
   type ProviderToolConfig,
   defineMcpToolkit,
+  type McpToolkitEntry,
   type McpToolkitDefinition,
+  type McpToolkitToolConfig,
   Tools,
   DataRenderers,
   Interactables,

package/src/primitives/composer/ComposerAttachments.tsx

@@ -1,24 +1,12 @@
-import type { ComponentType } from "react";
 import {
   ComposerPrimitiveAttachments,
   ComposerPrimitiveAttachmentByIndex,
 } from "@assistant-ui/core/react";
 
-export type AttachmentComponents = {
-  Image?: ComponentType | undefined;
-  Document?: ComponentType | undefined;
-  File?: ComponentType | undefined;
-  Attachment?: ComponentType | undefined;
-};
+export type ComposerAttachmentsProps = ComposerPrimitiveAttachments.Props;
 
-export type ComposerAttachmentsProps = {
-  components: AttachmentComponents | undefined;
-};
-
-export type ComposerAttachmentByIndexProps = {
-  index: number;
-  components?: AttachmentComponents | undefined;
-};
+export type ComposerAttachmentByIndexProps =
+  ComposerPrimitiveAttachmentByIndex.Props;
 
 export const ComposerAttachmentByIndex = ComposerPrimitiveAttachmentByIndex;
 

package/src/primitives/composer/ComposerInput.test.tsx

@@ -49,21 +49,28 @@ vi.mock("react-native", async (importOriginal) => {
 
 (globalThis as Record<string, unknown>).IS_REACT_ACT_ENVIRONMENT = true;
 
-const setNativeValue = (input: HTMLInputElement, value: string) => {
-  const setter = Object.getOwnPropertyDescriptor(
-    HTMLInputElement.prototype,
-    "value",
-  )?.set;
+const setNativeValue = (
+  input: HTMLInputElement | HTMLTextAreaElement,
+  value: string,
+) => {
+  const prototype =
+    input instanceof HTMLTextAreaElement
+      ? HTMLTextAreaElement.prototype
+      : HTMLInputElement.prototype;
+  const setter = Object.getOwnPropertyDescriptor(prototype, "value")?.set;
   setter?.call(input, value);
 };
 
-const fireInput = (input: HTMLInputElement, value: string) => {
+const fireInput = (
+  input: HTMLInputElement | HTMLTextAreaElement,
+  value: string,
+) => {
   setNativeValue(input, value);
   input.dispatchEvent(new InputEvent("input", { bubbles: true }));
 };
 
 const fireKeyDown = (
-  input: HTMLInputElement,
+  input: HTMLInputElement | HTMLTextAreaElement,
   opts: {
     key?: string;
     shiftKey?: boolean;
@@ -114,7 +121,9 @@ describe("ComposerInput", () => {
     await act(async () => {
       root.render(<ComposerInput {...props} />);
     });
-    const input = container.querySelector("input") as HTMLInputElement;
+    const input = container.querySelector("textarea, input") as
+      | HTMLInputElement
+      | HTMLTextAreaElement;
     expect(input).not.toBeNull();
     return input;
   };
@@ -207,6 +216,95 @@ describe("ComposerInput", () => {
       expect(event.defaultPrevented).toBe(false);
     });
 
+    it("shows a scrollbar when multiline content exceeds the maximum height", async () => {
+      h.composerState.text = "line 1";
+      const input = await mount({
+        multiline: true,
+        style: { maxHeight: 40 },
+      });
+      expect(input.tagName).toBe("TEXTAREA");
+
+      Object.defineProperty(input, "scrollHeight", {
+        configurable: true,
+        value: 120,
+      });
+
+      h.composerState.text = "line 1\nline 2\nline 3";
+      await act(async () => {
+        root.render(<ComposerInput multiline style={{ maxHeight: 40 }} />);
+      });
+
+      expect(input.style.height).toBe("40px");
+      expect(input.style.overflowY).toBe("auto");
+      expect(input.style.overflowX).toBe("hidden");
+    });
+
+    it("shrinks back below max height after content is deleted", async () => {
+      h.composerState.text = "line 1";
+      const input = await mount({
+        multiline: true,
+        style: { maxHeight: 40 },
+      });
+      expect(input.tagName).toBe("TEXTAREA");
+
+      let scrollHeight = 120;
+      Object.defineProperty(input, "scrollHeight", {
+        configurable: true,
+        get: () => scrollHeight,
+      });
+
+      h.composerState.text = "line 1\nline 2\nline 3";
+      await act(async () => {
+        root.render(<ComposerInput multiline style={{ maxHeight: 40 }} />);
+      });
+
+      expect(input.style.height).toBe("40px");
+      expect(input.style.overflowY).toBe("auto");
+
+      scrollHeight = 24;
+      h.composerState.text = "line 1";
+      await act(async () => {
+        root.render(<ComposerInput multiline style={{ maxHeight: 40 }} />);
+      });
+
+      expect(input.style.height).toBe("24px");
+      expect(input.style.overflowY).toBe("hidden");
+    });
+
+    it("prefers computed maxHeight over raw CSS unit parsing", async () => {
+      h.composerState.text = "line 1";
+      const computedStyleSpy = vi
+        .spyOn(globalThis, "getComputedStyle")
+        .mockImplementation((() => ({
+          maxHeight: "64px",
+        })) as unknown as typeof getComputedStyle);
+
+      try {
+        const input = await mount({
+          multiline: true,
+          style: { maxHeight: "4rem" as never },
+        });
+        expect(input.tagName).toBe("TEXTAREA");
+
+        Object.defineProperty(input, "scrollHeight", {
+          configurable: true,
+          value: 80,
+        });
+
+        h.composerState.text = "line 1\nline 2\nline 3";
+        await act(async () => {
+          root.render(
+            <ComposerInput multiline style={{ maxHeight: "4rem" as never }} />,
+          );
+        });
+
+        expect(input.style.height).toBe("64px");
+        expect(input.style.overflowY).toBe("auto");
+      } finally {
+        computedStyleSpy.mockRestore();
+      }
+    });
+
     it("forwards keydown events to a consumer onKeyPress handler", async () => {
       const onKeyPress = vi.fn();
       const input = await mount({ onKeyPress });

package/src/primitives/composer/ComposerInput.tsx

@@ -22,6 +22,15 @@ export type ComposerInputProps = Omit<
   submitMode?: "enter" | "none";
 };
 
+const getWebTextareaMaxHeight = (el: HTMLTextAreaElement) => {
+  const computedMaxHeight = globalThis.getComputedStyle?.(el).maxHeight;
+  const parsedComputedMaxHeight = Number.parseFloat(computedMaxHeight ?? "");
+  if (Number.isFinite(parsedComputedMaxHeight)) return parsedComputedMaxHeight;
+
+  const inlineMaxHeight = Number.parseFloat(el.style.maxHeight);
+  return Number.isFinite(inlineMaxHeight) ? inlineMaxHeight : null;
+};
+
 const adjustWebTextareaHeight = (ref: React.RefObject<TextInput | null>) => {
   if (Platform.OS !== "web") return;
   // On web, the TextInput ref IS the DOM element
@@ -29,9 +38,19 @@ const adjustWebTextareaHeight = (ref: React.RefObject<TextInput | null>) => {
   if (!el) return;
   // Ensure rows=1 so scrollHeight reflects actual content
   if (el.rows !== 1) el.rows = 1;
-  el.style.overflow = "hidden";
+
+  el.style.overflowX = "hidden";
+  el.style.overflowY = "hidden";
   el.style.height = "auto";
-  el.style.height = `${el.scrollHeight}px`;
+
+  const scrollHeight = el.scrollHeight;
+  const maxHeight = getWebTextareaMaxHeight(el);
+  const needsScrollbar = maxHeight !== null && scrollHeight > maxHeight;
+  const nextHeight =
+    maxHeight === null ? scrollHeight : Math.min(scrollHeight, maxHeight);
+
+  el.style.overflowY = needsScrollbar ? "auto" : "hidden";
+  el.style.height = `${nextHeight}px`;
 };
 
 export const ComposerInput = ({

package/src/primitives/composer.ts

@@ -4,7 +4,9 @@ export {
 } from "./composer/ComposerRoot";
 export {
   ComposerAttachments as Attachments,
+  type ComposerAttachmentsProps as AttachmentsProps,
   ComposerAttachmentByIndex as AttachmentByIndex,
+  type ComposerAttachmentByIndexProps as AttachmentByIndexProps,
 } from "./composer/ComposerAttachments";
 export {
   ComposerInput as Input,

package/src/primitives/message/MessageAttachments.tsx

@@ -2,16 +2,11 @@ import {
   MessagePrimitiveAttachments,
   MessagePrimitiveAttachmentByIndex,
 } from "@assistant-ui/core/react";
-import type { AttachmentComponents } from "../composer/ComposerAttachments";
 
-export type MessageAttachmentsProps = {
-  components: AttachmentComponents | undefined;
-};
+export type MessageAttachmentsProps = MessagePrimitiveAttachments.Props;
 
-export type MessageAttachmentByIndexProps = {
-  index: number;
-  components?: AttachmentComponents | undefined;
-};
+export type MessageAttachmentByIndexProps =
+  MessagePrimitiveAttachmentByIndex.Props;
 
 export const MessageAttachmentByIndex = MessagePrimitiveAttachmentByIndex;
 

package/src/primitives/message.ts

@@ -17,5 +17,7 @@ export {
 } from "./message/MessageIf";
 export {
   MessageAttachments as Attachments,
+  type MessageAttachmentsProps as AttachmentsProps,
   MessageAttachmentByIndex as AttachmentByIndex,
+  type MessageAttachmentByIndexProps as AttachmentByIndexProps,
 } from "./message/MessageAttachments";

package/src/primitives/thread/ThreadMessages.test.tsx

@@ -1,6 +1,8 @@
-import { act } from "react";
+import { act, createRef } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import type { FlatList } from "react-native";
+import type { ThreadMessage } from "@assistant-ui/core";
 import { ThreadMessages } from "./ThreadMessages";
 
 type Msg = { id: string; role: string };
@@ -189,4 +191,22 @@ describe("ThreadMessages", () => {
     });
     expect(container.querySelector('[data-testid="c-message"]')).toBeNull();
   });
+
+  it("forwards refs to the underlying FlatList", async () => {
+    h.state.thread.messages = [{ id: "1", role: "user" }];
+    const ref = createRef<FlatList<ThreadMessage>>();
+
+    await act(async () => {
+      root.render(
+        <ThreadMessages
+          ref={ref}
+          components={{
+            Message: () => <span data-testid="c-message">message</span>,
+          }}
+        />,
+      );
+    });
+
+    expect(ref.current).not.toBeNull();
+  });
 });

package/src/primitives/thread/ThreadMessages.tsx

@@ -2,6 +2,7 @@ import {
   type ComponentType,
   type FC,
   type ReactNode,
+  forwardRef,
   memo,
   useCallback,
 } from "react";
@@ -154,11 +155,10 @@ const ThreadMessageByChildren = memo(
 );
 ThreadMessageByChildren.displayName = "ThreadPrimitive.MessageByChildren";
 
-export const ThreadMessages = ({
-  components,
-  children,
-  ...flatListProps
-}: ThreadMessagesProps) => {
+export const ThreadMessages = forwardRef<
+  FlatList<ThreadMessage>,
+  ThreadMessagesProps
+>(({ components, children, ...flatListProps }, ref) => {
   const messages = useAuiState((s) => s.thread.messages);
 
   const renderItem = useCallback(
@@ -179,11 +179,12 @@ export const ThreadMessages = ({
 
   return (
     <FlatList
+      ref={ref}
       data={messages as unknown as ThreadMessage[]}
       renderItem={renderItem}
       keyExtractor={keyExtractor}
       {...flatListProps}
     />
   );
-};
+});
 ThreadMessages.displayName = "ThreadPrimitive.Messages";