Improve workflow diagnostics readability on Tasks page

[tbrandenburg]

Motivation

• Workflow diagnostics shown on the Tasks page were aggressively truncated and presented inline, making failures like Exit 1 hard to investigate.
• The goal is to make captured stderr/stdout tails directly visible and preserve multiline output so users can analyze errors without leaving the overview.

Description

• Stop truncating diagnostics text by simplifying formatErrorText to return the full trimmed string instead of slicing it.
• Render Error and Stdout sections as <pre> blocks inside the diagnostics details so multiline logs and traces are preserved.
• Add .workflow-diagnostics__output CSS to make diagnostics blocks scrollable, wrapped, and visually distinct.
• Update the Tasks page unit test (TasksPage.test.tsx) to assert the new Error/Stdout presentation and sample content.

Testing

• Ran the frontend unit test file with npm --workspace packages/frontend run test -- src/pages/TasksPage.test.tsx, and all tests passed (1 file, 6 tests).
• No backend tests were modified or executed as part of this change.

---

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 24, 2026 9:16pm