From 625a16028b8ecdb0b75ded1d03dabe6ca09ae208 Mon Sep 17 00:00:00 2001
From: Bohdan Triapitsyn <artmore@protonmail.com>
Date: Wed, 9 Sep 2026 08:45:17 +0300
Subject: [PATCH] fix(chat): soften final answer divider and tighten activity
 spacing

The final answer divider was too prominent and sat too far below Activity. Lower its opacity to 30% and remove the header's bottom margin in both states, matching the maintainer's visual adjustments.

Validated UI type-check, lint for both changed files, and seven existing activity and rendering tests.
---
 packages/ui/src/components/chat/components/LiveTurnActivity.tsx | 2 +-
 packages/ui/src/components/chat/message/MessageBody.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/chat/components/LiveTurnActivity.tsx b/packages/ui/src/components/chat/components/LiveTurnActivity.tsx
index 8bbadf12..51459659 100644
--- a/packages/ui/src/components/chat/components/LiveTurnActivity.tsx
+++ b/packages/ui/src/components/chat/components/LiveTurnActivity.tsx
@@ -67,7 +67,7 @@ export function LiveTurnActivity({ turn, hasLaterAssistant, expanded, onToggle,
         <div className="relative z-0" data-live-turn-activity={turn.turnId}>
             {settled ? (
                 <div className="chat-message-column @container">
-                    <div className="mt-1 mb-2">
+                    <div className="mt-1">
                         <Button variant="ghost" size="sm" className={headerClass} onClick={onToggle}
                             aria-expanded={isExpanded} aria-controls={finalMessage ? `${contentId} ${finalContentId}` : contentId}>
                             {label}
diff --git a/packages/ui/src/components/chat/message/MessageBody.tsx b/packages/ui/src/components/chat/message/MessageBody.tsx
index 89f0ebe3..819dab3d 100644
--- a/packages/ui/src/components/chat/message/MessageBody.tsx
+++ b/packages/ui/src/components/chat/message/MessageBody.tsx
@@ -1843,7 +1843,7 @@ const AssistantMessageBody = React.memo(({
                         <div
                             key={`final-answer-divider-${messageId}`}
                             aria-hidden="true"
-                            className="mt-1.5 mb-4 h-px w-full bg-muted-foreground/60"
+                            className="mt-1.5 mb-4 h-px w-full bg-muted-foreground/30"
                         />
                     );
                 }