app/vmui: small improvements for header panel

- Rename `Custom panel` tab to more clear `Query` tab
- Rename `Cardinality` tab to `Explore cardinality`, so it becomes consistent with `Explore metrics` tab
- Move `Dashboards` tab to the end, since it isn't used too much

README.md

@@ -322,7 +322,7 @@ It is possible to change the selected time range for the graphs in the top right
 
 ## Cardinality explorer
 
-VictoriaMetrics provides an ability to explore time series cardinality at `cardinality` tab in [vmui](#vmui) in the following ways:
+VictoriaMetrics provides an ability to explore time series cardinality at `Explore cardinality` tab in [vmui](#vmui) in the following ways:
 
 - To identify metric names with the highest number of series.
 - To identify labels with the highest number of series.

app/vmui/packages/vmui/src/App.tsx

@@ -40,10 +40,6 @@ const App: FC = () => {
               path={router.metrics}
               element={<ExploreMetrics/>}
             />
-            <Route
-              path={router.dashboards}
-              element={<DashboardsLayout/>}
-            />
             <Route
               path={router.cardinality}
               element={<CardinalityPanel/>}
@@ -56,6 +52,10 @@ const App: FC = () => {
               path={router.trace}
               element={<TracePage/>}
             />
+            <Route
+              path={router.dashboards}
+              element={<DashboardsLayout/>}
+            />
             <Route
               path={router.icons}
               element={<PreviewIcons/>}

app/vmui/packages/vmui/src/components/Layout/Header/Header.tsx

@@ -35,11 +35,6 @@ const Header: FC = () => {
       label: routerOptions[router.metrics].title,
       value: router.metrics,
     },
-    {
-      label: routerOptions[router.dashboards].title,
-      value: router.dashboards,
-      hide: appModeEnable
-    },
     {
       label: routerOptions[router.cardinality].title,
       value: router.cardinality,
@@ -51,6 +46,11 @@ const Header: FC = () => {
     {
       label: routerOptions[router.trace].title,
       value: router.trace,
+    },
+    {
+      label: routerOptions[router.dashboards].title,
+      value: router.dashboards,
+      hide: appModeEnable
     }
   ]), [appModeEnable]);
 

app/vmui/packages/vmui/src/router/index.ts

@@ -27,7 +27,7 @@ const routerOptionsDefault = {
 
 export const routerOptions: {[key: string]: RouterOptions} = {
   [router.home]: {
-    title: "Custom panel",
+    title: "Query",
     ...routerOptionsDefault
   },
   [router.metrics]: {
@@ -36,12 +36,8 @@ export const routerOptions: {[key: string]: RouterOptions} = {
       timeSelector: true,
     }
   },
-  [router.dashboards]: {
-    title: "Dashboards",
-    ...routerOptionsDefault,
-  },
   [router.cardinality]: {
-    title: "Cardinality",
+    title: "Explore cardinality",
     header: {
       cardinalityDatePicker: true,
     }
@@ -54,6 +50,10 @@ export const routerOptions: {[key: string]: RouterOptions} = {
     title: "Trace analyzer",
     header: {}
   },
+  [router.dashboards]: {
+    title: "Dashboards",
+    ...routerOptionsDefault,
+  },
   [router.icons]: {
     title: "Icons",
     header: {}

docs/README.md

@@ -323,7 +323,7 @@ It is possible to change the selected time range for the graphs in the top right
 
 ## Cardinality explorer
 
-VictoriaMetrics provides an ability to explore time series cardinality at `cardinality` tab in [vmui](#vmui) in the following ways:
+VictoriaMetrics provides an ability to explore time series cardinality at `Explore cardinality` tab in [vmui](#vmui) in the following ways:
 
 - To identify metric names with the highest number of series.
 - To identify labels with the highest number of series.

docs/Single-server-VictoriaMetrics.md

@@ -326,7 +326,7 @@ It is possible to change the selected time range for the graphs in the top right
 
 ## Cardinality explorer
 
-VictoriaMetrics provides an ability to explore time series cardinality at `cardinality` tab in [vmui](#vmui) in the following ways:
+VictoriaMetrics provides an ability to explore time series cardinality at `Explore cardinality` tab in [vmui](#vmui) in the following ways:
 
 - To identify metric names with the highest number of series.
 - To identify labels with the highest number of series.