Redesign Tasks screen: expandable TaskCard, sidebar controls, and list panel

- Redesign TaskCard to match v1 Task Details panel layout:
  header with task ID + status badge + cancel button,
  always-visible summary row (Status, Last Updated, Created At, TTL)
  with Expand/Collapse button, expandable section with status message,
  progress bar, error, and Full Task Object JSON viewer
- Add TaskControls group: search input + status filter dropdown +
  Refresh/Clear History buttons (mirrors HistoryControls pattern)
- Add TaskListPanel group: scrollable panel with ListToggle for
  expand/collapse all, splits tasks into Active/Completed sections
  with counts, filters by search text and status
- Refactor TasksScreen to sidebar + panel layout matching HistoryScreen:
  manages search/filter state internally, flat tasks array
- Simplify TaskCard callbacks to just onCancel
- Extract named .withProps() subcomponents (HeaderLeftGroup,
  HeaderRightGroup, SectionTitle, SummaryRow, DetailRow) for
  AGENTS.md compliance
- Update all stories (TaskCard, TaskControls, TaskListPanel,
  TasksScreen, ConnectedView)

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

clients/web/src/components/groups/TaskControls/TaskControls.stories.tsx

@@ -0,0 +1,32 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
+import { TaskControls } from "./TaskControls";
+
+const meta: Meta<typeof TaskControls> = {
+  title: "Groups/TaskControls",
+  component: TaskControls,
+  args: {
+    searchText: "",
+    onSearchChange: fn(),
+    onStatusFilterChange: fn(),
+    onRefresh: fn(),
+    onClearHistory: fn(),
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof TaskControls>;
+
+export const Default: Story = {};
+
+export const WithSearch: Story = {
+  args: {
+    searchText: "generate",
+  },
+};
+
+export const WithFilter: Story = {
+  args: {
+    statusFilter: "running",
+  },
+};