review

Author: Marco

components/webui/client/package-lock.json

@@ -18,6 +18,8 @@
     "@emotion/styled": "^11.14.0",
     "@mui/joy": "^5.0.0-beta.51",
     "@sinclair/typebox": "^0.34.25",
+    "@tanstack/react-query": "^5.81.5",
+    "@tanstack/react-query-devtools": "^5.81.5",
     "antd": "^5.24.5",
     "axios": "^1.7.9",
     "chart.js": "^4.4.9",
@@ -33,8 +35,6 @@
     "zustand": "^5.0.3"
   },
   "devDependencies": {
-    "@tanstack/react-query": "^5.81.5",
-    "@tanstack/react-query-devtools": "^5.81.5",
     "@types/node": "22.15.31",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",

components/webui/client/package.json

@@ -9,7 +9,7 @@ import {
 } from "../typings/query";
 
 
-interface submitExtractStreamJobProps {
+interface SubmitExtractStreamJobProps {
     dataset: string;
     extractJobType: QUERY_JOB_TYPE;
     streamId: string;
@@ -35,7 +35,7 @@ const submitExtractStreamJob = async ({
     streamId,
     logEventIdx,
     onUploadProgress,
-}: submitExtractStreamJobProps): Promise<AxiosResponse<ExtractStreamResp>> => {
+}: SubmitExtractStreamJobProps): Promise<AxiosResponse<ExtractStreamResp>> => {
     return await axios.post(
         "/query/extract-stream",
         {

components/webui/client/src/api/query.ts

@@ -20,7 +20,7 @@ const DatasetLabel = () => {
         <Text
             className={styles["datasetLabel"] || ""}
             style={{
-                backgroundColor: token.colorFillAlter,
+                backgroundColor: token.colorFillTertiary,
                 borderBottomLeftRadius: `${token.borderRadius}px`,
                 borderColor: token.colorBorder,
                 borderTopLeftRadius: `${token.borderRadius}px`,