@assistant-ui/react-native 0.1.41 → 0.1.43

package/dist/primitives/thread/ThreadMessages.js

@@ -100,96 +100,111 @@ const useComposedFlatListRef = (forwardedRef) => {
 	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;
+	const $ = c(29);
+	const { flatListRef, hasMessages, horizontal: t1, autoScroll: t2, scrollToBottomOnRunStart: t3, scrollToBottomOnInitialize: t4, scrollToBottomOnThreadSwitch: t5 } = t0;
+	const horizontal = t1 === void 0 ? false : t1;
+	const autoScroll = t2 === void 0 ? true : t2;
+	const scrollToBottomOnRunStart = t3 === void 0 ? true : t3;
+	const scrollToBottomOnInitialize = t4 === void 0 ? true : t4;
+	const scrollToBottomOnThreadSwitch = t5 === void 0 ? true : t5;
+	let t6;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = {
+		t6 = {
 			contentHeight: 0,
 			viewportHeight: 0,
 			scrollY: 0
 		};
-		$[0] = t5;
-	} else t5 = $[0];
-	const metricsRef = useRef(t5);
+		$[0] = t6;
+	} else t6 = $[0];
+	const metricsRef = useRef(t6);
 	const isAtBottomRef = useRef(true);
-	const lastScrollEventYRef = useRef(0);
+	const lastScrollEventOffsetRef = useRef(0);
 	const initializeScrollRequestedRef = useRef(false);
+	const contentSizeVersionRef = useRef(0);
 	const pendingScrollToBottomRef = useRef(false);
-	let t6;
+	let t7;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = () => {
+		t7 = () => {
 			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;
+		$[1] = t7;
+	} else t7 = $[1];
+	const updateIsAtBottom = t7;
+	let t8;
 	if ($[2] !== flatListRef) {
-		t7 = (animated) => {
+		t8 = (animated) => {
 			const { contentHeight: contentHeight_0, viewportHeight: viewportHeight_0 } = metricsRef.current;
-			metricsRef.current.scrollY = Math.max(0, contentHeight_0 - viewportHeight_0);
+			const offset = Math.max(0, contentHeight_0 - viewportHeight_0);
+			metricsRef.current.scrollY = offset;
 			isAtBottomRef.current = true;
-			flatListRef.current?.scrollToEnd({ animated });
+			flatListRef.current?.scrollToOffset({
+				offset,
+				animated
+			});
 		};
 		$[2] = flatListRef;
-		$[3] = t7;
-	} else t7 = $[3];
-	const scrollToBottom = t7;
-	let t8;
-	if ($[4] !== autoScroll || $[5] !== scrollToBottom) {
-		t8 = (event) => {
+		$[3] = t8;
+	} else t8 = $[3];
+	const scrollToBottom = t8;
+	let t9;
+	if ($[4] !== autoScroll || $[5] !== horizontal || $[6] !== scrollToBottom) {
+		t9 = (event) => {
 			const wasAtBottom = isAtBottomRef.current;
 			const previousViewportHeight = metricsRef.current.viewportHeight;
-			const viewportHeight_1 = event.nativeEvent.layout.height;
+			const viewportHeight_1 = horizontal ? event.nativeEvent.layout.width : event.nativeEvent.layout.height;
 			metricsRef.current.viewportHeight = viewportHeight_1;
 			updateIsAtBottom();
+			const pending = pendingScrollToBottomRef.current;
+			if (pending && contentSizeVersionRef.current >= pending.minimumContentSizeVersion && viewportHeight_1 > 0) {
+				pendingScrollToBottomRef.current = false;
+				scrollToBottom(pending.animated);
+				return;
+			}
 			if (!wasAtBottom) return;
-			if (autoScroll && previousViewportHeight !== 0 && viewportHeight_1 !== previousViewportHeight) {
-				const pending = pendingScrollToBottomRef.current;
-				scrollToBottom(pending ? pending.animated : false);
-			} else isAtBottomRef.current = true;
+			if (autoScroll && previousViewportHeight !== 0 && viewportHeight_1 !== previousViewportHeight) 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) => {
+		$[5] = horizontal;
+		$[6] = scrollToBottom;
+		$[7] = t9;
+	} else t9 = $[7];
+	const handleLayout = t9;
+	let t10;
+	if ($[8] !== horizontal) {
+		t10 = (event_0) => {
 			const { contentOffset, contentSize, layoutMeasurement } = event_0.nativeEvent;
-			const previousEventY = lastScrollEventYRef.current;
+			const scrollOffset = horizontal ? contentOffset.x : contentOffset.y;
+			const previousEventOffset = lastScrollEventOffsetRef.current;
 			const wasPinnedToBottom = isAtBottomRef.current;
-			lastScrollEventYRef.current = contentOffset.y;
+			lastScrollEventOffsetRef.current = scrollOffset;
 			metricsRef.current = {
-				contentHeight: contentSize.height,
-				viewportHeight: layoutMeasurement.height,
-				scrollY: contentOffset.y
+				contentHeight: horizontal ? contentSize.width : contentSize.height,
+				viewportHeight: horizontal ? layoutMeasurement.width : layoutMeasurement.height,
+				scrollY: scrollOffset
 			};
 			updateIsAtBottom();
-			const upwardMove = contentOffset.y < previousEventY;
+			const upwardMove = scrollOffset < previousEventOffset;
 			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) => {
+		$[8] = horizontal;
+		$[9] = t10;
+	} else t10 = $[9];
+	const handleScroll = t10;
+	let t11;
+	if ($[10] !== autoScroll || $[11] !== horizontal || $[12] !== scrollToBottom) {
+		t11 = (width, height) => {
 			const metrics = metricsRef.current;
+			const contentHeight_1 = horizontal ? width : height;
 			const previousContentHeight = metrics.contentHeight;
 			const wasAtBottom_0 = isAtBottomRef.current;
-			metrics.contentHeight = height;
+			if (contentHeight_1 > 0) contentSizeVersionRef.current = contentSizeVersionRef.current + 1;
+			metrics.contentHeight = contentHeight_1;
 			updateIsAtBottom();
 			const pendingScroll = pendingScrollToBottomRef.current;
-			if (pendingScroll) {
+			if (pendingScroll && contentSizeVersionRef.current >= pendingScroll.minimumContentSizeVersion && metrics.viewportHeight > 0) {
 				pendingScrollToBottomRef.current = false;
 				scrollToBottom(pendingScroll.animated);
 				return;
@@ -197,18 +212,19 @@ const useThreadMessagesFlatListAutoScroll = (t0) => {
 			if (!autoScroll) return;
 			if (!wasAtBottom_0) return;
 			if (previousContentHeight === 0) return;
-			if (height <= previousContentHeight) return;
+			if (contentHeight_1 <= previousContentHeight) return;
 			scrollToBottom(false);
 		};
-		$[8] = autoScroll;
-		$[9] = scrollToBottom;
-		$[10] = t10;
-	} else t10 = $[10];
-	const handleContentSizeChange = t10;
-	let t11;
+		$[10] = autoScroll;
+		$[11] = horizontal;
+		$[12] = scrollToBottom;
+		$[13] = t11;
+	} else t11 = $[13];
+	const handleContentSizeChange = t11;
 	let t12;
-	if ($[11] !== hasMessages || $[12] !== scrollToBottom || $[13] !== scrollToBottomOnInitialize) {
-		t11 = () => {
+	let t13;
+	if ($[14] !== hasMessages || $[15] !== scrollToBottom || $[16] !== scrollToBottomOnInitialize) {
+		t12 = () => {
 			if (!scrollToBottomOnInitialize) return;
 			if (!hasMessages) {
 				initializeScrollRequestedRef.current = false;
@@ -216,127 +232,148 @@ const useThreadMessagesFlatListAutoScroll = (t0) => {
 			}
 			if (initializeScrollRequestedRef.current) return;
 			initializeScrollRequestedRef.current = true;
-			pendingScrollToBottomRef.current = { animated: false };
+			pendingScrollToBottomRef.current = {
+				animated: false,
+				minimumContentSizeVersion: Math.max(1, contentSizeVersionRef.current)
+			};
 			scrollToBottom(false);
 		};
-		t12 = [
+		t13 = [
 			hasMessages,
 			scrollToBottom,
 			scrollToBottomOnInitialize
 		];
-		$[11] = hasMessages;
-		$[12] = scrollToBottom;
-		$[13] = scrollToBottomOnInitialize;
-		$[14] = t11;
-		$[15] = t12;
+		$[14] = hasMessages;
+		$[15] = scrollToBottom;
+		$[16] = scrollToBottomOnInitialize;
+		$[17] = t12;
+		$[18] = t13;
 	} else {
-		t11 = $[14];
-		t12 = $[15];
+		t12 = $[17];
+		t13 = $[18];
 	}
-	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);
+	useEffect(t12, t13);
 	let t14;
-	if ($[19] !== scrollToBottom || $[20] !== scrollToBottomOnThreadSwitch) {
+	if ($[19] !== scrollToBottom || $[20] !== scrollToBottomOnRunStart) {
 		t14 = () => {
-			if (!scrollToBottomOnThreadSwitch) return;
-			initializeScrollRequestedRef.current = false;
-			lastScrollEventYRef.current = 0;
-			pendingScrollToBottomRef.current = { animated: false };
-			scrollToBottom(false);
+			if (!scrollToBottomOnRunStart) return;
+			pendingScrollToBottomRef.current = {
+				animated: true,
+				minimumContentSizeVersion: contentSizeVersionRef.current + 1
+			};
+			scrollToBottom(true);
 		};
 		$[19] = scrollToBottom;
-		$[20] = scrollToBottomOnThreadSwitch;
+		$[20] = scrollToBottomOnRunStart;
 		$[21] = t14;
 	} else t14 = $[21];
-	useAuiEvent("threads.selectionChanged", t14);
+	useAuiEvent("thread.runStart", t14);
 	let t15;
-	if ($[22] !== handleContentSizeChange || $[23] !== handleLayout) {
-		t15 = {
+	if ($[22] !== scrollToBottom || $[23] !== scrollToBottomOnThreadSwitch) {
+		t15 = () => {
+			if (!scrollToBottomOnThreadSwitch) return;
+			initializeScrollRequestedRef.current = false;
+			lastScrollEventOffsetRef.current = 0;
+			pendingScrollToBottomRef.current = {
+				animated: false,
+				minimumContentSizeVersion: contentSizeVersionRef.current + 1
+			};
+			scrollToBottom(false);
+		};
+		$[22] = scrollToBottom;
+		$[23] = scrollToBottomOnThreadSwitch;
+		$[24] = t15;
+	} else t15 = $[24];
+	useAuiEvent("threads.selectionChanged", t15);
+	let t16;
+	if ($[25] !== handleContentSizeChange || $[26] !== handleLayout || $[27] !== handleScroll) {
+		t16 = {
 			handleLayout,
 			handleScroll,
 			handleContentSizeChange
 		};
-		$[22] = handleContentSizeChange;
-		$[23] = handleLayout;
-		$[24] = t15;
-	} else t15 = $[24];
-	return t15;
+		$[25] = handleContentSizeChange;
+		$[26] = handleLayout;
+		$[27] = handleScroll;
+		$[28] = t16;
+	} else t16 = $[28];
+	return t16;
 };
 const ThreadMessagesFlatList = forwardRef((t0, forwardedRef) => {
-	const $ = c(46);
+	const $ = c(61);
 	let autoScroll;
 	let children;
 	let components;
 	let flatListProps;
+	let history;
 	let onContentSizeChange;
 	let onLayout;
 	let onScroll;
+	let onStartReached;
+	let onStartReachedThreshold;
 	let scrollEventThrottle;
 	let scrollToBottomOnInitialize;
 	let scrollToBottomOnRunStart;
 	let scrollToBottomOnThreadSwitch;
 	if ($[0] !== t0) {
-		({autoScroll, components, children, onContentSizeChange, onLayout, onScroll, scrollEventThrottle, scrollToBottomOnInitialize, scrollToBottomOnRunStart, scrollToBottomOnThreadSwitch, ...flatListProps} = t0);
+		({autoScroll, components, children, onContentSizeChange, onLayout, onScroll, onStartReached, onStartReachedThreshold, scrollEventThrottle, scrollToBottomOnInitialize, scrollToBottomOnRunStart, scrollToBottomOnThreadSwitch, history, ...flatListProps} = t0);
 		$[0] = t0;
 		$[1] = autoScroll;
 		$[2] = children;
 		$[3] = components;
 		$[4] = flatListProps;
-		$[5] = onContentSizeChange;
-		$[6] = onLayout;
-		$[7] = onScroll;
-		$[8] = scrollEventThrottle;
-		$[9] = scrollToBottomOnInitialize;
-		$[10] = scrollToBottomOnRunStart;
-		$[11] = scrollToBottomOnThreadSwitch;
+		$[5] = history;
+		$[6] = onContentSizeChange;
+		$[7] = onLayout;
+		$[8] = onScroll;
+		$[9] = onStartReached;
+		$[10] = onStartReachedThreshold;
+		$[11] = scrollEventThrottle;
+		$[12] = scrollToBottomOnInitialize;
+		$[13] = scrollToBottomOnRunStart;
+		$[14] = scrollToBottomOnThreadSwitch;
 	} else {
 		autoScroll = $[1];
 		children = $[2];
 		components = $[3];
 		flatListProps = $[4];
-		onContentSizeChange = $[5];
-		onLayout = $[6];
-		onScroll = $[7];
-		scrollEventThrottle = $[8];
-		scrollToBottomOnInitialize = $[9];
-		scrollToBottomOnRunStart = $[10];
-		scrollToBottomOnThreadSwitch = $[11];
+		history = $[5];
+		onContentSizeChange = $[6];
+		onLayout = $[7];
+		onScroll = $[8];
+		onStartReached = $[9];
+		onStartReachedThreshold = $[10];
+		scrollEventThrottle = $[11];
+		scrollToBottomOnInitialize = $[12];
+		scrollToBottomOnRunStart = $[13];
+		scrollToBottomOnThreadSwitch = $[14];
 	}
 	const messages = useAuiState(_temp3);
 	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) {
+	if ($[15] !== autoScroll || $[16] !== flatListProps.horizontal || $[17] !== flatListRef || $[18] !== scrollToBottomOnInitialize || $[19] !== scrollToBottomOnRunStart || $[20] !== scrollToBottomOnThreadSwitch || $[21] !== t1) {
 		t2 = {
 			flatListRef,
 			hasMessages: t1,
+			horizontal: flatListProps.horizontal,
 			autoScroll,
 			scrollToBottomOnInitialize,
 			scrollToBottomOnRunStart,
 			scrollToBottomOnThreadSwitch
 		};
-		$[12] = autoScroll;
-		$[13] = flatListRef;
-		$[14] = scrollToBottomOnInitialize;
-		$[15] = scrollToBottomOnRunStart;
-		$[16] = scrollToBottomOnThreadSwitch;
-		$[17] = t1;
-		$[18] = t2;
-	} else t2 = $[18];
+		$[15] = autoScroll;
+		$[16] = flatListProps.horizontal;
+		$[17] = flatListRef;
+		$[18] = scrollToBottomOnInitialize;
+		$[19] = scrollToBottomOnRunStart;
+		$[20] = scrollToBottomOnThreadSwitch;
+		$[21] = t1;
+		$[22] = t2;
+	} else t2 = $[22];
 	const { handleContentSizeChange: handleAutoScrollContentSizeChange, handleLayout: handleAutoScrollLayout, handleScroll: handleAutoScrollScroll } = useThreadMessagesFlatListAutoScroll(t2);
 	let t3;
-	if ($[19] !== children || $[20] !== components) {
+	if ($[23] !== children || $[24] !== components) {
 		t3 = (t4) => {
 			const { index } = t4;
 			if (children) return /* @__PURE__ */ jsx(ThreadMessageByChildren, {
@@ -348,50 +385,67 @@ const ThreadMessagesFlatList = forwardRef((t0, forwardedRef) => {
 				components
 			});
 		};
-		$[19] = children;
-		$[20] = components;
-		$[21] = t3;
-	} else t3 = $[21];
+		$[23] = children;
+		$[24] = components;
+		$[25] = t3;
+	} else t3 = $[25];
 	const renderItem = t3;
 	const keyExtractor = _temp4;
 	const scrollTracking = (autoScroll ?? true) || (scrollToBottomOnInitialize ?? true) || (scrollToBottomOnRunStart ?? true) || (scrollToBottomOnThreadSwitch ?? true);
 	let t4;
-	if ($[22] !== handleAutoScrollLayout || $[23] !== onLayout) {
+	if ($[26] !== handleAutoScrollLayout || $[27] !== onLayout) {
 		t4 = (event) => {
 			handleAutoScrollLayout(event);
 			onLayout?.(event);
 		};
-		$[22] = handleAutoScrollLayout;
-		$[23] = onLayout;
-		$[24] = t4;
-	} else t4 = $[24];
+		$[26] = handleAutoScrollLayout;
+		$[27] = onLayout;
+		$[28] = t4;
+	} else t4 = $[28];
 	const handleLayout = t4;
 	let t5;
-	if ($[25] !== handleAutoScrollScroll || $[26] !== onScroll) {
+	if ($[29] !== handleAutoScrollScroll || $[30] !== onScroll) {
 		t5 = (event_0) => {
 			handleAutoScrollScroll(event_0);
 			onScroll?.(event_0);
 		};
-		$[25] = handleAutoScrollScroll;
-		$[26] = onScroll;
-		$[27] = t5;
-	} else t5 = $[27];
+		$[29] = handleAutoScrollScroll;
+		$[30] = onScroll;
+		$[31] = t5;
+	} else t5 = $[31];
 	const handleScroll = t5;
 	let t6;
-	if ($[28] !== handleAutoScrollContentSizeChange || $[29] !== onContentSizeChange) {
+	if ($[32] !== handleAutoScrollContentSizeChange || $[33] !== onContentSizeChange) {
 		t6 = (width, height) => {
 			handleAutoScrollContentSizeChange(width, height);
 			onContentSizeChange?.(width, height);
 		};
-		$[28] = handleAutoScrollContentSizeChange;
-		$[29] = onContentSizeChange;
-		$[30] = t6;
-	} else t6 = $[30];
+		$[32] = handleAutoScrollContentSizeChange;
+		$[33] = onContentSizeChange;
+		$[34] = t6;
+	} else t6 = $[34];
 	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 ? {
+	const canLoadMore = history?.hasMore && !history.isLoadingMore;
+	let t7;
+	if ($[35] !== history || $[36] !== onStartReached) {
+		t7 = (info) => {
+			onStartReached?.(info);
+			history?.loadMore();
+		};
+		$[35] = history;
+		$[36] = onStartReached;
+		$[37] = t7;
+	} else t7 = $[37];
+	const handleStartReached = t7;
+	const t8 = messages;
+	let t9;
+	if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = { minIndexForVisible: 0 };
+		$[38] = t9;
+	} else t9 = $[38];
+	let t10;
+	if ($[39] !== handleContentSizeChange || $[40] !== handleLayout || $[41] !== handleScroll || $[42] !== onContentSizeChange || $[43] !== onLayout || $[44] !== onScroll || $[45] !== scrollEventThrottle || $[46] !== scrollTracking) {
+		t10 = scrollTracking ? {
 			onContentSizeChange: handleContentSizeChange,
 			onLayout: handleLayout,
 			onScroll: handleScroll,
@@ -402,34 +456,53 @@ const ThreadMessagesFlatList = forwardRef((t0, forwardedRef) => {
 			...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, {
+		$[39] = handleContentSizeChange;
+		$[40] = handleLayout;
+		$[41] = handleScroll;
+		$[42] = onContentSizeChange;
+		$[43] = onLayout;
+		$[44] = onScroll;
+		$[45] = scrollEventThrottle;
+		$[46] = scrollTracking;
+		$[47] = t10;
+	} else t10 = $[47];
+	let t11;
+	if ($[48] !== canLoadMore || $[49] !== handleStartReached || $[50] !== history || $[51] !== onStartReached || $[52] !== onStartReachedThreshold) {
+		t11 = history ? {
+			...canLoadMore ? { onStartReached: handleStartReached } : onStartReached ? { onStartReached } : {},
+			onStartReachedThreshold: onStartReachedThreshold ?? 1
+		} : {
+			...onStartReached && { onStartReached },
+			...onStartReachedThreshold !== void 0 && { onStartReachedThreshold }
+		};
+		$[48] = canLoadMore;
+		$[49] = handleStartReached;
+		$[50] = history;
+		$[51] = onStartReached;
+		$[52] = onStartReachedThreshold;
+		$[53] = t11;
+	} else t11 = $[53];
+	let t12;
+	if ($[54] !== flatListProps || $[55] !== renderItem || $[56] !== setFlatListRef || $[57] !== t10 || $[58] !== t11 || $[59] !== t8) {
+		t12 = /* @__PURE__ */ jsx(FlatList, {
 			ref: setFlatListRef,
-			data: t7,
+			data: t8,
 			renderItem,
 			keyExtractor,
-			...t8,
+			maintainVisibleContentPosition: t9,
+			...t10,
+			...t11,
 			...flatListProps
 		});
-		$[40] = flatListProps;
-		$[41] = renderItem;
-		$[42] = setFlatListRef;
-		$[43] = t7;
-		$[44] = t8;
-		$[45] = t9;
-	} else t9 = $[45];
-	return t9;
+		$[54] = flatListProps;
+		$[55] = renderItem;
+		$[56] = setFlatListRef;
+		$[57] = t10;
+		$[58] = t11;
+		$[59] = t8;
+		$[60] = t12;
+	} else t12 = $[60];
+	return t12;
 });
 ThreadMessagesFlatList.displayName = "ThreadPrimitive.MessagesFlatList";
 /** @deprecated Use ThreadPrimitive.MessagesFlatList instead. */