From 5b8aefd994240e97846e81c66cea46d831c317db Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Thu, 30 Apr 2026 17:52:37 -0700
Subject: [PATCH] mobile: improve usability for exiting stream

---
 js/mobile/src/features/stream-view/StreamView.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/js/mobile/src/features/stream-view/StreamView.tsx b/js/mobile/src/features/stream-view/StreamView.tsx
index 4750c29..33a6da2 100644
--- a/js/mobile/src/features/stream-view/StreamView.tsx
+++ b/js/mobile/src/features/stream-view/StreamView.tsx
@@ -3,6 +3,7 @@ import { Alert, Dimensions, Pressable, Text, View } from "react-native";
 import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context";
 import { StatusBar } from "expo-status-bar";
 import * as Haptics from "expo-haptics";
+import { ChevronDown } from "lucide-react-native";
 import {
   Gesture,
   GestureDetector,
@@ -538,9 +539,17 @@ function StreamViewInner({ streamParticle, path, onExit }: StreamViewProps) {
         >
           <View className="px-4" pointerEvents="box-none">
             <View
-              className="flex-row items-start gap-3"
+              className="flex-row items-start gap-2"
               pointerEvents="box-none"
             >
+              <Pressable
+                onPress={exit}
+                accessibilityLabel="Close stream"
+                hitSlop={8}
+                className="bg-white/10 active:bg-white/20 h-8 w-8 items-center justify-center rounded-full"
+              >
+                <ChevronDown color="white" size={18} strokeWidth={2} />
+              </Pressable>
               <View className="flex-1" pointerEvents="none">
                 <StreamMetadataHeader
                   particle={currentParticle}