From 88e23d18eddf0e514bd4b4784fdf18a7e93a6999 Mon Sep 17 00:00:00 2001
From: Ben Potter <me@bpmct.net>
Date: Mon, 4 May 2026 22:53:00 +0000
Subject: [PATCH 1/2] fix(site/src/pages/AgentsPage): cap queued messages list
 height so chat scroll keeps working

When many messages were queued the input section grew unbounded. The
sibling ChatScrollContainer is flex-1 min-h-0 so it absorbed the
shrinkage and clientHeight collapsed to 0, leaving the chat history
unscrollable.

QueuedMessagesList now caps itself at 40svh and scrolls inside its own
pane. The composer textarea already self-caps at max-h-[50vh].

Linear: CODAGT-313

Generated by Coder Agents.
---
 .../pages/AgentsPage/components/QueuedMessagesList.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/site/src/pages/AgentsPage/components/QueuedMessagesList.tsx b/site/src/pages/AgentsPage/components/QueuedMessagesList.tsx
index 43557bd109a76..b125dc41c438f 100644
--- a/site/src/pages/AgentsPage/components/QueuedMessagesList.tsx
+++ b/site/src/pages/AgentsPage/components/QueuedMessagesList.tsx
@@ -170,7 +170,15 @@ export const QueuedMessagesList: FC<QueuedMessagesListProps> = ({
 	const isBusy = busyItem !== null;
 
 	return (
-		<div className={cn("flex w-full flex-col", className)}>
+		// Cap the queue at ~40% of the small viewport so a long queue
+		// does not push the chat history's scroll container down to
+		// zero height (CODAGT-313). The list scrolls inside its own pane.
+		<div
+			className={cn(
+				"flex w-full flex-col max-h-[40svh] overflow-y-auto [scrollbar-gutter:stable] [scrollbar-width:thin] [scrollbar-color:hsl(var(--surface-quaternary))_transparent]",
+				className,
+			)}
+		>
 			{visibleItems.map((item, index) => {
 				const isEditing = item.id === editingMessageID;
 				const isFirst = index === 0;

From cef5d412de3eddc2fe3c8f47400e2010b5739e17 Mon Sep 17 00:00:00 2001
From: Ben Potter <me@bpmct.net>
Date: Tue, 5 May 2026 12:56:29 +0000
Subject: [PATCH 2/2] fix(site/src/pages/AgentsPage): drop comment per review
 feedback

---
 site/src/pages/AgentsPage/components/QueuedMessagesList.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/site/src/pages/AgentsPage/components/QueuedMessagesList.tsx b/site/src/pages/AgentsPage/components/QueuedMessagesList.tsx
index b125dc41c438f..acce523f4d938 100644
--- a/site/src/pages/AgentsPage/components/QueuedMessagesList.tsx
+++ b/site/src/pages/AgentsPage/components/QueuedMessagesList.tsx
@@ -170,9 +170,6 @@ export const QueuedMessagesList: FC<QueuedMessagesListProps> = ({
 	const isBusy = busyItem !== null;
 
 	return (
-		// Cap the queue at ~40% of the small viewport so a long queue
-		// does not push the chat history's scroll container down to
-		// zero height (CODAGT-313). The list scrolls inside its own pane.
 		<div
 			className={cn(
 				"flex w-full flex-col max-h-[40svh] overflow-y-auto [scrollbar-gutter:stable] [scrollbar-width:thin] [scrollbar-color:hsl(var(--surface-quaternary))_transparent]",