From 3cf0e37d4ca76763ebcc5af4f6c0d199750f7e22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Radek=20Ma=C5=88=C3=A1k?=
 <30719917+RadekManak@users.noreply.github.com>
Date: Mon, 9 Nov 2026 13:02:37 +0100
Subject: [PATCH 1/2] fix(mobile): allow scrolling the Android Files sheet

Put the visible inspector pane and file tree earlier in native child order, retaining the visual header position on Android. Disable nested scrolling on the file tree so downward swipes scroll the list instead of collapsing the sheet.
---
 apps/mobile/src/features/files/FileTreeBrowser.tsx            | 1 +
 apps/mobile/src/features/files/thread-file-navigator-pane.tsx | 4 ++--
 apps/mobile/src/features/layout/inspector-host.android.tsx    | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/mobile/src/features/files/FileTreeBrowser.tsx b/apps/mobile/src/features/files/FileTreeBrowser.tsx
index a4da7ee42bfbf..279269b8a13c3 100644
--- a/apps/mobile/src/features/files/FileTreeBrowser.tsx
+++ b/apps/mobile/src/features/files/FileTreeBrowser.tsx
@@ -215,6 +215,7 @@ export function FileTreeBrowser(props: {
   return (
     <LegendList
       renderScrollComponent={NativeScrollView}
+      nestedScrollEnabled={false}
       contentInset={{ top: headerInset, bottom: bottomInset }}
       alwaysBounceVertical
       className="flex-1"
diff --git a/apps/mobile/src/features/files/thread-file-navigator-pane.tsx b/apps/mobile/src/features/files/thread-file-navigator-pane.tsx
index 2fd52284106be..618a8aa59f5e6 100644
--- a/apps/mobile/src/features/files/thread-file-navigator-pane.tsx
+++ b/apps/mobile/src/features/files/thread-file-navigator-pane.tsx
@@ -78,7 +78,8 @@ export function ThreadFileNavigatorPane(props: {
   );
 
   return (
-    <View className="flex-1 ios:bg-sheet android:bg-header">
+    <View className="flex-1 ios:bg-sheet android:bg-header android:flex-col-reverse">
+      <ScreenContent insetHorizontal>{fileTree}</ScreenContent>
       <AppBar
         title="Files"
         subtitle={props.projectName}
@@ -89,7 +90,6 @@ export function ThreadFileNavigatorPane(props: {
         }}
         refresh={{ accessibilityLabel: "Refresh files", onPress: entriesQuery.refresh }}
       />
-      <ScreenContent insetHorizontal>{fileTree}</ScreenContent>
     </View>
   );
 }
diff --git a/apps/mobile/src/features/layout/inspector-host.android.tsx b/apps/mobile/src/features/layout/inspector-host.android.tsx
index 9537811916f07..4aa9a25b64b78 100644
--- a/apps/mobile/src/features/layout/inspector-host.android.tsx
+++ b/apps/mobile/src/features/layout/inspector-host.android.tsx
@@ -53,7 +53,7 @@ export function InspectorPanes(props: {
                   position: "absolute",
                   inset: 0,
                   opacity: visible ? 1 : 0,
-                  zIndex: visible ? 1 : 0,
+                  zIndex: visible ? 0 : 1,
                 }}
               >
                 <PaneContent pane={pane} resetKeys={props.content?.resetKeys} />

From 23310d14893fba4b420c4ff0b0c5ae73fe39bbbe Mon Sep 17 00:00:00 2001
From: Julius Marminge <julius0216@outlook.com>
Date: Tue, 10 Nov 2026 07:12:51 +0000
Subject: [PATCH 2/2] fix(mobile): note why the Files sheet orders its tree and
 visible pane first

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/mobile/src/features/files/thread-file-navigator-pane.tsx | 1 +
 apps/mobile/src/features/layout/inspector-host.android.tsx    | 1 +
 2 files changed, 2 insertions(+)

diff --git a/apps/mobile/src/features/files/thread-file-navigator-pane.tsx b/apps/mobile/src/features/files/thread-file-navigator-pane.tsx
index 618a8aa59f5e6..dd95959b30899 100644
--- a/apps/mobile/src/features/files/thread-file-navigator-pane.tsx
+++ b/apps/mobile/src/features/files/thread-file-navigator-pane.tsx
@@ -78,6 +78,7 @@ export function ThreadFileNavigatorPane(props: {
   );
 
   return (
+    // Material drags target the first scroll view, so place content before the header.
     <View className="flex-1 ios:bg-sheet android:bg-header android:flex-col-reverse">
       <ScreenContent insetHorizontal>{fileTree}</ScreenContent>
       <AppBar
diff --git a/apps/mobile/src/features/layout/inspector-host.android.tsx b/apps/mobile/src/features/layout/inspector-host.android.tsx
index 4aa9a25b64b78..be1f400d4d935 100644
--- a/apps/mobile/src/features/layout/inspector-host.android.tsx
+++ b/apps/mobile/src/features/layout/inspector-host.android.tsx
@@ -53,6 +53,7 @@ export function InspectorPanes(props: {
                   position: "absolute",
                   inset: 0,
                   opacity: visible ? 1 : 0,
+                  // A lower zIndex puts the visible pane first in native order, where Material finds its scroll view.
                   zIndex: visible ? 0 : 1,
                 }}
               >