fix(web): a subagent row's elapsed time uses the same font as the rest of the row #35933

Fix for the redesign stack, targets layer 1 (#28839).

Problem#

In the chat timeline, a subagent row shows its elapsed time (like 1m 33s) in a monospace font. The model label beside it, the "Worked for 36s" line above it, and every other time in the timeline use the normal UI font, so this one spot looks out of place.

Fix#

The time now uses text-caption text-dim-foreground tabular-nums, the same style the redesign gives the hover timestamps on other timeline rows. It is the size of the model label next to it. tabular-nums stays, so a ticking time does not jitter.

The same span shows the time on a subagent's lifecycle event rows, so those times change the same way.

Before / after#

The row as layer 1 draws it, rendered with made-up data. Look at the time on the right.

Layer 6 rewrites this row and carries the same class string inside a cn(...) call, so restacking will conflict there. The resolution is the same swap: drop font-mono text-3xs, add text-caption.

Validation#

• vp run check:changed origin/maria/redesign/1-primitives-shell: format, lint, knip, typecheck, tests and React compiler all pass.

Made with Claude Opus 5.5 in Claude Code.