diff --git a/ui/.gitignore b/ui/.gitignore
index 11f5d71..3f61775 100644
--- a/ui/.gitignore
+++ b/ui/.gitignore
@@ -20,3 +20,4 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
+stats.html
\ No newline at end of file
diff --git a/ui/package.json b/ui/package.json
index a39e907..303400a 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -18,6 +18,7 @@
     "@fontsource/public-sans": "^5.0.18",
     "@fontsource/roboto": "^5.0.13",
     "@mdi/font": "7.4.47",
+    "@tabler/icons-vue": "^3.19.0",
     "@vue/apollo-composable": "^4.0.2",
     "@vueuse/core": "^10.11.0",
     "ant-design-vue": "^4.2.3",
@@ -31,7 +32,6 @@
     "vue": "^3.5.6",
     "vue-codemirror": "^6.1.1",
     "vue-i18n": "9",
-    "vue-tabler-icons": "^2.21.0",
     "vue3-apexcharts": "^1.5.3",
     "vue3-easy-data-table": "^1.5.47",
     "vue3-perfect-scrollbar": "^2.0.0",
@@ -57,6 +57,7 @@
     "eslint-plugin-promise": "^6.4.0",
     "eslint-plugin-vue": "^9.27.0",
     "pinia": "^2.1.7",
+    "rollup-plugin-visualizer": "^5.12.0",
     "sass": "1.77.6",
     "typescript": "^5.5.4",
     "unplugin-fonts": "^1.1.1",
diff --git a/ui/src/layouts/header/FullScreen.vue b/ui/src/layouts/header/FullScreen.vue
index a6b5e03..6112df8 100644
--- a/ui/src/layouts/header/FullScreen.vue
+++ b/ui/src/layouts/header/FullScreen.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-// icons
-import { ArrowsMaximizeIcon, ArrowsMinimizeIcon } from 'vue-tabler-icons'
+
+import { IconArrowsMaximize, IconArrowsMinimize } from '@tabler/icons-vue'
 
 const fullscreen = ref(false)
 
@@ -24,8 +24,8 @@ function toggleFullscreen () {
       size="small"
       @click="toggleFullscreen"
     >
-      <ArrowsMaximizeIcon v-if="!fullscreen" />
-      <ArrowsMinimizeIcon v-if="fullscreen" />
+      <IconArrowsMaximize v-if="!fullscreen" />
+      <IconArrowsMinimize v-if="fullscreen" />
     </v-btn>
   </div>
 </template>
diff --git a/ui/src/layouts/header/Header.vue b/ui/src/layouts/header/Header.vue
index e83e712..41dd2d9 100644
--- a/ui/src/layouts/header/Header.vue
+++ b/ui/src/layouts/header/Header.vue
@@ -2,7 +2,6 @@
 import { ref, watch } from 'vue'
 // icons
 import { MenuFoldOutlined } from '@ant-design/icons-vue'
-import { AdjustmentsHorizontalIcon, LanguageIcon, SearchIcon } from 'vue-tabler-icons'
 
 import LanguageDD from './LanguageDD.vue'
 import NotificationDD from './NotificationDD.vue'
@@ -11,6 +10,7 @@ import Searchbar from './SearchBarPanel.vue'
 import FullScreen from './FullScreen.vue'
 import { useCustomizerStore } from '@/stores/customizer'
 import Logo from '@/layouts/logo/Logo.vue'
+import { IconAdjustmentsHorizontal, IconLanguage, IconSearch } from '@tabler/icons-vue'
 
 const customizer = useCustomizerStore()
 const priority = ref(customizer.horizontalLayout ? 0 : 0)
@@ -48,7 +48,7 @@ watch(priority, newPriority => {
           variant="flat"
           v-bind="props"
         >
-          <SearchIcon :style="{ fontSize: '17px' }" />
+          <IconSearch :size="17" />
         </v-btn>
       </template>
       <v-sheet class="search-sheet v-col-12 pa-0" width="320">
@@ -60,7 +60,7 @@ watch(priority, newPriority => {
           variant="solo"
         >
           <template #prepend-inner>
-            <SearchIcon :style="{ fontSize: '17px' }" />
+            <IconSearch :size="17" />
           </template>
         </v-text-field>
       </v-sheet>
@@ -80,7 +80,7 @@ watch(priority, newPriority => {
           size="small"
           v-bind="props"
         >
-          <LanguageIcon />
+          <IconLanguage />
         </v-btn>
       </template>
       <v-sheet rounded="md" width="200">
@@ -97,7 +97,7 @@ watch(priority, newPriority => {
           icon
           v-bind="props"
         >
-          <v-icon :icon="AdjustmentsHorizontalIcon" />
+          <v-icon :icon="IconAdjustmentsHorizontal" />
         </v-btn>
       </template>
       <v-card>
diff --git a/ui/src/layouts/header/NotificationDD.vue b/ui/src/layouts/header/NotificationDD.vue
index c0f6be8..1a966b4 100644
--- a/ui/src/layouts/header/NotificationDD.vue
+++ b/ui/src/layouts/header/NotificationDD.vue
@@ -4,6 +4,7 @@ import { BellOutlined, CheckCircleOutlined } from '@ant-design/icons-vue'
 import { useSubscription } from '@vue/apollo-composable'
 import { SubscribeAlerts } from '@/layouts/header/graphql'
 import { useAlertsStore } from '@/stores/alerts'
+import { IconExclamationCircle } from '@tabler/icons-vue'
 import moment from 'moment'
 
 const alertStore = useAlertsStore()
@@ -84,7 +85,7 @@ function markAllRead () {
             >
               <template #prepend>
                 <v-avatar class="mr-3 py-2 text-success" color="warning" size="36" variant="flat">
-                  <ExclamationCircleIcon />
+                  <IconExclamationCircle />
                 </v-avatar>
               </template>
               <div class="d-inline-flex justify-space-between w-100">
diff --git a/ui/src/layouts/header/ProfileDD.vue b/ui/src/layouts/header/ProfileDD.vue
index 9087fa8..fab02b0 100644
--- a/ui/src/layouts/header/ProfileDD.vue
+++ b/ui/src/layouts/header/ProfileDD.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import { LogoutIcon } from 'vue-tabler-icons'
 import { useAuthStore } from '@/stores/auth'
 
+import { IconLogout } from '@tabler/icons-vue'
+
 const authStore = useAuthStore()
 </script>
 
@@ -24,7 +25,7 @@ const authStore = useAuthStore()
           variant="text"
           @click="authStore.logout"
         >
-          <LogoutIcon :style="{ fontSize: '20px' }" />
+          <IconLogout :size="20" />
         </v-btn>
       </div>
     </div>
diff --git a/ui/src/layouts/horizontal-sidebar/horizontalItems.ts b/ui/src/layouts/horizontal-sidebar/horizontalItems.ts
index ff74d60..6c50f15 100644
--- a/ui/src/layouts/horizontal-sidebar/horizontalItems.ts
+++ b/ui/src/layouts/horizontal-sidebar/horizontalItems.ts
@@ -1,11 +1,11 @@
 import {
-  BoxIcon,
-  ChartHistogramIcon,
-  DatabaseIcon,
-  HomeIcon,
-  ServerIcon, SettingsIcon, UsersIcon,
-  VectorIcon,
-} from 'vue-tabler-icons'
+  IconBox,
+  IconChartHistogram,
+  IconDatabase,
+  IconHome,
+  IconServer, IconSettings, IconUsers,
+  IconVector,
+} from '@tabler/icons-vue'
 
 export interface menu {
   header?: string;
@@ -28,61 +28,61 @@ export interface menu {
 const horizontalItems: menu[] = [
   {
     title: 'Dashboard',
-    icon: HomeIcon,
+    icon: IconHome,
     to: '#',
     children: [
       {
         title: 'Overview',
-        icon: HomeIcon,
+        icon: IconHome,
         to: '/app/overview',
       },
       {
         title: 'Analytics',
-        icon: ChartHistogramIcon,
+        icon: IconChartHistogram,
         to: '/app/analytics',
       },
     ],
   },
   {
     title: 'Sealing',
-    icon: VectorIcon,
+    icon: IconVector,
     to: '#',
     children: [
       {
         title: 'Miners',
-        icon: UsersIcon,
+        icon: IconUsers,
         to: '/app/miners',
       },
       {
         title: 'PoRep',
-        icon: VectorIcon,
+        icon: IconVector,
         to: '/app/porep',
       },
       {
         title: 'Sectors',
-        icon: BoxIcon,
+        icon: IconBox,
         to: '/app/sectors',
       },
     ],
   },
   {
     title: 'Cluster',
-    icon: ServerIcon,
+    icon: IconServer,
     to: '#',
     children: [
       {
         title: 'Machines',
-        icon: ServerIcon,
+        icon: IconServer,
         to: '/app/machines',
       },
       {
         title: 'Storages',
-        icon: DatabaseIcon,
+        icon: IconDatabase,
         to: '/app/storages',
       },
       {
         title: 'Configurations',
-        icon: SettingsIcon,
+        icon: IconSettings,
         to: '/app/configurations',
       },
     ],
diff --git a/ui/src/layouts/vertical-sidebar/sidebarItem.ts b/ui/src/layouts/vertical-sidebar/sidebarItem.ts
index 724de91..343e12a 100644
--- a/ui/src/layouts/vertical-sidebar/sidebarItem.ts
+++ b/ui/src/layouts/vertical-sidebar/sidebarItem.ts
@@ -1,13 +1,13 @@
 import {
-  BoxIcon,
-  ChartHistogramIcon,
-  DatabaseIcon,
-  HomeIcon,
-  ServerIcon,
-  SettingsIcon,
-  UsersIcon,
-  VectorIcon,
-} from 'vue-tabler-icons'
+  IconBox,
+  IconChartHistogram,
+  IconDatabase,
+  IconHome,
+  IconServer,
+  IconSettings,
+  IconUsers,
+  IconVector,
+} from '@tabler/icons-vue'
 
 export interface menu {
   header?: string;
@@ -30,44 +30,44 @@ const sidebarItem: menu[] = [
   { header: 'Dashboard' },
   {
     title: 'Overview',
-    icon: HomeIcon,
+    icon: IconHome,
     to: '/app/overview',
   },
   {
     title: 'Analytics',
-    icon: ChartHistogramIcon,
+    icon: IconChartHistogram,
     to: '/app/analytics',
   },
   { header: 'Sealing' },
   {
     title: 'Miners',
-    icon: UsersIcon,
+    icon: IconUsers,
     to: '/app/miners',
   },
   {
     title: 'PoRep',
-    icon: VectorIcon,
+    icon: IconVector,
     to: '/app/porep',
   },
   {
     title: 'Sectors',
-    icon: BoxIcon,
+    icon: IconBox,
     to: '/app/sectors',
   },
   { header: 'Cluster' },
   {
     title: 'Machines',
-    icon: ServerIcon,
+    icon: IconServer,
     to: '/app/machines',
   },
   {
     title: 'Storages',
-    icon: DatabaseIcon,
+    icon: IconDatabase,
     to: '/app/storages',
   },
   {
     title: 'Configurations',
-    icon: SettingsIcon,
+    icon: IconSettings,
     to: '/app/configurations',
   },
 ]
diff --git a/ui/src/main.ts b/ui/src/main.ts
index 9ce004e..c25f741 100644
--- a/ui/src/main.ts
+++ b/ui/src/main.ts
@@ -14,25 +14,6 @@ import App from './App.vue'
 import { createApp } from 'vue'
 import '@/scss/style.scss'
 import 'ant-design-vue/dist/reset.css'
-import '@fontsource/roboto/400.css'
-import '@fontsource/roboto/500.css'
-import '@fontsource/roboto/300.css'
-import '@fontsource/roboto/700.css'
-
-import '@fontsource/inter/400.css'
-import '@fontsource/inter/500.css'
-import '@fontsource/inter/600.css'
-import '@fontsource/inter/700.css'
-
-import '@fontsource/poppins/400.css'
-import '@fontsource/poppins/500.css'
-import '@fontsource/poppins/600.css'
-import '@fontsource/poppins/700.css'
-
-import '@fontsource/public-sans/400.css'
-import '@fontsource/public-sans/500.css'
-import '@fontsource/public-sans/600.css'
-import '@fontsource/public-sans/700.css'
 
 const app = createApp(App)
 
diff --git a/ui/src/plugins/index.ts b/ui/src/plugins/index.ts
index 6614864..584b0ff 100644
--- a/ui/src/plugins/index.ts
+++ b/ui/src/plugins/index.ts
@@ -10,7 +10,6 @@ import pinia from '../stores'
 import router from '../router'
 import { PerfectScrollbarPlugin } from 'vue3-perfect-scrollbar'
 import Vue3EasyDataTable from 'vue3-easy-data-table'
-import VueTablerIcons from 'vue-tabler-icons'
 import Antd from 'ant-design-vue'
 import { vMaska } from 'maska/vue'
 
@@ -28,7 +27,6 @@ export function registerPlugins (app: App) {
     .use(router)
     .use(pinia)
     .use(i18n)
-    .use(VueTablerIcons)
     .use(PerfectScrollbarPlugin)
     .use(Antd)
     .use(VueApexCharts)
diff --git a/ui/src/views/configurations/ConfigurationList.vue b/ui/src/views/configurations/ConfigurationList.vue
index 5534135..403b507 100644
--- a/ui/src/views/configurations/ConfigurationList.vue
+++ b/ui/src/views/configurations/ConfigurationList.vue
@@ -5,6 +5,7 @@ import { computed, ComputedRef, ref } from 'vue'
 import { Config } from '@/typed-graph'
 import { GetConfigs } from '@/views/query/config'
 import { Item } from 'vue3-easy-data-table'
+import { IconPlus, IconReload, IconSearch } from '@tabler/icons-vue'
 import ConfigRemoveDialog from '@/views/configurations/ConfigRemoveDialog.vue'
 
 const { result, loading, refetch, error } = useQuery(GetConfigs, null, () => ({
@@ -42,7 +43,7 @@ const themeColor = ref('rgb(var(--v-theme-primary))')
                 variant="outlined"
               >
                 <template #prepend-inner>
-                  <SearchIcon :style="{ fontSize: '14px' }" />
+                  <IconSearch :size="16" />
                 </template>
               </v-text-field>
             </v-col>
@@ -50,7 +51,7 @@ const themeColor = ref('rgb(var(--v-theme-primary))')
               <div class="d-flex ga-2 justify-end">
                 <v-btn color="primary" :to="{name: 'ConfigurationCreate'}" variant="flat">
                   <template #prepend>
-                    <PlusIcon />
+                    <IconPlus />
                   </template>
                   Create
                 </v-btn>
@@ -61,7 +62,7 @@ const themeColor = ref('rgb(var(--v-theme-primary))')
                   variant="text"
                   @click="refetch"
                 >
-                  <ReloadIcon />
+                  <IconReload />
                 </v-btn>
               </div>
             </v-col>
diff --git a/ui/src/views/machines/MachineList.vue b/ui/src/views/machines/MachineList.vue
index 592b300..38dfd6a 100644
--- a/ui/src/views/machines/MachineList.vue
+++ b/ui/src/views/machines/MachineList.vue
@@ -2,7 +2,8 @@
 import { computed, ComputedRef, ref, watch } from 'vue'
 import moment from 'moment'
 import type { Header, Item } from 'vue3-easy-data-table'
-import { EyeOutlined, ReloadOutlined, SearchOutlined } from '@ant-design/icons-vue'
+import { EyeOutlined, SearchOutlined } from '@ant-design/icons-vue'
+import { IconReload } from '@tabler/icons-vue'
 import { useQuery } from '@vue/apollo-composable'
 import { GetMachines } from '@/views/query/machine'
 import { Machine } from '@/typed-graph'
@@ -90,7 +91,7 @@ const itemsSelected = ref<Item[]>([])
             <v-col cols="12" md="3">
               <div class="d-flex ga-2 justify-end">
                 <v-btn round rounded="true" variant="text" @click="refetch">
-                  <ReloadOutlined />
+                  <IconReload />
                 </v-btn>
               </div>
             </v-col>
diff --git a/ui/src/views/machines/MachineMetrics.vue b/ui/src/views/machines/MachineMetrics.vue
index c138152..c87a494 100644
--- a/ui/src/views/machines/MachineMetrics.vue
+++ b/ui/src/views/machines/MachineMetrics.vue
@@ -5,6 +5,7 @@ import UiChildCard from '@/components/shared/UiChildCard.vue'
 import { computed } from 'vue'
 import moment from 'moment'
 import { formatBytes } from '@/utils/helpers/formatBytes'
+import { IconReload } from '@tabler/icons-vue'
 
 const props = defineProps({
   id: {
@@ -59,7 +60,7 @@ const details = computed(() => {
   <UiChildCard :loading="loading" title="Basic Info">
     <template #action>
       <v-btn round :rounded="true" variant="text" @click="refetch">
-        <ReloadIcon />
+        <IconReload />
       </v-btn>
     </template>
     <v-row class="py-2 mx-0 details-content">
diff --git a/ui/src/views/machines/MachineStorages.vue b/ui/src/views/machines/MachineStorages.vue
index 11581b8..916a444 100644
--- a/ui/src/views/machines/MachineStorages.vue
+++ b/ui/src/views/machines/MachineStorages.vue
@@ -5,6 +5,7 @@ import { useQuery } from '@vue/apollo-composable'
 import { computed, ComputedRef } from 'vue'
 import { StoragePath } from '@/typed-graph'
 import { GetMachineStorages } from '@/views/query/machine'
+import { IconReload } from '@tabler/icons-vue'
 
 const props = defineProps({
   id: {
@@ -27,7 +28,7 @@ const paths: ComputedRef<[StoragePath]> = computed(() => result.value?.machine.s
   <UiChildCard :loading="loading" title="Storages ">
     <template #action>
       <v-btn round :rounded="true" variant="text" @click="refetch">
-        <ReloadIcon />
+        <IconReload />
       </v-btn>
     </template>
     <StoragePathTable :error="error" hide-footer :items="paths" :loading="loading" />
diff --git a/ui/src/views/machines/MachineSummaryCharts.vue b/ui/src/views/machines/MachineSummaryCharts.vue
index 4d5d79e..e9d9594 100644
--- a/ui/src/views/machines/MachineSummaryCharts.vue
+++ b/ui/src/views/machines/MachineSummaryCharts.vue
@@ -5,8 +5,7 @@ import { GetMachinesSummary } from '@/views/query/machine'
 import { MachineSummary } from '@/typed-graph'
 import { formatBytes } from '@/utils/helpers/formatBytes'
 import moment from 'moment'
-import { mdiExpansionCard } from '@mdi/js'
-import { BrandSpeedtestIcon, CpuIcon, ServerIcon } from 'vue-tabler-icons'
+import { IconBrandSpeedtest, IconCpu, IconServer } from '@tabler/icons-vue'
 
 const { result } = useQuery(GetMachinesSummary, null, () => ({
   fetchPolicy: 'cache-first',
@@ -16,10 +15,10 @@ const { result } = useQuery(GetMachinesSummary, null, () => ({
 const stats: ComputedRef<MachineSummary> = computed(() => result.value?.machineSummary)
 
 const cards = computed(() => [
-  { value: stats.value?.total || 0, text: 'Machine', icon: ServerIcon, color: 'primary', duedate: moment().calendar() },
-  { value: stats.value?.totalCpu || 0, text: 'CPU', icon: CpuIcon, color: 'info', duedate: moment().calendar() },
-  { value: stats.value?.totalGpu || 0, text: 'GPU', icon: mdiExpansionCard, color: 'success', duedate: moment().calendar() },
-  { value: formatBytes(stats.value?.totalRam || 0).combined, text: 'RAM', icon: BrandSpeedtestIcon, color: 'warning', duedate: moment().calendar() },
+  { value: stats.value?.total || 0, text: 'Machine', icon: IconServer, color: 'primary', duedate: moment().calendar() },
+  { value: stats.value?.totalCpu || 0, text: 'CPU', icon: IconCpu, color: 'info', duedate: moment().calendar() },
+  { value: stats.value?.totalGpu || 0, text: 'GPU', icon: IconCpu, color: 'success', duedate: moment().calendar() },
+  { value: formatBytes(stats.value?.totalRam || 0).combined, text: 'RAM', icon: IconBrandSpeedtest, color: 'warning', duedate: moment().calendar() },
 ])
 
 </script>
diff --git a/ui/src/views/machines/MachineTasks.vue b/ui/src/views/machines/MachineTasks.vue
index 75ad2c9..ab77d77 100644
--- a/ui/src/views/machines/MachineTasks.vue
+++ b/ui/src/views/machines/MachineTasks.vue
@@ -6,6 +6,7 @@ import { computed, ComputedRef } from 'vue'
 import { Task } from '@/typed-graph'
 import type { Header } from 'vue3-easy-data-table'
 import { GetMachineTasks } from '@/views/query/machine'
+import { IconReload } from '@tabler/icons-vue'
 
 const props = defineProps({
   id: {
@@ -36,7 +37,7 @@ const headers :Header[] = [
   <UiChildCard :loading="loading" title="Running Tasks ">
     <template #action>
       <v-btn round :rounded="true" variant="text" @click="refetch">
-        <ReloadIcon />
+        <IconReload />
       </v-btn>
     </template>
     <EasyDataTable
diff --git a/ui/src/views/miners/MinerInfo.vue b/ui/src/views/miners/MinerInfo.vue
index dc96b2a..489c002 100644
--- a/ui/src/views/miners/MinerInfo.vue
+++ b/ui/src/views/miners/MinerInfo.vue
@@ -6,6 +6,7 @@ import { computed } from 'vue'
 import UiChildCard from '@/components/shared/UiChildCard.vue'
 import { formatBytes } from '@/utils/helpers/formatBytes'
 import { formatFIL } from '@/utils/helpers/formatFIL'
+import { IconReload } from '@tabler/icons-vue'
 
 const props = defineProps({
   id: {
@@ -66,7 +67,7 @@ const cols2 = computed(() => {
   <UiChildCard :loading="loading" title="Basic Info">
     <template #action>
       <v-btn round :rounded="true" variant="text" @click="refetch">
-        <ReloadIcon />
+        <IconReload />
       </v-btn>
     </template>
     <v-row class="py-2 mx-0 details-content">
diff --git a/ui/src/views/miners/MinerList.vue b/ui/src/views/miners/MinerList.vue
index 623d429..59e8970 100644
--- a/ui/src/views/miners/MinerList.vue
+++ b/ui/src/views/miners/MinerList.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 
-import { EyeIcon, ReloadIcon, SearchIcon } from 'vue-tabler-icons'
+import { IconEye, IconReload, IconSearch } from '@tabler/icons-vue'
 import { useQuery } from '@vue/apollo-composable'
 import { computed, ComputedRef, ref } from 'vue'
 import { Actor } from '@/typed-graph'
@@ -48,14 +48,14 @@ const headers :Header[] = [
                 variant="outlined"
               >
                 <template #prepend-inner>
-                  <SearchIcon />
+                  <IconSearch />
                 </template>
               </v-text-field>
             </v-col>
             <v-col cols="12" md="3">
               <div class="d-flex ga-2 justify-end">
                 <v-btn round rounded variant="text" @click="refetch">
-                  <ReloadIcon />
+                  <IconReload />
                 </v-btn>
               </div>
             </v-col>
@@ -109,7 +109,7 @@ const headers :Header[] = [
                   title="More"
                   variant="text"
                 >
-                  <EyeIcon />
+                  <IconEye />
                 </v-btn>
               </div>
             </template>
diff --git a/ui/src/views/porep/SectorList.vue b/ui/src/views/porep/SectorList.vue
index 0bfc246..1a4dd3b 100644
--- a/ui/src/views/porep/SectorList.vue
+++ b/ui/src/views/porep/SectorList.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import moment from 'moment'
 import { useQuery } from '@vue/apollo-composable'
-import { SearchOutlined } from '@ant-design/icons-vue'
 import { computed, ComputedRef, ref } from 'vue'
 import { GetSectorsPoreps } from '@/views/query/porep'
 import { Porep } from '@/typed-graph'
 import type { Item } from 'vue3-easy-data-table'
 import PipelineStatus from '@/views/widgets/data/PipelineStatus.vue'
+import { IconReload, IconSearch } from '@tabler/icons-vue'
 
 const { result, loading, refetch, error } = useQuery(GetSectorsPoreps, null, () => ({
   fetchPolicy: 'cache-first',
@@ -28,10 +28,7 @@ const selectStatus = ref(null)
 
 const filterItems = computed(() => {
   return items.value.filter(item => {
-    if (selectStatus.value && item.status !== selectStatus.value) {
-      return false
-    }
-    return true
+    return !(selectStatus.value && item.status !== selectStatus.value)
   })
 })
 
@@ -61,14 +58,14 @@ const allStatus = computed(() => {
                 variant="outlined"
               >
                 <template #prepend-inner>
-                  <SearchOutlined :style="{ fontSize: '14px' }" />
+                  <IconSearch :size="14" />
                 </template>
               </v-text-field>
             </v-col>
             <v-col cols="12" md="3">
               <div class="d-flex ga-2 justify-end">
                 <v-btn round rounded variant="text" @click="refetch">
-                  <ReloadIcon />
+                  <IconReload />
                 </v-btn>
               </div>
             </v-col>
diff --git a/ui/src/views/sectors/PiecesInfo.vue b/ui/src/views/sectors/PiecesInfo.vue
index aeb84f8..1e42083 100644
--- a/ui/src/views/sectors/PiecesInfo.vue
+++ b/ui/src/views/sectors/PiecesInfo.vue
@@ -6,6 +6,7 @@ import { GetSectorPieces } from '@/views/query/sector'
 import { computed, ComputedRef } from 'vue'
 import UiChildCard from '@/components/shared/UiChildCard.vue'
 import { formatBytes } from '@/utils/helpers/formatBytes'
+import { IconInfoCircle, IconReload } from '@tabler/icons-vue'
 
 const props = defineProps({
   miner: {
@@ -45,7 +46,7 @@ const headers :Header[] = [
   <UiChildCard :loading="loading" title="Pieces Info">
     <template #action>
       <v-btn round :rounded="true" variant="text" @click="refetch">
-        <ReloadIcon />
+        <IconReload />
       </v-btn>
     </template>
     <EasyDataTable
@@ -62,7 +63,7 @@ const headers :Header[] = [
       </template>
       <template #item-f05DealProposal="{ f05DealProposal }">
         <v-btn v-if="f05DealProposal" :icon="true" :rounded="true">
-          <InfoCircleIcon />
+          <IconInfoCircle />
           <v-dialog activator="parent">
             <v-card>
               <v-card-text>
@@ -76,7 +77,7 @@ const headers :Header[] = [
       </template>
       <template #item-ddoPam="{ ddoPam }">
         <v-btn v-if="ddoPam" :icon="true" :rounded="true">
-          <InfoCircleIcon />
+          <IconInfoCircle />
           <v-dialog activator="parent">
             <v-card>
               <v-card-text>
diff --git a/ui/src/views/sectors/SectorEvents.vue b/ui/src/views/sectors/SectorEvents.vue
index 46d77d9..85ac406 100644
--- a/ui/src/views/sectors/SectorEvents.vue
+++ b/ui/src/views/sectors/SectorEvents.vue
@@ -4,9 +4,7 @@ import { computed, ComputedRef } from 'vue'
 import { useQuery } from '@vue/apollo-composable'
 import { TaskHistory } from '@/typed-graph'
 import moment from 'moment'
-import {
-  CircleXIcon, SquareCheckIcon,
-} from 'vue-tabler-icons'
+import { IconCircleX, IconReload, IconSquareCheck } from '@tabler/icons-vue'
 import { GetSectorEvents } from '@/views/query/sector'
 import UiChildCard from '@/components/shared/UiChildCard.vue'
 import { formatDuration } from '@/utils/helpers/formatDuration'
@@ -35,7 +33,7 @@ const events: ComputedRef<[TaskHistory]> = computed(() => result.value?.sector.e
   <UiChildCard :loading="loading" title="Sector Events ">
     <template #action>
       <v-btn round :rounded="true" variant="text" @click="refetch">
-        <ReloadIcon />
+        <IconReload />
       </v-btn>
     </template>
     <perfect-scrollbar :style="{ 'max-height': '680px' }">
@@ -43,7 +41,7 @@ const events: ComputedRef<[TaskHistory]> = computed(() => result.value?.sector.e
         <template v-for="task in events" :key="task.id">
           <v-timeline-item :dot-color="task.result ? 'success' : 'error'" fill-dot>
             <template #icon>
-              <component :is="task.result ? SquareCheckIcon : CircleXIcon " :style="{ fontSize: '16px' }" />
+              <component :is="task.result ? IconSquareCheck : IconCircleX" :style="{ fontSize: '16px' }" />
             </template>
             <template #opposite>
               <span class="text-subtitle-2 text-medium-emphasis">{{ moment(task.workEnd).fromNow() }}</span>
diff --git a/ui/src/views/sectors/SectorInfo.vue b/ui/src/views/sectors/SectorInfo.vue
index bec44fb..86a130b 100644
--- a/ui/src/views/sectors/SectorInfo.vue
+++ b/ui/src/views/sectors/SectorInfo.vue
@@ -6,6 +6,7 @@ import { useQuery } from '@vue/apollo-composable'
 import { GetSectorMeta } from '@/views/query/sector'
 import { computed, ComputedRef } from 'vue'
 import { PorepStatus, SectorMeta } from '@/typed-graph'
+import { IconBox, IconBrandRedux, IconReload, IconTrash, IconUser } from '@tabler/icons-vue'
 
 const props = defineProps(
   {
@@ -35,24 +36,24 @@ const status: ComputedRef<PorepStatus> = computed(() => result.value?.sector.sta
   <UiChildCard :loading="loading" title="Sector Info">
     <template #action>
       <v-btn round :rounded="true" variant="text" @click="refetch">
-        <ReloadIcon />
+        <IconReload />
       </v-btn>
     </template>
     <div class="d-flex align-center flex-column flex-sm-row text-medium-emphasis ga-4">
       <div class="d-flex align-center">
-        <UserIcon />
+        <IconUser />
         <span class="text-subtitle-1 font-weight-medium ml-2">Miner: {{ miner }}</span>
       </div>
       <div class="d-flex align-center">
-        <BoxIcon />
+        <IconBox />
         <span class="text-subtitle-1 font-weight-medium ml-2">Sector: {{ sectorNumber }}</span>
       </div>
       <div class="d-flex align-center">
-        <TrashIcon />
+        <IconTrash />
         <span class="text-subtitle-1 font-weight-medium ml-2">IsCC: {{ meta.isCC ? 'Yes' : 'No' }}</span>
       </div>
       <div class="d-flex align-center">
-        <BrandReduxIcon />
+        <IconBrandRedux />
         <span class="text-subtitle-1 font-weight-medium ml-2">Status: {{ status }}</span>
       </div>
     </div>
diff --git a/ui/src/views/sectors/SectorList.vue b/ui/src/views/sectors/SectorList.vue
index fa00b6f..3f93998 100644
--- a/ui/src/views/sectors/SectorList.vue
+++ b/ui/src/views/sectors/SectorList.vue
@@ -6,6 +6,7 @@ import { Actor, Sector, SectorLocation } from '@/typed-graph'
 import type { Header, Item, ServerOptions } from 'vue3-easy-data-table'
 import { GetSectors } from '@/views/query/sector'
 import { sealProofToSize } from '@/utils/helpers/sealProofToSize'
+import { IconEye, IconInfoCircle, IconReload } from '@tabler/icons-vue'
 
 const serverOptions = ref<ServerOptions>({
   page: 1,
@@ -115,7 +116,7 @@ function formatLocationDetails (location: SectorLocation): string {
             <v-col cols="12" md="3">
               <div class="d-flex ga-2 justify-end">
                 <v-btn round :rounded="true" variant="text" @click="refetch">
-                  <ReloadIcon />
+                  <IconReload />
                 </v-btn>
               </div>
             </v-col>
@@ -144,7 +145,7 @@ function formatLocationDetails (location: SectorLocation): string {
                 <template #activator="{ props }">
                   {{ locations.some((location: SectorLocation) => location.sectorFiletype === 2) ? 'Yes' : 'No' }}
                   <v-icon color="primary" v-bind="props">
-                    <InfoCircleIcon />
+                    <IconInfoCircle />
                   </v-icon>
                 </template>
                 <span>
@@ -157,7 +158,7 @@ function formatLocationDetails (location: SectorLocation): string {
                 <template #activator="{ props }">
                   {{ locations.some((location: SectorLocation) => location.sectorFiletype === 1) ? 'Yes' : 'No' }}
                   <v-icon color="primary" v-bind="props">
-                    <InfoCircleIcon />
+                    <IconInfoCircle />
                   </v-icon>
                 </template>
                 <span>
@@ -170,7 +171,7 @@ function formatLocationDetails (location: SectorLocation): string {
                 <template #activator="{ props }">
                   {{ sealProofToSize(meta.regSealProof) }}
                   <v-icon color="primary" v-bind="props">
-                    <InfoCircleIcon />
+                    <IconInfoCircle />
                   </v-icon>
                 </template>
                 <span>
@@ -181,7 +182,7 @@ function formatLocationDetails (location: SectorLocation): string {
             <template #item-action="{ meta }">
               <div class="operation-wrapper">
                 <RouterLink :to="{ name: 'SectorDetails', params: { miner: meta.spId, sectorNumber: meta.sectorNum } }">
-                  <EyeIcon />
+                  <IconEye />
                 </RouterLink>
 
               </div>
diff --git a/ui/src/views/sectors/SectorLocations.vue b/ui/src/views/sectors/SectorLocations.vue
index 0ca6924..755ee70 100644
--- a/ui/src/views/sectors/SectorLocations.vue
+++ b/ui/src/views/sectors/SectorLocations.vue
@@ -7,6 +7,7 @@ import { computed, ComputedRef } from 'vue'
 import { SectorLocation } from '@/typed-graph'
 import type { Header } from 'vue3-easy-data-table'
 import { sectorFileTypeToName } from '@/utils/helpers/sectorFileType'
+import { IconReload } from '@tabler/icons-vue'
 
 const props = defineProps({
   miner: {
@@ -43,7 +44,7 @@ const headers :Header[] = [
   <UiChildCard :loading="loading" title="Sector Locations ">
     <template #action>
       <v-btn round :rounded="true" variant="text" @click="refetch">
-        <ReloadIcon />
+        <IconReload />
       </v-btn>
     </template>
     <EasyDataTable
diff --git a/ui/src/views/sectors/SectorTasks.vue b/ui/src/views/sectors/SectorTasks.vue
index 0ecf316..ce73945 100644
--- a/ui/src/views/sectors/SectorTasks.vue
+++ b/ui/src/views/sectors/SectorTasks.vue
@@ -6,6 +6,7 @@ import { GetSectorTasks } from '@/views/query/sector'
 import { computed, ComputedRef } from 'vue'
 import { Task } from '@/typed-graph'
 import type { Header } from 'vue3-easy-data-table'
+import { IconReload } from '@tabler/icons-vue'
 
 const props = defineProps({
   miner: {
@@ -41,7 +42,7 @@ const headers :Header[] = [
   <UiChildCard :loading="loading" title="Sector Tasks ">
     <template #action>
       <v-btn round :rounded="true" variant="text" @click="refetch">
-        <ReloadIcon />
+        <IconReload />
       </v-btn>
     </template>
     <EasyDataTable
diff --git a/ui/src/views/storages/StoragePathList.vue b/ui/src/views/storages/StoragePathList.vue
index ca36220..d1e1bad 100644
--- a/ui/src/views/storages/StoragePathList.vue
+++ b/ui/src/views/storages/StoragePathList.vue
@@ -3,6 +3,7 @@ import { GetStoragePaths } from '@/views/query/storage'
 import { useQuery } from '@vue/apollo-composable'
 import { StoragePath } from '@/typed-graph'
 import { computed, ComputedRef, ref } from 'vue'
+import { IconReload, IconSearch } from '@tabler/icons-vue'
 
 const { result, loading, refetch, error } = useQuery(GetStoragePaths, null, () => ({
   fetchPolicy: 'cache-first',
@@ -67,14 +68,14 @@ const tabs = [
                 variant="outlined"
               >
                 <template #prepend-inner>
-                  <SearchIcon />
+                  <IconSearch />
                 </template>
               </v-text-field>
             </v-col>
             <v-col cols="12" md="3">
               <div class="d-flex ga-2 justify-end">
                 <v-btn round :rounded="true" variant="text" @click="refetch">
-                  <ReloadIcon />
+                  <IconReload />
                 </v-btn>
               </div>
             </v-col>
diff --git a/ui/src/views/widgets/chart/MiningOverviewChart.vue b/ui/src/views/widgets/chart/MiningOverviewChart.vue
index 28005a8..07b07c4 100644
--- a/ui/src/views/widgets/chart/MiningOverviewChart.vue
+++ b/ui/src/views/widgets/chart/MiningOverviewChart.vue
@@ -6,7 +6,7 @@ import { useQuery } from '@vue/apollo-composable'
 import { GetMiningSummary } from '@/views/query/mining'
 import { MiningSummaryDay } from '@/typed-graph'
 import { useCustomizerStore } from '@/stores/customizer'
-import { ReloadIcon } from 'vue-tabler-icons'
+import { IconReload } from '@tabler/icons-vue'
 
 const theme = useTheme()
 const InfoColor = theme.current.value.colors.info
@@ -123,7 +123,7 @@ const totalWonBlocks = computed(() => {
         variant="text"
         @click="refetch"
       >
-        <ReloadIcon />
+        <IconReload />
       </v-btn>
     </template>
     <div class="px-5">
diff --git a/ui/src/views/widgets/data/ChainConnectivity.vue b/ui/src/views/widgets/data/ChainConnectivity.vue
index f3d21bb..2bd27e3 100644
--- a/ui/src/views/widgets/data/ChainConnectivity.vue
+++ b/ui/src/views/widgets/data/ChainConnectivity.vue
@@ -5,7 +5,7 @@ import { GetNodeInfos } from '@/views/query/chain'
 import { computed, ComputedRef, ref } from 'vue'
 import { NodeInfo } from '@/typed-graph'
 import UiTitleCard from '@/components/shared/UiTitleCard.vue'
-import { ReloadIcon } from 'vue-tabler-icons'
+import { IconReload } from '@tabler/icons-vue'
 
 const headers = [
   { text: 'Address', value: 'address' },
@@ -34,7 +34,7 @@ const items: ComputedRef<[NodeInfo]> = computed(() => result.value?.nodesInfo ||
         variant="text"
         @click="refetch"
       >
-        <ReloadIcon />
+        <IconReload />
       </v-btn>
     </template>
     <EasyDataTable
diff --git a/ui/src/views/widgets/data/NewTasks.vue b/ui/src/views/widgets/data/NewTasks.vue
index 1395119..a811060 100644
--- a/ui/src/views/widgets/data/NewTasks.vue
+++ b/ui/src/views/widgets/data/NewTasks.vue
@@ -6,7 +6,7 @@ import { useSubscription } from '@vue/apollo-composable'
 import { SubscribeNewTask } from '@/views/query/task'
 import { Task } from '@/typed-graph'
 import moment from 'moment'
-import { PlayerPauseIcon, PlayerPlayIcon } from 'vue-tabler-icons'
+import { IconPlayerPause, IconPlayerPlay } from '@tabler/icons-vue'
 
 const props = defineProps({
   maxLen: {
@@ -51,7 +51,7 @@ const themeColor = ref('rgb(var(--v-theme-primary))')
   <UiTitleCard class-name="px-0 pb-0 rounded-md" title="New Added Tasks">
     <template #action>
       <v-btn
-        :icon="isStop ? PlayerPlayIcon : PlayerPauseIcon"
+        :icon="isStop ? IconPlayerPlay : IconPlayerPause"
         round
         :rounded="true"
         variant="text"
diff --git a/ui/src/views/widgets/data/RecentTasksTable.vue b/ui/src/views/widgets/data/RecentTasksTable.vue
index 69920c9..3915c78 100644
--- a/ui/src/views/widgets/data/RecentTasksTable.vue
+++ b/ui/src/views/widgets/data/RecentTasksTable.vue
@@ -7,7 +7,7 @@ import { SubscribeCompletedTask } from '@/views/query/task'
 import { TaskHistory } from '@/typed-graph'
 import moment from 'moment'
 import { formatDuration } from '@/utils/helpers/formatDuration'
-import { PlayerPauseIcon, PlayerPlayIcon } from 'vue-tabler-icons'
+import { IconPlayerPause, IconPlayerPlay } from '@tabler/icons-vue'
 
 const props = defineProps({
   maxMessages: {
@@ -57,7 +57,7 @@ const themeColor = ref('rgb(var(--v-theme-primary))')
   <UiTitleCard class-name="px-0 pb-0 rounded-md" title="Recently Finished Tasks">
     <template #action>
       <v-btn
-        :icon="isStop ? PlayerPlayIcon : PlayerPauseIcon"
+        :icon="isStop ? IconPlayerPlay : IconPlayerPause"
         round
         :rounded="true"
         variant="text"
diff --git a/ui/src/views/widgets/data/RecentTasksTimeline.vue b/ui/src/views/widgets/data/RecentTasksTimeline.vue
index 4947a3e..01c290e 100644
--- a/ui/src/views/widgets/data/RecentTasksTimeline.vue
+++ b/ui/src/views/widgets/data/RecentTasksTimeline.vue
@@ -4,9 +4,7 @@ import { ref, watch } from 'vue'
 import { useSubscription } from '@vue/apollo-composable'
 import { TaskHistory } from '@/typed-graph'
 import moment from 'moment'
-import {
-  CircleXIcon, SquareCheckIcon,
-} from 'vue-tabler-icons'
+import { IconCircleX, IconSquareCheck } from '@tabler/icons-vue'
 import { SubscribeCompletedTask } from '@/views/query/task'
 import { formatDuration } from '@/utils/helpers/formatDuration'
 
@@ -34,7 +32,7 @@ watch(
     <template v-for="task in tasks" :key="task.id">
       <v-timeline-item :dot-color="task.result ? 'success' : 'error'" fill-dot>
         <template #icon>
-          <component :is="task.result ? SquareCheckIcon : CircleXIcon " :style="{ fontSize: '16px' }" />
+          <component :is="task.result ? IconSquareCheck : IconCircleX " :style="{ fontSize: '16px' }" />
         </template>
         <template #opposite>
           <span class="text-subtitle-2 text-medium-emphasis">{{ moment(task.workEnd).fromNow() }}</span>
diff --git a/ui/src/views/widgets/statistics/StorageOverview.vue b/ui/src/views/widgets/statistics/StorageOverview.vue
index 1c11521..301ed33 100644
--- a/ui/src/views/widgets/statistics/StorageOverview.vue
+++ b/ui/src/views/widgets/statistics/StorageOverview.vue
@@ -6,7 +6,7 @@ import { StorageStats } from '@/typed-graph'
 import UiTitleCard from '@/components/shared/UiTitleCard.vue'
 import { GetStorageStats } from '@/views/query/storage'
 import { formatBytes } from '@/utils/helpers/formatBytes'
-import { ReloadIcon } from 'vue-tabler-icons'
+import { IconReload } from '@tabler/icons-vue'
 
 const headers = [
   { text: 'Type', value: 'type' },
@@ -40,7 +40,7 @@ function usePercentage (available: number, total: number) {
         variant="text"
         @click="refetch"
       >
-        <ReloadIcon />
+        <IconReload />
       </v-btn>
     </template>
     <EasyDataTable
diff --git a/ui/vite.config.mts b/ui/vite.config.mts
index 387805d..86585da 100644
--- a/ui/vite.config.mts
+++ b/ui/vite.config.mts
@@ -6,8 +6,9 @@ import Vue from '@vitejs/plugin-vue'
 import Vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 
 // Utilities
-import { defineConfig } from 'vite'
+import { defineConfig, type PluginOption } from 'vite'
 import { fileURLToPath, URL } from 'node:url'
+import { visualizer } from 'rollup-plugin-visualizer'
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -34,6 +35,7 @@ export default defineConfig({
       //   }],
       // },
     }),
+    visualizer() as PluginOption,
   ],
   build: {
     chunkSizeWarningLimit: 1024 * 7,
diff --git a/ui/yarn.lock b/ui/yarn.lock
index caff6e3..31a89b9 100644
--- a/ui/yarn.lock
+++ b/ui/yarn.lock
@@ -1546,6 +1546,18 @@
     core-js "^3.15.1"
     nanopop "^2.1.0"
 
+"@tabler/icons-vue@^3.19.0":
+  version "3.19.0"
+  resolved "https://registry.npmmirror.com/@tabler/icons-vue/-/icons-vue-3.19.0.tgz#4240303d4567ce2a87d28c9dffe5377eb6131ce1"
+  integrity sha512-H9gGYvZIPCUQprHz+8qPx8MSKf28WHpiIX1lHmxckUS06P63LnTMwsvx+KCcMBEhMrdSxlIqk6fb+xR+61yVOQ==
+  dependencies:
+    "@tabler/icons" "3.19.0"
+
+"@tabler/icons@3.19.0":
+  version "3.19.0"
+  resolved "https://registry.npmmirror.com/@tabler/icons/-/icons-3.19.0.tgz#5998b0557ef34572e003f2d75ac95e7c04f88c81"
+  integrity sha512-A4WEWqpdbTfnpFEtwXqwAe9qf9sp1yRPvzppqAuwcoF0q5YInqB+JkJtSFToCyBpPVeLxJUxxkapLvt2qQgnag==
+
 "@types/estree@1.0.5", "@types/estree@^1.0.0":
   version "1.0.5"
   resolved "https://registry.npmmirror.com/@types/estree/-/estree-1.0.5.tgz"
@@ -2902,6 +2914,11 @@ define-data-property@^1.0.1, define-data-property@^1.1.4:
     es-errors "^1.3.0"
     gopd "^1.0.1"
 
+define-lazy-prop@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
+  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
+
 define-properties@^1.2.0, define-properties@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmmirror.com/define-properties/-/define-properties-1.2.1.tgz"
@@ -3979,6 +3996,11 @@ is-date-object@^1.0.1:
   dependencies:
     has-tostringtag "^1.0.0"
 
+is-docker@^2.0.0, is-docker@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.npmmirror.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
+  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
+
 is-expression@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmmirror.com/is-expression/-/is-expression-4.0.0.tgz#c33155962abf21d0afd2552514d67d2ec16fd2ab"
@@ -4117,6 +4139,13 @@ is-windows@^1.0.1:
   resolved "https://registry.npmmirror.com/is-windows/-/is-windows-1.0.2.tgz"
   integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==
 
+is-wsl@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmmirror.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
+  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
+  dependencies:
+    is-docker "^2.0.0"
+
 isarray@^2.0.5:
   version "2.0.5"
   resolved "https://registry.npmmirror.com/isarray/-/isarray-2.0.5.tgz"
@@ -4558,6 +4587,15 @@ onetime@^5.1.0:
   dependencies:
     mimic-fn "^2.1.0"
 
+open@^8.4.0:
+  version "8.4.2"
+  resolved "https://registry.npmmirror.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
+  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
+  dependencies:
+    define-lazy-prop "^2.0.0"
+    is-docker "^2.1.1"
+    is-wsl "^2.2.0"
+
 optimism@^0.18.0:
   version "0.18.0"
   resolved "https://registry.npmmirror.com/optimism/-/optimism-0.18.0.tgz"
@@ -5020,6 +5058,16 @@ rimraf@^3.0.2:
   dependencies:
     glob "^7.1.3"
 
+rollup-plugin-visualizer@^5.12.0:
+  version "5.12.0"
+  resolved "https://registry.npmmirror.com/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.12.0.tgz#661542191ce78ee4f378995297260d0c1efb1302"
+  integrity sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==
+  dependencies:
+    open "^8.4.0"
+    picomatch "^2.3.1"
+    source-map "^0.7.4"
+    yargs "^17.5.1"
+
 rollup@^4.20.0:
   version "4.21.3"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.21.3.tgz#c64ba119e6aeb913798a6f7eef2780a0df5a0821"
@@ -5248,6 +5296,11 @@ source-map-js@^1.2.0, source-map-js@^1.2.1:
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
   integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
 
+source-map@^0.7.4:
+  version "0.7.4"
+  resolved "https://registry.npmmirror.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
 sponge-case@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmmirror.com/sponge-case/-/sponge-case-1.0.1.tgz"
@@ -5946,11 +5999,6 @@ vue-router@^4.4.0:
   dependencies:
     "@vue/devtools-api" "^6.6.4"
 
-vue-tabler-icons@^2.21.0:
-  version "2.21.0"
-  resolved "https://registry.npmmirror.com/vue-tabler-icons/-/vue-tabler-icons-2.21.0.tgz"
-  integrity sha512-rEZYPd37j1sd/9gBFtC1u8wj3Pz1S3gLP1tgexvnivzQPXphc6M+7XuTSOd7wtdpaLt1sQgDmuQxIgczzrvf0A==
-
 vue-tsc@^2.0.26:
   version "2.1.6"
   resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-2.1.6.tgz#d93fdc617da6546674301a746fd7089ea6d4543d"
@@ -6198,7 +6246,7 @@ yargs@^15.3.1:
     y18n "^4.0.0"
     yargs-parser "^18.1.2"
 
-yargs@^17.0.0:
+yargs@^17.0.0, yargs@^17.5.1:
   version "17.7.2"
   resolved "https://registry.npmmirror.com/yargs/-/yargs-17.7.2.tgz"
   integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==