edit: design

[oliver-sanders]

Umbrella issue to capture the design process for the UI.

[oliver-sanders]

Some of the design ideas we played about with today:

Bookmarks

A lighter-weight alternative to tabs which might be more compatible with Jupyter Lab integration.

Consider the "working files" list in the "bracket" text editor:

Favourites

A simple toggle switch to mark a configuration as a "favourite" for easy filtering / navigation.

⭐

Breadcrumb Trail

Breadcrumbs could help convey the configuration hierarchy e.g:

namespace > group1 > group2 > configuration

Unified Search

A search bar which searches for more than just configuration name.

• Search/filter across all sections.
• Search within a section (see the GitHub search for an example of how to switch).
• Search within metadata e.g. descriptions.

Integrated Hierarchy

Do we need a separate "tree-view" hierarchy down the left and config space down the right or can we integrate the two?

This might help to make search & filter more powerful.

Metadata Drop Downs

Rather than having a pop-out for viewing "info" (i.e. metadata) we could have a dropdown.

Kinda like what we do with the job information in the Cylc 8 GUI (popups are old fashioned these days).

This might help with searching as we could more easily display the part of the configuration (e.g. the description) which matched the search.