Floating Menus - UI rework

[pythongosssss]

Summary

Enhancing and further modernizing the UI, giving users more usable area whilst keeping farmiliar positioning and feel of elements.

Changes

• What: Significant restructure of the UI elements, changing elements from large blocks to floating elements, updating:

• Side toolbar menu (floating style, supports small/normal mode, combines to scroll on height overflow)

• Bottom tabs panel (floating style, tabs redesigned)

• Action bar (support for docking/undocking menu)

  • Added login/user menu button to top right

• Restyled breadcrumbs (still collapse when overflows)

• Add litegraph support for fps info position (so it isn't covered by the sidebar)

• Breaking:

• Removed various elements and added new ones, I have tested custom sidebars, custom actions, etc but if scripts are inserting elements into "other" elements they may have been (re)moved.

• Remove support for bottom menu

• Remove support for 2nd-row tabs

Screenshots

floating.ui.mp4

┆Issue is synchronized with this Notion page by Unito

[github-actions]

🎨 Storybook Build Status

✅ Build completed successfully!

⏰ Completed at: 10/09/2025, 08:47:01 PM UTC

🔗 Links

• 📊 View Workflow Run
• 🎨 View Storybook

---

🎉 Your Storybook is ready for review!

[github-actions]

🎭 Playwright Test Results

❌ Some tests failed

⏰ Completed at: 10/09/2025, 09:05:27 PM UTC

📈 Summary

• Total Tests: 463
• Passed: 404 ✅
• Failed: 28 ❌
• Flaky: 1 ⚠️
• Skipped: 30 ⏭️

📊 Test Reports by Browser

• ✅ chromium: View Report • ✅ 399 / ❌ 26 / ⚠️ 1 / ⏭️ 30
• ✅ chromium-2x: View Report • ✅ 2 / ❌ 0 / ⚠️ 0 / ⏭️ 0
• ✅ chromium-0.5x: View Report • ✅ 1 / ❌ 0 / ⚠️ 0 / ⏭️ 0
• ✅ mobile-chrome: View Report • ✅ 2 / ❌ 2 / ⚠️ 0 / ⏭️ 0

---

🎉 Click on the links above to view detailed test results for each browser configuration.

[github-actions]

🔧 Auto-fixes Applied

This PR has been automatically updated to fix linting and formatting issues.

⚠️ Important: Your local branch is now behind. Run git pull before making additional changes to avoid conflicts.

Changes made:

• ESLint auto-fixes
• Prettier formatting

[JorgeR81]

This will be an option, right ?

[github-actions]

🔧 Auto-fixes Applied

This PR has been automatically updated to fix linting and formatting issues.

⚠️ Important: Your local branch is now behind. Run git pull before making additional changes to avoid conflicts.

Changes made:

• ESLint auto-fixes
• Prettier formatting

[JorgeR81]

I'm starting to think this is the only layout you have planned ...

I understand that this is now a popular layout and it may help to increase Comfy UI adoption.

But keep in mind that these floating layouts are normally used in much simpler applications.
The floating panels look very similar to nodes, and it may be confusing for some users. 
  
You can leave this as default, but you should offer an alternative.

Please consider an option for something like this: 

• Move the Top and Side panels to the edges to optimize space. 
• Unify the Top and Side panels into single bars

You can keep the internal panel layout, and dimensions.
And I think it still looks pretty good.