[Bug]: Chat message text clips at right edge instead of wrapping

Description

Long lines in chat messages are clipped/cut off at the right edge of the chat panel instead of wrapping to the next line. Words get truncated mid-character, making content unreadable without resizing the window.

Steps to Reproduce

1. Open a chat conversation in OpenClaw
2. Receive (or send) a message with long lines (e.g. bullet points, numbered lists, or paragraphs with inline code)
3. Observe that text extends beyond the visible area and is cut off

Expected Behavior

Text should word-wrap within the chat bubble/container so all content is visible without horizontal scrolling.

Actual Behavior

Text is clipped at the right boundary of the chat panel. Words are cut off mid-character (e.g. "filesysten" instead of "filesystem", "differentl" instead of "differently"). No horizontal scrollbar is visible either.

Screenshot

See attached: multiple lines cut off at the right edge, including bullet points and bold text.

Environment

• Branch: main (also reproduced on feature branches)
• Architecture: ARM64
• Build: Release
• Display: default scaling

Notes

This may be a CSS overflow: hidden without proper word-wrap: break-word or overflow-wrap on the chat message container in the WebView2 chat UI.

Start by locating the chat message container in the WebView2 chat UI and inspect its CSS for overflow and word-wrapping behavior. Reproduce the issue with long lines, bullet points, numbered lists, and inline code, then verify that messages wrap within the chat panel without clipping or horizontal scrolling.