Skip to content

refactor(frontend): remove HeroUI BaseModal and migrate MetricsModal#12174

Merged
amanape merged 3 commits intoOpenHands:mainfrom
O2sa:refactor/modals-standardize-base-modal-12173
Dec 31, 2025
Merged

refactor(frontend): remove HeroUI BaseModal and migrate MetricsModal#12174
amanape merged 3 commits intoOpenHands:mainfrom
O2sa:refactor/modals-standardize-base-modal-12173

Conversation

@O2sa
Copy link
Copy Markdown
Contributor

@O2sa O2sa commented Dec 27, 2025

Refs #12173

Summary of PR

This PR standardizes modal usage by migrating MetricsModal from the HeroUI Modal
component to the existing custom modal system (ModalBackdrop + ModalBody).

This removes the last remaining usage of HeroUI modals, reducing duplicated logic
and ensuring consistent modal behavior and styling across the application.

Change Type

  • Bug fix
  • New feature
  • Breaking change
  • Refactor
  • Other (dependency update, docs, typo fixes, etc.)

Checklist

  • I have read and reviewed the code and I understand what the code is doing.
  • I have tested the code to the best of my ability and ensured it works as expected.

Fixes

Resolves #12173

Release Notes

  • Include this change in the Release Notes.

@O2sa O2sa requested review from amanape and hieptl as code owners December 27, 2025 01:18
Copy link
Copy Markdown
Contributor

@amanape amanape left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for opening a PR. I noticed this issue while testing your changes:

Image

Compared to the old style:

Image

The biggest issue being that the modal content is "squashed" to the left rather than centered

@O2sa
Copy link
Copy Markdown
Contributor Author

O2sa commented Dec 27, 2025

Can you please tell me in which environment you took the screenshot? Because I viewed the modal in multiple browsers and on different screen sizes and it did not appear as in the screenshot.

Thanks in advance. @amanape

Co-authored-by: openhands <openhands@all-hands.dev>
@amanape
Copy link
Copy Markdown
Contributor

amanape commented Dec 29, 2025

Could you please share a screenshot of the changes on your side?

@O2sa
Copy link
Copy Markdown
Contributor Author

O2sa commented Dec 30, 2025

Could you please share a screenshot of the changes on your side?

image

Copy link
Copy Markdown
Contributor

@amanape amanape left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed, thank you!

@amanape amanape enabled auto-merge (squash) December 31, 2025 14:51
@amanape amanape merged commit f7d416a into OpenHands:main Dec 31, 2025
24 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Standardize modal components to use custom BaseModal instead of HeroUI Modal

3 participants