Dynamic QueryBuilder For benchmark + ListMetadataApi & get_time_series Api (#7350)

# Overview
1. add dynamic query builder in HUD
2. add default and microOperatar fetcher in both listMetadata and
get_time_series
3. make the compiler benchmark query depends on workflows instead of
commits
- when fetch based on commits, sometimes additinonal worklfows pop up

## BE
1. Move FE and Backend code into two folders for benchmark
FE and Backend should not depends/share same module, make it clear the
use cases

Author: yangw-dev

torchci/clickhouse_queries/benchmark_v3/list_commit_query/params.json

@@ -0,0 +1,16 @@
+{
+  "params": {
+    "repo": "String",
+    "benchmarkNames": "Array<String>",
+    "branches": "Array<String>",
+    "models": "Array(String)",
+    "backends": "Array(String)",
+    "startTime": "DateTime64(3)",
+    "stopTime": "DateTime64(3)",
+    "arch": "String",
+    "dtype": "String",
+    "device": "String",
+    "mode": "String"
+  },
+  "tests": []
+}

torchci/clickhouse_queries/benchmark_v3/list_commit_query/query.sql

@@ -0,0 +1,48 @@
+SELECT
+    replaceAll(head_branch, 'refs/heads/', '') AS branch,
+    head_sha AS commit,
+    workflow_id,
+    toStartOfHour(min(fromUnixTimestamp(timestamp))) AS date
+FROM benchmark.oss_ci_benchmark_metadata
+PREWHERE
+    timestamp >= toUnixTimestamp({startTime: DateTime64(3)})
+    AND timestamp < toUnixTimestamp({stopTime:  DateTime64(3)})
+WHERE
+    repo = {repo: String}
+    AND (
+        has(
+            {branches: Array(String)},
+            replaceAll(head_branch, 'refs/heads/', '')
+        )
+        OR empty({branches: Array(String)})
+    )
+    AND (benchmark_dtype = {dtype: String} OR empty({dtype: String}))
+    AND (
+        has({benchmarkNames: Array(String)}, benchmark_name)
+        OR empty({benchmarkNames: Array(String)})
+    )
+    AND notEmpty(metric_name)
+    AND notEmpty(device)
+    AND (
+        arch LIKE concat('%', {arch: String}, '%')
+        OR {arch: String} = ''
+    )
+    AND (
+        has({models: Array(String)}, model_name)
+        OR empty({models: Array(String)})
+    )
+    AND (
+        has({backends: Array(String)}, model_backend)
+        OR empty({backends: Array(String)})
+    )
+    AND (
+        startsWith(device, {device: String})
+        OR {device: String} = ''
+    )
+GROUP BY
+    replaceAll(head_branch, 'refs/heads/', ''),
+    head_sha,
+    workflow_id
+ORDER BY
+    branch,      -- OK to use alias in ORDER BY
+    date;

torchci/clickhouse_queries/compilers_benchmark_api_commit_query/params.json

@@ -7,8 +7,7 @@
     "mode": "String",
     "startTime": "DateTime64(3)",
     "stopTime": "DateTime64(3)",
-    "suites": "Array(String)",
-    "workflowIds": "Array(Int64)"
+    "suites": "Array(String)"
   },
   "tests": []
 }

torchci/clickhouse_queries/compilers_benchmark_api_query/params.json

@@ -3,6 +3,7 @@
     "branches": "Array(String)",
     "commits": "Array(String)",
     "compilers": "Array(String)",
+    "workflows": "Array(UInt64)",
     "device": "String",
     "arch": "Array(String)",
     "dtype": "String",

torchci/clickhouse_queries/compilers_benchmark_api_query/query.sql

@@ -18,7 +18,7 @@ SELECT
         AS granularity_bucket
 FROM benchmark.oss_ci_benchmark_torchinductor
 WHERE
-    head_sha IN ({commits: Array(String)})
+    workflow_id IN ({workflows: Array(UInt64)})
     AND (
         has(
             {branches: Array(String)},

torchci/components/benchmark/llms/LLMsBenchmarkPage.tsx

@@ -139,6 +139,7 @@ const MainPage = ({
     );
   }, [router.query]);
   const queryParams = getLLMsBenchmarkPropsQueryParameter(props);
+
   const { data, error, isLoading } = useBenchmarkPropsData(queryParams);
 
   // an error occured while fetching the benchmark props data

torchci/components/benchmark/v3/configs/configBook.tsx

@@ -1,7 +1,7 @@
 import { Badge, IconButton, Tooltip } from "@mui/material";
 import { Box } from "@mui/system";
 import dayjs from "dayjs";
-import { useListBenchmarkRegressionReportsData } from "lib/benchmark/api_helper/apis/hooks";
+import { useListBenchmarkRegressionReportsData } from "lib/benchmark/api_helper/fe/hooks";
 import { RiNotification2Fill } from "react-icons/ri";
 import { BenchmarkReportFeatureSidePanel } from "./BenchmarkReportFeatureSidePanel";
 import {