Repository navigation
feat(app): add message timeline navigation strip - #41135
Closed
GoldenStain wants to merge 1 commit into
Closed
GoldenStain wants to merge 1 commit into
GoldenStain wants to merge 1 commit into
Conversation
Render a vertical strip of bead buttons at the edge of the session timeline, one per visible user message, similar to the conversation navigator in other chat UIs. Clicking a bead jumps the timeline to that message using the same path as keyboard message navigation. The bead under the reading line stays highlighted while scrolling, and an explicit jump locks the highlight until the user scrolls. - new MessageTimelineNav component (beads, hover preview + time, active tracking, internal scroll when beads overflow) - new general setting preloadTimelineHistory (default on) that loads older message pages in the background so the strip covers the entire session - localized nav labels in all app locales - e2e smoke coverage for rendering, jumping, and preloading
Author
|
Knock knock |
Contributor
|
Automated PR Cleanup Thank you for contributing to opencode. Due to the high volume of PRs from users and AI agents, we periodically close older PRs using automated criteria so maintainers can focus review time on the most active and community-supported contributions. This PR was closed because it matched the following cleanup criteria:
PRs created within the last month are not affected by this cleanup. If you believe this PR was closed incorrectly, or if you are still actively working on it, please leave a comment explaining why it should be reopened. A maintainer can review and reopen it if appropriate. Thanks again for taking the time to contribute. |
1 task done
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Issue for this PR
Refs #32999 — message navigation in the session view. This implements the compact variant: a DeepSeek-web style bead strip instead of a full sidebar.
Type of change
What does this PR do?
Long sessions are painful to move around in: the only options are manual scrolling or the fork dialog. This adds a vertical strip of small beads at the edge of the timeline, one per user message. Clicking a bead jumps to that message through the same code path as keyboard message navigation and
#message-...links.Details:
MessageTimelineNavrenders at the inline-end edge of the timeline (logical CSS, so it flips sides in RTL), hidden via a container query when the panel is too narrow to fit it.preloadTimelineHistory(default on): messages are paginated (first page ~20, then 200/page), so the app keeps loading older pages in the background when a session opens. This lets the strip cover every user message instead of only the loaded ones. Turning it off leaves the strip limited to loaded messages, matching fork-dialog behavior.How did you verify your code works?
session-timeline-nav.spec.ts) against the mock server: strip renders the expected beads in order, clicking jumps (#message-...hash, target row position, active bead), and the preload path requests older pages. Passes locally.servebackend with a session containing ~94 user messages: all beads appear once preloading finishes, jumps land on the right message, the active bead follows, and the strip flips correctly under forced RTL.bun run typecheck(app + e2e), the unit suite, and oxlint are clean.Screenshots / recordings
LTR, full history loaded:
After clicking an older bead:
RTL:
Checklist