🤖 feat: subagent tasks and reliable report delivery

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

Author: ThomasK33

.storybook/mocks/orpc.ts

@@ -13,6 +13,13 @@ import type {
 } from "@/common/orpc/types";
 import type { ChatStats } from "@/common/types/chatStats";
 import { DEFAULT_RUNTIME_CONFIG } from "@/common/constants/workspace";
+import {
+  DEFAULT_TASK_SETTINGS,
+  normalizeSubagentAiDefaults,
+  normalizeTaskSettings,
+  type SubagentAiDefaults,
+  type TaskSettings,
+} from "@/common/types/tasks";
 import { createAsyncMessageQueue } from "@/common/utils/asyncMessageQueue";
 
 /** Session usage data structure matching SessionUsageFileSchema */
@@ -46,6 +53,10 @@ 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>;
+  /** Initial per-subagent AI defaults for config.getConfig (e.g., Settings → Tasks section) */
+  subagentAiDefaults?: SubagentAiDefaults;
   /** 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 */
@@ -123,6 +134,8 @@ export function createMockORPCClient(options: MockORPCClientOptions = {}): APICl
     mcpServers = new Map(),
     mcpOverrides = new Map(),
     mcpTestResults = new Map(),
+    taskSettings: initialTaskSettings,
+    subagentAiDefaults: initialSubagentAiDefaults,
   } = options;
 
   // Feature flags
@@ -140,6 +153,8 @@ export function createMockORPCClient(options: MockORPCClientOptions = {}): APICl
   };
 
   const workspaceMap = new Map(workspaces.map((w) => [w.id, w]));
+  let taskSettings = normalizeTaskSettings(initialTaskSettings ?? DEFAULT_TASK_SETTINGS);
+  let subagentAiDefaults = normalizeSubagentAiDefaults(initialSubagentAiDefaults ?? {});
 
   const mockStats: ChatStats = {
     consumers: [],
@@ -172,6 +187,16 @@ export function createMockORPCClient(options: MockORPCClientOptions = {}): APICl
       getSshHost: async () => null,
       setSshHost: async () => undefined,
     },
+    config: {
+      getConfig: async () => ({ taskSettings, subagentAiDefaults }),
+      saveConfig: async (input: { taskSettings: unknown; subagentAiDefaults?: unknown }) => {
+        taskSettings = normalizeTaskSettings(input.taskSettings);
+        if (input.subagentAiDefaults !== undefined) {
+          subagentAiDefaults = normalizeSubagentAiDefaults(input.subagentAiDefaults);
+        }
+        return undefined;
+      },
+    },
     providers: {
       list: async () => providersList,
       getConfig: async () => providersConfig,

src/browser/components/ModelSelector.tsx

@@ -20,6 +20,8 @@ interface ModelSelectorProps {
   onChange: (value: string) => void;
   models: string[];
   hiddenModels?: string[];
+  emptyLabel?: string;
+  inputPlaceholder?: string;
   onComplete?: () => void;
   defaultModel?: string | null;
   onSetDefaultModel?: (model: string) => void;
@@ -39,6 +41,8 @@ export const ModelSelector = forwardRef<ModelSelectorRef, ModelSelectorProps>(
       onChange,
       models,
       hiddenModels = [],
+      emptyLabel,
+      inputPlaceholder,
       onComplete,
       defaultModel,
       onSetDefaultModel,
@@ -229,6 +233,19 @@ export const ModelSelector = forwardRef<ModelSelectorRef, ModelSelectorProps>(
     }, [highlightedIndex]);
 
     if (!isEditing) {
+      if (value.trim().length === 0) {
+        return (
+          <div ref={containerRef} className="relative flex items-center gap-1">
+            <div
+              className="text-muted-light hover:bg-hover flex cursor-pointer items-center gap-1 rounded-sm px-1 py-0.5 text-[11px] transition-colors duration-200"
+              onClick={handleClick}
+            >
+              <span>{emptyLabel ?? ""}</span>
+            </div>
+          </div>
+        );
+      }
+
       const gatewayActive = gateway.isModelRoutingThroughGateway(value);
 
       // Parse provider and model name from value (format: "provider:model-name")
@@ -276,7 +293,7 @@ export const ModelSelector = forwardRef<ModelSelectorRef, ModelSelectorProps>(
             value={inputValue}
             onChange={handleInputChange}
             onKeyDown={handleKeyDown}
-            placeholder="provider:model-name"
+            placeholder={inputPlaceholder ?? "provider:model-name"}
             className="text-light bg-dark border-border-light font-monospace focus:border-exec-mode w-48 rounded-sm border px-1 py-0.5 text-[10px] leading-[11px] outline-none"
           />
           {error && (

src/browser/components/ProjectSidebar.tsx

@@ -17,6 +17,7 @@ import {
   partitionWorkspacesByAge,
   formatDaysThreshold,
   AGE_THRESHOLDS_DAYS,
+  computeWorkspaceDepthMap,
 } from "@/browser/utils/ui/workspaceFiltering";
 import { Tooltip, TooltipTrigger, TooltipContent } from "./ui/tooltip";
 import SecretsModal from "./SecretsModal";
@@ -608,6 +609,7 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
                             {(() => {
                               const allWorkspaces =
                                 sortedWorkspacesByProject.get(projectPath) ?? [];
+                              const depthByWorkspaceId = computeWorkspaceDepthMap(allWorkspaces);
                               const { recent, buckets } = partitionWorkspacesByAge(
                                 allWorkspaces,
                                 workspaceRecency
@@ -625,6 +627,7 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
                                   onSelectWorkspace={handleSelectWorkspace}
                                   onRemoveWorkspace={handleRemoveWorkspace}
                                   onToggleUnread={_onToggleUnread}
+                                  depth={depthByWorkspaceId[metadata.id] ?? 0}
                                 />
                               );
 

src/browser/components/Settings/SettingsModal.tsx

@@ -1,8 +1,9 @@
 import React from "react";
-import { Settings, Key, Cpu, X, Briefcase, FlaskConical } from "lucide-react";
+import { Settings, Key, Cpu, X, Briefcase, FlaskConical, Bot } from "lucide-react";
 import { useSettings } from "@/browser/contexts/SettingsContext";
 import { Dialog, DialogContent, DialogTitle, VisuallyHidden } from "@/browser/components/ui/dialog";
 import { GeneralSection } from "./sections/GeneralSection";
+import { TasksSection } from "./sections/TasksSection";
 import { ProvidersSection } from "./sections/ProvidersSection";
 import { ModelsSection } from "./sections/ModelsSection";
 import { Button } from "@/browser/components/ui/button";
@@ -17,6 +18,12 @@ const SECTIONS: SettingsSection[] = [
     icon: <Settings className="h-4 w-4" />,
     component: GeneralSection,
   },
+  {
+    id: "tasks",
+    label: "Agents",
+    icon: <Bot className="h-4 w-4" />,
+    component: TasksSection,
+  },
   {
     id: "providers",
     label: "Providers",