Description of problem:

The reasoning text extracted from <think> tags contains \n characters, but these are not rendered as line breaks in the DeepThinking component. The reasoning string is passed directly to the body prop, so newlines appear as spaces instead of breaks.

Prerequisites (if any, like setup, operators/versions):

Steps to Reproduce

1. Use a deep thinking model and see the reasoning text in the thinking component.

Actual results:

Does not render the line breaks in the deep thinking component.

Expected results:

Should respect the new lines and line breaks should be rendered correctly

Reproducibility (Always/Intermittent/Only Once):

Always

Build Details:

1.9

Additional info (Such as Logs, Screenshots, etc):