Improve Mobile UI/UX for Chat Interface Readability

Problem:
Currently, on mobile devices, the chat interface has some significant readability issues. Text within the agent's chat bubbles doesn't wrap correctly to fit the screen. This results in sentences being cut off and words being clipped at the edge of the view, making the agent's responses difficult to read and understand.

Why it's important:
This directly impacts the core user experience, making it frustrating to interact with agents on mobile. For a platform centered around clear communication, having readable text is crucial for the tool to feel professional and be effective for users on the go.

Suggested Fix:
Could you please implement proper responsive text wrapping within the chat UI? The chat bubbles and text containers should automatically adjust to different mobile screen widths, ensuring no content is ever cut off.

This seems like a foundational UI improvement that would make the mobile experience much smoother and more professional for all users.

This is directly related to another key mobile usability issue raised here: https://agenticflow.featurebase.app/p/improve-multi-line-input-enter-for-new-line-especially-on
On mobile keyboards, hitting 'Enter' submits the message instead of creating a new line, which prevents users from formatting their thoughts or writing detailed, multi-paragraph prompts.