fix(web): correct agent phase and result state

Co-Authored-By: Claude <noreply@anthropic.com>

Author: shivamhwp

apps/web/src/components/AgentsPanelV2.test.tsx

@@ -78,6 +78,19 @@ describe("AgentsPanelV2", () => {
     expect(markup).toContain("Research");
   });
 
+  it("shows the final result instead of stale progress for a settled agent", () => {
+    const markup = renderPanel([
+      agent("settled-agent", {
+        status: "idle",
+        progress: "Still working on the old step",
+        result: "Final answer from the agent",
+      }),
+    ]);
+
+    expect(markup).toContain("Final answer from the agent");
+    expect(markup).not.toContain("Still working on the old step");
+  });
+
   it("renders workflow members under their phase", () => {
     const markup = renderPanel([
       agent("workflow-1", {

apps/web/src/components/AgentsPanelV2.tsx

@@ -1,6 +1,7 @@
 import {
   deriveOrchestrationV2SubagentPanelState,
   formatSubagentTokenCount,
+  isSettledOrchestrationV2Subagent,
 } from "@t3tools/client-runtime/state/orchestration-v2-subagents";
 import type {
   OrchestrationV2Subagent,
@@ -69,7 +70,9 @@ function AgentCard(props: {
   activations: ReadonlyArray<OrchestrationV2SubagentActivation>;
 }) {
   const { agent } = props;
-  const detail = agent.progress?.trim() || agent.result?.trim() || agent.prompt.trim();
+  const detail = isSettledOrchestrationV2Subagent(agent)
+    ? agent.result?.trim() || agent.progress?.trim() || agent.prompt.trim()
+    : agent.progress?.trim() || agent.result?.trim() || agent.prompt.trim();
   const usage = usageSummary(agent);
   const activities = keyedActivities(agent);
   return (

packages/client-runtime/src/state/orchestrationV2Subagents.test.ts

@@ -137,6 +137,49 @@ describe("deriveOrchestrationV2SubagentPanelState", () => {
     expect(result.activationsBySubagentId.get(researcher.id)).toEqual(activations);
   });
 
+  it("keeps future all-pending workflow phases pending", () => {
+    const workflow = agent("workflow-1", {
+      kind: "workflow",
+      workflow: {
+        phases: [
+          { index: 0, title: "Empty" },
+          { index: 1, title: "Queued" },
+          { index: 2, title: "Active" },
+          { index: 3, title: "Settled" },
+        ],
+      },
+    });
+    const member = (id: string, phaseIndex: number, status: OrchestrationV2Subagent["status"]) =>
+      agent(id, {
+        kind: "workflow_agent",
+        status,
+        workflowMembership: {
+          workflowSubagentId: workflowId,
+          agentIndex: phaseIndex,
+          phaseIndex,
+          attempt: 1,
+        },
+      });
+
+    const result = deriveOrchestrationV2SubagentPanelState({
+      subagents: [
+        workflow,
+        member("queued-a", 1, "pending"),
+        member("queued-b", 1, "pending"),
+        member("active", 2, "waiting"),
+        member("settled", 3, "completed"),
+      ],
+      activations: [],
+    });
+
+    expect(result.groups[0]?.phases.map((phase) => phase.status)).toEqual([
+      "pending",
+      "pending",
+      "running",
+      "done",
+    ]);
+  });
+
   it("distinguishes unavailable usage from a reported zero", () => {
     const unavailable = deriveOrchestrationV2SubagentPanelState({
       subagents: [agent("unreported")],

packages/client-runtime/src/state/orchestrationV2Subagents.ts

@@ -40,7 +40,9 @@ const phaseStatus = (agents: ReadonlyArray<OrchestrationV2Subagent>) =>
     ? ("pending" as const)
     : agents.every(isSettledOrchestrationV2Subagent)
       ? ("done" as const)
-      : ("running" as const);
+      : agents.every((agent) => agent.status === "pending")
+        ? ("pending" as const)
+        : ("running" as const);
 
 export function deriveOrchestrationV2SubagentPanelState(input: {
   readonly subagents: ReadonlyArray<OrchestrationV2Subagent>;