Thread progressByTaskId through TaskListPanel and TasksScreen

Progress notifications arrive separately from the Task object, so the
parent provides a map of progress data keyed by taskId. TaskListPanel
and TasksScreen accept an optional progressByTaskId prop and pass the
matching entry to each TaskCard.

Updated Mixed story and ConnectedView TasksActive story to demonstrate
the progress bar on the active "working" task.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

clients/web/src/components/screens/TasksScreen/TasksScreen.stories.tsx

@@ -53,6 +53,13 @@ const sampleTasks: Task[] = [
 export const Mixed: Story = {
   args: {
     tasks: sampleTasks,
+    progressByTaskId: {
+      d0b22eba71fa36229ce5c4dfadeaa7de: {
+        progress: 650,
+        total: 1000,
+        message: "Processing records...",
+      },
+    },
   },
 };
 

clients/web/src/components/screens/TasksScreen/TasksScreen.tsx

@@ -3,9 +3,11 @@ import { Card, Flex, Stack } from "@mantine/core";
 import type { Task, TaskStatus } from "@modelcontextprotocol/sdk/types.js";
 import { TaskControls } from "../../groups/TaskControls/TaskControls";
 import { TaskListPanel } from "../../groups/TaskListPanel/TaskListPanel";
+import type { TaskProgress } from "../../groups/TaskCard/TaskCard";
 
 export interface TasksScreenProps {
   tasks: Task[];
+  progressByTaskId?: Record<string, TaskProgress>;
   onRefresh: () => void;
   onClearCompleted: () => void;
   onCancel: (taskId: string) => void;
@@ -30,6 +32,7 @@ const SidebarCard = Card.withProps({
 
 export function TasksScreen({
   tasks,
+  progressByTaskId,
   onRefresh,
   onClearCompleted,
   onCancel,
@@ -52,6 +55,7 @@ export function TasksScreen({
       </Sidebar>
       <TaskListPanel
         tasks={tasks}
+        progressByTaskId={progressByTaskId}
         searchText={searchText}
         statusFilter={statusFilter}
         onCancel={onCancel}