Skip to content

feat(new-webui): Add search results timeline using chart.js.#915

Merged
junhaoliao merged 10 commits into
y-scope:mainfrom
junhaoliao:new-webui-timeline
May 26, 2025
Merged

feat(new-webui): Add search results timeline using chart.js.#915
junhaoliao merged 10 commits into
y-scope:mainfrom
junhaoliao:new-webui-timeline

Conversation

@junhaoliao

@junhaoliao junhaoliao commented May 19, 2025

Copy link
Copy Markdown
Member

Description

Add timeline based on old webui code

Checklist

  • The PR satisfies the contribution guidelines.
  • This is a breaking change and that has been indicated in the PR title, OR this isn't a
    breaking change.
  • Necessary docs have been updated, OR no docs need to be updated.

Validation performed

  1. Created a React StoryBook story with mock data and observed no visual defects.

Summary by CodeRabbit

  • New Features

    • Introduced a timeline chart to the search results page, allowing users to visualise log event counts over time with interactive zooming.
    • Added a dedicated timeline section between search controls and results for enhanced data exploration.
  • Improvements

    • Enhanced time range selection and synchronisation across controls and timeline.
    • Improved timeline display with localised date formatting and responsive bucket sizing for clearer visualisation.
  • Bug Fixes

    • Ensured accurate alignment and expansion of selected time ranges during timeline zoom interactions.
  • Style

    • Added new styling for the timeline chart, including fixed height and cursor feedback.
  • Chores

    • Updated dependencies to support charting and date handling features.

Loading
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.

3 participants