From 04ba017efe2cb1b3d26aaa2653a317cc724f56ef Mon Sep 17 00:00:00 2001
From: Ronny <info@rdsport.de>
Date: Tue, 8 Sep 2026 19:48:11 +0200
Subject: [PATCH] fix(session-ui): truncate long reasoning headings instead of
 overflowing

---
 packages/app/src/pages/session/timeline/message-timeline.tsx | 2 +-
 packages/session-ui/src/components/session-turn.css          | 3 +++
 packages/session-ui/src/components/session-turn.tsx          | 1 +
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/pages/session/timeline/message-timeline.tsx b/packages/app/src/pages/session/timeline/message-timeline.tsx
index e0838825570e..93bd10fa367f 100644
--- a/packages/app/src/pages/session/timeline/message-timeline.tsx
+++ b/packages/app/src/pages/session/timeline/message-timeline.tsx
@@ -136,7 +136,7 @@ function TimelineThinkingRow(props: { reasoningHeading?: string; showReasoningSu
     <div data-slot="session-turn-thinking">
       <TextShimmer text={language.t("ui.sessionTurn.status.thinking")} />
       <Show when={!props.showReasoningSummaries}>
-        <TextReveal text={props.reasoningHeading} class="session-turn-thinking-heading" travel={25} duration={700} />
+        <TextReveal text={props.reasoningHeading} class="session-turn-thinking-heading" travel={25} duration={700} truncate />
       </Show>
     </div>
   )
diff --git a/packages/session-ui/src/components/session-turn.css b/packages/session-ui/src/components/session-turn.css
index 2c9aeb998976..a7cdee249b94 100644
--- a/packages/session-ui/src/components/session-turn.css
+++ b/packages/session-ui/src/components/session-turn.css
@@ -68,6 +68,9 @@
     min-width: 0;
     color: var(--text-weaker);
     font-weight: var(--font-weight-regular);
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
   }
 
   .error-card {
diff --git a/packages/session-ui/src/components/session-turn.tsx b/packages/session-ui/src/components/session-turn.tsx
index ce5f0b545ee8..02e4f3cf6763 100644
--- a/packages/session-ui/src/components/session-turn.tsx
+++ b/packages/session-ui/src/components/session-turn.tsx
@@ -428,6 +428,7 @@ export function SessionTurn(
                       class="session-turn-thinking-heading"
                       travel={25}
                       duration={700}
+                      truncate
                     />
                   </Show>
                 </div>