From d363c1fe0eff978774f4f7955362198d1cf57b4a Mon Sep 17 00:00:00 2001
From: Taylor Ho <taylorkmho@gmail.com>
Date: Tue, 16 Jun 2026 22:54:10 -0700
Subject: [PATCH] fix(timeline): remove deferred-render opacity dim on message
 list

The virtual list was dimmed to 60% opacity while useDeferredValue lagged
behind live messages, causing visible flicker as rows streamed in during
channel load. Drop the opacity-60 transition; isRenderPending remains for
introReady gating only.

- MessageTimeline.tsx: remove opacity-60 and data-render-pending from list wrapper

Co-authored-by: Taylor Ho <taylorkmho@gmail.com>
Signed-off-by: Taylor Ho <taylorkmho@gmail.com>
---
 desktop/src/features/messages/ui/MessageTimeline.tsx | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/desktop/src/features/messages/ui/MessageTimeline.tsx b/desktop/src/features/messages/ui/MessageTimeline.tsx
index bb76ffa1b..fb6a99f08 100644
--- a/desktop/src/features/messages/ui/MessageTimeline.tsx
+++ b/desktop/src/features/messages/ui/MessageTimeline.tsx
@@ -447,17 +447,7 @@ export const MessageTimeline = React.memo(function MessageTimeline({
               ) : null}
 
               {showVirtualList ? (
-                <div
-                  className={cn(
-                    "flex flex-col",
-                    // While a deferred render is in flight the painted
-                    // list lags the latest `messages`. Dim it slightly so the
-                    // streaming-in feels intentional instead of frozen.
-                    isRenderPending && "opacity-60 transition-opacity",
-                  )}
-                  data-render-pending={isRenderPending ? "true" : undefined}
-                  ref={listOuterRef}
-                >
+                <div className="flex flex-col" ref={listOuterRef}>
                   <VirtualizedTimelineList
                     entries={entries}
                     renderEntry={renderEntry}