feat: add scrollable max-height to task list containers (#734)

Co-authored-by: open-agents-bot[bot] <260704009+open-agents-bot[bot]@users.noreply.github.com>

Author: willsather

apps/web/components/pinned-todo-panel.tsx

@@ -155,7 +155,7 @@ export function PinnedTodoPanel({ todos }: PinnedTodoPanelProps) {
 
       {/* Expanded todo list */}
       {!isMinimized && (
-        <div className="border-t border-border/40 px-3 py-2">
+        <div className="max-h-48 overflow-y-auto border-t border-border/40 px-3 py-2">
           <div className="space-y-1">
             {todos.map((todo, index) => {
               if (!todo) return null;

apps/web/components/tool-call/renderers/todo-renderer.tsx

@@ -147,7 +147,7 @@ export function TodoRenderer({
 
   const expandedContent =
     todos.length > 0 ? (
-      <div className="space-y-0.5 pl-6">
+      <div className="max-h-48 space-y-0.5 overflow-y-auto pl-6">
         {todos.map((todo, i) => (
           <TodoItem key={todo.id ?? i} todo={todo} />
         ))}