fix: include harnesses in /api/resources response for browser UI

The frontend Agent Inspector crashes with "Cannot read properties of
undefined (reading 'find')" when switching to a harness because the
/api/resources endpoint was missing the harnesses array entirely.

Constraint: Frontend expects harnesses array with deploymentStatus and deployed fields
Confidence: high
Scope-risk: narrow

Author: jesseturner21

src/cli/operations/dev/web-ui/api-types.ts

@@ -456,6 +456,8 @@ export interface ResourceHarness {
   name: string;
   model: string;
   tools: string[];
+  deploymentStatus?: ResourceDeploymentStatus;
+  deployed?: DeployedHarnessState;
 }
 
 export interface DeployedHarnessState {

src/cli/operations/dev/web-ui/handlers/index.ts

@@ -8,3 +8,5 @@ export { handleListCloudWatchTraces, handleGetCloudWatchTrace } from './cloudwat
 export { handleListMemoryRecords, handleRetrieveMemoryRecords } from './memory';
 export { handleMcpProxy } from './mcp-proxy';
 export { handleA2AAgentCard } from './a2a-proxy';
+export { handleHarnessInvocation } from './harness-invocation';
+export { handleHarnessToolResponse } from './harness-tool-response';

src/cli/operations/dev/web-ui/handlers/resources.ts

@@ -8,6 +8,7 @@ import type {
   ResourceDeploymentStatus,
   ResourceEvaluator,
   ResourceGateway,
+  ResourceHarness,
   ResourceMemory,
   ResourceOnlineEvalConfig,
   ResourcePolicyEngine,
@@ -106,6 +107,42 @@ export async function handleResources(ctx: RouteContext, res: ServerResponse, or
       }
     }
 
+    // Build harnesses from local config
+    const localHarnessNames = new Set((project.harnesses ?? []).map(h => h.name));
+    const harnesses: ResourceHarness[] = [];
+    for (const h of project.harnesses ?? []) {
+      let model = '';
+      let tools: string[] = [];
+      try {
+        const spec = await configIO.readHarnessSpec(h.name);
+        model = `${spec.model.provider}/${spec.model.modelId}`;
+        tools = spec.tools.map(t => t.name);
+      } catch {
+        // harness spec may be unreadable — show what we can
+      }
+      const deployed = targetResources?.harnesses?.[h.name];
+      harnesses.push({
+        name: h.name,
+        model,
+        tools,
+        deploymentStatus: statusByTypeAndName.get(`harness:${h.name}`),
+        deployed: deployed ? { harnessId: deployed.harnessId, harnessArn: deployed.harnessArn } : undefined,
+      });
+    }
+
+    // Add pending-removal harnesses
+    for (const [name, deployed] of Object.entries(targetResources?.harnesses ?? {})) {
+      if (!localHarnessNames.has(name)) {
+        harnesses.push({
+          name,
+          model: '',
+          tools: [],
+          deploymentStatus: 'pending-removal' as ResourceDeploymentStatus,
+          deployed: { harnessId: deployed.harnessId, harnessArn: deployed.harnessArn },
+        });
+      }
+    }
+
     // Build memories from local config
     const localMemoryNames = new Set(project.memories.map(m => m.name));
     const memories: ResourceMemory[] = project.memories.map(m => ({
@@ -274,6 +311,7 @@ export async function handleResources(ctx: RouteContext, res: ServerResponse, or
         success: true,
         project: project.name,
         agents,
+        harnesses,
         memories,
         credentials,
         gateways,

src/cli/operations/dev/web-ui/web-server.ts

@@ -6,6 +6,7 @@ import {
   handleA2AAgentCard,
   handleGetCloudWatchTrace,
   handleGetTrace,
+  handleHarnessToolResponse,
   handleInvocations,
   handleListCloudWatchTraces,
   handleListMemoryRecords,
@@ -344,6 +345,8 @@ export class WebUIServer {
       await handleListCloudWatchTraces(ctx, req, res, origin);
     } else if (req.method === 'POST' && req.url === '/api/start') {
       await handleStart(ctx, req, res, origin);
+    } else if (req.method === 'POST' && req.url === '/api/harness/tool-response') {
+      await handleHarnessToolResponse(ctx, req, res, origin);
     } else if (req.method === 'POST' && req.url === '/invocations') {
       await handleInvocations(ctx, req, res, origin);
     } else if (req.method === 'POST' && req.url === '/api/mcp') {

src/cli/tui/screens/dev/DevScreen.tsx

@@ -416,12 +416,8 @@ export function DevScreen(props: DevScreenProps) {
             const harnessIdx = selectedAgentIndex - supportedAgents.length;
             const harnessName = availableHarnesses[harnessIdx];
             if (harnessName) {
-              if (onLaunchBrowser) {
-                onLaunchBrowser({ harnessName });
-              } else {
-                setSelectedHarness(harnessName);
-                setMode('deploying');
-              }
+              setSelectedHarness(harnessName);
+              setMode('deploying');
             }
           }
         }