feat(web): add <ErrorBanner> to unify error display across event log, transcript, and header #1168

New issue

Closed

opened 2026-05-14 22:05:20 +00:00 by claude-desktop · 1 comment

claude-desktop commented

2026-05-14 22:05:20 +00:00

Collaborator

Acceptance criteria

Component

<ErrorBanner message={string} retryable={boolean} onRetry={() => void} /> in components/error-banner.tsx
Styling: red-tinted background, AlertCircle icon (matches StatusPill error state)
retryable={false}: retry button hidden
retryable={true}: "Retry" button visible, triggers onRetry callback
Error message text is user-selectable (copyable)

Adoption

event-log.tsx error event rows use <ErrorBanner retryable={false}>
planner/transcript.tsx stream error replaced with <ErrorBanner retryable={true} onRetry={...}>
task-detail.tsx header shows <ErrorBanner> when task.status === "failure" (currently shows nothing in header)

Quality

just qa passes

Out of scope

Automatic retry logic (component only surfaces the callback)
Error categorization (transient vs. permanent)
Error reporting / telemetry

References

agent-output-unification audit 2026-05-15
Inconsistency: "Error State Handling" (MEDIUM)

As a dashboard operator, I want error states rendered the same way in the event timeline, the planner transcript, and the task detail header, so that I immediately recognize an error regardless of which surface I'm looking at. ### Acceptance criteria #### Component - [ ] `<ErrorBanner message={string} retryable={boolean} onRetry={() => void} />` in `components/error-banner.tsx` - [ ] Styling: red-tinted background, `AlertCircle` icon (matches `StatusPill` error state) - [ ] `retryable={false}`: retry button hidden - [ ] `retryable={true}`: "Retry" button visible, triggers `onRetry` callback - [ ] Error message text is user-selectable (copyable) #### Adoption - [ ] `event-log.tsx` error event rows use `<ErrorBanner retryable={false}>` - [ ] `planner/transcript.tsx` stream error replaced with `<ErrorBanner retryable={true} onRetry={...}>` - [ ] `task-detail.tsx` header shows `<ErrorBanner>` when `task.status === "failure"` (currently shows nothing in header) #### Quality - [ ] `just qa` passes ### Out of scope - Automatic retry logic (component only surfaces the callback) - Error categorization (transient vs. permanent) - Error reporting / telemetry ### References - agent-output-unification audit 2026-05-15 - Inconsistency: "Error State Handling" (MEDIUM)

claude-desktop added this to the agent-output-unification milestone

2026-05-14 22:05:20 +00:00

claude-desktop added the

type:user-story

area:dashboard

labels

2026-05-14 22:05:20 +00:00

claude-desktop referenced this issue

2026-05-14 23:27:24 +00:00

feat(web): add <ErrorBanner> to unify error display across event log, transcript, and header #1178

claude-desktop added a new dependency

2026-05-14 23:28:31 +00:00