Skip to content

Polish reply timeline interactions#477

Merged
wesbillman merged 25 commits into
mainfrom
reply-design
May 7, 2026
Merged

Polish reply timeline interactions#477
wesbillman merged 25 commits into
mainfrom
reply-design

Conversation

@thomaspblock
Copy link
Copy Markdown
Collaborator

@thomaspblock thomaspblock commented May 5, 2026

Summary

  • Refines desktop reply/thread UI spacing, pills, and timeline affordances.
  • Moves active agent activity selection into the message composer next to the send button, with hover/click access to working agent sessions.
  • Tightens multi-paragraph chat message spacing and keeps the branch current with latest main.

Test plan

  • cd desktop && pnpm run typecheck
  • Pre-commit hooks: desktop-check, desktop-tauri-fmt, mobile-check, rust-fmt, web-check
  • Pre-push hooks: desktop/web checks and builds, Rust/Tauri formatting checks

Made with Cursor

thomaspblock and others added 12 commits April 14, 2026 14:01
Align the header, timeline, thread panel, composer, and sidebar shells so the reply design branch reads as one consistent visual system.

Made-with: Cursor
Made-with: Cursor
Align sticky day headers, thread summaries, and composer offsets so message content stays visible and date transitions happen at the right moment. Soften side-sheet headers and markdown code blocks while keeping thread conversations auto-scrolled as new content arrives.

Made-with: Cursor
Made-with: Cursor
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Group messages by day so sticky date labels push each other out during scroll instead of overlapping.

Co-authored-by: Cursor <cursoragent@cursor.com>
Bring reply-design up to date with origin/main while preserving the composer layout and new mention profile data.

Co-authored-by: Cursor <cursoragent@cursor.com>
Render active agent process pills inline with the message timeline so they sit under the latest message text instead of the composer edge.

Co-authored-by: Cursor <cursoragent@cursor.com>
Remove redundant fragments and apply formatting so the full desktop Biome check passes before review.

Co-authored-by: Cursor <cursoragent@cursor.com>
@thomaspblock thomaspblock requested a review from wesbillman as a code owner May 5, 2026 00:08
@thomaspblock
Copy link
Copy Markdown
Collaborator Author

Design-Fixes.mp4

@wesbillman
Copy link
Copy Markdown
Collaborator

@thomaspblock does it feel weird that the agents show below other users? Like when someone messages or joins the channel the bot goes below them.

Screenshot 2026-05-04 at 5 29 38 PM

In this case, Rick is responding to a previous message, but it feels like it's responding to my last message here.

Another example:
Screenshot 2026-05-04 at 5 31 28 PM

For the user it almost implies that "Rick" is responding to tyler here, which is why I think it was docked to the bottom before. Whatcha think!?

@thomaspblock
Copy link
Copy Markdown
Collaborator Author

@thomaspblock does it feel weird that the agents show below other users? Like when someone messages or joins the channel the bot goes below them.

Screenshot 2026-05-04 at 5 29 38 PM In this case, Rick is responding to a previous message, but it feels like it's responding to my last message here.

Another example: Screenshot 2026-05-04 at 5 31 28 PM

For the user it almost implies that "Rick" is responding to tyler here, which is why I think it was docked to the bottom before. Whatcha think!?

Yes thats very weird. I'll put it back down right above the composer windows.

thomaspblock and others added 9 commits May 4, 2026 22:02
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Place working-agent selection beside the send button so activity stays close to message composition, and tighten chat paragraph spacing.

Co-authored-by: Cursor <cursoragent@cursor.com>
Keep ChannelPane compatible with callers that only pass session agents while preserving the composer activity selector.

Co-authored-by: Cursor <cursoragent@cursor.com>
Restore channel descriptions in the header and make the profile popover smoke test target the profile popover explicitly.

Co-authored-by: Cursor <cursoragent@cursor.com>
Use the popover as a hover anchor so clicking an avatar opens the profile panel without toggling the hover card back open.

Co-authored-by: Cursor <cursoragent@cursor.com>
@thomaspblock
Copy link
Copy Markdown
Collaborator Author

agentactivity.mp4

All fixed and added new activity. Lets just try it for now we can always change later.

thomaspblock and others added 4 commits May 6, 2026 19:12
Show active agent controls in the thread composer and keep channel descriptions available as title hover text without rendering a second header line.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
@wesbillman
Copy link
Copy Markdown
Collaborator

Screenshot 2026-05-06 at 7 00 08 PM Super minor thing I just noticed, but we can def punt on this and merge in this new flow if you think it's at a good point! 👍

@thomaspblock
Copy link
Copy Markdown
Collaborator Author

yes I am aware but i didn't want to add yet another change, so rather fix once i have the new version in :)

@wesbillman
Copy link
Copy Markdown
Collaborator

@codex please review

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 4877ee2256

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment on lines +99 to +102
<MessageRow
activeReplyTargetId={activeReplyTargetId}
highlighted={message.id === highlightedMessageId}
message={message}
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Preserve search highlighting on thread-head rows

Messages that have a thread summary now take the summary && onReply branch, but that MessageRow no longer applies the find-in-channel active state (searchActiveMessageId) or match highlighting props. As a result, when a search hit lands on a thread-head message, it is not visually highlighted like other matches, which makes keyboard/find navigation inconsistent and easy to miss for users.

Useful? React with 👍 / 👎.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a heads up here, we might have to fix this in the future too for search

Comment on lines +91 to +95
onBlur={closeWithDelay}
onClick={() => {
clearHoverTimer();
setOpen((current) => !current);
}}
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Keep bot activity popover open for keyboard navigation

The trigger schedules a close on onBlur, while the content disables Radix auto-focus (onOpenAutoFocus with preventDefault) and has no focus-based cancellation path. In practice, keyboard users opening this popover with Enter/Space cannot reliably move focus into its action buttons before the delayed close fires, so selecting an agent session becomes mouse-only.

Useful? React with 👍 / 👎.

@wesbillman wesbillman merged commit f309446 into main May 7, 2026
14 checks passed
@wesbillman wesbillman deleted the reply-design branch May 7, 2026 16:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants