Work around Android dispatchDraw crash

packages/app/src/components/agent-input-area.tsx

@@ -6,6 +6,7 @@ import {
   TextInputContentSizeChangeEventData,
   Image,
   Alert,
+  Platform,
 } from "react-native";
 import { useState, useEffect, useRef } from "react";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
@@ -34,6 +35,11 @@ interface AgentInputAreaProps {
 const MIN_INPUT_HEIGHT = 40;
 const MAX_INPUT_HEIGHT = 160;
 const BASE_VERTICAL_PADDING = (FOOTER_HEIGHT - MIN_INPUT_HEIGHT) / 2;
+// Android currently crashes inside ViewGroup.dispatchDraw when running Reanimated
+// entering/exiting animations (see react-native-reanimated#8422), so guard them.
+const SHOULD_DISABLE_ENTRY_EXIT_ANIMATIONS = Platform.OS === "android";
+const REALTIME_FADE_IN = SHOULD_DISABLE_ENTRY_EXIT_ANIMATIONS ? undefined : FadeIn.duration(250);
+const REALTIME_FADE_OUT = SHOULD_DISABLE_ENTRY_EXIT_ANIMATIONS ? undefined : FadeOut.duration(250);
 
 export function AgentInputArea({ agentId }: AgentInputAreaProps) {
   const { theme } = useUnistyles();
@@ -268,8 +274,8 @@ export function AgentInputArea({ agentId }: AgentInputAreaProps) {
       {isRealtimeMode && (
         <Animated.View
           style={styles.realtimeControlsContainer}
-          entering={FadeIn.duration(250)}
-          exiting={FadeOut.duration(250)}
+          entering={REALTIME_FADE_IN}
+          exiting={REALTIME_FADE_OUT}
         >
           <RealtimeControls />
         </Animated.View>

packages/app/src/components/agent-stream-view.tsx

@@ -8,6 +8,7 @@ import {
   NativeScrollEvent,
   NativeSyntheticEvent,
   InteractionManager,
+  Platform,
 } from "react-native";
 import Markdown from "react-native-markdown-display";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
@@ -66,6 +67,11 @@ export function AgentStreamView({
   const isUserScrollingRef = useRef(false);
   const router = useRouter();
   const { requestDirectoryListing, requestFilePreview } = useSession();
+  // Keep entry/exit animations off on Android due to RN dispatchDraw crashes
+  // tracked in react-native-reanimated#8422.
+  const shouldDisableEntryExitAnimations = Platform.OS === "android";
+  const scrollIndicatorFadeIn = shouldDisableEntryExitAnimations ? undefined : FadeIn.duration(200);
+  const scrollIndicatorFadeOut = shouldDisableEntryExitAnimations ? undefined : FadeOut.duration(200);
 
   useEffect(() => {
     hasScrolledInitially.current = false;
@@ -252,6 +258,9 @@ export function AgentStreamView({
               result={data.result}
               error={data.error}
               status={data.status as "executing" | "completed" | "failed"}
+              parsedEditEntries={data.parsedEdits}
+              parsedReadEntries={data.parsedReads}
+              parsedCommandDetails={data.parsedCommand ?? null}
               onOpenDetails={() => handleOpenToolCallDetails({ payload })}
             />
           );
@@ -363,8 +372,8 @@ export function AgentStreamView({
       {!isNearBottom && (
         <Animated.View
           style={stylesheet.scrollToBottomContainer}
-          entering={FadeIn.duration(200)}
-          exiting={FadeOut.duration(200)}
+          entering={scrollIndicatorFadeIn}
+          exiting={scrollIndicatorFadeOut}
         >
           <Pressable
             style={stylesheet.scrollToBottomButton}

packages/app/src/components/global-footer.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { View, Pressable, Text } from "react-native";
+import { View, Pressable, Text, Platform } from "react-native";
 import { usePathname, useRouter } from "expo-router";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
@@ -25,6 +25,11 @@ export function GlobalFooter() {
   const { ws } = useSession();
   const { controls } = useFooterControls();
   const [showCreateModal, setShowCreateModal] = useState(false);
+  // Guard Reanimated entry/exit transitions on Android to avoid ViewGroup.dispatchDraw crashes
+  // tracked in react-native-reanimated#8422.
+  const shouldDisableEntryExitAnimations = Platform.OS === "android";
+  const realtimeFadeIn = shouldDisableEntryExitAnimations ? undefined : FadeIn.duration(250);
+  const realtimeFadeOut = shouldDisableEntryExitAnimations ? undefined : FadeOut.duration(250);
 
   // Determine current screen type
   const isAgentScreen = pathname?.startsWith("/agent/");
@@ -89,8 +94,8 @@ export function GlobalFooter() {
           {isRealtimeMode && (
             <Animated.View
               style={styles.realtimeSection}
-              entering={FadeIn.duration(250)}
-              exiting={FadeOut.duration(250)}
+              entering={realtimeFadeIn}
+              exiting={realtimeFadeOut}
             >
               <RealtimeControls />
             </Animated.View>