From 15096903c75d5259d18a226872742e39214517c1 Mon Sep 17 00:00:00 2001
From: Brooklyn Nicholson <brooklyn.bb.nicholson@gmail.com>
Date: Thu, 16 Apr 2026 20:35:46 -0500
Subject: [PATCH] fix(tui): keep the newline above the streaming assistant text
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Finalized assistant messages rendered the thinking/tools trail inside
MessageLine with marginBottom=1 before the response body — giving a
clean blank line above the text. The streaming path rendered the
progress ToolTrail and the streaming MessageLine as two separate
siblings with no margin between, so the in-progress response butted
right up against the thinking panel. That's the "newline appears
after it's done" jank.

Wrap the streaming MessageLine in a Box with marginTop=1 whenever the
progress area is visible above it. Same spacing as the finalized
version, continuous through the handoff.
---
 ui-tui/src/components/appLayout.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/ui-tui/src/components/appLayout.tsx b/ui-tui/src/components/appLayout.tsx
index 39056bfc31..7ee0de88f4 100644
--- a/ui-tui/src/components/appLayout.tsx
+++ b/ui-tui/src/components/appLayout.tsx
@@ -73,14 +73,16 @@ const TranscriptPane = memo(function TranscriptPane({
           )}
 
           {progress.showStreamingArea && (
-            <MessageLine
-              cols={composer.cols}
-              compact={ui.compact}
-              detailsMode={ui.detailsMode}
-              isStreaming
-              msg={{ role: 'assistant', text: progress.streaming }}
-              t={ui.theme}
-            />
+            <Box flexDirection="column" marginTop={progress.showProgressArea ? 1 : 0}>
+              <MessageLine
+                cols={composer.cols}
+                compact={ui.compact}
+                detailsMode={ui.detailsMode}
+                isStreaming
+                msg={{ role: 'assistant', text: progress.streaming }}
+                t={ui.theme}
+              />
+            </Box>
           )}
         </Box>
       </ScrollBox>