Enhancement: Modernize overview view with timeline for events and comments

[Philipp0205]

Description

Enhance the pull request overview view to provide a more modern appearance and improved information presentation using a timeline-based layout similar to GitHub and Bitbucket.

Proposed Enhancements

1. Modern UI Design

• Update the visual design to be more contemporary and polished
• Improve spacing, typography, and visual hierarchy
• Better use of colors and visual elements
• Enhanced readability and information density

2. Timeline View for Events and Comments

Implement a unified timeline that shows all PR activity chronologically, including:

Events to Display:

• PR opened
• Commits pushed
• Comments added (both general and inline/review comments)
• Reviews submitted (approved, changes requested, commented)
• Reviewers added/removed
• Labels added/removed
• PR status changes (draft, ready for review, merged, closed)
• Branch updates
• CI/CD status updates (if available)

Timeline Features:

• Chronological ordering (newest first or oldest first - user preference?)
• Visual indicators for different event types (icons, colors)
• Grouped events (e.g., multiple commits in one push)
• Expandable/collapsible comment threads
• User avatars next to each activity
• Timestamps (relative and absolute)
• Clear visual separation between events

3. Reference Implementations

GitHub Timeline:

• Shows conversation, commits, and checks in unified view
• Clean visual design with left-aligned timeline
• Event type icons and color coding
• Inline expandable diffs for commits

Bitbucket Timeline:

• Activity stream with comments and events
• Clear visual hierarchy
• Grouped related activities
• Easy navigation between events

Benefits

• Improved user experience with modern, familiar interface
• Better visibility of all PR activity in one place
• Easier to follow the PR's history and discussion flow
• Reduced need to switch between different views
• More efficient PR review workflow

Implementation Considerations

• May require significant refactoring of overview view
• Need to fetch and aggregate events from API
• Consider performance with large PRs (pagination, lazy loading)
• Ensure compatibility with both GitHub and Bitbucket providers
• Maintain theme support (light/dark)

Mockup/Design

Consider creating a design mockup before implementation to align on the visual direction.

Priority

This is a significant UX improvement that would modernize the plugin and align it with user expectations from web-based PR tools.