feat(tui): live per-message response timing by want2sleeep · Pull Request #20220 · anomalyco/opencode

want2sleeep · 2026-03-31T07:44:14Z

Issue for this PR

Type of change

New feature

What does this PR do?

Add live elapsed time display for each assistant message during streaming. The timer shows end-to-end duration from when the user sent the message to when the assistant finishes responding.

Key behaviors:

Real-time updates every second during streaming
Hidden during first second to avoid millisecond flash
Format: 1s, 2s, 59s, 1m, 1m 30s, 2h 15m, 1d 3h
Stops updating once the message completes (including tool-calls finish)

How did you verify your code works?

Ran bun dev locally, sent messages and observed:

Timer starts at 1s and increments during streaming
No 0s flash for sub-second completions
Stops updating after completion
Handles hour/day durations correctly

Screenshots / recordings

Before:

After:

Checklist

I have tested my changes locally
I have not included unrelated changes in this PR

Note: e2e test failures are in packages/app (web UI) and are pre-existing on dev. This PR only touches packages/opencode (TUI).

…idebar

Copilot

Pull request overview

Adds a live, per-assistant-message elapsed-time display in the TUI session view during streaming, intended to show end-to-end latency from the parent user message to assistant completion.

Changes:

Introduces a 1s ticking “now” signal during non-final assistant messages to compute live elapsed time.
Replaces Locale.duration(...) with a custom duration formatter for the assistant message header.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-03-31T07:49:42Z

packages/opencode/src/cli/cmd/tui/routes/session/index.tsx

-    if (!props.message.time.completed) return 0
+  const [now, setNow] = createSignal(Date.now())
+  createEffect(() => {
+    if (final()) return


The streaming timer interval is started whenever final() is false, but messages with finish: "tool-calls" / "unknown" are intentionally non-final and still get time.completed set (e.g. tool execution). In that case this interval will run indefinitely and keep updating now even though the elapsed time is already fixed. Consider gating the interval on props.message.time.completed (or equivalent streaming state) rather than final(), so it stops once the assistant message has a completion timestamp.

Suggested change

if (final()) return

const completed = props.message.time?.completed

if (final() || completed) return

Copilot · 2026-03-31T07:49:42Z

packages/opencode/src/cli/cmd/tui/routes/session/index.tsx

+    const total = Math.floor(ms / 1000)
+    if (total < 60) return `${total}s`
+    const m = Math.floor(total / 60)
+    const s = total % 60
+    return `${m}m ${s}s`


durationText() formatting can display surprising values: (1) if the assistant completes in <1s, duration() becomes a small non-zero ms value and the UI will show 0s; (2) when the seconds remainder is 0 it renders "{m}m 0s" instead of "{m}m" as described in the PR; (3) durations >= 1 hour lose the existing hour/day formatting previously provided by Locale.duration. Consider adjusting the formatting/hide-threshold so sub-second completions don’t show 0s, omit 0s when s === 0, and keep hour/day support (either by extending this formatter or reusing Locale.duration with rounding).

Suggested change

const total = Math.floor(ms / 1000)

if (total < 60) return `${total}s`

const m = Math.floor(total / 60)

const s = total % 60

return `${m}m ${s}s`

const totalSeconds = Math.floor(ms / 1000)

// Hide sub-second durations instead of showing "0s"

if (totalSeconds === 0) return ""

if (totalSeconds < 60) {

return `${totalSeconds}s`

}

const totalMinutes = Math.floor(totalSeconds / 60)

const seconds = totalSeconds % 60

// Less than 1 hour: show minutes and (optionally) seconds

if (totalMinutes < 60) {

if (seconds === 0) return `${totalMinutes}m`

return `${totalMinutes}m ${seconds}s`

}

const totalHours = Math.floor(totalMinutes / 60)

const minutes = totalMinutes % 60

// Less than 1 day: show hours and (optionally) minutes

if (totalHours < 24) {

if (minutes === 0) return `${totalHours}h`

return `${totalHours}h ${minutes}m`

}

const days = Math.floor(totalHours / 24)

const hours = totalHours % 24

// 1 day or more: show days and (optionally) hours

if (hours === 0) return `${days}d`

return `${days}d ${hours}h`

Copilot · 2026-03-31T07:49:42Z

packages/opencode/src/cli/cmd/tui/routes/session/index.tsx

+  const elapsed = createMemo(() => {
    const user = messages().find((x) => x.role === "user" && x.id === props.message.parentID)
    if (!user || !user.time) return 0
-    return props.message.time.completed - user.time.created
+    const end = props.message.time.completed ?? now()
+    return end - user.time.created


elapsed() recomputes by scanning the full messages() array to find the parent user message. While streaming, this memo will update every second; with long sessions this becomes a repeated O(n) search per tick. Consider caching the parent user created timestamp (e.g., memoize the parent message lookup once per assistant message, or index messages by id) so timer ticks don’t repeatedly traverse the full message list.

Copilot · 2026-03-31T07:49:43Z

packages/opencode/src/cli/cmd/tui/routes/session/index.tsx

              <span style={{ fg: theme.text }}>{Locale.titlecase(props.message.mode)}</span>
              <span style={{ fg: theme.textMuted }}> · {props.message.modelID}</span>
              <Show when={duration()}>
-                <span style={{ fg: theme.textMuted }}> · {Locale.duration(duration())}</span>
+                <span style={{ fg: theme.textMuted }}> · {durationText()}</span>
              </Show>


PR description mentions adding git branch display in the sidebar footer, but the current change set shown here only updates per-message timing in session/index.tsx. If the sidebar footer work is intended to be part of this PR, it looks like the related file changes may be missing from the branch/commit set (or from the PR).

github-actions · 2026-03-31T08:04:04Z

Thanks for updating your PR! It now meets our contributing guidelines. 👍

…format, cache parent lookup

want2sleeep · 2026-03-31T08:40:27Z

Note: The e2e test failures are in packages/app (web UI) and are pre-existing on the dev branch. This PR only touches packages/opencode (TUI). Unit tests and typecheck pass.

want2sleeep · 2026-03-31T11:48:02Z

Before / After

Before:

After:

Before: No elapsed time shown during streaming
After: Live timer updates every second (1s, 2s, 59s, 1m, 1m 30s...)

feat(tui): live per-message response timing & git branch display in s…

fc23163

…idebar

Copilot AI review requested due to automatic review settings March 31, 2026 07:44

github-actions bot added the needs:compliance This means the issue will auto-close after 2 hours. label Mar 31, 2026

Copilot started reviewing on behalf of want2sleeep March 31, 2026 07:44 View session

want2sleeep changed the title ~~feat(tui): live per-message response timing & git branch display in sidebar~~ feat(tui): live per-message response timing Mar 31, 2026

Copilot AI reviewed Mar 31, 2026

View reviewed changes

github-actions bot removed the needs:compliance This means the issue will auto-close after 2 hours. label Mar 31, 2026

fix: address review feedback - stop timer on completed, fix duration …

b7e037b

…format, cache parent lookup

want2sleeep mentioned this pull request Mar 31, 2026

[FEATURE]: Live per-message response timing in TUI #20226

Closed

1 task

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(tui): live per-message response timing#20220

feat(tui): live per-message response timing#20220
want2sleeep wants to merge 2 commits intoanomalyco:devfrom
want2sleeep:feat/message-timing

want2sleeep commented Mar 31, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Mar 31, 2026

Uh oh!

Copilot AI Mar 31, 2026

Uh oh!

Copilot AI Mar 31, 2026

Uh oh!

Copilot AI Mar 31, 2026

Uh oh!

github-actions bot commented Mar 31, 2026

Uh oh!

want2sleeep commented Mar 31, 2026

Uh oh!

want2sleeep commented Mar 31, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

	if (final()) return
	const completed = props.message.time?.completed
	if (final() \|\| completed) return

-    const total = Math.floor(ms / 1000)
-    if (total < 60) return `${total}s`
-    const m = Math.floor(total / 60)
-    const s = total % 60
-    return `${m}m ${s}s`
+    const totalSeconds = Math.floor(ms / 1000)
+    // Hide sub-second durations instead of showing "0s"
+    if (totalSeconds === 0) return ""
+    if (totalSeconds < 60) {
+      return `${totalSeconds}s`
+    }
+    const totalMinutes = Math.floor(totalSeconds / 60)
+    const seconds = totalSeconds % 60
+    // Less than 1 hour: show minutes and (optionally) seconds
+    if (totalMinutes < 60) {
+      if (seconds === 0) return `${totalMinutes}m`
+      return `${totalMinutes}m ${seconds}s`
+    }
+    const totalHours = Math.floor(totalMinutes / 60)
+    const minutes = totalMinutes % 60
+    // Less than 1 day: show hours and (optionally) minutes
+    if (totalHours < 24) {
+      if (minutes === 0) return `${totalHours}h`
+      return `${totalHours}h ${minutes}m`
+    }
+    const days = Math.floor(totalHours / 24)
+    const hours = totalHours % 24
+    // 1 day or more: show days and (optionally) hours
+    if (hours === 0) return `${days}d`
+    return `${days}d ${hours}h`

Conversation

want2sleeep commented Mar 31, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Issue for this PR

Type of change

What does this PR do?

How did you verify your code works?

Screenshots / recordings

Checklist

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Copilot AI Mar 31, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 31, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 31, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 31, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions bot commented Mar 31, 2026

Uh oh!

want2sleeep commented Mar 31, 2026

Uh oh!

want2sleeep commented Mar 31, 2026

Before / After

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

want2sleeep commented Mar 31, 2026 •

edited

Loading