From 0d52a832c58f1bfc66c0707bf6b1815a0bfa577f Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Thu, 8 Jan 2026 17:30:41 +0000
Subject: [PATCH 1/3] latest

---
 .../SearchControls/Native/NativeControls.tsx  | 31 -------------------
 .../Native/NativeControls/ClpControls.tsx     | 15 +++++++++
 .../Native/NativeControls/ClpSControls.tsx    | 25 +++++++++++++++
 .../Native/NativeControls/index.module.css    | 13 ++++++++
 .../Native/NativeControls/index.tsx           | 28 +++++++++++++++++
 .../Native/SearchButton/CancelButton.tsx      |  1 -
 .../SearchButton/SubmitButton/index.tsx       |  1 -
 7 files changed, 81 insertions(+), 33 deletions(-)
 delete mode 100644 components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls.tsx
 create mode 100644 components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpControls.tsx
 create mode 100644 components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpSControls.tsx
 create mode 100644 components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/index.module.css
 create mode 100644 components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/index.tsx

diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls.tsx b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls.tsx
deleted file mode 100644
index d7a1116699..0000000000
--- a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import {CLP_STORAGE_ENGINES} from "@webui/common/config";
-
-import {SETTINGS_STORAGE_ENGINE} from "../../../../config";
-import Dataset from "../Dataset";
-import styles from "../index.module.css";
-import QueryStatus from "../QueryStatus";
-import TimeRangeInput from "../TimeRangeInput";
-import QueryInput from "./QueryInput";
-import SearchButton from "./SearchButton";
-
-
-/**
- * Renders controls and status for clp & clp-s.
- *
- * @return
- */
-const NativeControls = () => (
-    <div className={styles["searchControlsContainer"]}>
-        <div className={styles["inputsAndButtonRow"]}>
-            {CLP_STORAGE_ENGINES.CLP_S === SETTINGS_STORAGE_ENGINE && <Dataset/>}
-            <QueryInput/>
-            <TimeRangeInput/>
-            <SearchButton/>
-        </div>
-        <div className={styles["status"]}>
-            <QueryStatus/>
-        </div>
-    </div>
-);
-
-export default NativeControls;
diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpControls.tsx b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpControls.tsx
new file mode 100644
index 0000000000..d28dda0f52
--- /dev/null
+++ b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpControls.tsx
@@ -0,0 +1,15 @@
+import styles from "../../index.module.css";
+import SearchButton from "../SearchButton";
+import QueryInput from "../QueryInput";
+import TimeRangeInput from "../../TimeRangeInput";
+
+
+const ClpControls = () => (
+    <div className={styles["inputsAndButtonRow"]}>
+        <QueryInput/>
+        <TimeRangeInput/>
+        <SearchButton/>
+    </div>
+);
+
+export default ClpControls;
diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpSControls.tsx b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpSControls.tsx
new file mode 100644
index 0000000000..17c29d6904
--- /dev/null
+++ b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpSControls.tsx
@@ -0,0 +1,25 @@
+import Dataset from "../../Dataset";
+import TimeRangeInput from "../../TimeRangeInput";
+import QueryInput from "../QueryInput";
+import SearchButton from "../SearchButton";
+import nativeStyles from "./index.module.css";
+
+
+const ClpSControls = () => (
+    <>
+        <div className={nativeStyles["clpSRow"]}>
+            <Dataset/>
+            <div className={nativeStyles["clpSTimeRange"]}>
+                <TimeRangeInput/>
+            </div>
+        </div>
+        <div className={nativeStyles["clpSRow"]}>
+            <div className={nativeStyles["clpSQuery"]}>
+                <QueryInput/>
+            </div>
+            <SearchButton/>
+        </div>
+    </>
+);
+
+export default ClpSControls;
diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/index.module.css b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/index.module.css
new file mode 100644
index 0000000000..1a4fdc94c4
--- /dev/null
+++ b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/index.module.css
@@ -0,0 +1,13 @@
+.clpSRow {
+    display: flex;
+    gap: 10px;
+}
+
+.clpSTimeRange {
+    margin-left: auto;
+}
+
+.clpSQuery {
+    flex: 1;
+    min-width: 0;
+}
diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/index.tsx b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/index.tsx
new file mode 100644
index 0000000000..313cf78234
--- /dev/null
+++ b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/index.tsx
@@ -0,0 +1,28 @@
+import {CLP_STORAGE_ENGINES} from "@webui/common/config";
+
+import {SETTINGS_STORAGE_ENGINE} from "../../../../../config";
+import styles from "../../index.module.css";
+import QueryStatus from "../../QueryStatus";
+import ClpControls from "./ClpControls";
+import ClpSControls from "./ClpSControls";
+
+
+/**
+ * Chooses between clp and clp-s native control layouts.
+ *
+ * @return
+ */
+const NativeControls = () => {
+    const isClpS = CLP_STORAGE_ENGINES.CLP_S === SETTINGS_STORAGE_ENGINE;
+
+    return (
+        <div className={styles["searchControlsContainer"]}>
+            {isClpS ? <ClpSControls/> : <ClpControls/>}
+            <div className={styles["status"]}>
+                <QueryStatus/>
+            </div>
+        </div>
+    );
+};
+
+export default NativeControls;
diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/CancelButton.tsx b/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/CancelButton.tsx
index 2a21c9c7bf..0d225a609a 100644
--- a/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/CancelButton.tsx
+++ b/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/CancelButton.tsx
@@ -49,7 +49,6 @@ const CancelButton = () => {
             type={"primary"}
             onClick={handleCancelButtonClick}
         >
-            Cancel
         </Button>
     );
 };
diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/SubmitButton/index.tsx b/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/SubmitButton/index.tsx
index 005688d949..17c1c7f0fd 100644
--- a/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/SubmitButton/index.tsx
+++ b/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/SubmitButton/index.tsx
@@ -138,7 +138,6 @@ const SubmitButton = () => {
                     });
                 }}
             >
-                Search
             </Button>
         </Tooltip>
     );

From 24520ca6839be754b73b49be526f0f0dc83ef893 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Thu, 8 Jan 2026 18:01:50 +0000
Subject: [PATCH 2/3] latest

---
 .../SearchControls/Native/NativeControls/ClpControls.tsx  | 8 ++++++--
 .../SearchControls/Native/NativeControls/ClpSControls.tsx | 4 ++++
 .../SearchControls/Native/NativeControls/index.tsx        | 4 +++-
 .../SearchControls/Native/SearchButton/CancelButton.tsx   | 4 +---
 .../Native/SearchButton/SubmitButton/index.tsx            | 4 +---
 5 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpControls.tsx b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpControls.tsx
index d28dda0f52..41d25388d5 100644
--- a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpControls.tsx
+++ b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpControls.tsx
@@ -1,9 +1,13 @@
 import styles from "../../index.module.css";
-import SearchButton from "../SearchButton";
-import QueryInput from "../QueryInput";
 import TimeRangeInput from "../../TimeRangeInput";
+import QueryInput from "../QueryInput";
+import SearchButton from "../SearchButton";
 
 
+/**
+ * Renders CLP search controls.
+ * @returns
+ */
 const ClpControls = () => (
     <div className={styles["inputsAndButtonRow"]}>
         <QueryInput/>
diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpSControls.tsx b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpSControls.tsx
index 17c29d6904..3893c227d6 100644
--- a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpSControls.tsx
+++ b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpSControls.tsx
@@ -5,6 +5,10 @@ import SearchButton from "../SearchButton";
 import nativeStyles from "./index.module.css";
 
 
+/**
+ * Renders CLP-S controls.
+ * @returns
+ */
 const ClpSControls = () => (
     <>
         <div className={nativeStyles["clpSRow"]}>
diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/index.tsx b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/index.tsx
index 313cf78234..84765520ff 100644
--- a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/index.tsx
+++ b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/index.tsx
@@ -17,7 +17,9 @@ const NativeControls = () => {
 
     return (
         <div className={styles["searchControlsContainer"]}>
-            {isClpS ? <ClpSControls/> : <ClpControls/>}
+            {isClpS ?
+                <ClpSControls/> :
+                <ClpControls/>}
             <div className={styles["status"]}>
                 <QueryStatus/>
             </div>
diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/CancelButton.tsx b/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/CancelButton.tsx
index 0d225a609a..ee4e3da026 100644
--- a/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/CancelButton.tsx
+++ b/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/CancelButton.tsx
@@ -47,9 +47,7 @@ const CancelButton = () => {
             icon={<CloseOutlined/>}
             size={"middle"}
             type={"primary"}
-            onClick={handleCancelButtonClick}
-        >
-        </Button>
+            onClick={handleCancelButtonClick}/>
     );
 };
 
diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/SubmitButton/index.tsx b/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/SubmitButton/index.tsx
index 17c1c7f0fd..a3f6534096 100644
--- a/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/SubmitButton/index.tsx
+++ b/components/webui/client/src/pages/SearchPage/SearchControls/Native/SearchButton/SubmitButton/index.tsx
@@ -136,9 +136,7 @@ const SubmitButton = () => {
                     handleSubmitButtonClick().catch((err: unknown) => {
                         throw err;
                     });
-                }}
-            >
-            </Button>
+                }}/>
         </Tooltip>
     );
 };

From ae5cff2beb42a46e3c19993a7f0dcc9da6e30651 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Thu, 8 Jan 2026 18:36:45 +0000
Subject: [PATCH 3/3] latest

---
 .../SearchControls/Native/NativeControls/ClpControls.tsx       | 3 ++-
 .../SearchControls/Native/NativeControls/ClpSControls.tsx      | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpControls.tsx b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpControls.tsx
index 41d25388d5..0afbcc91f4 100644
--- a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpControls.tsx
+++ b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpControls.tsx
@@ -6,7 +6,8 @@ import SearchButton from "../SearchButton";
 
 /**
  * Renders CLP search controls.
- * @returns
+ *
+ * @return
  */
 const ClpControls = () => (
     <div className={styles["inputsAndButtonRow"]}>
diff --git a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpSControls.tsx b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpSControls.tsx
index 3893c227d6..783eef8761 100644
--- a/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpSControls.tsx
+++ b/components/webui/client/src/pages/SearchPage/SearchControls/Native/NativeControls/ClpSControls.tsx
@@ -7,7 +7,8 @@ import nativeStyles from "./index.module.css";
 
 /**
  * Renders CLP-S controls.
- * @returns
+ *
+ * @return
  */
 const ClpSControls = () => (
     <>