Fix thinking block word-breaking to prevent horizontal scroll

[roomote]

Fixed line-breaking behavior in thinking blocks by adding break-words CSS class to allow text to break mid-word if necessary.

This resolves the issue where long words in thinking blocks would cause a horizontal scrollbar in the extension sidebar.

Changes

• Added break-words Tailwind CSS class to the thinking block content container in ReasoningBlock.tsx

Testing

• All existing tests pass (106 test files, 1064 tests)
• Linting and type checking pass

---

View task on Roo Code Cloud

---

Important

Adds break-words CSS class to ReasoningBlock.tsx to prevent horizontal scrolling by breaking long words.

• Behavior:
  • Adds break-words CSS class to the content container in ReasoningBlock.tsx to allow text to break mid-word, preventing horizontal scrolling.
• Testing:
  • All existing tests pass (106 test files, 1064 tests).
  • Linting and type checking pass.

^{This description was created by for 634b101. You can customize this summary. It will automatically update as commits are pushed.}

[roomote]

Rooviewer   See task on Roo Cloud

Review complete. No issues found.

The change correctly adds the break-words Tailwind CSS class to prevent horizontal scrolling, following established codebase patterns.

_{Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.}

[roomote]

Rooviewer   See task on Roo Cloud

Review complete. No issues found.

The change correctly adds the break-words Tailwind CSS class to the thinking block content container, following established codebase patterns for preventing horizontal scrolling.

_{Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.}