@assistant-ui/react-native 0.1.30 → 0.1.32

package/dist/primitives/thread/ThreadMessages.js

@@ -1,11 +1,12 @@
-import { RenderChildrenWithAccessor, useAuiState } from "@assistant-ui/store";
+import { RenderChildrenWithAccessor, useAuiEvent, useAuiState } from "@assistant-ui/store";
 import { MessageByIndexProvider } from "@assistant-ui/core/react";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { FlatList } from "react-native";
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, memo } from "@assistant-ui/tap/react-shim";
+import { forwardRef, memo, useEffect, useRef } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/thread/ThreadMessages.tsx
 const DEFAULT_SYSTEM_MESSAGE = () => null;
+const AT_BOTTOM_THRESHOLD = 4;
 const getComponent = (components, role, isEditing) => {
 	switch (role) {
 		case "user": if (isEditing) return components.UserEditComposer ?? components.EditComposer ?? components.UserMessage ?? components.Message;
@@ -73,27 +74,271 @@ const ThreadMessageByChildren = memo(({ index, children }) => {
 	});
 }, (prev, next) => prev.index === next.index && prev.children === next.children);
 ThreadMessageByChildren.displayName = "ThreadPrimitive.MessageByChildren";
-const ThreadMessages = forwardRef((t0, ref) => {
-	const $ = c(12);
+const setForwardedRef = (ref, value) => {
+	if (typeof ref === "function") ref(value);
+	else if (ref) ref.current = value;
+};
+const useComposedFlatListRef = (forwardedRef) => {
+	const $ = c(4);
+	const flatListRef = useRef(null);
+	let t0;
+	if ($[0] !== forwardedRef) {
+		t0 = (node) => {
+			flatListRef.current = node;
+			setForwardedRef(forwardedRef, node);
+		};
+		$[0] = forwardedRef;
+		$[1] = t0;
+	} else t0 = $[1];
+	const setFlatListRef = t0;
+	let t1;
+	if ($[2] !== setFlatListRef) {
+		t1 = [flatListRef, setFlatListRef];
+		$[2] = setFlatListRef;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+};
+const useThreadMessagesFlatListAutoScroll = (t0) => {
+	const $ = c(25);
+	const { flatListRef, hasMessages, autoScroll: t1, scrollToBottomOnRunStart: t2, scrollToBottomOnInitialize: t3, scrollToBottomOnThreadSwitch: t4 } = t0;
+	const autoScroll = t1 === void 0 ? true : t1;
+	const scrollToBottomOnRunStart = t2 === void 0 ? true : t2;
+	const scrollToBottomOnInitialize = t3 === void 0 ? true : t3;
+	const scrollToBottomOnThreadSwitch = t4 === void 0 ? true : t4;
+	let t5;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = {
+			contentHeight: 0,
+			viewportHeight: 0,
+			scrollY: 0
+		};
+		$[0] = t5;
+	} else t5 = $[0];
+	const metricsRef = useRef(t5);
+	const isAtBottomRef = useRef(true);
+	const lastScrollEventYRef = useRef(0);
+	const initializeScrollRequestedRef = useRef(false);
+	const pendingScrollToBottomRef = useRef(false);
+	let t6;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = () => {
+			const { contentHeight, scrollY, viewportHeight } = metricsRef.current;
+			isAtBottomRef.current = contentHeight <= viewportHeight || contentHeight - scrollY - viewportHeight <= AT_BOTTOM_THRESHOLD;
+		};
+		$[1] = t6;
+	} else t6 = $[1];
+	const updateIsAtBottom = t6;
+	let t7;
+	if ($[2] !== flatListRef) {
+		t7 = (animated) => {
+			const { contentHeight: contentHeight_0, viewportHeight: viewportHeight_0 } = metricsRef.current;
+			metricsRef.current.scrollY = Math.max(0, contentHeight_0 - viewportHeight_0);
+			isAtBottomRef.current = true;
+			flatListRef.current?.scrollToEnd({ animated });
+		};
+		$[2] = flatListRef;
+		$[3] = t7;
+	} else t7 = $[3];
+	const scrollToBottom = t7;
+	let t8;
+	if ($[4] !== autoScroll || $[5] !== scrollToBottom) {
+		t8 = (event) => {
+			const wasAtBottom = isAtBottomRef.current;
+			const previousViewportHeight = metricsRef.current.viewportHeight;
+			const viewportHeight_1 = event.nativeEvent.layout.height;
+			metricsRef.current.viewportHeight = viewportHeight_1;
+			updateIsAtBottom();
+			if (!wasAtBottom) return;
+			if (autoScroll && previousViewportHeight !== 0 && viewportHeight_1 !== previousViewportHeight) {
+				const pending = pendingScrollToBottomRef.current;
+				scrollToBottom(pending ? pending.animated : false);
+			} else isAtBottomRef.current = true;
+		};
+		$[4] = autoScroll;
+		$[5] = scrollToBottom;
+		$[6] = t8;
+	} else t8 = $[6];
+	const handleLayout = t8;
+	let t9;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = (event_0) => {
+			const { contentOffset, contentSize, layoutMeasurement } = event_0.nativeEvent;
+			const previousEventY = lastScrollEventYRef.current;
+			const wasPinnedToBottom = isAtBottomRef.current;
+			lastScrollEventYRef.current = contentOffset.y;
+			metricsRef.current = {
+				contentHeight: contentSize.height,
+				viewportHeight: layoutMeasurement.height,
+				scrollY: contentOffset.y
+			};
+			updateIsAtBottom();
+			const upwardMove = contentOffset.y < previousEventY;
+			if (wasPinnedToBottom && !upwardMove) isAtBottomRef.current = true;
+			if (!isAtBottomRef.current && upwardMove) pendingScrollToBottomRef.current = false;
+		};
+		$[7] = t9;
+	} else t9 = $[7];
+	const handleScroll = t9;
+	let t10;
+	if ($[8] !== autoScroll || $[9] !== scrollToBottom) {
+		t10 = (_width, height) => {
+			const metrics = metricsRef.current;
+			const previousContentHeight = metrics.contentHeight;
+			const wasAtBottom_0 = isAtBottomRef.current;
+			metrics.contentHeight = height;
+			updateIsAtBottom();
+			const pendingScroll = pendingScrollToBottomRef.current;
+			if (pendingScroll) {
+				pendingScrollToBottomRef.current = false;
+				scrollToBottom(pendingScroll.animated);
+				return;
+			}
+			if (!autoScroll) return;
+			if (!wasAtBottom_0) return;
+			if (previousContentHeight === 0) return;
+			if (height <= previousContentHeight) return;
+			scrollToBottom(false);
+		};
+		$[8] = autoScroll;
+		$[9] = scrollToBottom;
+		$[10] = t10;
+	} else t10 = $[10];
+	const handleContentSizeChange = t10;
+	let t11;
+	let t12;
+	if ($[11] !== hasMessages || $[12] !== scrollToBottom || $[13] !== scrollToBottomOnInitialize) {
+		t11 = () => {
+			if (!scrollToBottomOnInitialize) return;
+			if (!hasMessages) {
+				initializeScrollRequestedRef.current = false;
+				return;
+			}
+			if (initializeScrollRequestedRef.current) return;
+			initializeScrollRequestedRef.current = true;
+			pendingScrollToBottomRef.current = { animated: false };
+			scrollToBottom(false);
+		};
+		t12 = [
+			hasMessages,
+			scrollToBottom,
+			scrollToBottomOnInitialize
+		];
+		$[11] = hasMessages;
+		$[12] = scrollToBottom;
+		$[13] = scrollToBottomOnInitialize;
+		$[14] = t11;
+		$[15] = t12;
+	} else {
+		t11 = $[14];
+		t12 = $[15];
+	}
+	useEffect(t11, t12);
+	let t13;
+	if ($[16] !== scrollToBottom || $[17] !== scrollToBottomOnRunStart) {
+		t13 = () => {
+			if (!scrollToBottomOnRunStart) return;
+			pendingScrollToBottomRef.current = { animated: true };
+			scrollToBottom(true);
+		};
+		$[16] = scrollToBottom;
+		$[17] = scrollToBottomOnRunStart;
+		$[18] = t13;
+	} else t13 = $[18];
+	useAuiEvent("thread.runStart", t13);
+	let t14;
+	if ($[19] !== scrollToBottom || $[20] !== scrollToBottomOnThreadSwitch) {
+		t14 = () => {
+			if (!scrollToBottomOnThreadSwitch) return;
+			initializeScrollRequestedRef.current = false;
+			lastScrollEventYRef.current = 0;
+			pendingScrollToBottomRef.current = { animated: false };
+			scrollToBottom(false);
+		};
+		$[19] = scrollToBottom;
+		$[20] = scrollToBottomOnThreadSwitch;
+		$[21] = t14;
+	} else t14 = $[21];
+	useAuiEvent("threadListItem.switchedTo", t14);
+	let t15;
+	if ($[22] !== handleContentSizeChange || $[23] !== handleLayout) {
+		t15 = {
+			handleLayout,
+			handleScroll,
+			handleContentSizeChange
+		};
+		$[22] = handleContentSizeChange;
+		$[23] = handleLayout;
+		$[24] = t15;
+	} else t15 = $[24];
+	return t15;
+};
+const ThreadMessagesFlatList = forwardRef((t0, forwardedRef) => {
+	const $ = c(46);
+	let autoScroll;
 	let children;
 	let components;
 	let flatListProps;
+	let onContentSizeChange;
+	let onLayout;
+	let onScroll;
+	let scrollEventThrottle;
+	let scrollToBottomOnInitialize;
+	let scrollToBottomOnRunStart;
+	let scrollToBottomOnThreadSwitch;
 	if ($[0] !== t0) {
-		({components, children, ...flatListProps} = t0);
+		({autoScroll, components, children, onContentSizeChange, onLayout, onScroll, scrollEventThrottle, scrollToBottomOnInitialize, scrollToBottomOnRunStart, scrollToBottomOnThreadSwitch, ...flatListProps} = t0);
 		$[0] = t0;
-		$[1] = children;
-		$[2] = components;
-		$[3] = flatListProps;
+		$[1] = autoScroll;
+		$[2] = children;
+		$[3] = components;
+		$[4] = flatListProps;
+		$[5] = onContentSizeChange;
+		$[6] = onLayout;
+		$[7] = onScroll;
+		$[8] = scrollEventThrottle;
+		$[9] = scrollToBottomOnInitialize;
+		$[10] = scrollToBottomOnRunStart;
+		$[11] = scrollToBottomOnThreadSwitch;
 	} else {
-		children = $[1];
-		components = $[2];
-		flatListProps = $[3];
+		autoScroll = $[1];
+		children = $[2];
+		components = $[3];
+		flatListProps = $[4];
+		onContentSizeChange = $[5];
+		onLayout = $[6];
+		onScroll = $[7];
+		scrollEventThrottle = $[8];
+		scrollToBottomOnInitialize = $[9];
+		scrollToBottomOnRunStart = $[10];
+		scrollToBottomOnThreadSwitch = $[11];
 	}
 	const messages = useAuiState(_temp3);
-	let t1;
-	if ($[4] !== children || $[5] !== components) {
-		t1 = (t2) => {
-			const { index } = t2;
+	const [flatListRef, setFlatListRef] = useComposedFlatListRef(forwardedRef);
+	const t1 = messages.length > 0;
+	let t2;
+	if ($[12] !== autoScroll || $[13] !== flatListRef || $[14] !== scrollToBottomOnInitialize || $[15] !== scrollToBottomOnRunStart || $[16] !== scrollToBottomOnThreadSwitch || $[17] !== t1) {
+		t2 = {
+			flatListRef,
+			hasMessages: t1,
+			autoScroll,
+			scrollToBottomOnInitialize,
+			scrollToBottomOnRunStart,
+			scrollToBottomOnThreadSwitch
+		};
+		$[12] = autoScroll;
+		$[13] = flatListRef;
+		$[14] = scrollToBottomOnInitialize;
+		$[15] = scrollToBottomOnRunStart;
+		$[16] = scrollToBottomOnThreadSwitch;
+		$[17] = t1;
+		$[18] = t2;
+	} else t2 = $[18];
+	const { handleContentSizeChange: handleAutoScrollContentSizeChange, handleLayout: handleAutoScrollLayout, handleScroll: handleAutoScrollScroll } = useThreadMessagesFlatListAutoScroll(t2);
+	let t3;
+	if ($[19] !== children || $[20] !== components) {
+		t3 = (t4) => {
+			const { index } = t4;
 			if (children) return /* @__PURE__ */ jsx(ThreadMessageByChildren, {
 				index,
 				children
@@ -103,29 +348,136 @@ const ThreadMessages = forwardRef((t0, ref) => {
 				components
 			});
 		};
-		$[4] = children;
-		$[5] = components;
-		$[6] = t1;
-	} else t1 = $[6];
-	const renderItem = t1;
+		$[19] = children;
+		$[20] = components;
+		$[21] = t3;
+	} else t3 = $[21];
+	const renderItem = t3;
 	const keyExtractor = _temp4;
-	const t2 = messages;
-	let t3;
-	if ($[7] !== flatListProps || $[8] !== ref || $[9] !== renderItem || $[10] !== t2) {
-		t3 = /* @__PURE__ */ jsx(FlatList, {
-			ref,
-			data: t2,
+	const scrollTracking = (autoScroll ?? true) || (scrollToBottomOnInitialize ?? true) || (scrollToBottomOnRunStart ?? true) || (scrollToBottomOnThreadSwitch ?? true);
+	let t4;
+	if ($[22] !== handleAutoScrollLayout || $[23] !== onLayout) {
+		t4 = (event) => {
+			handleAutoScrollLayout(event);
+			onLayout?.(event);
+		};
+		$[22] = handleAutoScrollLayout;
+		$[23] = onLayout;
+		$[24] = t4;
+	} else t4 = $[24];
+	const handleLayout = t4;
+	let t5;
+	if ($[25] !== handleAutoScrollScroll || $[26] !== onScroll) {
+		t5 = (event_0) => {
+			handleAutoScrollScroll(event_0);
+			onScroll?.(event_0);
+		};
+		$[25] = handleAutoScrollScroll;
+		$[26] = onScroll;
+		$[27] = t5;
+	} else t5 = $[27];
+	const handleScroll = t5;
+	let t6;
+	if ($[28] !== handleAutoScrollContentSizeChange || $[29] !== onContentSizeChange) {
+		t6 = (width, height) => {
+			handleAutoScrollContentSizeChange(width, height);
+			onContentSizeChange?.(width, height);
+		};
+		$[28] = handleAutoScrollContentSizeChange;
+		$[29] = onContentSizeChange;
+		$[30] = t6;
+	} else t6 = $[30];
+	const handleContentSizeChange = t6;
+	const t7 = messages;
+	let t8;
+	if ($[31] !== handleContentSizeChange || $[32] !== handleLayout || $[33] !== handleScroll || $[34] !== onContentSizeChange || $[35] !== onLayout || $[36] !== onScroll || $[37] !== scrollEventThrottle || $[38] !== scrollTracking) {
+		t8 = scrollTracking ? {
+			onContentSizeChange: handleContentSizeChange,
+			onLayout: handleLayout,
+			onScroll: handleScroll,
+			scrollEventThrottle: scrollEventThrottle ?? 16
+		} : {
+			...onContentSizeChange && { onContentSizeChange },
+			...onLayout && { onLayout },
+			...onScroll && { onScroll },
+			...scrollEventThrottle !== void 0 && { scrollEventThrottle }
+		};
+		$[31] = handleContentSizeChange;
+		$[32] = handleLayout;
+		$[33] = handleScroll;
+		$[34] = onContentSizeChange;
+		$[35] = onLayout;
+		$[36] = onScroll;
+		$[37] = scrollEventThrottle;
+		$[38] = scrollTracking;
+		$[39] = t8;
+	} else t8 = $[39];
+	let t9;
+	if ($[40] !== flatListProps || $[41] !== renderItem || $[42] !== setFlatListRef || $[43] !== t7 || $[44] !== t8) {
+		t9 = /* @__PURE__ */ jsx(FlatList, {
+			ref: setFlatListRef,
+			data: t7,
 			renderItem,
 			keyExtractor,
+			...t8,
 			...flatListProps
 		});
-		$[7] = flatListProps;
+		$[40] = flatListProps;
+		$[41] = renderItem;
+		$[42] = setFlatListRef;
+		$[43] = t7;
+		$[44] = t8;
+		$[45] = t9;
+	} else t9 = $[45];
+	return t9;
+});
+ThreadMessagesFlatList.displayName = "ThreadPrimitive.MessagesFlatList";
+/** @deprecated Use ThreadPrimitive.MessagesFlatList instead. */
+const ThreadMessages = forwardRef((t0, ref) => {
+	const $ = c(13);
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({autoScroll: t1, scrollToBottomOnInitialize: t2, scrollToBottomOnRunStart: t3, scrollToBottomOnThreadSwitch: t4, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = t1;
+		$[3] = t2;
+		$[4] = t3;
+		$[5] = t4;
+	} else {
+		props = $[1];
+		t1 = $[2];
+		t2 = $[3];
+		t3 = $[4];
+		t4 = $[5];
+	}
+	const autoScroll = t1 === void 0 ? false : t1;
+	const scrollToBottomOnInitialize = t2 === void 0 ? false : t2;
+	const scrollToBottomOnRunStart = t3 === void 0 ? false : t3;
+	const scrollToBottomOnThreadSwitch = t4 === void 0 ? false : t4;
+	let t5;
+	if ($[6] !== autoScroll || $[7] !== props || $[8] !== ref || $[9] !== scrollToBottomOnInitialize || $[10] !== scrollToBottomOnRunStart || $[11] !== scrollToBottomOnThreadSwitch) {
+		t5 = /* @__PURE__ */ jsx(ThreadMessagesFlatList, {
+			ref,
+			autoScroll,
+			scrollToBottomOnInitialize,
+			scrollToBottomOnRunStart,
+			scrollToBottomOnThreadSwitch,
+			...props
+		});
+		$[6] = autoScroll;
+		$[7] = props;
 		$[8] = ref;
-		$[9] = renderItem;
-		$[10] = t2;
-		$[11] = t3;
-	} else t3 = $[11];
-	return t3;
+		$[9] = scrollToBottomOnInitialize;
+		$[10] = scrollToBottomOnRunStart;
+		$[11] = scrollToBottomOnThreadSwitch;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
 });
 ThreadMessages.displayName = "ThreadPrimitive.Messages";
 function _temp(s) {
@@ -141,6 +493,6 @@ function _temp4(item) {
 	return item.id;
 }
 //#endregion
-export { ThreadMessages };
+export { ThreadMessages, ThreadMessagesFlatList };
 
 //# sourceMappingURL=ThreadMessages.js.map

package/dist/primitives/thread/ThreadMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadMessages.js","names":["ComponentType","FC","ReactNode","forwardRef","memo","useCallback","FlatList","FlatListProps","MessageState","ThreadMessage","RenderChildrenWithAccessor","useAuiState","MessageByIndexProvider","MessageComponents","Message","EditComposer","UserEditComposer","AssistantEditComposer","SystemEditComposer","UserMessage","AssistantMessage","SystemMessage","MessagesContent","components","children","value","message","ThreadMessagesProps","Omit","DEFAULT_SYSTEM_MESSAGE","getComponent","role","isEditing","_exhaustiveCheck","Error","ThreadMessageComponent","t0","$","_c","_temp","_temp2","t1","Component","t2","ThreadMessageByIndex","index","prev","next","displayName","ThreadMessageByChildren","aui","thread","getState","getItem","ThreadMessages","ref","flatListProps","messages","_temp3","renderItem","keyExtractor","_temp4","t3","s","s_0","composer","item","id"],"sources":["../../../src/primitives/thread/ThreadMessages.tsx"],"sourcesContent":["import {\n  type ComponentType,\n  type FC,\n  type ReactNode,\n  forwardRef,\n  memo,\n  useCallback,\n} from \"react\";\nimport { FlatList, type FlatListProps } from \"react-native\";\nimport type { MessageState, ThreadMessage } from \"@assistant-ui/core\";\nimport { RenderChildrenWithAccessor, useAuiState } from \"@assistant-ui/store\";\nimport { MessageByIndexProvider } from \"@assistant-ui/core/react\";\n\ntype MessageComponents =\n  | {\n      Message: ComponentType;\n      EditComposer?: ComponentType | undefined;\n      UserEditComposer?: ComponentType | undefined;\n      AssistantEditComposer?: ComponentType | undefined;\n      SystemEditComposer?: ComponentType | undefined;\n      UserMessage?: ComponentType | undefined;\n      AssistantMessage?: ComponentType | undefined;\n      SystemMessage?: ComponentType | undefined;\n    }\n  | {\n      Message?: ComponentType | undefined;\n      EditComposer?: ComponentType | undefined;\n      UserEditComposer?: ComponentType | undefined;\n      AssistantEditComposer?: ComponentType | undefined;\n      SystemEditComposer?: ComponentType | undefined;\n      UserMessage: ComponentType;\n      AssistantMessage: ComponentType;\n      SystemMessage?: ComponentType | undefined;\n    };\n\ntype MessagesContent =\n  | {\n      /** @deprecated Use the children render function instead. */\n      components: MessageComponents;\n      children?: never;\n    }\n  | {\n      children: (value: { message: MessageState }) => ReactNode;\n      components?: never;\n    };\n\nexport type ThreadMessagesProps = Omit<\n  FlatListProps<ThreadMessage>,\n  \"data\" | \"renderItem\" | \"children\"\n> &\n  MessagesContent;\n\nconst DEFAULT_SYSTEM_MESSAGE = () => null;\n\nconst getComponent = (\n  components: MessageComponents,\n  role: ThreadMessage[\"role\"],\n  isEditing: boolean,\n) => {\n  switch (role) {\n    case \"user\":\n      if (isEditing) {\n        return (\n          components.UserEditComposer ??\n          components.EditComposer ??\n          components.UserMessage ??\n          (components.Message as ComponentType)\n        );\n      } else {\n        return components.UserMessage ?? (components.Message as ComponentType);\n      }\n    case \"assistant\":\n      if (isEditing) {\n        return (\n          components.AssistantEditComposer ??\n          components.EditComposer ??\n          components.AssistantMessage ??\n          (components.Message as ComponentType)\n        );\n      } else {\n        return (\n          components.AssistantMessage ?? (components.Message as ComponentType)\n        );\n      }\n    case \"system\":\n      if (isEditing) {\n        return (\n          components.SystemEditComposer ??\n          components.EditComposer ??\n          components.SystemMessage ??\n          (components.Message as ComponentType)\n        );\n      } else {\n        return (\n          components.SystemMessage ??\n          (components.Message as ComponentType) ??\n          DEFAULT_SYSTEM_MESSAGE\n        );\n      }\n    default: {\n      const _exhaustiveCheck: never = role;\n      throw new Error(`Unknown message role: ${_exhaustiveCheck}`);\n    }\n  }\n};\n\nconst ThreadMessageComponent: FC<{ components: MessageComponents }> = ({\n  components,\n}) => {\n  const role = useAuiState((s) => s.message.role);\n  const isEditing = useAuiState((s) => s.message.composer.isEditing);\n  const Component = getComponent(components, role, isEditing);\n\n  return <Component />;\n};\n\nconst ThreadMessageByIndex = memo(\n  ({ index, components }: { index: number; components: MessageComponents }) => {\n    return (\n      <MessageByIndexProvider index={index}>\n        <ThreadMessageComponent components={components} />\n      </MessageByIndexProvider>\n    );\n  },\n  (prev, next) =>\n    prev.index === next.index && prev.components === next.components,\n);\nThreadMessageByIndex.displayName = \"ThreadPrimitive.MessageByIndex\";\n\nconst ThreadMessageByChildren = memo(\n  ({\n    index,\n    children,\n  }: {\n    index: number;\n    children: (value: { message: MessageState }) => ReactNode;\n  }) => {\n    return (\n      <MessageByIndexProvider index={index}>\n        <RenderChildrenWithAccessor\n          getItemState={(aui) => aui.thread().message({ index }).getState()}\n        >\n          {(getItem) =>\n            children({\n              get message() {\n                return getItem();\n              },\n            })\n          }\n        </RenderChildrenWithAccessor>\n      </MessageByIndexProvider>\n    );\n  },\n  (prev, next) => prev.index === next.index && prev.children === next.children,\n);\nThreadMessageByChildren.displayName = \"ThreadPrimitive.MessageByChildren\";\n\nexport const ThreadMessages = forwardRef<\n  FlatList<ThreadMessage>,\n  ThreadMessagesProps\n>(({ components, children, ...flatListProps }, ref) => {\n  const messages = useAuiState((s) => s.thread.messages);\n\n  const renderItem = useCallback(\n    ({ index }: { item: ThreadMessage; index: number }) => {\n      if (children) {\n        return (\n          <ThreadMessageByChildren index={index}>\n            {children}\n          </ThreadMessageByChildren>\n        );\n      }\n      return <ThreadMessageByIndex index={index} components={components!} />;\n    },\n    [components, children],\n  );\n\n  const keyExtractor = useCallback((item: ThreadMessage) => item.id, []);\n\n  return (\n    <FlatList\n      ref={ref}\n      data={messages as unknown as ThreadMessage[]}\n      renderItem={renderItem}\n      keyExtractor={keyExtractor}\n      {...flatListProps}\n    />\n  );\n});\nThreadMessages.displayName = \"ThreadPrimitive.Messages\";\n"],"mappings":"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"}
+{"version":3,"file":"ThreadMessages.js","names":["ComponentType","FC","ForwardedRef","ReactNode","RefObject","forwardRef","memo","useCallback","useEffect","useRef","FlatList","FlatListProps","LayoutChangeEvent","NativeScrollEvent","NativeSyntheticEvent","MessageState","ThreadMessage","RenderChildrenWithAccessor","useAuiEvent","useAuiState","MessageByIndexProvider","MessageComponents","Message","EditComposer","UserEditComposer","AssistantEditComposer","SystemEditComposer","UserMessage","AssistantMessage","SystemMessage","MessagesContent","components","children","value","message","ThreadMessagesFlatListProps","Omit","autoScroll","scrollToBottomOnRunStart","scrollToBottomOnInitialize","scrollToBottomOnThreadSwitch","ThreadMessagesProps","DEFAULT_SYSTEM_MESSAGE","AT_BOTTOM_THRESHOLD","getComponent","role","isEditing","_exhaustiveCheck","Error","ThreadMessageComponent","t0","$","_c","_temp","_temp2","t1","Component","t2","ThreadMessageByIndex","index","prev","next","displayName","ThreadMessageByChildren","aui","thread","getState","getItem","setForwardedRef","ref","T","current","useComposedFlatListRef","forwardedRef","flatListRef","node","setFlatListRef","const","useThreadMessagesFlatListAutoScroll","hasMessages","t3","t4","undefined","t5","Symbol","for","contentHeight","viewportHeight","scrollY","metricsRef","isAtBottomRef","lastScrollEventYRef","initializeScrollRequestedRef","pendingScrollToBottomRef","t6","updateIsAtBottom","t7","animated","contentHeight_0","viewportHeight_0","Math","max","scrollToEnd","scrollToBottom","t8","event","wasAtBottom","previousViewportHeight","viewportHeight_1","nativeEvent","layout","height","pending","handleLayout","t9","event_0","contentOffset","contentSize","layoutMeasurement","previousEventY","wasPinnedToBottom","y","upwardMove","handleScroll","t10","_width","metrics","previousContentHeight","wasAtBottom_0","pendingScroll","handleContentSizeChange","t11","t12","t13","t14","t15","ThreadMessagesFlatList","flatListProps","onContentSizeChange","onLayout","onScroll","scrollEventThrottle","messages","_temp3","length","handleAutoScrollContentSizeChange","handleAutoScrollLayout","handleAutoScrollScroll","renderItem","keyExtractor","_temp4","scrollTracking","width","ThreadMessages","props","s","s_0","composer","item","id"],"sources":["../../../src/primitives/thread/ThreadMessages.tsx"],"sourcesContent":["import {\n  type ComponentType,\n  type FC,\n  type ForwardedRef,\n  type ReactNode,\n  type RefObject,\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport {\n  FlatList,\n  type FlatListProps,\n  type LayoutChangeEvent,\n  type NativeScrollEvent,\n  type NativeSyntheticEvent,\n} from \"react-native\";\nimport type { MessageState, ThreadMessage } from \"@assistant-ui/core\";\nimport {\n  RenderChildrenWithAccessor,\n  useAuiEvent,\n  useAuiState,\n} from \"@assistant-ui/store\";\nimport { MessageByIndexProvider } from \"@assistant-ui/core/react\";\n\ntype MessageComponents =\n  | {\n      Message: ComponentType;\n      EditComposer?: ComponentType | undefined;\n      UserEditComposer?: ComponentType | undefined;\n      AssistantEditComposer?: ComponentType | undefined;\n      SystemEditComposer?: ComponentType | undefined;\n      UserMessage?: ComponentType | undefined;\n      AssistantMessage?: ComponentType | undefined;\n      SystemMessage?: ComponentType | undefined;\n    }\n  | {\n      Message?: ComponentType | undefined;\n      EditComposer?: ComponentType | undefined;\n      UserEditComposer?: ComponentType | undefined;\n      AssistantEditComposer?: ComponentType | undefined;\n      SystemEditComposer?: ComponentType | undefined;\n      UserMessage: ComponentType;\n      AssistantMessage: ComponentType;\n      SystemMessage?: ComponentType | undefined;\n    };\n\ntype MessagesContent =\n  | {\n      /** @deprecated Use the children render function instead. */\n      components: MessageComponents;\n      children?: never;\n    }\n  | {\n      children: (value: { message: MessageState }) => ReactNode;\n      components?: never;\n    };\n\nexport type ThreadMessagesFlatListProps = Omit<\n  FlatListProps<ThreadMessage>,\n  \"data\" | \"renderItem\" | \"children\"\n> &\n  MessagesContent & {\n    autoScroll?: boolean | undefined;\n    scrollToBottomOnRunStart?: boolean | undefined;\n    scrollToBottomOnInitialize?: boolean | undefined;\n    scrollToBottomOnThreadSwitch?: boolean | undefined;\n  };\n\n/** @deprecated Use ThreadMessagesFlatListProps instead. */\nexport type ThreadMessagesProps = ThreadMessagesFlatListProps;\n\nconst DEFAULT_SYSTEM_MESSAGE = () => null;\nconst AT_BOTTOM_THRESHOLD = 4;\n\nconst getComponent = (\n  components: MessageComponents,\n  role: ThreadMessage[\"role\"],\n  isEditing: boolean,\n) => {\n  switch (role) {\n    case \"user\":\n      if (isEditing) {\n        return (\n          components.UserEditComposer ??\n          components.EditComposer ??\n          components.UserMessage ??\n          (components.Message as ComponentType)\n        );\n      } else {\n        return components.UserMessage ?? (components.Message as ComponentType);\n      }\n    case \"assistant\":\n      if (isEditing) {\n        return (\n          components.AssistantEditComposer ??\n          components.EditComposer ??\n          components.AssistantMessage ??\n          (components.Message as ComponentType)\n        );\n      } else {\n        return (\n          components.AssistantMessage ?? (components.Message as ComponentType)\n        );\n      }\n    case \"system\":\n      if (isEditing) {\n        return (\n          components.SystemEditComposer ??\n          components.EditComposer ??\n          components.SystemMessage ??\n          (components.Message as ComponentType)\n        );\n      } else {\n        return (\n          components.SystemMessage ??\n          (components.Message as ComponentType) ??\n          DEFAULT_SYSTEM_MESSAGE\n        );\n      }\n    default: {\n      const _exhaustiveCheck: never = role;\n      throw new Error(`Unknown message role: ${_exhaustiveCheck}`);\n    }\n  }\n};\n\nconst ThreadMessageComponent: FC<{ components: MessageComponents }> = ({\n  components,\n}) => {\n  const role = useAuiState((s) => s.message.role);\n  const isEditing = useAuiState((s) => s.message.composer.isEditing);\n  const Component = getComponent(components, role, isEditing);\n\n  return <Component />;\n};\n\nconst ThreadMessageByIndex = memo(\n  ({ index, components }: { index: number; components: MessageComponents }) => {\n    return (\n      <MessageByIndexProvider index={index}>\n        <ThreadMessageComponent components={components} />\n      </MessageByIndexProvider>\n    );\n  },\n  (prev, next) =>\n    prev.index === next.index && prev.components === next.components,\n);\nThreadMessageByIndex.displayName = \"ThreadPrimitive.MessageByIndex\";\n\nconst ThreadMessageByChildren = memo(\n  ({\n    index,\n    children,\n  }: {\n    index: number;\n    children: (value: { message: MessageState }) => ReactNode;\n  }) => {\n    return (\n      <MessageByIndexProvider index={index}>\n        <RenderChildrenWithAccessor\n          getItemState={(aui) => aui.thread().message({ index }).getState()}\n        >\n          {(getItem) =>\n            children({\n              get message() {\n                return getItem();\n              },\n            })\n          }\n        </RenderChildrenWithAccessor>\n      </MessageByIndexProvider>\n    );\n  },\n  (prev, next) => prev.index === next.index && prev.children === next.children,\n);\nThreadMessageByChildren.displayName = \"ThreadPrimitive.MessageByChildren\";\n\nconst setForwardedRef = <T,>(ref: ForwardedRef<T>, value: T | null) => {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n};\n\nconst useComposedFlatListRef = (\n  forwardedRef: ForwardedRef<FlatList<ThreadMessage>>,\n) => {\n  const flatListRef = useRef<FlatList<ThreadMessage> | null>(null);\n\n  const setFlatListRef = useCallback(\n    (node: FlatList<ThreadMessage> | null) => {\n      flatListRef.current = node;\n      setForwardedRef(forwardedRef, node);\n    },\n    [forwardedRef],\n  );\n\n  return [flatListRef, setFlatListRef] as const;\n};\n\nconst useThreadMessagesFlatListAutoScroll = ({\n  flatListRef,\n  hasMessages,\n  autoScroll = true,\n  scrollToBottomOnRunStart = true,\n  scrollToBottomOnInitialize = true,\n  scrollToBottomOnThreadSwitch = true,\n}: {\n  flatListRef: RefObject<FlatList<ThreadMessage> | null>;\n  hasMessages: boolean;\n  autoScroll?: boolean | undefined;\n  scrollToBottomOnRunStart?: boolean | undefined;\n  scrollToBottomOnInitialize?: boolean | undefined;\n  scrollToBottomOnThreadSwitch?: boolean | undefined;\n}) => {\n  const metricsRef = useRef({\n    contentHeight: 0,\n    viewportHeight: 0,\n    scrollY: 0,\n  });\n  const isAtBottomRef = useRef(true);\n  const lastScrollEventYRef = useRef(0);\n  const initializeScrollRequestedRef = useRef(false);\n  const pendingScrollToBottomRef = useRef<false | { animated: boolean }>(false);\n\n  const updateIsAtBottom = useCallback(() => {\n    const { contentHeight, scrollY, viewportHeight } = metricsRef.current;\n    isAtBottomRef.current =\n      contentHeight <= viewportHeight ||\n      contentHeight - scrollY - viewportHeight <= AT_BOTTOM_THRESHOLD;\n  }, []);\n\n  // Commanding a scroll records the intended position immediately; the\n  // native scroll echo is bridged and throttled, so waiting for it lets a\n  // fast stream observe stale metrics and drop out of following.\n  const scrollToBottom = useCallback(\n    (animated: boolean) => {\n      const { contentHeight, viewportHeight } = metricsRef.current;\n      metricsRef.current.scrollY = Math.max(0, contentHeight - viewportHeight);\n      isAtBottomRef.current = true;\n      flatListRef.current?.scrollToEnd({ animated });\n    },\n    [flatListRef],\n  );\n\n  const handleLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      const wasAtBottom = isAtBottomRef.current;\n      const previousViewportHeight = metricsRef.current.viewportHeight;\n      const viewportHeight = event.nativeEvent.layout.height;\n      metricsRef.current.viewportHeight = viewportHeight;\n      updateIsAtBottom();\n      if (!wasAtBottom) return;\n      // Layout changes are never user gestures, so they must not unpin. Past\n      // the first measurement, a viewport change while pinned re-commands the\n      // bottom position, since no content-size event follows a bare keyboard\n      // open or close.\n      if (\n        autoScroll &&\n        previousViewportHeight !== 0 &&\n        viewportHeight !== previousViewportHeight\n      ) {\n        const pending = pendingScrollToBottomRef.current;\n        scrollToBottom(pending ? pending.animated : false);\n      } else {\n        isAtBottomRef.current = true;\n      }\n    },\n    [autoScroll, scrollToBottom, updateIsAtBottom],\n  );\n\n  const handleScroll = useCallback(\n    (event: NativeSyntheticEvent<NativeScrollEvent>) => {\n      const { contentOffset, contentSize, layoutMeasurement } =\n        event.nativeEvent;\n      const previousEventY = lastScrollEventYRef.current;\n      const wasPinnedToBottom = isAtBottomRef.current;\n      lastScrollEventYRef.current = contentOffset.y;\n      metricsRef.current = {\n        contentHeight: contentSize.height,\n        viewportHeight: layoutMeasurement.height,\n        scrollY: contentOffset.y,\n      };\n      updateIsAtBottom();\n      const upwardMove = contentOffset.y < previousEventY;\n      // Only a deliberate upward move unpins or cancels a pending scroll.\n      // Gestures are detected echo-to-echo because a commanded scroll\n      // optimistically moves the tracked position ahead of its ascending\n      // animation echoes, and those echoes must not unpin mid-flight.\n      if (wasPinnedToBottom && !upwardMove) {\n        isAtBottomRef.current = true;\n      }\n      if (!isAtBottomRef.current && upwardMove) {\n        pendingScrollToBottomRef.current = false;\n      }\n    },\n    [updateIsAtBottom],\n  );\n\n  const handleContentSizeChange = useCallback(\n    (_width: number, height: number) => {\n      const metrics = metricsRef.current;\n      const previousContentHeight = metrics.contentHeight;\n      const wasAtBottom = isAtBottomRef.current;\n      metrics.contentHeight = height;\n      updateIsAtBottom();\n\n      // FlatList.scrollToEnd is a no-op before the list has measured, so the\n      // initialize and thread-switch scrolls land on the next content-size\n      // event, once real metrics exist.\n      const pendingScroll = pendingScrollToBottomRef.current;\n      if (pendingScroll) {\n        pendingScrollToBottomRef.current = false;\n        scrollToBottom(pendingScroll.animated);\n        return;\n      }\n\n      if (!autoScroll) return;\n      if (!wasAtBottom) return;\n      if (previousContentHeight === 0) return;\n      if (height <= previousContentHeight) return;\n\n      scrollToBottom(false);\n    },\n    [autoScroll, scrollToBottom, updateIsAtBottom],\n  );\n\n  useEffect(() => {\n    if (!scrollToBottomOnInitialize) return;\n    if (!hasMessages) {\n      initializeScrollRequestedRef.current = false;\n      return;\n    }\n    if (initializeScrollRequestedRef.current) return;\n\n    initializeScrollRequestedRef.current = true;\n    pendingScrollToBottomRef.current = { animated: false };\n    scrollToBottom(false);\n  }, [hasMessages, scrollToBottom, scrollToBottomOnInitialize]);\n\n  useAuiEvent(\"thread.runStart\", () => {\n    if (!scrollToBottomOnRunStart) return;\n    pendingScrollToBottomRef.current = { animated: true };\n    scrollToBottom(true);\n  });\n\n  useAuiEvent(\"threadListItem.switchedTo\", () => {\n    if (!scrollToBottomOnThreadSwitch) return;\n    initializeScrollRequestedRef.current = false;\n    lastScrollEventYRef.current = 0;\n    pendingScrollToBottomRef.current = { animated: false };\n    scrollToBottom(false);\n  });\n\n  return {\n    handleLayout,\n    handleScroll,\n    handleContentSizeChange,\n  };\n};\n\nexport const ThreadMessagesFlatList = forwardRef<\n  FlatList<ThreadMessage>,\n  ThreadMessagesFlatListProps\n>(\n  (\n    {\n      autoScroll,\n      components,\n      children,\n      onContentSizeChange,\n      onLayout,\n      onScroll,\n      scrollEventThrottle,\n      scrollToBottomOnInitialize,\n      scrollToBottomOnRunStart,\n      scrollToBottomOnThreadSwitch,\n      ...flatListProps\n    },\n    forwardedRef,\n  ) => {\n    const messages = useAuiState((s) => s.thread.messages);\n    const [flatListRef, setFlatListRef] = useComposedFlatListRef(forwardedRef);\n    const {\n      handleContentSizeChange: handleAutoScrollContentSizeChange,\n      handleLayout: handleAutoScrollLayout,\n      handleScroll: handleAutoScrollScroll,\n    } = useThreadMessagesFlatListAutoScroll({\n      flatListRef,\n      hasMessages: messages.length > 0,\n      autoScroll,\n      scrollToBottomOnInitialize,\n      scrollToBottomOnRunStart,\n      scrollToBottomOnThreadSwitch,\n    });\n\n    const renderItem = useCallback(\n      ({ index }: { item: ThreadMessage; index: number }) => {\n        if (children) {\n          return (\n            <ThreadMessageByChildren index={index}>\n              {children}\n            </ThreadMessageByChildren>\n          );\n        }\n        return <ThreadMessageByIndex index={index} components={components!} />;\n      },\n      [components, children],\n    );\n\n    const keyExtractor = useCallback((item: ThreadMessage) => item.id, []);\n\n    const scrollTracking =\n      (autoScroll ?? true) ||\n      (scrollToBottomOnInitialize ?? true) ||\n      (scrollToBottomOnRunStart ?? true) ||\n      (scrollToBottomOnThreadSwitch ?? true);\n\n    const handleLayout = useCallback(\n      (event: LayoutChangeEvent) => {\n        handleAutoScrollLayout(event);\n        onLayout?.(event);\n      },\n      [handleAutoScrollLayout, onLayout],\n    );\n\n    const handleScroll = useCallback(\n      (event: NativeSyntheticEvent<NativeScrollEvent>) => {\n        handleAutoScrollScroll(event);\n        onScroll?.(event);\n      },\n      [handleAutoScrollScroll, onScroll],\n    );\n\n    const handleContentSizeChange = useCallback(\n      (width: number, height: number) => {\n        handleAutoScrollContentSizeChange(width, height);\n        onContentSizeChange?.(width, height);\n      },\n      [handleAutoScrollContentSizeChange, onContentSizeChange],\n    );\n\n    return (\n      <FlatList\n        ref={setFlatListRef}\n        data={messages as unknown as ThreadMessage[]}\n        renderItem={renderItem}\n        keyExtractor={keyExtractor}\n        {...(scrollTracking\n          ? {\n              onContentSizeChange: handleContentSizeChange,\n              onLayout: handleLayout,\n              onScroll: handleScroll,\n              scrollEventThrottle: scrollEventThrottle ?? 16,\n            }\n          : {\n              ...(onContentSizeChange && { onContentSizeChange }),\n              ...(onLayout && { onLayout }),\n              ...(onScroll && { onScroll }),\n              ...(scrollEventThrottle !== undefined && { scrollEventThrottle }),\n            })}\n        {...flatListProps}\n      />\n    );\n  },\n);\nThreadMessagesFlatList.displayName = \"ThreadPrimitive.MessagesFlatList\";\n\n/** @deprecated Use ThreadPrimitive.MessagesFlatList instead. */\nexport const ThreadMessages = forwardRef<\n  FlatList<ThreadMessage>,\n  ThreadMessagesProps\n>(\n  (\n    {\n      autoScroll = false,\n      scrollToBottomOnInitialize = false,\n      scrollToBottomOnRunStart = false,\n      scrollToBottomOnThreadSwitch = false,\n      ...props\n    },\n    ref,\n  ) => (\n    <ThreadMessagesFlatList\n      ref={ref}\n      autoScroll={autoScroll}\n      scrollToBottomOnInitialize={scrollToBottomOnInitialize}\n      scrollToBottomOnRunStart={scrollToBottomOnRunStart}\n      scrollToBottomOnThreadSwitch={scrollToBottomOnThreadSwitch}\n      {...props}\n    />\n  ),\n);\nThreadMessages.displayName = \"ThreadPrimitive.Messages\";\n"],"mappings":"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"}

package/dist/primitives/thread.d.ts

@@ -1,12 +1,12 @@
 import { ThreadRoot, ThreadRootProps } from "./thread/ThreadRoot.js";
-import { ThreadMessages, ThreadMessagesProps } from "./thread/ThreadMessages.js";
+import { ThreadMessages, ThreadMessagesFlatList, ThreadMessagesFlatListProps, ThreadMessagesProps } from "./thread/ThreadMessages.js";
 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";
 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 };
+  export { ThreadEmpty as Empty, ThreadEmptyProps as EmptyProps, ThreadIf as If, ThreadIfProps as IfProps, MessageByIndex, ThreadMessages as Messages, ThreadMessagesFlatList as MessagesFlatList, ThreadMessagesFlatListProps as MessagesFlatListProps, ThreadMessagesProps as MessagesProps, ThreadRoot as Root, ThreadRootProps as RootProps, ThreadSuggestion as Suggestion, SuggestionByIndex, ThreadSuggestionProps as SuggestionProps, Suggestions, Unstable_MessageById };
 }
 //#endregion
-export { ThreadEmpty as Empty, type ThreadEmptyProps as EmptyProps, ThreadIf as If, type ThreadIfProps as IfProps, MessageByIndex, ThreadMessages as Messages, type ThreadMessagesProps as MessagesProps, ThreadRoot as Root, type ThreadRootProps as RootProps, ThreadSuggestion as Suggestion, SuggestionByIndex, type ThreadSuggestionProps as SuggestionProps, Suggestions, Unstable_MessageById, thread_d_exports };
+export { ThreadEmpty as Empty, type ThreadEmptyProps as EmptyProps, ThreadIf as If, type ThreadIfProps as IfProps, MessageByIndex, ThreadMessages as Messages, ThreadMessagesFlatList as MessagesFlatList, type ThreadMessagesFlatListProps as MessagesFlatListProps, type ThreadMessagesProps as MessagesProps, ThreadRoot as Root, type ThreadRootProps as RootProps, ThreadSuggestion as Suggestion, SuggestionByIndex, type ThreadSuggestionProps as SuggestionProps, Suggestions, Unstable_MessageById, thread_d_exports };
 //# sourceMappingURL=thread.d.ts.map

package/dist/primitives/thread.js

@@ -1,6 +1,6 @@
 import { __exportAll } from "../_virtual/_rolldown/runtime.js";
 import { ThreadRoot } from "./thread/ThreadRoot.js";
-import { ThreadMessages } from "./thread/ThreadMessages.js";
+import { ThreadMessages, ThreadMessagesFlatList } from "./thread/ThreadMessages.js";
 import { ThreadEmpty } from "./thread/ThreadEmpty.js";
 import { ThreadIf } from "./thread/ThreadIf.js";
 import { ThreadSuggestion } from "./thread/ThreadSuggestion.js";
@@ -11,6 +11,7 @@ var thread_exports = /* @__PURE__ */ __exportAll({
 	If: () => ThreadIf,
 	MessageByIndex: () => MessageByIndex,
 	Messages: () => ThreadMessages,
+	MessagesFlatList: () => ThreadMessagesFlatList,
 	Root: () => ThreadRoot,
 	Suggestion: () => ThreadSuggestion,
 	SuggestionByIndex: () => SuggestionByIndex,
@@ -18,6 +19,6 @@ var thread_exports = /* @__PURE__ */ __exportAll({
 	Unstable_MessageById: () => Unstable_MessageById
 });
 //#endregion
-export { ThreadEmpty as Empty, ThreadIf as If, MessageByIndex, ThreadMessages as Messages, ThreadRoot as Root, ThreadSuggestion as Suggestion, SuggestionByIndex, Suggestions, Unstable_MessageById, thread_exports };
+export { ThreadEmpty as Empty, ThreadIf as If, MessageByIndex, ThreadMessages as Messages, ThreadMessagesFlatList as MessagesFlatList, ThreadRoot as Root, ThreadSuggestion as Suggestion, SuggestionByIndex, Suggestions, Unstable_MessageById, thread_exports };
 
 //# sourceMappingURL=thread.js.map

package/dist/primitives/thread.js.map

@@ -1 +1 @@
-{"version":3,"file":"thread.js","names":["ThreadRoot","Root","ThreadRootProps","RootProps","ThreadMessages","Messages","ThreadMessagesProps","MessagesProps","ThreadPrimitiveMessageByIndex","MessageByIndex","ThreadPrimitiveUnstable_MessageById","Unstable_MessageById","ThreadEmpty","Empty","ThreadEmptyProps","EmptyProps","ThreadIf","If","ThreadIfProps","IfProps","ThreadSuggestion","Suggestion","ThreadSuggestionProps","SuggestionProps","ThreadPrimitiveSuggestions","Suggestions","ThreadPrimitiveSuggestionByIndex","SuggestionByIndex"],"sources":["../../src/primitives/thread.ts"],"sourcesContent":["export {\n  ThreadRoot as Root,\n  type ThreadRootProps as RootProps,\n} from \"./thread/ThreadRoot\";\nexport {\n  ThreadMessages as Messages,\n  type ThreadMessagesProps as MessagesProps,\n} from \"./thread/ThreadMessages\";\nexport { ThreadPrimitiveMessageByIndex as MessageByIndex } from \"@assistant-ui/core/react\";\nexport { ThreadPrimitiveUnstable_MessageById as Unstable_MessageById } from \"@assistant-ui/core/react\";\nexport {\n  ThreadEmpty as Empty,\n  type ThreadEmptyProps as EmptyProps,\n} from \"./thread/ThreadEmpty\";\nexport {\n  ThreadIf as If,\n  type ThreadIfProps as IfProps,\n} from \"./thread/ThreadIf\";\nexport {\n  ThreadSuggestion as Suggestion,\n  type ThreadSuggestionProps as SuggestionProps,\n} from \"./thread/ThreadSuggestion\";\nexport {\n  ThreadPrimitiveSuggestions as Suggestions,\n  ThreadPrimitiveSuggestionByIndex as SuggestionByIndex,\n} from \"@assistant-ui/core/react\";\n"],"mappings":""}
+{"version":3,"file":"thread.js","names":["ThreadRoot","Root","ThreadRootProps","RootProps","ThreadMessagesFlatList","MessagesFlatList","ThreadMessagesFlatListProps","MessagesFlatListProps","ThreadMessages","Messages","ThreadMessagesProps","MessagesProps","ThreadPrimitiveMessageByIndex","MessageByIndex","ThreadPrimitiveUnstable_MessageById","Unstable_MessageById","ThreadEmpty","Empty","ThreadEmptyProps","EmptyProps","ThreadIf","If","ThreadIfProps","IfProps","ThreadSuggestion","Suggestion","ThreadSuggestionProps","SuggestionProps","ThreadPrimitiveSuggestions","Suggestions","ThreadPrimitiveSuggestionByIndex","SuggestionByIndex"],"sources":["../../src/primitives/thread.ts"],"sourcesContent":["export {\n  ThreadRoot as Root,\n  type ThreadRootProps as RootProps,\n} from \"./thread/ThreadRoot\";\nexport {\n  ThreadMessagesFlatList as MessagesFlatList,\n  type ThreadMessagesFlatListProps as MessagesFlatListProps,\n  ThreadMessages as Messages,\n  type ThreadMessagesProps as MessagesProps,\n} from \"./thread/ThreadMessages\";\nexport { ThreadPrimitiveMessageByIndex as MessageByIndex } from \"@assistant-ui/core/react\";\nexport { ThreadPrimitiveUnstable_MessageById as Unstable_MessageById } from \"@assistant-ui/core/react\";\nexport {\n  ThreadEmpty as Empty,\n  type ThreadEmptyProps as EmptyProps,\n} from \"./thread/ThreadEmpty\";\nexport {\n  ThreadIf as If,\n  type ThreadIfProps as IfProps,\n} from \"./thread/ThreadIf\";\nexport {\n  ThreadSuggestion as Suggestion,\n  type ThreadSuggestionProps as SuggestionProps,\n} from \"./thread/ThreadSuggestion\";\nexport {\n  ThreadPrimitiveSuggestions as Suggestions,\n  ThreadPrimitiveSuggestionByIndex as SuggestionByIndex,\n} from \"@assistant-ui/core/react\";\n"],"mappings":""}

package/dist/primitives/threadList/ThreadListItems.js

@@ -2,6 +2,7 @@ import { useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { FlatList } from "react-native";
 import { jsx } from "react/jsx-runtime";
+import "@assistant-ui/tap/react-shim";
 //#region src/primitives/threadList/ThreadListItems.tsx
 const ThreadListItems = (t0) => {
 	const $ = c(9);

package/dist/primitives/threadList/ThreadListItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItems.js","names":["ReactElement","useCallback","FlatList","FlatListProps","useAuiState","ThreadListItemsProps","Omit","renderItem","props","threadId","index","ThreadListItems","t0","$","_c","flatListProps","threadIds","_temp","t1","t2","item","renderFlatListItem","keyExtractor","_temp2","t3","s","threads","item_0"],"sources":["../../../src/primitives/threadList/ThreadListItems.tsx"],"sourcesContent":["import { type ReactElement, useCallback } from \"react\";\nimport { FlatList, type FlatListProps } from \"react-native\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport type ThreadListItemsProps = Omit<\n  FlatListProps<string>,\n  \"data\" | \"renderItem\"\n> & {\n  renderItem: (props: { threadId: string; index: number }) => ReactElement;\n};\n\nexport const ThreadListItems = ({\n  renderItem,\n  ...flatListProps\n}: ThreadListItemsProps) => {\n  const threadIds = useAuiState((s) => s.threads.threadIds);\n\n  const renderFlatListItem = useCallback(\n    ({ item, index }: { item: string; index: number }) => {\n      return renderItem({ threadId: item, index });\n    },\n    [renderItem],\n  );\n\n  const keyExtractor = useCallback((item: string) => item, []);\n\n  return (\n    <FlatList\n      data={threadIds as string[]}\n      renderItem={renderFlatListItem}\n      keyExtractor={keyExtractor}\n      {...flatListProps}\n    />\n  );\n};\n"],"mappings":";;;;;AAWA,MAAaW,mBAAkBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAR;CAAA,IAAAM,EAAA,OAAAD,IAAA;EAAC,CAAA,CAAAL,eAAAQ,iBAAAH;EAGTC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAN;CAAA,OAAA;EAAAQ,gBAAAF,EAAA;EAAAN,aAAAM,EAAA;CAAA;CACrB,MAAAG,YAAkBZ,YAAYa,KAA0B;CAAE,IAAAC;CAAA,IAAAL,EAAA,OAAAN,YAAA;EAGxDW,MAAAC,OAAA;GAAC,MAAA,EAAAC,MAAAV,UAAAS;GAAgD,OACxCZ,WAAW;IAAAE,UAAYW;IAAIV;GAAQ,CAAC;EAAC;EAC7CG,EAAA,KAAAN;EAAAM,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAHH,MAAAQ,qBAA2BH;CAO3B,MAAAI,eAAqBC;CAIX,MAAAJ,KAAAH;CAAqB,IAAAQ;CAAA,IAAAX,EAAA,OAAAE,iBAAAF,EAAA,OAAAQ,sBAAAR,EAAA,OAAAM,IAAA;EAD7BK,KAAA,oBAAC,UAAD;GACQ,MAAAL;GACME,YAAAA;GACEC;GAAY,GACtBP;EAAa,CAAA;EACjBF,EAAA,KAAAE;EAAAF,EAAA,KAAAQ;EAAAR,EAAA,KAAAM;EAAAN,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,OALFW;AAKE;AArByB,SAAAP,MAAAQ,GAAA;CAAA,OAIQA,EAACC,QAAQV;AAAU;AAJ3B,SAAAO,OAAAI,QAAA;CAAA,OAasBP;AAAI"}
+{"version":3,"file":"ThreadListItems.js","names":["ReactElement","useCallback","FlatList","FlatListProps","useAuiState","ThreadListItemsProps","Omit","renderItem","props","threadId","index","ThreadListItems","t0","$","_c","flatListProps","threadIds","_temp","t1","t2","item","renderFlatListItem","keyExtractor","_temp2","t3","s","threads","item_0"],"sources":["../../../src/primitives/threadList/ThreadListItems.tsx"],"sourcesContent":["import { type ReactElement, useCallback } from \"react\";\nimport { FlatList, type FlatListProps } from \"react-native\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport type ThreadListItemsProps = Omit<\n  FlatListProps<string>,\n  \"data\" | \"renderItem\"\n> & {\n  renderItem: (props: { threadId: string; index: number }) => ReactElement;\n};\n\nexport const ThreadListItems = ({\n  renderItem,\n  ...flatListProps\n}: ThreadListItemsProps) => {\n  const threadIds = useAuiState((s) => s.threads.threadIds);\n\n  const renderFlatListItem = useCallback(\n    ({ item, index }: { item: string; index: number }) => {\n      return renderItem({ threadId: item, index });\n    },\n    [renderItem],\n  );\n\n  const keyExtractor = useCallback((item: string) => item, []);\n\n  return (\n    <FlatList\n      data={threadIds as string[]}\n      renderItem={renderFlatListItem}\n      keyExtractor={keyExtractor}\n      {...flatListProps}\n    />\n  );\n};\n"],"mappings":";;;;;;AAWA,MAAaW,mBAAkBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAR;CAAA,IAAAM,EAAA,OAAAD,IAAA;EAAC,CAAA,CAAAL,eAAAQ,iBAAAH;EAGTC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAN;CAAA,OAAA;EAAAQ,gBAAAF,EAAA;EAAAN,aAAAM,EAAA;CAAA;CACrB,MAAAG,YAAkBZ,YAAYa,KAA0B;CAAE,IAAAC;CAAA,IAAAL,EAAA,OAAAN,YAAA;EAGxDW,MAAAC,OAAA;GAAC,MAAA,EAAAC,MAAAV,UAAAS;GAAgD,OACxCZ,WAAW;IAAAE,UAAYW;IAAIV;GAAQ,CAAC;EAAC;EAC7CG,EAAA,KAAAN;EAAAM,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAHH,MAAAQ,qBAA2BH;CAO3B,MAAAI,eAAqBC;CAIX,MAAAJ,KAAAH;CAAqB,IAAAQ;CAAA,IAAAX,EAAA,OAAAE,iBAAAF,EAAA,OAAAQ,sBAAAR,EAAA,OAAAM,IAAA;EAD7BK,KAAA,oBAAC,UAAD;GACQ,MAAAL;GACME,YAAAA;GACEC;GAAY,GACtBP;EAAa,CAAA;EACjBF,EAAA,KAAAE;EAAAF,EAAA,KAAAQ;EAAAR,EAAA,KAAAM;EAAAN,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,OALFW;AAKE;AArByB,SAAAP,MAAAQ,GAAA;CAAA,OAIQA,EAACC,QAAQV;AAAU;AAJ3B,SAAAO,OAAAI,QAAA;CAAA,OAasBP;AAAI"}