Collapse common errors by default

[laurakwhit]

Description & motivation 💭

Renders the workflow common errors as a single card with collapsable accordions instead of a flat list of alerts.

• The header carries a per-severity count ("1 error, 2 warnings, 4 info") and the dismiss button.
• Each error is an accordion with a severity-colored left border. The most severe one starts open while the rest collapse to a single line with a truncated description.
• The list scrolls at max-h-64, with a bottom fade that appear only while there is more content below. A run with many findings no longer pushes the rest of the page down.
• Findings sort by severity (error → warning → info).

Screenshots (if applicable) 📸

Before	After

Design Considerations 🎨

Testing 🧪

How was this tested 👻

• Manual testing
• E2E tests added
• Unit tests added

Steps for others to test: 🚶🏽‍♂️🚶🏽‍♀️

Checklists

Draft Checklist

Merge Checklist

Issue(s) closed

FE-420

Docs

Any docs updates needed?

[vercel]

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

Project	Deployment	Actions	Updated
holocene	Ready	Preview	Sep 17, 2026 9:57pm UTC

[Alex-Tideman]

This looks so much better!

I wonder if Common Errors is a good title when there is errors/warnings/info. Maybe Helpful Hints?

[bilal-karim]

@Alex-Tideman Agreed, so much better! Are there plans to make this customer-facing?

How about "Diagnostics" for the title? It's more overarching because this panel includes a mix of info, warning, and error messages.

I also wonder if it should take up the full width of the page? We have the room, so why not? It would give the content more breathing room.