Display line breaks in chat

[MartinPicc]

Hi,

Suggestion for a small but nice frontend improvement: add whitespace-pre-line as an HTML class in this line:

Verba/frontend/components/ChatComponent.tsx

Line 230 in 94a2555

className={`inline-block p-3 rounded-xl animate-press-in shadow-md font-mono text-sm ${message.type === "user" ? "bg-yellow-200" : "bg-white"

As such, messages in the chat will be displayed with proper line breaks.

With:

Without:

[thomashacker]

Awesome! Thanks, we'll definitely add it to make the Chat UI look better 🚀

[thomashacker]

Fixed and merged on the main branch! It will be included in the v0.3.1 release! You can install it by cloning the GitHub repo and using pip install -e . or wait for the release, which should come soon!