Long words in assistant chat responses now wrap properly

[ryanjwilson9]

Description

Previously, very long unbroken words in assistant responses would overflow their container or get cut off, especially on smaller screens.
This was due to markdown-rendered content (via StyledMarkdown) not propagating word-break and overflow-wrap to deeply nested elements

This change:
Only added a global * { word-break: break-word; overflow-wrap: break-word; } rule inside StyledMarkdown
-> gui/src/components/StyledMarkdownPreview/index.tsx
An explicit white-space: pre-wrap rule for p, span, and div
These changes ensure all markdown-rendered assistant responses wrap gracefully, even with unusually long tokens.

Checklist

• I've read the contributing guide
• The relevant docs, if any, have been updated or created
• The relevant tests, if any, have been updated or created

Screenshots

## Tests

None

---

Summary by mrge

Long unbroken words in assistant chat responses now wrap correctly, preventing overflow and cut-off on all screen sizes.

• Bug Fixes
  • Added global word-break and overflow-wrap rules to StyledMarkdown.
  • Set white-space: pre-wrap for p, span, and div elements.

[netlify]

✅ Deploy Preview for continuedev canceled.

Name	Link
🔨 Latest commit	8b605dd
🔍 Latest deploy log	https://app.netlify.com/projects/continuedev/deploys/6827b71426d65400083751c7

[github-actions]

All contributors have signed the CLA ✍️ ✅
_{Posted by the CLA Assistant Lite bot.}

[ryanjwilson9]

I have read the CLA Document and I hereby sign the CLA

[RomneyDa]

Nice fix to implement the expected word wrap behavior for long non-"breakable" words in chat

[RomneyDa]

@ryanjwilson9 just to confirm, this doesn't cause code to wrap?

[ryanjwilson9]

@ryanjwilson9 just to confirm, this doesn't cause code to wrap?

@RomneyDa currently it does wrap code. But I also wrote something up to not wrap code.

Not sure what you prefer.
Initial fix (wrap everything):
* { word-break: break-word; overflow-wrap: break-word; } p, span, div { white-space: pre-wrap; }

Wrap text, not code:

[RomneyDa]

The expected behavior should be

• use this fix for anything that's not a codeblock
• Apply this fix to codeblocks only when the codeWrap ui setting is turned on (see StyledMarkdownPreview)