From 458dcf78c01dfe7708c365c2424c03ee9cc13582 Mon Sep 17 00:00:00 2001
From: Bohdan Triapitsyn <artmore@protonmail.com>
Date: Tue, 8 Sep 2026 18:10:20 +0300
Subject: [PATCH] fix(chat): keep activity summaries visible in narrower
 columns

Lower the compact header breakpoint from 640px to 560px while preserving file statistics on mobile. Validated with focused tests, UI type-check and lint, and the web build.
---
 .../ui/src/components/chat/components/LiveTurnActivity.tsx    | 4 ++--
 1 file 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 0add7566..8bbadf12 100644
--- a/packages/ui/src/components/chat/components/LiveTurnActivity.tsx
+++ b/packages/ui/src/components/chat/components/LiveTurnActivity.tsx
@@ -48,7 +48,7 @@ export function LiveTurnActivity({ turn, hasLaterAssistant, expanded, onToggle,
             <span className="shrink-0 font-semibold text-[var(--tools-title)]">{t('chat.liveActivity.title')}</span>
             {settled ? <Icon name={isExpanded ? 'arrow-down-s' : 'arrow-right-s'} className="size-3 shrink-0" /> : null}
             {fileLabel ? (
-                <span className="flex min-w-0 items-center gap-1 typography-meta @min-[640px]:shrink-0">
+                <span className="flex min-w-0 items-center gap-1 typography-meta @min-[560px]:shrink-0">
                     <span className="truncate">{fileLabel}</span>
                     {summary?.hasCompleteDiff && (summary.additions > 0 || summary.deletions > 0) ? (
                         <span className="shrink-0 tabular-nums">
@@ -59,7 +59,7 @@ export function LiveTurnActivity({ turn, hasLaterAssistant, expanded, onToggle,
                     ) : null}
                 </span>
             ) : null}
-            {details ? <span className="hidden min-w-0 flex-1 truncate text-left typography-meta @min-[640px]:inline" title={details}>{fileLabel ? '· ' : ''}{details}</span> : null}
+            {details ? <span className="hidden min-w-0 flex-1 truncate text-left typography-meta @min-[560px]:inline" title={details}>{fileLabel ? '· ' : ''}{details}</span> : null}
         </>
     );
     const headerClass = 'w-full justify-start normal-case !pl-px !pr-2 text-[var(--tools-description)] hover:!bg-transparent active:!bg-transparent';