BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(chat): keep activity summaries visible in narrower columns

Browse Source 
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
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/chat/components/LiveTurnActivity.tsx
+2 -2
View File
@@ -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> <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} {settled ? <Icon name={isExpanded ? 'arrow-down-s' : 'arrow-right-s'} className="size-3 shrink-0" /> : null}
{fileLabel ? ( {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> <span className="truncate">{fileLabel}</span>
{summary?.hasCompleteDiff && (summary.additions > 0 || summary.deletions > 0) ? ( {summary?.hasCompleteDiff && (summary.additions > 0 || summary.deletions > 0) ? (
<span className="shrink-0 tabular-nums"> <span className="shrink-0 tabular-nums">
@@ -59,7 +59,7 @@ export function LiveTurnActivity({ turn, hasLaterAssistant, expanded, onToggle,
) : null} ) : null}
</span> </span>
) : null} ) : 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'; const headerClass = 'w-full justify-start normal-case !pl-px !pr-2 text-[var(--tools-description)] hover:!bg-transparent active:!bg-transparent';