desktop: un-truncate the active slash/@ row so long descriptions stay readable (#43926)

Follow-up to #42351. Slash command rows render the command label and
description with `truncate`, so skill commands and longer blurbs were
clipped with no way to read the full text. Rather than add a floating
tooltip (which overlaps the popover and only helps the mouse), the active
row — the one reached by keyboard arrows or hover, since onMouseEnter
already sets activeIndex — now drops truncation and wraps inline
(whitespace-normal break-words). Idle rows stay single-line/truncated so
the list reads compact.
This commit is contained in:
brooklyn! 2026-06-10 21:35:38 -05:00 committed by GitHub
parent 3ffbdfbcc0
commit fe54960142
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -136,9 +136,24 @@ export function ComposerTriggerPopover({
>
{isSlash ? (
<>
<span className="truncate text-[0.8125rem] font-medium leading-snug text-foreground">{display}</span>
{/* Active row (keyboard nav or hover) un-truncates inline so
long command names / descriptions stay readable without a
floating tooltip. */}
<span
className={cn(
'text-[0.8125rem] font-medium leading-snug text-foreground',
active ? 'whitespace-normal break-words' : 'truncate'
)}
>
{display}
</span>
{description && (
<span className="truncate text-[0.6875rem] leading-snug text-(--ui-text-tertiary)">
<span
className={cn(
'text-[0.6875rem] leading-snug text-(--ui-text-tertiary)',
active ? 'whitespace-normal break-words' : 'truncate'
)}
>
{description}
</span>
)}