[backport core/1.34] Move cancel button into actionbar (#7297)

[benceruleanlu]

Summary

Backport of 2903560 to core/1.34 to place the cancel control alongside the run controls.

Changes

• What: Move the interrupt button into the actionbar and remove the duplicate from the top menu.
• Breaking: none
• Dependencies: none

Review Focus

Check spacing/hover states of the new cancel control in docked vs floating layouts.

Screenshots (if applicable)

• n/a

┆Issue is synchronized with this Notion page by Unito

[coderabbitai]

Important

Review skipped

Auto reviews are limited based on label configuration.

🚫 Review skipped — only excluded labels are configured. (1)

• backport

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch backport/2903560-core-1.34

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

🎨 Storybook Build Status

✅ Build completed successfully!

⏰ Completed at: 12/09/2025, 11:35:17 PM UTC

🔗 Links

• 📊 View Workflow Run
• 🎨 View Storybook

---

🎉 Your Storybook is ready for review!

[github-actions]

🎭 Playwright Test Results

❌ Some tests failed

⏰ Completed at: 12/10/2025, 12:26:38 AM UTC

📈 Summary

• Total Tests: 489
• Passed: 469 ✅
• Failed: 1 ❌
• Flaky: 9 ⚠️
• Skipped: 10 ⏭️

📊 Test Reports by Browser

• ✅ chromium: View Report • ✅ 460 / ❌ 1 / ⚠️ 9 / ⏭️ 10
• ✅ chromium-2x: View Report • ✅ 2 / ❌ 0 / ⚠️ 0 / ⏭️ 0
• ✅ chromium-0.5x: View Report • ✅ 1 / ❌ 0 / ⚠️ 0 / ⏭️ 0
• ✅ mobile-chrome: View Report • ✅ 6 / ❌ 0 / ⚠️ 0 / ⏭️ 0

---

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

[Copilot]

Pull request overview

This PR is a backport from core/1.34 that relocates the interrupt/cancel button from the top menu section into the actionbar alongside the run controls for better UI organization.

• Moves the cancel button from TopMenuSection.vue to ComfyActionbar.vue
• Removes duplicate code and unused imports from TopMenuSection.vue
• Adjusts spacing (margin-right to margin-left) to fit the new layout context

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File	Description
src/components/actionbar/ComfyActionbar.vue	Adds the cancel button with associated logic, imports, and styling to the actionbar
src/components/TopMenuSection.vue	Removes the cancel button and cleans up unused imports and functions

[github-actions]

Updating Playwright Expectations