From 64c181dd87469d12ca39906dbcc5510efc493906 Mon Sep 17 00:00:00 2001
From: Alejandro <alejandrogomez@bitrefill.com>
Date: Wed, 14 Jan 2026 21:25:03 +0100
Subject: [PATCH] Improve chat UX with scroll and padding fixes (#99)

* 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)

* fix: restore pb-0 on composer

---------

Co-authored-by: Claude <noreply@anthropic.com>
---
 src/components/ChatViewer.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/ChatViewer.tsx b/src/components/ChatViewer.tsx
index 6f3a1ab..01d991e 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") {