From 1b5c3e85a250f037fb3c7fd6a6ba94256e49a82f Mon Sep 17 00:00:00 2001 From: Carlos Rico-Ospina Date: Wed, 5 Aug 2026 17:20:46 -0400 Subject: [PATCH] fix(mobile): stop thread messages reading through pending cards The approval and user-input cards float over the thread feed with nothing blurring what is behind them, so their 0.8 alpha lets the message under the card show through the questions. On a request with several questions the card covers most of the screen and the whole conversation reads through it. Make the two surfaces opaque. Alpha is the only thing that changes; the colors are the same neutral-100 / neutral-900 they already resolved to. Model: Claude Opus 5. Harness: T3 Code. Co-Authored-By: Claude Opus 5 --- apps/mobile/src/features/threads/PendingApprovalCard.tsx | 4 +++- apps/mobile/src/features/threads/PendingUserInputCard.tsx | 5 ++++- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/apps/mobile/src/features/threads/PendingApprovalCard.tsx b/apps/mobile/src/features/threads/PendingApprovalCard.tsx index caf9bd4cd0c..377ae82aba8 100644 --- a/apps/mobile/src/features/threads/PendingApprovalCard.tsx +++ b/apps/mobile/src/features/threads/PendingApprovalCard.tsx @@ -14,8 +14,10 @@ export interface PendingApprovalCardProps { } export function PendingApprovalCard(props: PendingApprovalCardProps) { + // Opaque for the same reason as PendingUserInputCard: nothing blurs the feed + // behind this card, so a translucent surface bleeds messages through it. return ( - + Approval needed diff --git a/apps/mobile/src/features/threads/PendingUserInputCard.tsx b/apps/mobile/src/features/threads/PendingUserInputCard.tsx index 4d2c2c84159..c3c9b4e7ce8 100644 --- a/apps/mobile/src/features/threads/PendingUserInputCard.tsx +++ b/apps/mobile/src/features/threads/PendingUserInputCard.tsx @@ -24,8 +24,11 @@ export interface PendingUserInputCardProps { } export function PendingUserInputCard(props: PendingUserInputCardProps) { + // The surface is opaque on purpose: the card floats over the thread feed + // with no blur behind it, so a translucent background renders the questions + // on top of whatever message happens to sit underneath. return ( - + User input needed