diff --git a/site/src/pages/AgentsPage/components/Sidebar/AgentsSidebar.tsx b/site/src/pages/AgentsPage/components/Sidebar/AgentsSidebar.tsx index 32a27065aa..f3fe3cec34 100644 --- a/site/src/pages/AgentsPage/components/Sidebar/AgentsSidebar.tsx +++ b/site/src/pages/AgentsPage/components/Sidebar/AgentsSidebar.tsx @@ -769,9 +769,17 @@ const ChatTreeNode: FC = ({ chat, isChildNode }) => { aria-hidden="true" /> ) : ( - // data-chromatic="ignore" keeps Chromatic snapshots - // stable as wall-clock time advances (e.g. "now" → "5m"). - + // data-chromatic="ignore" disables pixel diffing + // inside the span, but Chromatic still diffs the + // span's bounding rect. Pin the box to a fixed width + // (with the text right-aligned so the trailing edge + // stays anchored to the column) so transitions like + // "46m" → "now" do not shrink the mask and expose + // stale pixels along its edge. + {shortRelativeTime(chat.updated_at)} )}