[Bug]: When the connected Github repo's name is too long, the UI wraps and get rendered weirdly

[diwu-sf]

Is there an existing issue for the same bug?

• [X] I have checked the existing issues.

Describe the bug and reproduction steps

If the connected github repo's name is too long, the lower right corner repo label becomes 2-lines and makes the bottom bar of the workspace render badly.

Suggestions:

• allow the repo box to grow in width to accommodate the longer repo name
• make it fixed width and instead of line-wrapping, make it do ... to keep to 1 line

OpenHands Installation

Docker command in README

OpenHands Version

No response

Operating System

None

Logs, Errors, Screenshots, and Additional Context

No response

[github-actions[bot]]

OpenHands started fixing the issue! You can monitor the progress here.

[mamoodi]

A duplicate of this issue: https://github.com/All-Hands-AI/OpenHands/issues/4676

[github-actions[bot]]

An attempt was made to automatically fix this issue, but it was unsuccessful. A branch named 'openhands-fix-issue-4901' has been created with the attempted changes. You can view the branch here. Manual intervention may be required.

[mamoodi]

Keeping this issue instead of the linked issue because it has a better description

[nafisreza]

/assign I am looking into this

[tobitege]

I am looking into this

Thanks @nafisreza for looking into this, assigned you now.

[mkwatson]

I've submitted a PR to fix this issue that truncates long repository names with an ellipsis while preserving all functionality. PR #6091