authorgravatar for saiansh2525@gmail.comYash Singh <saiansh2525@gmail.com> 2026-09-16 17:44:27-05:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-09-16 19:44:27-03:00
loged123897943e9175d4a0e92a5a8a09d200573336
treeb00767dff578ac7e4e180a0b9e372bfd81450438
parent22539f2a428947ab218589c984b2af44e434012e
signature Signed by PGP key B5690EEEBB952194

fix(web): keep tool timestamps before disclosure chevrons (#12152)

1 files changed, 3 insertions(+), 3 deletions(-)

apps/web/src/components/chat/MessagesTimeline.tsx+3-3
...@@ -2114,8 +2114,8 @@ function RevertUserMessageButton({...@@ -2114,8 +2114,8 @@ function RevertUserMessageButton({
2114 * carries `group/timeline-row`; hover or focus on an existing control reveals2114 * carries `group/timeline-row`; hover or focus on an existing control reveals
2115 * the time without adding a tab stop. Hidden timestamps stay outside the row2115 * the time without adding a tab stop. Hidden timestamps stay outside the row
2116 * layout. Visibility changes immediately so leaving flow cannot overlap text2116 * layout. Visibility changes immediately so leaving flow cannot overlap text
2117 * during a fade-out. Render it as the row's rightmost flex child so the2117 * during a fade-out. Place it before any trailing disclosure control so
2118 * revealed time lands at the right edge, clear of disclosure controls.2118 * revealing the time does not move the chevron.
2119 */2119 */
2120function TimelineRowTimestamp({2120function TimelineRowTimestamp({
2121 createdAt,2121 createdAt,
...@@ -4677,6 +4677,7 @@ const PlainWorkEntryRow = memo(function PlainWorkEntryRow(props: {...@@ -4677,6 +4677,7 @@ const PlainWorkEntryRow = memo(function PlainWorkEntryRow(props: {
4677 !toolIconAcceptsTint(entryIconName, entryToolIcon) ? (4677 !toolIconAcceptsTint(entryIconName, entryToolIcon) ? (
4678 <XIcon aria-hidden className={cn("size-3 shrink-0", failedToolIconClassName)} />4678 <XIcon aria-hidden className={cn("size-3 shrink-0", failedToolIconClassName)} />
4679 ) : null}4679 ) : null}
4680 <TimelineRowTimestamp createdAt={workEntry.createdAt} timestampFormat={timestampFormat} />
4680 <span4681 <span
4681 className={cn(4682 className={cn(
4682 "flex size-4 shrink-0 items-center justify-center",4683 "flex size-4 shrink-0 items-center justify-center",
...@@ -4691,7 +4692,6 @@ const PlainWorkEntryRow = memo(function PlainWorkEntryRow(props: {...@@ -4691,7 +4692,6 @@ const PlainWorkEntryRow = memo(function PlainWorkEntryRow(props: {
4691 )}4692 )}
4692 />4693 />
4693 </span>4694 </span>
4694 <TimelineRowTimestamp createdAt={workEntry.createdAt} timestampFormat={timestampFormat} />
4695 </div>4695 </div>
4696 </div>4696 </div>
4697 {expanded && viewedImage && threadRef ? (4697 {expanded && viewedImage && threadRef ? (