pythongosssss 3ddff9f7b6 feat: Update workflow menu to allow quick toggling modes (#9436) ...

## Summary

Adds a quick toggle mode button to the workflow menu for users to easier
discover & change modes

## Changes

- **What**: 
- remove specific app mode rendering
- increase spacing around breadcrumbs menu
- add current mode text to menu
- add base button variant

## Screenshots (if applicable)

<img width="258" height="137" alt="image"
src="https://github.com/user-attachments/assets/2ed7b276-c52c-44cd-b107-399f769574af"
/>
<img width="233" height="172" alt="image"
src="https://github.com/user-attachments/assets/2639d30c-2150-4434-a86b-732649c4b142"
/>

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-9436-feat-Update-workflow-menu-to-allow-quick-toggling-modes-31a6d73d365081b589eee0e03cd6f1de)
by [Unito](https://www.unito.io)

---------

Co-authored-by: github-actions <github-actions@github.com>

2026-03-06 20:03:02 +00:00

..

colorPalette.spec.ts-snapshots

Style: Font Consistency (#7220)

2025-12-08 19:48:11 -07:00

copyPaste.spec.ts-snapshots

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

domWidget.spec.ts-snapshots

Component: The Rest of the PrimeVue buttons (#7649)

2025-12-29 15:03:34 -08:00

execution.spec.ts-snapshots

feat: Update workflow menu to allow quick toggling modes (#9436)

2026-03-06 20:03:02 +00:00

graphCanvasMenu.spec.ts-snapshots

Component: The Rest of the PrimeVue buttons (#7649)

2025-12-29 15:03:34 -08:00

groupNode.spec.ts-snapshots

[Refactor] Re-organize browser_tests directory (#3105)

2025-03-17 15:32:14 -04:00

interaction.spec.ts-snapshots

feat: workflow sharing and ComfyHub publish flow (#8951)

2026-03-05 16:33:06 -08:00

loadWorkflowInMedia.spec.ts-snapshots

fix: deterministic DOM widget clip-path for flaky screenshot test (#9400)

2026-03-04 21:44:20 -08:00

lodThreshold.spec.ts-snapshots

Style: Font Consistency (#7220)

2025-12-08 19:48:11 -07:00

mobileBaseline.spec.ts-snapshots

feat: Add apps sidebar tab (#9342)

2026-03-04 09:54:26 -08:00

nodeBadge.spec.ts-snapshots

chore: bump CI container to 0.0.13 (#9394)

2026-03-05 05:49:10 +01:00

nodeDisplay.spec.ts-snapshots

Style: Font Consistency (#7220)

2025-12-08 19:48:11 -07:00

nodeSearchBox.spec.ts-snapshots

fix: deterministic DOM widget clip-path for flaky screenshot test (#9400)

2026-03-04 21:44:20 -08:00

noteNode.spec.ts-snapshots

Style: Font Consistency (#7220)

2025-12-08 19:48:11 -07:00

primitiveNode.spec.ts-snapshots

Disable control widgets on link to parent (#8112)

2026-01-16 22:11:00 -07:00

propertiesPanel

feat: implement NodeLibrarySidebarTabV2 with Reka UI components (#8548)

2026-02-20 22:06:09 -08:00

recordAudio.spec.ts-snapshots

Style: Font Consistency (#7220)

2025-12-08 19:48:11 -07:00

rerouteNode.spec.ts-snapshots

Component: The Rest of the PrimeVue buttons (#7649)

2025-12-29 15:03:34 -08:00

rightClickMenu.spec.ts-snapshots

feat: read category from blueprint subgraph definition (#9053)

2026-02-20 23:58:15 -08:00

saveImageAndWebp.spec.ts-snapshots

feat: Update workflow menu to allow quick toggling modes (#9436)

2026-03-06 20:03:02 +00:00

selectionToolbox.spec.ts-snapshots

feat: workflow sharing and ComfyHub publish flow (#8951)

2026-03-05 16:33:06 -08:00

sidebar

feat/fix: App mode QA updates (#9439)

2026-03-06 20:02:19 +00:00

templates.spec.ts-snapshots

[refactor] Migrate SettingDialog to BaseModalLayout design system (#8270)

2026-02-12 16:27:11 +09:00

viewport.spec.ts-snapshots

feat: Update workflow menu to allow quick toggling modes (#9436)

2026-03-06 20:03:02 +00:00

vueNodes

feat: Update workflow menu to allow quick toggling modes (#9436)

2026-03-06 20:03:02 +00:00

widget.spec.ts-snapshots

Fix: Update for Image Widget test (#8031)

2026-01-13 14:46:41 -08:00

actionbar.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

backgroundImageUpload.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

bottomPanelShortcuts.spec.ts

[refactor] Migrate SettingDialog to BaseModalLayout design system (#8270)

2026-02-12 16:27:11 +09:00

browserTabTitle.spec.ts

feat: synthetic widgets getter for SubgraphNode (proxy-widget-v2) (#8856)

2026-02-23 13:33:41 -08:00

changeTracker.spec.ts

feat: synthetic widgets getter for SubgraphNode (proxy-widget-v2) (#8856)

2026-02-23 13:33:41 -08:00

colorPalette.spec.ts

feat: synthetic widgets getter for SubgraphNode (proxy-widget-v2) (#8856)

2026-02-23 13:33:41 -08:00

commands.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

confirmDialogTextWrap.spec.ts

fix: prevent confirm dialog buttons from being unreachable on mobile with long text (#8746)

2026-02-20 02:20:02 -08:00

copyPaste.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

customIcons.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

dialog.spec.ts

[refactor] Redesign missing models dialog (#9014)

2026-02-25 10:51:18 +09:00

domWidget.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

execution.spec.ts

feat: node-specific error tab with selection-aware grouping and error overlay (#8956)

2026-02-20 12:14:52 -08:00

extensionAPI.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

featureFlags.spec.ts

fix: make serverFeatureFlags reactive via Vue ref (#9051)

2026-02-21 18:43:58 +09:00

graph.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

graphCanvasMenu.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

groupNode.spec.ts

feat: implement NodeLibrarySidebarTabV2 with Reka UI components (#8548)

2026-02-20 22:06:09 -08:00

interaction.spec.ts

feat/fix: App mode QA updates (#9439)

2026-03-06 20:02:19 +00:00

keybindings.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

litegraphEvent.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

loadWorkflowInMedia.spec.ts

fix: update loadWorkflowInMedia test to only assert upload request URL (#9488)

2026-03-06 11:38:53 -08:00

lodThreshold.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

menu.spec.ts

feat: synthetic widgets getter for SubgraphNode (proxy-widget-v2) (#8856)

2026-02-23 13:33:41 -08:00

minimap.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

mobileBaseline.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

nodeBadge.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

nodeDisplay.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

nodeGhostPlacement.spec.ts

Node ghost mode when adding nodes (#8694)

2026-02-06 13:42:38 -08:00

nodeHelp.spec.ts

feat: implement NodeLibrarySidebarTabV2 with Reka UI components (#8548)

2026-02-20 22:06:09 -08:00

nodeSearchBox.spec.ts

fix: stabilize flaky screenshot tests that rely on search box timings (#9426)

2026-03-05 15:28:22 -08:00

nodeSearchBoxV2.spec.ts

V2 Node Search (+ hidden Node Library changes) (#8987)

2026-02-20 01:10:03 -08:00

noteNode.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

performance.spec.ts

test: add subgraph workflow round to performance tests (#9306)

2026-03-04 13:38:48 -08:00

primitiveNode.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

recordAudio.spec.ts

V2 Node Search (+ hidden Node Library changes) (#8987)

2026-02-20 01:10:03 -08:00

releaseNotifications.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

remoteWidgets.spec.ts

feat: implement NodeLibrarySidebarTabV2 with Reka UI components (#8548)

2026-02-20 22:06:09 -08:00

rerouteNode.spec.ts

feat/fix: App mode QA updates (#9439)

2026-03-06 20:02:19 +00:00

rightClickMenu.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

saveImageAndWebp.spec.ts

fix: detect video output from data in Nodes 2.0 (#8943)

2026-02-17 16:17:23 -08:00

selectionToolbox.spec.ts

fix: eradicate tailwind @apply usage in vue styles (#9146)

2026-02-24 21:23:52 -08:00

selectionToolboxSubmenus.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

subgraph-duplicate-ids.spec.ts

feat: add WidgetValueStore for centralized widget value management (#8594)

2026-02-10 19:37:17 -08:00

subgraph-rename-dialog.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

subgraph.spec.ts

feat: synthetic widgets getter for SubgraphNode (proxy-widget-v2) (#8856)

2026-02-23 13:33:41 -08:00

subgraphPromotion.spec.ts

fix: stabilize nested subgraph promoted widget resolution (#9282)

2026-02-28 13:45:04 -08:00

subgraphSearchAliases.spec.ts

V2 Node Search (+ hidden Node Library changes) (#8987)

2026-02-20 01:10:03 -08:00

templateFitView.spec.ts

feat: automatically fit view when loading templates (#8749)

2026-02-20 00:37:38 -08:00

templates.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

userSelectView.spec.ts

test: add Playwright test tags for filtering (@smoke, @slow, @screenshot, domains) (#8441)

2026-01-29 16:34:56 -08:00

useSettingSearch.spec.ts

[refactor] Migrate SettingDialog to BaseModalLayout design system (#8270)

2026-02-12 16:27:11 +09:00

versionMismatchWarnings.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

viewport.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

widget.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00

workflowTabThumbnail.spec.ts

test(browser): refactor browser tests for reliability and maintainability (#8510)

2026-02-03 12:29:40 -08:00