From a56ddc60ffa207fe2273646668b51d1d830abecc Mon Sep 17 00:00:00 2001 From: Naiyuan Qing <145280634+NevilleQingNY@users.noreply.github.com> Date: Fri, 10 Jul 2026 15:43:06 +0800 Subject: [PATCH] =?UTF-8?q?fix(chat):=20soften=20message-list=20scroll=20f?= =?UTF-8?q?ade=20(32px=20=E2=86=92=2016px)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The 32px edge fade washed out full-bleed content (HTML / image previews) at the list edges. Halve the fade distance so it barely grazes previews while still hinting at more content above/below. Co-Authored-By: Claude Opus 4.8 (1M context) --- packages/views/chat/components/chat-message-list.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/views/chat/components/chat-message-list.tsx b/packages/views/chat/components/chat-message-list.tsx index 4b12d8d467..fa016b0086 100644 --- a/packages/views/chat/components/chat-message-list.tsx +++ b/packages/views/chat/components/chat-message-list.tsx @@ -130,7 +130,9 @@ export function ChatMessageList({ scrollRef.current = node; setScrollContainerEl(node); }, []); - const fadeStyle = useScrollFade(scrollRef); + // Soft edge fade hinting more content above/below. Kept small so it barely + // grazes full-bleed previews (image / HTML) at the edges. + const fadeStyle = useScrollFade(scrollRef, 16); const pendingTaskId = pendingTask?.task_id ?? null;