From b981a939963878930780c2eb9b8f974fb4f80c6b Mon Sep 17 00:00:00 2001
From: Craig Allan-McWilliams <craig@epic28.com>
Date: Tue, 16 Jun 2026 16:44:15 +0100
Subject: [PATCH] fix(chat): keep composer Send button reachable with many
 attachments

The pasted-image grid and attached-file list in the composer had no height
limit, and the app's root layout is overflow-hidden. With enough attachments
the lists grew tall enough to push the input row and Send button below the
viewport, with no scrollbar to reach them.

Cap both lists at a viewport-relative max height with their own vertical
scroll, so attachments scroll within their own area and the input + Send
button stay visible at any window size.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/renderer/components/ChatView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/ChatView.tsx b/src/renderer/components/ChatView.tsx
index f0a922430..35384aae3 100644
--- a/src/renderer/components/ChatView.tsx
+++ b/src/renderer/components/ChatView.tsx
@@ -732,7 +732,7 @@ export function ChatView() {
           >
             {/* Image previews */}
             {pastedImages.length > 0 && (
-              <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2 mb-3">
+              <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2 mb-3 max-h-[28vh] overflow-y-auto pr-1">
                 {pastedImages.map((img, index) => (
                   <div key={img.url || `pasted-image-${index}`} className="relative group">
                     <img
@@ -754,7 +754,7 @@ export function ChatView() {
 
             {/* File attachments */}
             {attachedFiles.length > 0 && (
-              <div className="space-y-2 mb-3">
+              <div className="space-y-2 mb-3 max-h-[22vh] overflow-y-auto pr-1">
                 {attachedFiles.map((file, index) => (
                   <div
                     key={file.path || `attached-file-${index}`}