feat(ui): add live workspace and workflow dashboards

Author: Waishnav

src/server.ts

@@ -725,10 +725,10 @@ function createMcpServer(
 
   registerAppResource(
     server,
-    "DevSpace Diff Card",
+    "DevSpace App",
     WORKSPACE_APP_URI,
     {
-      description: "Interactive card for viewing DevSpace file diffs.",
+      description: "Interactive DevSpace workspace, workflow, and file-change views.",
       _meta: {
         ui: {
           csp: appCsp(config),

src/ui/card-types.test.ts

@@ -7,7 +7,13 @@ import {
   isToolName,
 } from "./card-types.js";
 
-for (const tool of ["apply_patch", "exec_command", "write_stdin"]) {
+for (const tool of [
+  "apply_patch",
+  "exec_command",
+  "write_stdin",
+  "run_workflow",
+  "workflow_status",
+]) {
   assert.equal(isToolName(tool), true, `${tool} should be a recognized card tool`);
 }
 
@@ -23,3 +29,26 @@ assert.equal(
   true,
 );
 assert.equal(isExpandableCard({ tool: "apply_patch" }), false);
+assert.equal(isExpandableCard({ tool: "run_workflow", runId: "wfr_1" }), true);
+assert.equal(
+  isExpandableCard({
+    tool: "open_workspace",
+    activeWorkflows: [
+      {
+        id: "wfr_1",
+        name: "Review",
+        status: "running",
+        calls: {
+          running: 1,
+          completed: 0,
+          cached: 0,
+          failed: 0,
+          cancelled: 0,
+          observed: 1,
+        },
+        updatedAt: "2026-07-26T00:00:00.000Z",
+      },
+    ],
+  }),
+  true,
+);

src/ui/card-types.ts

@@ -26,6 +26,16 @@ export interface ToolResultCard {
   workspaceId?: string;
   path?: string;
   root?: string;
+  mode?: "checkout" | "worktree";
+  sourceRoot?: string;
+  worktree?: {
+    path?: string;
+    baseRef?: string;
+    baseSha?: string;
+    dirtySource?: boolean;
+    detached?: boolean;
+    managed?: boolean;
+  };
   status?: string;
   name?: string;
   runId?: string;
@@ -174,6 +184,9 @@ export function isExpandableCard(card: ToolResultCard): boolean {
       Boolean(card.agentsFiles?.length) ||
       Boolean(card.availableAgentsFiles?.length) ||
       Boolean(card.skills?.length) ||
+      Boolean(card.activeWorkflows?.length) ||
+      Boolean(card.agentProviders?.length) ||
+      Boolean(card.agents?.length) ||
       Boolean(card.skillDiagnostics?.length)
     );
   }

src/ui/tool-display.ts

@@ -138,6 +138,7 @@ export function getToolHeaderSummary(card: ToolResultCard): ToolHeaderSummary {
   if (card.tool === "open_workspace") {
     const parts = [
       typeof summary.mode === "string" ? summary.mode : undefined,
+      countLabel(summaryNumber(summary, "activeWorkflows"), "workflow"),
       countLabel(summaryNumber(summary, "agentsFiles"), "instruction"),
       countLabel(summaryNumber(summary, "skills"), "skill"),
     ].filter((part): part is string => Boolean(part));