From 4b98c5df1e83da9cbbe9c2fad451f10fb8911e0e Mon Sep 17 00:00:00 2001
From: Alok Kumar Singh <mail.alok87@gmail.com>
Date: Wed, 3 Dec 2025 14:39:56 +0530
Subject: [PATCH 1/3] 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
'refreshFrequency' so it survives page reloads.

Fixes: hyperdxio/hyperdx#1419
---
 packages/app/src/DBSearchPage.tsx | 38 ++++++++++++++++++++++++++++++-
 1 file changed, 37 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/DBSearchPage.tsx b/packages/app/src/DBSearchPage.tsx
index 709573ed31..61d2e30139 100644
--- a/packages/app/src/DBSearchPage.tsx
+++ b/packages/app/src/DBSearchPage.tsx
@@ -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,
   });
@@ -1712,6 +1728,26 @@ function DBSearchPage() {
                             queryKeyPrefix={QUERY_KEY_PREFIX}
                           />
                           <Group gap="sm" align="center">
+                            {isLive && (
+                              <Tooltip label="Live tail refresh interval">
+                                <Select
+                                  size="xs"
+                                  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>
+                            )}
                             {shouldShowLiveModeHint &&
                               analysisMode === 'results' &&
                               denoiseResults != true && (

From c56ae85fbafb0762fa3399c3c827f8aee249d85b Mon Sep 17 00:00:00 2001
From: Alok Kumar Singh <mail.alok87@gmail.com>
Date: Wed, 3 Dec 2025 16:00:17 +0530
Subject: [PATCH 2/3] chore: add changeset for live tail refresh interval
 feature

---
 .changeset/live-tail-refresh-interval.md | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 .changeset/live-tail-refresh-interval.md

diff --git a/.changeset/live-tail-refresh-interval.md b/.changeset/live-tail-refresh-interval.md
new file mode 100644
index 0000000000..120bd2c856
--- /dev/null
+++ b/.changeset/live-tail-refresh-interval.md
@@ -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.
+

From 3099e714e5fdc1b9d43990d4894ecda542fbe2e1 Mon Sep 17 00:00:00 2001
From: Alok Kumar Singh <mail.alok87@gmail.com>
Date: Wed, 3 Dec 2025 16:23:51 +0530
Subject: [PATCH 3/3] refactor: move refresh interval dropdown next to datetime
 picker

---
 packages/app/src/DBSearchPage.tsx | 38 +++++++++++++++----------------
 1 file changed, 18 insertions(+), 20 deletions(-)

diff --git a/packages/app/src/DBSearchPage.tsx b/packages/app/src/DBSearchPage.tsx
index 61d2e30139..35143bc8f0 100644
--- a/packages/app/src/DBSearchPage.tsx
+++ b/packages/app/src/DBSearchPage.tsx
@@ -1599,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"
@@ -1728,26 +1746,6 @@ function DBSearchPage() {
                             queryKeyPrefix={QUERY_KEY_PREFIX}
                           />
                           <Group gap="sm" align="center">
-                            {isLive && (
-                              <Tooltip label="Live tail refresh interval">
-                                <Select
-                                  size="xs"
-                                  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>
-                            )}
                             {shouldShowLiveModeHint &&
                               analysisMode === 'results' &&
                               denoiseResults != true && (