From 13d26ae8b835f05dcc4d1df9c2e777b38bbc67be Mon Sep 17 00:00:00 2001
From: Debanjum <debanjum@gmail.com>
Date: Wed, 20 Aug 2025 12:32:24 -0700
Subject: [PATCH] Wrap long words in train of thought shown on web app

---
 .../web/app/components/chatHistory/chatHistory.module.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/interface/web/app/components/chatHistory/chatHistory.module.css b/src/interface/web/app/components/chatHistory/chatHistory.module.css
index 119620d4..cbc197f7 100644
--- a/src/interface/web/app/components/chatHistory/chatHistory.module.css
+++ b/src/interface/web/app/components/chatHistory/chatHistory.module.css
@@ -17,6 +17,14 @@ div.trainOfThought {
     margin: 12px;
 }
 
+/* If there is an inline element holding extremely long content, ensure it wraps */
+div.trainOfThought pre,
+div.trainOfThought code,
+div.trainOfThought p,
+div.trainOfThought span {
+    overflow-wrap: anywhere;
+}
+
 /* Print-specific styles for chat history */
 @media print {
     div.chatHistory {