🤖 ci: add Tasks settings Storybook story

Extend the Storybook ORPC mock with config.getConfig/saveConfig so the Tasks
settings section can render, and add an App/Settings story that opens the Tasks
section with deterministic values.

Signed-off-by: Thomas Kosiewski <tk@coder.com>

---
_Generated with `codex cli` • Model: `gpt-5.2` • Thinking: `xhigh`_
<!-- mux-attribution: model=gpt-5.2 thinking=xhigh -->

Change-Id: Iccd181b2879ca9ecca1955e00e79f44007f74992

Author: ThomasK33

.storybook/mocks/orpc.ts

@@ -9,6 +9,11 @@ import type { ProjectConfig } from "@/node/config";
 import type { WorkspaceChatMessage, ProvidersConfigMap } from "@/common/orpc/types";
 import type { ChatStats } from "@/common/types/chatStats";
 import { DEFAULT_RUNTIME_CONFIG } from "@/common/constants/workspace";
+import {
+  DEFAULT_TASK_SETTINGS,
+  normalizeTaskSettings,
+  type TaskSettings,
+} from "@/common/types/tasks";
 import { createAsyncMessageQueue } from "@/common/utils/asyncMessageQueue";
 
 /** Session usage data structure matching SessionUsageFileSchema */
@@ -42,6 +47,8 @@ export interface MockSessionUsage {
 export interface MockORPCClientOptions {
   projects?: Map<string, ProjectConfig>;
   workspaces?: FrontendWorkspaceMetadata[];
+  /** Initial task settings for config.getConfig (e.g., Settings → Tasks section) */
+  taskSettings?: Partial<TaskSettings>;
   /** Per-workspace chat callback. Return messages to emit, or use the callback for streaming. */
   onChat?: (workspaceId: string, emit: (msg: WorkspaceChatMessage) => void) => (() => void) | void;
   /** Mock for executeBash per workspace */
@@ -115,9 +122,11 @@ export function createMockORPCClient(options: MockORPCClientOptions = {}): APICl
     mcpServers = new Map(),
     mcpOverrides = new Map(),
     mcpTestResults = new Map(),
+    taskSettings: initialTaskSettings,
   } = options;
 
   const workspaceMap = new Map(workspaces.map((w) => [w.id, w]));
+  let taskSettings = normalizeTaskSettings(initialTaskSettings ?? DEFAULT_TASK_SETTINGS);
 
   const mockStats: ChatStats = {
     consumers: [],
@@ -140,6 +149,13 @@ export function createMockORPCClient(options: MockORPCClientOptions = {}): APICl
       getSshHost: async () => null,
       setSshHost: async () => undefined,
     },
+    config: {
+      getConfig: async () => ({ taskSettings }),
+      saveConfig: async (input: { taskSettings: unknown }) => {
+        taskSettings = normalizeTaskSettings(input.taskSettings);
+        return undefined;
+      },
+    },
     providers: {
       list: async () => providersList,
       getConfig: async () => providersConfig,

src/browser/stories/App.settings.stories.tsx

@@ -14,8 +14,9 @@ import { appMeta, AppWithMocks, type AppStory } from "./meta.js";
 import { createWorkspace, groupWorkspacesByProject } from "./mockFactory";
 import { selectWorkspace } from "./storyHelpers";
 import { createMockORPCClient } from "../../../.storybook/mocks/orpc";
-import { within, userEvent } from "@storybook/test";
+import { within, userEvent, waitFor } from "@storybook/test";
 import { getExperimentKey, EXPERIMENT_IDS } from "@/common/constants/experiments";
+import type { TaskSettings } from "@/common/types/tasks";
 
 export default {
   ...appMeta,
@@ -30,6 +31,7 @@ export default {
 function setupSettingsStory(options: {
   providersConfig?: Record<string, { apiKeySet: boolean; baseUrl?: string; models?: string[] }>;
   providersList?: string[];
+  taskSettings?: Partial<TaskSettings>;
   /** Pre-set experiment states in localStorage before render */
   experiments?: Partial<Record<string, boolean>>;
 }): APIClient {
@@ -50,6 +52,7 @@ function setupSettingsStory(options: {
     workspaces,
     providersConfig: options.providersConfig ?? {},
     providersList: options.providersList ?? ["anthropic", "openai", "xai"],
+    taskSettings: options.taskSettings,
   });
 }
 
@@ -89,6 +92,47 @@ export const General: AppStory = {
   },
 };
 
+/** Tasks settings section - task parallelism and nesting controls */
+export const Tasks: AppStory = {
+  render: () => (
+    <AppWithMocks
+      setup={() =>
+        setupSettingsStory({
+          taskSettings: { maxParallelAgentTasks: 2, maxTaskNestingDepth: 4 },
+        })
+      }
+    />
+  ),
+  play: async ({ canvasElement }: { canvasElement: HTMLElement }) => {
+    await openSettingsToSection(canvasElement, "tasks");
+
+    const body = within(canvasElement.ownerDocument.body);
+
+    await body.findByText(/Max Parallel Agent Tasks/i);
+    await body.findByText(/Max Task Nesting Depth/i);
+
+    const inputs = await body.findAllByRole("spinbutton");
+    if (inputs.length !== 2) {
+      throw new Error(`Expected 2 task settings inputs, got ${inputs.length}`);
+    }
+
+    await waitFor(() => {
+      const maxParallelAgentTasks = (inputs[0] as HTMLInputElement).value;
+      const maxTaskNestingDepth = (inputs[1] as HTMLInputElement).value;
+      if (maxParallelAgentTasks !== "2") {
+        throw new Error(
+          `Expected maxParallelAgentTasks=2, got ${JSON.stringify(maxParallelAgentTasks)}`
+        );
+      }
+      if (maxTaskNestingDepth !== "4") {
+        throw new Error(
+          `Expected maxTaskNestingDepth=4, got ${JSON.stringify(maxTaskNestingDepth)}`
+        );
+      }
+    });
+  },
+};
+
 /** Providers section - no providers configured */
 export const ProvidersEmpty: AppStory = {
   render: () => <AppWithMocks setup={() => setupSettingsStory({ providersConfig: {} })} />,