Fix reversed edge wheel scroll in agent stream

This commit is contained in:
Mohamed Boudra
2026-02-22 21:06:29 +07:00
parent 84e3140f19
commit 9b6f5e028c

View File

@@ -474,7 +474,7 @@ export function AgentStreamView({
const getTurnContent = () => collectAssistantTurnContent(flatListData, index);
return (
<View style={[stylesheet.streamItemWrapper, { marginBottom: gapBelow }]}>
<View style={[stylesheet.paddedContentWrapper, { marginBottom: gapBelow }]}>
{content}
{isEndOfAssistantTurn ? (
<TurnCopyButton getContent={getTurnContent} />
@@ -575,7 +575,7 @@ export function AgentStreamView({
const leftContent = showWorkingIndicator ? <WorkingIndicator /> : null;
return (
<View style={stylesheet.contentWrapper}>
<View style={stylesheet.paddedContentWrapper}>
<View
style={[
stylesheet.listHeaderContent,
@@ -657,7 +657,7 @@ export function AgentStreamView({
if (shouldShowWorking) {
return (
<View style={[stylesheet.emptyState, stylesheet.contentWrapper]}>
<View style={[stylesheet.emptyState, stylesheet.paddedContentWrapper]}>
<ActivityIndicator
size="small"
color={theme.colors.foregroundMuted}
@@ -668,7 +668,7 @@ export function AgentStreamView({
}
return (
<View style={[stylesheet.emptyState, stylesheet.contentWrapper]}>
<View style={[stylesheet.emptyState, stylesheet.paddedContentWrapper]}>
<Text style={stylesheet.emptyStateText}>
Start chatting with this agent...
</Text>
@@ -1279,18 +1279,18 @@ const stylesheet = StyleSheet.create((theme) => ({
flex: 1,
backgroundColor: theme.colors.surface0,
},
contentWrapper: {
paddedContentWrapper: {
width: "100%",
maxWidth: MAX_CONTENT_WIDTH,
alignSelf: "center",
},
list: {
flex: 1,
paddingHorizontal: {
xs: theme.spacing[2],
md: theme.spacing[4],
},
},
list: {
flex: 1,
},
streamItemWrapper: {
width: "100%",
maxWidth: MAX_CONTENT_WIDTH,