feat(site/src): use DateTimeRangePicker on the AI sessions page - #28426
Merged
Conversation
…sions page Replace the text-expression DateTimeRangeFilter with the new DateTimeRangePicker on the AI Gateway sessions page and drop the redundant Filters preset button. The preset queries (All sessions, My sessions) are already covered by the search field and the user dropdown. The picker preset id lives in component state only; the filter query keeps storing resolved started_after/started_before timestamps, so shared links and the API contract are unchanged.
tracyjohnsonux
marked this pull request as ready for review
August 20, 2026 22:55
…like other dropdowns Use the shared animated ChevronDownIcon so the trigger chevron flips while the popover is open, matching Select and Combobox triggers.
…the search is cleared Derive the preset from the URL: with no explicit range the default window applies, so the trigger shows the Last 24 hours label instead of a stale custom range.
jeremyruppel
approved these changes
Aug 20, 2026
tracyjohnsonux
enabled auto-merge (squash)
August 20, 2026 23:07
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 subscribe to this conversation on GitHub.
Already have an account?
Sign in.
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.
Follow-up to #28392. Wires the new
DateTimeRangePickerinto the AI Gateway sessions page, replacing the text-expressionDateTimeRangeFilter, and removes the redundant "Filters" preset button.Filtercomponent are unaffected.started_after/started_beforetimestamps. The picker's preset id is display-only component state, shown only while the URL range still matches what the preset resolved to, so shared links keep rendering as custom ranges.ChevronDownIcon, rotating on open like the other dropdown triggers.DateTimeRangeFiltercomponent is left in place (still referenced by its stories); removing it can be a separate cleanup.Storybook: the sessions filter story now asserts the Filters button is gone and exercises opening the picker; existing stories updated to the new value shape.
biome,tsc, and the Storybook interaction tests for the page pass.Generated by Coder Agents on behalf of @tracyjohnsonux.