Skip to content

Refactor app menu items #4665

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 25 commits into from
Aug 14, 2025
Merged

Refactor app menu items #4665

merged 25 commits into from
Aug 14, 2025

Conversation

pythongosssss
Copy link
Member

@pythongosssss pythongosssss commented Aug 3, 2025

Restructures the application menu

image
  • rename Workflow to File
  • move new & template items to top level
  • add View menu and related sub items

Commands

  • add "active" state getter shown as checkmark in the menu

Node side panel

  • add refresh node defs
  • change reset view icon
image

Help center

  • change to use store for visibility

Fixes

  • Fix bug with mouse down where if you drag mouse out, mouse up wasn't caught
  • Fix issue with canvas info setting not triggering a redraw on change

┆Issue is synchronized with this Notion page by Unito

pythongosssss and others added 5 commits August 3, 2025 16:24
- rename Workflow to File
- move new & template items to top level
- add View menu and related sub items

Commands
- add "active" state getter shown as checkmark in the menu

Node side panel
- add refresh node defs
- change reset view icon

Help center
- change to use store for visibility

Fixes
- Fix bug with mouse down where if you drag mouse out, mouse up wasn't caught
- Fix issue with canvas info setting not triggering a redraw on change
@christian-byrne christian-byrne added the area:ui General user interface and experience improvements label Aug 4, 2025
@JorgeR81
Copy link

JorgeR81 commented Aug 4, 2025

In the View menu, I would:

  • Remove: Queue Panel, Node Library, Model Library, Workflows ( unless you're planning to have and option to hide the Sidebar, when it's minimized )
  • Remove: Manager ( since it's in the main menu already ) ( unless this is supposed to show the legacy Manager, instead )
  • Remove: Help Center ( since this could be added to the Help sub menu )
  • Add: Minimap, Toggle Link Visibility ( so that we can hide the graph canvas menu, but still have these options accessible )

I would also add a new icon for Toggle Link Visibility, since it's the same as Focus Mode.

@pythongosssss pythongosssss marked this pull request as ready for review August 12, 2025 19:45
@pythongosssss pythongosssss requested a review from a team as a code owner August 12, 2025 19:45
@christian-byrne christian-byrne added needs-backport Fix/change that needs to be cherry-picked to the current feature freeze branch area:topbar-menu 1.25 labels Aug 12, 2025
@christian-byrne
Copy link
Contributor

Minor conflict on the settings config and imports, sorry about that.

@pythongosssss
Copy link
Member Author

Conflicts fixed!

Copy link
Contributor

@christian-byrne christian-byrne left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, this is great.

@christian-byrne christian-byrne merged commit 4ca6220 into main Aug 14, 2025
2 checks passed
@christian-byrne christian-byrne deleted the pysssss/menu-item-refactor branch August 14, 2025 21:53
Copy link

@pythongosssss Backport to core/1.25 failed: Merge conflicts detected.

Please manually cherry-pick commit 4ca6220adf4961afacc1b1faac1c4ff8a8475054 to the core/1.25 branch.

Conflicting files
  • src/locales/ar/commands.json
  • src/locales/ar/main.json
  • src/locales/en/main.json
  • src/locales/es/main.json
  • src/locales/fr/main.json
  • src/locales/ja/main.json
  • src/locales/ko/main.json
  • src/locales/ru/main.json
  • src/locales/zh-TW/main.json
  • src/locales/zh/main.json

@christian-byrne christian-byrne mentioned this pull request Aug 15, 2025
snomiao pushed a commit that referenced this pull request Aug 15, 2025
* Restructures the application menu
- rename Workflow to File
- move new & template items to top level
- add View menu and related sub items

Commands
- add "active" state getter shown as checkmark in the menu

Node side panel
- add refresh node defs
- change reset view icon

Help center
- change to use store for visibility

Fixes
- Fix bug with mouse down where if you drag mouse out, mouse up wasn't caught
- Fix issue with canvas info setting not triggering a redraw on change

* Fix missing translation warnings

* Add separator under new

* tidy

* Update locales [skip ci]

* fix some tests

* fix

* Hide icon if there is an active state within the menu item group

* Update locales [skip ci]

* Fix tests

* Implement feedback
- Remove queue, node lib, model lib, workflows, manager, help center
- Add minimap, link visibility

* Update locales [skip ci]

* Add plus icon on "New" menu item

* Update locales [skip ci]

* Fix test

* Fix translations

* Update locales [skip ci]

* Update locales [skip ci]

---------

Co-authored-by: github-actions <[email protected]>
christian-byrne pushed a commit that referenced this pull request Aug 16, 2025
* Restructures the application menu
- rename Workflow to File
- move new & template items to top level
- add View menu and related sub items

Commands
- add "active" state getter shown as checkmark in the menu

Node side panel
- add refresh node defs
- change reset view icon

Help center
- change to use store for visibility

Fixes
- Fix bug with mouse down where if you drag mouse out, mouse up wasn't caught
- Fix issue with canvas info setting not triggering a redraw on change

* Fix missing translation warnings

* Add separator under new

* tidy

* Update locales [skip ci]

* fix some tests

* fix

* Hide icon if there is an active state within the menu item group

* Update locales [skip ci]

* Fix tests

* Implement feedback
- Remove queue, node lib, model lib, workflows, manager, help center
- Add minimap, link visibility

* Update locales [skip ci]

* Add plus icon on "New" menu item

* Update locales [skip ci]

* Fix test

* Fix translations

* Update locales [skip ci]

* Update locales [skip ci]

---------

Co-authored-by: github-actions <[email protected]>
christian-byrne added a commit that referenced this pull request Aug 16, 2025
) (#5030)

* Refactor app menu items (#4665)

* Restructures the application menu
- rename Workflow to File
- move new & template items to top level
- add View menu and related sub items

Commands
- add "active" state getter shown as checkmark in the menu

Node side panel
- add refresh node defs
- change reset view icon

Help center
- change to use store for visibility

Fixes
- Fix bug with mouse down where if you drag mouse out, mouse up wasn't caught
- Fix issue with canvas info setting not triggering a redraw on change

* Fix missing translation warnings

* Add separator under new

* tidy

* Update locales [skip ci]

* fix some tests

* fix

* Hide icon if there is an active state within the menu item group

* Update locales [skip ci]

* Fix tests

* Implement feedback
- Remove queue, node lib, model lib, workflows, manager, help center
- Add minimap, link visibility

* Update locales [skip ci]

* Add plus icon on "New" menu item

* Update locales [skip ci]

* Fix test

* Fix translations

* Update locales [skip ci]

* Update locales [skip ci]

---------

Co-authored-by: github-actions <[email protected]>

* Update side toolbar menu (#4946)

Side toolbar menu UI updates

- Currently the template modal is very hidden. Many users do not find it
- The current icons are quite aleatory

 **What**:
- Add templates shortcut button
- Add item label in normal size
- Use custom icon

Critical design decisions or edge cases that need attention:
- Sidebar tabs registered using custom icons will have their associated
command registed with an undefined icon (currently only string icons are
accepted, not components). I couldn't see anywhere directly using this
icon, but we should consider autogenerating an icon font so we can use
classes for our custom icons (or locating and updating locations to
support both icon types)

Normal mode:
<img width="621" height="1034" alt="image"
src="https://github.com/user-attachments/assets/c1d1cee2-004e-4ff8-b3fa-197329b0d2ae"
/>

Small mode:
<img width="176" height="325" alt="image"
src="https://github.com/user-attachments/assets/3824b8f6-bc96-4e62-aece-f0265113d2e3"
/>

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-4946-Update-side-toolbar-menu-24d6d73d365081c5b2bdc0ee8b61dc50)
by [Unito](https://www.unito.io)

---------

Co-authored-by: github-actions <[email protected]>

---------

Co-authored-by: pythongosssss <[email protected]>
Co-authored-by: github-actions <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
1.25 area:topbar-menu area:ui General user interface and experience improvements needs-backport Fix/change that needs to be cherry-picked to the current feature freeze branch
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants