fix: add aria-label to icon-only buttons in RunningEnvironments

[MaitrayeeK]

Summary

• Added aria-label attributes to the View Logs, Restart, and Stop icon-only buttons in RunningEnvironments.tsx

Type of change

• Bug fix
• New feature
• Refactor
• Documentation
• Test or CI improvement
• Starter template change

Related issue

Closes #280

Validation

• npm run lint
• npm test
• npm run build

Checklist

• I kept this PR focused on one primary change
• I updated documentation if behavior changed
• I did not commit secrets, local logs, or scratch files
• I am requesting review on the correct scope

Summary by CodeRabbit

• Bug Fixes
  • Improved accessibility for action buttons (View Logs, Restart, Stop) in the running environments section by adding proper ARIA labels and attributes for better screen reader support.

[qodo-code-review]

Qodo reviews are paused for this user.

Troubleshooting steps vary by plan Learn more →

On a Teams plan?
Reviews resume once this user has a paid seat and their Git account is linked in Qodo.
Link Git account →

Using GitHub Enterprise Server, GitLab Self-Managed, or Bitbucket Data Center?
These require an Enterprise plan - Contact us
Contact us →

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 4372a724-76fe-45bd-ba5d-90b733791fbb

📥 Commits

Reviewing files that changed from the base of the PR and between f12b223 and 4c9c777.

📒 Files selected for processing (1)

• modules/profile/components/RunningEnvironments.tsx

---

Walkthrough

Three icon-only action buttons in the RunningEnvironments component are enhanced with aria-label attributes and their nested icons marked as aria-hidden="true" to improve accessibility for screen readers without altering visual styling or interaction.

Changes

Button Accessibility Enhancements

Layer / File(s)	Summary
Action button accessibility labels modules/profile/components/RunningEnvironments.tsx	View Logs, Restart, and Stop buttons gain explicit aria-label attributes, and their Lucide icon components (Terminal, RotateCw, Power) are marked aria-hidden="true" to clarify intent for assistive technology.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Suggested labels

bug, type:bug, level:beginner

Suggested reviewers

• piyushdotcomm

Poem

🐰 A trio of buttons now speaks loud and clear,
With labels for those who rely on their ear,
Icons hide whispers, the semantic way,
Accessibility blooms in code today! 🌟

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change: adding aria-label attributes to icon-only buttons in the RunningEnvironments component.
Description check	✅ Passed	The PR description follows the template with all required sections completed: summary, type of change, related issue, validation checklist, and author checklist items.
Linked Issues check	✅ Passed	The PR fulfills issue #280 by adding aria-label attributes to the View Logs, Restart, and Stop icon-only buttons in RunningEnvironments.tsx as required.
Out of Scope Changes check	✅ Passed	All changes are focused on adding aria-label attributes to icon buttons in RunningEnvironments.tsx, which is directly aligned with issue #280 requirements.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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]

👋 Thanks for opening a PR, @MaitrayeeK!

Your PR has entered the 🚦 PR Review Pipeline.

⚪ Standard PR detected — your PR will follow the standard review pipeline.

---

What happens next

Stage	Reviewer	Checks
Stage 1 — Automated Validation	🤖 Bot	DCO · Format · AI/Slop · Duplicate
Stage 2 — Human Review	👥 Maintainer	Code + Quality Review
Stage 3 — PA / Maintainer Review	🔑 Project Admin	Final Merge Decision

A pipeline status comment will appear below and update automatically as your PR progresses.

---

While you wait

• Sign all commits (git commit -s)
• Link your issue (Closes #123)
• Use a feature branch (not main)
• Avoid unrelated changes

This comment is posted only once.