feat: timeline mouse + keyboard navigation & interaction #708
Conversation
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
- Horizontal Pan - `Option/Alt` + Scroll OR Drag `A` / `D` - Vertical Pan - `Shift` + Scroll OR Drag Arrow Up / Down - Zoom In/Out - Scroll Wheel `W` / `S` - Reset Zoom - `Home` / `0`
- Frame timeline navigation using arrow keys (up, down, left, right) when frame selected. - Timeline keyboard navigation using (up, down, left, right, a, d) when no frame selected (shift + arrow keys will override selected frame and do timeline navigation) . - Shift + scroll wheel will pan up and down, option / alt + scroll will pan left and right. - Visual highlight rectangle around the current selected frame. - Zoom with (w, s or +, -), home or 0 to reset. - Jump to the call / show in call tree with the 'J' key. - Selection / search highlight rectangle border now slight thicker for better visability.
…timeline features
…tures - show in call tree - copy name - copy details - copy call stack
- Introduced support for marker selection in the FlameChart, allowing users to select and navigate between timeline markers. - Added new callbacks for marker selection and context menu interactions. - Updated the SelectionManager to handle both frame and marker selections, ensuring mutual exclusivity. - Enhanced the SelectionHighlightRenderer to visually differentiate between selected frames and markers. - Implemented keyboard navigation for markers, enabling left/right arrow key navigation. - Updated the Marker type to include a unique identifier for selection tracking. - Refactored relevant methods across the FlameChart, KeyboardHandler, and utility functions to accommodate marker functionality.
- shift + enter to go back in search - Enable enter to be held for quick search
lcottercertinia
approved these changes
Jan 22, 2026
This was referenced Jan 22, 2026
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
📝 PR Overview
Timeline Navigation & Interaction
This PR adds comprehensive keyboard and mouse navigation to the new experimental Timeline
Flame Chart, enabling users to explore and analyze debug logs efficiently without losing
their place in deep call stacks.
Frame Selection & Navigation
animation
Jump to Call Tree
Context Menu
Right-click on any frame for quick actions:
Right-click on empty space shows Reset Zoom (0).
Marker Navigation
Enhanced Viewport Controls
Search Navigation
Technical Highlights
for O(1) lookups
(DRY)
🧩 Type of change (check all applicable)
📷 Screenshots / gifs / video [optional]
Show off your UI changes.
🔗 Related Issues
resolves #573
resolves #366
resolves #296
resolves #295
resolves #535
fixes #
closes #
related #
✅ Tests added?
📚 Docs updated?
Anything else we need to know? [optional]