From 142f67c1317e449558445bec4e28a4927310aa2c Mon Sep 17 00:00:00 2001
From: Lukas May <lukas.may@carealytix.com>
Date: Tue, 10 Feb 2026 15:32:43 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20Prevent=20agents=20page=20from=20scrolli?=
 =?UTF-8?q?ng=20=E2=80=94=20constrain=20scroll=20to=20panels?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Left agent list gets min-h-0 for proper overflow containment in grid.
Right output panel gets overflow-hidden so AgentOutputViewer stays
within the available grid cell height.
---
 packages/web/src/routes/agents.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/routes/agents.tsx b/packages/web/src/routes/agents.tsx
index 9912126..3fea1ea 100644
--- a/packages/web/src/routes/agents.tsx
+++ b/packages/web/src/routes/agents.tsx
@@ -101,7 +101,7 @@ function AgentsPage() {
           <Skeleton className="h-8 w-20" />
         </div>
         <div className="grid grid-cols-1 gap-4 lg:grid-cols-[320px_1fr] min-h-0 flex-1">
-          <div className="space-y-2 overflow-hidden">
+          <div className="space-y-2 overflow-y-auto min-h-0">
             {Array.from({ length: 5 }).map((_, i) => (
               <Card key={i} className="p-3">
                 <div className="flex items-center gap-3">
@@ -219,7 +219,7 @@ function AgentsPage() {
       {/* Two-panel layout */}
       <div className="grid grid-cols-1 gap-4 lg:grid-cols-[320px_1fr] min-h-0 flex-1">
         {/* Left: Agent List */}
-        <div className="overflow-y-auto space-y-2">
+        <div className="overflow-y-auto min-h-0 space-y-2">
           {filtered.length === 0 ? (
             <div className="rounded-lg border border-dashed p-8 text-center">
               <p className="text-sm text-muted-foreground">
@@ -286,7 +286,7 @@ function AgentsPage() {
         </div>
 
         {/* Right: Output Viewer */}
-        <div className="min-h-0">
+        <div className="min-h-0 overflow-hidden">
           {selectedAgent ? (
             <AgentOutputViewer
               agentId={selectedAgent.id}