Skip to content

Improve execution details UI: hide technical noise, focus on human-readable output #41

Description

@louis030195

Problem

The current execution details page shows too much technical noise that's not useful for most users:

  1. Formatted Output section shows raw JSON with null properties ("data": null, "human": null, etc.)
  2. API Request section is prominent but nobody is using APIs right now
  3. Error messages like "Process exited with code 1" are not actionable

Proposed Changes

1. Formatted Output

  • Hide by default or collapse
  • Don't render null properties in the JSON
  • If human field exists, show that prominently instead of raw JSON
  • Consider a "Show Raw" toggle for debugging

2. API Request Section

  • Move to a less prominent location (collapsed by default or in a "Developer" tab)
  • Most users don't care about API access

3. Human-Readable Focus

  • Extract and display human field prominently when available
  • Show actionable error messages, not just exit codes
  • Summarize what happened in plain language

Screenshot

Current state shows technical details that aren't helpful:

  • "data": null
  • "exception": true
  • "human": null
  • "message": "TypeScript workflow execution failed"
  • "skipped": false
  • "success": false
  • "validation": {}

Should instead show: "Workflow failed: TypeScript execution error" with expandable details.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions