fix: stop option not available when robot is running

[RohitR311]

What this PR does?

Adds the stop button for running robots allowing the functionality to abort running robots.

Fixes: #867

Summary by CodeRabbit

• New Features
  • Users can now stop or cancel runs while they are in progress or queued for execution. A stop button is displayed alongside the loading indicator for easy access.

[coderabbitai]

Walkthrough

A stop button is now rendered in the RunContent component when a run has status 'running' or 'queued', allowing users to abort the run. The button appears alongside the existing loading indicator with a small bottom margin adjustment.

Changes

Cohort / File(s)	Summary
Stop Button Addition src/components/run/RunContent.tsx	Adds a stop button to the loading state UI; renders button with translated label that triggers abortRunHandler when runs are 'running' or 'queued'; adds bottom margin to loading container

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

• Single file modification with straightforward button component addition
• Clear handler connection to existing abortRunHandler
• Localized UI change with minimal logic density

Possibly related issues

• Bug: stop option unavailable when robot is running since v0.0.25 #867: Directly addresses the missing stop option when a robot is running by introducing the stop button to the loading UI

Possibly related PRs

• feat: display loader on robot run #398: Modifies the same RunContent.tsx file to alter the loading UI rendering, making it a related change to the same component area

Suggested labels

Type: Enhancement, Scope: UI/UX

Suggested reviewers

• amhsirak

Poem

🐰 A button to halt, when things start to race,
No longer trapped in the loading's embrace!
Stop, pause, abort—take command of your run,
The rabbit declares: "The power is won!" ✨

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The PR title directly and clearly describes the main fix: making the stop option available when a robot is running, which aligns perfectly with adding a stop button to the RunContent component during the running/queued state.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch add-abort

---

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.}

[coderabbitai]

Actionable comments posted: 1

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 8489f95 and ac6838e.

📒 Files selected for processing (1)

• src/components/run/RunContent.tsx (1 hunks)