New GUI Design

[farmaazon]

This task gathers all needed work to have the currently implemented IDE elements displayed as in the newest design

This does not include implementing completely new features (like chat), but includes the revising of CB (except copilot hints). Also, I did not touch widgets and their editing (Which is tracked by #6622).

New Design of Graph Editor

Beta Give feedback

1. Use new Enso font #7197
   -gui d-intermediate p-high x-new-feature +4
   
2. Change node colors and add icons to match the design #6552
   -gui g-graph-editor g-widgets p-high +4
   
3. Show subtle node highlight when mouse is hovering near it. #6872
   -gui g-graph-editor p-high x-new-feature +4
   
4. List editor widget should be easier discoverable #7434
   -gui d-hard g-widgets p-lowest +4
   
5. Update connections to the new design #7212
   -gui d-intermediate g-graph-editor p-medium +4
   
6. Update look of the breadcrumbs panel #7200
   -gui d-intermediate g-graph-editor p-high +4
   
7. Update visualizations to the new design. #7315
   +0
8. Update Project breadcrumbs to reuse CB's ones #7312
   -gui d-unknown p-high +3
   
9. Update "Play" button to new design (triangle with rounded corners). #7547
   -gui d-easy g-graph-editor p-medium +4
   
10. Pending node status #7435
    -gui d-easy g-controller g-graph-editor p-high +5
    
11. Colors on the nodes are chosen randomly. #7456
    -gui d-hard g-component-browser g-controller g-graph-editor p-high +6
    

New Look of Component Browser

Beta Give feedback

1. Update Component List Grid to new design #7198
   -gui d-easy g-component-browser p-high +4
   
2. Update Component Browser breadcrumbs to new design. #7199
   -gui d-easy g-component-browser p-high +4
   
3. Update CB labels to new design #7201
   -gui d-easy g-component-browser p-high +4
   
4. Rearrange panels in Component Browser #7244
   -gui d-intermediate g-component-browser p-high +4
   
5. Add missing icons in new Component Browser #7260
   -gui d-easy g-component-browser p-high +4
   
6. Remove Tab shortcut for opening CB
7. Improved documentation view, as in the design. #7356
   -gui p-high +2
   

New Logic of Component Browser

Beta Give feedback

1. Synchronize CB Breadcrumbs with documentation panel #7310
   -gui d-intermediate g-component-browser p-high +4
   
2. Specify group of the component as doctag or section. #7336
   -gui d-intermediate g-controller p-high +4
   
3. Local scope filtering #7313
   -gui d-easy g-component-browser p-lowest +4
   
4. Unstable filtering #7314
   -gui d-easy g-component-browser p-lowest x-new-feature +5
5. Shortcuts for adding nodes. #7548
   -gui d-hard p-low x-new-feature +4
6. Special shortcut for adding .write node. #7549
   -gui d-intermediate p-low x-new-feature +4

Lower Priority

Beta Give feedback

1. Implement dropdown widget style according to design. #5922
   +0
2. New node's action bar (circular menu)
3. Resize input when opening CB
4. Add "Enso" icon to the CB input panel.
5. Put all icons (from nodes action bar and possibly other paces) to icon.rs (making it a separate crate).
6. Colors on the nodes are chosen randomly. #7456
   -gui d-hard g-component-browser g-controller g-graph-editor p-high +6
   
7. Handle conflicting shortcuts in a nicer way. #7528
   -gui d-hard g-component-browser g-ensogl p-lowest x-chore +6

[enso-bot]

Adam Obuchowicz reports a new STANDUP for yesterday (2023-07-03):

Progress: Applied review comments in mouse-hover-fix PR. Also reviewed new CB design once more, and started adding tasks to the epics which I deemed are needed for next 6 weeks. It should be finished by 2023-07-04.

Next Day: Next day I will be working on the same task. Finish the task list, create issues for next iterations and assign to people. Then start my task.

[enso-bot]

Adam Obuchowicz reports a new STANDUP for today (2023-07-04):

Progress: Finished making task list. Added also a few to #5201 as "Enso pillars" doc mentions displaying messages for the user on every error, including rust panics. It should be finished by 2023-07-04.

Next Day: Next day I will be working on the #7198 task. Start first task: switching CB component list to new design.

[farmaazon]

The design doc shows all panels and enso window "blurry-transparent", but we won't implement it in the nearest future, so here I put the link to design version with solid colors: https://www.figma.com/file/pMF3XTTNCcwTkI6sRnP5Z6/ide2-v50-solid_colors?type=design&mode=design&t=1ZAI7xgZKnuK5Qkt-0

To see Component Browser, you need to copy the file to your drafts (option appears after clicking file name), find "component browser" in the left panel and click "eye" icon.

cc @vitvakatu

[somebody1234]

whoops

[somebody1234]

I think the rest of the tasks that were pending, are implemented in GUI2.