fix(web): sidebar v2 polish — jump hints, working duration, in-flight fade, settled sort

[t3dotgg]

Four polish nits on the sidebar v2 beta, applied on top of the surface redesign:

1. Holding cmd made the status disappear. The jump hotkey hint rendered in the same slot as the status/time label, so holding the modifier blanked out "Working"/"Done" on every row. Hints now render as a pointer-events-none pill floating at the row's right edge — no layout shift, status stays visible, and the pill can't block the settle/un-settle hover buttons.

2. No way to see how long a thread has been working. The Working label shows elapsed time (Working 3m), counting from the running turn's start (request time until adoption, session transition as fallback; malformed timestamps fall through). The timer ticks in a self-contained component so the row doesn't re-render every second, and sits outside the role="status" live region so screen readers don't announce every tick.

3. Working threads were too prominent. Inbox-zero: in-flight threads (working, approval, input) aren't your problem yet. They fade to 70% opacity with muted normal-weight text (hover restores); only the colored status label stands out. Prominence is reserved for done (unread), read-but-unsettled, and failed.

4. Settled threads sorted by message time, not settled time. resolveSettledTimestamp uses settledAt when stamped (explicit settles); auto-settled threads fall back to last activity using the same candidate set as threadLastActivityAt (user message + all latestTurn stamps). Sort and slim-row label share the resolver, so they can't disagree.

Verification

• bun run typecheck (apps/web) passes
• apps/web unit tests: 1476 passed (includes tests for settled sort incl. turn-completion activity, working-start resolution incl. malformed timestamps, and duration formatting)

🤖 Generated with Claude Code

---

Note

Low Risk
Client-only sidebar presentation and sorting logic with unit tests; no auth, data, or API changes.

Overview
Sidebar v2 polish improves how thread rows look and order without changing server APIs.

Keyboard jump hints no longer replace the status/time slot (which hid “Working” while holding ⌘). They render as a floating JumpHintBadge on the row edge so layout and settle buttons stay stable.

Working rows now show a live elapsed time (Working 3m) via resolveWorkingStartedAt, formatWorkingDurationLabel, and a self-ticking WorkingDuration component; the timer is aria-hidden so only the status label is announced.

In-flight threads (working, approval, input) that are read and not selected recede (opacity + muted title weight) so unread, unsettled, and failed rows stand out.

Settled threads use resolveSettledTimestamp / sortSettledThreadsForSidebarV2 (explicit settledAt, else latest activity including turn completion) instead of message/updatedAt only; slim settled rows show the same timestamp in settledTimeLabel.

^{Reviewed by Cursor Bugbot for commit 869c55a. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Polish sidebar v2 with jump hint badges, live working duration, in-flight fade, and consistent settled sort

• Adds JumpHintBadge, a floating overlay badge in SidebarV2.tsx that displays jump hints without displacing status or time labels.
• Adds WorkingDuration, a self-ticking component that shows elapsed time next to the 'Working' status, updating every second.
• In-flight rows (working, approval, input) now fade and de-emphasize when not active or selected.
• Settled thread sorting is replaced with sortSettledThreadsForSidebarV2, ordering by resolved settled timestamp descending with stable tie-breaking by id; settled row time labels are updated to match.
• New logic utilities (resolveWorkingStartedAt, formatWorkingDurationLabel, resolveSettledTimestamp) handle timestamp resolution and duration formatting with fallback and clamping behavior.

^{Macroscope summarized 869c55a.}

[coderabbitai]

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title is concise and accurately summarizes the sidebar v2 polish changes in this PR.
Description check	✅ Passed	The description covers what changed, why, and verification well enough, even though it doesn't follow the template headings exactly.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch sidebar-v2-nits

---

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved

UI polish changes for sidebar v2: adds working duration timer display, jump hint badges, visual fading for in-flight rows, and improved sorting for settled threads. All changes are frontend display logic with comprehensive test coverage and no backend/security implications.

^{You can customize Macroscope's approvability policy. Learn more.}

[jakeleventhal]

#4026 (comment) for visbility

Dismissing prior approval to re-evaluate ea2f4bb

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 8e47ccc. Configure here.}

Dismissing prior approval to re-evaluate 4512b82

Dismissing prior approval to re-evaluate f897ad3

Dismissing prior approval to re-evaluate 869c55a