feat(ui): recognize workflow result cards

Author: Waishnav

src/ui/card-types.ts

@@ -1,7 +1,10 @@
 import type { App } from "@modelcontextprotocol/ext-apps";
+import type { WorkflowRunSummaryView } from "../workflow-ui.js";
 
 export type ToolName =
   | "open_workspace"
+  | "run_workflow"
+  | "workflow_status"
   | "show_changes"
   | "apply_patch"
   | "exec_command"
@@ -24,6 +27,8 @@ export interface ToolResultCard {
   path?: string;
   root?: string;
   status?: string;
+  name?: string;
+  runId?: string;
   summary?: Record<string, unknown>;
   files?: Array<{
     path?: string;
@@ -46,6 +51,28 @@ export interface ToolResultCard {
     description?: string;
     path?: string;
   }>;
+  activeWorkflows?: WorkflowRunSummaryView[];
+  callSummary?: {
+    reused?: number;
+    live?: number;
+    failed?: number;
+    running?: number;
+    total?: number;
+  };
+  agentProviders?: Array<{
+    name?: string;
+    available?: boolean;
+    reason?: string;
+  }>;
+  agents?: Array<{
+    name?: string;
+    description?: string;
+    provider?: string;
+    model?: string;
+    effort?: string;
+    providerAvailable?: boolean;
+    providerUnavailableReason?: string;
+  }>;
   skillDiagnostics?: unknown[];
   instruction?: string;
 }
@@ -66,6 +93,8 @@ export interface ToolPayload {
 export function isToolName(value: unknown): value is ToolName {
   return (
     value === "open_workspace" ||
+    value === "run_workflow" ||
+    value === "workflow_status" ||
     value === "show_changes" ||
     value === "apply_patch" ||
     value === "exec_command" ||
@@ -108,6 +137,10 @@ export function isReviewTool(tool: ToolName): boolean {
   return tool === "show_changes";
 }
 
+export function isWorkflowTool(tool: ToolName): boolean {
+  return tool === "run_workflow" || tool === "workflow_status";
+}
+
 export function isToolResultCard(value: unknown): value is Omit<ToolResultCard, "tool"> {
   return Boolean(value && typeof value === "object");
 }
@@ -145,6 +178,8 @@ export function isExpandableCard(card: ToolResultCard): boolean {
     );
   }
 
+  if (isWorkflowTool(card.tool)) return Boolean(card.runId);
+
   if (isReviewTool(card.tool)) return Boolean(card.files?.length || card.payload?.patch);
   if (isPatchTool(card.tool)) return Boolean(card.payload?.patch);
 

src/ui/icons.ts

@@ -9,9 +9,12 @@ import {
   FolderOpen,
   FolderTree,
   LoaderCircle,
+  Maximize2,
+  Minimize2,
   Search,
   SquareTerminal,
   Terminal,
+  Workflow,
   createElement,
   type IconNode,
 } from "lucide";
@@ -25,10 +28,13 @@ export const toolIcons = {
   folderOpen: FolderOpen,
   folderTree: FolderTree,
   loading: LoaderCircle,
+  maximize: Maximize2,
+  minimize: Minimize2,
   readFile: FileText,
   search: Search,
   terminal: Terminal,
   terminalSquare: SquareTerminal,
+  workflow: Workflow,
   writeFile: FilePlus,
 } as const satisfies Record<string, IconNode>;
 

src/ui/tool-display.test.ts

@@ -5,6 +5,8 @@ import { getToolDisplay, getToolHeaderSummary } from "./tool-display.js";
 
 const displayCases: Array<[ToolResultCard, { title: string; tone: string }]> = [
   [{ tool: "open_workspace", root: "/tmp/project" }, { title: "Opened workspace", tone: "workspace" }],
+  [{ tool: "run_workflow", runId: "wfr_1", name: "Review" }, { title: "Started workflow", tone: "workflow" }],
+  [{ tool: "workflow_status", runId: "wfr_1", name: "Review" }, { title: "Workflow status", tone: "workflow" }],
   [{ tool: "read", path: "src/read.ts" }, { title: "Read file", tone: "read" }],
   [{ tool: "write", path: "src/write.ts" }, { title: "Wrote file", tone: "write" }],
   [{ tool: "edit", path: "src/edit.ts" }, { title: "Edited file", tone: "edit" }],
@@ -25,6 +27,7 @@ for (const [card, expected] of displayCases) {
 }
 
 assert.equal(getToolDisplay({ tool: "open_workspace", root: "/tmp/project" }).label, "/tmp/project");
+assert.equal(getToolDisplay({ tool: "run_workflow", runId: "wfr_1" }).label, "wfr_1");
 assert.equal(
   getToolDisplay({ tool: "grep", summary: { pattern: "needle", scope: "src" } }).label,
   "needle in src",
@@ -120,6 +123,14 @@ assert.deepEqual(
   getToolHeaderSummary({ tool: "open_workspace" }),
   { kind: "empty" },
 );
+assert.deepEqual(
+  getToolHeaderSummary({
+    tool: "workflow_status",
+    status: "running",
+    callSummary: { running: 2, failed: 1 },
+  }),
+  { kind: "text", text: "running · 2 running · 1 failed" },
+);
 
 function pickDisplay(display: ReturnType<typeof getToolDisplay>) {
   return {

src/ui/tool-display.ts

@@ -3,6 +3,7 @@ import {
   isPatchTool,
   isReviewTool,
   isShellTool,
+  isWorkflowTool,
   isWriteTool,
   summaryNumber,
   type ToolResultCard,
@@ -31,6 +32,20 @@ export function getToolDisplay(card: ToolResultCard): ToolDisplay {
         label: card.root ?? card.path,
         tone: "workspace",
       };
+    case "run_workflow":
+      return {
+        icon: toolIcons.workflow,
+        title: card.status === "completed" ? "Workflow completed" : "Started workflow",
+        label: card.name ?? card.runId,
+        tone: "workflow",
+      };
+    case "workflow_status":
+      return {
+        icon: toolIcons.workflow,
+        title: "Workflow status",
+        label: card.name ?? card.runId,
+        tone: "workflow",
+      };
     case "read":
       return {
         icon: toolIcons.readFile,
@@ -129,6 +144,15 @@ export function getToolHeaderSummary(card: ToolResultCard): ToolHeaderSummary {
     return parts.length > 0 ? { kind: "text", text: parts.join(" · ") } : { kind: "empty" };
   }
 
+  if (isWorkflowTool(card.tool)) {
+    const parts = [
+      card.status,
+      card.callSummary?.running ? `${card.callSummary.running} running` : undefined,
+      card.callSummary?.failed ? `${card.callSummary.failed} failed` : undefined,
+    ].filter((part): part is string => Boolean(part));
+    return parts.length > 0 ? { kind: "text", text: parts.join(" · ") } : { kind: "empty" };
+  }
+
   if (isShellTool(card.tool)) {
     const parts = [
       countLabel(summaryNumber(summary, "lines"), "line"),