bfg-common 1.3.142 → 1.3.144

package/components/common/monitor/advanced/Advanced.vue

@@ -89,18 +89,18 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import { I_SeriesLine } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
-import { UI_I_MonitorGraphPayload } from '~/components/common/monitor/lib/models/interfaces'
-import { UI_I_PerformanceItem } from '~/components/common/monitor/advanced/table/lib/models/interfaces'
-import {
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
+import type { I_SeriesLine } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
+import type { UI_I_MonitorGraphPayload } from '~/components/common/monitor/lib/models/interfaces'
+import type { UI_I_PerformanceItem } from '~/components/common/monitor/advanced/table/lib/models/interfaces'
+import type {
   UI_T_ChartHost,
   UI_T_ChartVm,
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
-import { UI_I_OptionsForm } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/interfaces'
-import { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
-import { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_OptionsForm } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/interfaces'
+import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
 import { getCountCores } from '~/components/common/monitor/advanced/tools/lib/utils/countCores'
 
 const props = defineProps<{

package/components/common/monitor/advanced/GraphView.vue

@@ -19,9 +19,9 @@
 <script setup lang="ts">
 import { useDebounceFn, useElementSize } from '@vueuse/core'
 import { format } from 'date-fns'
-import { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 import { graphDataFunc } from 'bfg-nuxt-3-graph/graph/lib/utils/renderGraph'
-import {
+import type {
   I_LineGraph,
   I_SeriesLine,
 } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'

package/components/common/monitor/advanced/lib/models/interfaces.ts

@@ -1,6 +1,7 @@
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 
 export interface UI_I_OptionData {
+  zone: UI_I_OptionItem[]
   cluster: UI_I_OptionItem[]
   datacenter: UI_I_OptionItem[]
   host: UI_I_OptionItem[]

package/components/common/monitor/advanced/lib/models/types.ts

@@ -1 +1 @@
-export type UI_T_AdvancedType = 'cluster' | 'datacenter' | 'host' | 'vm'
+export type UI_T_AdvancedType = 'zone' | 'cluster' | 'datacenter' | 'host' | 'vm'

package/components/common/monitor/advanced/table/Table.vue

@@ -27,13 +27,13 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import {
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
   UI_I_HeadItem,
   UI_I_BodyItem,
   UI_I_ColumnKey,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import { UI_I_PerformanceItem } from '~/components/common/monitor/advanced/table/lib/models/interfaces'
+import type { UI_I_PerformanceItem } from '~/components/common/monitor/advanced/table/lib/models/interfaces'
 import * as table from '~/components/common/monitor/advanced/table/lib/config/performanceDatatable'
 
 const localization = computed<UI_I_Localization>(() => useLocal())

package/components/common/monitor/advanced/table/lib/config/performanceDatatable.ts

@@ -1,5 +1,5 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import {
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
   UI_I_HeadItem,
   UI_I_BodyItem,
   UI_I_ColumnKey,
@@ -8,8 +8,8 @@ import {
   constructColumnKey,
   constructHeadItem,
 } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import { UI_T_PerformanceColumnKey } from '~/components/common/monitor/advanced/table/lib/models/types'
-import { UI_I_PerformanceItem } from '~/components/common/monitor/advanced/table/lib/models/interfaces'
+import type { UI_T_PerformanceColumnKey } from '~/components/common/monitor/advanced/table/lib/models/types'
+import type { UI_I_PerformanceItem } from '~/components/common/monitor/advanced/table/lib/models/interfaces'
 
 export const performanceTableKey: UI_T_PerformanceColumnKey[] = [
   'key',

package/components/common/monitor/advanced/tools/Tools.vue

@@ -123,18 +123,18 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_MonitorGraphPayload } from '~/components/common/monitor/lib/models/interfaces'
-import { UI_I_DropMenu } from '~/components/common/monitor/advanced/tools/lib/models/interfaces'
-import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import {
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_MonitorGraphPayload } from '~/components/common/monitor/lib/models/interfaces'
+import type { UI_I_DropMenu } from '~/components/common/monitor/advanced/tools/lib/models/interfaces'
+import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
+import type {
   UI_T_ChartHost,
   UI_T_ChartVm,
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
-import { UI_I_OptionsForm } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/interfaces'
-import { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
-import { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_OptionsForm } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/interfaces'
+import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
 import { getValidDateByOptionFunc } from '~/components/common/monitor/lib/config/getValidDateByOption'
 import {
   periodFunc,

package/components/common/monitor/advanced/tools/chartOptionsModal/ChartOptionsModal.vue

@@ -70,16 +70,16 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
-import { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
-import {
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
+import type { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
+import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type {
   UI_T_ChartHost,
   UI_T_ChartVm,
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
-import { UI_I_OptionsForm } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/interfaces'
-import { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_OptionsForm } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
 import { metricsFunc } from '~/components/common/monitor/advanced/tools/chartOptionsModal/metrics/lib/config/optionsMetrics'
 import { getCurrentOptionsStorageFunc } from '~/components/common/monitor/advanced/tools/lib/config/advancedToolbar'
 import { checkDateFunc } from '~/components/common/monitor/overview/filters/customIntervalModal/lib/config/dateChecker'

package/components/common/monitor/advanced/tools/chartOptionsModal/actions/Actions.vue

@@ -48,8 +48,8 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import { chartOptionItems } from '~/components/common/monitor/advanced/tools/chartOptionsModal/actions/lib/utils/optionsActions'
 
 const props = defineProps<{

package/components/common/monitor/advanced/tools/chartOptionsModal/actions/lib/utils/optionsActions.ts

@@ -1,5 +1,5 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 
 export const chartOptionItems = (
   localization: UI_I_Localization,

package/components/common/monitor/advanced/tools/chartOptionsModal/actions/saveOptionsModal/SaveOptionsModal.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const emits = defineEmits<{
   (event: 'hide'): void

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/Counters.vue

@@ -43,12 +43,12 @@
 </template>
 
 <script setup lang="ts">
-import {
+import type {
   UI_T_ChartHost,
   UI_T_ChartVm,
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
-import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
+import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
 
 const props = defineProps<{
   language: string

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/Table.vue

@@ -23,20 +23,20 @@
 </template>
 
 <script setup lang="ts">
-import {
+import type {
   UI_I_HeadItem,
   UI_I_BodyItem,
   UI_I_ColumnKey,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_Pagination } from '~/lib/models/table/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
 import * as table from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/config/tableConfig'
-import { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
-import {
+import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type {
   UI_T_ChartHost,
   UI_T_ChartVm,
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
-import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
+import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
 import { countersItemsFunc } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/config/utils'
 
 const props = defineProps<{

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/config/tableConfig.ts

@@ -1,5 +1,5 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import {
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
   UI_I_HeadItem,
   UI_I_BodyItem,
   UI_I_ColumnKey,
@@ -8,8 +8,8 @@ import {
   constructColumnKey,
   constructHeadItem,
 } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import { UI_T_AdvancedCountersColumnKey } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/types'
-import { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type { UI_T_AdvancedCountersColumnKey } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/types'
+import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
 
 export const countersTableKey: UI_T_AdvancedCountersColumnKey[] = [
   'name',

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/config/utils.ts

@@ -1,14 +1,14 @@
-import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
-import {
+import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
+import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type {
   I_HostMetrics,
   I_VmMetrics,
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
-import {
+import type {
   UI_T_ChartHost,
   UI_T_ChartVm,
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
-import { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const hostItemsFunc = (
   chart: UI_T_ChartHost,

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/Timespan.vue

@@ -37,8 +37,8 @@
 </template>
 
 <script setup lang="ts">
-import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import {
+import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
+import type {
   UI_T_ChartHost,
   UI_T_ChartVm,
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/form/Form.vue

@@ -206,8 +206,8 @@
 
 <script setup lang="ts">
 import { format } from 'date-fns'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import {
   timespanFunc,
   customTimeFunc,

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/form/lib/config/dateForm.ts

@@ -1,5 +1,5 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 
 export const timespanFunc = (localization: UI_I_Localization): UI_I_OptionItem[] => [
   {

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/Object.vue

@@ -27,17 +27,17 @@
 </template>
 
 <script setup lang="ts">
-import {
+import type {
   UI_I_HeadItem,
   UI_I_BodyItem,
   UI_I_ColumnKey,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_Pagination } from '~/lib/models/table/interfaces'
-import { UI_I_AdvancedTargetObject } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
+import type { UI_I_AdvancedTargetObject } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
 import * as table from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/config/objectTable'
-import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import {
+import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
+import type {
   UI_T_ChartHost,
   UI_T_ChartVm,
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/config/objectTable.ts

@@ -1,5 +1,5 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import {
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
   UI_I_HeadItem,
   UI_I_BodyItem,
   UI_I_ColumnKey,
@@ -8,8 +8,8 @@ import {
   constructColumnKey,
   constructHeadItem,
 } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import { UI_T_ObjectColumnKey } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/types'
-import { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
+import type { UI_T_ObjectColumnKey } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/types'
+import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
 
 export const objectTableKey: UI_T_ObjectColumnKey[] = ['target_object']
 

package/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/interfaces.ts

@@ -1,4 +1,4 @@
-import { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
 
 export interface UI_I_OptionsForm {
   fields: string

package/components/common/monitor/advanced/tools/chartOptionsModal/metrics/Metrics.vue

@@ -9,8 +9,8 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
 
 const props = defineProps<{
   metricsItems: UI_I_VerticalTabs[]

package/components/common/monitor/advanced/tools/chartOptionsModal/metrics/lib/config/optionsMetrics.ts

@@ -1,13 +1,49 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
-import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import { UI_I_OptionData } from '~/components/common/monitor/advanced/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
+import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
+import type { UI_I_OptionData } from '~/components/common/monitor/advanced/lib/models/interfaces'
 
 export const metricsFunc = (
   localization: UI_I_Localization,
   type: UI_T_AdvancedType
 ): UI_I_VerticalTabs[] => {
   const metrics: UI_I_OptionData = {
+    zone: [
+      {
+        text: localization.cpu,
+        value: 'cpu',
+      },
+      {
+        text: localization.disk,
+        value: 'disk',
+      },
+      {
+        text: localization.memory,
+        value: 'memory',
+      },
+      {
+        text: localization.network,
+        value: 'network',
+      },
+    ],
+    cluster: [
+      {
+        text: localization.cpu,
+        value: 'cpu',
+      },
+      {
+        text: localization.disk,
+        value: 'disk',
+      },
+      {
+        text: localization.memory,
+        value: 'memory',
+      },
+      {
+        text: localization.network,
+        value: 'network',
+      },
+    ],
     datacenter: [
       {
         text: localization.cpu,

package/components/common/monitor/advanced/tools/lib/config/advancedToolbar.ts

@@ -1,9 +1,9 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { UI_I_DropMenu } from '~/components/common/monitor/advanced/tools/lib/models/interfaces'
-import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import { UI_I_OptionData } from '~/components/common/monitor/advanced/lib/models/interfaces'
-import { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_DropMenu } from '~/components/common/monitor/advanced/tools/lib/models/interfaces'
+import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
+import type { UI_I_OptionData } from '~/components/common/monitor/advanced/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
 
 export const periodFunc = (
   localization: UI_I_Localization,
@@ -48,7 +48,12 @@ export const viewFunc = (
   optionsNames?: string[]
 ): UI_I_OptionItem[] => {
   const viewData: UI_I_OptionData = {
-    cluster: [],
+    zone: [
+      { text: localization.cpuUsageInPercent, value: 'cpuUsageInPercent' },
+    ],
+    cluster: [
+      { text: localization.cpuUsageInPercent, value: 'cpuUsageInPercent' },
+    ],
     datacenter: [
       {
         text: localization.virtualMachineOperations,

package/components/common/monitor/advanced/tools/lib/utils/countCores.ts

@@ -1,4 +1,4 @@
-import { I_SeriesLine } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
+import type { I_SeriesLine } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
 
 export const getCountCores = (data: I_SeriesLine | null): number => {
   if (!data) return 0

package/components/common/monitor/lib/models/interfaces.ts

@@ -1,5 +1,5 @@
-import { I_SeriesLine } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
-import { UI_T_OverviewRequestType } from '~/components/common/monitor/overview/filters/lib/models/types'
+import type { I_SeriesLine } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
+import type { UI_T_OverviewRequestType } from '~/components/common/monitor/overview/filters/lib/models/types'
 
 export interface UI_I_GraphDataSettingItem {
   title: string

package/components/common/monitor/overview/filters/Filters.vue

@@ -53,11 +53,11 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { UI_T_Project } from '~/lib/models/types'
-import { UI_I_MonitorGraphPayload } from '~/components/common/monitor/lib/models/interfaces'
-import { UI_T_OverviewViewType } from '~/components/common/monitor/overview/filters/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_MonitorGraphPayload } from '~/components/common/monitor/lib/models/interfaces'
+import type { UI_T_OverviewViewType } from '~/components/common/monitor/overview/filters/lib/models/types'
 import {
   periodFunc,
   viewFunc,

package/components/common/monitor/overview/filters/lib/config/filterOptions.ts

@@ -1,8 +1,8 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { UI_I_OverviewViewOptionData } from '~/components/common/monitor/overview/filters/lib/models/interfaces'
-import { UI_T_OverviewViewType } from '~/components/common/monitor/overview/filters/lib/models/types'
-import { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_OverviewViewOptionData } from '~/components/common/monitor/overview/filters/lib/models/interfaces'
+import type { UI_T_OverviewViewType } from '~/components/common/monitor/overview/filters/lib/models/types'
+import type { UI_T_Project } from '~/lib/models/types'
 
 export const periodFunc = (
   localization: UI_I_Localization
@@ -53,6 +53,7 @@ export const viewFunc = (
     })
 
   const viewData: UI_I_OverviewViewOptionData = {
+    zone: [{ text: localization.overview, value: 'overview' }],
     datacenter: [
       {
         text: localization.clusters,

package/components/common/monitor/overview/filters/lib/models/interfaces.ts

@@ -1,6 +1,7 @@
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 
 export interface UI_I_OverviewViewOptionData {
+  zone: UI_I_OptionItem[]
   datacenter: UI_I_OptionItem[]
   host: UI_I_OptionItem[]
   vm: UI_I_OptionItem[]

package/components/common/monitor/overview/filters/lib/models/types.ts

@@ -1,3 +1,13 @@
-export type UI_T_OverviewViewType = 'host' | 'vm' | 'datacenter' | 'cluster'
+export type UI_T_OverviewViewType =
+  | 'zone'
+  | 'host'
+  | 'vm'
+  | 'datacenter'
+  | 'cluster'
 
-export type UI_T_OverviewRequestType = 'hosts' | 'vms' | 'datacenters'
+export type UI_T_OverviewRequestType =
+  | 'cluster'
+  | 'zone'
+  | 'hosts'
+  | 'vms'
+  | 'datacenters'