From 50ac219b78e8a20b3c6445fc9dc4cea00ff4eb9a Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 14 Jan 2026 20:17:20 +0000
Subject: [PATCH] fix: improve chat UX with better scroll and symmetric padding

- Add alignToBottom prop to Virtuoso for better last message visibility
- Add small footer to prevent last message from being hidden under scroll
- Make composer padding symmetric (py-1 instead of py-1 pb-0)
---
 src/components/ChatViewer.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ChatViewer.tsx b/src/components/ChatViewer.tsx
index 6f3a1ab..eaec359 100644
--- a/src/components/ChatViewer.tsx
+++ b/src/components/ChatViewer.tsx
@@ -836,6 +836,7 @@ export function ChatViewer({
             data={messagesWithMarkers}
             initialTopMostItemIndex={messagesWithMarkers.length - 1}
             followOutput="smooth"
+            alignToBottom
             components={{
               Header: () =>
                 hasMore && conversationResult.status === "success" ? (
@@ -857,6 +858,7 @@ export function ChatViewer({
                     </Button>
                   </div>
                 ) : null,
+              Footer: () => <div className="h-1" />,
             }}
             itemContent={(_index, item) => {
               if (item.type === "day-marker") {
@@ -894,7 +896,7 @@ export function ChatViewer({
 
       {/* Message composer - only show if user has active account */}
       {hasActiveAccount ? (
-        <div className="border-t px-2 py-1 pb-0">
+        <div className="border-t px-2 py-1">
           {replyTo && (
             <ComposerReplyPreview
               replyToId={replyTo}