Story: Experiments sidebar tree view

Original Story

The experiments panel lets users see their experiments when they code or focus on the plots. Also, it helps to navigate through all the experiments when the table is filtered (filters don’t apply to the experiments panel) or too long (in case of expanded checkpoints).

Original Design

Preview:

More details, updated design and spec in Figma.

Updates

Current state:

Relevant links:

• TreeItem API
• TreeView sample extension (node_modules tree browser)

It appears that we can only have one icon to the left, like the show/hide eye to the left of the dots (the arrow doesn’t count, that’s built into the view for anything with children, it being a TreeView and all.). Any workaround like using combined icons would likely end up hacky and wouldn’t have to ability for different actions assigned to these elements.

I believe we can, however, put control icons like this on the right side of the menu like any other item via package.json contributes, seen as the pencil-shaped “Edit” button on each item in the sample extension.

[mattseddon]

Hey @igorfv,

Thanks for the update. Unfortunately there is no onHover event for the TreeItems but there is a tooltip which can take a markdown string. There is also the possibility of doing something with the description and you could even have a fake command that provides an icon to the RHS. See screenshot below of actual inline command used in/by the ExperimentsSortByTree:

I personally am open to any changes to the design as long as we achieve the original objective which is for the user to easily identify what is shown and where.

Hope this info helps. Please let me know if you have any follow up questions.

Thanks,

[mattseddon]

This is another option for how to tackle the tree view portion of this one:

(ignore the fact that the experiment names are duplicated)

Having two different groups would enable us to show both of the icons that we want to. We could move experiments between the two with the left click action. Title for each of the groups needs some work. This would also still let us avoid registering theme colors and using our own custom svg dots instead.

LMK what you think.