Add compact workflow diagnostics column to Tasks workflows table

[tbrandenburg]

Motivation

• Surface the new per-job runtime diagnostics (start/finish times, duration, exit code, error text, running state) on the Tasks workflows list so operators can quickly inspect recent job health.
• Keep the table readable by default by presenting a compact summary and expandable details rather than adding many separate columns.

Description

• Extended the frontend workflow summary type to include diagnostics fields in packages/frontend/src/hooks/useApi.ts (diagnostics with lastStartedAt, lastFinishedAt, lastDurationMs, lastExitCode, lastError, running).
• Added compact diagnostics rendering to the Tasks page in packages/frontend/src/pages/TasksPage.tsx including formatter helpers (formatDateTime, formatDuration, formatExitCode, formatErrorText), a single Diagnostics table column with always-visible summary badges and an expandable <details> for timestamps and error text.
• Updated unit tests in packages/frontend/src/pages/TasksPage.test.tsx to verify diagnostics rendering and fallback behavior when diagnostics are absent.
• Added minimal styles for the diagnostics summary to packages/frontend/src/styles/page.css.

Testing

• Ran the frontend unit tests for the Tasks page with npm --workspace packages/frontend run test -- src/pages/TasksPage.test.tsx, and all tests passed (5 passed).
• Ran linting via npm --workspace packages/frontend run lint for the modified files and it completed without errors.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
made	Ready	Preview, Comment	Mar 14, 2026 6:36am