| author |  Carlos Rico-Ospina <carlosricojr@gmail.com> 2026-08-06 12:56:01-04:00 |
| committer |  GitHub <noreply@github.com> 2026-08-06 12:56:01-04:00 |
| log | 470d4eb993eccd7d33cc9ad6f282c684d6760ac8 |
| tree | f7ccd0f40cc1de82bad918974040ab815f6f34c1 |
| parent | 99d91ddaa4996203b675cbd086d5acaa642d4827 |
| signature | Signed by PGP key B5690EEEBB952194 |
fix(mobile): stop thread messages reading through pending cards (#5450)
Co-authored-by: Claude Opus 5 <noreply@anthropic.com>2 files changed, 7 insertions(+), 2 deletions(-)
apps
mobile
src
features
apps/mobile/src/features/threads/PendingApprovalCard.tsx+3-1
| ... | ... | @@ -14,8 +14,10 @@ export interface PendingApprovalCardProps { |
| 14 | 14 | } |
| 15 | 15 | |
| 16 | 16 | export function PendingApprovalCard(props: PendingApprovalCardProps) { |
| 17 | // Opaque for the same reason as PendingUserInputCard: nothing blurs the feed | |
| 18 | // behind this card, so a translucent surface bleeds messages through it. | |
| 17 | 19 | return ( |
| 18 | <View className="gap-2.5 rounded-[20px] border border-neutral-200 bg-neutral-100/80 p-4 dark:border-white/6 dark:bg-neutral-900/80"> | |
| 20 | <View className="gap-2.5 rounded-[20px] border border-neutral-200 bg-neutral-100 p-4 dark:border-white/6 dark:bg-neutral-900"> | |
| 19 | 21 | <Text className="font-t3-bold text-2xs uppercase tracking-[1.1px] text-sky-700 dark:text-sky-300"> |
| 20 | 22 | Approval needed |
| 21 | 23 | </Text> |
apps/mobile/src/features/threads/PendingUserInputCard.tsx+4-1
| ... | ... | @@ -24,8 +24,11 @@ export interface PendingUserInputCardProps { |
| 24 | 24 | } |
| 25 | 25 | |
| 26 | 26 | export function PendingUserInputCard(props: PendingUserInputCardProps) { |
| 27 | // The surface is opaque on purpose: the card floats over the thread feed | |
| 28 | // with no blur behind it, so a translucent background renders the questions | |
| 29 | // on top of whatever message happens to sit underneath. | |
| 27 | 30 | return ( |
| 28 | <View className="gap-2.5 rounded-[20px] border border-neutral-200 bg-neutral-100/80 p-4 dark:border-white/6 dark:bg-neutral-900/80"> | |
| 31 | <View className="gap-2.5 rounded-[20px] border border-neutral-200 bg-neutral-100 p-4 dark:border-white/6 dark:bg-neutral-900"> | |
| 29 | 32 | <Text className="font-t3-bold text-2xs uppercase tracking-[1.1px] text-sky-700 dark:text-sky-300"> |
| 30 | 33 | User input needed |
| 31 | 34 | </Text> |