Skip to content

Making the console output visually structured - styling inputs and outputsΒ #3660

@lionel-

Description

@lionel-

I find it hard to visually parse the console output because inputs and outputs are styled exactly the same way. If we had a slightly different colour, or maybe bold inputs, and a bit of spacing between the end of an output and the next input (ideally this styling would be user-configurable), it would be easier to distinguish units of work in the console. The following should feel less like a wall of text and more like structured text:

Screenshot 2024-06-27 at 09 21 52

The warp project takes this idea quite fare by splitting the output in "blocks": https://www.warp.dev. IIRC our treatment of errors is inspired by this idea and indeed the red box improves the structure of the output, though it still feels like the red box sticks equally to the text preceding it as to the text following it because of the lack of spacing:

Screenshot 2024-06-27 at 09 32 25

Relatedly, it would be very helpful to have navigation commands across inputs in the console to make it easy to go back in the console history and inspect previous outputs.

Metadata

Metadata

Assignees

No one assigned

    Labels

    area: consoleIssues related to Console category.enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions