feat(agent-ui): show turn start/end times + duration on the agent terminal
The per-agent terminal marks turn boundaries (◆ TURN ← / ✓ turn) but shows no time. Append a wall-clock HH:MM:SS to both the turn-start and turn-end rows, plus the elapsed duration on turn-end, rendered as dim metadata so the boundary glyph stays the focus. This is the frontend half of the feature; it reads a per-event `ts` (unix seconds) off the turn_start / turn_end events. The read is guarded on a numeric `ts`, so until the harness surfaces per-event timestamps the rows render exactly as before (inert-until-capture). Once the backend attaches `ts` to the history rows + live SSE frame, the times light up automatically for both live and scrollback, with no further frontend change.
This commit is contained in:
parent
50e0ef9b46
commit
e89ca90956
2 changed files with 39 additions and 1 deletions
|
|
@ -100,6 +100,10 @@
|
|||
.live .row .md, .live .row > details { text-indent: 0; }
|
||||
.live .turn-end-ok { color: var(--green); border-left-color: var(--green); }
|
||||
.live .turn-end-fail { color: var(--red); border-left-color: var(--red); }
|
||||
/* Wall-clock time (+ duration on turn-end) appended to the turn-start /
|
||||
turn-end rows. Dim + smaller so the boundary glyph stays the focus and
|
||||
the timestamp reads as metadata. */
|
||||
.live .turn-time { color: var(--muted); font-size: 0.85em; margin-left: 0.5em; }
|
||||
.live .text { color: var(--fg); }
|
||||
.live .thinking { color: var(--muted); font-style: italic; }
|
||||
.live .tool-use { color: var(--cyan); }
|
||||
|
|
|
|||
Loading…
Reference in a new issue