Layout for details and graph browser

eimrek commented 1 month ago

I thought a bit about the layout of the node details page and I propose the following:

Main points:

Tab view: I think the tabs of the old implementation are nice, would bring them back, instead of having a back button that goes to the grid view.
A "Selected node" section, that contains an input for the UUID (with the possibility to load another one) and the metadata section.
The metadata is moved out of the "Raw view" and into a nicely formatted box. This should be visibe for all nodes, regardless of rich or raw view selection.
rich view should be selected by default, if available.

Note also that the layout should be responsive, potentially forming a single column if not enough horizontal space:

Feel free to propose any modifications @edan-bainglass @superstar54

edan-bainglass commented 1 month ago

All great points @eimrek! Let's proceed with this.

eimrek commented 1 month ago

Latest version from the meeting:

aiidateam / aiida-explorer