From ae010fe55b9c4d96f294a412ec40d44d2145724b Mon Sep 17 00:00:00 2001
From: Alex <me@pixp.cc>
Date: Sun, 4 Oct 2026 00:09:31 -0700
Subject: [PATCH] fix(mobile): make queued message removal tappable (#15417)

---
 .../src/features/threads/ThreadQueueControl.tsx    | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/apps/mobile/src/features/threads/ThreadQueueControl.tsx b/apps/mobile/src/features/threads/ThreadQueueControl.tsx
index adc1131a05d109f181f071365cd4c326d7b2fd73..5aa56b3d272324639d8500f34a7b64cbbdf008ef 100644
--- a/apps/mobile/src/features/threads/ThreadQueueControl.tsx
+++ b/apps/mobile/src/features/threads/ThreadQueueControl.tsx
@@ -26,6 +26,7 @@ import { beginQueuedRunEdit, useQueuedRunEdit } from "../../state/queued-run-edi
 import { environmentThreadDetails, threadEnvironment } from "../../state/threads";
 import { useAtomCommand } from "../../state/use-atom-command";
 import {
+  REMOVE_QUEUED_MESSAGE_ACCESSIBILITY_LABEL,
   buildCancelQueuedRunCommand,
   resolveQueueDragBeforeRunId,
   resolveQueueDropBeforeRunId,
@@ -502,13 +503,20 @@ function QueueRowSwipeable(props: {
         props.onRemove();
       }}
       renderRightActions={() => (
-        <View
-          className="items-center justify-center bg-danger"
+        <Pressable
+          accessibilityRole="button"
+          accessibilityLabel={REMOVE_QUEUED_MESSAGE_ACCESSIBILITY_LABEL}
+          disabled={!props.enabled}
+          onPress={() => {
+            swipeableRef.current?.close();
+            props.onRemove();
+          }}
+          className="items-center justify-center bg-danger active:opacity-70 disabled:opacity-40"
           style={{ width: REMOVE_ACTION_WIDTH }}
         >
           <SymbolView name="trash" size={16} tintColorClassName="accent-danger-foreground" />
           <Text className="pt-1 text-2xs font-t3-medium text-danger-foreground">Remove</Text>
-        </View>
+        </Pressable>
       )}
     >
       {props.children}
-- 
2.54.0