[Bug]: Misc UI issues due to resizable and collapsible panel

[xingyaoww]

Is there an existing issue for the same bug?

• I have checked the existing issues.

Describe the bug and reproduction steps

After PR #5926, we have a resizable and collapsible panel layout.

However, here are a few issues here:

1. The default layout doesn't look good (e.g., the chat window is a little too wide when with a smaller screen, the bottom right terminal is a bit too tall)

We should revert to our original ratio (maybe 30% of the width should be the chat box, and the terminal is also about 30% of the height) by default.
Then, the user can choose to adjust to whatever place they like.

2. Resizable / Collapsible causes issues if we push them too far

For example, If we resize the chat window too far:

Resize terminal too far, the workspace window will get resized with incorrect asepct ratio.

And if we resize to the right too far, the window will go outside of the browser.

For this issue, I think we should just enforce an appropriate min-width / height for each of these components in the UI.
a

OpenHands Installation

app.all-hands.dev

OpenHands Version

No response

Operating System

None

Logs, Errors, Screenshots, and Additional Context

No response

[openhands-agent]

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

[openhands-agent]

A potential fix has been generated and a draft PR #5966 has been created. Please review the changes.