feat(desktop): marquee clipped inline row titles on hover

The one-line session row gets the exact treatment the inbox card's title
already has: hovering a truncated title glides the clipped tail into view —
one direction at constant speed, a short hold at each end, then a snap back.
Same armMarquee/disarmMarquee handlers, same CSS, so overflow is measured on
pointerenter, short titles never move, hover state lives in DOM attributes
(no re-render of the memoized row), and reduced motion disables it.
This commit is contained in:
Brooklyn Nicholson 2026-08-13 00:16:38 -05:00 committed by brooklyn!
parent f84ecd3607
commit a9eb7e09d9
1 changed files with 6 additions and 2 deletions

View File

@ -438,8 +438,12 @@ function SidebarSessionRowImpl({
<>
{leadNode}
{handoffBadge}
<SidebarRowLabel className="flex-1 font-normal group-hover:text-foreground group-data-[working=true]:text-foreground/90">
{title}
<SidebarRowLabel
className="hover-marquee flex-1 font-normal group-hover:text-foreground group-data-[working=true]:text-foreground/90"
onPointerEnter={armMarquee}
onPointerLeave={disarmMarquee}
>
<span className="hover-marquee-inner">{title}</span>
</SidebarRowLabel>
</>
)