jb/paseo
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix reversed edge wheel scroll in agent stream

Browse Source
This commit is contained in:
Mohamed Boudra
2026-02-22 21:06:29 +07:00
parent 84e3140f19
commit 9b6f5e028c
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/components/agent-stream-view.tsx
+8 -8
View File
@@ -474,7 +474,7 @@ export function AgentStreamView({
const getTurnContent = () => collectAssistantTurnContent(flatListData, index); const getTurnContent = () => collectAssistantTurnContent(flatListData, index);
return ( return (
<View style={[stylesheet.streamItemWrapper, { marginBottom: gapBelow }]}> <View style={[stylesheet.paddedContentWrapper, { marginBottom: gapBelow }]}>
{content} {content}
{isEndOfAssistantTurn ? ( {isEndOfAssistantTurn ? (
<TurnCopyButton getContent={getTurnContent} /> <TurnCopyButton getContent={getTurnContent} />
@@ -575,7 +575,7 @@ export function AgentStreamView({
const leftContent = showWorkingIndicator ? <WorkingIndicator /> : null; const leftContent = showWorkingIndicator ? <WorkingIndicator /> : null;
return ( return (
<View style={stylesheet.contentWrapper}> <View style={stylesheet.paddedContentWrapper}>
<View <View
style={[ style={[
stylesheet.listHeaderContent, stylesheet.listHeaderContent,
@@ -657,7 +657,7 @@ export function AgentStreamView({
if (shouldShowWorking) { if (shouldShowWorking) {
return ( return (
<View style={[stylesheet.emptyState, stylesheet.contentWrapper]}> <View style={[stylesheet.emptyState, stylesheet.paddedContentWrapper]}>
<ActivityIndicator <ActivityIndicator
size="small" size="small"
color={theme.colors.foregroundMuted} color={theme.colors.foregroundMuted}
@@ -668,7 +668,7 @@ export function AgentStreamView({
} }
return ( return (
<View style={[stylesheet.emptyState, stylesheet.contentWrapper]}> <View style={[stylesheet.emptyState, stylesheet.paddedContentWrapper]}>
<Text style={stylesheet.emptyStateText}> <Text style={stylesheet.emptyStateText}>
Start chatting with this agent... Start chatting with this agent...
</Text> </Text>
@@ -1279,18 +1279,18 @@ const stylesheet = StyleSheet.create((theme) => ({
flex: 1, flex: 1,
backgroundColor: theme.colors.surface0, backgroundColor: theme.colors.surface0,
}, },
contentWrapper: { paddedContentWrapper: {
width: "100%", width: "100%",
maxWidth: MAX_CONTENT_WIDTH, maxWidth: MAX_CONTENT_WIDTH,
alignSelf: "center", alignSelf: "center",
},
list: {
flex: 1,
paddingHorizontal: { paddingHorizontal: {
xs: theme.spacing[2], xs: theme.spacing[2],
md: theme.spacing[4], md: theme.spacing[4],
}, },
}, },
list: {
flex: 1,
},
streamItemWrapper: { streamItemWrapper: {
width: "100%", width: "100%",
maxWidth: MAX_CONTENT_WIDTH, maxWidth: MAX_CONTENT_WIDTH,