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.
This commit is contained in:
Bohdan Triapitsyn
2026-09-08 19:16:55 +03:00
parent 87d88d6952
commit 458dcf78c0
@@ -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';