From 0bb87286170477d8b20852be67e54b0b137751cb Mon Sep 17 00:00:00 2001
From: snehasishcodes <snehasishcodes@gmail.com>
Date: Fri, 18 Sep 2026 04:03:53 +0530
Subject: [PATCH 1/2] fix(mobile): allow horizontal scroll for overflowing diff
 lines

---
 .../project/[projectId]/[sessionId]/diff.tsx   | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/apps/mobile/app/project/[projectId]/[sessionId]/diff.tsx b/apps/mobile/app/project/[projectId]/[sessionId]/diff.tsx
index cf28e4b..e56a1f8 100644
--- a/apps/mobile/app/project/[projectId]/[sessionId]/diff.tsx
+++ b/apps/mobile/app/project/[projectId]/[sessionId]/diff.tsx
@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from "react"
-import { FlatList, View } from "react-native"
+import { FlatList, ScrollView, View } from "react-native"
 import { useLocalSearchParams, useRouter } from "expo-router"
 import { useSafeAreaInsets } from "react-native-safe-area-context"
 import { useColorScheme } from "nativewind"
@@ -56,26 +56,32 @@ export default function DiffPage() {
 
         return (
             <View style={{ backgroundColor: bg }} className="flex-row">
-                <View style={{ minWidth: 36, paddingHorizontal: 4 }} className="items-end border-r border-accent/30">
+                <View style={{ minWidth: 36, paddingHorizontal: 4, flexShrink: 0 }} className="items-end border-r border-accent/30">
                     <Text className="text-xs font-mono leading-5" style={{ color: colors.lineNumColor }}>
                         {oldNum ?? ""}
                     </Text>
                 </View>
-                <View style={{ minWidth: 36, paddingHorizontal: 4 }} className="items-end border-r border-accent/30">
+                <View style={{ minWidth: 36, paddingHorizontal: 4, flexShrink: 0 }} className="items-end border-r border-accent/30">
                     <Text className="text-xs font-mono leading-5" style={{ color: colors.lineNumColor }}>
                         {newNum ?? ""}
                     </Text>
                 </View>
-                <View style={{ minWidth: 16, paddingHorizontal: 4 }}>
+                <View style={{ minWidth: 16, paddingHorizontal: 4, flexShrink: 0 }}>
                     <Text className="text-xs font-mono leading-5" style={{ color: textColor }}>
                         {prefix}
                     </Text>
                 </View>
-                <View style={{ paddingHorizontal: 4, flexShrink: 0 }}>
+                <ScrollView
+                    horizontal
+                    showsHorizontalScrollIndicator={false}
+                    nestedScrollEnabled
+                    style={{ flex: 1 }}
+                    contentContainerStyle={{ flexGrow: 1, paddingHorizontal: 4, alignItems: "center" }}
+                >
                     <Text className="text-xs font-mono leading-5" style={{ color: textColor }}>
                         {line.content || " "}
                     </Text>
-                </View>
+                </ScrollView>
             </View>
         )
     }, [colors])

From c2b543ace77de68fcd4b51a2041007b8c6f8fe69 Mon Sep 17 00:00:00 2001
From: snehasishcodes <snehasishcodes@gmail.com>
Date: Fri, 18 Sep 2026 04:08:56 +0530
Subject: [PATCH 2/2] fix(mobile): unconstrain diff line scroll container so
 long lines overflow

---
 apps/mobile/app/project/[projectId]/[sessionId]/diff.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/mobile/app/project/[projectId]/[sessionId]/diff.tsx b/apps/mobile/app/project/[projectId]/[sessionId]/diff.tsx
index e56a1f8..0660553 100644
--- a/apps/mobile/app/project/[projectId]/[sessionId]/diff.tsx
+++ b/apps/mobile/app/project/[projectId]/[sessionId]/diff.tsx
@@ -76,7 +76,7 @@ export default function DiffPage() {
                     showsHorizontalScrollIndicator={false}
                     nestedScrollEnabled
                     style={{ flex: 1 }}
-                    contentContainerStyle={{ flexGrow: 1, paddingHorizontal: 4, alignItems: "center" }}
+                    contentContainerStyle={{ paddingHorizontal: 4 }}
                 >
                     <Text className="text-xs font-mono leading-5" style={{ color: textColor }}>
                         {line.content || " "}