From 3cbc5112a7f7eaa585abfe1bf0d70f63f07e5ccc Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Wed, 3 Jun 2026 00:39:39 -0400
Subject: [PATCH] fix: DM preview shows message body for E2EE rooms; filter
 inputs match members panel style

- RoomNavItem: change isEncrypted() to isDecryptionFailure() so DM
  previews show actual message body for successfully decrypted E2EE
  events instead of always showing 'Encrypted message'
- Home.tsx / Direct.tsx: upgrade filter inputs to size 400 / radii 400
  with search icon prefix to match the members list search bar style

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/features/room-nav/RoomNavItem.tsx | 2 +-
 src/app/pages/client/direct/Direct.tsx    | 9 +++++----
 src/app/pages/client/home/Home.tsx        | 9 +++++----
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/app/features/room-nav/RoomNavItem.tsx b/src/app/features/room-nav/RoomNavItem.tsx
index 84023c87f..15da2b11e 100644
--- a/src/app/features/room-nav/RoomNavItem.tsx
+++ b/src/app/features/room-nav/RoomNavItem.tsx
@@ -454,7 +454,7 @@ function RoomNavItem_({
     // Skip pure membership events
     if (type === StateEvent.RoomMember) return null;
     let body: string;
-    if (latestEvent.isEncrypted()) {
+    if (latestEvent.isDecryptionFailure()) {
       body = 'Encrypted message';
     } else if (type === MessageEvent.Sticker) {
       body = 'Sticker';
diff --git a/src/app/pages/client/direct/Direct.tsx b/src/app/pages/client/direct/Direct.tsx
index 685fb213c..c319f5818 100644
--- a/src/app/pages/client/direct/Direct.tsx
+++ b/src/app/pages/client/direct/Direct.tsx
@@ -270,14 +270,15 @@ export function Direct() {
                   }
                   placeholder="Filter DMs…"
                   variant="Surface"
-                  size="300"
-                  radii="300"
+                  size="400"
+                  radii="400"
+                  before={<Icon size="50" src={Icons.Search} />}
                   after={
                     filterQuery ? (
                       <IconButton
                         onClick={() => setFilterQuery('')}
-                        size="300"
-                        radii="300"
+                        size="400"
+                        radii="Pill"
                         variant="Background"
                         fill="None"
                         aria-label="Clear filter"
diff --git a/src/app/pages/client/home/Home.tsx b/src/app/pages/client/home/Home.tsx
index ba453a163..6b46105b0 100644
--- a/src/app/pages/client/home/Home.tsx
+++ b/src/app/pages/client/home/Home.tsx
@@ -402,14 +402,15 @@ export function Home() {
                   onChange={(e: ChangeEvent<HTMLInputElement>) => setFilterQuery(e.target.value)}
                   placeholder="Filter rooms…"
                   variant="Surface"
-                  size="300"
-                  radii="300"
+                  size="400"
+                  radii="400"
+                  before={<Icon size="50" src={Icons.Search} />}
                   after={
                     filterQuery ? (
                       <IconButton
                         onClick={() => setFilterQuery('')}
-                        size="300"
-                        radii="300"
+                        size="400"
+                        radii="Pill"
                         variant="Background"
                         fill="None"
                         aria-label="Clear filter"