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>
This commit is contained in:
Taylor Ho
2026-06-16 22:54:10 -07:00
parent 81dfd8473e
commit d363c1fe0e
@@ -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}