Elgato_dark/hyperdx
1
0
Fork 0
mirror of https://github.com/hyperdxio/hyperdx synced 2026-04-21 13:37:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

feat: add ability to change live tail refresh interval (#1432)

Browse source
This commit is contained in:
Alok Kumar Singh 2025-12-03 18:12:54 +05:30 committed by GitHub
parent 664e9026f1
commit d7a5c43b9d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 43 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
.changeset/live-tail-refresh-interval.md Normal file
View file

@ -0,0 +1,8 @@
---
"@hyperdx/app": patch
---
feat: add ability to change live tail refresh interval
Adds a dropdown selector in the search page that allows users to configure the live tail refresh interval. Options include 1s, 2s, 4s (default), 10s, and 30s. The selected refresh frequency is persisted in the URL query parameter.

36
packages/app/src/DBSearchPage.tsx
View file

@ -49,8 +49,10 @@ import {
Menu,
Modal,
Paper,
Select,
Stack,
Text,
Tooltip,
} from '@mantine/core';
import {
useDebouncedCallback,
@ -123,6 +125,15 @@ import { SearchConfig } from './types';
import searchPageStyles from '../styles/SearchPage.module.scss';
const LIVE_TAIL_REFRESH_FREQUENCY_OPTIONS = [
{ value: '1000', label: '1s' },
{ value: '2000', label: '2s' },
{ value: '4000', label: '4s' },
{ value: '10000', label: '10s' },
{ value: '30000', label: '30s' },
];
const DEFAULT_REFRESH_FREQUENCY = 4000;
const ALLOWED_SOURCE_KINDS = [SourceKind.Log, SourceKind.Trace];
const SearchConfigSchema = z.object({
select: z.string(),
@ -1014,6 +1025,11 @@ function DBSearchPage() {
parseAsInteger.withDefault(LIVE_TAIL_DURATION_MS),
);
const [refreshFrequency, setRefreshFrequency] = useQueryState(
'refreshFrequency',
parseAsInteger.withDefault(DEFAULT_REFRESH_FREQUENCY),
);
const updateRelativeTimeInputValue = useCallback((interval: number) => {
const label = getRelativeTimeOptionLabel(interval);
if (label) {
@ -1032,7 +1048,7 @@ function DBSearchPage() {
useLiveUpdate({
isLive,
interval,
refreshFrequency: 4000,
refreshFrequency,
onTimeRangeSelect,
pause: isAnyQueryFetching || !queryReady || !isTabVisible,
});
@ -1583,6 +1599,24 @@ function DBSearchPage() {
isLive && interval !== LIVE_TAIL_DURATION_MS
}
/>
{isLive && (
<Tooltip label="Live tail refresh interval">
<Select
size="sm"
w={80}
data={LIVE_TAIL_REFRESH_FREQUENCY_OPTIONS}
value={String(refreshFrequency)}
onChange={value =>
setRefreshFrequency(value ? parseInt(value, 10) : null)
}
allowDeselect={false}
comboboxProps={{
withinPortal: true,
zIndex: 1000,
}}
/>
</Tooltip>
)}
<Button
data-testid="search-submit-button"
variant="outline"