fix: Prevent agents page from scrolling — constrain scroll to panels

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

@@ -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}